/* Steter Tropfen - Verspielt Altmodisch */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Great+Vibes&display=swap');

/* ===== Reset & Base ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --cream:#F5F0E8;--cream-dark:#E8DFD0;--parchment:#FAF5EB;--parchment-dark:#EDE4D3;
  --green-deep:#2C5F4E;--green:#3A7D5C;--green-light:#6FA38D;--green-pale:#D4E8D0;
  --gold:#B8942E;--gold-light:#D4B85C;--gold-pale:#F2E6C4;
  --rose:#C47A6A;--rose-light:#E0A898;--rose-pale:#F0D8D0;
  --ink:#2D2A26;--ink-light:#5A5548;--ink-faint:#8A8578;
  --shadow-soft:0 1px 4px rgba(45,42,38,.08);
  --shadow-med:0 3px 12px rgba(45,42,38,.12);
  --shadow-lg:0 8px 32px rgba(45,42,38,.18);
  --r:4px;--r2:8px;--r3:12px
}
html{scroll-behavior:smooth}
body{font-family:'Lora',Georgia,'Times New Roman',serif;color:var(--ink);background:var(--cream);line-height:1.75;overflow-x:hidden;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(180,165,145,.04) 28px,rgba(180,165,145,.04) 29px),
                    repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(180,165,145,.04) 28px,rgba(180,165,145,.04) 29px)
}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color .3s ease}
ul{list-style:none;padding:0;margin:0}
.container{max-width:1060px;margin:0 auto;padding:0 28px}
.section-label{display:inline-block;font-family:'Playfair Display',serif;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--green);background:var(--green-pale);padding:5px 18px;border-radius:2px;border:1px solid var(--green-light);margin-bottom:10px;position:relative}
.section-label-wrap{text-align:center;margin-bottom:4px}
.section-label::before,.section-label::after{content:'\273F';position:absolute;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--green-light)}
.section-label::before{left:-18px}
.section-label::after{right:-18px}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;text-align:center;color:var(--green-deep);margin-bottom:10px;letter-spacing:-.01em;line-height:1.2}
.section-intro{text-align:center;font-size:1.08rem;color:var(--ink-light);max-width:640px;margin:0 auto 48px;line-height:1.85;font-style:italic}
.btn{display:inline-block;padding:13px 30px;font-family:'Playfair Display',serif;font-size:.95rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .3s ease;border:1.5px solid;border-radius:var(--r);position:relative}
.btn::after{content:'';position:absolute;inset:3px;border:1px solid rgba(255,255,255,.25);border-radius:2px;pointer-events:none}
.btn-primary{background:var(--green-deep);color:var(--parchment);border-color:var(--green-deep)}
.btn-primary:hover{background:var(--green);transform:translateY(-1px);box-shadow:var(--shadow-med)}
.btn-ghost{background:transparent;color:var(--green-deep);border-color:var(--green-deep)}
.btn-ghost:hover{background:var(--green-deep);color:var(--parchment);transform:translateY(-1px)}
/* Navbar – transparent über Hero, solid beim Scrollen */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;border-bottom:1px solid transparent;transition:background .4s ease,border-color .4s ease,box-shadow .3s ease,color .4s ease}
.navbar.transparent{color:var(--parchment)}
.navbar.transparent .nav-logo{color:var(--parchment)}
.navbar.transparent .nav-links a{color:rgba(250,245,235,.8)}
.navbar.transparent .nav-links a:hover{color:var(--parchment)}
.navbar.transparent .nav-toggle span{background:var(--parchment)}
.navbar.solid{background:rgba(245,240,232,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--cream-dark);box-shadow:var(--shadow-soft);color:var(--ink)}
.navbar.solid .nav-logo{color:var(--green-deep)}
.navbar.solid .nav-links a{color:var(--ink-light)}
.navbar.solid .nav-links a:hover{color:var(--green-deep)}
.navbar.solid .nav-toggle span{background:var(--ink)}

