/* Scoped reset — box-sizing only, NO margin/padding reset (kills nav link spacing) */
#hdr,#hdr *,#hdr *::before,#hdr *::after,
.mp,.mp *,.mp *::before,.mp *::after,
#mobMenu,#mobMenu *,#mobMenu *::before,#mobMenu *::after,
.ab,.ab *,#mSov,#mSov *,
.mov,.srbg,.mob-ov{box-sizing:border-box}
:root{--g:#2C4A3A;--gd:#1E3529;--au:#B8883A;--aul:#D4A94E;--aus:rgba(184,136,58,.07);--cr:#FAF8F3;--crd:#F0EBE0;--dk:#1C1A16;--mu:#6B6158;--mul:#9A9189;--bd:#EAE4D8;--bdl:#F0EBE0;--wh:#fff;--r:14px;--rs:10px;--rx:8px;--fn:'DM Sans',system-ui,sans-serif;--fs:'EB Garamond',Georgia,serif;--eo:cubic-bezier(.16,1,.3,1);--topbar-h:56px;--nav-h:52px;--hdr-top-h:80px}
.gi{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}
.gi svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ═══ ADMIN BAR ═══ */
.ab{background:var(--gd);color:#fff;padding:8px 16px;display:flex;align-items:center;gap:10px;font-size:11px;position:sticky;z-index:10001}
@media(max-width:860px){.ab{display:none!important}}
.ab-badge{padding:3px 8px;border-radius:4px;background:rgba(184,136,58,.2);color:var(--aul);font-weight:700;font-size:9px;letter-spacing:.5px}
.ab-text{color:rgba(255,255,255,.5)}.ab-text b{color:#fff}

/* ═══ TOPBAR (like live site) ═══ */
.topbar{background:var(--g);color:#fff;padding:0 20px;height:var(--topbar-h);display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;position:relative}
.topbar em{color:var(--aul);font-style:italic}
.topbar .tb-cta{padding:5px 14px;border-radius:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}
.topbar .tb-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.4);font-size:16px;background:none;border:none}

/* ═══ FOODICA THEME NUCLEAR OVERRIDES ═══ 
   Uses #hdr ID selector (specificity 100) to beat Foodica class selectors.
   Targets every element type Foodica might style.
   Double !important ensures we win even against Foodica's !important rules.
*/
#hdr,#hdr *,
#hdr button,#hdr a,#hdr span,#hdr input,
#hdr div,#hdr nav,#hdr p,#hdr h1,#hdr h2,#hdr h3,#hdr h4,#hdr h5{
  font-family:'DM Sans',system-ui,-apple-system,sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
  line-height:normal!important;
}
#hdr a,#hdr button{text-decoration:none!important}
#hdr .n,#hdr button.n,#hdr a.n{
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'DM Sans',system-ui,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  padding:8px 16px!important;
  background:transparent!important;
  border:none!important;
  color:var(--dk)!important;
  display:inline-flex!important;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  text-decoration:none!important;
  cursor:pointer;
}
/* Mega panels — same nuclear approach */
.mp,.mp *,.mp a,.mp button,.mp span,.mp h3,.mp h4,.mp h5,.mp p{
  font-family:'DM Sans',system-ui,sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.mp a{text-decoration:none!important}
/* Mobile menu */
#mobMenu,#mobMenu *,#mobMenu a,#mobMenu button{
  font-family:'DM Sans',system-ui,sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#mobMenu a{text-decoration:none!important}
#mSov,#mSov *{font-family:'DM Sans',system-ui,sans-serif!important}
/* Serif headings use EB Garamond */
.insp-hd h3,.insp-col h4,.rej h3,.rest-l h3,.rest-r h4,.promo h3{
  font-family:'EB Garamond',Georgia,serif!important;
}
/* ═══ COLOR OVERRIDES — Foodica forces black text on everything ═══ */
/* Promo sidebar: white text on green background */
.promo,.promo *{color:#fff!important}
.promo em{color:#D4A94E!important}
.promo p{color:rgba(255,255,255,.5)!important}
.promo .promo-badge,.promo .promo-badge *{color:#D4A94E!important}
.promo .promo-feat .gi{color:#D4A94E!important}
.promo .promo-cta{color:#fff!important;background:#B8883A!important}
.promo .app-badge,.promo .app-badge *{color:#fff!important}
.promo .ab-sm{opacity:.65}
/* Travel cards: white text on dark overlay */
.tc,.tc *{color:#fff!important}
.tc .tds{color:rgba(255,255,255,.55)!important}
/* Restaurant number badges */
.ri .rn{color:#B8883A!important}
/* Mobile nav text colors */
.m-nav-title{color:var(--dk)!important}
.m-nav-sub{color:var(--mul)!important}
.m-prem,.m-prem *{color:#fff!important}
.m-prem svg{stroke:var(--aul)!important}
.m-login{color:var(--mu)!important}

/* ═══ HEADER ═══ */
/* --hdr-top is set dynamically by JS syncStickyStack() */
.hdr{position:sticky;top:var(--hdr-top,0px);z-index:1000;background:#FAFAF7!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(234,228,216,.6)!important;transition:box-shadow .4s;margin:0!important;padding:0!important}
.hdr.sc{box-shadow:0 1px 20px rgba(28,26,22,.05);border-bottom-color:rgba(234,228,216,.4)!important}
/* Kill theme-added gaps above header */
body.gmm-active{padding-top:0!important;margin-top:0!important}
/* Guaranteed 15px gap between header and page content — catches ALL Foodica containers */
body.gmm-active #hdr~*:not(.mp):not(.mov):not(.srbg):not(.mob-ov):not(.mob-menu):not(.mob-search-ov):not(script):not(style):not(.ab){padding-top:15px}
body.gmm-active .site-content,body.gmm-active .page-wrap,body.gmm-active #content,body.gmm-active .content-area,body.gmm-active #main,body.gmm-active main,body.gmm-active .main-content{padding-top:15px!important}

/* Header top: centered logo — matches original site size */
.hdr-top{display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;padding:10px 24px 2px;height:auto;overflow:hidden;transition:height .45s var(--eo),opacity .3s,padding .35s}
.hdr.sc .hdr-top{height:0;opacity:0;padding:0;pointer-events:none;overflow:hidden}
.logo-c{display:flex!important;flex-direction:column;align-items:center;gap:0;text-decoration:none!important}
.logo-c img{height:80px!important;width:auto!important;display:block}

/* Nav row — centered layout with search + actions on right */
.hdr-nav{display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;padding:0 24px;height:var(--nav-h);gap:8px}
/* Desktop compact animated logo (appears on scroll) */
.logo-s{display:flex!important;align-items:center;justify-content:center;text-decoration:none!important;margin-right:12px;opacity:0;width:0;overflow:hidden;transition:opacity .35s,width .4s var(--eo);pointer-events:none;flex-shrink:0}
.hdr.sc .logo-s{opacity:1;width:50px;pointer-events:auto}
.logo-s.gm-logo{height:50px;overflow:hidden}
.logo-s.gm-logo svg{width:50px;height:50px;display:block;overflow:hidden}

/* Desktop nav links — centered with proper spacing */
.nl{display:flex;align-items:center;gap:4px;flex-shrink:0}
.n{position:relative;padding:8px 16px;border-radius:var(--rx);font-size:14px!important;font-weight:500!important;color:var(--dk)!important;cursor:pointer;transition:all .2s;display:flex!important;align-items:center;gap:4px;background:none!important;border:none!important;font-family:'DM Sans',system-ui,sans-serif!important;white-space:nowrap;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important}
.n::after{content:'';position:absolute;bottom:1px;left:50%;transform:translateX(-50%) scaleX(0);width:20px;height:2px;background:var(--au);border-radius:1px;transition:transform .3s var(--eo)}
.n:hover{color:var(--g)!important}.n:hover::after{transform:translateX(-50%) scaleX(.7)}
.n.on{color:var(--g)!important}.n.on::after{transform:translateX(-50%) scaleX(1)}
.n .cv{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2.2;transition:transform .35s var(--eo),opacity .2s;opacity:.4}
.n:hover .cv{opacity:.7}
.n.on .cv{transform:rotate(180deg);opacity:1}

/* Search */
/* "Gourministeriet" dropdown */
.gm-dd-wrap{position:relative;display:flex;align-items:center}
.gm-dd-btn{cursor:pointer}
.gm-dd{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:#fff!important;border:1px solid var(--bd)!important;border-radius:var(--r)!important;box-shadow:0 8px 32px rgba(28,26,22,.1);padding:6px!important;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,transform .2s,visibility .2s;z-index:1100}
.gm-dd.open{opacity:1;visibility:visible;transform:translateY(0)}
.gm-dd-link{display:block;padding:10px 14px!important;border-radius:var(--rx)!important;font-size:13px!important;font-weight:500!important;color:var(--dk)!important;text-decoration:none!important;font-family:'DM Sans',system-ui,sans-serif!important;transition:background .15s}
.gm-dd-link:hover{background:rgba(250,248,243,.8)!important}
.gm-dd-hl{color:#833ab4!important;font-weight:700!important;background:linear-gradient(135deg,rgba(131,58,180,.04),rgba(253,29,29,.03))!important;border:1px solid rgba(131,58,180,.1)!important;margin:2px 0}
.gm-dd-hl:hover{background:linear-gradient(135deg,rgba(131,58,180,.08),rgba(253,29,29,.05))!important}

.srw{position:relative;flex:1;max-width:300px;margin:0 14px}
.srb{display:flex!important;align-items:center;gap:8px;padding:8px 14px!important;border-radius:26px!important;background:var(--cr)!important;border:1.5px solid var(--bd)!important;transition:all .3s;cursor:text}
.srb:hover{border-color:var(--au)}
.srb:focus-within{border-color:var(--au);background:var(--wh);box-shadow:0 0 0 3px rgba(184,136,58,.08)}
.srb .gi{width:15px;height:15px;color:var(--mu);flex-shrink:0}
.srb:focus-within .gi{color:var(--au)}
.srb input{flex:1;border:none!important;outline:none!important;background:transparent!important;font-family:'DM Sans',system-ui,sans-serif!important;font-size:13px!important;color:var(--dk)!important;min-width:0;padding:0!important;margin:0!important;height:auto!important;box-shadow:none!important;line-height:normal!important}
.srb input::placeholder{color:var(--mul)!important}
.srb .sk{font-size:9px;font-weight:600;color:var(--mul);padding:2px 5px;border-radius:3px;border:1px solid var(--bd);background:var(--wh);white-space:nowrap;flex-shrink:0}
.srd{position:absolute;top:calc(100% + 5px);left:-14px;right:-14px;background:var(--wh);border-radius:var(--r);box-shadow:0 20px 60px rgba(28,26,22,.12),0 0 0 1px rgba(234,228,216,.5);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s,visibility .25s;z-index:1002;overflow:hidden;transform-origin:top center}
.srd.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.srd.open{opacity:1;visibility:visible;transform:translateY(0)}
.srd-sec{padding:13px 18px}
.srd-lbl{font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mul);margin-bottom:8px}
.srd-chips{display:flex;flex-wrap:wrap;gap:6px}
.srd-chip{padding:6px 14px;border-radius:18px;background:var(--cr);border:1px solid var(--bd);font-size:12px;font-weight:500;color:var(--dk);text-decoration:none;transition:all .25s var(--eo);cursor:pointer}
.srd-chip:hover{background:rgba(184,136,58,.03);border-color:rgba(184,136,58,.2);color:var(--g);transform:translateY(-1px)}
.srd-chip:hover{background:var(--aus);border-color:var(--au);color:var(--g)}
.srd-res{display:flex;flex-direction:column;gap:1px}
.srd-ri{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--rx);text-decoration:none;color:inherit;cursor:pointer;transition:background .1s}
.srd-ri:hover{background:var(--cr)}
.srd-ri .sri{width:30px;height:30px;border-radius:6px;background:var(--cr);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.srd-ri .sri .gi{width:13px;height:13px;color:var(--mu)}
.srd-ri h5{font-size:12.5px;font-weight:600;color:var(--dk)}.srd-ri span{font-size:10.5px;color:var(--mu)}
.srd-ri .srt{margin-left:auto;font-size:10.5px;color:var(--mul);white-space:nowrap}
.srd-ft{padding:8px 18px;background:var(--cr);font-size:10px;color:var(--mul)}
.srd-ft kbd{min-width:16px;padding:1px 5px;font-size:9px;font-weight:600;color:var(--mu);background:var(--wh);border:1px solid var(--bd);border-radius:3px}
.srbg{position:fixed;inset:0;z-index:999;background:rgba(28,26,22,.08);opacity:0;visibility:hidden;transition:all .25s}
.srbg.vis{opacity:1;visibility:visible}

/* Desktop actions */
.acts{display:flex;align-items:center;gap:7px;margin-left:auto;flex-shrink:0}
.btn-short{display:none}
.btn-l{padding:7px 15px!important;border-radius:var(--rs)!important;border:1px solid var(--bd)!important;background:var(--wh)!important;font-family:'DM Sans',system-ui,sans-serif!important;font-size:12px!important;font-weight:600!important;color:var(--dk)!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:5px;white-space:nowrap;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;transition:all .3s var(--eo);flex-shrink:0}
.btn-l:hover{border-color:var(--g)!important;color:var(--g)!important;transform:translateY(-1px);box-shadow:0 3px 10px rgba(44,74,58,.08)}
.btn-l .gi{width:13px;height:13px}
.btn-p{padding:7px 15px!important;border-radius:var(--rs)!important;border:none!important;background:var(--g)!important;font-family:'DM Sans',system-ui,sans-serif!important;font-size:12px!important;font-weight:600!important;color:#fff!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:5px;box-shadow:0 2px 8px rgba(44,74,58,.18);white-space:nowrap;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;transition:all .3s var(--eo);flex-shrink:0}
.btn-p:hover{background:var(--gd)!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(44,74,58,.22)}
.btn-p .gi{width:12px;height:12px;color:var(--aul)}

/* User menu (logged in) */
.usr-wrap{position:relative}
.btn-usr{display:flex!important;align-items:center;gap:6px;padding:5px 12px 5px 5px!important;border-radius:24px!important;border:1px solid var(--bd)!important;background:var(--wh)!important;cursor:pointer;font-family:var(--fn)!important;font-size:12px!important;font-weight:600!important;color:var(--dk)!important;white-space:nowrap;transition:all .25s var(--eo);text-transform:none!important;letter-spacing:0!important}
.btn-usr:hover{border-color:var(--au)!important;box-shadow:0 2px 8px rgba(184,136,58,.03)}
.usr-av{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}
.usr-chev{width:10px;height:10px;stroke:var(--mu);fill:none;stroke-width:2;transition:transform .3s var(--eo)}
.usr-wrap.open .usr-chev{transform:rotate(180deg)}
.usr-dd{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--wh);border-radius:14px;box-shadow:0 16px 50px rgba(28,26,22,.12),0 0 0 1px rgba(234,228,216,.5);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transition:all .3s cubic-bezier(.22,1,.36,1);z-index:1002;overflow:hidden}
.usr-wrap.open .usr-dd{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.usr-dd-head{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--bd)}
.usr-dd-av{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}
.usr-dd-name{font-size:13px;font-weight:600;color:var(--dk)}
.usr-dd-email{font-size:11px;color:var(--mul);margin-top:1px}
.usr-dd-link{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;color:var(--dk);text-decoration:none;transition:all .2s}
.usr-dd-link:hover{background:rgba(184,136,58,.015);color:var(--g)}
.usr-dd-link .gi{width:17px;height:17px;color:var(--mu)}
.usr-dd-link:hover .gi{color:var(--au)}
.usr-dd-div{height:1px;background:var(--bd);margin:0 16px}
.usr-dd-logout{color:var(--mu)}
.usr-dd-logout:hover{color:#C9515E;background:rgba(201,81,94,.03)}
.usr-dd-logout:hover .gi{color:#C9515E}

/* Mobile elements — hidden on desktop */
.mob-ham,.mob-logo,.mob-sbtn{display:none}

/* ═══ MEGA PANELS (desktop) ═══ */
.mov{position:fixed;inset:0;background:rgba(28,26,22,.12);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:998;transition:opacity .35s,visibility .35s}
.mov.vis{opacity:1;visibility:visible}
.mp{position:absolute;left:0;right:0;z-index:999;transform:translateY(-12px) scale(.98);opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s,visibility .3s;pointer-events:none;transform-origin:top center}
.mp.open{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}
.mp-in{max-width:1200px;margin:0 auto;padding:0 24px}
.mp-card{background:#FDFBF8;border-radius:0 0 16px 16px;box-shadow:0 20px 60px rgba(28,26,22,.08),0 0 0 1px rgba(234,228,216,.4);overflow:hidden}

/* ── Opskrifter ── */
.osk{display:grid;grid-template-columns:1fr 270px;min-height:420px}
.osk-l{display:flex;flex-direction:column}
.osk-tabs{display:flex;border-bottom:1px solid var(--bd);padding:0 20px}
.osk-tab{padding:12px 16px 10px;font-size:12px;font-weight:600;color:var(--mu);cursor:pointer;border:none;background:none;font-family:inherit;position:relative;transition:color .25s;display:flex;align-items:center;gap:5px}
.osk-tab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--au);border-radius:1px 1px 0 0;transform:scaleX(0);transition:transform .3s var(--eo)}
.osk-tab:hover{color:var(--dk);background:rgba(184,136,58,.015)}.osk-tab.on{color:var(--dk);background:transparent}.osk-tab.on::after{transform:scaleX(1)}
.osk-tab .gi{width:14px;height:14px}
.osk-tab .tb{font-size:9px;font-weight:700;padding:2px 6px;border-radius:8px;background:var(--aus);color:var(--au)}
.osk-pan{display:none;flex:1;overflow-y:auto}.osk-pan.on{display:flex;flex-direction:column}
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:14px 18px}
.cc{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--rs);background:transparent;border:1px solid transparent;text-decoration:none;color:inherit;cursor:pointer;transition:background .25s,border-color .25s,transform .3s var(--eo),box-shadow .3s}
.cc:hover{background:rgba(184,136,58,.015);border-color:rgba(184,136,58,.08);transform:translateY(-2px);box-shadow:0 3px 10px rgba(184,136,58,.02)}
.cc:active{transform:translateY(0);transition:transform .1s}
.cc .ci{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s var(--eo)}
.cc:hover .ci{transform:scale(1.1)}
.cc .ci svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.cc h4{font-size:12px;font-weight:600;color:var(--dk);display:inline;margin:0}
.cc span{font-size:10.5px;color:var(--mul);margin-left:4px}
.cc>div:not(.ci){display:flex;align-items:baseline;gap:0;flex-wrap:wrap}
.ca{margin:0 18px 14px;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;border-radius:var(--rs);background:transparent;border:1px solid var(--bd);font-size:11.5px;font-weight:600;color:var(--g);text-decoration:none;cursor:pointer;transition:all .3s var(--eo)}
.ca:hover{background:rgba(184,136,58,.03);border-color:var(--au);transform:translateY(-1px);box-shadow:0 3px 10px rgba(184,136,58,.03)}
.ca .gi{width:12px;height:12px;color:var(--au);transition:transform .3s var(--eo)}
.ca:hover .gi{transform:translateX(2px)}

/* Promo */
.promo{border-left:1px solid var(--bd);background:linear-gradient(175deg,var(--g),var(--gd));padding:22px 20px;display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden}
.promo::before{content:'';position:absolute;top:-50px;right:-50px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(184,136,58,.1),transparent);pointer-events:none}
.promo-badge{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--aul);margin-bottom:12px}
.promo-badge .gi{width:12px;height:12px;color:var(--aul)}
.promo h3{font-family:var(--fs);font-size:20px;font-weight:600;line-height:1.25;margin-bottom:6px}
.promo h3 em{font-family:var(--fs)!important;font-style:italic!important;font-weight:500!important;color:var(--aul)!important}
.promo>p{font-size:12px;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:14px}
.promo-feats{display:flex;flex-direction:column;gap:8px;margin-bottom:auto}
.promo-feat{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500}
.promo-feat .gi{width:13px;height:13px;color:var(--aul)}
.promo-cta{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:var(--rs);background:var(--au);color:#fff;font-family:var(--fn);font-size:12.5px;font-weight:600;border:none;cursor:pointer;width:100%;transition:all .2s;margin-top:16px;text-decoration:none;box-shadow:0 3px 10px rgba(184,136,58,.25)}
.promo-cta:hover{background:var(--aul);transform:translateY(-1px)}
.promo-cta .gi{width:13px;height:13px;color:#fff}
.app-badges{display:flex;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.app-badge{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:var(--rx);background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none;transition:all .15s;line-height:1}
.app-badge:hover{background:rgba(0,0,0,.4);border-color:rgba(255,255,255,.25)}
.app-badge .ab-ic{width:16px;height:16px;flex-shrink:0}
.app-badge .ab-tx{display:flex;flex-direction:column}
.app-badge .ab-sm{font-size:7px;font-weight:400;opacity:.65;letter-spacing:.3px}
.app-badge .ab-nm{font-size:11px;font-weight:600;margin-top:1px}

/* ── Inspiration (AI) ── */
.insp{padding:24px 28px}
.insp-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.insp-hd h3{font-family:var(--fs);font-size:22px;font-weight:600;color:var(--dk)}
.insp-ai{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--au);padding:4px 10px;border-radius:6px;background:var(--aus)}
.insp-ai .gi{width:12px;height:12px;color:var(--au)}
.insp-sub{font-size:13px;color:var(--mu);margin-bottom:18px}
.insp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.insp-col h4{font-family:var(--fs);font-size:16px;font-weight:600;color:var(--dk);margin-bottom:10px;padding-bottom:7px;border-bottom:2px solid var(--aus);display:flex;align-items:center;gap:5px}
.insp-col h4 .gi{width:15px;height:15px;color:var(--au)}
.insp-list{display:flex;flex-direction:column;gap:2px}
.insp-link{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--rx);font-size:13.5px;color:var(--dk);text-decoration:none;transition:all .25s var(--eo);position:relative;border-left:2px solid transparent}
.insp-link:hover{color:var(--g);transform:translateX(4px);border-left-color:var(--au)}
.insp-link .gi{width:16px;height:16px;color:var(--mu);transition:color .2s,transform .3s var(--eo)}
.insp-link:hover .gi{color:var(--au);transform:scale(1.15)}
.insp-link .cnt{margin-left:auto;font-size:10.5px;color:var(--mul);background:var(--cr);padding:2px 7px;border-radius:4px;transition:all .2s}
.insp-link:hover .cnt{background:var(--aus);color:var(--au)}

/* ── Rejser ── */
.rej{padding:24px 28px}
.rej h3{font-family:var(--fs);font-size:22px;font-weight:600;color:var(--dk);margin-bottom:3px}
.rej>p{font-size:13px;color:var(--mu);margin-bottom:16px}
.rej-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tc{border-radius:var(--rs);overflow:hidden;cursor:pointer;text-decoration:none;color:#fff;position:relative;aspect-ratio:4/3;transition:transform .45s var(--eo),box-shadow .45s}
.tc:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(28,26,22,.18)}
.tc .tbg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s var(--eo)}
.tc:hover .tbg{transform:scale(1.08)}
.tc .tov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(28,26,22,.3) 40%,rgba(28,26,22,.65) 100%);transition:opacity .4s}
.tc:hover .tov{opacity:.8}
.tc .tbd{position:absolute;bottom:0;left:0;right:0;padding:14px;transform:translateY(0);transition:transform .35s var(--eo)}
.tc:hover .tbd{transform:translateY(-3px)}
.tc .ttg{display:flex;align-items:center;gap:3px;font-size:8.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--aul);margin-bottom:2px}
.tc .ttg .gi{width:10px;height:10px;color:var(--aul)}
.tc h4{font-family:var(--fs);font-size:15px;font-weight:600;line-height:1.2;margin-bottom:2px}
.tc .tds{font-size:10.5px;color:rgba(255,255,255,.5)}
.rej-links{margin-top:14px;display:flex;gap:7px}
.rej-links a{display:flex;align-items:center;gap:4px;padding:7px 16px;border-radius:20px;font-size:11.5px;font-weight:600;color:var(--g);background:transparent;border:1px solid var(--bd);text-decoration:none;transition:all .3s var(--eo)}
.rej-links a:hover{background:rgba(184,136,58,.03);border-color:var(--au);transform:translateY(-1px)}
.rej-links a .gi{width:12px;height:12px;color:var(--au);transition:transform .3s var(--eo)}
.rej-links a:hover .gi{transform:translateX(3px)}

/* ── Restauranter ── */
.rest{min-height:180px}
.rest-r{padding:24px 28px;display:flex;flex-direction:column;max-width:700px}
.rest-r h4{font-family:var(--fs);font-size:20px;font-weight:600;color:var(--dk);margin-bottom:14px}
.rest-list{display:flex;flex-direction:column;gap:4px;flex:1}
.ri{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--rx);text-decoration:none;color:inherit;transition:all .25s var(--eo);border:1px solid transparent;position:relative}
.ri:hover{background:rgba(184,136,58,.015);border-color:rgba(184,136,58,.08);transform:translateX(4px)}
.ri .rn{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--cr);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--au);flex-shrink:0;border:1.5px solid var(--bd);transition:all .25s}
.ri:hover .rn{background:var(--aus);border-color:var(--au);transform:scale(1.08)}
.ri-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.ri-text h5{font-size:14px;font-weight:600;color:var(--dk);margin:0;line-height:1.35}
.ri-text span{font-size:11px;color:var(--mu)}
.ri .rr{margin-left:auto;display:flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--au)}
.ri .rr .gi{width:12px;height:12px;color:var(--au)}
.rest-cta{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;border-radius:var(--rs);background:transparent;border:1px solid var(--bd);font-size:11.5px;font-weight:600;color:var(--g);text-decoration:none;transition:all .3s var(--eo)}
.rest-cta:hover{background:rgba(184,136,58,.03);border-color:var(--au);transform:translateY(-1px)}
.rest-cta .gi{width:12px;height:12px;color:var(--au);transition:transform .3s var(--eo)}
.rest-cta:hover .gi{transform:translateX(2px)}

/* ═══ INSTAGRAM ═══ */
/* Inspiration panel grid with IG sidebar */
.insp-wrap{display:grid;grid-template-columns:1fr 280px}

/* IG Sidebar (dark, in Inspiration panel) */
.ig-side{border-left:1px solid var(--bd);background:linear-gradient(175deg,#0d0d1a,#1a1a2e);display:flex;flex-direction:column;padding:22px 18px;position:relative;overflow:hidden}
.ig-side::before{content:'';position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(131,58,180,.12),transparent);pointer-events:none}
.ig-side::after{content:'';position:absolute;bottom:-30px;left:-20px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(252,176,69,.08),transparent);pointer-events:none}
.ig-side,.ig-side *{color:#fff!important}
.ig-side-hd{display:flex;align-items:center;gap:10px;margin-bottom:16px;position:relative;z-index:1}
.ig-av{width:42px;height:42px;border-radius:50%;padding:2px;flex-shrink:0;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);overflow:hidden}
.ig-av-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid #0d0d1a}
.ig-name{font-size:13px!important;font-weight:700!important}
.ig-sub{font-size:10px!important;color:rgba(255,255,255,.4)!important;margin-top:1px}
.ig-stats{display:flex;gap:14px;margin-bottom:16px;position:relative;z-index:1}
.ig-stat{text-align:center}
.ig-stat strong{font-family:var(--fs);font-size:18px;font-weight:700;display:block;line-height:1}
.ig-stat span{font-size:9px!important;color:rgba(255,255,255,.35)!important;text-transform:uppercase;letter-spacing:.3px}
.ig-feat{border-radius:10px;overflow:hidden;position:relative;aspect-ratio:16/10;margin-bottom:10px;z-index:1}
.ig-feat img{width:100%;height:100%;object-fit:cover;display:block}
.ig-feat-ov{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.65));display:flex;gap:10px}
.ig-feat-s{font-size:11px!important;color:rgba(255,255,255,.85)!important}
.ig-recent{display:flex;gap:5px;margin-bottom:14px;z-index:1;position:relative}
.ig-rec-item{flex:1;aspect-ratio:1;border-radius:6px;overflow:hidden;transition:transform .2s;display:block}
.ig-rec-item:hover{transform:scale(1.06)}
.ig-rec-item img{width:100%;height:100%;object-fit:cover;display:block}
.ig-follow{display:flex!important;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border-radius:9px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;transition:all .2s;z-index:1;position:relative;letter-spacing:.2px}
.ig-follow:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(131,58,180,.3);filter:brightness(1.1)}
.ig-follow svg{width:14px;height:14px}
.ig-proof{font-size:9px!important;color:rgba(255,255,255,.25)!important;text-align:center;margin-top:8px;z-index:1;position:relative}

