/* Salora Booking – salonens offentlige side. Temaer: lys, varm, moerk. Accentfarve fra salonen: --acc */
@font-face{font-family:Inter;src:url(fonts/Inter-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/Inter-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/Inter-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Inter Display";src:url(fonts/InterDisplay-Bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Inter Display";src:url(fonts/InterDisplay-ExtraBold.woff) format("woff");font-weight:800;font-display:swap}
@font-face{font-family:Cinzel;src:url(fonts/Cinzel-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:Cinzel;src:url(fonts/Cinzel-Bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:Lora;src:url(fonts/Lora.woff) format("woff");font-weight:400 700;font-display:swap}
@font-face{font-family:Lora;src:url(fonts/Lora-Italic.woff) format("woff");font-weight:400 700;font-style:italic;font-display:swap}

:root{
  --bg:#faf7f2;--flade:#fff;--flade2:#f2ede6;--tekst:#221d1a;--daempet:#7a716a;--streg:#e6dfd6;
  --rubrik:Lora,Georgia,serif;--rubrik-vaegt:600;--rubrik-case:none;--rubrik-spacing:-.01em;
  --radius:14px;--skygge:0 1px 2px rgba(30,20,10,.05),0 8px 24px rgba(30,20,10,.06);
  --max:1120px;
}
.tema-varm{--bg:#f4ece2;--flade:#fffaf4;--flade2:#ebe0d2;--streg:#e0d3c3}
.tema-moerk{
  --bg:#0b0a09;--flade:#13110f;--flade2:#1b1815;--tekst:#f1ebe1;--daempet:#a39a8e;--streg:#29251f;
  --rubrik:Cinzel,"Times New Roman",serif;--rubrik-vaegt:700;--rubrik-case:none;--rubrik-spacing:.02em;
  --skygge:0 1px 0 rgba(255,255,255,.03),0 14px 40px rgba(0,0,0,.45);--radius:6px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tekst);font:400 16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--rubrik);font-weight:var(--rubrik-vaegt);text-transform:var(--rubrik-case);letter-spacing:var(--rubrik-spacing);line-height:1.08;margin:0}
.daempet{color:var(--daempet)}
.lille{font-size:13px}
.spring{position:absolute;left:-9999px}.spring:focus{left:12px;top:12px;z-index:99;background:var(--flade);padding:8px 12px;border-radius:8px}

/* Knapper */
.knap{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--acc);color:var(--paa-acc);text-decoration:none;font-weight:600;font-size:15px;padding:11px 20px;border-radius:999px;border:1px solid var(--acc);cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s;font-family:inherit;line-height:1.2}
.knap:hover{filter:brightness(1.07);transform:translateY(-1px)}
.knap:focus-visible,.valg:focus-visible,.tid:focus-visible,.dag:focus-visible,.pris-raekke:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.knap-sekundaer{background:transparent;color:var(--tekst);border-color:var(--streg)}
.knap-sekundaer:hover{border-color:var(--acc);filter:none}
.knap-stor{padding:15px 26px;font-size:16px}
.knap-lille{padding:8px 16px;font-size:14px}
.knap-fuld{width:100%}
.knap-fare{background:#b3362b;border-color:#b3362b;color:#fff}

/* Top */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--streg) 70%,transparent)}
.top-ind{max-width:var(--max);margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:28px}
.maerke{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--rubrik);font-weight:var(--rubrik-vaegt);letter-spacing:.06em;font-size:17px;margin-right:auto}
.maerke img{height:40px;width:40px;object-fit:contain}
.top-nav{display:flex;gap:26px}
.top-nav a{text-decoration:none;font-size:14px;color:var(--daempet);font-weight:500;letter-spacing:.02em;transition:color .15s}
.top-nav a:hover{color:var(--tekst)}
.tema-moerk .top-nav a{text-transform:uppercase;font-size:12.5px;letter-spacing:.16em}

