/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 18:10 Expected identifier but found whitespace
Line 18:31 Unexpected "("
Line 20:1 Expected identifier but found "%"
Line 22:0 Unexpected "{"
Line 22:1 Expected identifier but found "%"
Line 24:0 Unexpected "{"
Line 24:1 Expected identifier but found "%"
Line 33:20 Unexpected "{"
... and 537 more hidden warnings

**/
{%- comment -%}
------------------------------------------------------------------------------
  Section: Collection template (ES – patch luxe scoped)
------------------------------------------------------------------------------
{%- endcomment -%}

{%- render 'adastra' with '/src/styles/collection.scss' -%}

{%- style -%}
  /* ================= HOTFIX GLOBAL FONTS (Option 1) ================= */
  /* Empêche toute requête vers la police distante “Inter” */
  html, body, * {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
  }
  /* ================================================================== */

  /* offsets existants */
  #shopify-section-{{ section.id }} {
    padding-top: {{- section.settings.offset_top_mobile -}}px;
    padding-bottom: {{- section.settings.offset_bottom_mobile -}}px;
  }
  @media (min-width: 768px) {
    #shopify-section-{{ section.id }} {
      padding-top: {{- section.settings.offset_top_desktop -}}px;
      padding-bottom: {{- section.settings.offset_bottom_desktop -}}px;
    }
  }

  /* ===================== ÉCLAT SACRÉ — PATCH SCOPÉ ===================== */
  #shopify-section-{{ section.id }} .collection{
    --gold: var(--es-gold, #D4AF37);
    --blue: var(--es-blue, #0C1421);
    --gap: 24px;
  }

  /* grille plus aérée */
  #shopify-section-{{ section.id }} .collection__grid-wrapper{
    gap: var(--gap) !important;
  }

  /* cartes propres (pas de pavé blanc) */
  #shopify-section-{{ section.id }} .product-card,
  #shopify-section-{{ section.id }} .collection .card,
  #shopify-section-{{ section.id }} .collection .collection-card{
    background: transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* médias arrondis + léger zoom */
  #shopify-section-{{ section.id }} .product-card__media{
    overflow:hidden; border-radius:14px !important;
  }
  #shopify-section-{{ section.id }} .product-card__media img{
    display:block; width:100%; height:auto; object-fit:cover;
    transform: translateZ(0);
    transition: transform .35s ease;
  }
  #shopify-section-{{ section.id }} .product-card__media:hover img{
    transform: scale(1.02);
  }

  /* titres & prix dorés */
  #shopify-section-{{ section.id }} .product-card__title,
  #shopify-section-{{ section.id }} .product-card .card__heading{
    margin:12px 0 6px !important;
    text-align:center; line-height:1.25;
    font-family:"Cormorant Garamond", serif; font-weight:600;
    color: var(--gold) !important;
  }
  #shopify-section-{{ section.id }} .product-card__price,
  #shopify-section-{{ section.id }} .price{
    margin:0 !important; text-align:center;
    font-family:"Montserrat", sans-serif;
    color: var(--gold) !important; opacity:.9;
  }

  /* icônes TAILLE NORMALE */
  #shopify-section-{{ section.id }} .collection svg,
  #shopify-section-{{ section.id }} .collection .icon{
    width:16px !important; height:16px !important; flex:0 0 16px !important;
  }
  @media (min-width: 992px){
    #shopify-section-{{ section.id }} .collection svg,
    #shopify-section-{{ section.id }} .collection .icon{
      width:18px !important; height:18px !important;
    }
  }

  /* badges discrets or/bleu */
  #shopify-section-{{ section.id }} .product-card [class*="badge"],
  #shopify-section-{{ section.id }} .product-card .label,
  #shopify-section-{{ section.id }} .product-card .product-label{
    background: rgba(12,20,33,.85) !important;
    color: var(--gold) !important;
    border: 1px solid rgba(212,175,55,.35) !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }

  /* actions (quick add / vue d’ensemble) : cachées, visibles au hover */
  #shopify-section-{{ section.id }} .product-card__actions,
  #shopify-section-{{ section.id }} .product-card .card-buttons,
  #shopify-section-{{ section.id }} .product-card [class*="quick"],
  #shopify-section-{{ section.id }} .product-card [data-quick-add],
  #shopify-section-{{ section.id }} .product-card .quick-add,
  #shopify-section-{{ section.id }} .product-card .button--quick{
    opacity:0; transform: translateY(6px);
    transition: opacity .25s ease, transform .25s ease;
  }
  #shopify-section-{{ section.id }} .product-card:hover .product-card__actions,
  #shopify-section-{{ section.id }} .product-card:hover .card-buttons,
  #shopify-section-{{ section.id }} .product-card:hover [class*="quick"],
  #shopify-section-{{ section.id }} .product-card:hover [data-quick-add],
  #shopify-section-{{ section.id }} .product-card:hover .quick-add,
  #shopify-section-{{ section.id }} .product-card:hover .button--quick{
    opacity:1; transform: translateY(0);
  }
  #shopify-section-{{ section.id }} .product-card__actions .button,
  #shopify-section-{{ section.id }} .product-card .card-buttons .button,
  #shopify-section-{{ section.id }} .product-card .button--quick{
    font-size:12px !important; line-height:1.2 !important;
    padding:6px 12px !important; border-radius:10px !important;
    background: rgba(12,20,33,.85) !important; color: var(--gold) !important;
    border:1px solid rgba(212,175,55,.35) !important; box-shadow:none !important;
  }

  /* filtres/tri look joaillerie */
  #shopify-section-{{ section.id }} .collection .product-filters,
  #shopify-section-{{ section.id }} .collection .collection__header-sort select,
  #shopify-section-{{ section.id }} .collection .product-filter-button .button{
    background: rgba(12,20,33,.85) !important;
    color: var(--gold) !important;
    border: 1px solid rgba(212,175,55,.35) !important;
    border-radius: 12px !important;
  }
  #shopify-section-{{ section.id }} .collection .product-filter-button .button{
    padding:8px 14px !important; font-size:13px !important;
  }

  /* pagination / load more */
  #shopify-section-{{ section.id }} .collection__pagination-wrapper,
  #shopify-section-{{ section.id }} .collection__lazy-load-button-wrapper{
    text-align:center; margin-top:28px;
  }
  #shopify-section-{{ section.id }} .collection__lazy-load-button-wrapper .button{
    border-radius:28px !important; padding:10px 24px !important; 
    background: rgba(12,20,33,.85) !important; color: var(--gold) !important;
    border:1px solid rgba(212,175,55,.35) !important;
  }

  /* mobile */
  @media (max-width: 768px){
    #shopify-section-{{ section.id }} .collection__grid-wrapper{ gap:16px !important; }
    #shopify-section-{{ section.id }} .collection svg,
    #shopify-section-{{ section.id }} .collection .icon{ width:16px !important; height:16px !important; }
    #shopify-section-{{ section.id }} .product-card__actions .button{ font-size:11px !important; padding:5px 10px !important; }
  }

  /* === ÉCLAT SACRÉ — masquer la description au-dessus du bandeau (collections) === */
  #shopify-section-{{ section.id }} .collection-hero__description,
  #shopify-section-{{ section.id }} .collection__description,
  #shopify-section-{{ section.id }} .section-header__subheading,
  #shopify-section-{{ section.id }} .page-header__subtitle,
  #shopify-section-{{ section.id }} .breadcrumb__description,
  #shopify-section-{{ section.id }} [data-collection-description],
  #shopify-section-{{ section.id }} .collection__header .rte,
  #shopify-section-{{ section.id }} .collection__header .rte p:first-child {
    display: none !important;
  }
  /* =================== /patch scoped =================== */
{%- endstyle -%}