/* IG card in Ugens udvalg */
.ig-ugens{border-radius:12px;overflow:hidden;border:1px solid rgba(131,58,180,.15);transition:transform .2s}
.ig-ugens:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(131,58,180,.08)}
.ig-ugens-top{display:flex}
.ig-ugens-img{width:130px;min-height:100px;flex-shrink:0;position:relative;overflow:hidden}
.ig-ugens-img img{width:100%;height:100%;object-fit:cover;display:block}
.ig-ugens-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:5px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);font-size:9px;font-weight:700;color:#fff;letter-spacing:.3px;display:flex;align-items:center;gap:3px;z-index:1}
.ig-ugens-badge svg{width:10px;height:10px}
.ig-ugens-info{padding:14px 16px;flex:1;display:flex;flex-direction:column}
.ig-ugens-label{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}
.ig-ugens-title{font-size:14px;font-weight:600;color:var(--dk);line-height:1.3;margin-bottom:6px}
.ig-ugens-meta{font-size:11px;color:var(--mul);display:flex;gap:10px}
.ig-ugens-cta{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(90deg,rgba(131,58,180,.04),rgba(252,176,69,.04));border-top:1px solid rgba(131,58,180,.08)}
.ig-ugens-cta span{font-size:10px;color:var(--mul)}
.ig-ugens-cta a{font-size:11px;font-weight:700;color:#833AB4;text-decoration:none;display:flex;align-items:center;gap:4px}
.ig-ugens-cta a:hover{color:#fd1d1d}

/* IG mobile story card */
.ms-ig .sbg{background:linear-gradient(45deg,#405DE6,#833AB4,#C13584,#E1306C,#FD1D1D,#F56040,#F77737,#FCAF45)!important}
.ms-ig .sov{background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.55) 100%)!important}
.ig-ring{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;margin-bottom:6px;background:rgba(255,255,255,.1)}
.ig-ring svg{width:16px;height:16px}

/* IG mobile banner */
.ig-mob-banner{margin:14px 16px 8px;padding:16px;border-radius:12px;background:linear-gradient(45deg,#405DE6,#833AB4,#C13584,#E1306C,#FD1D1D,#F56040,#F77737,#FCAF45);position:relative;overflow:hidden}
.ig-mob-banner::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.12);pointer-events:none}
.ig-bn-inner{position:relative;z-index:1}
.ig-bn-top{display:flex;align-items:center;gap:12px}
.ig-bn-av{width:44px;height:44px;border-radius:50%;padding:2px;flex-shrink:0;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);overflow:hidden}
.ig-bn-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid #0d0d1a}
.ig-bn-av svg{width:20px;height:20px;fill:#fff}
.ig-bn-text{flex:1}
.ig-bn-handle{font-size:13px;font-weight:700;color:#fff}
.ig-bn-count{font-size:10px;color:rgba(255,255,255,.55)}
.ig-bn-btn{padding:7px 14px;border-radius:8px;background:rgba(255,255,255,.92);color:#1C1A16!important;font-size:11px;font-weight:700;text-decoration:none;flex-shrink:0;display:inline-block}
.ig-bn-btn:hover{background:#fff}
.ig-bn-posts{display:flex;gap:5px;margin-top:12px;position:relative;z-index:1}
.ig-bn-post{width:50px;height:50px;border-radius:7px;overflow:hidden;border:1.5px solid rgba(255,255,255,.25);flex-shrink:0}
.ig-bn-post img{width:100%;height:100%;object-fit:cover;display:block}
.ig-bn-more{width:50px;height:50px;border-radius:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:rgba(255,255,255,.5);flex-shrink:0}

/* ═══ MOBILE MENU — simplified 3-layer design ═══ */
.mob-menu{display:none}
.mob-ov{display:none}

/* Divider */
.m-div{height:1px;background:var(--bd);margin:0 16px}

/* ── LAG 1: Category icon grid ── */
.m-cats{padding:18px 16px 14px}
.m-cats-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mul);margin-bottom:12px}
.m-cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.m-cat{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px 10px;border-radius:12px;text-decoration:none;color:var(--dk);transition:transform .25s var(--eo);-webkit-tap-highlight-color:transparent}
.m-cat:active{transform:scale(.9)}
.m-cat-icon{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;transition:transform .3s var(--eo);opacity:.85}
.m-cat:active .m-cat-icon{transform:scale(.88);opacity:1}
.m-cat-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.m-cat-name{font-size:12.5px;font-weight:500;text-align:center;line-height:1.25}

/* Staggered entrance animation */
@keyframes mcatIn{from{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:none}}
.mob-menu.open .m-cat{animation:mcatIn .35s var(--eo) both}

/* ── LAG 2: Accordion nav sections ── */
.m-nav{padding:4px 16px}
.m-sec{border-bottom:1px solid rgba(234,228,216,.5)}
.m-sec:last-child{border-bottom:none}
.m-nav-btn{display:flex;align-items:center;gap:14px;padding:16px 0;width:100%;background:none!important;border:none!important;cursor:pointer;font-family:var(--fn)!important;text-align:left;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}
.m-nav-btn:active .m-nav-icon{transform:scale(.9)}
.m-nav-chev{width:16px;height:16px;stroke:var(--bd);fill:none;stroke-width:2;flex-shrink:0;transition:transform .35s var(--eo)}
.m-sec.open .m-nav-chev{transform:rotate(180deg);stroke:var(--au)}

/* Accordion expand */
.m-acc{max-height:0;overflow:hidden;transition:max-height .4s var(--eo)}
.m-acc-inner{padding:0 0 12px 56px}
.m-acc-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:15px;color:var(--dk);text-decoration:none;transition:all .2s;-webkit-tap-highlight-color:transparent}
.m-acc-link:active{background:rgba(184,136,58,.02);transform:translateX(4px)}
.m-acc-ic{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--mul)}
.m-acc-ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.m-acc-cnt{margin-left:auto;font-size:11px;color:var(--mul);background:var(--cr);padding:2px 8px;border-radius:10px}
.m-acc-all{color:var(--au)!important;font-weight:600;font-size:13px;margin-top:4px}
.m-acc-all .m-acc-ic{color:var(--au)}

/* Keep flat link style for Kogebøger */
.m-nav-link{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid rgba(234,228,216,.5);text-decoration:none;color:var(--dk);transition:transform .2s var(--eo);-webkit-tap-highlight-color:transparent}
.m-nav-link:last-child{border-bottom:none}
.m-nav-link:active{transform:translateX(6px)}
.m-nav-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s var(--eo)}
.m-nav-link:active .m-nav-icon{transform:scale(.9)}
.m-nav-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.m-nav-text{flex:1;min-width:0}
.m-nav-title{font-size:17px;font-weight:500;color:var(--dk)}
.m-nav-sub{font-size:13px;color:var(--mul);margin-top:2px}
.m-nav-arrow{width:16px;height:16px;stroke:var(--bd);fill:none;stroke-width:2;flex-shrink:0;transition:transform .3s var(--eo)}
.m-nav-link:active .m-nav-arrow{transform:translateX(3px)}

