/* Digitalni Pokani — дизайнерски стилове (skins) v3
   Зарежда се СЛЕД theme-engine.css. Използва същите CSS променливи:
   --bg --surface --primary --secondary --accent --text --muted
   --font-heading --font-body --font-script
   Една и съща композиция (.sk-scene) се ползва за самата покана и за
   миниатюрите в каталога — размерите са в em, мащабира се с font-size. */

/* ---------- Оцветяване на векторните илюстрации ---------- */
.k-p{fill:var(--primary)} .k-s{fill:var(--secondary)} .k-a{fill:var(--accent)} .k-m{fill:var(--muted)}
.k-p-st{stroke:var(--primary)} .k-s-st{stroke:var(--secondary)} .k-a-st{stroke:var(--accent)} .k-m-st{stroke:var(--muted)}
.k-soft{opacity:.55}
.k-stem{stroke:var(--accent);stroke-width:1.2;fill:none;stroke-linecap:round}
.k-line{stroke:var(--secondary);stroke-width:1;fill:none;stroke-linecap:round}
.k-petal-line{fill:none;stroke-width:1.5;opacity:.5;stroke-linecap:round}
.k-hair{stroke-width:.8;opacity:.8;fill:none;stroke-linecap:round}
.k-thick{stroke-width:3.2;stroke-linecap:round}
.k-deco{stroke-width:1.2}
.k-vein{stroke-width:.9;opacity:.32}
.k-cloud{fill:#fff;filter:drop-shadow(0 3px 5px rgba(40,40,80,.08))}
.theme-dark .k-cloud{fill:color-mix(in srgb, var(--text) 18%, var(--surface))}
.k-shine{fill:#fff;opacity:.35}
.k-wash{opacity:.42}
.k-wash2{opacity:.3}
.k-q{font-family:var(--font-heading);font-weight:700;font-size:84px;fill:var(--primary)}
.watercolor-art .k-line,.skin-watercolor .k-line{stroke:var(--primary);opacity:.55}

/* ---------- Сцена (корица/герой) ---------- */
.sk-scene{position:relative;font-size:16px;color:var(--text);text-align:center;isolation:isolate}
.sk-corner{position:absolute;width:15em;pointer-events:none;z-index:0;line-height:0}
.sk-corner svg,.sk-top svg,.sk-divider svg,.sk-bottom svg{width:100%;height:auto;display:block;overflow:visible}
.sk-tl{top:0;left:0}
.sk-br{bottom:0;right:0;transform:rotate(180deg)}
.sk-frame{position:relative;z-index:1;max-width:40em;margin:0 auto;padding:4.5em 2.6em 4em}
.sk-top{width:13em;margin:0 auto 1.3em;position:relative;line-height:0}
.sk-top:empty{display:none}
.sk-mono{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:2.3em;color:var(--primary);letter-spacing:.06em;line-height:1}
.sk-mono i{font-family:var(--font-script);font-style:normal;color:var(--secondary);font-size:.8em;margin:0 .12em}
.sk-eyebrow{font-family:var(--font-body);font-size:.78em;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5em;line-height:1.7}
.sk-names{font-family:var(--font-heading);font-size:3.5em;line-height:1.1;color:var(--primary);font-weight:500;margin:0;word-wrap:break-word}
.sk-names .amp{font-family:var(--font-script);color:var(--secondary);font-size:.72em;margin:0 .18em;display:inline-block}
.names-script .sk-names{font-family:var(--font-script);font-size:4.6em;line-height:1.18;font-weight:400}
.names-script .sk-names .amp{font-size:.62em;font-family:var(--font-heading);font-style:italic}
.sk-divider{width:17em;margin:1.5em auto;line-height:0}
.sk-divider:empty{display:none}
.sk-date{display:flex;justify-content:center;align-items:center;gap:1.3em;font-family:var(--font-body);margin-top:.4em}
.sk-date span{font-size:.8em;text-transform:uppercase;letter-spacing:.22em;color:var(--muted);border-top:1px solid color-mix(in srgb, var(--secondary) 55%, transparent);border-bottom:1px solid color-mix(in srgb, var(--secondary) 55%, transparent);padding:.75em 0;min-width:8.4em}
.sk-date b{font-family:var(--font-heading);font-size:3em;color:var(--primary);font-weight:500;line-height:1}
.sk-times{margin-top:1.3em;font-size:.92em;color:var(--muted);letter-spacing:.06em;font-family:var(--font-body)}
.sk-place{margin-top:.35em;font-size:1.08em;color:var(--text);font-family:var(--font-body);font-style:italic}
.sk-bottom{width:21em;margin:1.8em auto 0;line-height:0}
.sk-bottom:empty{display:none}

/* ---------- Фонове на страницата ---------- */
body.invite-body[class*="skin-"],body[class*="skin-"] .sk-paper,.skin-preview{
  background-color:var(--bg);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 10% 0%, color-mix(in srgb, var(--secondary) 14%, transparent), transparent 55%),
    radial-gradient(ellipse at 90% 100%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 55%);
  background-attachment:fixed;
}
body.invite-body.skin-deco,body.skin-deco .sk-paper,.skin-preview.skin-deco{
  background-image:
    repeating-linear-gradient(90deg, color-mix(in srgb, var(--secondary) 7%, transparent) 0 1px, transparent 1px 46px),
    radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--secondary) 16%, transparent), transparent 60%);
}
body.invite-body.skin-celestial,body.skin-celestial .sk-paper,.skin-preview.skin-celestial{
  background-image:
    radial-gradient(1.2px 1.2px at 20px 30px, color-mix(in srgb, var(--secondary) 80%, transparent) 50%, transparent 51%),
    radial-gradient(1px 1px at 90px 120px, color-mix(in srgb, var(--text) 70%, transparent) 50%, transparent 51%),
    radial-gradient(1.4px 1.4px at 150px 60px, color-mix(in srgb, var(--secondary) 70%, transparent) 50%, transparent 51%),
    radial-gradient(1px 1px at 60px 170px, color-mix(in srgb, var(--text) 60%, transparent) 50%, transparent 51%),
    radial-gradient(ellipse at 50% -10%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 60%);
  background-size:200px 200px,200px 200px,200px 200px,200px 200px,auto;
}
body.invite-body.skin-playful,body.skin-playful .sk-paper,.skin-preview.skin-playful{
  background-image:
    radial-gradient(color-mix(in srgb, var(--secondary) 35%, transparent) 2px, transparent 2.5px),
    radial-gradient(color-mix(in srgb, var(--accent) 30%, transparent) 2px, transparent 2.5px);
  background-size:38px 38px;background-position:0 0,19px 19px;
}
body.invite-body.skin-reveal,body.skin-reveal .sk-paper,.skin-preview.skin-reveal{
  background-image:linear-gradient(115deg, color-mix(in srgb, var(--primary) 20%, var(--bg)) 0 50%, color-mix(in srgb, var(--accent) 20%, var(--bg)) 50% 100%);
}
body.invite-body.skin-marble,body.skin-marble .sk-paper,.skin-preview.skin-marble{
  background-image:
    linear-gradient(125deg, transparent 40%, color-mix(in srgb, var(--muted) 9%, transparent) 45%, transparent 52%),
    linear-gradient(35deg, transparent 60%, color-mix(in srgb, var(--muted) 7%, transparent) 63%, transparent 68%);
}

