/*
Theme Name: Gimle Blogg
Description: Gimle Parfymeris redaksjonelle bloggtema — bygget etter modul-wireframen (2026-08): editorial hero, story grid, feature split, pull quote, produktkort/shop-the-story, related, newsletter. Klassisk tema uten byggeklosser-lock-in.
Author: Gimle Parfymeri (Claude)
Version: 1.0.0
Text Domain: gimle-blogg
*/

/* Selvhostede VARIABLE fonter (latin-subsett, ingen eksterne oppslag).
   Playfair Display (Andreas-valg 05.08 — mer lesbar enn Bodoni) på
   overskrifter OG brødtekst; Inter til UI (eyebrows, knapper, meta). */
@font-face{font-family:'Playfair Display';src:url('assets/fonts/playfair-vf.woff2') format('woff2');
  font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('assets/fonts/playfair-italic-vf.woff2') format('woff2');
  font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/inter-vf.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --font-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --font-sans:'Inter','Segoe UI',system-ui,sans-serif;
  --papir:#fbf8f2;
  --flate:#ffffff;
  --sand:#f4ecdd;
  --sand2:#efe3cf;
  --blaa:#d4e0ef;
  --blaa2:#c2d3e8;
  --knapp:#b9cfe8;
  --marine:#223b5d;
  /* mørknet 23.08 for WCAG-kontrast (4.5:1) mot papir — samme blåfamilie */
  --marine-lys:#56698a;
  --strek:#e2d9c8;
  --eyebrow:#52719c;
  --maks:1150px;
  --smal:760px;
}

/* ---------- basis ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
/* sikkerhetsnett: én for bred modul skal aldri skyve hele siden ut av senter */
html,body{overflow-x:clip}
body{margin:0;background:var(--papir);color:var(--marine);
     font:16px/1.62 var(--font-sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--marine)}
h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;
            line-height:1.22;color:var(--marine);margin:0 0 .45em}
h1{font-size:clamp(30px,4.6vw,48px);letter-spacing:0;font-weight:500}
h2{font-size:clamp(22px,3vw,30px)}
h3{font-size:20px}
p{margin:0 0 1.1em}
.gimle-ramme{max-width:var(--maks);margin:0 auto;padding:0 22px}
.gimle-smal{max-width:var(--smal);margin:0 auto;padding:0 22px}

.gimle-eyebrow{display:inline-block;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--eyebrow);text-decoration:none;
  font-weight:600;margin-bottom:10px}
a.gimle-eyebrow:hover{color:var(--marine)}

.gimle-btn{display:inline-block;background:var(--knapp);color:var(--marine);
  text-decoration:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  padding:11px 26px;border-radius:2px;border:1px solid var(--knapp)}
.gimle-btn:hover{background:var(--blaa2)}
.gimle-btn--ut{background:transparent;border:1px solid var(--marine)}
.gimle-btn--ut::after{content:"\2192";margin-left:10px}
.gimle-btn--ut:hover{background:var(--marine);color:#fff}

/* placeholder når featured image mangler (wireframe-fallbacken) */
.gimle-ph{background:var(--sand);display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;min-height:120px}
.gimle-ph span{font-family:var(--font-serif);font-size:30px;color:#c9bda8;
  border:1px solid #c9bda8;border-radius:50%;width:58px;height:58px;
  display:flex;align-items:center;justify-content:center}

/* ---------- 01 header ---------- */
.gimle-hode{background:var(--papir);border-bottom:1px solid var(--strek);
  position:sticky;top:0;z-index:50}
.gimle-hode__indre{max-width:var(--maks);margin:0 auto;padding:16px 22px 0;
  position:relative;text-align:center}
.gimle-logo{display:inline-block;text-decoration:none;color:var(--marine);
  font-family:var(--font-serif);font-size:26px;letter-spacing:.42em;font-weight:600}
.gimle-logo small{display:block;font-size:13px;letter-spacing:.48em;
  color:var(--marine-lys);font-weight:500;margin-top:3px}
.gimle-hode__ikoner{position:absolute;right:22px;top:26px;display:flex;gap:16px}
.gimle-hode__ikoner a{color:var(--marine);text-decoration:none;line-height:1}
.gimle-hode__ikoner svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5}
.gimle-nav{margin-top:10px}
.gimle-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:30px;justify-content:center}
.gimle-nav a{display:block;text-decoration:none;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--marine);padding:12px 2px;border-bottom:2px solid transparent}
.gimle-nav .current-menu-item > a,.gimle-nav a:hover{border-bottom-color:var(--marine)}
.gimle-burger,.gimle-burger-knapp{display:none}

