/* Final readability and interaction refinements for the approved Marfil design. */
:root{--action-ink:#6f593a}
body.marfil input,body.marfil select,body.marfil textarea,.account-page input,.account-page select,.account-page textarea,.admin-page input,.admin-page select,.admin-page textarea{font-size:16px;min-height:46px}
body.marfil .intro{font-size:17px;line-height:1.7}body.marfil .shopping-help,body.marfil .fine,.account-page .fine{font-size:13px;line-height:1.65}
body.marfil .primary,body.marfil .explore,body.marfil .text-link{font-size:14px}body.marfil .explore,body.marfil .bottle-link{color:var(--action-ink)}body.marfil .bottle-link{font-size:12px}
body.marfil .tags span{font-size:12px}body.marfil .quick-price{font-size:15px}
body.marfil header nav a,body.marfil .header-guide span{font-size:13px;font-weight:600}
body.marfil button,body.marfil .size-options button{min-height:44px}body.marfil .hero-arrows button{min-width:44px;min-height:44px}
.mobile-shortcuts{display:none}.order-receipt{margin:18px 0;padding:20px;border:1px solid #d6ccba;background:#f5f0e6}.order-receipt[hidden]{display:none!important}.order-receipt h3{font-size:20px;margin:0 0 10px}.order-receipt p{font-size:14px;line-height:1.6}.order-reference{font-weight:700;letter-spacing:.05em}.order-receipt small{display:block;font-size:12px;line-height:1.6;margin-top:12px}.secondary-action{display:block;margin-top:14px;padding:10px 18px;border:1px solid #897654;background:transparent;color:#40392e;cursor:pointer}
.account-page,.admin-page{background:#faf7f0;color:#40392e}.account-page .account-section{border:1px solid #d9d0c0;border-radius:5px;margin:18px 0;padding:0 20px;background:#fffdf8}.account-page .account-section>summary{padding:20px 0;cursor:pointer;font-size:17px;font-weight:600}.account-page .account-section form{border:0;padding:12px 0 22px;margin:0;background:transparent}.account-page .account-section h2{font-size:23px}.account-page button,.admin-page button{min-height:44px}.account-page input,.account-page textarea,.account-page button,.admin-page input,.admin-page textarea,.admin-page select{border-radius:4px}.account-page label,.admin-page label{font-size:14px;line-height:1.6}.account-page .account-section[open]>summary{border-bottom:1px solid #ded5c5}
.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.performance-card{border:1px solid #ddd1bf;padding:15px}.performance-card strong{display:block;font-size:22px}.performance-card p{font-size:13px}.performance-card small{font-size:12px}
:focus-visible{outline:2px solid #705936;outline-offset:4px}
@media(max-width:760px){.mobile-shortcuts{display:flex;justify-content:center;gap:24px;padding:0 14px 8px}.mobile-shortcuts a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;text-decoration:none;color:#514332}body.marfil .hero-stage{min-height:350px;height:350px}body.marfil .hero-copy .intro{font-size:16px}body.marfil .hero-copy{padding-bottom:20px}.account-page .account-section{padding:0 16px}.order-receipt{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
body.marfil .carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px}body.marfil .carousel-arrow{width:44px;height:44px}body.marfil .icon-control{display:grid;place-items:center;width:44px;min-width:44px;padding:0;border:1px solid #d6c8b0;border-radius:50%;background:transparent;color:#705936}body.marfil .icon-control[aria-pressed=true]{background:#eee4d3}
body.marfil .stock-status,body.marfil .tools .reset-filters,body.marfil .quick-start button{font-size:13px}body.marfil .product .tags span{font-size:11px;color:#705936}body.marfil .product .bottle-link{font-size:12px;color:#6f593a}body.marfil .product .explore{font-size:14px;color:#6f593a}body.marfil .stage-caption .text-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}body.marfil .service-overview p,body.marfil .compact-steps li,body.marfil .faq-grid p,body.marfil .reviews-note,body.marfil .empty-reviews{font-size:14px;line-height:1.75}body.marfil .faq-grid summary{font-size:15px;min-height:44px}body.marfil .closing p{font-size:15px}body.marfil .quick-price{color:#705936}body.marfil .review-fields label,body.marfil .field{font-size:14px}body.marfil .account-nav{font-size:13px!important}
.account-page input[type=checkbox],.admin-page input[type=checkbox],body.marfil input[type=checkbox]{min-height:0;width:auto;flex:none}
@media(max-width:1250px){body.marfil .header-guide{display:none}}
@media(max-width:760px){body.marfil .gallery-arch{height:285px}body.marfil .gallery-scene{inset:30px 14% 62px}body.marfil .hero-bottle{height:170px}body.marfil .stage-caption{padding-top:8px}body.marfil .stage-caption h2{font-size:21px}body.marfil .stage-caption .eyebrow{font-size:10px}body.marfil .gallery-pagination{top:292px;font-size:8px}body.marfil #galleryCount{font-size:10px}body.marfil .carousel-controls{bottom:0}body.marfil .gallery-label{top:15px;font-size:8px}body.marfil .hero-copy .primary{font-size:14px}body.marfil .product .tags span{font-size:11px}}
/* Leave room for the product caption, page count and controls on narrow screens. */
@media(max-width:760px){body.marfil .hero-stage{height:390px;min-height:390px}body.marfil .gallery-arch{height:320px}body.marfil .gallery-pagination{top:328px}}
