/** Shopify CDN: Minification failed

Line 31:0 All "@import" rules must come first
Line 32:0 All "@import" rules must come first
Line 34:0 All "@import" rules must come first

**/
/* === TZ Streifen-Killer (override über Refresh base.css) === */
html, body { margin: 0 !important; padding: 0 !important; }
body > .skip-to-content-link, .skip-to-content-link { position: absolute !important; height: 1px !important; width: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; }
.shopify-section[id*="announcement"],
.shopify-section--announcement-bar,
.utility-bar,
section.utility-bar { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }
.shopify-section-group-header-group,
.shopify-section-group-header-group > .shopify-section,
.shopify-section-group-header-group > .shopify-section--header { margin: 0 !important; padding: 0 !important; }
.shopify-section-group-header-group + .shopify-section,
.shopify-section-group-header-group + main,
#MainContent, main.content-for-layout, main[role="main"] { margin-top: 0 !important; padding-top: 0 !important; }
.shopify-section--tz-preview-all, .tz-section.tz-preview-all { padding: 0 !important; margin: 0 !important; }
.shopify-section { margin: 0; }
.section + .section { margin-top: 0; }
@media screen and (min-width: 750px) { .section + .section { margin-top: 0; } }
/* === /Streifen-Killer === */

/* ===========================================================
   Traditional Zürich — Design System
   Premium-Barber / Editorial / Mobile-first
   =========================================================== */
@import url('tzh-luxury.css');
@import url('tzh-images.css');
/* FINAL system — loaded LAST so it overrides any legacy spillover */
@import url('tzh-system.css');

:root{
  /* === FINAL DESIGN SYSTEM === Traditional Zürich
     Locked 2026-05. Do not introduce new colors / fonts here. */

  /* Color tokens (semantic names) */
  --color-bg:        #F6F7F9;   /* off-white base */
  --color-white:     #FFFFFF;
  --color-navy:      #1B2A55;   /* premium accent, CTA */
  --color-navy-2:    #2B3F7D;   /* hover navy */
  --color-black:     #0B0D12;
  --color-text:      #1E2430;   /* body text */
  --color-muted:     #6B7280;   /* secondary text */
  --color-line:      #E4E7EC;   /* hairline dividers */
  --color-gold:      #C8A24E;   /* MINIMAL accent only — thin lines, dots */
  --color-success:   #1F6B45;
  --color-warn:      #B45309;

  /* Aliases for legacy class names (do NOT use directly in new code) */
  --ink:        var(--color-black);
  --ink-2:      var(--color-text);
  --sand:       var(--color-bg);
  --sand-2:     var(--color-line);
  --paper:      var(--color-white);
  --paper-2:    var(--color-bg);
  --brass:      var(--color-navy);
  --brass-2:    var(--color-navy-2);
  --oxblood:    var(--color-black);
  --stone:      var(--color-muted);
  --stone-2:    #8A93A8;
  --white:      var(--color-white);
  --success:    var(--color-success);
  --warn:       var(--color-warn);
  --gold:       var(--color-gold);

  /* Typography — ONLY 2 fonts allowed:
     • UI font:      Inter (body, nav, buttons, eyebrows, meta — everything)
     • Display font: Cormorant Garamond (H1/H2 and the occasional quote — sparingly)
     The legacy --ff-mono alias is mapped to Inter, so JetBrains Mono is
     visually retired without breaking existing class names. */
  --font-ui:       "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display:  "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --ff-sans:       var(--font-ui);
  --ff-display:    var(--font-display);
  --ff-mono:       var(--font-ui);     /* legacy alias → no more monospace */

  /* Scale */
  --t-xs:12px; --t-sm:14px; --t-md:16px; --t-lg:18px; --t-xl:22px;
  --d-1:36px; --d-2:28px; --d-3:22px;
  --d-1-dt:64px; --d-2-dt:44px; --d-3-dt:32px;

  /* Spacing */
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;
  --s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;

  /* Radii */
  --r-0:0; --r-1:2px; --r-2:4px; --r-3:8px; --r-4:16px;

  /* Shadows */
  --sh-1:0 1px 2px rgba(26,22,20,.06);
  --sh-2:0 4px 16px rgba(26,22,20,.08);
  --sh-3:0 12px 32px rgba(26,22,20,.14);
  --sh-4:0 24px 60px rgba(26,22,20,.22);

  /* Layout */
  --max:1320px;
  --max-narrow:880px;
  --max-prose:680px;

  /* Motion */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur-fast:.18s;
  --dur-base:.28s;
  --dur-slow:.5s;

  /* z */
  --z-topbar:50; --z-sticky:55; --z-modal:100; --z-toast:110;
}