/* ---------- 02 hero ---------- */
.gimle-hero{padding:52px 0 56px;border-bottom:1px solid var(--strek)}
.gimle-hero__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center}
.gimle-hero__tittel a{text-decoration:none}
.gimle-hero__tittel a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.gimle-hero__ingress{color:var(--marine-lys);font-size:18px}
.gimle-hero__knapper{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.gimle-hero__bilde{aspect-ratio:16/10;overflow:hidden;background:var(--blaa)}
.gimle-hero__bilde img{width:100%;height:100%;object-fit:cover}

/* ---------- 03 section header ---------- */
.gimle-seksjon{padding:46px 0 8px}
.gimle-seksjon__hode{display:flex;align-items:baseline;justify-content:space-between;
  gap:20px;margin-bottom:26px}
.gimle-seksjon__intro{color:var(--marine-lys);margin:4px 0 0;max-width:520px}
.gimle-seksjon__alle{font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  text-decoration:none;white-space:nowrap;border-bottom:1px solid var(--marine)}
.gimle-seksjon__alle::after{content:"\2192";margin-left:8px}

/* ---------- 04 story grid ---------- */
.gimle-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:26px;padding-bottom:40px}
.gimle-grid__kol{display:flex;flex-direction:column;gap:26px}
.gimle-kort{position:relative}
.gimle-kort a.gimle-kort__lenke{text-decoration:none}
.gimle-kort__bilde{aspect-ratio:16/10;overflow:hidden;background:var(--sand);margin-bottom:9px}
/* crop-fokus litt over midten — ansikter (øvre tredjedel i reels/portretter)
   skal aldri kuttes; produktbilder tåler det fint */
.gimle-kort__bilde img{width:100%;height:100%;object-fit:cover;
  object-position:center 22%;transition:transform .35s}
.gimle-kort:hover .gimle-kort__bilde img{transform:scale(1.03)}
.gimle-kort__tittel{font-family:var(--font-serif);font-size:19px;font-weight:600;line-height:1.28;margin:0 0 3px}
.gimle-kort--stor .gimle-kort__bilde{aspect-ratio:16/10}
.gimle-kort--stor .gimle-kort__tittel{font-size:clamp(22px,2.6vw,30px)}
.gimle-kort__utdrag{color:var(--marine-lys);font-size:15px;margin:0}
.gimle-kort--stor .gimle-kort__utdrag{font-size:16px}
.gimle-kort time{display:block;font-size:11px;color:var(--marine-lys);margin-top:4px}

/* ---------- 05 feature split ---------- */
.gimle-feature{border-top:1px solid var(--strek);border-bottom:1px solid var(--strek);
  padding:52px 0;margin:20px 0 0}
.gimle-feature__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}
.gimle-feature__bilde{aspect-ratio:4/3;overflow:hidden;background:var(--blaa)}
.gimle-feature__bilde img{width:100%;height:100%;object-fit:cover}

/* ---------- 06 full-width image (redaksjonell pause + i artikler) ---------- */
.gimle-pause{margin:0;padding:0}
.gimle-pause img{width:100%;max-height:430px;object-fit:cover}
.entry-content figure{margin:1.8em auto;text-align:center}
/* ALDRI tving bredde på innholdsbilder — gamle innlegg har små produktbilder
   som blir enorme og grøtete av width:100%. Naturlig størrelse, sentrert,
   høyde-begrenset. */
.entry-content img{width:auto;max-width:100%;max-height:520px;
  display:block;margin-left:auto;margin-right:auto}