/* Staggered nav entrance */
@keyframes mnavIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.mob-menu.open .m-sec:nth-child(1){animation:mnavIn .3s .15s var(--eo) both}
.mob-menu.open .m-sec:nth-child(2){animation:mnavIn .3s .2s var(--eo) both}
.mob-menu.open .m-sec:nth-child(3){animation:mnavIn .3s .25s var(--eo) both}
.mob-menu.open .m-nav-link{animation:mnavIn .3s .3s var(--eo) both}

/* ── LAG 3: IG + Premium + Login ── */
.m-prem{margin:10px 16px;padding:16px;border-radius:12px;background:var(--g);display:flex;align-items:center;justify-content:center;gap:8px;color:#fff!important;text-decoration:none;font-size:15px;font-weight:600;box-shadow:0 3px 12px rgba(44,74,58,.15);transition:transform .2s var(--eo);-webkit-tap-highlight-color:transparent}
.m-prem:active{transform:scale(.97)}
.m-prem svg{width:16px;height:16px;stroke:var(--aul);fill:none;stroke-width:2}
.m-login{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px;font-size:14px;color:var(--mu);text-decoration:none;-webkit-tap-highlight-color:transparent}
.m-login svg{width:15px;height:15px;stroke:var(--mu);fill:none;stroke-width:2;stroke-linecap:round}

/* Bottom entrance — new order: Premium → Login → Instagram */
@keyframes mbotIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mob-menu.open .m-prem{animation:mbotIn .35s .2s var(--eo) both}
.mob-menu.open .m-login{animation:mbotIn .3s .25s var(--eo) both}
.mob-menu.open .ig-mob-banner{animation:mbotIn .35s .3s var(--eo) both}

/* Mobile search overlay — drops from header, full width */
.mob-search-ov{position:fixed;inset:0;z-index:2000;background:rgba(28,26,22,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;display:none;flex-direction:column}
.mob-search-ov.open{opacity:1;visibility:visible}
.mob-search-box{width:100%;background:var(--wh);box-shadow:0 20px 60px rgba(28,26,22,.2);transform:translateY(-16px);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s;overflow:hidden;max-height:70vh;overflow-y:auto;border-radius:0 0 16px 16px}
.mob-search-ov.open .mob-search-box{transform:translateY(0);opacity:1}
.mob-search-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--bdl)}
.mob-search-head .gi{width:22px;height:22px;color:var(--au);flex-shrink:0}
.mob-search-head input{flex:1;border:none!important;outline:none!important;background:transparent!important;font-family:var(--fn)!important;font-size:17px!important;color:var(--dk)!important;padding:0!important;margin:0!important;height:auto!important;box-shadow:none!important}
.mob-search-head input::placeholder{color:var(--mul)!important}
.mob-search-close{width:34px;height:34px;border-radius:var(--rx);border:1px solid var(--bd);background:var(--cr);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;font-size:20px;color:var(--mu);line-height:1;-webkit-tap-highlight-color:transparent}
.mob-search-body{padding:20px}
.mob-search-lbl{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mul);margin-bottom:12px}
.mob-search-chips{display:flex;flex-wrap:wrap;gap:8px}
.mob-search-chip{padding:11px 18px;border-radius:22px;background:var(--cr);border:1px solid var(--bd);font-size:15px;font-weight:500;color:var(--dk);text-decoration:none;min-height:44px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent;transition:all .2s}
.mob-search-chip:active{background:var(--aus);border-color:var(--au);color:var(--g);transform:scale(.95)}