/* === Reset (minimal) === */
*,*::before,*::after{box-sizing:border-box}
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--ff-sans);font-size:var(--t-md);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh}
img,svg,video{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,textarea,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
ul{list-style:none}
hr{border:0;height:1px;background:rgba(26,22,20,.12);margin:0}

/* === Typography === */
h1,h2,h3,h4,h5{font-family:var(--ff-display);font-weight:600;line-height:1.1;letter-spacing:-.01em;color:var(--ink)}
h1{font-size:var(--d-1)}
h2{font-size:var(--d-2)}
h3{font-size:var(--d-3)}
h4{font-size:var(--t-xl);font-family:var(--ff-sans);font-weight:600;line-height:1.25}
p{max-width:64ch}
.eyebrow{display:inline-block;font-family:var(--ff-sans);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--stone);font-weight:600}
.eyebrow--brass{color:var(--brass)}
.h-display{font-family:var(--ff-display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
.t-mono{font-family:var(--ff-mono);font-size:.92em}
.t-meta{font-size:var(--t-xs);color:var(--stone);letter-spacing:.04em}
.t-prose{font-size:var(--t-lg);color:var(--ink-2);line-height:1.65;max-width:var(--max-prose)}
.t-italic{font-style:italic}

@media (min-width:768px){
  h1{font-size:52px}
  h2{font-size:36px}
  h3{font-size:26px}
}
@media (min-width:1024px){
  h1{font-size:var(--d-1-dt)}
  h2{font-size:var(--d-2-dt)}
  h3{font-size:var(--d-3-dt)}
}

/* === Layout === */
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--s-4)}
.container--narrow{max-width:var(--max-narrow)}
.container--prose{max-width:var(--max-prose)}
section{padding:var(--s-8) 0}
@media (min-width:768px){
  .container{padding:0 var(--s-6)}
  section{padding:var(--s-9) 0}
}
.section-bleed{padding-left:0;padding-right:0}
.row{display:flex;flex-wrap:wrap;gap:var(--s-5)}
.grid{display:grid;gap:var(--s-5)}
.grid--2{grid-template-columns:1fr}
.grid--3{grid-template-columns:1fr}
.grid--4{grid-template-columns:1fr}
@media (min-width:640px){.grid--2{grid-template-columns:1fr 1fr}.grid--4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}

.bg-ink{background:var(--ink);color:var(--paper)}
.bg-sand{background:var(--sand)}
.bg-paper{background:var(--paper)}
.bg-paper-2{background:var(--paper-2)}
.bg-oxblood{background:var(--oxblood);color:var(--paper)}
.bg-gradient-dark{background:linear-gradient(135deg,#1A1614 0%, #2B2622 40%, #5A2A23 100%);color:var(--paper)}

/* === Section head === */
.s-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-7)}
.s-head h2{max-width:640px}
.s-head .s-sub{color:var(--stone);max-width:48ch;margin-top:var(--s-3)}

/* === Buttons === */
.btn{
  --bg:var(--ink); --fg:#fff; --br:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);
  height:48px;padding:0 var(--s-5);
  background:var(--bg);color:var(--fg);border:1.5px solid var(--br);
  border-radius:var(--r-1);
  font-weight:600;font-size:14px;letter-spacing:.02em;
  cursor:pointer;text-decoration:none;
  transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);
  min-width:160px;text-align:center;line-height:1;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.btn--primary{--bg:var(--ink);--fg:#fff;--br:var(--ink)}
.btn--secondary{--bg:transparent;--fg:var(--ink);--br:var(--ink)}
.btn--brass{--bg:var(--brass);--fg:#fff;--br:var(--brass)}
.btn--brass:hover{--bg:var(--brass-2);--br:var(--brass-2)}
.btn--paper{--bg:var(--paper);--fg:var(--ink);--br:var(--paper)}
.btn--ghost{--bg:transparent;--fg:var(--ink);--br:transparent;min-width:0;padding:0 var(--s-2);height:auto}
.btn--ghost::after{content:" →";margin-left:var(--s-1);transition:transform var(--dur-fast) var(--ease)}
.btn--ghost:hover::after{transform:translateX(3px)}
.btn--lg{height:56px;padding:0 var(--s-6);font-size:15px}
.btn--full{width:100%}
.btn--inverse{--bg:#fff;--fg:var(--ink);--br:#fff}
.btn--inverse-line{--bg:transparent;--fg:#fff;--br:#fff}

/* === Top bar === */
.topbar{position:sticky;top:0;z-index:var(--z-topbar);background:rgba(246,241,232,.92);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(26,22,20,.06)}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;height:56px;max-width:var(--max);margin:0 auto;padding:0 var(--s-4)}
.topbar__brand{font-weight:700;letter-spacing:.18em;font-size:13px;text-transform:uppercase;display:flex;align-items:center;gap:var(--s-2)}
.topbar__brand small{font-weight:500;letter-spacing:.12em;font-size:9px;color:var(--stone);display:none}
.topbar__nav{display:none;gap:var(--s-6)}
.topbar__nav a{font-size:14px;font-weight:500;position:relative;padding:6px 0;color:var(--ink-2);transition:color var(--dur-fast) var(--ease)}
.topbar__nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform var(--dur-base) var(--ease)}
.topbar__nav a:hover{color:var(--ink)}
.topbar__nav a:hover::after{transform:scaleX(1);transform-origin:left}
.topbar__nav a[aria-current="page"]{color:var(--ink)}
.topbar__nav a[aria-current="page"]::after{transform:scaleX(1)}
.topbar__actions{display:flex;gap:var(--s-2);align-items:center}
.iconbtn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-2);position:relative;transition:background var(--dur-fast) var(--ease)}
.iconbtn:hover{background:rgba(26,22,20,.06)}
.iconbtn svg{width:18px;height:18px}
.cart-badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;line-height:16px;text-align:center;background:var(--brass);color:#fff;border-radius:8px;font-size:10px;padding:0 4px;font-weight:700}
.burger{display:grid;place-items:center;width:40px;height:40px}
.burger span{width:18px;height:1.5px;background:var(--ink);position:relative;display:block}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--ink)}
.burger span::before{top:-6px}.burger span::after{top:6px}
@media (min-width:1024px){.topbar__inner{height:72px}.topbar__nav{display:flex}.topbar__brand small{display:inline}.burger{display:none}}