.entry-content p > img{margin-top:1.6em;margin-bottom:1.6em}
.entry-content figcaption{font-size:13px;color:var(--marine-lys);margin-top:8px;text-align:center}

/* ---------- 07 pull quote (blockquote i klassisk editor) ---------- */
.entry-content blockquote{margin:2.2em 0;padding:0 0 0 26px;border-left:2px solid var(--marine);
  font-family:var(--font-serif);font-size:23px;line-height:1.45;color:var(--marine)}
.entry-content blockquote::before{content:"\201C";display:block;font-size:52px;
  color:var(--eyebrow);line-height:.4;margin-bottom:14px}
.entry-content blockquote cite{display:block;font-family:var(--font-sans);
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--marine-lys);
  font-style:normal;margin-top:14px}

/* ---------- 08 expert signature (forfatterboks) ---------- */
.gimle-signatur{display:flex;gap:20px;align-items:center;border-top:1px solid var(--strek);
  border-bottom:1px solid var(--strek);padding:26px 0;margin:44px 0}
.gimle-signatur img{border-radius:50%;width:72px;height:72px;object-fit:cover}
.gimle-signatur__navn{font-family:var(--font-serif);font-size:19px;margin:0 0 2px}
.gimle-signatur__rolle{font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--eyebrow);margin:0 0 6px}
.gimle-signatur__bio{font-size:15px;color:var(--marine-lys);margin:0}

/* ---------- 09/10 produktkort + shop the story (gimle-produktkort-plugin) ---------- */
.gimle-pkort{display:flex;gap:22px;border:1px solid var(--strek);background:var(--flate);
  padding:22px;margin:2.2em 0;align-items:center}
.gimle-pkort__bilde{width:150px;flex:none;background:var(--sand)}
.gimle-pkort__bilde img{width:150px;height:170px;object-fit:contain;mix-blend-mode:multiply}
.gimle-pkort__merke{font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--eyebrow);margin:0 0 4px}
.gimle-pkort__navn{font-family:var(--font-serif);font-size:20px;margin:0 0 8px}
.gimle-pkort__pris{font-variant-numeric:lining-nums;font-size:16px;margin:0 0 14px}
.gimle-pkort__lager{font-size:12px;color:var(--marine-lys);margin-left:10px}
.gimle-shop{border-top:1px solid var(--strek);border-bottom:1px solid var(--strek);
  padding:34px 0;margin:2.6em 0}
.gimle-shop__tittel{font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--marine);margin:0 0 20px;font-weight:600}
/* auto-FIT + sentrering: 1–3 kort skal stå midtstilt med moden bredde,
   ikke venstreklemt i tomme auto-fill-spor */
.gimle-shop__rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,235px));
  gap:16px;justify-content:center}
.gimle-shop .gimle-pkort{flex-direction:column;align-items:stretch;text-align:center;
  margin:0;padding:14px;gap:10px}
.gimle-shop .gimle-pkort__bilde{width:100%}
.gimle-shop .gimle-pkort__bilde img{width:100%;height:150px}
.gimle-shop .gimle-pkort__navn{font-size:15px}
.gimle-shop .gimle-pkort__pris{font-size:14px;margin-bottom:10px}
.gimle-shop .gimle-btn{padding:9px 10px;font-size:11px;width:100%}

/* ---------- 11 related stories ---------- */
.gimle-relatert{padding:10px 0 40px}
.gimle-relatert__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

