/** Shopify CDN: Minification failed

Line 596:0 Unexpected "}"

**/
/* ==========================================================================
   ATELIER design layer (October 2026)
   One rule set for the whole shop, loaded after every section stylesheet.
   The sections each carry their own CSS and had drifted into six heading styles, seven button styles, two golds and
   three corner radii (audit: .planning/deliverables/2026-10-05/homepage-audit/AUDIT.md). This file is the single place
   that decides type, colour, shape and buttons. Section CSS still owns layout.

   Rules: Playfair 400 for every heading (sentence case), Playfair italic for captions, Inter for body, a small
   letter-spaced label style; cream ground, charcoal ink, ONE bronze; square corners, hairlines, no shadows;
   one primary button (charcoal), one quiet button (hairline), text links underlined.
   !important is used on purpose for the normalisers: this layer must win over ~40 section stylesheets.
   ========================================================================== */

:root {
  --at-ink: #1a1a1a;
  --at-ink-soft: #55504a;
  --at-cream: #f5f0e8;
  --at-panel: #ece5d8;          /* product photo ground, one step darker than the page */
  --at-bronze: #7d5a1e;         /* the only accent; 5.6:1 on cream */
  --at-line: rgba(26, 26, 26, 0.14);
  --at-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --color-gold: #7d5a1e;        /* retire the bright gold everywhere it was used as text or fill */
  --radius-sm: 0px; --radius-md: 0px; --radius-lg: 0px;
  --style-border-radius-inputs: 0px;
}

/* ---------- Shape: square, flat ---------- */
body *, body *::before, body *::after { border-radius: 0 !important; }
body :is([class*="swatch"], [class*="__dot"], [class*="-dot"], [class*="radio"], [class*="avatar"], [class*="cart-count"],
  [class*="shipping-dot"], .header__logo-seal, .footer__logo-seal, [class*="logo-seal"]) { border-radius: 50% !important; }
body :is([class*="swatch"])::before, body :is([class*="swatch"])::after { border-radius: 50% !important; }
body *:not([class*="popup"]):not([class*="drawer"]):not([class*="dropdown"]):not([class*="mega"]):not([class*="sticky"]):not([class*="consent"]):not([class*="hc-"]):not([class*="mobile-nav"]) { box-shadow: none !important; }

/* ---------- Type ---------- */
body :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5) { font-weight: 400 !important; text-wrap: balance; }
body :is(h1, h2, .h1, .h2) { letter-spacing: -0.015em; }
body p { text-wrap: pretty; }

/* Label: the one small-caps style (eyebrows, counts, nav, filters) */
body :is(.curated-collection__eyebrow, .fp__eyebrow, .reviews__eyebrow, .product__editorial-eyebrow, .featured-articles__eyebrow,
  [class*="__eyebrow"], .at-label) {
  font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important;
  letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--at-bronze) !important;
}

/* Section headings: one size, left or centred as the section lays out, never bold */
body :is(.curated-collection__heading, .fp__heading, .reviews__heading, .heritage-story__heading, .htbs__h, .featured-articles__heading) {
  font-family: var(--font-heading) !important; font-size: clamp(1.75rem, 3.2vw, 2.75rem) !important; line-height: 1.12 !important;
  letter-spacing: -0.015em !important; color: var(--at-ink) !important;
}
body :is(.curated-collection__sub, .fp__subheading) { color: var(--at-ink-soft) !important; font-size: 0.9375rem !important; }