/* === Mobile Menu === */
.menu{position:fixed;inset:0;z-index:99;background:var(--paper);transform:translateX(-100%);transition:transform var(--dur-base) var(--ease);display:flex;flex-direction:column}
.menu.is-open{transform:translateX(0)}
.menu__head{display:flex;justify-content:space-between;align-items:center;padding:var(--s-4) var(--s-4);border-bottom:1px solid var(--sand)}
.menu__close{font-size:24px;width:40px;height:40px;display:grid;place-items:center}
.menu__list{flex:1;padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);overflow-y:auto}
.menu__list a{font-family:var(--ff-display);font-size:32px;line-height:1.1;padding:var(--s-3) 0;border-bottom:1px solid rgba(26,22,20,.06)}
.menu__foot{padding:var(--s-5);border-top:1px solid var(--sand);display:flex;gap:var(--s-3);flex-wrap:wrap;background:var(--paper-2)}

/* === Hero === */
.hero{position:relative;padding:0;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1fr;min-height:540px}
.hero__text{padding:var(--s-7) var(--s-4) var(--s-8);display:flex;flex-direction:column;justify-content:center;gap:var(--s-4);order:2;max-width:var(--max);margin:0 auto;width:100%}
.hero__text h1{font-weight:600;max-width:18ch}
.hero__sub{font-size:var(--t-lg);color:var(--ink-2);max-width:52ch}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-3)}
.hero__trust{display:flex;flex-wrap:wrap;gap:var(--s-4);margin-top:var(--s-4);font-size:var(--t-xs);color:var(--stone);text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.hero__trust span{display:inline-flex;align-items:center;gap:6px}
.hero__trust span::before{content:"•";color:var(--brass)}
.hero__art{order:1;height:380px;position:relative;display:grid;place-items:center;color:rgba(255,255,255,.92);overflow:hidden}
.hero__art::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 75%, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 100%);pointer-events:none}
.hero__art-tag{position:absolute;left:var(--s-5);bottom:var(--s-5);z-index:2;font-family:var(--ff-mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.7)}
.hero__art-label{position:relative;z-index:2;font-family:var(--ff-display);font-style:italic;font-size:24px;line-height:1.15;text-align:center;padding:0 var(--s-7);max-width:520px;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.gradient-1{background:linear-gradient(135deg,#1A1614 0%, #2B2622 35%, #5A2A23 75%, #9C7B45 100%)}
.gradient-2{background:linear-gradient(160deg,#2B2622 0%, #5A2A23 50%, #9C7B45 100%)}
.gradient-3{background:linear-gradient(140deg,#9C7B45 0%, #B8915A 40%, #E8DFD3 100%);color:var(--ink)}
.gradient-4{background:linear-gradient(140deg,#1A1614 0%, #2B2622 70%, #5A2A23 100%)}
.gradient-5{background:linear-gradient(180deg,#E8DFD3 0%, #C7B89F 100%);color:var(--ink-2)}
.gradient-6{background:radial-gradient(ellipse at 40% 30%,#736B5F 0%, #2B2622 70%, #1A1614 100%);color:#fff}
@media (min-width:900px){
  .hero__grid{grid-template-columns:1.05fr .95fr;min-height:680px;align-items:stretch}
  .hero__text{padding:var(--s-9) var(--s-9);order:1;max-width:none;margin:0}
  .hero__art{order:2;height:auto}
  .hero__art-label{font-size:32px}
}

/* === USP Bar === */
.usp__grid{display:grid;grid-template-columns:1fr;gap:var(--s-5);align-items:start}
.usp__card{padding:var(--s-6) var(--s-5);background:var(--paper);border-left:2px solid var(--brass);transition:border-left-color var(--dur-base) var(--ease), background var(--dur-base) var(--ease)}
.usp__card:hover{border-left-color:var(--ink)}
.usp__card h4{margin:var(--s-3) 0 var(--s-2);font-family:var(--ff-display);font-weight:600;font-size:24px}
.usp__card p{font-size:15px;color:var(--ink-2);max-width:36ch}
.usp__icon{font-family:var(--ff-display);font-size:32px;color:var(--brass);line-height:1}
@media (min-width:768px){.usp__grid{grid-template-columns:repeat(3,1fr);gap:var(--s-6)}}

/* === Product Card === */
.pcard{background:#fff;border:1px solid var(--sand);border-radius:var(--r-2);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease)}
.pcard:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:var(--ink-2)}
.pcard__img{aspect-ratio:4/5;position:relative;display:grid;place-items:center;overflow:hidden}
.pcard__img-label{font-family:var(--ff-display);font-style:italic;font-size:20px;text-align:center;padding:var(--s-5);position:relative;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.pcard__badge{position:absolute;top:var(--s-3);left:var(--s-3);z-index:3;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;background:rgba(246,241,232,.92);color:var(--ink);border-radius:2px}
.pcard__badge--brass{background:var(--brass);color:#fff}
.pcard__body{padding:var(--s-5);display:flex;flex-direction:column;gap:6px;flex:1}
.pcard__vendor{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--stone);font-weight:600}
.pcard__title{font-family:var(--ff-display);font-size:22px;font-weight:600;line-height:1.15;color:var(--ink)}
.pcard__tag{font-size:14px;color:var(--ink-2);line-height:1.5;flex:1}
.pcard__price{display:flex;align-items:baseline;gap:var(--s-2);margin-top:var(--s-3);font-weight:600}
.pcard__price del{color:var(--stone);font-weight:400;font-size:13px}
.pcard__cta{margin-top:var(--s-4);height:44px;background:var(--ink);color:#fff;border-radius:var(--r-1);font-weight:600;font-size:13px;letter-spacing:.04em;width:100%;transition:background var(--dur-fast) var(--ease)}
.pcard__cta:hover{background:var(--ink-2)}

/* === Routine Stepper === */
.steps{display:grid;grid-template-columns:1fr;gap:var(--s-7);counter-reset:step}
.step{display:grid;grid-template-columns:auto 1fr;gap:var(--s-4);align-items:flex-start;padding-bottom:var(--s-6);border-bottom:1px solid rgba(26,22,20,.08)}
.step:last-child{border-bottom:none}
.step__num{width:48px;height:48px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:var(--ff-display);font-size:24px;font-weight:600;color:var(--ink);background:var(--paper)}
.step h3{font-size:24px;margin-bottom:var(--s-2)}
.step p{color:var(--ink-2);max-width:50ch}
.step__link{margin-top:var(--s-3);font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--brass);padding-bottom:2px;display:inline-block;letter-spacing:.04em;text-transform:uppercase}
.step__link:hover{color:var(--brass)}
@media (min-width:900px){.steps{grid-template-columns:repeat(3,1fr);gap:var(--s-7)}.step{padding-bottom:0;border-bottom:none}}

/* === Brand story === */
.story{background:var(--ink);color:var(--paper)}
.story__grid{display:grid;grid-template-columns:1fr;gap:var(--s-7);align-items:center}
.story__art{aspect-ratio:1/1;border-radius:var(--r-2);display:grid;place-items:center;position:relative;overflow:hidden;min-height:280px}
.story__art-label{position:relative;z-index:2;font-family:var(--ff-display);font-style:italic;font-size:32px;line-height:1.15;color:rgba(255,255,255,.92);text-align:center;padding:var(--s-7);text-shadow:0 4px 20px rgba(0,0,0,.4)}
.story__text .eyebrow{color:var(--brass)}
.story h2{color:var(--paper);margin:var(--s-3) 0 var(--s-5);max-width:18ch}
.story p{color:rgba(246,241,232,.82);font-size:17px;line-height:1.7;max-width:54ch;margin-bottom:var(--s-3)}
.story blockquote{font-family:var(--ff-display);font-style:italic;font-size:26px;line-height:1.25;margin:var(--s-6) 0;padding-left:var(--s-5);border-left:2px solid var(--brass);color:#fff;max-width:48ch}
.story__btns{margin-top:var(--s-5);display:flex;gap:var(--s-3);flex-wrap:wrap}
@media (min-width:900px){.story__grid{grid-template-columns:1fr 1.1fr;gap:var(--s-9)}}

/* === Advisor Teaser === */
.adv-teaser{background:var(--sand)}
.adv-teaser__grid{display:grid;grid-template-columns:1fr;gap:var(--s-7);align-items:center}
.adv-teaser h2{max-width:14ch}
.adv-teaser p{font-size:17px;color:var(--ink-2);max-width:50ch;margin:var(--s-4) 0 var(--s-5)}
.adv-preview{background:var(--paper);border-radius:var(--r-3);padding:var(--s-6) var(--s-5);box-shadow:var(--sh-3);display:flex;flex-direction:column;gap:var(--s-4)}
.adv-preview__meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);font-weight:600}
.adv-preview__progress{height:3px;background:var(--sand);border-radius:2px;overflow:hidden}
.adv-preview__progress span{display:block;width:42%;height:100%;background:var(--brass)}
.adv-preview__q{font-family:var(--ff-display);font-size:26px;line-height:1.2;color:var(--ink)}
.adv-preview__opts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2);margin-top:var(--s-2)}
.adv-preview__opt{padding:12px;border:1.5px solid var(--sand-2);border-radius:var(--r-1);font-size:14px;text-align:center;background:#fff;font-weight:500}
.adv-preview__opt.is-selected{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (min-width:900px){.adv-teaser__grid{grid-template-columns:1fr 1fr}}

/* === Trust bar === */
.trust__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4)}
.trust__item{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-4) 0}
.trust__icon{font-size:22px;color:var(--brass);line-height:1;flex-shrink:0;width:32px;text-align:center}
.trust__item h4{font-size:14px;font-weight:600;margin-bottom:2px;font-family:var(--ff-sans)}
.trust__item p{font-size:13px;color:var(--stone)}
@media (min-width:768px){.trust__grid{grid-template-columns:repeat(4,1fr)}}

/* === Split cards (camera-check + freebie) === */
.split__grid{display:grid;grid-template-columns:1fr;gap:var(--s-5)}
.split__card{background:#fff;border:1px solid var(--sand);border-radius:var(--r-3);padding:var(--s-7);display:flex;flex-direction:column;gap:var(--s-3);min-height:380px}
.split__card--dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.split__card--dark h3{color:var(--paper)}
.split__card--dark p{color:rgba(246,241,232,.82)}
.split__card--dark .eyebrow{color:var(--brass)}
.split__card h3{font-size:28px;margin-bottom:var(--s-2)}
.split__card p{font-size:15px;color:var(--ink-2);line-height:1.6;flex:1}
.split__card .btn{margin-top:var(--s-4);align-self:flex-start}
@media (min-width:768px){.split__grid{grid-template-columns:1fr 1fr}}

/* === Forms === */
.form{display:flex;flex-direction:column;gap:var(--s-3)}
.input{
  height:50px;padding:0 var(--s-4);
  background:#fff;color:var(--ink);
  border:1.5px solid var(--sand-2);border-radius:var(--r-1);
  font-size:16px;        /* iOS Safari: 16px+ verhindert Auto-Zoom beim Tap */
  transition:border-color var(--dur-fast) var(--ease)
}
.input:focus{outline:none;border-color:var(--ink)}
.input:focus-visible{outline:2px solid var(--brass);outline-offset:1px}
.input--lg{height:56px;font-size:16px}
.label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--stone);margin-bottom:6px;display:block}
.checkbox{display:flex;gap:var(--s-2);align-items:flex-start;font-size:13px;color:var(--stone);line-height:1.5;cursor:pointer}
.checkbox input{margin-top:3px;width:16px;height:16px;accent-color:var(--ink)}

/* === FAQ === */
.faq__item{border-bottom:1px solid rgba(26,22,20,.1)}
.faq__q{width:100%;text-align:left;padding:var(--s-5) 0;font-family:var(--ff-sans);font-weight:600;font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);color:var(--ink);cursor:pointer}
.faq__q::after{content:"+";font-size:24px;color:var(--brass);transition:transform var(--dur-fast) var(--ease)}
.faq__item.is-open .faq__q::after{transform:rotate(45deg)}
.faq__a{max-height:0;overflow:hidden;transition:max-height var(--dur-base) var(--ease)}
.faq__item.is-open .faq__a{max-height:600px}
.faq__a p{padding:0 0 var(--s-5);color:var(--ink-2);font-size:15px;line-height:1.7;max-width:64ch}

/* === Footer === */
.footer{background:var(--ink);color:var(--paper);padding:var(--s-9) 0 var(--s-5)}
.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--s-7)}
.footer__col h5{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--brass);margin-bottom:var(--s-4);font-weight:600;font-family:var(--ff-sans)}
.footer__col ul{display:grid;gap:var(--s-2)}
.footer__col li a{font-size:14px;color:rgba(246,241,232,.7);transition:color var(--dur-fast) var(--ease)}
.footer__col li a:hover{color:var(--paper)}
.footer__brand{font-family:var(--ff-display);font-size:32px;letter-spacing:-.01em;line-height:1.1;margin-bottom:var(--s-3)}
.footer__brand-sub{font-size:14px;color:rgba(246,241,232,.7);max-width:36ch;line-height:1.6}
.footer__bottom{border-top:1px solid rgba(246,241,232,.12);margin-top:var(--s-8);padding-top:var(--s-5);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-4);font-size:12px;color:rgba(246,241,232,.45)}
.footer__bottom a{color:inherit}
.footer__bottom a:hover{color:rgba(246,241,232,.8)}
@media (min-width:768px){.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}

/* === Sticky Mobile CTA === */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--sand);padding:var(--s-3) var(--s-4);display:flex;gap:var(--s-3);align-items:center;z-index:var(--z-sticky);box-shadow:0 -12px 32px rgba(26,22,20,.1);padding-bottom:max(var(--s-3), env(safe-area-inset-bottom))}
.sticky-cta .btn{flex:1;height:46px;min-width:0}
@media (min-width:1024px){.sticky-cta{display:none}}

/* === PDP === */
.pdp__hero{display:grid;grid-template-columns:1fr;gap:var(--s-7);padding:var(--s-6) 0 var(--s-8);align-items:start}
.pdp__gallery{display:grid;gap:var(--s-3)}
.pdp__main-img{aspect-ratio:4/5;position:relative;border-radius:var(--r-3);overflow:hidden;display:grid;place-items:center}
.pdp__main-img-label{position:relative;z-index:2;font-family:var(--ff-display);font-style:italic;font-size:30px;color:rgba(255,255,255,.92);text-shadow:0 4px 24px rgba(0,0,0,.4)}
.pdp__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}
.pdp__thumb{aspect-ratio:1;border-radius:var(--r-2);display:grid;place-items:center;font-family:var(--ff-display);font-style:italic;color:rgba(255,255,255,.7);font-size:11px;cursor:pointer;opacity:.85;transition:opacity var(--dur-fast)}
.pdp__thumb:hover{opacity:1}
.pdp__info{display:flex;flex-direction:column;gap:var(--s-3);position:sticky;top:96px}
.pdp__vendor{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--stone);font-weight:600}
.pdp__title{font-family:var(--ff-display);font-size:40px;line-height:1.08;font-weight:600;color:var(--ink)}
.pdp__tag{font-size:17px;color:var(--ink-2);max-width:42ch;line-height:1.5}
.pdp__price-row{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-2)}
.pdp__price{font-size:24px;font-weight:600}
.pdp__price del{color:var(--stone);font-size:16px;font-weight:400;margin-left:var(--s-2)}
.pdp__bundle-hint{font-size:13px;color:var(--brass);font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.pdp__ctas{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-3)}
.pdp__qty{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-3)}
.pdp__qty-btn{width:38px;height:38px;border:1.5px solid var(--ink);border-radius:var(--r-1);display:grid;place-items:center;font-size:18px;background:transparent}
.pdp__qty-val{font-weight:600;min-width:32px;text-align:center}
.pdp__inline-trust{display:grid;grid-template-columns:1fr;gap:var(--s-2);margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid rgba(26,22,20,.08);font-size:13px;color:var(--ink-2)}
.pdp__inline-trust span{display:inline-flex;align-items:center;gap:var(--s-2)}
.pdp__inline-trust span::before{content:"·";color:var(--brass);font-weight:700}
@media (min-width:900px){.pdp__hero{grid-template-columns:1.2fr 1fr;gap:var(--s-9)}.pdp__title{font-size:48px}.pdp__inline-trust{grid-template-columns:1fr 1fr}}
@media (min-width:1200px){.pdp__title{font-size:56px}}

