/** Shopify CDN: Minification failed

Line 6343:0 Unexpected "}"

**/
/* =========================================================
   NÁM OG KÚLTÚR — FINAL PREMIUM UI (SINGLE SOURCE OF TRUTH)
   File: assets/namogkultur.css (must load after base.css)
   ========================================================= */

/* ===========================
   TOKENS
   =========================== */
   
:root{
  --namog-navy:#0B2545;
  --namog-gold:#C9A227;

  --namog-gold1:#fff6c9;
  --namog-gold2:#f7e08a;
  --namog-gold3:#d4af37;
  --namog-gold4:#c9a227;
  --namog-gold5:#a77712;

  --namog-goldGlow: rgba(201,162,39,.90);
  --namog-goldRing: rgba(201,162,39,.55);

  --namog-border: rgba(140,106,16,.92);
}

/* =========================================================
   PRODUCT PAGE — PREMIUM GOLD SELECTS (Dagsetning / Vikur)
   ========================================================= */

.template-product .product__info-container .select .select__select.nk-option-select{
  background: linear-gradient(
    180deg,
    #fff6c9 0%,
    #f7e08a 25%,
    #d4af37 60%,
    #c9a227 85%,
    #a77712 100%
  ) !important;

  color: var(--namog-navy) !important;

  border: 3px solid rgba(140,106,16,.95) !important;
  border-radius: 18px !important;

  font-size: 2.35rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;

  min-height: 110px !important;
  padding: 26px 26px !important;

  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.45),
    inset 0 -4px 8px rgba(0,0,0,.20),
    0 10px 22px rgba(0,0,0,.18) !important;

  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.template-product .product__info-container .select .select__select.nk-option-select:hover{
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.55),
    inset 0 -4px 9px rgba(0,0,0,.25),
    0 0 0 4px var(--namog-goldRing),
    0 0 26px var(--namog-goldGlow),
    0 0 52px rgba(201,162,39,.65),
    0 16px 30px rgba(0,0,0,.28) !important;

  transform: translateY(-2px);
  filter: brightness(1.03);
}

@media (max-width: 749px){
  .template-product .product__info-container .select .select__select.nk-option-select{
    font-size: 1.85rem !important;
    min-height: 92px !important;
    padding: 22px 20px !important;
  }
}

/* =========================================================
   PRODUCT — VIÐBÆTUR + CHECKBOXES
   ========================================================= */
.template-product .product__info-container .nok-services{
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 10px !important;
}

.template-product .product__info-container .nok-services h3{
  font-weight: 900 !important;
  font-size: 1.12em !important;
  color: var(--namog-navy) !important;
  margin: 8px 0 6px !important;
}

.template-product .product__info-container .nok-services label{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  font-weight: 700 !important;
}

.template-product .product__info-container .nok-services input[type="checkbox"]{
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;

  border-radius: 9px !important;
  border: 2px solid rgba(11,37,69,.95) !important;

  background: var(--namog-navy) !important;

  display: inline-grid !important;
  place-content: center !important;

  cursor: pointer !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease;
}

.template-product .product__info-container .nok-services input[type="checkbox"]::after{
  content: "" !important;
  width: 14px !important;
  height: 8px !important;
  border-left: 4px solid var(--namog-gold) !important;
  border-bottom: 4px solid var(--namog-gold) !important;
  transform: rotate(-45deg);
  opacity: 0;
  display: block;
}

.template-product .product__info-container .nok-services input[type="checkbox"]:checked::after{
  opacity: 1 !important;
}

.template-product .product__info-container .nok-services input[type="checkbox"]:hover{
  box-shadow:
    0 0 0 3px var(--namog-goldRing),
    0 0 18px rgba(201,162,39,.55) !important;
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.template-product .product__info-container .nok-services input[type="checkbox"]:focus-visible{
  box-shadow:
    0 0 0 4px rgba(201,162,39,.35),
    0 0 22px rgba(201,162,39,.45) !important;
}

/* =========================================================
   PRODUCT — SAMTALS
   ========================================================= */
.template-product .product__info-container .nok-total{
  margin-top: 12px !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
}

.template-product .product__info-container .nok-total strong,
.template-product .product__info-container .nok-total p:first-child{
  font-weight: 900 !important;
  font-size: 1.38em !important;
  color: var(--namog-navy) !important;
}

/* 1) CART TEXT +60% (titles/options/prices) — DESKTOP ONLY */
@media (min-width: 750px){
  body.template-cart .cart-item__name,
  body.template-cart .cart-item__details,
  body.template-cart td.cart-item__details,
  body.template-cart td.cart-item__details .product-option,
  body.template-cart td.cart-item__details .product-option *,
  body.template-cart .cart-item__price,
  body.template-cart .cart-item__final-price,
  body.template-cart .cart-item__totals,
  body.template-cart .cart-item__totals .money,
  body.template-cart .money{
    font-size: 1.6em !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
  }
}

/* ---------------------------
   2) Áætlað samtalsverð +50% + bold + GOLD
   --------------------------- */
body.template-cart .totals__subtotal,
body.template-cart .totals__subtotal-value{
  font-size: 1.5em !important;
  font-weight: 900 !important;
  color: var(--namog-gold) !important;
}

body.template-cart .totals__subtotal-value .money,
body.template-cart .totals .money{
  color: var(--namog-gold) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 14px rgba(201,162,39,.22) !important;
}

/* ---------------------------
   3) ALL BUTTONS = METALLIC GOLD + premium hover glow
   --------------------------- */
body.template-cart button,
body.template-cart .button,
body.template-cart input[type="submit"],
body.template-cart button[name="checkout"],
body.template-cart .cart__checkout-button,
body.template-cart .checkout-button{
  background: linear-gradient(
    180deg,
    var(--namog-gold1) 0%,
    var(--namog-gold2) 30%,
    var(--namog-gold3) 70%,
    var(--namog-gold4) 90%,
    var(--namog-gold5) 100%
  ) !important;

  color: var(--namog-navy) !important;

  border: 2px solid var(--namog-border) !important;
  border-radius: 14px !important;

  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.50),
    inset 0 -4px 8px rgba(0,0,0,.25),
    0 6px 14px rgba(0,0,0,.18) !important;

  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

body.template-cart button:hover,
body.template-cart .button:hover,
body.template-cart input[type="submit"]:hover,
body.template-cart button[name="checkout"]:hover,
body.template-cart .cart__checkout-button:hover,
body.template-cart .checkout-button:hover{
  box-shadow:
    0 0 0 3px var(--namog-goldRing),
    0 0 26px var(--namog-goldGlow),
    0 14px 28px rgba(0,0,0,.25) !important;
  transform: translateY(-2px) !important;
  filter: brightness(1.03) !important;
}

/* ---------------------------
   4) NEMI CARDS — spacing between Nemi 1 / 2 / 3
   --------------------------- */
body.template-cart #MainContent .namog-registration-block{
  margin: 0 0 28px !important;
}
body.template-cart #MainContent .namog-registration-block:last-of-type{
  margin-bottom: 0 !important;
}

/* ---------------------------
   5) NEMI LAYOUT — wrap inputs + put textarea on bottom row
   --------------------------- */
body.template-cart #MainContent .namog-registration-block{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: flex-start !important;
}

/* Inputs: big pills again */
body.template-cart #MainContent .namog-registration-block input[type="text"],
body.template-cart #MainContent .namog-registration-block input[type="email"],
body.template-cart #MainContent .namog-registration-block input[type="tel"],
body.template-cart #MainContent .namog-registration-block input[type="number"],
body.template-cart #MainContent .namog-registration-block input[type="search"]{
  flex: 1 1 240px !important;
  min-width: 220px !important;
  max-width: 340px !important;

  background: linear-gradient(
    180deg,
    var(--namog-gold1) 0%,
    var(--namog-gold2) 30%,
    var(--namog-gold3) 70%,
    var(--namog-gold4) 90%,
    var(--namog-gold5) 100%
  ) !important;

  color: var(--namog-navy) !important;

  border: 3px solid var(--namog-border) !important;
  border-radius: 18px !important;

  font-size: 1.15rem !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;

  min-height: 62px !important;
  padding: 16px 18px !important;

  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.50),
    inset 0 -4px 8px rgba(0,0,0,.22),
    0 6px 14px rgba(0,0,0,.18) !important;

  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

/* Notes textarea: full-width bottom */
body.template-cart #MainContent .namog-registration-block textarea{
  flex: 0 0 100% !important;
  order: 999 !important;
  width: 100% !important;
  max-width: 100% !important;

  background: linear-gradient(
    180deg,
    var(--namog-gold1) 0%,
    var(--namog-gold2) 30%,
    var(--namog-gold3) 70%,
    var(--namog-gold4) 90%,
    var(--namog-gold5) 100%
  ) !important;

  color: var(--namog-navy) !important;

  border: 3px solid var(--namog-border) !important;
  border-radius: 20px !important;

  font-size: 1.15rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;

  min-height: 120px !important;
  padding: 16px 18px !important;
  margin-top: 10px !important;

  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.50),
    inset 0 -4px 8px rgba(0,0,0,.22),
    0 6px 14px rgba(0,0,0,.18) !important;

  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

/* Hover glow for Nemi fields */
body.template-cart #MainContent .namog-registration-block input:hover,
body.template-cart #MainContent .namog-registration-block textarea:hover{
  box-shadow:
    0 0 0 3px var(--namog-goldRing),
    0 0 18px var(--namog-goldGlow),
    0 10px 22px rgba(0,0,0,.22) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.02) !important;
}

/* White when filled (works where placeholders exist) */
body.template-cart #MainContent .namog-registration-block input:not(:placeholder-shown),
body.template-cart #MainContent .namog-registration-block textarea:not(:placeholder-shown){
  background: #fff !important;
  border-color: rgba(201,162,39,.85) !important;
}
/* Force clean grid layout */
.namog-registration-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* All normal inputs same size */
.namog-registration-grid .namog-input {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  flex: 1 1 180px;
}

/* ONLY textarea special rule */
.namog-registration-grid textarea.namog-input {
  height: 40px !important;
  resize: none;
}
/* ==========================================
   FORCE "Athugasemdir til skólans" BELOW
   ========================================== */

.namog-registration-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

/* Make textarea full width + last */
.namog-registration-grid textarea {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100px !important;
  order: 999 !important;
}
/* =========================================
   NEMI FORM — Premium Gold Hover Glow
   ========================================= */

.namog-registration-grid input.namog-input:hover,
.namog-registration-grid textarea.namog-input:hover {
  box-shadow:
    0 0 0 2px rgba(201,162,39,.35),
    0 0 18px rgba(201,162,39,.35),
    0 6px 14px rgba(0,0,0,.25);

  transform: translateY(-1px);
  transition: box-shadow .2s ease, transform .2s ease;
}
/* =========================================
   CART — Make product text section larger
   ========================================= */

body.template-cart td.cart-item__details {
  font-size: 1.25rem !important;
  line-height: 1.6 !important;
}

/* Product title */
body.template-cart a.cart-item__name {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
}

/* Variant/meta text (Veldu dagsetningu etc.) */
body.template-cart .product-option {
  font-size: 1.15rem !important;
}

/* Price */
body.template-cart .cart-item__price,
body.template-cart .cart-item__price .money {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
}
body.template-cart td.cart-item__details > * {
  margin-bottom: 6px;
}

/* 2) Make the dropdown boxes golden */
.product-form__input .select .select__select{
  background: linear-gradient(135deg,#C9A227,#E5C158) !important;
  color: #0B2545 !important;
  font-weight: 800 !important;
  border: 1px solid rgba(11,37,69,.45) !important;
  border-radius: 12px !important;
}

/* Make the arrow match */
.product-form__input .select svg{
  fill: #0B2545 !important;
  color: #0B2545 !important;
}

/* 3) Glow on hover / focus */
.product-form__input .select:hover .select__select,
.product-form__input .select .select__select:focus,
.product-form__input .select .select__select:focus-visible{
  box-shadow:
    0 0 0 2px rgba(201,162,39,.55),
    0 10px 24px rgba(0,0,0,.18) !important;
  outline: none !important;
}

/* Optional: a tiny lift on hover for premium feel */
.product-form__input .select:hover{
  transform: translateY(-1px);
  transition: transform .15s ease, box-shadow .15s ease;
}
/* Wrapper */
.nok-services label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

/* Checkbox square */
.nok-services input[type="checkbox"] {
  width:  20px;
  height: 20px;
  accent-color: #C9A227; /* metallic gold */
  cursor: pointer;
}

/* Text */
.nok-services span {
  font-weight: 600;
  color: #0B2545;
}
.nok-total__label{
  font-weight: 800 !important;
  font-size: 1.1em !important; /* 10% bigger */
  color: #0B2545;
}
.nok-total__amount{
  font-weight: 700 !important;
  font-size: 1.05em;
}

/* Remove default marker */
details.namog-about > summary.namog-about__btn::marker { display: none; }
details.namog-about > summary.namog-about__btn::-webkit-details-marker { display: none; }

/* ===============================
   NAMOG CART PROPERTIES BOX
   =============================== */

.namog-cart-box{
  margin-top:.5rem;
  padding:.6rem .75rem;
  border:1px solid rgba(11,37,69,.25);
  border-radius:12px;
}

.namog-cart-prop dt{
  font-weight:700;
}
/* ===============================
   SAMTALS BREAKDOWN FRAME
   =============================== */

.nk-price-breakdown,
.product-form .nk-breakdown,
.product-form__totals {
  background: rgba(201, 162, 39, 0.08); /* faint gold */
  border: 1.5px solid rgba(201, 162, 39, 0.45);
  border-radius: 12px;
  padding: 14px 18px;
  margin-top: 14px;
  backdrop-filter: blur(2px);
}

/* Line spacing */
.nk-price-breakdown p,
.product-form__totals p {
  margin: 4px 0;
}

/* Make "Samtals" slightly stronger */
.nk-price-breakdown strong,
.product-form__totals strong {
  font-weight: 700;
}
/* =========================================================
   NÁM OG KÚLTÚR — SAMTALS / BREAKDOWN (FRAMED, FAINT GOLD)
   Targets: .nok-total, .nok-total__row, #nok-total-breakdown
   ========================================================= */

.nok-total{
  margin-top: 14px;
}

/* Frame around the whole box (Samtals + breakdown) */
.nok-total{
  background: rgba(201, 162, 39, 0.14);
  border: 1.5px solid rgba(201, 162, 39, 0.45);  /* soft gold frame */
  border-radius: 12px;
  padding: 14px 18px;
  backdrop-filter: blur(2px);
}

/* Make the Samtals line feel like a header */
.nok-total__row{
  font-weight: 700 !important;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(201, 162, 39, 0.25);
}

/* Breakdown lines spacing */
#nok-total-breakdown{
  font-weight: 500 !important;
  line-height: 1.35;
}

#nok-total-breakdown > div{
  margin: 4px 0;
}
/* Frame */
.nok-total{
  border: 2px solid #0B2545;   /* Navy border */
}

/* Line under "Samtals" */
.nok-total__row{
  border-bottom: 1px solid #0B2545;  /* Navy divider */
}
/* Make Samtals amount bold */
#namog-total-amount {
  font-weight: 700 !important;
}/* CART: remove duplicated variant option list (keep custom properties box) */
.template-cart dl.product-option{
  display: none !important;
}
/* =========================================================
   CART — NÁM OG KÚLTÚR BOX (match product pricing card)
   ========================================================= */

.template-cart .namog-cart-box{
  background: rgba(201, 162, 39, 0.16); /* faint gold */
  border: 2px solid #0B2545;            /* navy frame */
  border-radius: 12px;
  padding: 12px 14px;
  margin-top: 10px;
}

/* Clean layout for each line */
.template-cart .namog-cart-box .product-option{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 0;
  margin: 0;
}

/* Navy labels, subtle weight */
.template-cart .namog-cart-box dt{
  color: #0B2545;
  font-weight: 700;
  margin: 0;
}

/* Values slightly calmer */
.template-cart .namog-cart-box dd{
  margin: 0;
  opacity: 0.9;
  text-align: right;
}

/* Optional: subtle divider between rows */
.template-cart .namog-cart-box .product-option + .product-option{
  border-top: 1px solid rgba(11, 37, 69, 0.18);
}
/* =========================================================
   NÁM OG KÚLTÚR — CART STICKY TOTALS (V3 FIXED)
   Fixes: button spilling out, totals alignment, too tall
   IMPORTANT: Delete any older "cart sticky" CSS blocks first
   ========================================================= */

/* Sticky wrapper (Shopify section wrapper already exists) */
.cart__footer-wrapper{
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 16px !important;
  width: 92% !important;
  max-width: 920px !important;
  z-index: 9999 !important;
}

/* The blue box */
.cart__footer-wrapper #main-cart-footer{
  background: #0B2545 !important;
  border: 2px solid #C9A227 !important;
  border-radius: 14px !important;
  overflow: hidden !important;          /* keeps everything INSIDE */
}

/* Remove Dawn spacing that makes it tall */
.cart__footer-wrapper #main-cart-footer .page-width{
  padding: 0 !important;
  max-width: none !important;
}

.cart__footer-wrapper #main-cart-footer .cart__footer{
  padding: 10px 14px !important;        /* main height control */
  margin: 0 !important;
}

.cart__footer-wrapper #main-cart-footer .cart__blocks,
.cart__footer-wrapper #main-cart-footer .js-contents{
  margin: 0 !important;
  padding: 0 !important;
}

/* Force a clean 2-column layout: LEFT totals, RIGHT checkout */
.cart__footer-wrapper #main-cart-footer .js-contents{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

/* LEFT column (Samtals + amount + taxes) */
.cart__footer-wrapper #main-cart-footer .totals{
  flex: 1 1 auto !important;
  min-width: 240px !important;
  margin: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  text-align: left !important;
}


.cart__footer-wrapper #main-cart-footer .totals__total-value{
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  color: #C9A227 !important;
  font-weight: 900 !important;
  font-size: 1.45rem !important;
  line-height: 1.05 !important;
}

/* Taxes line sits RIGHT UNDER Samtals (still LEFT column) */
.cart__footer-wrapper #main-cart-footer .tax-note{
  flex: 0 0 auto !important;
  margin: 4px 0 0 0 !important;
  padding: 0 !important;

  text-align: left !important;
  color: rgba(201,162,39,0.82) !important;
  font-size: 1.0rem !important;
  line-height: 1.1 !important;
}

/* If Dawn uses .totals__tax instead of .tax-note in your build */
.cart__footer-wrapper #main-cart-footer .totals__tax{
  margin: 4px 0 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
  color: rgba(201,162,39,0.82) !important;
  font-size: 1.0rem !important;
  line-height: 1.1 !important;
}

/* RIGHT column (checkout) */
.cart__footer-wrapper #main-cart-footer .cart__ctas{
  flex: 0 0 360px !important;           /* keeps button inside */
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* Long, premium CTA — but constrained inside the box */
.cart__footer-wrapper #main-cart-footer .cart__checkout-button,
.cart__footer-wrapper #main-cart-footer button[name="checkout"]{
  width: 100% !important;
  max-width: 360px !important;          /* NEVER exceed container */
  box-sizing: border-box !important;

  padding: 10px 18px !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  letter-spacing: .35px !important;
}

/* Prevent page content from hiding behind sticky */
#MainContent{
  padding-bottom: 170px !important;
}

/* Mobile: keep it compact + still 2-column where possible */
@media (max-width: 749px){
  .cart__footer-wrapper{
    width: 94% !important;
    bottom: 12px !important;
  }

  .cart__footer-wrapper #main-cart-footer .cart__footer{
    padding: 10px 12px !important;
  }

  .cart__footer-wrapper #main-cart-footer .js-contents{
    gap: 10px !important;
  }

  .cart__footer-wrapper #main-cart-footer .cart__ctas{
    flex-basis: 300px !important;
  }

  .cart__footer-wrapper #main-cart-footer .cart__checkout-button,
  .cart__footer-wrapper #main-cart-footer button[name="checkout"]{
    max-width: 300px !important;
    font-size: 1.15rem !important;
    padding: 10px 14px !important;
  }
}/* =========================================================
   NÁM OG KÚLTÚR — CART STICKY TOTALS (V3 → FINAL CLEAN)
   Single source of truth for the sticky cart ribbon.
   - Ribbon size stays compact (your current “perfect” height)
   - Samtals + amount on ONE line (same size)
   - Gold dot separator
   - Checkout button on the RIGHT
   - Group centered inside the ribbon
   - Tax/fees line hidden in the ribbon
   IMPORTANT: Delete ALL older sticky/cart footer CSS blocks above this.
   ========================================================= */

