/** Shopify CDN: Minification failed

Line 290:112 Unexpected ")"

**/
/* /collections/gaver as a gift landing page (sections/gift-landing-head, sections/gift-hub-tiles; owner 2026-10-29).
   Theme patterns only: pw width, h1/h3, btn-cta-green / btn-outline, txt-btn-underscore-2. */
.gift-landing-head {
  display: grid;
  gap: 14px;
  padding-block: 20px 28px;
}
.gift-landing-head .breadcrumb {
  margin-bottom: 0 !important;
}
.gift-landing-head__title {
  margin: 0;
  font-size: clamp(30px, 3.6vw, 44px);
  line-height: 1.1;
  text-wrap: balance;
}
.gift-landing-head__text {
  max-width: 66ch;
  font-size: 17px;
}
.gift-landing-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin-top: 4px;
}
.gift-landing-head__hint {
  margin: 0;
  font-size: 15px;
  color: var(--color-neutral-1);
}

.gift-hub-tiles {
  padding-block: var(--spacing-4);
  border-top: 1px solid var(--color-brown-3, #D2C9BD);
}
.gift-hub-tiles__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
.gift-hub-tiles__head .h3 {
  margin: 0;
}
.gift-hub-tiles__text {
  margin: 6px 0 0;
  color: var(--color-neutral-1);
}
.gift-hub-tiles__row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 16px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.gift-hub-tile {
  display: grid;
  gap: 10px;
  align-content: start;
}
.gift-hub-tile__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 16px;
}
.gift-hub-tiles--small .gift-hub-tile__media img {
  aspect-ratio: 1 / 1;
}
.gift-hub-tile__title {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
}
.gift-hub-tile__btn {
  justify-self: start;
}

/* Phones (and narrow tablets): the tiles scroll sideways with the next one peeking in. */
@media (max-width: 989px) {
  .gift-hub-tiles__row {
    grid-auto-columns: 44%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    margin-inline: calc(-1 * var(--page-width-padding, 16px));
    padding-inline: var(--page-width-padding, 16px);
  }
  .gift-hub-tiles--small .gift-hub-tiles__row {
    grid-auto-columns: 38%;
  }
  .gift-hub-tile {
    scroll-snap-align: start;
  }
}
@media (min-width: 990px) {
  .gift-hub-tiles__row {
    grid-auto-flow: row;
    grid-template-columns: repeat(var(--cols, 6), minmax(0, 1fr));
  }
}