.pdp-block{padding:var(--s-8) 0;border-top:1px solid rgba(26,22,20,.06)}
.pdp-block h2{margin-bottom:var(--s-5);max-width:18ch}
.pdp-block__lead{font-size:18px;color:var(--ink-2);max-width:56ch;line-height:1.7;margin-bottom:var(--s-6)}
.pdp-mech{display:grid;grid-template-columns:1fr;gap:var(--s-5)}
.pdp-mech__item{padding:var(--s-5);background:var(--paper-2);border-left:2px solid var(--brass)}
.pdp-mech__item h4{font-family:var(--ff-display);font-size:22px;margin-bottom:var(--s-2)}
.pdp-mech__item p{font-size:15px;color:var(--ink-2)}
@media (min-width:768px){.pdp-mech{grid-template-columns:repeat(3,1fr)}}

/* === Stat / Number row === */
.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5);padding:var(--s-7) 0;border-top:1px solid rgba(26,22,20,.08);border-bottom:1px solid rgba(26,22,20,.08)}
.stat-item .stat-num{font-family:var(--ff-display);font-size:48px;font-weight:600;line-height:1;color:var(--ink)}
.stat-item .stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--stone);margin-top:6px;font-weight:600}
@media (min-width:768px){.stat-row{grid-template-columns:repeat(4,1fr)}.stat-item .stat-num{font-size:56px}}