/* Sticky wrapper (Shopify section wrapper already exists) */
.cart__footer-wrapper{
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 16px !important;
  width: 92% !important;
  max-width: 920px !important;
  z-index: 9999 !important;
}

/* The blue box */
.cart__footer-wrapper #main-cart-footer{
  background: #0B2545 !important;
  border: 2px solid #C9A227 !important;
  border-radius: 14px !important;
  overflow: hidden !important; /* keeps everything INSIDE */
}

/* Remove Dawn spacing that makes it tall / off-center */
.cart__footer-wrapper #main-cart-footer .page-width{
  padding: 0 !important;
  max-width: none !important;
}

/* Ribbon padding (height control) */
.cart__footer-wrapper #main-cart-footer .cart__footer{
  padding: 10px 14px !important;
  margin: 0 !important;

  /* Center the whole content group within the ribbon */
  display: flex !important;
  justify-content: center !important;
}

/* Inner group: totals + CTA */
.cart__footer-wrapper #main-cart-footer .js-contents{
  display: inline-flex !important;   /* shrink-wrap the group */
  align-items: center !important;
  gap: 40px !important;              /* keep your “perfect” spacing */
  margin: 0 auto !important;
  padding: 0 !important;
}

/* LEFT: totals — keep on one line */
.cart__footer-wrapper #main-cart-footer .totals{
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 0 !important;

  text-align: left !important;
  color: #C9A227 !important;
  white-space: nowrap !important;
}

/* Hide tax/fees line in the ribbon only */
.cart__footer-wrapper #main-cart-footer .tax-note,
.cart__footer-wrapper #main-cart-footer .totals__tax{
  display: none !important;
}

/* Dawn totals line: force label + value inline and SAME styling */
.cart__footer-wrapper #main-cart-footer .totals__total{
  display: contents !important; /* makes label + value flow inline */
}

.cart__footer-wrapper #main-cart-footer .totals__total-label,
.cart__footer-wrapper #main-cart-footer .totals__total-value{
  font-size: 2.0rem !important;  /* SAME size */
  font-weight: 950 !important;   /* SAME weight */
  line-height: 1 !important;
  color: #C9A227 !important;
}

/* Gold dot after “Samtals” */
.cart__footer-wrapper #main-cart-footer .totals__total-label::after{
  content: " • " !important;
  margin: 0 10px !important;
  opacity: .95 !important;
}

/* Prevent amount wrapping */
.cart__footer-wrapper #main-cart-footer .totals__total-value{
  white-space: nowrap !important;
}

/* RIGHT: checkout */
.cart__footer-wrapper #main-cart-footer .cart__ctas{
  margin: 0 !important;
  padding: 0 !important;

  width: 360px !important;
  max-width: 360px !important;

  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* Long, premium CTA — constrained inside the box */
.cart__footer-wrapper #main-cart-footer .cart__checkout-button,
.cart__footer-wrapper #main-cart-footer button[name="checkout"]{
  width: 100% !important;
  max-width: 360px !important;
  box-sizing: border-box !important;

  padding: 10px 18px !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  letter-spacing: .35px !important;
}

/* Prevent page content from hiding behind sticky */
#MainContent{
  padding-bottom: 170px !important;
}

/* Mobile */
@media (max-width: 749px){
  .cart__footer-wrapper{
    width: 94% !important;
    bottom: 12px !important;
  }

  .cart__footer-wrapper #main-cart-footer .cart__footer{
    padding: 10px 12px !important;
  }

  .cart__footer-wrapper #main-cart-footer .js-contents{
    gap: 22px !important; /* slightly tighter on mobile */
  }

  .cart__footer-wrapper #main-cart-footer .cart__ctas{
    width: 300px !important;
    max-width: 300px !important;
  }

  .cart__footer-wrapper #main-cart-footer .cart__checkout-button,
  .cart__footer-wrapper #main-cart-footer button[name="checkout"]{
    max-width: 300px !important;
    font-size: 1.15rem !important;
    padding: 10px 14px !important;
  }

  .cart__footer-wrapper #main-cart-footer .totals__total-label,
  .cart__footer-wrapper #main-cart-footer .totals__total-value{
    font-size: 1.55rem !important; /* keep balanced on small screens */
  }
}/* =========================================================
   NK — TRUE ONE-ROW WRAPPER (use cart__blocks)
   Goal: Samtals • amount LEFT of the checkout button (same line)
   ========================================================= */

/* The wrapper that actually contains totals + CTA in Dawn */
.cart__footer-wrapper #main-cart-footer .cart__blocks{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;                 /* spacing between totals and button */
}

/* Keep totals compact and on one line */
.cart__footer-wrapper #main-cart-footer .totals{
  flex: 0 0 auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  white-space: nowrap !important;
}

/* Keep CTA on the same line */
.cart__footer-wrapper #main-cart-footer .cart__ctas{
  flex: 0 0 auto !important;
  width: 360px !important;
  max-width: 360px !important;
  margin: 0 !important;

  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

/* Button stays long and premium */
.cart__footer-wrapper #main-cart-footer .cart__checkout-button,
.cart__footer-wrapper #main-cart-footer button[name="checkout"]{
  width: 360px !important;
  max-width: 360px !important;
}/* =========================================================
   NK — OPTICAL CENTER TWEAK (final 1%)
   Adjust the px value until it looks dead-center
   ========================================================= */

.cart__footer-wrapper #main-cart-footer .cart__blocks{
  position: relative !important;
  right: 25px !important;   /* try 6px, 25px, 10px */
}
/* =========================================================
   NK — CTA TYPOGRAPHY BOOST
   Slightly larger, stronger checkout text
   ========================================================= */

.cart__footer-wrapper #main-cart-footer .cart__checkout-button,
.cart__footer-wrapper #main-cart-footer button[name="checkout"]{
  font-size: 1.65rem !important;     /* was 1.25rem */
  font-weight: 900 !important;       /* stronger authority */
  letter-spacing: .4px !important;   /* slightly more presence */
}
/* =========================================================
   NK — SIGNATURE GOLDEN GLOW (Enhanced)
   Stronger but still luxury
   ========================================================= */

.cart__footer-wrapper #main-cart-footer .cart__checkout-button,
.cart__footer-wrapper #main-cart-footer button[name="checkout"]{
  transition: all .28s cubic-bezier(.4,0,.2,1) !important;
}

/* Hover — deeper radiant glow */
.cart__footer-wrapper #main-cart-footer .cart__checkout-button:hover,
.cart__footer-wrapper #main-cart-footer button[name="checkout"]:hover{
  box-shadow:
    0 0 12px rgba(201,162,39,.75),
    0 0 28px rgba(201,162,39,.55),
    0 0 48px rgba(201,162,39,.35),
    0 8px 22px rgba(0,0,0,.35) !important;

  transform: translateY(-2px) scale(1.015) !important;
}

/* Active press */
.cart__footer-wrapper #main-cart-footer .cart__checkout-button:active,
.cart__footer-wrapper #main-cart-footer button[name="checkout"]:active{
  transform: translateY(0px) scale(.985) !important;
  box-shadow:
    0 0 8px rgba(201,162,39,.6),
    0 0 18px rgba(201,162,39,.35) !important;
}
/* =========================================================
   NK — SIGNATURE BREATHING GOLD (Global)
   Applied to:
   - Sticky checkout
   - Hreinsa button
   - Trash/bin buttons
   ========================================================= */

/* 1) Keyframe animation (slow, elegant breathing) */
@keyframes nkGoldBreath {
  0% {
    box-shadow:
      0 0 6px rgba(201,162,39,.35),
      0 0 14px rgba(201,162,39,.25);
  }
  50% {
    box-shadow:
      0 0 14px rgba(201,162,39,.75),
      0 0 32px rgba(201,162,39,.45);
  }
  100% {
    box-shadow:
      0 0 6px rgba(201,162,39,.35),
      0 0 14px rgba(201,162,39,.25);
  }
}

/* 2) Target buttons */
.cart__checkout-button,
button[name="checkout"],
button[name="update"],           /* Hreinsa often uses update/reset */
button[name="clear"],
.cart__remove-button,
button[aria-label*="Remove"],
button[aria-label*="remove"]{
  animation: nkGoldBreath 3.5s ease-in-out infinite;
  transition: all .25s ease;
}

/* 3) On hover — stronger, controlled lift */
.cart__checkout-button:hover,
button[name="checkout"]:hover,
button[name="update"]:hover,
button[name="clear"]:hover,
.cart__remove-button:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow:
    0 0 18px rgba(201,162,39,.9),
    0 0 42px rgba(201,162,39,.55),
    0 8px 22px rgba(0,0,0,.35);
}

/* 4) On click — subtle press */
.cart__checkout-button:active,
button[name="checkout"]:active,
button[name="update"]:active,
button[name="clear"]:active,
.cart__remove-button:active{
  transform: scale(.98);
  box-shadow:
    0 0 10px rgba(201,162,39,.6),
    0 0 20px rgba(201,162,39,.35);
}
/* =========================================
   NK — PRODUCT TEXT BOX: 2pt NAVY FRAME + FAINT GOLD WASH
   ========================================= */



/* =========================================================
   NK — Product CTA: make "Halda áfram með bókun" full width
   Matches the width of the totals box above it
   ========================================================= */

.nk-total-box + .button,
.nk-total-box + a.button,
.nk-total-box + button,
.nk-total-box ~ .button,
.nk-total-box ~ a.button,
.nk-total-box ~ button{
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* If your button is inside a wrapper under the box */
.nk-total-box + * .button,
.nk-total-box + * a.button,
.nk-total-box + * button{
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
/*
TEMP DISABLED — CART MOBILE EMERGENCY OVERRIDE

CART — MOBILE EMERGENCY OVERRIDE
Put this at the VERY BOTTOM of namogkultur.css

@media (max-width: 749px){

  NK — restore destination images

  .collection-list .card__media {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .collection-list .media {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .collection-list .media img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}
*/

/* The insane wrapping: smaller title + tighter line-height */
body.template-cart .cart-item__name,
body.template-cart .cart-item__name a {
  font-size: 1.05rem !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  hyphens: auto !important;
}

/* Variant/options text */
body.template-cart td.cart-item__details .product-option,
body.template-cart td.cart-item__details .product-option * {
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
}

/* Price: keep on one line and smaller */
body.template-cart .cart-item__price,
body.template-cart .cart-item__final-price,
body.template-cart .money,
body.template-cart .price-item {
  font-size: 1.0rem !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
  /* Cart headings row: VARA / SAMTALS / MAGN / SAMTALS */
  body.template-cart thead th,
  body.template-cart .cart-items thead th{
    font-size: 11px !important;
    letter-spacing: .6px !important;
    white-space: nowrap !important;
  }

  /* Sticky ribbon: make it fit and not overflow */
  body.template-cart .cart__footer-wrapper{
    width: 94% !important;
    bottom: 12px !important;
  }

  body.template-cart .cart__footer-wrapper #main-cart-footer .cart__footer{
    padding: 10px 12px !important;
  }

  /* Totals in sticky: shrink (your CSS sets it huge elsewhere) */
  body.template-cart .cart__footer-wrapper #main-cart-footer .totals__total-label,
  body.template-cart .cart__footer-wrapper #main-cart-footer .totals__total-value{
    font-size: 1.25rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  /* Checkout button: always fit inside the ribbon */
  body.template-cart .cart__footer-wrapper #main-cart-footer .cart__ctas{
    width: auto !important;
    max-width: 100% !important;
  }

  body.template-cart .cart__footer-wrapper #main-cart-footer .cart__checkout-button,
  body.template-cart .cart__footer-wrapper #main-cart-footer button[name="checkout"]{
    width: 100% !important;
    max-width: 100% !important;
    font-size: 1.1rem !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
  }
/* ==========================================================
   NK — MOBILE: STACK TOTALS ABOVE CHECKOUT BUTTON
   Samtals on top
   Ganga frá kaupum below
   ========================================================= */
@media (max-width: 749px){

  /* Make sticky layout vertical */
  .cart__footer-wrapper #main-cart-footer .cart__blocks{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    right: 0 !important; /* remove optical shift tweak */
  }

  /* Totals (Samtals) full width and centered */
  .cart__footer-wrapper #main-cart-footer .totals{
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Remove the gold dot separator on mobile */
  .cart__footer-wrapper #main-cart-footer .totals__total-label::after{
    content: "" !important;
  }

  /* Checkout area full width */
  .cart__footer-wrapper #main-cart-footer .cart__ctas{
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
  }

  /* Button full width */
  .cart__footer-wrapper #main-cart-footer .cart__checkout-button,
  .cart__footer-wrapper #main-cart-footer button[name="checkout"]{
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* ==========================================================
   NK – CART MOBILE: put destination images into clean boxes
========================================================== */

.collection-list .card__media {
  overflow: hidden !important;
  border-radius: 18px 18px 0 0 !important;
}

.collection-list .media {
  aspect-ratio: 1 / 0.78 !important;
  overflow: hidden !important;
}

.collection-list .media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* ==========================================================
   Beats component-cart-items.css
========================================================== */

@media (max-width: 749px) {

  /* 1) Title: a.cart-item__name.h4.break (your exact element) */
  body.template-cart a.cart-item__name.h4.break{
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  /* 2) Any description/option lines under title */
  body.template-cart td.cart-item__details .product-option,
  body.template-cart td.cart-item__details .product-option *{
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  /* 3) KILL the “extra” price that appears inside the details block (under title)
        (we keep the right totals column + sticky total) */
  body.template-cart td.cart-item__details .price,
  body.template-cart td.cart-item__details .price * ,
  body.template-cart td.cart-item__details .cart-item__price,
  body.template-cart td.cart-item__details .cart-item__final-price,
  body.template-cart td.cart-item__details .cart-item__discounted-prices,
  body.template-cart td.cart-item__details .discounted-prices{
    display: none !important;
  }

  /* 4) Right-side totals column: keep compact */
  body.template-cart td.cart-item__totals,
  body.template-cart td.cart-item__totals *{
    font-size: 14px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}/* =========================================================
   NK — DESKTOP CART TEXT FRAME (Match Mobile Style)
   ========================================================= */

@media (min-width:750px){
  .cart-item__details{
    background: rgba(201,162,39,.08) !important;
    border: 1px solid rgba(201,162,39,.25) !important;
    border-radius: 14px !important;
    padding: 22px !important;
  }

  .cart-item{
    margin-bottom: 18px !important;
  }
}
/* =========================================================
   NK — CART MOBILE CLEANUP
   - Remove table headings (VARA / SAMTALS / MAGN / SAMTALS)
   - Add spacing between Nemi 1–6 blocks
   - Round corners on Nemi 1–6 blocks
   Mobile only
   ========================================================= */
@media (max-width:749px){

  /* 1) Remove the top cart headings row */
  .template-cart thead,
  .template-cart .cart-items thead,
  .template-cart .cart-items__headings,
  .template-cart .cart-items__heading{
    display:none !important;
  }

  /* 2) Space between Nemi blocks */
  .namog-registration-block + .namog-registration-block{
    margin-top: 22px !important;
  }

  /* 3) Rounded corners on Nemi blocks (container) */
  .namog-registration-block{
    border-radius: 18px !important;
    overflow: hidden !important; /* ensures inner fields don’t “square” the corners */
  }

}
/* Desktop bright gold fields like "Samtals" */
@media (min-width:750px){

.namog-registration-block input,
.namog-registration-block select,
.namog-registration-block textarea{
  background:#e6c86e;
  color:#0b2545;
  border:1px solid #c9a227;
}

/* turn white when user types */
.namog-registration-block input:not(:placeholder-shown),
.namog-registration-block textarea:not(:placeholder-shown){
  background:#fff;
}

.namog-registration-block ::placeholder{
  color:#0b2545;
  opacity:.7;
}

}
/* NK — HARD SPACE between Samtals and amount (sticky cart) */
@media (min-width: 750px){

  /* Make sure totals line is NOT display: contents anywhere */
  .cart__footer-wrapper #main-cart-footer .totals__total{
    display: inline-flex !important;
    align-items: baseline !important;
  }

  /* Force both pieces to exist as separate flex items */
  .cart__footer-wrapper #main-cart-footer .totals__total-label{
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .cart__footer-wrapper #main-cart-footer .totals__total-value{
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;

    /* REAL space */
    margin-left: 8px !important; /* tweak 12–26px */
  }

  /* Fallback: if margin still gets ignored, inject hard space before value */
  .cart__footer-wrapper #main-cart-footer .totals__total-value::before{
    content: "\00a0\00a0" !important; /* two non-breaking spaces */
  }

  /* If you previously had a dot separator, kill it so it doesn't conflict */
.cart__footer-wrapper #main-cart-footer .totals__total-value{
  display: inline-block !important;
  margin-left: 6px !important; /* tighter spacing */
}
}

  .grid--2-col-tablet-down .grid__item {
    width: 50% !important;
    max-width: 50% !important;
  }

.nk-sale-banner {
background:#0B2545 !important;
color:#C9A227;
overflow:hidden;
white-space:nowrap;
padding:14px 0;
font-weight:700;
font-size:18px;
text-align:center;
}

.nk-sale-text{
display:inline-block;
padding-left:100%;
animation:nk-scroll 18s linear infinite;
color:#C9A227;
}

/* keep mobile normal */
@media screen and (max-width: 989px) {
  .product__info-wrapper,
  .product__info-wrapper.namog-info-wide {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}

details[id^="NamogMoreDetails"] .namog-about {
  padding-top: 1.2rem;
}

details[id^="NamogMoreDetails"]:not([open]) .namog-about {
  display: none;
}

summary.namog-about__btn::-webkit-details-marker{
  display:none;
}

summary.namog-about__btn:hover{
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(201,162,39,.24),
    0 14px 30px rgba(11,37,69,.34),
    0 0 28px rgba(201,162,39,.26);
}
/* Limit product image height */


.namog-marquee-wrap{
  overflow:hidden;
  width:100%;
}

.namog-marquee{
  display:inline-block;
  white-space:nowrap;
  padding-left:100%;
  animation:namog-marquee-roll 18s linear infinite;
}

@keyframes namog-marquee-roll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-100%); }
}/* ===== NÁM OG KÚLTÚR — SECOND ROLLING BANNER ===== */

.namog-second-banner{
  width:100%;
  overflow:hidden;
  background:linear-gradient(90deg, #c9a227 0%, #e4c85a 50%, #c9a227 100%);
  border-top:1px solid rgba(11,37,69,0.18);
  border-bottom:1px solid rgba(11,37,69,0.18);
  padding:10px 0;
}

.namog-second-banner__track{
  display:flex;
  width:max-content;
  white-space:nowrap;
  animation:namog-second-banner-roll 22s linear infinite;
}

.namog-second-banner__track span{
  display:inline-block;
  padding-right:80px;
  color:#0B2545;
  font-weight:700;
  font-size:16px;
  line-height:1.2;
}

@keyframes namog-second-banner-roll{
  0%{
    transform:translateX(0);
  }
  100%{
    transform:translateX(-50%);
  }
}
.namog-city-links a,
.namog-city-links a:visited,
.namog-city-links a:hover,
.namog-city-links a:active{
  color:#0B2545 !important;
}

.blog__article a{
  color:#0B2545;
  font-weight:600;
  text-decoration:underline;
}
/* Improve readability for course description sections */

.namog-about p {
  font-size: 18px;
  line-height: 1.75;
}

.namog-about li {
  font-size: 18px;
  line-height: 1.7;
}
.namog-about p{
  margin-bottom: 18px;
}
/* Make ACE content stretch full width */
.product__info-wrapper{
  max-width: 100%;
  width: 100%;
}

.product__info-container{
  max-width: 100%;
}

.namog-about{
  width: 100%;
}/* Mobile product cards smaller */
@media screen and (max-width: 749px) {
  .grid--2-col-tablet-down .grid__item {
    width: 50% !important;
    max-width: 50% !important;
  }
}

.nk-sale-banner {
  background: #0B2545 !important;
  color: #C9A227;
  overflow: hidden;
  white-space: nowrap;
  padding: 14px 0;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}

.nk-sale-text {
  display: inline-block;
  padding-left: 100%;
  animation: nk-scroll 18s linear infinite;
  color: #C9A227;
}



details[id^="NamogMoreDetails"] .namog-about {
  padding-top: 1.2rem;
}

details[id^="NamogMoreDetails"]:not([open]) .namog-about {
  display: none;
}

summary.namog-about__btn::-webkit-details-marker {
  display: none;
}

summary.namog-about__btn:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(201,162,39,.24),
    0 14px 30px rgba(11,37,69,.34),
    0 0 28px rgba(201,162,39,.26);
}

