@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&display=swap');

/* Native Shoptet migration. Only this preview class enables the visual layer.
   Native navigation, search, login, basket and product forms retain their DOM.
   Load instead of the previous redesign CSS, never together with it. */
html.vd-native-preview {
  --vd-ink:#17211c;
  --vd-forest:#1b2a22;
  --vd-sage:#b9c9b2;
  --vd-sage-light:#edf3ea;
  --vd-paper:#fff;
  --vd-soft:#f5f7f4;
  --vd-line:#d9ded9;
  --vd-muted:#5e675f;
  --vd-warm:#e9dfd2;
}
html.vd-native-preview body { color:var(--vd-ink); background:var(--vd-paper); font-family:Manrope,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
html.vd-native-preview :is(h1,h2,h3,h4) { font-family:Manrope,Arial,sans-serif; }
html.vd-native-preview :is([data-vd-native-section],.vd-native-section) { box-sizing:border-box; min-width:0; }
html.vd-native-preview :is([data-vd-native-section],.vd-native-section) *,
html.vd-native-preview :is([data-vd-native-section],.vd-native-section) *::before,
html.vd-native-preview :is([data-vd-native-section],.vd-native-section) *::after { box-sizing:border-box; }
html.vd-native-preview :is([data-vd-native-section],.vd-native-section) img { display:block; max-width:100%; }
html.vd-native-preview :is([data-vd-native-section],.vd-native-section) a { text-decoration:none; }
html.vd-native-preview :is([data-vd-native-section],.vd-native-section) a:focus-visible,
html.vd-native-preview :is(#header,.products-block) :is(a,button,input):focus-visible { outline:2px solid #6c8064; outline-offset:4px; }
/* Sections must also carry inline display:none so they stay hidden if CSS fails. */
html.vd-native-preview :is([data-vd-native-section],.vd-native-section) { display:block!important; }
html.vd-native-preview :is([data-vd-native-section],.vd-native-section):is(.vd-hero,.vd-benefits,.vd-beauty,.vd-salon,.vd-founder,.vd-professional,.vd-letter) { display:grid!important; }

/* Preserve native Step layout and visibility breakpoints. In particular do not
   force .navigation-in, menu-helper or login to display:none or display:flex. */
html.vd-native-preview #header { background:var(--vd-forest); color:#fff; box-shadow:none; }
html.vd-native-preview #header .navigation-wrapper { background:var(--vd-forest); border-bottom:1px solid rgba(255,255,255,.16); }
html.vd-native-preview #header .navigation-in,
html.vd-native-preview #header .navigation-in>ul,
html.vd-native-preview #header .navigation-in>ul>li { background:transparent; box-shadow:none; }
html.vd-native-preview .site-name a,
html.vd-native-preview .site-name img { border:0; background:transparent; box-shadow:none; }
html.vd-native-preview .site-name img { max-height:64px; width:auto; height:auto; object-fit:contain; }
html.vd-native-preview #header .navigation-in>ul>li>a { color:#fff; font-size:12px; font-weight:500; letter-spacing:.035em; background:transparent; border-radius:0; }
html.vd-native-preview #header .navigation-in>ul>li>a:hover { color:var(--vd-sage); }
html.vd-native-preview #header .navigation-in :is(ul ul,.submenu) { background:var(--vd-paper); color:var(--vd-ink); }
html.vd-native-preview #header .navigation-in :is(ul ul,.submenu) a { color:var(--vd-ink); }
html.vd-native-preview #header .navigation-buttons { background:transparent; }
html.vd-native-preview #header .navigation-buttons>a,
html.vd-native-preview #header .navigation-buttons>button { color:#fff; background:transparent; border-color:rgba(255,255,255,.25); border-radius:0; box-shadow:none; }
html.vd-native-preview #header .navigation-buttons .cart-count { background:var(--vd-sage); color:var(--vd-ink); }
html.vd-native-preview #header :is(.search-form,.search) input { color:var(--vd-ink); background:#fff; border-color:var(--vd-line); }
html.vd-native-preview #navigation { background:var(--vd-forest); }
html.vd-native-preview .top-navigation-bar { color:var(--vd-ink); background:var(--vd-sage); border-color:transparent; }

/* Only explicitly marked full-width content slots are reset. Do not uncap all
   containers: checkout, categories and customer account keep native geometry. */
html.vd-native-preview body.in-index .vd-native-content-slot { width:100%; max-width:none; margin:0; padding:0; }
html.vd-native-preview body.in-index .vd-native-products-slot { padding:clamp(64px,8vw,120px) max(16px,5vw); background:var(--vd-soft); }
/* Actual Step slots, verified against this shop's rendered homepage. */
html.vd-native-preview body.in-index :is(.content-wrapper,.content-wrapper-in,#content,.index-content-wrapper) { width:100%; max-width:none; margin:0; padding:0; }
html.vd-native-preview body.in-index #content > .banners-row:has(.vd-native-section),
html.vd-native-preview body.in-index .next-to-carousel-banners:has(.vd-native-section) { display:block; width:100%; margin:0; padding:0; }
html.vd-native-preview body.in-index .next-to-carousel-banners:has(.vd-native-section) > .banner-wrapper:not(:has(.vd-native-section)) { display:none; }
html.vd-native-preview body.in-index .banner-wrapper:has(.vd-native-section) { float:none; display:block; width:100%; max-width:none; padding:0; margin:0; }
html.vd-native-preview body.in-index .banner-wrapper:has(.vd-native-section) > :is(.banner,.text-banner) { margin:0; padding:0; background:transparent; }
html.vd-native-preview body.in-index .homepage-tabs-wrapper { margin:0; padding:0 max(16px,5vw) 90px; background:var(--vd-soft); }
html.vd-native-preview body.in-index :is(.homepage-tabs-row,.homepage-products-heading-1) { display:none; }
html.vd-native-preview body.in-index .homepage-texts-wrapper { margin:0; padding:0; }
html.vd-native-preview body.in-index .homepage-texts-wrapper:has(.vd-native-section) .vd-original-welcome { display:none; }
html.vd-native-preview body.in-index .homepage-texts-wrapper:has(.vd-native-section) > :is(h1,h2,.h1,.h2) { display:none; }
html.vd-native-preview body.in-index .homepage-texts-wrapper:has(.vd-native-section) :is(.welcome-wrapper,.welcome,.welcome>div:has(.vd-native-section)) { width:100%; max-width:none; margin:0; padding:0; }
html.vd-native-preview body.in-index .homepage-texts-wrapper:has(.vd-native-section) .welcome>.h1 { display:none; }
html.vd-native-preview .vd-native-section.vd-products-intro { display:grid!important; padding:55px max(16px,5vw) 35px; margin:0; background:var(--vd-soft); }
/* Mark ONLY newly created banner slots with data-vd-native-slot. This avoids
   collapsing existing banners in a mixed row or the live welcome text. Mirror
   public display:none inline on the marked wrapper for CSS failure safety. */
html:not(.vd-native-preview) [data-vd-native-slot]:has(.vd-native-section) { display:none!important; }
html.vd-native-preview [data-vd-native-slot]:has(.vd-native-section) { display:block!important; width:100%; max-width:none; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; border:0; background:transparent; }
html.vd-native-preview :is(.banners-row,.banners-content):has(>[data-vd-native-slot]):not(:has(>:not([data-vd-native-slot]))) { display:block; margin:0; padding:0; }
html:not(.vd-native-preview) :is(.banners-row,.banners-content):has(>[data-vd-native-slot]):not(:has(>:not([data-vd-native-slot]))) { display:none!important; }
html.vd-native-preview .vd-eyebrow { margin:0 0 20px; color:#71816b; font-size:10px; font-weight:600; letter-spacing:.17em; line-height:1.5; text-transform:uppercase; }
html.vd-native-preview .vd-button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; padding:15px 21px; border:1px solid transparent; border-radius:0; font-size:10px; font-weight:600; letter-spacing:.1em; line-height:1.5; text-align:center; text-transform:uppercase; }
html.vd-native-preview .vd-button--light { background:#fff; color:var(--vd-ink); }
html.vd-native-preview .vd-button--dark { background:var(--vd-forest); color:#fff; }
html.vd-native-preview .vd-button--sage { background:var(--vd-sage); color:var(--vd-ink); }
html.vd-native-preview .vd-text-link { padding:15px 0; border-bottom:1px solid rgba(255,255,255,.35); color:#fff; font-size:11px; font-weight:600; }
html.vd-native-preview .vd-text-link span { margin-left:16px; }

html.vd-native-preview .vd-hero { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); min-height:720px; background:var(--vd-forest); color:#fff; }
html.vd-native-preview .vd-hero__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(58px,7vw,110px) clamp(24px,7vw,115px); }
html.vd-native-preview .vd-hero .vd-eyebrow { color:var(--vd-sage); }
html.vd-native-preview .vd-hero h1 { margin:0; color:#fff; font-size:clamp(50px,5.3vw,84px); font-weight:300; letter-spacing:-.058em; line-height:.98; }
html.vd-native-preview .vd-hero__kicker { margin:19px 0 0; color:var(--vd-sage-light); font-size:clamp(20px,2vw,31px); font-weight:300; letter-spacing:-.03em; }
html.vd-native-preview .vd-hero__lead { max-width:650px; margin:26px 0 0; color:rgba(255,255,255,.86); font-size:16px; line-height:1.75; }
html.vd-native-preview .vd-hero__actions { display:flex; gap:28px; align-items:center; margin-top:30px; }
html.vd-native-preview .vd-quick { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:34px; border-block:1px solid rgba(255,255,255,.22); }
html.vd-native-preview .vd-quick a { padding:16px 10px; border-right:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.85); font-size:9px; font-weight:600; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
html.vd-native-preview .vd-quick a:last-child { border-right:0; }
html.vd-native-preview .vd-hero__visual { position:relative; display:flex; min-height:620px; flex-direction:column; justify-content:space-between; overflow:hidden; padding:32px; color:#fff; }
html.vd-native-preview .vd-hero__visual:after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(13,20,15,.2),transparent 35%,rgba(13,20,15,.55)); content:""; pointer-events:none; }
html.vd-native-preview .vd-hero__visual>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:57% center; }
html.vd-native-preview .vd-hero__visual>span,
html.vd-native-preview .vd-hero__visual>b { position:relative; z-index:1; }
html.vd-native-preview .vd-hero__visual>span { display:flex; justify-content:space-between; gap:20px; padding-bottom:17px; border-bottom:1px solid rgba(255,255,255,.62); }
html.vd-native-preview .vd-hero__visual small { font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
html.vd-native-preview .vd-hero__visual strong { font-size:12px; font-weight:500; }
html.vd-native-preview .vd-hero__visual>b { align-self:flex-end; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.8); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
html.vd-native-preview .vd-benefits { grid-template-columns:repeat(4,minmax(0,1fr)); padding:0 max(24px,5vw); border-bottom:1px solid var(--vd-line); background:#fff; }
html.vd-native-preview .vd-benefits span { padding:24px 28px; border-right:1px solid var(--vd-line); }
html.vd-native-preview .vd-benefits span:last-child { border:0; }
html.vd-native-preview .vd-benefits b,
html.vd-native-preview .vd-benefits small { display:block; }
html.vd-native-preview .vd-benefits b { margin-bottom:6px; color:var(--vd-ink); font-size:11px; font-weight:600; }
html.vd-native-preview .vd-benefits small { color:var(--vd-muted); font-size:10px; line-height:1.5; }

html.vd-native-preview .vd-needs { padding:clamp(80px,10vw,150px) max(24px,5vw); background:#fff; }
html.vd-native-preview .vd-section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); gap:8vw; align-items:end; margin-bottom:55px; }
html.vd-native-preview :is(.vd-section-head,.vd-products-intro) h2 { margin:0; font-size:clamp(42px,5.5vw,78px); font-weight:300; letter-spacing:-.055em; line-height:1.05; }
html.vd-native-preview .vd-section-head>p { max-width:580px; margin:0; color:var(--vd-muted); font-size:15px; line-height:1.75; }
html.vd-native-preview .vd-needs__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
html.vd-native-preview .vd-need { position:relative; display:flex; min-height:510px; flex-direction:column; overflow:hidden; border:1px solid var(--vd-line); background:#fff; color:var(--vd-ink); }
html.vd-native-preview .vd-need>span { position:absolute; z-index:2; top:16px; left:16px; padding:8px 10px; background:rgba(255,255,255,.9); font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
html.vd-native-preview .vd-need__image { width:100%; height:295px; flex:none; background-repeat:no-repeat; background-position:center; background-size:cover; }
html.vd-native-preview .vd-pos-dry { background-position:0 0; background-size:200% 200%; }
html.vd-native-preview .vd-pos-color { background-position:100% 0; background-size:200% 200%; }
html.vd-native-preview .vd-pos-fine { background-position:center 32%; }
html.vd-native-preview .vd-pos-scalp { background-position:center 44%; }
html.vd-native-preview .vd-need__copy { display:flex; min-height:215px; flex:1; flex-direction:column; padding:24px 22px 20px; }
html.vd-native-preview .vd-need h3 { margin:0; font-size:clamp(21px,2.1vw,32px); font-weight:300; letter-spacing:-.035em; line-height:1.15; }
html.vd-native-preview .vd-need p { margin:15px 0; color:var(--vd-muted); font-size:12px; line-height:1.6; }
html.vd-native-preview .vd-need b { margin-top:auto; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
html.vd-native-preview .vd-line-link { display:flex; justify-content:space-between; margin-top:45px; padding:18px 0; border-block:1px solid var(--vd-ink); color:var(--vd-ink); font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
html.vd-native-preview .vd-products-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.72fr); gap:30px 6vw; align-items:end; margin-bottom:52px; }
html.vd-native-preview .vd-products-intro .vd-eyebrow { grid-column:1/-1; margin-bottom:0; }
html.vd-native-preview .vd-products-intro>p:last-child { max-width:520px; margin:0; color:var(--vd-muted); font-size:15px; line-height:1.75; }

/* Same native product card on homepage and categories. Images are contained,
   never cover-cropped; source photos may still have unequal embedded margins. */
html.vd-native-preview .products-block { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px 16px; width:100%; margin:0; padding:0; }
html.vd-native-preview .products-block::before,
html.vd-native-preview .products-block::after { content:none; }
html.vd-native-preview .products-block>.product { float:none!important; clear:none!important; width:auto!important; max-width:none!important; min-width:0; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; border:0; background:transparent; }
html.vd-native-preview .products-block .p { display:flex!important; height:100%!important; min-height:0!important; flex-direction:column; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
html.vd-native-preview .products-block .p:hover { box-shadow:none; }
html.vd-native-preview .products-block .image { position:relative; display:flex!important; float:none; width:100%!important; height:auto!important; min-height:0!important; aspect-ratio:423/318; align-items:center; justify-content:center; margin:0; padding:0; overflow:hidden; border:0; background:transparent; }
html.vd-native-preview .products-block .image img { position:absolute; inset:0; display:block; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; margin:0; padding:0; object-fit:contain; object-position:center; mix-blend-mode:multiply; }
html.vd-native-preview .products-block .p-in { display:flex!important; float:none; width:100%!important; height:auto!important; min-height:0!important; flex:1; flex-direction:column; margin:0; padding:20px 0 0; background:transparent; }
html.vd-native-preview .products-block .p-in-in { flex:1; width:100%; min-height:0!important; }
html.vd-native-preview .products-block .p-bottom { width:100%; min-height:0!important; margin-top:12px; padding:0; border:0; background:transparent; }
html.vd-native-preview .products-block .p-bottom>[data-micro="offer"] { display:flex; flex-direction:column; gap:0; width:100%; }
html.vd-native-preview .products-block .name { display:block; min-height:3em; color:var(--vd-ink); font-size:13px; font-weight:500; line-height:1.5; text-transform:none; }
html.vd-native-preview .products-block .availability { margin-top:12px; font-size:11px; }
html.vd-native-preview .products-block .prices { margin-top:12px; color:var(--vd-ink); font-size:15px; }
html.vd-native-preview .products-block .p-tools { float:none; width:100%; margin:16px 0 0; padding:0; }
html.vd-native-preview .products-block .p-tools form { width:100%; margin:0; }
html.vd-native-preview .products-block .btn { max-width:100%; min-height:44px; border:1px solid var(--vd-forest); border-radius:0; background:var(--vd-forest); color:#fff; font-family:inherit; font-size:10px; letter-spacing:.08em; white-space:normal; }
/* Short catalogue descriptions repeat the product heading and make cards bulky.
   Detailed content and all actual native purchase forms remain available. */
html.vd-native-preview .products-block .p-desc { display:none; }

html.vd-native-preview .vd-proof { padding:clamp(90px,11vw,165px) max(24px,8vw) 0; background:#fff; }
html.vd-native-preview .vd-proof__statement { max-width:1280px; margin:0; font-size:clamp(38px,5.2vw,78px); font-weight:300; letter-spacing:-.055em; line-height:1.08; }
html.vd-native-preview .vd-proof__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:90px; border-block:1px solid var(--vd-line); }
html.vd-native-preview .vd-proof__facts span { padding:28px; border-right:1px solid var(--vd-line); color:var(--vd-muted); font-size:12px; }
html.vd-native-preview .vd-proof__facts span:last-child { border:0; }
html.vd-native-preview .vd-proof__facts b { display:block; margin-bottom:7px; color:var(--vd-ink); font-size:19px; font-weight:400; }
html.vd-native-preview .vd-brands { background:#fff; }
html.vd-native-preview .vd-brands__intro { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-height:680px; background:#f7f8f5; }
html.vd-native-preview .vd-brands__intro>div { display:flex; flex-direction:column; justify-content:center; padding:clamp(55px,8vw,125px); }
html.vd-native-preview .vd-brands__intro h2 { margin:0; font-size:clamp(42px,5.1vw,76px); font-weight:300; letter-spacing:-.052em; line-height:1.04; }
html.vd-native-preview .vd-brands__intro>div>p:last-child { max-width:570px; margin:38px 0 0; color:var(--vd-muted); font-size:15px; line-height:1.8; }
html.vd-native-preview .vd-brands__intro figure { position:relative; min-height:680px; margin:0; overflow:hidden; }
html.vd-native-preview .vd-brands__intro figure img { width:100%; height:100%; object-fit:cover; object-position:center 43%; }
html.vd-native-preview .vd-brands__intro figcaption { position:absolute; right:34px; bottom:30px; left:34px; display:flex; justify-content:space-between; gap:20px; padding:16px; background:rgba(23,33,28,.8); color:#fff; }
html.vd-native-preview .vd-brands__intro figcaption span { font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
html.vd-native-preview .vd-brands__intro figcaption strong { font-size:14px; font-weight:400; }
html.vd-native-preview .vd-brand { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); min-height:640px; }
html.vd-native-preview .vd-brand>img { width:100%; height:100%; min-height:640px; object-fit:cover; }
html.vd-native-preview .vd-brand>div { display:flex; flex-direction:column; justify-content:center; padding:clamp(45px,7vw,112px); }
html.vd-native-preview .vd-brand h2 { margin:0; font-size:clamp(62px,7vw,104px); font-weight:300; letter-spacing:-.055em; }
html.vd-native-preview .vd-brand>div>p:not(.vd-eyebrow) { max-width:520px; color:var(--vd-muted); font-size:15px; line-height:1.75; }
html.vd-native-preview .vd-brand a { align-self:flex-start; margin-top:30px; padding-bottom:9px; border-bottom:1px solid; color:inherit; font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
html.vd-native-preview .vd-brand--maxxelle { background:#e5e9df; }
html.vd-native-preview .vd-brand--sikha { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); background:#2b1d2d; color:#fff; }
html.vd-native-preview .vd-brand--sikha>img { order:2; }
html.vd-native-preview .vd-brand--sikha>div { order:1; }
html.vd-native-preview .vd-brand--sikha :is(.vd-eyebrow,a) { color:#ddd5dc; }
html.vd-native-preview .vd-brand--sikha>div>p:not(.vd-eyebrow) { color:rgba(255,255,255,.76); }
html.vd-native-preview .vd-salon { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); min-height:820px; background:#fff; }
html.vd-native-preview .vd-salon__photo { position:relative; }
html.vd-native-preview .vd-salon__photo img { width:100%; height:100%; object-fit:cover; }
html.vd-native-preview .vd-salon__photo span { position:absolute; right:25px; bottom:25px; left:25px; padding:13px 15px; background:rgba(255,255,255,.9); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
html.vd-native-preview .vd-salon__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(55px,8vw,125px); }
html.vd-native-preview .vd-salon__copy h2 { margin:0; font-size:clamp(42px,5vw,72px); font-weight:300; letter-spacing:-.052em; line-height:1.06; }
html.vd-native-preview .vd-salon__copy>p:not(.vd-eyebrow) { max-width:640px; margin:30px 0; color:var(--vd-muted); font-size:15px; line-height:1.8; }
html.vd-native-preview .vd-salon__copy ul { margin:0 0 35px; padding:0; list-style:none; }
html.vd-native-preview .vd-salon__copy li { padding:14px 0; border-top:1px solid var(--vd-line); font-size:12px; }
html.vd-native-preview .vd-salon__copy li:last-child { border-bottom:1px solid var(--vd-line); }
html.vd-native-preview .vd-salon__copy a { align-self:flex-start; padding:16px 21px; background:var(--vd-forest); color:#fff; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }

/* Approved beauty arrangement. The lead source must be avila-necklace-noshell-v2,
   not the previous shell photo. CSS intentionally does not hide shell by zooming. */
html.vd-native-preview .vd-beauty { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); background:var(--vd-warm); }
html.vd-native-preview .vd-beauty__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(55px,7vw,110px); }
html.vd-native-preview .vd-beauty__copy h2 { margin:0; font-size:clamp(48px,6vw,88px); font-weight:300; letter-spacing:-.058em; line-height:.98; }
html.vd-native-preview .vd-beauty__copy>p:not(.vd-eyebrow) { max-width:480px; margin:30px 0 38px; color:var(--vd-muted); font-size:15px; line-height:1.8; }
html.vd-native-preview .vd-beauty__copy .vd-button { align-self:flex-start; }
html.vd-native-preview .vd-beauty__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; gap:8px; padding:8px; }
html.vd-native-preview .vd-beauty__card { position:relative; display:flex; min-width:0; min-height:370px; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:24px; background:#f2e4d6; color:#fff; }
html.vd-native-preview .vd-beauty__card--lead { grid-column:1/-1; min-height:520px; padding:30px; }
html.vd-native-preview .vd-beauty__card:after { position:absolute; inset:50% 0 0; background:linear-gradient(180deg,transparent,rgba(17,18,15,.7)); content:""; pointer-events:none; }
html.vd-native-preview .vd-beauty__card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
html.vd-native-preview .vd-beauty__card--lead img { object-position:center; }
html.vd-native-preview .vd-beauty__card:is([data-vd-image="fashion"],.vd-beauty__card--fashion) img { object-position:center 30%; }
html.vd-native-preview .vd-beauty__card:is([data-vd-image="lifestyle"],.vd-beauty__card--lifestyle) img { object-position:65% center; }
html.vd-native-preview .vd-beauty__card span,
html.vd-native-preview .vd-beauty__card strong { position:relative; z-index:1; }
html.vd-native-preview .vd-beauty__card span { margin-bottom:10px; font-size:8px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
html.vd-native-preview .vd-beauty__card strong { font-size:clamp(18px,2vw,31px); font-weight:300; letter-spacing:-.03em; line-height:1.3; }
html.vd-native-preview .vd-beauty__card--lead strong { max-width:620px; font-size:clamp(25px,3vw,46px); }
html.vd-native-preview .vd-founder { grid-template-columns:minmax(0,.38fr) minmax(0,1.62fr); min-height:690px; background:#fff; }
html.vd-native-preview .vd-founder__mark { display:flex; align-items:center; justify-content:center; background:var(--vd-sage-light); color:var(--vd-sage); font-size:clamp(160px,24vw,380px); font-weight:300; line-height:1; }
html.vd-native-preview .vd-founder__copy { display:flex; flex-direction:column; justify-content:center; max-width:1050px; padding:clamp(55px,8vw,125px); }
html.vd-native-preview .vd-founder__copy h2 { max-width:900px; margin:0; font-size:clamp(42px,5vw,76px); font-weight:300; letter-spacing:-.052em; line-height:1.04; }
html.vd-native-preview .vd-founder__copy blockquote { margin:35px 0 20px; padding-left:24px; border-left:2px solid var(--vd-sage); color:var(--vd-ink); font-size:clamp(20px,2.1vw,31px); font-weight:300; line-height:1.45; }
html.vd-native-preview .vd-founder__copy>p:not(.vd-eyebrow) { max-width:780px; color:var(--vd-muted); font-size:14px; line-height:1.8; }
html.vd-native-preview .vd-professional { grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); gap:6vw; padding:clamp(80px,10vw,145px) max(24px,8vw); background:var(--vd-forest); color:#fff; }
html.vd-native-preview .vd-professional h2 { max-width:880px; margin:0; color:#fff; font-size:clamp(42px,5.7vw,82px); font-weight:300; letter-spacing:-.055em; line-height:1.02; }
html.vd-native-preview .vd-professional>div>p:not(.vd-eyebrow) { max-width:760px; margin:32px 0; color:rgba(255,255,255,.76); font-size:15px; line-height:1.8; }
html.vd-native-preview .vd-professional aside { align-self:end; padding:30px; border:1px solid rgba(255,255,255,.24); }
html.vd-native-preview .vd-professional aside>span { color:var(--vd-sage); font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
html.vd-native-preview .vd-professional aside h3 { margin:28px 0 10px; color:#fff; font-size:27px; font-weight:300; }
html.vd-native-preview .vd-professional aside p,
html.vd-native-preview .vd-professional aside a { color:#fff; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
html.vd-native-preview .vd-letter { grid-template-columns:minmax(0,1fr) auto; gap:30px 50px; align-items:end; padding:clamp(65px,9vw,130px) max(24px,8vw); background:var(--vd-sage); }
html.vd-native-preview .vd-letter .vd-eyebrow { grid-column:1/-1; margin-bottom:0; color:var(--vd-forest); }
html.vd-native-preview .vd-letter h2 { margin:0; font-size:clamp(40px,5.7vw,82px); font-weight:300; letter-spacing:-.055em; line-height:1.03; }
html.vd-native-preview .vd-letter>a { padding:16px 0; border-bottom:1px solid; color:var(--vd-ink); font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }

@media (max-width:1080px) {
  html.vd-native-preview .vd-hero { grid-template-columns:minmax(0,1fr) minmax(0,.75fr); }
  html.vd-native-preview .vd-needs__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html.vd-native-preview .products-block { grid-template-columns:repeat(3,minmax(0,1fr)); }
  html.vd-native-preview :is(.vd-brand,.vd-brand--sikha,.vd-salon,.vd-beauty,.vd-founder,.vd-professional) { grid-template-columns:1fr; }
  html.vd-native-preview .vd-brand--sikha>img { order:1; }
  html.vd-native-preview .vd-brand--sikha>div { order:2; }
}
@media (max-width:767px) {
  html.vd-native-preview .site-name img { max-width:145px; max-height:48px; }
  html.vd-native-preview .vd-hero { grid-template-columns:1fr; min-height:0; }
  html.vd-native-preview .vd-hero__copy { padding:58px 24px; }
  html.vd-native-preview .vd-hero h1 { font-size:clamp(43px,12vw,61px); }
  html.vd-native-preview .vd-hero__kicker { font-size:21px; }
  html.vd-native-preview .vd-hero__lead { font-size:14px; }
  html.vd-native-preview .vd-hero__actions { align-items:stretch; flex-direction:column; gap:18px; }
  html.vd-native-preview .vd-text-link { align-self:flex-start; }
  html.vd-native-preview .vd-quick { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:30px; }
  html.vd-native-preview .vd-quick a:nth-child(2) { border-right:0; }
  html.vd-native-preview .vd-quick a:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.18); }
  html.vd-native-preview .vd-hero__visual { min-height:420px; padding:22px; }
  html.vd-native-preview .vd-hero__visual>span { align-items:flex-start; flex-direction:column; gap:6px; }
  html.vd-native-preview .vd-hero__visual>b { align-self:flex-start; }
  html.vd-native-preview .vd-benefits { grid-template-columns:1fr; padding:0 24px; }
  html.vd-native-preview .vd-benefits span { padding:17px 0; border-right:0; border-bottom:1px solid var(--vd-line); }
  html.vd-native-preview .vd-needs { padding:72px 16px; }
  html.vd-native-preview :is(.vd-section-head,.vd-products-intro) { grid-template-columns:1fr; gap:25px; margin-bottom:38px; }
  html.vd-native-preview :is(.vd-section-head,.vd-products-intro) h2 { font-size:42px; }
  html.vd-native-preview .vd-needs__grid { gap:8px; }
  html.vd-native-preview .vd-need { min-height:410px; }
  html.vd-native-preview .vd-need__image { height:220px; }
  html.vd-native-preview .vd-need__copy { min-height:190px; padding:16px 14px 14px; }
  html.vd-native-preview .vd-need h3 { font-size:20px; }
  html.vd-native-preview .vd-need p { font-size:11px; }
  html.vd-native-preview .products-block { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 10px; }
  html.vd-native-preview .products-block .p-in { padding:13px 0 0; }
  html.vd-native-preview .products-block .name { min-height:4.5em; font-size:11px; }
  html.vd-native-preview .products-block .availability { font-size:10px; }
  html.vd-native-preview .products-block .prices { font-size:13px; }
  html.vd-native-preview .products-block .btn { padding-inline:8px; font-size:9px; }
  html.vd-native-preview .vd-proof { padding:72px 24px 0; }
  html.vd-native-preview .vd-proof__statement { font-size:38px; }
  html.vd-native-preview .vd-proof__facts { grid-template-columns:1fr; margin-top:50px; }
  html.vd-native-preview .vd-proof__facts span { border-right:0; border-bottom:1px solid var(--vd-line); }
  html.vd-native-preview .vd-brands__intro { grid-template-columns:1fr; min-height:0; }
  html.vd-native-preview .vd-brands__intro>div { padding:72px 24px; }
  html.vd-native-preview .vd-brands__intro h2 { font-size:42px; }
  html.vd-native-preview .vd-brands__intro figure { min-height:0; aspect-ratio:1; }
  html.vd-native-preview .vd-brands__intro figcaption { right:20px; bottom:20px; left:20px; flex-direction:column; gap:8px; }
  html.vd-native-preview .vd-brand>img { min-height:0; aspect-ratio:1; }
  html.vd-native-preview .vd-brand>div { min-height:390px; padding:56px 24px; }
  html.vd-native-preview .vd-brand h2 { font-size:64px; }
  html.vd-native-preview .vd-salon__photo { min-height:400px; }
  html.vd-native-preview .vd-salon__copy,
  html.vd-native-preview .vd-beauty__copy,
  html.vd-native-preview .vd-founder__copy { padding:70px 24px; }
  html.vd-native-preview .vd-salon__copy h2,
  html.vd-native-preview .vd-founder__copy h2 { font-size:42px; }
  html.vd-native-preview .vd-beauty__copy h2 { font-size:48px; }
  html.vd-native-preview .vd-beauty__grid { grid-template-columns:1fr; }
  html.vd-native-preview .vd-beauty__card,
  html.vd-native-preview .vd-beauty__card--lead { grid-column:auto; min-height:430px; padding:24px; }
  html.vd-native-preview .vd-founder__mark { min-height:150px; font-size:180px; }
  html.vd-native-preview .vd-professional { gap:40px; padding:72px 24px; }
  html.vd-native-preview .vd-professional h2 { font-size:42px; }
  html.vd-native-preview .vd-professional aside { padding:24px; }
  html.vd-native-preview .vd-letter { grid-template-columns:1fr; gap:30px; padding:70px 24px; }
  html.vd-native-preview .vd-letter h2 { font-size:40px; }
  html.vd-native-preview .vd-letter>a { justify-self:start; }
}
@media (max-width:430px) {
  html.vd-native-preview .vd-needs__grid { grid-template-columns:1fr; }
  html.vd-native-preview .vd-need { min-height:450px; }
  html.vd-native-preview .vd-need__image { height:270px; }
}
@media (prefers-reduced-motion:reduce) {
  html.vd-native-preview { scroll-behavior:auto; }
  html.vd-native-preview :is([data-vd-native-section],.vd-native-section) * { transition-duration:.01ms!important; animation-duration:.01ms!important; }
}
/* The approved source has baked-in dark side bands. Its central photograph
   occupies about 61% of the width, so this measured display crop fills the
   card and brings the bird closer without changing or regenerating the image. */
html.vd-native-preview .vd-beauty__card--lead img { transform:scale(1.7); transform-origin:50% 50%; }
html.vd-native-preview .vd-beauty__copy h2 { font-size:clamp(42px,4.3vw,66px); }