/* === Editorial layouts === */
.editorial{padding:var(--s-9) 0}
.editorial__intro{max-width:var(--max-prose);margin:0 auto var(--s-8);text-align:center}
.editorial__intro h2{margin-bottom:var(--s-4)}
.editorial__art{aspect-ratio:16/9;border-radius:var(--r-3);overflow:hidden;display:grid;place-items:center;margin:var(--s-7) auto}
.editorial__art-label{position:relative;z-index:2;font-family:var(--ff-display);font-style:italic;font-size:32px;color:rgba(255,255,255,.9);padding:var(--s-7);text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.4)}
.prose{font-size:18px;line-height:1.75;color:var(--ink-2);max-width:var(--max-prose);margin:0 auto}
.prose p{margin-bottom:var(--s-4)}
.prose h3{font-size:28px;margin:var(--s-7) 0 var(--s-3);color:var(--ink)}
.prose blockquote{font-family:var(--ff-display);font-style:italic;font-size:26px;line-height:1.3;margin:var(--s-7) 0;padding:0 var(--s-5);border-left:2px solid var(--brass);color:var(--ink)}
.prose ul{margin:var(--s-3) 0 var(--s-5) var(--s-5)}
.prose ul li{margin-bottom:var(--s-2);list-style:disc;color:var(--ink-2)}
.prose a{color:var(--ink);border-bottom:1px solid var(--brass)}