/* ---------- Buttons ---------- */
/* Primary: charcoal, square, quiet letter-spaced label */
body :is(.htb__cta, .htbs__btn--gold, .curated-collection__cta, .heritage-story__button, .cart__checkout-btn, .cart__empty-cta,
  .cp-submit, .shop-guide__cta, .search-page__submit, .seasonal-popup__cta, .hero__button--primary, .seasonal-hero__btn--primary,
  .hero-dual__cta--gold, .hero-dual__cta--solid, .htale__btn--gold, .product-sticky-cta__btn, .product__notify-btn,
  .not-found__search-btn, .footer__newsletter-btn, .at-btn) {
  background: var(--at-ink) !important; color: var(--at-cream) !important; border: 1px solid var(--at-ink) !important;
  font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.75rem !important;
  letter-spacing: 0.16em !important; text-transform: uppercase !important; text-decoration: none !important;
  transition: background 0.5s var(--at-ease), color 0.5s var(--at-ease) !important;
}
body :is(.htb__cta, .htbs__btn--gold, .curated-collection__cta, .heritage-story__button, .cart__checkout-btn, .cart__empty-cta,
  .cp-submit, .shop-guide__cta, .search-page__submit, .seasonal-popup__cta, .hero__button--primary, .seasonal-hero__btn--primary,
  .product-sticky-cta__btn, .not-found__search-btn, .at-btn):hover { background: var(--at-bronze) !important; border-color: var(--at-bronze) !important; color: #fff !important; }
body :is(.htb__cta, .curated-collection__cta, .heritage-story__button, .cart__checkout-btn, .cart__empty-cta, .cp-submit,
  .shop-guide__cta, .seasonal-popup__cta, .at-btn):active { transform: translateY(1px); }

/* Quiet: hairline outline on light grounds */
body :is(.fp__view-all, .not-found__home-btn, .collection__hero-btn, .featured-articles__cta, .hero__button--outline,
  .seasonal-hero__btn--outline, .at-btn-quiet) {
  background: transparent !important; color: var(--at-ink) !important; border: 1px solid var(--at-ink) !important;
  font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.75rem !important;
  letter-spacing: 0.16em !important; text-transform: uppercase !important; text-decoration: none !important;
  transition: background 0.5s var(--at-ease), color 0.5s var(--at-ease) !important;
}
body :is(.fp__view-all, .not-found__home-btn, .collection__hero-btn, .featured-articles__cta, .at-btn-quiet):hover { background: var(--at-ink) !important; color: var(--at-cream) !important; }

/* On-image buttons keep a cream hairline */
body :is(.featured-collections__btn, .htbs__btn--ghost, .hero-dual__cta--ghost, .htale__btn--ghost) {
  font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.75rem !important; letter-spacing: 0.16em !important;
}

/* Text links inside copy */
body :is(.htbs__all, .at-link) {
  font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.75rem !important; letter-spacing: 0.16em !important;
  text-transform: uppercase !important; color: var(--at-ink) !important; text-decoration: none !important;
  border-bottom: 1px solid var(--at-ink); padding-bottom: 3px;
}

/* Focus: one ring */
body :focus-visible { outline: 1px solid var(--at-ink) !important; outline-offset: 3px !important; }

/* ---------- Product card: a print on a mount, not a white box ---------- */
body .product-card__image-wrapper { background-color: var(--at-panel) !important; transform: none !important; }
body .product-card__image.product-card__image--primary { mix-blend-mode: multiply; transition: transform 1.2s var(--at-ease) !important;
  /* every hat fills the same share of its panel: --fit-* come from custom.image_fit (0.76 = the photo's share of the padded card) */
  transform: translate(calc(var(--fit-x, 0%) * 0.76), calc(var(--fit-y, 0%) * 0.76)) scale(var(--fit-s, 1)); }
@media (hover: hover) {
  body .product-card:hover .product-card__image-wrapper { transform: none !important; }
  body .product-card:hover .product-card__image.product-card__image--primary { transform: translate(calc(var(--fit-x, 0%) * 0.76), calc(var(--fit-y, 0%) * 0.76)) scale(calc(var(--fit-s, 1) * 1.04)); }
}
body .product-card__title, body .product-card__title-link { font-family: var(--font-body) !important; font-size: 0.8125rem !important; color: var(--at-ink) !important; }
body .product-card__price { font-size: 0.8125rem !important; color: var(--at-ink-soft) !important; font-variant-numeric: tabular-nums; }
body .product-card__info { padding-top: 0.75rem !important; }

/* ---------- Announcement bar + header ---------- */
body .announcement-bar { background: var(--at-ink) !important; color: var(--at-cream) !important; }
body .announcement-bar__text, body .announcement-bar a { color: var(--at-cream) !important; font-family: var(--font-body) !important;
  font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; }
body .header { border-bottom: 1px solid var(--at-line) !important; }
body .header a:not(.header__logo), body .header__dropdown-toggle { font-family: var(--font-body) !important; font-weight: 500 !important;
  font-size: 0.6875rem !important; letter-spacing: 0.16em !important; }

/* ---------- Footer ---------- */
body .footer__heading { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important;
  letter-spacing: 0.18em !important; color: var(--at-bronze) !important; }
body .footer__logo-name { color: var(--at-ink) !important; }
body .footer__trustpilot-badge { background: transparent !important; color: var(--at-ink) !important; border: 1px solid var(--at-line) !important; }
body .footer__trustpilot-badge * { color: var(--at-ink) !important; }

/* ---------- Motion preference ---------- */
@media (prefers-reduced-motion: reduce) {
  body * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}

/* ==========================================================================
   Homepage sections
   ========================================================================== */

/* ---------- Hero: a pale wall carries dark type; no dark veil over the photograph ---------- */
body .htb__hero::after { display: none !important; }
body .htb__display { color: var(--at-ink) !important; font-size: clamp(2rem, 4.4vw, 4rem) !important; line-height: 1.04 !important; letter-spacing: -0.02em !important; text-shadow: none !important; }
body .htb__h1 { color: var(--at-bronze) !important; font-family: var(--font-body) !important; font-weight: 500 !important;
  font-size: 0.6875rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; text-shadow: none !important; }
@media (max-width: 749px) {
  /* phone: the photograph, then the words underneath it on cream */
  body .htb__copy { position: static !important; padding: var(--space-6) var(--space-4) var(--space-7) !important; background: var(--at-cream) !important; }
  body .htb__in { width: 100% !important; }
}

/* ---------- Trust line ---------- */
body .trust-bar { border-top: 1px solid var(--at-line) !important; border-bottom: 1px solid var(--at-line) !important; background: transparent !important; }
body .trust-bar__item { border-color: var(--at-line) !important; background: transparent !important; }

/* ---------- Product rows: left-aligned heads, like the gallery ---------- */
body .fp__header { text-align: left !important; max-width: none !important; margin-left: 0 !important; }
body .fp__subheading { margin-left: 0 !important; }
body .fp { padding-top: var(--space-11) !important; padding-bottom: var(--space-11) !important; }
body .fp__footer { text-align: left !important; }

/* ---------- The two collection features: an uneven pair, captions under the pictures ---------- */
body .featured-collections { max-width: 1440px; margin: 0 auto; padding: var(--space-8) var(--space-4) var(--space-10); }
body .featured-collections__stack { display: grid !important; grid-template-columns: 1fr; gap: var(--space-9) !important; }
body .featured-collections__banner { background: transparent !important; color: var(--at-ink) !important; overflow: visible !important; }
body .featured-collections__image-wrapper { aspect-ratio: 4 / 5 !important; overflow: hidden; background: var(--at-panel); }
body .featured-collections__image { inset: 0 !important; width: 100% !important; height: 100% !important; transition: transform 1.4s var(--at-ease), filter 1.4s ease; }
body .featured-collections__overlay { position: static !important; display: block !important; padding: var(--space-4) 0 0 !important; background: none !important; text-align: left !important; }
body .featured-collections__title { color: var(--at-ink) !important; text-shadow: none !important; font-size: clamp(1.5rem, 2.6vw, 2.25rem) !important; margin: 0 0 var(--space-1) !important; max-width: none !important; }
body .featured-collections__subtitle { color: var(--at-ink-soft) !important; opacity: 1 !important; font-size: 0.9375rem !important; margin: 0 0 var(--space-3) !important; max-width: none !important; }
body .featured-collections__btn { display: inline-block; padding: 0 0 3px !important; border: 0 !important; border-bottom: 1px solid var(--at-ink) !important; background: none !important; color: var(--at-ink) !important; text-transform: uppercase !important; }
@media (hover: hover) { body .featured-collections__banner:hover .featured-collections__image { transform: scale(1.03); filter: brightness(1.04); } }
@media (min-width: 900px) {
  body .featured-collections { padding: var(--space-10) var(--space-8) var(--space-12); }
  body .featured-collections__stack { grid-template-columns: 1.35fr 1fr; gap: var(--space-9) !important; align-items: start; }
  body .featured-collections__banner:first-child .featured-collections__image-wrapper { aspect-ratio: 5 / 4 !important; }
  body .featured-collections__banner:nth-child(2) { margin-top: var(--space-12); }
}

/* ---------- One customer's words, set large ---------- */
body .reviews { padding: var(--space-12) var(--space-4) !important; background: transparent !important; border-top: 1px solid var(--at-line); border-bottom: 1px solid var(--at-line); }
body .reviews__heading { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body .reviews__inner > .reviews__source-link { display: none !important; }
body .reviews__track { display: block !important; max-width: 56rem; margin: var(--space-5) auto 0 !important; padding: 0 !important; overflow: visible !important; }
body .reviews__card { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 auto !important; width: auto !important; max-width: none !important; text-align: center; }
body .reviews__stars { display: none !important; }
body .reviews__quote { font-family: var(--font-heading) !important; font-style: italic; font-size: clamp(1.625rem, 3.6vw, 3rem) !important; line-height: 1.22 !important; letter-spacing: -0.01em; color: var(--at-ink) !important; margin: 0 0 var(--space-6) !important; text-wrap: balance; }
body .reviews__quote::before { content: '\201D'; display: block; font-style: normal; font-size: 3rem; line-height: 0.6; color: var(--at-bronze); margin-bottom: var(--space-4); }
body .reviews__meta { display: flex !important; justify-content: center; gap: var(--space-3); font-family: var(--font-body) !important; font-size: 0.6875rem !important; letter-spacing: 0.18em; text-transform: uppercase; color: var(--at-ink-soft) !important; }
body .reviews__author { font-weight: 500 !important; color: var(--at-ink) !important; }

/* ---------- Kolding: the shop itself, then the facts as plain lines ---------- */
body .heritage-story { padding: var(--space-11) var(--space-4) !important; background: transparent !important; }
body .heritage-story__image { width: 100%; height: auto; display: block; }
body .heritage-story__shipping { background: none !important; border: 0 !important; border-top: 1px solid var(--at-line) !important; padding: var(--space-4) 0 0 !important; color: var(--at-ink-soft) !important; }
body .heritage-story__shipping-dot { display: none !important; }
body .heritage-story__phone { background: none !important; color: var(--at-ink) !important; padding: var(--space-3) 0 !important; border-top: 1px solid var(--at-line); border-bottom: 1px solid var(--at-line); }
body .heritage-story__phone * { color: var(--at-ink) !important; }
body .heritage-story__phone-icon { display: none !important; }
body .heritage-story__phone-text strong { font-family: var(--font-heading); font-weight: 400; font-size: 1.375rem; }
body .heritage-story__phone-sub { color: var(--at-ink-soft) !important; }

/* hero: a cream veil (never a dark one) keeps the headline clear of leaf shadows on wide screens */
@media (min-width: 750px) {
  body .htb__hero::after { display: block !important; background: linear-gradient(90deg, rgba(245, 240, 232, 0.82) 0%, rgba(245, 240, 232, 0.55) 30%, rgba(245, 240, 232, 0) 52%) !important; }
}
body .featured-collections__subtitle, body .featured-collections__title { text-shadow: none !important; }

/* ==========================================================================
   Collection pages
   ========================================================================== */
/* Header: cream panel with dark type beside the photograph (was a brown block) */
body .collection__hero { background: var(--at-cream) !important; border-bottom: 1px solid var(--at-line); }
body .collection__hero-text { background: var(--at-cream) !important; color: var(--at-ink) !important; }
body .collection__hero-title { color: var(--at-ink) !important; font-size: clamp(2.25rem, 5vw, 4.25rem) !important; line-height: 1.02 !important; letter-spacing: -0.02em !important; }
body .collection__hero-subtitle { color: var(--at-ink-soft) !important; max-width: 30rem; }
body .collection__title { font-size: clamp(2.25rem, 5vw, 4rem) !important; letter-spacing: -0.02em !important; }

/* Sibling chips, filters, counts: the label style on hairlines */
body [class*="sibling-pills"] a, body .collection__filterdrop-btn, body .collection__filterbar-count, body .collection__active-tag {
  font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; }
body [class*="sibling-pills"] a { border: 1px solid var(--at-line) !important; background: transparent !important; color: var(--at-ink) !important; }
body [class*="sibling-pills"] a:hover { border-color: var(--at-ink) !important; }
body .collection__filterbar { border-top: 1px solid var(--at-line) !important; border-bottom: 1px solid var(--at-line) !important; }

/* Related categories + the all-collections page: portrait, caption under the picture */
body :is(.collection__related-card, .collections-masonry__card) { background: none !important; transform: none !important; overflow: visible !important; color: var(--at-ink) !important; }
body :is(.collection__related-image-wrap, .collections-masonry__image-wrap) { aspect-ratio: 4 / 5 !important; height: auto !important; overflow: hidden; background: var(--at-panel); }
body :is(.collection__related-image, .collections-masonry__image) { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 25% !important; transition: transform 1.4s var(--at-ease), filter 1.4s ease !important; }
body :is(.collection__related-overlay, .collections-masonry__overlay) { position: static !important; background: none !important; padding: var(--space-3) 0 0 !important; color: var(--at-ink) !important; display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
body :is(.collection__related-label, .collections-masonry__card-title) { font-family: var(--font-heading) !important; font-weight: 400 !important; font-size: 1.1875rem !important; text-transform: none !important; letter-spacing: -0.005em !important; color: var(--at-ink) !important; text-shadow: none !important; margin: 0 !important; }
body :is(.collection__related-count, .collections-masonry__count) { font-family: var(--font-heading) !important; font-style: italic; font-size: 0.8125rem !important; color: var(--at-ink-soft) !important; text-transform: none !important; letter-spacing: 0 !important; white-space: nowrap; }
@media (hover: hover) { body :is(.collection__related-card, .collections-masonry__card):hover :is(.collection__related-image, .collections-masonry__image) { transform: scale(1.035) !important; filter: brightness(1.04); } }
body .collection__related-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--space-6) var(--space-4) !important; }
body .collection__related-grid .collection__related-card { grid-column: auto !important; grid-row: auto !important; height: auto !important; }
@media (min-width: 900px) { body .collection__related-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
body .collection__related-title, body .collection__faq-title { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--at-ink-soft) !important; }

/* All collections: a calm, even grid instead of masonry */
body .collections-masonry__grid { column-count: auto !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-7) var(--space-4); }
@media (min-width: 900px) { body .collections-masonry__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-9) var(--space-5); } }
body .collections-masonry__card { margin: 0 !important; }
body .collections-masonry__title { font-family: var(--font-heading) !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: -0.02em !important; font-size: clamp(2.25rem, 5vw, 4rem) !important; text-align: left !important; }
body .collections-masonry__header { text-align: left !important; }

