/* Hallmark · v2.0.0 · built: the project · redesign: polish (+ hero) · system: DESIGN.md (locked, Amors rosa sagovärld) · genre: playful · signature: Amor in a slow camera orbit, full-bleed hero · copy: verbatim · 2026-10-26 */
/* Critique: the old page had a timid split hero, sixteen sections at four different rhythms and the four common errands (play, preview, listen, buy) scattered over 15 000 px; this layer gives the film the whole stage, one section rhythm, one heading scale and one place to choose a path, without moving a word of SEO copy. */
/* waive 58, 13, 44b-words: hero lead and page copy are the owner's SEO/AEO text (README, amor-seo-aeo); the definition must stay first and verbatim. */
/* waive 38i: "för barn 3–8 år" in italic is the brand's heading gesture in DESIGN.md. */
/* waive 59-count, 8: section order and count carry the AEO text order; rhythm is unified instead. */
/* waive 19: dashes live in approved copy and titles; "3–8" is a range. */
/* waive 29: the frosted paper over the hero film is the signature surface, used twice (hero sheet, seal) and nowhere else. */
/* waive 11: one lift per control family (cards, chips, hero chips) keeps the existing site's hover language. */
/* waive 72: .join-paper and .catalog-table-wrap edges belong to the existing Team Amor form and purchase catalogue, kept as found. */
/* waive 49b: long book titles and legal link labels wrap at 320px by design; renaming them would change SEO copy. */
/* waive 73: the purchase table head and the duplicate row title are visually hidden (screen-reader only) so assistive tech keeps the table semantics; nothing visible is covered. */
/* waive 39b: .path-link is a stretched link over the whole card (hit area = card), not a standalone control. */