/* === Problem-Pages === */
.problem-hero{padding:var(--s-9) 0 var(--s-8);background:var(--paper-2);border-bottom:1px solid var(--sand)}
.problem-hero .eyebrow{margin-bottom:var(--s-3)}
.problem-hero h1{max-width:14ch}
.problem-hero p{font-size:18px;color:var(--ink-2);max-width:50ch;line-height:1.7;margin-top:var(--s-4)}
.problem-routine{background:var(--sand)}
.problem-routine__head{margin-bottom:var(--s-7)}

/* === Camera-Check === */
.cc-hero{padding:var(--s-9) 0 var(--s-8);background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.cc-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%, rgba(156,123,69,.2) 0%, transparent 60%);pointer-events:none}
.cc-hero .container{position:relative;z-index:2}
.cc-hero .eyebrow{color:var(--brass)}
.cc-hero h1{color:var(--paper);max-width:16ch;margin:var(--s-3) 0 var(--s-5)}
.cc-hero p{font-size:18px;color:rgba(246,241,232,.82);max-width:52ch;line-height:1.7}
.cc-hero__art{margin-top:var(--s-7);aspect-ratio:16/9;border-radius:var(--r-3);overflow:hidden;display:grid;place-items:center}
.cc-hero__art-label{position:relative;z-index:2;font-family:var(--ff-display);font-style:italic;font-size:28px;color:rgba(255,255,255,.9);text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.5)}