/* ==========================================================================
   Product page
   ========================================================================== */
body .product__title, body .product h1 { font-size: clamp(1.75rem, 2.6vw, 2.5rem) !important; line-height: 1.1 !important; letter-spacing: -0.015em !important; }
body .product__size-btn { border: 1px solid var(--at-line) !important; }
body .product__size-btn:hover { border-color: var(--at-ink) !important; }

/* ==========================================================================
   Popup and forms
   ========================================================================== */
body .seasonal-popup { border-top: 0 !important; background: var(--at-cream) !important; }
body .seasonal-popup__heading { font-weight: 400 !important; font-size: 1.625rem !important; }
body :is(input[type="text"], input[type="email"], input[type="search"], input[type="tel"], textarea, select):focus { border-color: var(--at-ink) !important; }

/* ==========================================================================
   404, guide cards, contact page
   ========================================================================== */
/* 404 tiles: the same portrait + caption as everywhere else */
body .not-found__masonry { column-count: auto !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6) var(--space-4); align-items: start; }
@media (min-width: 900px) { body .not-found__masonry { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
body .not-found__card { display: block !important; margin: 0 !important; overflow: visible !important; background: none !important; color: var(--at-ink) !important; transform: none !important; height: auto !important; }
body .not-found__card-image { width: 100% !important; height: auto !important; aspect-ratio: 4 / 5 !important; object-fit: cover !important; object-position: 50% 25% !important; display: block; }
body .not-found__card-overlay { position: static !important; background: none !important; padding: var(--space-3) 0 0 !important; display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-3); }
body .not-found__card-title { font-family: var(--font-heading) !important; font-weight: 400 !important; font-size: 1.1875rem !important; text-transform: none !important; letter-spacing: -0.005em !important; color: var(--at-ink) !important; text-shadow: none !important; margin: 0 !important; }
body .not-found__card-count { font-family: var(--font-heading) !important; font-style: italic; font-size: 0.8125rem !important; color: var(--at-ink-soft) !important; text-transform: none !important; letter-spacing: 0 !important; }

/* Guide cards: no white box; picture, then words */
body .featured-articles__card { background: none !important; border: 0 !important; }
body .featured-articles__body { padding: var(--space-4) 0 0 !important; background: none !important; }
body .featured-articles__title { font-family: var(--font-heading) !important; font-weight: 400 !important; font-size: 1.25rem !important; line-height: 1.25 !important; }
body .featured-articles__cta { display: inline-block !important; width: auto !important; padding: 0 0 3px !important; border: 0 !important; border-bottom: 1px solid var(--at-ink) !important; }
body .featured-articles__cta:hover { background: none !important; color: var(--at-bronze) !important; border-color: var(--at-bronze) !important; }

/* Contact: the form on cream with hairline fields (was a black block), customer words without boxes */
body .cp-form-col, body .cp-form-inner { background: transparent !important; color: var(--at-ink) !important; }
body .cp-form-col { border: 1px solid var(--at-line) !important; }
body .cp-form-inner :is(h2, h3, p, label, .cp-label) { color: var(--at-ink) !important; }
body .cp-form-inner p { color: var(--at-ink-soft) !important; }
body :is(.cp-input, .cp-select, .cp-textarea) { background: transparent !important; color: var(--at-ink) !important; border: 0 !important; border-bottom: 1px solid var(--at-ink) !important; }
body :is(.cp-input, .cp-select, .cp-textarea)::placeholder { color: var(--at-ink-soft) !important; }
body .cp-testimonial { background: none !important; border: 0 !important; border-top: 1px solid var(--at-line) !important; }
body .cp-page [class*="phone"]:not(svg):not(path) { background: none !important; color: var(--at-ink) !important; }
body .cp-page [class*="phone"] * { color: var(--at-ink) !important; }
body .cp-card { background: none !important; }

/* Product gallery: the hat on the same cream mount as the cards */
body .product__media-item { background: var(--at-panel) !important; }
body .product__media-item img { mix-blend-mode: multiply; }

/* Tile captions: name and count stack when the tile is narrow (phones) */
@media (max-width: 899px) {
  body :is(.collection__related-overlay, .collections-masonry__overlay, .not-found__card-overlay) { flex-direction: column; align-items: flex-start; gap: 2px; }
}
body .product__add-to-cart { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.75rem !important; letter-spacing: 0.16em !important; }

/* One left edge down the homepage: product rows and the Kolding block line up with the gallery (1440 max, 48px gutters) */
@media (min-width: 1024px) {
  body .fp { max-width: 1440px; margin-left: auto !important; margin-right: auto !important; padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; }
  body .fp__grid, body .fp__header, body .fp__footer { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
  body .heritage-story__grid { max-width: 1344px !important; margin-left: auto !important; margin-right: auto !important; }
  body .heritage-story { padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; }
}

/* Trust line: quiet labels, no boxes, Trustpilot stars stay as the one spot of colour */
body .trust-bar__title { font-family: var(--font-body) !important; font-weight: 500 !important; color: var(--at-ink) !important; }
body .trust-bar__subtitle, body .trust-bar__sep { color: var(--at-ink-soft) !important; }
body .trust-bar__icon { color: var(--at-bronze) !important; }
body .trust-bar__item { box-shadow: none !important; }
@media (max-width: 767px) { body .trust-bar__item { border: 0 !important; border-left: 1px solid var(--at-line) !important; } body .trust-bar__item:first-child { border-left: 0 !important; } }

/* ---------- Mega menu: the same cream mounts and serif captions as the rest ---------- */
body .header__mega-menu { border-top: 1px solid var(--at-line) !important; }
body .header__mega-image-wrap { background: var(--at-panel) !important; }
body .header__mega-image { mix-blend-mode: multiply; transition: transform 1.2s var(--at-ease) !important; }
@media (hover: hover) { body .header__mega-item:hover .header__mega-image { transform: scale(1.05) !important; } }
body .header__mega-label { font-family: var(--font-heading) !important; font-weight: 400 !important; font-size: 0.9375rem !important; text-transform: none !important; letter-spacing: -0.005em !important; color: var(--at-ink) !important; text-align: left !important; padding-top: var(--space-2) !important; }
body .header__mega-label::after { display: none !important; }
body .header__mega-sidebar-title { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--at-bronze) !important; }
body .header__mega-sidebar-link { text-transform: none !important; letter-spacing: 0 !important; font-size: 0.875rem !important; font-weight: 400 !important; }

/* Mega menu must fit a laptop screen: six tiles to a row (two rows instead of three), lower tiles, and it scrolls
   inside itself if the window is still too short, so nothing is ever unreachable. */
body .header__mega-menu { width: 92vw !important; max-width: 1280px !important; max-height: calc(100dvh - 150px) !important; overflow-y: auto !important; padding: var(--space-6) var(--space-6) var(--space-5) !important; overscroll-behavior: contain; }
body .header__mega-inner { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: var(--space-4) var(--space-3) !important; }
body .header__mega-image-wrap { aspect-ratio: 5 / 4 !important; }
body .header__mega-label { font-size: 0.875rem !important; padding-top: var(--space-1) !important; }
@media (max-width: 1180px) { body .header__mega-inner { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
body .header__mega-sidebar-link--all { text-transform: uppercase !important; letter-spacing: 0.16em !important; font-size: 0.6875rem !important; font-weight: 500 !important; }

/* Mega menu, second pass: the side list no longer repeats the 12 categories the tiles already show (they stay in the
   markup for screen readers and search engines), so the menu is as tall as its two rows of tiles and never scrolls on a laptop. */
body .header__mega-sidebar-link[data-mega-handle], body .header__mega-sidebar-title:not(.header__mega-sidebar-title--season) {
  position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; padding: 0 !important; margin: -1px !important; border: 0 !important; }
body .header__mega-menu { max-height: calc(100dvh - 120px) !important; scrollbar-width: none; }
body .header__mega-menu::-webkit-scrollbar { display: none; }
body .header__mega-image { padding: 4% !important; }
body .header__mega-image-wrap { aspect-ratio: 4 / 3 !important; }
body .header__mega-sidebar { min-width: 11rem; }

/* No scroll area inside the page: the collection container clips sideways only, and the related tiles size their own rows */
body .collection { overflow-x: clip !important; overflow-y: visible !important; }
body .collection__related-grid { grid-template-rows: none !important; grid-auto-rows: auto !important; height: auto !important; }
body .collection__related-card { min-height: 0 !important; max-height: none !important; }

/* ==========================================================================
   Collection page, second pass (audit of 5 Oct): composition, not just colours
   ========================================================================== */
/* Card text as a gallery label: name in the serif, type and colour small beneath, price on the right */
body .product-card__info { display: grid !important; grid-template-columns: 1fr auto; column-gap: var(--space-3); align-items: baseline; padding-left: 0 !important; padding-right: 0 !important; }
body .product-card__title-link { grid-column: 1; text-decoration: none; min-width: 0; }
body .product-card__title--label { display: flex; flex-direction: column-reverse; gap: 1px; margin: 0 !important; }
body .product-card__name { font-family: var(--font-heading); font-weight: 400; font-size: 1.0625rem; line-height: 1.25; letter-spacing: -0.005em; color: var(--at-ink); }
body .product-card__type { font-family: var(--font-body); font-size: 0.75rem; line-height: 1.4; color: var(--at-ink-soft); }
body .product-card__price { grid-column: 2; grid-row: 1; text-align: right; white-space: nowrap; font-family: var(--font-body) !important; font-size: 0.8125rem !important; color: var(--at-ink) !important; margin: 0 !important; }
body .product-card__info > :not(.product-card__title-link):not(.product-card__price) { grid-column: 1 / -1; }
body .product-card--split .product-card__active-color-label { display: none !important; }
body .product-card__swatches { margin-top: var(--space-2) !important; }

/* The grid: four to a row on desktop, calmer gaps */
@media (min-width: 1024px) { body .collection__grid { gap: var(--space-9) var(--space-5) !important; } }
body .collection { max-width: 1440px; margin-left: auto !important; margin-right: auto !important; }

/* Photographs inside the grid: caption under the picture, never on it */
body .grid-feature__image-wrapper { overflow: visible !important; background: var(--at-panel) !important; }
body .grid-feature__image { object-position: center 30% !important; transition: filter 1.4s ease !important; transform: none !important; }
body .grid-feature:hover .grid-feature__image { transform: none !important; filter: brightness(1.04); }
body .grid-feature__label { position: absolute !important; top: calc(100% + 0.75rem) !important; left: 0 !important; bottom: auto !important; right: auto !important; background: none !important; padding: 0 0 3px !important;
  color: var(--at-ink) !important; font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; border-bottom: 1px solid var(--at-ink); text-shadow: none !important; }

/* Top of the page: no button that scrolls 300px, one label style, one hairline, filters stay in reach */
body .collection__hero-buttons { display: none !important; }
body [class*="sibling-pills"] :is(span, p, h2, h3):first-child, body [class*="sibling-pills__label"], body [class*="sibling-pills__title"] { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--at-ink-soft) !important; }
body [class*="sibling-pills"] { border: 0 !important; }
body .collection__filterbar { border: 0 !important; position: sticky; top: 68px; z-index: 40; background: var(--at-cream); margin-bottom: var(--space-6) !important; }
body .collection__filterbar-row { border-top: 0 !important; border-bottom: 1px solid var(--at-line) !important; }
@media (max-width: 1023px) { body .collection__filterbar { top: 56px; } }

/* Related style: a short row and a link */
body .csl { border-top: 1px solid var(--at-line); padding-top: var(--space-10) !important; }
body .csl__eyebrow { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--at-bronze) !important; }
body .csl__heading { font-size: clamp(1.75rem, 3.2vw, 2.75rem) !important; letter-spacing: -0.015em !important; }
body .csl__link { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--at-ink) !important; text-decoration: none !important; border-bottom: 1px solid var(--at-ink) !important; padding-bottom: 3px; }

