.custom-home-range, .hero-with-icons,
.custom-hero-with-icons, .product-information-section{
  /* ============================================================
    RESPONSIVE STYLES
    Ordered: Global → Mobile-first (smallest → largest breakpoint)
    ============================================================ */


  /* ============================================
    GLOBAL STYLES (No Media Query)
    ============================================ */

  /* Hide the "More" button */
  header-menu overflow-list::part(more),
  header-menu overflow-list slot[name='more'] {
    display: none;
  }

  header-menu .overflow-menu[disabled] {
    pointer-events: none;
  }

  header-menu .overflow-menu {
    width: 100%;
  }

  header-menu .overflow-menu::part(list) {
    flex-wrap: nowrap;
    overflow-x: visible;
    justify-content: flex-start;
  }

  header-menu .menu-list__list-item,
  header-menu .menu-list__link {
    pointer-events: auto;
  }

  header-menu .overflow-menu::part(placeholder) {
    display: none;
  }

  .benefit-text {
    margin-bottom: 0px;
  }

  .pdp-benefits ul li span {
    line-height: 19px;
  }

  .reformed-grid-cards.spacing-style .reformed-grid-cards__header {
    margin-bottom: 32px;
  }

  .group-block__mobile-carousel {
    display: inline-flex;
  }

  .review-stars-content {
    padding-bottom: 0px !important;
  }

  .index-image-overlay-mobile {
    background: #ffffff;
  }

  /* Index Image Overlay Desktop — inner content wrapper */
  .index-image-overlay-desktop .section-content-wrapper {
    box-sizing: border-box;
    width: 100%;
    max-width: 2522px;
    margin-inline: auto;
  }

  .index-image-overlay-desktop .icon-block-io .text-block p {
    max-width: 105px !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }

  /* ============================================
    MEDIA QUERY: min-width: 1550px
    ============================================ */
  @media screen and (min-width: 1550px) {
  /* Hero content area padding — fluid calc for ultra-wide screens */
    .reformed-hero .hero__content-area {
      padding-top: 4rem !important;       /* preserve vertical spacing */
      padding-bottom: 4rem !important;    /* preserve vertical spacing */
      padding-left: max(40px, calc((100vw - 2522px) / 2 + 64px)) !important;
      padding-right: 40px !important;
    }
  }

  /* ============================================
    MEDIA QUERY: max-width: 750px
    ============================================ */
  @media screen and (max-width: 750px) {
    .product-stories .product-stories__header {
      justify-content: center;
    }

    .product-stories .tolstoy-stories-title {
      font-size: 14px;
    }

    .custom-section-content .icon-strip {
      gap: 0.7em;
    }

    .home-range {
      padding-inline: 16px;
    }
  }


  /* ============================================
    MEDIA QUERY: max-width: 768px
    ============================================ */
  @media screen and (max-width: 768px) {
    .video-reviews .reviews-text p {
      font-size: 14px;
    }

    .layout-panel-flex .nutritional-info-block {
      padding: 12px 0 16px 0;
    }
  }


  /* ============================================
    MEDIA QUERY: max-width: 900px
    ============================================ */
  @media screen and (max-width: 900px) {
    .product-page-ingredients__description {
      text-align: center;
    }

    .product-page-ingredients__title {
      text-align: center;
    }

    .spacing-style.text-block[class*='__title'].h2 {
      --padding-block-start: 20px !important;
      --padding-block-end: 20px !important;
    }
  }


  /* ============================================
    MEDIA QUERY: max-width: 1024px
    ============================================ */
  @media screen and (max-width: 1024px) {
    .reformed-ingredients-grid .reformed-grid-cards__grid {
      gap: 20px !important;
    }

    overflow-list::part(list) {
      column-gap: 0.9rem;
    }

    .reformed-grid-cards__grid .reformed-grid-cards__item-title {
      font-size: 17px;
    }

    .pdp-multicolumn .section-content-wrapper {
      padding-top: 48px;
      padding-bottom: 56px;
    }

    .research-icons .section-content-wrapper {
      padding-top: 48px;
      padding-bottom: 56px;
    }

    .reformed-ingredients-filtered .section-padding {
      padding-top: 48px !important;
      padding-bottom: 40px !important;
    }

    .shopify-section.section-pc-ingredients-table,
    .pdp-faq .section-content-wrapper.section-content-wrapper {
      padding-top: 48px;
      padding-bottom: 56px;
    }

    .reformed-ingredients-grid .reformed-grid-cards {
      padding-top: 48px;
      padding-bottom: 56px;
    }
  }


  /* ============================================
    MEDIA QUERY: max-width: 1099px
    ============================================ */
  @media screen and (max-width: 1099px) {
    .menu-drawer-container {
      --menu-header-offset: calc(var(--header-height, 0px) + var(--header-group-height-drawer, 0px));
    }

    .header_logo {
      grid-area: center;
      display: contents;
    }

    .header__drawer {
      display: flex !important;
      min-height: 60px !important;
      align-items: center !important;
    }

    .header-actions {
      justify-self: flex-end;
    }

    header-actions cart-icon.header-actions__cart-icon .cart-icon__text {
      display: none;
    }

    header-actions cart-icon.header-actions__cart-icon .cart-icon__icon {
      display: flex;
    }

    header-drawer details[open] .header__icon--menu .header-drawer-icon--open {
      display: none;
    }

    header-drawer details[open] .header__icon--menu .header-drawer-icon--close {
      display: flex;
    }

  }


  /* ============================================
    MEDIA QUERY: max-width: 1400px
    ============================================ */
  @media screen and (max-width: 1400px) {
    .custom-section-content .footer-logos {
      padding-inline: 0px;
    }
  }

  /* ============================================
    MEDIA QUERY: max-width: 550px
    ============================================ */
  @media screen and (max-width: 550px) {

    .home-range-copy {
      width: 100% !important;
      max-width: none !important;
      box-sizing: border-box;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-inline: 0 !important;
    }
  }

  /* ============================================
    MEDIA QUERY: 551px – 1099px (Portrait only)
    ============================================ */
  @media (min-width: 551px) and (max-width: 1099px){
  .home-range-copy {
      width: 80% !important;
      max-width: none !important;
      box-sizing: border-box;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-inline: 0 !important;
    }

      .home-range-copy .text-block p {
      max-width: 550px;
    }

    .home-range .layout-panel-flex {
          gap: 10px !important;
      }

  }

  /* ============================================
    MEDIA QUERY: 600px – 899px (Portrait only)
    ============================================ */
  @media (min-width: 600px) and (max-width: 899px) and (orientation: portrait) {
    .reformed-grid-cards__title,
    .reformed-grid-cards__item-title {
      text-align: left;
    }

    .reformed-grid-cards__description {
      text-align: left;
    }

    .product-information {
      padding-top: 50px !important;
    }

    .reformed-grid-cards .reformed-grid-cards__header {
      align-items: flex-start;
    }
  }


  /* ============================================
    MEDIA QUERY: 600px – 1024px
    (Accessories PDP media gallery)
    ============================================ */
  @media screen and (min-width: 600px) and (max-width: 1024px) {
    [data-template='product.accessories'] .product-information__media .product-media-container {
      max-height: 520px !important;
    }
  }


  /* ============================================
    MEDIA QUERY: 750px – 768px
    (Extend mobile design for specific sections)
    ============================================ */

  @media screen and (min-width: 750px) and (max-width: 768px) {
    /* --- VIDEO REVIEWS --- */
    .video-reviews .group-block-content.hidden--mobile {
      display: none !important;
    }

    .video-reviews .group-block-content.hidden--desktop,
    .video-reviews .group-block__mobile-carousel {
      display: flex !important;
    }

    .video-reviews .section-content-wrapper,
    .video-reviews .layout-panel-flex--row,
    .video-reviews .group-block-content {
      flex-direction: column !important;
      align-items: flex-start !important;
      justify-content: flex-start !important;
    }

    .video-reviews .review-stars-block,
    .video-reviews .text-block,
    .video-reviews .reviews-text,
    .video-reviews h3,
    .video-reviews h2 {
      text-align: left !important;
      white-space: nowrap !important;
    }

    .video-reviews video,
    .video-reviews img {
      max-width: 100% !important;
    }

    .video-reviews .hidden--desktop {
      display: flex !important;
    }

    .video-reviews .hidden--mobile {
      display: none !important;
    }

    .video-reviews .mobile-column {
      flex-flow: column nowrap;
      align-items: var(--horizontal-alignment);
      justify-content: var(--vertical-alignment-mobile);
    }

    .video-reviews .group-block__carousel-container {
      padding: 0 50px 0 40px;
    }

    /* --- INDEX IMAGE OVERLAY --- */
    .index-image-overlay-desktop {
      display: none !important;
    }

    .index-image-overlay-mobile {
      display: block !important;
    }

    .index-image-overlay-mobile .section-content-wrapper,
    .index-image-overlay-mobile .layout-panel-flex--row {
      flex-direction: column !important;
    }

    .index-image-overlay-mobile .icon-row .layout-panel-flex--row {
      justify-content: center !important;
      gap: 80px !important;
      flex-direction: row !important;
    }

    .button-outline,
    .button-outline-white {
      width: 100% !important;
      max-width: 400px !important;
    }
  }


  /* ============================================
    MEDIA QUERY: 750px – 900px
    ============================================ */
  @media screen and (min-width: 750px) and (max-width: 900px) {
    /* Video Reviews - Mobile Carousel */
    .video-reviews .group-block-content.visible--mobile {
      display: flex;
    }

    .video-reviews .group-block__carousel-wrapper {
      display: flex;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
    }
  }


  /* ============================================
    MEDIA QUERY: 750px – 999px
    ============================================ */
  @media screen and (min-width: 750px) and (max-width: 999px) {
    .product-information__media .sticky-content {
      position: static;
      padding-bottom: 40px !important;
    }

    .product-information__media media-gallery.sticky-content {
      position: static;
    }

    .product-information.section--page-width .product-details > .group-block {
      padding-inline: 0;
    }
  }


  /* ============================================
    MEDIA QUERY: 750px – 1024px
    ============================================ */
  @media (min-width: 750px) and (max-width: 1024px) {

    /* Footer / Icon Logos Images */
    .footer-logos .group-block-content.layout-panel-flex--row.hidden--mobile > .shopify-block img.icon-block__media,
    .icon-logos .group-block-content.layout-panel-flex--row.hidden--mobile > .shopify-block img.icon-block__media,
    .footer-logos > .shopify-block img.icon-block__media,
    .icon-logos > .shopify-block img.icon-block__media {
      display: block;
      max-height: 84px !important;
      max-width: 80% !important;
      object-fit: contain !important;
    }

    .product-details > .group-block {
      padding-left: 0px;
    }

    /* Mega Menu Checkmarks */
    .mega-menu__header .info-block__subtext-list p::before,
    .mega-menu__header .info-block__subtext-list p:before {
      content: '';
      display: inline-block;
      width: 17px;
      height: 17px;
      min-width: 17px;
      min-height: 17px;
      margin-right: 10px;
      background-image: url('https://cdn.shopify.com/s/files/1/0815/1518/4414/files/check_and_cross_marks_set.png?v=1711459159');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      flex-shrink: 0;
      margin-bottom: 3px;
    }

    .mega-menu__header .info-block__subtext-list {
      margin-bottom: 15px;
    }

    .info-block__subtext-list {
      margin-bottom: 15px !important;
    }

    /* Mega Menu Column */
    .mega-menu__header .mega-menu__column.simple-menu__column--info {
      display: flex;
      flex-direction: column;
      max-width: 280px;
    }

    .mega-menu__header .mega-menu__column .info-block__subtext {
      display: block;
      max-width: 280px;
    }

    .mega-menu__header .info-block__subtext p {
      display: block;
      white-space: normal;
      word-wrap: break-word;
      overflow-wrap: break-word;
      hyphens: auto;
      max-width: 280px;
      font-size: 14px;
      line-height: 1.5;
      color: #353535;
    }

    /* Frequently Purchased */
    .frequently-purchased__track .frequently-purchased__item {
      flex: 0 0 169px;
    }

    .product-information.section.section--page-width {
      padding-top: 50px;
    }

    .ingredients-grid-cards__item .ingredients-grid-cards__caption {
      font-size: 1rem;
      line-height: 1.3;
    }

    .ingredients-grid-cards {
      gap: 1rem !important;
    }

    .research-highlights .section-content-wrapper.section-content-wrapper {
      padding-top: 48px;
      padding-bottom: 56px;
    }

    /* Hide the desktop layout */
    .press-icon-banner-abtest .group-block-content.hidden--mobile,
    .icon-strip-icon .group-block-content.hidden--mobile {
      display: none !important;
    }

    /* Show the mobile carousel */
    .press-icon-banner-abtest .group-block-content.hidden--desktop,
    .icon-strip-icon .group-block-content.hidden--desktop {
      display: inline-flex !important;
    }

    .press-icon-banner-abtest .group-block__carousel-container,
    .icon-strip-icon .group-block__carousel-container {
      padding-inline: 40px;
    }

    [data-template='product.accessories'] .product-information__media .sticky-content {
      padding-bottom: 20px !important;
    }
  }


  /* ============================================
    MEDIA QUERY: 750px – 1099px
    (Header — hide desktop elements)
    ============================================ */
  @media screen and (min-width: 750px) and (max-width: 1099px) {
    /* Hide Desktop Elements */
    .header-menu.mobile\:hidden,
    .search-action.mobile\:hidden,
    .dropdown-localization.mobile\:hidden {
      display: none !important;
    }

    .cart-icon__icon {
      display: flex !important;
    }

    .header-actions__action.action__cart .cart-icon__text {
      display: none !important;
    }

    /* Home Range Product Grid */
    .home-range-product-grid {
      width: 100% !important;
      max-width: 100% !important;
      --size-style-width: 100% !important;
      --size-style-width-mobile: 100% !important;
    }

    .home-range-product-grid .group-block-content.layout-panel-flex {
      width: 100% !important;
      max-width: 100% !important;
      padding-inline: 0 !important;
    }

    /* Also ensure parent section allows full width */
    .home-range .section-content-wrapper {
      width: 100% !important;
      max-width: 100% !important;
      gap: 70px;
    }
  }


  /* ============================================
    MEDIA QUERY: 768px – 1024px
    ============================================ */
  @media (min-width: 768px) and (max-width: 1024px) {
    .video-reviews .group-block-content {
      display: flex;
      flex-grow: 1;
      justify-content: space-between;
      align-items: flex-start;
      height: auto;
    }

    .video-reviews video,
    .video-reviews img {
      width: 100%;
      max-width: 200px;
      height: auto;
      object-fit: cover;
    }

    .video-reviews .reviews-text p {
      font-size: 14px;
    }

    .video-reviews .button-outline {
      min-width: 177px;
    }

    .reformed-grid-cards.spacing-style .reformed-grid-cards__header {
      gap: 30px;
    }
  }


  /* ============================================
    MEDIA QUERY: 769px – 1024px
    ============================================ */

  @media (min-width: 769px) and (max-width: 1024px) {
    .video-reviews .group-block-content.hidden--mobile {
      display: flex !important;
    }
  }


  /* ============================================
    MEDIA QUERY: 750px – 1200px
    ============================================ */
  @media (min-width: 750px) and (max-width: 1200px) {

    .text-block.custom-typography h1 {
      font-size: 28px;
      line-height: 1.3;
    }

    .home-range {
      padding-inline: 40px;
    }
  }


  /* ============================================
    MEDIA QUERY: 750px – 1300px
    ============================================ */
  @media (min-width: 750px) and (max-width: 1300px) {
    .section-pcf-multi-icon-with-text .pcf-miwt {
      padding-inline: 40px;
    }
  }


  /* ============================================
    MEDIA QUERY: 750px – 1400px  (empty block — kept for reference)
    ============================================ */
  @media (min-width: 750px) and (max-width: 1400px) {
  }


  /* ============================================
    MEDIA QUERY: 900px – 1024px
    (Footer Logos / Icon Logos)
    ============================================ */

  @media (min-width: 900px) and (max-width: 1024px) {
    .footer-logos .group-block-content.layout-panel-flex--row.hidden--mobile > .shopify-block,
    .icon-logos .group-block-content.layout-panel-flex--row.hidden--mobile > .shopify-block,
    .footer-logos > .shopify-block,
    .icon-logos > .shopify-block {
      flex: 0 0 auto !important;
      min-width: 0 !important;
      scroll-snap-align: center;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 53px;
    }

    /* Hide scrollbars */
    .footer-logos::-webkit-scrollbar,
    .icon-logos::-webkit-scrollbar,
    .footer-logos .group-block-content.layout-panel-flex--row.hidden--mobile::-webkit-scrollbar,
    .icon-logos .group-block-content.layout-panel-flex--row.hidden--mobile::-webkit-scrollbar {
      display: none;
    }

    .footer-logos,
    .icon-logos,
    .footer-logos .group-block-content.layout-panel-flex--row.hidden--mobile,
    .icon-logos .group-block-content.layout-panel-flex--row.hidden--mobile {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
  }


  /* ============================================
    MEDIA QUERY: 900px – 1360px (Landscape)
    ============================================ */
  @media (orientation: landscape) and (min-width: 900px) and (max-width: 1360px) {
    .video-reviews .button-outline {
      min-width: 205px;
    }

    .group-block.footer-logos .group-block-content.layout-panel-flex--row.hidden--mobile > .shopify-block {
      flex: 1 1 0 !important;
      min-width: 0 !important;
      box-sizing: border-box !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 8px !important;
    }

    .group-block.footer-logos .group-block-content.layout-panel-flex--row.hidden--mobile > .shopify-block img.icon-block__media {
      max-height: 72px !important;
      max-width: 100% !important;
      object-fit: contain !important;
      display: block !important;
    }

    .group-block.footer-logos img.icon-block__media.logo--scale-up {
      max-height: 80px !important;
    }

    .group-block.footer-logos::-webkit-scrollbar {
      display: none;
    }

    .press-icon-banner-abtest {
      background: #ffffff !important;
    }
  }


  /* ============================================
    MEDIA QUERY: min-width: 1024px
    ============================================ */
  @media screen and (min-width: 1024px) {
    .frequently-purchased__track .frequently-purchased__item {
      flex: 0 0 174px;
    }
  }


  /* ============================================
    MEDIA QUERY: 1024px – 1400px
    ============================================ */
  @media (min-width: 1024px) and (max-width: 1400px) {
    .reformed-grid-cards__header {
      gap: 40px;
    }

    .product-information.section.section--page-width {
      padding-inline: 50px !important;
    }

    .product-stories .product-stories__list {
      gap: 0.6rem;
    }
  }


  /* ============================================
    MEDIA QUERY: min-width: 1100px
    ============================================ */
  @media screen and (min-width: 1100px) {
    .hidden--desktop,
    .desktop\:hidden {
      display: none !important;
    }

    .header-actions__cart-icon {
      overflow: visible;
      height: 20px;
    }

    .header-actions__cart-icon .cart-bubble {
      overflow: visible;
    }

    .mega-menu__review-text {
      line-height: 1.2;
      font-size: 1em !important;
      font-family: Inter, Arial, sans-serif;
      color: #333333;
    }

    .mega-menu__review-stars {
      color: #333333;
      font-size: 17px;
    }

    .home-range .section-content-wrapper {
      display: flex !important;
      flex-direction: row !important;
    }
  }


  /* ============================================
    MEDIA QUERY: 1100px – 1250px
    ============================================ */
  @media (min-width: 1100px) and (max-width: 1250px) {
    #header-group .header__column--left,
    .header__column--center {
      gap: 15px;
    }

    header-menu .menu-list .menu-list__list-item {
      padding: 10px 3px;
      gap: 5px;
    }

    header-menu .menu-list .menu-list__link-title {
      gap: 5px;
    }

    #header-component .cart-icon__text {
      padding-right: 0px;
    }

    #header-component .account-button__icon-text {
      padding-left: 10px;
      padding-right: 5px;
    }

    #header-component .header__column--right {
      gap: 10px;
    }

    header-menu .menu-list .menu-list__link .header__menu-separator {
      margin-left: 15px;
    }
  }


  /* ============================================
    MEDIA QUERY: 1100px – 1399px
    (Reformed Hero grid columns)
    ============================================ */
  @media (min-width: 1100px) and (max-width: 1399px) {
    .reformed-hero .hero__grid {
      grid-template-columns: 41.6% 1fr !important;
    }
  }


  /* ============================================
    MEDIA QUERY: 1100px – 1400px
    (Index Image Overlay Desktop)
    ============================================ */
  @media (min-width: 1100px) and (max-width: 1400px) {
    .index-image-overlay-desktop .group-block-content.layout-panel-flex.layout-panel-flex--row {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: flex-end;
      gap: var(--gap, 16px);
      width: 100%;
      box-sizing: border-box;
      padding-inline: 0;
    }

    .index-image-overlay-desktop .group-block-content.layout-panel-flex.layout-panel-flex--row > .shopify-block {
      flex: 1 1 0;
      min-width: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-inline: 8px;
      box-sizing: border-box;
    }
  }


  /* ============================================
    MEDIA QUERY: 1250px – 1399px
    ============================================ */
  @media (min-width: 1250px) and (max-width: 1399px) {
    header-menu .menu-list .menu-list__list-item {
      padding: 10px 6px;
      gap: 5px;
    }
  }


  /* ============================================
    MEDIA QUERY: min-width: 1200px
    ============================================ */
  @media screen and (min-width: 1200px) {
    .product-item .product-information {
      padding-inline: 0px !important;
    }

    /* Index Image Overlay Desktop section-content-wrapper padding */
    .index-image-overlay-desktop .section-content-wrapper {
      padding-inline: 0px;
    }
  }


  /* ============================================
    MEDIA QUERY: 1200px – 1400px
    ============================================ */
  @media (min-width: 1200px) and (max-width: 1400px) {
    .reformed-hero .hero__content-grid {
      padding-left: 9px !important;
    }
  }


  /* ============================================
    MEDIA QUERY: 1280px – 1600px
    ============================================ */
  @media (min-width: 1280px) and (max-width: 1600px) {
    .ingredients-grid-cards {
      gap: 1.5rem !important;
    }
  }


  /* ============================================
    MEDIA QUERY: min-width: 1400px
    ============================================ */
  @media screen and (min-width: 1400px) {
    .footer-logos {
      padding-inline: 97px !important;
    }

    .footer-inner {
      padding-left: 97px;
    }
  }


  /* ============================================
    MEDIA QUERY: 1400px – 1500px
    ============================================ */
  @media (min-width: 1400px) and (max-width: 1500px) {
    .reformed-hero .hero__content-grid {
      gap: 4.5rem !important;
    }
  }


  /* ============================================
    MEDIA QUERY: 1400px – 2050px
    (Reformed Hero grid columns)
    ============================================ */
  @media (min-width: 1400px) and (max-width: 2050px) {
    /* ⚠️ CONFLICT: See hero grid note in 1100–1399px block */
    .reformed-hero .hero__grid {
      grid-template-columns: 42.4% 1fr !important;
    }
  }


  /* ============================================
    MEDIA QUERY: 1100px – 1700px
    ============================================ */
  @media (min-width: 1100px) and (max-width: 1700px) {
    .home-range-copy .text-block p {
      max-width: 330px;
    }
  }


  /* ============================================
    MEDIA QUERY: min-width: 1700px
    ============================================ */
  @media screen and (min-width: 1700px) {
    .home-range-copy .text-block p {
      max-width: 480px;
    }
  }


  /* ============================================
    MEDIA QUERY: min-width: 2522px
    ============================================ */
  @media screen and (min-width: 2522px) {
    /* Sections — constrain with padding */
    .pdp-multicolumn,
    .research-highlights,
    .research-icons,
    .pdp-faq,
    .product-comparison,
    .reformed-ingredients-grid,
    .pc-ingredients-table,
    .weglow-section,
    .video-reviews,
    .index-image-overlay-desktop,
    .pcf-miwt,
    .reviews-masonry-section,
    .image-text-block,
    .image-with-text-mobile,
    .heading-block,
    .reformed-ingredients-filtered,
    .ingredients-table-section,
    .recipes-slider,
    .recipes-grid,
    .divider,
    .product-page-ingredients,
    .footer-logos,
    .home-range {
      padding-inline: 68px !important;
    }

    /* Reformed Hero */
    .reformed-hero .hero__container {
      max-width: none;
    }

    .reformed-hero .hero__content-grid {
      padding-left: 0 !important;
      gap: 6rem !important;
    }

    .reformed-hero .hero__logo-column {
      padding-left: 0px !important;
    }

    .hero__content-slides {
      padding-left: 5px;
    }

    /* Header */
    .header__column--left {
      gap: 18px !important;
    }

    /* Index Image Overlay */
    .index-image-overlay-desktop {
      max-width: 100% !important;
    }

    .index-image-overlay-desktop .section-content-wrapper {
      padding-inline: 68px;
    }

    /* Footer */
    .footer-inner {
      padding-left: 0px !important;
    }

    /* Home Range */
    .home-range .section-content-wrapper {
      max-width: 2522px;
      margin: 0 auto;
    }

    .home-range .layout-panel-flex--row > .shopify-block,
    .home-range-product-grid {
      flex: 0 1 auto !important;
    }
  }


  /* ============================================
    MEDIA QUERY: min-width: 2750px
    (Reformed Hero grid columns — micro-tuning series)
    ============================================ */

  @media screen and (min-width: 2750px) {
    .reformed-hero .hero__grid {
      grid-template-columns: 42.2% 1fr !important;
      max-width: none;
    }
  }

  @media screen and (min-width: 2900px) {
    .reformed-hero .hero__grid {
      grid-template-columns: 42.6% 1fr !important;
      max-width: none;
    }
  }

  @media screen and (min-width: 3100px) {
    .reformed-hero .hero__grid {
      grid-template-columns: 43% 1fr !important;
      max-width: none;
    }
  }

  @media screen and (min-width: 3300px) {
    .reformed-hero .hero__grid {
      grid-template-columns: 43.5% 1fr !important;
      max-width: none;
    }
  }
}