.cc-flow{padding:var(--s-9) 0}
.cc-flow__grid{display:grid;grid-template-columns:1fr;gap:var(--s-7);position:relative}
.cc-flow__step{padding:var(--s-5);background:var(--paper-2);border-radius:var(--r-3);position:relative}
.cc-flow__step .step__num{position:absolute;top:-24px;left:var(--s-5);background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cc-flow__step h4{margin:var(--s-3) 0 var(--s-2);font-size:20px;font-family:var(--ff-display);font-weight:600}
@media (min-width:900px){.cc-flow__grid{grid-template-columns:repeat(3,1fr);gap:var(--s-6)}}

.cc-bookings{padding:var(--s-9) 0;background:var(--sand)}
.cc-loc__list{display:grid;grid-template-columns:1fr;gap:var(--s-4)}
.cc-loc{padding:var(--s-6);background:var(--paper);border-radius:var(--r-3);border:1px solid var(--sand-2);display:flex;flex-direction:column;gap:var(--s-3)}
.cc-loc h4{font-family:var(--ff-display);font-size:24px;font-weight:600}
.cc-loc address{font-style:normal;color:var(--ink-2);font-size:14px;line-height:1.6}
.cc-loc .meta{display:flex;gap:var(--s-4);font-size:12px;color:var(--stone);text-transform:uppercase;letter-spacing:.1em;font-weight:600}
@media (min-width:900px){.cc-loc__list{grid-template-columns:repeat(2,1fr)}}

/* === Bundle Page === */
.bundle-hero{padding:var(--s-9) 0 var(--s-8);background:var(--ink);color:var(--paper)}
.bundle-hero .eyebrow{color:var(--brass)}
.bundle-hero h1{color:var(--paper);max-width:18ch;margin:var(--s-3) 0 var(--s-5)}
.bundle-hero__price{display:flex;gap:var(--s-4);align-items:baseline;margin-top:var(--s-5)}
.bundle-hero__now{font-family:var(--ff-display);font-size:48px;font-weight:600;line-height:1}
.bundle-hero__was{font-size:18px;color:rgba(246,241,232,.5);text-decoration:line-through}
.bundle-hero__save{font-size:14px;font-weight:600;color:var(--brass);text-transform:uppercase;letter-spacing:.12em;background:rgba(156,123,69,.15);padding:6px 12px;border-radius:var(--r-1);align-self:center}
.bundle-contents{padding:var(--s-9) 0}
.bundle-items{display:grid;grid-template-columns:1fr;gap:var(--s-5)}
.bundle-item{display:flex;gap:var(--s-4);padding:var(--s-5);background:var(--paper-2);border-radius:var(--r-3);align-items:flex-start}
.bundle-item__art{flex-shrink:0;width:80px;height:100px;border-radius:var(--r-2);display:grid;place-items:center;font-family:var(--ff-display);font-size:10px;color:rgba(255,255,255,.8);font-style:italic;text-align:center;padding:6px}
.bundle-item__body h4{font-family:var(--ff-display);font-size:22px;font-weight:600;margin-bottom:6px}
.bundle-item__body p{font-size:14px;color:var(--ink-2)}
.bundle-item__solo{font-size:12px;color:var(--stone);margin-top:6px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}

/* === Cross-Sell === */
.cross-sell{background:var(--paper-2);padding:var(--s-9) 0}
.cross-sell h2{margin-bottom:var(--s-7);font-size:32px}

/* === Cookie / Notification banner === */
.cookie{position:fixed;bottom:var(--s-4);left:var(--s-4);right:var(--s-4);max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--sand-2);border-radius:var(--r-3);padding:var(--s-5);box-shadow:var(--sh-3);z-index:var(--z-toast);display:none}
.cookie.is-open{display:block}
.cookie h5{font-size:14px;font-weight:600;margin-bottom:var(--s-2)}
.cookie p{font-size:13px;color:var(--ink-2);margin-bottom:var(--s-3)}
.cookie__actions{display:flex;gap:var(--s-2);flex-wrap:wrap}

/* === Reveal-on-scroll animation === */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease), transform .7s var(--ease)}
.reveal.is-visible{opacity:1;transform:translateY(0)}