.namog-marquee-wrap {
  overflow: hidden;
  width: 100%;
}

.namog-marquee {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: namog-marquee-roll 18s linear infinite;
}

@keyframes namog-marquee-roll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* ===== NÁM OG KÚLTÚR — SECOND ROLLING BANNER ===== */

.namog-second-banner {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(90deg, #c9a227 0%, #e4c85a 50%, #c9a227 100%);
  border-top: 1px solid rgba(11,37,69,0.18);
  border-bottom: 1px solid rgba(11,37,69,0.18);
  padding: 10px 0;
}

.namog-second-banner__track {
  display: flex;
  width: max-content;
  white-space: nowrap;
  animation: namog-second-banner-roll 22s linear infinite;
}

.namog-second-banner__track span {
  display: inline-block;
  padding-right: 80px;
  color: #0B2545;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
}

@keyframes namog-second-banner-roll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.namog-city-links a,
.namog-city-links a:visited,
.namog-city-links a:hover,
.namog-city-links a:active {
  color: #0B2545 !important;
}

.blog__article a {
  color: #0B2545;
  font-weight: 600;
  text-decoration: underline;
}

/* Improve readability for course description sections */
.namog-about p {
  font-size: 18px;
  line-height: 1.75;
}

.namog-about li {
  font-size: 18px;
  line-height: 1.7;
}

.namog-about p {
  margin-bottom: 18px;
}

/* Make ACE content stretch full width */
.product__info-wrapper {
  max-width: 100%;
  width: 100%;
}

.product__info-container {
  max-width: 100%;
}

.namog-about {
  width: 100%;
}

@media screen and (min-width: 990px) {
  .product__info-wrapper,
  .product__media-wrapper,
  .product__title,
  .product__info-container {
    margin-top: 0 !important;
  }
}


/* =========================================
   NÁM OG KÚLTÚR — CLEAN LINK / HEADER RESET
   Paste at VERY BOTTOM of assets/namogkultur.css
   ========================================= */

:root {
  --namog-navy: #0B2545;
  --namog-gold: #C9A227;
  --namog-gold-soft: #f7e08a;
  --namog-navy-hover: #163d73;
}

/* =========================================
   1) TOEFL / CEFR / ARTICLE BODY TYPOGRAPHY
   ========================================= */

.nk-article-body h2 {
  font-size: 4.2rem;
  line-height: 1.15;
  font-weight: 600;
  margin: 0 0 2rem;
}

.nk-article-body h3 {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 600;
  margin: 3rem 0 1.2rem;
}

.nk-article-body p,
.nk-article-body li {
  font-size: 2rem;
  line-height: 1.65;
  font-weight: 400;
}

.nk-article-body ul {
  margin: 1.2rem 0 2rem 2.2rem;
  padding: 0;
}

.nk-article-body li {
  margin: 0.5rem 0;
}

.nk-article-body strong {
  font-weight: 700;
}

/* =========================================
   2) HEADER SHELL = NAVY
   ========================================= */

.shopify-section-header,
.shopify-section-group-header-group,
#shopify-section-header,
.header-wrapper,
.header,
sticky-header,
sticky-header.header-wrapper {
  background: var(--namog-navy) !important;
  background-color: var(--namog-navy) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(201, 162, 39, 0.24) !important;
  box-shadow: none !important;
}

/* Dawn color scheme wrappers inside header */
.shopify-section-header .color-background-1,
.shopify-section-header .color-background-2,
.shopify-section-header .color-inverse,
.header-wrapper.color-background-1,
.header-wrapper.color-background-2,
.header-wrapper.color-inverse,
.header.color-background-1,
.header.color-background-2,
.header.color-inverse {
  background: var(--namog-navy) !important;
  background-color: var(--namog-navy) !important;
  background-image: none !important;
}

/* =========================================
   3) HEADER LINKS / MENU / LOGO = GOLD
   ========================================= */

.shopify-section-header a,
.shopify-section-header a *,
.header-wrapper a,
.header-wrapper a *,
.header a,
.header a *,
.header__heading-link,
.header__heading-link *,
.header__heading,
.header__heading *,
.header__menu-item,
.header__menu-item *,
.header__active-menu-item,
.header__active-menu-item *,
.list-menu__item,
.list-menu__item *,
.header__inline-menu a,
.header__inline-menu a *,
.mega-menu__link,
.mega-menu__link *,
.menu-drawer a,
.menu-drawer a *,
.menu-drawer__menu-item,
.menu-drawer__menu-item *,
details-disclosure a,
details-disclosure a *,
summary.header__menu-item,
summary.header__menu-item * {
  color: var(--namog-gold) !important;
  -webkit-text-fill-color: var(--namog-gold) !important;
  fill: var(--namog-gold) !important;
  stroke: var(--namog-gold) !important;
  border-color: var(--namog-gold) !important;
  text-decoration: none !important;
}

/* =========================================
   4) HEADER ICONS = GOLD
   ========================================= */

.header__icon,
.header__icon *,
.header__icon .icon,
.header__icon svg,
.header__icon svg path,
.header__icon svg circle,
.header__icon svg rect,
.header__icon svg line,
.header__icon svg polyline,
.header__icon svg polygon,
.header-wrapper svg,
.header-wrapper svg path,
.header-wrapper svg circle,
.header-wrapper svg rect,
.header-wrapper svg line,
.header-wrapper svg polyline,
.header-wrapper svg polygon {
  color: var(--namog-gold) !important;
  fill: var(--namog-gold) !important;
  stroke: var(--namog-gold) !important;
}

/* =========================================
   5) CART BUBBLE
   ========================================= */

.cart-count-bubble,
.header__icon--cart .cart-count-bubble {
  background: var(--namog-gold) !important;
  color: var(--namog-navy) !important;
  border: 1px solid var(--namog-gold) !important;
}

/* =========================================
   6) HEADER HOVER
   ========================================= */

.shopify-section-header a:hover,
.header-wrapper a:hover,
.header a:hover,
.header__menu-item:hover,
.header__heading-link:hover,
.header__icon:hover,
.list-menu__item:hover,
.mega-menu__link:hover,
.menu-drawer__menu-item:hover {
  color: var(--namog-gold-soft) !important;
  -webkit-text-fill-color: var(--namog-gold-soft) !important;
}

/* =========================================
   7) CONTENT LINKS = NAVY
   Pages, products, blog articles, rich text
   ========================================= */

.article-template a,
.article-template a:visited,
.article-template__content a,
.article-template__content a:visited,
.template-article a,
.template-article a:visited,
.template-page a,
.template-page a:visited,
.main-page a,
.main-page a:visited,
.main-blog a,
.main-blog a:visited,
.blog-articles a,
.blog-articles a:visited,
.blog-article a,
.blog-article a:visited,
.rte a,
.rte a:visited,
.rich-text a,
.rich-text a:visited,
.shopify-policy__body a,
.shopify-policy__body a:visited,
.page-width .rte a,
.page-width .rte a:visited,
.page-width .main-page a,
.page-width .main-page a:visited,
.page-width .main-blog a,
.page-width .main-blog a:visited,
.page-width .article-template__content a,
.page-width .article-template__content a:visited,
.template-article .article-template__content a,
.template-article .article-template__content a:visited,
.template-article .rte a,
.template-article .rte a:visited,
.template-blog .rte a,
.template-blog .rte a:visited,
.main-blog .article-card__info a,
.main-blog .article-card__info a:visited,
.main-blog .article-card__excerpt a,
.main-blog .article-card__excerpt a:visited,
.blog-articles .article-card__info a,
.blog-articles .article-card__info a:visited,
.blog-articles .article-card__excerpt a,
.blog-articles .article-card__excerpt a:visited {
  color: var(--namog-navy) !important;
  -webkit-text-fill-color: var(--namog-navy) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 1px !important;
  font-weight: 500;
}
/* ACE navy box override */
.template-page .ace-navy-links-box a,
.template-page .ace-navy-links-box a:visited,
.main-page .ace-navy-links-box a,
.main-page .ace-navy-links-box a:visited,
.rte .ace-navy-links-box a,
.rte .ace-navy-links-box a:visited,
.rte .ace-navy-links-box a:hover,
.rte .ace-navy-links-box a:active,
.rte .ace-navy-links-box a:focus,
.rte .ace-navy-links-box a *,
.rte .ace-navy-links-box a:visited *,
.rte .ace-navy-links-box a:hover *,
.rte .ace-navy-links-box a:active *,
.rte .ace-navy-links-box a:focus * {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: underline !important;
}
/* Stronger override for spans/strong/em inside blog links */
.template-article .article-template__content a *,
.template-article .rte a *,
.template-blog .rte a *,
.main-blog .article-card__info a *,
.main-blog .article-card__excerpt a *,
.blog-articles .article-card__info a *,
.blog-articles .article-card__excerpt a * {
  color: var(--namog-navy) !important;
  -webkit-text-fill-color: var(--namog-navy) !important;
  fill: var(--namog-navy) !important;
  stroke: var(--namog-navy) !important;
}

/* =========================================
   8) CONTENT LINK HOVER = DARKER NAVY
   ========================================= */

.article-template a:hover,
.article-template__content a:hover,
.template-article a:hover,
.template-page a:hover,
.main-page a:hover,
.main-blog a:hover,
.blog-articles a:hover,
.blog-article a:hover,
.rte a:hover,
.rich-text a:hover,
.shopify-policy__body a:hover,
.template-article .article-template__content a:hover,
.template-article .rte a:hover,
.template-blog .rte a:hover,
.main-blog .article-card__info a:hover,
.main-blog .article-card__excerpt a:hover,
.blog-articles .article-card__info a:hover,
.blog-articles .article-card__excerpt a:hover {
  color: var(--namog-navy-hover) !important;
  -webkit-text-fill-color: var(--namog-navy-hover) !important;
}

/* =========================================
   9) KEEP BUTTONS CLEAN
   ========================================= */

.button,
.button *,
.shopify-payment-button__button,
.shopify-payment-button__button *,
.btn,
.btn *,
.button--primary,
.button--primary *,
.button--secondary,
.button--secondary * {
  text-decoration: none !important;
}

/* =========================================
   10) DO NOT LET HEADER LINKS TURN NAVY
   ========================================= */

.shopify-section-header .button,
.shopify-section-header .button *,
.header-wrapper .button,
.header-wrapper .button *,
.header .button,
.header .button * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}
.rte a:hover,
.article-template a:hover,
.product__description a:hover,
.collection a:hover,
.rte a:focus,
.article-template a:focus,
.product__description a:focus,
.collection a:focus {
  color: #0B2545;
}
/* =========================================================
   NK — PRODUCT PAGE HARD RESET
   ========================================================= */

/* 1) Right column frame from "Skoða nánar um námskeið" down */
.template-product .product__info-wrapper,
.template-product .product__info-container {
  background: rgba(255, 235, 150, 0.22) !important;
  border: 2px solid rgba(201, 162, 39, 0.42) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.10) !important;
}

.template-product .product__info-container {
  padding: 25px !important;
}



.template-product summary.namog-about__btn *,
.template-product .namog-ace-toggle *,
.template-product .namog-course-toggle * {
  color: #C9A227 !important;
  -webkit-text-fill-color: #C9A227 !important;
}

.template-product summary.namog-about__btn:hover,
.template-product .namog-ace-toggle:hover,
.template-product .namog-course-toggle:hover,
.template-product button[onclick*="toggleNamogACE"]:hover {
  background: #0B2545 !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
}

/* 3) Desktop image size */
@media screen and (min-width: 990px) {
  .template-product .product {
    grid-template-columns: 45% 55% !important;
    align-items: start !important;
  }

  .template-product .product__media-wrapper,
  .template-product .product__media-list,
  .template-product .product__media {
    max-width: 100% !important;
  }

  .template-product .product__media img,
  .template-product .product__media .media img,
  .template-product .product__media video,
  .template-product .product__media iframe {
    width: 100% !important;
    height: 420px !important;
    max-height: 420px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
  }
}

.product__info-wrapper{
  border: 2px solid rgba(201,162,39,.82) !important;
  border-radius: 20px !important;
  background: rgba(247,224,138,.36) !important;
  padding: 22px !important;
}

.product__info-container{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.product__media img{
  width: 100% !important;
  max-height: 420px !important;
  object-fit: cover !important;
  display: block !important;
}
.template-product .field:has(input[type="date"]) {
  background: linear-gradient(
    180deg,
    #fff6c9 0%,
    #f7e08a 25%,
    #d4af37 60%,
    #c9a227 85%,
    #a77712 100%
  ) !important;
  border: 3px solid rgba(140,106,16,.95) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.45),
    inset 0 -4px 8px rgba(0,0,0,.20),
    0 10px 22px rgba(0,0,0,.18) !important;
  overflow: hidden !important;
}

.template-product .field input[type="date"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #0B2545 !important;
  font-size: 2rem !important;
  font-weight: 900 !important;
  min-height: 92px !important;
  padding: 20px 22px !important;
}

