/* Final storefront refinements: compact imagery, consistent cards and mobile rhythm. */
.product-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:#fffdf9;box-shadow:0 3px 12px #29292304}
.product-card .product-image{border-radius:0;aspect-ratio:1;flex-shrink:0}
.product-card-body{padding:18px;display:flex;flex-direction:column;flex:1}
.product-card h3{min-height:0;font-size:1.5rem;line-height:1.2;margin-bottom:10px}
.product-description{min-height:0;margin-bottom:14px;font-size:.875rem}
.product-price{margin-top:auto;margin-bottom:14px}
.card-actions{flex-wrap:wrap;gap:10px}
.card-actions .button{flex:1;min-height:44px;font-size:.82rem;white-space:nowrap}
.details-link{font-size:.8rem;padding:10px 0}
.contact-grid{gap:40px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.contact-info{padding:30px;border:1px solid var(--line);border-radius:5px;background:#f2ede4}
.contact-info h2{font-size:2.6rem;line-height:1.12;margin-bottom:24px}
.contact-info dl{margin:0}.contact-info dt{margin-top:20px;font-size:.8rem}.contact-info dd{font-size:1rem;margin-bottom:0}
.contact-info dd a{overflow-wrap:anywhere}.contact-info dt:first-child{margin-top:0}
.contact-grid .form-panel h2{font-size:2.25rem}.contact-grid .form-panel .eyebrow{margin-bottom:12px}
.contact-grid .button{min-width:190px}.form-result:not(:empty){border:1px solid var(--line);border-left:3px solid var(--wine);padding:16px;background:#f5f0e7}
.form-result p{margin-bottom:0}.field input,.field textarea,.field select{font-size:1rem}
.order-complete .page-intro{display:none}.order-complete .checkout-section{padding-top:40px;padding-bottom:48px}
.confirmation{max-width:760px;background:#fffdf9;border:1px solid var(--line);border-radius:8px;padding:36px;box-shadow:0 8px 30px #29292306}
.confirmation:focus{outline:none}.confirmation-heading h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;margin:0 auto 16px;max-width:580px}
.confirmation-heading>p:last-child{margin-bottom:0;font-size:.95rem}.confirmation .eyebrow{margin:0 0 14px}
.confirmation-mark{width:52px;height:52px;margin-bottom:20px}.confirmation .reference-box{margin:24px 0;padding:20px;border-radius:4px}
.reference-box strong{font-size:1.25rem;overflow-wrap:anywhere}.reference-box p{font-size:.82rem;margin:10px 0 0}
.confirmation-receipt{text-align:left}.confirmation-receipt h2{font-size:1.8rem;margin:0 0 16px}
.receipt-line{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--line)}
.receipt-line>div{min-width:0}.receipt-line strong{display:block;font-size:.95rem;font-weight:500;line-height:1.4}
.receipt-line span{display:block;font-size:.82rem;color:var(--muted);margin-top:5px}.receipt-line b{font-size:.95rem;font-weight:500;white-space:nowrap}
.confirmation .notice{text-align:left;margin:20px 0;font-size:.85rem}.confirmation-actions{display:flex;gap:12px;justify-content:center}
.confirmation-actions .button{flex:1}.confirmation-receipt .summary-note{margin-bottom:0}
@media(max-width:1000px){.card-actions{flex-direction:column;align-items:stretch}.contact-grid{gap:24px}.contact-info{padding:24px}.contact-info h2{font-size:2.3rem}}
@media(max-width:800px){
  .product-grid,.featured .product-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .product-card{width:100%;max-width:560px;margin-inline:auto}
  .product-card .product-image{height:260px;aspect-ratio:auto;background:#f0ece4}
  .product-image img{object-fit:contain}.product-card:hover,.product-card:hover img{transform:none}
  .product-card-body{padding:18px}.product-card h3{font-size:1.65rem}.product-description{font-size:.94rem}
  .card-actions{flex-direction:row;align-items:center}.card-actions .button{flex:1}.details-link{flex:1;text-align:center}
  .contact-grid{grid-template-columns:1fr}.contact-info h2{font-size:2rem}
  .contact-info dd{font-size:.94rem}.contact-grid .form-grid{grid-template-columns:1fr 1fr}
  .product-detail-grid{grid-template-columns:1fr;gap:22px}.detail-image{height:340px;aspect-ratio:auto;max-width:560px;margin:auto}
  .detail-image img{object-fit:contain}.options-grid{grid-template-columns:1fr 1fr}.purchase-actions{flex-direction:row}
  .order-layout .order-summary{grid-row:1}.order-layout{gap:20px}
}
@media(max-width:700px){
  html{scroll-padding-top:90px}.wrap{width:calc(100% - 32px)}
  .announcement{padding:7px 14px;font-size:.625rem;letter-spacing:.08em;line-height:1.5}
  .site-header{background:var(--paper)}
  .header-inner{height:auto;min-height:74px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding-block:8px}
  .header-actions{gap:8px}.brand img{width:50px;height:50px}.brand strong{font-size:1.15rem}.brand small{font-size:.56rem}
  .menu-button{width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:4px;display:grid;place-items:center}
  .menu-button[aria-expanded=true]{background:#eee8dd;border-color:var(--gold)}
  .menu-button[aria-expanded=true] svg{transform:none}
  .nav{position:static;grid-column:1/-1;grid-row:2;display:none;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;padding:8px 0 2px;margin-top:8px;border-top:1px solid var(--line);border-bottom:0;background:transparent;max-height:calc(100dvh - 115px);overflow-y:auto}
  .nav.open{display:flex}.nav a{display:block;font-size:.94rem;line-height:1.4;padding:13px 12px;border-radius:3px;border-bottom:1px solid var(--line)}
  .nav a:last-child{border-bottom:0}.nav a[aria-current=page]{background:#eee8dd;color:var(--wine)}
  .nav a:after{left:12px;bottom:6px;width:24px}.nav a:hover{background:#f0ece3}
  .hero{min-height:0;gap:18px;padding:26px 0}.hero-copy{padding:0}
  .hero h1{font-size:clamp(2.25rem,8.5vw,3rem);line-height:1.08;margin-bottom:16px;letter-spacing:-.025em}
  .hero p:not(.eyebrow){margin-bottom:20px;font-size:.94rem;line-height:1.7}.hero .eyebrow{margin-bottom:14px}
  .eyebrow{font-size:.7rem;letter-spacing:.12em;margin-bottom:12px}.hero-note{margin-top:18px;font-size:.67rem;line-height:1.5}
  .hero-picture{height:260px;border-radius:75px 4px 4px 4px}.hero-caption{left:12px;right:12px;bottom:12px;padding:12px 14px}
  .hero-caption span{font-size:1.25rem}.hero-note:before{flex-shrink:0;width:25px}
  .heritage-line{padding:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:.62rem;letter-spacing:.03em}
  .heritage-line span{gap:6px;line-height:1.5}.heritage-line span:before{font-size:1rem}
  .section{padding:32px 0}.featured{padding-top:0}.section-heading{gap:14px;margin-bottom:20px}
  h2,.section-heading h2{font-size:2rem;line-height:1.12}.section-heading .eyebrow{margin-bottom:10px}
  .section-heading .text-link{font-size:.84rem}.category-grid{grid-template-columns:1fr;gap:18px}
  .category-card>div{height:220px}.category-card-title{font-size:1.55rem;margin-top:12px}.category-card p{font-size:.88rem;margin:5px 0 0}
  .product-grid,.featured .product-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .product-card .product-image{height:230px}.product-card-body{padding:16px}
  .product-category{font-size:.72rem;letter-spacing:.08em}.product-card h3{font-size:1.5rem;min-height:0;margin-bottom:8px}
  .product-description{font-size:.9rem;min-height:0;margin-bottom:12px}.product-price{font-size:1.05rem;margin-bottom:12px}
  .card-actions{flex-direction:row;gap:12px}.card-actions .button{font-size:.875rem;padding:10px 14px;min-height:44px}
  .details-link{font-size:.84rem}.button{min-height:46px;padding:11px 18px;font-size:.9rem;gap:14px}
  .story-section{margin:0;padding:30px 0}.story-grid{gap:22px}.story-photo{height:230px}
  .story-photo>span{left:12px;right:12px;bottom:12px;padding:10px 12px;font-size:.65rem}
  .story-copy h2{font-size:2rem;margin-bottom:16px}.story-copy p:not(.eyebrow){font-size:.94rem;margin-bottom:14px}
  .benefit-grid{gap:18px}.benefit-grid article{padding-top:14px}.benefit-number{font-size:1.6rem}
  .benefit-grid h3{font-size:.94rem;margin:8px 0}.benefit-grid p{font-size:.88rem;line-height:1.65}
  .benefit-grid+.catalog-note{margin-top:24px;padding-top:16px}.catalog-note{font-size:.78rem}
  .page-intro{padding-top:28px;padding-bottom:18px}.page-intro .eyebrow{margin-bottom:12px}
  .page-intro h1{font-size:clamp(2rem,7.8vw,2.7rem);line-height:1.1;margin-bottom:14px}
  .page-intro p:last-child{font-size:.94rem;line-height:1.65;margin-bottom:0}
  .filters{padding-top:16px;gap:8px}.filter{min-height:42px;padding:8px 12px;font-size:.8rem}
  .catalogue-category{padding-top:22px}.category-heading{gap:8px;margin-bottom:18px}.category-heading h2{font-size:1.85rem}
  .category-heading p{font-size:.9rem}.catalogue-category+.catalogue-category{margin-top:28px}
  .catalogue-section,.checkout-section,.contact-grid,.detail-wrap{padding-bottom:36px}
  .breadcrumbs{font-size:.76rem;gap:8px;padding:18px 0;line-height:1.5}
  .product-detail-grid{gap:14px}.detail-image{height:280px}.image-note{font-size:.75rem;margin:9px 0 0}
  .detail-info h1{font-size:2.15rem;line-height:1.12;margin-bottom:14px}.detail-info>p{font-size:.94rem}
  .detail-info .detail-price{font-size:1.4rem;margin-bottom:16px}.detail-info{padding-bottom:0}
  .product-facts{margin-top:18px;padding-top:16px}.product-facts p{font-size:.9rem}
  .product-facts span{font-size:.7rem}.options-grid{gap:12px}.purchase-actions{gap:10px}
  .purchase-actions .button{padding:11px 10px;font-size:.85rem}.detail-hint{font-size:.78rem!important;padding-bottom:16px}
  .detail-info details{padding:14px 0;font-size:.9rem}.detail-info>.catalog-note{font-size:.78rem;margin-bottom:0}
  .contact-grid{gap:18px}.contact-info,.form-panel,.order-summary{padding:20px 18px}
  .contact-info h2{font-size:1.8rem;margin-bottom:18px}.contact-info .eyebrow{font-size:.7rem}
  .contact-info dt{margin-top:16px}.contact-info dd{margin-top:5px;font-size:.94rem;line-height:1.65}
  .contact-grid .form-panel h2,.form-panel h2,.order-summary h2{font-size:1.85rem;margin-bottom:16px}
  .form-grid,.contact-grid .form-grid{grid-template-columns:1fr;gap:0;margin-top:20px}
  .field{margin-bottom:15px}.field label{font-size:.9rem}.field input,.field select,.field textarea{font-size:1rem;min-height:46px;padding:10px 12px}
  .field textarea{min-height:115px}.field-error{font-size:.8rem}.contact-grid .button{width:100%}
  .notice{font-size:.84rem;padding:12px 14px;line-height:1.65}.form-fineprint,.summary-note{font-size:.8rem}
  .order-summary{margin-top:0}.cart-layout,.order-layout{gap:18px}.payment{margin:8px 0 18px;padding:14px}
  .summary-row{font-size:.9rem}.summary-row.total{font-size:1rem;padding-top:14px}
  .line-item,.compact-items .line-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px 13px;padding:16px 0;margin-bottom:0}
  .line-item>a,.compact-items .line-item>a{width:64px;grid-column:1;grid-row:1/3}
  .line-item img,.compact-items img{width:64px;height:80px}.line-info{grid-column:2}
  .line-info h3,.compact-items h3{font-size:1.2rem;margin-bottom:7px}
  .line-info p:not(.product-category),.compact-items .line-info p:not(.product-category){font-size:.8rem;margin-bottom:6px}
  .line-item>strong,.compact-items .line-item>strong{grid-column:2;margin:0;font-size:.95rem}
  .compact-items .product-category{font-size:.67rem}.remove-button{padding:5px 0;font-size:.8rem}
  .continue-link{margin-top:18px}.empty-state{padding:24px 0}.empty-state h2{font-size:2rem;line-height:1.16}.empty-state p{font-size:.94rem}
  .order-complete .checkout-section{padding-top:24px;padding-bottom:32px}.confirmation{padding:24px 18px;border-radius:6px}
  .confirmation-heading h1{font-size:2rem;line-height:1.12;margin-bottom:12px}.confirmation-heading>p:last-child{font-size:.9rem}
  .confirmation .eyebrow{font-size:.65rem;letter-spacing:.08em}.confirmation-mark{height:46px;width:46px;margin-bottom:16px}
  .confirmation .reference-box{margin:20px 0;padding:16px 12px}.reference-box strong{font-size:1.1rem;letter-spacing:.025em}
  .reference-box p{font-size:.8rem}.confirmation-receipt h2{font-size:1.55rem}
  .receipt-line{gap:12px}.receipt-line strong{font-size:.9rem}.receipt-line span{font-size:.8rem}.receipt-line b{font-size:.88rem}
  .confirmation .notice{font-size:.8rem;margin:18px 0}.confirmation-actions{flex-direction:column;gap:10px}
  .about-grid{padding-top:0;gap:22px}.about-grid>img{height:260px;border-radius:4px 65px 4px 4px}
  .about-grid h2{font-size:2rem;margin-bottom:16px}.about-grid p:not(.eyebrow){font-size:.94rem}
  .policy-layout{gap:20px;padding-bottom:34px}.policy-layout aside{position:static;padding:0}.policy-body section{padding-top:24px;padding-bottom:12px;scroll-margin-top:90px}
  .policy-body section h2{font-size:1.5rem;line-height:1.2}.policy-body section p{font-size:.94rem;line-height:1.75}
  .policy-toc{padding:18px;margin-top:20px}.policy-toc li{font-size:.86rem}.policy-help{padding:20px;margin-top:24px}
  .site-footer{padding:30px 0 18px}.footer-grid{gap:22px}.footer-grid p{font-size:.88rem;margin:14px 0}
  .footer-grid h3{font-size:.74rem;margin-bottom:14px}.footer-grid li{font-size:.88rem;margin-bottom:9px}
  .footer-email{font-size:.88rem}.footer-bottom{margin-top:24px;padding-top:16px;font-size:.75rem}
  dialog{padding:28px 20px;max-height:calc(100dvh - 32px)}dialog h2{font-size:1.85rem}
  .toast{font-size:.85rem;max-width:calc(100% - 80px);left:16px;transform:none}.back-top{width:42px;height:42px}
}
@media(max-width:360px){.brand strong{font-size:1rem}.brand img{width:44px;height:44px}.header-inner{gap:8px}.header-actions{gap:4px}.product-card .product-image{height:210px}.hero-picture{height:235px}.options-grid{grid-template-columns:1fr;gap:0}.purchase-actions{flex-direction:column}.receipt-line{flex-direction:column;gap:6px}.heritage-line{grid-template-columns:1fr}.hero h1{font-size:2.2rem}}