/* Figma: subpages 96:1054, 96:74, 109:2890 and brand pages. */
.sub-banner{height:300rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f6f8 url('../img/figma/96-1054-imgChatGptImage2026911407402.png') center/cover no-repeat;text-align:center}
.sub-banner>p{font:400 72rem/1.2 var(--font-display);color:rgba(112,150,163,.5)}
.sub-banner h1{font-size:max(24px,32rem);margin-top:10rem}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:16rem;padding-top:41rem;font-size:max(12px,14rem);line-height:1.8}
.breadcrumb a:hover{text-decoration:underline}
.catalog{padding-top:100rem}
.catalog__intro{text-align:center;font-size:max(16px,18rem);line-height:2}
.catalog-filters{display:grid;grid-template-columns:repeat(5,1fr);margin-top:69rem;background:rgba(112,150,163,.1)}
.catalog-filters a{display:flex;align-items:center;justify-content:center;min-height:80rem;font-size:max(14px,18rem);position:relative;text-align:center;padding:12rem}
.catalog-filters a+a:before{content:'';position:absolute;left:0;top:10rem;bottom:10rem;border-left:1px solid var(--color-blue)}
.catalog-filters a:hover,.catalog-filters a[aria-current]{background:var(--color-blue);color:white}
.catalog-count{margin-top:25rem;font-size:13px;color:var(--color-blue)}
.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40rem 20rem;margin-top:18rem}
:is(.catalog-grid,.product-slider) .product-card{min-height:660rem;padding-bottom:0}
:is(.catalog-grid,.product-slider) .product-card__image-link{width:calc(100% - 40rem);height:360rem;margin:24rem auto 0}
:is(.catalog-grid,.product-slider) .product-card__body{margin:24rem 20rem 20rem;padding-top:20rem}
:is(.catalog-grid,.product-slider) .product-card__title{font-size:max(15px,18rem);line-height:1.75;min-height:63rem}
:is(.catalog-grid,.product-slider) .product-card__actions{display:flex;flex-wrap:wrap;gap:10rem;margin:auto 20rem 20rem}
:is(.catalog-grid,.product-slider) .product-card__actions .button{width:100%;min-height:44rem;font-size:max(13px,14rem);padding:10rem 8rem}
.price-note{font-size:12px;line-height:1.8;margin-top:28rem;color:#677477}
.catalog-page .amazon-banner,.about-page .amazon-banner{margin-top:140rem;margin-bottom:140rem}
.editorial-intro{display:grid;grid-template-columns:635rem 916rem;gap:145rem;margin:140rem 0 0 223rem;align-items:start}
.editorial-display{font:400 120rem/1.2 var(--font-display);color:rgba(112,150,163,.45);white-space:nowrap;margin-left:-13rem;margin-bottom:42rem}
.editorial-display span{font-size:80rem}
.editorial-intro h2{font-size:32rem;line-height:1.6;font-weight:500;margin-bottom:27rem}
.editorial-intro__copy>p:not(.editorial-display){font-size:max(14px,16rem);line-height:2;margin-top:16rem}
.editorial-intro__visual{position:relative;overflow:hidden;height:862rem}
.editorial-intro__visual img{position:absolute;max-width:none;width:157.4%;height:120.3%;left:-37.1%;top:-12.4%;object-fit:cover}
.about-page .why{margin-top:159rem}
.about-products{margin-top:130rem}
.product-slider{display:flex;overflow-x:auto;gap:30rem;margin-top:65rem;padding:0 60rem 22rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--color-blue) transparent}