:root{
  --hm-cream:var(--cream,#fffbf2);
  --hm-paper:var(--paper,#fffdf8);
  --hm-plum:var(--plum,#563559);
  --hm-ink:var(--ink,#493448);
  --hm-muted:#6b5065;
  --hm-rose:var(--rose-ink,#a33e6a);
  --hm-pink:var(--pink,#e78ca8);
  --hm-pink-deep:var(--pink-deep,#b54776);
  --hm-teal:var(--teal,#2f797b);
  --hm-rose-milk:var(--rose-milk,#fbeaf1);
  --hm-lilac-milk:var(--lilac-milk,#f1e9f7);
  --hm-honey-milk:#fdf2df;
  --hm-mint-milk:#e4f1ee;
  --hm-glass:rgb(255 251 242 / .84);
  --hm-glass-soft:rgb(255 251 242 / .78);
  --hm-veil:rgb(255 251 242 / .5);
  --hm-veil-low:rgb(255 251 242 / .55);
  --hm-veil-none:rgb(255 251 242 / 0);
  --hm-drop:rgb(73 52 72 / .18);
  --hm-field-line:#987d91;
  --hm-star:#85601f;
  --hm-ink-shadow:rgb(54 34 49 / .75);
  --hm-glass-line:rgb(255 255 255 / .7);
  --hm-shadow:rgb(73 52 72 / .16);
  --hm-shadow-soft:rgb(86 53 89 / .09);
  --hm-hairline:rgb(86 53 89 / .08);
  --hm-chip:rgb(255 255 255 / .74);
  --hm-chip-line:rgb(163 62 106 / .2);
  --hm-focus:var(--teal,#2f797b);
  --hm-display:var(--display,'Fraunces',Georgia,serif);
  --hm-body:var(--rounded,'Nunito','Nunito Sans','Noto Sans',sans-serif);
  --hm-ease:var(--ease,cubic-bezier(.16,1,.3,1));
  --hm-section:clamp(72px,9vw,124px);
  --hm-measure:1240px;
  --hm-radius:28px;
  --hm-paw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='16.5' rx='5.2' ry='4.4'/%3E%3Cellipse cx='5.2' cy='10.4' rx='2.2' ry='2.8'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.2' ry='2.9'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.2' ry='2.9'/%3E%3Cellipse cx='18.8' cy='10.4' rx='2.2' ry='2.8'/%3E%3C/svg%3E");
}

html,body{overflow-x:clip}

/* ---------- Focus and press states, everywhere ---------- */
body:is([data-page="home"],[data-page="gate"]) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--hm-focus);outline-offset:4px;transition:none}
body:is([data-page="home"],[data-page="gate"]) :is(.button,.text-link,.path-link,.free-play-bar):active{transform:translateY(1px) scale(.985)}

/* ---------- Spela gratis-bandet: pilen får luft ---------- */
body:is([data-page="home"],[data-page="gate"]) .free-play-bar{gap:12px}
body:is([data-page="home"],[data-page="gate"]) .free-play-bar>span:last-child{transition:transform .35s var(--hm-ease)}
body:is([data-page="home"],[data-page="gate"]) .free-play-bar:hover>span:last-child{transform:translateX(4px)}

/* ---------- HERO: filmen tar hela scenen ---------- */
body:is([data-page="home"],[data-page="gate"]) .hero{
  display:grid;align-items:center;height:auto;
  min-height:clamp(600px,calc(100svh - 150px),860px);
  padding:clamp(26px,3.2vw,52px) max(clamp(24px,5vw,80px),calc((100% - 1360px)/2)) clamp(84px,8vw,112px);
}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema,
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema{inset:0}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema video{
  position:absolute;top:0;height:100%;width:122%;max-width:none;
  inset-inline-start:0;object-fit:cover;object-position:50% 46%;
}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-shade,
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-shade{
  transform:none;
  background:
    linear-gradient(to right,var(--hm-veil),var(--hm-veil-none) 46%),
    linear-gradient(to top,var(--hm-veil-low),var(--hm-veil-none) 26%);
}
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-shade{
  background:
    linear-gradient(to left,var(--hm-veil),var(--hm-veil-none) 46%),
    linear-gradient(to top,var(--hm-veil-low),var(--hm-veil-none) 26%);
}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy,
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy{
  justify-self:start;max-width:min(650px,100%);width:100%;
  padding:clamp(24px,2.6vw,40px);margin:0;
  background:var(--hm-glass);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);
  border-radius:32px;
  box-shadow:0 30px 80px var(--hm-shadow),inset 0 0 0 1px var(--hm-glass-line);
  display:flex;flex-direction:column;
}
body:is([data-page="home"],[data-page="gate"]) #hero-title{
  font-family:var(--hm-display);font-size:clamp(2.3rem,3.9vw,4.1rem);
  line-height:1.04;letter-spacing:-.035em;color:var(--hm-plum);
  overflow-wrap:break-word;min-width:0;text-wrap:balance;
}
body:is([data-page="home"],[data-page="gate"]) #hero-title>span{display:block}
body:is([data-page="home"],[data-page="gate"]) #hero-title em{display:block;font-size:.6em;margin-top:.32em;color:var(--hm-pink-deep);letter-spacing:-.02em}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy .hero-lead{font-size:clamp(15.5px,1.15vw,17px);line-height:1.66;max-width:56ch;margin:14px 0 4px;color:var(--hm-ink)}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy :is(.aeo-tagline,.intl-tagline){font-family:var(--hm-display);font-size:1.15rem;color:var(--hm-rose);margin:6px 0 0}
body:is([data-page="home"],[data-page="gate"]) .hero .love-flourish{width:min(260px,70%);height:auto;margin:4px 0 14px;color:var(--hm-pink)}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-actions .button.primary{min-height:52px;padding:14px 26px;font-size:16px;margin-inline-end:6px}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-actions .text-link{
  min-height:44px;padding:8px 14px;border:0;border-radius:999px;font-size:13.5px;max-width:none;
  background:var(--hm-chip);box-shadow:inset 0 0 0 1px var(--hm-chip-line);color:var(--hm-plum);
  transition:background-color .25s,box-shadow .25s,transform .35s var(--hm-ease);
}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-actions .text-link:hover{background:var(--hm-rose-milk);box-shadow:inset 0 0 0 1px var(--hm-pink);transform:translateY(-2px)}
body:is([data-page="home"],[data-page="gate"]) .hero .reading-age{margin-top:14px;font-size:13px;color:var(--hm-muted)}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-signature{inset-inline-end:calc(4% + 170px);top:9%;text-shadow:0 1px 2px var(--hm-ink-shadow),0 2px 14px var(--hm-ink-shadow)}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-actions .button.primary{white-space:nowrap}

/* Det snurrande sigillet */
.amor-seal{position:absolute;z-index:3;top:clamp(20px,3vw,36px);inset-inline-end:clamp(18px,3.4vw,52px);width:clamp(110px,10vw,150px);aspect-ratio:1;border-radius:50%;
  background:var(--hm-glass-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 36px var(--hm-shadow),inset 0 0 0 1px var(--hm-glass-line);
  display:grid;place-items:center;pointer-events:none}
.amor-seal-ring{position:absolute;inset:0;width:100%;height:100%;animation:amor-seal-spin 40s linear infinite}
.amor-seal-ring text{font-family:var(--hm-body);font-size:17px;font-weight:800;fill:var(--hm-plum);letter-spacing:.02em}
.amor-seal-heart{width:46%;height:auto;animation:amor-heart-beat 2.6s var(--hm-ease) infinite}
@keyframes amor-seal-spin{to{transform:rotate(1turn)}}
@keyframes amor-heart-beat{0%,70%,100%{transform:scale(1)}78%{transform:scale(1.12)}86%{transform:scale(.97)}}
[dir=rtl] .amor-seal-ring{animation-direction:reverse}

/* Hero, surfplatta */
@media (max-width:1100px) and (min-width:761px){
  body:is([data-page="home"],[data-page="gate"]) .hero{min-height:620px}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy{max-width:min(520px,62%)}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema video{width:140%}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-signature{display:none}
}

/* Hero, mobil: Amor först, bladet under */
@media (max-width:760px){
  body:is([data-page="home"],[data-page="gate"]) .hero{display:flex;flex-direction:column;padding:0 0 64px;min-height:0}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema{position:relative;inset:auto;height:clamp(236px,62vw,420px);width:100%;flex:none}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema video{width:100%;inset-inline-start:0;object-position:50% 40%}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-shade,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-shade{background:linear-gradient(to top,var(--hm-cream),var(--hm-veil-none) 34%)}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy{
    margin:-58px 12px 0;width:auto;max-width:none;padding:26px 20px 24px;text-align:center;align-items:center;border-radius:26px}
  body:is([data-page="home"],[data-page="gate"]) #hero-title{font-size:clamp(2.1rem,9.4vw,2.9rem)}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy .hero-lead{font-size:15px;line-height:1.62;margin:14px auto 4px}
  body:is([data-page="home"],[data-page="gate"]) .hero .love-flourish{margin:6px auto 14px}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-actions{justify-content:center}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-actions .button.primary{flex-basis:100%;margin:0 0 4px;font-size:15px}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-actions .text-link{font-size:13px;padding:9px 13px}
  body:is([data-page="home"],[data-page="gate"]) .hero .reading-age{justify-content:center;font-size:12px}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-signature{display:none}
  body:is([data-page="home"],[data-page="gate"]) .hero .pet-button,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-button{top:calc(clamp(236px,62vw,420px) - 118px);bottom:auto;inset-inline-end:14px;inset-inline-start:auto;transform:none}
  body:is([data-page="home"],[data-page="gate"]) .hero .pet-button:hover,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-button:hover{transform:rotate(-3deg)}
  body:is([data-page="home"],[data-page="gate"]) .hero .pet-reply,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-reply{top:calc(clamp(236px,62vw,420px) - 186px);bottom:auto;inset-inline-end:14px;inset-inline-start:auto;transform:none}
  body:is([data-page="home"],[data-page="gate"]) .hero .pet-reply.shown,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-reply.shown{transform:none}
  body:is([data-page="home"],[data-page="gate"]) .hero .motion-button,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .motion-button{top:14px;bottom:auto;right:14px;left:auto}
  .amor-seal,[dir=rtl] .amor-seal{top:14px;right:auto;left:14px;width:92px}
  .amor-seal-ring text{font-size:18px}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy #hero-title{order:-2}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-actions{order:1;margin-top:16px}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy .hero-lead{order:2;margin-top:18px}
  body:is([data-page="home"],[data-page="gate"]) .hero .love-flourish{display:none}
  body:is([data-page="home"],[data-page="gate"]) .hero .reading-age{order:3}
}

@media (max-width:760px) and (max-height:700px){
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema{height:clamp(220px,58vw,300px)}
  body:is([data-page="home"],[data-page="gate"]) .hero .pet-button,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-button{top:calc(clamp(220px,58vw,300px) - 112px)}
  body:is([data-page="home"],[data-page="gate"]) .hero .pet-reply,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-reply{top:calc(clamp(220px,58vw,300px) - 180px)}
}

/* ---------- Amors fyra vägar ---------- */
.amor-paths{position:relative;padding:var(--hm-section) clamp(18px,5vw,80px);background:linear-gradient(180deg,var(--hm-cream),var(--hm-lilac-milk) 78%,var(--hm-cream))}
.paths-inner{max-width:var(--hm-measure);margin:0 auto}
.amor-paths h2{font-family:var(--hm-display);font-size:clamp(2.1rem,4vw,3.7rem);font-weight:500;line-height:1.1;letter-spacing:-.035em;color:var(--hm-plum);text-align:center;margin:0 auto clamp(32px,4vw,56px);max-width:22ch;overflow-wrap:break-word;min-width:0}
.paths-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.path-card{position:relative;display:flex;flex-direction:column;background:var(--hm-paper);border-radius:var(--hm-radius);box-shadow:0 18px 50px var(--hm-shadow-soft),0 0 0 1px var(--hm-hairline);overflow:hidden;
  transition:transform .5s var(--hm-ease),box-shadow .5s var(--hm-ease)}
.path-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px var(--hm-shadow),0 0 0 1px var(--hm-hairline)}
.path-art{position:relative;aspect-ratio:5/4;display:grid;place-items:end center;overflow:hidden;background:var(--hm-rose-milk)}
.path-read .path-art{background:var(--hm-lilac-milk);place-items:center}
.path-listen .path-art{background:var(--hm-honey-milk)}
.path-buy .path-art{background:var(--hm-mint-milk)}
.path-art img{transition:transform .6s var(--hm-ease)}
.path-play .path-art img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;mix-blend-mode:multiply}
.path-read .path-art img{height:80%;width:auto;border-radius:3px 8px 8px 3px;box-shadow:6px 12px 24px var(--hm-shadow);transform:rotate(-4deg)}
.path-listen .path-art img{height:96%;width:auto}
.path-buy .path-art img{height:92%;width:auto;margin-bottom:-4%}
.path-card:hover .path-play .path-art img,.path-play:hover .path-art img{transform:scale(1.05)}
.path-read:hover .path-art img{transform:rotate(-1deg) translateY(-6px) scale(1.04)}
.path-listen:hover .path-art img,.path-buy:hover .path-art img{transform:translateY(-6px) scale(1.04)}
.path-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:22px 24px 24px}
.path-body h3{margin:0;font-family:var(--hm-display);font-size:clamp(1.35rem,1.7vw,1.6rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--hm-plum)}
.path-link{all:unset;cursor:pointer;color:inherit;font:inherit}
.path-link::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:1}
.path-link:focus-visible{outline:none}
.path-link:focus-visible::after{outline:3px solid var(--hm-focus);outline-offset:-3px}
.path-body p{margin:0;font-size:16px;line-height:1.55;color:var(--hm-muted)}
.path-go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:var(--hm-rose)}
.path-go svg{width:18px;height:18px;transition:transform .35s var(--hm-ease)}
.path-card:hover .path-go svg{transform:translateX(4px)}
[dir=rtl] .path-go svg{transform:scaleX(-1)}
[dir=rtl] .path-card:hover .path-go svg{transform:scaleX(-1) translateX(4px)}
.path-direct{position:relative;z-index:2;display:flex;flex-direction:column;gap:0;margin:2px 0 0}
.path-direct a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;font-size:15px;color:var(--hm-teal);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;width:fit-content}
.path-direct a:hover{color:var(--hm-plum)}
.path-direct small{font-size:13px;color:var(--hm-muted)}
@media (max-width:1080px){.paths-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .paths-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .path-card{flex-direction:row;align-items:stretch}
  .path-art{aspect-ratio:auto;width:38%;flex:none;min-height:170px}
  .path-body{padding:18px 18px 18px 16px;gap:6px}
  .path-body h3{font-size:1.3rem}
  .path-body p{font-size:15px}
  .path-play .path-art img{object-position:34% 60%}
}

/* ---------- En sektionsrytm, en rubrikskala ---------- */
body:is([data-page="home"],[data-page="gate"]) main>:is(.seo-discovery,.seo-glance,.seo-reviews,.aeo-faq,.seo-sources){padding-block:var(--hm-section);max-width:var(--hm-measure);margin-inline:auto;box-sizing:content-box}
body:is([data-page="home"],[data-page="gate"]) main>:is(.seo-discovery,.seo-glance,.seo-sources)>h2,
body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>h2,
body:is([data-page="home"],[data-page="gate"]) .seo-reviews .section-intro h2,
body:is([data-page="home"],[data-page="gate"]) .aeo-faq>h2,
body:is([data-page="home"],[data-page="gate"]) .seo-lede>h2{font-family:var(--hm-display);font-weight:500;font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.12;letter-spacing:-.035em;color:var(--hm-plum);overflow-wrap:break-word;min-width:0;text-wrap:balance}
body:is([data-page="home"],[data-page="gate"]) .seo-lede>h2{font-size:clamp(1.7rem,2.6vw,2.5rem);margin-bottom:28px}
body:is([data-page="home"],[data-page="gate"]) main>:is(.seo-discovery,.seo-glance)>h3,
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap>h3,
body:is([data-page="home"],[data-page="gate"]) .site-ratings>h3{font-family:var(--hm-display);font-weight:600;font-size:clamp(1.3rem,1.9vw,1.75rem);line-height:1.2;letter-spacing:-.02em;color:var(--hm-plum);margin-top:clamp(28px,3vw,40px)}
body:is([data-page="home"],[data-page="gate"]) main>:is(.seo-discovery,.seo-glance,.seo-sources) p{max-width:68ch}

/* Faktaraden överst: kort med luft */
body:is([data-page="home"],[data-page="gate"]) .seo-lede{padding-block:clamp(56px,7vw,96px) clamp(24px,3vw,40px)}
body:is([data-page="home"],[data-page="gate"]) .intl-facts{max-width:var(--hm-measure);margin-inline:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
body:is([data-page="home"],[data-page="gate"]) .intl-facts>div{background:var(--hm-paper);border-radius:22px;padding:22px 20px;box-shadow:0 10px 30px var(--hm-shadow-soft),0 0 0 1px var(--hm-hairline);text-align:start}
body:is([data-page="home"],[data-page="gate"]) .intl-facts dt{font-weight:800;font-size:14px;color:var(--hm-rose);margin-bottom:6px}
body:is([data-page="home"],[data-page="gate"]) .intl-facts dd{margin:0;font-size:15px;line-height:1.55;color:var(--hm-ink)}
@media (max-width:1000px){body:is([data-page="home"],[data-page="gate"]) .intl-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){body:is([data-page="home"],[data-page="gate"]) .intl-facts{grid-template-columns:minmax(0,1fr)}}

/* Nakna länkrader blir mjuka chips */
body:is([data-page="home"],[data-page="gate"]) :is(.intl-route-links,.aeo-game-links){display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;margin:24px auto 0;list-style:none}
body:is([data-page="home"],[data-page="gate"]) .aeo-game-links{justify-content:flex-start}
body:is([data-page="home"],[data-page="gate"]) .aeo-game-links li{margin:0;padding:0}
body:is([data-page="home"],[data-page="gate"]) .aeo-game-links li::marker{content:none}
body:is([data-page="home"],[data-page="gate"]) :is(.intl-route-links a,.aeo-game-links a){display:inline-flex;align-items:center;min-height:44px;padding:9px 16px;border-radius:999px;background:var(--hm-chip);box-shadow:inset 0 0 0 1px var(--hm-chip-line);font-size:14px;font-weight:800;color:var(--hm-plum);text-decoration:none;transition:background-color .25s,box-shadow .25s,transform .35s var(--hm-ease)}
body:is([data-page="home"],[data-page="gate"]) :is(.intl-route-links a,.aeo-game-links a):hover{background:var(--hm-rose-milk);box-shadow:inset 0 0 0 1px var(--hm-pink);transform:translateY(-2px)}
body:is([data-page="home"],[data-page="gate"]) .seo-lede>p{margin:22px auto 0;text-align:center}
body:is([data-page="home"],[data-page="gate"]) .seo-lede>p a{font-weight:800;color:var(--hm-teal);text-decoration:underline;text-underline-offset:3px}
body:is([data-page="home"],[data-page="gate"]) .game-guide.intl-explore{padding:clamp(32px,4vw,48px) clamp(18px,5vw,80px) 0}
body:is([data-page="home"],[data-page="gate"]) .game-guide .intl-route-links{margin-top:0}
body:is([data-page="home"],[data-page="gate"]) .book-extras-discovery{max-width:var(--hm-measure);margin:clamp(24px,3vw,40px) auto clamp(48px,6vw,80px);padding:28px clamp(22px,3vw,36px);border-radius:var(--hm-radius);background:var(--hm-rose-milk);box-sizing:border-box;width:calc(100% - 2 * clamp(18px,5vw,80px))}
body:is([data-page="home"],[data-page="gate"]) .book-extras-discovery h2{font-family:var(--hm-display);font-size:clamp(1.4rem,2.2vw,2rem);font-weight:500;color:var(--hm-plum);margin:0 0 10px}
body:is([data-page="home"],[data-page="gate"]) .book-extras-discovery ul{margin:0;padding:0;list-style:none}
body:is([data-page="home"],[data-page="gate"]) .book-extras-discovery a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:var(--hm-rose);text-decoration:underline;text-underline-offset:3px}

/* FAQ: jämna kort med ett litet hjärta */
body:is([data-page="home"],[data-page="gate"]) .faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
body:is([data-page="home"],[data-page="gate"]) .faq-item{background:var(--hm-paper);border-radius:22px;padding:24px 24px 22px;box-shadow:0 10px 30px var(--hm-shadow-soft),0 0 0 1px var(--hm-hairline);height:100%;box-sizing:border-box}
body:is([data-page="home"],[data-page="gate"]) .faq-item h3{position:relative;padding-inline-start:30px;font-family:var(--hm-display);font-size:1.2rem;font-weight:600;line-height:1.3;color:var(--hm-plum);margin:0 0 10px}
body:is([data-page="home"],[data-page="gate"]) .faq-item h3::before{content:'';position:absolute;inset-inline-start:0;top:.28em;width:18px;height:16px;background:var(--hm-pink);-webkit-mask:url("/assets/amorstory-heart.svg") center/contain no-repeat;mask:url("/assets/amorstory-heart.svg") center/contain no-repeat}
body:is([data-page="home"],[data-page="gate"]) .faq-item .faq-answer{font-size:15.5px;line-height:1.62;margin:0;color:var(--hm-ink)}
@media (max-width:760px){body:is([data-page="home"],[data-page="gate"]) .faq-grid{grid-template-columns:minmax(0,1fr)}}

/* Läsbarhet: ingen text under 12 px, kontrast på småtext */
body:is([data-page="home"],[data-page="gate"]) :is(.shelf-caption>span,.family-names small,.series-note,.quiet-note,.book-ribbon,.flag-choice,.footer-links,.footer-links small){font-size:max(12px,1em)}
body:is([data-page="home"],[data-page="gate"]) :is(.reading-age,.quiet-note,.series-note,.review-card figcaption,.aeo-reviewed){color:var(--hm-muted)}

/* ---------- Levande Amor (skapas av amor-life.js, alltid dekorativ) ---------- */
.amor-walker{position:absolute;z-index:6;width:clamp(88px,9vw,130px);pointer-events:auto;cursor:pointer;animation:amor-fade-in .5s ease both;transition:opacity .5s ease}
.amor-walker.leaving{opacity:0}
@keyframes amor-fade-in{from{opacity:0}}
.amor-walker img{display:block;width:100%;height:auto;transform-origin:50% 100%;filter:drop-shadow(0 8px 10px var(--hm-drop))}
.amor-walker .walk-sit{display:none;width:74%;margin-inline:auto}
.amor-walker.sit .walk-run{display:none}
.amor-walker.sit .walk-sit{display:block}
.amor-walker.flip img{scale:-1 1}
.amor-walker.sit .walk-sit{animation:amor-breathe 3.2s ease-in-out infinite}
@keyframes amor-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025,.985)}}
.amor-paw{position:absolute;z-index:5;width:16px;height:16px;opacity:0;pointer-events:none;background:var(--hm-pink);-webkit-mask:var(--hm-paw) center/contain no-repeat;mask:var(--hm-paw) center/contain no-repeat;animation:amor-paw 2.6s ease-out forwards}
@keyframes amor-paw{12%{opacity:.55}100%{opacity:0}}
.amor-peeker{position:absolute;z-index:0;bottom:100%;width:clamp(70px,8vw,110px);pointer-events:auto;cursor:pointer;transform:translateY(100%);transition:transform .9s var(--hm-ease)}
.amor-peeker.up{transform:translateY(8%)}
.amor-peeker img{display:block;width:100%;height:auto}
.amor-peeker.up img{animation:amor-wave 1.6s ease-in-out 2}
@keyframes amor-wave{0%,100%{transform:rotate(0)}30%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}}
.amor-heart{position:absolute;z-index:7;width:18px;height:16px;pointer-events:none;background:var(--hm-pink-deep);-webkit-mask:url("/assets/amorstory-heart.svg") center/contain no-repeat;mask:url("/assets/amorstory-heart.svg") center/contain no-repeat;animation:amor-heart-rise 1.4s var(--hm-ease) forwards}
@keyframes amor-heart-rise{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx,0),-70px) scale(1.15)}}