/* ---------- Стил: Botanica ---------- */
.skin-botanica .sk-corner{width:17em}

/* ---------- Стил: Peony ---------- */
.skin-peony .sk-corner{width:15em}
.skin-peony .sk-top{width:12em}
.skin-peony .sk-mono{font-size:2.1em}

/* ---------- Стил: Boho Arch ---------- */
.skin-arch .sk-frame{max-width:29em;background:var(--surface);border:1px solid color-mix(in srgb, var(--secondary) 70%, transparent);border-radius:16em 16em .6em .6em;padding:5.5em 2.2em 3.4em;box-shadow:0 0 0 .55em var(--bg), 0 0 0 calc(.55em + 1px) color-mix(in srgb, var(--secondary) 45%, transparent), 0 2em 4em -1.5em color-mix(in srgb, var(--primary) 25%, transparent)}
.skin-arch .sk-corner{width:16em}
.skin-arch .sk-tl{top:auto;bottom:-1em;left:0}
.skin-arch .sk-br{bottom:-1em;right:0;transform:scaleX(-1)}
.skin-arch .sk-top{width:7em}
.skin-arch .sk-names{font-size:3.1em}

/* ---------- Стил: Art Deco ---------- */
.skin-deco .sk-frame{border:1px solid color-mix(in srgb, var(--secondary) 75%, transparent);padding:4.2em 2.6em 3.6em;max-width:34em;background:color-mix(in srgb, var(--surface) 70%, transparent)}
.skin-deco .sk-frame::before{content:'';position:absolute;inset:.6em;border:1px solid color-mix(in srgb, var(--secondary) 40%, transparent);pointer-events:none}
.skin-deco .sk-corner{width:10em}
.skin-deco .sk-tl{top:.6em;left:.6em}
.skin-deco .sk-br{bottom:.6em;right:.6em}
.skin-deco .sk-names,.skin-marble .sk-names{text-transform:uppercase;letter-spacing:.1em;font-size:2.7em;line-height:1.25}
.skin-deco .sk-names{background:linear-gradient(180deg, var(--primary) 20%, var(--secondary) 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.skin-deco .sk-names .amp{-webkit-text-fill-color:var(--secondary);text-transform:none;letter-spacing:0;font-size:.9em}
.skin-deco .sk-top{width:12em}
.skin-deco .sk-date span{border-color:color-mix(in srgb, var(--secondary) 75%, transparent)}

/* ---------- Стил: Editorial ---------- */
.skin-editorial .sk-corner{display:none}
.skin-editorial .sk-top{width:6.4em;height:6.4em;border:1px solid var(--secondary);border-radius:50%;margin-bottom:2.4em}
.skin-editorial .sk-mono{font-size:1.7em}
.skin-editorial .sk-names{font-size:4.2em;line-height:1.02;letter-spacing:-.01em}
.skin-editorial .sk-names .amp{display:block;font-family:var(--font-heading);font-style:italic;font-size:.42em;margin:.35em 0;color:var(--secondary)}
.skin-editorial .sk-eyebrow{letter-spacing:.42em}
.skin-editorial .sk-date span{border:none;min-width:auto}
.skin-editorial .sk-date{gap:.9em}
.skin-editorial .sk-date b{font-size:2.4em}

/* ---------- Стил: Watercolor ---------- */
.skin-watercolor .sk-corner{width:18em}
.skin-watercolor .sk-tl{top:-1em;left:-1em}
.skin-watercolor .sk-br{bottom:-1em;right:-1em}

/* ---------- Стил: Celestial ---------- */
.skin-celestial .sk-corner{width:13em;opacity:.9}
.skin-celestial .sk-top{width:8em}
.skin-celestial .sk-names{text-transform:uppercase;letter-spacing:.12em;font-size:2.9em}
.skin-celestial .sk-names .amp{text-transform:none;letter-spacing:0}

/* ---------- Стил: Marble ---------- */
.skin-marble .sk-frame{background:var(--surface);max-width:32em;padding:4.4em 2.6em 3.8em;box-shadow:0 2em 4em -2em rgba(0,0,0,.25);outline:1px solid color-mix(in srgb, var(--secondary) 80%, transparent);outline-offset:-.8em}
.skin-marble .sk-frame::before{content:'';position:absolute;inset:1.15em;border:1px solid color-mix(in srgb, var(--secondary) 35%, transparent);pointer-events:none}
.skin-marble .sk-corner{width:19em}
.skin-marble .sk-top{width:9em}

/* ---------- Стил: Playful ---------- */
.skin-playful .sk-frame,.skin-reveal .sk-frame{background:var(--surface);border-radius:2.2em;max-width:31em;padding:4.6em 2.2em 3.4em;box-shadow:0 1.6em 3em -1.2em color-mix(in srgb, var(--primary) 35%, transparent)}
.skin-playful .sk-top{position:absolute;top:-.2em;left:6%;right:6%;width:auto;margin:0}
.skin-playful .sk-names,.skin-reveal .sk-names{font-weight:700;font-size:3.2em}
.skin-playful .sk-corner,.skin-reveal .sk-corner{width:13em}
.skin-playful .sk-date span,.skin-reveal .sk-date span{border:none;background:color-mix(in srgb, var(--secondary) 22%, transparent);border-radius:999px;padding:.6em 1em;letter-spacing:.12em;min-width:auto}
.skin-playful .sk-date b,.skin-reveal .sk-date b{font-weight:700}

/* ---------- Стил: Reveal (Gender party) ---------- */
.skin-reveal .sk-top{width:7.5em}
.skin-reveal .sk-names .amp{color:var(--accent)}

/* ---------- Миниатюри (каталог, съветник) ---------- */
.skin-preview{position:relative;overflow:hidden;background-color:var(--bg);color:var(--text);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}
.skin-preview .sk-scene{font-size:6.1px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4em 2em}
.skin-preview .sk-frame{padding:3.6em 2em 3em;width:100%}
.skin-preview .sk-times,.skin-preview .sk-place{display:none}
.skin-preview.skin-arch .sk-corner,.skin-preview.skin-arch .sk-tl,.skin-preview.skin-arch .sk-br{bottom:0}
.skin-preview .tpl-badge{position:absolute;top:12px;left:12px;z-index:3;background:color-mix(in srgb, var(--surface) 85%, transparent);color:var(--primary);backdrop-filter:blur(6px);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid color-mix(in srgb, var(--secondary) 45%, transparent);box-shadow:none}

/* ---------- Покана: корица (интро екран) ---------- */
.invite-cover.cover-skinned{background:color-mix(in srgb, var(--text) 35%, var(--bg));backdrop-filter:blur(4px)}
.cover-skinned .cover-card{padding:0;max-width:430px;border-radius:6px;overflow:hidden;background-attachment:scroll}
.cover-skinned .cover-card::before,.cover-skinned .cover-card::after{display:none}
.cover-skinned .sk-scene{font-size:9.5px;padding:2.2em 1.4em}
.cover-skinned .sk-frame{padding:3.6em 1.8em 3em}
.cover-skinned .cover-photo{width:62%;margin:0 auto 1.8em;aspect-ratio:1;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--secondary) 70%, transparent), 0 14px 30px rgba(0,0,0,.18)}
.skin-arch .cover-skinned .cover-photo,.cover-skinned.skin-arch .cover-photo{border-radius:999px 999px 8px 8px;aspect-ratio:3/4;width:52%}
.cover-skinned .cover-tap{margin-top:2.4em;font-size:1.15em}
.cover-skinned .sk-frame > *{opacity:0;animation:coverReveal .9s ease forwards}
.cover-skinned .sk-frame > :nth-child(2){animation-delay:.12s}
.cover-skinned .sk-frame > :nth-child(3){animation-delay:.24s}
.cover-skinned .sk-frame > :nth-child(4){animation-delay:.36s}
.cover-skinned .sk-frame > :nth-child(5){animation-delay:.48s}
.cover-skinned .sk-frame > :nth-child(6){animation-delay:.6s}
.cover-skinned .sk-frame > :nth-child(n+7){animation-delay:.72s}
.cover-skinned .sk-corner{opacity:0;animation:coverReveal 1.2s ease .2s forwards}
.cover-skinned .sk-br{animation-name:coverRevealFlip}
.skin-arch .cover-skinned .sk-br{animation-name:coverRevealMirror}
@keyframes coverRevealFlip{from{opacity:0;transform:rotate(180deg) translateY(14px)}to{opacity:1;transform:rotate(180deg)}}
@keyframes coverRevealMirror{from{opacity:0;transform:scaleX(-1) translateY(14px)}to{opacity:1;transform:scaleX(-1)}}