/* Hero (uden logo) */
.hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:flex-end;overflow:hidden;background:var(--flade2)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03)}
.hero.med-billede::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.88) 100%)}
.hero.med-billede .hero-ind{color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.35)}
.hero.med-billede .hero-type{color:#fff;opacity:.85}
.hero-ind{position:relative;z-index:1;width:100%;max-width:var(--max);margin:0 auto;padding:120px 20px 56px}
.hero-type{margin:0 0 14px;font-size:12px;letter-spacing:.28em;font-weight:600;color:var(--acc)}
.hero h1{font-size:clamp(44px,8.5vw,104px);max-width:12ch}
.hero-tag{font-size:clamp(17px,2.2vw,21px);max-width:36ch;margin:18px 0 0;opacity:.9}
.hero-knapper{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero.med-billede .knap-sekundaer{color:#fff;border-color:rgba(255,255,255,.45);backdrop-filter:blur(6px)}
.hero-fakta{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;gap:8px 26px;font-size:14px;opacity:.9}
.hero-fakta li{display:flex;align-items:center;gap:8px}
.prik{width:8px;height:8px;border-radius:50%;background:#c0574b;box-shadow:0 0 0 4px rgba(192,87,75,.2);flex:0 0 8px}
.prik.aaben{background:#3fae6a;box-shadow:0 0 0 4px rgba(63,174,106,.22)}

/* Hero med logo: logo og tekst på den ene side, salonen på den anden */
.hero-split{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:min(calc(100vh - 61px),860px);background:var(--bg);overflow:hidden}
.hs-tekst{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 40px 64px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--acc) 10%,transparent),transparent 62%)}
.hs-logo{margin:0;line-height:0}
.hs-logo img{width:clamp(220px,30vw,400px);height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5));animation:ind .9s cubic-bezier(.2,.8,.2,1) both}
.hs-tag{font-family:Lora,Georgia,serif;font-style:italic;font-size:clamp(18px,1.9vw,22px);color:var(--tekst);opacity:.86;max-width:30ch;margin:18px 0 0;animation:ind .9s .12s cubic-bezier(.2,.8,.2,1) both}
.hero-split .hero-knapper{justify-content:center;animation:ind .9s .22s cubic-bezier(.2,.8,.2,1) both}
.hs-status{display:flex;align-items:center;gap:10px;margin:26px 0 0;font-size:14px;color:var(--daempet)}
.hs-foto{position:relative;overflow:hidden;background:var(--flade2)}
.hs-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:zoom 14s ease-out both}
.hs-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 26%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 40%)}
.hs-foto::before{content:"";position:absolute;inset:22px;border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);z-index:1;pointer-events:none}
@keyframes ind{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
@media(max-width:899px){
  .hero-split{grid-template-columns:1fr;min-height:auto}
  .hs-foto{position:absolute;inset:0}
  .hs-foto img{opacity:.42}
  .hs-foto::after{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 55%,transparent) 0%,color-mix(in srgb,var(--bg) 40%,transparent) 50%,var(--bg) 100%)}
  .hs-foto::before{inset:12px}
  .hs-tekst{padding:56px 22px 60px;background:none}
  .hs-logo img{width:min(64vw,280px)}
}

/* Bånd med fakta */
.baand{border-top:1px solid var(--streg);border-bottom:1px solid var(--streg);background:var(--flade)}
.baand-ind{list-style:none;margin:0 auto;padding:0 20px;max-width:var(--max);display:grid;grid-template-columns:repeat(4,1fr)}
.baand li{padding:26px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;border-left:1px solid var(--streg)}
.baand li:first-child{border-left:0}
.baand strong{font-family:var(--rubrik);font-weight:var(--rubrik-vaegt);font-size:clamp(19px,2.1vw,24px);color:var(--acc);letter-spacing:.02em}
.baand span{font-size:13px;color:var(--daempet);letter-spacing:.04em}
@media(max-width:759px){.baand-ind{grid-template-columns:1fr 1fr;padding:0}.baand li{padding:20px 12px}.baand li:nth-child(3){border-left:0}.baand li:nth-child(n+3){border-top:1px solid var(--streg)}}