/* ---------- Respekt för rörelse ---------- */
body.paused .amor-seal-ring,body.paused .amor-seal-heart{animation:none}
body.paused :is(.amor-walker,.amor-peeker,.amor-paw,.amor-heart){display:none}
@media (prefers-reduced-motion:reduce){
  .amor-seal-ring,.amor-seal-heart{animation:none}
  :is(.amor-walker,.amor-peeker,.amor-paw,.amor-heart){display:none}
  .path-card,.path-art img,.path-go svg,body:is([data-page="home"],[data-page="gate"]) .hero .hero-actions .text-link{transition:none}
  .path-card:hover,.path-card:hover .path-art img{transform:none}
}
@media print{.amor-seal,.amor-walker,.amor-peeker{display:none}}

/* Kontrast på äldre detaljer som granskningen hittade */
body:is([data-page="home"],[data-page="gate"]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-color:var(--hm-field-line)}
body:is([data-page="home"],[data-page="gate"]) .review-stars>span{color:var(--hm-star)}
body:is([data-page="home"],[data-page="gate"]) footer .footer-links :is(a,.join-inline-link){color:var(--hm-plum)}
@media (max-width:360px){.path-art{width:32%}.path-body h3{font-size:1.2rem}}
body:is([data-page="home"],[data-page="gate"]) :is(.hero-actions .button,.button-stack .button){white-space:nowrap}
/* Bokhyllans köpknappar har långa etiketter (t.ex. arabiska) i smala kolumner: de får radbrytas och aldrig gå utanför kolumnen. */
body:is([data-page="home"],[data-page="gate"]) .shelf-caption :is(.button,button){white-space:normal;max-width:100%;text-align:center;line-height:1.3}
body:is([data-page="home"],[data-page="gate"]) footer .footer-links a{white-space:nowrap}
body:is([data-page="home"],[data-page="gate"]) .hero .hero-signature{color:var(--hm-plum);text-shadow:0 0 2px var(--hm-cream),0 0 12px var(--hm-cream),0 0 22px var(--hm-cream)}

