:root{--paper:#f6f9ff;--ink:#102952;--muted:#5e7494;--line:#d7e3f3;--lime:#4eb9ff;--soft:#eaf3ff;--ice:#a2eaff;--teal:#5ae3de}
::selection{background:#9ae9ff;color:#0a244b}body{background:#f6f9ff}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-color:#2782e7}.topline{background:#06152f;color:#d7e7ff}.topline b{color:#53d7df}.topline span:last-child{color:#9cb3d4}.header{background:#f4f8fff0;border-color:#d8e4f4;box-shadow:0 5px 30px #173d6810}.brand-name{color:#123a79}.brand-divider{color:#2b86d5}.brand-dot{color:#57b7e4}.nav a:hover{color:#226dd1}.button{border-radius:30px;position:relative;overflow:hidden}.button-dark{background:linear-gradient(120deg,#1252b8,#146be5);box-shadow:0 5px 16px #1c65b820;color:#fff}.button-dark:hover{background:linear-gradient(120deg,#1262cd,#2983ed)}.button-lime{background:linear-gradient(115deg,#278bff,#1760df);color:white;border:1px solid #6baeff;box-shadow:0 9px 36px #0066ff38}.button-lime:hover{background:linear-gradient(115deg,#4da8ff,#2675f1)}.button::after{content:"";position:absolute;inset:-100% -100%;background:linear-gradient(110deg,transparent 42%,#ffffff42 49%,transparent 56%);transform:translateX(-60%);pointer-events:none}.button:hover::after,.button:focus-visible::after{animation:button-shine .8s ease forwards}@keyframes button-shine{to{transform:translateX(60%)}}.button-outline{border-color:#adc4e5;color:#18447b;background:#fff}.button-outline:hover{background:#e6f2ff}.header-app{box-shadow:none}.skip-link{background:#c4ecff}
.hero.container{width:100%;max-width:none;padding:60px max(48px,calc((100% - 1360px)/2)) 46px;gap:24px;grid-template-columns:1fr 1.05fr;min-height:675px;background:radial-gradient(ellipse at 83% 28%,#1874b744,transparent 43%),radial-gradient(ellipse at 75% 90%,#2773ce35,transparent 50%),linear-gradient(120deg,#06162f,#0d2855 60%,#103971);position:relative;isolation:isolate;color:#f5f9ff;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(115deg,transparent 48%,#66c6ed35 49%,transparent 51%),linear-gradient(70deg,transparent 66%,#a9d6ff15 67%,transparent 69%);pointer-events:none}.hero::after{content:"";position:absolute;width:800px;height:100px;right:-260px;bottom:50px;border-top:1px solid #a9daff30;border-radius:50%;transform:rotate(-30deg);pointer-events:none}.hero-copy{padding-top:10px;position:relative;z-index:3}.hero .eyebrow{color:#accee9;font-size:10px;letter-spacing:2px}.live-dot{width:6px;height:6px;background:#63dcf7;border-radius:50%;box-shadow:0 0 15px #42e6ff;display:inline-block;margin-right:2px}.hero h1{font-size:clamp(68px,6.75vw,104px);font-weight:900;letter-spacing:-5.5px;line-height:.96;margin:36px 0 25px;white-space:nowrap;color:#f4f9ff}.ice-text{color:#9dcdfc;background:linear-gradient(125deg,#ecf8ff 2%,#85d5ff 42%,#4e9be5 80%,#a6e9f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{color:#bbd0e9;font-size:14px;line-height:1.7;max-width:360px;margin-bottom:26px}.hero-cta{min-height:52px;font-size:12px;min-width:230px}.hero-bottom{display:flex;gap:18px;align-items:center;margin-top:34px;color:#9ab8d8;font-size:10px}.hero-bottom strong{font-size:28px;color:#e7f4ff;letter-spacing:-1.4px;font-weight:500;line-height:1}.hero-bottom b{color:#c4d8ee;font-weight:400}.hero-art{background:none;isolation:isolate;overflow:visible;border-radius:0;min-height:560px}.hero-can{position:absolute;overflow:hidden;filter:drop-shadow(12px 28px 14px #0006);transform:rotate(var(--tilt));animation:can-float 7s ease-in-out infinite;transform-origin:center;max-width:none}.can-left{--tilt:-18deg;height:300px;width:127px;left:12px;top:194px;z-index:2;animation-delay:-1.8s}.can-right{--tilt:17deg;height:310px;width:120px;right:8px;top:30px;z-index:1;animation-delay:-4.2s}.can-main{--tilt:12deg;height:445px;width:188px;left:35%;top:60px;z-index:3;animation-duration:8.5s}.hero-art .orbit{width:560px;height:300px;top:160px;left:-35px;border-color:#a4d8ff23;transform:rotate(-30deg);box-shadow:0 0 60px #48a5ff10,inset 0 0 24px #4ab7ff10}.hero-art .orbit-two{width:440px;height:540px;top:5px;left:50px;border-color:#8dd6ff25;transform:rotate(45deg)}.chrome-ring{position:absolute;width:480px;height:300px;left:-10px;top:155px;border:13px solid transparent;border-top-color:#c5e2ff72;border-right-color:#51bce644;border-bottom-color:#b1def64d;border-radius:50%;transform:rotate(-39deg);z-index:-1;box-shadow:inset 2px 2px 4px #e2faff28,0 0 50px #32c6ff12}.ice-cube{position:absolute;width:83px;height:83px;z-index:2;border-radius:17px;border:1px solid #c7edff73;background:linear-gradient(125deg,#e7faff38,#ffffff05 45%,#4cbbc32b);box-shadow:inset 3px 3px 10px #d0eeff28,inset -7px -7px 14px #003b9030,0 10px 20px #020c2820;backdrop-filter:blur(3px);transform:rotate(-23deg)}.ice-cube::before{content:"";position:absolute;inset:8px;border-radius:11px;border-top:1px solid #e3fcff66;border-left:1px solid #daedff55}.ice-cube-one{left:-6px;top:62px;width:55px;height:55px;transform:rotate(-22deg)}.ice-cube-two{right:-5px;bottom:70px;transform:rotate(20deg);opacity:.65;z-index:-1}.ice-cube-three{left:80px;bottom:0;width:65px;height:65px;transform:rotate(34deg);opacity:.75}.hero-art .art-word{font-size:94px;color:transparent;-webkit-text-stroke:1px #b9dfff19;left:-45px;bottom:28px;transform:rotate(0);letter-spacing:4px;z-index:-2}.hero-art .art-label{right:-12px;top:auto;bottom:49px;width:200px;min-height:116px;padding:18px 22px;display:flex;gap:9px;transform:none;background:linear-gradient(115deg,#c8ecff20,#5c95da10);backdrop-filter:blur(18px);border:1px solid #b9e5ff42;border-radius:18px;color:#ecf8ff;box-shadow:inset 1px 1px 0 #ffffff24,0 15px 40px #030e2c1a;z-index:5}.hero-art .art-label>span:first-child{font-size:8px;letter-spacing:1.2px;color:#a1d6ef}.hero-art .art-label strong{font-size:19px;font-weight:500;letter-spacing:-.4px;line-height:1.2;padding:0}.hero-art .art-label>span:last-child{font-size:23px;top:auto;bottom:14px;right:15px}.hero-art .art-bottom{bottom:-15px;left:4px;right:0;align-items:center;color:#8fb6d7;z-index:5}.hero-art .art-bottom>span:first-child{font-size:8px;font-weight:400;letter-spacing:1.6px}.hero-art .art-bottom button{width:32px;height:32px;border:1px solid #9dc5ef4d;border-radius:50%;background:#ffffff07;color:#c5eaff;font-size:12px}.hero-art .art-bottom button:hover{background:#ffffff20}.world-strip{background:linear-gradient(105deg,#d5eaff,#a9d3f6 44%,#a6e5ed 75%,#e3f6ff);border-color:#c6e3ff;color:#123963;box-shadow:0 -1px 0 #e8f9ff inset}.world-strip>div{height:55px;font-size:12px;letter-spacing:1.2px}.world-strip i{color:#3874a4;font-size:23px}
.catalog{padding-top:75px}.section-heading .eyebrow{color:#3978ae;font-size:9px;letter-spacing:1.8px}.section-heading h2{font-size:54px;color:#0d2855;letter-spacing:-2.7px;line-height:1.02}.section-heading h2 span{color:#3684c3}.section-heading>p{color:#6c829e}.group-tabs{gap:9px;padding-bottom:22px}.group-tabs button{border-radius:24px;background:#ffffff80;border-color:#cfdef0;color:#315276}.group-tabs button:hover{background:#e2efff}.group-tabs button.active{background:#124c9f;border-color:#124c9f;box-shadow:0 4px 12px #1254a31a}.search-field{background:#fff;border-color:#ccdcef;border-radius:10px;color:#7a93b0;height:52px}.search-field input{font-size:13px;color:#14345f}.search-field input::placeholder{color:#7a8fa9}.search-field:focus-within{border-color:#52a7dd;box-shadow:0 0 0 3px #79d7f233}.search-field kbd{color:#89adcc}.select-field select{background:#fff;color:#345576;border-color:#ccdcef;border-radius:10px;height:52px}.results-bar{color:#8196b1}.results-bar span:first-child{color:#546e91}.reset-link{color:#286ead}.products-grid{gap:20px}.product-card{border:1px solid #d5e3f4;border-radius:18px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 3px 10px #1a528b03}.product-card:hover{border-color:#76b9e2;box-shadow:0 14px 35px #184e8b12}.product-visual{background:radial-gradient(ellipse at 45% 60%,#e1f2fa,transparent 72%),linear-gradient(130deg,#f0f7ff,#eaf2fc);height:225px;padding:27px;overflow:hidden}.product-visual::after{content:"";position:absolute;width:65%;height:38%;left:15%;bottom:-15%;border:1px solid #c9ddef;border-radius:50%;pointer-events:none}.product-meta{padding:19px 18px 20px}.product-category{color:#6888a8;font-weight:500;font-size:8px;letter-spacing:.8px}.product-title{color:#153760;font-size:13px;font-weight:600}.product-title:hover{color:#236fc5}.product-price{color:#0c3872;font-size:22px}.price-unit{color:#889bb4}.detail-button{width:36px;height:36px;background:#edf7ff;border-color:#c5ddf0;color:#227aba}.detail-button:hover{background:#d0edfc;border-color:#92cde6}.catalog-note{color:#8393aa}.empty-state{border-color:#b9d8ed;background:#f0f8ff}.empty-state>span{color:#4aa1c9}.empty-state p{color:#6b84a2}.about{border-color:#d1dfef}.about .eyebrow{color:#3d80b3}.about h2{color:#103466}.about-mark{color:#73abd0;border-color:#d4e3f1}.about-copy p{color:#627996}.text-link{color:#1d68ad;border-color:#a2c8e8}.app-section{background:radial-gradient(ellipse at 90% 20%,#166d8f50,transparent 50%),linear-gradient(120deg,#071b3d,#103c75);color:#f2f8ff;border:1px solid #396791;box-shadow:inset 0 1px 0 #bde1ff38,0 20px 50px #153f6e17}.app-content .eyebrow{color:#87c3e4}.app-content p{color:#b5cce5}.app-content .button{color:white}.app-url{color:#96cee9}.phone-orbit{background:radial-gradient(circle,#2d7cb455,transparent 70%);border:1px solid #67bfe833}.phone{background:linear-gradient(120deg,#f8fcff,#edf6ff);border-color:#92adca;box-shadow:0 0 0 2px #2d4d76,9px 9px 0 #020a1c50,20px 20px 50px #0003;color:#163b6f}.phone-camera{background:#0c2244}.phone-brand span{color:#338fd8}.phone-heading{color:#1b477e}.phone-products img{background:#d9edf9}.phone-action{background:linear-gradient(110deg,#3c94e5,#2164bd);color:white}.phone-note{color:#6c93bd}.phone-star{color:#8ae3f5;text-shadow:0 0 50px #72daff50}.footer{color:#143b73}.footer-top{border-color:#cedff0}.footer-top nav a:hover{color:#2885cc}.back-top{color:#2a71ad;border-color:#b6cfe8;background:#fff}.footer-bottom{color:#8199b4}.product-dialog{background:#f6faff;color:#173c6c;border:1px solid #b3d5ef}.product-dialog::backdrop{background:#03112cb3;backdrop-filter:blur(10px)}.dialog-close{color:#23659d;background:#fff;border-color:#c4dced}.detail-image{background:radial-gradient(ellipse at 50% 40%,#e1f6ff,#ecf3ff)}.detail-category{color:#568bb4}.detail-title{color:#10376a}.detail-price{color:#124a8e}.detail-facts{color:#345a7d}.detail-facts div{border-color:#d4e3f1}.detail-facts dt{color:#6d8ca8}.detail-note{color:#748daa}.detail-app-link{background:#155ab9}.toast{background:#0d3d7a}
@keyframes can-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-14px) rotate(calc(var(--tilt) + 2deg))}}body.motion-paused .hero-can{animation-play-state:paused}
@media(min-width:1500px){.hero.container{min-height:735px;padding-top:65px}.hero-art{min-height:610px}.can-main{height:510px;width:216px;left:34%;top:45px}.can-left{height:340px;width:144px;top:200px;left:20px}.can-right{height:360px;width:139px;right:4px;top:35px}.hero h1{font-size:106px}.hero-art .art-label{bottom:60px;right:0}.chrome-ring{width:580px;height:345px;left:-25px;top:180px}}
@media(max-width:1150px){.hero.container{padding:48px 30px 40px;min-height:650px;gap:15px}.hero h1{font-size:76px;letter-spacing:-4px}.hero-art{min-height:545px}.can-main{height:400px;width:169px;left:30%;top:85px}.can-left{height:255px;width:108px;left:-8px;top:200px}.can-right{height:270px;width:104px;right:0;top:38px}.hero-art .art-label{width:180px;right:0;bottom:22px;min-height:105px;padding:16px 18px}.hero-art .art-label strong{font-size:18px}.chrome-ring{width:400px;height:270px;left:-15px;top:175px}.hero-art .orbit{width:440px;height:290px;left:-20px}.hero-art .orbit-two{width:365px;height:480px;left:20px}.product-visual{height:190px;padding:20px}.product-meta{padding:16px 14px}.hero-copy>p{font-size:13px}.section-heading h2{font-size:49px}.product-price{font-size:20px}.hero-art .art-word{font-size:78px}}
@media(max-width:850px){.hero.container{min-height:610px;padding-top:43px;grid-template-columns:1fr 1fr}.hero h1{font-size:66px;letter-spacing:-3.8px}.hero-art{min-height:515px}.can-main{height:355px;width:150px;top:95px;left:25%}.can-left{height:230px;width:98px;left:-18px;top:203px}.can-right{height:230px;width:89px;right:-2px;top:55px}.hero-art .art-label{bottom:5px;width:165px;padding:14px 16px}.hero-art .art-label strong{font-size:16px}.hero-art .art-bottom{bottom:-28px}.chrome-ring{width:350px;height:235px;left:-35px;top:185px;border-width:10px}.hero-art .orbit{width:350px;height:240px}.hero-art .orbit-two{width:300px;height:420px;left:0}.hero-art .art-word{font-size:64px;bottom:15px}.hero-bottom{margin-top:30px}.hero-bottom strong{font-size:25px}.hero .eyebrow{font-size:8px}.ice-cube-two{width:65px;height:65px}.section-heading h2{font-size:43px}.products-grid{gap:14px}.app-content h2{font-size:35px}.product-visual{height:190px}}
@media(max-width:620px){.topline{background:#06162f}.header{background:#f5f9fff0}.header-inner{min-height:76px}.hero.container{display:flex;flex-direction:column;gap:0;padding:34px 22px 28px;min-height:0;overflow:hidden}.hero-copy{padding:0;z-index:4}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(54px,16vw,84px);letter-spacing:-3.8px;margin:30px 0 23px;line-height:.97;white-space:nowrap}.hero h1 br:nth-child(2){display:initial}.hero-copy>p{font-size:13px;max-width:330px;margin-bottom:22px}.hero-cta{min-height:49px;min-width:224px;font-size:12px;padding:13px 21px}.hero-bottom{display:none}.hero-art{width:100%;height:425px;min-height:425px;margin-top:20px;border-radius:0}.can-main{height:305px;width:129px;left:calc(50% - 64px);top:30px}.can-left{height:215px;width:91px;left:0;top:120px}.can-right{height:220px;width:85px;right:0;top:12px}.hero-art .art-label{right:-3px;bottom:13px;width:174px;padding:14px 17px;min-height:97px;background:linear-gradient(115deg,#c8ecff28,#5c95da20)}.hero-art .art-label strong{font-size:17px}.hero-art .art-label>span:first-child{font-size:7px}.hero-art .art-bottom{bottom:-8px;right:1px;left:0}.hero-art .art-bottom>span:first-child{font-size:6px;letter-spacing:1.2px}.hero-art .art-bottom button{width:28px;height:28px;margin-right:185px;flex-shrink:0}.hero-art .orbit{width:360px;height:240px;left:calc(50% - 180px);top:105px}.hero-art .orbit-two{width:270px;height:350px;left:calc(50% - 135px);top:5px}.chrome-ring{width:330px;height:235px;left:calc(50% - 165px);top:95px;border-width:9px}.hero-art .art-word{font-size:61px;left:-5px;bottom:51px;letter-spacing:2px}.ice-cube-one{left:18px;top:34px;width:40px;height:40px;border-radius:11px}.ice-cube-three{left:49px;bottom:34px;width:47px;height:47px;border-radius:12px}.ice-cube-two{right:-10px;bottom:125px;width:55px;height:55px}.world-strip>div{height:43px;font-size:10px;letter-spacing:.8px}.catalog{padding-top:46px}.section-heading h2{font-size:40px;letter-spacing:-2px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:15px}.section-heading{margin-bottom:25px}.group-tabs{padding-bottom:16px;gap:7px}.group-tabs button{min-height:42px;font-size:11px;padding:11px 13px}.search-field{height:48px}.search-field input{font-size:12px}.select-field select{height:44px;font-size:10px}.products-grid{gap:11px}.product-card{border-radius:12px}.product-visual{height:170px;padding:20px}.product-meta{padding:13px 11px 15px}.product-category{font-size:7px}.product-title{font-size:11px;min-height:48px}.product-price{font-size:18px}.price-unit{font-size:8px;margin-left:2px}.detail-button{width:30px;height:30px}.product-bottom{padding-top:17px}.about h2{font-size:36px}.app-content .eyebrow{font-size:7px}.app-content h2{font-size:38px}.app-section{min-height:710px}.product-card:hover{transform:none;box-shadow:0 3px 10px #1a528b03}.product-visual:hover .product-image{transform:none}.hero-art .art-bottom button{position:absolute;left:0;bottom:35px;margin:0}.hero-art .art-bottom>span{max-width:180px;line-height:1.7}.detail-image{height:250px}.detail-title{font-size:22px}}
@media(max-width:380px){.hero.container{padding-inline:18px}.hero h1{font-size:clamp(49px,15.6vw,60px);letter-spacing:-3.3px}.hero-art{height:405px;min-height:405px}.can-main{height:288px;width:122px;left:calc(50% - 61px)}.can-left{height:193px;width:82px;left:-3px}.can-right{height:198px;width:77px;right:-2px}.hero-art .art-label{width:161px;min-height:92px}.hero-art .art-label strong{font-size:16px}.product-visual{height:148px;padding:17px}.product-price{font-size:16px}.detail-button{width:27px;height:27px}.hero-copy>p{font-size:12px}.app-content h2{font-size:34px}.results-bar>span:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-can{animation:none!important}*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.hero-art.is-offscreen .hero-can{animation-play-state:paused}
.catalog-freshness>span{vertical-align:middle}.catalog-freshness time{white-space:nowrap}

/* Original brand artwork stays on a transparent surface. */
.new-arrivals{padding-top:65px;padding-bottom:20px}.new-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.new-heading .eyebrow{font-size:9px;letter-spacing:1.8px;color:#327ba9;margin-bottom:16px}.new-heading .eyebrow span{font-size:16px;color:#37bac5;margin-right:7px}.new-heading h2{font-size:54px;letter-spacing:-2.6px;line-height:1;color:#103466}.new-heading h2>span{color:#4bc9d7}.new-heading .text-link{font-size:12px;margin-bottom:4px}.new-count{font-size:12px;color:#5a7a9e;margin-bottom:18px}.new-empty{display:flex;align-items:center;gap:24px;padding:30px 34px;border:1px solid #c5def0;border-radius:20px;background:radial-gradient(ellipse at 90% 20%,#9ee8ef55,transparent 55%),linear-gradient(120deg,#edf6ff,#f9fcff);box-shadow:inset 0 1px 0 #fff}.new-empty-star{font-size:58px;line-height:1;color:#78bde0}.new-empty h3{font-size:22px;letter-spacing:-.6px;font-weight:600;color:#193f70;margin-bottom:7px}.new-empty p{font-size:13px;color:#6083a2;line-height:1.5}.new-empty-link{margin-left:auto;white-space:nowrap;font-size:12px;color:#2569aa}.new-empty-link span{margin-left:15px;font-size:20px}.new-more-wrap{display:flex;justify-content:center}.new-more-wrap .button{margin-top:28px}.product-visual{position:relative}.new-badge{position:absolute;top:13px;left:13px;z-index:2;border-radius:6px;padding:6px 9px;background:linear-gradient(115deg,#d4fbff,#a8dfed);border:1px solid #87cbdc;color:#13517b;font-size:8px;font-weight:800;letter-spacing:.9px;box-shadow:0 3px 10px #24577910;pointer-events:none}.catalog-freshness{display:block;color:#426f95;font-size:13px;line-height:1.8;margin:-10px 0 22px}.catalog-freshness>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36b8bf;margin-right:5px;align-self:center}.catalog-freshness time{font-weight:600;color:#214f7c}.new-empty[hidden],.new-count[hidden]{display:none}
@media(max-width:1150px){.nav{gap:20px}.new-heading h2{font-size:49px}}
@media(max-width:850px){.nav{gap:13px}.new-heading h2{font-size:43px}.new-empty{padding:25px;gap:18px}.new-empty h3{font-size:20px}.new-empty-link{font-size:11px}}
@media(max-width:620px){.new-arrivals{padding-top:38px;padding-bottom:5px}.new-heading{align-items:center;gap:12px;margin-bottom:22px}.new-heading .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:13px}.new-heading .eyebrow span{font-size:13px;margin-right:4px}.new-heading h2{font-size:36px;letter-spacing:-1.6px}.new-heading .text-link{font-size:10px;white-space:nowrap;margin:19px 0 0}.new-empty{flex-wrap:wrap;gap:13px;padding:22px 19px;border-radius:14px}.new-empty-star{font-size:37px}.new-empty h3{font-size:17px;letter-spacing:-.4px}.new-empty p{font-size:11px}.new-empty-link{margin:2px 0 0 50px;font-size:11px}.new-count{font-size:11px;margin-bottom:14px}.new-badge{top:9px;left:9px;font-size:7px;padding:5px 7px;letter-spacing:.5px}.catalog-freshness{font-size:11px;line-height:1.8;margin:-8px 0 17px}}
.brand-navigation{display:flex;align-items:center;gap:8px;margin:0 0 23px;padding:9px 0 16px;border-bottom:1px solid #d4e2f2;min-width:0}
.brand-filters{display:flex;align-items:center;gap:9px;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:6px 3px 9px;scroll-padding-inline:3px;min-width:0}
.brand-filters::-webkit-scrollbar{display:none}
.brand-filter{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 115px;height:78px;padding:13px 12px;background:transparent;border:1px solid transparent;border-radius:14px;transition:background .2s,border-color .2s,transform .2s;scroll-margin-inline:10px}
.brand-filter img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.brand-filter[data-brand="monster"] img{max-height:63px}.brand-filter[data-brand="coca-cola"] img{max-height:42px}.brand-filter[data-brand="pringles"] img{max-height:62px}.brand-filter[data-brand="pocky"] img{max-height:48px}
.brand-filter::after{content:"";position:absolute;left:32%;right:32%;bottom:0;height:3px;border-radius:3px;background:transparent;transition:background .2s}
.brand-filter:hover{background:#e3effa80;border-color:#c7dcef}.brand-filter.active{background:#e4f1fc99;border-color:#a7cceb}.brand-filter.active::after{background:#2b83c5}
.brand-filter-all{flex-basis:70px;flex-direction:column;gap:7px;font-size:10px;font-weight:700;letter-spacing:.5px;color:#44759c}.brand-filter-all .icon{width:23px;height:23px}.brand-filter-all.active{color:#185b9e}
.brand-scroll{flex:0 0 34px;width:34px;height:44px;display:grid;place-items:center;font-size:30px;font-weight:400;border-radius:50%;background:transparent;border:1px solid transparent;color:#457fab;transition:background .2s,color .2s}.brand-scroll:hover:not(:disabled){background:#e4f1fc;border-color:#c4dcec}.brand-scroll:disabled{opacity:.22}
@media(max-width:850px){.brand-filter{flex-basis:105px;height:76px;padding:12px 10px}.brand-filter-all{flex-basis:62px}.brand-navigation{gap:3px}.brand-filters{gap:6px}}
@media(max-width:620px){.brand-navigation{margin-bottom:17px;padding:4px 0 10px;gap:0}.brand-filters{gap:4px;padding:5px 2px 9px}.brand-filter{flex-basis:100px;height:73px;padding:11px 10px;border-radius:11px}.brand-filter-all{flex-basis:53px;font-size:9px;padding-inline:5px}.brand-filter-all .icon{width:20px;height:20px}.brand-scroll{flex-basis:24px;width:24px;height:44px;font-size:26px}.brand-filter:focus-visible{outline-offset:-3px}.results-bar{flex-wrap:wrap}.results-bar>span:first-child{max-width:65%;line-height:1.5}.results-bar>span:last-child{margin-left:auto}}