/* =========================
=== td sku produits _table =
===========================*/
.sku-cell {
    max-width: 180px;
    width: 180px;
}

.sku-code {
    display: -webkit-box;
    -webkit-line-clamp: 3;      /* limite à 3 lignes */
    -webkit-box-orient: vertical;
    overflow: hidden;

    white-space: normal;        /* autorise retour à la ligne */
    word-break: break-all;      /* casse les longs SKU */
    font-size: 0.85rem;
    line-height: 1.2;
}

/* ======================
=== grisé les variantes
=======================*/
select option:disabled {
    color: #999 !important;
}

/* ------------------------------
-- autocompelte ville cp ------*/
.autocomplete-box {
  position: absolute;
  z-index: 10000;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  max-height: 220px;
  overflow-y: auto;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  margin-top: 2px;
}

.autocomplete-item {
  padding: 8px 10px;
  cursor: pointer;
  font-size: 1.4rem;
  color: #333;
  background: #fff;
}

.autocomplete-item:hover,
.autocomplete-item.active {
  background: #E5E5E5;
}

.mb-3 {
  position: relative;
}

.depenses-batch-toggle summary {
    cursor: pointer;
    list-style: none;
}

.depenses-batch-toggle summary::-webkit-details-marker {
    display: none;
}

/* Icône par défaut (fermé) */
.depenses-batch-toggle .toggle-icon::before {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f1f3f5;
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

/* Icône quand ouvert */
.depenses-batch-toggle[open] .toggle-icon::before {
    content: "-";
}

/* =========================
== Boutique produit card ===
==========================*/
.boutique-product-card {
    border-radius: 14px;
    overflow: hidden;
}

.boutique-product-card-inner {
    display: flex;
    flex-direction: row;
    min-height: 100%;
}

.boutique-product-media {
    flex: 0 0 170px;
    max-width: 170px;
    background: #f8f8f8;
    border-right: 1px solid #ececec;
}

.boutique-product-image-link {
    display: block;
    text-decoration: none;
}

.boutique-product-card-image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 170px;
    max-height: 170px;
    object-fit: cover;
    box-shadow: none;
    padding: 16px;
}

.boutique-product-card-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777;
    font-size: 0.95rem;
    min-height: 220px;
    max-height: 220px;
}

.boutique-product-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    margin-left: 0;
}

.boutique-product-title-link {
    color: inherit;
    text-decoration: none;
    font-size: 1.700rem;
}

.boutique-product-title-link:hover {
    text-decoration: underline;
}

.boutique-product-description {
    line-height: 1.5;
    font-size: 1.400rem;
    margin-top:0;
}

.boutique-product-footer {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.boutique-product-price-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.boutique-product-price {
    font-size: 1.3rem;
    font-weight: 700;
}

.boutique-product-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.boutique-product-actions a {
  flex-shrink: 0;
}

.boutique-product-actions form {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}


.boutique-product-qty-input {
    max-width: 90px;
}

.boutique-detail-card {
    border-radius: 16px;
    overflow: hidden;
}

.txt-options-selected {margin:5px 0;color: #af3900 !important;}

.boutique-detail-layout {
    display: flex;
    flex-direction: row;
    min-height: 100%;
}

.boutique-detail-media {
    flex: 0 0 420px;
    max-width: 420px;
    background: #f8f8f8;
    border-right: 1px solid #ececec;
}

.boutique-detail-image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    max-height: 420px;
    object-fit: cover;
    box-shadow: none;
    padding:10px;
}

.boutique-detail-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    max-height: 420px;
    color: #777;
}

.boutique-detail-content {
    flex: 1 1 auto;
    padding: 10px 28px 28px 28px;
    min-width: 0;
}

.boutique-detail-content h1 {
  color: #3d662b;
}

.boutique-detail-content span {
  font-size: 1.300rem;
  color: rgba(186, 49, 7, 0.75);
}

