
/* Standalone vanilla-JS catalogue: no React/Astro hydration or build required. */
#shop-products-catalogue{width:min(1320px,calc(100% - 48px))!important;max-width:1320px!important;margin-inline:auto!important;min-width:0!important;box-sizing:border-box!important;display:block!important}
#shop-products-catalogue .native-catalogue{width:100%;min-width:0;display:block}
.native-intro{margin:32px 0 25px}.native-eyebrow{font:700 11px Poppins,sans-serif;letter-spacing:2px;color:#9a6d37}.native-intro h2{font:normal clamp(27px,3vw,39px) Georgia,serif;color:#301a30;margin:6px 0}.native-intro p{font-size:13px;color:#766d75}
.native-layout{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;gap:28px;align-items:start;width:100%;min-width:0}.native-filters{border:1px solid #e9e1e6;border-radius:9px;padding:18px;background:white;min-width:0}.native-filters h3{font-size:17px;margin:0 0 14px}.native-filters fieldset{border:0;border-top:1px solid #eee5eb;margin:0;padding:15px 0}.native-filters legend{font-size:13px;font-weight:700;color:#352c39;padding:0 0 5px}.native-filters label{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.45;margin:9px 0;cursor:pointer}.native-filters input[type=checkbox]{accent-color:#7c195c;width:15px;height:15px;flex:none}.native-filters small{color:#948995}.native-price{display:grid;grid-template-columns:1fr 1fr;gap:8px}.native-price label{display:block;min-width:0}.native-price input{width:100%;min-width:0;box-sizing:border-box;padding:8px;border:1px solid #e4d8df;border-radius:5px}.native-price-range{display:grid;gap:3px}.native-price-range input{width:100%;accent-color:#79144e}.native-filters button,.native-mobile-filter{border:1px solid #b9a1b0;border-radius:5px;padding:9px 12px;background:#fff;color:#71174e;cursor:pointer}.native-results{min-width:0;width:100%}.native-toolbar{display:flex;align-items:center;gap:10px;margin:0 0 9px;flex-wrap:wrap}.native-toolbar input,.native-toolbar select{border:1px solid #e5dce2;background:#fff;border-radius:6px;padding:10px;font-size:12px;min-width:0}.native-search{flex:1;min-width:160px}.native-view{display:flex;gap:2px}.native-view button{border:1px solid #e3d8df;border-radius:5px;padding:8px 11px;background:white;cursor:pointer}.native-view button[aria-pressed=true]{background:#79144e;color:#fff}.native-count{font-size:12px;color:#817781;margin:8px 0 15px}.native-products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%;min-width:0}.native-card{min-width:0;border:1px solid #eee6ec;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;background:white}.native-photo{height:200px;position:relative;background:#fcf9fb;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box}.native-photo img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.native-heart{position:absolute;right:9px;top:9px;border:1px solid #eedfe8;background:#fff;border-radius:50%;width:30px;height:30px;cursor:pointer;color:#831d5d;font-size:19px}.native-card-body{padding:13px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.native-card h3{font:600 13px/1.45 Poppins,sans-serif;color:#30253a;margin:0;overflow-wrap:break-word}.native-card h3 a{text-decoration:none;color:inherit}.native-size{font-size:11px;color:#888;margin:0}.native-price-label{margin-top:auto;font-weight:700;color:#8c1354;font-size:15px}.native-price-label s{color:#999;font-weight:400;font-size:11px;margin-left:5px}.native-add{width:100%;border:1px solid #86165a;background:#fff;color:#86165a;border-radius:5px;padding:10px 4px;cursor:pointer;font-weight:600;font-size:12px;white-space:normal}.native-add:disabled{opacity:.55;cursor:not-allowed}.native-mobile-filter,.native-close-filter,.native-filter-backdrop{display:none}.native-products.is-list{grid-template-columns:1fr!important}.native-products.is-list .native-card{flex-direction:row}.native-products.is-list .native-photo{width:160px;height:170px;flex:none}.native-products.is-list .native-card-body{justify-content:center}.native-error{color:#8c2043;padding:15px;border:1px solid #eed5dd;border-radius:7px}.native-empty{padding:30px 0;color:#756b75}
@media(max-width:1050px){.native-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}.native-layout{grid-template-columns:210px minmax(0,1fr)!important;gap:18px}}
@media(max-width:750px){#shop-products-catalogue{width:calc(100% - 28px)!important}.native-layout{display:block!important}.native-mobile-filter{display:inline-flex}.native-filters{display:none;position:fixed;z-index:9999;top:0;left:0;bottom:0;width:min(330px,84vw);overflow-y:auto;border-radius:0;box-shadow:0 0 30px #0002}.native-filters.is-open{display:block}.native-close-filter{display:inline-block;float:right;border:0;background:none;font-size:24px}.native-filter-backdrop.is-open{display:block;position:fixed;inset:0;background:#0006;z-index:9998}.native-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.native-photo{height:165px;padding:8px}.native-card-body{padding:9px;gap:7px}.native-card h3{font-size:12px}.native-toolbar{gap:7px}.native-toolbar select{max-width:180px}.native-search{order:3;flex-basis:100%}.native-products.is-list{grid-template-columns:1fr!important}.native-products.is-list .native-photo{width:115px;height:140px}}

/* Consolidated batch: filter clarity, accessible drawer, resilient cards */
.native-filter-hint{font-size:10px;line-height:1.4;color:#877885;margin:1px 0 10px}
.native-filters :focus-visible,.native-results :focus-visible{outline:2px solid #6d245e;outline-offset:3px}
.native-card-body h3{word-break:normal;overflow-wrap:anywhere}
.native-price-label{font-variant-numeric:tabular-nums}
.native-add:hover:not(:disabled){background:#731b55;color:#fff}
.native-photo a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0}
.native-filters .native-price-range{margin-block:8px 11px}
@media(max-width:750px){.native-filter-backdrop{cursor:pointer}.native-toolbar{justify-content:space-between}.native-toolbar .native-search{width:100%}}

/* Final Shop polish: unified two-thumb slider, clean filter actions, balanced cards. */
.native-filters .native-brand-more{display:block;width:100%;border:0;padding:8px 0;text-align:left;background:transparent;color:#831d5d;font-weight:600;font-size:12px}
.native-price-range{position:relative!important;display:block!important;height:42px;margin:12px 8px!important}
.native-price-track{position:absolute;inset:18px 0 auto;height:5px;border-radius:10px;background:linear-gradient(to right,#e9dce5 var(--range-start,0%),#831d5d var(--range-start,0%),#831d5d var(--range-end,100%),#e9dce5 var(--range-end,100%));pointer-events:none}
.native-price-range input[type=range]{position:absolute;top:0;left:0;width:100%;height:42px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none;accent-color:#831d5d}
.native-price-range input[type=range]::-webkit-slider-runnable-track{height:5px;background:transparent}
.native-price-range input[type=range]::-moz-range-track{height:5px;background:transparent}
.native-price-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border:3px solid #831d5d;border-radius:50%;background:#fff;box-shadow:0 1px 5px #0002;pointer-events:auto;cursor:ew-resize}
.native-price-range input[type=range]::-moz-range-thumb{width:13px;height:13px;border:3px solid #831d5d;border-radius:50%;background:#fff;pointer-events:auto;cursor:ew-resize}
.native-filters .native-filter-apply{display:none}
.native-card h3{min-height:2.85em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.native-card-body{min-height:128px}
.native-card .native-price-label{margin-top:auto}
.native-photo img{display:block}
.native-toolbar .native-mobile-filter{white-space:nowrap}
@media(max-width:750px){.native-filters .native-filter-apply{display:block;width:100%;margin-top:9px;border:0;background:#831d5d;color:#fff}.native-card-body{min-height:135px}.native-photo{height:158px}.native-card h3{min-height:2.85em}}

/* 2026-10-27 Shop finish — accessible progressive filters and fluid price control */
.native-filters .native-filter-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.native-filters .native-filter-header h3{margin:0;font-weight:600;font-size:16px}
.native-filters .native-filter-options{display:grid;gap:3px}
.native-filters .native-filter-options label{margin:5px 0;align-items:flex-start;min-height:22px}
.native-filters .native-filter-options label span{min-width:0;line-height:1.5}
.native-filters .native-filter-more-actions{display:flex;justify-content:flex-start;gap:13px;flex-wrap:wrap;margin-top:9px}
.native-filters .native-filter-more,.native-filters .native-filter-less{border:0;background:none;padding:5px 0;color:#80235c;font-size:12px;line-height:1.4;font-weight:600;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.native-filters .native-filter-more:hover,.native-filters .native-filter-less:hover{text-decoration-thickness:2px}
.native-filters .native-filter-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px}
.native-filters .native-stock-toggle{margin-top:14px}
.native-filter-hint{font-size:11px;margin:8px 0 12px;line-height:1.45}
.native-filters .native-price-slider{--range-start:0%;--range-end:100%;display:block;position:relative;height:48px;margin:9px 12px 12px;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none}
.native-filters .native-price-rail,.native-filters .native-price-fill{position:absolute;top:21px;left:0;right:0;height:6px;border-radius:20px;pointer-events:none}
.native-filters .native-price-rail{background:#e9dce5}
.native-filters .native-price-fill{left:var(--range-start);right:calc(100% - var(--range-end));background:#8c195f}
.native-filters .native-price-handle{position:absolute;top:9px;transform:translateX(-50%);width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:3px solid #84215b!important;border-radius:50%!important;box-shadow:0 1px 5px #452a3a35;background:#fff!important;cursor:grab;touch-action:none;z-index:3;appearance:none;-webkit-appearance:none}
.native-filters .native-price-handle:active{cursor:grabbing;border-color:#5d1541!important;box-shadow:0 0 0 5px #9f497d21}
.native-filters .native-price-handle:focus-visible{outline:3px solid #c48bab;outline-offset:4px}
.native-filters .native-price input[type=number]{font-size:13px;min-height:38px}
.native-filters .native-close-filter{display:none}
@media(min-width:751px){.native-filters .native-filter-apply{display:none!important}}
@media(max-width:750px){
 body.sba-shop-filter-open{overflow:hidden!important;overscroll-behavior:contain}
 .native-filters.is-open{display:block;position:fixed;top:0;left:0;bottom:0;z-index:10001;width:min(360px,calc(100vw - 42px));max-width:calc(100vw - 42px);padding:0 19px 18px;box-sizing:border-box;border:0;border-radius:0 12px 12px 0;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 10px 45px #1c132840;background:#fff}
 .native-filters .native-filter-header{position:sticky;top:0;margin:0 -19px 8px;padding:13px 16px 12px 19px;background:#fff;border-bottom:1px solid #eee5eb;z-index:5;min-height:57px;box-sizing:border-box}
 .native-filters .native-close-filter{display:grid!important;place-items:center;float:none;margin:0!important;padding:0!important;border:1px solid #e9dce5!important;border-radius:7px!important;width:32px!important;height:32px!important;min-width:32px;min-height:32px;background:#fff!important;color:#6e2151!important;font-size:21px!important;line-height:1;cursor:pointer}
 .native-filter-backdrop.is-open{display:block;position:fixed;inset:0;z-index:10000;background:#180e1c7a;cursor:pointer}
 .native-filters fieldset{padding:13px 0}
 .native-filters .native-filter-footer{position:sticky;bottom:-18px;z-index:5;flex-wrap:nowrap;margin:18px -19px -18px;padding:13px 19px 16px;background:#fff;box-shadow:0 -7px 18px #2410220c;border-top:1px solid #efe7ed}
 .native-filters .native-filter-footer>button{min-height:42px;flex:1;font-size:12px}
 .native-filters .native-filter-apply{display:block!important;background:#84215b;color:#fff;border-color:#84215b}
 .native-filters .native-price-handle{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
}
@media (min-width:751px) and (max-width:900px){.native-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:750px){.native-filters{scroll-padding-top:78px;scroll-padding-bottom:100px}.native-price-slider{scroll-margin-block:90px 110px}}
/* Build 10: badges, paging, toast, product placeholder */
.native-photo{position:relative}
.sba-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 9px;border-radius:999px;font:600 10px Poppins,sans-serif;letter-spacing:.02em}
.sba-badge.is-sale{background:#7B0674;color:#fff}
.sba-badge.is-out{background:#fff;color:#5d4b58;border:1px solid #e6d9e2}
.native-card.is-soldout .native-photo img{opacity:.55}
.sba-few{margin:2px 0 4px;color:#b54708;font:500 11px Poppins,sans-serif}
.sba-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-height:180px;background:#f7f1f5}
.sba-ph img{width:54px;height:auto;opacity:.6}
.sba-ph small{font:500 11px Poppins,sans-serif;color:#8b7c88;text-align:center;padding:0 10px}
.sba-more{display:flex;flex-direction:column;align-items:center;gap:6px;margin:30px 0 10px}
.sba-more-btn{min-height:46px;padding:0 30px;border-radius:999px;border:1px solid #7B0674;background:#fff;color:#7B0674;font:600 13px Poppins,sans-serif;cursor:pointer}
.sba-more-btn:hover{background:#7B0674;color:#fff}
.sba-more small{color:#8b7c88;font-size:11px}
.sba-shop-toast{position:fixed;left:50%;bottom:24px;z-index:1200;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:min(92vw,460px);background:#2b0a20;color:#fff;padding:13px 18px;border-radius:12px;font:400 13px Poppins,sans-serif;box-shadow:0 12px 30px rgba(43,10,32,.25);transition:opacity .2s,transform .2s}
.sba-shop-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.sba-shop-toast a{color:#f3c8ea;margin-left:10px;font-weight:600}
@media (prefers-reduced-motion:reduce){.sba-shop-toast{transition:none}}
a.sba-shop-category-card{display:block;text-decoration:none;color:inherit}