/* Guides: left-aligned head like every other section, short underlines, one calm crop */
body .featured-articles__inner > :is(h2, p, .featured-articles__heading, .featured-articles__subheading) { text-align: left !important; margin-left: 0 !important; }
body .featured-articles__heading { text-align: left !important; }
body .featured-articles__subheading { text-align: left !important; margin-left: 0 !important; color: var(--at-ink-soft) !important; }
body .featured-articles__body { display: flex; flex-direction: column; align-items: flex-start; }
body .featured-articles__cta { align-self: flex-start !important; width: auto !important; }
body .featured-articles__image { aspect-ratio: 4 / 3 !important; object-fit: cover !important; width: 100%; filter: saturate(0.85); }

/* collection page fixes after the first render */
@media (min-width: 1024px) { body .csl__grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
body .collection__sibling-pill-title, body .collection__siblings > :is(span, p, h2, h3) { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--at-ink-soft) !important; }
body .collection__sibling-pill { border: 1px solid var(--at-line) !important; background: transparent !important; color: var(--at-ink) !important; font-family: var(--font-body) !important; font-size: 0.8125rem !important; }
body .collection__sibling-pill:hover { border-color: var(--at-ink) !important; }
/* phones: two narrow columns, so the price sits under the name instead of squeezing the text */
@media (max-width: 599px) {
  body .product-card__info { grid-template-columns: 1fr; }
  body .product-card__price { grid-column: 1; grid-row: auto; text-align: left; margin-top: 2px !important; }
  body .product-card__name { font-size: 1rem; }
  body .product-card__type { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}

/* Related categories: the picture is a real 4:5 box in the flow (it was absolutely positioned behind an overlay) */
body .collection__related-card { display: block !important; min-height: 0 !important; }
body .collection__related-image-wrap { position: relative !important; inset: auto !important; width: 100% !important; background: var(--at-panel) !important; }
body .collection__related-overlay { inset: auto !important; flex-direction: row !important; opacity: 1 !important; }
body .collection__related-count { opacity: 1 !important; margin: 0 !important; }
body .collection__related { border-top: 1px solid var(--at-line); padding-top: var(--space-8) !important; margin-top: var(--space-8) !important; }

/* ---------- Guides at the foot of collection pages: a journal index, not three photo cards ---------- */
body .featured-articles { max-width: 1440px; margin: 0 auto !important; padding: var(--space-10) var(--space-4) var(--space-11) !important; border-top: 1px solid var(--at-line); }
body .featured-articles__inner { max-width: none !important; padding: 0 !important; }
body .featured-articles__heading { font-size: clamp(1.75rem, 3.2vw, 2.75rem) !important; letter-spacing: -0.015em !important; margin: 0 0 var(--space-2) !important; }
body .featured-articles__subheading { max-width: 34rem !important; margin: 0 0 var(--space-7) !important; }
body .featured-articles__grid { display: block !important; border-top: 1px solid var(--at-line); counter-reset: guide; }
body .featured-articles__card { display: grid !important; grid-template-columns: 2.5rem 7.5rem 1fr auto; align-items: center; column-gap: var(--space-5); padding: var(--space-4) 0 !important; border-bottom: 1px solid var(--at-line) !important; text-decoration: none; color: var(--at-ink) !important; counter-increment: guide; transition: padding 0.6s var(--at-ease); }
body .featured-articles__card::before { content: counter(guide, decimal-leading-zero); font-family: var(--font-body); font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.18em; color: var(--at-bronze); }
body .featured-articles__image { aspect-ratio: 4 / 3 !important; width: 7.5rem !important; overflow: hidden; margin: 0 !important; filter: saturate(0.8); }
body .featured-articles__img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; }
body .featured-articles__body { display: block !important; padding: 0 !important; min-width: 0; }
body .featured-articles__body .featured-articles__eyebrow { display: none !important; }
body .featured-articles__title { font-size: clamp(1.125rem, 1.7vw, 1.5rem) !important; margin: 0 0 4px !important; }
body .featured-articles__excerpt { margin: 0 !important; font-size: 0.875rem !important; color: var(--at-ink-soft) !important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-width: 46rem; }
body .featured-articles__cta { grid-column: 4; grid-row: 1; align-self: center !important; white-space: nowrap; }
body .featured-articles__body .featured-articles__cta { display: none !important; }
body .featured-articles__card::after { content: 'Læs guide \2192'; grid-column: 4; font-family: var(--font-body); font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--at-ink); border-bottom: 1px solid var(--at-ink); padding-bottom: 3px; white-space: nowrap; }
@media (hover: hover) { body .featured-articles__card:hover { padding-left: var(--space-3) !important; } body .featured-articles__card:hover::after { color: var(--at-bronze); border-color: var(--at-bronze); } }
@media (min-width: 1024px) { body .featured-articles { padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; } }
@media (max-width: 699px) {
  body .featured-articles__card { grid-template-columns: 5.5rem 1fr; column-gap: var(--space-4); }
  body .featured-articles__card::before, body .featured-articles__card::after { display: none; }
  body .featured-articles__image { width: 5.5rem !important; }
  body .featured-articles__excerpt { -webkit-line-clamp: 2; }
}
body .collection__related-count { font-size: 0.8125rem !important; }