.nav-inner{max-width:1060px;margin:0 auto;padding:10px 28px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:'Playfair Display',serif;font-weight:700;color:var(--green-deep);font-size:1.15rem}
.nav-logo img{height:38px;width:auto;filter:saturate(.8)}
.nav-links{list-style:none;display:flex;gap:24px}
.nav-links a{font-family:'Playfair Display',serif;font-size:.88rem;font-weight:500;color:var(--ink-light);letter-spacing:.03em;position:relative;padding-bottom:3px}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--gold);transition:width .3s ease}
.nav-links a:hover{color:var(--green-deep)}
.nav-links a:hover::after{width:100%}
.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px}
.nav-toggle span{width:20px;height:2px;background:var(--ink);border-radius:1px;transition:all .3s ease}
.navbar.open .nav-links{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(250,245,235,.98);backdrop-filter:blur(12px);justify-content:center;align-items:center;gap:28px;z-index:999}
.navbar.open .nav-links a{font-size:1.3rem;color:var(--green-deep);font-weight:600}
.navbar.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navbar.open .nav-toggle span:nth-child(2){opacity:0}
.navbar.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* ===== Hero ===== */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:80px 28px 60px;background:url('/images/lavender.jpg') center/cover no-repeat;overflow:hidden;border-bottom:2px solid var(--cream-dark)}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(44,95,78,.72) 0%,rgba(44,95,78,.55) 40%,rgba(44,95,78,.68) 100%);z-index:0}
.hero-bg-layer{display:none}
.hero .fade-up{color:var(--parchment)}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:800;color:var(--parchment);margin-bottom:6px;letter-spacing:-.02em;line-height:1.05}
.hero-tagline{font-family:'Great Vibes',cursive;font-size:clamp(1.3rem,3vw,2rem);color:var(--gold-light);margin-bottom:14px}
.hero-tagline em{font-style:normal}
.hero-text{font-size:1.05rem;color:rgba(250,245,235,.85);max-width:500px;margin:0 auto 32px;line-height:1.85;font-style:italic}
.hero-content{position:relative;z-index:1;max-width:700px}
.hero-logo{width:170px;height:auto;margin:0 auto 20px;filter:saturate(.85) drop-shadow(0 3px 8px rgba(44,95,78,.15))}
.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero-scroll{position:absolute;bottom:36px;left:50%;transform:translateX(-50%)}
.scroll-arrow{display:block;width:24px;height:40px;border:1.5px solid rgba(212,230,200,.6);border-radius:12px;position:relative}
.scroll-arrow::after{content:'';width:5px;height:5px;background:var(--green-pale);border-radius:50%;position:absolute;top:7px;left:50%;transform:translateX(-50%);animation:scrollDot 2s ease-in-out infinite}
@keyframes scrollDot{0%,100%{top:7px;opacity:1}50%{top:26px;opacity:.25}}
.hero-drip{position:absolute;width:14px;height:22px;background:var(--green-light);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;opacity:.15;animation:drip 5s ease-in-out infinite}
.hero-drip{top:18%;left:12%;animation-delay:0s}
.drip-2{top:55%;right:14%;left:auto;animation-delay:2s;width:10px;height:16px;opacity:.1}
.drip-3{bottom:28%;left:22%;top:auto;animation-delay:4s;width:8px;height:12px;opacity:.08}
@keyframes drip{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* ===== About ===== */
.about{background:var(--parchment);padding:80px 0}
.about-layout{display:grid;grid-template-columns:340px 1fr;gap:52px;align-items:center;max-width:920px;margin:0 auto}
.about-image-wrap{position:relative}
.image-frame{border-radius:var(--r2);overflow:hidden;border:3px solid var(--cream-dark);box-shadow:var(--shadow-med);position:relative}
.image-frame::after{content:'';position:absolute;inset:-8px;border:1px solid var(--gold-light);border-radius:calc(var(--r2) + 8px);opacity:.4;pointer-events:none}
.image-frame img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:sepia(.1) saturate(.9)}
.about-text h2{font-family:'Playfair Display',serif;font-size:2rem;color:var(--green-deep);margin-bottom:16px}
.about-text p{font-size:1rem;color:var(--ink-light);margin-bottom:14px;line-height:1.85}
.about-quote{margin-top:28px;padding:20px 24px;border-left:3px solid var(--gold);background:var(--gold-pale);font-style:italic;color:var(--green-deep);font-weight:500;border-radius:0 var(--r) var(--r) 0}
.about-quote small{display:block;margin-top:6px;color:var(--ink-faint);font-size:.82rem;font-style:normal}