.slider-controls{display:flex;justify-content:center;gap:60rem;margin-top:25rem}
.slider-controls button{padding:12px}
.slider-controls img{display:block}
.page-cta{display:flex;justify-content:center;margin-top:55rem}
.page-cta .button{min-width:400rem}
.faq-layout{display:grid;grid-template-columns:300rem minmax(0,1fr);gap:82rem;margin-top:90rem;margin-bottom:140rem;align-items:start}
.faq-sidebar nav{display:flex;flex-direction:column;gap:15rem}
.faq-sidebar nav a{display:flex;align-items:center;justify-content:space-between;min-height:60rem;border-bottom:1px solid #bfd0d6;font-size:max(14px,16rem);gap:10rem}
.faq-sidebar nav a:hover{color:var(--color-blue)}
.faq-store{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:405rem;margin-top:60rem;padding:22rem 15rem;background:#eef4f7 url('../img/figma/109-2890-imgKaradacoreCvBgV11500X5351.png') center/cover;text-align:center}
.faq-store p{font-size:max(14px,16rem);line-height:1.8}
.faq-store .button{margin-top:22rem;min-height:44rem;font-size:max(11px,12rem);padding:7rem 10rem;width:100%}
.faq-group{scroll-margin-top:120rem;margin-bottom:65rem}
.faq-group h2{font-size:max(22px,28rem);font-weight:500;border-bottom:2px solid var(--color-blue);padding-bottom:23rem;margin-bottom:22rem}
.faq-item{border-bottom:1px solid #bfd0d6;padding:18rem 0}
.faq-item summary{display:grid;grid-template-columns:38rem 1fr 24rem;align-items:start;gap:15rem;list-style:none;cursor:pointer;font-size:max(16px,18rem);line-height:1.8;padding:10rem 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:'+';font:400 26px/1.3 Arial;color:var(--color-blue);text-align:center}
.faq-item[open] summary:after{content:'−'}
.faq-letter{font:400 26rem/1.4 var(--font-display);color:var(--color-blue)}
.faq-answer{display:grid;grid-template-columns:38rem 1fr;gap:15rem;margin-top:14rem;padding-bottom:10rem;font-size:max(14px,16rem);line-height:2}
.faq-answer .faq-letter{color:#a3b7be}
.brand-hero{height:480rem;background:#f0f6f8 var(--brand-hero) center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.brand-hero h1{width:340rem;display:flex;justify-content:center;align-items:center;height:155rem}
.brand-hero h1 img{max-width:100%;max-height:100%;object-fit:contain}
.brand-page--hemrich .brand-hero h1{container-type:inline-size}.brand-page--hemrich .brand-hero h1 img{max-width:none;max-height:none;flex:none;transform:scale(calc(100cqw / 368.767px))}
.brand-hero>p{font-size:max(16px,20rem);margin-top:34rem;padding-inline:20rem}
.editorial-intro--brand{margin-top:130rem}
.editorial-intro--brand .editorial-display{margin-bottom:60rem;line-height:1.23}
.editorial-intro--brand .editorial-intro__visual{height:812rem;margin-top:34rem}
.editorial-intro--brand h2{max-width:669rem;line-height:1.6}
.brand-page--hemrich .editorial-display{color:#d5a6ae}
.brand-page--purequeen .editorial-display{color:#ccbb86;font-size:105rem}
.brand-page--vmtrue .editorial-display{color:#a8bbc3}
.brand-page--hemrich .editorial-intro__visual img{left:-43.5%;top:-12.1%;width:160%;height:120.5%}
.brand-page--purequeen .editorial-intro__visual img{left:-26.3%;top:-.4%;width:137.5%;height:103.4%}
.brand-page--vmtrue .editorial-intro__visual img{left:-51.1%;top:-10.8%;width:151.4%;height:113.9%}
.brand-features{position:relative;margin-top:160rem;min-height:763rem;padding-top:98rem;margin-bottom:160rem}
.brand-features__panel{position:absolute;inset:0 auto 0 0;width:530rem;background:var(--color-blue)}
.brand-features__panel h2{font-size:32rem;line-height:1.7;color:white;margin:130rem 0 0 210rem}
.brand-features__display{position:absolute;right:210rem;top:-28rem}
.brand-features__grid{position:relative;display:grid;grid-template-columns:repeat(3,320rem);gap:59rem;margin-left:636rem}
.brand-features>.page-cta{position:relative;margin-left:636rem;width:1076rem;margin-top:90rem}
.catalog-detail{display:grid;grid-template-columns:1fr 1fr;gap:90rem;margin-top:85rem;margin-bottom:90rem}
.catalog-detail__image{height:680rem;border:1px solid #dce7eb;padding:40rem;display:flex;align-items:center;justify-content:center}
.catalog-detail__image img{max-width:100%;max-height:100%;object-fit:contain}
.catalog-detail__copy{padding-top:50rem}
.catalog-detail h1{font-size:max(25px,36rem);line-height:1.6;margin-top:25rem}
.catalog-detail__description{margin-top:35rem;line-height:2}
.catalog-detail dl{display:grid;grid-template-columns:100rem 1fr;margin:35rem 0;font-size:max(15px,18rem);gap:15rem}
.catalog-detail dd{margin:0}
.catalog-detail .button{width:100%;max-width:480rem}
.catalog-detail__note{font-size:13px;line-height:1.8;margin-top:20rem}
.empty-product{padding-block:100rem}
.empty-product .button{margin-top:35rem}
@media(max-width:1100px){
.sub-banner{height:230px}.sub-banner>p{font-size:48px}.sub-banner h1{font-size:24px;margin-top:8px}.breadcrumb{padding-top:25px;gap:12px;font-size:12px}
.catalog{padding-top:55px}.catalog__intro{font-size:16px}.catalog-filters{margin-top:38px}.catalog-filters a{min-height:65px;padding:10px 5px;font-size:13px}.catalog-filters a+a:before{top:10px;bottom:10px}
.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.catalog-count{margin-top:22px}:is(.catalog-grid,.product-slider) .product-card{min-height:0}:is(.catalog-grid,.product-slider) .product-card__image-link{width:calc(100% - 30px);height:250px;margin-top:20px}:is(.catalog-grid,.product-slider) .product-card__body{margin:20px 15px}:is(.catalog-grid,.product-slider) .product-card__title{font-size:16px;min-height:56px}:is(.catalog-grid,.product-slider) .product-card__actions{margin:auto 15px 18px;gap:10px}:is(.catalog-grid,.product-slider) .product-card__actions .button{min-height:43px;padding:10px 6px;font-size:12px}
.catalog-page .amazon-banner,.about-page .amazon-banner{margin-block:75px}
.editorial-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin:65px 0 0 4%;padding-right:0}.editorial-display{font-size:60px;margin-left:0;margin-bottom:24px;white-space:normal}.editorial-display span{font-size:38px;white-space:nowrap}.editorial-intro h2{font-size:25px;margin-bottom:20px}.editorial-intro__copy>p:not(.editorial-display){font-size:14px;margin-top:16px}.editorial-intro__visual{height:650px}.about-page .why{margin-top:90px}.about-products{margin-top:75px}
.product-slider{gap:20px;margin-top:40px;padding:0 24px 20px}.slider-controls{margin-top:16px;gap:30px}.page-cta{margin-top:32px}.page-cta .button{min-width:280px}
.faq-layout{grid-template-columns:230px minmax(0,1fr);gap:35px;margin-top:50px;margin-bottom:75px}.faq-sidebar nav{gap:8px}.faq-sidebar nav a{min-height:60px;font-size:13px}.faq-store{height:320px;margin-top:35px;padding:18px 12px}.faq-store p{font-size:13px}.faq-store .button{margin-top:15px;min-height:40px;font-size:11px}.faq-group{margin-bottom:40px;scroll-margin-top:100px}.faq-group h2{font-size:22px;padding-bottom:18px;margin-bottom:15px}.faq-item{padding:12px 0}.faq-item summary{grid-template-columns:30px 1fr 24px;gap:10px;padding:8px 0;font-size:15px}.faq-answer{grid-template-columns:30px 1fr;gap:10px;margin-top:12px;padding-bottom:10px;font-size:14px}.faq-letter{font-size:24px}
.brand-hero{height:320px}.brand-hero h1{width:280px;height:130px}.brand-hero>p{font-size:16px;margin-top:24px;padding-inline:20px}
.editorial-intro--brand{margin-top:70px}.editorial-intro--brand .editorial-display{margin-bottom:30px}.brand-page--purequeen .editorial-display{font-size:48px}.editorial-intro--brand .editorial-intro__visual{height:680px;margin-top:20px}
.brand-features{margin-top:90px;min-height:0;padding:65px 4% 55px;margin-bottom:75px}.brand-features__panel{position:relative;width:auto;background:transparent}.brand-features__panel h2{color:var(--color-text);font-size:28px;margin:0 0 45px}.brand-features__panel h2 br{display:none}.brand-features__display{right:4%;top:0;font-size:60px}.brand-features__grid{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.brand-features>.page-cta{margin:50px 0 0;width:auto}
.catalog-detail{gap:45px;margin-top:50px;margin-bottom:60px}.catalog-detail__image{height:480px;padding:25px}.catalog-detail__copy{padding-top:20px}.catalog-detail h1{font-size:27px;margin-top:20px}.catalog-detail__description{margin-top:25px}.catalog-detail dl{grid-template-columns:80px 1fr;margin:25px 0;gap:10px;font-size:15px}.catalog-detail .button{max-width:none}.price-note{margin-top:22px}.catalog-detail__note{margin-top:16px}
}
@media(max-width:700px){
.sub-banner{height:185px}.sub-banner>p{font-size:40px}.sub-banner h1{font-size:22px}.catalog{padding-top:38px}.catalog__intro{font-size:14px}.catalog-filters{grid-template-columns:repeat(3,1fr);gap:1px;background:white;margin-top:30px}.catalog-filters a{background:#edf3f5;min-height:48px;font-size:12px}.catalog-filters a+a:before{display:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}:is(.catalog-grid,.product-slider) .product-card__image-link{height:205px;width:calc(100% - 20px);margin-top:14px}:is(.catalog-grid,.product-slider) .product-card__body{margin:14px 10px;padding-top:14px}:is(.catalog-grid,.product-slider) .product-card__brand{font-size:11px;min-width:0;height:auto;min-height:26px;padding:2px 10px}:is(.catalog-grid,.product-slider) .product-card__title{font-size:13px;min-height:70px;line-height:1.7;margin-top:10px}:is(.catalog-grid,.product-slider) .product-card__price{font-size:12px}:is(.catalog-grid,.product-slider) .product-card__actions{margin:auto 10px 14px;gap:8px}:is(.catalog-grid,.product-slider) .product-card__actions .button{font-size:10px;min-height:38px;padding:8px 3px;letter-spacing:0}.price-note{font-size:11px}
.editorial-intro{display:flex;flex-direction:column;gap:30px;margin:48px 0 0;padding:0 6%}.editorial-display{font-size:54px;margin-bottom:25px}.editorial-display span{font-size:34px}.editorial-intro h2{font-size:23px}.editorial-intro__copy>p:not(.editorial-display){font-size:14px;line-height:2}.editorial-intro__visual{width:calc(100% + 12vw);margin-left:-6vw;height:440px}.editorial-intro__visual img{width:157.4%;height:120.3%;left:-37.1%;top:-12.4%}.about-page .why{margin-top:55px}.about-products{margin-top:60px}.page-cta .button{min-width:260px;max-width:95%}
.faq-layout{display:block;margin-top:35px;margin-bottom:60px}.faq-sidebar nav{margin-bottom:35px}.faq-sidebar nav a{min-height:47px;font-size:14px}.faq-store{display:none}.faq-group h2{font-size:20px}.faq-item summary{font-size:14px}.faq-answer{font-size:13px;gap:10px}.faq-letter{font-size:22px}
.brand-hero{height:260px}.brand-hero h1{width:230px;height:110px}.brand-hero>p{font-size:13px;margin-top:20px;max-width:340px}.editorial-intro--brand .editorial-display{font-size:52px;margin-bottom:25px}.brand-page--purequeen .editorial-display{font-size:45px}.editorial-intro--brand .editorial-intro__visual{height:430px;margin-top:0}.brand-features{margin-top:60px;padding:55px 6% 0;margin-bottom:75px}.brand-features__display{font-size:44px;right:6%;top:0}.brand-features__panel h2{font-size:24px;margin-bottom:30px}.brand-features__grid{grid-template-columns:1fr;gap:36px}.brand-features__grid .reason>img{width:100%;height:auto;aspect-ratio:320/218;object-fit:cover}.brand-features>.page-cta{margin-top:40px}
.catalog-detail{display:flex;flex-direction:column;gap:25px;margin-top:35px;margin-bottom:45px}.catalog-detail__image{height:390px;padding:20px}.catalog-detail__copy{padding-top:0}.catalog-detail h1{font-size:25px}.catalog-detail__description{font-size:14px}.empty-product{padding-block:60px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* FAQ component geometry follows 109:2890. */
.faq-layout{margin-top:114rem}
.faq-sidebar nav{display:block;background:#edf3f5;padding:22rem 28rem 25rem}
.faq-sidebar nav>p{font:400 28rem/1.5 var(--font-display);color:var(--color-blue);margin-bottom:14rem}
.faq-sidebar nav a{display:block;min-height:0;font-size:14rem;line-height:1.8;border:0;padding:4rem 0}
.faq-sidebar nav a:before{content:'•';color:var(--color-blue);margin-right:10rem}
.faq-sidebar nav a span{display:none}
.faq-store{display:block;height:auto;background:none;margin-top:35rem;padding:0}
.faq-store img{width:100%;height:auto}
.faq-group{margin-bottom:80rem}
.faq-group h2{border:0;border-left:1px solid var(--color-blue);font-size:24rem;line-height:1.8;padding:10rem 0 10rem 30rem;margin-bottom:48rem}
.faq-item{border:1px solid var(--color-blue);padding:0;margin-bottom:24rem}
.faq-item summary{background:rgba(112,150,163,.1);padding:18rem 28rem;min-height:78rem;align-items:center;font-size:18rem;grid-template-columns:48rem 1fr 32rem;gap:16rem}
.faq-item summary:after{font:300 32rem/1 Arial}
.faq-letter{font:400 36rem/1.3 var(--font-display)}
.faq-answer{grid-template-columns:48rem 1fr;gap:16rem;padding:14rem 28rem 26rem;margin:0;font-size:18rem;line-height:1.8}
.faq-answer .faq-letter{color:#e896aa}
@media(max-width:1100px){.faq-layout{margin-top:50px}.faq-sidebar nav{padding:20px 18px}.faq-sidebar nav>p{font-size:24px;margin-bottom:12px}.faq-sidebar nav a{font-size:13px;padding:4px 0}.faq-sidebar nav a:before{margin-right:8px}.faq-store{margin-top:25px}.faq-group{margin-bottom:45px}.faq-group h2{font-size:21px;padding:8px 0 8px 18px;margin-bottom:25px}.faq-item{margin-bottom:16px}.faq-item summary{grid-template-columns:30px 1fr 24px;padding:16px;min-height:65px;font-size:14px;gap:12px}.faq-letter{font-size:26px}.faq-answer{grid-template-columns:30px 1fr;gap:12px;padding:14px 16px 20px;font-size:13px}.faq-item summary:after{font-size:26px}}
@media(max-width:700px){.faq-layout{margin-top:35px}.faq-store{display:none}.faq-sidebar nav{margin-bottom:35px}.faq-group h2{font-size:20px}.faq-item summary{padding:12px;gap:8px;grid-template-columns:25px 1fr 20px}.faq-answer{padding:12px 12px 18px;gap:8px;grid-template-columns:25px 1fr}.faq-letter{font-size:24px}}

/* Exact desktop type sizes and line heights from the design context. */
@media(min-width:1101px){
.sub-banner{justify-content:flex-start;padding-top:87rem}
.sub-banner>p{font-size:18rem;line-height:22rem;color:var(--color-blue)}
.sub-banner h1{font-size:32rem;line-height:56rem;margin-top:27rem}
.breadcrumb{font-size:14rem;line-height:32rem}
.catalog{padding-top:114rem}
.catalog__intro{font-size:16rem;line-height:32rem}
.catalog-filters{margin-top:78rem}
.catalog-filters a{font-size:18rem;line-height:32rem}
.catalog-count{font-size:14rem;line-height:26rem;margin-top:25rem}
.catalog-grid{margin-top:31rem;row-gap:55rem}
:is(.catalog-grid,.product-slider) .product-card__brand{font-size:16rem;height:35rem}
:is(.catalog-grid,.product-slider) .product-card__title{font-size:18rem;line-height:32rem}
:is(.catalog-grid,.product-slider) .product-card__price{font-size:16rem;line-height:32rem}
#main :is(.catalog-grid,.product-slider) .product-card__actions{display:grid;grid-template-columns:99fr 191fr;gap:8rem;margin: auto 20rem 20rem}
#main :is(.catalog-grid,.product-slider) .product-card__actions .button{font-size:12rem;min-height:42rem;height:42rem;padding:4rem}
.editorial-intro h2{font-size:32rem;line-height:56rem;margin-bottom:30rem;width:669rem;max-width:none}
.editorial-intro__copy>p:not(.editorial-display){font-size:16rem;line-height:32rem;margin-top:32rem}
.editorial-intro--about{margin-top:104rem}
.editorial-intro--about .editorial-display{font-size:150rem;line-height:1.22;margin-bottom:84rem}
.editorial-intro--about .editorial-display span{display:block;font-size:90rem;line-height:1.22}
.editorial-intro--about .editorial-display .editorial-display__first{font-size:150rem}
.editorial-intro--about .editorial-intro__visual{margin-top:34rem}
.editorial-intro--about .editorial-intro__copy>h2+p{margin-top:0}
.about-products{margin-top:144rem}
.product-slider{gap:33rem;margin-top:0;padding:0 104rem 22rem}








.faq-sidebar nav>p{font-size:30rem;line-height:37rem}
.faq-sidebar nav a{font-size:16rem;line-height:32rem;padding:0}
.faq-sidebar nav{padding:22rem 28rem 25rem}
.faq-group h2{font-size:26rem;line-height:32rem;padding:15rem 0 15rem 30rem}
.faq-item summary,.faq-answer{font-size:20rem;line-height:32rem}
.faq-letter{font-size:40rem;line-height:49rem}
.brand-hero{position:relative}
.brand-hero h1{position:absolute;top:146rem;left:50%;transform:translateX(-50%);height:149.939rem;width:340.139rem}
.brand-page--hemrich .brand-hero h1 img{transform:scale(calc(108.42cqw / 368.767px))}
.brand-hero>p{position:absolute;top:317rem;width:100%;font-size:16rem;line-height:32rem;margin:0}
.brand-page--hemrich .brand-hero>p{font-size:18rem}
.brand-page--purequeen .brand-hero h1{top:193rem;width:324rem;height:89.455rem}
.brand-page--vmtrue .brand-hero h1{top:210rem;width:379rem;height:60rem}
.editorial-intro--brand{margin-top:130rem;min-height:846rem}
.editorial-intro--brand .editorial-display{font-size:120rem;line-height:147rem;margin-bottom:61rem;background-clip:text;color:transparent}
.brand-page--hemrich .editorial-display{background-image:linear-gradient(48deg,#d890e4,#763080)}
.brand-page--purequeen .editorial-display{font-size:120rem;background-image:linear-gradient(48deg,#ff8b88,#d34040)}
.brand-page--vmtrue .editorial-display{background-image:linear-gradient(to left,#015e79 40.249%,#55c9de 98.59%)}
.editorial-intro--brand h2{min-height:102rem;line-height:56rem;margin-bottom:30rem}
.editorial-intro--brand .editorial-intro__copy>h2+p{margin-top:0}
.editorial-intro--brand .editorial-intro__copy>p:not(.editorial-display){margin-top:0}
.editorial-intro--brand .editorial-intro__copy>h2+p{margin-bottom:32rem}
.editorial-intro--brand .editorial-intro__copy>p:nth-last-child(2){margin-top:32rem}
.brand-features h2{font-size:32rem;line-height:56rem}
.brand-features__display{font-size:90rem;line-height:110rem}
}
@media(max-width:1100px){.sub-banner>p{font-size:18px;line-height:22px}.sub-banner h1{margin-top:20px}.editorial-display__first{display:block}.editorial-intro--about .editorial-display span{display:block}.editorial-intro--about .editorial-display .editorial-display__first{font-size:60px}.editorial-intro--about .editorial-display span:not(.editorial-display__first){font-size:38px}}
@media(max-width:700px){.editorial-intro--about .editorial-display .editorial-display__first{font-size:54px}.editorial-intro--about .editorial-display span:not(.editorial-display__first){font-size:34px}}

@media(min-width:1101px){
.sub-banner{position:relative;isolation:isolate;overflow:hidden;background:#f0f6f8}
.sub-banner:before{content:'';position:absolute;z-index:-1;left:-20rem;top:-202rem;width:1958.366rem;height:957.821rem;background:url('../img/figma/96-1054-imgChatGptImage2026911407402.png') center/100% 100%;filter:blur(5rem)}
.editorial-intro--about .editorial-display{color:rgba(112,150,163,.3)}
.editorial-intro--about h2{min-height:102rem}
}

@media(min-width:1101px){.faq-sidebar nav{min-height:205rem}}
@media(max-width:1100px){#main :is(.catalog-grid,.product-slider) .product-card__actions .button{font-size:12px;min-height:43px;height:auto;padding:10px 6px}}
@media(max-width:700px){#main :is(.catalog-grid,.product-slider) .product-card__actions .button{font-size:11px;min-height:42px;padding:8px 3px}}

/* FAQ store: separate background, live copy and link (Figma 109:3320). */
.faq-store{position:relative;display:block;container-type:inline-size;aspect-ratio:300/405;height:auto;padding:0;border:5rem solid #dfbd4b;background:#e6f5fd;overflow:hidden;text-align:center}
.faq-store__visual{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.faq-store .faq-store__visual img{position:absolute;left:0;top:-16.54%;width:100%;height:148.15%;max-width:none;object-fit:fill}
.faq-store .faq-store__copy{position:absolute;top:7.0886076%;left:0;width:101.724138%;margin:0;font-size:6.8965517cqw;line-height:11.0344828cqw;font-weight:500}
#main .faq-store .faq-store__button{position:absolute;left:6.2068966%;top:78.2278481%;width:89.6551724%;height:17.721519%;min-height:0;margin:0;padding:0;border:0;border-radius:100px;font-size:6.2068966cqw;line-height:1.388889;font-weight:500}
.faq-mobile-store{display:none}
@media(max-width:1100px){.faq-store{border-width:4px}}
@media(max-width:700px){
.faq-store{display:none}
.faq-mobile-store{display:block}
.faq-mobile-store .amazon-banner{margin-top:0;margin-bottom:60px}
}

/* About carousel: arrows flank the cards at their vertical center (96:997/999). */
.product-slider-shell{position:relative;padding-inline:104rem}
.product-slider-shell .product-slider{margin:0;padding:24rem 0;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-x:contain;overflow-y:hidden}
.product-slider-shell .product-slider::-webkit-scrollbar{display:none;width:0;height:0}

.product-slider-shell .slider-controls{position:absolute;inset:0;display:block;margin:0;pointer-events:none}
.product-slider-shell .slider-controls button{position:absolute;top:50%;width:80rem;height:80rem;padding:0;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);pointer-events:auto;container-type:inline-size}
.product-slider-shell .slider-controls button[data-slide="-1"]{left:24rem}
.product-slider-shell .slider-controls button[data-slide="1"]{right:23rem}
.product-slider-shell .slider-controls img{flex:none;max-width:none;transform:scale(calc(100cqw / 80px))}
.product-slider-shell .slider-controls button[data-slide="-1"] img{transform:rotate(180deg) scale(calc(100cqw / 80px))}

@media(max-width:1100px){
.product-slider-shell{padding-inline:60px}
.product-slider-shell .product-slider{padding-block:20px}
.product-slider-shell .slider-controls button{width:48px;height:48px}
.product-slider-shell .slider-controls button[data-slide="-1"]{left:8px}
.product-slider-shell .slider-controls button[data-slide="1"]{right:8px}
}
@media(max-width:700px){
.product-slider-shell{padding-inline:44px}
.product-slider-shell .slider-controls button{width:44px;height:44px}
.product-slider-shell .slider-controls button[data-slide="-1"]{left:0}
.product-slider-shell .slider-controls button[data-slide="1"]{right:0}


}



/* Keep edge-card shadows inside the scroll viewport while preserving card gutters. */
@media(min-width:1101px){
.product-slider-shell{padding-inline:88rem}
.product-slider-shell .product-slider{padding-inline:16rem;scroll-padding-inline:16rem}

}
@media(min-width:701px) and (max-width:1100px){
.product-slider-shell{padding-inline:44px}
.product-slider-shell .product-slider{padding-inline:16px;scroll-padding-inline:16px}
}
@media(max-width:700px){
.product-slider-shell{padding-inline:32px}
.product-slider-shell .product-slider{padding-inline:12px;scroll-padding-inline:12px}
}

@media(min-width:1101px){#main :is(.catalog-grid,.product-slider) .product-card__actions .button{font-size:16rem;line-height:1.4;height:60rem;min-height:60rem}}

/* Catalog and About use the same card styles above; only the layout differs. */
.about-products {
  container-type: inline-size;
  --catalog-card-width: 360rem;
}
.product-slider {
  gap: 20rem;
}
.product-slider .product-card {
  flex: 0 0 var(--catalog-card-width);
  min-width: 0;
  scroll-snap-align: start;
}
@media (max-width: 1100px) {
  .about-products {
    --catalog-card-width: calc((min(800px, calc(100cqw - 48px)) - 32px) / 3);
  }
  .product-slider { gap: 16px; }
}
@media (max-width: 700px) {
  .about-products {
    --catalog-card-width: calc((min(800px, calc(100cqw - 48px)) - 12px) / 2);
  }
  .product-slider { gap: 12px; }
}
@media (max-width: 600px) {
  .about-products {
    --catalog-card-width: calc((100cqw - 40px - 12px) / 2);
  }
}

/* Brand concepts and the three feature messages. */
.brand-features__intro{position:relative;margin:0 0 48rem 636rem;width:1076rem}
.brand-features__message{font-size:max(20px,28rem);font-weight:700;line-height:1.7;overflow-wrap:anywhere}
.brand-features__message>span{display:inline-block}
.brand-features__concept-label{margin-top:26rem;font-size:max(12px,14rem);color:var(--color-blue);letter-spacing:.08em}
.brand-features__concept{margin-top:8rem;font-size:max(16px,20rem);line-height:1.9}
.brand-features__grid .reason{min-width:0}
.brand-features__grid .reason h3{line-height:1.7;overflow-wrap:anywhere}
.brand-features__number{display:block;margin-bottom:8rem;font-family:var(--font-display);font-size:max(22px,28rem);font-weight:400;line-height:1.3;color:var(--color-blue)}
@media(max-width:1100px){
  .brand-features__intro{margin:0 0 36px;width:auto}
  .brand-features__message{font-size:24px}
  .brand-features__concept-label{margin-top:20px;font-size:13px}
  .brand-features__concept{margin-top:8px;font-size:17px}
  .brand-features__number{margin-bottom:8px;font-size:26px}
}
@media(max-width:700px){
  .brand-features__message{font-size:21px}
  .brand-features__concept{font-size:16px}
}