/*
Theme Name: Estibel
Theme URI: https://estibel.de
Author: Cowork
Description: Massgeschneidertes Premium-Theme fuer ESTIBEL – Kosmetik in Ruhe. Hell/Dunkel, lokale Fonts, WooCommerce.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: estibel
*/

/* ---------- Fonts (lokal, OFL) ---------- */
@font-face{font-family:'Gilda Display';src:url('assets/fonts/gilda-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Jost';src:url('assets/fonts/jost-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Jost';src:url('assets/fonts/jost-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Jost';src:url('assets/fonts/jost-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

/* ---------- Farb-Token ---------- */
:root{
 --bg:#FBF8F2;--bg2:#F4EDE1;--card:#FFFDF9;--line:#E7DCC8;--line2:#DCCFB5;--line3:#F0E7D6;
 --ink:#201405;--ink2:#3D3427;--head:#3D2810;--head2:#2C1D0C;--muted:#6F6047;--nav:#4A3F2E;
 --accent:#6B4B22;--accent-h:#3D2810;--accent2:#A6805A;
 --panel:#141311;--panel-line:#2A2621;--on-dark-h:#F3E0BC;--on-dark:#E3D5BC;--on-dark2:#C4AC85;--on-dark-m:#8A7454;
 --drop1:#8B6A3A;--drop2:#6A4A20;--drop3:#4A3015;--drop4:#2A1A0A;--dropink1:#6B4B22;--dropink2:#4A3316;--dropink3:#2C1D0C;
 --show-l:block;--show-d:none;--show-lf:flex;--show-df:none;
 --header-bg:rgba(251,248,242,.92);
}
[data-theme="dark"]{
 --bg:#141311;--bg2:#1A1816;--card:#1F1C19;--line:#2C2823;--line2:#39332B;--line3:#262220;
 --ink:#EADFCA;--ink2:#CBBCA0;--head:#F3E0BC;--head2:#F6E8CB;--muted:#9C8A6C;--nav:#D3C4A7;
 --accent:#D6B684;--accent-h:#F3E0BC;--accent2:#A6805A;
 --panel:#221F1B;--panel-line:#332E28;
 --drop1:#F8E0B8;--drop2:#DDB78A;--drop3:#7A5A3A;--drop4:#2A1F14;--dropink1:#F3E0BC;--dropink2:#D6B684;--dropink3:#A8865B;
 --show-l:none;--show-d:block;--show-lf:none;--show-df:flex;
 --header-bg:rgba(20,19,17,.92);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Jost',ui-sans-serif,system-ui,sans-serif;font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-h)}
h1,h2,h3,h4{font-family:'Gilda Display',Georgia,serif;font-weight:400;color:var(--head2);margin:0}
.est-wrap{max-width:1360px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.est-eyebrow{font-family:'Jost';font-weight:500;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--accent2)}

/* ---------- Buttons ---------- */
.est-btn,.est-btn-ghost{display:inline-flex;align-items:center;gap:9px;font-family:'Jost';font-weight:300;font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;padding:14px 26px;border:1px solid var(--accent);cursor:pointer;transition:all .2s ease;line-height:1}
.est-btn{background:var(--accent);color:var(--bg)}
.est-btn:hover{background:var(--accent-h);border-color:var(--accent-h);color:var(--bg)}
.est-btn-ghost{background:transparent;color:var(--accent)}
.est-btn-ghost:hover{background:var(--accent);color:var(--bg)}

/* ---------- Header ---------- */
.est-header{position:sticky;top:0;z-index:40;background:var(--header-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:background .3s ease,border-color .3s ease}
.est-header-in{max-width:1360px;margin:0 auto;padding:12px clamp(16px,3vw,56px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.est-brand{display:flex;align-items:center;gap:12px;flex:none}
.est-brand .est-mark{height:46px;width:auto}
.est-brand .est-l{display:var(--show-l)}.est-brand .est-d{display:var(--show-d)}
.est-brand .wm{font-family:'Gilda Display',serif;font-size:23px;line-height:1;color:var(--head);letter-spacing:.01em}
.est-brand .wm small{display:block;font-family:'Jost';font-weight:400;font-size:8px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
.est-nav{display:flex;align-items:center;gap:26px}
.est-nav a{font-family:'Jost';font-weight:300;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--nav)}
.est-nav a:hover{color:var(--accent)}
.est-head-actions{display:flex;align-items:center;gap:14px}
/* Theme toggle – deutlich sichtbar */
.est-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);background:transparent;color:var(--nav);border-radius:0;padding:7px 10px;cursor:pointer;font-family:'Jost';font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:all .2s ease}
.est-toggle:hover{border-color:var(--accent);color:var(--accent)}
.est-toggle .ic{width:16px;height:16px;display:block}
.est-toggle .ic-sun{display:var(--show-l)}.est-toggle .ic-moon{display:var(--show-d)}
.est-burger{display:none;background:none;border:0;cursor:pointer;color:var(--nav);padding:6px}
.est-burger svg{width:26px;height:26px}
@media(max-width:1120px){
 .est-nav{position:fixed;inset:64px 0 auto 0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 0;transform:translateY(-140%);transition:transform .3s ease;z-index:39}
 .est-nav.open{transform:translateY(0)}
 .est-nav a{padding:14px clamp(20px,4vw,56px);width:100%;border-top:1px solid var(--line)}
 .est-burger{display:block}
 .est-head-actions .est-btn{display:none}
}

/* ---------- Hero-Animation (Tropfen -> Wellen -> Logo) ---------- */
.est-hero-mark{width:min(150px,42vw);height:auto;margin:0 auto;overflow:visible}
.hm-drop{opacity:0;transform-box:fill-box;transform-origin:center;animation:estDropFall 1.05s cubic-bezier(.55,0,.7,.35) .15s forwards}
.hm-wave{transform-box:fill-box;transform-origin:center;opacity:0}
.hm-wave.w1{animation:estWaveOut .9s cubic-bezier(.2,.7,.3,1) .95s forwards,estWaveLoop 4.5s ease-in-out 2.2s infinite}
.hm-wave.w2{animation:estWaveOut 1s cubic-bezier(.2,.7,.3,1) 1.1s forwards,estWaveLoop 5.2s ease-in-out 2.5s infinite}
.hm-wave.w3{animation:estWaveOut 1.1s cubic-bezier(.2,.7,.3,1) 1.25s forwards,estWaveLoop 6s ease-in-out 2.8s infinite}
.hm-logo{opacity:0;transform-box:fill-box;transform-origin:center bottom;animation:estLogoIn 1.15s cubic-bezier(.4,0,.2,1) 1.75s forwards}
@keyframes estDropFall{0%{transform:translateY(-92px) scale(.45);opacity:0}35%{opacity:1}72%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(6px) scale(.6);opacity:0}}
@keyframes estWaveOut{0%{opacity:0;transform:scaleX(.2)}60%{opacity:1}100%{opacity:1;transform:scaleX(1)}}
@keyframes estWaveLoop{0%,100%{transform:scaleX(1) translateY(0)}50%{transform:scaleX(calc(1 + var(--wamp,.03))) translateY(var(--wsh,0))}}
@keyframes estLogoIn{from{opacity:0;transform:translateY(12px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.hm-drop,.hm-wave,.hm-logo{animation:none!important;opacity:1!important}}

/* ---------- Sektions-Helfer ---------- */
.est-sec{padding:clamp(64px,8vw,120px) 0}
.est-sec-bg2{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.est-sec-panel{background:var(--panel)}
.est-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.est-card{background:var(--card);padding:clamp(24px,3vw,38px)}
.est-card h3{color:var(--head);font-size:clamp(21px,2vw,25px);margin:14px 0 10px}
.est-startmark{height:28px;width:auto;align-self:flex-start}
.est-h1{font-family:'Gilda Display',serif;font-weight:400;font-size:clamp(42px,5.4vw,80px);line-height:1.03;letter-spacing:-.015em;color:var(--head2)}
.est-h2{font-size:clamp(30px,3.4vw,48px);line-height:1.15;color:var(--head2)}
.est-lead{font-size:clamp(15.5px,1.4vw,17px);color:var(--ink2);max-width:60ch}
.est-muted{color:var(--muted)}
/* Panel-Text */
.est-sec-panel h2{color:var(--on-dark-h)}
.est-sec-panel p{color:var(--on-dark)}
/* Footer */
.est-footer{background:var(--panel);border-top:1px solid var(--panel-line);color:var(--on-dark);padding:clamp(48px,6vw,80px) 0 28px}
.est-footer a{color:var(--on-dark2)}.est-footer a:hover{color:var(--on-dark-h)}
.est-footer .cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:clamp(28px,4vw,60px)}
@media(max-width:820px){.est-footer .cols{grid-template-columns:1fr 1fr}}
.est-footer h4{color:var(--on-dark-h);font-size:13px;letter-spacing:.06em;margin-bottom:14px}
.est-footer .legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--panel-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--on-dark-m)}
/* WhatsApp Floating */
.est-wa{position:fixed;right:22px;bottom:22px;z-index:50;width:56px;height:56px;display:none;align-items:center;justify-content:center;background:#25D366;border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.est-wa svg{width:30px;height:30px;fill:#fff}
@media(min-width:1024px){.est-wa{display:flex}}
/* Platzhalter-Markierung */
.est-ph{outline:1px dashed var(--line2);color:var(--muted);font-size:12px;letter-spacing:.04em;padding:2px 6px;background:color-mix(in srgb,var(--bg2) 70%,transparent)}
.est-imgph{background:var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:20px}

/* globale Logo-Umschaltung */
.est-l{display:var(--show-l)}
.est-d{display:var(--show-d)}

/* ---------- Prose (Seiteninhalt) ---------- */
.est-prose{color:var(--ink2);font-size:clamp(15.5px,1.4vw,17px)}
.est-prose h2{font-size:clamp(24px,2.6vw,34px);color:var(--head2);margin:34px 0 12px}
.est-prose h3{font-size:clamp(19px,2vw,23px);color:var(--head);margin:24px 0 8px}
.est-prose p{margin:0 0 14px}
.est-prose ul{margin:0 0 16px;padding-left:20px}
.est-prose li{margin:6px 0}
.est-prose strong{color:var(--head)}
.est-note{border-left:2px solid var(--accent);background:var(--bg2);padding:14px 18px;margin:20px 0;color:var(--ink2);font-size:14.5px}

/* ---------- Glow & Tiefe (Goldstandard-Look) ---------- */
:root{--glow:rgba(107,75,34,.16);--glow2:rgba(166,128,90,.22);--shadow:rgba(40,25,8,.12);--shadow-s:rgba(40,25,8,.06)}
[data-theme="dark"]{--glow:rgba(214,182,132,.18);--glow2:rgba(214,182,132,.14);--shadow:rgba(0,0,0,.55);--shadow-s:rgba(0,0,0,.35)}
#start{position:relative;overflow:hidden;isolation:isolate}
#start::before{content:"";position:absolute;z-index:0;left:50%;top:-8%;width:min(1200px,120vw);height:640px;transform:translateX(-50%);background:radial-gradient(closest-side,var(--glow2),transparent 70%);pointer-events:none}
#start > .est-wrap{position:relative;z-index:1}
.est-hero-mark{filter:drop-shadow(0 12px 38px var(--glow))}
.est-btn{background:linear-gradient(180deg,var(--accent),var(--accent-h));box-shadow:0 8px 22px var(--glow),inset 0 1px 0 rgba(255,255,255,.14);border-color:transparent}
.est-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px var(--glow),inset 0 1px 0 rgba(255,255,255,.18)}
.est-btn-ghost:hover{box-shadow:0 10px 24px var(--glow)}
.est-card{transition:transform .28s ease,box-shadow .28s ease}
a.est-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px var(--shadow);z-index:2;position:relative}
.est-card img{box-shadow:inset 0 -70px 90px -60px var(--shadow)}
.est-header{box-shadow:0 1px 0 var(--line),0 10px 28px -20px var(--shadow)}
.est-sec-panel{position:relative;overflow:hidden;isolation:isolate}
.est-sec-panel::after{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(120% 80% at 50% 0%,var(--glow2),transparent 62%);pointer-events:none;opacity:.8}
.est-sec-panel > .est-wrap{position:relative;z-index:1}
.est-imgph{box-shadow:inset 0 0 60px var(--shadow-s)}
.est-toggle{box-shadow:0 2px 10px var(--shadow-s)}

/* ---------- Glow verstärkt v2 ---------- */
:root{--glow:rgba(107,75,34,.26);--glow2:rgba(166,128,90,.36);--shadow:rgba(40,25,8,.20);--shadow-s:rgba(40,25,8,.10)}
[data-theme="dark"]{--glow:rgba(214,182,132,.30);--glow2:rgba(214,182,132,.24);--shadow:rgba(0,0,0,.62);--shadow-s:rgba(0,0,0,.40)}
#start::before{height:780px;width:min(1440px,142vw);background:radial-gradient(closest-side,var(--glow2),transparent 72%)}
#start::after{content:"";position:absolute;z-index:0;left:50%;top:60px;width:min(520px,80vw);height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,var(--glow2),transparent 66%);filter:blur(20px);pointer-events:none}
.est-hero-mark{animation:estGlowPulse 6.5s ease-in-out 2.6s infinite}
@keyframes estGlowPulse{0%,100%{filter:drop-shadow(0 16px 48px var(--glow)) drop-shadow(0 0 20px var(--glow2))}50%{filter:drop-shadow(0 20px 60px var(--glow)) drop-shadow(0 0 34px var(--glow2))}}
.est-btn{box-shadow:0 12px 30px var(--glow),inset 0 1px 0 rgba(255,255,255,.24)}
.est-btn:hover{box-shadow:0 18px 42px var(--glow),inset 0 1px 0 rgba(255,255,255,.30)}
.est-card{box-shadow:0 8px 26px var(--shadow-s)}
a.est-card:hover{box-shadow:0 32px 64px var(--shadow)}
.est-toggle{box-shadow:0 3px 14px var(--shadow-s)}
.est-wa{box-shadow:0 14px 40px rgba(37,211,102,.5)}
@media(prefers-reduced-motion:reduce){.est-hero-mark{animation:none}}

/* ---------- Original-Logo-Lockups ---------- */
.est-brand{gap:0}
.est-brand .est-logo{height:48px;width:auto;display:var(--show-l)}
.est-brand .est-d{display:var(--show-d)}
.est-herologo{margin:0 auto;line-height:0}
.est-herologo img{width:min(340px,82vw);height:auto;margin:0 auto;filter:drop-shadow(0 16px 48px var(--glow)) drop-shadow(0 0 30px var(--glow2));animation:estLogoReveal 1.2s cubic-bezier(.4,0,.2,1) both,estGlowPulse 6.5s ease-in-out 2.8s infinite}
.est-herologo .est-l{display:var(--show-l)}.est-herologo .est-d{display:var(--show-d)}
@keyframes estLogoReveal{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1120px){.est-brand .est-logo{height:40px}}

/* ===== Ratgeber: Beitragskarten & Pagination ===== */
.est-cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px)}
@media(max-width:960px){.est-cardgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.est-cardgrid{grid-template-columns:1fr}}
.est-pcard{display:flex;flex-direction:column;background:var(--card);overflow:hidden;text-decoration:none;border:1px solid var(--line);box-shadow:0 8px 26px var(--shadow-s);transition:transform .28s ease,box-shadow .28s ease}
.est-pcard:hover{transform:translateY(-4px);box-shadow:0 32px 64px var(--shadow)}
.est-pcard-media{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--bg2)}
.est-pcard-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.est-pcard:hover .est-pcard-media img{transform:scale(1.04)}
.est-pcard-media--ph{background:radial-gradient(120% 90% at 30% 15%,var(--glow2),transparent 60%),linear-gradient(160deg,var(--bg2),var(--card))}
.est-pcard-body{padding:clamp(20px,2.3vw,28px);display:flex;flex-direction:column;gap:9px;flex:1}
.est-pcard-body h3{font-family:'Gilda Display',serif;font-weight:400;color:var(--head);font-size:clamp(19px,1.7vw,23px);line-height:1.22;margin:2px 0 0}
.est-pcard-ex{color:var(--ink2);font-size:14.5px;line-height:1.62;flex:1}
.est-pcard-more{font-family:'Jost';font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent2);margin-top:4px}
.est-single-hero{overflow:hidden;box-shadow:0 24px 60px var(--shadow)}
.est-single-hero img{width:100%;height:auto;display:block}
.est-pagination{display:flex;justify-content:center;gap:8px;margin-top:clamp(40px,5vw,64px)}
.est-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);color:var(--ink2);font-family:'Jost';font-size:13px;text-decoration:none;transition:all .2s ease}
.est-pagination .page-numbers.current{background:var(--accent);color:var(--bg);border-color:transparent}
.est-pagination a.page-numbers:hover{border-color:var(--accent);color:var(--accent)}
.est-prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px}
.est-prose th,.est-prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.est-prose th{background:var(--bg2);color:var(--head);font-family:'Jost';font-weight:500}
.est-prose figure.wp-block-table{margin:20px 0;overflow-x:auto}
.est-prose ol{margin:0 0 16px;padding-left:22px}
.est-prose hr{border:none;border-top:1px solid var(--line);margin:28px 0}