.template-product .field input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1 !important;
  transform: scale(1.35) !important;
  filter: brightness(0) saturate(100%) invert(12%) sepia(35%) saturate(1475%) hue-rotate(179deg) brightness(92%) contrast(95%) !important;
}
@media screen and (max-width: 749px) {
  .totals {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .totals__total {
    display: block !important;
    margin: 0 !important;
    flex: 0 1 auto !important;
    white-space: nowrap !important;
    color: #0b2545 !important;
  }

  .totals__total-value {
    display: block !important;
    margin: 0 0 0 auto !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #0b2545 !important;
    text-align: right !important;
    overflow: visible !important;
    max-width: none !important;
  }
}
@media screen and (max-width: 749px) {
  .cart__footer .totals__total,
  .cart__footer .totals__total-value,
  .drawer__footer .totals__total,
  .drawer__footer .totals__total-value,
  .cart-drawer .totals__total,
  .cart-drawer .totals__total-value {
    font-weight: 800 !important;
    font-variation-settings: "wght" 800 !important;
  }
}
button.is-loading,
.cart__checkout-button.is-loading,
.cart__checkout.is-loading {
  opacity: 0.7 !important;
  pointer-events: none !important;
}
@media screen and (max-width: 749px) {
  .cart__footer .totals,
  .cart-drawer__footer .totals,
  .drawer__footer .totals {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 8px !important;
  }

  .cart__footer .totals__total,
  .cart-drawer__footer .totals__total,
  .drawer__footer .totals__total {
    margin: 0 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .cart__footer .totals__total-value,
  .cart-drawer__footer .totals__total-value,
  .drawer__footer .totals__total-value {
    margin: 0 0 0 auto !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  .cart__footer .discounts,
  .cart-drawer__footer .discounts,
  .drawer__footer .discounts {
    display: block !important;
    margin-top: 4px !important;
    padding: 0 !important;
  }

  .cart__footer .discounts__discount,
  .cart-drawer__footer .discounts__discount,
  .drawer__footer .discounts__discount {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
}
.nk-cart-summary-stack {
  display: inline-grid !important;
  grid-template-columns: auto auto !important;
  grid-template-areas:
    "label value"
    "discount discount" !important;
  align-items: center !important;
  gap: 4px 12px !important;
  width: auto !important;
  max-width: none !important;
}

.nk-cart-total-row {
  display: contents !important;
}

.nk-cart-total-label {
  grid-area: label !important;
  margin: 0 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.nk-cart-total-value {
  grid-area: value !important;
  margin: 0 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  text-align: left !important;
}

.nk-cart-discount-list {
  grid-area: discount !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nk-cart-discount-list .discounts__discount {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 749px) {
  .nk-cart-summary-stack {
    gap: 3px 10px !important;
  }

  .nk-cart-total-label,
  .nk-cart-total-value {
    font-size: 16px !important;
  }

  .nk-cart-discount-list .discounts__discount {
    font-size: 12px !important;
  }
}
.namog-prop-label-bold {
  font-weight: 700 !important;
}
/* Make the Madrid/Tenerife date display exactly like the gold buttons */
.nk-date-hit-wrap {
  width: 100% !important;
  display: block !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: transparent !important;
}

.namog-date-input.nk-date-hit.monday-picker-alt {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  height: 72px !important;
  min-height: 72px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border: 3px solid rgba(140,106,16,0.95) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #fff6c9 0%, #f7e08a 25%, #c9a227 85%, #a77712 100%) !important;
  background-color: #d4af37 !important;
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,0.55),
    inset 0 -4px 8px rgba(0,0,0,0.18),
    0 10px 22px rgba(0,0,0,0.18) !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: none !important;
}

/* Hide the real native date input */
.monday-date-input {
  display: none !important;
}
/* Hover / focus effect so the date button behaves like the others */
.namog-date-input.nk-date-hit.monday-picker-alt:hover,
.namog-date-input.nk-date-hit.monday-picker-alt:focus,
.nk-date-hit-wrap:hover .namog-date-input.nk-date-hit.monday-picker-alt {
  border-color: #8c6a10 !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,0.65),
    inset 0 -4px 8px rgba(0,0,0,0.22),
    0 12px 26px rgba(0,0,0,0.22) !important;
  filter: brightness(1.03) !important;
  transform: translateY(-1px) !important;
  transition: all 0.18s ease !important;
  cursor: pointer !important;
}

/* Active press effect */
.namog-date-input.nk-date-hit.monday-picker-alt:active,
.nk-date-hit-wrap:active .namog-date-input.nk-date-hit.monday-picker-alt {
  transform: translateY(0) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,0.45),
    inset 0 -3px 6px rgba(0,0,0,0.18),
    0 6px 14px rgba(0,0,0,0.16) !important;
}/* Shine effect on the date button like the other gold buttons */
.nk-date-hit-wrap {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}

.nk-date-hit-wrap::after {
  content: "" !important;
  position: absolute !important;
  top: -20% !important;
  left: -35% !important;
  width: 32% !important;
  height: 140% !important;
  background: linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.10) 30%,
    rgba(255,255,255,0.45) 48%,
    rgba(255,255,255,0.12) 66%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform: translateX(-220%) skewX(-22deg) !important;
  transition: transform 0.55s ease !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.nk-date-hit-wrap:hover::after,
.nk-date-hit-wrap:focus-within::after {
  transform: translateX(420%) skewX(-22deg) !important;
}

@media screen and (max-width: 749px) {
  .namog-longread-box {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .namog-longread-box p,
  .namog-longread-box ul,
  .namog-longread-box li {
    text-align: left !important;
  }
}
/* GLOBAL sticky Loka glugga */

/* GLOBAL sticky Loka glugga */

details .namog-sticky-close-wrap {
  position: sticky;
  bottom: 10px;
  z-index: 30;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 22px !important;
  padding-top: 10px !important;
  pointer-events: none;
}

details .namog-sticky-close {
  pointer-events: auto;
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  float: none !important;
  margin: 0 auto !important;

  border: 2px solid #f7e08a !important;
  background: #0B2545 !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;

  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  padding: 12px 16px;
  border-radius: 999px;
  cursor: pointer;

  box-shadow: 0 8px 24px rgba(11, 37, 69, 0.18);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

details .namog-sticky-close:hover {
  background: #14345c !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  border-color: #f7e08a !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(11, 37, 69, 0.22);
  filter: brightness(1.02);
}

details .namog-sticky-close:focus,
details .namog-sticky-close:active {
  background: #0B2545 !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  border-color: #f7e08a !important;
  outline: 2px solid #f7e08a !important;
  outline-offset: 2px !important;
}

@media screen and (max-width: 749px) {
  details .namog-sticky-close-wrap {
    bottom: 8px;
    margin-top: 16px;
  }

  details .namog-sticky-close {
    font-size: 14px;
    padding: 11px 14px;
  }
}

.ace-navy-links-box a,
.ace-navy-links-box a:link,
.ace-navy-links-box a:visited,
.ace-navy-links-box a:hover,
.ace-navy-links-box a:active,
.ace-navy-links-box a:focus,
.ace-navy-links-box a *,
.ace-navy-links-box a:visited *,
.ace-navy-links-box a:active * {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: underline !important;
}
@media screen and (max-width: 749px) {
  .namog-longread-box h2 {
    font-size: 31px !important;
  }

  .namog-longread-box h3 {
    font-size: 23px !important;
  }

  .namog-longread-box h4 {
    font-size: 19px !important;
  }

  .namog-longread-box p,
  .namog-longread-box li {
    font-size: 18px !important;
  }

  .namog-longread-box > div:not(.ace-navy-links-box) {
    margin: 4px 0 !important;
    padding: 10px !important;
  }
}

@media screen and (max-width: 749px) {
  .namog-longread-box {
    padding: 6px !important;
  }

  .namog-longread-box > div:not(.ace-navy-links-box) {
    margin: 6px 0 !important;
    padding: 12px !important;
    border-radius: 10px !important;
  }

  .namog-longread-box > div[style] {
    margin: 6px 0 !important;
  }
}

.namog-cart-topbar {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 16px 0;
}

.namog-cart-back-button {
  appearance: none;
  -webkit-appearance: none;
  background: #0B2545;
  color: #f7e08a;
  -webkit-text-fill-color: #f7e08a;
  border: 2px solid #f7e08a;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

.namog-cart-back-button:hover,
.namog-cart-back-button:focus,
.namog-cart-back-button:active,
.namog-cart-back-button:visited {
  background: #14345c;
  color: #f7e08a;
  -webkit-text-fill-color: #f7e08a;
  border-color: #f7e08a;
}

.namog-cart-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.namog-cart-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

@media screen and (max-width: 749px) {
  .namog-cart-header {
    align-items: flex-start !important;
  }

  .namog-cart-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

/* Cart top buttons — cleaner, less clumsy */
.title-wrapper-with-link .namog-cart-back-button,
.title-wrapper-with-link a.namog-cart-back-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 118px !important;
  height: 48px !important;
  padding: 0 18px !important;
  margin-top: 4px !important;
  border-radius: 999px !important;
  border: 2px solid #f7e08a !important;
  background: #0B2545 !important;
  background-image: none !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  vertical-align: middle !important;
}

.title-wrapper-with-link .namog-cart-back-button:hover,
.title-wrapper-with-link a.namog-cart-back-button:hover {
  background: #14345c !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  border-color: #f7e08a !important;
  box-shadow: 0 8px 18px rgba(11, 37, 69, 0.16) !important;
  transform: translateY(-1px) !important;
}

@media screen and (max-width: 749px) {
  .title-wrapper-with-link .namog-cart-back-button,
  .title-wrapper-with-link a.namog-cart-back-button {
    min-width: 104px !important;
    height: 44px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
  }
}

/* Cart top buttons — keep premium glow */
.title-wrapper-with-link .namog-cart-back-button,
.title-wrapper-with-link a.namog-cart-back-button {
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}

.title-wrapper-with-link .namog-cart-back-button:hover,
.title-wrapper-with-link a.namog-cart-back-button:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 2px rgba(247, 224, 138, 0.28),
    0 0 18px rgba(247, 224, 138, 0.42),
    0 10px 26px rgba(11, 37, 69, 0.22) !important;
  filter: brightness(1.03) !important;
}

.title-wrapper-with-link .namog-cart-back-button:focus,
.title-wrapper-with-link .namog-cart-back-button:active,
.title-wrapper-with-link a.namog-cart-back-button:focus,
.title-wrapper-with-link a.namog-cart-back-button:active {
  box-shadow:
    0 0 0 2px rgba(247, 224, 138, 0.24),
    0 0 14px rgba(247, 224, 138, 0.32),
    0 8px 20px rgba(11, 37, 69, 0.18) !important;
}

/* Cart headings: Vara / Magn / Samtals */
.cart-items thead th {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: #0B2545 !important;
  line-height: 1.2 !important;
  padding-top: 8px !important;
  padding-bottom: 14px !important;
  vertical-align: bottom !important;
}

/* Vara */
.cart-items thead th:first-child {
  text-align: left !important;
  padding-left: 0 !important;
}

/* Magn — beint yfir counting boxinu */
.cart-items thead th:nth-child(2) {
  width: 220px !important;
  text-align: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Samtals — yfir upphæðinni */
.cart-items thead th:last-child {
  width: 180px !important;
  text-align: right !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Match the columns underneath */
.cart-items td.cart-item__quantity {
  width: 220px !important;
  text-align: center !important;
}

.cart-items td.cart-item__totals {
  width: 180px !important;
  text-align: right !important;
}

/* Cart headings — exact desktop positioning */


@media screen and (min-width: 750px) {
  .cart-items thead th.small-hide.caption-with-letter-spacing:not(.right) {
    text-align: center !important;
    transform: translateX(-260px) !important;
    white-space: nowrap !important;
  }

  .cart-items thead th.small-hide.right.caption-with-letter-spacing {
    text-align: right !important;
    transform: translateX(-250px) !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 749px) {
  .cart-items thead,
  .cart-items thead tr,
  .cart-items thead th {
    display: none !important;
  }
}

@media (max-width: 749px) {
  .namog-calendar-popup,
  .namog-calendar-shell,
  .namog-calendar {
    width: 90% !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .namog-calendar-grid {
    gap: 6px !important;
  }

  .namog-calendar-day,
  .namog-calendar-weekday {
    font-size: 14px !important;
  }
}

.namog-students-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.namog-registration-block + .namog-registration-block {
  margin-top: 12px !important;
}

.namog-registration-block {
  margin-bottom: 12px !important;
}

.namog-registration-block:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 749px) {
  .namog-registration-block .namog-input,
  .namog-registration-block .namog-textarea {
    background: #e6c86e !important;
    color: #0B2545 !important;
    border: 1px solid rgba(201, 162, 39, 0.35) !important;
  }

  .namog-registration-block .namog-input::placeholder,
  .namog-registration-block .namog-textarea::placeholder {
    color: #0B2545 !important;
    opacity: 0.85 !important;
  }

  .namog-registration-block .namog-input:focus,
  .namog-registration-block .namog-input:not(:placeholder-shown),
  .namog-registration-block .namog-textarea:focus,
  .namog-registration-block .namog-textarea:not(:placeholder-shown) {
    background: #ffffff !important;
    color: #0B2545 !important;
    border: 1px solid rgba(11, 37, 69, 0.25) !important;
  }

  .namog-registration-block .namog-input:-webkit-autofill,
  .namog-registration-block .namog-input:-webkit-autofill:hover,
  .namog-registration-block .namog-input:-webkit-autofill:focus,
  .namog-registration-block .namog-textarea:-webkit-autofill,
  .namog-registration-block .namog-textarea:-webkit-autofill:hover,
  .namog-registration-block .namog-textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: #0B2545 !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
  }
}






@media screen and (max-width: 749px) {
  .namog-about__content,
  .namog-about__content p,
  .namog-about__content li {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .namog-about__content h1 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  .namog-about__content h2 {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin-top: 24px !important;
    margin-bottom: 10px !important;
  }

  .namog-about__content h3 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin-top: 20px !important;
    margin-bottom: 8px !important;
  }
}

.namog-back-to-news-sticky,
.namog-back-to-news-sticky:link,
.namog-back-to-news-sticky:visited,
.namog-back-to-news-sticky:hover,
.namog-back-to-news-sticky:active,
.namog-back-to-news-sticky:focus {
  position: fixed !important;
  left: 50% !important;
  bottom: 18px !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 220px !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  border: 2px solid #f7e08a !important;
  background: #0B2545 !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: 0 10px 28px rgba(11, 37, 69, 0.28) !important;
}

.namog-back-to-news-sticky:hover,
.namog-back-to-news-sticky:focus {
  background: #12345f !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  border-color: #f7e08a !important;
  text-decoration: none !important;
  transform: translateX(-50%) translateY(-1px) !important;
}

@media screen and (max-width: 749px) {
  .namog-back-to-news-sticky,
  .namog-back-to-news-sticky:link,
  .namog-back-to-news-sticky:visited,
  .namog-back-to-news-sticky:hover,
  .namog-back-to-news-sticky:active,
  .namog-back-to-news-sticky:focus {
    width: calc(100% - 24px) !important;
    max-width: 420px !important;
    bottom: 12px !important;
    padding: 13px 18px !important;
    font-size: 15px !important;
  }
}

/* ===== SAMTALS — STYLE THE AMOUNT DIRECTLY ===== */
#namog-grand-total {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 18px 0 16px !important;
  padding: 18px 18px 16px !important;
  background: linear-gradient(135deg, #fff6c9 0%, #f7e08a 100%) !important;
  border: 2px solid #0B2545 !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 24px rgba(11, 37, 69, 0.12) !important;
  color: #0B2545 !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#namog-grand-total::before {
  content: "Samtals";
  display: block !important;
  margin-bottom: 10px !important;
  color: #0B2545 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: left !important;
  white-space: normal !important;
}

@media screen and (max-width: 749px) {
  #namog-grand-total {
    margin: 16px 0 14px !important;
    padding: 16px 14px 14px !important;
    border-radius: 18px !important;
    font-size: 26px !important;
  }

  #namog-grand-total::before {
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }
}

/* Global split layout inside "Skoða nánar um námskeið" */
.namog-global-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: start;
  width: 100%;
  margin: 0;
}

.namog-global-split__media img {
  display: block;
  width: 100%;
  height: auto;
  border: 3px solid #0B2545;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(11, 37, 69, 0.16);
}

.namog-global-split__text {
  border: 3px solid #0B2545;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff6c9 0%, #f7e08a 100%);
  padding: 30px 32px;
  color: #0B2545;
  box-shadow: 0 10px 28px rgba(11, 37, 69, 0.12);
  min-width: 0;
}

.namog-global-split__text h1,
.namog-global-split__text h2,
.namog-global-split__text h3,
.namog-global-split__text h4,
.namog-global-split__text h5,
.namog-global-split__text h6,
.namog-global-split__text p,
.namog-global-split__text li,
.namog-global-split__text span,
.namog-global-split__text strong {
  color: #0B2545;
}

.namog-global-split__text p {
  line-height: 1.85;
}

.namog-global-split__text > :first-child {
  margin-top: 0;
}

@media screen and (min-width: 990px) {
  .namog-global-split {
    grid-template-columns: minmax(300px, 0.82fr) minmax(420px, 1.18fr);
    gap: 34px;
  }

  .namog-global-split__media {
    position: sticky;
    top: 24px;
  }

  .namog-global-split__text {
    padding: 36px 38px;
  }
}

@media screen and (max-width: 989px) {
  .namog-global-split__text {
    padding: 22px 20px;
  }
}

/* Desktop: "Skoða nánar um námskeið" opnast yfir myndasvæðið */
@media screen and (min-width: 990px) {
  .product,
  .product__info-wrapper,
  .product__info-container,
  .product__column-sticky,
  .grid,
  .grid__item {
    overflow: visible !important;
  }

  .product__info-wrapper,
  .product__info-container,
  .product__column-sticky {
    position: relative !important;
    z-index: 20 !important;
  }

  details.namog-about {
    position: relative !important;
    z-index: 30 !important;
    overflow: visible !important;
  }

  details.namog-about[open] {
    overflow: visible !important;
  }

  details.namog-about > summary.namog-about__btn {
    position: relative !important;
    z-index: 100001 !important;
  }



  details.namog-about[open] > .namog-about__content > * {
    max-width: 100% !important;
  }
}

/* Desktop: fela "Skoða nánar..." þegar glugginn er opinn, færa gluggann ofar og negla "Loka glugga" neðst */
@media screen and (min-width: 990px) {
  details.namog-about[open] > summary.namog-about__btn {
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  details.namog-about[open] > .namog-about__content {
    position: absolute !important;
    top: 12px !important;
    left: 0 !important;
    right: auto !important;
    width: min(1180px, calc(100vw - 48px)) !important;
    min-width: 760px !important;
    height: min(86vh, 980px) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: linear-gradient(135deg, #fff6c9 0%, #f7e08a 100%) !important;
    border: 3px solid #0B2545 !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 48px rgba(11, 37, 69, 0.24) !important;
    padding: 34px 38px 130px !important;
    z-index: 100000 !important;
  }

  details.namog-about[open] > .namog-close-btn,
  details.namog-about[open] > .namog-about__close,
  details.namog-about[open] .namog-about__content > .namog-close-btn,
  details.namog-about[open] .namog-about__content > .namog-about__close,
  details.namog-about[open] button[onclick*="removeAttribute('open')"],
  details.namog-about[open] button[onclick*='removeAttribute("open")'],
  details.namog-about[open] .namog-about__content button[onclick*="removeAttribute('open')"],
  details.namog-about[open] .namog-about__content button[onclick*='removeAttribute("open")'] {
    position: fixed !important;
    left: 50% !important;
    bottom: 18px !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(620px, calc(100vw - 80px)) !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 16px 30px !important;
    background: #0B2545 !important;
    color: #f7e08a !important;
    -webkit-text-fill-color: #f7e08a !important;
    border: 2px solid #0B2545 !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px rgba(11, 37, 69, 0.22) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-align: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 100003 !important;
  }

  details.namog-about[open] > .namog-close-btn:hover,
  details.namog-about[open] > .namog-about__close:hover,
  details.namog-about[open] .namog-about__content > .namog-close-btn:hover,
  details.namog-about[open] .namog-about__content > .namog-about__close:hover,
  details.namog-about[open] button[onclick*="removeAttribute('open')"]:hover,
  details.namog-about[open] button[onclick*='removeAttribute("open")']:hover,
  details.namog-about[open] .namog-about__content button[onclick*="removeAttribute('open')"]:hover,
  details.namog-about[open] .namog-about__content button[onclick*='removeAttribute("open")']:hover {
    background: #0B2545 !important;
    color: #f7e08a !important;
    -webkit-text-fill-color: #f7e08a !important;
    text-decoration: none !important;
  }
}

@media screen and (min-width: 990px) {
  #namog-desktop-close {
    position: fixed;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    z-index: 100005;
    display: none;
    align-items: center;
    justify-content: center;
    width: min(720px, calc(100vw - 80px));
    min-height: 74px;
    padding: 18px 34px;
    border-radius: 999px;
    border: 2px solid #0B2545;
    background: #0B2545;
    color: #f7e08a;
    -webkit-text-fill-color: #f7e08a;
    box-shadow: 0 10px 24px rgba(11, 37, 69, 0.22);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }

  #namog-desktop-close:hover,
  #namog-desktop-close:focus,
  #namog-desktop-close:active {
    background: #0B2545;
    color: #f7e08a;
    -webkit-text-fill-color: #f7e08a;
  }

  details.namog-about[open] .namog-about__close,
  details.namog-about[open] .namog-close-btn,
  details.namog-about[open] .namog-about__close-wrap {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  #namog-desktop-close {
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
  }

  #namog-desktop-close.is-over-navy {
    background: #ffffff !important;
    color: #C9A227 !important;
    -webkit-text-fill-color: #C9A227 !important;
    border: 2px solid #C9A227 !important;
    box-shadow: 0 10px 24px rgba(11, 37, 69, 0.16) !important;
  }

  #namog-desktop-close.is-over-navy:hover,
  #namog-desktop-close.is-over-navy:focus,
  #namog-desktop-close.is-over-navy:active {
    background: #ffffff !important;
    color: #C9A227 !important;
    -webkit-text-fill-color: #C9A227 !important;
    border: 4px solid #C9A227 !important;
  }
}

@media screen and (min-width: 990px) {
  #namog-desktop-close {
    transition:
      background-color 0.18s ease,
      color 0.18s ease,
      border-color 0.18s ease,
      box-shadow 0.22s ease,
      transform 0.18s ease;
  }

  #namog-desktop-close:hover,
  #namog-desktop-close:focus {
    box-shadow:
      0 0 0 3px rgba(247, 224, 138, 0.22),
      0 0 18px rgba(247, 224, 138, 0.38),
      0 10px 28px rgba(11, 37, 69, 0.22) !important;
    transform: translateX(-50%) translateY(-1px);
  }

  #namog-desktop-close.is-over-navy:hover,
  #namog-desktop-close.is-over-navy:focus {
    box-shadow:
      0 0 0 3px rgba(201, 162, 39, 0.20),
      0 0 18px rgba(201, 162, 39, 0.34),
      0 10px 28px rgba(11, 37, 69, 0.18) !important;
    transform: translateX(-50%) translateY(-1px);
  }
}

.namog-about__btn {
  display: block !important;
  width: 100% !important;
  border: 3px solid #9d7f17 !important;
  border-radius: 22px !important;
  padding: 22px 24px !important;
  background: linear-gradient(180deg, #dcbc49 0%, #cfa62d 100%) !important;
  color: #0B2545 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  line-height: 1.3 !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.35),
    inset 0 -3px 0 rgba(0, 0, 0, 0.18),
    0 10px 24px rgba(11, 37, 69, 0.14) !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}

.namog-about__btn:hover,
.namog-about__btn:focus {
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  filter: brightness(1.02) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.35),
    inset 0 -3px 0 rgba(0, 0, 0, 0.18),
    0 14px 28px rgba(11, 37, 69, 0.18) !important;
  outline: none !important;
}

.namog-about__btn,
.namog-about__btn:link,
.namog-about__btn:visited,
.namog-about__btn:active,
.namog-about[open] .namog-about__btn {
  background: linear-gradient(180deg, #F3E2A4 0%, #E6CC7A 25%, #C8A95B 50%, #B08E3A 75%, #8A6F2A 100%) !important;
  color: #0B1A2B !important;
  -webkit-text-fill-color: #0B1A2B !important;
  border: 2px solid #0B1A2B !important;
  text-decoration: none !important;
}

.namog-about__btn:hover,
.namog-about__btn:focus {
  background: #0B2545 !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  border: 2px solid #f7e08a !important;
  text-decoration: none !important;
  filter: none !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 3px rgba(247, 224, 138, 0.18),
    0 0 18px rgba(247, 224, 138, 0.22),
    0 14px 28px rgba(11, 37, 69, 0.18) !important;
  outline: none !important;
}

.rome-cal__day.is-available.is-beginner-date {
  background: #ffffff !important;
  color: #0B2545 !important;
  border: 2px solid #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  font-weight: 700 !important;
}

.rome-cal__day.is-available.is-beginner-date:hover,
.rome-cal__day.is-available.is-beginner-date:focus {
  background: #ffffff !important;
  color: #0B2545 !important;
  border: 2px solid #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
}
/* Cart headings — exact desktop positioning */
@media screen and (min-width: 750px) {
  .cart-items thead th.small-hide.caption-with-letter-spacing:not(.right) {
    text-align: center !important;
    transform: translateX(-260px) !important;
    white-space: nowrap !important;
  }

  .cart-items thead th.small-hide.right.caption-with-letter-spacing {
    text-align: right !important;
    transform: translateX(-250px) !important;
    white-space: nowrap !important;
  }
}



  .namog-about__content p,
  .namog-about__content li {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .namog-about__content h1 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  .namog-about__content h2 {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin-top: 24px !important;
    margin-bottom: 10px !important;
  }

  .namog-about__content h3 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin-top: 20px !important;
    margin-bottom: 8px !important;
  }


/* FORCE "Smelltu til að skoða námskeið" to match the navy buttons below */
@media screen and (min-width: 990px) {
  details.namog-about > summary,
  details.namog-about > summary.namog-about__btn,
  details.namog-about .namog-about__btn,
  details.namog-about .namog-about__btn:link,
  details.namog-about .namog-about__btn:visited,
  .product__info-container details.namog-about > summary,
  .product__info-container details.namog-about .namog-about__btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 16px !important;
    border: 1px solid #f7e08a !important;
    border-radius: 10px !important;
    background: #0B2545 !important;
    color: #f7e08a !important;
    -webkit-text-fill-color: #f7e08a !important;
    text-decoration: underline !important;
    text-decoration-color: #f7e08a !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease !important;
  }

  details.namog-about > summary:hover,
  details.namog-about > summary:focus,
  details.namog-about > summary:active,
  details.namog-about > summary.namog-about__btn:hover,
  details.namog-about > summary.namog-about__btn:focus,
  details.namog-about > summary.namog-about__btn:active,
  details.namog-about .namog-about__btn:hover,
  details.namog-about .namog-about__btn:focus,
  details.namog-about .namog-about__btn:active,
  .product__info-container details.namog-about > summary:hover,
  .product__info-container details.namog-about .namog-about__btn:hover {
    background: #0B2545 !important;
    color: #f7e08a !important;
    -webkit-text-fill-color: #f7e08a !important;
    border-color: #f7e08a !important;
    text-decoration: underline !important;
    text-decoration-color: #f7e08a !important;
    opacity: 1 !important;
  }

  details.namog-about > summary *,
  details.namog-about > summary::before,
  details.namog-about > summary::after,
  details.namog-about .namog-about__btn *,
  details.namog-about .namog-about__btn::before,
  details.namog-about .namog-about__btn::after {
    color: #f7e08a !important;
    -webkit-text-fill-color: #f7e08a !important;
    fill: currentColor !important;
    border-color: currentColor !important;
  }

  details.namog-about > summary:hover *,
  details.namog-about > summary:hover::before,
  details.namog-about > summary:hover::after,
  details.namog-about .namog-about__btn:hover *,
  details.namog-about .namog-about__btn:hover::before,
  details.namog-about .namog-about__btn:hover::after {
    color: #f7e08a !important;
    -webkit-text-fill-color: #f7e08a !important;
    fill: currentColor !important;
    border-color: currentColor !important;
  }

  details.namog-about > summary::-webkit-details-marker {
    display: none !important;
  }

  details.namog-about > summary::marker {
    display: none !important;
    content: "" !important;
  }
}
.product__info-container details.namog-about > summary:hover,
.product__info-container details.namog-about > summary:focus,
.product__info-container details.namog-about > summary:active,
.product__info-container .namog-about__btn:hover,
.product__info-container .namog-about__btn:focus,
.product__info-container .namog-about__btn:active {
  background: linear-gradient(180deg, #dcb63a 0%, #c9a227 100%) !important;
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  border-color: #8a6c12 !important;
  text-decoration: underline !important;
  text-decoration-color: #0B2545 !important;
}

.product__info-container details.namog-about > summary:hover *,
.product__info-container details.namog-about > summary:focus *,
.product__info-container details.namog-about > summary:active *,
.product__info-container .namog-about__btn:hover *,
.product__info-container .namog-about__btn:focus *,
.product__info-container .namog-about__btn:active * {
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
}



.ace-box {
  border: 8px solid #0B2545 !important;
  background: linear-gradient(135deg, #fff6c9 0%, #f7e08a 100%) !important;
  padding: 28px !important;
  border-radius: 14px !important;
  margin: 24px 0 !important;
  color: #0b2545 !important;
  line-height: 1.75 !important;
}

.ace-navy-box {
  background: #0B2545 !important;
  border: 2px solid #0B2545 !important;
  border-radius: 16px !important;
  padding: 22px !important;
  margin: 20px 0 !important;
}

.ace-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.ace-btn,
.ace-btn:link,
.ace-btn:visited,
.ace-btn:hover,
.ace-btn:active,
.ace-btn:focus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 72px !important;
  padding: 14px !important;
  border: 2px solid #f7e08a !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.08) !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: underline !important;
  text-decoration-color: #f7e08a !important;
  font-weight: bold !important;
  text-align: center !important;
}

.ace-navy-box a,
.ace-navy-box a:link,
.ace-navy-box a:visited,
.ace-navy-box a:hover,
.ace-navy-box a:active,
.ace-navy-box a:focus,
a.ace-gold-link,
a.ace-gold-link:link,
a.ace-gold-link:visited,
a.ace-gold-link:hover,
a.ace-gold-link:active,
a.ace-gold-link:focus {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: underline !important;
  text-decoration-color: #f7e08a !important;
  opacity: 1 !important;
}

.ace-navy-box h3 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  font-size: 24px !important;
  text-align: center !important;
}