/* Sektioner */
.sektion{padding:110px 20px}
.bred{max-width:var(--max);margin:0 auto}
.smal{max-width:720px;margin:0 auto}
.centreret{text-align:center}
.sektion-hoved{margin-bottom:48px}
.sektion-hoved .daempet{margin:14px 0 0}
.overrubrik{margin:0 0 14px;color:var(--acc);font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:14px}
.overrubrik::before,.overrubrik::after{content:"";width:28px;height:1px;background:currentColor;opacity:.6}
.sektion h2,.cta h2{font-size:clamp(34px,5vw,56px)}

/* Om os */
.om-grid{display:grid;gap:56px;align-items:center}
.om-med-billede .om-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.om:not(.om-med-billede) .om-indhold{max-width:720px;margin:0 auto;text-align:center}
.om-foto{margin:0;position:relative;aspect-ratio:4/5}
.om-foto img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.om-foto::before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid color-mix(in srgb,var(--acc) 60%,transparent)}
.om-tekst{margin-top:24px;font-size:17.5px;line-height:1.75;color:color-mix(in srgb,var(--tekst) 86%,transparent)}
.om-signatur{margin:26px 0 0;font-family:Lora,Georgia,serif;font-style:italic;font-size:21px;color:var(--acc)}
@media(max-width:859px){.om-med-billede .om-grid{grid-template-columns:1fr;gap:44px}.om-foto{max-width:460px;margin:0 18px 0 18px}}

/* Prisliste */
.priser{background:var(--flade);border-top:1px solid var(--streg);border-bottom:1px solid var(--streg)}
.prisliste{display:grid;grid-template-columns:1fr;gap:44px;max-width:1000px;margin:0 auto}
@media(min-width:900px){.prisliste{grid-template-columns:1fr 1fr;gap:48px 80px}.prisgruppe:only-child{grid-column:1/-1}}
.prisgruppe h3{font-family:var(--rubrik);font-size:22px;color:var(--acc);margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--streg)}
.pris-raekke{display:block;padding:14px 8px;margin:0 -8px;text-decoration:none;border-radius:6px;transition:background .15s}
.pris-raekke:hover{background:color-mix(in srgb,var(--acc) 8%,transparent)}
.pris-top{display:flex;align-items:baseline;gap:10px}
.pris-navn{font-weight:600;font-size:17px;flex:0 1 auto}
.pris-prikker{flex:1 1 auto;min-width:20px;border-bottom:1px dotted color-mix(in srgb,var(--daempet) 70%,transparent);transform:translateY(-4px)}
.pris-kr{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--acc);font-size:17px}
.pris-under{display:flex;justify-content:space-between;gap:12px;margin-top:3px;font-size:14px;color:var(--daempet)}
.pris-tid{white-space:nowrap}
.priser-knap{margin:56px 0 0}

/* Team */
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,320px));justify-content:center;gap:26px}
.person{background:var(--flade);border:1px solid var(--streg);border-radius:var(--radius);padding:38px 28px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .2s,transform .2s}
.person:hover{border-color:color-mix(in srgb,var(--acc) 50%,var(--streg));transform:translateY(-3px)}
.person-foto{width:116px;height:116px;border-radius:50%;overflow:hidden;display:grid;place-items:center;margin-bottom:22px;background:var(--flade2);color:var(--acc);font-family:var(--rubrik);font-weight:700;font-size:38px;box-shadow:0 0 0 1px var(--acc),0 0 0 7px var(--flade),0 0 0 8px color-mix(in srgb,var(--acc) 40%,transparent)}
.person-foto img{width:100%;height:100%;object-fit:cover}
.person h3{font-size:26px}
.person-titel{margin:6px 0 0;color:var(--daempet);font-size:13px;letter-spacing:.24em;text-transform:uppercase}
.person-bio{margin:14px 0 0;font-size:15px}
.person .knap{margin-top:24px}