.boutique-detail-short {
    line-height: 1.6;
    font-size: 1.4rem;
    display: inline-block;
    color: #5b4b42;
    border-bottom:1px solid rgba(91, 75, 66, 0.5);
}

.boutique-detail-price-box {
    padding: 0;
    border: 1px solid #ececec;
    border-radius: 12px;
    background: #fafafa;
    max-width: 240px;
}

.boutique-detail-price {
    font-size: 1.6rem;
    font-weight: 700;
}

.boutique-detail-form {
    max-width: 420px;
}

.boutique-detail-qty-input {
    max-width: 110px;
}

.boutique-detail-long h2 {
  display:inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
  font-size:1.400rem;}

.boutique-detail-long-text {
    line-height: 1.7;
    white-space: normal;
}

@media (max-width: 991.98px) {
    .boutique-detail-layout {
        flex-direction: column;
    }

    .boutique-detail-media {
        flex: none;
        max-width: none;
        border-right: 0;
        border-bottom: 1px solid #ececec;
    }

    .boutique-detail-image,
    .boutique-detail-image-placeholder {
        min-height: 320px;
        max-height: 320px;
    }
}

@media (max-width: 767.98px) {
    .boutique-product-card-inner {
        flex-direction: column;
    }

    .boutique-product-media {
        flex: none;
        max-width: none;
        border-right: 0;
        border-bottom: 1px solid #ececec;
    }

    .boutique-product-card-image,
    .boutique-product-card-image-placeholder {
        min-height: 170px;
        max-height: 170px;
    }

    .boutique-product-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .boutique-product-form {
        width: 100%;
        justify-content: flex-start;
    }

    .boutique-detail-content {
        padding: 20px;
    }
}

@media (min-width: 1200px) {
  .col-xl-6 {
    width: 49%;
  }
}

.boutique-variantes-inline {
    min-width: 320px;
    max-width: 100%;
}

.boutique-variant-inline-item {
    min-width: 140px;
}

.boutique-variant-inline-item .form-select {
    min-width: 140px;
}

@media (max-width: 991.98px) {
    .boutique-variantes-inline {
        width: 100%;
        min-width: 0;
    }

    .boutique-variantes-inline .d-flex {
        justify-content: flex-start !important;
    }

    .boutique-variant-inline-item {
        min-width: 160px;
    }
}


/* =========================
== Boutique layout 3 colonnes
==========================*/
.boutique-layout-3cols {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.boutique-sidebar-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 20px;
}

.boutique-side-block {
    background: #faf8f4;
    border: 1px solid var(--bs-border-color-translucent);
    border-radius: 14px;
    padding: 14px 12px;
}

.boutique-side-block-head {
    margin-bottom: 12px;
}

.boutique-side-kicker, .top-sell, .newsletter {
  font-size: 1.500rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight:500;
  background-color: rgb(255, 36, 0);
  border-radius:4px;
  color: #FFF;
  padding: 3px 6px;
  margin:0;
  min-height:25px;
  height:25px
  line-height:1.3;
}