.ace-navy-box p {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
}

.ace-links-line {
  margin: 0 !important;
  color: #f7e08a !important;
  text-align: center !important;
  line-height: 1.9 !important;
}

.ace-links-line span {
  color: #f7e08a !important;
}

/* HIDE OLD BOOKING / POPUP SYSTEM */

details.namog-about,
.namog-about,
.namog-about__content,
.namog-about__btn {
  display: none !important;
}

/* ACE3 footer links must always stay gold */
.ace3-footer a,
.ace3-footer a:link,
.ace3-footer a:visited,
.ace3-footer a:hover,
.ace3-footer a:active,
.ace3-footer a:focus {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: underline !important;
  text-decoration-color: #f7e08a !important;
  opacity: 1 !important;
}
.ace-rotator-wrapper {
  position: relative;
  height: 140px;
}

.ace-rotator-item {
  position: absolute;
  width: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.ace-rotator-item.active {
  opacity: 1;
  position: relative;
}

.ace-rotator-box {
  border: 2px solid #0B2545;
  background: linear-gradient(135deg,#fff6c9 0%,#f7e08a 100%);
  border-radius: 14px;
  padding: 18px;
  color: #0B2545;
}

.ace-rotator-box h3 {
  margin: 0 0 6px 0;
  font-size: 18px;
}

.ace-rotator-box p {
  margin: 0 0 8px 0;
}

.ace-cta {
  font-weight: 700;
  text-decoration: underline;
}
/* ACE3 footer links — soft premium glow on hover */
.ace3-footer a:hover,
.ace3-footer a:focus {
  text-shadow:
    0 0 6px rgba(247, 224, 138, 0.45),
    0 0 12px rgba(247, 224, 138, 0.30);
  box-shadow:
    0 0 10px rgba(247, 224, 138, 0.18);
  transition: text-shadow 0.18s ease, box-shadow 0.18s ease;
}
/* ACE3 footer links — premium hover without underline */
.ace3-footer a,
.ace3-footer a:link,
.ace3-footer a:visited,
.ace3-footer a:active {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: underline !important;
  text-decoration-color: #f7e08a !important;
  opacity: 1 !important;
  transition: text-shadow 0.18s ease, box-shadow 0.18s ease, text-decoration-color 0.18s ease;
}

.ace3-footer a:hover,
.ace3-footer a:focus {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: none !important;
  text-shadow:
    0 0 6px rgba(247, 224, 138, 0.45),
    0 0 12px rgba(247, 224, 138, 0.30);
}


@keyframes ace3FooterFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.footer-block__heading {
  color: #0B2545 !important; /* navy */
}
/* ACE3 product popup + global 2x2 rotator */
.namog-about__content {
  background: linear-gradient(135deg, #fff6c9 0%, #f7e08a 100%) !important;
  border: 8px solid #0B2545 !important;
  border-radius: 18px !important;
  color: #0B2545 !important;
}

.namog-about__content a {
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
}

.ace3-product-rotator {
  border: 8px solid #0B2545 !important;
  background: linear-gradient(135deg, #fff6c9 0%, #f7e08a 100%) !important;
  padding: 28px !important;
  border-radius: 14px !important;
  margin: 28px auto !important;
  max-width: 1100px !important;
  color: #0B2545 !important;
}

.ace3-product-rotator__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 20px !important;
}

.ace3-product-rotator__box {
  background: #0B2545 !important;
  border-radius: 16px !important;
  padding: 22px !important;
  color: #f7e08a !important;
}

.ace3-product-rotator__box h3 {
  color: #f7e08a !important;
  text-align: center !important;
  margin-top: 0 !important;
}

.ace3-product-rotator__box a,
.ace3-product-rotator__box a:link,
.ace3-product-rotator__box a:visited,
.ace3-product-rotator__box a:hover,
.ace3-product-rotator__box a:active,
.ace3-product-rotator__box a:focus,
.namog-about__content .ace3-product-rotator__box a,
.namog-about__content .ace3-product-rotator__box a:link,
.namog-about__content .ace3-product-rotator__box a:visited,
.namog-about__content .ace3-product-rotator__box a:hover,
.namog-about__content .ace3-product-rotator__box a:active,
.namog-about__content .ace3-product-rotator__box a:focus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  margin: 10px 0 !important;
  padding: 12px 14px !important;
  border: 1.5px solid #f7e08a !important;
  border-radius: 12px !important;
  background: #0B2545 !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: underline !important;
  text-decoration-color: #f7e08a !important;
  font-weight: 700 !important;
  text-align: center !important;
  line-height: 1.45 !important;
}

/* Desktop popup positioning — one rule only */
@media screen and (min-width: 750px) {
  body details.namog-about[open] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  html body details.namog-about[open] .namog-about__content {
    position: fixed !important;
    top: 18px !important;
  left: calc(50% + 320px) !important;
    transform: translateX(-50%) !important;
    width: min(900px, calc(100vw - 80px)) !important;
    max-width: 900px !important;
    max-height: calc(100vh - 56px) !important;
    margin: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 100001 !important;
  }

  body details.namog-about[open]::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(11, 37, 69, 0.16) !important;
    z-index: 100000 !important;
  }
}

@media screen and (max-width: 749px) {
  .ace3-product-rotator {
    padding: 22px !important;
  }

  .ace3-product-rotator__grid {
    grid-template-columns: 1fr !important;
  }
}
/* Slightly larger first headline inside product popup */
.namog-about__content > h2:first-of-type {
  font-size: 30px !important;
  line-height: 1.2 !important;
}
/* Reduce bottom gap after main product section */
body.template-product .section-template--28951042785622__main-padding,
body.template-product section[id*="ProductInfo-template"],
body.template-product .product__info-wrapper {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.template-product .shopify-section + .shopify-section {
  margin-top: 0 !important;
  padding-top: 6px !important;
}
/* Tighten related products spacing */
body.template-product .related-products,
body.template-collection .related-products,
body.template-product section[id*="related-products"],
body.template-collection section[id*="related-products"] {
  padding-top: 12px !important;
  margin-top: 0 !important;
}
/* Final spacing before footer/related sections */
#MainContent {
  padding-bottom: 0 !important;
  margin-bottom: -60px !important;
}
/* ACE3 spacing system */
:root {
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
}

/* global vertical rhythm */
#MainContent > * {
  margin-bottom: var(--space-md);
}

#MainContent > *:last-child {
  margin-bottom: 0 !important;
}

/* section transitions */
.shopify-section + .shopify-section {
  margin-top: var(--space-sm) !important;
}
/* ACE3 premium blog tables */
.article-template__content table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 26px 0 34px !important;
  border: 2px solid #0B2545 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fff6c9 !important;
  color: #0B2545 !important;
  box-shadow: 0 10px 24px rgba(11, 37, 69, 0.12) !important;
}

.article-template__content table th {
  background: #0B2545 !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  font-weight: 800 !important;
  padding: 15px 16px !important;
  border-bottom: 2px solid #d4af37 !important;
}

.article-template__content table td {
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(11, 37, 69, 0.18) !important;
  color: #0B2545 !important;
  background: rgba(255, 246, 201, 0.72) !important;
  vertical-align: top !important;
}

.article-template__content table tr:nth-child(even) td {
  background: rgba(247, 224, 138, 0.42) !important;
}

.article-template__content table tr:last-child td {
  border-bottom: none !important;
}

.article-template__content table a {
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
}

@media screen and (max-width: 749px) {
  .article-template__content table {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    border-radius: 14px !important;
  }

  .article-template__content table th,
  .article-template__content table td {
    padding: 12px 14px !important;
    font-size: 14px !important;
  }
}
.article-template__content table td strong {
  color: #0B2545 !important;
  font-weight: 900 !important;
}
/* ACE3 global blog image styling */
.article-template__content img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 28px auto 30px !important;
  border: 2px solid #0B2545 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px rgba(11, 37, 69, 0.14) !important;
}

/* ACE3 content spacing rhythm */
.article-template__content h2 {
  margin-top: 42px !important;
  margin-bottom: 16px !important;
  color: #0B2545 !important;
  line-height: 1.22 !important;
}

.article-template__content h3 {
  margin-top: 32px !important;
  margin-bottom: 12px !important;
  color: #0B2545 !important;
  line-height: 1.25 !important;
}

.article-template__content p {
  margin-bottom: 18px !important;
}

.article-template__content ul,
.article-template__content ol {
  margin-top: 12px !important;
  margin-bottom: 26px !important;
  padding-left: 24px !important;
}

.article-template__content li {
  margin-bottom: 10px !important;
}

.article-template__content blockquote {
  border-left: 5px solid #0B2545 !important;
  background: rgba(255, 246, 201, 0.62) !important;
  padding: 18px 22px !important;
  margin: 28px 0 !important;
  border-radius: 12px !important;
  color: #0B2545 !important;
}

/* ACE3 global blog links */
.article-template__content a {
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
}

/* Mobile refinement */
@media screen and (max-width: 749px) {
  .article-template__content img {
    margin: 22px auto 24px !important;
    border-radius: 14px !important;
  }

  .article-template__content h2 {
    margin-top: 34px !important;
    font-size: 25px !important;
  }

  .article-template__content h3 {
    margin-top: 26px !important;
    font-size: 21px !important;
  }

  .article-template__content p,
  .article-template__content li {
    font-size: 16px !important;
  }
}
/* ACE3 global article layout — narrower premium reading width */
.article-template__content {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
}

/* Let tables breathe without stretching all text */
.article-template__content table {
  max-width: 100% !important;
}