/* ---------- 12 newsletter ---------- */
.gimle-nyhetsbrev{background:var(--blaa);padding:44px 0;margin-top:56px}
.gimle-nyhetsbrev__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center}
.gimle-nyhetsbrev h2{margin-bottom:6px}
.gimle-nyhetsbrev__tekst{color:var(--marine-lys);margin:0}
.gimle-nyhetsbrev form{display:flex;gap:10px}
.gimle-nyhetsbrev input[type=email]{flex:1;border:1px solid var(--blaa2);border-radius:2px;
  padding:13px 16px;font:inherit;font-size:15px;background:#fff;color:var(--marine)}
.gimle-nyhetsbrev button{background:var(--marine);color:#fff;border:none;border-radius:2px;
  padding:0 22px;font-size:17px;cursor:pointer}
.gimle-nyhetsbrev__samtykke{font-size:12px;color:var(--marine-lys);margin:10px 0 0}
.gimle-nyhetsbrev__samtykke a{color:inherit}

/* ---------- 13 event teaser ---------- */
.gimle-event{display:flex;gap:20px;align-items:center;background:var(--blaa);
  padding:24px;margin:2.2em 0;border-radius:2px}
.gimle-event__dato{flex:none;width:64px;border:1.5px solid var(--marine);background:#fff;
  border-radius:5px;text-align:center;font-family:var(--font-serif);overflow:hidden}
.gimle-event__mnd{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  background:var(--marine);color:#fff;padding:3px 0;font-family:var(--font-sans)}
.gimle-event__dag{display:block;font-size:26px;padding:6px 0 8px}
.gimle-event h3{margin:0 0 4px}
.gimle-event__meta{font-size:14px;color:var(--marine-lys);margin:0 0 10px}

/* ---------- 14 video/reel ---------- */
.gimle-video{margin:2.2em 0}
.gimle-video__ramme{position:relative;aspect-ratio:16/9;background:var(--blaa);overflow:hidden}
.gimle-video__ramme iframe,.gimle-video__ramme video{position:absolute;inset:0;
  width:100%;height:100%;border:0}
.gimle-video figcaption{font-size:13px;color:var(--marine-lys);margin-top:8px}

/* ---------- 15 numbered guide ---------- */
.gimle-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;margin:2.4em 0;counter-reset:steg}
.gimle-guide__steg{text-align:center;position:relative;padding:0 10px}
.gimle-guide__steg::before{counter-increment:steg;content:counter(steg,decimal-leading-zero);
  display:inline-flex;width:46px;height:46px;border:1.5px solid var(--marine);border-radius:50%;
  align-items:center;justify-content:center;font-family:var(--font-serif);font-size:15px;
  background:var(--flate);position:relative;z-index:1}
.gimle-guide__steg:not(:last-child)::after{content:"";position:absolute;top:23px;
  left:calc(50% + 32px);width:calc(100% - 64px);border-top:1.5px dashed var(--marine-lys)}
.gimle-guide__steg p{font-size:14px;color:var(--marine-lys);margin:10px 0 0}
.gimle-guide__steg strong{display:block;font-size:15px;color:var(--marine);margin-top:10px}

/* ---------- 16 comparison / FAQ ---------- */
.gimle-faq{margin:2.4em 0;border-top:1px solid var(--strek)}
.gimle-faq details{border-bottom:1px solid var(--strek)}
.gimle-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;
  justify-content:space-between;gap:14px;padding:16px 2px;font-family:var(--font-serif);font-size:18px}
.gimle-faq summary::-webkit-details-marker{display:none}
.gimle-faq summary::after{content:"+";font-size:22px;color:var(--marine);flex:none}
.gimle-faq details[open] summary::after{content:"\2212"}
.gimle-faq .gimle-faq__svar{padding:0 2px 18px;color:var(--marine-lys)}

/* ---------- 19 footer ---------- */
.gimle-fot{border-top:1px solid var(--strek);background:var(--papir);
  margin-top:64px;padding:48px 0 34px}