{%- assign show_grid_selector            = section.settings.show_grid_selector -%}
{%- assign pagination_type               = section.settings.pagination_type -%}
{%- assign load_more_style               = section.settings.load_more_style -%}
{%- assign paginate_by                   = section.settings.paginate_by -%}
{%- assign show_color_swatch_in_filters  = section.settings.show_color_swatch_in_filters -%}
{%- assign filters_type                  = section.settings.filters_type | default: 'top-bar' -%}
{%- assign container                     = section.settings.container_width -%}
{%- assign product_list                  = collection -%}
{%- assign filters_empty                 = false -%}
{%- assign filters_size                  = product_list.filters.size -%}

{%- assign grid_banner                   = section.blocks | where: 'type', 'grid-banner' | first -%}
{%- assign blocks_sidebar_banner         = section.blocks | where: 'type', 'sidebar-banner' -%}

{%- assign enable_color_scheme_inheritance  = section.settings.enable_color_scheme_inheritance -%}
{%- assign color_scheme                      = section.settings.color_scheme -%}
{%- if enable_color_scheme_inheritance -%}
  {%- assign color_scheme = settings.main_color_scheme -%}
{%- endif -%}

{%- if grid_banner != blank -%}
  {%- assign paginate_by                   = paginate_by | minus: 1 -%}
  {%- assign grid_banner_position          = grid_banner.settings.position -%}
  {%- assign grid_banner_last_position     = false -%}
{%- endif -%}

