/* Use the desktop inset from the About page for every public content frame. */
@media (min-width: 960px) {
  html {
    --molisan-desktop-gutter: clamp(1.25rem, 7vw, 8rem);
    --molisan-desktop-width: calc(100% - 2 * var(--molisan-desktop-gutter));
  }

  html body .site-header > .header-inner,
  html body #main > :is(
    .content-shell, .catalogue-workspace, .product-detail, .full-product,
    .reviews-shell, .offers-content, .reviews-related, .purpose-related,
    .editorial-hero, .editorial-collections, .home-shell
  ) {
    box-sizing: border-box;
    width: var(--molisan-desktop-width);
    max-width: none;
    margin-inline: auto;
    padding-inline: 0;
  }

  html body .site-header > .header-inner {
    padding-inline: 0 !important;
  }

  html body #main .product-detail-copy > .product-purchase {
    max-width: none;
  }

  html body #main > .page-hero > .page-hero-copy {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
  }

  html body #main > .page-hero,
  html body[data-page="about"] #main > .section-shell,
  html body .site-footer {
    padding-inline: var(--molisan-desktop-gutter);
  }

  html body .site-footer > :is(.footer-top, .footer-bottom) {
    max-width: none;
  }
}

/* Give each header control its own space, even while the statistics link loads. */
@media (min-width: 1361px) {
  html body .site-header > .header-inner {
    display: flex;
    gap: clamp(8px, calc(1.35vw - 11px), 16px) !important;
  }

  html body .site-header > .header-inner > :not(.main-nav) {
    flex: none;
  }

  html body .site-header > .header-inner > .brand {
    width: clamp(132px, 9vw, 174px) !important;
  }

  html body .site-header > .header-inner > .main-nav {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: wrap;
    column-gap: clamp(8px, calc(1.15vw - 8px), 16px) !important;
    row-gap: 4px;
  }

  html body .site-header > .header-inner > .main-nav a[href] {
    font-size: clamp(13px, .94vw, 16px);
    white-space: nowrap;
  }

  html body .site-header > .header-inner > .language-nav {
    gap: 2px;
    padding: 3px;
  }

  html body .site-header > .header-inner > .language-nav a[href] {
    min-width: 34px;
    padding-inline: 0;
  }

  html body .site-header > .header-inner .cart-link-label {
    display: none;
  }
}

#main .product-detail-copy > .product-note {
  margin: 0 0 20px;
  padding: 12px 16px;
  border: 1px solid var(--line, #deddd4);
  border-radius: 8px;
  background: #f4f3ed;
}

#main .product-note h2 {
  margin: 0 0 4px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.45;
}

#main .product-detail-copy .product-note p {
  margin: 0;
  font-size: .94rem !important;
  line-height: 1.6 !important;
}

#main .product-note a[href] {
  display: inline-block;
  margin-top: 4px;
  font-size: .9rem !important;
}

@media (min-width: 960px) {
  .edition-v238 #main > .editorial-hero {
    grid-template-columns: minmax(0, 54%) minmax(0, 46%);
    padding-inline: clamp(2rem, 4vw, 5rem);
  }

  .edition-v238 #main > .editorial-hero :is(#home-title, .hero-product-name, .hero-product-phrase) {
    max-width: none;
  }

  .edition-v238 #main > .editorial-hero .brand-introduction {
    max-width: 52ch;
  }
}

@media (min-width: 1361px) {
  html body .site-header > .header-inner > .main-nav a[href] {
    font-size: clamp(13.5px, calc(.94vw + .65px), 16.75px);
  }
}

@media (min-width: 1361px) and (max-width: 1679px) {
  html body .site-header > .header-inner {
    gap: clamp(6px, calc(1.25vw - 13px), 8px) !important;
  }
}

@media (min-width: 1361px) and (max-width: 1450px) {
  html body .site-header > .header-inner {
    gap: 5px !important;
  }

  html body .site-header > .header-inner > .brand {
    width: clamp(112px, calc(20vw - 160px), 132px) !important;
  }

  html body .site-header > .header-inner > .main-nav {
    column-gap: 7px !important;
  }

  html body .site-header > .header-inner > .language-nav a[href] {
    min-width: 32px;
  }
}

.site-header :is(.desktop-nav, .main-nav, .mobile-nav-content, .mobile-menu, .products-dropdown, .mobile-categories)
  > a:is([href="/en/products/"], [href="/ge/products/"], [href="/ru/products/"])[aria-current="page"]::before {
  box-shadow: none;
}

/* The description is already the next section. */
nav.product-section-buttons:has(+ #description) > a[href="#description"],
nav.product-section-buttons:has(+ #description):has(> a[href="#description"]:only-child) {
  display: none;
}