.gimle-nyhetsbrev + .gimle-fot{margin-top:0}
.gimle-fot__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr;gap:30px}
.gimle-fot__monogram{width:56px;height:56px;border:1.4px solid var(--marine);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:22px}
.gimle-fot__om{font-size:14px;color:var(--marine-lys);margin-top:12px}
.gimle-fot h4{font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}
.gimle-fot ul{list-style:none;margin:0;padding:0}
.gimle-fot li{margin-bottom:9px}
.gimle-fot a{text-decoration:none;font-size:14px;color:var(--marine-lys)}
.gimle-fot a:hover{color:var(--marine)}
.gimle-fot__butikk{border:1px solid var(--strek);padding:20px;background:var(--flate)}
.gimle-fot__butikk p{font-size:14px;color:var(--marine-lys)}
.gimle-fot__bunn{border-top:1px solid var(--strek);margin-top:36px;padding-top:18px;
  font-size:12px;color:var(--marine-lys);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* ---------- forside-rader (den lange forsiden fra mockupen) ---------- */
.gimle-fs{border-top:1px solid var(--strek);padding:26px 0}
.gimle-rad3{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:38px;align-items:start}
.gimle-rad2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.gimle-modultittel{font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--eyebrow);font-weight:600;margin:0 0 12px}
.gimle-sitat{margin:0;padding:0 0 0 24px;border-left:2px solid var(--marine);
  font-family:var(--font-serif);font-size:21px;line-height:1.5;color:var(--marine)}
.gimle-sitat::before{content:"\201C";display:block;font-size:48px;color:var(--eyebrow);
  line-height:.4;margin-bottom:12px}
.gimle-sitat cite{display:block;font-family:var(--font-sans);font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--marine-lys);
  font-style:normal;margin-top:14px}
.gimle-rad3 .gimle-signatur{border:none;padding:0;margin:0;align-items:flex-start}
.gimle-rad3 .gimle-pkort{flex-direction:column;align-items:stretch;text-align:center;margin:0;padding:16px}
.gimle-rad3 .gimle-pkort__bilde{width:100%}
.gimle-rad3 .gimle-pkort__bilde img{width:100%;height:150px}
.gimle-splitpause{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;align-items:stretch}
.gimle-pausekort{position:relative;display:block;overflow:hidden;background:var(--sand);min-height:280px}
.gimle-pausekort img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.gimle-pausekort figcaption{position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(transparent,rgba(34,59,93,.55));color:#fff;
  padding:26px 18px 12px;font-size:13px;letter-spacing:.06em}