.gift-landing-head__title {
  font-weight: 700;
}
.gift-landing-head__actions .btn {
  width: auto;
  max-width: 100%;
}
.gift-hub-tile__media img {
  height: auto !important;
  aspect-ratio: 1 / 1;
}
@media (max-width: 989px) {
  .gift-hub-tiles--large .gift-hub-tile__media img {
    aspect-ratio: 4 / 5;
  }
}
.gift-landing-text {
  padding-block: var(--spacing-5);
  border-top: 1px solid var(--color-brown-3, #D2C9BD);
}
.gift-landing-text__body {
  max-width: 72ch;
}
/* The FAQ under the text: the section's padding is the space below it (and above it when there is no text). */
.gift-landing-text__faq .collection-faq {
  margin-bottom: 0;
}
.gift-landing-text__faq:first-child .collection-faq {
  margin-top: 0;
}

/* The story circles here show photos, not packshots: every circle the same size, the label wrapping under it. */
.template-gaver .story__image-stack .image-stack-card {
  width: 112px;
}
.template-gaver .story__image-stack .image-stack-card-media {
  width: 96px;
  margin-inline: auto;
}
.template-gaver .story__image-stack .image-stack-card-media img {
  object-fit: cover;
}
.template-gaver .story__image-stack .image-stack-card-meta {
  text-align: center;
  text-wrap: balance;
}
.template-gaver .story__image-stack .image-stack-card-meta {
  hyphens: none;
  overflow-wrap: normal;
  word-break: keep-all;
}

/* --- Round 2 (owner 2026-10-29) --- */

/* Top: title and intro beside the gift guide card on desktop; the card under them on phones. */
.gift-landing-head {
  grid-template-columns: 1fr;
  align-items: center;
}
.gift-landing-head__text-col {
  display: grid;
  gap: 14px;
}
.gift-landing-head__finder .guide-card {
  min-height: 0;
}
@media (min-width: 990px) {
  .gift-landing-head {
    grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
    column-gap: 48px;
  }
}

/* The hubs as pills, pinned under the header; the section wrapper steps aside so the pills stay for the whole page. */
.shopify-section:has(> .gift-landing-pills),
.shopify-section:has(> .gift-landing-head) {
  display: contents;
}
.gift-landing-pills {
  padding-block: 10px;
  border-bottom: 1px solid var(--color-brown-3, #D2C9BD);
}

/* Tiles: the picture is the link, an arrow button at its bottom right (as the cards' add-to-cart button). */
.gift-hub-tile__media {
  position: relative;
  display: block;
  border-radius: 16px;
  overflow: hidden;
}
.gift-hub-tile__media img {
  border-radius: 0;
}
.gift-hub-tile__arrow {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: var(--color-primary-0);
  color: var(--color-off-white);
  transition: background-color 0.2s;
}
.gift-hub-tile__media:hover .gift-hub-tile__arrow,
.gift-hub-tile__media:focus-visible .gift-hub-tile__arrow {
  background-color: var(--color-black, #111);
}
.gift-hub-tile__media:focus-visible {
  outline: 2px solid var(--color-primary-0);
  outline-offset: 2px;
}

/* Phones: the tile row starts at the page edge's padding, not cut off. */
@media (max-width: 989px) {
  .gift-hub-tiles__row {
    margin-inline: 0;
    padding-inline: 0;
    scroll-padding-inline: 0;
  }
}

/* Takkegaver: the tiles and the small gifts rail read as one section. */
.gift-hub-tiles--joined {
  padding-bottom: 0;
}

/* Story circles on phones: room between them, labels never run together. */
@media (max-width: 749px) {
  .template-gaver .story__image-stack {
    gap: 14px;
  }
  .template-gaver .story__image-stack .image-stack-card {
    flex: 0 0 84px;
    width: 84px;
  }
  .template-gaver .story__image-stack .image-stack-card-media {
    width: 72px;
  }
  .template-gaver .story__image-stack .image-stack-card-meta {
    font-size: 13px;
  }
}
.gift-landing-head {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}
.gift-landing-head > * {
  min-width: 0;
}
.gift-landing-head__finder .guide-card {
  width: 100%;
  max-width: 100%;
}
.gift-landing-head__finder .guide-card__chips {
  flex-wrap: wrap;
}
@media (min-width: 990px) {
  .gift-landing-head {
    grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
    align-items: end;
  }
  .gift-landing-head__text-col {
    align-self: start;
  }
}
.gift-landing-head__stories {
  margin-top: 10px;
}
.gift-landing-head__stories .collection-subcollections,
.gift-landing-head__stories > * {
  margin: 0;
}

/* --- Top as one hero unit (design review 2026-10-29); these rules replace the earlier head rules above. --- */). In the theme: drop the "body " prefix and REPLACE the round-1/round-2 head rules in
  assets/gift-landing.css (.gift-landing-head grid, __text-col grid, __finder, __stories rules) instead of appending.
  Verified in the mock: clicking a chip still opens the gift finder drawer (gift-finder-trigger is moved, not cloned).
-->

<!-- 1. CSS -->
<style>
/* One hero unit: the gift guide (primary action) joined to the collection's lifestyle image.
   Title + intro above it on the page colour; hub pills right under it (secondary path, pinned). Story circles dropped. */

.gift-landing-head{display:block;padding-block:16px 24px}
.gift-landing-head__text-col{display:block}
.gift-landing-head .breadcrumb{margin:0 0 14px!important}
.gift-landing-head__title{margin:0;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.1}
.gift-landing-head__text{margin:8px 0 0;max-width:60ch;font-size:17px;line-height:1.45;color:var(--color-neutral-1,#5b5450)}

/* The unit: guide card | image, one block, one radius (16px, as the theme's cards). */
.gift-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:24px;
  border-radius:16px;overflow:hidden;min-height:400px;background:#EDE9E1}
.gift-hero .gift-landing-head__finder{display:flex}
.gift-hero .guide-card{border-radius:0;min-height:0;height:auto;width:100%;padding:40px 40px 32px;gap:12px}
.gift-hero .guide-card__kicker{font-size:34px;line-height:1.08}
.gift-hero .guide-card__text{font-size:16px;opacity:.9;max-width:38ch}
.gift-hero .guide-card__chips{margin-top:10px}
.gift-hero .guide-card__chip{min-height:42px;padding:0 18px;font-size:15px}
.gift-hero .guide-card__steps{margin-top:auto;padding-top:18px;gap:8px}
.gift-hero .guide-card__foot{padding-top:16px;margin-top:0}
.gift-hero .guide-card__cta{margin-left:0;padding:14px 24px;font-size:16px}
.gift-hero__media{position:relative;margin:0;min-height:100%}
.gift-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block}

/* Pills: straight under the unit, no dead band. */
.gift-landing-pills{padding-block:12px}

@media (max-width:989px){
  .gift-landing-head{padding-block:12px 16px}
  .gift-landing-head .breadcrumb{margin-bottom:10px!important}
  .gift-landing-head__title{font-size:28px}
  .gift-landing-head__text{font-size:15px;margin-top:6px}
  .gift-hero{grid-template-columns:minmax(0,1fr);min-height:0;margin-top:16px}
  .gift-hero__media{order:-1;aspect-ratio:5/2;min-height:0}
  .gift-hero__media img{object-position:50% 55%}
  .gift-hero .guide-card{padding:20px;gap:10px}
  .gift-hero .guide-card__kicker{font-size:24px}
  .gift-hero .guide-card__text{font-size:15px}
  /* The theme's own phone pattern for guide chips: one swipeable line (gift-landing.css round 2 forced wrap). */
  .gift-hero .guide-card__chips{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding-right:20px;margin-top:4px}
  .gift-hero .guide-card__chip{min-height:40px;padding:0 16px}
  .gift-hero .guide-card__steps{display:none}
  .gift-hero .guide-card__foot{padding-top:6px}
  .gift-hero .guide-card__cta{margin-left:auto}
}

.gift-hero--no-image { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 990px) {
  .gift-landing-head.gift-landing-head {
    display: block;
    grid-template-columns: none;
  }
}

/* Circle sections (Fødselsdag, Mærkedage): the heading close to its circles, and the row inside the page width. */
.template-gaver .story__image-body {
  margin-top: 0;
}
.template-gaver .column.column-1:has(> .story__image-body) {
  row-gap: 16px !important;
}
.template-gaver .story__image-stack {
  max-width: 100%;
}
@media (max-width: 749px) {
  .template-gaver .story__image-stack {
    padding-inline: 0;
    margin-inline: 0;
  }
}

/* Separators between the landing's sections run the full width (owner 2026-10-29: the tiles' line stopped at the page
   width); none directly under a coloured band. */
.gift-hub-tiles {
  border-top: 0;
}
.template-gaver .shopify-section:has(> .gift-hub-tiles),
.template-gaver .shopify-section:has(.story__image-stack) {
  border-top: 1px solid var(--color-brown-3, #D2C9BD);
}
.template-gaver .shopify-section:has(.section-products) + .shopify-section {
  border-top: 0;
}

/* No lines around a coloured band (owner 2026-10-29): neither the pills' line above it nor a line under it. */
.template-gaver .gift-landing-pills:has(+ .shopify-section .section-products),
.template-gaver .shopify-section:has(> .gift-landing-pills) + .shopify-section:has(.section-products) {
  border: 0;
}
.template-gaver .gift-landing-pills {
  border-bottom: 0;
}
.template-gaver .shopify-section:has(.section-products) + .shopify-section,
.template-gaver .shopify-section:has(.section-products) {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.template-gaver .shopify-section.section-products + .shopify-section {
  border-top: 0 !important;
}

/* --- Round 4 (owner 2026-10-30) --- */

/* Pills: at the top under the header, with the collection pages' line under them. */
.template-gaver .gift-landing-pills {
  padding-block: 10px;
  border-bottom: 1px solid var(--color-neutral-3) !important;
}

/* Section lines in the theme's border colour. */
.template-gaver .shopify-section:has(> .gift-hub-tiles),
.template-gaver .shopify-section:has(.story__image-stack),
.gift-landing-text {
  border-top-color: var(--color-neutral-3) !important;
}

/* The line under a title: one style in every section (as the tile sections' text). */
.template-gaver .section-header .rte p,
.template-gaver .section-products__beside-head .rte p,
.template-gaver .section-header p:not(.h1):not(.h2):not(.h3),
.gift-hub-tiles__text {
  margin: 6px 0 0;
  font-size: 16px;
  line-height: 1.45;
  color: var(--color-neutral-1);
}

/* Picture beside the row: a smaller picture and less room around the title, so the band is lower. */
@media (min-width: 768px) {
  .template-gaver .section__main--beside .products-mediab-block {
    flex: 0 0 340px !important;
    width: 340px !important;
    max-width: 340px !important;
  }
  .template-gaver .section-products__beside-head {
    margin-bottom: 0;
  }
  /* Title, line, "Se alle" row and cards close together (owner 2026-10-30): a shorter band, so a less tall picture. */
  .template-gaver .section__main--beside .section-products__bar {
    margin-block: 14px 12px;
  }
  .template-gaver .shopify-section.section-products .section-products-container {
    padding-block: 48px;
  }
}

/* Julegaver in Christmas red with light text; the cards keep their own white. */
.template-gaver [id$="__season"] .section-products-container {
  background-color: #7A2026 !important;
  color: #FFFDF8;
  --section-text-color: #FFFDF8;
  --section-secondary-item-color: #FFFDF8;
}
.template-gaver [id$="__season"] .section-products__beside-head :is(h2, .h2, p),
.template-gaver [id$="__season"] .section-header :is(h2, .h2, p),
.template-gaver [id$="__season"] .section-products__bar .txt-btn-underscore-2,
.template-gaver [id$="__season"] .section-products__bar .txt-btn-underscore-2 span {
  color: #FFFDF8 !important;
}
.template-gaver [id$="__season"] .section-products__bar .txt-btn-underscore-2 {
  border-color: #FFFDF8;
}
.template-gaver [id$="__season"] .product-card .card-content,
.template-gaver [id$="__season"] .product-card .card-content * {
  color: #FFFDF8;
}

/* Story rows on phones: the carousels' bar under them, showing how far the row is scrolled. */
.gift-story-bar {
  position: relative;
  height: 3px;
  margin: 14px 0 0;
  border-radius: 999px;
  background-color: color-mix(in srgb, currentColor 18%, transparent);
}
.gift-story-bar > span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: inherit;
  background-color: currentColor;
}
@media (min-width: 750px) {
  .gift-story-bar { display: none; }
}
.template-gaver [id$="__season"] .star-rating {
  --star-color: #FFFDF8;
  --star-empty: rgb(255 253 248 / 0.35);
}

/* The line under a title on a dark band: light, not grey. */
.template-gaver [id$="__boxes"] .section-header p,
.template-gaver [id$="__boxes"] .section-products__beside-head p {
  color: rgb(255 253 248 / 0.85) !important;
}

/* Takkegaver as one block: its tiles on the same cream as its small-gifts row, no line between. */
.template-gaver [id$="__thanks"] {
  background-color: var(--color-cream-1, #F1EDE3);
  border-top: 0 !important;
}

/* --- Round 5 (owner 2026-10-30) --- */

/* Title and the line under it: 6px apart in every section, as on the tile sections (the heading group's own 10px
   margin came on top of the line's 6px). */
.template-gaver .hg-description {
  margin-top: 0;
}

/* Add to cart on the coloured bands: the theme's filled button without the light ring (its border is currentColor,
   which only disappears on light cards). */
.template-gaver :is([id$="__season"], [id$="__boxes"]) .product-card .card-button-icon {
  border-color: transparent;
}

/* On the dark-green band the theme's green button has the band's own colour and disappears: light button, green icon,
   like the band's arrow buttons. */
.template-gaver [id$="__boxes"] .product-card .card-button-icon {
  background-color: #FFFDF8;
  color: #384E46;
}
.template-gaver [id$="__boxes"] .product-card .card-button-icon:hover {
  background-color: #EDE9E1;
  color: #384E46;
}

/* Story rows on phones: one bar only. The row's own (styled) scrollbar showed as a short grey bar over ours. */
@media (max-width: 749px) {
  .template-gaver .story__image-stack {
    scrollbar-width: none;
  }
  .template-gaver .story__image-stack::-webkit-scrollbar {
    display: none;
  }
}

/* Ønskeskyens favoritter: on the warm beige (owner 2026-10-30: brand colours; beige so it does not sit as a second green band under Gavesæt). */
.template-gaver [id$="__wished"] .section-products-container {
  background-color: #EDE9E1 !important;
}