/* ==========================================================================
   Product page, second pass (audit of 6 Oct)
   ========================================================================== */
/* Thumbnails on the same cream mount as the main picture */
body .product__thumb { background: var(--at-panel) !important; border: 1px solid transparent !important; }
body .product__thumb.is-active { border-color: var(--at-ink) !important; }
body .product__thumb-img { mix-blend-mode: multiply; }
body .product__thumb--lifestyle .product__thumb-img, body .product__media-item--lifestyle img { mix-blend-mode: normal !important; }

/* The editorial: hidden in the gallery column, shown as a band of its own */
body .product__editorial { display: none !important; }
body .product-editorial-band { max-width: 1440px; margin: var(--space-10) auto 0; padding: var(--space-10) var(--space-4) 0; border-top: 1px solid var(--at-line); display: grid; grid-template-columns: 1fr; gap: var(--space-5); }
body .product-editorial-band__media { aspect-ratio: 4 / 5; overflow: hidden; background: var(--at-panel); max-width: 34rem; width: 100%; }
body .product-editorial-band__img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; display: block; }
body .product-editorial-band__eyebrow { margin: 0 0 var(--space-3); font-family: var(--font-body); font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--at-bronze); }
body .product-editorial-band__title { margin: 0; font-family: var(--font-heading); font-size: clamp(2rem, 4.4vw, 3.75rem); line-height: 1.04; letter-spacing: -0.02em; color: var(--at-ink); }
body .product-editorial-band__type { margin: var(--space-3) 0 0; font-size: 0.9375rem; color: var(--at-ink-soft); }
@media (min-width: 900px) {
  body .product-editorial-band { grid-template-columns: minmax(0, 34rem) 1fr; gap: var(--space-11); align-items: end; padding: var(--space-11) var(--space-8) 0; }
  body .product-editorial-band__text { padding-bottom: var(--space-6); }
}