.gimle-minirel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gimle-minirel .gimle-kort__tittel{font-size:14px}
.gimle-minirel time{font-size:11px}
.gimle-fs .gimle-shop{border:none;margin:0;padding:0 0 6px}
.gimle-fs .gimle-guide,.gimle-fs .gimle-faq,.gimle-fs .gimle-event,.gimle-fs .gimle-video{margin:0}
/* i rad2-kolonnen skal alle fire stegene stå på én linje (som i mockupen) */
.gimle-rad2 .gimle-guide{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.gimle-rad2 .gimle-guide__steg{padding:0 4px}
.gimle-rad2 .gimle-guide__steg::before{width:38px;height:38px;font-size:12px}
.gimle-rad2 .gimle-guide__steg:not(:last-child)::after{top:19px;left:calc(50% + 26px);width:calc(100% - 52px)}
.gimle-rad2 .gimle-guide__steg p{font-size:12px}
.gimle-rad2 .gimle-guide__steg strong{font-size:13px}
@media (max-width:900px){
  .gimle-rad3,.gimle-rad2,.gimle-splitpause{grid-template-columns:1fr;gap:30px}
  .gimle-minirel{grid-template-columns:repeat(3,1fr)}
  .gimle-fs{padding:34px 0}
}
@media (max-width:560px){
  .gimle-minirel{grid-template-columns:1fr 1fr}
}

/* ---------- ELLE-strukturen (forside 2.0, strammet 04.08) ---------- */
.gimle-hero--senter{padding:20px 0 32px;border-bottom:none;text-align:center}
.gimle-hero--senter .gimle-hero__bilde{aspect-ratio:21/9;display:block;margin-bottom:16px}
.gimle-hero--senter .gimle-hero__bilde img{object-position:center 22%}
/* portrettbilder (video-frames er 1080px brede) vises i portrett i stedet for
   å strekkes uklart til 21:9-banner på store skjermer */
.gimle-hero--senter .gimle-hero__bilde.er-portrett{aspect-ratio:auto;background:none;
  display:flex;justify-content:center;overflow:visible;
  /* fast høyde = bildets max-height: reserverer plassen før bildet er lastet
     (portrettet ga ellers CLS 0,25 — «Vi anbefaler» hoppet ned, PSI 23.08) */
  height:520px}
.gimle-hero--senter .gimle-hero__bilde.er-portrett img{width:auto;max-width:100%;
  max-height:520px;object-fit:contain;border-radius:10px}
.gimle-hero--senter h1{max-width:780px;margin:8px auto 8px}
.gimle-hero--senter .gimle-hero__ingress{max-width:560px;margin:0 auto;font-size:16px}

.gimle-kat{padding:24px 0 28px}
.gimle-seksjonstittel{font-family:var(--font-serif);font-style:italic;
  font-weight:500;font-size:clamp(26px,3.2vw,36px);color:var(--marine);
  border-top:1.5px solid var(--marine);padding-top:13px;margin:0 0 18px;
  text-align:center}
.gimle-sealle{display:block;text-align:center;margin-top:16px;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.gimle-sealle::after{content:"\2192";margin-left:8px}
.gimle-sealle span{border-bottom:1px solid var(--marine);padding-bottom:2px}

.gimle-rekke4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
/* forsidens varierte rekker — som klasser (aldri inline style: den ville
   slått mobilreglene i @media-blokken og sprengt sidebredden på mobil) */
.gimle-rekke4--3{grid-template-columns:repeat(3,1fr)}
.gimle-rekke4--2{grid-template-columns:1fr 1fr;gap:20px}
.gimle-grid--3{grid-template-columns:repeat(3,1fr)}
.gimle-rekke4 .gimle-kort__bilde{aspect-ratio:4/5}
.gimle-rekke4 .gimle-kort__tittel{font-size:19px}

.gimle-storfeature{display:block;text-decoration:none}
.gimle-storfeature .gimle-kort__bilde{aspect-ratio:21/9;margin-bottom:18px}
.gimle-storfeature h3{font-family:var(--font-serif);font-size:clamp(24px,3vw,34px);
  font-weight:500;text-align:center;max-width:760px;margin:0 auto 8px}
.gimle-storfeature .gimle-kort__utdrag{text-align:center;max-width:600px;margin:0 auto}
.gimle-storfeature time{display:block;text-align:center;font-size:12px;
  color:var(--marine-lys);margin-top:10px}
.gimle-kat__under{margin-top:30px}

/* arkivsidenes tre-korts rad — bredere bilder som kontrast til 4-rekken */
.gimle-rekke3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gimle-rekke3 .gimle-kort__bilde{aspect-ratio:16/10}
.gimle-rekke3 .gimle-kort__tittel{font-size:21px}
.gimle-arkivintro{text-align:center;color:var(--marine-lys);max-width:560px;
  margin:-6px auto 26px}

.gimle-latest{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 18px}
.gimle-latest .gimle-kort__bilde{aspect-ratio:1/1}
.gimle-latest .gimle-kort__tittel{font-size:17px}

@media (max-width:900px){
  .gimle-rekke4,.gimle-latest{grid-template-columns:1fr 1fr;gap:18px}
  .gimle-rekke3{grid-template-columns:1fr;gap:20px}
  .gimle-kat{padding:28px 0 32px}
}
@media (max-width:560px){
  .gimle-latest{grid-template-columns:1fr 1fr}
}

/* ---------- artikkel som pop.up-kort (designet fra parfymeri.no/blogg) ---------- */
.gimle-artikkelkort{max-width:900px;margin:26px auto 0;background:var(--flate);
  border-radius:16px;box-shadow:0 12px 44px rgba(34,59,93,.09);
  padding:clamp(22px,4.5vw,48px)}
.gimle-artikkelkort .gimle-smal{max-width:none;padding:0}
.gimle-badge{display:inline-block;background:var(--blaa);color:var(--marine);
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;
  padding:5px 13px;border-radius:12px;text-decoration:none}
.gimle-artikkel__toppmeta{display:flex;align-items:center;gap:14px;margin:0 0 14px;
  font-size:11px;letter-spacing:.14em;color:var(--marine-lys);text-transform:uppercase}
.gimle-artikkel__hode{text-align:left;padding:0 0 4px}
.gimle-artikkel__hode h1{font-size:clamp(26px,3.6vw,38px);margin:0 0 6px}
.gimle-artikkel__toppbilde{margin-top:16px}
.gimle-artikkel__toppbilde img{width:auto;max-width:100%;max-height:460px;
  display:block;margin:0 auto;border-radius:10px} /* små gamle featured strekkes ikke */
/* brødtekst i samme serif som overskriftene (Andreas-krav 05.08) */
.entry-content{padding-top:24px;font-family:var(--font-serif);
  font-size:17.5px;line-height:1.78}
.entry-content h2{margin-top:1.5em;font-size:25px}
.entry-content h3{font-size:20px}
.entry-content a{text-underline-offset:3px}
.gimle-hero__ingress,.gimle-kort__utdrag{font-family:var(--font-serif)}

/* pop.up-produktmønsteret: bildeblokk flyter til høyre i hvitt kort med
   ramme, teksten fyller venstre — hver mellomtittel nullstiller raden.
   Store bevisste oppslag (alignwide/alignfull) beholder full bredde. */
.entry-content .wp-block-image:not(.alignwide):not(.alignfull),
.entry-content p:has(> img:only-child),
.entry-content p:has(> a > img:only-child){
  float:right;clear:right;width:min(45%,330px);margin:6px 0 16px 28px;
  background:var(--flate);border:1px solid var(--strek);border-radius:10px;
  padding:14px;text-align:center}
.entry-content .wp-block-image figure{margin:0}
.entry-content .wp-block-image img,
.entry-content p:has(> img:only-child) img,
.entry-content p:has(> a > img:only-child) img{max-height:280px;width:auto;margin:0 auto}
.entry-content h2,.entry-content h3,.entry-content blockquote,
.entry-content .gimle-shop,.entry-content .gimle-pkort,
.entry-content .gimle-faq,.entry-content .gimle-guide,.entry-content .gimle-event{clear:both}
.entry-content::after{content:"";display:block;clear:both}

/* produktkort FLETTET i brødtekst (pop.up-mønsteret): kortet flyter til
   høyre ved avsnittet som omtaler produktet, teksten fyller venstre */
.entry-content .gimle-pkort{float:right;clear:right;width:min(46%,330px);
  flex-direction:column;align-items:stretch;text-align:center;
  margin:6px 0 18px 28px;padding:16px;gap:10px}
.entry-content .gimle-pkort__bilde{width:100%}
.entry-content .gimle-pkort__bilde img{width:100%;height:150px}
.entry-content .gimle-pkort__navn{font-size:16px}

/* reel i pop-up ([gimle_reel]) — miniatyr med play, video i <dialog> */
.gimle-reel{margin:1.8em auto;text-align:center;clear:both}
.gimle-reel__knapp{position:relative;border:1px solid var(--strek);background:var(--flate);
  border-radius:12px;padding:10px 10px 8px;cursor:pointer;display:inline-flex;
  flex-direction:column;align-items:center;gap:8px}
.gimle-reel__knapp img{width:210px;aspect-ratio:9/16;object-fit:cover;border-radius:8px;display:block}
/* liten avspillings-indikator OPPE TIL HØYRE (IG-konvensjonen — Andreas 05.08),
   aldri stor knapp midt på bildet */
.gimle-reel__play{position:absolute;top:18px;right:18px;
  width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);
  display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--marine);
  box-shadow:0 2px 10px rgba(34,59,93,.28);pointer-events:none}
