/* Lilyum Angebote – gemeinsame Bausteine (Countdown, Code, Leiste, Warenkorb-Hinweis, Einblenden).
   Farben kommen aus dem Theme (--ly-*), mit Ersatzwerten, falls das Theme fehlt. */
:root{
  --lyang-ink:var(--ly-ink,#0B1410);--lyang-ink-2:var(--ly-ink-2,#111B16);--lyang-gold:var(--ly-gold,#C79A4B);--lyang-gold-soft:var(--ly-gold-soft,#E3C88C);
  --lyang-ivory:var(--ly-ivory,#F4EFE4);--lyang-paper:var(--ly-paper,#FBF8F1);--lyang-apricot:var(--ly-apricot,#FCBA60);
  --lyang-serif:var(--ly-serif,"Cormorant Garamond",Georgia,serif);--lyang-sans:var(--ly-sans,"Jost",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif);
  --lyang-ease:var(--ly-ease,cubic-bezier(.22,.61,.36,1));--lyang-spring:cubic-bezier(.34,1.56,.64,1);
}
[data-lyang-start][hidden],.lyang-bar[hidden]{display:none!important;}
.lyang-when-teaser{display:none!important;}
[data-lyang-state="teaser"] .lyang-when-teaser{display:inline!important;}
[data-lyang-state="teaser"] div.lyang-when-teaser,[data-lyang-state="teaser"] p.lyang-when-teaser{display:block!important;}
[data-lyang-state="teaser"] .lyang-when-live{display:none!important;}
.lyang-sections>*+*{margin-top:0;}
.lyang-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- Einblenden ---------- */
[data-lyang-reveal] .lyang-r{opacity:0;transform:translateY(18px);transition:opacity .9s var(--lyang-ease),transform .9s var(--lyang-ease);transition-delay:calc(var(--d,0) * 90ms);}
[data-lyang-reveal].is-in .lyang-r{opacity:1;transform:none;}

/* ---------- Countdown ---------- */
.lyang-cd{--cd-fg:currentColor;--cd-sub:color-mix(in srgb,currentColor 60%,transparent);--cd-box:color-mix(in srgb,currentColor 7%,transparent);--cd-line:color-mix(in srgb,currentColor 18%,transparent);
  display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-family:var(--lyang-sans);}
.lyang-cd__label{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--cd-sub);}
.lyang-cd__units{display:inline-flex;gap:6px;}
.lyang-cd__u{display:inline-flex;flex-direction:column;align-items:center;min-width:52px;padding:8px 6px 7px;border:1px solid var(--cd-line);background:var(--cd-box);border-radius:2px;}
.lyang-cd__u b{font-family:var(--lyang-serif);font-weight:500;font-size:26px;line-height:1;font-variant-numeric:lining-nums tabular-nums;color:var(--cd-fg);}
.lyang-cd__u b.is-flip{animation:lyang-flip .45s var(--lyang-ease);}
.lyang-cd__u i{margin-top:4px;font-style:normal;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cd-sub);}
.lyang-cd.is-nodays .lyang-cd__u--d{display:none;}
.lyang-cd.is-done{display:none!important;}
@keyframes lyang-flip{0%{transform:translateY(-35%);opacity:0}100%{transform:none;opacity:1}}

/* ---------- Gutscheincode ---------- */
.lyang-code{--code-fg:currentColor;--code-acc:var(--lyang-gold);position:relative;display:inline-flex;align-items:stretch;padding:0;border:0;background:none;color:var(--code-fg);font:inherit;cursor:pointer;border-radius:3px;isolation:isolate;}
.lyang-code>span{display:inline-flex;align-items:center;}
.lyang-code__k{padding:0 12px;font-family:var(--lyang-sans);font-size:10px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;background:var(--code-acc);color:var(--lyang-ink);border-radius:3px 0 0 3px;}
.lyang-code__v{padding:11px 14px;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:17px;font-weight:600;letter-spacing:.14em;border:1.5px dashed var(--code-acc);border-left:0;border-right:0;}
.lyang-code__a{padding:0 12px;border:1.5px dashed var(--code-acc);border-left:1px solid color-mix(in srgb,var(--code-acc) 40%,transparent);border-radius:0 3px 3px 0;color:var(--code-acc);transition:background .2s;}
.lyang-code:hover .lyang-code__a,.lyang-code:focus-visible .lyang-code__a{background:color-mix(in srgb,var(--code-acc) 16%,transparent);}
.lyang-code:focus-visible{outline:2px solid var(--code-acc);outline-offset:3px;}
.lyang-code__ok{position:absolute;inset:0;justify-content:center;background:var(--code-acc);color:var(--lyang-ink);font-family:var(--lyang-sans);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;border-radius:3px;opacity:0;transform:scale(.96);transition:opacity .2s,transform .3s var(--lyang-spring);pointer-events:none;}
.lyang-code.is-copied .lyang-code__ok{opacity:1;transform:none;}
.lyang-code__ok::before{content:"✓";margin-right:8px;font-size:15px;letter-spacing:0;}

