/* WordPress adapters; selectors deliberately leave the shared header/footer untouched. */
body #mos-shop-design{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0;background:#fff}
body #mos-shop-design [hidden]{display:none!important}
body #mos-shop-design :where(section,article,aside,div,form){min-width:0}
body #mos-shop-design :where(h1,h2,h3,dd,p,li){overflow-wrap:anywhere}
body #mos-shop-design .container{width:min(1410px,calc(100% - 30px));max-width:none;margin-inline:auto;padding-inline:0}
body #mos-shop-design .page-shell{width:100%}
body #mos-shop-design .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
body #mos-shop-design .hero-visual>img{object-fit:contain;background:white;mix-blend-mode:normal}
body #mos-shop-design .product-card{width:auto;max-width:none;margin:0;display:flex;flex-direction:column;overflow:hidden}
body #mos-shop-design .product-info{flex:1;display:flex;flex-direction:column}
body #mos-shop-design .product-bottom{margin-top:auto;gap:8px;flex-wrap:wrap}
body #mos-shop-design .product-attributes{margin-bottom:18px}
body #mos-shop-design .product-card-media{display:flex;border:0}
body #mos-shop-design .product-card-media img{position:static;object-fit:contain;mix-blend-mode:normal}
body #mos-shop-design .filter-panel{max-height:none;overflow:visible;box-shadow:none}
body #mos-shop-design .check-row{width:100%;margin:0}
body #mos-shop-design .mos-sd-apply{width:100%;margin-top:15px;justify-content:space-between}
body #mos-shop-design .filter-header a{font-size:11px;color:var(--red)}
body #mos-shop-design .mos-sd-filter-close{display:none}
body #mos-shop-design .mos-sd-sort{display:flex;gap:9px;align-items:center}
body #mos-shop-design .mos-sd-sort-submit{font-size:11px;color:var(--red)}
body #mos-shop-design .js-sort .mos-sd-sort-submit{display:none}
body #mos-shop-design .mos-sd-chip{font-size:11px;border:1px solid var(--line);padding:6px 10px;border-radius:5px;background:var(--warm)}
body #mos-shop-design .mos-sd-page-links{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
body #mos-shop-design .mos-sd-page-links :where(a,span){display:grid;place-items:center;min-width:35px;min-height:35px;border:1px solid var(--line);border-radius:5px;padding:5px;background:white;color:var(--ink)}
body #mos-shop-design .mos-sd-page-links .current{background:var(--red);border-color:var(--red);color:white}
body #mos-shop-design .mos-sd-dialog{margin:auto;position:fixed}
body #mos-shop-design .mos-sd-dialog:not([open]){display:none}
body #mos-shop-design .mos-sd-dialog h2{font-size:28px;line-height:1.25;margin:12px 24px 15px 0}
body #mos-shop-design .mos-sd-order-item{font-size:14px;color:var(--muted);margin-bottom:15px}
body #mos-shop-design .mos-sd-lead :where(input[type="text"],input[type="tel"],textarea){width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font:inherit;resize:vertical}
body #mos-shop-design .mos-sd-lead input::placeholder,body #mos-shop-design .mos-sd-lead textarea::placeholder{color:#777}
body #mos-shop-design .mos-sd-lead>.button{margin-top:20px;width:100%;justify-content:space-between}
body #mos-shop-design .mos-sd-lead .legal-consent{display:flex;align-items:flex-start;gap:10px;margin-top:17px;font-size:11px;font-weight:400;line-height:1.65}
body #mos-shop-design .mos-sd-lead .legal-consent input{flex:0 0 16px;appearance:auto;width:16px;height:16px;margin:3px 0 0;accent-color:var(--red)}
body #mos-shop-design .mos-sd-lead .legal-consent a{color:var(--red);text-decoration:underline}
body #mos-shop-design .mos-sd-lead .legal-consent-error{display:none}
body #mos-shop-design .mos-sd-lead .mos-sd-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
body #mos-shop-design .mos-sd-form-status{font-size:13px;line-height:1.7;margin-top:14px;color:#395b40}
body #mos-shop-design .mos-sd-form-status.is-error{color:#8f3937}
body #mos-shop-design .mos-sd-preview-note{font-size:12px;background:#fff4de;border:1px solid #ead4a6;padding:10px;border-radius:6px}
body #mos-shop-design button:disabled{opacity:.55;cursor:wait}
body #mos-shop-design :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--red);outline-offset:3px}
body.mos-sd-modal-open,body.mos-sd-filters-open{overflow:hidden}
body.mos-sd-product .call-button-fixed{display:none!important}
@media(max-width:900px){
 body #mos-shop-design .hero{grid-template-columns:minmax(0,1fr)}
 body #mos-shop-design .filter-panel{position:fixed;max-height:100dvh;overflow:auto;z-index:50020;padding-bottom:35px}
 body #mos-shop-design .filter-overlay{z-index:50010}
 body #mos-shop-design .mos-sd-filter-close{display:grid;place-items:center;width:30px;height:30px}
 body #mos-shop-design .mos-sd-filter-close svg{width:18px;height:18px}
}
@media(max-width:640px){
 body #mos-shop-design .hero{overflow:hidden}
 body #mos-shop-design :is(section[id],div[id]){scroll-margin-top:90px}
 body #mos-shop-design .product-price{font-size:14px;line-height:1.35}
 body #mos-shop-design .product-details{font-size:10px}
 body #mos-shop-design .mos-sd-sort{max-width:100%;min-width:0}
 body #mos-shop-design .pdp-mobile-bar{z-index:1000}
 body #mos-shop-design .mos-sd-dialog{padding:28px 19px;max-height:90dvh}
 body #mos-shop-design .mos-sd-dialog h2{font-size:24px}
 body #mos-shop-design .mos-sd-lead :where(input[type="text"],input[type="tel"],textarea){font-size:16px}
 body.mos-sd-bar-visible{padding-bottom:78px}
}
@media(prefers-reduced-motion:reduce){body #mos-shop-design *{scroll-behavior:auto!important;transition:none!important}}

body #mos-shop-design .mos-sd-price-note{font-size:11px;line-height:1.65;color:var(--muted);margin-top:12px}

/* The category guide remains readable after the catalog on every viewport. */
body #mos-shop-design #category-description .editorial-body{min-width:0;overflow-wrap:break-word}
body #mos-shop-design #category-description .editorial-body p{font-size:14px;line-height:1.85}
body #mos-shop-design #category-description .editorial-body a{overflow-wrap:anywhere}

/* Larger photos in the shared category navigation, including the catalog hub. */
body #mos-shop-design .category-nav .category-tile{min-height:148px;padding:16px;gap:18px}
body #mos-shop-design .category-nav .category-tile img{width:128px;height:112px;max-width:100%;object-fit:contain}
body #mos-shop-design .category-nav .category-tile strong{font-size:13px}
body #mos-shop-design .category-nav .category-tile small{font-size:11px}
@media(max-width:900px){
 body #mos-shop-design .category-nav .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body #mos-shop-design .category-nav .category-tile{min-height:124px;padding:12px;gap:12px}
 body #mos-shop-design .category-nav .category-tile img{width:96px;height:96px}
 body #mos-shop-design .category-nav .category-tile strong{font-size:12px}
}
@media(max-width:640px){
 body #mos-shop-design .category-nav .category-tile{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;min-height:196px;padding:12px;gap:8px}
 body #mos-shop-design .category-nav .category-tile img{width:140px;height:120px}
 body #mos-shop-design .category-nav .category-tile>span{width:100%}
 body #mos-shop-design .category-nav .category-tile small{font-size:10px}
}