/* ---------- Покана: герой ---------- */
body[class*="skin-"] .invite-hero{min-height:100vh;padding:40px 16px}
body[class*="skin-"] .invite-hero::before,body[class*="skin-"] .invite-frame{display:none}
body[class*="skin-"] .invite-hero .sk-scene{font-size:clamp(12.5px, 3.4vw, 17px);width:100%;position:static}
body[class*="skin-"] .invite-hero .sk-corner{width:clamp(150px, 30vw, 360px)}
body.skin-deco .invite-hero .sk-corner{width:clamp(80px, 14vw, 170px)}
body.skin-arch .invite-hero .sk-corner{width:clamp(150px, 26vw, 320px)}
body[class*="skin-"] .invite-scroll-btn{margin-top:2.4em;border-color:color-mix(in srgb, var(--secondary) 80%, transparent);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;font-size:12px;padding:12px 26px}
body[class*="skin-"] .invite-page-frame{display:none}
body[class*="skin-"].has-frame-override .invite-page-frame{display:block}

/* ---------- Покана: секции ---------- */
body[class*="skin-"]{--sk-radius:6px}
body.skin-peony,body.skin-watercolor{--sk-radius:14px}
body.skin-deco,body.skin-editorial,body.skin-marble{--sk-radius:0}
body.skin-celestial{--sk-radius:10px}
body.skin-playful,body.skin-reveal{--sk-radius:22px}
body.skin-arch{--sk-radius:999px 999px 10px 10px}