/* ---------- Button-Pfeil ---------- */
.lyang-cta .lyang-cta__arr{transition:transform .3s var(--lyang-ease);}
.lyang-cta:hover .lyang-cta__arr{transform:translateX(4px);}

/* ---------- Große Preise ---------- */
.lyang-bigprice{display:inline-flex;align-items:flex-start;font-family:var(--lyang-serif);font-weight:500;line-height:.82;letter-spacing:-.02em;font-variant-numeric:lining-nums;}
.lyang-bigprice b{font-weight:500;}
.lyang-bigprice sup{font-size:.42em;line-height:1;margin:.08em 0 0 .02em;top:0;}
.lyang-bigprice i{font-style:normal;font-size:.38em;margin:.12em 0 0 .12em;}

/* ---------- Leiste oben ---------- */
.lyang-bar{position:relative;z-index:101;background:var(--lyang-ink);color:var(--lyang-ivory);border-bottom:1px solid rgba(199,154,75,.28);font-family:var(--lyang-sans);overflow:hidden;transition:max-height .26s var(--lyang-ease),opacity .26s;max-height:120px;}
.lyang-bar.is-closing{max-height:0;opacity:0;}
.lyang-bar__track{position:relative;min-height:42px;padding:0 48px;display:grid;}
.lyang-slide{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:10px 16px;padding:9px 0;text-align:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .5s var(--lyang-ease),transform .5s var(--lyang-ease),visibility 0s .5s;}
.lyang-slide.is-on{opacity:1;visibility:visible;transform:none;transition-delay:0s;}
.lyang-bar:not(.is-multi) .lyang-slide:not([hidden]){opacity:1;visibility:visible;transform:none;}
.lyang-slide__ic{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;color:var(--slide-acc,var(--lyang-gold));}
.lyang-slide__ic svg{width:20px;height:20px;}
.lyang-slide__t{font-size:13px;line-height:1.45;letter-spacing:.01em;}
.lyang-slide__t b{color:var(--slide-acc,var(--lyang-gold-soft));font-weight:500;}
.lyang-slide__a{flex:none;color:var(--slide-acc,var(--lyang-gold));font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;white-space:nowrap;}
.lyang-slide__a:hover{color:var(--lyang-ivory);}
.lyang-slide .lyang-code{--code-acc:var(--slide-acc,var(--lyang-gold));font-size:12px;}
.lyang-slide .lyang-code__k{padding:0 8px;font-size:9px;}
.lyang-slide .lyang-code__v{padding:4px 9px;font-size:12px;}
.lyang-slide .lyang-code__a{padding:0 7px;}
.lyang-slide .lyang-code__a svg{width:13px;height:13px;}
.lyang-slide .lyang-cd{gap:8px;}
.lyang-slide .lyang-cd__label{display:none;}
.lyang-slide .lyang-cd__u{flex-direction:row;align-items:baseline;gap:2px;min-width:0;padding:3px 6px;border-color:rgba(199,154,75,.3);background:rgba(199,154,75,.08);}
.lyang-slide .lyang-cd__u b{font-family:var(--lyang-sans);font-size:12px;font-weight:600;color:var(--slide-acc,var(--lyang-gold-soft));}
.lyang-slide .lyang-cd__u i{margin:0;font-size:9px;letter-spacing:.04em;text-transform:none;}
.lyang-bar__close{position:absolute;right:10px;top:50%;width:32px;height:32px;margin-top:-16px;display:grid;place-items:center;border:0;background:none;color:rgba(244,239,228,.6);cursor:pointer;border-radius:50%;transition:color .2s,background .2s;}
.lyang-bar__close:hover{color:var(--lyang-ivory);background:rgba(244,239,228,.08);}
@media (max-width:720px){
  .lyang-bar__track{padding:0 40px 0 14px;}
  .lyang-slide{justify-content:flex-start;text-align:left;gap:6px 12px;flex-wrap:wrap;padding:8px 0;}
  .lyang-slide__ic{display:none;}
  .lyang-slide__t{font-size:12.5px;flex:1 1 100%;}
  .lyang-slide .lyang-cd{display:none;}
}