{%- if product_list.filters == empty -%}
  {%- assign filters_empty = true -%}
{%- endif -%}

{%- if container == 'inherit' -%}
  {%- assign container_width = settings.container_width -%}
{%- else -%}
  {%- assign container_width = container -%}
{%- endif -%}

{%- assign active_filters_size = 0 -%}
{%- for filter in collection.filters -%}
  {%- case filter.type -%}
    {%- when 'list' or 'boolean' -%}
      {%- assign active_filters_size = active_filters_size | plus: filter.active_values.size -%}
    {%- when 'price_range' -%}
      {%- if filter.min_value.value > 0 or filter.max_value.value < filter.range_max -%}
        {%- if filter.min_value.value != nil or filter.max_value.value != nil -%}
          {%- assign active_filters_size = active_filters_size | plus: 1 -%}
        {%- endif -%}
      {%- endif -%}
  {%- endcase -%}
{%- endfor -%}

{%- if filters_type == 'sidebar' -%}
  {% assign enable_sidebar = true %}
{%- endif -%}
{%- if filters_type == 'top-bar' -%}
  {% assign enable_topbar = true %}
{%- endif -%}

{%- capture styles -%}
  --container-width: {{ container_width }}; {{-  -}}
  --inner-offset-top: {{ section.settings.inner_offset_top_desktop }}px; {{-  -}}
  --inner-offset-bottom: {{ section.settings.inner_offset_bottom_desktop }}px; {{-  -}}
  --inner-offset-top-mobile: {{ section.settings.inner_offset_top_mobile }}px; {{-  -}}
  --inner-offset-bottom-mobile: {{ section.settings.inner_offset_bottom_mobile }}px; {{-  -}}
{%- endcapture -%}

<section class="collection {% if enable_sidebar %}collection--with-sidebar{% elsif enable_topbar %}collection--with-top-bar{% endif %} {% if filters_empty == true %}filters-hidden{% endif %} color-{{ color_scheme.id }} js-collection"
     id="{{- section.id -}}"
     style="{{ styles }}"
