/* DeckLearn Sverige — rich product details inspired by the approved BR product pages */
.se-rich-product-details{
  --se-rich-a:#37d6ff;
  --se-rich-b:#6e79ff;
  --se-rich-gold:#ffd84d;
  width:min(1180px,calc(100% - 28px));
  margin:20px auto 24px;
  color:#eef5ff;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.se-rich-product-details *{box-sizing:border-box}
.se-rich-product-details h2,.se-rich-product-details h3{font-family:Sora,Inter,sans-serif}
.se-rich-product-details__intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 14px}
.se-rich-product-details__intro h2{margin:6px 0 0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08;letter-spacing:-.035em}
.se-rich-product-details__intro p{max-width:58ch;margin:0;color:#9fb3d8;line-height:1.58;text-align:right}
.se-rich-kicker{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid color-mix(in srgb,var(--se-rich-a) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--se-rich-a) 9%,transparent);color:#e9f7ff;font:900 .73rem/1 Sora,Inter,sans-serif;letter-spacing:.055em;text-transform:uppercase;box-shadow:0 0 18px color-mix(in srgb,var(--se-rich-a) 10%,transparent)}
.se-rich-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.se-rich-feature{position:relative;overflow:hidden;min-height:162px;padding:18px;border:1px solid color-mix(in srgb,var(--se-rich-a) 24%,rgba(255,255,255,.08));border-radius:19px;background:radial-gradient(360px 170px at 0 0,color-mix(in srgb,var(--se-rich-a) 12%,transparent),transparent 68%),radial-gradient(300px 160px at 100% 100%,color-mix(in srgb,var(--se-rich-b) 10%,transparent),transparent 70%),linear-gradient(135deg,#10192b,#171122 72%,#2a0c18);box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.018)}
.se-rich-feature::after{content:"";position:absolute;right:-65px;bottom:-78px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--se-rich-b) 22%,transparent),transparent 68%);pointer-events:none}
.se-rich-feature__inner{position:relative;z-index:1;display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;height:100%}
.se-rich-feature__icon{display:grid;place-items:center;width:76px;height:76px;margin:0;border-radius:18px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--se-rich-a) 13%,transparent),rgba(5,10,22,.18));filter:drop-shadow(0 11px 12px rgba(0,0,0,.42))}
.se-rich-feature__icon img{display:block;width:68px;height:68px;object-fit:contain}
.se-rich-feature--culture .se-rich-feature__icon{width:96px;height:88px;margin-left:-10px;background:transparent}
.se-rich-feature--culture .se-rich-feature__icon img{width:108px;height:90px}
.se-rich-feature h3{margin:0 0 6px;color:#fff;font-size:clamp(1.02rem,2vw,1.28rem);line-height:1.18}
.se-rich-feature p{margin:0;color:#aebfd8;font-size:.91rem;line-height:1.46}
.se-rich-feature strong{color:#fff}

.se-rich-journey{position:relative;overflow:hidden;margin-top:20px;padding:clamp(24px,4vw,42px) clamp(18px,4vw,38px) 30px;border:1px solid color-mix(in srgb,var(--se-rich-gold) 22%,rgba(255,255,255,.08));border-radius:25px;background:radial-gradient(600px 300px at 0 0,color-mix(in srgb,var(--se-rich-a) 13%,transparent),transparent 68%),radial-gradient(620px 300px at 100% 0,color-mix(in srgb,var(--se-rich-b) 12%,transparent),transparent 70%),linear-gradient(180deg,#10192c,#0b1120 72%,#090e1a);box-shadow:0 22px 54px rgba(0,0,0,.40),inset 0 0 72px color-mix(in srgb,var(--se-rich-a) 3%,transparent)}
.se-rich-journey__head{position:relative;z-index:3;max-width:760px;margin:0 auto 22px;text-align:center}
.se-rich-journey__head h2{margin:8px 0 7px;color:#fff;font-size:clamp(1.55rem,3.2vw,2.4rem);letter-spacing:-.035em}
.se-rich-journey__head p{margin:0;color:#aebfd8;line-height:1.58}
.se-rich-journey__decor{position:absolute;z-index:1;width:clamp(84px,12vw,145px);height:clamp(122px,18vw,190px);object-fit:contain;filter:drop-shadow(0 16px 15px rgba(0,0,0,.48)) drop-shadow(0 0 14px color-mix(in srgb,var(--se-rich-a) 18%,transparent));pointer-events:none;opacity:.95}
.se-rich-journey__decor--left{left:8px;top:15px}
.se-rich-journey__decor--right{right:8px;top:18px}
.se-rich-steps{position:relative;z-index:3;display:grid;gap:10px;max-width:1080px;margin:0 auto}
.se-rich-step{--step-accent:var(--se-rich-a);position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 112px;gap:16px;align-items:center;min-height:94px;padding:12px 16px;border:1px dashed color-mix(in srgb,var(--step-accent) 34%,rgba(255,255,255,.10));border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--step-accent) 8%,transparent),rgba(7,12,24,.82) 48%,rgba(10,15,29,.86));box-shadow:0 12px 30px rgba(0,0,0,.22)}
.se-rich-step:nth-child(1){--step-accent:#5ce1ff}.se-rich-step:nth-child(2){--step-accent:#4f9cff}.se-rich-step:nth-child(3){--step-accent:#6e75ff}.se-rich-step:nth-child(4){--step-accent:#ad63d3}.se-rich-step:nth-child(5){--step-accent:var(--se-rich-gold)}
.se-rich-level-badge{display:grid;place-items:center;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--step-accent) 70%,rgba(255,255,255,.18));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--step-accent) 33%,#0d1628),#10182a);color:#fff;font:900 .95rem/1 Sora,Inter,sans-serif;box-shadow:0 10px 22px color-mix(in srgb,var(--step-accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.15)}
.se-rich-step__copy strong{display:block;color:#fff;font:850 .98rem/1.32 Sora,Inter,sans-serif}.se-rich-step__copy span{display:block;margin-top:5px;color:#a8bbd0;font-size:.86rem;line-height:1.46}
.se-rich-progress{display:flex;justify-content:flex-end;gap:4px}.se-rich-progress i{display:block;width:15px;height:15px;border:1px solid color-mix(in srgb,var(--step-accent) 35%,rgba(255,255,255,.12));border-radius:4px;background:rgba(255,255,255,.035)}.se-rich-progress i.is-on{background:color-mix(in srgb,var(--step-accent) 52%,#0b1528);box-shadow:0 0 10px color-mix(in srgb,var(--step-accent) 30%,transparent)}
.se-rich-note{position:relative;z-index:3;display:flex;align-items:center;gap:10px;max-width:850px;margin:16px auto 0;padding:11px 14px;border:1px solid color-mix(in srgb,var(--se-rich-gold) 30%,transparent);border-radius:14px;background:color-mix(in srgb,var(--se-rich-gold) 5%,rgba(8,13,25,.82));color:#cbd9ec;font-size:.88rem;line-height:1.5}.se-rich-note b{color:#fff}

@media(max-width:900px){.se-rich-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.se-rich-journey__decor{opacity:.36}.se-rich-step{grid-template-columns:64px minmax(0,1fr) 92px}}
@media(max-width:650px){.se-rich-product-details{width:min(100% - 20px,1180px)}.se-rich-product-details__intro{display:block}.se-rich-product-details__intro p{margin-top:8px;text-align:left}.se-rich-feature-grid{grid-template-columns:1fr}.se-rich-feature{min-height:142px}.se-rich-feature__inner{grid-template-columns:68px minmax(0,1fr)}.se-rich-feature__icon{width:66px;height:66px}.se-rich-feature__icon img{width:60px;height:60px}.se-rich-journey{padding:24px 12px 20px}.se-rich-journey__decor{display:none}.se-rich-step{grid-template-columns:56px minmax(0,1fr);gap:11px;padding:11px}.se-rich-level-badge{width:48px;height:48px}.se-rich-progress{grid-column:2;justify-content:flex-start}.se-rich-progress i{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){.se-rich-product-details *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* BR parity: keep the cultural illustration in the lower-right corner of the product box. */
.se-product-site .itc-product-intro{isolation:isolate}
.se-product-site .itc-product-intro>.itc-product-intro__art{grid-column:1;grid-row:1;position:relative;z-index:2}
.se-product-site .itc-product-intro>div{grid-column:2;grid-row:1;position:relative;z-index:4}
.se-product-site .itc-product-intro::before{
  content:"";
  grid-column:1;
  grid-row:1;
  align-self:end;
  justify-self:end;
  position:relative;
  z-index:3;
  display:block;
  margin:0;
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size:contain;
  filter:drop-shadow(0 14px 14px rgba(0,0,0,.56)) drop-shadow(0 0 11px rgba(55,214,255,.18));
  pointer-events:none;
}
.se-product-site.it-en-site .itc-product-intro::before{width:clamp(112px,42%,170px);aspect-ratio:180/149;margin:0 -7% -3% 0;background-image:url('/assets/product-previews/br/english-london/london-bus.svg?v=20260804-1')}
.se-product-site.it-es-site .itc-product-intro::before{width:clamp(132px,42%,172px);aspect-ratio:640/512;margin:0 -8% -5% 0;background-image:url('/assets/product-previews/br/spanish-spain/la-mancha-windmills-v1.svg?v=20260809-1')}
.se-product-site.it-de-site .itc-product-intro::before{width:clamp(138px,44%,182px);aspect-ratio:1289/1023;margin:0 -7% -5% 0;background-image:url('/assets/product-previews/br/german-berlin/berlin-reichstag-deck-v4.svg?v=20260809-5')}
.se-product-site.it-ja-site .itc-product-intro::before,.se-product-site.it-jp-site .itc-product-intro::before{width:clamp(150px,52%,214px);aspect-ratio:1123/998;margin:0 -9% -5% 0;background-image:url('/assets/product-previews/br/japanese-tokyo/tokyo-tower-deck-v1.svg?v=20260809-1')}
.se-product-site.it-ko-site .itc-product-intro::before{display:block;width:clamp(150px,52%,214px);aspect-ratio:1/1;margin:0 -9% -5% 0;background-image:url('/assets/product-previews/br/korean-seoul/seoul-palace-deck-v1.svg?v=20260809-1')}

@media(max-width:650px){
  .se-product-site .itc-product-intro>.itc-product-intro__art{grid-column:1;grid-row:1}
  .se-product-site .itc-product-intro>div{grid-column:1;grid-row:2}
  .se-product-site .itc-product-intro::before{grid-column:1;grid-row:1;justify-self:end}
  .se-product-site.it-en-site .itc-product-intro::before{width:132px;margin:0 -5% -3% 0}
  .se-product-site.it-es-site .itc-product-intro::before{width:142px;margin:0 -6% -4% 0}
  .se-product-site.it-de-site .itc-product-intro::before{width:150px;margin:0 -6% -4% 0}
  .se-product-site.it-ja-site .itc-product-intro::before,.se-product-site.it-jp-site .itc-product-intro::before,.se-product-site.it-ko-site .itc-product-intro::before{width:160px;margin:0 -7% -4% 0}
}