body[class*="skin-"] .invite-section{padding:64px 20px}
body[class*="skin-"] .invite-section h2{font-weight:500;letter-spacing:.04em;margin-bottom:4px}
body.skin-deco .invite-section h2,body.skin-celestial .invite-section h2,body.skin-marble .invite-section h2,body.skin-editorial .invite-section h2{text-transform:uppercase;letter-spacing:.16em;font-size:clamp(20px,3.2vw,26px)}
body[class*="skin-"] .section-sub{font-family:var(--font-body);font-style:italic;font-size:15px}
.sk-section-divider{width:170px;margin:6px auto 26px;line-height:0}
.sk-section-divider svg{width:100%;height:auto;display:block}
body[class*="skin-"] .invite-section-skew::before{display:none}
body[class*="skin-"] .section-icons,body[class*="skin-"] .hero-icons,body[class*="skin-"] .foot-icons{display:none}

body[class*="skin-"] .cd-box{background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid color-mix(in srgb, var(--secondary) 55%, transparent);border-radius:var(--sk-radius);box-shadow:none;min-width:86px;padding:20px 10px 16px}
body.skin-arch .cd-box{padding-top:30px}
body[class*="skin-"] .cd-box::before{display:none}
body[class*="skin-"] .cd-box:hover{transform:none;box-shadow:none}
body[class*="skin-"] .cd-box b{font-weight:500;font-size:36px}
body.skin-playful .cd-box b,body.skin-reveal .cd-box b{font-weight:700}
body[class*="skin-"] .cd-box span{font-family:var(--font-body);letter-spacing:.18em}

