.brand-page-header{background:linear-gradient(160deg,#0d9bad 0%,#0a7e8c 45%,#064d57 100%);position:relative;overflow:hidden}.brand-page-header:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-40px;right:-60px}.bph-shell{width:100%;max-width:1280px;margin:0 auto;padding:56px 16px 28px}@media (min-width:768px){.bph-shell{padding:60px 32px 32px}}@media (min-width:1024px){.bph-shell{padding:64px 40px 36px}}@media (min-width:1280px){.bph-shell{padding-top:68px;padding-bottom:40px}}@media (min-width:1536px){.bph-shell{padding-top:72px;padding-left:56px;padding-right:56px}}.brand-page-header:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.028'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.prod-grid-layout{background:var(--surface-2,#f3f1ee);grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;transition:grid-template-columns .35s;display:grid}.prod-grid-layout.has-expanded{grid-template-rows:auto auto;grid-template-columns:1fr 2.2fr}.prod-card-base{background:var(--surface,#fff);border:1.5px solid var(--border-spec,#00000012);cursor:default;border-radius:12px;flex-direction:row;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.prod-card-base:hover:not(.is-expanded){box-shadow:var(--shadow-md);border-color:#0a7e8c26}.prod-card-base.is-expanded{border-color:var(--teal,#0a7e8c);box-shadow:0 0 0 2.5px #0a7e8c2e, var(--shadow-md);grid-area:1/2/3}.prod-card-base.is-mini{opacity:.8;grid-column:1}.prod-card-base.is-mini:hover{opacity:1}.prod-img-col{border-right:1px solid var(--border-spec,#00000012);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:140px;transition:width .35s;display:flex;position:relative;overflow:hidden}.prod-img-col:after{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.022'/%3E%3C/svg%3E");background-size:100px;position:absolute;inset:0}.is-mini .prod-img-col{width:100px}.is-expanded .prod-img-col{border-left:3px solid var(--teal,#0a7e8c)}.retailer-rows{border-top:1px solid var(--border-spec,#00000012);display:none}.is-expanded .retailer-rows{display:block}.bcard-hero-zone{justify-content:center;align-items:center;height:82px;display:flex;position:relative;overflow:hidden}.bcard-hero-zone:after{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.022'/%3E%3C/svg%3E");background-size:100px;position:absolute;inset:0}.bcard-tone-warm{background:linear-gradient(145deg,#f8f3ea,#eee5d2)}.bcard-tone-green{background:linear-gradient(145deg,#ecf5ef,#dcf1e3)}.bcard-tone-purple{background:linear-gradient(145deg,#f2eaf7,#e6d8f3)}.bcard-tone-terra{background:linear-gradient(145deg,#f7ede8,#f1ddd3)}.bcard-tone-blue{background:linear-gradient(145deg,#e9f2f7,#d8e9f2)}.prod-grid-layout,.prod-grid-layout.has-expanded{grid-template-columns:1fr}.prod-card-base.is-expanded{grid-area:auto/1}@media (min-width:768px){.prod-grid-layout{grid-template-columns:repeat(2,1fr)}.prod-grid-layout.has-expanded{grid-template-columns:1fr 1.8fr}.prod-card-base.is-expanded{grid-area:auto}}@media (min-width:1024px){.prod-grid-layout{grid-template-columns:repeat(3,1fr)}.prod-grid-layout.has-expanded{grid-template-columns:1fr 2.2fr}}