/* === Misc helpers === */
.text-center{text-align:center}
.text-right{text-align:right}
.hide-mobile{display:none}
.hide-desktop{display:block}
@media (min-width:1024px){.hide-mobile{display:inline}.hide-desktop{display:none}}
.spacer-s{height:var(--s-5)}.spacer-m{height:var(--s-7)}.spacer-l{height:var(--s-9)}
.divider{height:1px;background:rgba(26,22,20,.1);margin:var(--s-7) 0}
.kbd{font-family:var(--ff-mono);font-size:11px;padding:3px 8px;background:var(--paper-2);border:1px solid var(--sand);border-radius:var(--r-1)}
.tag-pill{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);background:var(--paper);border:1px solid var(--sand-2);padding:6px 12px;border-radius:200px;font-weight:600}
.tag-pill--brass{background:var(--brass);color:#fff;border-color:var(--brass)}

/* === Advisor Modal === */
.modal{position:fixed;inset:0;background:rgba(26,22,20,.7);display:none;align-items:flex-end;justify-content:center;z-index:var(--z-modal);padding:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal.is-open{display:flex;animation:fade-in var(--dur-base) var(--ease)}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
.modal__panel{background:var(--paper);width:100%;max-width:600px;max-height:92vh;border-radius:var(--r-3) var(--r-3) 0 0;display:flex;flex-direction:column;overflow:hidden;animation:slide-up var(--dur-base) var(--ease)}
@keyframes slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal__head{padding:var(--s-4) var(--s-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sand);background:var(--paper)}
.modal__meta{font-size:11px;color:var(--stone);text-transform:uppercase;letter-spacing:.16em;font-weight:600}
.modal__close{font-size:26px;color:var(--ink-2);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:background var(--dur-fast)}
.modal__close:hover{background:rgba(26,22,20,.06)}
.modal__progress{height:3px;background:var(--sand)}
.modal__progress span{display:block;height:100%;background:var(--brass);width:0;transition:width var(--dur-base) var(--ease)}
.modal__body{padding:var(--s-7) var(--s-5);overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}
.modal__q-eyebrow{margin-bottom:var(--s-3)}
.modal__q{font-family:var(--ff-display);font-size:30px;line-height:1.18;margin-bottom:var(--s-3);max-width:18ch}
.modal__q-hint{font-size:14px;color:var(--stone);margin-bottom:var(--s-5)}
.modal__opts{display:grid;grid-template-columns:1fr;gap:var(--s-2)}
.modal__opt{padding:16px var(--s-4);background:#fff;border:1.5px solid var(--sand-2);border-radius:var(--r-2);text-align:left;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease);display:flex;justify-content:space-between;align-items:center}
.modal__opt:hover{border-color:var(--ink);transform:translateY(-1px)}
.modal__opt.is-selected{background:var(--ink);color:#fff;border-color:var(--ink)}
.modal__opt.is-selected::after{content:"✓";color:var(--brass);font-weight:700}
.modal__foot{padding:var(--s-4) var(--s-5);border-top:1px solid var(--sand);display:flex;justify-content:space-between;gap:var(--s-3);background:#fff}
.modal__foot .btn{min-width:120px}
.modal__result{padding:var(--s-7) var(--s-5);overflow-y:auto;flex:1}
.modal__result h3{font-size:24px;line-height:1.2;margin:var(--s-2) 0 var(--s-3);max-width:24ch}
.modal__result-lead{font-size:14px;color:var(--ink-2);margin-bottom:var(--s-5);max-width:48ch}
.modal__routine{display:grid;gap:var(--s-3);margin-bottom:var(--s-6)}
.modal__r-item{display:flex;gap:var(--s-4);align-items:flex-start;padding:var(--s-4);background:#fff;border:1px solid var(--sand-2);border-radius:var(--r-2)}
.modal__r-num{width:32px;height:32px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:var(--ff-display);font-weight:600;flex-shrink:0;font-size:14px}
.modal__r-body h4{margin-bottom:4px;font-size:16px;font-family:var(--ff-display);font-weight:600}
.modal__r-body p{font-size:13px;color:var(--ink-2);margin-bottom:0}
.modal__r-body strong{color:var(--ink);font-weight:600}
.modal__r-bundle{margin-bottom:var(--s-6);padding:var(--s-4);background:var(--paper-2);border:1px solid var(--brass);border-radius:var(--r-2);font-size:13px;color:var(--ink-2);line-height:1.55}
.modal__r-bundle strong{color:var(--ink);display:block;margin-bottom:4px;font-size:14px}
.modal__r-actions{display:flex;flex-direction:column;gap:var(--s-2)}
.modal__r-actions .btn-link{font-size:13px;font-weight:600;color:var(--ink-2);text-decoration:underline;text-underline-offset:4px;text-align:center;background:none;border:0;cursor:pointer;padding:var(--s-3);text-transform:uppercase;letter-spacing:.08em}
.modal__r-actions .btn-link:hover{color:var(--ink)}
.modal__r-disclaimer{font-size:11px;color:var(--stone);margin-top:var(--s-5);text-align:center;line-height:1.5}
.modal__email-form{padding:var(--s-5);background:var(--paper-2);border-radius:var(--r-2);margin-top:var(--s-5);display:none}
.modal__email-form.is-open{display:block}
@media (min-width:768px){
  .modal{align-items:center;padding:var(--s-5)}
  .modal__panel{border-radius:var(--r-3);max-height:85vh}
  .modal__q{font-size:36px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* === Print === */
@media print{
  .topbar,.sticky-cta,.footer,.cookie,.modal{display:none!important}
  *{color:#000!important;background:#fff!important}
}

/* === Selection === */
::selection{background:var(--ink);color:var(--paper)}

/* === Scrollbar === */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--paper)}
::-webkit-scrollbar-thumb{background:var(--sand-2);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--stone-2)}