body[class*="skin-"] .detail-card,body[class*="skin-"] .tl-card,body[class*="skin-"] .rsvp-box{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid color-mix(in srgb, var(--secondary) 40%, transparent);border-radius:var(--sk-radius);box-shadow:none}
body.skin-arch .detail-card,body.skin-arch .tl-card,body.skin-arch .rsvp-box{border-radius:18px}
body.skin-playful .detail-card,body.skin-playful .tl-card,body.skin-playful .rsvp-box,body.skin-reveal .detail-card,body.skin-reveal .tl-card,body.skin-reveal .rsvp-box{background:var(--surface);border-color:transparent;box-shadow:0 14px 30px -14px color-mix(in srgb, var(--primary) 35%, transparent)}
body.skin-marble .detail-card,body.skin-marble .rsvp-box{background:var(--surface);box-shadow:0 18px 40px -24px rgba(0,0,0,.3)}
body[class*="skin-"] .detail-card::before,body[class*="skin-"] .tl-card::before{display:none}
body[class*="skin-"] .detail-card:hover{transform:none;box-shadow:none}
body[class*="skin-"] .detail-card .d-icon{width:46px;height:46px;background:none;border:1px solid color-mix(in srgb, var(--secondary) 70%, transparent);box-shadow:none;color:var(--primary)}
body[class*="skin-"] .detail-card h4,body[class*="skin-"] .tl-card h4{font-weight:500;letter-spacing:.02em}
body[class*="skin-"] .detail-card p,body[class*="skin-"] .tl-card p{font-family:var(--font-body);font-size:15px}
body[class*="skin-"] .detail-card a.map-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;border-bottom:1px solid color-mix(in srgb, var(--primary) 40%, transparent);padding-bottom:2px;margin-top:10px}

