/*
Theme Name: FOXdistribution — BN Cosméticos
Theme URI: https://foxfy.net.br/
Author: Foxfy Agency
Author URI: https://foxfy.net.br/
Description: Tema oficial do projeto FOXdistribution para BN Cosméticos. Landing page premium integrada ao FOXdistribution Engine.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: foxdistribution-bn
*/

:root {
  --bn-ink: #211609;
  --bn-coffee: #30200f;
  --bn-muted: #756550;
  --bn-gold: #c99a24;
  --bn-gold-deep: #8e5c08;
  --bn-gold-pale: #f5e5ad;
  --bn-ivory: #fff9ed;
  --bn-sand: #f4e7c9;
  --bn-paper: #fffdf7;
  --bn-line: #e8d7b3;
  --bn-sage: #5d7668;
  --bn-rose: #a85b4b;
  --radius: 1rem;
  --shadow-soft: 0 16px 44px rgba(74, 49, 28, 0.08);
  --shadow-lift: 0 20px 58px rgba(65, 43, 25, 0.16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--bn-ivory); color: var(--bn-ink); font-family: Arial, Helvetica, sans-serif; }
body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: -0.055em; }
h1 em, h2 em { color: var(--bn-gold); font-family: Georgia, "Times New Roman", serif; font-weight: 500; }

.brand { align-items: center; display: inline-flex; line-height: 0; width: max-content; }
.brand-logo { display: block; height: 4.05rem; object-fit: contain; object-position: left center; width: auto; }
.brand--compact .brand-logo { height: 2.9rem; }
.brand--inverse .brand-logo { filter: drop-shadow(0 3px 9px rgba(0,0,0,.2)); }

