.gb-brand{--gb-yellow:#f4ba2b;--gb-ink:#1d1d1b;max-width:1240px;margin:auto;padding:32px 24px 64px;color:var(--gb-ink)}
.gb-brand [hidden]{display:none!important}.gb-brand *{box-sizing:border-box}.gb-brand h1{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0 0 12px}.gb-brand h2{font-size:28px;line-height:1.25;margin:0 0 24px}.gb-brand h3{font-size:20px;line-height:1.45}.gb-brand p{line-height:1.65}.gb-brand a{color:inherit}.gb-brand :focus-visible{outline:3px solid #1d1d1b;outline-offset:4px}.gb-disclosure{font-size:13px;margin:0 0 18px}.gb-hero{padding:24px;background:#fff9e8;border:1px solid #e8dfcb;border-radius:20px}.gb-hero-main{display:flex;align-items:center;gap:28px}.gb-logo{flex:0 0 150px}.gb-logo img{display:block;width:150px;max-height:100px;object-fit:contain}.gb-hero-main>div:nth-child(2){flex:1}.gb-button,.gb-brand .gnostis-product a.gnostis-product-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;background:var(--gb-yellow);color:#000;border:2px solid #000;border-radius:9px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}.gb-button:hover,.gb-brand .gnostis-product-cta:hover{background:#ffcd4d}.gb-section{margin-top:44px}.gb-brand .gnostis-bf-countdown{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0;font-size:15px}.gb-brand .gnostis-countdown-unit{display:flex;align-items:center;gap:5px}.gb-brand .gnostis-countdown-unit strong{background:#f4efe4;border-radius:6px;padding:8px;font-variant-numeric:tabular-nums}.gb-usps{display:grid;grid-template-columns:repeat(var(--gb-usps),minmax(0,1fr));gap:14px;padding:0;list-style:none}.gb-usps li{background:#f6f1e7;border:1px solid #e8dfcb;border-radius:12px;padding:18px;font-weight:600}.gb-code{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.gb-code h2{margin:0}.gb-code code{padding:14px;border:1px dashed #666;font-size:20px}.gb-copy-status{font-size:14px}.gb-copy{max-width:920px}.gb-expand{margin:18px 0}.gb-expand h3{margin:0 0 10px}.gb-expand-body p{margin:0 0 14px}.gb-read-more{border:0;background:none;text-decoration:underline;font-weight:700;padding:12px 0;min-height:44px;cursor:pointer}.gb-faq details{border-bottom:1px solid #ddd;padding:4px 0}.gb-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;cursor:pointer;list-style:none}.gb-faq summary::-webkit-details-marker{display:none}.gb-faq summary h3{margin:0}.gb-faq summary span:after{content:'+';font-size:28px}.gb-faq details[open] summary span:after{content:'−'}.gb-related{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gb-related a{padding:22px;border:1px solid #e5dfd5;border-radius:14px;text-align:center;text-decoration:none}.gb-related img{display:block;width:100%;height:80px;object-fit:contain;margin-bottom:12px}
/* Same card classes, colors, price hierarchy and native carousel as the homepage. */
.gb-brand .gnostis-products-viewport{overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.gb-brand .gnostis-products-viewport::-webkit-scrollbar{display:none!important}.gb-brand .gnostis-products-track{display:flex!important;gap:20px!important;align-items:stretch!important}.gb-brand .gnostis-product{position:relative!important;display:flex!important;flex-direction:column!important;flex:0 0 calc((100% - 60px)/4)!important;min-width:0!important;border:1px solid #e8e2d9!important;border-radius:20px!important;background:white!important;padding:18px!important;scroll-snap-align:start!important;text-align:center!important}.gb-brand .gnostis-product>a:first-of-type{text-decoration:none!important}.gb-brand .gnostis-product-media{display:flex!important;align-items:center!important;justify-content:center!important;height:185px!important}.gb-brand .gnostis-product-media img{max-height:100%!important;width:100%!important;object-fit:contain!important}.gb-brand .gnostis-product h3{font-size:18px!important;margin:20px 0!important;min-height:78px!important;overflow-wrap:anywhere!important}.gb-brand .gnostis-product-discount{position:absolute!important;top:14px!important;left:14px!important;background:#000!important;color:#fff!important;padding:7px 11px!important;border-radius:5px!important;font-size:15px!important;font-weight:700!important}.gb-brand .gnostis-product-price{margin-top:auto!important}.gb-brand .gnostis-product-price del{display:block!important;color:#666!important;font-size:15px!important}.gb-brand .gnostis-product-price ins{display:block!important;text-decoration:none!important;color:#000!important;font-size:clamp(20px,2vw,28px)!important;font-weight:800!important;white-space:nowrap!important}.gb-brand .gnostis-product-saving{align-self:center!important;background:#edf5e9!important;color:#285b2d!important;border-radius:99px!important;padding:7px 14px!important;font-weight:700!important;margin:12px 0!important}.gb-brand .gnostis-product a.gnostis-product-cta{width:100%!important;font-size:15px!important;margin-top:4px!important}.gb-brand .gnostis-products-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;margin-top:18px!important}.gb-brand .gnostis-products-controls button{background:white!important;border:1px solid #ddd!important;border-radius:50%!important;width:44px!important;height:44px!important;font-size:26px!important;cursor:pointer!important}.gb-brand .gnostis-products-controls button:disabled{opacity:.35!important;cursor:default!important}.gb-brand .gnostis-products-status{font-size:13px!important}.gb-brand .gnostis-products-dots{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:0!important;margin-top:5px!important}.gb-brand .gnostis-products-dots button{width:28px!important;height:28px!important;border:0!important;background:transparent!important;cursor:pointer!important;display:grid!important;place-items:center!important}.gb-brand .gnostis-products-dots button:after{content:''!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#c9c4bb!important}.gb-brand .gnostis-products-dots button[aria-current=true]:after{background:#1d1d1b!important}
@media(max-width:1000px){.gb-brand .gnostis-product{flex-basis:calc((100% - 40px)/3)!important}.gb-hero-main{flex-wrap:wrap!important}}
@media(max-width:767px){.gb-brand{padding:20px 18px 44px!important}.gb-hero{padding:18px!important}.gb-hero-main{gap:14px!important}.gb-logo{flex-basis:80px!important}.gb-logo img{width:80px!important;max-height:64px!important}.gb-hero-main .gb-button{width:100%!important}.gb-brand h1{font-size:28px!important}.gb-brand h2{font-size:24px!important}.gb-brand .gnostis-bf-countdown{gap:5px!important;font-size:12px!important;white-space:nowrap!important;justify-content:space-between!important}.gb-brand .gnostis-countdown-label{max-width:100px!important;white-space:normal!important;line-height:1.3!important}.gb-brand .gnostis-countdown-unit{flex-direction:column!important;gap:2px!important}.gb-brand .gnostis-countdown-unit strong{font-size:16px!important;padding:6px!important}.gb-usps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.gb-usps li{padding:14px!important;font-size:14px!important}.gb-usps li:last-child:nth-child(odd){grid-column:1/-1!important}.gb-section{margin-top:32px!important}.gb-brand .gnostis-products-track{gap:14px!important}.gb-brand .gnostis-product{flex-basis:85%!important;padding:18px!important}.gb-brand .gnostis-product h3{min-height:52px!important}.gb-brand .gnostis-product-price ins{font-size:28px!important}.gb-code{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.gb-related{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gb-related a{padding:14px!important}.gb-expand.is-collapsed .gb-expand-body{max-height:6.6em!important;overflow:hidden!important}.gb-expand.is-collapsed .gb-expand-body>*:first-child{margin-top:0!important}}

.gb-brand .gnostis-sponsor-products{padding:0!important;position:relative!important}
.gb-brand .gnostis-products-viewport{padding:4px 0 12px!important;margin:0!important;overflow-x:auto!important}
.gb-brand .gnostis-products-track{touch-action:pan-x pan-y!important}
.gb-brand .gnostis-product-discount{right:auto!important;left:14px!important}
.gb-brand .gnostis-product-price{display:block!important;margin-top:auto!important;margin-bottom:0!important}
.gb-brand .gnostis-product-media{height:185px!important}
.gb-brand .gnostis-product img{max-width:100%!important;max-height:185px!important;width:100%!important}
.gb-brand .gb-usps{list-style:none!important;margin-left:0!important}
.gb-brand .gb-usps li{list-style:none!important}
.gb-brand .gb-logo img{height:auto!important}
.gb-brand .gnostis-product a.gnostis-product-cta{background:#f4ba2b!important;color:#000!important;border:2px solid #000!important;font-size:15px!important;padding:12px 16px!important}
.gb-brand .gnostis-product a.gnostis-product-cta:hover{background:#ffcd4d!important}
/* Shared homepage visual language: full-width yellow hero and the same bags artwork. */
main.gb-brand{max-width:none;width:100%;padding:0 0 64px;margin:0}
.gb-brand .gb-hero{width:100%;border:0;border-radius:0;background:#fed421;padding:0;overflow:hidden}
.gb-hero-inner{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;max-width:1240px;min-height:390px;margin:auto;padding:36px 24px}
.gb-hero-copy{position:relative;z-index:1}.gb-brand .gb-logo{margin-bottom:18px}.gb-brand .gb-logo img{width:145px;max-height:65px;object-fit:contain;object-position:left}
.gb-brand .gb-hero h1{font-size:46px;line-height:1.08;font-weight:800;margin:0 0 18px}.gb-brand .gb-hero-intro{font-size:18px;line-height:1.55;max-width:540px;margin:0 0 22px}.gb-brand .gb-disclosure{margin:0 0 16px;font-size:12px}
.gb-brand .gb-hero .gb-button{background:#1d1d1b;color:#fff}.gb-brand .gb-hero-art{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;align-self:center}
.gb-brand-content{max-width:1240px;margin:auto;padding:0 24px}
.gb-demo-notice{padding:12px 24px;background:#fff3cd;color:#513d00;font-size:13px;line-height:1.5;text-align:center}
@media(max-width:767px){.gb-hero-inner{grid-template-columns:minmax(0,1fr) 110px;gap:8px;min-height:0;padding:24px 18px}.gb-brand .gb-hero h1{font-size:32px}.gb-brand .gb-hero-intro{font-size:16px}.gb-brand .gb-hero-art{width:170px;max-width:none;transform:translateX(-12px);opacity:.85}.gb-brand .gb-logo img{width:110px;max-height:46px}.gb-brand .gb-hero .gb-button{font-size:13px;padding:10px 12px}.gb-brand-content{padding-inline:18px}.gb-demo-notice{font-size:12px;padding:10px 18px}}
/* Keep the hero edge-to-edge even inside the theme's mobile wrapper. */
.gb-brand .gb-hero{width:100vw;margin-left:calc(50% - 50vw)}
@media(max-width:767px){.gb-hero-inner{grid-template-columns:minmax(0,1fr);gap:12px}.gb-brand .gb-hero-art{width:190px;max-width:100%;max-height:150px;justify-self:center;transform:none;opacity:1}.gb-brand .gb-hero-intro{max-width:100%}}

/* Only show navigation when the viewport has products to scroll to. */
.gb-brand .gb-carousel-fits .gnostis-products-controls,.gb-brand .gb-carousel-fits .gnostis-products-dots{display:none!important}
.gb-brand .gb-hero-art{max-height:460px;transform:scale(1.18)}
@media(max-width:767px){.gb-brand .gb-hero-art{width:260px;max-height:210px;transform:none}}

.gb-brand .gb-price-proof-preview{display:block;align-self:center;margin:8px 0;padding:6px 9px;border:1px solid #ded4ac;border-radius:6px;background:#fff8dc;color:#51451e;font-size:11px;line-height:1.4;font-weight:600}.gb-price-proof-preview small{display:block;font-size:10px;font-weight:400}

/* Compact brand hero while retaining the larger bags artwork. */
.gb-hero-inner{min-height:0;padding-block:12px}
.gb-brand .gb-hero-art{max-height:330px;transform:scale(1.18)}
@media(max-width:767px){.gb-hero-inner{padding-block:14px;gap:0}.gb-brand .gb-hero-art{max-height:160px;transform:none}.gb-brand .gb-hero-intro{margin-bottom:14px}}
/* FAQ panel matches the warm borders and rounded product cards. */
.gb-brand .gb-section.gb-faq{background:#fff;border:1px solid #e8e2d9;border-radius:20px;padding:32px;box-shadow:0 8px 28px rgba(29,29,27,.06)}
.gb-brand .gb-faq>h2{margin-bottom:16px}
.gb-brand .gb-faq details{border-bottom:1px solid #eee8de;padding:4px 0}
.gb-brand .gb-faq details:last-child{border-bottom:0}
.gb-brand .gb-faq summary{padding:18px 0;gap:20px}
.gb-brand .gb-faq summary h3{font-size:18px;line-height:1.45}
.gb-brand .gb-faq summary>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#fff6da;color:#1d1d1b}
.gb-brand .gb-faq summary>span:after{font-size:22px;line-height:1}
.gb-brand .gb-faq details[open] summary>span{background:#fed421}
.gb-brand .gb-faq details>div{padding:0 48px 12px 0;color:#57534d;line-height:1.7}
.gb-brand .gb-faq details>div p:last-child{margin-bottom:0}
@media(max-width:767px){.gb-brand .gb-section.gb-faq{padding:22px 18px;border-radius:16px}.gb-brand .gb-faq summary{gap:12px;padding:16px 0}.gb-brand .gb-faq summary h3{font-size:16px}.gb-brand .gb-faq details>div{padding-right:0}}
/* Keep a divider below every question, open or closed. */
.gb-brand .gb-faq details{border-bottom:0}
.gb-brand .gb-faq details>summary{border-bottom:1px solid #eee8de}
.gb-brand .gb-faq details[open]>summary{margin-bottom:16px}
/* Compact, individually separated FAQ entries. */
.gb-brand .gb-faq details,.gb-brand .gb-faq details:last-child{padding:0 14px;margin:0 0 8px;border:1px solid #eee8de;border-radius:10px;background:#fff}
.gb-brand .gb-faq details:last-child{margin-bottom:0}
.gb-brand .gb-faq summary{padding:8px 0;gap:12px}
.gb-brand .gb-faq summary h3{margin:0;padding:0}
.gb-brand .gb-faq details>summary{border-bottom:1px solid #eee8de}
.gb-brand .gb-faq details[open]>summary{margin-bottom:8px}
.gb-brand .gb-faq details>div{padding-bottom:10px}
@media(max-width:767px){.gb-brand .gb-faq details,.gb-brand .gb-faq details:last-child{padding-inline:10px}.gb-brand .gb-faq summary{padding-block:8px}}
.gb-brand .gb-faq summary h3{margin-top:5px!important;margin-bottom:5px!important}
/* Mobile hero: keep the bags to the right of the copy. */
@media(max-width:767px){
 .gb-brand .gb-hero-inner{grid-template-columns:minmax(0,1fr) minmax(90px,30%);gap:8px;align-items:center}
 .gb-brand .gb-hero-art{width:100%;max-width:100%;height:auto;max-height:210px;justify-self:end;transform:none}
 .gb-brand .gb-hero h1{font-size:clamp(25px,6.8vw,32px)}
}
/* Larger mobile artwork, positioned independently of the text flow. */
@media(max-width:767px){
 .gb-brand .gb-hero-inner{display:block;position:relative;isolation:isolate}
 .gb-brand .gb-hero-copy{width:68%;position:relative;z-index:1}
 .gb-brand .gb-hero-art{position:absolute;right:-26px;top:50%;width:clamp(175px,48vw,290px);max-width:none;max-height:none;height:auto;transform:translateY(-50%);z-index:0;pointer-events:none}
}

/* Match sponsor banners to the approved category hero. */
/* Category banner: centered copy framed by percentage and bags. */
.gb-brand[data-tier] .gb-hero{position:relative;isolation:isolate}
.gb-brand[data-tier] .gb-hero:before{content:'%';position:absolute;left:-65px;top:50%;transform:translateY(-50%) rotate(-12deg);font-size:430px;font-weight:800;line-height:1;color:#fff9e8;pointer-events:none;z-index:0}
.gb-brand[data-tier] .gb-hero-inner{display:block;max-width:1440px;min-height:270px;padding:42px 280px;position:relative}
.gb-brand[data-tier] .gb-hero-copy{width:100%;text-align:center;position:relative;z-index:1}
.gb-brand[data-tier] .gb-hero h1{font-size:40px;line-height:1.2;margin-bottom:18px}

.gb-brand[data-tier] .gb-hero-intro{max-width:780px;margin:0 auto;font-size:18px;line-height:1.55}
.gb-brand[data-tier] .gb-hero-art{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:260px;max-width:none;max-height:250px;height:auto;z-index:0;pointer-events:none}
.gb-brand[data-tier] .gb-disclosure{font-size:11px;margin-bottom:10px}
@media(min-width:768px) and (max-width:1100px){.gb-brand[data-tier] .gb-hero-inner{padding:36px 190px;min-height:250px}.gb-brand[data-tier] .gb-hero h1{font-size:32px}.gb-brand[data-tier] .gb-hero-art{width:190px;right:0}.gb-brand[data-tier] .gb-hero:before{font-size:320px;left:-90px}}
@media(max-width:767px){.gb-brand[data-tier] .gb-hero-inner{min-height:230px;padding:32px 20px;z-index:1}.gb-brand[data-tier] .gb-hero-copy{width:64%;text-align:left;overflow-wrap:break-word}.gb-brand[data-tier] .gb-hero h1{font-size:28px;line-height:1.2}.gb-brand[data-tier] .gb-hero-intro{font-size:15px}.gb-brand[data-tier] .gb-hero-art{position:absolute;width:72%;right:-38%;top:50%;transform:translateY(-50%);max-width:none;max-height:none;opacity:1;pointer-events:none}.gb-brand[data-tier] .gb-hero:before{font-size:250px;left:-115px;opacity:.45}}
/* Oversized percentage loops, without the diagonal middle stroke. */
.gb-brand[data-tier] .gb-hero:before,.gb-brand[data-tier] .gb-hero:after{content:'';position:absolute;box-sizing:border-box;width:220px;height:390px;border:66px solid #fff9e8;border-radius:50%;transform:rotate(-8deg);pointer-events:none;z-index:0;opacity:1}
.gb-brand[data-tier] .gb-hero:before{left:-95px;top:-120px}
.gb-brand[data-tier] .gb-hero:after{left:145px;top:75px}
@media(min-width:768px) and (max-width:1100px){.gb-brand[data-tier] .gb-hero:before,.gb-brand[data-tier] .gb-hero:after{width:175px;height:310px;border-width:52px}.gb-brand[data-tier] .gb-hero:before{left:-105px;top:-100px}.gb-brand[data-tier] .gb-hero:after{left:60px;top:100px}}
@media(max-width:767px){.gb-brand[data-tier] .gb-hero:before,.gb-brand[data-tier] .gb-hero:after{width:130px;height:240px;border-width:38px;opacity:.45}.gb-brand[data-tier] .gb-hero:before{left:-95px;top:-100px}.gb-brand[data-tier] .gb-hero:after{left:-75px;top:120px}}

.gb-brand[data-tier] .gb-logo{margin:0 auto 12px}.gb-brand[data-tier] .gb-logo img{margin:auto;object-position:center;max-height:46px}.gb-brand[data-tier] .gb-hero-intro{margin-bottom:18px}
/* Larger sponsor hero bags on desktop. */
@media(min-width:1101px){.gb-brand[data-tier] .gb-hero-art{width:360px;max-height:350px;right:-38px}}

/* Align the mobile sponsor logo with the hero copy. */
@media(max-width:767px){.gb-brand[data-tier] .gb-logo{margin:0 0 12px}.gb-brand[data-tier] .gb-logo img{margin:0;object-position:left}}

/* Keep the complete mobile illustration alongside the copy, without offsets. */
.gb-hero-picture{display:contents}
@media(max-width:767px){
 .gb-brand[data-tier] .gb-hero{padding:0!important}
 .gb-brand[data-tier] .gb-hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px;align-items:center;padding:28px clamp(16px,4vw,28px);min-height:230px}
 .gb-brand[data-tier] .gb-hero-copy{width:100%;min-width:0;text-align:left}
 .gb-brand[data-tier] .gb-hero h1{font-size:clamp(22px,5.7vw,32px)!important;line-height:1.2}
 .gb-brand[data-tier] .gb-hero-art{grid-column:2;grid-row:1;position:static;width:100%;max-width:100%;height:auto;max-height:none;transform:none;opacity:1;justify-self:stretch;object-fit:contain}
 .gb-brand[data-tier] .gb-hero .gb-button{max-width:100%;white-space:normal;text-align:center}
}

.gb-hero-picture source{display:none}