body[class*="skin-"] .timeline::before{width:1px;background:color-mix(in srgb, var(--secondary) 60%, transparent)}
body[class*="skin-"] .tl-dot{width:50px;height:50px;font-size:20px;background:var(--bg);border:1px solid var(--secondary);box-shadow:0 0 0 5px var(--bg)}
body[class*="skin-"] .tl-dot .ui-ic{width:20px;height:20px}
body[class*="skin-"] .tl-card:hover{transform:none}
body[class*="skin-"] .tl-time{font-family:var(--font-body);letter-spacing:.14em;font-size:12.5px;color:var(--secondary)}
body.theme-light[class*="skin-"] .tl-time{color:color-mix(in srgb, var(--secondary) 55%, var(--text))}
@media(max-width:640px){body[class*="skin-"] .timeline::before{left:24px}}

body[class*="skin-"] .invite-message-box{max-width:600px;margin:0 auto;font-size:clamp(22px,3.4vw,30px);color:var(--primary)}
body.skin-deco .invite-message-box,body.skin-editorial .invite-message-box,body.skin-marble .invite-message-box{font-family:var(--font-heading);font-size:clamp(18px,2.6vw,22px);line-height:1.8;color:var(--text)}
body.skin-playful .invite-message-box,body.skin-reveal .invite-message-box{font-family:var(--font-body);font-size:clamp(17px,2.4vw,20px);color:var(--text)}

body[class*="skin-"] .gallery-grid .g-item{border-radius:var(--sk-radius)}
body.skin-arch .gallery-grid .g-item{border-radius:999px 999px 8px 8px;aspect-ratio:3/4}

body[class*="skin-"] .rsvp-choice{border-width:1px;border-radius:calc(var(--sk-radius) / 2 + 6px);font-family:var(--font-body);letter-spacing:.06em}
body.skin-arch .rsvp-choice{border-radius:12px}
body[class*="skin-"] .rsvp-choice .accent-icon-svg{display:none}
body[class*="skin-"] .rsvp-field input,body[class*="skin-"] .rsvp-field textarea{border-radius:8px;background:color-mix(in srgb, var(--bg) 80%, transparent)}
body[class*="skin-"] .rsvp-submit{background:var(--primary);color:var(--bg);box-shadow:none;letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-family:var(--font-body);border-radius:999px}
body.theme-dark[class*="skin-"] .rsvp-submit{background:var(--secondary);color:var(--bg)}
body[class*="skin-"] .rsvp-thanks{font-family:var(--font-script);font-size:28px}
body[class*="skin-"] .btn-cal{background:none;color:var(--primary);border:1px solid var(--secondary);box-shadow:none;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;font-size:12px}
body[class*="skin-"] .btn-cal:hover{background:var(--primary);color:var(--bg);transform:none}

