/* Theme Name: Mailvyno | Version: 1.0 */
:root{--ink:#516373;--accent:#516373;--paper:#f6faf9;--line:#d6e4e2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit}img{max-width:100%;height:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 5%;background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:24px;letter-spacing:.1em;font-weight:800;text-decoration:none}nav{display:flex;gap:22px}nav a{text-decoration:none;font-size:14px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:410px;background:#e8edf0}.hero-visual{background:#fff;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.hero-visual img{display:block;width:100%;height:410px;object-fit:contain}.hero-copy{padding:45px clamp(24px,6vw,90px);align-self:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#2c6c70;font-weight:700}.hero h1{font:400 clamp(38px,4vw,62px)/1.05 Georgia,serif;margin:16px 0 20px;letter-spacing:-.03em}.hero p{max-width:510px;font-size:17px}.btn{display:inline-block;background:#516373;color:#fff;text-decoration:none;padding:13px 22px;font-weight:700;font-size:14px}.band{display:flex;justify-content:space-around;gap:15px;background:#516373;color:#fff;padding:14px 5%;font-size:12px}.section{max-width:1240px;margin:0 auto;padding:68px 5%}.section h2{font:400 clamp(30px,3vw,46px)/1.15 Georgia,serif;margin:12px 0 26px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{min-width:0;background:#fff;padding-bottom:15px}.card a{text-decoration:none}.card img{width:100%;height:220px;object-fit:contain;background:white}.card h3{font-size:15px;line-height:1.35;margin:12px}.card .price{margin:0 12px;font-size:15px}.card .add{display:inline-block;margin:12px 12px 0;background:#516373;color:#fff;padding:8px 12px;font-size:12px;font-weight:bold}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cat{display:block;text-decoration:none;background:#e8edf0}.cat img{width:100%;height:180px;object-fit:contain;background:white}.cat div{padding:15px}.cat h3{margin:0;font-size:19px}.cat span{font-size:12px;font-weight:bold}.story{background:#e8edf0;padding:65px 6%;display:grid;grid-template-columns:1fr 1fr;gap:45px}.story h2{font:400 42px/1.1 Georgia,serif;margin:10px 0}.faq{display:grid;grid-template-columns:1fr 1fr;gap:40px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{font-weight:700;cursor:pointer}.content{max-width:950px;margin:auto;padding:45px 5%;min-height:50vh}.content h1{font:400 45px Georgia,serif}footer{background:#516373;color:#fff;padding:42px 5%}.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer-grid p{margin:0 0 10px}footer a{color:#fff}.woocommerce #primary,.woocommerce-page #primary{max-width:1280px;margin:auto;padding:25px 5% 60px}.woocommerce div.product .product_title{font:400 clamp(30px,3.2vw,44px)/1.16 Georgia,serif;overflow-wrap:anywhere}.woocommerce div.product div.images img{width:100%;max-height:600px;object-fit:contain}.woocommerce div.product p.price{font-size:24px;color:#516373}.woocommerce div.product form.cart{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.woocommerce div.product form.cart div.quantity{display:flex;float:none;margin:0}.woocommerce div.product form.cart .quantity .qty{width:54px;min-height:48px;border:1px solid #a2ae9e;text-align:center;font-size:16px}.seed-qty-btn{width:42px;min-height:48px;border:1px solid #a2ae9e;background:#fff;color:#516373;font-size:20px}.woocommerce div.product form.cart button.button,.woocommerce ul.products li.product .button{background:#516373;color:#fff;border-radius:2px}.woocommerce div.product form.cart button.button{min-height:48px;padding:12px 20px}.woocommerce div.product form.cart button.storefront-buy-now{background:#fff;color:#516373;border:1px solid #516373}.woocommerce div.product .woocommerce-tabs,.woocommerce .related.products{clear:both;padding-top:20px}.woocommerce ul.products li.product h2.woocommerce-loop-product__title{font-size:15px;line-height:1.4}.woocommerce ul.products li.product img{width:100%;height:auto;object-fit:contain}@media(max-width:700px){header{padding:14px 5%}.brand{font-size:18px}nav{gap:8px}nav a{font-size:12px}.hero{display:flex;flex-direction:column}.hero-visual{order:2}.hero-visual img{height:265px}.hero-copy{padding:45px 6%}.band{display:grid;text-align:center;gap:7px}.section{padding:45px 5%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card img{height:160px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat img{height:145px}.story,.faq,.footer-grid{grid-template-columns:1fr;gap:20px}.woocommerce div.product .product_title{font-size:30px}.woocommerce div.product form.cart button.button{flex:1}}
/* Checkout layout refinement, 2026-11-10: scoped to classic checkout. */
body.woocommerce-checkout:not(.woocommerce-order-received) .commerce-wrap{max-width:1280px;margin:0 auto;padding:clamp(24px,4vw,54px) clamp(18px,4vw,48px) 72px}
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form.checkout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);grid-template-rows:auto 1fr;gap:0 32px;align-items:start}
body.woocommerce-checkout .woocommerce form.checkout #customer_details{grid-column:1;grid-row:1 / span 2;display:block;float:none;width:100%;min-width:0;margin:0;padding:clamp(20px,3vw,34px);background:#fff;border:1px solid var(--line,#ddd);border-radius:12px}
body.woocommerce-checkout .woocommerce form.checkout #customer_details .col-1,body.woocommerce-checkout .woocommerce form.checkout #customer_details .col-2{float:none;width:100%;max-width:none}
body.woocommerce-checkout .woocommerce form.checkout #customer_details .col-2{margin-top:25px}
body.woocommerce-checkout .woocommerce form.checkout #order_review_heading{grid-column:2;grid-row:1;float:none;width:100%;margin:0;padding:26px 26px 0;background:#fff;border:1px solid var(--line,#ddd);border-bottom:0;border-radius:12px 12px 0 0}
body.woocommerce-checkout .woocommerce form.checkout #order_review{grid-column:2;grid-row:2;float:none;width:100%;min-width:0;margin:0;padding:16px 26px 26px;background:#fff;border:1px solid var(--line,#ddd);border-top:0;border-radius:0 0 12px 12px}
body.woocommerce-checkout .woocommerce form.checkout h3{font-family:inherit;font-size:21px;line-height:1.3;letter-spacing:0;margin:0 0 20px}
body.woocommerce-checkout .woocommerce form.checkout #order_review_heading{margin:0;padding-bottom:0}
body.woocommerce-checkout .woocommerce form.checkout .woocommerce-billing-fields__field-wrapper,body.woocommerce-checkout .woocommerce form.checkout .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.woocommerce-checkout .woocommerce form.checkout .form-row{display:block;float:none;width:auto;min-width:0;margin:0 0 16px;padding:0;clear:none}
body.woocommerce-checkout .woocommerce form.checkout .woocommerce-billing-fields__field-wrapper .form-row,body.woocommerce-checkout .woocommerce form.checkout .woocommerce-shipping-fields__field-wrapper .form-row{grid-column:1 / -1;margin:0}
body.woocommerce-checkout .woocommerce form.checkout .woocommerce-billing-fields__field-wrapper .form-row-first,body.woocommerce-checkout .woocommerce form.checkout .woocommerce-billing-fields__field-wrapper .form-row-last,body.woocommerce-checkout .woocommerce form.checkout .woocommerce-shipping-fields__field-wrapper .form-row-first,body.woocommerce-checkout .woocommerce form.checkout .woocommerce-shipping-fields__field-wrapper .form-row-last{grid-column:auto}
body.woocommerce-checkout .woocommerce form.checkout .form-row label{display:block;line-height:1.4;font-size:14px;font-weight:600;margin:0 0 7px}
body.woocommerce-checkout .woocommerce form.checkout .form-row label.checkbox{display:inline;font-weight:400}
body.woocommerce-checkout .woocommerce form.checkout .form-row .woocommerce-input-wrapper{display:block;width:100%}
body.woocommerce-checkout .woocommerce form.checkout .form-row input.input-text,body.woocommerce-checkout .woocommerce form.checkout .form-row textarea,body.woocommerce-checkout .woocommerce form.checkout .form-row select{display:block;width:100%;max-width:100%;min-height:48px;padding:11px 12px;border:1px solid #a8afb1;border-radius:5px;background:#fff;color:#202428;font-size:16px;line-height:1.4;box-shadow:none}
body.woocommerce-checkout .woocommerce form.checkout .form-row textarea{min-height:110px;resize:vertical}
body.woocommerce-checkout .woocommerce form.checkout .select2-container{width:100%!important}
body.woocommerce-checkout .woocommerce form.checkout .select2-container .select2-selection--single{min-height:48px;border:1px solid #a8afb1;border-radius:5px;background:#fff}
body.woocommerce-checkout .woocommerce form.checkout .select2-container .select2-selection__rendered{line-height:46px;padding-left:12px;padding-right:35px}
body.woocommerce-checkout .woocommerce form.checkout .select2-container .select2-selection__arrow{height:46px;right:8px}
body.woocommerce-checkout .woocommerce form.checkout input:focus,body.woocommerce-checkout .woocommerce form.checkout textarea:focus,body.woocommerce-checkout .woocommerce form.checkout select:focus{outline:2px solid var(--accent,#385f70);outline-offset:2px}
body.woocommerce-checkout .woocommerce form.checkout .shop_table{width:100%;margin:0 0 20px;border-collapse:collapse}
body.woocommerce-checkout .woocommerce form.checkout .shop_table th,body.woocommerce-checkout .woocommerce form.checkout .shop_table td{padding:12px 5px;vertical-align:top;overflow-wrap:anywhere}
body.woocommerce-checkout .woocommerce form.checkout #payment{background:transparent;border-radius:0}
body.woocommerce-checkout .woocommerce form.checkout #payment ul.payment_methods{padding:16px 0;border-top:1px solid var(--line,#ddd);border-bottom:1px solid var(--line,#ddd)}
body.woocommerce-checkout .woocommerce form.checkout #payment div.form-row{padding:20px 0 0}
body.woocommerce-checkout .woocommerce form.checkout #place_order{float:none;width:100%;min-height:52px;white-space:normal}
body.woocommerce-checkout .woocommerce form.checkout .payment_methods img{max-width:130px;max-height:38px;width:auto;height:auto;object-fit:contain}
@media(max-width:800px){body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form.checkout{display:block}body.woocommerce-checkout .woocommerce form.checkout #customer_details{margin-bottom:20px}body.woocommerce-checkout .woocommerce form.checkout #order_review_heading{padding:22px 20px 0}body.woocommerce-checkout .woocommerce form.checkout #order_review{padding:16px 20px 22px}body.woocommerce-checkout .woocommerce form.checkout .woocommerce-billing-fields__field-wrapper,body.woocommerce-checkout .woocommerce form.checkout .woocommerce-shipping-fields__field-wrapper{gap:14px}}
@media(max-width:400px){body.woocommerce-checkout .woocommerce form.checkout .woocommerce-billing-fields__field-wrapper .form-row-first,body.woocommerce-checkout .woocommerce form.checkout .woocommerce-billing-fields__field-wrapper .form-row-last,body.woocommerce-checkout .woocommerce form.checkout .woocommerce-shipping-fields__field-wrapper .form-row-first,body.woocommerce-checkout .woocommerce form.checkout .woocommerce-shipping-fields__field-wrapper .form-row-last{grid-column:1 / -1}}
body.woocommerce-checkout:not(.woocommerce-order-received) main.content{max-width:1280px;margin:auto;padding:clamp(24px,4vw,54px) clamp(18px,4vw,48px) 72px}body.woocommerce-checkout main.content>article>h1{font:400 clamp(36px,4vw,52px)/1.1 Georgia,serif;margin-bottom:28px}body.woocommerce-checkout .woocommerce form.checkout .shop_table{table-layout:fixed}body.woocommerce-checkout .woocommerce form.checkout .shop_table th,body.woocommerce-checkout .woocommerce form.checkout .shop_table td{overflow-wrap:normal;word-break:normal}body.woocommerce-checkout .woocommerce form.checkout .shop_table th.product-total,body.woocommerce-checkout .woocommerce form.checkout .shop_table td.product-total{width:38%}body.woocommerce-checkout .woocommerce form.checkout #place_order{background:#516373;color:#fff}

@media(min-width:701px){.hero{grid-template-columns:.85fr 1.15fr}.hero-copy{order:-1;background:#fff}.hero-visual{padding:25px}.hero-visual img{height:360px}}

/* Keep the product and category sections visually connected. */
.home .section + .section{padding-top:0}