/* Beauty by KIIS — tilføjelser til kiis.css (udkast 2 forbliver uændret) */
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- sedlen ---------- */
.slip{transform:rotate(-.6deg)}
.slip.wide{transform:rotate(-.3deg)}
.row .n .hint{display:block;color:var(--pen);font-size:13.5px;line-height:1.4}
.row .n .hint:empty{display:none}
.row.inactive .n{color:var(--ink-2)}
.row.inactive .box{border-style:dashed}
.row .p{white-space:nowrap}
.row .p .fra{display:block;font-weight:400;font-size:12.5px;color:var(--ink-2);line-height:1}
.sec-sub{font-size:14px;color:var(--ink-2);margin:-2px 0 4px}
.sec i[style*="--moss"]{background:var(--moss)}
.slip-also ul{list-style:none;margin:0;padding:0}
.slip-also li{display:grid;grid-template-columns:1fr auto 44px;gap:8px;align-items:center;border-top:1px solid var(--rule);min-height:44px;font-size:16px}
.slip-also li .p{font-weight:700;font-variant-numeric:tabular-nums}
.slip-also .x{width:44px;height:44px;border:0;background:transparent;font-size:24px;line-height:1;color:var(--ink-2);cursor:pointer;border-radius:50%}
.slip-also .x:hover{background:var(--chalk);color:var(--ink)}
.slip-notes{display:grid;gap:8px;margin-top:12px}
.slip-note{padding:12px 14px;background:var(--chalk);border-radius:4px;font-size:15.5px;line-height:1.45}
.slip-note p+label,.slip-note p+button{margin-top:6px}
.slip-note label{display:flex;gap:10px;align-items:flex-start;margin:4px 0 0;cursor:pointer;min-height:32px}
.slip-note input{accent-color:var(--moss);width:18px;height:18px;margin-top:3px;flex:none}
.slip-note .small{font-size:14px;color:var(--ink-2);margin-top:4px}
.note-btn{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;margin-top:8px;border-radius:999px;border:2px solid var(--moss);background:transparent;color:var(--moss-deep);font:600 15px/1.2 'Albert Sans',sans-serif;cursor:pointer}
.note-btn:hover{background:var(--paper)}
.slip-opts{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:14px;font-size:15px;color:var(--ink-2)}
.slip-opts label{display:inline-flex;gap:8px;align-items:center;cursor:pointer;min-height:36px}
.slip-opts input{accent-color:var(--moss);width:18px;height:18px}
.slip-opts .kunde{display:inline-flex;gap:16px;flex-wrap:wrap}
.slip-clear{background:none;border:0;color:var(--ink-2);text-decoration:underline;text-underline-offset:.2em;font:inherit;font-size:15px;cursor:pointer;min-height:48px;padding:0 6px}
.slip-form{margin-top:20px;padding-top:18px;border-top:2px dashed var(--rule);display:grid;gap:12px}
.slip-form .form-h{font-size:22px;letter-spacing:-.015em;line-height:1.3}
.slip-form .lead-s{color:var(--ink-2);font-size:15.5px;margin-top:-6px}
.fld{display:grid;gap:4px;font-size:15px;font-weight:600}
.fld input,.fld textarea{font:400 17px/1.4 'Albert Sans',sans-serif;color:var(--ink);background:#fff;border:1.5px solid var(--ink-2);border-radius:4px;padding:10px 12px;min-height:48px;width:100%}
.fld input:focus,.fld textarea:focus{outline:3px solid var(--ochre);outline-offset:1px;border-color:var(--ink)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.consent input{accent-color:var(--moss);width:20px;height:20px;flex:none;margin-top:1px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{font-size:15.5px;color:var(--pen);min-height:1.4em}

/* seddel-chip (computer) */
.seddel-chip{position:fixed;right:20px;bottom:20px;z-index:35;display:flex;flex-direction:column;gap:2px;background:var(--paper);color:var(--ink);text-decoration:none;padding:12px 18px 13px;border-radius:3px;transform:rotate(-1.2deg);box-shadow:0 18px 30px -16px rgba(0,0,0,.55);max-width:320px;transition:transform .25s var(--ease)}
.seddel-chip:hover{transform:rotate(0) translateY(-2px)}
.seddel-chip .t{font-weight:700;font-size:16px}
.seddel-chip .v{font-size:14.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.seddel-chip::before{content:"";position:absolute;left:0;right:0;top:-7px;height:8px;background:radial-gradient(circle at 5px 8px,var(--paper) 4px,transparent 4.5px) 0 0/10px 8px repeat-x}

/* ---------- kampagne ---------- */
.kamp-strip{display:none;background-color:var(--paper);color:var(--ink);position:relative;z-index:20;border-bottom:1px solid var(--rule)}
.kamp-strip .wrap{display:flex;align-items:center;gap:12px;min-height:46px}
.kamp-strip a{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;text-decoration:none;font-size:15.5px;padding:10px 0}
.kamp-strip .eb{font-weight:700;color:var(--pen)}
.kamp-strip .eb::after{content:"·";margin-left:12px;font-weight:400}
.kamp-strip .go{text-decoration:underline;text-underline-offset:.22em;font-weight:600}
.kamp-x{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center}
.kamp-x:hover{background:rgba(0,0,0,.08)}
.kamp-x svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}

.kamp-pop{position:fixed;right:20px;bottom:20px;z-index:45;width:min(380px,calc(100vw - 40px))}
.kp-card{position:relative;background:var(--paper);color:var(--ink);padding:24px 24px 22px;border-radius:2px;transform:rotate(-1deg) translateY(16px);opacity:0;box-shadow:0 2px 0 rgba(0,0,0,.05),0 30px 50px -24px rgba(0,0,0,.6);transition:opacity .35s var(--ease),transform .45s var(--ease)}
.kp-card::before{content:"";position:absolute;left:0;right:0;top:-9px;height:10px;background:radial-gradient(circle at 7px 10px,var(--paper) 6px,transparent 6.5px) 0 0/14px 10px repeat-x}
.kamp-pop.in .kp-card{opacity:1;transform:rotate(-1deg)}
.kp-card .kamp-x{position:absolute;right:6px;top:6px;color:var(--ink-2)}
.kp-logo{width:52px;height:52px;transform:rotate(9deg);margin-bottom:6px}
.kp-eb{font-size:14px;font-weight:700;color:var(--pen);letter-spacing:.02em}
.kp-t{font-size:clamp(26px,2.4vw,32px);line-height:1.08;margin:4px 0 6px;padding-right:30px}
.kp-v{font-size:clamp(25px,2.2vw,32px);font-weight:700;letter-spacing:-.02em;color:var(--moss-deep);border-top:2px solid var(--ink);padding-top:8px;margin-top:10px}
.kp-txt{color:var(--ink-2);font-size:16px;line-height:1.5;margin:8px 0 16px}
.kp-card .btn{min-height:48px;font-size:16px}
.kp-legal{font-size:13px;color:var(--ink-2);line-height:1.45;margin-top:12px}
.kamp-pop.modal{inset:0;width:auto;display:grid;place-items:center;padding:20px;background:rgba(28,35,31,.55)}
.kamp-pop.modal .kp-card{max-width:420px}

/* ---------- linjesider ---------- */
.hero-line{color:var(--ink);padding:0 0 clamp(48px,6vw,88px)}
.hero-line h1{font-size:clamp(44px,5.6vw,84px);line-height:.98;margin-bottom:24px;max-width:12ch}
.hero-line .lead{font-size:clamp(19px,1.5vw,22px);max-width:36ch;margin-bottom:26px}
.hero-line .crumbs{color:inherit;opacity:.85}
.hero-line.c-ochre{background-color:var(--ochre)}
.hero-line.c-ochre .lead{color:#3b2f1c}
.hero-line.c-plum{background-color:var(--plum);color:var(--on-dark)}
.hero-line.c-plum .lead{color:#E5D3DA}
.hero-line.c-fjord{background-color:var(--fjord)}
.hero-line.c-fjord .lead{color:#25323b}
.hero-line.c-taupe{background-color:var(--taupe)}
.hero-line.c-taupe .lead{color:#3a302a}
.hero-line.c-pine{background-color:var(--pine);color:var(--on-dark)}
.hero-line.c-pine .lead{color:#C9D3C8}
.hero-line.c-moss{background-color:var(--moss);color:var(--on-dark)}
.hero-line.c-moss .lead{color:#DCE3DA}
.hero-line.c-plum .price-chip,.hero-line.c-pine .price-chip,.hero-line.c-moss .price-chip{color:var(--ink)}
.hero-line .collage .c1.solo{width:88%;height:92%}
.hero-line.c-plum .btn-line,.hero-line.c-pine .btn-line,.hero-line.c-moss .btn-line{border-color:rgba(242,243,238,.55);color:var(--on-dark)}
.hero-line.c-plum .btn-line:hover,.hero-line.c-pine .btn-line:hover,.hero-line.c-moss .btn-line:hover{background:transparent;border-color:var(--on-dark)}
.price-chip .lbl{display:block;font-size:14px;color:var(--ink-2);margin-bottom:2px}

.steps-t{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(16px,2vw,28px);counter-reset:s}
.steps-t li{counter-increment:s;padding-top:20px;border-top:2px solid var(--ink)}
.steps-t li::before{content:counter(s);display:block;font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1;margin-bottom:12px;color:var(--moss)}
.steps-t h3{font-size:21px;margin-bottom:6px;letter-spacing:-.015em}
.steps-t p{color:var(--ink-2);font-size:16.5px}

.when{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:8px}
.when div{background:var(--paper);border-radius:var(--r);padding:18px 20px}
.when b{display:block;font-size:24px;letter-spacing:-.02em;margin-bottom:4px}
.when span{color:var(--ink-2);font-size:16px}

/* hub-fliser (negle, alt i ét besøg) */
.hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(14px,1.8vw,24px)}
.hub a{display:block;text-decoration:none;color:var(--ink);background:var(--paper);border-radius:var(--r);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.hub a:hover{transform:translateY(-6px);box-shadow:0 18px 30px -22px rgba(0,0,0,.5)}
.hub img{aspect-ratio:4/3;object-fit:cover;width:100%}
.hub .tx{padding:18px 20px 22px}
.hub h3{font-size:23px;letter-spacing:-.015em;margin-bottom:4px}
.hub p{color:var(--ink-2);font-size:16.5px}
.hub .fr{display:block;margin-top:10px;font-weight:700;font-variant-numeric:tabular-nums}

/* prisliste */
.prisliste{columns:2 420px;column-gap:clamp(28px,5vw,72px)}
.pl-sec{break-inside:avoid;margin-bottom:34px}
.pl-sec h2{font-size:clamp(24px,2.2vw,30px);display:flex;gap:10px;align-items:center;margin-bottom:6px;letter-spacing:-.02em}
.pl-sec h2 i{width:14px;height:14px;border-radius:3px;display:inline-block}
.pl-sec h2 a{font-size:15px;font-weight:400;margin-left:auto;letter-spacing:0}
.pl-sec table{width:100%;border-collapse:collapse;font-size:16.5px}
.pl-sec td{padding:9px 0;border-top:1px solid var(--rule);vertical-align:top}
.pl-sec td small{display:block;color:var(--ink-2);font-size:13.5px}
.pl-sec td.m{text-align:right;color:var(--ink-2);white-space:nowrap;width:70px;font-variant-numeric:tabular-nums}
.pl-sec td.p{text-align:right;font-weight:700;white-space:nowrap;width:110px;font-variant-numeric:tabular-nums}
.pl-sec td.p .s{display:block;font-weight:400;font-size:13.5px;color:var(--ink-2)}

/* tekstsider */
.prose{max-width:72ch}
.prose h2{font-size:clamp(26px,2.6vw,34px);margin:40px 0 12px;letter-spacing:-.02em}
.prose h3{font-size:21px;margin:26px 0 8px}
.prose p,.prose li{color:var(--ink-2);font-size:18px}
.prose p+p{margin-top:12px}
.prose ul,.prose ol{padding-left:22px;margin:10px 0}
.prose li+li{margin-top:6px}
.prose a{color:var(--moss-deep);font-weight:600}
.page-head{padding:clamp(40px,6vw,80px) 0 clamp(28px,4vw,48px)}
.page-head h1{font-size:clamp(42px,5.4vw,78px);line-height:1;max-width:16ch;margin-bottom:18px}
.page-head .lead{font-size:clamp(19px,1.5vw,22px);color:var(--ink-2);max-width:56ch}
.page-head.dark{background-color:var(--moss);color:var(--on-dark)}
.page-head.dark .lead{color:#DCE3DA}
.page-head.dark .crumbs{color:var(--on-dark-2)}

/* produktkort */
.produkter{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(16px,2vw,26px)}
.produkt{position:relative;background:var(--paper);border-radius:2px;padding:26px 26px 24px;box-shadow:0 22px 40px -30px rgba(0,0,0,.55);scroll-margin-top:24px}
.produkt::before{content:"";position:absolute;left:0;right:0;top:-8px;height:9px;background:radial-gradient(circle at 6px 9px,var(--paper) 5px,transparent 5.5px) 0 0/12px 9px repeat-x}
.produkt.hl{outline:3px solid var(--ochre);outline-offset:4px}
.produkt .tag{display:inline-block;font-size:13.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--chalk);color:var(--ink-2);margin-bottom:10px}
.produkt .tag.on{background:var(--ochre);color:var(--ink)}
.produkt h3{font-size:25px;letter-spacing:-.02em;margin-bottom:6px}
.produkt .pr{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:12px 0 2px}
.produkt .pr small{font-size:16px;font-weight:400;color:var(--ink-2);letter-spacing:0}
.produkt ul{margin:12px 0 0;padding-left:20px;color:var(--ink-2);font-size:16.5px}
.produkt li+li{margin-top:4px}
.produkt .fine{font-size:13.5px;color:var(--ink-2);margin-top:14px;line-height:1.45}
.produkt.off{opacity:.78}

.anmod{max-width:640px;background:var(--paper);border-radius:var(--r);padding:clamp(22px,3vw,34px);display:grid;gap:12px}
.anmod h2{font-size:clamp(26px,2.4vw,32px)}
.anmod select{font:400 17px/1.4 'Albert Sans',sans-serif;border:1.5px solid var(--ink-2);border-radius:4px;padding:10px 12px;min-height:48px;background:#fff;color:var(--ink)}

.artikler{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.artikler a{display:block;text-decoration:none;background:var(--paper);border-radius:var(--r);padding:24px;color:var(--ink)}
.artikler a:hover{box-shadow:0 18px 30px -24px rgba(0,0,0,.5)}
.artikler h2{font-size:23px;margin-bottom:8px}
.artikler p{color:var(--ink-2);font-size:16.5px}

@media (max-width:900px){
  .seddel-chip{display:none}
  .kamp-pop{left:12px;right:12px;width:auto;bottom:84px}
  .kamp-pop.modal{left:0;right:0;bottom:0}
  .kp-card{max-height:60vh;overflow:auto}
  .slip-also li{font-size:15.5px}
  .prisliste{columns:1}
  .kamp-strip a{font-size:15px}
  .kamp-strip .st{flex-basis:100%}
}
@media (max-width:520px){
  .kamp-strip .eb::after{display:none}
  .kamp-strip .go{display:none}
}
@media (prefers-reduced-motion:reduce){.kp-card{transition:none}}
.sticky-book [data-sticky-seddel]{white-space:nowrap;font-variant-numeric:tabular-nums}
.hero-line .collage figcaption{color:var(--ink)}
.foot h2{color:#fff;font-size:16px;margin-bottom:10px;letter-spacing:0;line-height:1.4}
.foto-rad{list-style:none;margin:0 0 clamp(32px,5vw,56px);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,28px);max-width:900px}
.foto-rad img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r);box-shadow:0 22px 40px -26px rgba(0,0,0,.45)}
.foto-rad p{color:var(--ink-2);margin:10px 0 0}
@media (max-width:640px){.foto-rad{grid-template-columns:1fr}}
/* parkeringstip (alle sider, nederst til venstre) */
.p-tip{position:fixed;left:20px;bottom:20px;z-index:44;width:min(380px,calc(100vw - 40px));display:flex;gap:14px;align-items:flex-start;background-color:var(--bark);color:var(--on-dark);border-radius:var(--r);padding:18px 46px 18px 18px;box-shadow:0 24px 48px -20px rgba(0,0,0,.65);opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s}
.p-tip[hidden]{display:none}
.p-tip.in{opacity:1;transform:none}
.p-tip .pt-t{font-weight:700;font-size:18px;margin:4px 0}
.p-tip p{font-size:15px;line-height:1.45;color:var(--on-dark-2);margin:0 0 12px}
.p-tip .pt-a{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.p-tip .btn{min-height:42px;padding:0 16px;font-size:15px}
.p-tip .pt-call{color:var(--on-dark);font-weight:600;font-size:15px;white-space:nowrap}
.p-tip .kamp-x{position:absolute;right:6px;top:6px;color:var(--on-dark)}
.p-tip .kamp-x:hover{background:rgba(242,243,238,.12)}
@media (max-width:900px){.p-tip{left:12px;right:12px;width:auto;bottom:84px}}
@media (prefers-reduced-motion:reduce){.p-tip{transition:none}}

/* 25.10.2026 (ønsker fra Svetlana 17.10): mørk top med guldlogo og pudder, sociale links, parkeringskort.
   kiis.css er designet fra udkast 2 og må ikke ændres, så alt herunder er tilføjelser og overstyringer. */
:root{--bark:#2A1D16}
.top{background-color:var(--bark)}
.top .wrap{gap:clamp(14px,1.9vw,28px);min-height:212px}
/* logo med guldpudder: hele logoet og pudderet står inde i den mørke top */
.brand{flex:none;margin:6px -24px 6px max(-40px,calc(2px - var(--gutter)))}
.brand img{width:200px;height:200px;filter:none}
.side .top .wrap{min-height:196px}
.side .brand{margin:6px -22px 6px max(-36px,calc(2px - var(--gutter)))}
.side .brand img{width:184px;height:184px}
.nav{gap:clamp(14px,1.6vw,24px);white-space:nowrap}
.top .btn{white-space:nowrap}
.social{display:flex;gap:2px;margin-right:-6px}
.social a{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;color:var(--on-dark);opacity:.85}
.social a:hover{opacity:1;background:rgba(242,243,238,.1)}
.social svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* menu, sprog og sociale links får ikke plads ved siden af det store logo: knappen "Menu" fra 1180 px */
@media (max-width:1180px){
  .nav,.lang,.social{display:none}
  .menu-btn{display:inline-flex;align-items:center;margin-left:auto}
  .mobile-nav{background-color:var(--bark);padding:8px var(--gutter) 20px}
  .mobile-nav.open{display:block}
  .mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid rgba(242,243,238,.14);color:var(--on-dark);text-decoration:none;font-size:18px}
}
@media (max-width:900px){
  .top .wrap,.side .top .wrap{gap:12px;min-height:136px}
  .brand,.side .brand{margin:4px -8px 4px max(-26px,calc(2px - var(--gutter)))}
  .brand img,.side .brand img{width:128px;height:128px}
}

/* parkeringskort: salonen og tre P-pladser (Find os på alle sider + kampagnesider) */
.pk-map{position:relative;background:#d9ddd5}
.pk-map img{display:block;width:100%;height:auto;aspect-ratio:1400/1480}
.pk-pin{position:absolute;transform:translate(-50%,-50%);text-decoration:none;display:block}
.pk-pin span,.pk-tegn{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-weight:700;font-size:18px;box-shadow:0 6px 14px -6px rgba(0,0,0,.6);border:2px solid #fff;transition:transform .2s}
.pk-tegn{flex:none;width:36px;height:36px;font-size:16px}
.pk-salon span,.pk-tegn.pk-salon{background:var(--moss);color:#fff}
.pk-kaelder span,.pk-tegn.pk-kaelder{background:var(--plum);color:#fff}
.pk-gade span,.pk-tegn.pk-gade{background:var(--fjord);color:var(--ink)}
.pk-gratis span,.pk-tegn.pk-gratis{background:var(--ochre);color:var(--ink)}
.pk-pin:hover span{transform:scale(1.1)}
.pk-credit{position:absolute;right:8px;bottom:6px;font-size:12px;background:rgba(241,242,236,.85);color:var(--ink);padding:2px 6px;border-radius:3px}
.findos .pk-map .pin{left:54.89%;top:31.07%;transform:translate(-50%,calc(-100% + 7px));pointer-events:auto;text-decoration:none;z-index:1}
.findos .pk-map .pin .head{width:60px;height:60px}
.findos .pk-map .pin .head img{width:54px;height:54px}
.findos .pk-map .pin .stem{height:16px}
@media (min-width:901px){
  .findos .map-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .findos .pk-map{align-self:start;position:sticky;top:0}
}
@media (max-width:600px){
  .findos .pk-map .pin .head{width:44px;height:44px}
  .findos .pk-map .pin .head img{width:40px;height:40px}
  .findos .pk-map .pin .stem{height:10px}
  .pk-map .pk-pin span{width:34px;height:34px;font-size:15px}
}
.parkering{margin-top:30px;padding-top:24px;border-top:1px solid rgba(242,243,238,.18)}
.parkering h3{font-size:24px;margin-bottom:6px}
.parkering .lead-s{color:var(--on-dark-2);margin-bottom:14px}
.parkering ol{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.parkering li{display:flex;gap:14px;align-items:flex-start}
.parkering h4{font-size:17px;margin-bottom:2px}
.parkering p{color:var(--on-dark-2);font-size:15.5px;margin-bottom:4px}
.parkering li a{color:var(--on-dark);font-weight:600;font-size:15.5px}
/* logoet i bunden blev klemt: kolonnen er 24 px smallere end billedet (negativ margin), og max-width:100% skar bredden */
.foot-logo{max-width:none}

/* lange lister foldes: de første 5 rækker ses, resten bag en stor knap (sedler og prislisten) */
.row.more,.pl-sec tr.more{display:none}
.row.more.vis,.row.more[aria-checked="true"]{display:grid}
.pl-sec tr.more.vis{display:table-row}
.more-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;margin:10px 0 4px;padding:0 20px;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.more-btn:hover{background:var(--chalk-2)}
.more-btn::after{content:"";width:9px;height:9px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.more-btn[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
.pris-tid{max-width:760px;margin-bottom:clamp(28px,4vw,44px)}

/* nyhedsbjælken skal ses (ønske fra Svetlana 17.10): guldfarvet bjælke som logoet, mørkt "Nyhed"-mærke med en blød puls */
.kamp-strip{background-color:var(--ochre-soft);border-bottom:1px solid rgba(42,29,22,.18)}
.kamp-strip a{align-items:center}
.kamp-strip .eb{display:inline-flex;align-items:center;gap:7px;background-color:var(--bark);color:var(--ochre-soft);padding:4px 12px 4px 10px;border-radius:999px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.kamp-strip .eb::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ochre-soft);animation:kamp-puls 2.4s ease-out infinite}
.kamp-strip .eb::after{display:none}
.kamp-strip .st{font-weight:600}
.kamp-strip .go::after{content:" →"}
.kamp-strip .kamp-x:hover{background:rgba(42,29,22,.1)}
@keyframes kamp-puls{0%{box-shadow:0 0 0 0 rgba(227,198,142,.8)}70%{box-shadow:0 0 0 7px rgba(227,198,142,0)}100%{box-shadow:0 0 0 0 rgba(227,198,142,0)}}
@media (prefers-reduced-motion:reduce){.kamp-strip .eb::before{animation:none}}
/* fane i højre side: åbner kampagnekortet igen, når det er lukket */
.kamp-tab{position:fixed;right:0;top:50%;z-index:43;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);background-color:var(--bark);color:var(--ochre-soft);border:0;border-radius:0 8px 8px 0;padding:18px 11px;font:inherit;font-weight:700;font-size:15px;letter-spacing:.03em;cursor:pointer;box-shadow:0 10px 26px -10px rgba(0,0,0,.6)}
.kamp-tab[hidden]{display:none}
.kamp-tab:hover{padding-left:15px}
/* små videoer fra salonen på behandlingssiderne */
.video-rad{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(16px,2.5vw,28px);max-width:980px}
.video-rad video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:var(--r);background:var(--chalk-2);box-shadow:0 22px 40px -26px rgba(0,0,0,.45)}
.video-rad video.land{aspect-ratio:540/428}
.video-rad p{color:var(--ink-2);margin:10px 0 0;font-size:15.5px}
.video-rad li.wide{grid-column:1/-1;max-width:720px}
.video-rad li.wide video{aspect-ratio:16/9}
/* "To ting, ét besøg": hvad kan laves samtidig eller på samme besøg (ønske fra Svetlana 17.10) */
.sammen{background-color:var(--chalk-2)}
.sammen-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(14px,2vw,22px)}
.sammen-grid li{background-color:var(--paper);border-radius:var(--r);padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.sammen-grid h3{font-size:19px;letter-spacing:-.01em}
.sammen-grid p{color:var(--ink-2);margin:0;flex:1}
.slip-opts .kunde-note{flex-basis:100%;color:var(--ink-2);font-size:13.5px;line-height:1.4}
/* sæsonpynt (ønske fra Svetlana 17.10): efterår = guldblade i toppen. Slås til i <head> efter måned; vinter laves i november */
html[data-saeson="efteraar"] .top{background-image:url("../img/efteraar-blade.svg"),var(--wool);background-repeat:repeat-x,repeat;background-size:auto 100%,auto;background-position:right center,0 0}
/* lange danske ord (fx "Undervandsmassage") må deles i overskriften på smalle skærme */
.page-head h1{hyphens:auto;overflow-wrap:break-word}
/* undervandsmassage som bred bjælke under behandlingerne på forsiden (så den kan findes) */
.uvm-band{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;margin-top:clamp(12px,1.6vw,22px);background-color:var(--pine);color:var(--on-dark);border-radius:var(--r);overflow:hidden;text-decoration:none}
.uvm-band img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .6s var(--ease)}
.uvm-band:hover img{transform:scale(1.03)}
.uvm-txt{display:flex;flex-direction:column;gap:8px;padding:clamp(20px,3vw,40px);font-size:17px;line-height:1.5;color:#DCE3DA}
.uvm-txt b{font-size:clamp(24px,2.4vw,32px);color:var(--on-dark);letter-spacing:-.02em;line-height:1.1}
.uvm-go{margin-top:6px;font-weight:700;color:var(--on-dark);text-decoration:underline;text-underline-offset:.22em}
@media (max-width:700px){.uvm-band{grid-template-columns:1fr}}
/* Formular: felt med fejl lyser rødt, med en kort tekst under */
.anmod .fld.fejl input,.anmod .fld.fejl select,.anmod .fld.fejl textarea,.anmod select.fejl{border-color:#B3261E;background:#FFF1EF;box-shadow:0 0 0 2px rgba(179,38,30,.22)}
.anmod .fld.fejl>span:first-child,.anmod .consent.fejl>span{color:#B3261E}
.anmod .consent.fejl input{outline:2px solid #B3261E;outline-offset:2px}
.anmod .fejl-tekst{display:block;color:#B3261E;font-size:14px;font-weight:600;line-height:1.35;margin-top:2px}
/* fokus på et felt med fejl skal også være rødt (ellers overstyrer det sorte fokus-udseende) */
.anmod .fld.fejl input:focus,.anmod .fld.fejl select:focus,.anmod .fld.fejl textarea:focus,.anmod select.fejl:focus{border-color:#B3261E;outline:3px solid rgba(179,38,30,.38);outline-offset:1px}
.anmod .consent.fejl input:focus-visible{outline:3px solid #B3261E;outline-offset:2px}
.anmod .fejl :is(input,select,textarea):is(:focus,:focus-visible){outline:3px solid rgba(179,38,30,.55)!important;outline-offset:1px;border-color:#B3261E!important}

/* Spørgsmål og svar: link i svaret og knap til hubben (13.11.2026) */
.faq .faq-link{margin-top:8px}
.faq .faq-link a{color:var(--moss);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.faq-mere{margin-top:28px}
.kort-om{margin-top:20px;max-width:820px}
@media (max-width:640px){.kort-om{grid-template-columns:1fr;gap:2px 0}.kort-om dd{margin-bottom:14px}}