/* Ad placeholder */
.ad-ph{background:var(--crd);border:1px dashed var(--bd);border-radius:var(--rx);padding:18px;text-align:center;font-size:11px;color:var(--mul);margin:16px 24px}

/* Demo page */
.demo{max-width:1200px;margin:0 auto;padding:50px 24px 300px;text-align:center}
.demo h2{font-family:var(--fs);font-size:30px;font-weight:600;margin-bottom:8px}
.demo p{font-size:14px;color:var(--mu);max-width:480px;margin:0 auto;line-height:1.7}

/* ═══ ANIMATED LOGO (used on both desktop scroll and mobile) ═══ */
.gm-logo .gm-bg{fill:#2C4A3A}
.gm-logo .gm-fill{opacity:1}
.gm-logo .gm-stroke{fill:none;stroke-miterlimit:10;stroke-dashoffset:0;stroke-dasharray:none;opacity:0}
.gm-logo.gm-animate .gm-bg{transform-origin:43.2px 43.2px;animation:gmCircleIn .5s cubic-bezier(.34,1.56,.64,1) forwards}
.gm-logo.gm-animate .gm-fill{opacity:0;animation:gmFillIn .5s ease 2.2s forwards}
.gm-logo.gm-animate .gm-stroke{opacity:1;stroke-dashoffset:var(--l);stroke-dasharray:var(--l);animation:gmDraw var(--d) cubic-bezier(.4,0,.2,1) var(--t) forwards}
@keyframes gmCircleIn{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes gmDraw{to{stroke-dashoffset:0}}
@keyframes gmFillIn{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.gm-logo.gm-animate .gm-bg{animation:none}.gm-logo.gm-animate .gm-fill{opacity:1;animation:none}.gm-logo.gm-animate .gm-stroke{opacity:0;animation:none}}

/* ═══════════════════════════════════
   RESPONSIVE BREAKPOINTS
   ═══════════════════════════════════ */

/* Tablet: shrink mega panels */
@media(max-width:1100px){
  .cg{grid-template-columns:repeat(2,1fr)}
  .osk{grid-template-columns:1fr 240px}
  .rej-grid{grid-template-columns:repeat(3,1fr)}
  .insp-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  /* Tighter nav */
  .n{padding:7px 10px;font-size:12.5px}
  .srw{max-width:220px;margin:0 10px}
  .srb .sk{display:none}
}

/* Narrow desktop — icon-only buttons */
@media(max-width:1000px){
  .n{padding:6px 8px;font-size:12px}
  .srw{max-width:180px;margin:0 8px}
  /* Login becomes icon-only */
  .btn-l .btn-txt{display:none}
  .btn-l{padding:8px}
  .btn-l .gi{width:16px;height:16px}
  /* Premium shorter text */
  .btn-p .btn-txt{display:none}
  .btn-p .btn-short{display:inline}
  .btn-p{padding:8px 12px}
}

/* Very narrow desktop — hide search field */
@media(max-width:920px){
  .srw{display:none}
  .srbg{display:none}
  .n{padding:6px 7px;font-size:11.5px}
  /* Show Login text again since we have room without search */
  .btn-l .btn-txt{display:inline}
  .btn-l{padding:7px 14px}
  .btn-p .btn-txt{display:inline}
  .btn-p .btn-short{display:none}
  .btn-p{padding:7px 14px}
}

/* Switch to mobile layout */
@media(max-width:860px){
  :root{--topbar-h:40px;--nav-h:56px}

  /* Hide desktop elements */
  .hdr-top,.nl,.srw,.srbg,.acts{display:none!important}
  .mp,.mov{display:none!important}

  /* Show mobile elements */
  .mob-ham,.mob-logo,.mob-sbtn{display:flex!important}

  /* Rearrange header to mobile 3-column grid */
  .hdr-nav{display:grid!important;grid-template-columns:44px 1fr 44px;align-items:center;justify-items:center;height:56px;padding:0 12px}
  .logo-s{display:none!important}

  .mob-ham{width:42px;height:42px;border-radius:var(--rx);border:none;background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;justify-self:start}
  .mob-ham span{display:block;width:16px;height:1.5px;background:var(--dk);border-radius:2px;transition:all .35s var(--eo)}
  .mob-ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .mob-ham.open span:nth-child(2){opacity:0;transform:scaleX(0)}
  .mob-ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .mob-logo{justify-self:center;text-decoration:none!important;display:flex!important;align-items:center;justify-content:center}
  /* Animated logo — bigger than buttons (42px), centered */
  .mob-logo.gm-logo{width:50px!important;height:50px!important;flex-shrink:0;overflow:hidden}
  .mob-logo.gm-logo svg{width:100%;height:100%;display:block;overflow:hidden}
  .mob-sbtn{width:42px;height:42px;border-radius:var(--rx);border:none;background:transparent;cursor:pointer;align-items:center;justify-content:center;padding:0;justify-self:end}
  .mob-sbtn .gi{width:18px;height:18px;color:var(--mu)}

  /* Topbar smaller */
  .topbar{height:var(--topbar-h);font-size:11px;padding:0 14px}
  .topbar .tb-cta{padding:4px 10px;font-size:10px}

  /* Mobile menu — fixed from header bottom to screen bottom. No spacer/padding needed. 
     top is set by JS to exact header bottom position. */
  .mob-menu{display:flex!important;flex-direction:column;position:fixed;left:0;right:0;bottom:0;top:56px;z-index:999;background:var(--wh)!important;transform:translateX(-100%);transition:transform .45s cubic-bezier(.22,1,.36,1);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .mob-menu.open{transform:translateX(0)}
  .mob-ov{display:block!important;position:fixed;inset:0;z-index:998;background:rgba(28,26,22,.12);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
  .mob-ov.vis{opacity:1;visibility:visible}

  /* Keep header ABOVE menu so hamburger is always clickable */
  .hdr{z-index:1001!important}
  .ab{z-index:1002!important}

  /* Mobile search overlay */
  .mob-search-ov{display:flex!important;z-index:2000}

  .ad-ph{margin:12px 16px}
  .demo{padding:30px 20px 200px}
  .demo h2{font-size:24px}
}

/* Small mobile — compact but readable */
@media(max-width:480px){
  .m-cats-grid{gap:4px}
  .m-cat-icon{width:44px;height:44px;border-radius:11px}
  .m-cat-icon svg{width:20px;height:20px}
  .m-cat-name{font-size:11.5px}
  .m-nav-icon{width:38px;height:38px;border-radius:10px}
  .m-nav-title{font-size:16px}
  .m-nav-sub{font-size:12px}
}