/* One delivery line, not two */
body .product__trust-mini { display: none !important; }
body .product__trust { border-top: 1px solid var(--at-line) !important; border-bottom: 0 !important; }

/* Labels: one style (was the condensed font) */
body :is(.product__option-label, .product__accordion-header, .product__quantity > label, .product__quantity-label, [class*="product__addon"][class*="title"], [class*="addon"][class*="heading"], .product__buy-divider) {
  font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; }
body .product__price-regular, body .product__price-sale { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 1.125rem !important; }

/* Add-on box: hairlines, no gold frame, no white boxes */
body [class*="product__addon"]:not([class*="qty"]):not(input):not(button), body [class*="product-addon"]:not(input):not(button) { background: transparent !important; border-color: var(--at-line) !important; }
body [class*="addon"] img { mix-blend-mode: multiply; }

/* Related products and guides: left-aligned heads; guides as the journal list */
body .product__related, body .product__articles { max-width: 1440px; margin-left: auto !important; margin-right: auto !important; padding-left: var(--space-4) !important; padding-right: var(--space-4) !important; }
body .product__related-heading, body .product__articles-header, body .product__articles-heading { text-align: left !important; }
body .product__related-heading, body .product__articles-heading { font-size: clamp(1.75rem, 3.2vw, 2.75rem) !important; letter-spacing: -0.015em !important; margin-left: 0 !important; }
body .product__articles-eyebrow { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--at-bronze) !important; }
body .product__articles-header { display: block !important; margin-bottom: var(--space-6) !important; }
body .product__articles-grid { display: block !important; border-top: 1px solid var(--at-line); counter-reset: pguide; }
body .product__article-card { display: grid !important; grid-template-columns: 2.5rem 7.5rem 1fr auto; align-items: center; column-gap: var(--space-5); padding: var(--space-4) 0 !important; border: 0 !important; border-bottom: 1px solid var(--at-line) !important; background: none !important; text-decoration: none; color: var(--at-ink) !important; counter-increment: pguide; transition: padding 0.6s var(--at-ease); }
body .product__article-card::before { content: counter(pguide, decimal-leading-zero); font-family: var(--font-body); font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.18em; color: var(--at-bronze); }
body .product__article-card-img { width: 7.5rem !important; aspect-ratio: 4 / 3 !important; height: auto !important; overflow: hidden; filter: saturate(0.8); }
body .product__article-card-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; }
body .product__article-card-body { padding: 0 !important; min-width: 0; display: contents; }
body .product__article-card-title { grid-column: 3; font-family: var(--font-heading) !important; font-weight: 400 !important; font-size: clamp(1.125rem, 1.7vw, 1.5rem) !important; margin: 0 !important; align-self: end; }
body .product__article-card-excerpt { grid-column: 3; grid-row: 2; margin: 2px 0 0 !important; font-size: 0.875rem !important; color: var(--at-ink-soft) !important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-width: 46rem; align-self: start; }
body .product__article-card::before, body .product__article-card-img { grid-row: 1 / span 2; }
body .product__article-card-link { grid-column: 4; grid-row: 1 / span 2; font-family: var(--font-body) !important; font-size: 0.6875rem !important; font-weight: 500 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--at-ink) !important; border-bottom: 1px solid var(--at-ink); padding-bottom: 3px; white-space: nowrap; }
@media (hover: hover) { body .product__article-card:hover { padding-left: var(--space-3) !important; } }
@media (min-width: 1024px) { body .product__related, body .product__articles { padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; } }
@media (max-width: 699px) {
  body .product__article-card { grid-template-columns: 5.5rem 1fr; column-gap: var(--space-4); }
  body .product__article-card::before, body .product__article-card-link { display: none; }
  body .product__article-card-img { width: 5.5rem !important; }
  body .product__article-card-title, body .product__article-card-excerpt { grid-column: 2; }
  body .product__article-card-excerpt { -webkit-line-clamp: 2; }
}
/* the sticky phone bar on cream, like the page */
body .product-sticky-cta { background: var(--at-cream) !important; border-top: 1px solid var(--at-line) !important; }
body .product-sticky-cta__thumb { mix-blend-mode: multiply; border-radius: 0 !important; }

