/* 2026-10-21 Lina: "Magic begins here" – spejl-intro og ren rosa top med smilende bruder */
.ebks-intro{position:fixed;inset:0;z-index:10050;display:none;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8vh,20px);
  padding:24px 16px;overflow:hidden;text-align:center;background:radial-gradient(110% 85% at 50% 42%,#ffffff 0%,#fffafb 60%,#fdf1f4 100%);
  transition:opacity 1s ease .55s,visibility 0s linear 1.6s}
html.ebks-vis .ebks-intro{display:flex}
html.ebks-vis body{overflow:hidden}
.ebks-intro.ebks-ud{opacity:0;visibility:hidden}
.ebks-dust{position:absolute;inset:0;pointer-events:none;background:url(../../images/ebkm/pailletglimmer-v2-a.webp) repeat;background-size:420px 420px;opacity:.28;mix-blend-mode:screen}
.ebks-eyebrow{position:relative;margin:0;font:600 12px/1.4 Montserrat,'Helvetica Neue',Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#9a3f5f}
.ebks-titel{position:relative;margin:0;padding:0 .12em;font-family:'Pinyon Script',cursive;font-weight:400;font-size:clamp(46px,8vw,98px);line-height:1.15;color:#b9786a;
  background:linear-gradient(100deg,#b9786a 0%,#e8b8a6 30%,#9c5f53 55%,#f1c9b9 80%,#b9786a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ebks-intro .ebks-dust{opacity:.12;mix-blend-mode:multiply}
.ebks-spejl{position:relative;display:block;width:min(270px,56vw,34vh);aspect-ratio:300/430;margin-top:clamp(30px,6vh,70px);padding:0;border:0;background:none;cursor:pointer;
  transition:transform .5s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}
.ebks-3d{position:relative;display:block;width:100%;height:100%;
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s cubic-bezier(.2,.8,.2,1);animation:ebks-svaev 6s ease-in-out infinite}
.ebks-3d>svg:last-child{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 24px 26px rgba(120,60,50,.26))}
.ebks-refleks{transform:translate(calc(var(--ry,0deg) / 1deg * -1.4px),calc(var(--rx,0deg) / 1deg * 1.4px));transition:transform .45s}
.ebks-gulv{position:absolute;left:14%;right:14%;bottom:-8%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(120,60,50,.22),rgba(120,60,50,0));animation:ebks-gulv 6s ease-in-out infinite}
@keyframes ebks-svaev{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes ebks-gulv{0%,100%{scale:1;opacity:1}50%{scale:.86;opacity:.7}}
.ebks-spejl:hover{transform:scale(1.03)}
.ebks-spejl:focus-visible{outline:3px solid #fff;outline-offset:10px;border-radius:48%}
.ebks-spejl .ebks-sloejfe{position:absolute;z-index:2;left:50%;top:-17%;width:84%;transform:translateX(-50%);pointer-events:none}
.ebks-sloejfe{overflow:visible;filter:drop-shadow(0 6px 10px rgba(170,60,100,.28)) drop-shadow(0 0 14px rgba(255,255,255,.9))}
.ebks-st{transform-box:fill-box;transform-origin:center;animation:ebks-st 2.4s ease-in-out infinite;opacity:0}
@keyframes ebks-st{0%,100%{opacity:0;scale:.3}45%{opacity:1;scale:1}}
.ebks-tryk{transform-box:fill-box;transform-origin:center;animation:ebks-puls 1.8s ease-in-out infinite}
.ebks-hint{position:relative;margin:0;font:600 13px/1.4 Montserrat,'Helvetica Neue',Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#8c3a4c;animation:ebks-puls 1.8s ease-in-out infinite}
@keyframes ebks-puls{0%,100%{opacity:.55;scale:.94}50%{opacity:1;scale:1.04}}
.ebks-spring{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);padding:10px 14px;border:0;background:none;
  font:500 13px Montserrat,'Helvetica Neue',Arial,sans-serif;color:#7a2f45;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* klik: glasset lyser op, spejlet suger en ind */
.ebks-intro.ebks-klik .ebks-glas{animation:ebks-flash 1s ease forwards}
@keyframes ebks-flash{0%{fill:#fff}35%{fill:#fff;filter:brightness(1.3)}100%{fill:#fff}}
.ebks-intro.ebks-klik .ebks-spejl{transform:scale(4.2);opacity:0;transition:transform 1.4s cubic-bezier(.6,0,.2,1),opacity 1s ease .35s}
.ebks-intro.ebks-klik .ebks-titel,.ebks-intro.ebks-klik .ebks-eyebrow,.ebks-intro.ebks-klik .ebks-hint,.ebks-intro.ebks-klik .ebks-spring{opacity:0;transition:opacity .5s}
.ebks-gnist{position:absolute;z-index:3;width:var(--s);height:var(--s);left:var(--x);top:var(--y);pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,#fff 0 30%,rgba(255,214,230,.9) 45%,rgba(255,214,230,0) 70%);animation:ebks-gnist 1.3s cubic-bezier(.1,.7,.3,1) forwards}
@keyframes ebks-gnist{0%{transform:translate(0,0) scale(.4);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1.1);opacity:0}}

/* skinnende bånd à la Charlotte Tilbury */
.ebks-baand{position:relative;overflow:hidden;isolation:isolate;padding:14px max(16px,env(safe-area-inset-right,0px)) 14px max(16px,env(safe-area-inset-left,0px));text-align:center;
  background:linear-gradient(90deg,#e7a0b8,#f8d2de 25%,#fff1f5 50%,#f8d2de 75%,#e7a0b8)}
.ebks-baand::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../../images/ebkm/pailletglimmer-v2-a.webp) repeat;background-size:260px 260px;opacity:.55;mix-blend-mode:screen}
.ebks-baand::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.85) 50%,rgba(255,255,255,0));transform:translateX(-120%);animation:ebks-skin 4.5s ease-in-out infinite}
@keyframes ebks-skin{0%{transform:translateX(-120%)}60%,100%{transform:translateX(320%)}}
.ebks-baand p{margin:0;font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(15px,1.6vw,19px);letter-spacing:.14em;text-transform:uppercase;color:#7a2f45;
  text-shadow:0 1px 0 rgba(255,255,255,.8)}
.ebks-musik{position:fixed;left:max(14px,env(safe-area-inset-left,0px));bottom:max(14px,env(safe-area-inset-bottom,0px));z-index:10060;display:inline-flex;align-items:center;gap:7px;
  padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.95);background:rgba(255,240,245,.92);color:#8c3a4c;
  font:600 13px Montserrat,'Helvetica Neue',Arial,sans-serif;box-shadow:0 6px 18px rgba(170,60,100,.22);cursor:pointer}
.ebks-musik[aria-pressed="true"]{background:#e06a93;color:#fff;border-color:#e06a93}

/* ---------- toppen: clean pastelrosa, udklippede bruder tæt sammen der fader ind ---------- */
body.ebkm .ebkm-hero.ebks-clean{background:#fbe3eb}
body.ebkm .ebks-clean .ebkm-velvet{background:radial-gradient(90% 85% at 35% 45%,#fff6f9 0%,#fce5ed 52%,#f6cfdc 100%)}
body.ebkm .ebks-clean .ebkm-sequin{opacity:.42;mix-blend-mode:screen}
body.ebkm .ebks-clean .ebkm-flares,body.ebkm .ebks-clean .ebkm-sne,body.ebkm .ebks-clean .ebkm-glitter3d,body.ebkm .ebks-clean .ebkm-heroshine{display:none}
body.ebkm .ebks-clean .ebkm-hscript{color:#fff;text-shadow:0 2px 0 #e3a0b7,0 0 18px rgba(255,255,255,.9),0 0 40px rgba(226,120,160,.55)}
body.ebkm .ebks-clean .ebkm-hunder{color:#7a2f45;text-shadow:0 1px 0 rgba(255,255,255,.8)}
body.ebkm .ebks-clean .ebkm-hdot::before{border-color:#c2577a}
body.ebkm .ebks-clean .ebkm-hdot[aria-pressed="true"]::before{background:#c2577a}
body.ebkm .ebks-brude{perspective:none}
body.ebkm .ebks-brud{position:absolute;bottom:0;display:block;opacity:0;transform:translateY(26px)}
body.ebkm .ebks-brud img{display:block;height:100%;width:auto;max-width:none}
body.ebkm .ebks-b1{left:1%;height:86%;z-index:1}
body.ebkm .ebks-b2{left:50%;translate:-50% 0;height:99%;z-index:2}
body.ebkm .ebks-b3{right:1%;height:88%;z-index:1}
body.ebkm .ebkm-hslide[data-on="true"] .ebks-brud{animation:ebks-ind 1.6s cubic-bezier(.2,.8,.2,1) forwards}
body.ebkm .ebkm-hslide[data-on="true"] .ebks-b2{animation-delay:.1s}
body.ebkm .ebkm-hslide[data-on="true"] .ebks-b1{animation-delay:.35s}
body.ebkm .ebkm-hslide[data-on="true"] .ebks-b3{animation-delay:.6s}
html.ebks-vis:not(.ebks-aabner) body.ebkm .ebks-brud{animation-play-state:paused}
@keyframes ebks-ind{to{opacity:1;transform:none}}
body.ebkm .ebks-brud:focus-visible{outline:3px solid #fff;outline-offset:-6px}
body.ebkm .ebks-hsloejfe{width:clamp(120px,13vw,210px);margin-bottom:-4px}
@media (max-width:820px){
  .ebks-spring{bottom:max(70px,env(safe-area-inset-bottom,0px))}
  .ebks-musik{padding:9px 13px;font-size:12px}
  body.ebkm .ebks-b1{left:-5%;height:80%}
  body.ebkm .ebks-b3{right:-5%;height:82%}
  body.ebkm .ebks-hsloejfe{width:110px}
}
@media (prefers-reduced-motion:reduce){
  .ebks-st,.ebks-tryk,.ebks-hint{animation:none;opacity:1}
  body.ebkm .ebks-brud{animation:none !important;opacity:1;transform:none}
  .ebks-intro.ebks-klik .ebks-spejl{transform:none}
  .ebks-3d,.ebks-gulv,.ebks-baand::after{animation:none}
}

body.ebkm .ebks-intro .ebks-titel{font-family:'Pinyon Script',cursive !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important}
body.ebkm .ebks-intro .ebks-eyebrow,body.ebkm .ebks-intro .ebks-hint{font-family:Montserrat,'Helvetica Neue',Arial,sans-serif !important}
body.ebkm .ebks-baand p{font-family:Oswald,'Arial Narrow',sans-serif !important}
body.ebkm .ebks-intro{z-index:2147483000}
body.ebkm .ebks-musik{z-index:2147483001}

/* 2026-10-21: spejlsiden mere hvid + 3D-glimmer */
body.ebkm .ebks-intro{background:radial-gradient(120% 90% at 50% 42%,#ffffff 0%,#ffffff 62%,#fdf5f7 100%)}
body.ebkm .ebks-intro .ebks-dust{opacity:.07}
.ebks-g3d{position:absolute;inset:-6%;pointer-events:none;perspective:760px;perspective-origin:50% 48%;
  transform:translate(var(--px,0px),var(--py,0px));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ebks-gp{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);opacity:0;will-change:transform,opacity;
  animation:ebks-gp var(--d) linear infinite;animation-delay:var(--del)}
.ebks-gp::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff 0 22%,var(--c) 48%,rgba(255,255,255,0) 72%)}
.ebks-gp-st::before{border-radius:0;background:linear-gradient(135deg,#fff 0%,var(--c) 55%,#fff 100%);
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 4px rgba(217,160,143,.6))}
@keyframes ebks-gp{0%{transform:translate3d(0,0,-720px) rotate(0deg) scale(.5);opacity:0}
  14%{opacity:1}82%{opacity:1}100%{transform:translate3d(var(--dx),var(--dy),320px) rotate(200deg) scale(1.1);opacity:0}}
.ebks-intro .ebks-eyebrow,.ebks-intro .ebks-titel,.ebks-intro .ebks-spejl,.ebks-intro .ebks-hint{z-index:2}
@media (prefers-reduced-motion:reduce){.ebks-g3d{display:none}}

/* 2026-10-21: første slide – plus size-bruden (Blush) og Bonny tæt sammen */
body.ebkm .ebks-par .ebks-b1{left:4%;height:97%;z-index:2}
body.ebkm .ebks-par .ebks-b2{left:auto;right:6%;translate:none;height:95%;z-index:1}
@media (max-width:820px){
  body.ebkm .ebks-par .ebks-b1{left:2%;height:94%}
  body.ebkm .ebks-par .ebks-b2{right:0;height:92%}
}

/* 2026-10-21 (v4): to bruder pr. slide side om side, luft over hovederne; sko/slør/hat uden rammer */
body.ebkm .ebks-v4 .ebks-b1{left:3%;right:auto;translate:none;height:86%;z-index:2}
body.ebkm .ebks-v4 .ebks-b2{left:auto;right:3%;translate:none;height:84%;z-index:1}
body.ebkm .ebkm-prodtile.ebks-fri{background:none;padding:0;box-shadow:none;border:0;aspect-ratio:auto}
body.ebkm .ebkm-prodtile.ebks-fri img{height:auto;max-height:200px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(80,10,40,.35))}
@media (max-width:820px){
  body.ebkm .ebks-v4 .ebks-b1{left:0;height:84%}
  body.ebkm .ebks-v4 .ebks-b2{right:0;height:82%}
  body.ebkm .ebkm-prodtile.ebks-fri img{max-height:120px}
}

/* sko, slør, hat og paletten svæver blødt (kun transform = glat på mobil) */
@keyframes ebks-svaev2{0%,100%{transform:perspective(600px) translateY(0) rotate(-3deg) rotateY(-8deg)}50%{transform:perspective(600px) translateY(-14px) rotate(3deg) rotateY(8deg)}}
body.ebkm .ebkm-prodtile.ebks-fri{animation:ebks-svaev2 4.6s ease-in-out infinite !important;will-change:transform}
body.ebkm .ebkm-prodtile.ebks-fri.ebkm-t2{animation-delay:-2.3s !important;animation-duration:5.2s !important}
body.ebkm .ebkm-palette .ebkm-p3d{animation:ebkm-float3d 7s ease-in-out infinite !important}