>
  <div class="is-hidden js-filters-state" data-filters-empty="{{- filters_empty -}}"></div>

  <div class="collection__container">
    {%- if enable_sidebar -%}
      <div class="collection__sidebar">
        <div class="collection__sidebar-wrapper">
          {%- render 'product-filters',
            filter_type: 'sidebar',
            product_list: product_list,
            show_swatches: show_color_swatch_in_filters
          -%}

          {%- if blocks_sidebar_banner.size > 0 -%}
            {%- for block in blocks_sidebar_banner -%}
              {%- assign image         = block.settings.image -%}
              {%- assign heading       = block.settings.heading -%}
              {%- assign link_label    = block.settings.link_label -%}
              {%- assign link_url      = block.settings.link_url -%}
              {%- assign link_external = block.settings.link_external %}

              {%- if image == blank -%}
                {%- assign link_url = '#' -%}
              {%- endif -%}

              <div class="collection__sidebar-media-card">
                {%- render 'media-card-overlay',
                  title: heading,
                  link_label: link_label,
                  link_url: link_url,
                  open_link_in_new_tab: link_external,
                  image: image,
                  size_width: 304,
                  size_height: 420,
                  size_height_1500: 280,
                  size_width_1500: 387
                -%}
              </div>
            {%- endfor -%}
          {%- endif -%}
        </div>
      </div>
    {%- endif -%}

    <div class="collection__header js-element-to-scroll">
      <div class="collection__header-drawer">
        {%- render 'product-filters',
          filter_type: 'drawer',
          product_list: product_list,
          show_swatches: show_color_swatch_in_filters
        -%}
      </div>

      <div class="collection__header-main {% if enable_topbar %}collapse-wrapper{%- endif -%}">
        <div class="collection__header-container">
          <div class="collection__header-controls">
            {%- if filters_type == 'top-bar' -%}
              <div class="collection__header-top-bar">
                {%- render 'product-filters',
                  filter_type: 'top-bar',
                  product_list: product_list,
                  show_swatches: show_color_swatch_in_filters
                -%}
              </div>
            {%- endif -%}

            <div class="collection__header-controls-wrapper">
              <div class="collection__header-filter-button product-filters">
                {%- render 'product-filter-button', active_filters_size: active_filters_size -%}
              </div>

              {%- if filters_type == 'top-bar' or filters_type == 'sidebar' -%}
                <div class="collection__header-sort">
                  {%- render 'sort', product_list: product_list, id: filters_type, external: true -%}
                </div>
              {%- endif -%}

              {%- if show_grid_selector -%}
                <div class="collection__header-grid-controls">
                  {%- render 'product-grid-controls' -%}
                </div>
              {%- endif -%}
            </div>
          </div>
        </div>
      </div>

      {%- if enable_topbar -%}
        <div class="collection__header-selected-filters">
          {%- render 'product-filters-selected', product_list: product_list, filter_type: 'top-bar' -%}
        </div>
      {%- endif -%}
    </div>

    <div class="collection__body">
      {%- paginate collection.products by paginate_by, window_size: 2 -%}
        <div
          class="collection__grid-wrapper js-grid-wrapper"
          aria-busy="false"
          data-grid-col-desktop="3"
          data-grid-col-tablet="2"
          data-grid-col-mobile="1"
        >
          {%- for product in collection.products -%}
            {%- assign index = forloop.index -%}
            {%- assign index_next = index | plus: 1 -%}

            {%- assign is_lazy = true -%}

            {%- if grid_banner_position -%}
              {%- assign products_on_page = collection.products.size -%}
              {%- if grid_banner_position > products_on_page -%}
                {%- assign grid_banner_last_position = true -%}
                {%- assign grid_banner_position = products_on_page | plus: 1 -%}
              {% endif %}

              {%- capture grid_banner_markup -%}
                <div class="collection__item collection__item--media-card">
                  {%- if grid_banner_position < 4 and section.index == 1 -%}
                    {%- assign is_lazy = false -%}
                  {%- endif -%}

                  {%- assign image          = grid_banner.settings.image -%}
                  {%- assign heading        = grid_banner.settings.heading -%}
                  {%- assign link_label     = grid_banner.settings.link_label -%}
                  {%- assign link_url       = grid_banner.settings.link_url -%}
                  {%- assign link_external  = grid_banner.settings.link_external %}

                  {%- if image == blank -%}
                    {%- assign link_url = '#' -%}
                  {%- endif -%}

                  {%- assign size_width = 552 -%}
                  {%- assign size_height  = 738 -%}
                  {%- assign size_width_1500  = 450 -%}
                  {%- assign size_height_1500 = 600 -%}
                  {%- if enable_sidebar -%}
                    {%- assign size_width = 439 -%}
                    {%- assign size_height  = 587 -%}
                    {%- assign size_width_1500  = 334 -%}
                    {%- assign size_height_1500 = 449 -%}
                  {%- endif -%}

                  {%- render 'media-card-overlay',
                    title: heading,
                    link_label: link_label,
                    link_url: link_url,
                    open_link_in_new_tab: link_external,
                    aspect_ratio_desktop: '100',
                    aspect_ratio_mobile: '100',
                    is_lazy: is_lazy,
                    image: image,
                    size_width: size_width,
                    size_height: size_height,
                    size_width_1500: size_width_1500,
                    size_height_1500: size_height_1500,
                    size_width_1199: 381,
                    size_height_1199: 509,
                    size_width_991: 312,
                    size_height_991: 417,
                    size_width_767: 362,
                    size_height_767: 483,
                    size_width_575: 543,
                    size_height_575: 792,
                    size_width_420: 388,
                    size_height_420: 565,
                    size_width_375: 343,
                    size_height_375: 500
                  -%}

                  {%- assign is_lazy = true -%}
                </div>
              {%- endcapture -%}
            {%- endif -%}

            {%- if section.index == 1 -%}
              {%- if grid_banner_position < 4 -%}
                {%- if index < 3 -%}
                  {%- assign is_lazy = false -%}
                {%- endif -%}
              {%- elsif index < 4 -%}
                {% assign is_lazy = false %}
              {%- endif -%}
            {%- endif -%}

            {%- if grid_banner_last_position == false and index == grid_banner_position -%}
              {{- grid_banner_markup -}}
            {%- endif -%}

            <div class="collection__item">
              {%- assign product_img_size = 552 -%}
              {%- assign product_img_size_tablet = 543 -%}
              {%- assign product_img_size_mobile = 388 -%}
              {%- if enable_sidebar -%}
                {%- assign product_img_size = 439 -%}
              {%- endif -%}

              {%- render 'product-card',
                product: product,
                size: product_img_size,
                tablet_size: product_img_size_tablet,
                mobile_size: product_img_size_mobile,
                is_lazy: is_lazy
                /* si le snippet supporte ces options, elles seront prises,
                   sinon ignorées sans casser : */
                , show_quick_add: false
                , show_secondary_image: true
                , show_badges: true
              -%}
            </div>

            {%- if grid_banner_last_position == true and index_next == grid_banner_position -%}
              {{- grid_banner_markup -}}
            {%- endif -%}
          {%- endfor -%}
        </div>

        {%- case pagination_type -%}
          {%- when 'pagination' -%}
            <div class="collection__pagination-wrapper js-pagination">
              {%- if paginate.pages > 1 -%}
                {%- render 'pagination', paginate: paginate -%}
              {%- endif -%}
            </div>
          {%- when 'infinite_scroll' -%}
            {%- capture collection_infinite_scroll_classes -%}
              collection__infinite-scroll no-js-hidden js-infinite-scroll {{-  -}}
              {% unless paginate.next.url %} is-hidden {%- endunless -%}
            {%- endcapture -%}
            <div class="{{- collection_infinite_scroll_classes | strip_newlines -}}"
              {%- if paginate.next.url -%}
                data-next-url="{{- paginate.next.url -}}"
              {%- else -%}
                data-next-url=""
              {%- endif -%}
            ></div>
          {%- else -%}
            {%- capture collection_lazy_load_button_classes -%}
              button button--{{- load_more_style }} collection__load-more-button js-lazy-load {{-  -}}
              {% unless paginate.next.url %} is-hidden {%- endunless -%}
            {%- endcapture -%}
            <div class="collection__lazy-load-button-wrapper no-js-hidden">
              <button
                class="{{- collection_lazy_load_button_classes | strip_newlines -}}"
                {% if paginate.next.url %}
                  data-next-url="{{- paginate.next.url -}}"
                {% else %}
                  data-next-url=""
                {% endif %}
                aria-label="{{- 'general.pagination.lazy_load_aria' | t: items: 'products' | escape -}}"
              >
                {%- if load_more_style == "secondary" -%}
                  <span data-text="{{- 'general.pagination.lazy_load' | t | escape -}}">
                    <span>{{ 'general.pagination.lazy_load' | t }}</span>
                  </span>
                {%- else -%}
                  {{ 'general.pagination.lazy_load' | t }}
                {%- endif -%}
              </button>
            </div>
        {%- endcase -%}
        {%- unless pagination_type == 'pagination' -%}
          <noscript>
            <div class="collection__pagination-wrapper">
              {%- if paginate.pages > 1 -%}
                {%- render 'pagination', paginate: paginate -%}
              {%- endif -%}
            </div>
          </noscript>
        {%- endunless -%}
      {%- endpaginate -%}

      {%- capture collection_empty_title_classes -%}
        h4 collection__title-empty js-template-empty-title {{-  -}}
        {% if collection.products.size > 0 %} is-hidden {%- endif -%}
      {%- endcapture -%}
      <h2 class="{{- collection_empty_title_classes | strip_newlines -}}">
        {{- 'collections.general.empty_collection' | t -}}
      </h2>
    </div>
  </div>

  {%- render 'adastra' with '/src/scripts/component-product-filters.js' -%}
  {%- render 'adastra' with '/src/scripts/collection-template.js' -%}
</section>

{%- schema -%}
{ ... schéma identique à ta version ... }
{%- endschema -%}