.gimle-reel__tekst{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--marine)}
.gimle-reel__dialog{border:none;border-radius:14px;padding:0;background:#000;
  max-width:min(92vw,420px);overflow:visible}
.gimle-reel__dialog::backdrop{background:rgba(20,30,45,.74)}
.gimle-reel__dialog video{display:block;width:100%;max-height:82vh;border-radius:14px}
.gimle-reel__lukk{position:absolute;top:-14px;right:-14px;z-index:2;width:34px;height:34px;
  border-radius:50%;border:none;background:#fff;font-size:19px;cursor:pointer;
  box-shadow:0 2px 10px rgba(0,0,0,.3)}

/* gamle kjøpsknapper (Gutenberg-buttons m.m.) → pop.up-pillestilen */
.entry-content .wp-block-button__link,.entry-content a.button,
.entry-content a.maxbutton{display:inline-block;background:var(--knapp);
  color:var(--marine);border-radius:999px;padding:9px 22px;border:none;
  font-family:var(--font-sans);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;text-decoration:none;font-weight:600}
.entry-content .wp-block-button__link:hover,.entry-content a.button:hover{background:var(--blaa2)}
.gimle-paginering{display:flex;gap:8px;justify-content:center;padding:10px 0 50px}
.gimle-paginering .page-numbers{border:1px solid var(--strek);padding:8px 14px;
  text-decoration:none;font-size:14px;border-radius:2px}