.button { align-items: center; border: 1px solid transparent; border-radius: 999px; display: inline-flex; font-size: .79rem; font-weight: 700; gap: .45rem; justify-content: center; letter-spacing: .04em; line-height: 1; min-height: 2.6rem; padding: .76rem 1.05rem; text-transform: uppercase; transition: transform .2s ease, background .2s ease, border .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--sm { font-size: .68rem; min-height: 2.15rem; padding: .58rem .78rem; }
.button--lg { font-size: .76rem; min-height: 3.2rem; padding: .96rem 1.3rem; }
.button--primary { background: var(--bn-gold); box-shadow: 0 9px 20px rgba(157, 105, 38, .24); color: #fff; }
.button--primary:hover { background: var(--bn-gold-deep); }
.button--secondary { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.62); color: #fff; }
.button--secondary:hover { background: #fff; color: var(--bn-coffee); }
.button--soft { background: var(--bn-sand); color: var(--bn-coffee); }
.button--soft:hover { background: var(--bn-gold-pale); }
.button--ghost { background: transparent; color: var(--bn-coffee); }
.button--ghost:hover { background: var(--bn-sand); }
.button--danger { background: #9f4542; color: #fff; }
.button svg { flex: none; }
.text-action, .text-button { align-items: center; background: none; border: 0; color: var(--bn-gold-deep); display: inline-flex; font-size: .78rem; font-weight: 700; gap: .25rem; padding: 0; }
.text-button { margin: 0 auto; }
.eyebrow { align-items: center; color: var(--bn-gold-deep); display: flex; font-size: .68rem; font-weight: 800; gap: .4rem; letter-spacing: .16em; margin-bottom: .9rem; text-transform: uppercase; }
.eyebrow--light { color: #eacb98; }

.status { align-items: center; border-radius: 999px; display: inline-flex; font-size: .64rem; font-weight: 800; letter-spacing: .03em; line-height: 1; padding: .38rem .58rem; white-space: nowrap; }
.status--success { background: #e3f0e9; color: #356755; }
.status--warning { background: #fbecd1; color: #936226; }
.status--danger { background: #f9e3e0; color: #a64e48; }
.status--neutral { background: #eee8df; color: #62594f; }
.text-danger { color: #a64e48 !important; }
.text-success { color: #356755 !important; }

/* Landing */
.bn-site { --bn-hero-shift: 0px; overflow: hidden; }
.site-header { left: 0; position: absolute; right: 0; top: 0; z-index: 30; }
.site-header--solid { background: rgba(255,253,250,.94); border-bottom: 1px solid rgba(231,221,207,.9); box-shadow: 0 5px 22px rgba(68,45,28,.06); position: fixed; }
.site-header__inner { align-items: center; display: flex; gap: 1.5rem; height: 5.15rem; margin: 0 auto; max-width: 1320px; padding: 0 2rem; }
.site-nav { align-items: center; display: flex; gap: 1.35rem; margin-left: auto; }
.site-nav a { color: rgba(255,255,255,.9); font-size: .75rem; font-weight: 700; white-space: nowrap; }
.site-header--solid .site-nav > a { color: var(--bn-muted); }
.site-nav a:hover, .site-header--solid .site-nav > a:hover { color: var(--bn-gold-deep); }
.site-header__actions { align-items: center; display: flex; gap: .5rem; }
.site-nav__mobile-actions, .menu-toggle { display: none; }
.hero { align-items: center; background: var(--bn-coffee); color: #fff; display: flex; isolation: isolate; min-height: 730px; overflow: hidden; position: relative; }
.hero__image { height: calc(100% + 150px); inset: -75px 0 auto; object-fit: cover; object-position: center right; position: absolute; transform: translate3d(0, var(--bn-hero-shift), 0) scale(1.08); transition: transform .12s linear; width: 100%; z-index: 0; }
.hero__veil { background: linear-gradient(90deg, rgba(34,22,10,.97) 0%, rgba(48,32,15,.89) 32%, rgba(51,32,14,.38) 65%, rgba(48,29,11,.08) 100%); inset: 0; position: absolute; z-index: 1; }
.hero__motion { inset: 0; overflow: hidden; pointer-events: none; position: absolute; z-index: 1; }
.hero__orb { border-radius: 50%; display: block; filter: blur(1px); position: absolute; }
.hero__orb--one { background: radial-gradient(circle at 32% 32%, rgba(255,224,151,.31), rgba(201,154,36,.06) 54%, transparent 72%); height: 31rem; right: -9rem; top: 5rem; width: 31rem; animation: hero-drift 14s ease-in-out infinite alternate; }
.hero__orb--two { background: radial-gradient(circle, rgba(219,182,104,.16), transparent 66%); bottom: -8rem; height: 24rem; left: 34%; width: 24rem; animation: hero-drift 18s ease-in-out -5s infinite alternate-reverse; }
.hero__orbit { border: 1px solid rgba(246,220,159,.26); border-radius: 50%; height: 29rem; position: absolute; right: -9rem; top: 4rem; width: 29rem; animation: orbit-turn 34s linear infinite; }
.hero__orbit:after { background: var(--bn-gold-pale); border-radius: 50%; box-shadow: 0 0 22px rgba(245,229,173,.9); content: ""; height: .55rem; left: 15%; position: absolute; top: 6%; width: .55rem; }
.hero__vertical-label { bottom: 2.3rem; color: rgba(255,241,208,.68); font-size: .57rem; font-weight: 800; letter-spacing: .28em; position: absolute; right: 2rem; transform: rotate(-90deg); transform-origin: right bottom; }
.hero__content { margin: 5.1rem auto 0; max-width: 1320px; padding: 6rem 2rem; position: relative; width: 100%; z-index: 2; }
.hero__index { align-items: center; color: rgba(255,238,202,.8); display: flex; font-family: Georgia, "Times New Roman", serif; font-size: .86rem; gap: .7rem; letter-spacing: .08em; margin-bottom: 1.4rem; }
.hero__index i { background: rgba(255,236,195,.5); display: block; height: 1px; width: 4.8rem; }
.hero h1 { font-size: clamp(3.1rem, 5.5vw, 5.45rem); line-height: .99; margin-bottom: 1.6rem; max-width: 780px; }
.hero h1 em { color: #edca90; }
.hero__content > p:not(.eyebrow) { color: rgba(255,255,255,.84); font-size: 1.08rem; line-height: 1.7; max-width: 580px; }
.hero__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2.1rem; }
.hero__proof { display: flex; flex-wrap: wrap; gap: 1.1rem; margin-top: 3.15rem; }
.hero__proof span { align-items: center; color: #f7e8d0; display: inline-flex; font-size: .72rem; font-weight: 700; gap: .35rem; }
.hero__proof svg { color: #e4b96f; }
.hero__signal { backdrop-filter: blur(12px); background: rgba(38,24,11,.4); border: 1px solid rgba(244,218,157,.4); bottom: 2.2rem; display: grid; gap: .18rem; padding: 1rem 1.15rem; position: absolute; right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); width: 10.5rem; z-index: 2; }
.hero__signal span { color: #efcf98; font-size: .59rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero__signal strong { color: #fff6e1; font-family: Georgia, "Times New Roman", serif; font-size: 2.1rem; font-weight: 500; letter-spacing: -.08em; line-height: 1; }
.hero__signal small { color: rgba(255,247,227,.72); font-size: .64rem; }
.section { margin: 0 auto; max-width: 1320px; padding: 7.3rem 2rem; }
.section--about { display: grid; gap: 3rem; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.section__intro h2, .section-heading h2, .catalog-products h2 { font-size: clamp(2.4rem, 4.15vw, 4.2rem); line-height: 1.02; margin-bottom: 0; }
.about-copy { padding-top: 1.5rem; }
.about-copy p { color: var(--bn-muted); font-size: 1rem; line-height: 1.8; max-width: 570px; }
.about-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.8rem; }
.about-tags span { background: #fff; border: 1px solid var(--bn-line); border-radius: 999px; color: var(--bn-coffee); font-size: .72rem; font-weight: 700; padding: .55rem .75rem; }
.highlight-grid { border-top: 1px solid var(--bn-line); display: grid; gap: 1.2rem; grid-column: 1 / -1; grid-template-columns: repeat(4, 1fr); margin-top: 2rem; padding-top: 2rem; }
.highlight-grid article { border-right: 1px solid var(--bn-line); display: grid; gap: .35rem; padding-right: 1rem; }
.highlight-grid article:last-child { border-right: 0; }
.highlight-grid strong { color: var(--bn-gold-deep); font-family: Georgia, "Times New Roman", serif; font-size: 2.35rem; font-weight: 500; letter-spacing: -.06em; }
.highlight-grid span { color: var(--bn-muted); font-size: .75rem; font-weight: 700; }
.founders-section { background: linear-gradient(135deg, #f3e4c4, #fff9eb 60%, #ead8b0); max-width: none; padding-left: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); padding-right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); position: relative; }
.founders-section:before { border: 1px solid rgba(142,92,8,.18); content: ""; height: 12rem; left: max(2rem, calc((100vw - 1320px) / 2)); position: absolute; top: 3.5rem; width: 12rem; }
.founders-card { background: rgba(255,253,247,.76); box-shadow: var(--shadow-lift); display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); margin: 0 auto; max-width: 1320px; overflow: hidden; position: relative; }
.founders-card__portrait { background: radial-gradient(circle at 15% 17%, rgba(255,235,176,.68), transparent 30%), linear-gradient(130deg, #2d1b0b 0%, #69420d 48%, #b58832 100%); min-height: 31rem; overflow: hidden; position: relative; }
.founders-card__portrait:before { border: 1px solid rgba(255,244,205,.42); border-radius: 50%; content: ""; height: 25rem; left: -8rem; position: absolute; top: 3rem; width: 25rem; z-index: 1; }
.founders-card__portrait:after { background: repeating-linear-gradient(110deg, transparent 0 19px, rgba(255,255,255,.055) 20px 21px); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 1; }
.founders-card__photo { bottom: 0; height: 112%; left: 1.5%; max-width: none; object-fit: contain; object-position: left bottom; position: absolute; width: 94%; z-index: 0; }
.founders-card__portrait-overlay { background: linear-gradient(90deg, rgba(30,17,5,.03), rgba(30,17,5,.06) 48%, rgba(30,17,5,.56) 100%), linear-gradient(0deg, rgba(30,17,5,.34), transparent 46%); inset: 0; pointer-events: none; position: absolute; z-index: 1; }
.founders-card__portrait > p { bottom: 2.35rem; color: rgba(255,244,213,.8); font-size: .63rem; font-weight: 800; letter-spacing: .14em; margin: 0; position: absolute; right: 2rem; text-transform: uppercase; transform: rotate(-90deg); transform-origin: right bottom; z-index: 2; }
.founders-card__copy { align-self: center; padding: clamp(2.2rem, 5vw, 5rem); position: relative; }
.founders-card__copy:after { color: rgba(142,92,8,.11); content: "BN"; font-family: Georgia, "Times New Roman", serif; font-size: 11rem; font-weight: 700; line-height: 1; position: absolute; right: -1.4rem; top: 1.2rem; z-index: -1; }
.founders-card__copy h2 { font-size: clamp(2.3rem, 3.8vw, 3.8rem); line-height: 1.02; margin-bottom: 1.4rem; }
.founders-card__copy > p:not(.eyebrow) { color: var(--bn-muted); font-size: .96rem; line-height: 1.8; max-width: 430px; }
.founders-card__signature { align-items: center; border-top: 1px solid var(--bn-line); display: flex; gap: .75rem; margin-top: 1.7rem; padding-top: 1.2rem; }
.founders-card__signature span { align-items: center; background: var(--bn-coffee); border-radius: 50%; color: var(--bn-gold-pale); display: flex; font-family: Georgia, "Times New Roman", serif; font-size: 1.1rem; font-weight: 700; height: 2.5rem; justify-content: center; width: 2.5rem; }
.founders-card__signature strong { color: var(--bn-coffee); font-size: .71rem; letter-spacing: .03em; }
.brand-partners-section { background: var(--bn-paper); max-width: none; padding-left: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); padding-right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); }
.brand-partner-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.brand-partner-card { background: #fff; border: 1px solid var(--bn-line); min-height: 18rem; overflow: hidden; padding: 1.8rem; position: relative; transition: transform .25s ease, box-shadow .25s ease; }
.brand-partner-card:hover { box-shadow: var(--shadow-soft); transform: translateY(-5px); }
.brand-partner-card:before { border: 1px solid currentColor; border-radius: 50%; content: ""; height: 16rem; opacity: .12; position: absolute; right: -6rem; top: -8rem; width: 16rem; }
.brand-partner-card--vevvo { background: radial-gradient(circle at 85% 20%, rgba(236,196,109,.27), transparent 27%), linear-gradient(130deg, #201509, #5d3a0a); color: #efd394; }
.brand-partner-card--plakton { background: linear-gradient(130deg, #fffdf7, #f3e4c4); color: #30200f; }
.brand-partner-card--vevvo > p { color: rgba(255,247,224,.76); }.brand-partner-card--vevvo .brand-partner-card__line { background: rgba(239,211,148,.55); }.brand-partner-card--plakton > p { color: #725e42; }
.brand-partner-card__number { font-family: Georgia, "Times New Roman", serif; font-size: 1.05rem; opacity: .65; }
.brand-partner-card__mark { align-items: end; bottom: 2rem; display: flex; left: 1.8rem; position: absolute; right: 1.8rem; z-index: 1; }
.brand-partner-card__mark img { display: block; height: 4.2rem; max-width: min(100%, 17rem); object-fit: contain; object-position: left center; width: auto; }
.brand-partner-card--vevvo .brand-partner-card__mark img { filter: drop-shadow(0 8px 16px rgba(0,0,0,.22)); }
.brand-partner-card--plakton .brand-partner-card__mark img { height: 5.1rem; mix-blend-mode: multiply; }
.brand-partner-card > p { color: var(--bn-muted); font-size: .78rem; line-height: 1.55; margin: 0; max-width: 200px; position: absolute; right: 1.8rem; top: 2rem; z-index: 1; }
.brand-partner-card__line { background: currentColor; bottom: 1.8rem; height: 1px; left: 1.8rem; opacity: .4; position: absolute; right: 1.8rem; }
.partner-wall-section { background: #21160c; color: #fff; overflow: hidden; padding: 6.7rem 0 2.2rem; position: relative; }
.partner-wall-section:before { background: radial-gradient(circle, rgba(202,154,36,.25), transparent 63%); content: ""; height: 44rem; pointer-events: none; position: absolute; right: -13rem; top: -22rem; width: 44rem; }
.partner-wall-section__inner { align-items: end; display: flex; gap: 3rem; justify-content: space-between; margin: 0 auto; max-width: 1320px; padding: 0 2rem; position: relative; }
.partner-wall-section__heading h2 { font-size: clamp(2.4rem, 4.15vw, 4.2rem); line-height: 1.02; margin-bottom: 0; }
.partner-wall-section__heading h2 em { color: #f0ca81; }
.partner-wall-section__inner > p { color: rgba(255,255,255,.67); font-size: .96rem; line-height: 1.7; margin-bottom: .3rem; max-width: 380px; }
.partner-marquee { border-bottom: 1px solid rgba(255,255,255,.16); border-top: 1px solid rgba(255,255,255,.16); margin-top: 3.4rem; overflow: hidden; padding: 1rem 0; position: relative; }
.partner-marquee:before, .partner-marquee:after { content: ""; height: 100%; pointer-events: none; position: absolute; top: 0; width: 8rem; z-index: 1; }
.partner-marquee:before { background: linear-gradient(90deg, #21160c, transparent); left: 0; }.partner-marquee:after { background: linear-gradient(-90deg, #21160c, transparent); right: 0; }
.partner-marquee__track { align-items: stretch; animation: partner-marquee 31s linear infinite; display: flex; gap: .85rem; width: max-content; }
.partner-mark { align-items: center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15); display: flex; flex: 0 0 16.8rem; gap: .8rem; min-height: 5.3rem; padding: .8rem 1rem; }
.partner-mark > span { align-items: center; border: 1px solid rgba(240,202,129,.6); border-radius: 50%; color: #f1ce8e; display: flex; font-family: Georgia, "Times New Roman", serif; font-size: 1.12rem; height: 2.75rem; justify-content: center; width: 2.75rem; }
.partner-mark div { display: grid; gap: .23rem; }.partner-mark strong { font-size: .77rem; }.partner-mark small { color: rgba(255,255,255,.55); font-size: .63rem; }
.partner-wall-section__footer { align-items: center; color: rgba(255,255,255,.55); display: flex; font-size: .72rem; justify-content: space-between; margin: 1.55rem auto 0; max-width: 1320px; padding: 0 2rem; position: relative; }
.partner-wall-section__footer a { align-items: center; color: #f0ca81; display: inline-flex; font-weight: 800; gap: .45rem; }
.partner-wall-section__footer a:hover { color: #fff3d4; }
.section--products { background: linear-gradient(180deg, rgba(243,234,220,.6), rgba(255,253,250,0)); max-width: none; padding-left: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); padding-right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); }
.section-heading { align-items: end; display: flex; gap: 3rem; justify-content: space-between; margin-bottom: 2.5rem; }
.section-heading > p { color: var(--bn-muted); font-size: .96rem; line-height: 1.7; max-width: 410px; }
.product-grid { display: grid; gap: 1.15rem; grid-template-columns: repeat(4, minmax(0,1fr)); }
.product-card { background: var(--bn-paper); border: 1px solid rgba(231,221,207,.85); border-radius: 1.15rem; box-shadow: 0 12px 34px rgba(83,55,31,.06); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.product-card:hover { box-shadow: var(--shadow-soft); transform: translateY(-5px); }
.product-thumb { aspect-ratio: 1.27; background: #eee3d2; overflow: hidden; position: relative; }
.product-thumb img { height: 100%; mix-blend-mode: multiply; object-fit: cover; object-position: 76% center; opacity: .93; transform: scale(1.15); width: 100%; }
.product-thumb:after { background: linear-gradient(135deg, rgba(255,255,255,.46), transparent 55%); content: ""; inset: 0; position: absolute; }
.product-thumb span { align-items: center; backdrop-filter: blur(8px); background: rgba(255,255,255,.68); border: 1px solid rgba(255,255,255,.8); border-radius: 50%; color: var(--bn-coffee); display: flex; font-family: Georgia, serif; font-size: .83rem; height: 1.8rem; justify-content: center; left: .75rem; position: absolute; top: .75rem; width: 1.8rem; z-index: 1; }
.product-thumb--plum { background: #e8d8d6; }
.product-thumb--sage { background: #d8e0d7; }
.product-thumb--rose { background: #ead8d2; }
.product-thumb--sand { background: #ecdfcc; }
.product-card__body { padding: 1.05rem; }
.product-card__meta { color: var(--bn-gold-deep); font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.product-card h3 { font-size: 1rem; letter-spacing: -.03em; line-height: 1.15; margin: .48rem 0 .6rem; }
.product-card p { color: var(--bn-muted); font-size: .76rem; line-height: 1.55; margin-bottom: 1rem; min-height: 3.5rem; }
.product-card__foot { align-items: center; display: flex; gap: .7rem; justify-content: space-between; }
.product-card__foot > strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.13rem; font-weight: 600; letter-spacing: -.04em; }
.section-center { display: flex; justify-content: center; margin-top: 2.25rem; }
.network-section { background: var(--bn-coffee); color: #fff; display: grid; gap: 5rem; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); max-width: none; padding-left: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); padding-right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); position: relative; }
.network-section:before { border: 1px solid rgba(220,179,111,.24); content: ""; height: 54%; position: absolute; right: 6%; top: 13%; width: 22%; }
.network-section__content { position: relative; z-index: 1; }
.network-section h2 { font-size: clamp(3rem, 5vw, 5.2rem); line-height: .98; margin-bottom: 1.2rem; }
.network-section__content > p:not(.eyebrow) { color: rgba(255,255,255,.73); font-size: 1.02rem; line-height: 1.7; max-width: 440px; }
.network-section__content .button { margin-top: 1.2rem; }
.network-benefits { border-top: 1px solid rgba(255,255,255,.23); display: grid; grid-template-columns: repeat(3, 1fr); position: relative; z-index: 1; }
.network-benefits div { border-bottom: 1px solid rgba(255,255,255,.2); border-right: 1px solid rgba(255,255,255,.2); display: grid; gap: 1rem; min-height: 8.2rem; padding: 1.4rem; }
.network-benefits div:nth-child(3n) { border-right: 0; }
.network-benefits span { color: #ddba79; font-family: Georgia, serif; font-size: 1.1rem; }
.network-benefits strong { font-size: .87rem; line-height: 1.35; }
.technology-section { padding-bottom: 8.5rem; }
.portal-mockups { align-items: end; display: grid; gap: 1.2rem; grid-template-columns: 1.15fr .65fr .8fr; max-width: 1040px; margin: 0 auto; }
.portal-mockup { box-shadow: var(--shadow-lift); overflow: hidden; position: relative; }
.portal-mockup--main { background: #fffdf9; border: 1px solid var(--bn-line); border-radius: 1.3rem; min-height: 390px; padding: 1.8rem; }
.portal-mockup--phone { background: var(--bn-coffee); border: 8px solid #1e1712; border-radius: 2rem; color: #fff; min-height: 330px; padding: 1.3rem; }
.portal-mockup--side { background: #eadbc5; border-radius: 1.1rem; min-height: 265px; padding: 1.25rem; }
.mockup-label { color: var(--bn-muted); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mockup-line { align-items: end; display: flex; justify-content: space-between; margin-top: 2.1rem; }
.mockup-line strong { color: var(--bn-muted); font-size: .78rem; }
.mockup-line b { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.7rem; }
.mockup-chart { align-items: end; border-bottom: 1px solid var(--bn-line); display: flex; gap: .55rem; height: 150px; margin: 1.2rem 0; padding: .5rem; }
.mockup-chart i { background: linear-gradient(180deg, #dcbd85, var(--bn-gold)); border-radius: .35rem .35rem 0 0; display: block; flex: 1; }
.mockup-chart i:nth-child(1) { height: 36%; }.mockup-chart i:nth-child(2) { height: 48%; }.mockup-chart i:nth-child(3) { height: 40%; }.mockup-chart i:nth-child(4) { height: 68%; }.mockup-chart i:nth-child(5) { height: 58%; }.mockup-chart i:nth-child(6) { height: 82%; }.mockup-chart i:nth-child(7) { height: 96%; }
.mockup-mini-grid { display: grid; gap: .65rem; grid-template-columns: 1fr 1fr; }
.mockup-mini-grid span { background: var(--bn-sand); border-radius: .65rem; color: var(--bn-muted); font-size: .64rem; padding: .7rem; }
.mockup-mini-grid b { color: var(--bn-coffee); display: block; font-size: 1rem; margin-top: .25rem; }
.phone-brand { font-family: Georgia, serif; font-size: 2.2rem; line-height: .86; margin: 2rem 0 2.8rem; }
.phone-product { background: rgba(255,255,255,.12); border-radius: .85rem; display: grid; gap: .25rem; padding: .9rem; }
.phone-product span { color: #e6c995; font-size: .68rem; }.phone-product b { font-size: 1.15rem; }
.portal-mockup--phone button { background: var(--bn-gold); border: 0; border-radius: .6rem; color: #fff; font-size: .7rem; font-weight: 700; margin-top: .7rem; padding: .7rem; width: 100%; }
.order-mini { border-bottom: 1px solid rgba(77,52,31,.18); display: flex; font-size: .74rem; justify-content: space-between; padding: .9rem 0; }.order-mini strong { color: var(--bn-gold-deep); font-size: .66rem; }
.differential-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.differential-grid article { border-bottom: 1px solid var(--bn-line); border-right: 1px solid var(--bn-line); min-height: 225px; padding: 1.8rem; position: relative; }.differential-grid article:nth-child(3n) { border-right: 0; }
.differential-grid article > span { align-items: center; background: var(--bn-sand); border-radius: .65rem; color: var(--bn-gold-deep); display: flex; height: 2.35rem; justify-content: center; width: 2.35rem; }
.differential-grid h3 { font-size: 1.05rem; margin: 1.25rem 0 .6rem; }.differential-grid p { color: var(--bn-muted); font-size: .8rem; line-height: 1.6; margin-bottom: 0; max-width: 270px; }.differential-grid article > svg { bottom: 1.45rem; color: var(--bn-gold); position: absolute; right: 1.5rem; }
.journey-section { border-top: 1px solid var(--bn-line); }
.journey-list { border-top: 1px solid var(--bn-line); counter-reset: journey; display: grid; grid-template-columns: repeat(6, 1fr); list-style: none; margin: 2.5rem 0 0; padding: 0; }
.journey-list li { border-right: 1px solid var(--bn-line); display: grid; gap: 1.2rem; min-height: 165px; padding: 1.3rem 1rem 1.3rem 0; }.journey-list li:not(:first-child) { padding-left: 1rem; }.journey-list li:last-child { border-right: 0; }.journey-list span { color: var(--bn-gold-deep); font-family: Georgia, serif; font-size: 1.45rem; }.journey-list strong { font-size: .82rem; line-height: 1.4; }
.testimonials-section { background: #f2e8d9; max-width: none; padding-left: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); padding-right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); }
.testimonial-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); }.testimonial-grid blockquote { background: rgba(255,255,255,.65); border: 1px solid rgba(255,255,255,.8); border-radius: 1rem; margin: 0; min-height: 255px; padding: 1.55rem; }.testimonial-grid blockquote > p { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.21rem; letter-spacing: -.035em; line-height: 1.5; }.testimonial-grid footer { align-items: center; display: flex; gap: .65rem; margin-top: 1.5rem; }.testimonial-grid footer > span { align-items: center; background: var(--bn-coffee); border-radius: 50%; color: #fff; display: flex; font-family: Georgia, serif; height: 2rem; justify-content: center; width: 2rem; }.testimonial-grid footer div { display: grid; gap: .2rem; }.testimonial-grid footer strong { font-size: .75rem; }.testimonial-grid footer small { color: var(--bn-muted); font-size: .66rem; }
.final-cta { align-items: center; background: var(--bn-coffee); color: #fff; display: flex; gap: 2rem; justify-content: space-between; max-width: none; padding-left: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); padding-right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); }.final-cta h2 { font-size: clamp(2.8rem, 4vw, 4rem); line-height: .98; margin-bottom: 1rem; }.final-cta > div > p:not(.eyebrow) { color: rgba(255,255,255,.7); margin-bottom: 0; }.final-cta__actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.site-footer { background: #211914; color: #fff; padding: 4.3rem max(2rem, calc((100vw - 1320px) / 2 + 2rem)) 1.35rem; }.site-footer__top { display: flex; gap: 5rem; justify-content: space-between; }.site-footer__nav { display: grid; gap: 4rem; grid-template-columns: repeat(3, 1fr); }.site-footer__nav > div { display: grid; gap: .65rem; min-width: 135px; }.site-footer strong { color: #e8c993; font-size: .7rem; letter-spacing: .12em; margin-bottom: .4rem; text-transform: uppercase; }.site-footer a { align-items: center; color: rgba(255,255,255,.65); display: flex; font-size: .76rem; gap: .35rem; }.site-footer a:hover { color: #fff; }.site-footer__bottom { border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.42); display: flex; font-size: .64rem; gap: 1.5rem; justify-content: space-between; margin-top: 3.4rem; padding-top: 1.3rem; }.site-footer__bottom > div { display: flex; gap: 1rem; }.site-footer__bottom a { font-size: .64rem; }

/* Portal shared */
.portal-shell { background: #f6f1e9; color: var(--bn-ink); display: flex; min-height: 100vh; }.portal-sidebar { background: var(--bn-coffee); color: #fff; display: flex; flex: 0 0 258px; flex-direction: column; min-height: 100vh; padding: 1.25rem .85rem; position: fixed; width: 258px; z-index: 10; }.portal-sidebar__brand { border-bottom: 1px solid rgba(255,255,255,.13); display: grid; gap: .85rem; padding: .5rem .75rem 1.25rem; }.portal-sidebar__brand > span { color: #dec18d; font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.portal-sidebar__nav { display: grid; gap: .18rem; margin-top: 1.2rem; }.portal-sidebar__nav a, .portal-mobile-menu__nav a { align-items: center; border-radius: .65rem; color: rgba(255,255,255,.68); display: flex; font-size: .75rem; font-weight: 700; gap: .65rem; min-height: 2.42rem; padding: .62rem .75rem; position: relative; }.portal-sidebar__nav a:hover, .portal-sidebar__nav a.is-active, .portal-mobile-menu__nav a:hover, .portal-mobile-menu__nav a.is-active { background: rgba(255,255,255,.12); color: #fff; }.portal-sidebar__nav b { align-items: center; background: var(--bn-gold); border-radius: 50%; color: #fff; display: flex; font-size: .58rem; height: 1.15rem; justify-content: center; margin-left: auto; width: 1.15rem; }.portal-sidebar__bottom { border-top: 1px solid rgba(255,255,255,.13); display: grid; gap: .85rem; margin-top: auto; padding: 1.1rem .25rem .2rem; }.profile-chip { align-items: center; display: flex; gap: .6rem; }.profile-chip > span, .topbar-user > span { align-items: center; background: #d7b574; border-radius: 50%; color: var(--bn-coffee); display: flex; font-family: Georgia, serif; font-size: .7rem; font-weight: 700; height: 2rem; justify-content: center; width: 2rem; }.profile-chip div { display: grid; flex: 1; gap: .15rem; min-width: 0; }.profile-chip strong { font-size: .68rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.profile-chip small { color: rgba(255,255,255,.5); font-size: .57rem; }.portal-signout { align-items: center; color: rgba(255,255,255,.6); display: flex; font-size: .7rem; font-weight: 700; gap: .45rem; padding: .35rem .5rem; width: max-content; }.portal-main { margin-left: 258px; min-width: 0; width: calc(100% - 258px); }.portal-topbar { align-items: center; background: rgba(255,253,250,.88); border-bottom: 1px solid var(--bn-line); display: flex; height: 4.5rem; justify-content: space-between; padding: 0 2rem; position: sticky; top: 0; z-index: 6; }.portal-topbar__context { display: grid; gap: .17rem; }.portal-topbar__context span { color: var(--bn-muted); font-size: .61rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.portal-topbar__context strong { font-size: .86rem; }.portal-topbar__actions { align-items: center; display: flex; gap: .75rem; }.demo-chip { background: #f7edda; border-radius: 999px; color: var(--bn-gold-deep); font-size: .61rem; font-weight: 800; letter-spacing: .06em; padding: .45rem .62rem; text-transform: uppercase; }.topbar-icon { align-items: center; background: #fff; border: 1px solid var(--bn-line); border-radius: .65rem; color: var(--bn-coffee); display: flex; height: 2.2rem; justify-content: center; position: relative; width: 2.2rem; }.topbar-icon i { align-items: center; background: var(--bn-rose); border-radius: 50%; color: #fff; display: flex; font-size: .55rem; font-style: normal; font-weight: 800; height: 1rem; justify-content: center; position: absolute; right: -.35rem; top: -.35rem; width: 1rem; }.notifications-wrap { position: relative; }.notification-popover { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; box-shadow: var(--shadow-lift); overflow: hidden; position: absolute; right: 0; top: 2.8rem; width: min(360px, calc(100vw - 2rem)); z-index: 20; }.notification-popover header { align-items: center; border-bottom: 1px solid var(--bn-line); display: flex; font-size: .8rem; justify-content: space-between; padding: .9rem 1rem; }.notification-popover header a { color: var(--bn-gold-deep); font-size: .68rem; font-weight: 700; }.notification-popover > button { background: transparent; border: 0; border-bottom: 1px solid #f1e9de; display: flex; gap: .6rem; padding: .85rem 1rem; text-align: left; width: 100%; }.notification-popover > button:hover { background: #fbf5eb; }.notification-popover > button.is-read { opacity: .55; }.notification-popover > button > span { display: grid; gap: .2rem; }.notification-popover > button > span strong { font-size: .7rem; }.notification-popover > button > span small { color: var(--bn-muted); font-size: .62rem; line-height: 1.35; }.notification-popover em { color: var(--bn-gold-deep); font-size: .58rem; font-style: normal; }.topbar-user { align-items: center; display: flex; gap: .5rem; }.topbar-user div { display: grid; gap: .08rem; }.topbar-user strong { font-size: .68rem; }.topbar-user small { color: var(--bn-muted); font-size: .56rem; }.topbar-menu, .portal-bottom-nav { display: none; }.portal-content { margin: 0 auto; max-width: 1530px; padding: 2rem; }
.page-heading { align-items: end; display: flex; gap: 1.5rem; justify-content: space-between; margin-bottom: 1.55rem; }.page-heading h1 { font-size: clamp(2rem, 3.15vw, 3rem); line-height: 1.02; margin-bottom: .6rem; }.page-heading p:not(.eyebrow) { color: var(--bn-muted); font-size: .86rem; line-height: 1.6; margin-bottom: 0; max-width: 630px; }.page-heading__actions { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }.kpi-grid { display: grid; gap: .85rem; grid-template-columns: repeat(4, minmax(0,1fr)); }.kpi-grid--secondary { margin-top: .85rem; }.kpi-card { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .85rem; box-shadow: 0 7px 24px rgba(64,44,27,.04); min-height: 126px; padding: 1rem; }.kpi-card__top { align-items: center; color: var(--bn-muted); display: flex; font-size: .67rem; font-weight: 700; justify-content: space-between; }.kpi-card__icon { align-items: center; background: var(--bn-sand); border-radius: .55rem; color: var(--bn-gold-deep); display: flex; height: 2rem; justify-content: center; width: 2rem; }.kpi-card--dark .kpi-card__icon { background: var(--bn-coffee); color: #f3d699; }.kpi-card--sage .kpi-card__icon { background: #e2eee8; color: var(--bn-sage); }.kpi-card--rose .kpi-card__icon { background: #f5e2df; color: var(--bn-rose); }.kpi-card > strong { color: var(--bn-coffee); display: block; font-family: Georgia, serif; font-size: clamp(1.38rem, 2vw, 1.8rem); font-weight: 500; letter-spacing: -.06em; line-height: 1; margin: 1.15rem 0 .5rem; }.kpi-card > small { color: var(--bn-muted); font-size: .62rem; }.dashboard-grid { display: grid; gap: .9rem; margin-top: .9rem; }.dashboard-grid--charts { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); }.dashboard-grid--lower { grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); }.panel { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; box-shadow: 0 7px 24px rgba(64,44,27,.04); padding: 1.1rem; }.panel__header { align-items: start; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1.2rem; }.panel__header h2 { font-size: .96rem; letter-spacing: -.03em; margin: 0 0 .3rem; }.panel__header p { color: var(--bn-muted); font-size: .68rem; line-height: 1.45; margin: 0; }.chart-summary { align-items: center; display: flex; justify-content: space-between; }.chart-summary strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.65rem; font-weight: 500; letter-spacing: -.06em; }.chart-summary span { align-items: center; background: #e6f0e8; border-radius: 999px; color: #36684f; display: flex; font-size: .62rem; font-weight: 700; gap: .25rem; padding: .35rem .5rem; }.tiny-bars { align-items: end; display: flex; gap: .55rem; height: 166px; margin-top: 1.25rem; padding: 0 .2rem; }.tiny-bars > div { align-items: center; display: flex; flex: 1; flex-direction: column; height: 100%; justify-content: end; }.tiny-bars i { background: linear-gradient(180deg, #e3c28c, var(--bn-gold)); border-radius: .32rem .32rem 0 0; display: block; min-height: 8px; transition: height .3s ease; width: min(33px, 74%); }.tiny-bars span { color: var(--bn-muted); font-size: .58rem; margin-top: .45rem; }.ranking-list { display: grid; }.ranking-list > div { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .55rem; grid-template-columns: 22px 34px minmax(0,1fr) auto; padding: .56rem 0; }.ranking-list > div:last-child { border-bottom: 0; }.ranking-list > div > span { color: var(--bn-gold-deep); font-family: Georgia, serif; font-size: .75rem; }.ranking-list .product-thumb { border-radius: .45rem; height: 2rem; width: 2rem; }.ranking-list strong { display: block; font-size: .67rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.ranking-list small { color: var(--bn-muted); display: block; font-size: .58rem; margin-top: .17rem; }.ranking-list b { font-size: .67rem; }.quick-actions { display: grid; gap: .55rem; grid-template-columns: 1fr 1fr; }.quick-actions .button { justify-content: flex-start; text-transform: none; }.order-list { display: grid; }.order-row { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .75rem; grid-template-columns: minmax(145px,1.2fr) minmax(100px,.9fr) minmax(100px,.75fr) minmax(130px,.85fr); padding: .77rem 0; }.order-row:last-child { border-bottom: 0; }.order-row__code { align-items: center; display: flex; gap: .55rem; min-width: 0; }.order-row__code > span { align-items: center; background: var(--bn-sand); border-radius: .5rem; color: var(--bn-gold-deep); display: flex; font-family: Georgia, serif; font-size: .62rem; height: 1.85rem; justify-content: center; width: 1.85rem; }.order-row strong { display: block; font-size: .68rem; }.order-row small { color: var(--bn-muted); display: block; font-size: .58rem; margin-top: .22rem; }.order-row__amount { text-align: right; }.order-row__status { align-items: center; display: flex; gap: .4rem; justify-content: flex-end; }.order-row select { background: #fff; border: 1px solid var(--bn-line); border-radius: .4rem; color: var(--bn-muted); font-size: .59rem; max-width: 95px; padding: .35rem .25rem; }.toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: .65rem; margin-bottom: 1rem; }.search-field { align-items: center; background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .65rem; color: var(--bn-muted); display: flex; flex: 1 1 260px; gap: .45rem; max-width: 460px; min-height: 2.45rem; padding: 0 .72rem; }.search-field input { background: transparent; border: 0; color: var(--bn-coffee); font-size: .73rem; min-width: 0; outline: 0; width: 100%; }.search-field input::placeholder { color: #a79b90; }.select-field, .catalog-category { align-items: center; background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .65rem; color: var(--bn-muted); display: flex; gap: .4rem; min-height: 2.45rem; padding: 0 .6rem; }.select-field select, .catalog-category select { background: transparent; border: 0; color: var(--bn-coffee); font-size: .7rem; outline: 0; }.data-panel { padding: 1rem; }.product-admin-list, .price-manager-list, .stock-product-list, .customer-list, .credit-list { display: grid; }.product-admin-row { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .8rem; grid-template-columns: 44px minmax(165px,1.4fr) minmax(84px,.65fr) minmax(75px,.55fr) minmax(76px,.6fr) auto; padding: .8rem 0; }.product-admin-row:last-child { border-bottom: 0; }.product-admin-row .product-thumb { border-radius: .55rem; height: 2.5rem; width: 2.5rem; }.product-admin-row__main { min-width: 0; }.product-admin-row__main span { color: var(--bn-gold-deep); display: block; font-size: .56rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.product-admin-row strong { display: block; font-size: .72rem; margin: .2rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.product-admin-row small, .product-admin-row > div > small { color: var(--bn-muted); display: block; font-size: .56rem; }.product-admin-row > div > strong { display: block; font-size: .7rem; margin: .18rem 0; }.form-panel { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; box-shadow: 0 7px 24px rgba(64,44,27,.04); padding: 1.15rem; }.form-grid { display: grid; gap: .9rem; grid-template-columns: repeat(3, 1fr); }.form-grid label, .catalog-checkout label { color: var(--bn-coffee); display: grid; font-size: .67rem; font-weight: 700; gap: .35rem; }.form-grid input, .form-grid select, .form-grid textarea, .catalog-checkout input { background: #fff; border: 1px solid var(--bn-line); border-radius: .55rem; color: var(--bn-ink); font-size: .78rem; min-height: 2.45rem; outline-color: var(--bn-gold); padding: .58rem .68rem; }.form-grid textarea { min-height: 5.5rem; resize: vertical; }.form-grid__wide { grid-column: 1 / -1; }.form-actions { align-items: center; border-top: 1px solid var(--bn-line); color: var(--bn-muted); display: flex; font-size: .68rem; gap: 1rem; justify-content: space-between; margin-top: 1.15rem; padding-top: 1rem; }.movement-list, .attention-list, .payment-list, .audit-list { display: grid; }.movement-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .55rem; grid-template-columns: 30px minmax(0,1fr) auto auto; padding: .7rem 0; }.movement-list article:last-child { border-bottom: 0; }.move-icon { align-items: center; background: #f8e4dc; border-radius: .45rem; color: var(--bn-rose); display: flex; height: 1.8rem; justify-content: center; width: 1.8rem; }.move-icon--in { background: #e4f0e9; color: var(--bn-sage); }.movement-list strong, .attention-list strong, .payment-list strong { display: block; font-size: .67rem; }.movement-list small, .attention-list small, .payment-list small { color: var(--bn-muted); display: block; font-size: .57rem; margin-top: .17rem; }.movement-list b { font-size: .65rem; }.movement-list time { color: var(--bn-muted); font-size: .56rem; text-align: right; }.attention-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .55rem; grid-template-columns: 34px minmax(0,1fr) auto; padding: .65rem 0; }.attention-list article:last-child { border-bottom: 0; }.attention-list .product-thumb { border-radius: .45rem; height: 2rem; width: 2rem; }.filter-tabs { align-items: center; display: flex; gap: .35rem; overflow-x: auto; padding-bottom: .2rem; }.filter-tabs button { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: 999px; color: var(--bn-muted); font-size: .67rem; font-weight: 700; padding: .5rem .75rem; white-space: nowrap; }.filter-tabs button.is-active { background: var(--bn-coffee); border-color: var(--bn-coffee); color: #fff; }.filter-tabs--compact { justify-content: flex-end; }.micro-grid { display: grid; gap: .9rem; grid-template-columns: repeat(3, 1fr); }.micro-card { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; box-shadow: 0 7px 24px rgba(64,44,27,.04); padding: 1.1rem; }.micro-card__top { align-items: center; display: flex; justify-content: space-between; }.micro-card__top > span { align-items: center; background: var(--bn-sand); border-radius: 50%; color: var(--bn-gold-deep); display: flex; font-family: Georgia, serif; height: 2.2rem; justify-content: center; width: 2.2rem; }.micro-card h3 { font-size: .92rem; margin: 1.15rem 0 .32rem; }.micro-card > p { color: var(--bn-muted); font-size: .68rem; margin-bottom: 1rem; }.micro-card__metrics { border-bottom: 1px solid var(--bn-line); border-top: 1px solid var(--bn-line); display: grid; grid-template-columns: 1fr 1fr; padding: .8rem 0; }.micro-card__metrics span { display: grid; gap: .25rem; }.micro-card__metrics span:last-child { border-left: 1px solid var(--bn-line); padding-left: .7rem; }.micro-card small { color: var(--bn-muted); font-size: .55rem; }.micro-card b { font-family: Georgia, serif; font-size: .9rem; font-weight: 600; }.micro-card__foot { align-items: center; display: flex; justify-content: space-between; padding-top: .85rem; }.micro-card__foot > span { color: var(--bn-gold-deep); font-size: .62rem; font-weight: 800; }.micro-card__foot a { align-items: center; color: var(--bn-coffee); display: flex; font-size: .64rem; font-weight: 700; gap: .25rem; }.profile-hero { align-items: center; background: var(--bn-coffee); border-radius: .95rem; color: #fff; display: flex; gap: 2rem; justify-content: space-between; padding: 1.2rem 1.35rem; }.profile-hero__identity { align-items: center; display: flex; gap: .8rem; }.profile-hero__identity > span { align-items: center; background: #d8b87b; border-radius: 50%; color: var(--bn-coffee); display: flex; font-family: Georgia, serif; height: 3rem; justify-content: center; width: 3rem; }.profile-hero__identity strong { font-size: 1rem; }.profile-hero__identity p { color: rgba(255,255,255,.65); font-size: .68rem; margin: .22rem 0 .45rem; }.profile-hero__metrics { display: flex; gap: 1.6rem; }.profile-hero__metrics span { display: grid; gap: .28rem; }.profile-hero__metrics small { color: #d7c2a6; font-size: .57rem; }.profile-hero__metrics b { font-family: Georgia, serif; font-size: .95rem; font-weight: 500; }.tabs-bar, .client-tabs { border-bottom: 1px solid var(--bn-line); display: flex; gap: .3rem; margin: 1.3rem 0; overflow-x: auto; }.tabs-bar button, .client-tabs button { background: transparent; border: 0; border-bottom: 2px solid transparent; color: var(--bn-muted); font-size: .69rem; font-weight: 700; padding: .65rem .72rem; white-space: nowrap; }.tabs-bar button.is-active, .client-tabs button.is-active { border-color: var(--bn-gold); color: var(--bn-coffee); }.credit-summary > div:first-child { align-items: center; display: flex; justify-content: space-between; }.credit-summary > div:first-child span { color: var(--bn-muted); font-size: .66rem; font-weight: 700; }.credit-summary > strong { color: var(--bn-coffee); display: block; font-family: Georgia, serif; font-size: 2rem; font-weight: 500; letter-spacing: -.06em; margin: 1.1rem 0 .35rem; }.credit-summary p { color: var(--bn-muted); font-size: .67rem; margin-bottom: .8rem; }.switch { background: #d9d2c9; border: 0; border-radius: 999px; height: 1.35rem; padding: .15rem; transition: background .2s; width: 2.4rem; }.switch i { background: #fff; border-radius: 50%; display: block; height: 1.05rem; transition: transform .2s; width: 1.05rem; }.switch--on { background: var(--bn-gold); }.switch--on i { transform: translateX(1.05rem); }.credit-progress { background: #eee6db; border-radius: 999px; height: .45rem; overflow: hidden; }.credit-progress i { background: linear-gradient(90deg, var(--bn-gold), #e3c184); border-radius: inherit; display: block; height: 100%; }.message-box { background: #fcf8f1; border: 1px solid var(--bn-line); border-radius: .65rem; color: var(--bn-coffee); font-size: .73rem; line-height: 1.55; min-height: 125px; padding: .7rem; resize: vertical; width: 100%; }.panel-actions { display: flex; gap: .5rem; justify-content: flex-end; margin-top: .7rem; }.debt-card { align-items: center; background: #fdf9f1; border: 1px solid var(--bn-line); border-radius: .75rem; display: flex; gap: 1.2rem; justify-content: space-between; padding: 1rem; }.debt-card span, .debt-card small { color: var(--bn-muted); display: block; font-size: .62rem; }.debt-card strong { color: var(--bn-coffee); display: block; font-family: Georgia, serif; font-size: 1.25rem; font-weight: 500; margin-top: .25rem; }.debt-card p { color: var(--bn-muted); font-size: .62rem; margin: .25rem 0 0; }.debt-card > div:nth-child(2) { display: grid; gap: .35rem; }.debt-card__actions { display: flex; gap: .4rem; }.payment-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .6rem; grid-template-columns: 30px minmax(0,1fr) auto; padding: .7rem 0; }.payment-list article:last-child { border-bottom: 0; }.payment-list article > b { font-size: .7rem; }.payment-mark { align-items: center; background: #e4f0e9; border-radius: .45rem; color: var(--bn-sage); display: flex; height: 1.8rem; justify-content: center; width: 1.8rem; }.audit-list > div { border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: 90px 1fr; padding: .75rem 0; }.audit-list > div:last-child { border-bottom: 0; }.audit-list span { color: var(--bn-gold-deep); font-size: .6rem; font-weight: 700; }.audit-list p { color: var(--bn-muted); font-size: .68rem; line-height: 1.5; margin: 0; }.audit-list strong { color: var(--bn-coffee); }.details-grid { display: grid; gap: .8rem; grid-template-columns: repeat(2,1fr); }.details-grid span { background: #fbf7f0; border-radius: .6rem; display: grid; gap: .28rem; padding: .85rem; }.details-grid small { color: var(--bn-muted); font-size: .59rem; }.details-grid b { font-size: .72rem; }.customer-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: 34px minmax(160px,1.25fr) minmax(85px,.65fr) minmax(82px,.65fr) minmax(90px,.65fr); padding: .72rem 0; }.customer-list article:last-child { border-bottom: 0; }.customer-list article > span { align-items: center; background: var(--bn-sand); border-radius: 50%; color: var(--bn-gold-deep); display: flex; font-family: Georgia, serif; font-size: .62rem; height: 2rem; justify-content: center; width: 2rem; }.customer-list strong { display: block; font-size: .69rem; }.customer-list small { color: var(--bn-muted); display: block; font-size: .56rem; margin-top: .15rem; }.customer-list b { font-size: .69rem; }.credit-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: minmax(140px,1.2fr) minmax(65px,.5fr) minmax(65px,.5fr) minmax(65px,.5fr) auto minmax(130px,.9fr); padding: .8rem 0; }.credit-list article:last-child { border-bottom: 0; }.credit-list span, .credit-list small { color: var(--bn-muted); display: block; font-size: .57rem; }.credit-list strong { display: block; font-size: .69rem; margin: .2rem 0; }.credit-list b { font-size: .68rem; }.credit-list__actions { display: flex; gap: .35rem; justify-content: flex-end; }.report-grid { display: grid; gap: .9rem; grid-template-columns: repeat(3,1fr); }.insight-list { display: grid; gap: .8rem; grid-template-columns: repeat(3,1fr); }.insight-list > div { background: #fcf8f0; border-radius: .65rem; color: var(--bn-gold-deep); padding: .85rem; }.insight-list p { color: var(--bn-muted); font-size: .68rem; line-height: 1.55; margin: .55rem 0 0; }.insight-list strong { color: var(--bn-coffee); }.notification-page-list { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; overflow: hidden; }.notification-page-list button { background: #fffdfa; border: 0; border-bottom: 1px solid var(--bn-line); display: flex; gap: .8rem; padding: 1rem; position: relative; text-align: left; width: 100%; }.notification-page-list button:last-child { border-bottom: 0; }.notification-page-list button:hover { background: #fcf8f0; }.notification-page-list button.is-read { opacity: .58; }.notification-page-list button > i { background: var(--bn-gold); border-radius: 50%; height: .43rem; position: absolute; right: 1.1rem; top: 1.25rem; width: .43rem; }.notification-symbol { align-items: center; border-radius: .5rem; display: flex; height: 2rem; justify-content: center; width: 2rem; }.notification-symbol--order { background: #f3e7d5; color: var(--bn-gold-deep); }.notification-symbol--payment { background: #e3f0e9; color: var(--bn-sage); }.notification-symbol--stock { background: #f7e3df; color: var(--bn-rose); }.notification-symbol--credit { background: #e9e4ef; color: #735f86; }.notification-page-list strong { font-size: .75rem; }.notification-page-list p { color: var(--bn-muted); font-size: .65rem; margin: .25rem 0; }.notification-page-list small { color: var(--bn-gold-deep); font-size: .58rem; }.settings-grid { display: grid; gap: .9rem; grid-template-columns: repeat(2,1fr); }.setting-row { align-items: center; border-bottom: 1px solid #efe7db; display: flex; justify-content: space-between; padding: .65rem 0; }.setting-row:last-child { border-bottom: 0; }.setting-row strong { display: block; font-size: .72rem; }.setting-row small { color: var(--bn-muted); display: block; font-size: .6rem; margin-top: .2rem; }.price-groups { display: grid; }.price-groups div { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .55rem; grid-template-columns: 28px 1fr auto 16px; padding: .55rem 0; }.price-groups div:last-child { border-bottom: 0; }.price-groups span { align-items: center; background: var(--bn-sand); border-radius: .4rem; color: var(--bn-gold-deep); display: flex; font-size: .65rem; font-weight: 800; height: 1.6rem; justify-content: center; width: 1.6rem; }.price-groups strong { font-size: .68rem; }.price-groups small { color: var(--bn-muted); font-size: .56rem; }.settings-switches { display: grid; }.settings-switches label { align-items: center; border-bottom: 1px solid #efe7db; display: flex; justify-content: space-between; padding: .7rem 0; }.settings-switches label:last-child { border-bottom: 0; }.settings-switches label span { display: grid; gap: .2rem; }.settings-switches strong { font-size: .69rem; }.settings-switches small { color: var(--bn-muted); font-size: .58rem; }

/* Access */
.access-page { background: var(--bn-ivory); display: grid; grid-template-columns: 1.15fr .85fr; min-height: 100vh; }.access-page__visual { min-height: 100vh; overflow: hidden; position: relative; }.access-page__visual > img { height: 100%; object-fit: cover; object-position: 72% center; position: absolute; width: 100%; }.access-page__visual:after { background: linear-gradient(90deg, rgba(42,30,21,.9), rgba(55,38,25,.6)); content: ""; inset: 0; position: absolute; }.access-page__visual > div { bottom: 0; color: #fff; left: 0; max-width: 610px; padding: 4rem; position: absolute; z-index: 1; }.access-page__visual h1 { font-size: clamp(2.8rem,4vw,4.3rem); line-height: 1; margin: 1.2rem 0; }.access-page__visual h1 + p { color: rgba(255,255,255,.76); line-height: 1.7; }.access-page__visual small { color: #e9ce9f; display: block; font-size: .64rem; margin-top: 4rem; }.access-card { align-content: center; background: #fffdfa; display: grid; gap: 2rem; padding: 4rem clamp(2rem, 7vw, 7rem); }.access-card h2 { font-size: 2.2rem; line-height: 1.05; margin: .45rem 0 .7rem; }.access-card p:not(.eyebrow) { color: var(--bn-muted); font-size: .85rem; line-height: 1.6; margin-bottom: 0; }.access-card form { display: grid; gap: 1rem; }.access-card label { color: var(--bn-coffee); display: grid; font-size: .72rem; font-weight: 700; gap: .4rem; }.access-card input { background: #fff; border: 1px solid var(--bn-line); border-radius: .65rem; min-height: 2.75rem; outline-color: var(--bn-gold); padding: .55rem .7rem; }.access-card form .button { margin-top: .2rem; width: 100%; }.access-card__links { display: flex; font-size: .68rem; gap: 1rem; justify-content: space-between; }.access-card__links button { background: none; border: 0; color: var(--bn-gold-deep); font-size: inherit; font-weight: 700; padding: 0; }.access-card__links a { color: var(--bn-gold-deep); font-weight: 700; }.access-card__note { border-top: 1px solid var(--bn-line); font-size: .64rem !important; padding-top: 1rem; }.form-error { color: #a64e48 !important; font-size: .68rem !important; }

/* Distributor */
.task-list { display: grid; }.task-list a { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .65rem; grid-template-columns: 30px 1fr 16px; padding: .7rem 0; }.task-list a:last-child { border-bottom: 0; }.task-icon { align-items: center; background: var(--bn-sand); border-radius: .45rem; color: var(--bn-gold-deep); display: flex; height: 1.8rem; justify-content: center; width: 1.8rem; }.task-list strong { display: block; font-size: .67rem; }.task-list small { color: var(--bn-muted); display: block; font-size: .57rem; margin-top: .2rem; }.purchase-layout { display: grid; gap: 1rem; grid-template-columns: minmax(0,1fr) 315px; }.purchase-product-list { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; display: grid; padding: .7rem 1rem; }.purchase-product-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: 45px minmax(180px,1fr) 100px 105px; padding: .75rem 0; }.purchase-product-list article:last-child { border-bottom: 0; }.purchase-product-list .product-thumb { border-radius: .55rem; height: 2.6rem; width: 2.6rem; }.purchase-product-list span { color: var(--bn-gold-deep); font-size: .56rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.purchase-product-list h3 { font-size: .74rem; margin: .24rem 0; }.purchase-product-list p { color: var(--bn-muted); font-size: .58rem; margin: 0; }.purchase-product-list__price { display: grid; gap: .2rem; text-align: right; }.purchase-product-list__price small { color: var(--bn-muted); font-size: .56rem; }.purchase-product-list__price strong { font-family: Georgia, serif; font-size: .92rem; font-weight: 500; }.quantity-control { align-items: center; border: 1px solid var(--bn-line); border-radius: .55rem; display: flex; justify-content: space-between; overflow: hidden; }.quantity-control button { background: #fff; border: 0; color: var(--bn-gold-deep); font-size: 1.05rem; height: 2.1rem; width: 2rem; }.quantity-control span { color: var(--bn-coffee); font-size: .72rem; min-width: 1rem; text-align: center; }.cart-panel { align-self: start; background: var(--bn-coffee); border-radius: .9rem; color: #fff; overflow: hidden; padding: 1.05rem; position: sticky; top: 5.3rem; }.cart-panel header { align-items: center; border-bottom: 1px solid rgba(255,255,255,.15); display: flex; justify-content: space-between; padding-bottom: .9rem; }.cart-panel header div { display: grid; gap: .25rem; }.cart-panel header span { color: #dac49f; font-size: .62rem; }.cart-panel header strong { font-size: .85rem; }.cart-panel__items { display: grid; max-height: 310px; overflow-y: auto; }.cart-panel__items > div { align-items: start; border-bottom: 1px solid rgba(255,255,255,.12); display: grid; gap: .4rem; grid-template-columns: 20px 1fr auto; padding: .72rem 0; }.cart-panel__items > div > span { color: #ddba79; font-family: Georgia, serif; font-size: .7rem; }.cart-panel__items strong { display: block; font-size: .66rem; }.cart-panel__items small { color: rgba(255,255,255,.55); display: block; font-size: .55rem; margin-top: .17rem; }.cart-panel__items b { font-size: .64rem; }.cart-panel__total { align-items: center; display: flex; justify-content: space-between; padding: 1rem 0; }.cart-panel__total span { color: #dac49f; font-size: .67rem; }.cart-panel__total strong { font-family: Georgia, serif; font-size: 1.35rem; font-weight: 500; }.credit-choice { align-items: center; background: rgba(255,255,255,.08); border-radius: .65rem; display: flex; gap: .55rem; margin-bottom: .8rem; padding: .65rem; }.credit-choice input { accent-color: var(--bn-gold); }.credit-choice span { display: grid; gap: .2rem; }.credit-choice strong { font-size: .65rem; }.credit-choice small { color: rgba(255,255,255,.55); font-size: .55rem; }.cart-panel .button { width: 100%; }.cart-panel > p { color: rgba(255,255,255,.5); font-size: .58rem; line-height: 1.45; margin: .75rem 0 0; text-align: center; }.cart-empty { align-items: center; color: var(--bn-muted); display: flex; flex-direction: column; gap: .5rem; padding: 2.2rem 1rem; text-align: center; }.cart-panel .cart-empty { color: rgba(255,255,255,.65); }.cart-empty strong { color: inherit; font-size: .75rem; }.cart-empty p { font-size: .64rem; line-height: 1.5; margin: 0; }.price-manager-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: 42px minmax(150px,1.2fr) minmax(85px,.65fr) minmax(80px,.6fr) 90px 55px auto; padding: .73rem 0; }.price-manager-list article:last-child { border-bottom: 0; }.price-manager-list .product-thumb { border-radius: .5rem; height: 2.4rem; width: 2.4rem; }.price-manager-list strong { display: block; font-size: .68rem; }.price-manager-list small { color: var(--bn-muted); display: block; font-size: .56rem; margin-top: .17rem; }.price-manager-list b { font-size: .68rem; }.price-manager-list label { display: grid; gap: .18rem; }.price-manager-list input { background: #fff; border: 1px solid var(--bn-line); border-radius: .4rem; color: var(--bn-coffee); font-size: .68rem; font-weight: 700; min-width: 0; padding: .38rem; width: 100%; }.catalog-preview { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .95rem; display: grid; grid-template-columns: 1.15fr .85fr; overflow: hidden; }.catalog-preview__cover { color: #fff; min-height: 280px; overflow: hidden; position: relative; }.catalog-preview__cover > img { height: 100%; object-fit: cover; object-position: 72% center; position: absolute; width: 100%; }.catalog-preview__cover:after { background: linear-gradient(90deg, rgba(48,34,24,.9), rgba(48,34,24,.2)); content: ""; inset: 0; position: absolute; }.catalog-preview__cover > div { bottom: 0; left: 0; padding: 1.5rem; position: absolute; z-index: 1; }.catalog-preview__cover span { color: #e4c58f; font-size: .6rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.catalog-preview__cover h2 { font-family: Georgia, serif; font-size: 3rem; line-height: .81; margin: .65rem 0; }.catalog-preview__cover p { color: rgba(255,255,255,.72); font-size: .7rem; }.catalog-preview__stats { align-content: center; display: grid; gap: 1.3rem; padding: 1.5rem; }.catalog-preview__stats div { border-bottom: 1px solid var(--bn-line); display: grid; gap: .3rem; padding-bottom: .85rem; }.catalog-preview__stats div:last-child { border-bottom: 0; padding-bottom: 0; }.catalog-preview__stats small { color: var(--bn-muted); font-size: .6rem; }.catalog-preview__stats strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.3rem; font-weight: 500; }.product-grid--small { grid-template-columns: repeat(4, minmax(0,1fr)); }.product-card--compact .product-card__body { padding: .85rem; }.product-card--compact .product-card__foot { margin-top: .85rem; }.stock-product-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: 42px minmax(180px,1fr) 85px 100px auto; padding: .72rem 0; }.stock-product-list article:last-child { border-bottom: 0; }.stock-product-list .product-thumb { border-radius: .5rem; height: 2.4rem; width: 2.4rem; }.stock-product-list strong { display: block; font-size: .68rem; }.stock-product-list small { color: var(--bn-muted); display: block; font-size: .56rem; margin-top: .17rem; }.stock-product-list b { font-size: .67rem; }.bn-account-card { align-items: center; background: var(--bn-coffee); border-radius: .95rem; color: #fff; display: grid; gap: 1.3rem; grid-template-columns: 1fr 1fr auto; margin-bottom: .9rem; padding: 1.3rem; }.bn-account-card span { color: #dac49f; font-size: .6rem; }.bn-account-card strong { display: block; font-family: Georgia, serif; font-size: 1.65rem; font-weight: 500; margin: .4rem 0; }.bn-account-card p { color: rgba(255,255,255,.63); font-size: .62rem; line-height: 1.45; margin: 0; }.bn-account-card .credit-progress { margin-top: .8rem; }.bn-order-list { display: grid; }.bn-order-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: minmax(140px,1fr) 80px 80px auto; padding: .75rem 0; }.bn-order-list article:last-child { border-bottom: 0; }.bn-order-list strong { display: block; font-size: .7rem; }.bn-order-list small { color: var(--bn-muted); display: block; font-size: .57rem; margin-top: .2rem; }.bn-order-list b { font-size: .68rem; }.cash-summary { display: grid; gap: .7rem; }.cash-summary div { align-items: center; background: #fcf8f0; border-radius: .6rem; display: flex; justify-content: space-between; padding: .8rem; }.cash-summary span { color: var(--bn-muted); font-size: .65rem; }.cash-summary strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.05rem; font-weight: 500; }.material-grid { display: grid; gap: .9rem; grid-template-columns: repeat(4, 1fr); }.material-grid article { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .85rem; padding: 1.15rem; }.material-grid span { align-items: center; background: var(--bn-sand); border-radius: .55rem; color: var(--bn-gold-deep); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }.material-grid h3 { font-size: .83rem; margin: 1rem 0 .45rem; }.material-grid p { color: var(--bn-muted); font-size: .67rem; line-height: 1.5; min-height: 3rem; }

/* Public catalog */
.catalog-branding { align-items: center; display: flex; gap: .85rem; }
.catalog-branding > .brand { border-left: 1px solid var(--bn-line); padding-left: .85rem; }
.catalog-branding .brand-logo { height: 3.1rem; }
.catalog-site { background: #fffdfa; color: var(--bn-ink); min-height: 100vh; }.catalog-header { background: rgba(255,253,250,.93); border-bottom: 1px solid var(--bn-line); left: 0; position: sticky; right: 0; top: 0; z-index: 15; }.catalog-header__inner { align-items: center; display: flex; gap: 2rem; height: 4.75rem; margin: 0 auto; max-width: 1230px; padding: 0 2rem; }.catalog-brand { align-items: center; display: flex; gap: .55rem; }.catalog-brand > span { align-items: center; background: var(--bn-coffee); border-radius: 50%; color: #f2d092; display: flex; font-family: Georgia, serif; font-size: .75rem; height: 2.2rem; justify-content: center; width: 2.2rem; }.catalog-brand div { display: grid; gap: .15rem; }.catalog-brand strong { font-family: Georgia, serif; font-size: .95rem; letter-spacing: -.04em; }.catalog-brand small { color: var(--bn-gold-deep); font-size: .55rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.catalog-nav { display: flex; gap: 1.4rem; margin-left: auto; }.catalog-nav a { color: var(--bn-muted); font-size: .72rem; font-weight: 700; }.catalog-nav a:hover { color: var(--bn-gold-deep); }.catalog-header__actions { align-items: center; display: flex; gap: .65rem; }.catalog-login { align-items: center; color: var(--bn-coffee); display: flex; font-size: .7rem; font-weight: 700; gap: .35rem; }.catalog-cart-button { align-items: center; background: var(--bn-gold); border: 0; border-radius: .6rem; color: #fff; display: flex; height: 2.35rem; justify-content: center; position: relative; width: 2.35rem; }.catalog-cart-button b { align-items: center; background: var(--bn-coffee); border: 2px solid #fffdfa; border-radius: 50%; display: flex; font-size: .55rem; height: 1.05rem; justify-content: center; position: absolute; right: -.4rem; top: -.35rem; width: 1.05rem; }.catalog-menu { display: none; }.catalog-hero { background: var(--bn-coffee); color: #fff; min-height: 550px; overflow: hidden; position: relative; }.catalog-hero > img { height: 100%; inset: 0; object-fit: cover; object-position: 70% center; position: absolute; width: 100%; }.catalog-hero:after { background: linear-gradient(90deg, rgba(45,32,22,.9), rgba(52,37,25,.63) 40%, rgba(52,37,25,.06) 80%); content: ""; inset: 0; position: absolute; }.catalog-hero > div { margin: 0 auto; max-width: 1230px; padding: 7.2rem 2rem 4.5rem; position: relative; z-index: 1; }.catalog-hero h1 { font-size: clamp(3rem,5.3vw,5rem); line-height: .98; margin-bottom: 1.25rem; }.catalog-hero h1 em { color: #e9c78d; }.catalog-hero p:not(.eyebrow) { color: rgba(255,255,255,.77); font-size: .95rem; line-height: 1.7; max-width: 465px; }.catalog-hero .button { margin-top: .75rem; }.catalog-hero__details { display: flex; gap: 1.15rem; margin-top: 2.3rem; }.catalog-hero__details span { align-items: center; color: #eddbbb; display: flex; font-size: .64rem; font-weight: 700; gap: .35rem; }.catalog-benefits { background: #f1e5d3; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 auto; max-width: 1120px; position: relative; transform: translateY(-2.1rem); }.catalog-benefits > div { border-right: 1px solid rgba(100,75,46,.17); padding: 1.15rem 1.35rem; }.catalog-benefits > div:last-child { border-right: 0; }.catalog-benefits span { color: var(--bn-gold-deep); display: block; margin-bottom: .55rem; }.catalog-benefits strong { font-size: .76rem; }.catalog-benefits p { color: var(--bn-muted); font-size: .64rem; line-height: 1.5; margin: .35rem 0 0; }.catalog-products, .catalog-about { margin: 0 auto; max-width: 1230px; padding: 4rem 2rem 6rem; }.catalog-products__heading { align-items: end; display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 1.5rem; }.catalog-products__heading > p { color: var(--bn-muted); font-size: .83rem; line-height: 1.6; max-width: 350px; }.catalog-toolbar { align-items: center; border-bottom: 1px solid var(--bn-line); display: flex; gap: .65rem; margin-bottom: 1.4rem; padding-bottom: 1.4rem; }.catalog-toolbar .search-field { max-width: 370px; }.product-grid--catalog { grid-template-columns: repeat(4, minmax(0,1fr)); }.catalog-about { align-items: center; display: grid; gap: 5.5rem; grid-template-columns: .8fr 1.2fr; }.catalog-about__visual { aspect-ratio: .9; border-radius: 1rem; overflow: hidden; position: relative; }.catalog-about__visual img { height: 100%; object-fit: cover; object-position: 72% center; width: 100%; }.catalog-about__visual:after { background: linear-gradient(180deg, transparent, rgba(47,33,22,.68)); content: ""; inset: 0; position: absolute; }.catalog-about__visual span { align-items: center; background: rgba(255,255,255,.86); border-radius: 50%; bottom: 1.1rem; color: var(--bn-coffee); display: flex; font-family: Georgia, serif; font-size: 1.3rem; height: 3.7rem; justify-content: center; left: 1.1rem; position: absolute; width: 3.7rem; z-index: 1; }.catalog-about h2 { font-size: clamp(2.4rem,4vw,3.7rem); line-height: 1.05; }.catalog-about > div:last-child > p:not(.eyebrow) { color: var(--bn-muted); font-size: .9rem; line-height: 1.75; max-width: 510px; }.catalog-contact { display: flex; gap: 1.35rem; margin: 1.65rem 0; }.catalog-contact > span { align-items: center; color: var(--bn-gold-deep); display: flex; gap: .45rem; }.catalog-contact div { display: grid; gap: .18rem; }.catalog-contact small { color: var(--bn-muted); font-size: .55rem; }.catalog-contact strong { color: var(--bn-coffee); font-size: .67rem; }.catalog-cta { align-items: center; background: var(--bn-coffee); color: #fff; display: flex; gap: 2rem; justify-content: space-between; padding: 4rem max(2rem, calc((100vw - 1100px) / 2)); }.catalog-cta h2 { font-size: clamp(2.5rem,4vw,4rem); line-height: .98; margin-bottom: 0; }.catalog-footer { background: #211914; color: rgba(255,255,255,.7); display: grid; gap: 2rem; grid-template-columns: 1.4fr .8fr .8fr; padding: 3.8rem max(2rem, calc((100vw - 1100px) / 2)) 1.5rem; }.catalog-footer > div { display: grid; gap: .6rem; align-content: start; }.catalog-footer p { font-size: .69rem; line-height: 1.6; max-width: 240px; }.catalog-footer strong { color: #e6c48c; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }.catalog-footer a { color: rgba(255,255,255,.7); font-size: .68rem; }.catalog-footer small { border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.4); font-size: .59rem; grid-column: 1 / -1; margin-top: .75rem; padding-top: 1rem; }.catalog-cart-drawer { inset: 0; position: fixed; z-index: 50; }.catalog-cart-drawer__shade { background: rgba(38,26,18,.48); inset: 0; position: absolute; }.catalog-cart-drawer > aside { background: #fffdfa; bottom: 0; box-shadow: -20px 0 50px rgba(42,29,21,.2); display: flex; flex-direction: column; max-width: 430px; padding: 1.3rem; position: absolute; right: 0; top: 0; width: 100%; }.catalog-cart-drawer aside > header { align-items: center; border-bottom: 1px solid var(--bn-line); display: flex; justify-content: space-between; padding-bottom: 1rem; }.catalog-cart-drawer aside > header div { display: grid; gap: .2rem; }.catalog-cart-drawer aside > header span { color: var(--bn-muted); font-size: .63rem; }.catalog-cart-drawer aside > header strong { font-size: .95rem; }.catalog-cart-drawer aside > header button { background: #f3eadc; border: 0; border-radius: .5rem; color: var(--bn-coffee); display: flex; padding: .45rem; }.catalog-cart-lines { display: grid; flex: 1; margin-top: .5rem; overflow-y: auto; }.catalog-cart-lines article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .55rem; grid-template-columns: 43px minmax(0,1fr) auto; padding: .75rem 0; }.catalog-cart-lines .product-thumb { border-radius: .45rem; height: 2.4rem; width: 2.4rem; }.catalog-cart-lines strong { display: block; font-size: .7rem; }.catalog-cart-lines small { color: var(--bn-muted); display: block; font-size: .56rem; margin-top: .17rem; }.catalog-cart-lines b { font-size: .68rem; }.catalog-cart-total { align-items: center; border-top: 1px solid var(--bn-line); display: flex; justify-content: space-between; padding: .9rem 0; }.catalog-cart-total span { color: var(--bn-muted); font-size: .72rem; }.catalog-cart-total strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.55rem; font-weight: 500; }.catalog-cart-drawer aside > .button { width: 100%; }.catalog-cart-drawer aside > p { color: var(--bn-muted); font-size: .59rem; line-height: 1.45; text-align: center; }.catalog-checkout { display: grid; gap: .9rem; margin-top: 1.3rem; }.catalog-checkout > p { color: var(--bn-muted); font-size: .7rem; line-height: 1.55; margin: 0 0 .2rem; }.checkout-total { align-items: center; border-bottom: 1px solid var(--bn-line); border-top: 1px solid var(--bn-line); display: flex; justify-content: space-between; margin-top: .2rem; padding: .85rem 0; }.checkout-total span { color: var(--bn-muted); font-size: .72rem; }.checkout-total strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.4rem; font-weight: 500; }.order-success { align-items: center; display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: center; }.order-success > span { align-items: center; background: #e2f0e7; border-radius: 50%; color: var(--bn-sage); display: flex; height: 3.5rem; justify-content: center; width: 3.5rem; }.order-success h2 { font-size: 1.7rem; margin: 1.1rem 0 .55rem; }.order-success p { color: var(--bn-muted); font-size: .75rem; line-height: 1.55; max-width: 270px; }.order-success .button { margin-top: .8rem; }

/* Client account */
.client-portal { background: #f8f3eb; min-height: 100vh; padding-bottom: 3rem; }.client-portal__header { align-items: center; background: #fffdfa; border-bottom: 1px solid var(--bn-line); display: flex; justify-content: space-between; padding: 1rem max(2rem, calc((100vw - 1050px) / 2)); }.client-portal__welcome { align-items: end; background: var(--bn-coffee); color: #fff; display: flex; justify-content: space-between; margin: 0 auto; max-width: 1050px; padding: 3.2rem 2rem; }.client-portal__welcome h1 { font-size: clamp(2.4rem,4vw,3.65rem); line-height: 1; margin-bottom: .8rem; }.client-portal__welcome h1 em { color: #edca90; }.client-portal__welcome > div > p:not(.eyebrow) { color: rgba(255,255,255,.7); font-size: .82rem; line-height: 1.6; margin-bottom: 0; }.client-portal__welcome > span { align-items: center; background: #dfbd7c; border-radius: 50%; color: var(--bn-coffee); display: flex; font-family: Georgia, serif; font-size: 1.25rem; height: 4.4rem; justify-content: center; width: 4.4rem; }.client-tabs, .client-portal .panel, .client-kpi-grid, .repeat-buy { margin-left: auto; margin-right: auto; max-width: 1050px; }.client-tabs { margin-bottom: 1.25rem; margin-top: 0; padding: .8rem 2rem 0; }.client-kpi-grid { display: grid; gap: .8rem; grid-template-columns: repeat(4,1fr); padding: 0 2rem; }.client-portal .panel, .repeat-buy { margin-top: .9rem; }.client-order-preview { display: grid; }.client-order-preview article { align-items: center; border-bottom: 1px solid #efe7db; display: flex; justify-content: space-between; padding: .75rem 0; }.client-order-preview article:last-child { border-bottom: 0; }.client-order-preview strong { display: block; font-size: .72rem; }.client-order-preview small { color: var(--bn-muted); display: block; font-size: .58rem; margin-top: .18rem; }.client-order-preview article > div:last-child { align-items: end; display: flex; flex-direction: column; gap: .35rem; }.client-order-preview b { font-size: .71rem; }.client-credit-card { align-items: center; background: var(--bn-coffee); border-radius: .75rem; color: #fff; display: flex; justify-content: space-between; padding: 1.1rem; }.client-credit-card span { color: #dac49f; font-size: .62rem; }.client-credit-card strong { display: block; font-family: Georgia, serif; font-size: 1.65rem; font-weight: 500; margin: .35rem 0; }.client-credit-card p { color: rgba(255,255,255,.63); font-size: .62rem; margin: 0; }.installment-list { display: grid; }.installment-list article { align-items: center; border-bottom: 1px solid #efe7db; display: flex; justify-content: space-between; padding: .8rem 0; }.installment-list article:last-child { border-bottom: 0; }.installment-list strong { display: block; font-size: .7rem; }.installment-list small { color: var(--bn-muted); display: block; font-size: .58rem; margin-top: .18rem; }.installment-list article > div:last-child { align-items: end; display: flex; gap: .4rem; }.installment-list b { font-size: .67rem; }.repeat-buy { align-items: center; background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; box-shadow: 0 7px 24px rgba(64,44,27,.04); display: flex; flex-direction: column; padding: 3rem 1rem; text-align: center; }.repeat-buy h2 { font-size: 1.8rem; }.repeat-buy p { color: var(--bn-muted); font-size: .75rem; max-width: 320px; }.toast { align-items: center; background: var(--bn-coffee); border: 1px solid rgba(255,255,255,.14); border-radius: .7rem; bottom: 1rem; box-shadow: var(--shadow-lift); color: #fff; display: flex; font-size: .72rem; gap: .6rem; left: 50%; max-width: calc(100vw - 2rem); padding: .8rem 1rem; position: fixed; transform: translateX(-50%); z-index: 100; }.toast svg { color: #e0bb77; }.toast button { align-items: center; background: transparent; border: 0; color: #fff; display: flex; margin-left: .2rem; padding: 0; }

@keyframes hero-drift { from { transform: translate3d(-1rem, -1rem, 0) scale(.96); } to { transform: translate3d(1.5rem, 1.5rem, 0) scale(1.06); } }
@keyframes orbit-turn { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes partner-marquee { from { transform: translateX(0); } to { transform: translateX(calc(-50% - .425rem)); } }

@media (prefers-reduced-motion: reduce) {
  .hero__image, .hero__orb, .hero__orbit, .partner-marquee__track { animation: none; transform: none; transition: none; }
}

@media (max-width: 1120px) {
  .hero__signal { right: 2rem; }.founders-card__copy { padding: 3.2rem; }.brand-partner-card > p { max-width: 170px; }
  .site-nav { gap: .8rem; }.site-header__actions .button:first-child { display: none; }.hero { min-height: 670px; }.section, .technology-section { padding-bottom: 5.5rem; padding-top: 5.5rem; }.network-section { gap: 3rem; }.portal-sidebar { flex-basis: 225px; width: 225px; }.portal-main { margin-left: 225px; width: calc(100% - 225px); }.profile-hero { align-items: start; flex-direction: column; }.purchase-layout { grid-template-columns: minmax(0,1fr) 280px; }.price-manager-list article { grid-template-columns: 40px minmax(135px,1fr) 73px 73px 74px 50px auto; }.product-grid, .product-grid--catalog { grid-template-columns: repeat(3, minmax(0,1fr)); }.product-grid--small { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 880px) {
  .hero__signal { bottom: 1.5rem; right: 1.2rem; }.hero__vertical-label { display: none; }.founders-card { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }.founders-card__copy { padding: 2.4rem; }.founders-card__portrait { min-height: 27rem; }.partner-wall-section__inner { align-items: start; flex-direction: column; gap: 1rem; }.partner-wall-section__footer { gap: 1rem; }
  .site-header__inner { padding: 0 1.2rem; }.site-nav { background: #fffdfa; box-shadow: var(--shadow-lift); display: none; flex-direction: column; gap: 0; left: 1rem; padding: .6rem; position: absolute; right: 1rem; top: 4.7rem; }.site-nav--open { display: flex; }.site-nav a, .site-header--solid .site-nav > a { border-radius: .5rem; color: var(--bn-coffee); font-size: .78rem; padding: .85rem; width: 100%; }.site-nav__mobile-actions { display: grid; gap: .5rem; padding: .5rem; width: 100%; }.site-nav__mobile-actions .button { width: 100%; }.site-header__actions { display: none; }.menu-toggle { align-items: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.5); border-radius: .5rem; color: #fff; display: flex; height: 2.35rem; justify-content: center; margin-left: auto; width: 2.35rem; }.site-header--solid .menu-toggle { background: var(--bn-sand); border-color: var(--bn-line); color: var(--bn-coffee); }.hero__content { padding: 5rem 1.2rem 4rem; }.hero__veil { background: linear-gradient(90deg, rgba(46,33,23,.91), rgba(54,39,27,.66) 61%, rgba(64,43,25,.12)); }.section--about, .network-section, .catalog-about { grid-template-columns: 1fr; }.about-copy { padding-top: 0; }.network-section { gap: 2rem; }.network-benefits { grid-template-columns: repeat(3,1fr); }.portal-mockups { grid-template-columns: 1fr .62fr; }.portal-mockup--side { display: none; }.differential-grid { grid-template-columns: repeat(2,1fr); }.differential-grid article:nth-child(3n) { border-right: 1px solid var(--bn-line); }.differential-grid article:nth-child(2n) { border-right: 0; }.journey-list { grid-template-columns: repeat(3,1fr); }.journey-list li:nth-child(3n) { border-right: 0; }.journey-list li:nth-child(n+4) { border-top: 1px solid var(--bn-line); }.testimonial-grid { grid-template-columns: 1fr; }.testimonial-grid blockquote { min-height: auto; }.final-cta { align-items: start; flex-direction: column; }.site-footer__top { flex-direction: column; gap: 2.5rem; }.site-footer__nav { gap: 1.7rem; }.portal-sidebar { display: none; }.portal-main { margin-left: 0; padding-bottom: 4.75rem; width: 100%; }.portal-topbar { height: 4.1rem; padding: 0 1rem; }.topbar-menu { align-items: center; background: var(--bn-sand); border: 0; border-radius: .5rem; color: var(--bn-coffee); display: flex; height: 2.15rem; justify-content: center; width: 2.15rem; }.portal-topbar { gap: .7rem; justify-content: initial; }.portal-topbar__actions { margin-left: auto; }.topbar-user { display: none; }.portal-mobile-menu { background: var(--bn-coffee); bottom: 0; box-shadow: 10px 0 40px rgba(25,16,11,.3); color: #fff; display: flex; flex-direction: column; left: 0; overflow-y: auto; padding: 1rem; position: fixed; top: 0; width: min(290px, 82vw); z-index: 80; }.portal-mobile-menu:after { background: rgba(35,22,15,.35); content: ""; height: 100%; left: 100%; position: fixed; top: 0; width: 100vw; z-index: -1; }.portal-mobile-menu__top { align-items: center; border-bottom: 1px solid rgba(255,255,255,.14); display: flex; justify-content: space-between; padding: .35rem .5rem 1.1rem; }.portal-mobile-menu__top button { background: rgba(255,255,255,.12); border: 0; border-radius: .5rem; color: #fff; display: flex; padding: .45rem; }.portal-mobile-menu__nav { display: grid; gap: .2rem; margin-top: 1.15rem; }.portal-bottom-nav { background: #fffdfa; border-top: 1px solid var(--bn-line); bottom: 0; display: flex; height: 4.5rem; justify-content: space-around; left: 0; padding: .35rem .25rem .4rem; position: fixed; right: 0; z-index: 30; }.portal-bottom-nav a, .portal-bottom-nav button { align-items: center; background: transparent; border: 0; color: var(--bn-muted); display: flex; flex: 1; flex-direction: column; font-size: .54rem; font-weight: 700; gap: .19rem; justify-content: center; padding: 0; }.portal-bottom-nav a.is-active { color: var(--bn-gold-deep); }.portal-content { padding: 1.15rem; }.dashboard-grid--charts, .dashboard-grid--lower { grid-template-columns: 1fr; }.kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.micro-grid { grid-template-columns: repeat(2,1fr); }.report-grid { grid-template-columns: 1fr; }.insight-list { grid-template-columns: 1fr; }.settings-grid { grid-template-columns: 1fr; }.purchase-layout { grid-template-columns: 1fr; }.cart-panel { position: static; }.catalog-preview { grid-template-columns: 1fr; }.catalog-preview__cover { min-height: 240px; }.product-grid, .product-grid--catalog, .product-grid--small { grid-template-columns: repeat(2,minmax(0,1fr)); }.catalog-header__inner { padding: 0 1.2rem; }.catalog-nav { background: #fffdfa; box-shadow: var(--shadow-lift); display: none; flex-direction: column; gap: 0; left: 1rem; padding: .55rem; position: absolute; right: 1rem; top: 4.35rem; }.catalog-nav--open { display: flex; }.catalog-nav a { border-radius: .5rem; color: var(--bn-coffee); padding: .8rem; }.catalog-menu { align-items: center; background: var(--bn-sand); border: 0; border-radius: .5rem; color: var(--bn-coffee); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }.catalog-login { display: none; }.catalog-header__actions { margin-left: auto; }.catalog-hero > div { padding: 5.8rem 1.2rem 3.5rem; }.catalog-hero:after { background: linear-gradient(90deg, rgba(45,32,22,.91), rgba(52,37,25,.62) 75%, rgba(52,37,25,.14)); }.catalog-benefits { margin: 0 1.2rem; transform: translateY(-1.4rem); }.catalog-products, .catalog-about { padding: 2.7rem 1.2rem 4.5rem; }.catalog-products__heading { align-items: start; flex-direction: column; gap: .5rem; }.catalog-about { gap: 2.1rem; }.catalog-about__visual { max-height: 430px; }.catalog-cta { align-items: start; flex-direction: column; padding: 3rem 1.2rem; }.catalog-footer { grid-template-columns: 1fr 1fr; padding: 3rem 1.2rem 1.4rem; }.catalog-footer > div:first-child { grid-column: 1 / -1; }.client-portal__header { padding: 1rem 1.2rem; }.client-portal__welcome { padding: 2.4rem 1.2rem; }.client-tabs { padding-left: 1.2rem; padding-right: 1.2rem; }.client-kpi-grid { padding: 0 1.2rem; }
}

@media (max-width: 610px) {
  .hero__signal, .hero__vertical-label { display: none; }.hero__index { margin-bottom: 1rem; }.hero__motion { opacity: .78; }.founders-section { padding-left: 1.2rem; padding-right: 1.2rem; }.founders-section:before { display: none; }.founders-card { grid-template-columns: 1fr; }.founders-card__portrait { min-height: 20rem; }.founders-card__portrait > p { bottom: 1.8rem; right: 1.5rem; }.founders-card__copy { padding: 2rem 1.5rem 2.2rem; }.founders-card__copy:after { font-size: 8rem; }.founders-card__copy h2 { font-size: 2.35rem; }.brand-partners-section { padding-left: 1.2rem; padding-right: 1.2rem; }.brand-partner-grid { grid-template-columns: 1fr; }.brand-partner-card { min-height: 15rem; padding: 1.4rem; }.brand-partner-card__mark { bottom: 1.45rem; left: 1.4rem; right: 1.4rem; }.brand-partner-card__mark img { height: 3.35rem; max-width: 14rem; }.brand-partner-card--plakton .brand-partner-card__mark img { height: 4rem; }.brand-partner-card > p { font-size: .7rem; max-width: 126px; right: 1.4rem; top: 1.4rem; }.brand-partner-card__line { bottom: 1.2rem; left: 1.4rem; right: 1.4rem; }.partner-wall-section { padding-top: 4.15rem; }.partner-wall-section__inner, .partner-wall-section__footer { padding-left: 1.2rem; padding-right: 1.2rem; }.partner-wall-section__heading h2 { font-size: 2.35rem; }.partner-wall-section__inner > p { font-size: .82rem; }.partner-marquee { margin-top: 2.25rem; }.partner-mark { flex-basis: 14.7rem; }.partner-wall-section__footer { align-items: start; flex-direction: column; }
  .catalog-branding > .brand { display: none; }
  .hero { min-height: 680px; }.hero__image { object-position: 68% center; }.hero__veil { background: linear-gradient(90deg, rgba(46,33,23,.92), rgba(54,39,27,.69) 70%, rgba(64,43,25,.12)); }.hero h1 { font-size: clamp(2.7rem, 13vw, 3.55rem); }.hero__content > p:not(.eyebrow) { font-size: .94rem; }.hero__proof { gap: .65rem 1rem; margin-top: 2.3rem; }.section { padding: 4.15rem 1.2rem; }.section--products { padding-left: 1.2rem; padding-right: 1.2rem; }.section-heading { align-items: start; flex-direction: column; gap: .45rem; margin-bottom: 1.45rem; }.section-heading > p { font-size: .82rem; }.section__intro h2, .section-heading h2, .catalog-products h2 { font-size: 2.35rem; }.highlight-grid { gap: .9rem; grid-template-columns: 1fr 1fr; margin-top: .4rem; }.highlight-grid article:nth-child(2) { border-right: 0; }.highlight-grid article:nth-child(n+3) { border-top: 1px solid var(--bn-line); padding-top: .9rem; }.highlight-grid strong { font-size: 1.9rem; }.product-grid, .product-grid--catalog, .product-grid--small { gap: .75rem; }.product-card__body { padding: .8rem; }.product-card h3 { font-size: .85rem; }.product-card p { display: none; }.product-card__foot { align-items: start; flex-direction: column; margin-top: .75rem; }.product-card__foot .button { min-height: 1.95rem; width: 100%; }.network-section { padding: 4.15rem 1.2rem; }.network-section h2 { font-size: 3rem; }.network-benefits { grid-template-columns: 1fr 1fr; }.network-benefits div:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.2); }.network-benefits div:nth-child(2n) { border-right: 0; }.network-benefits div { min-height: 7.4rem; padding: 1rem; }.portal-mockups { display: block; }.portal-mockup--main { min-height: 280px; }.portal-mockup--phone { display: none; }.differential-grid { grid-template-columns: 1fr; }.differential-grid article, .differential-grid article:nth-child(3n) { border-right: 0; min-height: 175px; }.journey-list { grid-template-columns: 1fr 1fr; }.journey-list li, .journey-list li:nth-child(3n) { border-right: 1px solid var(--bn-line); }.journey-list li:nth-child(2n) { border-right: 0; }.journey-list li:nth-child(n+3) { border-top: 1px solid var(--bn-line); }.site-footer { padding: 3rem 1.2rem 1.2rem; }.site-footer__nav { gap: 1.5rem; grid-template-columns: 1fr 1fr; }.site-footer__nav > div:last-child { grid-column: 1 / -1; }.site-footer__bottom { align-items: start; flex-direction: column; gap: .8rem; margin-top: 2rem; }.page-heading { align-items: start; flex-direction: column; gap: .8rem; }.page-heading h1 { font-size: 2rem; }.page-heading__actions { justify-content: start; width: 100%; }.demo-chip { display: none; }.notification-popover { right: -2.5rem; }.kpi-grid { gap: .65rem; }.kpi-card { min-height: 112px; padding: .8rem; }.kpi-card > strong { font-size: 1.35rem; margin-top: .9rem; }.dashboard-grid { gap: .65rem; margin-top: .65rem; }.panel { padding: .9rem; }.quick-actions { grid-template-columns: 1fr; }.order-row { align-items: start; grid-template-columns: 1fr auto; padding: .8rem 0; }.order-row__buyer { grid-column: 1; }.order-row__amount { grid-column: 2; grid-row: 1 / span 2; }.order-row__status { grid-column: 1 / -1; justify-content: space-between; }.order-row select { max-width: none; width: 52%; }.product-admin-row { grid-template-columns: 42px minmax(0,1fr) auto; }.product-admin-row > div:nth-of-type(2), .product-admin-row > div:nth-of-type(3) { display: none; }.product-admin-row > div:nth-of-type(4) { grid-column: 2; }.product-admin-row .button { grid-column: 3; grid-row: 2; }.form-grid { grid-template-columns: 1fr; }.form-grid__wide { grid-column: auto; }.form-actions { align-items: start; flex-direction: column; }.movement-list article { grid-template-columns: 30px minmax(0,1fr) auto; }.movement-list time { display: none; }.attention-list { margin-top: .3rem; }.micro-grid { grid-template-columns: 1fr; }.profile-hero { gap: 1.2rem; padding: 1rem; }.profile-hero__metrics { display: grid; gap: .9rem; grid-template-columns: 1fr 1fr; width: 100%; }.profile-hero__metrics span:last-child { grid-column: 1 / -1; }.debt-card { align-items: start; flex-direction: column; }.debt-card__actions { width: 100%; }.debt-card__actions .button { flex: 1; }.customer-list article { grid-template-columns: 34px minmax(0,1fr) auto; }.customer-list article > div:nth-of-type(2), .customer-list article > div:nth-of-type(3) { display: none; }.customer-list article > div:nth-of-type(4) { grid-column: 2; }.credit-list article { align-items: start; grid-template-columns: 1fr auto; }.credit-list article > div:nth-child(2), .credit-list article > div:nth-child(3), .credit-list article > div:nth-child(4) { display: none; }.credit-list > article > .switch { grid-column: 2; grid-row: 1; }.credit-list__actions { grid-column: 1 / -1; justify-content: start; }.details-grid { grid-template-columns: 1fr; }.settings-grid { gap: .65rem; }.purchase-product-list { padding: .45rem .75rem; }.purchase-product-list article { grid-template-columns: 42px minmax(0,1fr) 85px; }.purchase-product-list__price { grid-column: 2; grid-row: 2; text-align: left; }.quantity-control { grid-column: 3; grid-row: 1 / span 2; }.price-manager-list article { grid-template-columns: 42px minmax(0,1fr) auto; }.price-manager-list article > div:nth-of-type(2), .price-manager-list article > div:nth-of-type(3), .price-manager-list article > div:nth-of-type(5) { display: none; }.price-manager-list label { grid-column: 2; }.price-manager-list .button { grid-column: 3; grid-row: 2; }.stock-product-list article { grid-template-columns: 40px 1fr auto; }.stock-product-list article > div:nth-of-type(2) { display: none; }.stock-product-list .button { grid-column: 2 / -1; }.bn-account-card { align-items: start; grid-template-columns: 1fr; }.bn-order-list article { grid-template-columns: 1fr auto; }.bn-order-list article > div:nth-of-type(2) { display: none; }.bn-order-list .status { grid-column: 1; }.material-grid { grid-template-columns: 1fr 1fr; }.catalog-preview__stats { grid-template-columns: repeat(3,1fr); gap: .55rem; }.catalog-preview__stats div { border-bottom: 0; border-right: 1px solid var(--bn-line); padding: 0 .55rem 0 0; }.catalog-preview__stats div:last-child { border-right: 0; }.catalog-preview__stats strong { font-size: 1rem; }.catalog-header__inner { gap: .6rem; height: 4.3rem; }.catalog-brand strong { font-size: .85rem; }.catalog-hero { min-height: 510px; }.catalog-hero h1 { font-size: 2.9rem; }.catalog-hero__details { gap: .75rem; }.catalog-benefits { display: block; margin: 0 1.2rem; }.catalog-benefits > div { border-bottom: 1px solid rgba(100,75,46,.17); border-right: 0; display: grid; gap: .15rem .55rem; grid-template-columns: 24px 1fr; padding: .8rem; }.catalog-benefits span { grid-row: 1 / span 2; margin: 0; }.catalog-benefits p { grid-column: 2; }.catalog-about__visual { aspect-ratio: 1.15; }.catalog-contact { gap: .85rem; }.catalog-footer { grid-template-columns: 1fr; }.catalog-footer > div:first-child { grid-column: auto; }.catalog-footer small { grid-column: auto; }.catalog-cart-drawer > aside { max-width: none; padding: 1rem; }.client-portal__header .button { font-size: .58rem; }.client-portal__welcome { align-items: start; flex-direction: column; }.client-portal__welcome > span { align-self: flex-end; margin-top: -3rem; }.client-kpi-grid { grid-template-columns: 1fr 1fr; gap: .6rem; }.client-portal .panel, .repeat-buy { margin-left: 1.2rem; margin-right: 1.2rem; }.installment-list article { align-items: start; flex-direction: column; gap: .5rem; }.installment-list article > div:last-child { align-items: start; flex-direction: column; }.toast { bottom: 5.1rem; font-size: .66rem; }
}

/* WordPress native additions */
.foxdist-app{min-height:100vh;background:#f8f3e8}.foxdist-app .portal-content{min-height:calc(100vh - 72px)}
.foxdist-native-table{width:100%;border-collapse:collapse;font-size:.82rem}.foxdist-native-table th,.foxdist-native-table td{padding:.82rem .7rem;border-bottom:1px solid var(--bn-line);text-align:left;vertical-align:middle}.foxdist-native-table th{color:var(--bn-muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.foxdist-native-table td strong{display:block}.foxdist-native-table td small{display:block;color:var(--bn-muted);margin-top:.16rem}.foxdist-native-table input,.foxdist-native-table select{max-width:180px;border:1px solid var(--bn-line);border-radius:.65rem;background:#fff;padding:.55rem .65rem}
.foxdist-form{display:grid;gap:.8rem}.foxdist-form--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foxdist-form label{display:grid;gap:.35rem;color:var(--bn-muted);font-size:.7rem;font-weight:700}.foxdist-form input,.foxdist-form select,.foxdist-form textarea{width:100%;border:1px solid var(--bn-line);border-radius:.75rem;background:#fff;padding:.72rem .8rem;color:var(--bn-ink)}.foxdist-form textarea{min-height:90px;resize:vertical}.foxdist-form .button{justify-self:start}.foxdist-form__wide{grid-column:1/-1}
.foxdist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.foxdist-card{background:#fff;border:1px solid var(--bn-line);border-radius:1rem;padding:1rem;box-shadow:var(--shadow-soft)}.foxdist-card h3{margin:0 0 .35rem}.foxdist-card p{color:var(--bn-muted);font-size:.78rem;line-height:1.55}.foxdist-card__metric{font-family:Georgia,serif;font-size:2rem;color:var(--bn-gold-deep)}
.foxdist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.foxdist-toolbar h2,.foxdist-toolbar h3{margin:0}.foxdist-empty{padding:2rem;text-align:center;color:var(--bn-muted)}.foxdist-toast{position:fixed;right:1.2rem;bottom:1.2rem;background:#211609;color:#fff;padding:.8rem 1rem;border-radius:.8rem;z-index:99999;box-shadow:0 12px 30px rgba(0,0,0,.22);font-size:.78rem}.foxdist-toast.is-error{background:#8f3e3a}
.foxdist-login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:var(--bn-ivory)}.foxdist-login-visual{position:relative;overflow:hidden;background:#2c1d0f;color:#fff;min-height:100vh}.foxdist-login-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.foxdist-login-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,17,7,.78),rgba(29,17,7,.35))}.foxdist-login-copy{position:absolute;z-index:2;left:8%;right:8%;bottom:9%}.foxdist-login-copy img{height:70px;width:auto}.foxdist-login-copy h1{font-size:clamp(2.2rem,4vw,4.4rem);max-width:680px;line-height:1}.foxdist-login-card{align-self:center;max-width:520px;width:100%;padding:3rem;margin:auto}.foxdist-login-card>img{height:78px;width:auto;margin-bottom:2rem}.foxdist-login-card h2{font-size:2rem}.foxdist-login-error{background:#f9e3e0;color:#8f3e3a;padding:.7rem;border-radius:.7rem;margin:.6rem 0}
.foxdist-catalog-app{background:#fffaf1;min-height:100vh}.foxdist-catalog-top{position:sticky;top:0;z-index:20;background:rgba(255,250,241,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--bn-line)}.foxdist-catalog-top__inner{height:72px;max-width:1200px;margin:auto;padding:0 1.2rem;display:flex;align-items:center;gap:1rem}.foxdist-catalog-top__inner img{height:46px;width:auto}.foxdist-catalog-top__brand{margin-right:auto}.foxdist-catalog-top__brand strong{display:block}.foxdist-catalog-top__brand small{color:var(--bn-muted)}.foxdist-catalog-hero{background:linear-gradient(135deg,#2f2010,#72501b);color:#fff;padding:5.2rem 1.2rem}.foxdist-catalog-hero__inner{max-width:1200px;margin:auto}.foxdist-catalog-hero h1{font-size:clamp(2.8rem,6vw,5.4rem);margin-bottom:1rem}.foxdist-catalog-hero p{max-width:660px;line-height:1.7;color:#f2e7d3}.foxdist-catalog-grid{max-width:1200px;margin:auto;padding:3rem 1.2rem 6rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.foxdist-catalog-product{background:#fff;border:1px solid var(--bn-line);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-soft)}.foxdist-product-visual{aspect-ratio:1;background:linear-gradient(145deg,#f7ead1,#fff);display:grid;place-items:center;position:relative}.foxdist-product-visual span{font-family:Georgia,serif;font-size:2.4rem;color:rgba(142,92,8,.5)}.foxdist-catalog-product__body{padding:1rem}.foxdist-catalog-product h3{font-size:1rem;margin-bottom:.4rem}.foxdist-catalog-product p{font-size:.72rem;color:var(--bn-muted);min-height:2.4rem}.foxdist-catalog-product__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem}.foxdist-catalog-product__foot strong{color:var(--bn-gold-deep)}
.foxdist-cart{position:fixed;inset:0;z-index:60;display:none;background:rgba(31,20,9,.45)}.foxdist-cart.is-open{display:block}.foxdist-cart__panel{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:#fffdf7;padding:1.2rem;overflow:auto;box-shadow:-12px 0 40px rgba(0,0,0,.17)}.foxdist-cart__head{display:flex;justify-content:space-between;align-items:center}.foxdist-cart__head button{border:0;background:transparent;font-size:1.5rem}.foxdist-cart-line{display:grid;grid-template-columns:1fr auto;gap:.4rem;padding:.8rem 0;border-bottom:1px solid var(--bn-line)}.foxdist-cart-line small{color:var(--bn-muted)}.foxdist-cart-total{display:flex;justify-content:space-between;font-size:1.15rem;padding:1rem 0}.foxdist-checkout{display:grid;gap:.7rem}.foxdist-checkout input,.foxdist-checkout textarea{width:100%;border:1px solid var(--bn-line);border-radius:.7rem;padding:.7rem}.foxdist-honeypot{position:absolute!important;left:-9999px!important}
.foxdist-account-wrap{max-width:860px;margin:0 auto;padding:4rem 1.2rem}.foxdist-account-card{background:#fff;border:1px solid var(--bn-line);border-radius:1.2rem;padding:2rem;box-shadow:var(--shadow-soft)}
.foxdist-plugin-notice{background:#fff4d6;border-left:4px solid var(--bn-gold);padding:1rem;margin:1rem 0}
@media(max-width:900px){.foxdist-login-page{grid-template-columns:1fr}.foxdist-login-visual{display:none}.foxdist-grid{grid-template-columns:1fr 1fr}.foxdist-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:610px){.foxdist-form--grid,.foxdist-grid{grid-template-columns:1fr}.foxdist-native-table{font-size:.72rem}.foxdist-native-table th:nth-child(n+4),.foxdist-native-table td:nth-child(n+4){display:none}.foxdist-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:2rem .8rem 5rem}.foxdist-catalog-product__body{padding:.75rem}.foxdist-catalog-product p{display:none}.foxdist-catalog-product__foot{align-items:flex-start;flex-direction:column}.foxdist-catalog-product__foot .button{width:100%;font-size:.58rem}.foxdist-catalog-hero{padding:3.6rem 1.1rem}.foxdist-login-card{padding:1.4rem}.foxdist-toast{left:1rem;right:1rem;bottom:5.5rem}}

/* === Home premium 2026 — Vevvo + Plakton === */
.bn-site--premium { background: #fbf8f2; }
.site-header--premium { position: absolute; top: 0; }
.site-header--premium .site-header__inner {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(212,194,163,.36);
  border-radius: 0 0 28px 28px;
  box-shadow: 0 12px 36px rgba(76,54,33,.08);
  height: 5.35rem;
  max-width: 1440px;
  padding: 0 2rem;
}
.site-header--premium.site-header--solid { background: transparent; border: 0; box-shadow: none; padding: 0 1rem; }
.site-header--premium.site-header--solid .site-header__inner { border-radius: 0 0 22px 22px; }
.site-header--premium .site-nav > a { color: #45392e; font-size: .7rem; font-weight: 700; }
.site-header--premium .site-nav > a:hover { color: #a87524; }
.premium-brand { align-items: center; display: inline-flex; flex: 0 0 auto; gap: .9rem; }
.premium-brand__bn { height: 3.35rem; object-fit: contain; width: auto; }
.premium-brand__divider { background: #d7c9b2; height: 2.2rem; width: 1px; }
.premium-brand__fox { display: grid; gap: .08rem; line-height: 1; }
.premium-brand__fox strong { color: #17130f; font-size: 1.13rem; letter-spacing: -.04em; }
.premium-brand__fox strong span { color: #746b62; font-weight: 400; }
.premium-brand__fox small { color: #9a8771; font-size: .42rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.button--premium { background: linear-gradient(135deg,#c59a5d,#9f733b); box-shadow: 0 10px 26px rgba(155,109,51,.22); color: #fff; }
.button--premium:hover { background: linear-gradient(135deg,#af8248,#8a602e); }
.button--premium-outline { background: #b88a4b; border-color: #b88a4b; color: #fff; }
.button--premium-outline:hover { background: #936a35; border-color: #936a35; }
.button--premium-ghost { background: rgba(255,255,255,.64); border-color: #c8a77d; color: #8d632d; }
.button--premium-ghost:hover { background: #fff; border-color: #a77b44; }

.premium-hero {
  background: #f8f4ed;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, .94fr) minmax(0, 1fr);
  min-height: 760px;
  overflow: hidden;
  padding-top: 5.35rem;
  position: relative;
}
.premium-hero__media { min-width: 0; overflow: hidden; position: relative; }
.premium-hero__media:after { content: ""; inset: 0; pointer-events: none; position: absolute; }
.premium-hero__media--vevvo:after { background: linear-gradient(90deg,rgba(255,255,255,0) 62%,rgba(248,244,237,.34) 100%); }
.premium-hero__media--plakton:after { background: linear-gradient(270deg,rgba(255,255,255,0) 62%,rgba(248,244,237,.30) 100%); }
.premium-hero__media > img {
  height: calc(100% + 92px);
  left: 0;
  max-width: none;
  object-fit: cover;
  position: absolute;
  top: -46px;
  transform: translate3d(0,var(--bn-hero-shift),0) scale(1.035);
  transition: transform .12s linear;
  width: 100%;
}
.premium-hero__media--vevvo > img { object-position: 67% center; }
.premium-hero__media--plakton > img { object-position: 62% center; }
.premium-hero__media-brand {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: .45rem;
  left: 1.6rem;
  position: absolute;
  top: 2rem;
  z-index: 2;
}
.premium-hero__media-brand img { height: 2.7rem; max-width: 9.5rem; object-fit: contain; width: auto; }
.premium-hero__media-brand small { color: #285f47; font-size: .52rem; font-weight: 800; letter-spacing: .13em; text-align: center; text-transform: uppercase; }
.premium-hero__media-brand--plakton { left: auto; right: 1.6rem; }
.premium-hero__media-brand--plakton img { filter: brightness(.35); height: 2.2rem; }
.premium-hero__media-brand--plakton small { color: #536977; }
.premium-hero__copy {
  align-items: center;
  background:
    radial-gradient(circle at 50% 10%,rgba(255,255,255,.95),rgba(255,255,255,0) 43%),
    linear-gradient(135deg,#fcfaf6 0%,#f6efe5 100%);
  display: flex;
  justify-content: center;
  padding: 4.7rem 3.1rem 3.1rem;
  position: relative;
  z-index: 3;
}
.premium-hero__copy:before,.premium-hero__copy:after { background: linear-gradient(180deg,transparent,rgba(190,154,104,.32),transparent); content:""; height: 82%; position:absolute; top:9%; width:1px; }
.premium-hero__copy:before { left: 0; }
.premium-hero__copy:after { right: 0; }
.premium-hero__copy-inner { max-width: 590px; text-align: center; }
.premium-kicker { align-items:center; color:#8c7d6d; display:flex; font-size:.59rem; font-weight:800; gap:.8rem; justify-content:center; letter-spacing:.28em; margin-bottom:1.35rem; text-transform:uppercase; }
.premium-kicker span { background:#c5a476; display:block; height:1px; width:2.2rem; }
.premium-hero h1 { color:#211b16; font-family: Georgia,"Times New Roman",serif; font-size:clamp(2.7rem,4.1vw,4.5rem); font-weight:500; letter-spacing:-.055em; line-height:1.01; margin:0 auto 1.35rem; }
.premium-hero h1 em { color:#a97838; font-style:normal; }
.premium-hero__lead { color:#665c52; font-size:.96rem; line-height:1.65; margin:0 auto; max-width:540px; }
.premium-hero__actions { display:flex; flex-wrap:wrap; gap:.7rem; justify-content:center; margin-top:1.8rem; }
.premium-hero__actions .button { min-width: 180px; text-transform:none; }
.premium-hero__actions b { font-size:1rem; }
.premium-hero__benefits { border-top:1px solid #ddd0be; display:grid; gap:.6rem; grid-template-columns:repeat(4,1fr); margin-top:2.55rem; padding-top:1.25rem; }
.premium-hero__benefits div { align-items:center; display:flex; gap:.45rem; justify-content:center; min-width:0; }
.premium-hero__benefits span { color:#b28448; font-family:Georgia,serif; font-size:1.05rem; }
.premium-hero__benefits small { color:#6f6459; font-size:.49rem; font-weight:800; letter-spacing:.06em; line-height:1.35; text-align:left; text-transform:uppercase; }

.about-premium-section { max-width: 1400px; padding-bottom: 4.4rem; padding-top: 5.6rem; }
.about-premium {
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(216,198,170,.6);
  border-radius: 28px;
  box-shadow: 0 24px 68px rgba(83,56,29,.08);
  display: grid;
  gap: 3.2rem;
  grid-template-columns: minmax(360px,.83fr) minmax(0,1.45fr);
  overflow: hidden;
  padding: 1rem;
}
.about-premium__visual {
  background: linear-gradient(145deg,#eee1cf,#fbf7f0 54%,#e7d6c1);
  border-radius: 22px;
  min-height: 500px;
  overflow: hidden;
  position: relative;
}
.about-premium__visual-bg { inset:0; position:absolute; }
.about-premium__visual-bg:before { border:1px solid rgba(166,119,64,.15); border-radius:50%; content:""; height:330px; left:-100px; position:absolute; top:70px; width:330px; }
.about-premium__visual-bg:after { background:radial-gradient(circle,rgba(184,139,80,.16),transparent 68%); border-radius:50%; content:""; height:360px; position:absolute; right:-150px; top:-90px; width:360px; }
.about-premium__visual > img { bottom:0; height:94%; left:50%; max-width:none; object-fit:contain; object-position:bottom center; position:absolute; transform:translateX(-50%); width:94%; z-index:1; }
.about-premium__caption { background:#fff; border:1px solid #e7dac7; border-radius:14px; bottom:1rem; box-shadow:0 12px 32px rgba(72,50,27,.11); display:grid; gap:.15rem; left:1rem; padding:.8rem 1rem; position:absolute; z-index:2; }
.about-premium__caption strong { color:#3f3328; font-family:Georgia,serif; font-size:.82rem; font-weight:500; }
.about-premium__caption span { color:#8b7b69; font-size:.58rem; }
.about-premium__content { align-content:center; display:grid; gap:2rem; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); padding:2.5rem 2rem 2.5rem 0; }
.about-premium__intro h2 { color:#231c16; font-family:Georgia,"Times New Roman",serif; font-size:clamp(3rem,4vw,4.8rem); font-weight:500; letter-spacing:-.06em; line-height:.95; margin:0 0 1.4rem; }
.about-premium__intro > p { color:#706457; font-size:.91rem; line-height:1.72; }
.about-premium__intro .about-premium__lead { color:#493d32; font-size:1.02rem; }
.about-premium__intro .button { margin-top:.65rem; text-transform:none; }
.about-premium__values { display:grid; gap:.8rem; grid-template-columns:1fr 1fr; }
.about-premium__values article { align-items:flex-start; background:#fff; border:1px solid #eadfce; border-radius:16px; box-shadow:0 9px 24px rgba(72,50,27,.045); display:flex; gap:.75rem; min-height:145px; padding:1rem; }
.about-premium__values article > span { align-items:center; background:#f5ead8; border:1px solid #ead5b4; border-radius:50%; color:#a9793e; display:flex; flex:0 0 34px; font-family:Georgia,serif; font-size:1rem; height:34px; justify-content:center; }
.about-premium__values strong { color:#40352b; display:block; font-family:Georgia,serif; font-size:.88rem; font-weight:600; line-height:1.2; margin:.1rem 0 .35rem; }
.about-premium__values p { color:#887b6d; font-size:.65rem; line-height:1.5; margin:0; }
.about-premium__numbers { background:#fff; border:1px solid #eadfce; border-radius:20px; display:grid; grid-template-columns:repeat(4,1fr); margin-top:1.3rem; overflow:hidden; }
.about-premium__numbers article { display:grid; gap:.2rem; padding:1.25rem 1.5rem; position:relative; }
.about-premium__numbers article:not(:last-child):after { background:#e8ddcd; content:""; height:45%; position:absolute; right:0; top:27.5%; width:1px; }
.about-premium__numbers strong { color:#9a6c35; font-family:Georgia,serif; font-size:1.85rem; font-weight:500; letter-spacing:-.05em; }
.about-premium__numbers span { color:#786b5d; font-size:.63rem; font-weight:700; }

@media (max-width: 1180px) {
  .site-header--premium .site-nav { gap: .85rem; }
  .site-header--premium .site-nav > a { font-size: .63rem; }
  .premium-hero { grid-template-columns: .86fr 1.15fr .86fr; }
  .premium-hero__copy { padding-left: 2rem; padding-right: 2rem; }
  .premium-hero h1 { font-size: 3.35rem; }
  .premium-hero__benefits { grid-template-columns: 1fr 1fr; }
  .about-premium__content { grid-template-columns: 1fr; }
  .about-premium__values { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 980px) {
  .site-header--premium { padding: .7rem .8rem 0; }
  .site-header--premium .site-header__inner { border-radius: 20px; height: 4.65rem; padding: 0 1rem; }
  .premium-brand__bn { height: 2.9rem; }
  .premium-brand__fox { display:none; }
  .premium-brand__divider { display:none; }
  .site-header--premium .site-nav { background:#fffdf9; border:1px solid #e6d8c6; border-radius:18px; box-shadow:0 16px 40px rgba(65,43,25,.13); left:1rem; padding:1rem; right:1rem; top:5.35rem; }
  .site-header--premium .site-nav > a { color:#4a3b2e; }
  .site-header--premium .menu-toggle { background:#f3eadc; border:1px solid #e4d3ba; border-radius:50%; color:#8d622f; display:grid; font-size:1.1rem; height:2.7rem; place-items:center; width:2.7rem; }
  .site-header--premium .site-header__actions { display:none; }
  .premium-hero { grid-template-columns: 1fr 1fr; padding-top: 5.8rem; }
  .premium-hero__copy { grid-column:1 / -1; grid-row:1; min-height:500px; padding:5rem 2rem 3rem; }
  .premium-hero__media { min-height:420px; }
  .premium-hero__media--vevvo { grid-column:1; grid-row:2; }
  .premium-hero__media--plakton { grid-column:2; grid-row:2; }
  .premium-hero__media-brand { top:1rem; }
  .about-premium { grid-template-columns: 1fr; }
  .about-premium__visual { min-height: 560px; }
  .about-premium__content { padding: 2rem; }
}

@media (max-width: 680px) {
  .site-header--premium { padding:.55rem .55rem 0; }
  .site-header--premium .site-header__inner { height:4.2rem; }
  .premium-brand__bn { height:2.55rem; }
  .premium-hero { grid-template-columns:1fr; padding-top:4.8rem; }
  .premium-hero__copy { grid-column:1; min-height:560px; padding:4rem 1.25rem 2.4rem; }
  .premium-kicker { font-size:.49rem; gap:.45rem; letter-spacing:.18em; }
  .premium-kicker span { width:1.3rem; }
  .premium-hero h1 { font-size:clamp(2.45rem,11vw,3.25rem); }
  .premium-hero__lead { font-size:.88rem; }
  .premium-hero__actions { display:grid; grid-template-columns:1fr; }
  .premium-hero__actions .button { width:100%; }
  .premium-hero__benefits { gap:.8rem; grid-template-columns:1fr 1fr; margin-top:2rem; }
  .premium-hero__media { min-height:360px; }
  .premium-hero__media--vevvo { grid-column:1; grid-row:2; }
  .premium-hero__media--plakton { grid-column:1; grid-row:3; }
  .premium-hero__media > img { height:calc(100% + 40px); top:-20px; }
  .premium-hero__media-brand img { height:2.25rem; }
  .premium-hero__media-brand--plakton img { height:1.9rem; }
  .about-premium-section { padding:3.2rem .85rem; }
  .about-premium { border-radius:20px; gap:1rem; padding:.7rem; }
  .about-premium__visual { border-radius:16px; min-height:390px; }
  .about-premium__visual > img { height:92%; width:112%; }
  .about-premium__caption { bottom:.7rem; left:.7rem; right:.7rem; }
  .about-premium__content { padding:1.4rem .7rem 1rem; }
  .about-premium__intro h2 { font-size:3rem; }
  .about-premium__intro > p { font-size:.86rem; }
  .about-premium__values { grid-template-columns:1fr; }
  .about-premium__values article { min-height:0; }
  .about-premium__numbers { grid-template-columns:1fr 1fr; }
  .about-premium__numbers article:nth-child(2):after { display:none; }
  .about-premium__numbers article:nth-child(-n+2) { border-bottom:1px solid #e8ddcd; }
}
@media (max-width: 980px) {
  .site-header--premium .site-nav { display:none; flex-direction:column; gap:0; position:absolute; }
  .site-header--premium .site-nav.site-nav--open { display:flex; }
  .site-header--premium .site-nav > a { border-radius:10px; padding:.82rem; width:100%; }
  .site-header--premium .site-nav__mobile-actions { display:grid; gap:.5rem; padding:.5rem; width:100%; }
  .site-header--premium .site-nav__mobile-actions .button { width:100%; }
}