/* Galleri */
.galleri-sektion{padding-left:0;padding-right:0}
.galleri{display:grid;grid-template-columns:repeat(var(--kol,4),1fr);gap:6px;padding:0 6px}
.galleri.antal-1{--kol:1;max-width:720px;margin:0 auto}.galleri.antal-2{--kol:2}.galleri.antal-3{--kol:3}.galleri.antal-5{--kol:5}.galleri.antal-6{--kol:3}
.galleri figure{margin:0;overflow:hidden;background:var(--flade2);aspect-ratio:3/4}
.galleri img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .4s}
.galleri figure:hover img{transform:scale(1.05)}
.galleri-mere{margin:28px 0 0}
.galleri-mere a{color:var(--acc);text-decoration:none;font-weight:500}
@media(max-width:759px){.galleri{grid-template-columns:1fr 1fr}.galleri.antal-1{grid-template-columns:1fr}.galleri.antal-3 figure:first-child,.galleri.antal-5 figure:first-child{grid-column:1/-1;aspect-ratio:4/3}}

/* Find os */
.find{background:var(--flade);border-top:1px solid var(--streg);border-bottom:1px solid var(--streg)}
.find-grid{display:grid;gap:48px}
@media(min-width:860px){.find-grid{grid-template-columns:1fr 1.1fr;align-items:stretch}}
.find-adr{font-size:21px;margin:22px 0}
.find-knapper{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.lille-rubrik{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--daempet);font-weight:600;margin:6px 0 10px}
.aabning{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;max-width:460px}
.aabning th,.aabning td{padding:11px 0;border-bottom:1px solid var(--streg);text-align:left;font-weight:400}
.aabning td{text-align:right}
.aabning tr.idag th,.aabning tr.idag td{font-weight:600;color:var(--acc)}
.idag-maerke{font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid currentColor;border-radius:99px;padding:1px 7px;margin-left:8px;vertical-align:2px}
.kort-boks{position:relative;min-height:380px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--streg);background:
  linear-gradient(color-mix(in srgb,var(--streg) 60%,transparent) 1px,transparent 1px) 0 0/34px 34px,
  linear-gradient(90deg,color-mix(in srgb,var(--streg) 60%,transparent) 1px,transparent 1px) 0 0/34px 34px,var(--flade2)}
.kort-boks iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tema-moerk .kort-boks.vist iframe{filter:grayscale(1) invert(.9) contrast(.9) brightness(.95)}
.kort-pladsholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px}
.kort-pladsholder strong{font-family:var(--rubrik);font-size:20px;margin-top:14px}
.kort-pladsholder span{color:var(--daempet)}
.kort-pladsholder .knap{margin-top:16px}
.kort-pladsholder small{color:var(--daempet);font-size:12px;margin-top:8px;opacity:.8}
.kort-naal{width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--acc);box-shadow:0 10px 24px rgba(0,0,0,.35);position:relative}
.kort-naal::after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--flade2)}

/* CTA */
.cta{text-align:center;padding:120px 20px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 60%)}
.cta p:not(.overrubrik){color:var(--daempet);margin:18px auto 32px;font-size:18px;max-width:46ch}

/* Fod */
.fod{border-top:1px solid var(--streg);padding:72px 20px 110px;font-size:14.5px;background:var(--bg)}
.fod-ind{max-width:var(--max);margin:0 auto;display:grid;gap:40px;grid-template-columns:1.1fr 1fr 1.1fr 1fr}
.fod-logo{width:150px;height:auto}
.fod-navn{font-family:var(--rubrik);font-weight:var(--rubrik-vaegt);letter-spacing:.06em;font-size:20px}
.fod-rubrik{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--acc);font-weight:600;margin:0 0 16px}
.fod p{margin:0 0 8px;color:var(--daempet)}
.fod a{text-decoration:none;color:var(--tekst)}.fod a:hover{color:var(--acc)}
.fod .knap{color:var(--paa-acc);margin-top:10px}
.fod-tider{list-style:none;margin:0;padding:0;color:var(--daempet);font-variant-numeric:tabular-nums}
.fod-tider li{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.fod-tider li span:first-child{text-transform:capitalize}
.fod-soc{display:flex;gap:18px}
.fod-bund{max-width:var(--max);margin:56px auto 0;padding-top:22px;border-top:1px solid var(--streg);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--daempet);font-size:12.5px}
@media(max-width:899px){.fod-ind{grid-template-columns:1fr 1fr}}
@media(max-width:559px){.fod-ind{grid-template-columns:1fr}.fod-brand{text-align:center}.fod-logo{margin:0 auto}}
@media(min-width:760px){.fod{padding-bottom:56px}}