/* =====================  Omgång 2 (2026-10-26): flaggor i toppen, spelbar, stjärnmagi, springande Amor  ===================== */
:root{
  --hm-gold:var(--gold-light,#dec391);
  --hm-gold-deep:var(--gold,#a17a3f);
  --hm-night:#3f2742;
  --hm-night-2:#563559;
  --hm-on-night:#fff6ec;
  --hm-on-night-soft:rgb(255 246 236 / .82);
  --hm-night-line:rgb(222 195 145 / .45);
  --hm-night-glass:rgb(255 255 255 / .07);
  --hm-flag-hover:rgb(255 255 255 / .7);
  --hm-sheen:rgb(255 255 255 / .55);
  --hm-sheen-none:rgb(255 255 255 / 0);
  --hm-white:#fff;
  --hm-night-shadow:rgb(0 0 0 / .28);
  --hm-night-shadow-lg:rgb(0 0 0 / .34);
  --hm-sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 6.2 4.8 10 12 12-7.2 2-11 5.8-12 12-1-6.2-4.8-10-12-12C7.2 10 11 6.2 12 0Z'/%3E%3C/svg%3E");
}

/* ---------- Flaggorna i toppen ---------- */
.top-flags{position:relative;z-index:4;background:linear-gradient(90deg,var(--hm-rose-milk),var(--hm-lilac-milk) 50%,var(--hm-rose-milk));border-top:1px solid var(--hm-hairline)}
.top-flags-row{display:flex;justify-content:center;align-items:center;gap:clamp(2px,.6vw,10px);max-width:1360px;margin:0 auto;padding:6px clamp(10px,3vw,40px);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.top-flags-row::-webkit-scrollbar{display:none}
.top-flag{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px 6px 8px;border-radius:999px;color:var(--hm-plum);font-family:var(--hm-body);font-size:13px;font-weight:800;line-height:1.1;text-decoration:none;scroll-snap-align:center;
  transition:background-color .25s,box-shadow .25s,transform .4s var(--hm-ease)}
.top-flag:hover{background:var(--hm-flag-hover);transform:translateY(-2px)}
.top-flag[aria-current="page"]{background:var(--hm-paper);box-shadow:inset 0 0 0 1.5px var(--hm-pink),0 4px 14px var(--hm-shadow-soft)}
.top-flag-cloth{position:relative;display:block;width:30px;height:20px;border-radius:3px;overflow:hidden;box-shadow:0 2px 6px var(--hm-shadow);transform-origin:0 50%;
  animation:top-flag-wave 3.4s ease-in-out infinite;animation-delay:calc(var(--i,0) * -.34s)}
.top-flag-cloth img{display:block;width:100%;height:100%;object-fit:cover}
.top-flag-cloth::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,var(--hm-sheen-none) 25%,var(--hm-sheen) 50%,var(--hm-sheen-none) 75%);background-size:250% 100%;mix-blend-mode:soft-light;animation:top-flag-sheen 3.4s ease-in-out infinite;animation-delay:calc(var(--i,0) * -.34s)}
.top-flag:hover .top-flag-cloth,.top-flag:focus-visible .top-flag-cloth{animation-duration:1.2s;scale:1.12}
@keyframes top-flag-wave{0%,100%{transform:perspective(90px) rotateY(0) skewY(0)}50%{transform:perspective(90px) rotateY(-16deg) skewY(-3deg)}}
@keyframes top-flag-sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}
body:is([data-page="home"],[data-page="gate"]) .header-actions .language-current{display:none}
@media (max-width:1240px){
  .top-flag{padding:6px 9px}
  .top-flag:not([aria-current="page"]) .top-flag-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:560px){
  .top-flags-row{justify-content:space-between;padding:4px 6px;gap:0}
  .top-flag,.top-flag[aria-current="page"]{padding:4px;gap:0;min-width:34px;justify-content:center}
  .top-flag .top-flag-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .top-flag-cloth{width:25px;height:17px}
}
@media (max-width:380px){
  .top-flag,.top-flag[aria-current="page"]{min-width:32px;padding:3px}
  .top-flag-cloth{width:23px;height:15px}
}
@media (max-width:340px){
  .top-flags-row{justify-content:flex-start}
  .top-flags::after{content:'';position:absolute;inset-block:0;inset-inline-end:0;width:24px;pointer-events:none;background:linear-gradient(to left,var(--hm-rose-milk),var(--hm-veil-none))}
  [dir=rtl] .top-flags::after{background:linear-gradient(to right,var(--hm-rose-milk),var(--hm-veil-none))}
}