/* ---------- Warenkorb & Kasse ---------- */
.lyang-cartnotes{display:grid;gap:12px;margin:0 0 24px;}
.lyang-cn{--cn-acc:var(--lyang-gold);position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px 18px;padding:16px 20px;background:var(--lyang-paper);border:1px solid color-mix(in srgb,var(--cn-acc) 45%,transparent);border-left:3px solid var(--cn-acc);font-family:var(--lyang-sans);color:var(--lyang-ink);}
.lyang-cn__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--cn-acc) 16%,transparent);color:var(--cn-acc);}
.lyang-cn__ic svg{width:22px;height:22px;}
.lyang-cn__t{font-size:14px;line-height:1.55;}
.lyang-cn__t b{font-weight:600;}
.lyang-cn__side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.lyang-cn .lyang-code{--code-acc:var(--cn-acc);font-size:13px;}
.lyang-cn .lyang-code__v{padding:7px 10px;font-size:13px;}
.lyang-cn__apply{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;background:var(--lyang-ink);color:var(--lyang-ivory);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .2s;}
.lyang-cn__apply:hover{background:var(--cn-acc);color:var(--lyang-ink);}
.lyang-cn__prog{grid-column:1/-1;display:flex;align-items:center;gap:10px;}
.lyang-cn__slots{display:flex;gap:6px;}
.lyang-cn__slot{width:22px;height:30px;color:color-mix(in srgb,var(--cn-acc) 30%,transparent);transition:color .3s;}
.lyang-cn__slot.is-full{color:var(--cn-acc);animation:lyang-pop .5s var(--lyang-spring) both;animation-delay:calc(var(--i,0) * 90ms);}
.lyang-cn__slot svg{width:100%;height:100%;}
.lyang-cn__progt{font-size:12px;letter-spacing:.04em;color:rgba(11,20,16,.65);}
@keyframes lyang-pop{0%{transform:scale(.6);opacity:.3}100%{transform:none;opacity:1}}
@media (max-width:640px){.lyang-cn{grid-template-columns:auto 1fr;}.lyang-cn__side{grid-column:1/-1;justify-content:flex-start;}}
.lyang-mininote{margin:0 0 14px;padding:10px 12px;border:1px solid rgba(199,154,75,.4);background:rgba(199,154,75,.08);font-size:13px;line-height:1.5;}
.lyang-gift-qty{font-size:12px;letter-spacing:.06em;color:var(--lyang-gold);}

@media (prefers-reduced-motion:reduce){
  [data-lyang-reveal] .lyang-r{opacity:1;transform:none;transition:none;}
  .lyang-slide{transition:none;}
}

/* ---------- Goldstaub & Tiefe ---------- */
.lyang-dust{position:absolute;inset:0;z-index:0;pointer-events:none;}
[data-lyang-tilt] [data-depth]{transform:translate(calc(var(--tx,0) * var(--depth) * 1px),calc(var(--ty,0) * var(--depth) * 1px));}
.lyang-bottle{display:block;overflow:visible;}
/* Marmor (dunkel): feine goldene Adern */
.lyang-marble{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .011' numOctaves='5' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .89 0 0 0 0 .78 0 0 0 0 .55 0 0 0 -9 4.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.55'/%3E%3C/svg%3E");background-size:900px 600px;}