/* Tablet */
@media screen and (max-width: 990px) {
  .article-template__content {
    max-width: 820px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

/* Mobile */
@media screen and (max-width: 749px) {
  .article-template__content {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
/* ACE3 global premium link hover glow */
.article-template__content a {
  transition:
    color 0.2s ease,
    text-shadow 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

.article-template__content a:hover,
.article-template__content a:focus {
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.75) !important;
}

/* ACE3 footer mobile width fix */
.ace3-footer {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.ace3-footer div,
.ace3-footer ul,
.ace3-footer li,
.ace3-footer a {
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.ace3-footer a {
  display: inline-block !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
}
/* ACE3 footer final anti-blink lock */
.article-template__content .ace3-footer {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}

.article-template__content .ace3-footer h2,
.article-template__content .ace3-footer h3,
.article-template__content .ace3-footer p,
.article-template__content .ace3-footer li,
.article-template__content .ace3-footer a {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
}
/* ACE3 footer — center box headlines */
.article-template__content .ace3-footer h2,
.article-template__content .ace3-footer h3 {
  text-align: center !important;
  width: 100% !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* ACE3 country cards under "Hvert viltu fara?" */

.card__content {
  background: #0B2545 !important;
  border-top: 2px solid #d4af37 !important;
}

.card__content .card__heading,
.card__content .card__heading a,
.card__content .card__heading a:link,
.card__content .card__heading a:visited,
.card__content .card__heading a:hover,
.card__content .card__heading a:focus {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration-color: #f7e08a !important;
}

/* gold frame around image + card */

.card-wrapper {
  border: 2px solid #d4af37 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #0B2545 !important;
}

/* FINAL — keep collection images visible */

.collection-list .card__media,
.collection-list .card__media .media,
.collection-list .card__media img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  z-index: 5 !important;
  position: relative !important;
}

.collection-list .media--hover-effect > img,
.collection-list .media--hover-effect > img + img {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Stop navy background from covering images */
.collection-list .card,
.collection-list .card__inner {
  background: #0B2545 !important;
  overflow: hidden !important;
}

.collection-list .card__media {
  background: transparent !important;
}
/* Make collection images fill the navy cards */
.collection-list .card__media {
  width: 100% !important;
  height: 360px !important;
}

.collection-list .card__media .media {
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0 !important;
}

.collection-list .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
@media screen and (max-width: 749px) {
  .collection-list .card__media {
    height: 220px !important;
  }
}

/* NK product page demo hero */

.nk-product-demo-hero {
  max-width: 1180px;
  margin: 28px auto 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 0;
  position: relative;
  padding: 0 18px;
}

.nk-product-demo-image {
  position: relative;
  min-height: 460px;
  border-radius: 18px;
  overflow: hidden;
  background: #0B2545;
}

.nk-product-demo-image img {
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
  display: block;
}

.nk-product-demo-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(11,37,69,.82), rgba(11,37,69,.42), rgba(11,37,69,.08));
}

.nk-product-demo-overlay {
  position: absolute;
  z-index: 2;
  left: 42px;
  bottom: 44px;
  max-width: 560px;
  color: #fff;
}

.nk-product-demo-overlay h1 {
  color: #fff;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.02;
  margin: 0 0 16px;
}

.nk-product-demo-overlay p {
  font-size: 20px;
  line-height: 1.45;
  margin: 0 0 28px;
}

.nk-product-demo-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.nk-product-demo-icons span {
  color: #f7e08a;
  border: 1px solid rgba(247,224,138,.55);
  border-radius: 999px;
  padding: 8px 13px;
  font-weight: 700;
  font-size: 14px;
}

.nk-product-demo-card {
  align-self: center;
  margin-left: -40px;
  z-index: 3;
  background: #fffaf0;
  border: 1px solid rgba(11,37,69,.12);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 18px 42px rgba(11,37,69,.22);
  color: #0B2545;
}

.nk-product-demo-label {
  margin: 0 0 4px;
  font-weight: 700;
}

.nk-product-demo-price {
  font-size: 36px;
  font-weight: 900;
  color: #0B2545;
  margin-bottom: 18px;
}

.nk-product-demo-card ul {
  list-style: none;
  padding: 18px 0;
  margin: 0;
  border-top: 1px solid rgba(11,37,69,.15);
  border-bottom: 1px solid rgba(11,37,69,.15);
}

.nk-product-demo-card li {
  margin: 12px 0;
  font-weight: 700;
}

.nk-product-demo-button {
  display: block;
  margin-top: 22px;
  text-align: center;
  background: linear-gradient(180deg,#fff1a8,#d4af37);
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  padding: 14px 18px;
  border-radius: 8px;
  font-weight: 900;
  text-decoration: none !important;
}

.nk-product-demo-link {
  display: block;
  margin-top: 14px;
  text-align: center;
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  font-weight: 700;
  text-decoration: none !important;
}

.nk-product-demo-fit {
  max-width: 1180px;
  margin: 0 auto 34px;
  padding: 0 18px;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 24px;
  align-items: stretch;
}

.nk-product-demo-fit h2 {
  color: #0B2545;
  font-size: 28px;
  line-height: 1.15;
  margin: 0;
}

.nk-product-demo-fit > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.nk-product-demo-fit span {
  background: #fffaf0;
  border: 1px solid rgba(11,37,69,.08);
  border-radius: 14px;
  padding: 22px 16px;
  text-align: center;
  color: #0B2545;
  font-weight: 700;
}

@media screen and (max-width: 899px) {
  .nk-product-demo-hero {
    display: block;
  }

  .nk-product-demo-image,
  .nk-product-demo-image img {
    min-height: 420px;
  }

  .nk-product-demo-overlay {
    left: 24px;
    right: 24px;
    bottom: 28px;
  }

  .nk-product-demo-card {
    margin: -24px 18px 0;
    position: relative;
  }

  .nk-product-demo-fit {
    display: block;
  }

  .nk-product-demo-fit h2 {
    margin-bottom: 18px;
  }

  .nk-product-demo-fit > div {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 549px) {
  .nk-product-demo-image,
  .nk-product-demo-image img {
    min-height: 380px;
  }

  .nk-product-demo-fit > div {
    grid-template-columns: 1fr;
  }
}
.nk-product-demo-fit span {
  min-height: 120px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.4 !important;
  padding: 18px !important;
}
/* =========================================================
   NK — PRODUCT HERO DEMO
   Clean premium version
   ========================================================= */

body.template-product {
  background: linear-gradient(
    180deg,
    #fffaf0 0%,
    #ffffff 40%
  ) !important;
}

/* ===== HERO LAYOUT ===== */

.nk-product-hero-demo {
  max-width: 1180px;
  margin: 28px auto 42px;
  padding: 0 22px;

  display: grid;
  grid-template-columns: minmax(0,1fr) 330px;
  gap: 26px;
  align-items: stretch;
}

/* ===== HERO IMAGE ===== */

.nk-product-hero-image {
  position: relative;
  min-height: 340px;
  max-height: 340px;

  overflow: hidden;
  border-radius: 16px;

  background: #0B2545;
}

.nk-product-hero-image img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  display: block;
}

/* dark cinematic overlay */
.nk-product-hero-image::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(11,37,69,.88) 0%,
      rgba(11,37,69,.58) 38%,
      rgba(11,37,69,.12) 78%,
      rgba(11,37,69,.04) 100%
    );
}

/* ===== HERO CONTENT ===== */

.nk-product-hero-content {
  position: absolute;
  z-index: 2;

  left: 38px;
  bottom: 32px;

  max-width: 500px;
}

.nk-product-hero-content h1 {
  color: #fff;

  font-size: clamp(32px,4vw,50px);
  line-height: 1.04;
  letter-spacing: -1px;

  margin: 0 0 14px;
  font-weight: 500;
}

.nk-hero-line {
  width: 72px;
  height: 3px;

  background: #d4af37;

  margin-bottom: 16px;
}

.nk-product-hero-content p {
  color: rgba(255,255,255,.94);

  font-size: 18px;
  line-height: 1.4;

  max-width: 470px;
  margin: 0 0 22px;
}

/* ===== ICONS ===== */

.nk-hero-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
}

.nk-hero-icons div {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.nk-hero-icons span {
  display: block;

  font-size: 24px;
  color: #f7e08a;

  margin-bottom: 4px;
}

/* ===== PRICE CARD ===== */

.nk-product-price-card {
  background: #fffaf0;

  border-radius: 18px;

  padding: 28px;

  box-shadow:
    0 18px 40px rgba(11,37,69,.12);

  color: #0B2545;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nk-price-label {
  color: #0B2545;

  font-size: 16px;
  font-weight: 800;

  margin: 0 0 8px;
}

.nk-price {
  color: #0B2545;

  font-size: 44px;
  line-height: 1;

  font-weight: 900;

  margin-bottom: 22px;
}

.nk-price-text {
  font-size: 26px;
  line-height: 1.2;
}

.nk-price-divider {
  height: 1px;

  background: rgba(11,37,69,.12);

  margin-bottom: 20px;
}

/* ===== PRICE ROWS ===== */

.nk-price-row {
  display: grid;
  grid-template-columns: 28px 1fr;

  gap: 10px;
  align-items: center;

  margin: 12px 0;

  color: #0B2545;

  font-size: 15px;
}

.nk-price-row span {
  font-size: 18px;
}

.nk-gold-row {
  color: #c99100;
}

/* ===== CTA ===== */

.nk-main-cta {
  display: block;

  margin-top: 22px;

  text-align: center;

  padding: 14px 18px;

  border-radius: 10px;

  background:
    linear-gradient(
      180deg,
      #f7e08a,
      #d4af37
    );

  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;

  text-decoration: none !important;

  font-weight: 900;

  box-shadow:
    0 8px 20px rgba(11,37,69,.12);
}

/* ===== FIT SECTION ===== */

.nk-fit-section {
  max-width: 1180px;

  margin: 0 auto 42px;
  padding: 0 22px;

  display: grid;
  grid-template-columns: 250px 1fr;

  gap: 22px;
}

.nk-fit-section h2 {
  color: #0B2545;

  font-size: clamp(30px,3vw,42px);
  line-height: 1.05;

  font-weight: 500;

  margin: 0;
}

.nk-fit-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);

  gap: 16px;
}

.nk-fit-card {
  background: #fff2c6;

  border: 1px solid rgba(212,169,40,.22);

  border-radius: 16px;

  min-height: 130px;

  padding: 22px 18px;

  text-align: center;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.nk-fit-card span {
  font-size: 28px;

  margin-bottom: 8px;

  color: #c99100;
}

.nk-fit-card strong {
  color: #0B2545;

  font-size: 15px;
  line-height: 1.3;
}

/* ===== MOBILE ===== */

@media screen and (max-width: 899px) {

  .nk-product-hero-demo {
    grid-template-columns: 1fr;
  }

  .nk-product-price-card {
    margin-top: -10px;
  }

  .nk-fit-section {
    grid-template-columns: 1fr;
  }

  .nk-fit-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 549px) {

  .nk-product-hero-image {
    min-height: 420px;
    max-height: 420px;
  }

  .nk-product-hero-content {
    left: 24px;
    right: 24px;
    bottom: 24px;
  }

  .nk-product-hero-content h1 {
    font-size: 34px;
  }

  .nk-fit-grid {
    grid-template-columns: 1fr;
  }
}
.nk-price-box {
  background: linear-gradient(180deg,#fff2c6,#f7e08a) !important;
  border: 1px solid rgba(212,169,40,.35) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  margin-bottom: 22px !important;
}

.nk-price-box .nk-price-label {
  margin: 0 0 6px !important;
}

.nk-price-box .nk-price {
  margin-bottom: 0 !important;
}
/* NK — fix product hero image on mobile only */
@media screen and (max-width: 749px) {
  .nk-product-hero-image {
    min-height: 300px !important;
    max-height: 300px !important;
  }

  .nk-product-hero-image img {
    width: 100% !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .nk-product-hero-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 22px !important;
  }
}
/* NK — FINAL FIX for Hvert viltu fara cards */

.collection-list .card {
  height: auto !important;
  min-height: 0 !important;
}

.collection-list .card__inner,
.collection-list .card__inner.ratio {
  display: flex !important;
  flex-direction: column !important;

  height: auto !important;
  min-height: 0 !important;

  background: #0B2545 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* kill Dawn fake ratio spacer */
.collection-list .card__inner.ratio::before {
  display: none !important;
  content: none !important;
}

/* image area */
.collection-list .card__media {
  width: 100% !important;
  height: 240px !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

/* remove broken Dawn positioning */
.collection-list .card__media .media {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0 !important;
}

/* real image fit */
.collection-list .card__media img {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;

  display: block !important;
}

/* text area */
.collection-list .card__content {
  flex: 0 0 auto !important;

  min-height: auto !important;

  padding: 18px 20px !important;

  background: #0B2545 !important;
}
/* ACE3 — Product Fróðleikur */

.ace3-product-frodleikur {
  max-width: 1180px;
  margin: 0 auto 42px;
  padding: 0 22px;
}

.ace3-product-frodleikur-head {
  margin-bottom: 18px;
}

.ace3-product-frodleikur-head h2 {
  color: #0B2545;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.05;
  margin: 0 0 8px;
  font-weight: 500;
}

.ace3-product-frodleikur-head p {
  color: #0B2545;
  margin: 0;
  font-size: 17px;
  line-height: 1.45;
}

.ace3-product-frodleikur-track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.ace3-product-frodleikur-card {
  background: #fff2c6;
  border: 1px solid rgba(212,169,40,.24);
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(11,37,69,.08);
  transition: transform .22s ease, box-shadow .22s ease;
}

.ace3-product-frodleikur-card:hover {
  transform: translateY(-3px);
  box-shadow:
    0 14px 32px rgba(11,37,69,.12),
    0 0 18px rgba(247,224,138,.34);
}

.ace3-product-frodleikur-card img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  display: block;
}

.ace3-product-frodleikur-card span {
  display: block;
  padding: 15px 16px 17px;
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  font-weight: 800;
  font-size: 15px;
  line-height: 1.3;
}

@media screen and (max-width: 749px) {
  .ace3-product-frodleikur-track {
    display: flex;
    overflow-x: auto;
    gap: 14px;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
  }

  .ace3-product-frodleikur-card {
    min-width: 240px;
    scroll-snap-align: start;
  }

  .ace3-product-frodleikur-card img {
    height: 120px;
  }
}
/* ACE3 FINAL — blog/news card title + spacing fix */
.main-blog .article-card .card__content,
.blog-articles .article-card .card__content {
  background: #0B2545 !important;
  padding: 28px 28px 30px !important;
  min-height: 260px !important;
  display: block !important;
  overflow: visible !important;
}

.main-blog .article-card .card__heading,
.blog-articles .article-card .card__heading {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  display: block !important;
  position: static !important;
}

.main-blog .article-card .card__heading a,
.blog-articles .article-card .card__heading a {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: underline !important;
  display: inline !important;
  line-height: 1.2 !important;
}

.main-blog .article-card__excerpt,
.blog-articles .article-card__excerpt {
  color: #fff6c9 !important;
  -webkit-text-fill-color: #fff6c9 !important;
  margin-top: 10px !important;
  line-height: 1.7 !important;
}
/* ACE3 — make blog/news images larger */
.main-blog .article-card.article-card__image--small .card__media,
.blog-articles .article-card.article-card__image--small .card__media,
.main-blog .article-card.article-card__image--small .article-card__image-wrapper,
.blog-articles .article-card.article-card__image--small .article-card__image-wrapper {
height: 100% !important;
min-height: 100% !important;
  max-height: none !important;
}

.main-blog .article-card.article-card__image--small .article-card__image,
.blog-articles .article-card.article-card__image--small .article-card__image {
height: 100% !important;
min-height: 100% !important;
  padding-bottom: 0 !important;
}

.main-blog .article-card.article-card__image--small .article-card__image img,
.blog-articles .article-card.article-card__image--small .article-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
/* FORCE GOLD BLOG HEADLINES */

article h3 a,
article h3 a:visited,
article h3 a:hover,
article h3 a:active,
article h3 a:focus {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
.full-unstyled-link,
.full-unstyled-link:visited,
.full-unstyled-link:hover,
.full-unstyled-link:active,
.full-unstyled-link:focus {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
}
/* ACE3 — universal navy/gold glow for clickable boxes */
a[href]:has(img),
a[href]:has(h2),
a[href]:has(h3),
a[href]:has(strong),
.card-wrapper,
.card,
.article-card,
.nk-fit-card,
.nk-main-cta,
.nk-under-image-about-button {
  border: 2px solid rgba(11, 37, 69, 0.28) !important;
  border-radius: 18px !important;
  box-shadow:
    0 10px 26px rgba(11, 37, 69, 0.10),
    0 0 0 1px rgba(247, 224, 138, 0.35) !important;
  overflow: hidden !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    filter 0.2s ease !important;
}

/* visible premium glow on hover */
a[href]:has(img):hover,
a[href]:has(h2):hover,
a[href]:has(h3):hover,
a[href]:has(strong):hover,
.card-wrapper:hover,
.card:hover,
.article-card:hover,
.nk-main-cta:hover,
.nk-under-image-about-button:hover {
  transform: translateY(-3px) !important;
  border-color: #0B2545 !important;
  box-shadow:
    0 0 0 3px rgba(247, 224, 138, 0.95),
    0 18px 42px rgba(11, 37, 69, 0.24),
    0 0 36px rgba(247, 224, 138, 0.75) !important;
  filter: brightness(1.03) !important;
}

/* make nested images/card content respect rounded corners */
a[href]:has(img) img,
.card-wrapper img,
.card img,
.article-card img {
  border-radius: 16px 16px 0 0 !important;
}
/* Slightly stronger default frame for Fróðleikur cards */
.ace3-product-frodleikur a,
.ace3-product-frodleikur .card,
.ace3-product-frodleikur .article-card,
.card-wrapper .card,
.article-card {
  border: 2px solid rgba(11, 37, 69, 0.28) !important;
  border-radius: 1.4rem !important;
  overflow: hidden !important;
}
/* ACE3 commerce footer restore */
.ace3-commerce-box {
  max-width: 1120px !important;
  margin: 5rem auto 3rem !important;
  padding: 2.4rem !important;

  border-radius: 1.8rem !important;
  background: linear-gradient(135deg, #fff6c9 0%, #fff9df 100%) !important;
  border: 2px solid rgba(11, 37, 69, 0.24) !important;

  box-shadow:
    0 18px 46px rgba(11, 37, 69, 0.10),
    0 0 0 1px rgba(247, 224, 138, 0.38) !important;
}

.ace3-commerce-box h2 {
  margin: 0 0 1.6rem !important;
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;

  font-size: clamp(2rem, 3vw, 3.2rem) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.ace3-commerce-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

.ace3-commerce-grid a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 96px !important;
  padding: 1.15rem 1.25rem !important;

  border-radius: 1.25rem !important;
  background: #0B2545 !important;
  border: 2px solid rgba(247, 224, 138, 0.85) !important;

  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;

  text-align: center !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.18em !important;

  box-shadow:
    0 10px 26px rgba(11, 37, 69, 0.18),
    0 0 0 1px rgba(247, 224, 138, 0.25) !important;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    filter 0.18s ease !important;
}

.ace3-commerce-grid a:hover,
.ace3-commerce-grid a:focus {
  transform: translateY(-3px) !important;
  border-color: #f7e08a !important;

  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;

  box-shadow:
    0 0 0 3px rgba(247, 224, 138, 0.85),
    0 18px 42px rgba(11, 37, 69, 0.24),
    0 0 36px rgba(247, 224, 138, 0.55) !important;

  filter: brightness(1.04) !important;
}

@media screen and (max-width: 749px) {
  .ace3-commerce-box {
    margin: 3.5rem 1rem 2.5rem !important;
    padding: 1.4rem !important;
    border-radius: 1.3rem !important;
  }

  .ace3-commerce-grid {
    grid-template-columns: 1fr !important;
  }

  .ace3-commerce-grid a {
    min-height: 74px !important;
    padding: 1rem !important;
  }
}
/* ACE3 Fréttir og fróðleikur — clean 3x2 grid */
.ace3-commerce-box .ace3-commerce-news-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  width: 100% !important;
  margin-top: 1rem !important;
}

.ace3-commerce-box .ace3-commerce-news-grid a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  min-height: 78px !important;
  margin: 0 !important;
  padding: 1rem 1.2rem !important;

  border-radius: 1.2rem !important;
  background: #0B2545 !important;
  border: 2px solid rgba(247, 224, 138, 0.85) !important;

  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;

  text-align: center !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.18em !important;

  box-shadow:
    0 10px 26px rgba(11, 37, 69, 0.18),
    0 0 0 1px rgba(247, 224, 138, 0.25) !important;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    filter 0.18s ease !important;
}

.ace3-commerce-box .ace3-commerce-news-grid a:hover,
.ace3-commerce-box .ace3-commerce-news-grid a:focus {
  transform: translateY(-3px) !important;
  border-color: #f7e08a !important;

  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;

  box-shadow:
    0 0 0 3px rgba(247, 224, 138, 0.85),
    0 18px 42px rgba(11, 37, 69, 0.24),
    0 0 36px rgba(247, 224, 138, 0.55) !important;

  filter: brightness(1.04) !important;
}

/* Override old loose blog-link rules if any remain */
.ace3-commerce-news-grid a[href*="/blogs/news"] {
  width: auto !important;
  margin: 0 !important;
}

/* Tablet */
@media screen and (max-width: 989px) {
  .ace3-commerce-box .ace3-commerce-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media screen and (max-width: 749px) {
  .ace3-commerce-box .ace3-commerce-news-grid {
    grid-template-columns: 1fr !important;
  }

  .ace3-commerce-box .ace3-commerce-news-grid a {
    min-height: 72px !important;
  }
}
/* ACE3 restore: Viltu fá betri yfirsýn */
.ace3-commerce-trust {
  max-width: 1120px !important;
  margin: 3.5rem auto 4rem !important;
  padding: 2.4rem !important;

  border-radius: 1.8rem !important;
  background: #0B2545 !important;
  border: 2px solid rgba(247, 224, 138, 0.85) !important;

  box-shadow:
    0 18px 46px rgba(11, 37, 69, 0.18),
    0 0 0 1px rgba(247, 224, 138, 0.35) !important;
}

.ace3-commerce-trust h2 {
  margin: 0 0 1rem !important;

  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;

  font-size: clamp(2rem, 3vw, 3.2rem) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.ace3-commerce-trust p {
  max-width: 760px !important;
  margin: 0 0 1.4rem !important;

  color: #fff6c9 !important;
  -webkit-text-fill-color: #fff6c9 !important;

  font-size: 1.2rem !important;
  line-height: 1.6 !important;
}

.ace3-commerce-trust a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 58px !important;
  margin: 0.35rem 0.5rem 0.35rem 0 !important;
  padding: 0.95rem 1.35rem !important;

  border-radius: 1rem !important;
  background: linear-gradient(135deg, #f7e08a 0%, #e6bd3c 100%) !important;
  border: 2px solid rgba(247, 224, 138, 0.95) !important;

  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;

  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;

  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(247, 224, 138, 0.25) !important;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease !important;
}

.ace3-commerce-trust a:hover,
.ace3-commerce-trust a:focus {
  transform: translateY(-3px) !important;
  filter: brightness(1.04) !important;

  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;

  box-shadow:
    0 0 0 3px rgba(247, 224, 138, 0.85),
    0 18px 42px rgba(0, 0, 0, 0.24),
    0 0 36px rgba(247, 224, 138, 0.55) !important;
}

@media screen and (max-width: 749px) {
  .ace3-commerce-trust {
    margin: 3rem 1rem !important;
    padding: 1.4rem !important;
    border-radius: 1.3rem !important;
  }

  .ace3-commerce-trust a {
    width: 100% !important;
    margin: 0.35rem 0 !important;
  }
}
/* Center ACE3 trust box content */
.ace3-commerce-trust {
  text-align: center !important;
}

.ace3-commerce-trust h2,
.ace3-commerce-trust p {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.ace3-commerce-trust p {
  max-width: 760px !important;
}

.ace3-commerce-trust a {
  margin-left: 0.35rem !important;
  margin-right: 0.35rem !important;
}

.ace3-commerce-trust {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.ace3-commerce-trust > div,
.ace3-commerce-trust p + a,
.ace3-commerce-trust a {
  text-align: center !important;
}

@media screen and (max-width: 749px) {
  .ace3-commerce-trust a {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* Product Fróðleikur — safe section placement */
.template-product .nk-product-frodleikur-safe-slot {
  clear: both !important;
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 8rem auto 7rem !important;
  padding: 0 2rem !important;
  position: relative !important;
  z-index: 1 !important;
}

.template-product .nk-product-frodleikur-safe-slot .ace3-product-frodleikur {
  clear: both !important;
  display: block !important;
  position: relative !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  z-index: 1 !important;
}

.template-product .nk-fit-section {
  position: relative !important;
  z-index: 2 !important;
  margin-bottom: 6rem !important;
}
/* Product page: push Fróðleikur safely below hero */
.nk-product-frodleikur-safe-slot {
  clear: both !important;
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 7rem auto 4rem auto !important;
  padding: 0 2rem !important;
  position: relative !important;
  z-index: 2 !important;
  transform: none !important;
}

/* Make sure the Fróðleikur block itself does not climb upward */
.nk-product-frodleikur-safe-slot .ace3-product-frodleikur {
  clear: both !important;
  display: block !important;
  position: relative !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  transform: none !important;
  z-index: 2 !important;
}

/* Keep the article cards below the heading */
.nk-product-frodleikur-safe-slot .ace3-product-frodleikur-head,
.nk-product-frodleikur-safe-slot .ace3-product-frodleikur-track {
  position: relative !important;
  transform: none !important;
  z-index: 2 !important;
}

/* Tighten the space after Fróðleikur before Hverjum hentar */
.nk-product-frodleikur-safe-slot + .nk-fit-section {
  margin-top: 2.5rem !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .nk-product-frodleikur-safe-slot {
    margin: 4rem auto 3rem auto !important;
    padding: 0 1.5rem !important;
  }

  .nk-product-frodleikur-safe-slot + .nk-fit-section {
    margin-top: 2rem !important;
  }
}
/* Product hero polish: smaller image + button directly under image */
.nk-product-hero-demo {
  max-width: 1280px !important;
  margin: 4rem auto 0 auto !important;
  padding: 0 2rem !important;
  align-items: flex-start !important;
  gap: 2rem !important;
}

/* Main image area slightly smaller and cleaner */
.nk-product-hero-left {
  max-width: 760px !important;
  width: 100% !important;
}

.nk-product-hero-image {
  max-width: 760px !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 1.25rem !important;
  overflow: hidden !important;
}

/* Force image to behave like the Madrid example */
.nk-product-hero-image img {
  width: 100% !important;
  height: auto !important;
  max-height: 430px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Keep text overlay inside image, not creating extra layout height */
.nk-product-hero-content {
  padding: clamp(2rem, 4vw, 3rem) !important;
}

/* Move Um námskeið directly under the image */
.nk-under-image-about {
  padding-left: 0 !important;
  margin-top: 1.25rem !important;
  margin-bottom: 3rem !important;
  justify-content: flex-start !important;
}

/* Button size closer to the clean Madrid version */
.nk-under-image-about-button {
  min-width: 210px !important;
  min-height: 56px !important;
  font-size: 1.25rem !important;
}

/* Keep price card aligned nicely with the smaller hero */
.nk-product-price-card {
  max-width: 330px !important;
  margin-top: 0 !important;
}

/* Keep Fróðleikur safely below hero/button */
.nk-product-frodleikur-safe-slot {
  margin-top: 2.5rem !important;
  margin-bottom: 3rem !important;
}

/* Mobile */
@media screen and (max-width: 989px) {
  .nk-product-hero-demo {
    display: block !important;
    padding: 0 1.5rem !important;
    margin-top: 2.5rem !important;
  }

  .nk-product-hero-left,
  .nk-product-hero-image {
    max-width: 100% !important;
  }

  .nk-product-hero-image img {
    max-height: 360px !important;
  }

  .nk-under-image-about {
    margin-top: 1rem !important;
    margin-bottom: 2.5rem !important;
  }

  .nk-product-price-card {
    max-width: 100% !important;
    margin-top: 2rem !important;
  }
}
/* Product hero: keep H1 inside the image */
.nk-product-hero-content h1 {
  max-width: 92% !important;
  font-size: clamp(2.6rem, 4.1vw, 5.2rem) !important;
  line-height: 1.06 !important;
  margin-bottom: 1.4rem !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Keep the intro text tighter too */
.nk-product-hero-content p {
  max-width: 78% !important;
  font-size: clamp(1.35rem, 1.45vw, 1.75rem) !important;
  line-height: 1.45 !important;
}

/* Slightly tighten icon row so it stays inside image */
.nk-hero-icons {
  gap: clamp(1.4rem, 2vw, 2.4rem) !important;
  margin-top: 2rem !important;
}

/* For very long product titles */
@media screen and (min-width: 990px) {
  .nk-product-hero-content h1 {
    font-size: clamp(2.8rem, 3.6vw, 4.7rem) !important;
  }
}

/* Mobile */
@media screen and (max-width: 749px) {
  .nk-product-hero-content h1 {
    max-width: 100% !important;
    font-size: clamp(2.3rem, 9vw, 3.6rem) !important;
    line-height: 1.08 !important;
  }

  .nk-product-hero-content p {
    max-width: 100% !important;
    font-size: 1.35rem !important;
  }
}
/* Product hero: stop H1 from being clipped at the top */
.nk-product-hero-content {
  top: 0 !important;
  transform: none !important;
  padding-top: clamp(2.8rem, 4.2vw, 4.2rem) !important;
  padding-bottom: 2rem !important;
}

/* Give long titles a little safer vertical room */
.nk-product-hero-content h1 {
  margin-top: 0 !important;
  padding-top: 0.15rem !important;
  font-size: clamp(2.4rem, 3.25vw, 4.2rem) !important;
  line-height: 1.08 !important;
}

/* Slightly more height so long product names fit cleanly */
.nk-product-hero-image img {
  max-height: 455px !important;
}

/* Mobile safety */
@media screen and (max-width: 749px) {
  .nk-product-hero-content {
    padding-top: 2.2rem !important;
  }

  .nk-product-hero-content h1 {
    font-size: clamp(2.1rem, 8vw, 3.2rem) !important;
    line-height: 1.1 !important;
  }
}
/* Product hero: shrink title/text/icons so everything fits inside image */
.nk-product-hero-content {
  padding-top: 2.4rem !important;
  padding-bottom: 1.6rem !important;
}

.nk-product-hero-content h1 {
  font-size: clamp(2rem, 2.75vw, 3.45rem) !important;
  line-height: 1.06 !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  max-width: 92% !important;
}

.nk-product-hero-content p {
  font-size: clamp(1.15rem, 1.25vw, 1.45rem) !important;
  line-height: 1.35 !important;
  margin-bottom: 1rem !important;
  max-width: 78% !important;
}

.nk-hero-icons {
  margin-top: 0.9rem !important;
  gap: clamp(1rem, 1.5vw, 1.8rem) !important;
}

.nk-hero-icon-item span {
  font-size: 1.55rem !important;
  line-height: 1 !important;
}

.nk-hero-icon-item strong {
  font-size: 0.95rem !important;
  line-height: 1.15 !important;
}

/* Keep image tall enough, but not huge */
.nk-product-hero-image img {
  max-height: 440px !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .nk-product-hero-content {
    padding-top: 1.8rem !important;
    padding-bottom: 1.4rem !important;
  }

  .nk-product-hero-content h1 {
    font-size: clamp(1.9rem, 7.2vw, 2.8rem) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
  }

  .nk-product-hero-content p {
    font-size: 1.15rem !important;
    max-width: 100% !important;
  }

  .nk-hero-icons {
    gap: 1rem !important;
  }

  .nk-hero-icon-item strong {
    font-size: 0.85rem !important;
  }
}
/* Tiny final hero balance */
.nk-product-hero-content h1 {
  font-size: clamp(2.15rem, 2.9vw, 3.65rem) !important;
}

.nk-hero-icon-item span {
  font-size: 1.65rem !important;
}

.nk-hero-icon-item strong {
  font-size: 1rem !important;
}
/* Product hero: slightly larger icons */
.nk-hero-icon-item span {
  font-size: 1.9rem !important;
  line-height: 1 !important;
}

.nk-hero-icon-item strong {
  font-size: 1rem !important;
  line-height: 1.15 !important;
}

/* Keep spacing controlled so icons do not fall out of the image */
.nk-hero-icons {
  margin-top: 1rem !important;
  gap: clamp(1.2rem, 1.7vw, 2rem) !important;
}
/* Product page: Um námskeið opens centered and pushes content down */
.nk-under-image-about {
  display: block !important;
  width: 100% !important;
  padding-left: 0 !important;
  margin-top: 1rem !important;
  margin-bottom: 3rem !important;
  position: relative !important;
  z-index: 20 !important;
}

.nk-under-image-about-details {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 !important;
  position: relative !important;
}

/* Keep button directly under image */
.nk-under-image-about-button {
  margin-left: 0 !important;
}

/* IMPORTANT: content opens in normal page flow, centered */
.nk-under-image-about-details[open] .nk-under-image-about-content {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  display: block !important;

  width: min(900px, 100%) !important;
  max-width: 900px !important;
  max-height: 520px !important;

  margin: 1.6rem auto 0 auto !important;
  z-index: 20 !important;
}

/* Remove the artificial huge push from previous version */
.nk-under-image-about:has(.nk-under-image-about-details[open]) {
  margin-bottom: 3rem !important;
}

/* Make Fróðleikur naturally move down after the open box */
.nk-product-frodleikur-safe-slot {
  clear: both !important;
  margin-top: 3rem !important;
}
/* Product page: center open Um námskeið box better under image */
.nk-under-image-about-details[open] .nk-under-image-about-content {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Final product hero typography polish */
.nk-product-hero-content {
  padding-top: clamp(2.3rem, 3.4vw, 3.4rem) !important;
  padding-left: clamp(2.4rem, 4.2vw, 4.2rem) !important;
  padding-right: clamp(2rem, 3vw, 3rem) !important;
  padding-bottom: 1.8rem !important;
}

/* Stronger title, but still safe for long course names */
.nk-product-hero-content h1 {
  max-width: 78% !important;
  font-size: clamp(2.35rem, 3vw, 3.85rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
  margin-top: 0 !important;
  margin-bottom: 1.15rem !important;
}

/* Slightly cleaner intro text */
.nk-product-hero-content p {
  max-width: 62% !important;
  font-size: clamp(1.1rem, 1.18vw, 1.38rem) !important;
  line-height: 1.38 !important;
  margin-top: 0 !important;
  margin-bottom: 1.35rem !important;
}

/* Icons: larger symbols, readable text, compact row */
.nk-hero-icons {
  margin-top: 1.1rem !important;
  gap: clamp(1.7rem, 2.4vw, 3rem) !important;
  align-items: flex-start !important;
}

.nk-hero-icon-item span {
  font-size: 1.85rem !important;
  line-height: 1 !important;
  margin-bottom: 0.45rem !important;
}

.nk-hero-icon-item strong {
  font-size: 0.98rem !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
}

/* Keep hero image balanced */
.nk-product-hero-image img {
  max-height: 445px !important;
}

/* Very long titles: keep everything safely inside image */
@media screen and (min-width: 990px) {
  .nk-product-hero-content h1 {
    font-size: clamp(2.25rem, 2.85vw, 3.65rem) !important;
  }
}

/* Mobile safety */
@media screen and (max-width: 749px) {
  .nk-product-hero-content {
    padding: 1.8rem 1.6rem 1.5rem !important;
  }

  .nk-product-hero-content h1 {
    max-width: 100% !important;
    font-size: clamp(2rem, 7.4vw, 3rem) !important;
    line-height: 1.08 !important;
  }

  .nk-product-hero-content p {
    max-width: 100% !important;
    font-size: 1.15rem !important;
  }

  .nk-hero-icons {
    gap: 1.1rem !important;
  }

  .nk-hero-icon-item span {
    font-size: 1.55rem !important;
  }

  .nk-hero-icon-item strong {
    font-size: 0.85rem !important;
  }
}
/* Product hero: make the icons bigger */
.nk-hero-icon-item span {
  font-size: 2.1rem !important;
  line-height: 1 !important;
  display: block !important;
  margin-bottom: 0.45rem !important;
}

.nk-hero-icon-item strong {
  font-size: 1.02rem !important;
  line-height: 1.15 !important;
}

.nk-hero-icons {
  gap: clamp(1.4rem, 1.9vw, 2.2rem) !important;
  margin-top: 1rem !important;
}
/* Product hero: larger bright blue dot icon */
.nk-hero-icon-item:first-child span {
  font-size: 0 !important;
  filter: none !important;
}

.nk-hero-icon-item:first-child span::before {
  content: "●" !important;
  font-size: 3rem !important;
  line-height: 0.85 !important;
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  text-shadow:
    0 0 10px rgba(56, 189, 248, 0.95),
    0 0 22px rgba(56, 189, 248, 0.65) !important;
}
/* Product hero: final blue first icon polish */
.nk-hero-icon-item:first-child span {
  font-size: 0 !important;
  filter: none !important;
  display: block !important;
  line-height: 1 !important;
  margin-bottom: 0.45rem !important;
}

.nk-hero-icon-item:first-child span::before {
  content: "●" !important;
  font-size: 3.35rem !important;
  line-height: 0.8 !important;
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  text-shadow:
    0 0 10px rgba(56, 189, 248, 1),
    0 0 24px rgba(56, 189, 248, 0.75) !important;
}
.nk-hero-icon-item:first-child span::before {
  content: "◆" !important;
  font-size: 2.7rem !important;
  line-height: 0.9 !important;
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  text-shadow:
    0 0 10px rgba(56, 189, 248, 1),
    0 0 24px rgba(56, 189, 248, 0.75) !important;
}
/* Product Fróðleikur cards: navy inside + gold text */
.ace3-product-frodleikur-card {
  background: #0B2545 !important;
  border: 2px solid #f7e08a !important;
  box-shadow: 0 14px 34px rgba(11, 37, 69, 0.18) !important;
}

/* Keep the image area normal */
.ace3-product-frodleikur-card img {
  background: #fff6c9 !important;
}

/* Navy text area */
.ace3-product-frodleikur-card span,
.ace3-product-frodleikur-card h3,
.ace3-product-frodleikur-card p,
.ace3-product-frodleikur-card a {
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  text-decoration-color: #f7e08a !important;
}

/* Stronger hover */
.ace3-product-frodleikur-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 42px rgba(11, 37, 69, 0.28) !important;
  border-color: #fff6c9 !important;
}
/* ==========================================================
   ACE3 – Mobile Fróðleikur scroll hint arrows
========================================================== */

@media screen and (max-width: 749px) {
  .ace3-product-frodleikur {
    position: relative;
  }

  .ace3-product-frodleikur::after {
    content: "›";
    position: absolute;
    right: 10px;
    top: 58%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #0B2545;
    color: #f7e08a;
    -webkit-text-fill-color: #f7e08a;
    border: 1.5px solid #f7e08a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(11, 37, 69, 0.22);
    pointer-events: none;
    z-index: 3;
  }
}
/* HARD FIX: remove white seam from collection product images */
.template-collection .product-card-wrapper .card__inner.ratio {
  display: block !important;
  position: relative !important;
  background: #0B2545 !important;
  overflow: hidden !important;
}

/* Kill Dawn ratio spacer if it is creating the visible strip */
.template-collection .product-card-wrapper .card__inner.ratio::before {
  content: none !important;
  display: none !important;
  padding-bottom: 0 !important;
}

/* Make media wrapper fill the whole top image area */
.template-collection .product-card-wrapper .card__inner.ratio > .card__media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 165px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #0B2545 !important;
  overflow: hidden !important;
}

/* Make inner media fill too */
.template-collection .product-card-wrapper .card__inner.ratio > .card__media .media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #0B2545 !important;
  overflow: hidden !important;
}

/* Slight overfill to cover any 1px seam */
.template-collection .product-card-wrapper .card__inner.ratio > .card__media img,
.template-collection .product-card-wrapper .card__inner.ratio > .card__media .media img {
  position: absolute !important;
  top: 0 !important;
  left: -4px !important;
  width: calc(100% + 8px) !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
/* Product hero icon alignment - lift first icon block */
.nk-product-hero-demo .nk-hero-icons > div:first-child,
.nk-product-hero-demo .nk-hero-icon:first-child,
.nk-product-hero-demo .nk-hero-icons .nk-hero-icon:nth-child(1) {
  position: relative !important;
  top: -4px !important;
}
/* Product hero icons - keep all trust points equal */
.nk-product-hero-demo .nk-hero-icons {
  display: flex !important;
  align-items: flex-start !important;
  gap: 28px !important;
  flex-wrap: nowrap !important;
}

.nk-product-hero-demo .nk-hero-icons > * {
  text-align: center !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
}

.nk-product-hero-demo .nk-hero-icons span,
.nk-product-hero-demo .nk-hero-icons strong,
.nk-product-hero-demo .nk-hero-icons p {
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: #ffffff !important;
}

/* If the 5-star text has its own big class, force it down */
.nk-product-hero-demo .nk-hero-icons .nk-star-rating,
.nk-product-hero-demo .nk-hero-icons .nk-review-text,
.nk-product-hero-demo .nk-hero-icons .five-star,
.nk-product-hero-demo .nk-hero-icons [class*="star"] {
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

/* Mobile: 4 icons as clean 2x2 grid */
@media screen and (max-width: 749px) {
  .nk-product-hero-demo .nk-hero-icons {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px 14px !important;
    max-width: 420px !important;
  }

  .nk-product-hero-demo .nk-hero-icons span,
  .nk-product-hero-demo .nk-hero-icons strong,
  .nk-product-hero-demo .nk-hero-icons p,
  .nk-product-hero-demo .nk-hero-icons [class*="star"] {
    font-size: 11px !important;
    line-height: 1.1 !important;
  }
}
/* Product hero icons - 2x2 on desktop and mobile */
.nk-product-hero-demo .nk-hero-icons {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
  gap: 14px 22px !important;
  max-width: 520px !important;
  align-items: start !important;
  justify-content: start !important;
}

.nk-product-hero-demo .nk-hero-icon,
.nk-product-hero-demo .nk-hero-icons > * {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  min-width: 0 !important;
}

.nk-product-hero-demo .nk-hero-icon-symbol {
  display: block !important;
  font-size: 24px !important;
  line-height: 1 !important;
  margin-bottom: 4px !important;
}

.nk-product-hero-demo .nk-hero-icon span:last-child,
.nk-product-hero-demo .nk-hero-icons > * span:last-child {
  font-size: 11.5px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  white-space: normal !important;
}

/* Keep Litlir hópar slightly lifted */
.nk-product-hero-demo .nk-hero-icons > *:first-child {
  position: relative !important;
  top: -4px !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .nk-product-hero-demo .nk-hero-icons {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px 14px !important;
    max-width: 100% !important;
  }

  .nk-product-hero-demo .nk-hero-icon-symbol {
    font-size: 22px !important;
  }

  .nk-product-hero-demo .nk-hero-icon span:last-child,
  .nk-product-hero-demo .nk-hero-icons > * span:last-child {
    font-size: 11px !important;
    line-height: 1.1 !important;
  }
}
/* Product hero icons - right side 2x2 placement */
@media screen and (min-width: 990px) {
  .nk-product-hero-demo .nk-product-hero-image {
    position: relative !important;
  }

  .nk-product-hero-demo .nk-hero-icons {
    position: absolute !important;
    left: 68% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: grid !important;
    grid-template-columns: repeat(2, 88px) !important;
    gap: 12px 14px !important;
    width: 190px !important;
    max-width: 190px !important;
    z-index: 5 !important;
  }

  .nk-product-hero-demo .nk-hero-icon,
  .nk-product-hero-demo .nk-hero-icons > * {
    align-items: center !important;
    text-align: center !important;
    min-width: 0 !important;
  }

  .nk-product-hero-demo .nk-hero-icon-symbol {
    font-size: 22px !important;
    line-height: 1 !important;
    margin-bottom: 3px !important;
  }

  .nk-product-hero-demo .nk-hero-icon span:last-child,
  .nk-product-hero-demo .nk-hero-icons > * span:last-child {
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
  }
}
/* Product hero icons - right side, lower placement */
@media screen and (min-width: 990px) {
  .nk-product-hero-demo .nk-product-hero-image {
    position: relative !important;
  }

  .nk-product-hero-demo .nk-hero-icons {
    position: absolute !important;
    left: 80% !important;
    top: 65% !important;
    transform: translateY(-50%) !important;

    display: grid !important;
    grid-template-columns: repeat(2, 88px) !important;
    gap: 12px 14px !important;
    width: 190px !important;
    max-width: 190px !important;
    z-index: 5 !important;
  }
}
/* Product hero icons - right/lower placement with readable background */
@media screen and (min-width: 990px) {
  .nk-product-hero-demo .nk-hero-icons {
    position: absolute !important;
    left: 80% !important;
    top: 82% !important;
    transform: translateY(-50%) !important;

    display: grid !important;
    grid-template-columns: repeat(2, 88px) !important;
    gap: 12px 14px !important;
    width: 190px !important;
    max-width: 190px !important;
    z-index: 5 !important;

    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: rgba(11, 37, 69, 0.32) !important;
    backdrop-filter: blur(2px);
  }

  .nk-product-hero-demo .nk-hero-icon-symbol {
    font-size: 22px !important;
    line-height: 1 !important;
    margin-bottom: 3px !important;
  }

  .nk-product-hero-demo .nk-hero-icon span:last-child,
  .nk-product-hero-demo .nk-hero-icons > * span:last-child {
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.45) !important;
  }
}
/* Fix: mobile menu should sit above product hero */
.menu-drawer,
.menu-drawer-container,
.header__icon--menu,
.header-wrapper,
.shopify-section-header,
#shopify-section-header {
  z-index: 9999 !important;
}

/* Keep product hero layers below mobile drawer */
.nk-product-hero-demo,
.nk-product-hero-demo .nk-product-hero-image,
.nk-product-hero-demo .nk-hero-icons,
.nk-product-hero-demo .nk-product-hero-content {
  z-index: 1 !important;
}
/* Product hero "Lesa nánar um námskeiðið" hover fix */
.nk-under-image-about-button {
  background: linear-gradient(135deg, #f7e08a 0%, #e6bd3c 100%) !important;
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  border: 2px solid #0B2545 !important;
  transition: all 0.25s ease !important;
}

/* Hover / focus / open state */
.nk-under-image-about-button:hover,
.nk-under-image-about-button:focus,
.nk-under-image-about-button:active,
details[open] > .nk-under-image-about-button {
  background: #0B2545 !important;
  background-image: none !important;
  color: #f7e08a !important;
  -webkit-text-fill-color: #f7e08a !important;
  border-color: #f7e08a !important;
  box-shadow: 0 10px 24px rgba(11, 37, 69, 0.28) !important;
}
@media screen and (max-width: 749px) {
details.menu-drawer-container[open] {
  position: fixed !important;
  z-index: 999999 !important;
  background: transparent !important;
  background-color: transparent !important;
}

details.menu-drawer-container[open] .menu-drawer,
details.menu-drawer-container[open] .menu-drawer__inner-container,
details.menu-drawer-container[open] .menu-drawer__navigation {
  position: fixed !important;
  z-index: 999999 !important;
}

  details.menu-drawer-container[open] .menu-drawer {
    top: var(--header-height, 70px) !important;
    left: 0 !important;
  }
}

  body:has(details.menu-drawer-container[open]) .nk-product-hero-demo,
  body:has(details.menu-drawer-container[open]) .nk-product-hero-demo *,
  body:has(details.menu-drawer-container[open]) .nk-under-image-about,
  body:has(details.menu-drawer-container[open]) .nk-under-image-about-details,
  body:has(details.menu-drawer-container[open]) .nk-under-image-about-button {
    position: relative !important;
    z-index: 0 !important;
  }
}

/* 
  Nám og Kúltúr mobile drawer fix:
  hides product hero controls while mobile menu is open,
  because the "Lesa nánar um námskeiðið" summary button can otherwise appear above the drawer.
*/

/* Stronger: hide product hero controls whenever any header drawer is open */
@media screen and (max-width: 749px) {
  html:has(header details[open]) .nk-under-image-about-button,
  html:has(header details[open]) .nk-under-image-about,
  html:has(header details[open]) .nk-under-image-about-details {
    display: none !important;
  }
}
/* Backup: product hero must not fight mobile drawer */
@media screen and (max-width: 749px) {
  [data-nk-hidden-by-menu="true"] {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .menu-drawer,
  .menu-drawer-container,
  .menu-drawer__inner-container,
  .menu-drawer__navigation,
  header-drawer {
    z-index: 999999 !important;
  }
}
/* Mobile drawer: keep menu icon / close control clearly visible */
@media screen and (max-width: 749px) {
  header-drawer details[open] summary.header__icon--menu,
  details.menu-drawer-container[open] summary.header__icon--menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1000000 !important;
    color: #f7e08a !important;
  }

  header-drawer details[open] summary.header__icon--menu svg,
  details.menu-drawer-container[open] summary.header__icon--menu svg {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #f7e08a !important;
    stroke: #f7e08a !important;
  }

  header-drawer details[open] summary.header__icon--menu .icon-hamburger,
  details.menu-drawer-container[open] summary.header__icon--menu .icon-hamburger {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  header-drawer details[open] summary.header__icon--menu .icon-close,
  details.menu-drawer-container[open] summary.header__icon--menu .icon-close {
    display: none !important;
  }
}
/* Remove golden line under header on mobile only */
@media screen and (max-width: 749px) {
  .header-wrapper,
  .shopify-section-header-sticky,
  .shopify-section-header-hidden,
  header.header {
    border-bottom: none !important;
    box-shadow: none !important;
  }
}
@media screen and (max-width: 749px) {
  .nk-hero-icons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 18px !important;
    width: 88% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .nk-hero-icon {
    font-size: 13px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    padding: 2px 4px !important;
  }

  .nk-hero-icon span,
  .nk-hero-icon div {
    line-height: 1.25 !important;
  }
}
@media screen and (max-width: 749px) {
  .nk-hero-icons {
    transform: translateY(24px) !important;
  }
}
.nk-length-picker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0 18px;
  padding: 9px 13px;
  border: 1px solid rgba(11, 37, 69, 0.35);
  border-radius: 9px;
  background: rgba(255, 252, 242, 0.72);
  color: #0B2545;
  box-shadow: 0 6px 18px rgba(11, 37, 69, 0.04);
}

.nk-length-picker__label {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0B2545;
  white-space: nowrap;
}

.nk-length-picker__select {
  border: none;
  background: transparent;
  color: #0B2545;
  font-size: 1.25rem;
  font-weight: 700;
  cursor: pointer;
  padding: 2px 22px 2px 4px;
  max-width: 130px;
}

.nk-length-picker__select:focus {
  outline: 2px solid rgba(247, 224, 138, 0.9);
  outline-offset: 3px;
  border-radius: 6px;
}
/* Hverjum hentar námskeiðið – texti birtist við hover */

.nk-fit-card {
  position: relative;
  overflow: hidden;
  cursor: default;
  min-height: 220px;

  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease;
}

.nk-fit-card > span,
.nk-fit-card > strong {
  transition:
    opacity 0.22s ease,
    transform 0.22s ease;
}

.nk-fit-card .nk-fit-extra {
  position: absolute;
  inset: 18px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0;
  color: #0B2545 !important;
  -webkit-text-fill-color: #0B2545 !important;
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);

  transition:
    opacity 0.22s ease,
    visibility 0.22s ease,
    transform 0.22s ease;
}

.nk-fit-card:hover,
.nk-fit-card:focus {
  transform: translateY(-3px) !important;
  filter: brightness(1.02) !important;
  border-color: #e6bd3c !important;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98),
    rgba(255, 248, 216, 0.98)
  ) !important;

  box-shadow:
    0 0 0 3px rgba(247, 224, 138, 0.8),
    0 14px 30px rgba(11, 37, 69, 0.16),
    0 0 26px rgba(247, 224, 138, 0.7) !important;

  outline: none;
}

.nk-fit-card:hover > span,
.nk-fit-card:hover > strong,
.nk-fit-card:focus > span,
.nk-fit-card:focus > strong {
  opacity: 0;
  transform: translateY(-7px);
}

.nk-fit-card:hover .nk-fit-extra,
.nk-fit-card:focus .nk-fit-extra {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Á síma er skýringartextinn alltaf sýnilegur */

@media screen and (max-width: 749px) {
  .nk-fit-card {
    min-height: auto;
  }

  .nk-fit-card .nk-fit-extra {
    position: static;
    display: block;
    margin-top: 12px;
    font-size: 1.25rem;

    opacity: 1;
    visibility: visible;
    transform: none;
  }

  .nk-fit-card:hover > span,
  .nk-fit-card:hover > strong,
  .nk-fit-card:focus > span,
  .nk-fit-card:focus > strong {
    opacity: 1;
    transform: none;
  }
}
/* Hverjum hentar – tap to open */

.nk-fit-card.is-open {
  transform: translateY(-3px) !important;
  filter: brightness(1.02) !important;
  border-color: #e6bd3c !important;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98),
    rgba(255, 248, 216, 0.98)
  ) !important;

  box-shadow:
    0 0 0 3px rgba(247, 224, 138, 0.8),
    0 14px 30px rgba(11, 37, 69, 0.16),
    0 0 26px rgba(247, 224, 138, 0.7) !important;
}

.nk-fit-card.is-open > span,
.nk-fit-card.is-open > strong {
  opacity: 0;
  transform: translateY(-7px);
}

.nk-fit-card.is-open .nk-fit-extra {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Phones and touchscreens */
@media (hover: none), (pointer: coarse) {
  .nk-fit-card {
    min-height: 220px;
    cursor: pointer;
  }

  .nk-fit-card .nk-fit-extra {
    position: absolute;
    inset: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;

    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
  }

  /* Prevent the phone's simulated hover/focus from opening the card */
  .nk-fit-card:hover,
  .nk-fit-card:focus {
    transform: none !important;
    filter: none !important;
    border-color: rgba(212, 169, 40, 0.22) !important;
    background: #fff2c6 !important;
    box-shadow: none !important;
  }

  .nk-fit-card:hover > span,
  .nk-fit-card:hover > strong,
  .nk-fit-card:focus > span,
  .nk-fit-card:focus > strong {
    opacity: 1;
    transform: none;
  }

  .nk-fit-card:hover .nk-fit-extra,
  .nk-fit-card:focus .nk-fit-extra {
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
  }

  /* The tap-open state overrides the rules above */
  .nk-fit-card.is-open {
    transform: translateY(-3px) !important;
    filter: brightness(1.02) !important;
    border-color: #e6bd3c !important;

    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.98),
      rgba(255, 248, 216, 0.98)
    ) !important;

    box-shadow:
      0 0 0 3px rgba(247, 224, 138, 0.8),
      0 14px 30px rgba(11, 37, 69, 0.16),
      0 0 26px rgba(247, 224, 138, 0.7) !important;
  }

  .nk-fit-card.is-open > span,
  .nk-fit-card.is-open > strong {
    opacity: 0;
    transform: translateY(-7px);
  }

  .nk-fit-card.is-open .nk-fit-extra {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
/* City course cards — landscape images with no empty blue space */
#product-grid .product-card-wrapper .card__inner.ratio {
  --ratio-percent: 62.5% !important;
}

#product-grid .product-card-wrapper .card__media,
#product-grid .product-card-wrapper .card__media .media {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

#product-grid .product-card-wrapper .card__media img {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* FIX: halda "Loka glugga" sýnilegum og fyrir ofan allt annað */
details.nk-under-image-about-details[open] {
  position: relative !important;
  z-index: 1000 !important;
  overflow: visible !important;
}

details.nk-under-image-about-details[open] > summary.nk-under-image-about-button {
  display: block !important;
  position: sticky !important;
  bottom: 16px !important;
  z-index: 999999 !important;

  width: fit-content !important;
  min-width: 150px !important;
  height: auto !important;

  margin: 20px auto 16px !important;
  padding: 12px 24px !important;

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;

  background: #0b2545 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  border: 2px solid #d4af37 !important;
  border-radius: 999px !important;

  cursor: pointer !important;
  text-align: center !important;
}

/* Sýna "Loka glugga" í stað gamla textans */
details.nk-under-image-about-details[open] > summary.nk-under-image-about-button {
  font-size: 0 !important;
}

details.nk-under-image-about-details[open] > summary.nk-under-image-about-button::after {
  content: "Loka glugga" !important;
  display: inline-block !important;
  position: relative !important;
  z-index: 1000000 !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* Færa "Loka glugga" neðst undir greinina */
details.nk-under-image-about-details[open] {
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
}

details.nk-under-image-about-details[open] > *:not(summary) {
  order: 1 !important;
}

details.nk-under-image-about-details[open] > summary.nk-under-image-about-button {
  order: 999 !important;
  position: static !important;
  bottom: auto !important;
  top: auto !important;

  align-self: center !important;
  margin: 28px auto 18px !important;

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
/* Forsíða: gera allt landaspjaldið smellanlegt */
.multicolumn-card {
  position: relative !important;
  cursor: pointer !important;
}

.multicolumn-card__info {
  position: static !important;
}

.multicolumn-card__info a.link::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
  display: block !important;
}

.multicolumn-card__image-wrapper,
.multicolumn-card__image {
  pointer-events: none !important;
}

/* Smá viðbragð þegar músin fer yfir allt spjaldið */
.multicolumn-card:hover {
  transform: translateY(-3px);
  transition: transform 0.2s ease;
}

.multicolumn-card:hover .multicolumn-card__info a.link {
  text-decoration: underline !important;
}

/* REPAIR: láta myndaboxið sjálft fylla efri hluta kortsins */
#product-grid .product-card-wrapper .card__inner {
  position: relative !important;
  overflow: hidden !important;
}

#product-grid .product-card-wrapper
.card__inner > .card__media {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

#product-grid .product-card-wrapper
.card__inner > .card__media > .media {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

#product-grid .product-card-wrapper
.card__inner > .card__media img {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;
}
/* REPAIR: fjarlægja myndabil úr námskeiðskortum */
#product-grid .product-card-wrapper,
#product-grid .product-card-wrapper > .card {
  --image-padding: 0rem !important;
  --product-card-image-padding: 0rem !important;
}

#product-grid .product-card-wrapper .card__inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#product-grid .product-card-wrapper .card__media {
  margin: 0 !important;
  width: 100% !important;
}

#product-grid .product-card-wrapper .card--card.card--media > .card__content {
  margin-top: 0 !important;
}
/* REPAIR: festa myndina alveg efst í námskeiðskortinu */
#product-grid .product-card-wrapper > .card.card--card.card--media {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-content: flex-start !important;
  gap: 0 !important;
  row-gap: 0 !important;
}

#product-grid .product-card-wrapper
> .card.card--card.card--media
> .card__inner {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  margin: 0 !important;
}

#product-grid .product-card-wrapper
> .card.card--card.card--media
> .card__content {
  flex: 1 1 auto !important;
  margin-top: 0 !important;
}
/* REPAIR: sýna námskeiðsmyndir án fastra hæða */
#product-grid .product-card-wrapper .card__inner {
  position: relative !important;
  overflow: hidden !important;
}

#product-grid .product-card-wrapper .card__media {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#product-grid .product-card-wrapper .card__media .media {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

#product-grid .product-card-wrapper .card__media img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* REPAIR: halda námskeiðsmyndinni fyrir framan bláa yfirlagið */
#product-grid
.product-card-wrapper
.card__inner
> .card__media {
  z-index: 5 !important;
}

#product-grid
.product-card-wrapper
.card__inner
> .card__media
> .media {
  z-index: 5 !important;
}

#product-grid
.product-card-wrapper
.card__inner
> .card__content {
  z-index: 1 !important;
  background: transparent !important;
}
/* Láta "Loka glugga" fljóta neðst á skjánum á öllum tækjum */
details.nk-under-image-about-details[open] {
  padding-bottom: 100px !important;
}

details.nk-under-image-about-details[open]
> summary.nk-under-image-about-button {
  position: fixed !important;

  left: 50% !important;
  right: auto !important;
  top: auto !important;

  bottom: calc(
    18px + env(safe-area-inset-bottom, 0px)
  ) !important;

  transform: translateX(-50%) !important;

  width: auto !important;
  min-width: 170px !important;
  max-width: calc(100vw - 32px) !important;

  margin: 0 !important;
  padding: 13px 28px !important;

  z-index: 999999 !important;

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.32),
    0 0 18px rgba(212, 175, 55, 0.35) !important;
}
/* REPAIR: sýna myndir á Fróðleikur-greinum */
.article-card-wrapper .card__inner {
  position: relative !important;
  overflow: hidden !important;
}

.article-card-wrapper .card__media {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;

  opacity: 1 !important;
  visibility: visible !important;
  z-index: 5 !important;
}

.article-card-wrapper .card__media .media {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  overflow: hidden !important;
  z-index: 5 !important;
}

.article-card-wrapper .card__media img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;

  opacity: 1 !important;
  visibility: visible !important;
}

.article-card-wrapper
.card__inner
> .card__content {
  z-index: 1 !important;
  background: transparent !important;
}
/* Desktop: festa „Loka glugga“ við neðri brún gula rammans */
@media screen and (min-width: 990px) {
  details.nk-under-image-about-details[open] {
    position: relative !important;
    margin-bottom: 48px !important;
    padding-bottom: 0 !important;
  }

  details.nk-under-image-about-details[open]
  > summary.nk-under-image-about-button {
    position: absolute !important;

    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;

    transform: translate(-50%, 50%) !important;

    width: min(230px, calc(100% - 40px)) !important;
    margin: 0 !important;

    z-index: 90 !important;
  }
}
/* Desktop: lyfta bláu leiðsöguhnöppunum og bæta við gylltum ljóma */
@media (hover: hover) and (pointer: fine) {

  [id^="ace-nav-box"] a,
  a[style*="background:#0B2545" i],
  a[style*="background: #0B2545" i],
  a[style*="background-color:#0B2545" i],
  a[style*="background-color: #0B2545" i] {
    position: relative;
    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease,
      border-color 0.25s ease !important;
    will-change: transform;
  }

  [id^="ace-nav-box"] a:hover,
  [id^="ace-nav-box"] a:focus-visible,
  a[style*="background:#0B2545" i]:hover,
  a[style*="background: #0B2545" i]:hover,
  a[style*="background-color:#0B2545" i]:hover,
  a[style*="background-color: #0B2545" i]:hover {
    transform: translateY(-6px) !important;
    border-color: #f7e08a !important;

    box-shadow:
      0 12px 24px rgba(11, 37, 69, 0.22),
      0 0 10px rgba(212, 175, 55, 0.85),
      0 0 24px rgba(247, 224, 138, 0.55) !important;

    z-index: 5;
  }
}
/* Desktop: tryggja að ACE3 leiðsöguboxin lyftist */
@media (hover: hover) and (pointer: fine) {

  [id^="ace-nav-box"] a {
    position: relative !important;
    top: 0;
    display: block !important;
    transition:
      top 0.25s ease,
      box-shadow 0.25s ease,
      border-color 0.25s ease !important;
  }

  [id^="ace-nav-box"] a:hover,
  [id^="ace-nav-box"] a:focus-visible {
    top: -6px !important;
  }

  [id^="ace-nav-box"],
  [class*="ace3-blog-nav"] {
    overflow: visible !important;
  }
}
/* Header wordmark – richer logo-style gold */
.header__heading-link .h2 {
  display: inline-block;
  margin: 0;

  font-size: 2.8rem !important;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: 0.015em;

  background: linear-gradient(
    180deg,
    #f8d982 0%,
    #e7b84e 30%,
    #c58d27 62%,
    #8f5d16 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  filter: drop-shadow(0 1px 1px rgba(255, 225, 145, 0.25))
          drop-shadow(0 2px 3px rgba(68, 38, 5, 0.3));
}

/* Desktop */
@media screen and (min-width: 990px) {
  .header__heading-link .h2 {
    font-size: 3.2rem !important;
  }
}

/* Mobile */
@media screen and (max-width: 749px) {
  .header__heading-link .h2 {
    font-size: 2.35rem !important;
  }
}
/* Gold underline beneath header wordmark */
.header__heading-link .h2 {
  position: relative;
  padding-bottom: 0.28em;
  word-spacing: 0.22em;
}

.header__heading-link .h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 68%;
  height: 2px;
  transform: translateX(-50%);

  background: linear-gradient(
    90deg,
    transparent 0%,
    #b77a18 12%,
    #f8dc8b 50%,
    #b77a18 88%,
    transparent 100%
  );

  box-shadow: 0 1px 5px rgba(218, 169, 55, 0.35);
}
/* Nám og Kúltúr – metallic gold style matching the logo */
.header__heading-link .h2 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding-bottom: 0.34em;

  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 2.8rem !important;
  line-height: 1;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0.025em;
  word-spacing: 0.55em;

  background: linear-gradient(
    180deg,
    #fff4bd 0%,
    #f1ce76 24%,
    #d6a53f 50%,
    #a9701d 76%,
    #74450c 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  filter:
    drop-shadow(0 1px 0 rgba(255, 239, 183, 0.35))
    drop-shadow(0 2px 2px rgba(55, 31, 4, 0.4));
}

/* Gold underline that slowly runs outward and inward */
.header__heading-link .h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;

  width: 92%;
  height: 2px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    #9b6416 10%,
    #d7a43b 30%,
    #fff0a6 50%,
    #d7a43b 70%,
    #9b6416 90%,
    transparent 100%
  );

  box-shadow: 0 0 6px rgba(224, 182, 80, 0.45);

  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  animation: nk-gold-line 10s ease-in-out infinite;
}

@keyframes nk-gold-line {
  0% {
    transform: translateX(-50%) scaleX(0);
    opacity: 0;
  }

  50% {
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) scaleX(0);
    opacity: 0;
  }
}

/* Desktop */
@media screen and (min-width: 990px) {
  .header__heading-link .h2 {
    font-size: 3.2rem !important;
    word-spacing: 0.55em;
  }
}

/* Mobile */
@media screen and (max-width: 749px) {
  .header__heading-link .h2 {
    font-size: 2.25rem !important;
    letter-spacing: 0.02em;
    word-spacing: 0.38em;
  }

  .header__heading-link .h2::after {
    width: 90%;
  }
}

/* Keep underline still for visitors who disable animations */
@media (prefers-reduced-motion: reduce) {
  .header__heading-link .h2::after {
    animation: none;
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
  }
}
@media screen and (max-width: 749px) {
  details.menu-drawer-container[open] > summary::before {
    display: none !important;
    content: none !important;
  }
}
/* Premium Loka button — mobile and desktop */
.namog-menu-close {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: calc(100% - 6rem) !important;
  max-width: 32rem !important;
  margin: 2rem auto 3rem !important;
  padding: 1.35rem 2rem !important;

  appearance: none !important;
  background:
    linear-gradient(
      180deg,
      #173b63 0%,
      #0b2545 55%,
      #071c35 100%
    ) !important;

  color: #f7e08a !important;
  border: 1px solid rgba(247, 224, 138, 0.8) !important;
  border-radius: 999px !important;

  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 14px rgba(201, 162, 39, 0.12) !important;

  font-family: inherit !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;

  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
}

.namog-menu-close:hover {
  transform: translateY(-2px) !important;
  border-color: #f7e08a !important;

  background:
    linear-gradient(
      180deg,
      #1c4775 0%,
      #0d2d52 55%,
      #081f3a 100%
    ) !important;

  box-shadow:
    0 13px 30px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 22px rgba(247, 224, 138, 0.24) !important;
}

.namog-menu-close:active {
  transform: translateY(0) scale(0.98) !important;
}

.namog-menu-close:focus-visible {
  outline: 2px solid #f7e08a !important;
  outline-offset: 4px !important;
}

@media screen and (min-width: 750px) {
  .namog-menu-close {
    width: 28rem !important;
    margin-top: 2.4rem !important;
  }
}
/* Make course prices clearly visible on collection cards */
.collection .card-information .price,
.collection .card-information .price-item,
.collection .card__information .price,
.collection .card__information .price-item,
.collection .price__regular,
.collection .price__sale {
  color: #e7b84e !important;
  opacity: 1 !important;
}

/* Old/crossed-out price, when applicable */
.collection .price-item--regular {
  color: #d8c58c !important;
}
/* Visibly bold links inside course popups */
.product-popup-modal__content-info a:not(.button),
.product-popup-modal__content .rte a:not(.button) {
  font-weight: 700 !important;
  -webkit-text-stroke: 0.4px currentColor;
  text-shadow:
    0.25px 0 currentColor,
    -0.25px 0 currentColor;
}
/* Bold ordinary inline text links */
main a:not([class]) {
  font-weight: 800 !important;
}

.course-link-preview img {
  display: block;
  width: 180px;
  height: 120px;
  object-fit: cover;
  border-radius: 6px;
}
/* Floating course image preview */
.course-hover-preview {
  position: fixed;
  width: 250px;
  padding: 3px;
  background: #0d2b50;
  border: 4px solid #e7b84e;
  border-radius: 9px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  z-index: 999999;
  pointer-events: none;
}

.course-hover-preview img {
  display: block;
  width: 100%;
  height: 167px;
  object-fit: cover;
  border-radius: 4px;
}

.course-hover-preview img {
  display: block;
  width: 100%;
  height: 167px;
  object-fit: cover;
  border-radius: 6px;
}
.course-hover-preview {
  pointer-events: none;
}
@media screen and (max-width: 749px) {
  .header__heading-link,
  .header__heading-link * {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .header__heading-link {
    font-size: 0.92em !important;
  }
}