.modal-body {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.fabrikk--top-bar {
    background: #1a3429 !important;
}
.tws-newsletter-subscribe--subscribe-button:hover {
    background-color: #0f2a1a;
}
.tws-newsletter-subscribe--subscribe-button .ladda-label{
  color:white !important;}

@media (min-width:768px){
.tws-newsletter-subscribe--subscribe-button {
    background-color: #194d33;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
}
}
@media (max-width:768px){
.tws-newsletter-subscribe--subscribe-button {
    background-color: #194d33;
    color: #fff;
    padding: 10px 20px;
    font-size: 6px;
    border-radius: 5px;
}
}

.fabrikk--footer--made-by {
 	display: none !important;
}

  @media (min-width: 1200px) {
.container {
  width: 100%;
}
.fabrikk--content {
  max-width: none;
  padding: 40px 20px 80px;
    }
    
 }

@media (min-width:768px) {
/*-----LOGOTYPE-----*/
.slot--logo {
   margin: 0;
   padding: 0;
}

.slot--logo .tws-logo {
   margin: 0;
}

/*-------MENU------*/
body .tws-top-menu .navbar-nav {
   max-width: none;
}
.tws-mega-menu--buttons {
   position: static;
   top: 0;
}
.tws-mega-menu--search-button {
   float:left;
}
}
.fabrikk--top-bar {
    background: #4f7065;
}
body .tws-top-menu .navbar-nav {
    text-align: center;
}

/* GREEN SPIRIT – INGEN HEMMELIGHET, SAMLET DESIGNKODE V4
   Påvirker bare innhold inne i .gs-landing
*/

.gs-landing,
.gs-landing * {
  box-sizing: border-box;
}

.gs-landing {
  --green: #1a3429;
  --deep: #102c29;
  --mid: #52776f;
  --accent: #c1d0ca;
  --jute: #d8c5a3;
  --paper: #f8f8f4;
  --muted: #5b6c67;
  --line: #d7e0dc;
  margin: 0;
  background: var(--paper);
  color: var(--deep);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

.gs-landing .gs-wrap {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}

.gs-landing .gs-serif {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.gs-landing .gs-brand {
  padding: 22px 0;
  border-bottom: 1px solid rgba(26, 52, 41, 0.18);
  color: var(--green);
  font-size: 25px;
  font-weight: 300;
}

.gs-landing .gs-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 10px;
  border-radius: 50%;
  background: var(--mid);
  vertical-align: middle;
}

.gs-landing .gs-hero {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: clamp(42px, 7vw, 90px);
  align-items: center;
  padding: 70px 0 90px;
}

.gs-landing .gs-kicker {
  margin-bottom: 20px;
  color: var(--green);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.gs-landing .gs-kicker::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 3px;
  margin-right: 12px;
  background: var(--mid);
  vertical-align: middle;
}

.gs-landing .gs-title {
  max-width: 680px;
  margin: 0;
  color: var(--deep) !important;
  font-size: clamp(52px, 7vw, 94px);
  line-height: 1.03;
  letter-spacing: -0.05em;
  text-transform: none !important;
}

.gs-landing .gs-title em {
  color: var(--green);
  font-weight: 400;
}

.gs-landing .gs-reveal {
  margin: 30px 0 18px;
  color: var(--green);
  font-size: clamp(23px, 2.3vw, 33px);
  line-height: 1.35;
}

.gs-landing .gs-lead {
  max-width: 600px;
  margin: 0;
  color: var(--muted);
}

.gs-landing .gs-photo {
  position: relative;
  margin: 0;
  padding: 0 0 24px 24px;
}

.gs-landing .gs-photo::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 74%;
  height: 70%;
  background: var(--jute);
}

.gs-landing .gs-photo img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 46%;
  border-radius: 240px 240px 10px 10px;
  box-shadow: 0 24px 60px rgba(16, 44, 41, 0.18);
}

.gs-landing .gs-dark {
  padding: 85px 0;
  background: var(--green);
  color: #ffffff;
}

.gs-landing .gs-dark-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: clamp(45px, 8vw, 110px);
}

.gs-landing .gs-heading {
  margin: 0;
  color: var(--deep) !important;
  font-size: clamp(42px, 5vw, 70px);
  line-height: 1.08;
  letter-spacing: -0.035em;
  text-transform: none !important;
}

.gs-landing .gs-heading em {
  color: var(--mid);
  font-weight: 400;
}

.gs-landing .gs-dark .gs-heading {
  color: #ffffff !important;
}

.gs-landing .gs-dark .gs-heading em {
  color: var(--accent) !important;
}

.gs-landing .gs-dark-copy {
  padding-left: 28px;
  border-left: 1px solid rgba(255, 255, 255, 0.32);
  color: #edf3f0 !important;
  font-size: 18px;
}

.gs-landing .gs-dark .gs-dark-copy p {
  color: #e7f0ec !important;
}

.gs-landing .gs-dark-copy p:first-child {
  margin-top: 0;
  color: #ffffff !important;
  font-size: 21px;
}

.gs-landing .gs-note {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  color: #d8e4df !important;
  font-size: 14px;
}

.gs-landing .gs-values {
  padding: 90px 0;
  background: #ffffff;
}

.gs-landing .gs-values-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 45px;
  align-items: end;
  margin-bottom: 45px;
}

.gs-landing .gs-values-head p {
  margin: 0;
  color: var(--muted);
}

.gs-landing .gs-value-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line);
}

.gs-landing .gs-value {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 16px;
  padding: 34px 30px 34px 0;
  border-bottom: 1px solid var(--line);
}

.gs-landing .gs-value:nth-child(odd) {
  border-right: 1px solid var(--line);
}

.gs-landing .gs-value:nth-child(even) {
  padding-left: 30px;
}