/* ---------- Spelbaren: helt gratis, helt reklamfritt ---------- */
.amor-games{position:relative;overflow:hidden;padding:clamp(64px,8vw,104px) 0 clamp(56px,7vw,88px);background:radial-gradient(120% 90% at 15% 0%,var(--hm-night-2),var(--hm-night) 60%);color:var(--hm-on-night)}
.games-inner{position:relative;max-width:1360px;margin:0 auto}
.games-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 32px;padding:0 clamp(18px,5vw,80px)}
.games-head h2{grid-column:1;margin:0;font-family:var(--hm-display);font-size:clamp(2.1rem,4vw,3.6rem);font-weight:500;line-height:1.08;letter-spacing:-.035em;color:var(--hm-on-night);overflow-wrap:break-word;min-width:0;text-wrap:balance}
.games-head p{grid-column:1;margin:0;font-size:17px;color:var(--hm-on-night-soft)}
.games-all{grid-column:2;grid-row:1 / span 2;align-self:center;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;background:var(--hm-gold);color:var(--hm-night);font-weight:800;font-size:15px;text-decoration:none;transition:transform .35s var(--hm-ease),box-shadow .35s}
.games-all svg{width:18px;height:18px}
.games-all:hover{transform:translateY(-2px);box-shadow:0 10px 26px var(--hm-night-shadow)}
[dir=rtl] .games-all svg{transform:scaleX(-1)}
.games-strip{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(190px,26vw,240px);gap:16px;margin:0;padding:30px clamp(18px,5vw,80px) 10px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(18px,5vw,80px);scrollbar-width:thin;scrollbar-color:var(--hm-gold) transparent}
.games-strip li{margin:0;padding:0;scroll-snap-align:start}
.game-chip{position:relative;display:flex;flex-direction:column;height:100%;background:var(--hm-paper);border-radius:22px;overflow:hidden;color:var(--hm-plum);text-decoration:none;box-shadow:0 14px 34px var(--hm-night-shadow);transition:transform .45s var(--hm-ease),box-shadow .45s var(--hm-ease)}
.game-chip:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 22px 46px var(--hm-night-shadow-lg)}
.game-chip-art{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--hm-lilac-milk)}
.game-chip-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--hm-ease)}
.game-chip:hover .game-chip-art img{transform:scale(1.07)}
.game-chip-name{display:block;padding:14px 16px 6px;font-family:var(--hm-display);font-size:1.08rem;font-weight:600;line-height:1.25}
.game-chip-play{margin:auto 16px 16px;align-self:flex-start;display:inline-flex;align-items:center;min-height:32px;padding:5px 14px;border-radius:999px;background:var(--hm-pink-deep);color:var(--hm-white);font-weight:800;font-size:13px}
.amor-values{display:flex;align-items:center;justify-content:center;gap:14px;max-width:min(940px,calc(100% - 36px));margin:30px auto 0;padding:14px 26px;border-radius:999px;background:var(--hm-night-glass);box-shadow:inset 0 0 0 1px var(--hm-night-line);font-family:var(--hm-display);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.4;color:var(--hm-on-night);text-align:center}
.amor-values img{flex:none;width:28px;height:28px}
@media (min-width:1240px){.games-strip{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible}}
@media (max-width:700px){
  .games-head{grid-template-columns:minmax(0,1fr)}
  .games-all{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}
  .amor-values{border-radius:22px;flex-direction:column;gap:8px;padding:16px 18px}
}

/* ---------- Stjärnmagi ---------- */
.amor-magic{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}
.amor-star{position:absolute;left:0;top:0;width:var(--s,14px);height:var(--s,14px);background:var(--c,var(--hm-gold));-webkit-mask:var(--hm-sparkle) center/contain no-repeat;mask:var(--hm-sparkle) center/contain no-repeat;
  filter:drop-shadow(0 0 4px var(--c,var(--hm-gold)));animation:amor-star-fly var(--d,1.3s) cubic-bezier(.2,.7,.3,1) forwards}
@keyframes amor-star-fly{0%{opacity:0;transform:translate(var(--x0),var(--y0)) scale(.2) rotate(0)}14%{opacity:1}100%{opacity:0;transform:translate(calc(var(--x0) + var(--dx)),calc(var(--y0) + var(--dy))) scale(1) rotate(var(--r,180deg))}}

/* ---------- Springande Amor med leksaksmusen ---------- */
.amor-runner{position:fixed;z-index:55;left:0;bottom:clamp(90px,14vh,150px);width:clamp(120px,13vw,180px);cursor:pointer;pointer-events:auto;filter:drop-shadow(0 10px 12px var(--hm-drop))}
.amor-runner img{display:block;width:100%;height:auto}
.amor-runner.flip img{transform:scaleX(-1)}

/* ---------- Ljudeffektsknappen i ljuddockan ---------- */
.sound-dock .dock-fx{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--hm-rose-milk);color:var(--hm-rose)}
.sound-dock .dock-fx svg{width:18px;height:18px}
.sound-dock .dock-fx[aria-pressed="false"]{opacity:.55}
.sound-dock .dock-fx[aria-pressed="false"] svg{fill:none}
.sound-dock .dock-fx[aria-pressed="true"] svg{fill:currentColor}

body.paused :is(.amor-star,.amor-runner),body.paused .top-flag-cloth,body.paused .top-flag-cloth::after{animation:none}
body.paused :is(.amor-runner,.amor-magic){display:none}
@media (prefers-reduced-motion:reduce){
  .top-flag-cloth,.top-flag-cloth::after{animation:none}
  :is(.amor-runner,.amor-magic){display:none}
  .game-chip,.game-chip-art img{transition:none}
  .game-chip:hover,.game-chip:hover .game-chip-art img{transform:none}
}
body:is([data-page="home"],[data-page="gate"]) .skip:focus-visible{outline-color:var(--hm-plum)}

/* Logo: AMOR nära amorstory. Samma regel som i style.css (src/hallmark-brand.css), här med ny cache-adress vid varje publicering. */
.masthead .brand-signatures .wordmark{transform:translateY(.5em)}
@media (max-width:700px){.masthead .brand-signatures .wordmark{transform:translateY(.3em)}}
/* Fjärilsleken vid spelbaren: animerad WebP kan inte pausas med CSS, så den döljs vid paus och minskad rörelse. */
body.paused .games-butterfly{display:none}
@media (prefers-reduced-motion:reduce){.games-butterfly{display:none}}

/* Små och korta telefoner (iPhone SE m.fl.): lägre film så att rubriken hamnar i första skärmen. */
@media (max-width:380px) and (max-height:700px){
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-cinema{height:162px}
  body:is([data-page="home"],[data-page="gate"]) .hero .pet-button,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-button{top:64px;right:12px;left:auto}
  body:is([data-page="home"],[data-page="gate"]) .hero .pet-reply,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-reply{top:14px;right:12px;left:auto}
  body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .hero-copy{margin-top:-40px;padding-top:20px}
  body:is([data-page="home"],[data-page="gate"]) #hero-title{font-size:1.85rem}
  .amor-seal,[dir=rtl] .amor-seal{width:76px;top:10px;left:10px}
}