/* product page: one left edge for every block, and the gallery stays in view while the right column scrolls */
body .product-editorial-band, body .product__related, body .product__articles { width: 100% !important; max-width: 1440px !important; box-sizing: border-box; margin-left: auto !important; margin-right: auto !important; }
body .product-editorial-band { padding-bottom: var(--space-10); }
body .product__related { border-top: 1px solid var(--at-line); padding-top: var(--space-10) !important; }
body .product__articles { border-top: 1px solid var(--at-line); padding-top: var(--space-10) !important; padding-bottom: var(--space-11) !important; }
@media (min-width: 1024px) {
  body .product { max-width: 1440px; margin-left: auto !important; margin-right: auto !important; padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; box-sizing: border-box; align-items: start; }
  body .product__media { position: sticky; top: 96px; align-self: start; }
  body .product-editorial-band, body .product__related, body .product__articles { padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; }
}

/* no "Se i brug" toggle: the gallery no longer carries a lifestyle photo */
body .product__styling-toggle { display: none !important; }

/* ---------- Product story band: editorial photograph beside the description and details ---------- */
body .product-story { max-width: 1440px; width: 100%; box-sizing: border-box; margin: var(--space-10) auto 0; padding: var(--space-10) var(--space-4) var(--space-10); border-top: 1px solid var(--at-line); display: grid; grid-template-columns: 1fr; gap: var(--space-8); }
body .product-story__media { margin: 0; }
body .product-story__img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; background: var(--at-panel); }
body .product-story__caption { display: flex; align-items: baseline; gap: var(--space-3); padding-top: var(--space-3); }
body .product-story__eyebrow { font-family: var(--font-body); font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--at-bronze); }
body .product-story__name { font-family: var(--font-heading); font-style: italic; font-size: 1rem; color: var(--at-ink-soft); }
body .product-story__text { min-width: 0; max-width: 40rem; }
body .product-story__text .product__description { font-size: 1.0625rem; line-height: 1.7; margin-top: 0 !important; }
body .product-story__text .product__description > p:first-child { font-family: var(--font-heading); font-size: clamp(1.5rem, 2.4vw, 2.125rem); line-height: 1.2; letter-spacing: -0.01em; color: var(--at-ink); margin: 0 0 var(--space-5); }
@media (min-width: 900px) {
  body .product-story { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-11); align-items: start; padding: var(--space-11) var(--space-8) var(--space-11); }
  /* no editorial photograph for this hat: the description takes the left half and the details the right, so the band is never half empty */
  body .product-story--text-only { grid-template-columns: minmax(0, 1fr); }
  body .product-story--text-only .product-story__text { max-width: none; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: var(--space-11); align-items: start; }
  body .product-story--text-only .product-story__text > * { grid-column: 2; }
  body .product-story--text-only .product-story__text > .product__description { grid-column: 1; grid-row: 1 / span 12; }
  body .product-story--text-only .product__accordions { margin-top: 0 !important; }
  body .product-story__media { position: sticky; top: 96px; }
  body .product__media { position: static !important; }
}

/* Shop block inside guides: cards read left like everywhere else, grid starts at the left edge, labels in the one style */
body .shop-guide, body .shop-guide * { text-align: left; }
body .shop-guide .product-card__price { text-align: right; }
body .shop-guide__grid { justify-content: start !important; justify-items: stretch; }
body .shop-guide__heading, body .shop-guide__link { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.6875rem !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; }
body .shop-guide__heading { color: var(--at-ink-soft) !important; }
body .shop-guide__link { color: var(--at-ink) !important; text-decoration: none !important; border-bottom: 1px solid var(--at-ink); padding-bottom: 3px; }
@media (max-width: 599px) { body .shop-guide .product-card__price { text-align: left; } }