/* ===== Philosophy ===== */
.philosophy{background:linear-gradient(180deg,var(--green-pale) 0%,var(--parchment) 100%);padding:80px 0}
.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:960px;margin:0 auto}
.philosophy-card{background:var(--parchment);border-radius:var(--r2);padding:36px 28px;text-align:center;border:1.5px solid var(--cream-dark);box-shadow:var(--shadow-soft);transition:all .35s ease;position:relative}
.philosophy-card::before{content:'';position:absolute;top:-1px;left:20%;right:20%;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.philosophy-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-med);border-color:var(--gold-light)}
.card-icon{font-size:2.5rem;margin-bottom:16px;filter:grayscale(.2)}
.philosophy-card h3{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;color:var(--green-deep);margin-bottom:10px}
.philosophy-card p{font-size:.92rem;color:var(--ink-light);line-height:1.75}
/* ===== Oils ===== */
.oils{background:var(--parchment);padding:80px 0}
.oil-categories{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}
.cat-btn{padding:7px 18px;font-family:'Playfair Display',serif;font-size:.85rem;font-weight:500;border:1px solid var(--cream-dark);background:var(--cream);border-radius:var(--r);cursor:pointer;transition:all .3s ease;letter-spacing:.03em;color:var(--ink-light)}
.cat-btn:hover,.cat-btn.active{background:var(--green-deep);color:var(--parchment);border-color:var(--green-deep)}
.oils-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}
.oil-card{background:var(--cream);border:1.5px solid var(--cream-dark);border-radius:var(--r2);overflow:hidden;transition:all .35s ease;box-shadow:var(--shadow-soft);position:relative}
.oil-card::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent);opacity:0;transition:opacity .3s ease}
.oil-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-med);border-color:var(--gold-light)}
.oil-card:hover::after{opacity:1}
.oil-card.hidden{display:none}
.oil-image-wrap{height:90px;display:flex;align-items:center;justify-content:center;background:var(--cream-dark);overflow:hidden;border-bottom:1px solid var(--cream-dark)}
.oil-photo{max-height:80px;max-width:90%;object-fit:contain;filter:sepia(.08)}
.oil-emoji-wrap{font-size:2.6rem;opacity:.6}
.oil-info{padding:20px;text-align:center}
.oil-info h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--green-deep);margin-bottom:6px}
.oil-info .oil-desc{font-size:.88rem;color:var(--ink-light);line-height:1.7;margin-bottom:12px;font-style:italic}
.oil-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.tag{display:inline-block;padding:3px 12px;border-radius:2px;font-size:.75rem;font-weight:600;border:1px solid}
.tag-relax{background:var(--rose-pale);color:#6B4C8A;border-color:var(--rose-light)}
.tag-energy{background:var(--gold-pale);color:#8B6914;border-color:var(--gold-light)}
.tag-wellness{background:var(--green-pale);color:var(--green-deep);border-color:var(--green-light)}
.tag-home{background:var(--cream-dark);color:var(--ink-light);border-color:var(--cream-dark)}

/* ===== Parallax Teasers ===== */
.parallax-teaser{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;text-align:center;background-attachment:fixed;background-position:center;background-size:cover;overflow:hidden}
.parallax-teaser::before{content:'';position:absolute;inset:0;z-index:0}
.parallax-teaser--lavender{background-image:url('/images/lavender.jpg')}
.parallax-teaser--lavender::before{background:linear-gradient(135deg,rgba(100,60,120,.65),rgba(44,95,78,.55))}
.parallax-teaser--peppermint{background-image:url('/images/peppermint.jpg')}
.parallax-teaser--peppermint::before{background:linear-gradient(135deg,rgba(44,95,78,.6),rgba(111,163,141,.45))}
.parallax-teaser--olive{background-image:url('/images/olive-oil.jpg')}
.parallax-teaser--olive::before{background:linear-gradient(135deg,rgba(184,148,46,.5),rgba(44,95,78,.5))}
.parallax-inner{position:relative;z-index:1;max-width:640px;padding:48px 36px}
.parallax-quote{font-family:'Great Vibes',cursive;font-size:clamp(1.5rem,3.5vw,2.4rem);color:var(--parchment);margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.parallax-subtitle{font-family:'Lora',serif;font-size:1.05rem;color:rgba(250,245,235,.85);font-style:italic;line-height:1.75;text-shadow:0 1px 4px rgba(0,0,0,.2)}
.parallax-divider{width:60px;height:2px;background:var(--gold-light);margin:16px auto 0;border-radius:1px;opacity:.7}
/* ===== Wellness ===== */
.wellness{background:linear-gradient(180deg,var(--gold-pale) 0%,var(--parchment) 100%);padding:80px 0}
.wellness-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:900px;margin:0 auto}
.wellness-card{background:var(--parchment);border:1.5px solid var(--cream-dark);border-radius:var(--r2);padding:32px 28px;box-shadow:var(--shadow-soft);transition:all .35s ease;border-top:3px solid var(--gold)}
.wellness-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-med);border-color:var(--gold-light)}
.wellness-icon{font-size:2.5rem;margin-bottom:12px}
.wellness-card h3{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;color:var(--green-deep);margin-bottom:8px}
.wellness-card>p{font-size:.92rem;color:var(--ink-light);line-height:1.75;margin-bottom:12px}
.wellness-steps{list-style:none;padding:0;margin-top:12px}
.wellness-steps li{font-size:.85rem;color:var(--ink-light);padding:4px 0 4px 16px;position:relative;border-bottom:1px solid var(--cream-dark)}
.wellness-steps li:last-child{border-bottom:none}
.wellness-steps li::before{content:'\2022';position:absolute;left:0;color:var(--gold)}