/* Surfplatta stående: Klappa Amor och pausknappen på samma rad utan att krocka. */
@media (max-width:1100px) and (min-width:761px){
  body:is([data-page="home"],[data-page="gate"]) .hero .pet-button,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-button{inset-inline-end:78px;inset-inline-start:auto;bottom:92px;left:auto;right:auto}
  [dir=ltr] body:is([data-page="home"],[data-page="gate"]) .hero .pet-button{right:78px}
  [dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-button{left:78px}
  body:is([data-page="home"],[data-page="gate"]) .hero .motion-button,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .motion-button{bottom:98px;top:auto;inset-inline-end:24px;inset-inline-start:auto}
  body:is([data-page="home"],[data-page="gate"]) .hero .pet-reply,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .hero .pet-reply{bottom:150px;inset-inline-end:78px;inset-inline-start:auto}
}

/* =====================  Omgång 3 (2026-10-27): hela omslagen, fem böcker och en bok som öppnar sig  ===================== */
:root{
  --hm-page:#fffaf0;
  --hm-page-line:rgb(86 53 89 / .07);
  --hm-cover-shadow:rgb(73 52 72 / .28);
  --hm-spine:rgb(73 52 72 / .14);
  --hm-dialog-shadow:rgb(54 34 49 / .35);
  --hm-backdrop:rgb(56 34 57 / .64);
  --hm-heart-mini:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e78ca8' d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E");
}
/* Hela omslaget med den rosa ramen: ingen inzoomning eller beskärning. */
body:is([data-page="home"],[data-page="gate"]) .cover-frame{overflow:visible;aspect-ratio:3/4}
body:is([data-page="home"],[data-page="gate"]) .cover-frame img{position:relative;inset:auto;top:auto;left:auto;width:100%;height:100%;max-width:100%;object-fit:cover;border-radius:3px 8px 8px 3px}
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .cover-frame img{border-radius:8px 3px 3px 8px}

/* Fem böcker: rad på dator, 3 + 2 på surfplatta, 2 + 2 + 1 på mobil, alltid centrerat. */
body:is([data-page="home"],[data-page="gate"]) .bookshelf{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(28px,3vw,40px) clamp(18px,2.4vw,34px);max-width:1240px;margin-inline:auto;perspective:1600px}
body:is([data-page="home"],[data-page="gate"]) .bookshelf>.shelf-item{flex:0 1 calc((100% - 4 * clamp(18px,2.4vw,34px)) / 5);min-width:0}
.shelf-item:nth-child(5){--tilt:-3deg}
@media (max-width:1100px){body:is([data-page="home"],[data-page="gate"]) .bookshelf>.shelf-item{flex-basis:calc((100% - 2 * clamp(18px,2.4vw,34px)) / 3);max-width:250px}}
@media (max-width:700px){body:is([data-page="home"],[data-page="gate"]) .bookshelf{max-width:520px}body:is([data-page="home"],[data-page="gate"]) .bookshelf>.shelf-item{flex-basis:calc((100% - clamp(18px,2.4vw,34px)) / 2);max-width:230px}}

/* Boken som öppnar sig: pärmen svänger upp på gångjärnet och visar första sidan. */
body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book{transform-style:preserve-3d}
body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book::before{content:'';position:absolute;inset:2px 4px 2px 2px;border-radius:2px 8px 8px 2px;z-index:0;
  background:var(--hm-heart-mini) 62% 46%/22% auto no-repeat,repeating-linear-gradient(180deg,transparent 0 13px,var(--hm-page-line) 13px 14px) 24% 0/52% 100% no-repeat,linear-gradient(90deg,var(--hm-spine),transparent 12%),var(--hm-page);
  box-shadow:inset -2px 0 0 var(--hm-page-line)}
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book::before{inset:2px 2px 2px 4px;border-radius:8px 2px 2px 8px;background:var(--hm-heart-mini) 38% 46%/22% auto no-repeat,repeating-linear-gradient(180deg,transparent 0 13px,var(--hm-page-line) 13px 14px) 76% 0/52% 100% no-repeat,linear-gradient(-90deg,var(--hm-spine),transparent 12%),var(--hm-page)}
body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book img{z-index:1;transform-origin:0 50%;backface-visibility:hidden;transition:transform .8s var(--hm-ease)}
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book img{transform-origin:100% 50%}
body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book::after{z-index:2}
body:is([data-page="home"],[data-page="gate"]) .shelf-item .book-pages{z-index:0}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book:hover,body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book:focus-visible{transform:translateY(-14px) rotate(0) rotateY(-10deg)}
  body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book:hover img,body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book:focus-visible img{transform:perspective(1100px) rotateY(-62deg);box-shadow:24px 12px 34px var(--hm-cover-shadow)}
  body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book:hover::after,body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book:focus-visible::after{opacity:0}
  [dir=rtl] body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book:hover,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book:focus-visible{transform:translateY(-14px) rotate(0) rotateY(10deg)}
  [dir=rtl] body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book:hover img,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book:focus-visible img{transform:perspective(1100px) rotateY(62deg);box-shadow:-24px 12px 34px var(--hm-cover-shadow)}
}
body:is([data-page="home"],[data-page="gate"]) .shelf-item .physical-book::after{transition:opacity .5s ease}

/* Smakprovsrutan för bok 5 */
.book5-dialog{max-width:860px;width:calc(100% - 32px);padding:clamp(20px,3vw,36px);border:0;border-radius:24px;background:var(--hm-paper);color:var(--hm-ink);box-shadow:0 30px 100px var(--hm-dialog-shadow)}
.book5-dialog::backdrop{background:var(--hm-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.book5-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,36px);align-items:center}
.book5-body img{width:100%;height:auto;border-radius:3px 10px 10px 3px;box-shadow:10px 18px 34px var(--hm-cover-shadow)}
.book5-label{margin:0 0 6px;font-weight:800;font-size:14px;color:var(--hm-rose)}
.book5-text h2{margin:0 0 14px;font-family:var(--hm-display);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:500;line-height:1.15;color:var(--hm-plum);overflow-wrap:break-word;min-width:0}
.book5-dialog[dir=rtl] .book5-text h2{font-family:'Noto Naskh Arabic',var(--hm-display);line-height:1.45}
.book5-excerpt p{margin:0;font-size:17px;line-height:1.7}
.book5-dialog .dialog-close{position:absolute;top:14px;inset-inline-end:14px;width:44px;height:44px;border:0;border-radius:50%;background:var(--hm-rose-milk);color:var(--hm-plum);display:grid;place-items:center;cursor:pointer}
.book5-dialog .dialog-close svg{width:20px;height:20px}
@media (max-width:640px){.book5-body{grid-template-columns:minmax(0,1fr)}.book5-body img{width:56%;margin:8px auto 0}.book5-text{text-align:center}}

/* =====================  Omgång 4 (2026-10-27): köpsektionen som bokkort  ===================== */
:root{
  --hm-tile:#fdf8f3;
  --hm-tile-line:rgb(86 53 89 / .1);
  --hm-tile-ok:#eef6f3;
  --hm-tile-ok-line:rgb(47 121 123 / .35);
  --hm-status:#fcefd9;
  --hm-status-ink:#7a4f12;
  --hm-card-shadow:rgb(86 53 89 / .11);
  --hm-ico-print:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v15M3 4c4-1 6 0 9 2 3-2 5-3 9-2v14c-4-1-6 0-9 2-3-2-5-3-9-2Z'/%3E%3C/svg%3E");
  --hm-ico-ebook:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='2.5'/%3E%3Cpath d='M9 6.5h6M9 10h6M9 13.5h4M11 18.5h2'/%3E%3C/svg%3E");
  --hm-ico-audio:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3Crect x='3' y='14' width='5' height='7' rx='2'/%3E%3Crect x='16' y='14' width='5' height='7' rx='2'/%3E%3C/svg%3E");
}
body:is([data-page="home"],[data-page="gate"]) .purchase-catalog{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);column-gap:clamp(20px,4vw,56px);align-items:center;margin-top:clamp(48px,6vw,80px)}
body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>*{grid-column:1 / -1}
body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>h2{grid-column:1;grid-row:1;margin:0 0 14px}
body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>h2+.catalog-art+p,body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>.catalog-art+p{grid-column:1;grid-row:2;margin:0;color:var(--hm-muted)}
body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>.catalog-art{grid-column:2;grid-row:1 / span 2;width:100%;max-width:300px;height:auto;justify-self:center}