/* Mobil */
.mobil-book{position:fixed;left:16px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));z-index:30;text-align:center;background:var(--acc);color:var(--paa-acc);text-decoration:none;font-weight:600;padding:15px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
@media(min-width:760px){.mobil-book{display:none}}
@media(max-width:759px){.top-nav,.top .knap{display:none}.sektion{padding:76px 18px}.galleri-sektion{padding-left:0;padding-right:0}.hero-ind{padding:110px 18px 44px}.maerke{font-size:15px}}

/* Mørkt tema: klassiske barbershop-knapper */
.tema-moerk .knap{border-radius:3px;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:600;padding:13px 22px}
.tema-moerk .knap-stor{padding:17px 30px;font-size:13.5px}
.tema-moerk .knap-lille{padding:10px 16px;font-size:12px}
.tema-moerk .knap:not(.knap-sekundaer){background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 82%,#fff) 0%,var(--acc) 55%,color-mix(in srgb,var(--acc) 82%,#000) 100%)}
.tema-moerk .knap-sekundaer{border-color:color-mix(in srgb,var(--acc) 45%,transparent)}
.tema-moerk .mobil-book{border-radius:4px;text-transform:uppercase;letter-spacing:.14em;font-size:14px}

/* Flash */
.flash{max-width:var(--max);margin:16px auto 0;padding:12px 16px;border-radius:10px;background:color-mix(in srgb,#3fae6a 14%,var(--flade));border:1px solid color-mix(in srgb,#3fae6a 40%,transparent)}
.flash-fejl{background:color-mix(in srgb,#c0574b 14%,var(--flade));border-color:color-mix(in srgb,#c0574b 40%,transparent)}

/* Booking */
.book{max-width:var(--max);margin:0 auto;padding:40px 20px 80px}
.book-hoved h1{font-size:clamp(32px,5vw,46px)}
.trin{list-style:none;display:flex;gap:6px;padding:0;margin:22px 0 32px;flex-wrap:wrap}
.trin li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--daempet);padding:6px 12px 6px 6px;border-radius:999px;background:var(--flade);border:1px solid var(--streg)}
.trin li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--flade2);font-weight:600;font-size:12px}
.trin li.aktiv{color:var(--tekst);border-color:var(--acc)}
.trin li.aktiv span,.trin li.faerdig span{background:var(--acc);color:var(--paa-acc)}
@media(max-width:600px){.trin li:not(.aktiv){font-size:0;padding:4px}.trin li:not(.aktiv) span{font-size:12px}}
.book-grid{display:grid;gap:28px}
@media(min-width:900px){.book-grid{grid-template-columns:1fr 340px;align-items:start}.opsummering{position:sticky;top:88px}}
.trin-rubrik{font-size:24px;margin-bottom:20px;text-transform:none;letter-spacing:-.01em;font-family:Inter,sans-serif;font-weight:600}
.gruppe-rubrik{font-family:Inter,sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--daempet);font-weight:600;margin:28px 0 10px}
.valg-liste{display:grid;gap:10px}
.valg{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:var(--flade);border:1px solid var(--streg);border-radius:var(--radius);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.valg:hover{border-color:var(--acc);transform:translateY(-1px);box-shadow:var(--skygge)}
.valg strong{display:block;font-weight:600}
.valg small{display:block;color:var(--daempet);font-size:14px;margin-top:2px}
.valg-hoejre{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;font-size:14px}
.valg-hoejre strong{font-size:16px}
.valg-person{justify-content:flex-start}
.avatar{width:52px;height:52px;border-radius:50%;flex:0 0 52px;display:grid;place-items:center;background:var(--acc);color:var(--paa-acc);font-weight:700;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-alle{background:var(--flade2);color:var(--acc);font-size:20px}
.dage{display:flex;align-items:stretch;gap:8px}
.dage-raekke{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;flex:1}
.dage-pil{display:grid;place-items:center;width:38px;border-radius:12px;border:1px solid var(--streg);text-decoration:none;font-size:22px;background:var(--flade)}
.dage-pil.deaktiv{opacity:.3}
.dag{display:flex;flex-direction:column;align-items:center;padding:10px 2px;border-radius:12px;border:1px solid var(--streg);background:var(--flade);text-decoration:none;line-height:1.2;transition:border-color .15s}
.dag span{font-size:12px;color:var(--daempet);text-transform:capitalize}
.dag strong{font-size:20px;margin:4px 0 2px;font-variant-numeric:tabular-nums}
.dag small{font-size:11px;color:var(--daempet)}
.dag:hover{border-color:var(--acc)}
.dag.valgt{background:var(--acc);border-color:var(--acc);color:var(--paa-acc)}
.dag.valgt span,.dag.valgt small{color:inherit;opacity:.85}
.dag.fuld{opacity:.4;background:transparent}
.tid-gruppe{font-size:13px;color:var(--daempet);margin:22px 0 10px;font-weight:600}
.tider{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}
.tid{text-align:center;padding:12px 6px;border-radius:10px;border:1px solid var(--streg);background:var(--flade);text-decoration:none;font-weight:600;font-variant-numeric:tabular-nums;transition:all .15s}
.tid:hover{border-color:var(--acc);background:var(--acc);color:var(--paa-acc)}
.tom{padding:20px;border:1px dashed var(--streg);border-radius:var(--radius);color:var(--daempet)}
.opsummering{background:var(--flade);border:1px solid var(--streg);border-radius:var(--radius);padding:24px;box-shadow:var(--skygge)}
.opsummering h2{font-family:Inter,sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--daempet);font-weight:600;margin-bottom:12px}
.opsummering dl{margin:0}
.opsummering dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--streg);font-size:15px}
.opsummering dt{color:var(--daempet)}
.opsummering dd{margin:0;text-align:right;font-weight:500}
.opsummering dd a{font-size:13px;color:var(--acc);margin-left:6px}
.opsummering .sum dd{font-weight:700;font-size:17px}
.advarsel{padding:14px 16px;border-radius:12px;background:color-mix(in srgb,#c0574b 13%,var(--flade));border:1px solid color-mix(in srgb,#c0574b 40%,transparent);margin-bottom:18px}
.formular{display:grid;gap:16px;max-width:560px}
.felt{display:grid;gap:6px}
.felt>span{font-weight:600;font-size:14px}
.felt small{color:var(--daempet);font-weight:400}
.felt input,.felt textarea{font:inherit;color:inherit;background:var(--flade);border:1px solid var(--streg);border-radius:12px;padding:13px 14px;width:100%}
.felt input:focus,.felt textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 25%,transparent)}
.felt.fejl input{border-color:#c0574b}
.felt em{color:#c0574b;font-style:normal;font-size:14px}
.hp{position:absolute;left:-9999px}

/* Kvittering */
.kvittering{max-width:620px;margin:0 auto;padding:60px 20px 90px;text-align:center}
.flueben{width:72px;height:72px;margin:0 auto 22px;border-radius:50%;background:var(--acc);color:var(--paa-acc);display:grid;place-items:center;font-size:34px;animation:pop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.kvittering h1{font-size:clamp(32px,6vw,48px)}
.kvit-under{color:var(--daempet);margin:14px 0 30px}
.kvit-kort{display:flex;gap:22px;text-align:left;background:var(--flade);border:1px solid var(--streg);border-radius:var(--radius);padding:24px;box-shadow:var(--skygge);margin-bottom:24px}
.kvit-kort.aflyst{opacity:.6}
.kvit-dato{flex:0 0 86px;height:96px;border-radius:12px;background:var(--acc);color:var(--paa-acc);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.kvit-dato span{font-size:12px;text-transform:capitalize;opacity:.9}
.kvit-dato strong{font-size:34px;font-family:var(--rubrik)}
.kvit-kort dl{margin:0;flex:1}
.kvit-kort dl div{display:flex;gap:12px;padding:5px 0}
.kvit-kort dt{color:var(--daempet);width:96px;flex:0 0 96px}
.kvit-kort dd{margin:0;font-weight:500}
.kvit-knapper{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.afbud-form{margin:10px 0 24px}
@media(max-width:520px){.kvit-kort{flex-direction:column}.kvit-dato{flex-direction:row;gap:8px;height:auto;padding:10px;flex-basis:auto}.kvit-dato strong{font-size:24px}}
/* Depositum */
.depositum-boks{display:grid;gap:4px;padding:14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--acc) 45%,var(--streg));background:color-mix(in srgb,var(--acc) 9%,var(--flade))}
.depositum-boks strong{color:var(--acc)}
.depositum-boks span{font-size:14px;color:var(--daempet)}
/* Tekstsider (privatlivspolitik) */
.tekstside{max-width:760px;margin:0 auto;padding:60px 20px 90px;line-height:1.7}
.tekstside h1{font-size:clamp(34px,5vw,48px);margin-bottom:10px}
.tekstside h2{font-size:22px;margin:36px 0 10px;text-transform:none;letter-spacing:0;font-family:Inter,sans-serif;font-weight:600}
.tekstside ul{padding-left:20px}.tekstside li{margin:6px 0}
.tekstside a{color:var(--acc)}
.fod-bund a{color:inherit;text-decoration:underline}

/* Tilbud/nyhed øverst og lukkedage (v0.11.0) */
.tilbud-baand{background:var(--acc);color:var(--paa-acc)}
.tilbud-baand .bred{display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 20px;flex-wrap:wrap;text-align:center}
.tilbud-baand p{margin:0;font-weight:600;font-size:15px}
.tilbud-baand a{color:inherit;font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.tilbud-ikon{opacity:.75}
.lukkedage{margin-top:22px}
.lukkedage ul{list-style:none;margin:8px 0 0;padding:0}
.lukkedage li{padding:6px 0;border-bottom:1px solid var(--streg);font-size:15px}
.lukkedage li span{color:var(--daempet)}

/* Flyt tid og venteliste (v0.15.0) */
.flyt-side{max-width:760px}
.flyt-side .trin-rubrik{margin-bottom:6px}
button.tid{font:inherit;font-weight:600;color:inherit;cursor:pointer;width:100%}
.dag.kan-vente small{color:var(--acc)}
.venteliste-form{margin-top:18px;padding:20px;border:1px solid var(--streg);border-radius:var(--radius);background:var(--flade)}
.venteliste-form h3{font-size:19px;margin-bottom:4px}
.felt-raekke{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 14px}
@media (max-width:560px){.felt-raekke{grid-template-columns:1fr}}
.felt input{width:100%}

/* Sprog: vælger og højre mod venstre (v0.16.0) */
.sprog-valg{display:flex;gap:2px;align-items:center;margin-inline-start:auto;font-size:12.5px}
.sprog-valg a{padding:5px 7px;border-radius:6px;text-decoration:none;color:var(--daempet);font-weight:600;letter-spacing:.02em}
.sprog-valg a:hover{color:var(--tekst)}
.sprog-valg a.aktiv{color:var(--tekst);background:color-mix(in srgb,var(--tekst) 9%,transparent)}
.sprog-valg + .knap{margin-inline-start:6px}
[dir=rtl] body{font-family:Inter,"Segoe UI","Noto Sans Arabic","Geeza Pro",Tahoma,system-ui,sans-serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;font-family:var(--rubrik),"Noto Naskh Arabic","Geeza Pro",Tahoma,serif}
[dir=rtl] .pris-tid,[dir=rtl] .tid,[dir=rtl] .kvit-dato strong{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .dage-pil{transform:scaleX(-1)}
/* Skjulte elementer uden -9999px (ellers bliver siden meget bred i højre-mod-venstre) */
.hp,.sr,.spring{position:absolute!important;left:auto!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.spring:focus{width:auto;height:auto;clip:auto;clip-path:none;top:12px;inset-inline-start:12px;z-index:99;background:#fff;color:#000;padding:8px 12px;border-radius:8px}

/* ===== Tema "lys" – rent og enkelt (v0.18.3) ===== */
.tema-lys{--bg:#fcfbf9;--flade:#fff;--flade2:#f4f1ee;--streg:#ece7e2;--skygge:0 1px 2px rgba(30,20,20,.04),0 10px 30px rgba(30,20,20,.05);--radius:16px}
/* Menu */
.tema-lys .top{background:color-mix(in srgb,#fff 88%,transparent);border-bottom:1px solid var(--streg)}
.tema-lys .top-ind{position:relative;padding:16px 24px;max-width:1240px}
.tema-lys .maerke{font-family:Inter,system-ui,sans-serif;font-weight:600;letter-spacing:.01em;font-size:16px;gap:11px}
.tema-lys .maerke img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.tema-lys .top-nav{position:absolute;left:50%;transform:translateX(-50%);gap:36px}
.tema-lys .top-nav a{position:relative;color:var(--tekst);font-size:14.5px;font-weight:500;letter-spacing:.01em;padding:6px 0}
.tema-lys .top-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.tema-lys .top-nav a:hover{color:var(--acc)}
.tema-lys .top-nav a:hover::after{transform:scaleX(1)}
.tema-lys .top .knap-lille{padding:10px 20px;font-size:14px}
@media(max-width:1023px){.tema-lys .top-nav{position:static;transform:none;gap:24px}}
/* Toppen: rent foto uden ramme og toning */
.tema-lys .hero-split{min-height:min(calc(100vh - 67px),820px)}
.tema-lys .hs-foto::before,.tema-lys .hs-foto::after{display:none}
.tema-lys .hs-foto img{animation:none}
.tema-lys .hs-tekst{background:var(--bg);padding:64px 48px}
.tema-lys .hs-logo img{filter:none;width:clamp(220px,26vw,340px)}
.tema-lys .hs-tag{font-family:Inter,system-ui,sans-serif;font-style:normal;font-size:clamp(16px,1.5vw,18px);color:var(--daempet);opacity:1;margin-top:26px;max-width:34ch;line-height:1.55}
.tema-lys .hero-knapper{margin-top:34px}
.tema-lys .knap-stor{padding:15px 30px}
/* Bånd, om os, team */
.tema-lys .baand{background:var(--bg);border-color:var(--streg)}
.tema-lys .baand li{border-left-color:var(--streg)}
.tema-lys .baand strong{font-family:Inter,system-ui,sans-serif;font-weight:600;letter-spacing:0;color:var(--tekst)}
.tema-lys .om-foto::before{display:none}
.tema-lys .om-foto img{border-radius:var(--radius)}
.tema-lys .person{border-color:var(--streg);box-shadow:none}
.tema-lys .person:hover{border-color:color-mix(in srgb,var(--acc) 40%,var(--streg));transform:translateY(-2px)}
.tema-lys .person-foto{box-shadow:none;background:color-mix(in srgb,var(--acc) 9%,#fff);width:96px;height:96px;font-size:32px}
.tema-lys .galleri{gap:10px;padding:0 10px}
.tema-lys .galleri figure{border-radius:10px}
@media(max-width:899px){
  .tema-lys .hero-split{display:block;min-height:0}
  .tema-lys .hs-foto{position:relative;inset:auto;height:62vw;max-height:420px}
  .tema-lys .hs-foto img{opacity:1}
  .tema-lys .hs-tekst{padding:40px 22px 48px}
  .tema-lys .hs-logo img{width:min(60vw,250px)}
}
@media(max-width:759px){
  .tema-lys .top-ind{flex-wrap:wrap;row-gap:4px;padding:12px 18px 0}
  .tema-lys .top-nav{display:flex;order:5;width:100%;justify-content:space-between;gap:0;padding:2px 2px 8px;overflow-x:auto}
  .tema-lys .top-nav a{font-size:14px;padding:8px 0}
}