/* ===== Stories / Blog ===== */
.stories{background:var(--parchment);padding:80px 0}
.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:0 auto}
.story-card{background:var(--cream);border:1.5px solid var(--cream-dark);border-radius:var(--r2);overflow:hidden;box-shadow:var(--shadow-soft);transition:all .35s ease}
.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-med);border-color:var(--gold-light)}
.story-image{height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.story-gradient{position:absolute;inset:0;opacity:.8}
.story-emoji{font-size:3rem;position:relative;z-index:1;filter:grayscale(.2)}
.story-body{padding:24px 20px}
.story-cat{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--green);background:var(--green-pale);padding:3px 10px;border-radius:2px;border:1px solid var(--green-light);margin-bottom:10px}
.story-body h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--green-deep);margin-bottom:6px}
.story-body p{font-size:.88rem;color:var(--ink-light);line-height:1.7;margin-bottom:12px;font-style:italic}
.story-link{font-family:'Playfair Display',serif;font-size:.88rem;font-weight:600;color:var(--green-deep);border-bottom:1px solid var(--gold-light);padding-bottom:2px;transition:all .3s ease}
.story-link:hover{color:var(--gold);border-bottom-color:var(--gold)}
/* ===== Contact ===== */
.contact{background:linear-gradient(180deg,var(--green-pale) 0%,var(--parchment) 100%);padding:80px 0;position:relative}
.contact-card{max-width:600px;margin:0 auto;background:var(--parchment);border:1.5px solid var(--cream-dark);border-radius:var(--r2);padding:40px 36px;box-shadow:var(--shadow-med);text-align:center}
.contact-info{text-align:left;margin-bottom:28px}
.contact-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--cream-dark)}
.contact-item:last-child{border-bottom:none}
.contact-label{font-family:'Playfair Display',serif;font-size:.88rem;font-weight:600;color:var(--green-deep);min-width:70px}
.contact-value{font-size:.92rem;color:var(--ink-light)}
.contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ===== Particle Canvas ===== */
.particle-canvas{
  position:absolute;
  top:0;left:0;
  width:100%;height:100%;
  pointer-events:none;
  z-index:0
}
.contact > .container,
.footer > .container{
  position:relative;
  z-index:1
}

/* ===== Footer ===== */
.footer{background:var(--green-deep);color:var(--parchment);padding:48px 0 24px;position:relative;overflow:hidden}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-logo{height:32px;width:auto;filter:saturate(.8)}
.footer-brand p{font-family:'Playfair Display',serif;font-size:.92rem;color:var(--gold-light)}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a{font-size:.85rem;color:rgba(250,245,235,.7);transition:color .3s ease}
.footer-links a:hover{color:var(--parchment)}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:20px;flex-wrap:wrap}
.footer-bottom p{font-size:.78rem;color:rgba(250,245,235,.5)}
.footer-bottom a{color:var(--gold-light);border-bottom:1px solid rgba(212,184,92,.3);padding-bottom:1px}
.footer-bottom a:hover{color:var(--parchment);border-bottom-color:var(--parchment)}

/* ===== Scroll-to-Top ===== */
.scroll-top{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;border:1px solid var(--green-light);background:var(--green-deep);color:var(--parchment);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:900;box-shadow:var(--shadow-med)}
.scroll-top.visible{opacity:1;visibility:visible}
.scroll-top:hover{background:var(--green);transform:translateY(-2px)}