/* A grid photo shown on its own under a short grid (few products): keep its own 2:1 shape instead of a 4:1 strip that cuts the face */
body .grid-feature--full .grid-feature__image-wrapper { aspect-ratio: 2 / 1 !important; min-height: 0 !important; }
body .grid-feature--full .grid-feature__image { object-position: center center !important; }
@media (min-width: 900px) { body .grid-feature--full { width: calc(50% - var(--space-3)) !important; } }

/* ---------- Guide (article) page: title beside its photograph, the text in a reading column, the hats from the guide in the rail ---------- */
body .article-page { max-width: 1440px; padding: var(--space-7) var(--space-4) var(--space-12); box-sizing: border-box; }
body .article-page__inner { max-width: none; }
body :is(.article-page__breadcrumb a, .article-page__meta, .article-page__back-link) { font-family: var(--font-body) !important; font-size: 0.6875rem !important; font-weight: 500 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; }
body .article-page__breadcrumb a { color: var(--at-ink-soft); }
body .article-page__breadcrumb a:hover { color: var(--at-bronze); }
body .article-page__meta { color: var(--at-bronze); margin-bottom: var(--space-4); }
body .article-page__title { font-weight: 400 !important; font-size: clamp(2rem, 4.6vw, 3.75rem); line-height: 1.05; letter-spacing: -0.02em; }
body .article-page__hero { margin-bottom: var(--space-7); background: var(--at-panel); }
body .article-page__hero-img { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 3 / 2; object-fit: cover; }
body .article-page__content { max-width: 42rem; margin-bottom: var(--space-10); }
body .article-page__content > :first-child { margin-top: 0; }
body .article-page__content > p:first-of-type { font-size: 1.1875rem; line-height: 1.6; color: var(--at-ink); }
body .article-page .shop-guide--compact { margin: 0 0 var(--space-8); }
body .article-page .shop-guide--band { background: none !important; border-top: 1px solid var(--at-line); margin: 0 !important; padding: var(--space-9) 0 var(--space-10) !important; }
body .article-page .shop-guide--band .shop-guide__heading { font-family: var(--font-heading) !important; font-weight: 400 !important; font-size: clamp(1.75rem, 3.2vw, 2.75rem) !important; letter-spacing: -0.015em !important; text-transform: none !important; color: var(--at-ink) !important; margin-bottom: var(--space-6) !important; }
/* "Læs også": numbered rows, the same list as on the collection and product pages */
body .article-page__related { margin: 0 !important; padding: var(--space-9) 0 var(--space-10) !important; border-top: 1px solid var(--at-line) !important; }
body .article-page__related-title { font-weight: 400 !important; font-size: clamp(1.75rem, 3.2vw, 2.75rem) !important; letter-spacing: -0.015em; text-align: left !important; margin: 0 0 var(--space-6) !important; }
body .article-page__related-grid { display: block !important; border-top: 1px solid var(--at-line); counter-reset: related; }
body .article-related-card { display: grid !important; grid-template-columns: 5.5rem 1fr; column-gap: var(--space-4); align-items: center; padding: var(--space-4) 0; border-bottom: 1px solid var(--at-line); counter-increment: related; transform: none !important; transition: padding-left 0.4s var(--at-ease) !important; }
body .article-related-card__image { width: 5.5rem; aspect-ratio: 4 / 3 !important; margin: 0 !important; padding: 0 !important; background: var(--at-panel) !important; }
body .article-related-card__image img { filter: saturate(0.85); transform: none !important; object-position: center !important; }
body .article-related-card__title { font-weight: 400 !important; font-size: clamp(1.125rem, 1.7vw, 1.5rem) !important; line-height: 1.2 !important; margin: 0 0 4px !important; color: var(--at-ink) !important; }
body .article-related-card__excerpt { font-size: 0.875rem !important; color: var(--at-ink-soft) !important; -webkit-line-clamp: 2 !important; }
body .article-page__footer { border-top: 0 !important; padding-top: var(--space-7) !important; }
body .article-page__back-link { color: var(--at-ink) !important; border-bottom: 1px solid var(--at-ink); padding-bottom: 3px; }
body .article-page__back-link:hover { opacity: 1 !important; color: var(--at-bronze) !important; border-color: var(--at-bronze); }
@media (min-width: 1024px) {
  /* editorial shape: title on the left page edge, the photograph across the full width, the text in a centred reading column */
  body .article-page { padding: var(--space-8) var(--space-8) var(--space-12); }
  body .article-page__header { max-width: 60rem; margin: 0 0 var(--space-8); padding-top: var(--space-3); }
  body .article-page__hero { margin: 0 0 var(--space-9); }
  body .article-page__hero-img { aspect-ratio: 2 / 1; object-position: 50% 30%; }
  body .article-page .shop-guide--compact { max-width: 44rem; margin: 0 auto var(--space-8); padding: var(--space-5) 0 var(--space-6); border-top: 1px solid var(--at-line); border-bottom: 1px solid var(--at-line); }
  body .article-page__content { max-width: 44rem; margin-left: auto; margin-right: auto; }
  body .article-related-card { grid-template-columns: 2.5rem 7.5rem 1fr auto; column-gap: var(--space-5); }
  body .article-related-card::before { content: counter(related, decimal-leading-zero); font-family: var(--font-body); font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.18em; color: var(--at-bronze); }
  body .article-related-card::after { content: 'Læs guide 92'; font-family: var(--font-body); font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap; color: var(--at-ink); border-bottom: 1px solid var(--at-ink); padding-bottom: 3px; }
  body .article-related-card__image { width: 7.5rem; }
  body .article-related-card__excerpt { -webkit-line-clamp: 1 !important; }
}
}
@media (hover: hover) { body .article-related-card:hover { padding-left: var(--space-3); } body .article-related-card:hover .article-related-card__title { color: var(--at-ink) !important; } }

/* links inside running copy: ink with a bronze underline, never the browser blue */
body :is(.product__description, .collection__seo-body, .collection__intro-short) a { color: var(--at-ink); text-decoration: underline; text-decoration-color: var(--at-bronze); text-underline-offset: 3px; }
body :is(.product__description, .collection__seo-body, .collection__intro-short) a:hover { color: var(--at-bronze); }

/* contact hero: the small line over the photo in cream, not bronze (bronze vanished on the mid-tone still life, 6 Oct 2026) */
body .cp-hero__eyebrow { color: rgba(245, 240, 232, 0.92) !important; text-shadow: 0 1px 12px rgba(26, 26, 26, 0.35); }
body .cp-hero__rule { background: rgba(245, 240, 232, 0.85) !important; }