/* Bokkortet */
body:is([data-page="home"],[data-page="gate"]) .purchase-catalog .catalog-table-wrap{display:grid;grid-template-columns:clamp(120px,15vw,190px) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(18px,3vw,40px);row-gap:16px;align-items:start;
  margin:clamp(22px,3vw,32px) 0 0;padding:clamp(20px,3vw,34px);border:0;border-radius:30px;overflow:visible;background:var(--hm-paper);box-shadow:0 22px 60px var(--hm-card-shadow),0 0 0 1px var(--hm-hairline)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap>.catalog-cover{grid-column:1;grid-row:1 / span 2;width:100%;height:auto;border-radius:3px 10px 10px 3px;box-shadow:10px 16px 30px var(--hm-cover-shadow);transform:rotate(-2deg)}
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap>.catalog-cover{border-radius:10px 3px 3px 10px;transform:rotate(2deg)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap>h3{grid-column:2;margin:4px 0 0;font-family:var(--hm-display);font-size:clamp(1.45rem,2.4vw,2.1rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--hm-plum)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap>h3 a{color:inherit;text-decoration:none;background:linear-gradient(var(--hm-pink),var(--hm-pink)) 0 100%/0 2px no-repeat;transition:background-size .4s var(--hm-ease)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap>h3 a:hover{background-size:100% 2px}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap>table{grid-column:2;display:block;width:100%;border:0;font-size:16px}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap thead{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;white-space:nowrap}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap tbody{display:block}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap tbody th[scope="row"]{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding:0;border:0;text-align:start;width:auto}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap tbody th[scope="row"]>span:first-child{display:inline-flex;align-items:center;min-height:30px;padding:4px 14px;margin:0;border-radius:999px;background:var(--hm-rose-milk);color:var(--hm-rose);font-size:14px;font-weight:800}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap tbody th[scope="row"]>span+span{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;white-space:nowrap}

/* Formatrutorna: tryckbok, e-bok, ljudbok */
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap td{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:52px 18px 18px;border:0;border-radius:22px;background:var(--hm-tile);box-shadow:inset 0 0 0 1px var(--hm-tile-line);overflow-wrap:anywhere;text-align:start}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap td::before{content:attr(data-label);position:absolute;top:16px;inset-inline-start:52px;inset-inline-end:14px;font-size:14px;font-weight:800;line-height:1.3;color:var(--hm-plum)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap td::after{content:'';position:absolute;top:12px;inset-inline-start:14px;width:28px;height:28px;border-radius:50%;background:var(--hm-plum);-webkit-mask:var(--hm-ico-print) center/20px no-repeat;mask:var(--hm-ico-print) center/20px no-repeat}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap td:nth-of-type(2)::after{-webkit-mask-image:var(--hm-ico-ebook);mask-image:var(--hm-ico-ebook)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap td:nth-of-type(3)::after{-webkit-mask-image:var(--hm-ico-audio);mask-image:var(--hm-ico-audio)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap td:has(.catalog-offer){background:var(--hm-tile-ok);box-shadow:inset 0 0 0 1.5px var(--hm-tile-ok-line)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap td:has(.catalog-offer)::after{background:var(--hm-teal)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap .catalog-offer{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap .catalog-price{display:block;font-family:var(--hm-display);font-size:clamp(1.5rem,2.2vw,1.9rem);font-weight:600;line-height:1.15;color:var(--hm-plum)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap .catalog-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:6px 0 2px;padding:10px 18px;border-radius:999px;background:var(--hm-plum);color:var(--hm-cream);font-size:15px;font-weight:800;line-height:1.25;text-decoration:none;overflow-wrap:normal;transition:transform .35s var(--hm-ease),box-shadow .35s,background-color .25s}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap .catalog-link:hover{transform:translateY(-2px);box-shadow:0 10px 22px var(--hm-card-shadow);color:var(--hm-cream)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap .catalog-link[data-link-kind="search"]{background:var(--hm-paper);color:var(--hm-teal);box-shadow:inset 0 0 0 1.5px var(--hm-tile-ok-line)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap .catalog-link[data-link-kind="search"]:hover{color:var(--hm-plum)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap .catalog-status{display:inline-flex;align-items:center;padding:5px 12px;border-radius:12px;background:var(--hm-status);color:var(--hm-status-ink);font-size:14px;font-weight:800;line-height:1.35}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap small{display:block;margin:0;font-size:13px;line-height:1.5;color:var(--hm-muted)}
body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap small.catalog-id{margin-top:auto;padding-top:8px;color:var(--hm-muted);font-variant-numeric:tabular-nums}

/* Ljudboksnoten under korten */
body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>p#audiobooks{margin:clamp(20px,3vw,28px) 0 0;padding:16px 22px 16px 58px;border-radius:20px;background:var(--hm-lilac-milk);color:var(--hm-ink);font-size:15.5px;position:relative;max-width:none}
body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>p#audiobooks::before{content:'';position:absolute;top:16px;inset-inline-start:20px;width:24px;height:24px;background:var(--hm-plum);-webkit-mask:var(--hm-ico-audio) center/contain no-repeat;mask:var(--hm-ico-audio) center/contain no-repeat}
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>p#audiobooks{padding:16px 58px 16px 22px}
body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>p#audiobooks a{font-weight:800;color:var(--hm-rose)}

@media (max-width:1000px){
  body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap tbody tr{grid-template-columns:minmax(0,1fr)}
  body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap td{padding:50px 18px 16px}
}
@media (max-width:700px){
  body:is([data-page="home"],[data-page="gate"]) .purchase-catalog{grid-template-columns:minmax(0,1fr)}
  body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>h2,body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>.catalog-art+p{grid-column:1;grid-row:auto}
  body:is([data-page="home"],[data-page="gate"]) .purchase-catalog>.catalog-art{grid-column:1;grid-row:auto;max-width:200px;margin:4px auto 10px}
  body:is([data-page="home"],[data-page="gate"]) .purchase-catalog .catalog-table-wrap{grid-template-columns:96px minmax(0,1fr);padding:18px;border-radius:24px}
  body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap>.catalog-cover{grid-row:1}
  body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap>h3{align-self:center;font-size:1.3rem}
  body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap>table{grid-column:1 / -1}
}
@media (prefers-reduced-motion:reduce){body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap .catalog-link{transition:none}body:is([data-page="home"],[data-page="gate"]) .catalog-table-wrap .catalog-link:hover{transform:none}}

@media (max-width:380px){body:is([data-page="home"],[data-page="gate"]) .shelf-caption>button{white-space:nowrap;font-size:12px}}

/* =====================  Omgång 5 (2026-10-27): fjärilen och sista putsen  ===================== */
:root{
  --hm-wing:#f3a6c0;
  --hm-wing-2:#e78ca8;
  --hm-wing-dot:#fff4d6;
  --hm-wing-body:#7a4f12;
  --hm-ant:#7a4f12;
  --hm-mask:#000;
}
/* Fjärilsleken: Amor står på spelbarens nederkant och sträcker sig efter fjärilen. */
.games-butterfly{position:absolute;z-index:2;bottom:0;inset-inline-end:clamp(12px,3vw,48px);width:clamp(120px,11vw,168px);pointer-events:none}
.amor-games{padding-bottom:clamp(64px,7vw,96px)}
.gb-amor{display:block;width:100%;height:auto;pointer-events:auto;cursor:pointer;transform-origin:50% 100%;animation:gb-reach 2.6s ease-in-out infinite;filter:drop-shadow(0 10px 16px var(--hm-night-shadow))}
.gb-fly{position:absolute;top:-6%;inset-inline-start:58%;width:44%;animation:gb-loop 7s ease-in-out infinite}
.gb-fly svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 6px var(--hm-gold))}
.gb-wing{transform-box:fill-box;animation:gb-flap .22s ease-in-out infinite alternate}
.gb-left{transform-origin:100% 50%}
.gb-right{transform-origin:0 50%}
.gb-w1{fill:var(--hm-wing)}
.gb-w2{fill:var(--hm-wing-2)}
.gb-dot{fill:var(--hm-wing-dot)}
.gb-body{fill:var(--hm-wing-body)}
.gb-ant{fill:none;stroke:var(--hm-ant);stroke-width:1.4;stroke-linecap:round}
@keyframes gb-flap{from{transform:scaleX(1)}to{transform:scaleX(.28)}}
@keyframes gb-loop{0%{transform:translate(0,0) rotate(-8deg)}20%{transform:translate(-38%,-30%) rotate(10deg)}40%{transform:translate(-70%,8%) rotate(-12deg)}60%{transform:translate(-30%,34%) rotate(6deg)}80%{transform:translate(18%,-18%) rotate(14deg)}100%{transform:translate(0,0) rotate(-8deg)}}
@keyframes gb-reach{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-7%) rotate(-3deg)}60%{transform:translateY(-4%) rotate(2deg)}}
[dir=rtl] .gb-fly{animation-name:gb-loop-rtl}
[dir=rtl] .gb-amor{scale:-1 1}
@keyframes gb-loop-rtl{0%{transform:translate(0,0) rotate(8deg)}20%{transform:translate(38%,-30%) rotate(-10deg)}40%{transform:translate(70%,8%) rotate(12deg)}60%{transform:translate(30%,34%) rotate(-6deg)}80%{transform:translate(-18%,-18%) rotate(-14deg)}100%{transform:translate(0,0) rotate(8deg)}}
@media (max-width:900px){.games-butterfly{width:96px;inset-inline-end:10px}.amor-values{margin-inline-end:110px}[dir=rtl] .amor-values{margin-inline-end:auto;margin-inline-start:110px}}
@media (max-width:700px){.games-butterfly{position:relative;bottom:auto;inset-inline-end:auto;margin:24px auto -4px;width:120px}.amor-values{margin-inline:auto}[dir=rtl] .amor-values{margin-inline:auto}.amor-games{padding-bottom:0}}
body.paused .games-butterfly *{animation:none}
@media (prefers-reduced-motion:reduce){.games-butterfly *{animation:none}}

/* Sidfoten: AMOR närmare amorstory, som i sidhuvudet. */
body:is([data-page="home"],[data-page="gate"]) footer .wordmark{display:inline-flex;transform:translateY(.42em)}
body:is([data-page="home"],[data-page="gate"]) footer .site-brand{margin-top:0}

/* Högläsning och godnattsagor: text till vänster, illustration till höger. */
body:is([data-page="home"],[data-page="gate"]) main>.seo-discovery{position:relative}
body:is([data-page="home"],[data-page="gate"]) main>.seo-discovery>.discover-art{float:right;width:clamp(220px,30%,380px);height:auto;margin:0 0 20px clamp(20px,4vw,56px);shape-outside:margin-box}
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) main>.seo-discovery>.discover-art{float:left;margin:0 clamp(20px,4vw,56px) 20px 0}
body:is([data-page="home"],[data-page="gate"]) main>.seo-discovery::after{content:'';display:block;clear:both}
@media (max-width:700px){body:is([data-page="home"],[data-page="gate"]) main>.seo-discovery>.discover-art,[dir=rtl] body:is([data-page="home"],[data-page="gate"]) main>.seo-discovery>.discover-art{float:none;display:block;width:min(70%,260px);margin:0 auto 18px}}

/* Vad forskningen undersökte: ett mjukt kort i stället för lös text. */
body:is([data-page="home"],[data-page="gate"]) main>.seo-sources{padding-inline:clamp(22px,4vw,48px);padding-block:clamp(32px,4vw,48px);margin-block:clamp(40px,6vw,80px);border-radius:30px;background:var(--hm-lilac-milk);box-sizing:border-box;max-width:min(var(--hm-measure),calc(100% - 2 * clamp(18px,5vw,80px)))}
body:is([data-page="home"],[data-page="gate"]) main>.seo-sources>h2{font-size:clamp(1.7rem,2.6vw,2.4rem)}
body:is([data-page="home"],[data-page="gate"]) main>.seo-sources a{font-weight:800;color:var(--hm-rose)}
body:is([data-page="home"],[data-page="gate"]) main>.seo-sources .aeo-reviewed{margin-bottom:0;font-size:14px}

/* Länkraden och extras-rutan före sidfoten: ett sammanhållet avslut. */
body:is([data-page="home"],[data-page="gate"]) .game-guide.intl-explore{padding-top:clamp(40px,5vw,64px)}
body:is([data-page="home"],[data-page="gate"]) .book-extras-discovery{position:relative;overflow:hidden;padding-inline-end:clamp(140px,22%,260px);min-height:150px;box-shadow:0 14px 40px var(--hm-shadow-soft)}
body:is([data-page="home"],[data-page="gate"]) .book-extras-discovery::after{content:'';position:absolute;inset-block:0;inset-inline-end:0;width:clamp(120px,20%,240px);background:url("/assets/images/game-thumbs/coloring.webp") center/cover no-repeat;-webkit-mask-image:linear-gradient(to left,var(--hm-mask) 55%,transparent);mask-image:linear-gradient(to left,var(--hm-mask) 55%,transparent)}
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .book-extras-discovery::after{-webkit-mask-image:linear-gradient(to right,var(--hm-mask) 55%,transparent);mask-image:linear-gradient(to right,var(--hm-mask) 55%,transparent)}
@media (max-width:560px){body:is([data-page="home"],[data-page="gate"]) .book-extras-discovery{padding-inline-end:clamp(22px,3vw,36px);padding-bottom:120px}body:is([data-page="home"],[data-page="gate"]) .book-extras-discovery::after{inset-block:auto 0;width:100%;height:110px;-webkit-mask-image:linear-gradient(to top,var(--hm-mask) 50%,transparent);mask-image:linear-gradient(to top,var(--hm-mask) 50%,transparent)}}
/* Fjärilsscenen står på spelbarens golv, under korten och bredvid värderingsraden. */
.games-butterfly{bottom:calc(-1 * clamp(64px,7vw,96px));width:clamp(118px,10vw,150px)}
.amor-values{margin-top:clamp(30px,4.6vw,64px)}
@media (min-width:901px){.amor-values{max-width:min(880px,calc(100% - 2 * clamp(150px,13vw,200px)))}}
@media (max-width:700px){.games-butterfly{bottom:auto}}
/* Länkar i högläsningsavsnittet syns som länkar. */
body:is([data-page="home"],[data-page="gate"]) main>.seo-discovery>p>a{color:var(--hm-rose);font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
body:is([data-page="home"],[data-page="gate"]) main>.seo-discovery>p>a:hover{color:var(--hm-plum)}
/* Ljuddockan på arabiska: kompakt i högra hörnet (tidigare fick den både vänster och höger och drogs ut). */
[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .sound-dock{left:auto;right:20px}
@media (max-width:560px){[dir=rtl] body:is([data-page="home"],[data-page="gate"]) .sound-dock{right:12px}}
/* Forskningskortet: plats för den sovande Amor under kortet, och lite bredare text. */
body:is([data-page="home"],[data-page="gate"]) main>.seo-sources{margin-bottom:clamp(120px,13vw,170px)}
body:is([data-page="home"],[data-page="gate"]) main>.seo-sources p{max-width:78ch}