body[class*="skin-"] .share-btn{background:none !important;border:1px solid color-mix(in srgb, var(--secondary) 70%, transparent);color:var(--primary);box-shadow:none;width:50px;height:50px}
body[class*="skin-"] .share-item:hover .share-btn{background:var(--primary) !important;color:var(--bg);transform:none}
body[class*="skin-"] .share-item{font-family:var(--font-body);letter-spacing:.04em}
body[class*="skin-"] .native-share-btn{background:var(--primary);color:var(--bg);box-shadow:none;letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-family:var(--font-body)}
body[class*="skin-"] .music-toggle{background:var(--surface);color:var(--primary);border:1px solid var(--secondary);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body[class*="skin-"] .invite-foot{font-family:var(--font-body);letter-spacing:.04em}
body[class*="skin-"] .invite-foot .sk-foot-names{font-family:var(--font-script);font-size:30px;color:var(--primary);margin-bottom:6px;letter-spacing:0}

.ui-ic{width:22px;height:22px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* Листенца (вместо емоджита) */
.anim-petals .particle{width:12px;height:12px;border-radius:0 100% 0 100%;background:color-mix(in srgb, var(--secondary) 85%, #fff);opacity:.75}

@media(max-width:640px){
  body[class*="skin-"] .invite-hero .sk-corner{width:clamp(120px, 40vw, 200px)}
  body.skin-deco .invite-hero .sk-corner{width:70px}
  .sk-date{gap:.8em}
  .sk-date span{min-width:6.6em;letter-spacing:.16em}
}
@media (prefers-reduced-motion: reduce){
  .cover-skinned .sk-frame > *,.cover-skinned .sk-corner{animation:none;opacity:1}
}
.skin-preview,.sk-paper{background-attachment:scroll !important}
/* Живи прегледи в съветника и редакцията */
.skin-preview.live-preview{aspect-ratio:auto;min-height:440px}
.skin-preview.live-preview .sk-scene{font-size:8.6px}
.skin-preview.live-preview .sk-times,.skin-preview.live-preview .sk-place{display:block}
.skin-preview.live-preview .pv-corner{z-index:3;color:var(--secondary)}
.skin-preview.live-preview .icons-canvas-layer{z-index:4}
.skin-playful .sk-frame{padding-top:8em}

/* ===================== Стилове v3.1 ===================== */
.k-bloom{fill:#fff;stroke:color-mix(in srgb, var(--secondary) 55%, var(--muted));stroke-width:.6}
.theme-dark .k-bloom{fill:color-mix(in srgb, var(--text) 85%, var(--surface));stroke:none}
.k-berry{fill:#b3261e}
.k-needle{stroke-width:1.1;stroke-linecap:round;fill:none}
.k-flake{stroke-width:1.2;stroke-linecap:round;fill:none}

/* Wildflower — полски цветя и лавандула */
.skin-wildflower .sk-corner{width:17em}
.skin-wildflower .sk-top{width:11em}
body.invite-body.skin-wildflower,body.skin-wildflower .sk-paper,.skin-preview.skin-wildflower{
  background-image:
    radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 50%),
    radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--secondary) 16%, transparent), transparent 50%);
}

/* Amalfi Citrus — лимони и средиземноморски плочки */
.skin-citrus .sk-corner{width:17em}
.skin-citrus .sk-frame{background:var(--surface);max-width:32em;border:1px solid color-mix(in srgb, var(--primary) 55%, transparent);padding:4.4em 2.4em 3.4em;box-shadow:0 0 0 .5em var(--surface), 0 0 0 calc(.5em + 2px) var(--primary), 0 2em 4em -2em rgba(0,0,0,.25)}
.skin-citrus .sk-names{font-style:italic;font-size:3.3em}
.skin-citrus .sk-names .amp{font-style:normal}
.skin-citrus .sk-top{width:11em}
.skin-citrus .sk-bottom{width:24em}
body.invite-body.skin-citrus,body.skin-citrus .sk-paper,.skin-preview.skin-citrus{
  background-image:
    linear-gradient(45deg, color-mix(in srgb, var(--primary) 5%, transparent) 25%, transparent 25% 75%, color-mix(in srgb, var(--primary) 5%, transparent) 75%),
    linear-gradient(45deg, color-mix(in srgb, var(--primary) 5%, transparent) 25%, transparent 25% 75%, color-mix(in srgb, var(--primary) 5%, transparent) 75%);
  background-size:44px 44px;background-position:0 0,22px 22px;
}
body.skin-citrus{--sk-radius:4px}

/* Winter Pine — борови клонки и снежинки */
.skin-winter .sk-corner{width:17em}
.skin-winter .sk-top{width:12em}
body.invite-body.skin-winter,body.skin-winter .sk-paper,.skin-preview.skin-winter{
  background-image:
    radial-gradient(color-mix(in srgb, var(--secondary) 45%, transparent) 1.4px, transparent 1.8px),
    radial-gradient(color-mix(in srgb, var(--secondary) 30%, transparent) 1px, transparent 1.4px),
    radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%);
  background-size:46px 46px, 28px 28px, auto;background-position:0 0, 14px 9px, 0 0;
}
body.skin-winter{--sk-radius:10px}
.skin-winter.anim-snow .particle{background:color-mix(in srgb, var(--secondary) 75%, #fff);box-shadow:0 0 6px color-mix(in srgb, var(--secondary) 60%, transparent)}
.theme-dark.skin-winter.anim-snow .particle{background:rgba(255,255,255,.85)}

/* Gilded Geometry — златна геометрия */
.skin-gilded .sk-corner{width:11em}
.skin-gilded .sk-tl{top:.8em;left:.8em}
.skin-gilded .sk-br{bottom:.8em;right:.8em}
.skin-gilded .sk-frame{max-width:32em;padding:4.4em 2.6em 3.6em;border:1px solid color-mix(in srgb, var(--secondary) 70%, transparent);background:color-mix(in srgb, var(--surface) 75%, transparent);clip-path:polygon(1.6em 0, calc(100% - 1.6em) 0, 100% 1.6em, 100% calc(100% - 1.6em), calc(100% - 1.6em) 100%, 1.6em 100%, 0 calc(100% - 1.6em), 0 1.6em)}
.skin-gilded .sk-top{width:7em}
.skin-gilded .sk-names{text-transform:uppercase;letter-spacing:.12em;font-size:2.7em;line-height:1.25}
.skin-gilded .sk-names .amp{text-transform:none;letter-spacing:0}
body.invite-body.skin-gilded,body.skin-gilded .sk-paper,.skin-preview.skin-gilded{
  background-image:
    linear-gradient(30deg, color-mix(in srgb, var(--secondary) 6%, transparent) 12%, transparent 12.5%, transparent 87%, color-mix(in srgb, var(--secondary) 6%, transparent) 87.5%),
    linear-gradient(150deg, color-mix(in srgb, var(--secondary) 6%, transparent) 12%, transparent 12.5%, transparent 87%, color-mix(in srgb, var(--secondary) 6%, transparent) 87.5%);
  background-size:60px 104px;
}
body.skin-gilded{--sk-radius:0}
body.skin-gilded .invite-section h2{text-transform:uppercase;letter-spacing:.16em;font-size:clamp(20px,3.2vw,26px)}
body.skin-gilded .invite-hero .sk-corner{width:clamp(80px, 14vw, 170px)}
@media(max-width:640px){body.skin-gilded .invite-hero .sk-corner{width:70px}}