/* ===== Disclaimer Modal ===== */
.disclaimer-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center}
.disclaimer-modal.visible{display:flex}
.disclaimer-overlay{position:absolute;inset:0;background:rgba(45,42,38,.6);backdrop-filter:blur(3px)}
.disclaimer-content{position:relative;z-index:1;background:var(--parchment);border:2px solid var(--cream-dark);border-radius:var(--r2);padding:40px 36px;max-width:520px;width:90%;box-shadow:0 8px 32px rgba(45,42,38,.25);text-align:center}
.disclaimer-emoji{font-size:2.5rem;display:block;margin-bottom:8px}
.disclaimer-content h2{font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--green-deep);margin-bottom:14px}
.disclaimer-content p{font-size:.95rem;color:var(--ink-light);line-height:1.75;margin-bottom:10px}
.disclaimer-content ul{text-align:left;max-width:280px;margin:0 auto 14px;padding-left:20px;color:var(--ink-light);font-size:.92rem}
.disclaimer-content ul li{margin-bottom:4px}
.disclaimer-note{font-size:.85rem;color:var(--ink-faint);font-style:italic;margin-bottom:24px}
.disclaimer-close{min-width:180px}

/* ===== Scroll Animations ===== */
.fade-up,.fade-in,.fade-left,.fade-right{
  opacity:0;
  transition:opacity .6s ease,transform .6s ease
}
.fade-up{transform:translateY(24px)}
.fade-left{transform:translateX(-24px)}
.fade-right{transform:translateX(24px)}
.fade-in{transform:scale(.96)}
.fade-up.visible,.fade-in.visible,.fade-left.visible,.fade-right.visible{
  opacity:1;
  transform:translateY(0) translateX(0) scale(1)
}

/* ===== Responsive ===== */
@media(max-width:900px){
  .nav-links{display:none}
  .nav-toggle{display:flex}
  .hero h1{font-size:clamp(2rem,8vw,3.2rem)}
  .hero-tagline{font-size:clamp(1.1rem,4vw,1.6rem)}
  .hero-content{padding:0 12px}
  .about-layout{grid-template-columns:1fr;gap:32px}
  .about-image-wrap{max-width:280px;margin:0 auto}
  .philosophy-grid{grid-template-columns:1fr;max-width:420px}
  .oils-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .wellness-grid{grid-template-columns:1fr;max-width:480px}
  .stories-grid{grid-template-columns:1fr;max-width:480px}
  .parallax-teaser{min-height:260px}
  .parallax-inner{padding:32px 24px}
  .parallax-quote{font-size:clamp(1.3rem,5vw,2rem)}
  .contact-card{padding:28px 20px}
  .footer-inner{flex-direction:column;text-align:center;gap:16px}
  .footer-links{justify-content:center}
  .footer-bottom{flex-direction:column;align-items:center;gap:8px;text-align:center}
}

@media(max-width:600px){
  .nav-inner{padding:8px 16px}
  .nav-logo{font-size:1rem}
  .nav-logo img{height:32px}
  .hero{padding:70px 16px 50px}
  .hero-actions{flex-direction:column;align-items:center}
  .hero-actions .btn{width:100%;max-width:260px;text-align:center}
  .container{padding:0 16px}
  .about,.philosophy,.oils,.wellness,.stories,.contact{padding:56px 0}
  .about-layout{gap:24px}
  .philosophy-grid,.oils-grid,.stories-grid,.wellness-grid{grid-template-columns:1fr}
  .oil-card{padding:0}
  .oil-image-wrap{height:70px}
  .oil-info{padding:16px}
  .section-title{font-size:clamp(1.6rem,6vw,2.2rem)}
  .section-intro{font-size:.98rem;margin-bottom:32px}
  .parallax-teaser{min-height:220px;background-attachment:scroll}
  .parallax-inner{padding:28px 18px}
  .disclaimer-content{padding:28px 20px;width:92%}
  .disclaimer-content h2{font-size:1.3rem}
  .disclaimer-content p{font-size:.88rem}
  .scroll-top{bottom:16px;right:16px;width:40px;height:40px}
  .wellness-card{padding:24px 20px}
  .contact-card{padding:24px 16px}
}

/* ===== Mobile nav toggle animation ===== */
.navbar.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navbar.open .nav-toggle span:nth-child(2){opacity:0}
.navbar.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== Accessibility ===== */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important
  }
  html{scroll-behavior:auto}
}

/* ===== Print ===== */
@media print{
  .navbar,.hero-scroll,.scroll-top,.disclaimer-modal,.parallax-teaser{display:none!important}
  body{background:white;color:black;font-size:11pt}
  .hero,.about,.philosophy,.oils,.wellness,.stories,.contact{padding:12pt 0;page-break-inside:avoid}
  .footer{display:none}
}