.top-sell {background-color: #377F51;}
.newsletter {background: none;border: 1px solid #6A2910;color:#6A2910;}
pre code {
  font-size: 1.200rem;
}

.boutique-side-title {
    font-size: 1.35rem;
    line-height: 1.2;
    color: #377F51;
}

.boutique-side-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.boutique-side-item + .boutique-side-item {
    border-top: 1px solid rgba(0, 0, 0, 0.18);
}

.boutique-side-link {
    display: block;
    text-decoration: none;
    padding: 5px 0;
    color: inherit;
}

.boutique-side-link:hover .boutique-side-link-title {
    text-decoration: underline;
}

.boutique-side-link-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.35;
    color: #5b4b42;
}

.boutique-side-link-price {
    display: block;
    margin-top: 3px;
    font-size: 1.15rem;
    font-weight: 700;
    color: #af3900;
}

.boutique-main-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.boutique-main-grid-item {
    min-width: 0;
}

@media (max-width: 1199.98px) {
    .boutique-layout-3cols {
        grid-template-columns: 180px minmax(0, 1fr);
        gap: 20px;
    }

    .boutique-main-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .boutique-layout-3cols {
        grid-template-columns: 1fr;
    }

    .boutique-sidebar-left {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

@media (max-width: 767.98px) {
    .boutique-sidebar-left {
        grid-template-columns: 1fr;
    }

    .boutique-side-block {
        padding: 12px;
    }
}
/* ---------------------------- */

.height-progress {height: 10px;}

.bg-suivi-compta .card {
    border-radius: 12px;
}

.bg-suivi-compta .progress {
    border-radius: 999px;
    overflow: hidden;
}

.bg-suivi-compta .fs-5,
.bg-suivi-compta .fs-6 {
    line-height: 1.2;
}

.bg-slide {background-color: #a8aeb5;padding:5px 0 5px 8px;}
.color-txt {color:var(--c_hex_c52a57);margin:0;padding:0;}
.color-cat1 {color:#be2400;}
.mr-2 {margin-right: 7px;}
.col-md-3 input.form-control.form-txt2::placeholder {font-size: 1.200rem;color:#a9adad;}

/* =========================
   INPUT QUANTITÉ
========================= */
.qty-input{
  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background-color .25s ease;
}

/* =========================
   ÉTAT PENDING (chargement)
========================= */
.qty-input.is-pending{
  border-color:#fd7e14 !important; /* orange */
  background-color:#fff8f2;
  box-shadow:0 0 0 0.2rem rgba(253,126,20,.25);
}

/* =========================
   ÉTAT SUCCÈS
========================= */
.qty-input.is-ok{
  border-color:#198754 !important; /* vert */
  background-color:#f3fff7;
  box-shadow:0 0 0 0.2rem rgba(25,135,84,.25);
}

/* =========================
   ÉTAT ERREUR
========================= */
.qty-input.is-err{
  border-color:#dc3545 !important; /* rouge */
  background-color:#fff5f5;
  box-shadow:0 0 0 0.2rem rgba(220,53,69,.25);
}

/* =========================
   RESET FOCUS BOOTSTRAP
========================= */
.qty-input:focus{
  box-shadow:none;
}

/* =========================
   BOUTONS + / - (optionnel mais recommandé)
========================= */
[data-qty-plus],
[data-qty-minus]{
  transition: all .2s ease;
}

/* pending */
[data-qty-plus].is-pending,
[data-qty-minus].is-pending{
  background:#fff3cd;
  border-color:#fd7e14;
}

/* succès */
[data-qty-plus].is-ok,
[data-qty-minus].is-ok{
  background:#d1e7dd;
  border-color:#198754;
}

/* erreur */
[data-qty-plus].is-err,
[data-qty-minus].is-err{
  background:#f8d7da;
  border-color:#dc3545;
}


/* Neutralisation complète des pseudo-éléments parasites */
.boutique-inline-menu-link::before,
.boutique-inline-menu-link::after,
.boutique-inline-menu-item::after,
.boutique-inline-menu summary::before,
.boutique-inline-menu summary::after,
.boutique-inline-menu details::before,
.boutique-inline-menu details::after {
    content: none !important;
    display: none !important;
}

/* Sous-menu */
.boutique-inline-submenu {
    position: absolute;
    top: calc(100% - 1px); /* remonte le sous-menu pour supprimer le trou */
    left: 0;
    min-width: 240px;
    display: none;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.45rem;
    background: #fffdfa;
    border: 1px solid #e5d9c9;
    border-radius: 4px;
    box-shadow: 0 12px 24px rgba(68, 49, 28, 0.10);
    z-index: 1000;
}

.boutique-inline-menu-item:hover .boutique-inline-submenu,
.boutique-inline-menu-item:focus-within .boutique-inline-submenu {
    display: flex;
}

.boutique-inline-menu-item::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 12px;
    background: transparent;
    z-index: 999;
}

.boutique-inline-submenu::before {
    content: none !important;
    display: none !important;
}

.boutique-inline-submenu-link {
    display: block;
    text-decoration: none !important;
    color: #584f46 !important;
    font-size: 1.200rem;
    line-height: 1.3;
    padding: 0.56rem 0.68rem;
    border: 0 !important;
    border-radius: 4px;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    transition:
        background-color 0.15s ease,
        color 0.15s ease;
}

.boutique-inline-submenu-link:hover,
.boutique-inline-submenu-link:focus,
.boutique-inline-submenu-link:active {
    background: #f7f1ea !important;
    color: #1f1a16 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.boutique-inline-submenu-link.is-active {
    background: #efe4d5 !important;
    color: #1f1a16 !important;
    font-weight: 600;
}

/* Neutralisation d'anciens composants éventuels */
.boutique-inline-menu summary,
.boutique-inline-menu details {
    all: unset;
}

.boutique-inline-menu summary::-webkit-details-marker {
    display: none !important;
}

/* Neutralise toute déco globale sur les liens du menu */
.boutique-inline-menu a,
.boutique-inline-menu a:hover,
.boutique-inline-menu a:focus,
.boutique-inline-menu a:active,
.boutique-inline-submenu a,
.boutique-inline-submenu a:hover,
.boutique-inline-submenu a:focus,
.boutique-inline-submenu a:active {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background-image: none !important;
}

/* Tablette */
@media (max-width: 991.98px) {
    .boutique-menu-wrapper {
        max-width: 100%;
    }

    .boutique-inline-menu-label {
        font-size: 0.9rem;
    }

    .boutique-inline-menu-link {
        font-size: 1.000rem;
        padding: 0.4rem 0.62rem;
    }

    .boutique-inline-submenu-link {
        font-size: 1.000rem;
        padding: 0.52rem 0.62rem;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .boutique-title-row {
        width: 100%;
        align-items: flex-start !important;
    }

    .boutique-menu-wrapper {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        border-radius: 10px;
        padding: 0.3rem 0.42rem;
    }

    .boutique-inline-menu {
        width: max-content;
        min-width: 100%;
    }

    .boutique-inline-menu-label {
        margin-right: 0.32rem;
    }

    .boutique-inline-menu-link {
        font-size: 0.93rem;
        padding: 0.38rem 0.56rem;
    }

    .boutique-inline-submenu {
        left: 0;
        min-width: 220px;
        width: min(280px, calc(100vw - 28px));
    }

    .boutique-inline-submenu-link {
        font-size: 0.94rem;
    }

}

/* ================End menu boutique ========================
============================================================= */


/* =========================================================
   CONTENUS BOUTIQUE
   ========================================================= */
.boutique-hero-slide,
.boutique-info-block {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}

.bc-content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.bc-bg-image-layer,
.bc-overlay-layer {
    position: absolute;
    inset: 0;
}

.bc-bg-image-layer img,
.boutique-hero-slide-image img,
.boutique-info-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bc-overlay-layer {
    background: rgba(0, 0, 0, 0.10);
    z-index: 1;
}

.bc-image-top {
    flex-direction: column;
}

.bc-image-left,
.bc-image-right {
    display: flex;
    align-items: stretch;
}

.bc-image-right {
    flex-direction: row-reverse;
}

.boutique-hero-slide-image,
.boutique-info-block-image {
    min-height: 220px;
}

.boutique-hero-slide-image img,
.boutique-info-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Largeurs image */
.bc-image-w30 { flex: 0 0 30%; max-width: 30%; }
.bc-image-w40 { flex: 0 0 40%; max-width: 40%; }
.bc-image-w50 { flex: 0 0 50%; max-width: 50%; }
.bc-image-w60 { flex: 0 0 60%; max-width: 60%; }

/* Hauteurs mini */
.bc-minh-h240 { min-height: 200px; }
.bc-minh-h320 { min-height: 240px; }
.bc-minh-h400 { min-height: 400px; }
.bc-minh-h520 { min-height: 520px; }
.bc-minh-h640 { min-height: 640px; }

/* Padding */
.bc-padding-compact .bc-content { padding: 16px; }
.bc-padding-normal .bc-content { padding: 32px; }
.bc-padding-large .bc-content { padding: 48px; }
.bc-padding-xlarge .bc-content { padding: 64px; }

/* Alignements */
.bc-align-left { text-align: left; }
.bc-align-center { text-align: center; }
.bc-align-right { text-align: right; }

/* Titre */
.bc-title {
    margin: 0 0 1rem 0;
    line-height: 1.2;
}

.bc-title-size-sm { font-size: 1.40rem; }
.bc-title-size-md { font-size: 1.8rem; }
.bc-title-size-lg { font-size: 2.2rem; }
.bc-title-size-xl { font-size: 2.5rem; }
.bc-title-size-xxl { font-size: 3.2rem; }
.bc-title-size-hero { font-size: 3.8rem; }

/* Texte */
.bc-text {
    line-height: 1.6;
}

.bc-text-size-xs { font-size: 1.000rem; }
.bc-text-size-sm { font-size: 1.2rem; }
.bc-text-size-md { font-size: 1.5rem; }
.bc-text-size-lg { font-size: 1.7rem; }
.bc-text-size-xl { font-size: 1.9rem; }

.bc-text-bold {
    font-weight: 700;
}

/* Couleurs texte */
.bc-color-dark {color: #212529;}
.bc-color-light {color: #FFFFFF;}
.bc-color-muted {color: #6c757d;}
.bc-color-red {color: #b3261e;}
.bc-color-gold {color: #c89b3c;}
.bc-color-green {color: #2e7d32;}
.bc-color-blue {color: #1565c0;}
.bc-color-purple {color: #7b57c7;}
.bc-color-orange {color: #d9822b;}
.bc-color-teal {color: #1f8a8a;}

/* Fonds */
.bc-bg-white { background-color: #ffffff; }
.bc-bg-beige { background-color: #f8f5f0; }
.bc-bg-light { background-color: #f3f4f6; }
.bc-bg-dark { background-color: #1f2937; }
.bc-bg-green-soft { background-color: #eef7ef; }
.bc-bg-blue-soft { background-color: #eef4fb; }

.bg-preview {background-color: rgb(170, 177, 182);}
.table-blue {--bs-table-bg: #31b5d4;}
.btn-new {background-color: rgb(0, 130, 160);}
.btn-new:hover {background-color: rgb(0, 105, 130);}

/* Preview blocs */
#bbcode-preview h1,
#bbcode-preview h2,
#bbcode-preview h3,
#bbcode-preview h4,
#bbcode-preview h5,
#bbcode-preview h6,
#bbcode-preview p,
#bbcode-preview ul,
#bbcode-preview ol {
    position: static;
    float: none;
    clear: none;
}


#bbcode-preview {
    position: relative;
    display: block;
    width: 100%;
    min-height: 150px;
    height: auto;
    overflow: visible;
    white-space: normal;
    word-break: break-word;
}

#bbcode-preview::after {
    content: "";
    display: block;
    clear: both;
}

#bbcode-preview > *:last-child {
    margin-bottom: 0;
}

.bbcode-preview-inner {
    display: block;
    width: 100%;
}

.bbcode-preview-inner::after {
    content: "";
    display: block;
    clear: both;
}


/* ========= CSS FIlters ==========
==================================*/
.shop-filters-inline {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 4px;
}

.shop-inline-search {
  flex: 0 0 170px;
  width: 170px;
  min-width: 170px;
  max-width: 170px;
  height: 27px;
  min-height: 27px;
  padding: 0 8px;
  font-size: 1.100rem;
  border-radius: 7px;
}

.shop-inline-btn {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  height: 26px;
  min-height: 26px;
  margin-top:3px;
  padding: 0 8px;
  font-size: 0.78rem;
  line-height: 1;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.shop-inline-submit {
  padding-inline: 10px;
}

.shop-inline-meta {
  flex: 0 0 auto;
  font-size: 1.000rem;
  color: #777;
  margin-left: 4px;
}

.shop-panel {
  width: 100%;
  white-space: normal;
}

/* Animation d'ouverture des panneaux collapse (filtres, virement…)
   Déclenché par collapse_toggle.js via ajout de la classe .show —
   aucun style inline écrit, compatible CSP strict (style-src-attr 'none') */
@keyframes collapse-panel-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.collapse-panel.show {
  animation: collapse-panel-in 0.22s ease;
}

.shop-panel-inner {
  margin-top: 10px;
  padding: 0.9rem;
  border: 1px solid rgba(174, 146, 116, 0.22);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
}

.shop-checks {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.shop-filters-inline::-webkit-scrollbar {
  height: 4px;
}

.shop-filters-inline::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 999px;
}

@media (max-width: 767.98px) {
  .shop-filters-inline {
    gap: 5px;
  }

  .shop-inline-search {
    flex: 0 0 145px;
    width: 145px;
    min-width: 145px;
    max-width: 145px;
    font-size: 0.8rem;
  }

  .shop-inline-btn {
    font-size: 0.74rem;
    padding: 0 7px;
  }

  .shop-inline-meta {
    font-size: 0.75rem;
  }
}

/* ========== BLOC CATEGORIES ==========
======================================*/
.boutique-category-context {
  margin-top: 1rem;
}

.boutique-category-context-inner {
  padding: 1.1rem 1.2rem;
  border: 1px solid rgba(174, 146, 116, 0.20);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(250,247,244,0.96) 100%);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
}

.boutique-category-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}

.boutique-category-kicker {
  font-size: 1.5rem;
  font-weight:500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgb(174, 146, 116);
}

.boutique-category-title {
  font-size: 1.7rem;
  line-height: 1.1;
  color: #425623;
}

.boutique-category-subtitle {
  color: #6c757d;
  font-size: 1.1rem;
}

.boutique-category-actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.boutique-subcategory-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.boutique-subcategory-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0.3rem 0.7rem;
  border: 1px solid rgba(174, 146, 116, 0.35);
  border-radius: 4px;
  background: #fff;
  color: rgb(174, 146, 116);
  text-decoration: none;
  transition: all 0.2s ease;
}

.boutique-subcategory-chip:hover {
  background: rgb(174, 146, 116);
  color: #fff;
}

.boutique-subcategory-chip.is-active {
  background: rgb(174, 146, 116);
  color: #fff;
  border-color: rgb(174, 146, 116);
}

@media (max-width: 767.98px) {
  .boutique-category-context-inner {
    padding: 1rem;
    border-radius: 14px;
  }

  .boutique-category-title {
    font-size: 1.3rem;
  }

  .boutique-category-actions {
    width: 100%;
  }

  .boutique-category-actions .btn {
    flex: 1 1 auto;
  }

  .boutique-subcategory-nav {
    gap: 0.45rem;
  }

  .boutique-subcategory-chip {
    min-height: 34px;
    padding: 0.45rem 0.75rem;
    font-size: 0.9rem;
  }
}

.boutique-category-products-title {
  font-size: 1.300rem;
  font-weight: 600;
  color: rgb(54, 46, 42);
}

.boutique-category-products .boutique-produit-card,
.boutique-category-products .product-card,
.boutique-category-products .card {
  height: 100%;
}