.closure-spec-card{transition:border-color .2s}.closure-spec-card:hover{border-color:var(--nile-700)}.closure-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.closure-tab{padding:.7rem 1.2rem;min-height:44px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--ink-700);cursor:pointer;transition:all .2s;font-family:var(--font-body);border:none;background:transparent;display:inline-flex;align-items:center;gap:.5rem}body[data-lang=ar] .closure-tab{font-family:var(--font-arabic)}.closure-tab .count{font-size:.72rem;padding:.15rem .45rem;background:var(--nile-50);color:var(--nile-700);border-radius:100px;font-weight:700}.closure-tab.active{background:var(--nile-900);color:var(--white)}.closure-tab.active .count{background:var(--sand-500);color:var(--nile-900)}.closure-tab:hover:not(.active){background:var(--nile-50);color:var(--nile-900)}.family-section{margin-bottom:3rem}.family-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:.85rem;margin-bottom:1.5rem;border-bottom:2px solid var(--line);flex-wrap:wrap;gap:.5rem}.family-header .title{font-family:var(--font-display);font-size:1.6rem;font-weight:500;color:var(--nile-900);letter-spacing:-.01em}body[data-lang=ar] .family-header .title{font-family:var(--font-arabic);font-weight:600}.family-header .title.water{color:var(--nile-500)}.family-header .title.csd{color:var(--accent-safety)}.family-header .title.oil{color:var(--sand-700)}.family-header .title.food{color:var(--success-500)}.family-header .ct{font-size:.85rem;color:var(--ink-500);font-style:italic}body[data-lang=ar] .family-header .ct{font-style:normal}.closure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:1rem;align-items:start}.closure-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:all .3s;display:flex;flex-direction:column;position:relative}.closure-card:hover{border-color:var(--nile-700);transform:translateY(-2px);box-shadow:var(--shadow)}.closure-card.water-fam{border-top:3px solid var(--nile-500)}.closure-card.csd-fam{border-top:3px solid var(--accent-safety)}.closure-card.oil-fam{border-top:3px solid var(--sand-500)}.closure-card.food-fam{border-top:3px solid var(--success-500)}.closure-visual{aspect-ratio:5/3;background:linear-gradient(135deg,var(--nile-50) 0%,var(--paper) 100%);position:relative;display:grid;place-items:center;border-bottom:1px solid var(--line-soft);overflow:hidden}.closure-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(22,58,109,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(22,58,109,.04) 1px,transparent 1px);background-size:18px 18px}.closure-visual svg{width:50%;height:auto;position:relative;z-index:1;max-height:80%}.closure-page-order{position:absolute;top:.75rem;left:.75rem;background:var(--white);padding:.25rem .55rem;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;font-size:.78rem;color:var(--ink-500);box-shadow:var(--shadow-sm);z-index:2}html[dir=rtl] .closure-page-order{left:auto;right:.75rem}body[data-lang=ar] .closure-page-order{font-family:var(--font-arabic)}.closure-material-badge{position:absolute;top:.75rem;right:.75rem;background:var(--nile-900);color:var(--white);padding:.3rem .65rem;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;font-size:.75rem;letter-spacing:.05em;box-shadow:var(--shadow-sm);z-index:2}html[dir=rtl] .closure-material-badge{right:auto;left:.75rem}body[data-lang=ar] .closure-material-badge{font-family:var(--font-arabic);letter-spacing:0}.closure-body{padding:1.4rem 1.4rem 1.5rem;flex:1;display:flex;flex-direction:column}.closure-body h3{font-family:var(--font-display);font-size:1.18rem;font-weight:600;color:var(--nile-900);margin-bottom:.25rem;line-height:1.25}body[data-lang=ar] .closure-body h3{font-family:var(--font-arabic)}.closure-body .sub{font-size:.85rem;color:var(--ink-500);margin-bottom:1.1rem}.closure-app{display:inline-block;padding:.3rem .7rem;background:var(--sand-100);color:#7b5e2a;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);margin-bottom:1rem;align-self:flex-start}body[data-lang=ar] .closure-app{letter-spacing:0;text-transform:none;font-size:.82rem}.closure-specs{display:grid;gap:.55rem 1rem;padding-top:1rem;border-top:1px solid var(--line-soft)}.closure-spec-row{display:grid;grid-template-columns:110px 1fr;gap:.5rem;align-items:baseline}@media(max-width:380px){.closure-spec-row{grid-template-columns:1fr;gap:0}}.closure-spec-row .label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);font-weight:600}body[data-lang=ar] .closure-spec-row .label{letter-spacing:0;text-transform:none;font-size:.82rem}.closure-spec-row .value{font-size:.88rem;color:var(--nile-900);font-weight:500}.closure-packing{padding-top:1rem;margin-top:1rem;border-top:1px dashed var(--line-soft)}.closure-packing-label{font-size:.7rem;font-weight:700;color:var(--sand-700);letter-spacing:.04em;margin-bottom:.5rem;text-transform:uppercase}body[data-lang=ar] .closure-packing-label{letter-spacing:0}.closure-packing-rows{display:grid;gap:.4rem}.cp-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.78rem}.cp-row .cp-label{color:var(--ink-500)}.cp-row .cp-val{color:var(--nile-900);font-weight:700;font-feature-settings:"tnum" 1}.sku-id-chip{display:inline-block;align-self:flex-start;font-family:var(--font-mono, monospace);font-size:.66rem;font-weight:600;letter-spacing:.04em;color:var(--ink-500);background:var(--paper);border:1px solid var(--line-soft);padding:.18rem .5rem;border-radius:4px}.sku-color-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.1rem;min-height:22px}.sku-color-chip{display:inline-flex;width:22px;height:22px;border-radius:50%;cursor:help;transition:transform .2s ease}.sku-color-chip:hover{transform:scale(1.15)}.sku-color-dot{width:100%;height:100%;border-radius:50%;border:1.5px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 2px #fff6}.sku-color-more{display:inline-flex;align-items:center;height:22px;padding:0 .5rem;border-radius:11px;font-size:.72rem;font-weight:600;color:var(--ink-700, #423A33);background:var(--sand-50, #FAF4E6);border:1px solid var(--line, #E4DFD3);cursor:help}.sku-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.4rem}.sku-action-primary{flex:1 1 100%;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem 1rem;min-height:44px;background:var(--nile-900);color:var(--white);font-family:var(--font-body);font-weight:600;font-size:.85rem;letter-spacing:.01em;border-radius:8px;text-decoration:none;border:1px solid var(--nile-900);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.sku-action-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.sku-action-primary:hover{background:var(--sand-700);border-color:var(--sand-700);transform:translateY(-1px);box-shadow:0 6px 16px -4px #c9a24e73}.sku-action-primary:hover .sku-action-icon{transform:translate(3px)}.sku-action-primary:hover .sku-action-icon{transform:translate(-3px)}.sku-action-icon{font-size:1rem;font-weight:400;transition:transform .25s ease}.sku-action-primary{font-family:var(--font-arabic)}.sku-action-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.65rem .85rem;min-height:44px;background:transparent;border:1px solid var(--line);border-radius:8px;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--ink-700);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.sku-action-secondary:hover{border-color:var(--nile-700);color:var(--nile-900);background:var(--paper)}.sku-action-secondary.is-on,.sku-action-secondary.compare-toggle.is-on{background:var(--nile-900);border-color:var(--nile-900);color:var(--sand-200)}.sku-action-secondary.is-on .compare-toggle-add,.sku-action-secondary .compare-toggle-on{display:none}.sku-action-secondary.is-on .compare-toggle-on{display:inline}.sku-action-secondary{font-family:var(--font-arabic)}.sku-action-primary,.sku-action-secondary{font-size:.8rem}.sku-action-secondary{padding:.6rem .75rem}.sku-action-trio{flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}.sku-action-trio-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.5rem .35rem;min-height:48px;background:var(--white);color:var(--nile-900);border:1px solid var(--line);border-radius:8px;text-decoration:none;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.01em;text-align:center;transition:background .15s,border-color .15s,transform .15s;cursor:pointer}.sku-action-trio-item:hover{background:var(--sand-50, #fef9e7);border-color:var(--sand-500);transform:translateY(-1px)}.sku-action-trio-item .sku-action-icon{font-size:1.05rem;line-height:1}.sku-action-trio-item .sku-action-text{display:block;line-height:1.1;font-size:.7rem}.sku-action-trio-item{font-family:var(--font-arabic);font-size:.74rem}.sku-action-trio{direction:rtl}.sku-action-trio-item .sku-action-text{font-size:.65rem}@media(max-width:480px){.sku-body{padding:1rem 1.1rem 1.15rem;gap:.55rem}.sku-title{font-size:1.05rem}.sku-spec-value{font-size:.88rem}.sku-action-primary,.sku-action-secondary{font-size:.8rem}.sku-action-secondary{padding:.6rem .75rem}}@media(max-width:480px){.sku-action-trio-item .sku-action-text{font-size:.65rem}}html.sku-animations-ready .sku-card-enter{opacity:0;transform:translateY(16px);will-change:opacity,transform}@keyframes sku-card-enter-anim{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}html.sku-animations-ready .sku-card-enter.is-visible{animation:sku-card-enter-anim .55s cubic-bezier(.16,1,.3,1) forwards}html.sku-animations-ready .sku-card-enter.is-visible:nth-child(2){animation-delay:.06s}html.sku-animations-ready .sku-card-enter.is-visible:nth-child(3){animation-delay:.12s}html.sku-animations-ready .sku-card-enter.is-visible:nth-child(4){animation-delay:.18s}html.sku-animations-ready .sku-card-enter.is-visible:nth-child(5){animation-delay:.24s}html.sku-animations-ready .sku-card-enter.is-visible:nth-child(6){animation-delay:.3s}html.sku-animations-ready .sku-card-enter.is-visible:nth-child(7){animation-delay:.36s}html.sku-animations-ready .sku-card-enter.is-visible:nth-child(8){animation-delay:.42s}.closure-card{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .4s ease}.closure-card:hover{transform:translateY(-4px)}.closure-photo{transition:transform .6s cubic-bezier(.16,1,.3,1)}.closure-card:hover .closure-photo{transform:scale(1.04)}@keyframes sku-star-pulse-anim{0%{transform:scale(1)}35%{transform:scale(1.28)}60%{transform:scale(.92)}85%{transform:scale(1.06)}to{transform:scale(1)}}.sku-action-star.sku-star-pulse .sku-action-icon{animation:sku-star-pulse-anim .45s cubic-bezier(.16,1,.3,1)}.sku-action-trio-item .sku-action-icon{transition:transform .2s cubic-bezier(.16,1,.3,1)}.sku-action-trio-item:hover .sku-action-icon{transform:scale(1.15)}@media(prefers-reduced-motion:reduce){html.sku-animations-ready .sku-card-enter,html.sku-animations-ready .sku-card-enter.is-visible{opacity:1;transform:none;animation:none}.closure-card:hover,.closure-card:hover .closure-photo{transform:none}.sku-action-star.sku-star-pulse .sku-action-icon{animation:none}.sku-action-trio-item:hover .sku-action-icon{transform:none}}.sku-action-trio .sku-sample-form{display:block!important;margin:0!important;padding:0!important;width:100%;height:100%}.sku-action-trio .sku-sample-form>.sku-action-trio-item{display:flex!important;width:100%;height:100%;min-height:48px;background:var(--white)!important;color:var(--nile-900)!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:.5rem .35rem!important}.sku-action-trio .sku-sample-form>.sku-action-trio-item:hover{background:var(--sand-50, #fef9e7)!important;border-color:var(--sand-500)!important;transform:translateY(-1px)}.sku-action-trio .sku-action-icon{font-variant-emoji:text}.closure-card .sku-drawer{margin-top:.25rem}.closure-card .sku-drawer-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.6rem 0;font-size:.78rem;font-weight:600;color:var(--nile-700);letter-spacing:.02em;list-style:none;border-top:1px solid var(--line-soft);transition:color .2s ease}.closure-card .sku-drawer-toggle::-webkit-details-marker{display:none}.closure-card .sku-drawer-toggle:hover{color:var(--nile-900)}body[data-lang=ar] .closure-card .sku-drawer-toggle{font-family:var(--font-arabic)}.closure-card .sku-drawer-toggle-text{flex:1}.closure-card .sku-drawer-chevron{font-size:.7rem;color:var(--sand-700);transition:transform .3s cubic-bezier(.16,1,.3,1)}.closure-card .sku-drawer[open] .sku-drawer-chevron{transform:rotate(180deg)}.closure-card .sku-drawer .closure-specs{border-top:none;padding-top:.5rem}.closure-card .sku-drawer .closure-packing{margin-top:.75rem}.closure-card .sku-actions{margin-top:auto;padding-top:.5rem}.closure-card .sku-drawer{margin-top:.5rem;border-bottom:1px solid var(--line-soft)}.closure-card .sku-drawer[open]{padding-bottom:.6rem}.closure-card .sku-color-row{margin:.55rem 0 .25rem}.closure-card .closure-body .sub,.closure-card .closure-app{margin-bottom:.75rem}
