/*
Theme Name: Gidleads
Theme URI: https://gidleads.se
Author: Gidleads
Description: Custom pixel-perfect tema för gidleads.se — enkel single-page design.
Version: 1.0.2
License: GPL2
Text Domain: gidleads
*/
html,body{margin:0;padding:0;background:#FAFAF6;color:#15201A;font-family:'Hanken Grotesk',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#157A4E;text-decoration:none}
a:hover{color:#0E5C3A}
input,select,textarea{font-family:'Hanken Grotesk',sans-serif}
input:focus,select:focus,textarea:focus{outline:2px solid #0F6E43;outline-offset:0;border-color:#0F6E43}
::selection{background:#CDEEDD}

/* Utility hover classes since style-hover attributes need JS */
.gl-nav-link{color:#4A564F;transition:color .15s}
.gl-nav-link:hover{color:#15201A}
.gl-nav-cta{display:inline-block;background:#15201A;color:#FAFAF6;padding:10px 22px;border-radius:999px;font-weight:600;transition:background .15s,color .15s}
.gl-nav-cta:hover{background:#0F6E43;color:#FAFAF6}
.gl-btn-primary{display:inline-block;background:#0F6E43;color:#fff;padding:16px 34px;border-radius:999px;font-weight:600;font-size:16.5px;box-shadow:0 4px 16px rgba(15,110,67,0.28);transition:background .15s}
.gl-btn-primary:hover{background:#178253;color:#fff}
.gl-btn-secondary{display:inline-block;background:#fff;color:#15201A;padding:16px 34px;border-radius:999px;font-weight:600;font-size:16.5px;border:1px solid #E0E0D6;transition:border-color .15s}
.gl-btn-secondary:hover{border-color:#15201A;color:#15201A}
.gl-service-card{background:#fff;border:1px solid #ECECE4;border-radius:18px;padding:30px 28px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,box-shadow .15s}
.gl-service-card:hover{border-color:#0F6E43;box-shadow:0 8px 24px rgba(21,32,26,0.06)}
.gl-form-submit{background:#0F6E43;color:#fff;border:none;padding:15px 0;border-radius:999px;font-weight:600;font-size:16px;cursor:pointer;transition:background .15s;width:100%}
.gl-form-submit:hover{background:#178253}
.gl-form-submit:disabled{opacity:.6;cursor:not-allowed}
.gl-reset-btn{background:none;border:none;color:#157A4E;font-size:14.5px;font-weight:600;cursor:pointer;font-family:'Hanken Grotesk',sans-serif}
.gl-reset-btn:hover{color:#0E5C3A}
.gl-pkg-cta{display:block;text-align:center;padding:13px 0;border-radius:999px;font-weight:600;font-size:15.5px;transition:opacity .15s}
.gl-pkg-cta:hover{opacity:0.88}
.gl-error{color:#B12A2A;font-size:13.5px;margin:6px 0 0}
.gl-price-old{color:#8A948D;text-decoration:line-through;font-size:15px;font-weight:500}
.gl-form-status{display:none;background:#fff;border:1px solid #CDEEDD;border-radius:20px;padding:60px 40px;flex-direction:column;align-items:center;gap:16px;text-align:center;box-shadow:0 10px 30px rgba(21,32,26,0.05)}
.gl-form-status.gl-visible{display:flex}
.gl-form-form.gl-hidden{display:none}

/* Mobile hamburger + off-canvas drawer */
.gl-hamburger{display:none;background:none;border:0;padding:8px;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;align-items:center;color:#15201A;position:relative;z-index:60;border-radius:8px}
.gl-hamburger:focus-visible{outline:2px solid #0F6E43;outline-offset:2px}
.gl-hamburger-bar{display:block;width:24px;height:2px;background:#15201A;border-radius:2px;transition:transform .2s ease, opacity .2s ease}
.gl-hamburger[aria-expanded="true"] .gl-hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.gl-hamburger[aria-expanded="true"] .gl-hamburger-bar:nth-child(2){opacity:0}
.gl-hamburger[aria-expanded="true"] .gl-hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.gl-mobile-backdrop{position:fixed;inset:0;background:rgba(21,32,26,0.5);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:70}
.gl-mobile-backdrop.gl-open{opacity:1;pointer-events:auto}
.gl-mobile-drawer{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:85vw;max-width:360px;background:#FAFAF6;box-shadow:-8px 0 32px rgba(21,32,26,0.15);transform:translateX(100%);transition:transform .2s ease;z-index:80;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}
.gl-mobile-drawer.gl-open{transform:translateX(0)}
.gl-mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #ECECE4;flex-shrink:0}
.gl-mobile-drawer-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;color:#15201A;letter-spacing:-0.01em}
.gl-mobile-close{background:none;border:0;padding:8px;margin:-8px;cursor:pointer;color:#15201A;-webkit-tap-highlight-color:transparent;line-height:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}
.gl-mobile-close:hover{background:#F0F0E8}
.gl-mobile-close:focus-visible{outline:2px solid #0F6E43;outline-offset:2px}
.gl-mobile-nav{display:flex;flex-direction:column;padding:12px 14px 28px}
.gl-mobile-link{display:block;padding:14px 14px;font-size:17px;font-weight:500;color:#15201A;border-radius:12px;transition:background .12s ease;text-decoration:none}
.gl-mobile-link:hover,.gl-mobile-link:focus-visible{background:#F0F0E8;color:#15201A;outline:none}
.gl-mobile-cta{margin-top:14px;background:#0F6E43;color:#fff;text-align:center;padding:14px 20px;border-radius:999px;font-weight:600;box-shadow:0 4px 16px rgba(15,110,67,0.28)}
.gl-mobile-cta:hover,.gl-mobile-cta:focus-visible{background:#178253;color:#fff}
body.gl-drawer-open{overflow:hidden}

/* Utvalt case + klickbara kundnamn */
.gl-client-link{color:#6B756E;text-decoration:none;border-bottom:1.5px solid transparent;transition:color .15s,border-color .15s}
.gl-client-link:hover,.gl-client-link:focus-visible{color:#0F6E43;border-bottom-color:#0F6E43}
.gl-featured-cta{display:inline-block;background:#0F6E43;color:#fff;padding:14px 28px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 4px 16px rgba(15,110,67,0.26);transition:background .15s}
.gl-featured-cta:hover,.gl-featured-cta:focus-visible{background:#178253;color:#fff}
.gl-featured-shot{transition:transform .2s,box-shadow .2s}
.gl-featured-shot:hover{transform:translateY(-3px);box-shadow:0 24px 56px rgba(21,32,26,0.13) !important}

/* Responsive */
@media (max-width:820px){
  .gl-featured-grid{grid-template-columns:1fr !important;gap:32px !important}
  .gl-featured{padding-top:60px !important}
}
@media (max-width:820px){
  .gl-nav{padding:14px 22px !important}
  .gl-nav-links{gap:18px !important;font-size:14px !important}
  .gl-nav-links a:not(.gl-nav-cta){display:none}
  .gl-hero{padding:70px 22px 60px !important}
  .gl-section{padding-left:22px !important;padding-right:22px !important}
  .gl-contact-grid{grid-template-columns:1fr !important;gap:36px !important}
  .gl-footer{padding:28px 22px !important;flex-direction:column !important;text-align:center}
  .gl-footer-links{justify-content:center !important;gap:16px !important}
  .gl-hamburger{display:inline-flex}
}

/* Responsive — mobile / small screens */
@media (max-width: 900px){
  .gl-nav{padding:14px 20px !important}
  .gl-nav-links{gap:14px !important;font-size:14px !important}
  .gl-nav-link{white-space:nowrap}
  .gl-nav-cta{padding:8px 16px !important;font-size:14px !important}
  .gl-hero{padding:70px 20px 60px !important}
  .gl-hero h1{font-size:clamp(30px,7vw,44px) !important}
  .gl-hero p{font-size:17px !important}
  .gl-btn-primary,.gl-btn-secondary{padding:14px 26px !important;font-size:15px !important}
  .gl-section{padding-left:20px !important;padding-right:20px !important}
  .gl-section h2{font-size:28px !important}
  .gl-contact-grid{grid-template-columns:1fr !important;gap:32px !important}
  .gl-footer-links{flex-direction:column;align-items:flex-start !important;gap:16px !important}
}
@media (max-width: 600px){
  .gl-nav-links{gap:10px !important;font-size:13px !important}
  .gl-nav-cta{padding:7px 12px !important;font-size:13px !important}
  .gl-hero{padding:50px 18px 40px !important}
}

@media (prefers-reduced-motion: reduce){
  .gl-hamburger-bar,.gl-mobile-backdrop,.gl-mobile-drawer{transition:none !important}
}

/* Portfoliokampanj-band.
   Layouten ligger här och inte inline med flit: temats scroll-animation
   döljer allt i #priser som har align-items:flex-start i style-attributet. */
.gl-kampanj{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#0B1512 0%,#15201A 45%,#0E3626 100%);color:#FAFAF6;border-radius:24px;padding:38px 40px;margin:0 0 34px;box-shadow:0 18px 44px -22px rgba(15,110,67,.65),0 0 0 1px rgba(159,176,166,.14) inset}
.gl-kampanj-glow{position:absolute;inset:auto -12% -55% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(30,154,99,.42) 0%,rgba(30,154,99,0) 68%);pointer-events:none;z-index:-1}
.gl-kampanj-inner{position:relative;display:flex;flex-direction:column;gap:14px;max-width:760px}
.gl-kampanj-eyebrow{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;background:rgba(30,154,99,.16);border:1px solid rgba(52,199,128,.4);color:#6EE0A6;font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:7px 15px;border-radius:999px}
.gl-kampanj-dot{width:7px;height:7px;border-radius:50%;background:#34C780;box-shadow:0 0 0 0 rgba(52,199,128,.7);animation:gl-kampanj-puls 2.2s ease-out infinite}
@keyframes gl-kampanj-puls{0%{box-shadow:0 0 0 0 rgba(52,199,128,.6)}70%{box-shadow:0 0 0 9px rgba(52,199,128,0)}100%{box-shadow:0 0 0 0 rgba(52,199,128,0)}}
.gl-kampanj-rubrik{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(30px,4.6vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:2px 0 0;color:#FAFAF6}
.gl-kampanj-rubrik em{font-style:normal;color:#34C780;white-space:nowrap}
.gl-kampanj-lead{font-size:17px;line-height:1.6;color:#C7D3CB;margin:0;max-width:600px;text-wrap:pretty}
.gl-kampanj-lead strong{color:#FAFAF6;font-weight:600}
.gl-kampanj-jmf{display:flex;flex-direction:column;gap:8px;margin:6px 0 2px}
.gl-kampanj-jmf-rad{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;padding:11px 16px;border-radius:12px;background:rgba(250,250,246,.055);border:1px solid rgba(159,176,166,.13)}
.gl-kampanj-jmf-namn{flex:1 1 150px;font-size:14.5px;color:#9FB0A6}
.gl-kampanj-jmf-fore{font-size:16px;color:#7F8E85;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(214,90,90,.85)}
.gl-kampanj-jmf-pil{color:#5E6E65;font-size:15px}
.gl-kampanj-jmf-nu{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.02em;color:#34C780}
.gl-kampanj-foot{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:8px}
.gl-kampanj-cta{background:#1E9A63;color:#fff;padding:14px 28px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 10px 24px -12px rgba(30,154,99,.9);transition:background .15s,transform .15s,box-shadow .15s}
.gl-kampanj-cta:hover,.gl-kampanj-cta:focus-visible{background:#25B274;color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(30,154,99,1)}
.gl-kampanj-villkor{font-size:13.5px;color:#8A9A90}
@media (max-width:820px){
  .gl-kampanj{padding:26px 22px;border-radius:20px}
  .gl-kampanj-glow{width:340px;height:340px;inset:auto -30% -40% auto}
  .gl-kampanj-lead{font-size:16px}
  .gl-kampanj-jmf-rad{padding:10px 13px;gap:8px}
  .gl-kampanj-jmf-namn{flex:1 1 100%}
  .gl-kampanj-cta{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .gl-kampanj-dot{animation:none}
  .gl-kampanj-cta{transition:none}
}

/* Speglat kundcase-block: bilden går under texten i mobil */
@media (max-width:820px){
  .gl-featured-grid--rev > a.gl-featured-shot{order:2}
  .gl-featured-grid--rev > div{order:1}
}

/* =====================================================================
   SIDMALLAR 2026-08-16: /webbyra-gavle/, /priser/, /kontakt/
   Egna klassprefix (gl-wg-, gl-pris-, gl-kt-). Aldrig nth-of-type —
   scroll-animationen har bitit på det två gånger. Motion-CSS:en körs bara
   på startsidan så inget här kan fastna på opacity:0, men klasserna finns
   ändå för att det ska gå att scopa säkert i framtiden.
   ===================================================================== */

/* ---------- Delat ---------- */
.gl-wg, .gl-pris, .gl-kt{max-width:900px;margin:0 auto;padding:0 48px}
.gl-wg-eyebrow,.gl-pris-eyebrow,.gl-kt-eyebrow{display:inline-block;background:#EAF6EF;color:#157A4E;font-size:13px;font-weight:600;letter-spacing:.02em;padding:6px 14px;border-radius:999px;margin-bottom:20px}
.gl-wg-hero,.gl-pris-hero,.gl-kt-hero{padding:72px 0 0}
.gl-wg-h1,.gl-pris-h1,.gl-kt-h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(34px,5vw,54px);font-weight:700;line-height:1.08;letter-spacing:-.025em;margin:0 0 20px;text-wrap:balance;color:#15201A}
.gl-wg-lead,.gl-pris-lead,.gl-kt-lead{font-size:20px;line-height:1.55;color:#4A564F;margin:0 0 30px;max-width:640px;text-wrap:pretty}
.gl-wg-body,.gl-pris-body{font-size:17.5px;line-height:1.7;color:#242E27}
.gl-wg-body > h2:first-child,.gl-pris-body > h2:first-child{margin-top:56px}

/* ---------- /webbyra-gavle/ ---------- */
.gl-wg-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 40px}
.gl-wg-btn{display:inline-block;background:#0F6E43;color:#fff;padding:14px 30px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;transition:background .15s,transform .15s}
.gl-wg-btn:hover,.gl-wg-btn:focus-visible{background:#178253;color:#fff;transform:translateY(-1px)}
.gl-wg-btn-ghost{display:inline-block;background:#F2F2EA;color:#15201A;padding:14px 30px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid #E4E4DA;transition:background .15s}
.gl-wg-btn-ghost:hover,.gl-wg-btn-ghost:focus-visible{background:#E8E8DE;color:#15201A}
.gl-wg-trust{list-style:none;padding:26px 0 0;margin:0;border-top:1px solid #ECECE4;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:22px}
.gl-wg-trust li{display:flex;flex-direction:column;gap:3px}
.gl-wg-trust strong{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.02em;color:#15201A}
.gl-wg-trust span{font-size:14px;color:#626C64;line-height:1.4}

.gl-wg-services{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 12px}
.gl-wg-service{background:#fff;border:1px solid #ECECE4;border-radius:18px;padding:26px 26px 22px}
.gl-wg-service h3{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:600;margin:0 0 10px;color:#15201A}
.gl-wg-service p{font-size:15.5px;line-height:1.6;color:#4A564F;margin:0 0 14px}
.gl-wg-service a{font-size:15px;font-weight:600;color:#0F6E43;text-decoration:none}
.gl-wg-service a:hover{text-decoration:underline}

.gl-wg-steps{list-style:none;padding:0;margin:26px 0 12px;counter-reset:none}
.gl-wg-steps > li{position:relative;padding:0 0 22px 26px;border-left:2px solid #E2EDE6;margin:0}
.gl-wg-steps > li:last-child{border-left-color:transparent;padding-bottom:0}
.gl-wg-steps > li::before{content:"";position:absolute;left:-7px;top:8px;width:12px;height:12px;border-radius:50%;background:#1E9A63;box-shadow:0 0 0 4px #FAFAF6}
.gl-wg-steps h3{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:600;margin:0 0 8px;color:#15201A}
.gl-wg-steps p{margin:0;font-size:16.5px;line-height:1.65;color:#3A463F}

.gl-wg-cases{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 20px}
.gl-wg-case{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #ECECE4;border-radius:20px;padding:28px 26px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.gl-wg-case:hover,.gl-wg-case:focus-visible{border-color:#C7E5D3;box-shadow:0 14px 34px -20px rgba(21,32,26,.35);transform:translateY(-2px)}
.gl-wg-case-tag{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8A948D}
.gl-wg-case h3{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0;color:#15201A}
.gl-wg-case p{font-size:15.5px;line-height:1.6;color:#4A564F;margin:0}
.gl-wg-case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 0 2px;border-top:1px solid #F0F0E8}
.gl-wg-case-stats div{display:flex;flex-direction:column;gap:2px}
.gl-wg-case-stats strong{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.02em;color:#1E9A63;line-height:1.1}
.gl-wg-case-stats span{font-size:12.5px;color:#8A948D;line-height:1.35}
.gl-wg-case-link{font-size:15px;font-weight:600;color:#0F6E43;margin-top:auto}

.gl-wg-cta{background:#15201A;color:#FAFAF6;border-radius:24px;padding:48px 44px;margin:56px 0 80px;text-align:center}
.gl-wg-cta h2{font-family:'Bricolage Grotesque',sans-serif;font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;color:#FAFAF6}
.gl-wg-cta > p{font-size:17px;line-height:1.6;color:#C7D3CB;margin:0 auto 26px;max-width:520px;text-wrap:pretty}
.gl-wg-cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.gl-wg-cta .gl-wg-btn-ghost{background:rgba(250,250,246,.08);color:#FAFAF6;border-color:rgba(159,176,166,.28)}
.gl-wg-cta .gl-wg-btn-ghost:hover{background:rgba(250,250,246,.16);color:#FAFAF6}
.gl-wg-cta-fine{font-size:14px;color:#8A9A90;margin:24px 0 0}

/* ---------- /priser/ ---------- */
.gl-pris-kampanj{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#0B1512 0%,#15201A 45%,#0E3626 100%);color:#FAFAF6;border-radius:24px;padding:38px 40px;margin:8px 0 30px;box-shadow:0 18px 44px -22px rgba(15,110,67,.65),0 0 0 1px rgba(159,176,166,.14) inset}
.gl-pris-kampanj-glow{position:absolute;inset:auto -12% -55% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(30,154,99,.42) 0%,rgba(30,154,99,0) 68%);pointer-events:none;z-index:-1}
.gl-pris-kampanj-inner{position:relative;display:flex;flex-direction:column;gap:14px;max-width:760px}
.gl-pris-kampanj-eyebrow{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;background:rgba(30,154,99,.16);border:1px solid rgba(52,199,128,.4);color:#6EE0A6;font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:7px 15px;border-radius:999px}
.gl-pris-kampanj-dot{width:7px;height:7px;border-radius:50%;background:#34C780;animation:gl-kampanj-puls 2.2s ease-out infinite}
.gl-pris-kampanj-rubrik{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(30px,4.6vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:2px 0 0;color:#FAFAF6}
.gl-pris-kampanj-rubrik em{font-style:normal;color:#34C780;white-space:nowrap}
.gl-pris-kampanj-lead{font-size:17px;line-height:1.6;color:#C7D3CB;margin:0;max-width:620px;text-wrap:pretty}
.gl-pris-kampanj-lead strong{color:#FAFAF6;font-weight:600}
.gl-pris-kampanj-jmf{display:flex;flex-direction:column;gap:8px;margin:6px 0 2px}
.gl-pris-kampanj-rad{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;padding:11px 16px;border-radius:12px;background:rgba(250,250,246,.055);border:1px solid rgba(159,176,166,.13)}
.gl-pris-kampanj-namn{flex:1 1 150px;font-size:14.5px;color:#9FB0A6}
.gl-pris-kampanj-fore{font-size:16px;color:#7F8E85;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(214,90,90,.85)}
.gl-pris-kampanj-pil{color:#5E6E65;font-size:15px}
.gl-pris-kampanj-nu{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.02em;color:#34C780}
.gl-pris-kampanj-foot{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:8px}
.gl-pris-kampanj-cta{background:#1E9A63;color:#fff;padding:14px 28px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 10px 24px -12px rgba(30,154,99,.9);transition:background .15s,transform .15s}
.gl-pris-kampanj-cta:hover,.gl-pris-kampanj-cta:focus-visible{background:#25B274;color:#fff;transform:translateY(-2px)}
.gl-pris-kampanj-villkor{font-size:13.5px;color:#8A9A90}
.gl-pris-ordinarie-note{font-size:14px;color:#626C64;margin:0 0 18px}

.gl-pris-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;align-items:stretch;margin:0 0 8px}
.gl-pris-kort{background:#fff;border:1px solid #ECECE4;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:16px;color:#15201A}
.gl-pris-kort--dark{background:#15201A;border-color:#15201A;color:#FAFAF6}
.gl-pris-kort-topp{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px}
.gl-pris-kort-namn{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:600;margin:0;line-height:1.2;color:inherit}
.gl-pris-badge{background:#0F6E43;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}
.gl-pris-kort-pris{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.gl-pris-siffra{font-family:'Bricolage Grotesque',sans-serif;font-size:36px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.gl-pris-enhet{font-size:14.5px;color:#626C64}
.gl-pris-kort--dark .gl-pris-enhet{color:#9FB0A6}
.gl-pris-kort-for{font-size:14.5px;line-height:1.55;color:#626C64;margin:0;padding-bottom:14px;border-bottom:1px solid #F0F0E8}
.gl-pris-kort--dark .gl-pris-kort-for{color:#9FB0A6;border-bottom-color:rgba(159,176,166,.2)}
.gl-pris-punkter{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.45;flex:1}
.gl-pris-punkter li{display:flex;gap:10px;align-items:flex-start}
.gl-pris-punkter li > span:first-child{color:#1E9A63;font-weight:700;flex-shrink:0}
.gl-pris-kort--dark .gl-pris-punkter li > span:first-child{color:#34C780}
.gl-pris-kort-cta{display:block;text-align:center;background:#F2F2EA;color:#15201A;padding:13px 0;border-radius:999px;font-weight:600;font-size:15.5px;text-decoration:none;transition:background .15s}
.gl-pris-kort-cta:hover,.gl-pris-kort-cta:focus-visible{background:#E4E4DA;color:#15201A}
.gl-pris-kort--dark .gl-pris-kort-cta{background:#0F6E43;color:#fff}
.gl-pris-kort--dark .gl-pris-kort-cta:hover{background:#178253;color:#fff}

.gl-pris-cta{background:#F4F4EC;border:1px solid #ECECE4;border-radius:24px;padding:42px 40px;margin:48px 0 80px;text-align:center}
.gl-pris-cta h2{font-family:'Bricolage Grotesque',sans-serif;font-size:29px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;color:#15201A}
.gl-pris-cta p{font-size:17px;line-height:1.6;color:#4A564F;margin:0 auto 24px;max-width:500px;text-wrap:pretty}
.gl-pris-cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.gl-pris-cta-btn{display:inline-block;background:#0F6E43;color:#fff;padding:14px 30px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;transition:background .15s}
.gl-pris-cta-btn:hover,.gl-pris-cta-btn:focus-visible{background:#178253;color:#fff}
.gl-pris-cta-ghost{display:inline-block;background:#fff;color:#15201A;padding:14px 30px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid #E4E4DA}
.gl-pris-cta-ghost:hover,.gl-pris-cta-ghost:focus-visible{background:#EFEFE6;color:#15201A}

/* ---------- /kontakt/ ---------- */
.gl-kt{max-width:1020px}
.gl-kt-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:start;padding:14px 0 80px}
.gl-kt-info{display:flex;flex-direction:column;gap:16px}
.gl-kt-card{background:#fff;border:1px solid #ECECE4;border-radius:18px;padding:24px 26px}
.gl-kt-card h2{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:600;margin:0 0 10px;color:#15201A}
.gl-kt-card p{font-size:15.5px;line-height:1.6;color:#4A564F;margin:0 0 10px}
.gl-kt-card p:last-child{margin-bottom:0}
.gl-kt-muted{font-size:14.5px !important;color:#8A948D !important}
.gl-kt-mail{display:inline-block;font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:600;color:#0F6E43;text-decoration:none;letter-spacing:-.01em}
.gl-kt-mail:hover{text-decoration:underline}
.gl-kt-lista{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5;color:#4A564F}
.gl-kt-lista li{display:flex;gap:10px;align-items:flex-start}
.gl-kt-lista li > span:first-child{color:#1E9A63;font-weight:700;flex-shrink:0}
.gl-kt-lista strong{color:#15201A;font-weight:600}
.gl-kt-lankar{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;font-size:15px;color:#626C64;line-height:1.5}
.gl-kt-lankar a{color:#0F6E43;font-weight:600;text-decoration:none}
.gl-kt-lankar a:hover{text-decoration:underline}

.gl-kt-form{background:#fff;border:1px solid #ECECE4;border-radius:20px;padding:34px;display:flex;flex-direction:column;gap:18px;box-shadow:0 10px 30px rgba(21,32,26,.05)}
.gl-kt-field{display:flex;flex-direction:column;gap:7px}
.gl-kt-field label{font-size:14px;font-weight:600;color:#15201A}
.gl-kt-field input,.gl-kt-field select,.gl-kt-field textarea{border:1px solid #E0E0D6;border-radius:10px;padding:13px 15px;font-size:15.5px;background:#FAFAF6;color:#15201A;font-family:'Hanken Grotesk',sans-serif;width:100%;box-sizing:border-box}
.gl-kt-field textarea{resize:vertical;min-height:120px}
.gl-kt-field input:focus,.gl-kt-field select:focus,.gl-kt-field textarea:focus{outline:2px solid #1E9A63;outline-offset:1px;border-color:#1E9A63}
.gl-kt-fine{font-size:12.5px;color:#626C64;margin:0;text-align:center}
.gl-kt-check{width:56px;height:56px;border-radius:50%;background:#EAF6EF;display:flex;align-items:center;justify-content:center;color:#0F6E43;font-size:26px;font-weight:700}
.gl-form-status h2{font-family:'Bricolage Grotesque',sans-serif;font-size:24px;font-weight:700;margin:0;color:#15201A}
.gl-form-status p{font-size:16px;color:#4A564F;margin:0;max-width:340px}
.gl-form-status a{color:#0F6E43;text-decoration:underline}

/* ---------- Responsivt ---------- */
@media (max-width:860px){
  .gl-wg-services,.gl-wg-cases{grid-template-columns:1fr}
  .gl-kt-grid{grid-template-columns:1fr;gap:28px}
  .gl-pris-kampanj{padding:26px 22px;border-radius:20px}
  .gl-pris-kampanj-glow{width:340px;height:340px;inset:auto -30% -40% auto}
  .gl-pris-kampanj-namn{flex:1 1 100%}
  .gl-pris-kampanj-cta{width:100%;text-align:center;box-sizing:border-box}
}
@media (max-width:560px){
  .gl-wg,.gl-pris,.gl-kt{padding:0 20px}
  .gl-wg-hero,.gl-pris-hero,.gl-kt-hero{padding-top:48px}
  .gl-wg-lead,.gl-pris-lead,.gl-kt-lead{font-size:17.5px}
  .gl-wg-body,.gl-pris-body{font-size:17px}
  .gl-wg-hero-cta{flex-direction:column}
  .gl-wg-btn,.gl-wg-btn-ghost,.gl-pris-cta-btn,.gl-pris-cta-ghost{text-align:center;box-sizing:border-box}
  .gl-wg-trust{grid-template-columns:1fr 1fr;gap:16px}
  .gl-wg-case-stats{grid-template-columns:1fr;gap:8px}
  .gl-wg-cta,.gl-pris-cta{padding:32px 22px;border-radius:20px}
  .gl-wg-cta h2{font-size:26px}
  .gl-pris-cta h2{font-size:24px}
  .gl-wg-cta-row,.gl-pris-cta-row{flex-direction:column}
  .gl-pris-kort{padding:26px 22px}
  .gl-kt-form{padding:24px 20px}
  .gl-kt-card{padding:20px 20px}
  .gl-wg-service{padding:22px 20px}
}
@media (prefers-reduced-motion:reduce){
  .gl-pris-kampanj-dot{animation:none}
  .gl-wg-btn,.gl-wg-case,.gl-pris-kampanj-cta{transition:none}
}

/* Tappbara ytor på mobil: fristående CTA-länkar i kort behöver 44px höjd.
   Inline-länkar i löptext lämnas som de är — de ska följa radhöjden. */
@media (max-width:560px){
  .gl-wg-service a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
  .gl-kt-lankar li{line-height:1.4}
  .gl-kt-lankar a{display:inline-flex;align-items:center;min-height:34px}
  .gl-kt-mail{min-height:44px;display:inline-flex;align-items:center}
  .gl-wg-case-link{display:inline-flex;align-items:center;min-height:44px}
}