.gs-landing .gs-value-wide {
  grid-column: 1 / -1;
  padding-right: 0;
  border-right: 0 !important;
}

.gs-landing .gs-number {
  color: var(--mid);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
}

.gs-landing .gs-value h3 {
  margin: 2px 0 8px;
  color: var(--deep) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none !important;
}

.gs-landing .gs-value p {
  margin: 0;
  color: var(--muted);
}

.gs-landing .gs-statement {
  padding: 75px 30px;
  background: var(--accent);
  text-align: center;
}

.gs-landing .gs-statement blockquote {
  max-width: 900px;
  margin: 0 auto;
  color: var(--deep);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(35px, 4.6vw, 62px);
  font-weight: 400;
  line-height: 1.1;
}

.gs-landing .gs-statement p {
  max-width: 620px;
  margin: 24px auto 0;
  color: #2f4b46;
}

/* Ny avslutning med rabattkort */

.gs-landing .gs-closing {
  padding: 90px 0 70px;
  background: var(--paper);
}

.gs-landing .gs-closing-intro {
  max-width: 820px;
  margin-bottom: 48px;
}

.gs-landing .gs-closing-intro > p {
  max-width: 700px;
  margin: 24px 0 0;
  color: var(--muted);
  font-size: 18px;
}

.gs-landing .gs-closing-layout {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  gap: clamp(35px, 6vw, 75px);
  align-items: stretch;
}

.gs-landing .gs-closing-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
}

.gs-landing .gs-closing-copy > p {
  max-width: 580px;
  margin: 0 0 24px;
  color: var(--muted);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.4;
}

.gs-landing .gs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gs-landing .gs-button {
  display: inline-block;
  margin: 0;
  padding: 14px 20px;
  border: 1px solid var(--green);
  border-radius: 3px;
  background: var(--green);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none !important;
  text-transform: none !important;
}

.gs-landing .gs-button:hover {
  background: var(--deep);
  border-color: var(--deep);
}

.gs-landing .gs-button-light {
  background: transparent;
  color: var(--green) !important;
}

.gs-landing .gs-button-light:hover {
  background: #eaf0ed;
  color: var(--deep) !important;
}

.gs-landing .gs-offer {
  position: relative;
  overflow: hidden;
  padding: 38px 40px 36px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(16, 44, 41, 0.09);
}

.gs-landing .gs-offer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background: var(--mid);
}

.gs-landing .gs-offer-label {
  display: block;
  margin-bottom: 13px;
  color: var(--green);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: none !important;
}

.gs-landing .gs-offer-text {
  margin: 0 0 20px;
  color: var(--muted);
}

.gs-landing .gs-code {
  display: block;
  width: 100%;
  margin: 0 0 16px;
  padding: 15px 12px;
  border: 1px dashed var(--mid);
  background: #eef3f1;
  color: var(--deep);
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-align: center;
  overflow-wrap: anywhere;
}

.gs-landing .gs-offer-terms {
  margin: 0;
  color: #71807b;
  font-size: 13px;
  line-height: 1.55;
}

.gs-landing .gs-signoff {
  margin-top: 55px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  color: var(--mid);
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: none !important;
}

@media (max-width: 760px) {
  .gs-landing .gs-wrap {
    width: min(calc(100% - 30px), 620px);
  }

  .gs-landing .gs-hero,
  .gs-landing .gs-dark-grid,
  .gs-landing .gs-values-head,
  .gs-landing .gs-closing-layout {
    grid-template-columns: 1fr;
  }

  .gs-landing .gs-hero {
    padding: 45px 0 65px;
  }

  .gs-landing .gs-title {
    font-size: clamp(48px, 15vw, 72px);
  }

  .gs-landing .gs-photo {
    width: min(94%, 470px);
    margin: 10px auto 0;
  }

  .gs-landing .gs-value-grid {
    grid-template-columns: 1fr;
  }

  .gs-landing .gs-value,
  .gs-landing .gs-value:nth-child(odd),
  .gs-landing .gs-value:nth-child(even),
  .gs-landing .gs-value-wide {
    padding: 28px 0;
    border-right: 0;
  }

  .gs-landing .gs-closing {
    padding: 70px 0 50px;
  }

  .gs-landing .gs-closing-intro {
    margin-bottom: 28px;
  }

  .gs-landing .gs-closing-copy {
    padding: 0;
  }

  .gs-landing .gs-dark .gs-dark-copy {
    padding-top: 24px;
    padding-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-left: 0;
  }

  .gs-landing .gs-offer {
    padding: 32px 24px 28px;
  }

  .gs-landing .gs-actions {
    flex-direction: column;
  }

  .gs-landing .gs-button {
    width: 100%;
    text-align: center;
  }
}

