@font-face{ font-family:'PJS-fallback'; src:local('Arial'),local('Helvetica'),local('Roboto'); size-adjust:102.1%; ascent-override:101.9%; descent-override:21.5%; line-gap-override:0%; } @font-face{ font-family:'NS-fallback'; src:local('Arial'),local('Helvetica'),local('Roboto'); size-adjust:102.5%; ascent-override:98.5%; descent-override:34.1%; line-gap-override:0%; } :root{ --c-teal:23 179 163; --c-teal-deep:12 107 97; --c-teal-700:15 138 124; --c-teal-ink:10 75 68; --c-mint:232 246 242; --c-mint-2:217 240 234; --c-sand:246 238 228; --c-sand-2:240 228 212; --c-coral:255 107 74; --c-coral-deep:232 80 47; --c-coral-soft:255 231 224; --c-ink:33 51 46; --c-paper:246 248 245; --c-white:255 255 255; --c-line:228 235 231; --teal:rgb(var(--c-teal)); --teal-deep:rgb(var(--c-teal-deep)); --teal-700:rgb(var(--c-teal-700)); --teal-ink:rgb(var(--c-teal-ink)); --mint:rgb(var(--c-mint)); --mint-2:rgb(var(--c-mint-2)); --sand:rgb(var(--c-sand)); --sand-2:rgb(var(--c-sand-2)); --coral:rgb(var(--c-coral)); --coral-deep:rgb(var(--c-coral-deep)); --coral-soft:rgb(var(--c-coral-soft)); --ink:rgb(var(--c-ink)); --paper:rgb(var(--c-paper)); --white:rgb(var(--c-white)); --line:rgb(var(--c-line)); --ink-70:rgb(var(--c-ink) / .72); --ink-55:rgb(var(--c-ink) / .55); --ink-40:rgb(var(--c-ink) / .4); --r-lg:18px; --r-md:12px; --r-sm:10px; --pill:999px; --sh-sm:0 6px 18px -12px rgb(var(--c-teal-ink) / .35); --sh:0 18px 42px -22px rgb(var(--c-teal-ink) / .38); --sh-lg:0 34px 64px -30px rgb(var(--c-teal-ink) / .45); --display:'Plus Jakarta Sans',system-ui,'PJS-fallback',sans-serif; --body:'Nunito Sans','NS-fallback',system-ui,sans-serif; --wrap:1200px; } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;} a{color:inherit;text-decoration:none;} img{display:block;max-width:100%;} button{font-family:inherit;cursor:pointer;border:0;background:none;} :focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px;} .wrap{max-width:var(--wrap);margin-left:auto;margin-right:auto;padding:0 20px;} .disp{font-family:var(--display);font-weight:700;line-height:1.03;letter-spacing:-.02em;text-wrap:balance;} .eyebrow{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--teal-deep);} .tnum{font-variant-numeric:tabular-nums;} .muted{color:var(--ink-55);} .muted-2{color:var(--ink-40);} .ico{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;} .no-sb::-webkit-scrollbar{display:none;} .no-sb{scrollbar-width:none;} .bg-mint{background:var(--mint);} .bg-sand{background:var(--sand);} .bg-white{background:var(--white);} .bg-teal-deep{background:var(--teal-deep);color:#fff;} .bg-ink{background:var(--ink);color:#fff;} .section{padding-top:64px;padding-bottom:64px;} @media(max-width:640px){.section{padding-top:44px;padding-bottom:44px;}} main{margin-bottom:64px;} .no-gap{margin-bottom:0;} .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:50px;padding:0 28px;border-radius:var(--pill);font-family:var(--display);font-weight:700;font-size:15px;transition:transform .18s,background-color .18s,color .18s,border-color .18s,box-shadow .18s;white-space:nowrap;} .btn:hover{transform:translateY(-1px);} .btn-primary{background:var(--teal);color:#fff;box-shadow:var(--sh-sm);} .btn-primary:hover{background:var(--teal-deep);box-shadow:var(--sh);} .btn-ghost{background:#fff;color:var(--teal-deep);border:1.5px solid var(--line);} .btn-ghost:hover{border-color:var(--teal);color:var(--teal);} .btn-light{background:#fff;color:var(--teal-deep);} .btn-light:hover{background:var(--mint);} .btn-coral{background:var(--coral);color:#fff;} .btn-coral:hover{background:var(--coral-deep);} .btn-sm{height:42px;padding:0 20px;font-size:14px;} .btn-block{width:100%;} .btn:disabled{background:var(--line);color:var(--ink-40);box-shadow:none;cursor:not-allowed;} .btn:disabled:hover{transform:none;background:var(--line);box-shadow:none;} .chip{display:inline-flex;align-items:center;gap:.4rem;height:40px;padding:0 18px;border-radius:var(--pill);font-family:var(--display);font-weight:700;font-size:14px;background:#fff;border:1.5px solid var(--line);color:var(--ink);transition:all .15s;white-space:nowrap;} .chip:hover{border-color:var(--teal);color:var(--teal-deep);} .chip.on{background:var(--teal);color:#fff;border-color:var(--teal);} .vt{position:relative;display:flex;flex-direction:column;gap:2px;padding:11px 14px;border-radius:var(--r-md); background:#fff;border:1.5px solid var(--line);text-align:left;transition:border-color .15s,background-color .15s,box-shadow .15s;} .vt:hover:not(.vt-out){border-color:var(--teal);} .vt.on{border-color:var(--teal);background:var(--mint);box-shadow:0 0 0 3px rgb(var(--c-teal) / .16);} .vt:focus-visible{outline:2px solid var(--teal);outline-offset:2px;} .vt-size{font-family:var(--display);font-weight:700;font-size:14px;line-height:1.2;} .vt-price{font-family:var(--display);font-weight:800;font-size:15px;color:var(--teal-deep);} .vt-note{font-size:11px;font-weight:700;line-height:1.2;min-height:13px;} .vt-low .vt-note{color:var(--coral-deep);} .vt-out{background:var(--paper);border-style:dashed;} .vt-out .vt-size,.vt-out .vt-price{color:var(--ink-40);} .vt-out .vt-price{text-decoration:line-through;} .vt-out .vt-note{color:var(--ink-55);} .vt-out.on{border-color:var(--ink-40);background:var(--paper);box-shadow:0 0 0 3px rgb(0 0 0 / .05);} .vt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:10px;} .vc-row{display:flex;flex-wrap:wrap;gap:8px;} .vc{display:inline-flex;align-items:center;max-width:100%;height:40px;padding:0 16px; border-radius:var(--pill);background:#fff;border:1.5px solid var(--line); font-family:var(--display);font-weight:700;font-size:13.5px;color:var(--ink); transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s;} .vc .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;} .vc:hover:not(.vc-out){border-color:var(--teal);color:var(--teal-deep);} .vc.on{background:var(--teal);border-color:var(--teal);color:#fff; box-shadow:0 0 0 3px rgb(var(--c-teal) / .16);} .vc:focus-visible{outline:2px solid var(--teal);outline-offset:2px;} .vc-out{background:var(--paper);border-style:dashed;color:var(--ink-40);} .vc-out.on{background:var(--paper);border-color:var(--ink-40);color:var(--ink-55); box-shadow:0 0 0 3px rgb(0 0 0 / .05);} .vc-more{border-style:dashed;border-color:var(--teal);color:var(--teal-deep);background:var(--mint);} .vc-more:hover{background:var(--mint-2);} .chip{max-width:100%;} .chip .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;} .input{width:100%;height:48px;padding:0 44px 0 18px;border-radius:var(--pill);background:#fff;border:1.5px solid var(--line);font-family:var(--body);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s;} .input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgb(var(--c-teal) / .16);} .input::placeholder{color:var(--ink-40);} .input-sm{width:100%;height:44px;padding:0 14px;border-radius:var(--pill);background:#fff;border:1.5px solid var(--line);font-family:var(--body);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;} .input-sm:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgb(var(--c-teal) / .16);} .input-sm::placeholder{color:var(--ink-40);} .field label{display:block;font-family:var(--display);font-weight:700;font-size:13px;margin-bottom:6px;} .field .input{height:50px;padding:0 16px;} .field.err .input{border-color:var(--coral);} .field .msg{display:none;color:var(--coral-deep);font-size:12px;margin-top:5px;font-weight:700;} .field.err .msg{display:block;} .chk{display:flex;align-items:flex-start;gap:12px;cursor:pointer;user-select:none;} .chk input{position:absolute;opacity:0;width:0;height:0;} .chk .box{margin-top:1px;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line);background:#fff;flex:none;display:grid;place-items:center;color:#fff;transition:background .15s,border-color .15s;} .chk input:checked + .box{background:var(--teal);border-color:var(--teal);} .chk .box .ico{width:15px;height:15px;opacity:0;stroke-width:2.4;transition:opacity .15s;} .chk input:checked + .box .ico{opacity:1;} .chk input:focus-visible + .box{outline:2px solid var(--teal);outline-offset:2px;} .chk.err .box{border-color:var(--coral);} .chk-sm{gap:10px;} .chk-sm .box{margin-top:0;width:18px;height:18px;border-radius:6px;} .chk-sm .box .ico{width:12px;height:12px;} .iconbtn{width:44px;height:44px;border-radius:var(--pill);display:grid;place-items:center;color:var(--ink);position:relative;transition:background-color .15s,color .15s;} .iconbtn:hover{background:var(--mint);color:var(--teal-deep);} .iconbtn.active{background:var(--mint);color:var(--teal-deep);} .dot{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--pill);background:var(--coral);color:#fff;font-family:var(--display);font-weight:700;font-size:11px;display:grid;place-items:center;} .lnk{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--display);font-weight:700;color:var(--teal-deep);} .lnk:hover{color:var(--teal);} .navlink{position:relative;display:inline-flex;align-items:center;gap:5px;font-weight:600; color:var(--ink-70);transition:color .15s;line-height:1.15;} .navlink .lbl{text-wrap:balance;} img.emoji{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin:0 .1em;} .navlink:hover{color:var(--ink);} .navlink::after{content:'';position:absolute;left:0;bottom:-5px;height:2px;width:0;background:var(--teal);border-radius:2px;transition:width .2s;} .navlink:hover::after,.navlink.active::after{width:100%;} .navlink .cvr{margin-left:0;} .navlink.muted{color:var(--ink-40);} .navlink.accent{color:var(--coral);font-weight:700;} .navlink.accent:hover{color:var(--coral-deep);} .navlink.accent::after{background:var(--coral);} @media (max-width:639.98px){ .limit-6-mobile > article:nth-child(n+7){display:none;} } .card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-sm);} .pcard{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:transform .2s,box-shadow .2s;} .pcard:hover{transform:translateY(-4px);box-shadow:var(--sh);} .pcard .ph{position:relative;aspect-ratio:1/1;padding:18px;background:#fff;border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden;} .pcard .ph img{width:100%;height:100%;object-fit:contain;transition:transform .4s;} .pcard:hover .ph img{transform:scale(1.05);} .pcard .body{padding:16px;display:flex;flex-direction:column;flex:1;} .badge-sale{position:absolute;top:12px;left:12px;z-index:2;background:var(--coral);color:#fff;font-family:var(--display);font-weight:700;font-size:12px;padding:4px 11px;border-radius:var(--pill);} .stk{display:inline-flex;align-items:center;gap:4px;max-width:100%; font-family:var(--display);font-weight:700;font-size:11.5px;line-height:1; padding:5px 9px;border-radius:var(--pill);} .stk > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .stk .ico{width:13px;height:13px;stroke-width:2;} .stk-teal{background:var(--teal);color:#fff;} .stk-coral{background:var(--coral);color:#fff;} .stk-teal-deep{background:var(--teal-deep);color:#fff;} .stk-sand{background:var(--sand-2);color:var(--teal-ink);} .stk-ink{background:rgb(var(--c-ink) / .82);color:#fff;} .stk-col{position:absolute;top:12px;left:12px;z-index:2; display:flex;flex-direction:column;align-items:flex-start;gap:5px; max-width:calc(100% - 68px);} .stk-col > .badge-sale{position:static;} .stk-col-lg{top:16px;left:16px;flex-direction:row;flex-wrap:wrap;gap:7px; width:calc(100% - 32px);max-width:none;} @media (min-width:640px){ .stk-col-lg{width:50%;} } .stk-col-lg .stk{font-size:13px;padding:6px 11px;flex:none;max-width:100%;} .stk-col-lg .stk .ico{width:15px;height:15px;} .auth-main{padding-top:32px;padding-bottom:32px;} @media (min-width:1024px){ .auth-main{padding-top:56px;padding-bottom:56px;} } .auth-wrap{width:100%;max-width:440px;margin-inline:auto;} .auth-page .auth-body{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-sm); padding:24px;margin-top:20px;} @media (min-width:640px){ .auth-page .auth-body{padding:32px;} } .rp-bad{text-align:center;} .rp-bad-i{display:grid;place-items:center;width:56px;height:56px;margin:0 auto; border-radius:var(--pill);background:var(--sand);color:var(--coral-deep);} .rp-bad .lnk{display:flex;} .auth-pop{position:relative;display:flex;flex-direction:column;padding:24px; max-height:calc(100vh - 32px);} @media (min-width:640px){ .auth-pop{padding:28px;} } .auth-scroll{overflow-y:auto;min-height:0;} .auth-pop .auth-tabs{margin-right:52px;} .auth-pop .auth-body{margin-top:20px;} .auth-x{position:absolute;top:12px;right:12px;z-index:1;} .auth-tabs{display:flex;gap:4px;padding:4px;background:#fff;border:1.5px solid var(--line); border-radius:var(--pill);} .auth-tab{flex:1;height:44px;border-radius:var(--pill);font-family:var(--display); font-weight:700;font-size:15px;color:var(--ink-70);transition:background .15s,color .15s;} .auth-tab:hover{color:var(--teal-deep);} .auth-tab.on{background:var(--teal);color:#fff;} .auth-tab:focus-visible{outline:2px solid var(--teal);outline-offset:2px;} .pw{position:relative;} .pw .input{padding-right:52px;} .pw-btn{position:absolute;top:50%;right:6px;transform:translateY(-50%); width:40px;height:40px;border-radius:var(--pill);display:grid;place-items:center; color:var(--ink-40);transition:color .15s,background .15s;} .pw-btn:hover{color:var(--teal-deep);background:var(--mint);} .pw-btn .ico{width:20px;height:20px;} .pw-meter{display:flex;align-items:center;gap:10px;margin-top:9px;} .pw-bar{flex:1;min-width:72px;height:4px;border-radius:var(--pill);background:var(--line);overflow:hidden;} .pw-bar > i{display:block;height:100%;width:0;border-radius:var(--pill); background:var(--coral);transition:width .2s,background .2s;} .pw-lbl{font-size:11.5px;color:var(--ink-55);font-weight:700;} .pw-meter[data-lvl="1"] .pw-bar > i{width:33%;} .pw-meter[data-lvl="2"] .pw-bar > i{width:66%;background:var(--sand-2);} .pw-meter[data-lvl="3"] .pw-bar > i{width:100%;background:var(--teal);} .pw-meter[data-lvl="2"] .pw-lbl,.pw-meter[data-lvl="3"] .pw-lbl{color:var(--teal-deep);} .msg-terms{display:none;color:var(--coral-deep);font-size:12px;margin-top:7px;font-weight:700;} .chk.err + .msg-terms{display:block;} .stk-row{display:flex;flex-wrap:wrap;gap:6px;} .wish{position:absolute;top:11px;right:11px;z-index:2;width:36px;height:36px;border-radius:var(--pill);background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--ink-40);transition:color .15s,background .15s;} .wish:hover{color:var(--coral);background:#fff;} .wish.on{color:var(--coral);background:#fff;} .wish--cmp{top:53px;} .wish--cmp:hover{color:var(--teal-deep);} .wish--cmp.on{color:var(--teal-deep);background:var(--mint);} .addbtn{width:44px;height:44px;border-radius:var(--pill);background:var(--teal);color:#fff;display:grid;place-items:center;transition:background .15s,transform .15s;flex:none;} .addbtn:hover{background:var(--teal-deep);transform:scale(1.06);} .addbtn-ghost{background:#fff;color:var(--teal-deep);border:1.5px solid var(--line);} .addbtn-ghost:hover{background:var(--mint);border-color:var(--teal);} .pcard-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between; gap:6px;flex-wrap:wrap;} .pcard-price{flex:1 1 70px;min-width:70px;} .pcard-acts{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:6px;} @media (max-width:639.98px){ .addbtn{width:40px;height:40px;} .addbtn-ghost{display:none;} } .price{font-family:var(--display);font-weight:800;font-size:20px;white-space:nowrap;} .price-old{color:var(--ink-40);text-decoration:line-through;font-size:14px;white-space:nowrap;} .cat-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border-radius:var(--pill);background:var(--teal);color:#fff;font-family:var(--display);font-weight:700;font-size:15px;transition:background .15s;} .cat-btn:hover,.cat-btn.open{background:var(--teal-deep);} .mega-overlay{position:fixed;inset:0;background:rgb(var(--c-teal-ink) / .25);z-index:38;opacity:0;visibility:hidden;transition:.2s;} .mega-overlay.show{opacity:1;visibility:visible;} .mega{position:absolute;left:20px;right:20px;top:calc(100% + 10px);max-width:var(--wrap);margin:0 auto;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-lg);z-index:39;padding:26px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;} .mega.show{opacity:1;visibility:visible;transform:none;} .mega-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.1fr;gap:22px;} .mega-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(198px,268px));gap:22px; justify-content:start;max-height:min(740px,calc(100vh - 230px));overflow-y:auto;} .mega-all{grid-column:1/-1;display:inline-flex;align-items:center;gap:8px;font-family:var(--display); font-weight:700;font-size:13.5px;color:var(--teal-deep);} .mega-all:hover{color:var(--teal);} .navlink .cvr{display:inline-block;width:11px;height:11px;vertical-align:-1px; stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round; transition:transform .18s;} .navlink[aria-expanded="true"] .cvr{transform:rotate(180deg);} .mega-grp + .mega-grp{margin-top:18px;} .mega-col h4{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:800;font-size:14px;margin:0 0 8px;color:var(--ink);} .mega-col h4 a{display:inline;padding:0;font:inherit;color:inherit;} .mega-col h4 a:hover{color:var(--teal-deep);} .mega-col a{display:block;padding:4px 0;font-size:13.5px;line-height:1.3;color:var(--ink-70);transition:color .12s;} .mega-col a:hover{color:var(--teal-deep);} .mega-promo{background:var(--mint);border-radius:var(--r-md);padding:18px;display:flex;flex-direction:column;justify-content:space-between;} .dnav{border-bottom:1px solid var(--line);} .dnav > summary{display:flex;align-items:center;justify-content:space-between;gap:10px; padding:12px 20px;font-size:15px;color:var(--ink);cursor:pointer;list-style:none;} .dnav > summary::-webkit-details-marker{display:none;} .dnav > summary .cvr{color:var(--ink-40);transition:transform .18s;flex:none;} .dnav[open] > summary{color:var(--teal-deep);font-weight:700;} .dnav[open] > summary .cvr{transform:rotate(180deg);color:var(--teal-deep);} .dnav-body{padding:2px 20px 14px;background:var(--paper);} .dnav-g{border-bottom:1px solid var(--line);} .dnav-g:last-of-type{border-bottom:0;} .dnav-g > summary{display:flex;align-items:center;gap:8px;padding:11px 0;font-family:var(--display); font-weight:700;font-size:14.5px;color:var(--ink);cursor:pointer;list-style:none;} .dnav-g > summary::-webkit-details-marker{display:none;} .dnav-n{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-40);} .dnav-g > summary .cvr{color:var(--ink-40);transition:transform .18s;flex:none;} .dnav-g[open] > summary{color:var(--teal-deep);} .dnav-g[open] > summary .cvr{transform:rotate(180deg);color:var(--teal-deep);} .dnav-g > div{padding:0 0 8px 12px;} .dnav-g a{display:block;padding:8px 0;font-size:14.5px;color:var(--ink-70);} .dnav-g > a.dnav-g-a{padding:11px 0;font-family:var(--display);font-weight:700;color:var(--ink);} .dnav-g a:active{color:var(--teal-deep);} .dnav-all{display:inline-flex;align-items:center;gap:6px;margin-top:12px; font-family:var(--display);font-weight:700;font-size:13.5px;color:var(--teal-deep);} @media (max-width:1023.98px){ .mega,.mega-overlay{display:none !important;} } @keyframes hf-slide{from{transform:translateX(0);}to{transform:translateX(-50%);}} .marquee{display:flex;width:max-content;align-items:center;gap:56px;animation:hf-slide 42s linear infinite;} .marquee:hover{animation-play-state:paused;} .blogo{height:36px;width:auto;object-fit:contain;filter:grayscale(1) opacity(.55);transition:filter .25s;} .blogo:hover{filter:none;} .overlay{position:fixed;inset:0;background:rgb(var(--c-teal-ink) / .35);z-index:50;} .drawer-l{position:fixed;top:0;left:0;height:100%;width:86%;max-width:22rem;background:var(--paper);z-index:51;transform:translateX(-100%);transition:transform .3s;display:flex;flex-direction:column;} .drawer-l.open{transform:none;} .drawer-r{position:fixed;top:0;right:0;height:100%;width:100%;max-width:27rem;background:var(--paper);z-index:51;transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column;} .drawer-r.open{transform:none;} .scroll-hint{ background: linear-gradient(var(--paper) 34%, rgba(246,248,245,0)) top / 100% 26px no-repeat, linear-gradient(rgba(246,248,245,0), var(--paper) 66%) bottom / 100% 26px no-repeat, radial-gradient(farthest-side at 50% 0, rgb(var(--c-teal-ink) / .22), rgb(var(--c-teal-ink) / 0)) top / 100% 11px no-repeat, radial-gradient(farthest-side at 50% 100%, rgb(var(--c-teal-ink) / .22), rgb(var(--c-teal-ink) / 0)) bottom / 100% 11px no-repeat; background-attachment: local, local, scroll, scroll; } .sg-wrap{position:relative;} .sg-drop{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);max-height:min(70vh,470px);overflow-y:auto;padding:8px;} .sg-head{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-40);padding:9px 10px 4px;} .sg-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border-radius:10px;color:var(--ink);} .sg-item:hover{background:var(--mint);} .sg-thumb{width:44px;height:44px;border-radius:9px;background:var(--mint);padding:4px;display:grid;place-items:center;flex:none;} .sg-thumb img{max-width:100%;max-height:100%;object-fit:contain;} .sg-all{display:block;width:100%;text-align:center;padding:11px;border-radius:10px;background:var(--mint);color:var(--teal-deep);font-family:var(--display);font-weight:700;font-size:14px;margin-top:6px;} .sg-all:hover{background:var(--mint-2);} .need{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px 14px;min-height:116px;background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:transform .18s,box-shadow .18s;} .need:hover{transform:translateY(-3px);box-shadow:var(--sh);} .need .ic{width:40px;height:40px;border-radius:var(--pill);background:var(--mint);color:var(--teal-deep);display:grid;place-items:center;flex:none;} .need b{font-family:var(--display);font-weight:700;font-size:13.5px;line-height:1.25; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .setc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;} @media (max-width:639px){ .setc-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none; margin-inline:-20px;padding-inline:20px;padding-bottom:2px;} .setc-chips::-webkit-scrollbar{display:none;} } .setc-chip{font-family:var(--display);font-weight:700;font-size:13.5px;padding:9px 15px; border-radius:var(--pill);border:1.5px solid var(--line);background:var(--white);color:var(--ink); white-space:nowrap;transition:border-color .15s,background .15s,color .15s;} .setc-chip:hover{border-color:var(--teal);} .setc-chip.on{background:var(--teal);border-color:var(--teal);color:#fff;} .setc-chip i{font-style:normal;opacity:.6;font-size:12px;margin-left:5px;} .setc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;} .setc{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line); border-radius:var(--r-lg);overflow:hidden;transition:border-color .15s,box-shadow .15s;} .setc:hover{border-color:var(--teal);box-shadow:var(--sh);} .setc-ph{position:relative;aspect-ratio:1/1;background:var(--paper);display:grid;place-items:center;} .setc-ph img{width:100%;height:100%;object-fit:contain;} .setc-stick{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;} .setc-tag{font-family:var(--display);font-weight:800;font-size:11px;line-height:1;color:#fff; border-radius:var(--pill);padding:5px 9px;background:var(--teal);} .setc-tag.disc{background:var(--coral-deep);} .setc-body{padding:14px 15px 15px;display:flex;flex-direction:column;flex:1;} .setc-goal{font-family:var(--display);font-weight:800;font-size:15.5px;line-height:1.2;color:var(--ink); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .setc-sub{font-size:12.5px;line-height:1.35;color:var(--ink-55);margin-top:4px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .setc-parts{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;} .setc-part{font-size:11px;line-height:1;padding:5px 8px;border-radius:var(--pill); background:var(--mint);color:var(--teal-deep);font-weight:700;white-space:nowrap; max-width:100%;overflow:hidden;text-overflow:ellipsis;} .setc-foot{margin-top:auto;padding-top:14px; display:flex;align-items:flex-end;justify-content:space-between;gap:8px;} .setc-save{font-size:11.5px;font-weight:700;color:var(--coral-deep);white-space:nowrap;} .setl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;} .setl-chips .chip{height:38px;padding:0 15px;font-size:13.5px;} .setl-n{margin-left:7px;font-size:12px;opacity:.55;} .setl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;} @media (max-width:1100px){ .setl-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:640px){ .setl-grid{grid-template-columns:1fr;gap:16px;} } .setl-card{display:flex;flex-direction:column;background:var(--white); border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden; transition:border-color .15s, box-shadow .15s;} .setl-card:hover{border-color:var(--teal);box-shadow:var(--sh);} .setl-ph{display:block;aspect-ratio:1/1;background:var(--mint);overflow:hidden;} .setl-ph img{width:100%;height:100%;object-fit:cover;display:block; transition:transform .35s;} .setl-card:hover .setl-ph img{transform:scale(1.03);} .setl-body{padding:16px 17px 17px;display:flex;flex-direction:column;flex:1;} .setl-theme{font-family:var(--display);font-weight:700;font-size:11.5px; letter-spacing:.06em;text-transform:uppercase;color:var(--teal-deep);} .setl-goal{font-family:var(--display);font-weight:800;font-size:18px;line-height:1.2; margin-top:6px;color:var(--ink); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .setl-goal a{color:inherit;} .setl-goal a:hover{color:var(--teal-deep);} .setl-sub{font-size:13px;line-height:1.4;color:var(--ink-55);margin-top:5px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .setl-parts{margin-top:12px;display:flex;flex-direction:column;gap:6px;} .setl-parts li{display:flex;align-items:flex-start;gap:8px;font-size:13px; line-height:1.35;color:var(--ink-70);} .setl-parts li i{width:5px;height:5px;border-radius:99px;background:var(--teal); flex:none;margin-top:6px;} .setl-rest{color:var(--ink-40);padding-left:13px;} .setl-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center; justify-content:space-between;gap:10px;flex-wrap:wrap;} .setl-price{display:flex;align-items:baseline;gap:9px;} .setl-price b{font-family:var(--display);font-weight:800;font-size:20px;color:var(--teal-deep);} .setl-price s{font-size:13.5px;color:var(--ink-40);} .setk-hero{padding:0;overflow:hidden;background:var(--mint);} .setk-hero img{border-radius:inherit;} .setk-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} @media (max-width:760px){ .setk-parts{grid-template-columns:1fr;} } .setk-part{display:flex;align-items:center;gap:14px;padding:14px;background:#fff; border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .15s, box-shadow .15s;} a.setk-part:hover{border-color:var(--teal);box-shadow:var(--sh-sm);} .setk-part--plain{background:var(--mint);border-color:transparent;} .setk-part-ph{width:64px;height:64px;flex:none;border-radius:var(--r-md);background:var(--mint); display:grid;place-items:center;overflow:hidden;color:var(--teal-deep);} .setk-part--plain .setk-part-ph{background:#fff;} .setk-part-ph img{max-width:100%;max-height:100%;object-fit:contain;} .setk-part-txt{display:flex;flex-direction:column;gap:3px;min-width:0;} .setk-part-txt b{font-family:var(--display);font-weight:800;font-size:15px;line-height:1.25;color:var(--ink);} .setk-part-txt i{font-style:normal;font-size:12.5px;color:var(--ink-55);} a.setk-part:hover .setk-part-txt i{color:var(--teal-deep);} .setl-more{display:flex;flex-direction:column;align-items:center;justify-content:center; gap:4px;text-align:center;background:var(--mint);border:1px solid transparent; border-radius:var(--r-lg);padding:24px;color:var(--teal-ink);transition:background .15s;} .setl-more:hover{background:var(--mint-2);} .setl-more b{font-family:var(--display);font-weight:800;font-size:38px;line-height:1;color:var(--teal-deep);} .setl-more span{font-size:14px;color:var(--teal-ink);} .setl-more-go{display:grid;place-items:center;width:38px;height:38px;border-radius:99px; background:#fff;color:var(--teal-deep);margin-top:10px;} @media (max-width:640px){ .setl-more{padding:28px;} .setl-more b{font-size:32px;} } .club-imgs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;} .club-imgs:has(> :only-child){grid-template-columns:1fr;} .bset{border:1.5px solid var(--teal);border-radius:var(--r-lg);overflow:hidden;} .bset-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--mint);} .bset-name{font-family:var(--display);font-weight:800;font-size:13.5px;color:var(--ink);line-height:1.25;} .bset-badge{margin-left:auto;font-family:var(--display);font-weight:800;font-size:11.5px;color:#fff; background:var(--coral-deep);border-radius:var(--pill);padding:3px 8px;white-space:nowrap;} .bset-row{display:flex;gap:10px;align-items:center;padding:8px 12px;} .bset-row + .bset-row{border-top:1px solid var(--line);} .bset-th{width:38px;height:38px;border-radius:10px;background:var(--mint);display:grid;place-items:center;flex:none;} .bset-th img{max-width:100%;max-height:100%;object-fit:contain;} .bset-nm{font-size:12.5px;line-height:1.3;color:var(--ink-70);} .bset-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px; background:var(--paper);border-top:1px solid var(--line);} .bset-price{font-family:var(--display);font-weight:800;font-size:17px;color:var(--teal-deep); font-variant-numeric:tabular-nums;} .bset-old{font-size:12px;color:var(--ink-40);text-decoration:line-through;font-variant-numeric:tabular-nums;} .bset-save{font-size:11.5px;font-weight:700;color:var(--coral-deep);} .footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;} @media (min-width:1024px){ .footer-grid{grid-template-columns:1.4fr 1fr 1.6fr 1fr;} } .flinks:has(> li:nth-child(11)){columns:150px 2;column-gap:24px;} .flinks > li{break-inside:avoid;} .fsoc{width:40px;height:40px;border-radius:var(--pill);display:grid;place-items:center; background:rgba(255,255,255,.08);transition:background-color .15s,color .15s;} .fsoc:hover{background:var(--teal);color:#fff;} .fsoc:focus-visible{outline:2px solid var(--teal);outline-offset:2px;} .brands-bar{display:flex;align-items:center;justify-content:space-between;gap:16px; flex-wrap:wrap;margin-top:26px;} .brands-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px; background:var(--white);border:1px solid var(--line);border-radius:var(--pill); min-width:min(320px,100%);} .brands-search:focus-within{border-color:var(--teal);} .brands-search input{border:0;outline:0;background:transparent;width:100%;font-size:15px;color:var(--ink);} .brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;} @media (min-width:640px){ .brand-grid{grid-template-columns:repeat(3,1fr);} } @media (min-width:1024px){ .brand-grid{grid-template-columns:repeat(5,1fr);gap:18px;} } .brand-card{display:flex;flex-direction:column;align-items:center;gap:6px; padding:18px 14px 16px;background:var(--white);border:1px solid var(--line); border-radius:var(--r-lg);text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s;} a.brand-card:hover{border-color:var(--teal);box-shadow:var(--sh);transform:translateY(-2px);} .brand-logo{--logo-h:92px;display:grid;place-items:center;width:100%;height:var(--logo-h);} .brand-logo img{width:auto;height:auto;max-width:100%;max-height:var(--logo-h);object-fit:contain;} .brand-word{font-family:var(--display);font-weight:800;font-size:17px;color:var(--ink-70);} .brand-name{font-weight:700;font-size:14.5px;color:var(--ink);line-height:1.3;} a.brand-card:hover .brand-name{color:var(--teal-deep);} .logo img{max-height:40px;max-width:200px;width:auto;object-fit:contain;} .logo-mark{display:block;height:21px;width:auto;} .logo-mark--sm{height:18px;} .logo-mark--xs{height:14px;} .logo-mark--lg{height:23px;} .crumbs{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;} .crumbs > *{display:inline-block;} .crumbs > *:not(:last-child)::after{content:'/';margin-left:8px;color:var(--ink-40);} .crumbs > *:last-child{max-width:min(100%,42ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .cat-h1{overflow-wrap:anywhere;word-break:break-word; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .entry-chip{max-width:100%;white-space:normal;text-align:left;line-height:1.2; height:auto;min-height:40px;padding-top:8px;padding-bottom:8px;} .facet-list:not(.all) > .fv-hide{display:none;} .facet-more{font-family:var(--display);font-weight:700;font-size:13px;color:var(--teal-deep); margin-top:10px;} .facet-more:hover{color:var(--teal);} .f-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;} .f-toggle span:not(.box){font-size:14px;font-weight:600;line-height:1.3; display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .list-wrap{position:relative;} #listing{transition:opacity .18s;} .list-wrap.is-busy #listing{opacity:.4;pointer-events:none;} .list-veil{position:absolute;inset:0;z-index:5;display:none;} .list-wrap.is-busy .list-veil{display:block;} .list-spin{position:sticky;top:132px;width:max-content;margin:0 auto; display:flex;align-items:center;gap:10px;padding:10px 17px;border-radius:var(--pill); background:#fff;box-shadow:var(--sh); font-family:var(--display);font-weight:700;font-size:13.5px;color:var(--teal-deep);} .spin{width:17px;height:17px;border-radius:50%;flex:none; border:2.5px solid var(--mint-2);border-top-color:var(--teal);animation:hf-spin .7s linear infinite;} .spin-sm{width:14px;height:14px;border-width:2px;} @keyframes hf-spin{to{transform:rotate(1turn);}} @media (prefers-reduced-motion:reduce){ .spin{animation-duration:2.2s;} } body.is-filtering .facet-list label, body.is-filtering .facet-group summary .cnt, body.is-filtering .facet-more, body.is-filtering .f-toggle, body.is-filtering #price-hint{opacity:.45;transition:opacity .15s;} .load-err{display:flex;align-items:center;gap:12px;flex-wrap:wrap; padding:13px 16px;margin-bottom:16px;border-radius:var(--r-md); background:var(--coral-soft);color:var(--coral-deep); font-family:var(--display);font-weight:700;font-size:14px;} .sk-card{border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-sm);overflow:hidden;} .sk-ph{aspect-ratio:1/1;background:var(--mint);} .sk-line{height:11px;border-radius:6px;background:var(--line);margin:12px 14px 0;} .sk-line.w-60{width:60%;} .sk-line.w-40{width:40%;} .sk-card:last-child{margin-bottom:0;} .sk-card,.sk-ph,.sk-line{animation:hf-pulse 1.3s ease-in-out infinite;} @keyframes hf-pulse{50%{opacity:.55;}} @media (prefers-reduced-motion:reduce){ .sk-card,.sk-ph,.sk-line{animation:none;} } @media (min-width:1024px){ .filter-col{position:sticky;top:112px;max-height:calc(100vh - 128px);overflow-y:auto; padding-right:6px;margin-right:-6px;} .filter-col::-webkit-scrollbar{width:6px;} .filter-col::-webkit-scrollbar-thumb{background:var(--mint-2);border-radius:3px;} } .facet-group > summary{display:flex;align-items:center;justify-content:space-between;gap:8px; cursor:pointer;list-style:none;font-family:var(--display);font-weight:700;font-size:14px;} .facet-group > summary::-webkit-details-marker{display:none;} .facet-group > summary .cvr{transition:transform .18s;flex:none;} .facet-group[open] > summary .cvr{transform:rotate(180deg);} .facet-group > summary .cnt{font-family:var(--body);font-weight:600;font-size:12px;color:var(--ink-40);margin-left:auto;} .fchip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px; border-radius:var(--r-md);background:var(--mint);color:var(--teal-deep); font-family:var(--display);font-weight:700;font-size:14px;line-height:1.25; max-width:100%;text-align:left;} .fchip .txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;overflow-wrap:anywhere;} .sort-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:190px;padding:6px; background:#fff;border:1.5px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh);} .sort-pop button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px; font-family:var(--display);font-weight:700;font-size:14px;color:var(--ink);} .sort-pop button:hover{background:var(--mint);} @media (max-width:639.98px){ .sort-row [data-sort]:not(.on){display:none;} } .sort-cvr{display:grid;place-items:center;width:36px;height:36px;margin-left:-4px; border-radius:var(--pill);color:var(--ink-55);flex:none;} .sort-cvr:hover{background:var(--mint);color:var(--teal-deep);} .sort-cvr .ico{transition:transform .18s;} .sort-cvr[aria-expanded="true"] .ico{transform:rotate(180deg);} @media (min-width:640px){ .sort-pop{display:none;} } .pcard-row .ph-cell{overflow:hidden;background:#fff;border:1px solid var(--line);} .rv-masonry{columns:2;column-gap:20px;} .rv-masonry > *{break-inside:avoid;margin-bottom:20px;} @media (max-width:767.98px){ .rv-masonry{columns:1;column-gap:0;} .rv-masonry > *{margin-bottom:16px;} } .seo-html{overflow-x:auto;} .pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;} .pager-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;} .pager-row .pager{grid-column:2;} .pager-info{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px; font-size:14px;color:var(--ink-55);} .pager-row.solo{grid-template-columns:1fr;} .pager-row.solo .pager-info{grid-column:1;justify-self:center;} @media (max-width:639.98px){ .pager-row{grid-template-columns:1fr;justify-items:center;gap:14px;} .pager-row .pager{grid-column:1;} .pager-info{grid-column:1;justify-self:center;} } .pager .gap{width:24px;text-align:center;color:var(--ink-40);} .land-list{display:flex;flex-wrap:wrap;gap:7px 20px;list-style:none;padding:0;margin:0;} .land-list li{max-width:100%;} .land-list a{font-size:13.5px;line-height:1.45;color:var(--ink-70); overflow-wrap:anywhere;border-bottom:1px solid transparent;} .land-list a:hover{color:var(--teal-deep);border-bottom-color:var(--teal);} .land-list:not(.all) > .ld-hide{display:none;} .pdp-h1{overflow-wrap:anywhere;word-break:break-word;} .pdp-gal{margin-left:auto;margin-right:auto;} @media (max-width:1023.98px){ .pdp-gal{max-width:560px;} } .pdp-thumbs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory; padding-bottom:6px;scrollbar-width:thin;} .pdp-thumbs .pdp-thumb{flex:0 0 64px;width:64px;height:64px;scroll-snap-align:start;} .pdp-thumbs::-webkit-scrollbar{height:6px;} .pdp-thumbs::-webkit-scrollbar-thumb{background:var(--mint-2);border-radius:3px;} .pdp-zoom{position:absolute;right:14px;bottom:14px;width:42px;height:42px; border-radius:var(--pill);display:grid;place-items:center;background:rgba(255,255,255,.9); color:var(--teal-deep);box-shadow:var(--sh-sm);transition:background-color .15s,transform .15s;} .pdp-zoom:hover{background:#fff;transform:scale(1.06);} @media (hover:hover) and (pointer:fine){ #pdp-main{cursor:zoom-in;} } .lb{position:fixed;inset:0;z-index:60;display:grid; grid-template-rows:1fr auto;background:rgba(14,22,20,.94);} .lb.hidden{display:none;} .lb-stage{position:relative;display:grid;place-items:center;padding:56px 16px 8px;min-height:0;} .lb-frame{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--paper); max-width:100%;max-height:100%;} .lb-frame img{display:block;width:100%;height:100%;object-fit:contain; will-change:transform;} .lb-frame.can-zoom{cursor:zoom-in;} .lb-frame.zoomed{cursor:crosshair;} @media (prefers-reduced-motion:reduce){ .lb-frame img{will-change:auto;} } .lb-hint{color:rgba(255,255,255,.42);font-size:12.5px;} .lb-hint[hidden]{display:none;} .lb-x{position:absolute;top:14px;right:14px;color:#fff;background:rgba(255,255,255,.12);} .lb-x:hover{background:rgba(255,255,255,.22);color:#fff;} .lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px; border-radius:var(--pill);display:grid;place-items:center;color:#fff; background:rgba(255,255,255,.12);transition:background-color .15s;} .lb-nav:hover{background:rgba(255,255,255,.24);} .lb-prev{left:12px;} .lb-next{right:12px;} .lb-bar{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 16px 18px;} .lb-count{color:rgba(255,255,255,.6);font-family:var(--display);font-weight:700;font-size:13px;} .lb-thumbs{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding:2px;} .lb-thumbs button{flex:0 0 56px;width:56px;height:56px;border-radius:12px;overflow:hidden; background:var(--paper);border:2px solid transparent;opacity:.55;transition:opacity .15s;} .lb-thumbs button.on{border-color:var(--teal);opacity:1;} .lb-thumbs img{width:100%;height:100%;object-fit:contain;} .lb.single .lb-nav,.lb.single .lb-thumbs,.lb.single .lb-count{display:none;} .lb.single{grid-template-rows:1fr;} .lb.single .lb-bar{display:none;} .lb.single.has-hint .lb-bar{display:flex;} @media (max-width:639.98px){ .lb-stage{padding:52px 10px 4px;} .lb-nav{width:40px;height:40px;} .lb-thumbs button{flex:0 0 46px;width:46px;height:46px;} } .cmp-wrap{overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:150px; border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);} .cmp-head{scroll-snap-align:start;} .cmp-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;text-align:left;} .cmp-table th,.cmp-table td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px;} .cmp-table tr:last-child th,.cmp-table tr:last-child td{border-bottom:0;} .cmp-label,.cmp-corner{position:sticky;left:0;z-index:2;background:var(--paper); border-right:1px solid var(--line);font-family:var(--display);font-weight:700; color:var(--ink-55);width:150px;min-width:150px;font-size:13px;} .cmp-head{position:relative;width:230px;min-width:230px; background:var(--paper);padding:14px 16px 14px;box-shadow:inset 0 -1px 0 var(--line);} .cmp-corner{z-index:4;} @media (min-width:1120px){ .cmp-wrap{overflow:visible;} .cmp-table thead th{position:sticky;top:var(--hdr-stick,96px);z-index:3;} .cmp-table thead .cmp-corner{z-index:4;} } .cmp-table thead th{vertical-align:top;} .cmp-drop{position:absolute;top:6px;right:6px;width:30px;height:30px;color:var(--ink-40);} .cmp-drop:hover{background:var(--coral-soft);color:var(--coral-deep);} .cmp-head-top{display:flex;align-items:center;gap:11px;padding-right:26px;} .cmp-photo{display:grid;place-items:center;flex:none;width:56px;height:56px;padding:5px; background:#fff;border:1px solid var(--line);border-radius:12px;} .cmp-photo img{max-width:100%;max-height:100%;object-fit:contain;} .cmp-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; font-family:var(--display);font-weight:700;font-size:13.5px;line-height:1.3;} .cmp-name:hover{color:var(--teal-deep);} .cmp-head-foot{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-top:11px;} .cmp-head-foot .btn{width:100%;} .cmp-head-price{display:flex;align-items:baseline;gap:7px;} .cmp-head-price .price{font-size:17px;} .cmp-head-price .price-old{font-size:12.5px;} .cmp-sec th{position:sticky;left:0;background:var(--mint);color:var(--teal-deep); font-family:var(--display);font-weight:800;font-size:11.5px;letter-spacing:.06em; text-transform:uppercase;padding:8px 16px;border-bottom:1px solid var(--line);} .d-num{font-family:var(--display);font-weight:800;font-variant-numeric:tabular-nums;} .cmp-row--same td{color:var(--ink-40);} .cmp-row--same .cmp-label{color:var(--ink-40);font-weight:600;} .cmp-row--diff .cmp-label{color:var(--ink);box-shadow:inset 3px 0 0 var(--teal);} .cmp-row--diff td{background:rgb(var(--c-teal) / .035);} .cmp-table--diffonly .cmp-row--diff td{background:transparent;} .cmp-table--diffonly .cmp-row--diff .cmp-label{box-shadow:none;} .cmp-na{color:var(--ink-40);font-size:12.5px;font-style:italic;} .cmp-parts{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:3px;} .cmp-parts li{font-size:13.5px;line-height:1.35;} .cmp-swipe{display:none;align-items:center;gap:7px;} @media (max-width:1119.98px){ .cmp-swipe:not(.hidden){display:flex;} } .cmp-legend{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-55);} .cmp-lg{display:inline-flex;align-items:center;gap:6px;} .cmp-lg::before{content:'';width:11px;height:11px;border-radius:3px;} .cmp-lg--diff::before{background:var(--teal);} .cmp-lg--same::before{background:var(--line);} .cmp-chip{display:inline-block;padding:3px 10px;border-radius:var(--pill); font-family:var(--display);font-weight:700;font-size:12px;} .cmp-same{padding:26px 16px;text-align:center;color:var(--ink-55);} .cmp-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:14px; padding:9px 15px;border-radius:var(--pill);background:var(--mint);font-weight:600;} .cmp-switch .box{border-color:var(--mint-2);} body[data-page="compare"] #cmp-tray{display:none;} #hf-demo{bottom:16px;} .demo-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px; border-radius:var(--pill);background:#fff;color:var(--ink-55);border:1.5px dashed var(--line); font-family:var(--display);font-weight:700;font-size:12.5px;box-shadow:var(--sh-sm);opacity:.85; transition:opacity .15s,color .15s,border-color .15s;} .demo-chip:hover{opacity:1;color:var(--teal-deep);border-color:var(--teal);} .demo-toggle{display:none;} @media (max-width:639.98px){ #cmp-tray{left:12px;right:12px;bottom:12px;transform:none;} #cmp-tray > div{width:100%;} body.has-cmp #fab-dock{bottom:92px;} body.has-cmp #hf-demo{bottom:88px;} .demo-toggle{display:inline-flex;} #hf-demo.is-closed .demo-item{display:none;} } @media (max-width:639.98px){ .cmp-table th,.cmp-table td{padding:11px 12px;font-size:13.5px;} .cmp-label,.cmp-corner{width:112px;min-width:112px;font-size:12.5px;} .cmp-wrap{scroll-padding-left:112px;} .cmp-sec th{padding:7px 12px;} .cmp-head{width:172px;min-width:172px;padding:12px;} .cmp-head-top{gap:8px;padding-right:20px;} .cmp-photo{width:40px;height:40px;padding:3px;border-radius:9px;} .cmp-name{font-size:12.5px;} .cmp-head-foot{margin-top:8px;gap:7px;} .cmp-head-price .price{font-size:15px;} .cmp-head-foot .btn{padding:0 12px;height:34px;} } .spec-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px; padding:6px 12px;border-radius:var(--pill);background:var(--mint);font-size:12px; line-height:1.3;max-width:100%;} .spec-chip .k{color:var(--ink-55);flex:none;} .spec-chip .v{font-family:var(--display);font-weight:700;color:var(--teal-deep); display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;overflow-wrap:anywhere;} .trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} .trust-grid p{overflow-wrap:anywhere;} @media (max-width:479.98px){ .trust-grid{grid-template-columns:1fr;gap:8px;} .trust-grid .card{display:flex;align-items:center;text-align:left;gap:12px;padding:12px 14px;} .trust-grid .card > span{margin:0;flex:none;} .trust-grid .card p{font-size:13px;} } .rte{overflow-x:auto;} .rte > *:first-child{margin-top:0;} .rte p{margin:0 0 1em;} .rte h2,.rte h3,.rte h4{font-family:var(--display);font-weight:700;color:var(--ink); margin:1.6em 0 .5em;line-height:1.25;} .rte h2{font-size:1.25rem;} .rte h3{font-size:1.1rem;} .rte h4{font-size:1rem;} .rte ul,.rte ol{margin:0 0 1em;padding-left:1.4em;} .rte li{margin:.3em 0;} .rte strong,.rte b{color:var(--ink);font-weight:700;} .rte a{color:var(--teal-deep);text-decoration:underline;} .rte img{max-width:100%;height:auto;border-radius:var(--r-md);margin:.5em 0;} .rte table{border-collapse:collapse;margin:0 0 1em;} .rte td,.rte th{border:1px solid var(--line);padding:8px 10px;} .chars-table{width:100%;table-layout:fixed;font-size:14px;} .chars-table td{padding:12px 0;vertical-align:top;overflow-wrap:anywhere; border-bottom:1px solid var(--line);} .chars-table td:first-child{width:42%;padding-right:16px;color:var(--ink-55);} .chars-table td:last-child{font-weight:600;} .rv-text{display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical; overflow:hidden;overflow-wrap:anywhere;} .rv-text.open{display:block;} .pair-row{display:flex;align-items:center;gap:16px;padding:16px 20px;} @media (max-width:559.98px){ .pair-row{display:grid;grid-template-columns:auto 1fr;grid-template-areas: "plus body" "price price" "btn btn";gap:8px 12px;padding:14px 16px;} .pair-row .p-plus{grid-area:plus;align-self:start;margin-top:14px;} .pair-row .p-body{grid-area:body;display:flex;gap:12px;align-items:center;} .pair-row .p-price{grid-area:price;} .pair-row .p-btn{grid-area:btn;width:100%;} } .soft-panel{border-radius:var(--r-lg);box-shadow:var(--sh-sm);} .hidden{display:none !important;} @media (min-width:640px){ .sm\:block{display:block !important;} .sm\:flex{display:flex !important;} .sm\:inline{display:inline !important;} .sm\:inline-flex{display:inline-flex !important;} .sm\:grid{display:grid !important;} } @media (min-width:1024px){ .lg\:block{display:block !important;} .lg\:flex{display:flex !important;} .lg\:inline-flex{display:inline-flex !important;} .lg\:grid{display:grid !important;} } .sg-drop{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;background:#fff;border-radius:var(--r-lg); box-shadow:var(--sh);border:1px solid var(--line);overflow:hidden;max-height:min(70vh,520px);overflow-y:auto;} .sg-head{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase; color:var(--ink-40);padding:12px 16px 6px;} .sg-item{display:flex;align-items:center;gap:12px;padding:9px 16px;width:100%;text-align:left;transition:background .14s;} .sg-item:hover,.sg-item.on{background:var(--mint);} .sg-item .sg-ph{width:44px;height:44px;border-radius:10px;background:var(--mint);padding:4px;display:grid;place-items:center;flex:none;} .sg-item.on .sg-ph{background:#fff;} .sg-all{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px; font-family:var(--display);font-weight:700;font-size:14px;color:var(--teal-deep);background:var(--mint);} .sg-all:hover{background:var(--mint-2);} .mega-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 14px;margin-bottom:16px;border-bottom:1px solid var(--line);} .mega-tab{height:34px;padding:0 15px;border-radius:var(--pill);font-family:var(--display);font-weight:700;font-size:13px; white-space:nowrap;color:var(--ink-55);background:var(--paper);transition:background .16s,color .16s;} .mega-tab:hover{color:var(--ink);} .mega-tab.on{background:var(--teal);color:#fff;} .fo-wrap{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:rgb(var(--c-teal-ink) / .42);} .fo-card{width:100%;max-width:400px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-lg);overflow:hidden; animation:fo-in .28s cubic-bezier(.2,.8,.3,1);} @keyframes fo-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}} .fo-code{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 8px 0 18px;border-radius:var(--pill); background:var(--mint);border:1.5px dashed var(--teal);font-family:var(--display);font-weight:800;font-size:19px; letter-spacing:.08em;color:var(--teal-deep);} .mc-name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;overflow-wrap:anywhere;min-height:2.75em;} .mc-qty{width:50px;text-align:center;border:0;background:transparent;padding:0; font-family:var(--display);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums; color:var(--ink);outline:none;-moz-appearance:textfield;} .mc-qty::-webkit-outer-spin-button,.mc-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;} .mc-qty:focus{border-radius:8px;box-shadow:0 0 0 2px rgb(var(--c-teal) / .4);} .pdp-qty{width:46px;height:100%;text-align:center;border:0;background:transparent;padding:0; font-family:var(--display);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums; color:var(--ink);outline:none;} .pdp-qty:focus{border-radius:8px;box-shadow:0 0 0 2px rgb(var(--c-teal) / .4);} .mc-x{width:26px;height:26px;border-radius:var(--pill);display:grid;place-items:center;flex:none; color:var(--ink-40);transition:background-color .15s,color .15s;} .mc-x:hover{background:var(--coral-soft);color:var(--coral-deep);} .mc-x:focus-visible{outline:2px solid var(--teal);outline-offset:2px;} .brand-clamp{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} #brand-note .prose > :first-child{margin-top:0;} #brand-note .prose > :last-child{margin-bottom:0;} .stock-err{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:7px; color:var(--coral-deep);font-family:var(--display);font-weight:700;font-size:11.5px;line-height:1.3;} .stock-err .ico{width:14px;height:14px;flex:none;} .stock-err span{overflow-wrap:anywhere;} .stock-err button{text-decoration:underline;text-underline-offset:2px;color:var(--teal-deep);} .stock-err button:hover{color:var(--teal);} .mc-qty--bad{border-radius:8px;box-shadow:0 0 0 2px rgb(var(--c-coral) / .5);color:var(--coral-deep);} .stock-warn{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px; padding:10px 12px;border-radius:12px;background:var(--coral-soft);color:var(--coral-deep); font-size:12.5px;font-weight:700;line-height:1.35;} .stock-warn .ico{width:16px;height:16px;flex:none;} .stock-warn > span{flex:1 1 calc(100% - 24px);min-width:0;overflow-wrap:anywhere;} .stock-warn-btn{flex:none;background:var(--coral-deep);color:#fff;border-radius:var(--pill); padding:6px 13px;font-family:var(--display);font-weight:700;font-size:12px;} .stock-warn-btn:hover{background:var(--coral);} .btn-wrap{white-space:normal;height:auto;min-height:50px;padding-top:10px;padding-bottom:10px; line-height:1.25;text-align:center;} .co-tabs{margin-bottom:18px;} .co-signed{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; margin-bottom:18px;padding:12px 16px;border-radius:14px;background:var(--mint);font-size:13.5px;line-height:1.45;} .co-signed > span{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;} .co-signed .ico{width:17px;height:17px;color:var(--teal-deep);flex:none;} .co-signed b{font-family:var(--display);} .ship-notice{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;padding:11px 14px;border-radius:12px; background:var(--sand);color:var(--teal-ink);font-size:13.5px;line-height:1.45;} .ship-notice .ico{width:18px;height:18px;flex:none;margin-top:1px;color:var(--coral-deep);} .co-known{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--mint);font-size:13.5px;line-height:1.5;} .co-known b{font-family:var(--display);} .co-known-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;} .co-or{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.06em; text-transform:uppercase;color:var(--ink-40);} .co-or::before,.co-or::after{content:"";flex:1;height:1px;background:var(--line);} .co-btn{width:100%;} .co-row{display:flex;flex-direction:column;gap:14px;} .co-alt{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:14px;} @media (min-width:640px){ .co-btn{width:auto;min-width:220px;height:48px;} .co-row{flex-direction:row;align-items:flex-start;} .co-row .field{flex:1;} .co-row .co-btn{margin-top:25px;} .co-alt{flex-direction:row;justify-content:flex-start;gap:20px;} } .otp{display:flex;gap:8px;} .otp input{width:100%;min-width:0;height:50px;text-align:center;border-radius:12px;border:1.5px solid var(--line);background:#fff; font-family:var(--display);font-weight:800;font-size:22px;color:var(--ink);} .otp input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgb(var(--c-teal) / .16);} .field.err .otp input{border-color:var(--coral);} .co-timer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--ink-55);} .co-timer .lnk{font-size:13px;} .co-mail-err{margin-top:12px;padding:10px 14px;border-radius:12px;background:var(--coral-soft);color:var(--coral-deep); font-size:13px;font-weight:700;line-height:1.4;} .form-ok{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:var(--r-lg); background:var(--mint);border:1.5px solid var(--teal);} .form-ok .ok-i{width:44px;height:44px;border-radius:var(--pill);background:#fff;color:var(--teal-deep); display:grid;place-items:center;flex:none;} .form-ok .ok-b{min-width:0;} .form-ok .ok-t{font-family:var(--display);font-weight:800;font-size:17px;line-height:1.25;color:var(--ink);} .form-ok .ok-d{font-size:14px;line-height:1.45;color:var(--ink-70);margin-top:5px;overflow-wrap:anywhere;} .form-ok .ok-a{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-family:var(--display); font-weight:700;font-size:13px;color:var(--teal-deep);text-decoration:underline;} .form-err{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:12px; background:var(--coral-soft);color:var(--coral-deep);font-size:13.5px;font-weight:700; line-height:1.35;overflow-wrap:anywhere;} .form-err .ico{width:17px;height:17px;flex:none;margin-top:1px;} .f-err{color:var(--coral-deep);font-size:12px;font-weight:700;margin-top:5px;line-height:1.35; overflow-wrap:anywhere;} .is-err{border-color:var(--coral-deep) !important;} .btn[disabled]{opacity:.6;pointer-events:none;} .hp{position:absolute !important;left:-9999px;width:1px;height:1px;opacity:0; pointer-events:none;} @media (prefers-reduced-motion: reduce){ *{animation:none !important;scroll-behavior:auto;} .pcard:hover,.btn:hover{transform:none;} } .prose{font-size:16.5px;line-height:1.68;color:var(--ink-70);overflow-wrap:break-word;} .prose > :first-child{margin-top:0;} .prose > :last-child{margin-bottom:0;} .prose p{margin:0 0 .95em;} .prose strong,.prose b{color:var(--ink);font-weight:700;} .prose em,.prose i{font-style:italic;} .prose h2,.prose h3,.prose h4{font-family:var(--display);color:var(--ink); font-weight:800;line-height:1.25;text-wrap:balance;} .prose h2{font-size:25px;margin:1.5em 0 .5em;} .prose h3{font-size:20px;margin:1.35em 0 .45em;} .prose h4{font-size:17px;margin:1.2em 0 .4em;} @media (min-width:1024px){ .prose h2{font-size:28px;} .prose h3{font-size:22px;} } .prose ul,.prose ol{margin:0 0 .95em;padding:0;list-style:none;} .prose li{position:relative;padding-left:26px;margin-bottom:.5em;} .prose li:last-child{margin-bottom:0;} .prose ul > li::before{content:'';position:absolute;left:7px;top:.62em;width:7px;height:7px; border-radius:var(--pill);background:var(--teal);} .prose ol{counter-reset:prose-ol;} .prose ol > li{padding-left:32px;counter-increment:prose-ol;} .prose ol > li::before{content:counter(prose-ol) '.';position:absolute;left:0;top:0; font-family:var(--display);font-weight:800;color:var(--teal-deep);font-size:15px;line-height:1.72;} .prose li > ul,.prose li > ol{margin:.5em 0 0;} .prose li > p:last-child{margin-bottom:0;} .prose a{color:var(--teal-deep);font-weight:700;text-decoration:underline; text-underline-offset:2px;text-decoration-thickness:1.5px;} .prose a:hover{color:var(--teal-700);} .prose img{display:block;height:auto;max-width:100%;margin:1.4em 0; border-radius:var(--r-lg);background:var(--paper);} .prose img:not([width]){width:100%;} @media (min-width:900px){ .prose img.f-r,.prose img.f-l{width:44%;max-width:420px;margin-top:.35em;} .prose img.f-r{float:right;margin-left:28px;margin-bottom:18px;} .prose img.f-l{float:left;margin-right:28px;margin-bottom:18px;} } @media (max-width:639.98px){ .prose img[style*="float"]{float:none !important;width:100% !important; margin-left:0 !important;margin-right:0 !important;} } @media (min-width:640px){ .prose img[style*="float: right"],.prose img[style*="float:right"]{margin-left:26px !important;} .prose img[style*="float: left"],.prose img[style*="float:left"]{margin-right:26px !important;} } .prose h2,.prose h3,.prose h4,.prose-scroll,.prose-embed{clear:both;} .prose-scroll{overflow-x:auto;margin:1.6em 0;-webkit-overflow-scrolling:touch;} .prose table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;} .prose th,.prose td{padding:11px 14px;text-align:left;vertical-align:top; border:1px solid var(--line);} .prose thead th,.prose tr:first-child td{background:var(--mint);color:var(--ink); font-family:var(--display);font-weight:800;} .prose tbody tr:nth-child(even) td{background:var(--paper);} .prose-embed{position:relative;margin:1.6em 0;padding-top:56.25%;border-radius:var(--r-lg); overflow:hidden;background:var(--ink);} .prose-embed > iframe{position:absolute;inset:0;width:100%;height:100%;border:0;} .prose details{border:1px solid var(--line);border-radius:var(--r-md);padding:0 16px;margin:1.4em 0; background:var(--white);} .prose summary{cursor:pointer;padding:14px 0;font-family:var(--display);font-weight:700; color:var(--ink);list-style:none;} .prose summary::-webkit-details-marker{display:none;} .prose details[open] summary{border-bottom:1px solid var(--line);margin-bottom:12px;} .prose details > :last-child{margin-bottom:14px;} .prose hr{border:0;border-top:1px solid var(--line);margin:2em 0;} .terms{max-width:none;} .terms h3{display:flex;align-items:center;gap:11px;font-size:18px;margin:0 0 .6em;} .terms hr + h3{margin-top:0;} .terms-ico{flex:none;display:grid;place-items:center;width:32px;height:32px; border-radius:var(--pill);background:var(--mint);color:var(--teal-deep);} .terms-note{display:flex;align-items:flex-start;gap:8px;margin-top:7px; padding:9px 12px;border-radius:var(--r-md);background:var(--sand); font-size:13.5px;line-height:1.45;color:var(--ink);} .terms-note .ico{width:17px;height:17px;flex:none;margin-top:1px;color:var(--coral-deep);} .terms .terms-tels{display:flex;gap:14px;flex-wrap:wrap;margin:.9em 0 .5em;} .terms .terms-tels a{font-family:var(--display);font-weight:800;font-size:19px; color:var(--teal-deep);text-decoration:none;white-space:nowrap;} .terms .terms-tels a:hover{color:var(--teal);} .terms .terms-hours{color:var(--ink-55);font-size:14px;line-height:1.6;} .prose-seo{font-size:15.5px;line-height:1.65;max-width:900px;} .prose-seo h2{font-size:21px;margin:1.4em 0 .45em;} .prose-seo h3{font-size:18px;margin:1.2em 0 .4em;} .prose-seo h4{font-size:16px;} @media (min-width:1024px){ .prose-seo h2{font-size:23px;} .prose-seo h3{font-size:19px;} } .prose-seo img{margin:1.2em 0;} @media (min-width:900px){ .prose-seo img.f-r,.prose-seo img.f-l{width:38%;max-width:320px;} } .prose a.lnk-out::after{content:'↗';font-size:.85em;margin-left:2px;opacity:.7;} .art-col{max-width:920px;} .art-cover{width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:var(--r-lg);background:var(--mint);} @media (max-width:640px){ .art-cover{aspect-ratio:16/9;} } .acard{display:flex;flex-direction:column;height:100%;overflow:hidden;} .acard-img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover;background:var(--mint); transition:transform .3s;} .acard:hover .acard-img{transform:scale(1.04);} .acard-t{font-family:var(--display);font-weight:800;font-size:16.5px;line-height:1.3;color:var(--ink); display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .acard:hover .acard-t{color:var(--teal-deep);} .acard-x{font-size:14px;line-height:1.5;color:var(--ink-70);margin-top:8px; display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .blog-grid{display:grid;gap:20px;grid-template-columns:1fr;} @media (min-width:640px){ .blog-grid{grid-template-columns:repeat(2,1fr);} } @media (min-width:1024px){ .blog-grid{grid-template-columns:repeat(3,1fr);} } .art-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13.5px; color:var(--ink-40);font-weight:700;font-family:var(--display);} .art-meta .ico{width:16px;height:16px;} .art-meta > span{display:inline-flex;align-items:center;gap:6px;} .redo-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md); background:var(--sand);color:var(--ink);font-size:13.5px;line-height:1.45;font-weight:600;} .redo-note .ico{width:18px;height:18px;flex:none;margin-top:1px;color:var(--coral-deep);} .ct-cards{display:grid;gap:16px;grid-template-columns:1fr;} .ct-two{display:grid;gap:16px;grid-template-columns:1fr;} @media (min-width:768px){ .ct-cards{grid-template-columns:repeat(3,1fr);} .ct-two{grid-template-columns:1fr 1fr;} } .ct-card{padding:16px;} @media (min-width:640px){ .ct-card{padding:22px;} } @media (min-width:1024px){ .ct-card{padding:26px;} } .ct-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--pill); background:var(--mint);color:var(--teal-deep);} @media (min-width:640px){ .ct-ico{width:42px;height:42px;} } .ct-ico--sm{width:34px;height:34px;flex:none;} .ct-ico--ok{margin:0 auto;background:var(--mint);color:var(--teal-deep);} .ct-tel{font-family:var(--display);font-weight:800;font-size:19px;color:var(--teal-deep); letter-spacing:-.01em;white-space:nowrap;} .ct-tel:hover{color:var(--teal);} .ct-mail{font-family:var(--display);font-weight:700;color:var(--teal-deep);overflow-wrap:anywhere;} .ct-mail:hover{color:var(--teal);} .ct-msg{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 15px; border-radius:var(--pill);border:1.5px solid var(--line);font-weight:600;font-size:14px; transition:border-color .15s,background-color .15s;} .ct-msg:hover{border-color:var(--teal);background:var(--mint);} .ct-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-start;} .ct-days{display:flex;flex-direction:column;gap:2px;} .ct-day{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);} .ct-day:last-child{border-bottom:0;} .ct-day span{color:var(--ink-55);font-size:14px;} .ct-day b{margin-left:auto;font-family:var(--display);font-weight:700;} .ct-tabs{display:flex;gap:6px;padding:4px;border-radius:var(--pill);background:var(--mint);} .ct-tab{flex:1;height:38px;border-radius:var(--pill);font-family:var(--display);font-weight:700; font-size:13.5px;color:var(--ink-55);transition:background-color .15s,color .15s;} .ct-tab.on{background:#fff;color:var(--teal-deep);box-shadow:var(--sh-sm);} .ct-faq{display:flex;flex-direction:column;} .ct-faq-i{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);} .ct-faq-i:last-child{border-bottom:0;} .ct-faq-i:hover{color:var(--teal-deep);} .ct-faq-i > span:not(.ct-ico){flex:1;} .ct-b2b{background:var(--mint);border-color:transparent; display:flex;flex-direction:column;justify-content:center;align-items:flex-start;} .fsoc--light{background:var(--mint);color:var(--teal-deep);} .field textarea.input{height:auto;padding:12px 16px;line-height:1.45;resize:vertical;} .field select.input{appearance:none;cursor:pointer;padding-right:40px;} .rel-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);} @media (min-width:640px){ .rel-grid{grid-template-columns:repeat(3,1fr);} } @media (min-width:1024px){ .rel-grid{grid-template-columns:repeat(4,1fr);} } .rel-card{display:flex;flex-direction:column;height:100%;padding:14px;} .rel-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--mint); border-radius:var(--r-md);padding:8px;} .rel-name{font-size:13.5px;line-height:1.35;font-weight:600;margin-top:10px; display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} a.rel-card:hover .rel-name{color:var(--teal-deep);} .rel-price{font-family:var(--display);font-weight:800;font-size:16px;color:var(--teal-deep); margin-top:auto;padding-top:10px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;} .rel-old{font-family:var(--body);font-weight:600;font-size:13px;color:var(--ink-40); text-decoration:line-through;} .rel-card.off{cursor:default;} .rel-card.off .rel-name{color:var(--ink-70);} .sg-fix{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px;padding:10px 12px; border-radius:var(--r-md);background:var(--sand);border:1px solid var(--sand-2);} .sg-fix.typo{background:var(--coral-soft);border-color:rgb(var(--c-coral) / .3);} .sg-fix.kept{background:var(--mint);border-color:var(--mint-2);} .sg-fix .sg-ico{width:18px;height:18px;color:var(--teal-deep);flex:none;} .sg-fix.typo .sg-ico{color:var(--coral-deep);} .sg-fix-txt{flex:1;min-width:180px;font-size:12.5px;line-height:1.35;color:var(--ink-70);} .sg-fix-txt b{color:var(--ink);font-weight:800;} .sg-fix-btn{flex:none;height:30px;padding:0 12px;border-radius:var(--pill);background:#fff; border:1.5px solid var(--line);font-family:var(--display);font-weight:700;font-size:12px;color:var(--teal-deep);} .sg-fix-btn:hover{border-color:var(--teal);} .sg-item.sg-sug,.sg-item.sg-hist{padding-top:8px;padding-bottom:8px;} .sg-ico{width:17px;height:17px;color:var(--ink-40);flex:none;} .sg-hit{color:var(--teal-deep);font-weight:800;} .sg-row{display:flex;align-items:center;} .sg-row .sg-item{flex:1;min-width:0;} .sg-row:hover{background:var(--mint);} .sg-x{width:34px;height:34px;margin-right:10px;border-radius:50%;display:grid;place-items:center; color:var(--ink-40);flex:none;} .sg-x:hover{background:#fff;color:var(--coral-deep);} .sg-head-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;} .sg-clear{font-family:var(--body);font-weight:700;font-size:11px;text-transform:none;letter-spacing:0;color:var(--coral-deep);} .sg-chips{display:flex;flex-wrap:wrap;gap:7px;padding:4px 16px 14px;} .sg-chip{height:31px;padding:0 13px;border-radius:var(--pill);background:var(--mint); font-family:var(--display);font-weight:700;font-size:12.5px;color:var(--teal-deep);} .sg-chip:hover{background:var(--mint-2);} @media (max-width:1023.98px){ .rvh .rvh-head{text-align:left;} } @media (min-width:640px) and (max-width:1023.98px){ .rvh > button{justify-self:start;} } @media (max-width:639.98px){ .card.rvh{padding:18px;gap:16px;} .rvh .rvh-title{font-size:25px;} .rvh .rvh-sum{gap:16px;} .rvh .rvh-num{font-size:40px;} .rvh .rvh-bars{max-width:none;min-width:0;} } .pb-long{display:none;} @media (min-width:1024px){ .pb-long{display:inline;} .pb-short{display:none;} } .pb-cd{display:none;} @media (min-width:1024px){ .pb-cd{display:inline;} } .btile{flex:none;display:grid;place-items:center;width:134px;height:56px; background:#fff;border-radius:14px;} .blogo{width:auto;height:auto;max-width:100px;max-height:32px;object-fit:contain; filter:grayscale(1);opacity:.8;transition:opacity .25s,filter .25s;} .blogo.sq{max-width:44px;max-height:44px;} .btile:hover .blogo{opacity:1;filter:none;} .marquee{gap:14px;} .marquee-wrap{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 44px,#000 calc(100% - 44px),transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 44px,#000 calc(100% - 44px),transparent 100%);} .brands-head .lnk{white-space:nowrap;} @media (max-width:639.98px){ #brands{padding-top:30px;padding-bottom:30px;} .brands-head{align-items:center;margin-bottom:18px;} .brands-head h2{font-size:15px;line-height:1.3;} .marquee{gap:10px;animation-duration:32s;} .btile{width:104px;height:46px;border-radius:12px;} .blogo{max-width:78px;max-height:26px;} .blogo.sq{max-width:34px;max-height:34px;} .marquee-wrap{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);} } @media (min-width:640px){ .sort-row{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;} .sort-row::-webkit-scrollbar{display:none;} } @media (max-width:639.98px){ .rev-home{gap:26px;} .rev-home blockquote{font-size:21px;} } .stat3 > *{display:flex;flex-direction:column;justify-content:center;} .stat3 p:last-child{line-height:1.25;text-wrap:balance;} @media (max-width:639.98px){ .stat3{gap:10px;} .stat3 > *{padding:12px 8px;} .stat3 p:first-child{font-size:22px;} } .succ-num{display:inline-flex;align-items:center;gap:6px; padding:8px 8px 8px 18px;border-radius:var(--pill);background:var(--mint); color:var(--teal-ink);font-family:var(--display);font-weight:800; font-size:17px;font-variant-numeric:tabular-nums;} .succ-num button{display:grid;place-items:center;width:30px;height:30px;flex:none; border:0;border-radius:50%;background:transparent;color:var(--teal-deep);cursor:pointer; transition:background .15s;} .succ-num button:hover{background:rgb(var(--c-teal) / .18);} .succ-num button .ico{width:16px;height:16px;} .req-list{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;} .req-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k c" "v c"; align-items:center;column-gap:12px;padding:11px 14px;background:#fff;transition:background .15s;} .req-row + .req-row{border-top:1px solid var(--line);} .req-row:hover{background:var(--mint);} .req-k{grid-area:k;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-55);} .req-v{grid-area:v;margin-top:2px;font-family:var(--display);font-weight:700;font-size:15px;line-height:1.3; color:var(--ink);overflow-wrap:anywhere;} .req-v.tnum{letter-spacing:.03em;} .req-copy{grid-area:c;display:grid;place-items:center;width:38px;height:38px;flex:none; border:1.5px solid var(--line);border-radius:var(--r-sm);background:#fff;color:var(--teal-deep); cursor:pointer;transition:border-color .15s,color .15s;} .req-copy:hover{border-color:var(--teal);color:var(--teal);} .req-copy .ico{width:17px;height:17px;} .req-warn{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:11px 13px; border-radius:var(--r-md);background:var(--sand);color:var(--teal-ink);font-size:13.5px;line-height:1.45;} .req-warn .ico{width:18px;height:18px;flex:none;margin-top:2px;color:var(--coral-deep);} .req-warn b{font-family:var(--display);} #co-succ-bank + .card{margin-top:16px;} .succ-sum{display:flex;align-items:baseline;justify-content:space-between;gap:14px; padding:7px 0;font-size:14px;} .succ-sum.tot{padding-top:12px;margin-top:5px;border-top:1px solid var(--line); font-size:16px;} .succ-sum.tot .v{font-family:var(--display);font-weight:800;font-size:20px;color:var(--teal-deep);} .succ-sum .v{font-variant-numeric:tabular-nums;font-weight:700;} :root{ --bnav-h:60px; --bnav-safe:env(safe-area-inset-bottom,0px); } .bnav{position:fixed;left:0;right:0;bottom:0;z-index:46;display:none; background:rgb(var(--c-white) / .96); -webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25); border-top:1px solid var(--line); box-shadow:0 -10px 26px -20px rgb(var(--c-teal-ink) / .5); padding-bottom:var(--bnav-safe); transition:transform .26s cubic-bezier(.4,0,.2,1);} .bnav-row{display:flex;align-items:stretch;height:var(--bnav-h);} .bnav-tab{flex:1 1 0;min-width:0;position:relative; display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px; font-family:var(--display);font-weight:700;font-size:10.5px;line-height:1; color:var(--ink-55);text-align:center;padding:0 2px; -webkit-tap-highlight-color:transparent;transition:color .15s;} .bnav-tab .ico{width:23px;height:23px;stroke-width:1.7;transition:stroke-width .15s;} .bnav-tab:active,.bnav-tab.active{color:var(--teal-deep);} .bnav-tab.active .ico{stroke-width:2.15;} .bnav-tab > span:not(.bnav-ic){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .bnav-ic{position:relative;display:grid;place-items:center;width:44px;height:26px;max-width:100%;} .bnav-tab.active .bnav-ic::before{content:"";position:absolute;inset:0; border-radius:var(--pill);background:var(--mint-2);} .bnav-ic .ico{position:relative;} .bnav-dot{position:absolute;z-index:1;top:-6px;left:26px; min-width:17px;height:17px;padding:0 4px;border-radius:var(--pill); background:var(--coral);color:#fff;font-family:var(--display);font-weight:800; font-size:10.5px;line-height:1;display:grid;place-items:center; box-shadow:0 0 0 2px rgb(var(--c-white) / .96);} .bnav-cta{flex:0 0 auto;width:64px;display:flex;align-items:flex-start;justify-content:center;} .bnav-cta button{position:relative;width:58px;height:58px;margin-top:-24px; border-radius:var(--pill);background:var(--teal);color:#fff;display:grid;place-items:center; box-shadow:0 0 0 5px rgb(var(--c-white) / .96), var(--sh); transition:background-color .16s,transform .16s;} .bnav-cta button:hover{background:var(--teal-deep);} .bnav-cta button:active{transform:scale(.94);} .bnav-cta .ico{width:26px;height:26px;stroke-width:1.9;} .bnav-cta .bnav-dot{top:-4px;left:34px;box-shadow:0 0 0 2px var(--teal);} .bnav-cta em{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%); font-family:var(--display);font-style:normal;font-weight:700;font-size:10.5px; color:var(--teal-deep);white-space:nowrap;} .bnav-ov{position:fixed;inset:0;z-index:54;background:rgb(var(--c-teal-ink) / .38); opacity:0;pointer-events:none;transition:opacity .2s;} .bnav-sheet{position:fixed;left:0;right:0;bottom:0;z-index:55;visibility:hidden; background:var(--paper);border-radius:var(--r-lg) var(--r-lg) 0 0; padding:10px 18px calc(20px + var(--bnav-safe)); transform:translateY(102%);box-shadow:var(--sh-lg); transition:transform .26s cubic-bezier(.4,0,.2,1),visibility .26s;} body.bnav-sheet-on .bnav-ov{opacity:1;pointer-events:auto;} body.bnav-sheet-on .bnav-sheet{transform:translateY(0);visibility:visible;} .bnav-grab{width:42px;height:4px;border-radius:var(--pill);background:var(--line);margin:0 auto 14px;} .bnav-sheet h3{font-family:var(--display);font-weight:800;font-size:17px;margin:0 0 3px;} .bnav-sheet p{margin:0 0 14px;font-size:13px;color:var(--ink-55);} .bnav-sheet a, .bnav-sheet button{display:flex;align-items:center;gap:12px;height:54px;padding:0 16px; width:100%;border-radius:var(--r-md);background:#fff;margin-bottom:8px; font-family:var(--display);font-weight:700;font-size:15px;color:var(--teal-ink); box-shadow:var(--sh-sm);} .bnav-sheet a .ico, .bnav-sheet button .ico{color:var(--teal);width:21px;height:21px;} .bnav-sheet a small, .bnav-sheet button small{margin-left:auto;font-family:var(--body);font-weight:400;font-size:12px;color:var(--ink-40);} @media (max-width:767.98px){ body.has-bnav .bnav{display:block;} body.has-bnav{padding-bottom:calc(var(--bnav-h) + var(--bnav-safe));} body.has-bnav header .iconbtn[title="Кошик"]{display:none;} body.has-bnav #fab-dock{display:none;} body.has-bnav #hf-demo, body.has-bnav #cmp-tray{bottom:calc(var(--bnav-h) + var(--bnav-safe) + 12px);} body.has-bnav.has-cmp #hf-demo{bottom:calc(var(--bnav-h) + var(--bnav-safe) + 80px);} body.bnav-tuck .bnav{transform:translateY(calc(100% + 30px));} } body[data-page="checkout"] .bnav{display:none;} @media (max-width:767.98px){ body[data-page="checkout"].has-bnav{padding-bottom:0;} } @media (prefers-reduced-motion:reduce){ .bnav,.bnav-sheet,.bnav-ov,.bnav-cta button{transition:none;} } .nf-hero{max-width:640px;margin:0 auto;text-align:center;padding:8px 0 4px;} .nf-num{display:flex;align-items:center;justify-content:center;gap:.06em; font-family:var(--display);font-weight:800;line-height:1; font-size:clamp(76px,17vw,126px);color:var(--teal-ink);letter-spacing:-.03em;} .nf-cap{position:relative;display:block;width:.56em;height:.94em;border-radius:var(--pill); transform:rotate(-14deg);overflow:hidden; background:linear-gradient(180deg,var(--mint-2) 0 50%,var(--teal) 50% 100%); box-shadow:inset 0 0 0 1px rgb(var(--c-teal-ink) / .12);} .nf-cap::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px; transform:translateY(-1px);background:rgb(var(--c-white) / .75);} .nf-cap::before{content:"";position:absolute;left:16%;top:12%;bottom:12%;width:11%; border-radius:var(--pill);background:rgb(var(--c-white) / .5);} .nf-h1{font-size:clamp(26px,5.4vw,36px);margin:14px 0 0;text-wrap:balance;} .nf-lead{margin:10px auto 0;max-width:44ch;color:var(--ink-70);font-size:15.5px;text-wrap:balance;} .nf-url{margin:14px auto 0;max-width:100%;padding:9px 14px;border-radius:var(--r-sm); background:var(--sand);color:var(--ink-55);font-size:13px;display:inline-block;} .nf-url-v{font-family:var(--display);color:var(--ink);word-break:break-all;} .nf-sec{margin-top:44px;} .nf-h2{font-family:var(--display);font-weight:800;font-size:19px;margin:0 0 14px;} .nf-h2-sub{margin:-9px 0 14px;font-size:13.5px;color:var(--ink-55);} .nf-tile{display:flex;flex-direction:column;align-items:center;justify-content:center; gap:9px;min-height:96px;padding:14px 10px;text-align:center; background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-sm); font-family:var(--display);font-weight:700;font-size:13.5px;color:var(--teal-ink); transition:transform .18s,box-shadow .18s,color .18s;} .nf-tile:hover{transform:translateY(-2px);box-shadow:var(--sh);color:var(--teal-deep);} .nf-tile .ico{width:24px;height:24px;color:var(--teal);} .nf-help{display:flex;flex-wrap:wrap;align-items:center;gap:18px; padding:22px;border-radius:var(--r-lg);background:var(--mint);} .nf-help-txt{flex:1 1 260px;min-width:0;} .nf-help-act{display:flex;flex-wrap:wrap;gap:10px;} @media (max-width:479.98px){ .nf-help-act .btn{width:100%;} } #bwc-widget-action, #bwc-chat-cloud-message, #bwc-chat-omnichannel{display:none !important;} .bn-item{display:block;border-radius:var(--r-lg);overflow:hidden;background:var(--paper);} .bn-item img{display:block;width:100%;height:auto;} @media (hover:hover){ .bn-item{transition:opacity .15s;} .bn-item:hover{opacity:.93;} } .bnd-a .bnd-view{overflow:hidden;border-radius:var(--r-lg);touch-action:pan-y;} .bnd-a .bnd-track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1);} .bnd-a .bnd-track > *{flex:0 0 100%;min-width:0;} @media (prefers-reduced-motion:reduce){ .bnd-a .bnd-track{transition:none;} } .bnd-ctl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;} .bnd-dots{display:flex;gap:7px;} .bnd-dots button{width:8px;height:8px;border-radius:50%;background:var(--line); transition:width .2s,background .2s;} .bnd-dots button.on{width:22px;border-radius:var(--pill);background:var(--teal);} .bnd-nav{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:#fff; display:grid;place-items:center;color:var(--ink);flex:none; transition:border-color .15s,color .15s;} .bnd-nav:hover{border-color:var(--teal);color:var(--teal-deep);} .bnd-nav:focus-visible{outline:2px solid var(--teal);outline-offset:2px;} .bnd-prev .ico{transform:rotate(180deg);} @media (max-width:639.98px){ .bnd-nav{display:none;} .bnd-desktop{display:none;} } @media (min-width:640px){ .bnd-mobile{display:none;} } .hrs{--hrs-h:540px;position:relative; background:radial-gradient(58% 48% at 52% 42%, rgb(var(--c-teal) / .2), transparent 70%); background-size:124% 124%;background-position:center;background-repeat:no-repeat;} .hrs-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px; height:var(--hrs-h);overflow:hidden; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);} .hrs-rail{display:grid;gap:14px;align-content:start;will-change:transform;} .hrp{position:relative;display:block;border-radius:var(--r-lg);background:#fff; box-shadow:var(--sh-sm);padding:13px;text-align:left;color:inherit; transition:transform .2s,box-shadow .2s;} @media (hover:hover){ .hrp:hover{transform:translateY(-3px);box-shadow:var(--sh);} } .hrp:focus-visible{outline:3px solid var(--teal);outline-offset:3px;} .hrp-ph{display:grid;place-items:center;aspect-ratio:1/1;} .hrp-ph img{max-width:100%;max-height:100%;object-fit:contain;display:block;} .hrp-meta{display:block;margin-top:9px;} .hrp-name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden; font-family:var(--display);font-weight:700;font-size:12.5px;line-height:1.3;} .hrp-price{display:flex;align-items:baseline;gap:6px;margin-top:4px; font-family:var(--display);font-weight:800;font-size:14.5px;} .hrp-price s{font-weight:600;font-size:12px;color:var(--ink-40);} .hrp-disc{position:absolute;top:9px;right:9px;z-index:2;background:var(--coral);color:#fff; border-radius:var(--pill);padding:3px 9px;font-family:var(--display);font-weight:800;font-size:11px;} .hrp.t1{background:var(--mint);} .hrp.t2{background:var(--sand);} .hrp.t3{background:var(--coral-soft);} .hrs-rate{display:inline-flex;align-items:center;gap:8px;margin-top:14px; padding:7px 13px;border-radius:var(--pill);background:#fff;box-shadow:var(--sh-sm); font-size:12.5px;color:var(--ink-55);} .hrs-rate b{font-family:var(--display);font-weight:800;font-size:13px;color:var(--ink);} .hrs-rate .hrs-stars{display:flex;color:var(--coral);} @media (max-width:767.98px){ .hrs{--hrs-h:380px;} .hrs-cols{gap:11px;} .hrs-rail{gap:11px;} .hrp{padding:10px;} .hrp-name{font-size:11.5px;} .hrs-rate{margin-top:11px;} } @media (prefers-reduced-motion:reduce){ .hrp{transition:none;} .hrs-rail{transform:none !important;} }