.gimle-paginering .current{background:var(--marine);color:#fff;border-color:var(--marine)}

/* ---------- mobil ---------- */
/* kort i shop-railen skal ALDRI arve flyt/bredde fra inline-kortene over —
   46 % av en grid-kolonne ble frimerke-kort på desktop (VB-saken 05.08) */
.entry-content .gimle-shop .gimle-pkort{float:none;clear:none;width:auto;margin:0}

@media (max-width:700px){
  /* pop.up-floatene stables på mobil */
  .entry-content .wp-block-image:not(.alignwide):not(.alignfull),
  .entry-content p:has(> img:only-child),
  .entry-content p:has(> a > img:only-child),
  .entry-content .gimle-pkort{float:none;width:100%;margin:18px 0}
}
@media (max-width:900px){
  .gimle-hero__grid,.gimle-feature__grid,.gimle-nyhetsbrev__grid{grid-template-columns:1fr;gap:24px}
  .gimle-hero{padding:30px 0 36px}
  .gimle-hero__grid{display:flex;flex-direction:column-reverse}
  .gimle-grid{grid-template-columns:1fr 1fr;gap:18px}
  .gimle-grid .gimle-kort--stor{grid-column:1 / -1}
  .gimle-relatert__grid{grid-template-columns:1fr}
  .gimle-fot__grid{grid-template-columns:1fr 1fr}
  .gimle-pkort{flex-direction:column;align-items:stretch;text-align:center}
  .gimle-pkort__bilde{width:100%}
  .gimle-pkort__bilde img{margin:0 auto}
  /* må slå .gimle-rad2-varianten (to klasser) — ellers står 4 kolonner
     igjen på mobil og sprenger sidebredden */
  .gimle-guide,.gimle-rad2 .gimle-guide{grid-template-columns:1fr;gap:20px}
  .gimle-guide__steg{display:flex;gap:16px;text-align:left;align-items:flex-start}
  .gimle-guide__steg::after{display:none!important}
  .gimle-guide__steg p,.gimle-guide__steg strong{margin-top:0}

  /* burger-meny uten JS */
  .gimle-hode__indre{text-align:left;padding-top:12px;padding-bottom:12px;
    display:flex;align-items:center;justify-content:space-between}
  .gimle-logo{font-size:19px;letter-spacing:.32em}
  .gimle-hode__ikoner{position:static}
  .gimle-burger-knapp{display:block;cursor:pointer;order:-1;padding:6px 10px 6px 0}
  .gimle-burger-knapp i{display:block;width:20px;height:2px;background:var(--marine);margin:4px 0}
  .gimle-nav{display:none;position:absolute;left:0;right:0;top:100%;
    background:var(--papir);border-bottom:1px solid var(--strek);margin:0}
  .gimle-nav ul{flex-direction:column;gap:0;padding:8px 22px 14px}
  .gimle-nav a{border-bottom:none;padding:10px 0;font-size:13px}
  .gimle-burger:checked ~ .gimle-nav{display:block}
  .gimle-hode{position:relative}
}
@media (max-width:560px){
  .gimle-grid{grid-template-columns:1fr}
  .gimle-fot__grid{grid-template-columns:1fr}
  .gimle-seksjon__hode{flex-direction:column;gap:6px}
}