/* Lesezeit-Meta */
.est-single-meta{font-family:'Jost';font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent2);margin-top:14px}

/* ===== Hero-Logo: Tropfen-Fall-Animation (Original-Lockup unverändert) ===== */
.est-herologo{position:relative}
.est-herologo img{animation:estDropIn 1.6s cubic-bezier(.34,1.12,.4,1) both, estFloat 5.5s ease-in-out 2s infinite, estGlowPulse 6.5s ease-in-out 3s infinite}
@keyframes estDropIn{
  0%{opacity:0;transform:translateY(-80px) scale(.5)}
  45%{opacity:1}
  60%{transform:translateY(12px) scale(1.03)}
  78%{transform:translateY(-4px) scale(.99)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes estFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.est-herologo::before{content:"";position:absolute;left:50%;top:25%;width:62%;padding-bottom:62%;
  transform:translate(-50%,-50%) scale(.1);border-radius:50%;
  background:radial-gradient(circle,var(--glow2),transparent 62%);opacity:0;pointer-events:none;z-index:-1;
  animation:estImpact 1.5s ease-out 1s both}
@keyframes estImpact{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}32%{opacity:.65}100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}
@media(prefers-reduced-motion:reduce){.est-herologo img{animation:estGlowPulse 6.5s ease-in-out infinite}.est-herologo::before{display:none}}

/* ===== Nav robust für echtes WP-Menü (ul/li) ===== */
.est-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:26px}
.est-nav li{margin:0;padding:0}
.est-nav ul li a{font-family:'Jost';font-weight:300;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--nav)}
.est-nav ul li a:hover{color:var(--accent)}
@media(max-width:1120px){
 .est-nav ul{flex-direction:column;gap:0;width:100%}
 .est-nav li{width:100%}
 .est-nav ul li a{display:block;padding:14px clamp(20px,4vw,56px);width:100%;border-top:1px solid var(--line)}
}

