/* RO julkampanj: presentkortet som illustration (hemsidan och köpsidan).
   Mörk gran, dubbel guldram, järnekskvist med röda bär. Statiskt, ingen animation.
   Kortet är ren illustration (aria-hidden): siffrorna står alltid också i texten bredvid. */
.julkort-scen{position:relative;display:flex;align-items:center;justify-content:center;padding:34px 18px}
.julkort-scen::before{content:"";position:absolute;inset:6% 4%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(200,155,92,.22),rgba(200,155,92,.07) 55%,transparent 100%);
  filter:blur(6px);pointer-events:none}
.julkort-stack{position:relative;width:min(440px,100%)}
.julkort{position:relative;width:100%;aspect-ratio:1.6/1;border-radius:18px;transform:rotate(-4deg);container-type:inline-size;
  background:
    linear-gradient(118deg,transparent 38%,rgba(227,192,137,.09) 50%,transparent 62%),
    radial-gradient(ellipse 120% 95% at 18% 0%,#21432f 0%,#16291f 46%,#0f1f18 78%,#0b1711 100%);
  box-shadow:0 34px 70px rgba(0,0,0,.62),0 8px 22px rgba(0,0,0,.4),0 0 0 1px rgba(227,192,137,.4),0 0 70px rgba(200,155,92,.16);
  color:#f6f0e6;font-family:'DM Sans',system-ui,sans-serif;overflow:visible}
/* Bakre kortet: ett andra kort snett bakom ger djup, som ett kuvert under granen. */
.julkort-bak{position:absolute;inset:0;border-radius:18px;transform:translate(16px,14px) rotate(7deg);
  background:linear-gradient(160deg,#16291f,#0b1711);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(227,192,137,.22)}
.jk-ram{position:absolute;inset:12px;border:1px solid rgba(227,192,137,.78);border-radius:11px}
.jk-ram::before{content:"";position:absolute;inset:5px;border:1px solid rgba(227,192,137,.28);border-radius:7px}
.jk-innehall{position:absolute;inset:12px;display:flex;flex-direction:column;justify-content:space-between;padding:22px 26px 20px}
.jk-topp{display:flex;align-items:baseline;gap:12px}
.jk-marke{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.1rem;line-height:1;letter-spacing:.2em;color:#fff}
.jk-koord{font-size:.7rem;letter-spacing:.28em;color:#e3c089;text-transform:uppercase}
.jk-titel{font-size:.78rem;letter-spacing:.34em;text-transform:uppercase;color:#e3c089;display:flex;align-items:center;gap:10px}
.jk-titel::after{content:"";flex:0 0 26px;height:1px;background:#e3c089;opacity:.6}
.jk-varde{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.2rem,5.4vw,3.2rem);line-height:1;color:#fff;font-weight:500;margin-top:6px;white-space:nowrap}
.jk-varav{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.15rem;color:#ecdfca;margin-top:6px}
.jk-fot{font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(236,223,202,.78)}
.jk-jarnek{position:absolute;top:-30px;right:-26px;width:46%;max-width:200px;height:auto;transform:rotate(8deg);
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.5));pointer-events:none}
@media(max-width:560px){
  .julkort{transform:rotate(-3deg)}
  .julkort-bak{transform:translate(10px,10px) rotate(6deg)}
  .jk-innehall{padding:16px 18px 14px}
  .jk-marke{font-size:1.6rem}
  .jk-varav{font-size:1rem}
  .jk-jarnek{top:-22px;right:-14px;width:44%}
}
/* Texten skalar med kortets bredd (cqw, kortet är container). Kortet har fast
   form (aspect-ratio) och innehållet ligger absolut, så det kan inte växa: utan
   skalning spillde texten ut ur guldramen på smala telefoner, och på tyska även
   på datorn när kortet blir smalare bredvid den längre texten. Taken är
   storlekarna ovan, och webbläsare utan container-enheter behåller dem. */
@supports (width:1cqw){
  .jk-innehall{padding:5cqw 5.9cqw 4.5cqw}
  .jk-topp{gap:2.8cqw}
  .jk-marke{font-size:clamp(1.1rem,7.6cqw,2.1rem)}
  .jk-koord{font-size:clamp(.5rem,2.55cqw,.7rem)}
  .jk-titel{font-size:clamp(.55rem,2.84cqw,.78rem);gap:2.3cqw}
  .jk-varde{font-size:clamp(1.5rem,11.6cqw,3.2rem);margin-top:1.4cqw}
  .jk-varav{font-size:clamp(.78rem,4.18cqw,1.15rem);margin-top:1.4cqw}
  .jk-fot{font-size:clamp(.5rem,2.55cqw,.7rem)}
}
@media(max-width:420px){
  .jk-koord{letter-spacing:.2em}
  .jk-titel{line-height:1.3;letter-spacing:.28em}
  .jk-varav{line-height:1.25}
  .jk-fot{letter-spacing:.14em;line-height:1.3;white-space:nowrap}
}