/* Preserve the approved palette and composition while giving product explanations room. */
.explain-grid article{display:flex;flex-direction:column;background:#f7f6ef}
.explain-grid article>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;padding:0}
.explain-grid article>div{padding:24px 28px 28px}
.explain-grid h3{font-size:clamp(22px,2vw,29px)}
.explain-grid p{font-size:15px;line-height:1.8;max-width:65ch}
.explain-code,.supply-kicker,.explain-eyebrow{display:none!important}
.product-explainer .explain-note{color:#44545e;font-size:13px}
#selling{background:#fff;padding-top:32px;padding-bottom:40px}
#selling .coop-row{padding:22px 0}
#selling .coop-row p{line-height:1.8;max-width:65ch}
#custom{scroll-margin-top:100px;background:#fff9e7}
#custom .supply-card{min-height:260px}
#custom .supply-thumb{display:none}
#custom .supply-card>div{max-width:none;width:100%}
#understand-products,#selling,#collection{scroll-margin-top:100px}
.journey-extra{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}
.journey-extra a{text-decoration:underline;text-underline-offset:4px;font-weight:650}
/* One visual category directory replaces the separate application banners. */
body:not(.category-detail) #category-directory .matched-category img{position:absolute;left:0;width:100%;max-width:none;height:200%;object-fit:fill;transform:none}
body:not(.category-detail) #category-directory article{display:flex;flex-direction:column;min-height:0;border-radius:8px}
body:not(.category-detail) #category-directory .directory-visual{display:flex;position:relative;aspect-ratio:3.13;padding:0;flex:none}
body:not(.category-detail) #category-directory .banner-category .approved-crop{display:block;position:relative;width:100%;overflow:hidden}
body:not(.category-detail) #category-directory .banner-category img{position:absolute;height:auto;object-fit:initial;transform:none}
body:not(.category-detail) #category-directory .name-category{gap:26px;background:#fff2bc;padding:10px;box-sizing:border-box}
body:not(.category-detail) #category-directory .name-category img{width:auto;height:100%;max-height:160px;object-fit:contain}
body:not(.category-detail) #category-directory .uv-category img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
body:not(.category-detail) #category-directory article>.directory-copy{padding:18px 20px 22px}
body:not(.category-detail) #category-directory h3{margin-bottom:12px}
body:not(.category-detail) #category-directory .directory-copy a{font-size:14px;padding:5px 0}
@media(max-width:700px){body:not(.category-detail) #category-directory{grid-template-columns:1fr}body:not(.category-detail) #category-directory .name-category img{max-height:110px}body:not(.category-detail) #category-directory article>.directory-copy{padding:16px}}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.benefit-photo{aspect-ratio:1;position:relative;overflow:hidden;background:#f5f1e8;border-radius:8px}
.benefit-photo img{position:absolute;width:300%;max-width:none;height:100%;left:calc(var(--scene)*-100%);object-fit:fill}
.benefit-photo img.original-rack{position:static;width:100%;height:100%;object-fit:contain}
.benefit-item h3{font-size:22px;line-height:1.45;margin:20px 0 12px}
.benefit-item p{font-size:15px;line-height:1.85;color:#44545e;margin:0 0 18px}
.benefit-item{display:flex;flex-direction:column;min-width:0}.benefit-item>a{margin-top:auto;align-self:flex-start}
@media(max-width:750px){.benefit-grid{grid-template-columns:1fr;gap:32px}.benefit-photo{aspect-ratio:1}.benefit-item h3{margin-top:16px}}
.journey-bridge{margin:20px auto;padding:20px 5%;background:#fff9e7;color:#112d45;line-height:1.8}
.journey-bridge a{display:inline-block;margin:6px 20px 6px 0;text-decoration:underline;text-underline-offset:4px;color:inherit}
@media(max-width:700px){.explain-grid article>div{padding:20px}.hero h1{font-size:32px}#selling .coop-row{display:block}#selling .coop-row a{display:inline-block;margin-top:12px}.supply-grid{grid-template-columns:1fr}}

#category-directory .directory-visual.hd-category{aspect-ratio:3/1;height:auto;overflow:hidden}#category-directory .directory-visual.hd-category>img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;display:block}
