/* Sarf storefront — scoped to preserve other pages and head dialogs. */
.sarf-shop-page .sarf-hero{padding:150px 0 36px;min-height:0}.sarf-shop-page .sarf-hero h1{font-size:clamp(2.4rem,4vw,4rem);margin:16px 0}.sarf-shop-page .sarf-hero p{font-size:1rem;max-width:760px;margin-bottom:0}.sarf-shop-page .sarf-section{padding-top:28px}.sarf-shop-page .sarf-brand-actions{margin-bottom:42px}.shop{scroll-margin-top:110px}.shop button,.shop-dialog button,.shop input,.shop select,.shop-dialog input,.shop-dialog textarea{font:inherit}.shop button,.shop-dialog button{cursor:pointer}.shop-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.shop h2,.shop-dialog h2{font:500 clamp(1.8rem,2.7vw,2.6rem)/1.2 Oswald,sans-serif;margin:9px 0 0}.shop .kicker,.shop-dialog .kicker{font-size:.875rem;letter-spacing:.12em}.shop-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px}.shop-filters{align-self:start;padding:22px;background:#fff;border:1px solid #d3e0e8;border-top:3px solid #20a6d8}.shop-filters h3{font-size:1.1rem;margin:0 0 24px}.shop-filters label{display:block;font-size:.875rem;font-weight:700;margin:19px 0 8px}.shop input,.shop select,.shop-dialog input,.shop-dialog textarea{max-width:100%;border:1px solid #b8cbd8;border-radius:3px;background:#fff;color:#102438;padding:12px;font-size:1rem}.shop-filters input,.shop-filters select{width:100%;min-width:0}.shop input:focus-visible,.shop select:focus-visible,.shop-dialog input:focus-visible,.shop-dialog textarea:focus-visible,.shop button:focus-visible,.shop a:focus-visible,.shop-dialog button:focus-visible,.shop-dialog a:focus-visible{outline:3px solid #20a6d8;outline-offset:3px}.shop-primary,.shop-secondary{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:12px 18px;border:1px solid #123c59;border-radius:3px;background:#123c59;color:#fff;font-size:.9375rem;font-weight:800;line-height:1.4;text-align:center}.shop-primary:hover{background:#195a80}.shop-primary span{display:inline-grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#20a6d8;color:#071725}.shop-secondary{background:#fff;color:#123c59;border-color:#bdcfdb}.shop-secondary:hover{background:#eaf4f9}.shop-text{padding:12px 0;border:0;background:transparent;color:#126a90;text-decoration:underline;text-underline-offset:4px;font-size:.875rem}.shop-assist{margin-top:20px;padding-top:22px;border-top:1px solid #d3e0e8;font-size:.875rem;line-height:1.7}.shop-assist p{margin:10px 0;color:#526b7c}.shop-assist a{font-weight:800;color:#126a90}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;min-height:46px;font-size:.875rem}.shop-toolbar p{margin:0}.shop-toolbar label{display:flex;align-items:center;gap:10px}.shop-toolbar select{font-size:.875rem;padding:10px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shop-product{display:flex;flex-direction:column;border:1px solid #d3e0e8;background:white;border-radius:4px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.shop-product:hover{border-color:#7eaabd;box-shadow:0 8px 24px #1024380b}.shop-product-image{display:block;width:100%;border:0;padding:0;background:#fafafa;position:relative;cursor:pointer}.shop-product-image img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:contain;mix-blend-mode:multiply}.shop-product-body{padding:18px;display:flex;flex-direction:column;flex:1}.shop-family{display:block;font-size:.8125rem;color:#476173;font-weight:700;margin-bottom:8px}.shop-product h3{font-size:1.0625rem;line-height:1.5;margin:0 0 8px}.shop-product h3 button{font:inherit;font-weight:800;background:none;border:0;padding:0;color:inherit;text-align:left}.shop-models{font-size:.875rem;color:#536b7b;line-height:1.6;margin:0 0 14px}.shop-product-bottom{margin-top:auto}.shop-price{font-size:.9375rem;font-weight:800;color:#123c59;margin:8px 0 14px}.shop-product .shop-primary{width:100%;font-size:.875rem;gap:5px}.shop-product .shop-text{display:block;width:100%;text-align:center}.shop-footnote{font-size:.875rem;line-height:1.7;color:#526b7c;margin:22px 0 0}.shop-empty{padding:50px 24px;text-align:center;border:1px dashed #a5bfce;background:white}.shop-empty h3{font-size:1.2rem}.shop-empty[hidden]{display:none}.shop-dialog{width:min(880px,calc(100% - 32px));max-height:90dvh;border:0;border-radius:8px;padding:36px;color:#102438;overflow:auto}.shop-dialog::backdrop{background:#041727b8;backdrop-filter:blur(3px)}body:has(.shop-dialog[open]){overflow:hidden}.shop-close{position:absolute;right:12px;top:10px;width:40px;height:40px;border:0;border-radius:50%;background:#eaf2f6;color:#163d57;font-size:1.7rem!important;z-index:2}.shop-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.shop-detail-layout>img{width:100%;height:auto;object-fit:contain}.shop-detail-layout dl{font-size:.9375rem;margin:22px 0}.shop-detail-layout dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #d3e0e8}.shop-detail-layout dt{color:#526b7c}.shop-detail-layout dd{margin:0;font-weight:700}.shop-detail-quantity{display:flex;align-items:center;gap:12px;margin:20px 0 12px}.shop-detail-quantity input{width:80px}.shop-detail-layout .shop-primary{width:100%}.shop-cart{width:min(660px,calc(100% - 24px))}.shop-cart-intro{color:#536b7b;line-height:1.7;margin:18px 0}.shop-cart-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:16px;align-items:center;border-bottom:1px solid #d3e0e8;padding:18px 0}.shop-cart-row img{width:70px;height:70px;object-fit:contain}.shop-cart-row h3{font-size:.9375rem;line-height:1.5;margin:0 0 5px}.shop-cart-row small{font-size:.875rem;color:#536b7b}.shop-qty{display:flex;align-items:center;gap:4px}.shop-qty button{width:32px;height:36px;padding:0;border:1px solid #b8cbd8;background:#eef5f9;color:#123c59;border-radius:3px;font-size:1.2rem}.shop-qty input{width:60px;padding:7px 4px;text-align:center}.shop-cart-remove{display:block;margin-left:auto;border:0;background:none;color:#126a90;text-decoration:underline;padding:10px 0;font-size:.875rem!important}.shop-cart label{display:block;margin:22px 0 10px;font-weight:700;font-size:.9375rem}.shop-cart label span{font-weight:400;color:#526b7c}.shop-cart textarea{width:100%;resize:vertical}.shop-cart #shop-cart-total{font-weight:800;margin:20px 0}.shop-cart #shop-whatsapp{width:100%}.shop-cart [hidden]{display:none!important}.shop-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);z-index:100;width:max-content;max-width:calc(100% - 40px);padding:14px 22px;background:#123c59;color:white;border:1px solid #71c4e4;border-radius:5px;font-size:.9375rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.shop-toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1000px){.shop-filters{position:sticky;top:100px}}
@media(max-width:1100px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}}
@media(max-width:700px){.sarf-shop-page .sarf-hero{padding-top:140px}.shop-heading{align-items:start;flex-direction:column;gap:18px}.shop-layout{grid-template-columns:1fr}.shop-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.shop-filters h3,.shop-filters label:first-of-type,.shop-filters input,.shop-assist{grid-column:1/-1}.shop-filters label{margin:8px 0 0}.shop-filters label[for="shop-brand"]{grid-column:1;grid-row:4}.shop-filters label[for="shop-category"]{grid-column:2;grid-row:4}.shop-filters #shop-brand,.shop-filters #shop-category{grid-row:5}.shop-filters label[for="shop-diameter"]{grid-column:1/-1}.shop-filters #shop-diameter{grid-column:1/-1}.shop-assist{display:none}.shop-toolbar{align-items:start;flex-direction:column}.shop-toolbar label,.shop-toolbar select{width:100%}.shop-grid{gap:12px}.shop-product-body{padding:12px}.shop-product h3{font-size:1rem}.shop-detail-layout{grid-template-columns:1fr}.shop-detail-layout>img{max-height:240px}.shop-dialog{padding:28px 20px}.shop-cart-row{grid-template-columns:52px minmax(0,1fr);gap:10px}.shop-cart-row img{width:52px;height:52px}.shop-cart-row>div:last-child{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:16px}.shop-cart-remove{margin:0}.shop-toast{bottom:12px}}
@media(max-width:380px){.shop-grid{grid-template-columns:1fr}.shop-filters{display:block}.shop-filters label{margin-top:14px}.shop-heading .shop-primary{width:100%}}
@media(prefers-reduced-motion:reduce){.shop-product,.shop-toast{transition:none}}

.shop-categories{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.shop-categories button{border:1px solid #b8cbd8;border-radius:4px;padding:12px 20px;background:#fff;color:#123c59;font-size:1rem;font-weight:700}.shop-categories button[aria-pressed="true"]{background:#123c59;color:white;border-color:#123c59}.shop-dialog select{width:100%;padding:12px;border:1px solid #b8cbd8;border-radius:3px;background:white;color:#102438;font:inherit}.shop-dialog select:focus-visible{outline:3px solid #20a6d8;outline-offset:3px}.shop-bore-label{display:block;font-weight:700;margin:20px 0 9px}.shop-product h3{overflow-wrap:anywhere}@media(max-width:700px){.shop-categories{display:grid;grid-template-columns:1fr 1fr}.shop-categories button{padding:12px 8px}.shop-detail-layout dl div{grid-template-columns:100px minmax(0,1fr)}}

/* Keep the long catalog visible independently of the global scroll reveal. */
.sarf-shop-page .sarf-section,.sarf-shop-page .shop{opacity:1;transform:none;transition:none}

/* Live MySQL stock controls */
.shop-stock-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;color:#526373;font-size:14px}
.shop-stock-label{font-size:14px;font-weight:700;margin:0 0 10px;color:#21374b}
.shop-primary:disabled,.shop-primary[aria-disabled="true"]{background:#d9dfe4;color:#4b5660;cursor:not-allowed;opacity:1}
#shop-send{margin-top:12px}#shop-send[hidden]{display:none!important}

/* Full-width sarf catalog: desktop four columns, tablet two, narrow phone one. */
.sarf-shop-page .shop-layout{grid-template-columns:minmax(0,1fr)}
.sarf-shop-page .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.sarf-shop-page .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.sarf-shop-page .shop-grid{grid-template-columns:minmax(0,1fr)}}

.shop-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}