/* Responsive controls shared by desktop and mobile. */
.mobile-buy{display:none!important}.sph-sign{display:flex;gap:8px;margin-bottom:10px}.sph-sign label{position:relative;flex:1;margin:0;cursor:pointer}.sph-sign input{position:absolute;opacity:0;width:1px;height:1px;padding:0}.sph-sign span{display:flex;justify-content:center;align-items:center;min-height:46px;padding:8px;border:1px solid #aebda5;border-radius:12px;background:#fafbf6;color:#283931;font-size:16px}.sph-sign input:checked+span{background:#324b3c;color:#fff;border-color:#324b3c}.sph-sign input:focus-visible+span{outline:3px solid #79956c;outline-offset:3px}.customer-fields>div,.calc-layout>*,.live-card{min-width:0}.header nav>.mobile-buy{display:none}
@media(max-width:1000px){
 html{scroll-padding-top:90px}.header{height:80px;padding:8px 4%;gap:12px}.header .brand{width:144px}.menu-toggle{display:block;min-height:44px;margin-left:auto;padding:8px 14px;border:1px solid #b8c1b0;background:transparent;border-radius:12px;font-size:16px}.header-buy{font-size:14px;white-space:nowrap}.header-buy span{padding-left:8px}.header nav{display:none}.header nav.is-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:#fff;padding:12px 5%;max-height:calc(100dvh - 80px);overflow-y:auto;border-bottom:1px solid #cbd3c4;border-radius:0 0 20px 20px;font-size:18px;box-shadow:0 10px 15px #28393112}.header nav>a,.header nav>.catalog-nav>button{display:flex;align-items:center;min-height:48px;padding:12px 0;line-height:1.4;font-size:inherit}.header nav>.catalog-nav{display:block;width:100%}.header nav>.catalog-nav>button{width:100%;justify-content:space-between}.catalog-submenu{position:static;min-width:0;box-shadow:none;margin:0 0 8px}.header nav .catalog-submenu a{white-space:normal;font-size:16px;padding:12px 14px;min-height:46px}.header nav>.mobile-buy{display:flex!important}
}
@media(max-width:700px){
 .header{padding-inline:16px;gap:8px}.header .brand{width:clamp(108px,29vw,144px)}.hero h1{font-size:clamp(48px,12vw,76px)}h2{font-size:clamp(34px,9vw,54px)}.section-heading>p{max-width:100%}.section,.hero{padding-left:5%;padding-right:5%}.section{padding-top:44px;padding-bottom:44px}.calc-layout{gap:24px}.customer-fields{gap:24px}.customer-fields input{min-height:54px;font-size:20px}.calc-aside{padding:22px}.calc-actions{flex-wrap:wrap;gap:12px}.calc-actions .button{flex:1;justify-content:center;min-height:50px}.calc-reset{min-height:44px;padding:10px 12px}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.live-card .text-link{font-size:14px;white-space:normal}.review-categories button{min-height:44px}.review-categories{gap:8px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-grid article{min-width:0}.material-grid article h3{font-size:21px}.trademark-review{gap:28px}.about-text .large{font-size:18px}.match-card{grid-template-columns:72px minmax(0,1fr)}.match-card img{width:72px}.match-card b,.match-card a{overflow-wrap:anywhere}.close{min-width:44px;min-height:44px}dialog{max-height:92dvh}#catalog-dialog{padding:46px 16px 24px}#catalog-dialog h2{font-size:32px}footer{gap:18px;overflow-wrap:anywhere}.admin-main input,.admin-main select,.admin-main textarea{font-size:16px;max-width:100%}.admin-row>div:first-child{min-width:0}.admin-row h3{overflow-wrap:anywhere}.admin-row button{min-height:44px}.admin-main h1{font-size:clamp(34px,10vw,44px)}
}
@media(max-width:480px){.live-grid{grid-template-columns:minmax(0,1fr)}.live-card{padding:18px}.live-card h3{font-size:22px}.live-card p{font-size:14px}.material-grid{grid-template-columns:minmax(0,1fr)}.hero .button{width:100%;justify-content:center}.review-banner{font-size:12px;padding-inline:5%}.review-banner a{display:inline-block;margin-left:0}.collection-bottom{flex-wrap:wrap}.collection-bottom p{max-width:100%}}
@media(max-width:360px){.header-buy{display:none}.header .brand{width:128px}.sph-sign span{font-size:15px}.calc-actions .button{width:100%;flex-basis:100%}}
@media(hover:none){.catalog-nav:not(.is-open) .catalog-submenu{display:none}}

/* Keep the two recipe values aligned, with compact sign controls below SPH. */
.customer-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.sph-sign{justify-content:flex-start;gap:6px;margin:6px 0 0}.sph-sign label{flex:0 0 44px;display:flex;align-items:center;justify-content:center;min-height:44px}.sph-sign span{width:36px;min-height:32px;padding:0;border-radius:9px;font-size:20px;line-height:1}.sph-sign input{inset:0;width:100%;height:100%;margin:0;cursor:pointer}.customer-fields>div>label{min-height:22px;line-height:22px}.customer-fields input#pd,.customer-fields input#sph,.customer-fields input#sph-left{height:58px;padding:14px;font-size:20px}@media(max-width:700px){.customer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-fields>div>label{font-size:12px;white-space:nowrap}.customer-fields input#pd,.customer-fields input#sph,.customer-fields input#sph-left{padding:12px;font-size:18px;min-height:54px;height:54px}.sph-sign span{font-size:20px}.customer-fields .field-help{font-size:11px}.customer-fields .pd-help summary{font-size:12px}}

.customer-fields .sph-sign input{min-height:0;padding:0;outline:none}

/* Compact contact block and footer across desktop and mobile. */
.contacts.contacts-compact{padding-top:38px;padding-bottom:38px;gap:5%;align-items:start}
.contacts-compact .eyebrow{margin:0 0 12px;font-size:11px}
.contacts-compact h2{font-size:38px;line-height:1.1}
.contact-links{min-width:0}
.contact-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;padding:10px 0;border-bottom:1px solid #cbd3c4;font-size:14px;line-height:1.4}
.contact-row span{color:#596b5b}
.contact-row strong{font-size:14px;font-weight:600;white-space:nowrap}
.contact-row:hover strong,.contact-marketplace a:hover{text-decoration:underline}
.contacts-compact .contact-marketplace{font-size:12px;line-height:1.6;margin:14px 0 0}
.contact-marketplace a{text-decoration:underline;text-underline-offset:3px}
footer{padding-top:20px;padding-bottom:20px;gap:10px 24px;align-items:center;font-size:12px}
footer .brand{width:110px}
footer>a:not(.brand){font-size:12px;font-weight:500}
footer p,footer>span{font-size:12px}
@media(max-width:700px){.contacts.contacts-compact{grid-template-columns:1fr;gap:18px;padding-top:28px;padding-bottom:28px}.contacts-compact h2{font-size:30px}.contacts-compact h2 br{display:none}.contacts-compact h2 em::before{content:' '}.contact-row{gap:10px}.contact-row span{font-size:12px}.contact-row strong{font-size:13px}footer{gap:8px 18px}footer>span{width:auto}footer>a:last-child{flex-basis:100%}}
@media(max-width:360px){.contact-row{flex-wrap:wrap;gap:2px}.contact-row span{flex-basis:100%}}