/* DERFOR ØKOLOGISK – ALT ER AVGRENSET TIL .gs-organic */
.gs-organic,.gs-organic *{box-sizing:border-box}
.gs-organic{--green:#1a3429;--deep:#10281f;--mid:#52776f;--sage:#c1d0ca;--paper:#f8f8f4;--muted:#5b6c67;--line:#d7e0dc;margin:0;background:var(--paper);color:var(--deep);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}
.gs-organic .gso-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
.gs-organic .gso-serif{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.gs-organic .gso-kicker{margin-bottom:18px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.gs-organic .gso-kicker:before{content:"";display:inline-block;width:34px;height:3px;margin-right:12px;background:var(--mid);vertical-align:middle}
.gs-organic .gso-kicker-light{color:#dce8e3}
.gs-organic .gso-kicker-light:before{background:var(--sage)}
.gs-organic .gso-heading{margin:0;color:var(--deep)!important;font-size:clamp(40px,5vw,66px);line-height:1.08;letter-spacing:-.035em;text-transform:none!important}
.gs-organic .gso-hero{padding:88px 0 96px;background:var(--paper)}
.gs-organic .gso-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(45px,7vw,90px);align-items:end}
.gs-organic .gso-title{margin:0;color:var(--deep)!important;font-size:clamp(58px,8vw,104px);line-height:.98;letter-spacing:-.055em;text-transform:none!important}
.gs-organic .gso-title em{color:var(--green);font-weight:400}
.gs-organic .gso-lead{max-width:760px;margin:30px 0 0;color:var(--muted);font-size:20px;line-height:1.65}
.gs-organic .gso-hero-card{padding:32px;border-top:7px solid var(--mid);background:#fff;box-shadow:0 18px 45px rgba(16,40,31,.08)}
.gs-organic .gso-card-label{display:block;margin-bottom:12px;color:var(--green);font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.25}
.gs-organic .gso-hero-card p{margin:0;color:var(--muted)}
.gs-organic .gso-intro,.gs-organic .gso-content,.gs-organic .gso-why{padding:90px 0;background:#fff}
.gs-organic .gso-content:nth-of-type(even){background:var(--paper)}
.gs-organic .gso-two-col,.gs-organic .gso-topic-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,8vw,110px);align-items:start}
.gs-organic .gso-copy,.gs-organic .gso-topic-copy{color:var(--muted);font-size:18px}
.gs-organic .gso-copy p:first-child,.gs-organic .gso-topic-copy p:first-child{margin-top:0;color:var(--deep);font-size:20px}
.gs-organic .gso-topic-copy p:last-of-type,.gs-organic .gso-copy p:last-of-type{margin-bottom:0}
.gs-organic .gso-dark{padding:90px 0;background:var(--green);color:#fff}
.gs-organic .gso-dark .gso-heading{color:#fff!important}
.gs-organic .gso-dark .gso-heading em{color:var(--sage);font-weight:400}
.gs-organic .gso-topic-copy-light,.gs-organic .gso-topic-copy-light p,.gs-organic .gso-topic-copy-light p:first-child{color:#dce8e3!important}
.gs-organic .gso-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}
.gs-organic .gso-links a{display:flex;min-height:118px;padding:20px;border:1px solid var(--line);background:#fff;color:var(--deep)!important;flex-direction:column;justify-content:space-between;text-decoration:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.gs-organic .gso-links a:hover{transform:translateY(-2px);border-color:var(--mid);box-shadow:0 10px 25px rgba(16,40,31,.08)}
.gs-organic .gso-links a span{color:var(--mid);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.gs-organic .gso-links a strong{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:400;line-height:1.25}
.gs-organic .gso-links-dark a{border-color:rgba(255,255,255,.24);background:#24483b;color:#fff!important}
.gs-organic .gso-links-dark a span{color:var(--sage)}
.gs-organic .gso-sage{padding:90px 0;background:var(--sage)}
.gs-organic .gso-section-head{margin-bottom:48px}
.gs-organic .gso-section-head-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,8vw,110px);align-items:start}
.gs-organic .gso-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(16,40,31,.25)}
.gs-organic .gso-article-grid a{display:grid;grid-template-columns:42px 1fr;gap:15px;min-height:112px;padding:27px 25px 27px 0;border-bottom:1px solid rgba(16,40,31,.25);color:var(--deep)!important;text-decoration:none!important;transition:background .2s ease,padding .2s ease}
.gs-organic .gso-article-grid a:nth-child(odd){border-right:1px solid rgba(16,40,31,.25)}
.gs-organic .gso-article-grid a:nth-child(even){padding-left:25px}
.gs-organic .gso-article-grid a:hover{background:rgba(255,255,255,.27);padding-right:18px;padding-left:18px}
.gs-organic .gso-article-grid a span{color:var(--mid);font-family:Georgia,"Times New Roman",serif;font-size:20px}
.gs-organic .gso-article-grid a strong{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:400;line-height:1.3}
.gs-organic .gso-why{background:var(--paper)}
.gs-organic .gso-closing{padding:80px 0;background:var(--green);color:#fff}
.gs-organic .gso-closing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.gs-organic .gso-closing .gso-heading{color:#fff!important}
.gs-organic .gso-closing p{max-width:650px;color:#dce8e3}
.gs-organic .gso-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.gs-organic .gso-button{display:inline-block;padding:14px 20px;border:1px solid var(--sage);border-radius:3px;font-size:14px;font-weight:700;text-decoration:none!important;text-transform:none!important}
.gs-organic .gso-button-light{background:var(--sage);color:var(--deep)!important}
.gs-organic .gso-button-outline{background:transparent;color:#fff!important}
@media(max-width:760px){
  .gs-organic .gso-wrap{width:min(calc(100% - 30px),620px)}
  .gs-organic .gso-hero-grid,.gs-organic .gso-two-col,.gs-organic .gso-topic-grid,.gs-organic .gso-section-head-split,.gs-organic .gso-closing-grid{grid-template-columns:1fr}
  .gs-organic .gso-hero{padding:55px 0 65px}
  .gs-organic .gso-title{font-size:clamp(50px,15vw,74px)}
  .gs-organic .gso-heading{font-size:clamp(38px,11vw,54px)}
  .gs-organic .gso-hero-card{padding:26px}
  .gs-organic .gso-intro,.gs-organic .gso-content,.gs-organic .gso-why,.gs-organic .gso-dark,.gs-organic .gso-sage{padding:68px 0}
  .gs-organic .gso-links,.gs-organic .gso-article-grid{grid-template-columns:1fr}
  .gs-organic .gso-article-grid a,.gs-organic .gso-article-grid a:nth-child(odd),.gs-organic .gso-article-grid a:nth-child(even){padding:24px 0;border-right:0}
  .gs-organic .gso-actions,.gs-organic .gso-button{width:100%;text-align:center}
}

.gs-knowledge{--g:#1a3429;--d:#10281f;--m:#52776f;--s:#c1d0ca;--p:#f8f8f4;--w:#fff;--ink:#26332d;--line:#d9e1dc;color:var(--ink);font:13px/1.72 Arial,sans-serif;max-width:1180px;margin:auto}.gs-knowledge *{box-sizing:border-box}.gs-knowledge h1,.gs-knowledge h2,.gs-knowledge h3{font-family:Georgia,serif;color:var(--g);line-height:1.18;margin:0 0 .65em}.gs-knowledge h1{font-size:36px;font-weight:700}.gs-knowledge h2{font-size:28px;font-weight:700;margin-top:1.35em}.gs-knowledge h3{font-size:20px}.gs-knowledge p{margin:0 0 1.15em}.gs-knowledge a{color:var(--g);text-decoration-thickness:1px;text-underline-offset:3px}.gsk-hero{padding:54px clamp(22px,5vw,72px);background:linear-gradient(135deg,var(--p),#eef3ef);border-radius:18px}.gsk-kicker{display:block;color:var(--m);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.gsk-lead{font-family:Georgia,serif;font-size:19px;line-height:1.55;max-width:780px}.gsk-body{max-width:820px;margin:0 auto;padding:34px 22px 10px}.gsk-answer,.gsk-note{padding:22px 25px;margin:26px 0;border-radius:12px}.gsk-answer{background:var(--d);color:#fff}.gsk-answer h2,.gsk-answer h3{color:#fff;margin-top:0}.gsk-note{background:var(--p);border-left:4px solid var(--m)}.gsk-points{padding-left:20px}.gsk-points li{margin:.55em 0}.gsk-table-wrap{overflow-x:auto;margin:25px 0}.gsk-table{width:100%;border-collapse:collapse}.gsk-table th,.gsk-table td{text-align:left;vertical-align:top;padding:13px;border-bottom:1px solid var(--line)}.gsk-table th{background:var(--g);color:#fff}.gsk-faq details{border-bottom:1px solid var(--line);padding:15px 0}.gsk-faq summary{cursor:pointer;font-weight:700;color:var(--g);font-size:15px}.gsk-faq details p{padding-top:10px}.gsk-related{margin-top:42px;padding:30px;background:var(--p);border-radius:14px}.gsk-related ul{columns:2;gap:30px;padding-left:18px}.gsk-byline{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);color:#56645e}.gsk-sources{font-size:12px;margin-top:32px}.gsk-sources li{margin:.6em 0;overflow-wrap:anywhere}.gsk-cta{display:inline-block;background:var(--g);color:#fff!important;text-decoration:none;padding:12px 18px;border-radius:4px;font-weight:700}.gsk-disclosure{font-size:12px;color:#5d6a64}.gsk-updated{white-space:nowrap}@media(max-width:680px){.gs-knowledge h1{font-size:31px}.gs-knowledge h2{font-size:25px}.gsk-hero{padding:38px 22px}.gsk-related ul{columns:1}.gsk-lead{font-size:17px}}


/* =========================================================
   GREEN SPIRIT – SHOWROOM & EVENT
   Komplett CSS – oktober 2026

   Visuell profil:
   Mørk grønn, hvit, varm offwhite
   Sage kun som diskret aksent

   Gjelder både PC, nettbrett og mobil
   ========================================================= */


/* =========================================================
   1. GRUNNPALETT OG GENERELT
   ========================================================= */

.gs-showroom,
.gs-showroom * {
  box-sizing: border-box;
}

.gs-showroom {
  --green: #1a3429;
  --deep: #102c29;
  --sage: #c4d2cc;
  --paper: #f8f8f4;
  --white: #ffffff;
  --muted: #5b6c67;
  --line: #dce3df;

  color: var(--deep);
  background: var(--white);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

.gs-showroom .gse-wrap {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}

.gs-showroom .gse-serif {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.gs-showroom .gse-kicker {
  margin-bottom: 18px;
  color: var(--green);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.gs-showroom .gse-kicker::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 3px;
  margin-right: 12px;
  background: #557f74;
  vertical-align: middle;
}

.gs-showroom .gse-heading {
  margin: 0;
  color: var(--deep) !important;
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.06;
  letter-spacing: -.035em;
  text-transform: none !important;
}

.gs-showroom .gse-heading em {
  color: inherit;
  font-weight: 400;
}


/* =========================================================
   2. KNAPPER OG LENKER
   ========================================================= */

.gs-showroom .gse-button {
  display: inline-block;
  padding: 14px 21px;
  border: 1px solid var(--green);
  border-radius: 3px;
  background: var(--green);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none !important;
  transition:
    background .2s ease,
    border-color .2s ease,
    color .2s ease;
}

.gs-showroom .gse-button:hover {
  background: var(--deep);
  border-color: var(--deep);
  color: #fff !important;
}

.gs-showroom .gse-button:focus-visible,
.gs-showroom .gse-text-link:focus-visible {
  outline: 3px solid #557f74;
  outline-offset: 3px;
}

.gs-showroom .gse-text-link {
  color: var(--green) !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(26, 52, 41, .35);
}

.gs-showroom .gse-text-link:hover {
  border-bottom-color: var(--green);
}


/* =========================================================
   3. HERO
   Showroom & Event
   ========================================================= */

.gs-showroom .gse-hero-text {
  padding: 95px 0 105px;
  background: var(--paper);
}

.gs-showroom .gse-hero-text .gse-wrap {
  max-width: 920px;
}

.gs-showroom .gse-title {
  margin: 0;
  color: var(--deep) !important;
  font-size: clamp(58px, 7.5vw, 100px);
  line-height: .96;
  letter-spacing: -.055em;
  text-transform: none !important;
}

.gs-showroom .gse-title em {
  color: var(--deep);
  font-weight: 400;
}

.gs-showroom .gse-hero-intro {
  margin: 28px 0 0;
  color: var(--deep);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.3;
}

.gs-showroom .gse-lead {
  max-width: 620px;
  margin: 30px 0 0;
  color: var(--muted);
  font-size: 19px;
}

.gs-showroom .gse-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 32px;
}


/* =========================================================
   4. VELKOMMEN TIL SHOWROOMET
   Hvit bakgrunn, mørkegrønn tekst
   ========================================================= */

.gs-showroom .gse-intro {
  padding: 90px 0;
  background: var(--white);
  color: var(--deep);
}

.gs-showroom .gse-intro-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(50px, 8vw, 110px);
  align-items: start;
}

.gs-showroom .gse-intro .gse-kicker {
  color: var(--green);
}

.gs-showroom .gse-intro .gse-kicker::before {
  background: #557f74;
}

.gs-showroom .gse-intro .gse-heading,
.gs-showroom .gse-intro .gse-heading em {
  color: var(--deep) !important;
}

.gs-showroom .gse-intro-copy {
  color: var(--muted);
}

.gs-showroom .gse-intro-lead {
  margin-top: 0;
  color: var(--deep);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  line-height: 1.45;
}


/* =========================================================
   5. DETTE SKJER HOS OSS
   Fire eventkort
   ========================================================= */

.gs-showroom .gse-events {
  padding: 90px 0 100px;
  background: var(--paper);
}

.gs-showroom .gse-section-head {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 60px;
  align-items: end;
  margin-bottom: 48px;
}

.gs-showroom .gse-section-head > p {
  margin: 0;
  color: var(--muted);
  font-size: 18px;
}


/* Eventkort */

.gs-showroom .gse-event-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}

.gs-showroom .gse-event {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 32px 24px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.gs-showroom .gse-event:first-child {
  padding-left: 0;
}

.gs-showroom .gse-event:last-child {
  padding-right: 0;
  border-right: 0;
}


/* Datoer */

.gs-showroom .gse-date {
  margin-bottom: 28px;
  color: var(--green);
}

.gs-showroom .gse-date span {
  display: block;
  color: var(--green);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 52px;
  line-height: 1;
}

.gs-showroom .gse-date strong {
  color: var(--green);
  font-size: 11px;
  letter-spacing: .16em;
}


/* Eventinnhold */

.gs-showroom .gse-event-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

.gs-showroom .gse-label {
  color: var(--green);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.gs-showroom .gse-event h3 {
  margin: 8px 0 14px;
  color: var(--deep) !important;
  font-size: 27px;
  line-height: 1.15;
  text-transform: none !important;
}

.gs-showroom .gse-event p {
  margin-top: 0;
  color: var(--muted);
}


/* Pris og informasjon nederst */

.gs-showroom .gse-price {
  margin-top: auto;
  margin-bottom: 20px;
  padding-top: 24px;
  color: var(--green);
  font-weight: 700;
}

.gs-showroom .gse-price span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
}


/* Reserveplass hvis et kort mangler knapp */

.gs-showroom
.gse-event:not(:has(.gse-button))
.gse-price {
  margin-bottom: 64px;
}


/* Eventknapper */

.gs-showroom .gse-event .gse-button {
  align-self: flex-start;
  background: var(--green);
  border-color: var(--green);
  color: #fff !important;
}

.gs-showroom .gse-event .gse-button:hover {
  background: var(--deep);
  border-color: var(--deep);
}


/* =========================================================
   6. EGEN GRUPPE
   Mørkegrønn hovedseksjon
   ========================================================= */

.gs-showroom .gse-group {
  padding: 95px 0;
  background: var(--green);
  color: #fff;
}

.gs-showroom .gse-group-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(50px, 8vw, 110px);
}

.gs-showroom .gse-group .gse-kicker,
.gs-showroom .gse-kicker-light {
  color: #fff;
}

.gs-showroom .gse-group .gse-kicker::before,
.gs-showroom .gse-kicker-light::before {
  background: var(--sage);
}

.gs-showroom .gse-group .gse-heading,
.gs-showroom .gse-group .gse-heading em {
  color: #fff !important;
}

.gs-showroom .gse-group-copy {
  color: rgba(255, 255, 255, .88);
}

.gs-showroom .gse-group-lead {
  margin-top: 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  line-height: 1.4;
}

.gs-showroom .gse-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 25px 0;
}

.gs-showroom .gse-facts span {
  padding: 7px 11px;
  border: 1px solid rgba(255, 255, 255, .35);
  color: #fff;
  font-size: 13px;
}

.gs-showroom .gse-soft {
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .22);
  color: rgba(255, 255, 255, .88);
}


/* Lys knapp på mørk bakgrunn */

.gs-showroom .gse-button-sage {
  margin-top: 8px;
  border-color: var(--sage);
  background: var(--sage);
  color: var(--deep) !important;
}

.gs-showroom .gse-button-sage:hover {
  border-color: #fff;
  background: #fff;
  color: var(--deep) !important;
}


/* Christmas Shopping med egen gruppe */

.gs-showroom .gse-christmas {
  display: grid;
  gap: 4px;
  margin-top: 34px;
  padding: 22px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .22);
}

.gs-showroom .gse-christmas strong {
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
}

.gs-showroom .gse-christmas span {
  color: rgba(255, 255, 255, .88);
}


/* =========================================================
   7. DEMO & EVENT
   Hvit bakgrunn
   ========================================================= */

.gs-showroom .gse-out {
  padding: 95px 0;
  background: var(--white);
}

.gs-showroom .gse-out-head {
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: clamp(50px, 8vw, 110px);
  align-items: start;
}

.gs-showroom .gse-out .gse-heading em {
  color: var(--deep);
  font-weight: 400;
}

.gs-showroom .gse-out-copy {
  color: var(--muted);
  font-size: 18px;
}

.gs-showroom .gse-out-copy p:first-child {
  margin-top: 0;
}


/* Neste stopp */

.gs-showroom .gse-next-event {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 30px;
  align-items: center;
  margin-top: 55px;
  padding: 32px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.gs-showroom .gse-next-event .gse-next-date span {
  display: block;
  color: var(--green);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 52px;
  line-height: 1;
}

.gs-showroom .gse-next-event .gse-next-date strong {
  color: var(--green);
  font-size: 11px;
  letter-spacing: .16em;
}

.gs-showroom .gse-next-copy h3 {
  margin: 5px 0;
  color: var(--deep) !important;
  font-size: 32px;
  text-transform: none !important;
}

.gs-showroom .gse-next-copy p {
  margin: 0;
  color: var(--muted);
}

.gs-showroom .gse-event-follow {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
  padding-top: 26px;
}

.gs-showroom .gse-event-follow p {
  margin: 0;
  color: var(--muted);
}


/* =========================================================
   8. BESØK SHOWROOMET
   Rolig avslutning i varm offwhite
   ========================================================= */

.gs-showroom .gse-visit {
  padding: 90px 0;
  background: var(--paper);
}

.gs-showroom .gse-visit-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(50px, 8vw, 110px);
}

.gs-showroom .gse-visit .gse-heading em {
  color: var(--deep);
  font-weight: 400;
}

.gs-showroom .gse-visit-copy {
  color: var(--muted);
  font-size: 18px;
}


/* Outline-knapp */

.gs-showroom .gse-button-outline {
  margin-top: 12px;
  border-color: var(--green);
  background: transparent;
  color: var(--green) !important;
}

.gs-showroom .gse-button-outline:hover {
  border-color: var(--green);
  background: var(--green);
  color: #fff !important;
}


/* =========================================================
   9. NETTBRETT
   ========================================================= */

@media (max-width: 1050px) {

  .gs-showroom .gse-event-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gs-showroom .gse-event {
    padding: 30px;
  }

  .gs-showroom .gse-event:first-child {
    padding-left: 0;
  }

  .gs-showroom .gse-event:nth-child(2) {
    padding-right: 0;
    border-right: 0;
  }

  .gs-showroom .gse-event:nth-child(3) {
    padding-left: 0;
  }

  .gs-showroom .gse-event:last-child {
    padding-right: 0;
  }
}


/* =========================================================
   10. MOBIL
   ========================================================= */

@media (max-width: 760px) {

  /* Generell bredde */

  .gs-showroom .gse-wrap {
    width: min(calc(100% - 30px), 620px);
  }


  /* Hero */

  .gs-showroom .gse-hero-text {
    padding: 58px 0 70px;
  }

  .gs-showroom .gse-title {
    font-size: clamp(52px, 15vw, 76px);
  }

  .gs-showroom .gse-hero-intro {
    font-size: clamp(23px, 6vw, 29px);
  }

  .gs-showroom .gse-lead {
    font-size: 17px;
  }

  .gs-showroom .gse-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .gs-showroom .gse-actions .gse-button {
    width: 100%;
    text-align: center;
  }


  /* Seksjonsavstand */

  .gs-showroom .gse-intro,
  .gs-showroom .gse-events,
  .gs-showroom .gse-group,
  .gs-showroom .gse-out,
  .gs-showroom .gse-visit {
    padding: 68px 0;
  }


  /* Overskrifter */

  .gs-showroom .gse-heading {
    font-size: clamp(39px, 10vw, 56px);
  }


  /* Alle todelte seksjoner til én kolonne */

  .gs-showroom .gse-intro-grid,
  .gs-showroom .gse-section-head,
  .gs-showroom .gse-group-grid,
  .gs-showroom .gse-out-head,
  .gs-showroom .gse-visit-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .gs-showroom .gse-section-head {
    gap: 25px;
    margin-bottom: 38px;
  }


  /* Eventkort: ett per rad */

  .gs-showroom .gse-event-grid {
    grid-template-columns: 1fr;
  }

  .gs-showroom .gse-event,
  .gs-showroom .gse-event:first-child,
  .gs-showroom .gse-event:nth-child(2),
  .gs-showroom .gse-event:nth-child(3),
  .gs-showroom .gse-event:last-child {
    padding: 28px 0;
    border-right: 0;
  }

  .gs-showroom .gse-date {
    margin-bottom: 18px;
  }

  .gs-showroom .gse-event .gse-button {
    align-self: stretch;
    width: 100%;
    text-align: center;
  }


  /* Egen gruppe */

  .gs-showroom .gse-group-lead {
    font-size: 23px;
  }

  .gs-showroom .gse-button-sage {
    width: 100%;
    text-align: center;
  }


  /* Demo & Event */

  .gs-showroom .gse-next-event {
    grid-template-columns: 75px 1fr;
    gap: 18px;
  }

  .gs-showroom .gse-event-follow {
    display: block;
  }

  .gs-showroom .gse-event-follow .gse-text-link {
    display: inline-block;
    margin-top: 10px;
  }


  /* Besøk showroomet */

  .gs-showroom .gse-button-outline {
    width: 100%;
    text-align: center;
  }

}


/* =========================================================
   11. SMÅ MOBILSKJERMER
   ========================================================= */

@media (max-width: 390px) {

  .gs-showroom .gse-title {
    font-size: 49px;
  }

  .gs-showroom .gse-heading {
    font-size: 38px;
  }

  .gs-showroom .gse-event h3 {
    font-size: 25px;
  }

  .gs-showroom .gse-facts span {
    font-size: 12px;
  }

}


/* =========================================================
   12. REDUSERT ANIMASJON
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .gs-showroom .gse-button {
    transition: none;
  }

}
/* GREEN SPIRIT MAKEUP GRUNNKURS | Legg i sidens CSS eller global CSS */
.gs-makeup{--gsm-green:#1a3429;--gsm-deep:#102c29;--gsm-cream:#f8f8f4;--gsm-sage:#c4d2cc;--gsm-line:#dce4df;color:var(--gsm-deep);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}
.gs-makeup *{box-sizing:border-box}.gs-makeup .gsm-wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}.gs-makeup h1,.gs-makeup h2,.gs-makeup h3{color:inherit;line-height:1.18;letter-spacing:-.025em;margin:0 0 18px;font-weight:600}.gs-makeup h1{font-size:clamp(44px,6vw,74px);max-width:850px}.gs-makeup h2{font-size:clamp(30px,3.4vw,45px)}.gs-makeup h3{font-size:21px}.gs-makeup p{margin:0 0 16px}.gs-makeup a{color:inherit}.gs-makeup .gsm-section{padding:84px 0}.gs-makeup .gsm-hero{background:var(--gsm-cream);padding:106px 0 98px}.gs-makeup .gsm-hero-inner{max-width:1120px}.gs-makeup .gsm-eyebrow,.gs-makeup .gsm-kicker{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin-bottom:21px}.gs-makeup .gsm-lead{font-size:clamp(18px,2.2vw,23px);line-height:1.55;max-width:770px}.gs-makeup .gsm-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:30px}.gs-makeup .gsm-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--gsm-green);border:1px solid var(--gsm-green);color:#fff!important;text-decoration:none!important;border-radius:3px;padding:13px 22px;font-size:14px;font-weight:600;line-height:1.4;transition:opacity .2s}.gs-makeup .gsm-btn:hover{opacity:.86}.gs-makeup .gsm-textlink{text-decoration:underline;text-underline-offset:5px;font-weight:600}.gs-makeup .gsm-hero-note{font-size:13px;margin-top:28px;color:#527168}.gs-makeup .gsm-white{background:#fff}.gs-makeup .gsm-cream{background:var(--gsm-cream)}.gs-makeup .gsm-dark{background:var(--gsm-green);color:#fff}.gs-makeup .gsm-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:75px}.gs-makeup .gsm-copy{max-width:650px}.gs-makeup .gsm-muted{color:#60736b}.gs-makeup .gsm-grid{display:grid;gap:18px;margin-top:34px}.gs-makeup .gsm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gs-makeup .gsm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-makeup .gsm-tile{background:#fff;padding:31px;min-height:210px}.gs-makeup .gsm-tile h3{margin-bottom:10px}.gs-makeup .gsm-number{font-size:12px;font-weight:700;letter-spacing:.1em;color:#52776f;display:block;margin-bottom:22px}.gs-makeup .gsm-below{margin:25px 0 0;max-width:740px}.gs-makeup .gsm-checks{list-style:none;padding:0;margin:0}.gs-makeup .gsm-checks li{padding:13px 0 13px 31px;border-bottom:1px solid var(--gsm-line);position:relative}.gs-makeup .gsm-checks li:before{content:'✓';position:absolute;left:0;color:#52776f;font-weight:700}.gs-makeup .gsm-intro{max-width:740px}.gs-makeup .gsm-date{background:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.gs-makeup .gsm-date-top{display:flex;gap:20px;align-items:flex-start}.gs-makeup .gsm-calendar{flex:0 0 77px;min-height:88px;background:var(--gsm-cream);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gsm-green)}.gs-makeup .gsm-calendar strong{font-size:34px;line-height:1}.gs-makeup .gsm-calendar span{font-size:12px;font-weight:700;letter-spacing:.08em;margin-top:7px}.gs-makeup .gsm-date h3{font-size:21px;margin:0 0 10px}.gs-makeup .gsm-date p{margin:0 0 4px;font-size:14px}.gs-makeup .gsm-date-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.gs-makeup .gsm-date-bottom>strong{font-size:20px}.gs-makeup .gsm-terms-note{margin-top:25px;font-size:14px;max-width:850px}.gs-makeup .gsm-terms-note a{text-decoration:underline;text-underline-offset:3px}.gs-makeup .gsm-interest{display:grid;gap:30px}.gs-makeup .gsm-interest>div+div{border-top:1px solid #587168;padding-top:27px}.gs-makeup .gsm-interest h3{margin-bottom:9px}.gs-makeup .gsm-interest p{color:#e0eae4}.gs-makeup .gsm-btn-light{background:var(--gsm-sage);border-color:var(--gsm-sage);color:var(--gsm-deep)!important}.gs-makeup .gsm-btn-outline{background:transparent;color:var(--gsm-green)!important}.gs-makeup .gsm-document{font-weight:600;text-underline-offset:4px}.gs-makeup .gsm-fine{font-size:13px;color:#65776e}.gs-makeup .gsm-end{background:var(--gsm-deep);color:#fff;text-align:center;padding:28px 0;font-size:15px;letter-spacing:.02em}
@media(max-width:900px){.gs-makeup .gsm-two{gap:38px}.gs-makeup .gsm-date-bottom{align-items:stretch;flex-direction:column}.gs-makeup .gsm-date-bottom .gsm-btn{width:100%}}
@media(max-width:760px){.gs-makeup .gsm-wrap{width:min(100% - 32px,1120px)}.gs-makeup .gsm-hero{padding:70px 0}.gs-makeup .gsm-section{padding:58px 0}.gs-makeup .gsm-two,.gs-makeup .gsm-grid-3,.gs-makeup .gsm-grid-2{grid-template-columns:1fr}.gs-makeup .gsm-two{gap:20px}.gs-makeup .gsm-tile{min-height:0}.gs-makeup .gsm-date{padding:22px}.gs-makeup .gsm-actions{gap:18px}}

/* MAKEUPKURS – SAMME TYPOGRAFI SOM SHOWROOM & EVENT */

/* Vanlig tekst */
.gs-makeup {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

/* Store overskrifter */
.gs-makeup h1,
.gs-makeup h2,
.gs-makeup h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  text-transform: none !important;
}

/* Hovedoverskrift */
.gs-makeup h1 {
  font-size: clamp(58px, 7.5vw, 100px);
  line-height: .96;
  letter-spacing: -.055em;
}

/* Seksjonsoverskrifter */
.gs-makeup h2 {
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.06;
  letter-spacing: -.035em;
}

/* Mindre overskrifter */
.gs-makeup h3 {
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: 0;
}

/* Introduksjonstekst under hovedoverskriften */
.gs-makeup .gsm-lead {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.3;
}

/* Datoer i kurskortene */
.gs-makeup .gsm-calendar strong {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

/* Mobil */
@media (max-width: 760px) {
  .gs-makeup h1 {
    font-size: clamp(52px, 15vw, 76px);
  }

  .gs-makeup h2 {
    font-size: clamp(39px, 10vw, 56px);
  }

  .gs-makeup .gsm-lead {
    font-size: clamp(23px, 6vw, 29px);
  }
}

/* MAKEUPKURS – FINJUSTERING MOT SHOWROOM & EVENT */

/* Samme innrykk og luftighet i toppen */
.gs-makeup .gsm-hero {
  padding: 95px 0 105px;
}

.gs-makeup .gsm-hero-inner {
  max-width: 920px;
}

/* Litt mer balansert hovedoverskrift */
.gs-makeup h1 {
  font-size: clamp(58px, 7vw, 94px);
  line-height: .98;
}

/* Mindre og mer lesbar introduksjon */
.gs-makeup .gsm-lead {
  max-width: 760px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.4;
  margin-top: 28px;
}

/* Mobil */
@media (max-width: 760px) {
  .gs-makeup .gsm-hero {
    padding: 58px 0 70px;
  }

  .gs-makeup h1 {
    font-size: clamp(48px, 12vw, 68px);
  }

  .gs-makeup .gsm-lead {
    font-size: 22px;
    line-height: 1.45;
  }
}

/* MAKEUPKURS – GRØNN STREK SOM PÅ SHOWROOM & EVENT */

.gs-makeup .gsm-hero .gsm-eyebrow {
  display: flex;
  align-items: center;
  gap: 15px;
}

.gs-makeup .gsm-hero .gsm-eyebrow::before {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  background: #648c80;
  flex-shrink: 0;
}

/* NYTT: popuper og gavekort. Lim helt nederst i global CSS. */
.gs-makeup .gsm-gift-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.gs-makeup .gsm-modal{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center;padding:18px}
.gs-makeup .gsm-modal:target{display:flex}
.gs-makeup .gsm-modal-shade{position:absolute;inset:0;background:rgba(9,29,23,.75);cursor:pointer}
.gs-makeup .gsm-modal-panel{position:relative;background:#fff;color:#102c29;width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:8px;padding:30px;box-shadow:0 15px 70px rgba(0,0,0,.25)}
.gs-makeup .gsm-modal-panel h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,38px);font-weight:400;margin:0 40px 22px 0;line-height:1.2}
.gs-makeup .gsm-modal-body{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.65}
.gs-makeup .gsm-modal-body h3{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;letter-spacing:0;margin:22px 0 8px}
.gs-makeup .gsm-modal-body p{margin:0 0 12px}
.gs-makeup .gsm-modal-close{position:absolute;top:12px;right:19px;font-size:32px;line-height:1;text-decoration:none!important;color:#102c29!important}
.gs-makeup .gsm-modal-footer{margin:20px 0 0;text-align:right}
.gs-makeup .gsm-modal-form{width:min(570px,100%)}
.gs-makeup .gsm-modal-form iframe{display:block;width:100%;height:min(70vh,640px);border:0}
@media(max-width:760px){.gs-makeup .gsm-modal-panel{padding:20px}.gs-makeup .gsm-gift-actions .gsm-btn{width:100%}}
/* Informasjon ved betalingsknappene */
.gs-makeup .gsm-prepay{margin:14px 0 10px;line-height:1.6;font-size:13px}
.gs-makeup .gsm-prepay a{text-decoration:underline;text-underline-offset:2px}
/* NYTT: popuper og gavekort. Lim helt nederst i global CSS. */
.gs-makeup .gsm-gift-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.gs-makeup .gsm-modal{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center;padding:18px}
.gs-makeup .gsm-modal:target{display:flex}
.gs-makeup .gsm-modal-shade{position:absolute;inset:0;background:rgba(9,29,23,.75);cursor:pointer}
.gs-makeup .gsm-modal-panel{position:relative;background:#fff;color:#102c29;width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:8px;padding:30px;box-shadow:0 15px 70px rgba(0,0,0,.25)}
.gs-makeup .gsm-modal-panel h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,38px);font-weight:400;margin:0 40px 22px 0;line-height:1.2}
.gs-makeup .gsm-modal-body{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.65}
.gs-makeup .gsm-modal-body h3{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;letter-spacing:0;margin:22px 0 8px}
.gs-makeup .gsm-modal-body p{margin:0 0 12px}
.gs-makeup .gsm-modal-close{position:absolute;top:12px;right:19px;font-size:32px;line-height:1;text-decoration:none!important;color:#102c29!important}
.gs-makeup .gsm-modal-footer{margin:20px 0 0;text-align:right}
.gs-makeup .gsm-modal-form{width:min(570px,100%)}
.gs-makeup .gsm-modal-form iframe{display:block;width:100%;height:min(70vh,640px);border:0}
@media(max-width:760px){.gs-makeup .gsm-modal-panel{padding:20px}.gs-makeup .gsm-gift-actions .gsm-btn{width:100%}}
/* Informasjon ved betalingsknappene */
.gs-makeup .gsm-prepay{margin:14px 0 10px;line-height:1.6;font-size:13px}
.gs-makeup .gsm-prepay a{text-decoration:underline;text-underline-offset:2px}