/* Evergreen home: native Elementor campaigns around live WooCommerce merchandising. */
.oc48{--oc48-gap:clamp(24px,4vw,64px)}
/* The live hero uses a CSS ID; reserve its existing natural ratio before download. */
.elementor .oc48 #oc45-hero-image img[src*="/outcast-design-edition/assets/campaign45-hq.webp"]{aspect-ratio:auto 1672 / 941}
.elementor .oc48 .oc48-arrivals,.elementor .oc48 .oc48-categories{display:flex;flex-direction:column;align-items:stretch;gap:32px}
.elementor .oc48 .oc48-section-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px}
.oc48 .oc48-section-heading .oc45-link{width:auto;flex-shrink:0}
.oc48 .oc48-section-heading .elementor-button{white-space:nowrap}
.oc48 .oc48-arrivals .oc40-section-head:has(>div:empty){display:none}
.elementor .oc48 .oc48-categories{padding-top:0}
.elementor .oc48 .oc48-campaign{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:var(--oc48-gap)}
.oc48 .oc48-campaign-image{width:100%;overflow:hidden;background:#f4f4f4}
.oc48 .oc48-campaign-image a{display:block}
.elementor .oc48 .oc48-campaign-image img{width:100%;height:clamp(380px,46vw,630px);object-fit:cover;object-position:60% center;filter:grayscale(1)}
.elementor .oc48 .oc48-campaign-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:24px 0}
.oc48 .oc48-campaign-copy .oc45-copy{max-width:32ch;font-size:16px;line-height:1.65}
.oc48 .oc48-campaign-copy .oc45-h2 .elementor-heading-title{font-size:clamp(38px,4.5vw,68px);max-width:10ch;line-height:1.02}
.oc48 .oc45-journal:not(:has(.oc-post-card)),.oc48 .oc48-categories:not(:has(.oc-category-item)){display:none}
.oc48 .oc45-brand .elementor-heading-title{font-size:clamp(36px,4vw,60px)}
@media(max-width:767px){
 .elementor .oc48 .oc48-arrivals{padding-top:28px;gap:20px}
 .elementor .oc48 .oc48-categories{gap:20px}
 .elementor .oc48 .oc48-section-heading{gap:12px;align-items:flex-end}
 .oc48 .oc48-section-heading .elementor-heading-title{font-size:clamp(25px,6.7vw,31px);line-height:1.1}
 .oc48 .oc48-section-heading .elementor-button{font-size:12px}
 .elementor .oc48 .oc48-campaign{grid-template-columns:minmax(0,1fr);gap:0}
 .elementor .oc48 .oc48-campaign-image img{height:clamp(340px,105vw,460px)}
 .elementor .oc48 .oc48-campaign-copy{padding:26px 0 0;gap:16px}
 .oc48 .oc48-campaign-copy .oc45-h2 .elementor-heading-title{font-size:40px}
 .oc48 .oc48-campaign-copy .oc45-copy{font-size:14px}
 .oc48 .oc45-brand .elementor-heading-title{font-size:38px}
 .oc48 .oc40-merch-grid .oc40-product-name{font-size:14px;line-height:1.4}
 .oc48 .oc40-merch-grid .oc40-product-price{font-size:15px}
}