/* ===== Hero-Sequenz: Tropfen fällt ins Wasser -> Lockup blendet langsam ein ===== */
.est-heroanim{position:relative;display:flex;justify-content:center;align-items:flex-start}
.est-hero-mark{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:min(120px,32vw);height:auto;z-index:2;pointer-events:none;animation:estMarkOut .8s ease 2.3s forwards}
@keyframes estMarkOut{to{opacity:0;visibility:hidden}}
.est-herologo{position:relative;z-index:1}
.est-herologo::before{display:none!important}
.est-herologo img{animation:estSlowFade 1.9s cubic-bezier(.4,0,.2,1) 1.2s both, estGlowPulse 6.5s ease-in-out 3.4s infinite}
@keyframes estSlowFade{0%{opacity:0;transform:scale(.985)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  .est-hero-mark{display:none}
  .est-herologo img{animation:estGlowPulse 6.5s ease-in-out infinite;opacity:1}
}

/* ===== WhatsApp-Buttons (Original-Grün + Glyph) ===== */
.est-btn-wa{display:inline-flex;align-items:center;gap:9px;font-family:'Jost';font-weight:400;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:13px 22px;background:#25D366;color:#fff;border:1px solid #25D366;line-height:1;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 26px rgba(37,211,102,.32)}
.est-btn-wa:hover{background:#1ebe5b;border-color:#1ebe5b;color:#fff;transform:translateY(-1px);box-shadow:0 14px 32px rgba(37,211,102,.45)}
.est-btn-wa .ic-wa{width:18px;height:18px;fill:#fff;flex:none;display:block}

/* ===== Buttons feiner + runde Ecken ===== */
.est-btn,.est-btn-ghost,.est-btn-wa{border-radius:10px;padding:12px 22px;font-size:11.5px;letter-spacing:.14em;font-weight:400}
.est-toggle{border-radius:10px}
.est-header .est-btn,.est-header .est-btn-ghost,.est-header .est-btn-wa{padding:11px 18px}

/* ===== WooCommerce Shop: Premium-Feinschliff ===== */
.woocommerce ul.products,.woocommerce-page ul.products{gap:clamp(18px,2vw,30px)}
.woocommerce ul.products li.product{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:0;margin:0;transition:transform .28s ease,box-shadow .28s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 24px 50px var(--shadow)}
.woocommerce ul.products li.product a img{margin:0;border-radius:0;aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;background:radial-gradient(120% 90% at 30% 15%,var(--glow2),transparent 60%),linear-gradient(160deg,var(--bg2),var(--card))}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Gilda Display',serif!important;font-weight:400!important;color:var(--head)!important;font-size:clamp(16px,1.5vw,19px)!important;padding:16px 18px 4px!important}
.woocommerce ul.products li.product .price{color:var(--accent2)!important;font-family:'Jost'!important;font-weight:400!important;font-size:15px!important;display:block;padding:0 18px 12px!important}
.woocommerce ul.products li.product .button,.woocommerce a.button.add_to_cart_button,.woocommerce a.button,.woocommerce button.button,.woocommerce .button{
  background:linear-gradient(180deg,var(--accent),var(--accent-h))!important;color:var(--bg)!important;border:0!important;border-radius:10px!important;
  font-family:'Jost'!important;font-weight:400!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:11px!important;padding:11px 18px!important;margin:0 18px 18px!important;box-shadow:0 8px 20px var(--glow)!important}
.woocommerce .button:hover,.woocommerce a.button:hover{background:var(--accent-h)!important;transform:translateY(-1px)}
.woocommerce .woocommerce-result-count{font-family:'Jost';font-size:12px;color:var(--muted)}
.woocommerce .woocommerce-ordering select{font-family:'Jost';font-size:12px;border-radius:8px;padding:8px 10px}
.woocommerce .single_add_to_cart_button{border-radius:10px!important}

/* ===== Parallax-Bänder (feste Hintergrundbilder, Inhalt scrollt darüber) ===== */
.est-parallax{position:relative;background-size:cover;background-position:center;background-attachment:fixed;min-height:clamp(340px,54vh,560px);display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate}
.est-parallax::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(20,19,17,.58),rgba(20,19,17,.42) 45%,rgba(20,19,17,.62))}
.est-parallax-in{position:relative;z-index:1;max-width:44ch;padding:0 clamp(20px,5vw,56px)}
.est-parallax-q{font-family:'Gilda Display',serif;font-weight:400;color:#F6EFE2;font-size:clamp(24px,3.4vw,42px);line-height:1.32;letter-spacing:.005em;margin:0;text-shadow:0 2px 40px rgba(0,0,0,.55)}
.est-parallax-q::before{content:"„"}
.est-parallax-q::after{content:"“"}
@media(max-width:820px){.est-parallax{background-attachment:scroll;min-height:clamp(280px,44vh,420px)}}

/* ===== Shop: gleich hohe Karten, Button unten fixiert ===== */
.woocommerce ul.products li.product{display:flex!important;flex-direction:column}
.woocommerce ul.products li.product > a:first-child{flex:1 1 auto;display:block}
.woocommerce ul.products li.product .woocommerce-loop-product__title{min-height:2.7em;display:flex;align-items:flex-start}
.woocommerce ul.products li.product .price{margin-top:auto}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin-top:0!important}
.woocommerce ul.products li.product a img{margin-bottom:0}

/* ===== Shop: echtes Grid, gleich hohe Zeilen ===== */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,28px);margin:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;margin:0!important;float:none!important;clear:none!important}
@media(max-width:1100px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.woocommerce ul.products{grid-template-columns:1fr}}

/* ===== FAQ „Was viele vorher denken" 3+3 symmetrisch ===== */
.est-grid-cards{grid-template-columns:repeat(3,1fr)!important}
@media(max-width:900px){.est-grid-cards{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.est-grid-cards{grid-template-columns:1fr!important}}
/* ===== Shop-Bilder kompakter (4:3) ===== */
.woocommerce ul.products li.product a img{aspect-ratio:4/3!important}