/* Natren-v3 1.1.4: local typography, editable theme tokens and responsive components. */
@font-face{font-family:"Natren ModernSans";src:url("/themes/natren/fonts/manrope-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Natren ModernSans";src:url("/themes/natren/fonts/manrope-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Natren ModernSans";src:url("/themes/natren/fonts/manrope-600.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Natren ModernSans";src:url("/themes/natren/fonts/manrope-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Natren ModernSans";src:url("/themes/natren/fonts/manrope-800.ttf") format("truetype");font-style:normal;font-weight:800;font-display:swap}
/* Natren storefront theme. Shop content, products and imagery stay editable. */
body.theme-natren {
    --natren-navy: #10294e;
    --natren-deep: #071f38;
    --natren-cream: #f2f1e9;
    --natren-paper: #fdfcf9;
    --natren-ink: #172d49;
    --natren-muted: #586a7e;
    --natren-aqua: #bceef0;
    --natren-aqua-ink: #102b43;
    --natren-line: #dedfd8;
    --natren-card: #fffdfa;
    font-family: "Natren ModernSans", Arial, sans-serif !important;
    font-synthesis: none;
    background: var(--natren-paper) !important;
    color: var(--natren-ink) !important;
}

body.theme-natren :where(h1, h2, h3, h4, .section-title, .apple-card-title) {
    color: var(--natren-navy) !important;
    font-family: "Natren ModernSans", Arial, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: -.035em;
}

body.theme-natren :where(p, li, label, .text-secondary) { color: var(--natren-muted); }
body.theme-natren .sel-header {
    background: var(--natren-paper) !important;
    border-bottom: 1px solid var(--natren-line);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
body.theme-natren .apple-header-sep { display: none; }
body.theme-natren :where(.apple-nav-link, .apple-nav-icon) { color: var(--natren-navy) !important; }
body.theme-natren :where(.apple-nav-link, .apple-nav-icon):hover {
    color: var(--natren-navy) !important;
    background: var(--natren-cream) !important;
}

body.theme-natren main { background: var(--natren-paper); }
body.theme-natren .section-title {
    font-size: clamp(2rem, 4.2vw, 3.4rem);
    line-height: 1.08;
}

/* Editable hero fallback: bundled neutral imagery keeps a fresh installation
   intentional without importing any customer's catalog or media. */
body.theme-natren .natren-hero-text {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(90deg, rgb(7 25 45 / 88%) 0%, rgb(9 31 54 / 70%) 43%, rgb(9 31 54 / 8%) 100%),
        url('/themes/natren/hero-editorial.jpg') 62% 52% / cover no-repeat,
        linear-gradient(110deg, #071b32 0%, #102c4a 58%, #173b5a 100%) !important;
    color: #fff !important;
}
body.theme-natren .natren-hero-text > div {
    position: relative;
    z-index: 1;
    max-width: 1240px !important;
    padding-top: clamp(58px, 7vw, 96px) !important;
    padding-bottom: clamp(58px, 7vw, 96px) !important;
    text-align: left !important;
}
body.theme-natren .natren-hero-text :where(h1, h2, h3, p, span) { color: #fff !important; }
body.theme-natren .natren-hero-text .ht-title {
    max-width: 650px;
    font-size: clamp(2.7rem, 5vw, 4.7rem) !important;
    line-height: .98 !important;
}
body.theme-natren .natren-hero-text .ht-sub {
    max-width: 460px;
    color: rgb(255 255 255 / 84%) !important;
    font-size: clamp(1.05rem, 1.6vw, 1.35rem) !important;
}

/* Existing slider content is editable per shop. Keep its text readable and
   its call-to-action consistent with the Natren reference palette. */
body.theme-natren .hero-slider-root { background: var(--natren-deep) !important; }
body.theme-natren .hero-slider-root .hs-title { font-family: "Natren ModernSans", Arial, sans-serif !important; }
body.theme-natren .hero-slider-root a[style*="#0071e3"],
body.theme-natren .natren-hero-text a[style*="#0071e3"] {
    background: var(--natren-aqua) !important;
    color: var(--natren-aqua-ink) !important;
    border: 1px solid transparent;
    border-radius: 999px !important;
    font-weight: 600 !important;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
body.theme-natren .hero-slider-root a[style*="#0071e3"]:hover,
body.theme-natren .natren-hero-text a[style*="#0071e3"]:hover {
    background: #fff !important;
    color: var(--natren-navy) !important;
    transform: translateY(-1px);
}
body.theme-natren .hero-slider-root .slider-play { border-radius: 999px; }

body.theme-natren .apple-card {
    overflow: hidden;
    border: 1px solid var(--natren-line);
    border-radius: 10px;
    background: var(--natren-card);
    box-shadow: 0 5px 22px rgb(16 41 78 / 5%);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body.theme-natren .apple-card:hover {
    border-color: #aab8c2;
    box-shadow: 0 12px 30px rgb(16 41 78 / 10%);
    transform: translateY(-2px);
}
body.theme-natren .apple-card-imagewrap { background: #f7f6f0; }
body.theme-natren .apple-card-title { font-size: 1.55rem; line-height: 1.2; }
body.theme-natren .natren-trust {
    max-width: none !important;
    padding: 0 24px !important;
    border-block: 1px solid var(--natren-line);
    background: var(--natren-cream);
}
body.theme-natren .natren-trust-grid {
    max-width: 1240px;
    margin: 0 auto;
    gap: 0 !important;
}
body.theme-natren .natren-trust-item {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 19px 18px !important;
    text-align: left !important;
}
body.theme-natren .natren-trust-item > div:first-child {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin: 0 !important;
    border-radius: 50% !important;
    background: var(--natren-aqua) !important;
}
body.theme-natren .natren-trust-item > div:first-child svg { width: 18px; height: 18px; color: var(--natren-navy) !important; }
body.theme-natren .natren-trust-item p:first-of-type { margin: 0 !important; color: var(--natren-navy) !important; font-size: 13px !important; font-weight: 650 !important; }
body.theme-natren .natren-trust-item p:last-of-type { margin: 2px 0 0 !important; color: var(--natren-muted) !important; font-size: 12px !important; line-height: 1.4 !important; }
body.theme-natren :where(.apple-card-btn-primary, .btn-primary, a.button, button.button) {
    border-radius: 999px;
    background: var(--natren-navy) !important;
    color: #fff !important;
    font-weight: 600;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
body.theme-natren :where(.apple-card-btn-primary, .btn-primary, a.button, button.button):hover {
    background: var(--natren-aqua) !important;
    color: var(--natren-aqua-ink) !important;
    transform: translateY(-1px);
}

/* Every link/button hover declares foreground AND background. This prevents
   the previous blue-on-blue/invisible-label state throughout the storefront. */
body.theme-natren main a:not([class*="btn"]):not(.button):hover,
body.theme-natren main button:not([class*="btn"]):hover {
    color: var(--natren-navy) !important;
    background-color: var(--natren-cream) !important;
}
/* Keep the product link confined to the image, clear of the card copy. */
body.theme-natren main .product-card.apple-card > .apple-card-imagewrap,
body.theme-natren main .product-card.apple-card > .apple-card-body {
    position: relative !important;
    z-index: 1 !important;
}
body.theme-natren main .product-card.apple-card > .apple-card-body a {
    position: relative !important;
    z-index: 2 !important;
}
body.theme-natren .natren-hero-text a:not([style*="#0071e3"]) {
    color: var(--natren-aqua) !important;
}
body.theme-natren .natren-hero-text a:not([style*="#0071e3"]):hover {
    color: var(--natren-aqua-ink) !important;
    background: var(--natren-aqua) !important;
}
body.theme-natren .apple-footer {
    background: var(--natren-deep) !important;
    color: #fff !important;
}
body.theme-natren .apple-footer :where(a, p, span, h2, h3) { color: #fff !important; }
body.theme-natren .apple-footer a:hover { color: var(--natren-aqua) !important; }
body.theme-natren .apple-footer a { text-decoration-thickness: 1px; text-underline-offset: 3px; }

body.theme-natren :where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid #7798b7;
    outline-offset: 3px;
}

@media (max-width: 767px) {
    body.theme-natren .section-title { font-size: clamp(2rem, 8vw, 2.6rem); }
    body.theme-natren .apple-card-title { font-size: 1.35rem; }
    body.theme-natren .natren-hero-text {
        background:
            linear-gradient(90deg, rgb(7 25 45 / 88%) 0%, rgb(9 31 54 / 52%) 100%),
            url('/themes/natren/hero-editorial.jpg') 68% center / cover no-repeat,
            linear-gradient(110deg, #071b32 0%, #102c4a 58%, #173b5a 100%) !important;
    }
    body.theme-natren .natren-hero-text > div { padding-top: 54px !important; padding-bottom: 54px !important; }
    body.theme-natren .natren-hero-text .ht-title { font-size: clamp(2.5rem, 10vw, 3.8rem) !important; }
    body.theme-natren .natren-trust { padding: 0 16px !important; }
    body.theme-natren .natren-trust-grid { grid-template-columns: 1fr !important; }
    body.theme-natren .natren-trust-item { padding: 14px 4px !important; }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-natren *, body.theme-natren *::before, body.theme-natren *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* The editable text hero uses .ht-b-wrap, not the legacy .natren-hero-text class. */
body.theme-natren main section:has(.ht-b-wrap) {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 470px;
    display: flex;
    align-items: center;
    background:
        linear-gradient(90deg, rgb(7 25 45 / 88%) 0%, rgb(9 31 54 / 70%) 43%, rgb(9 31 54 / 8%) 100%),
        url('/themes/natren/hero-editorial.jpg') 62% 52% / cover no-repeat,
        linear-gradient(110deg, #071b32 0%, #102c4a 58%, #173b5a 100%) !important;
}
body.theme-natren main section:has(.ht-b-wrap) .ht-b-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1240px !important;
    margin: 0 auto;
    padding: clamp(58px, 7vw, 96px) 32px !important;
    text-align: left !important;
}
body.theme-natren main section:has(.ht-b-wrap) :where(h1, h2, h3, p, span) { color: #fff !important; }
body.theme-natren main section:has(.ht-b-wrap) .ht-title {
    max-width: 650px;
    font-size: clamp(2.7rem, 5vw, 4.7rem) !important;
    line-height: .98 !important;
}
body.theme-natren main section:has(.ht-b-wrap) .ht-sub {
    max-width: 460px;
    color: rgb(255 255 255 / 84%) !important;
    font-size: clamp(1.05rem, 1.6vw, 1.35rem) !important;
}
body.theme-natren main section:has(.ht-b-wrap) a[style*="#0071e3"] {
    background: var(--natren-aqua) !important;
    color: var(--natren-aqua-ink) !important;
    border-radius: 999px !important;
}
body.theme-natren main section:has(.ht-b-wrap) a[style*="#0071e3"]:hover {
    background: #fff !important;
    color: var(--natren-navy) !important;
}

@media (max-width: 767px) {
    body.theme-natren main section:has(.ht-b-wrap) {
        min-height: 440px;
        background:
            linear-gradient(90deg, rgb(7 25 45 / 88%) 0%, rgb(9 31 54 / 52%) 100%),
            url('/themes/natren/hero-editorial.jpg') 68% center / cover no-repeat,
            linear-gradient(110deg, #071b32 0%, #102c4a 58%, #173b5a 100%) !important;
    }
    body.theme-natren main section:has(.ht-b-wrap) .ht-b-wrap { padding: 54px 22px !important; }
    body.theme-natren main section:has(.ht-b-wrap) .ht-title { font-size: clamp(2.5rem, 10vw, 3.8rem) !important; }
}

/* Keep footer action labels readable on the light buttons. */
body.theme-natren .apple-footer :is(button, input[type="submit"], a.button, a[class*="btn"], [role="button"]) {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    background: var(--natren-cream) !important;
    border: 1px solid rgb(188 238 240 / 72%) !important;
    color: var(--natren-navy) !important;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none !important;
    vertical-align: middle;
    white-space: normal;
    box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.theme-natren .apple-footer :is(button, input[type="submit"], a.button, a[class*="btn"], [role="button"]) :is(span, svg, i) {
    color: var(--natren-navy) !important;
}
body.theme-natren .apple-footer :is(button, input[type="submit"], a.button, a[class*="btn"], [role="button"]):hover,
body.theme-natren .apple-footer :is(button, input[type="submit"], a.button, a[class*="btn"], [role="button"]):focus-visible {
    background: var(--natren-aqua) !important;
    color: var(--natren-aqua-ink) !important;
    border-color: var(--natren-aqua) !important;
    box-shadow: 0 3px 9px rgb(0 0 0 / 14%);
    transform: translateY(-1px);
}
/* Footer action links use utility classes rather than a button class. */
body.theme-natren .apple-footer a.inline-flex {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    background: var(--natren-cream) !important;
    border: 1px solid rgb(188 238 240 / 72%) !important;
    color: var(--natren-navy) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    vertical-align: middle;
    white-space: normal;
    box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
    text-decoration: none !important;
}
body.theme-natren .apple-footer a.inline-flex :is(span, svg, i) { color: var(--natren-navy) !important; }
body.theme-natren .apple-footer a.inline-flex:hover,
body.theme-natren .apple-footer a.inline-flex:focus-visible {
    background: var(--natren-aqua) !important;
    color: var(--natren-aqua-ink) !important;
    border-color: var(--natren-aqua) !important;
    box-shadow: 0 3px 9px rgb(0 0 0 / 14%);
    transform: translateY(-1px);
}
/* Give the combined Natren and anniversary mark breathing room in the header. */
@media (min-width: 768px) {
    body.theme-natren .sel-header { height: 100px !important; min-height: 100px !important; }
    body.theme-natren .sel-header-innen { height: 100px !important; }
    body.theme-natren .sel-header-innen > div:first-child { height: 100px !important; }
    body.theme-natren .sel-header-logo-link { width: 205px; height: 78px; transform: none; }
}
@media (max-width: 767px) {
    body.theme-natren .sel-header { height: 76px !important; min-height: 76px !important; }
    body.theme-natren .sel-header-innen { height: 76px !important; }
    body.theme-natren .sel-header-innen > div:first-child { height: 76px !important; }
    body.theme-natren .sel-header-logo-link { width: 116px; height: 46px; padding: 0; transform: none; }
}

/* Alternate the editable homepage bands. Keep each band full-width while the
   content remains transparent, so separate sections are easy to scan. */
body.theme-natren main > .sel-block-pad-normal:nth-child(odd of .sel-block-pad-normal) {
    background-color: var(--natren-cream) !important;
}
body.theme-natren main > .sel-block-pad-normal:nth-child(even of .sel-block-pad-normal) {
    background-color: var(--natren-paper) !important;
}

/* The final editable CTA is a light band. Its original dark-blue background
   combined with dark theme text made the heading and copy unreadable. */
body.theme-natren main section:has(.ht-8-wrap) {
    background: var(--natren-cream) !important;
}
body.theme-natren main section:has(.ht-8-wrap) :where(h1, h2, h3, .ht-title) {
    color: var(--natren-navy) !important;
}
body.theme-natren main section:has(.ht-8-wrap) :where(p, .ht-sub) {
    color: var(--natren-muted) !important;
}
body.theme-natren main section:has(.ht-8-wrap) a[style*="#0071e3"] {
    background: var(--natren-navy) !important;
    color: #fff !important;
    font-weight: 600 !important;
}
body.theme-natren main section:has(.ht-8-wrap) a:not([style*="#0071e3"]) {
    color: var(--natren-navy) !important;
    border: 1px solid var(--natren-navy);
}
body.theme-natren main section:has(.ht-8-wrap) a:hover,
body.theme-natren main section:has(.ht-8-wrap) a:focus-visible {
    background: var(--natren-aqua) !important;
    color: var(--natren-aqua-ink) !important;
}

/* Typography matches the approved Natren preview across descriptions and controls. */
body.theme-natren :where(p,li,td,th,label,input,select,textarea,button,.product-description,.category-description,.apple-card-description){font-family:"Natren ModernSans",Arial,sans-serif!important}
body.theme-natren :where(h1,h2,h3,h4,.section-title,.apple-card-title){font-weight:600!important}

/* Natren-v3: the approved ModernSans typography, bundled locally. */

body.theme-natren,body.theme-natren :where(h1,h2,h3,h4,h5,h6,p,li,td,th,label,input,select,textarea,button,a,.section-title,.apple-card-title,.hs-title,.ht-title){font-family:"Natren ModernSans",Arial,sans-serif!important}
body.theme-natren :where(h1,h2){font-weight:700!important;letter-spacing:-.04em!important;line-height:1.12!important}
body.theme-natren :where(h3,h4,.apple-card-title){font-weight:600!important;letter-spacing:-.025em!important}
body.theme-natren .sel-header-logo img{max-height:70px!important;width:auto!important;object-fit:contain}
body.theme-natren .sel-header-inner{min-height:100px!important;padding-top:14px!important;padding-bottom:14px!important}
body.theme-natren .natren-band{padding:80px max(24px,calc((100% - 1200px)/2));}
body.theme-natren .natren-band h2{font-size:clamp(28px,4vw,46px);margin:0 0 24px}
body.theme-natren .natren-band p{line-height:1.7;font-size:16px}
body.theme-natren .natren-band--navy{background:#173f6b!important;color:#fff!important;text-align:center}
body.theme-natren .natren-band--navy :where(h2,p,a){color:#fff!important}
body.theme-natren .natren-band--sage{background:#e8eadc!important}
body.theme-natren .natren-band .natren-link{display:inline-flex;gap:10px;align-items:center;padding:14px 24px;border-radius:999px;border:1px solid currentColor;text-decoration:none;font-weight:600;margin:16px 8px 0 0}
@media(max-width:767px){body.theme-natren .natren-band{padding:48px 24px}body.theme-natren .sel-header-logo img{max-height:46px!important}}

/* Natren-v3 full-width editorial slider. Content is stored in editable slides. */
body.theme-natren main > div:has(> .natren-split-slider),body.theme-natren main > section:has(.natren-split-slider){max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
body.theme-natren .natren-split-slider{position:relative;width:100%;overflow:hidden;background:var(--natren-cream)}
body.theme-natren .natren-split-slide{display:grid;grid-template-columns:46% 54%;min-height:560px;background:var(--natren-cream)}
body.theme-natren .natren-split-copy{padding:72px 50px 100px max(32px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
body.theme-natren .natren-split-copy h1{font-family:"Natren ModernSans",Arial,sans-serif!important;font-size:clamp(36px,4.2vw,64px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.05em!important;color:var(--natren-navy)!important;margin:16px 0 24px;max-width:560px}
body.theme-natren .natren-kicker{font-size:11px!important;letter-spacing:.16em;font-weight:600}
body.theme-natren .natren-split-sub{font-size:18px!important;line-height:1.7;max-width:400px;margin:0 0 28px}
body.theme-natren .natren-split-image{min-width:0;overflow:hidden;display:flex;align-items:center;background:#fff}
body.theme-natren .natren-split-image img{width:100%;height:100%;max-height:620px;object-fit:contain;display:block}
body.theme-natren .natren-split-slide--dark{background:#0c2038}
body.theme-natren .natren-split-slide--dark .natren-split-image{background:#0c2038}
body.theme-natren .natren-split-slide--dark .natren-split-image img{object-fit:cover;object-position:100% center}
body.theme-natren .natren-split-slide--dark .natren-split-copy :where(h1,p){color:#fff!important}
body.theme-natren .natren-split-button{display:inline-flex;align-items:center;gap:28px;min-height:48px;padding:14px 24px;background:var(--natren-aqua);border-radius:999px;color:var(--natren-navy)!important;font-size:14px;font-weight:600;text-decoration:none;line-height:1.4}
body.theme-natren .natren-split-button:hover{background:#fff;color:var(--natren-navy)!important}
body.theme-natren .natren-slider-controls{display:flex;justify-content:space-between;align-items:center;padding:18px max(32px,calc((100vw - 1200px)/2));background:var(--natren-paper)}
body.theme-natren .natren-slider-controls button{appearance:none;background:none;color:var(--natren-navy);cursor:pointer;font:inherit}
body.theme-natren .natren-slider-dots{display:flex;gap:6px}.natren-slider-dots button{border:0;padding:8px}.natren-slider-dots span{display:block;width:9px;height:9px;border:1px solid currentColor;border-radius:50%}.natren-slider-dots [aria-current="true"] span{background:currentColor}
body.theme-natren .natren-slider-arrows{display:flex;gap:12px;align-items:center}.natren-slider-arrows>button{border:1px solid currentColor;border-radius:50%;width:38px;height:38px}.natren-slider-arrows>button.natren-slider-pause{width:auto;border:0;border-radius:0;text-decoration:underline;font-size:12px;margin-left:12px}
@media(max-width:767px){body.theme-natren .natren-split-slide{grid-template-columns:1fr;min-height:0}body.theme-natren .natren-split-copy{padding:44px 24px}body.theme-natren .natren-split-copy h1{font-size:40px!important}body.theme-natren .natren-split-image{height:290px}body.theme-natren .natren-slider-controls{padding:14px 24px}}
body.theme-natren .hero-slider-root .hs-title{font-family:"Natren ModernSans",Arial,sans-serif!important;font-weight:700!important}

/* Newsletter band: matching breathing room above and below; footer shadow retained. */
body.theme-natren .natren-band--sage{padding-top:88px!important;padding-bottom:88px!important;min-height:300px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
body.theme-natren .natren-band--sage h2{margin-top:0!important;margin-bottom:18px!important}
body.theme-natren .natren-band--sage p{margin-top:0!important;margin-bottom:14px!important}
@media(max-width:767px){body.theme-natren .natren-band--sage{padding-top:56px!important;padding-bottom:56px!important;min-height:260px}}

body.theme-natren .sfx-reveal{opacity:1!important;transform:none!important;filter:none!important}

/* Customer-approved correction: full image with a left-to-right contrast gradient. */
body.theme-natren .hero-slider-root .sf-hero-overlay{background:linear-gradient(90deg,rgba(4,20,38,.90) 0%,rgba(4,20,38,.76) 34%,rgba(4,20,38,.40) 60%,rgba(4,20,38,.04) 100%)!important}
body.theme-natren .hero-slider-root .sf-hero-copy{align-items:flex-start!important;text-align:left!important;padding:40px max(32px,calc((100vw - 1200px)/2))!important}
body.theme-natren .hero-slider-root .sf-hero-copy .hs-title{max-width:740px!important;font-size:clamp(36px,4.3vw,64px)!important;line-height:1.08!important;letter-spacing:-.04em!important;color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.35)!important}
body.theme-natren .hero-slider-root .sf-hero-copy .hs-sub{max-width:650px!important;color:#fff!important;font-size:clamp(17px,1.5vw,22px)!important;line-height:1.6!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important}
/* White newsletter box: only additional height; original plain link and footer shadow. */
body.theme-natren .natren-newsletter-simple{background:transparent!important;min-height:260px;padding:52px 0!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
body.theme-natren .natren-newsletter-simple h2{font-size:clamp(28px,3.2vw,46px);margin:0 0 12px!important;color:var(--natren-navy)!important}
body.theme-natren .natren-newsletter-simple p{font-size:17px;line-height:1.6;margin:0 0 8px!important;color:var(--natren-muted)!important}
body.theme-natren .natren-newsletter-simple a{display:inline;font-size:17px;line-height:1.6;color:var(--natren-navy)!important;background:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;font-weight:400;text-decoration:none}
body.theme-natren .natren-newsletter-simple a:hover{text-decoration:underline}
@media(max-width:767px){body.theme-natren .hero-slider-root .sf-hero-copy{padding:32px 24px!important}body.theme-natren .hero-slider-root .sf-hero-copy .hs-title{max-width:95%!important;font-size:38px!important}body.theme-natren .hero-slider-root .sf-hero-overlay{background:linear-gradient(90deg,rgba(4,20,38,.90),rgba(4,20,38,.65) 65%,rgba(4,20,38,.25))!important}body.theme-natren .natren-newsletter-simple{padding:42px 0!important;min-height:250px}}

body.theme-natren .hero-slider-root .slider-slide>img{object-position:right center!important}

/* Soft product studio light separates editable media boxes from alternating bands. */
body.theme-natren .text-image-media{position:relative;border:1px solid rgba(21,61,106,.16);background:radial-gradient(ellipse at 52% 46%,rgba(188,238,240,.65) 0%,rgba(213,234,220,.40) 34%,rgba(255,253,248,.92) 68%),#fffdfa;box-shadow:0 18px 48px rgba(16,41,78,.12),0 2px 8px rgba(16,41,78,.05)!important}
body.theme-natren .text-image-media .text-image-photo{position:relative;padding:26px;box-sizing:border-box;filter:drop-shadow(0 16px 20px rgba(20,61,67,.16));transition:transform .25s ease}
@media(max-width:767px){body.theme-natren .text-image-media .text-image-photo{padding:18px}}

body.theme-natren{overflow-x:clip}
body.theme-natren .natren-newsletter-simple{width:100%;background:var(--natren-paper)!important;padding:52px max(24px,calc((100vw - 1200px)/2))!important}
body.theme-natren .natren-newsletter-simple p{max-width:1200px}
@media(max-width:767px){body.theme-natren .natren-newsletter-simple{padding:42px 24px!important}}

/* Product reading rhythm: close to tabs, readable line length, clear hierarchy. */
body.theme-natren .sel-prod-tabs-mt>.py-10{padding-top:24px!important;padding-bottom:32px!important}
body.theme-natren .product-description:not([class*="product-description-cols-2"]):not([class*="product-description-cols-3"]):not([class*="product-description-cols-4"]){max-width:960px!important}
body.theme-natren .product-description :where(p,li,td,th){font-size:16px!important;line-height:1.75!important}
body.theme-natren .product-description :where(h2,h3){padding-left:0!important;letter-spacing:-.025em!important;line-height:1.3!important;color:var(--natren-navy)!important;margin:28px 0 14px!important;font-weight:650!important}
body.theme-natren .product-description h2{font-size:26px!important}
body.theme-natren .product-description h3{font-size:21px!important}
body.theme-natren .product-description :where(h2,h3)::before{display:none!important}
body.theme-natren .product-description>:first-child,body.theme-natren .product-description>section:first-child>:first-child{margin-top:0!important}

/* Calm navigation color and 20px breathing room around the brand marks. */
body.theme-natren{--header-height:120px!important;padding-top:120px!important}
body.theme-natren .sel-header,body.theme-natren .sel-header-innen,body.theme-natren .sel-header-innen>div:first-child{height:120px!important;min-height:120px!important}
body.theme-natren .sel-header-logo-link{height:120px!important;padding:20px 0!important;box-sizing:border-box;display:flex;align-items:center}
body.theme-natren .sel-header-logo-link img{max-height:80px!important;object-fit:contain}
body.theme-natren .shop-navigation{background:var(--natren-cream);border:1px solid rgba(16,41,78,.10);border-radius:999px;padding:5px 14px;gap:14px}
body.theme-natren .shop-navigation>.apple-nav-link,body.theme-natren .shop-menu-dropdown-trigger{padding:9px 10px!important;border-radius:999px;color:var(--natren-navy)!important}
body.theme-natren .shop-navigation>.apple-nav-link:hover,body.theme-natren .shop-menu-dropdown-trigger:hover,body.theme-natren .shop-menu-dropdown-trigger[aria-expanded="true"]{background:var(--natren-aqua);color:var(--natren-navy)!important}
body.theme-natren .shop-menu-dropdown-panel{background:var(--natren-paper);border:1px solid rgba(16,41,78,.15);box-shadow:0 18px 48px rgba(16,41,78,.16)}
body.theme-natren .shop-menu-dropdown-group>a:hover,body.theme-natren .shop-menu-dropdown-group>a:focus-visible{background:var(--natren-aqua)!important;color:var(--natren-navy)!important}
@media(max-width:767px){body.theme-natren{--header-height:86px!important;padding-top:86px!important}body.theme-natren .sel-header,body.theme-natren .sel-header-innen,body.theme-natren .sel-header-innen>div:first-child{height:86px!important;min-height:86px!important}body.theme-natren .sel-header-logo-link{height:86px!important;padding:20px 0!important}body.theme-natren .sel-header-logo-link img{max-height:46px!important}}

body.theme-natren .sel-header{box-shadow:0 4px 16px rgba(16,41,78,.10)!important;border-bottom:1px solid rgba(16,41,78,.08)}