/* =====================================================================
   Phonicom · habillage « station » v2, clair (netVD, octobre 2026)
   Fichier : themes/classic/assets/css/custom.css
   Chargé automatiquement par le thème classic après theme.css.
   Uniquement du design : aucun gabarit, aucun module n'est modifié.
   Pour revenir à l'ancien design : vider ou renommer ce fichier
   (et custom.js), puis vider le cache (Paramètres avancés > Performances).
   ===================================================================== */

@font-face{font-family:"Chakra Petch";src:url(phonicom-fonts/chakra-petch-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url(phonicom-fonts/chakra-petch-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url(phonicom-fonts/chakra-petch-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(phonicom-fonts/ibm-plex-sans.woff2) format("woff2");font-weight:100 700;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(phonicom-fonts/ibm-plex-sans-italic.woff2) format("woff2");font-weight:100 700;font-style:italic;font-display:swap}
@font-face{font-family:"Share Tech Mono";src:url(phonicom-fonts/share-tech-mono.woff2) format("woff2");font-display:swap}
@font-face{font-family:"DSEG7";src:url(phonicom-fonts/dseg7-bold.woff2) format("woff2");font-display:swap}

:root{
  --pc-orange:#fe8000;          /* orange du logo : réservé aux accents */
  --pc-orange-fonce:#d96a00;
  --pc-orange-pale:#fff4e8;
  --pc-gris:#3f454a;            /* gris du logo */
  --pc-encre:#1b2026;           /* texte fort, boutons */
  --pc-fond:#f5f6f8;            /* fond du site */
  --pc-surface:#ffffff;
  --pc-voile:#f0f2f5;           /* aplats légers */
  --pc-trait:#e4e7eb;           /* filets */
  --pc-texte:#1f252b;
  --pc-doux:#6a737c;
  --pc-vert:#22b066;
  --pc-rouge:#e5463b;
  --pc-titre:"Chakra Petch","IBM Plex Sans",Arial,sans-serif;
  --pc-corps:"IBM Plex Sans",Arial,sans-serif;
  --pc-mono:"Share Tech Mono",ui-monospace,monospace;
  --pc-rayon:16px;
  --pc-ombre:0 1px 2px rgba(20,26,32,.04),0 12px 32px -18px rgba(20,26,32,.22);
  --pc-ombre-forte:0 2px 4px rgba(20,26,32,.04),0 26px 50px -24px rgba(20,26,32,.32);
}

/* ---------- Base ---------- */
body,#wrapper{background-color:var(--pc-fond)}
#wrapper{background-image:none;padding-top:2rem}
body{font-family:var(--pc-corps);color:var(--pc-texte);font-size:1rem;-webkit-font-smoothing:antialiased}
#wrapper,#footer,#header,.modal,.dropdown-menu,.form-control,.btn,input,select,textarea,button{font-family:var(--pc-corps)}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--pc-titre);color:var(--pc-texte);letter-spacing:.01em}
a{color:var(--pc-encre)}
a:hover,a:focus{color:var(--pc-orange-fonce);text-decoration:none}
::selection{background:var(--pc-orange);color:#fff}
:focus-visible{outline:2px solid var(--pc-orange);outline-offset:2px}

/* Boutons : sobres, l'orange arrive au survol */
.btn{font-family:var(--pc-titre);font-weight:600;letter-spacing:.05em;border-radius:999px;text-transform:uppercase;transition:transform .15s,box-shadow .2s,background-color .2s,border-color .2s,color .2s}
.btn-primary,.btn-primary.disabled,.btn-primary:disabled{
  background:var(--pc-encre);border:1px solid var(--pc-encre);color:#fff;box-shadow:0 8px 18px -10px rgba(20,26,32,.55)}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary:active:focus{
  background:var(--pc-orange);border-color:var(--pc-orange);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(254,128,0,.6)}
.btn-primary:active{transform:translateY(1px)}
.btn-secondary,.btn-tertiary{background:#fff;border:1px solid var(--pc-trait);color:var(--pc-texte);box-shadow:none}
.btn-secondary:hover,.btn-tertiary:hover{background:#fff;border-color:var(--pc-encre);color:var(--pc-texte)}
.btn-unstyle{font-family:inherit;text-transform:none;letter-spacing:0;box-shadow:none;border-radius:0}

.form-control,.custom-select,select.form-control{border-radius:12px;border:1px solid var(--pc-trait);background-color:#fff;color:var(--pc-texte)}
.form-control:focus{border-color:var(--pc-encre);box-shadow:0 0 0 3px rgba(27,32,38,.08);outline:0}
.custom-checkbox input[type=checkbox]+span .checkbox-checked{color:var(--pc-encre)}
.custom-radio input[type=radio]:checked+span{background-color:var(--pc-encre)}

.card,.card-block,.block-category,.page-content.page-cms,#content.page-content,.cart-grid-body .card,.cart-summary{border-radius:var(--pc-rayon)}
.card{border:1px solid var(--pc-trait);box-shadow:var(--pc-ombre)}

/* ---------- En-tête : tout en clair ---------- */
#header{background:#fff;box-shadow:none;position:relative;z-index:20}
#header .header-nav{background:#fff;border-bottom:1px solid var(--pc-voile);max-height:none;margin:0;color:var(--pc-doux)}
#header .header-nav .container{min-height:40px}
#header .header-nav a,#header .header-nav .expand-more,#header .header-nav .material-icons,#header .header-nav #contact-link a{color:var(--pc-doux)}
#header .header-nav a:hover,#header .header-nav .language-selector button:hover .expand-more{color:var(--pc-encre)}
#header .header-nav #contact-link,#header .header-nav .user-info,#header .header-nav .language-selector,#header .header-nav .cart-preview{margin-top:.5rem;font-size:.85rem}
#header .header-nav #contact-link a::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.5rem;vertical-align:1px;
  background:var(--pc-vert);box-shadow:0 0 0 3px rgba(34,176,102,.15)}
#header .header-nav .blockcart{background:var(--pc-voile);border-radius:999px;padding:.28rem .85rem;margin-left:.8rem;height:auto;margin-top:.35rem}
#header .header-nav .blockcart .header{margin-top:0}
#header .header-nav .cart-preview.active{background:var(--pc-encre)}
#header .header-nav .cart-preview.active a,#header .header-nav .cart-preview.active i{color:#fff}
#header .header-nav .cart-products-count{font-family:var(--pc-mono);color:var(--pc-encre)}
#header .header-nav .cart-preview.active .cart-products-count{color:var(--pc-orange)}
#header .header-nav .dropdown-menu{background:#fff;border:1px solid var(--pc-trait);border-radius:12px;box-shadow:var(--pc-ombre-forte)}
#header .header-nav .dropdown-menu .dropdown-item{color:var(--pc-texte)}
#header .header-nav .dropdown-menu .dropdown-item:hover,#header .header-nav .dropdown-menu .current .dropdown-item{background:var(--pc-voile);color:var(--pc-encre)}

#header .header-top{background:#fff;padding:1rem 0 1rem;border-bottom:0}
#header .header-top .row{display:flex;align-items:center;flex-wrap:wrap}
#header .header-top #_desktop_logo h1,#header .header-top #_desktop_logo .logo{margin:0}
#header .header-top .logo{max-height:70px;width:auto}
#header .header-top .header-top-right{display:flex;align-items:center;justify-content:space-between;gap:1rem}

/* Menu principal : texte net, voyant orange au survol */
#header .top-menu[data-depth="0"]{display:flex;gap:.2rem;flex-wrap:wrap}
#header .top-menu a[data-depth="0"]{
  font-family:var(--pc-titre);font-weight:600;font-size:.95rem;letter-spacing:.07em;color:var(--pc-gris);
  padding:.55rem .95rem .55rem 1.5rem;border-radius:999px;position:relative;background:transparent;border:0;box-shadow:none;transition:background .2s,color .2s}
#header .top-menu a[data-depth="0"]::before{
  content:"";position:absolute;left:.75rem;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;
  background:#cfd4da;transition:background .2s,box-shadow .2s}
#header .top-menu a[data-depth="0"]:hover,#header .top-menu li.current>a[data-depth="0"],#header .top-menu li:hover>a[data-depth="0"]{color:var(--pc-encre);background:var(--pc-voile)}
#header .top-menu a[data-depth="0"]:hover::before,#header .top-menu li.current>a[data-depth="0"]::before,#header .top-menu li:hover>a[data-depth="0"]::before{background:var(--pc-orange);box-shadow:0 0 0 3px rgba(254,128,0,.18)}
#header .top-menu .sub-menu{
  border-radius:var(--pc-rayon);border:1px solid var(--pc-trait);
  box-shadow:var(--pc-ombre-forte);margin-left:0;margin-top:.4rem;padding:1.3rem 1.5rem}
#header .top-menu .sub-menu .top-menu[data-depth="1"]{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.4rem 1.6rem}
#header .top-menu .sub-menu a[data-depth="1"]{font-family:var(--pc-titre);font-weight:700;color:var(--pc-texte);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--pc-trait);padding-bottom:.3rem;margin-bottom:.2rem}
#header .top-menu .sub-menu a[data-depth="2"]{color:var(--pc-doux);padding:.12rem 0}
#header .top-menu .sub-menu a:hover{color:var(--pc-orange-fonce)}
#header .top-menu .sub-menu .collapse{display:block}

/* Recherche */
#search_widget form input{border-radius:999px;background:var(--pc-voile);border:1px solid transparent;padding:.65rem 1rem .65rem 2.6rem;min-width:240px;font-size:.92rem;transition:background .2s,border-color .2s,box-shadow .2s}
#search_widget form input:focus{background:#fff;border-color:var(--pc-trait);outline:0;box-shadow:0 0 0 4px rgba(27,32,38,.06)}
#search_widget form i{color:var(--pc-doux);padding:.6rem .4rem .6rem .9rem}
.ui-autocomplete.searchbar-autocomplete{border-radius:14px;border:1px solid var(--pc-trait);box-shadow:var(--pc-ombre-forte);overflow:hidden}

/* Bandeau spectre sur fond blanc (ajouté par custom.js, purement décoratif) */
.pc-spectre{position:relative;height:64px;overflow:hidden;background:#fff;
  background-image:
    linear-gradient(rgba(27,32,38,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(27,32,38,.045) 1px,transparent 1px);
  background-size:100% 16px,60px 100%;border-top:1px solid var(--pc-voile);border-bottom:1px solid var(--pc-trait)}
.pc-spectre::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 8%,rgba(255,255,255,0) 92%,#fff 100%)}
.pc-spectre svg{position:absolute;inset:0;width:100%;height:100%}
.pc-barres rect{fill:url(#pcGris);transform-box:fill-box;transform-origin:50% 100%;animation:pc-scope 2.6s ease-in-out infinite alternate}
.pc-barres rect.pic{fill:url(#pcOrange)}
.pc-marqueur{position:absolute;top:0;bottom:0;width:1px;background:var(--pc-orange);left:50%;z-index:1}
.pc-marqueur::before{content:"";position:absolute;top:0;left:-5px;border:5px solid transparent;border-top-color:var(--pc-orange)}
.pc-spectre .pc-lcd{position:absolute;z-index:2;right:max(16px,calc((100vw - 1140px)/2 + 15px));top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid var(--pc-trait);border-radius:12px;padding:.4rem .85rem .35rem;box-shadow:0 8px 24px -14px rgba(20,26,32,.35)}
.pc-spectre .pc-lcd b{position:relative;display:block;font:400 1.3rem/1 "DSEG7",var(--pc-mono);color:var(--pc-encre);letter-spacing:.02em}
.pc-spectre .pc-lcd b::before{content:attr(data-fond);position:absolute;left:0;top:0;color:rgba(27,32,38,.06)}
.pc-spectre .pc-lcd small{display:flex;align-items:center;gap:.4rem;font:600 .56rem/1 var(--pc-titre);color:var(--pc-doux);letter-spacing:.2em;margin-bottom:.3rem}
.pc-spectre .pc-lcd small::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pc-orange);animation:pc-tx 1.9s ease-in-out infinite}
.pc-spectre .pc-etiquette{position:absolute;z-index:2;left:max(16px,calc((100vw - 1140px)/2 + 15px));top:50%;transform:translateY(-50%);
  font:600 .7rem/1.2 var(--pc-titre);letter-spacing:.22em;color:var(--pc-gris);text-transform:uppercase;
  background:rgba(255,255,255,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid var(--pc-trait);border-radius:999px;padding:.42rem .95rem .42rem .45rem;box-shadow:0 8px 24px -16px rgba(20,26,32,.35)}
.pc-spectre .pc-etiquette i{display:inline-block;font-style:normal;background:var(--pc-voile);color:var(--pc-encre);border-radius:999px;padding:.2rem .55rem;margin-right:.6rem;letter-spacing:.12em}
@keyframes pc-scope{0%{transform:scaleY(var(--a,.4))}100%{transform:scaleY(var(--b,1))}}
@keyframes pc-tx{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.pc-barres rect,.pc-spectre .pc-lcd small::before{animation:none}}
.pc-spectre-fin{position:relative;height:34px;overflow:hidden;background:#fff;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.pc-spectre-fin svg{position:absolute;inset:0;width:100%;height:100%}
.pc-spectre-fin svg{transition:opacity .5s}
.pc-spectre-fin.pc-vivant svg{opacity:0}
.pc-spectre-fin.pc-vivant .pc-toile{display:block}
@media (max-width:767px){.pc-spectre-fin{height:24px}}

/* ---------- Fil d'Ariane ---------- */
.breadcrumb{background:transparent;padding:0;margin-bottom:1.1rem}
.breadcrumb li{font-family:var(--pc-corps);font-weight:500;font-size:.88rem}
.breadcrumb li a{color:var(--pc-doux)}
.breadcrumb li a:hover{color:var(--pc-encre)}
.breadcrumb li:last-child{color:var(--pc-texte)}
#wrapper .breadcrumb li::after{color:#b6bdc4;content:"/";margin:0 .55rem;font-weight:400}
#wrapper .breadcrumb li:last-child::after{content:""}

/* ---------- Diaporama d'accueil : grand écran sans cadre ---------- */
#carousel{border-radius:24px;overflow:hidden;margin-bottom:3rem;border:1px solid var(--pc-trait);box-shadow:var(--pc-ombre-forte);background:#fff}
#carousel .carousel-inner{border-radius:0;overflow:hidden;background:#fff;margin-bottom:0}
#carousel .carousel-indicators{bottom:.9rem}
#carousel .carousel-indicators li{width:8px;height:8px;border-radius:999px;border:0;background:rgba(27,32,38,.25);margin:0 4px;transition:width .3s,background .3s}
#carousel .carousel-indicators li.active{width:26px;background:var(--pc-encre)}
#carousel .direction .carousel-control{opacity:0;transition:opacity .25s}
#carousel:hover .direction .carousel-control,#carousel:focus-within .direction .carousel-control{opacity:1}
#carousel .carousel-control .icon-prev,#carousel .carousel-control .icon-next{
  width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 8px 20px -10px rgba(20,26,32,.5);display:flex;align-items:center;justify-content:center;transition:transform .2s}
#carousel .carousel-control .icon-prev i,#carousel .carousel-control .icon-next i{font-size:1.8rem;color:var(--pc-encre);line-height:1}
#carousel .carousel-control:hover .icon-prev,#carousel .carousel-control:hover .icon-next{transform:scale(1.08)}

/* ---------- Titres de rayons : échelle de S-mètre ---------- */
.products-section-title,#main .page-header h1,.block-category h1{
  font-family:var(--pc-titre);font-weight:700;font-size:1.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-texte)}
#index .products-section-title{text-align:center;margin:0 0 2.2rem;position:relative;padding-bottom:1.95rem}
#index .products-section-title::after{
  content:"S1 · 3 · 5 · 7 · 9 · +20 · +40";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:min(320px,80%);padding-top:.5rem;
  font:400 .68rem/1 var(--pc-mono);letter-spacing:.12em;color:var(--pc-doux);white-space:nowrap;
  background:linear-gradient(90deg,#c9cfd5 0 62%,var(--pc-rouge) 62% 100%) top/100% 2px no-repeat}
#index .products-section-title::before{
  content:"";position:absolute;left:50%;bottom:1.05rem;width:2px;height:12px;border-radius:2px;background:var(--pc-orange);
  animation:pc-aiguille 3.2s ease-in-out infinite alternate}
@keyframes pc-aiguille{0%{transform:translateX(-90px)}100%{transform:translateX(70px)}}
@media (prefers-reduced-motion:reduce){#index .products-section-title::before{animation:none}}
.featured-products,.product-accessories,.products-section{margin-bottom:2.6rem}
.all-product-link{font-family:var(--pc-titre);font-weight:600;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-encre)!important;
  border:1px solid var(--pc-trait);background:#fff;border-radius:999px;padding:.55rem 1.1rem;display:inline-flex;align-items:center;gap:.3rem;transition:border-color .2s}
.all-product-link:hover{border-color:var(--pc-encre)}
.all-product-link i{transition:transform .2s}
.all-product-link:hover i{transform:translateX(4px)}

/* ---------- Vignettes produits ---------- */
.product-miniature .thumbnail-container{
  border-radius:var(--pc-rayon);background:var(--pc-surface);border:1px solid var(--pc-trait);
  box-shadow:var(--pc-ombre);overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product-miniature .thumbnail-container:hover,.product-miniature .thumbnail-container:focus-within{
  transform:translateY(-4px);border-color:#d5dadf;box-shadow:var(--pc-ombre-forte)}
.product-miniature .thumbnail-container::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;
  background:var(--pc-orange);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.product-miniature .thumbnail-container:hover::before{transform:scaleX(1)}
.product-miniature .thumbnail-container .product-thumbnail img{transition:transform .4s ease}
.product-miniature .thumbnail-container:hover .product-thumbnail img{transform:scale(1.04)}
.product-miniature .product-description{
  background:#fff;border-top:1px solid var(--pc-voile);box-shadow:none;
  padding:.75rem .85rem .85rem;height:auto;min-height:6.2rem;display:flex;flex-direction:column;justify-content:space-between}
.product-miniature .product-title{margin:0 0 .55rem;text-align:left}
.product-miniature .product-title a{font-family:var(--pc-corps);font-weight:600;font-size:.92rem;line-height:1.3;color:var(--pc-texte);text-transform:none}
.product-miniature .product-title a:hover{color:var(--pc-orange-fonce)}
.product-miniature .product-price-and-shipping{text-align:left;color:var(--pc-texte);margin:0}
.product-miniature .product-price-and-shipping .price,
.product-miniature .product-price-and-shipping .regular-price{font-family:var(--pc-mono)}
.product-miniature .product-price-and-shipping .price{display:inline-block;color:var(--pc-encre);font-size:1.15rem;letter-spacing:.03em;line-height:1.2}
.product-miniature .product-price-and-shipping .regular-price{color:var(--pc-doux);font-size:.85rem;margin-right:.35rem}
.product-miniature .highlighted-informations{
  background:rgba(255,255,255,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 20px -12px rgba(20,26,32,.45);border-radius:999px;
  width:auto;left:50%;transform:translateX(-50%);bottom:.7rem;height:auto;padding:.35rem .95rem}
.product-miniature .highlighted-informations .quick-view{color:var(--pc-encre);font-family:var(--pc-titre);font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.product-miniature .highlighted-informations .quick-view:hover{color:var(--pc-orange-fonce)}
.product-miniature .variant-links{background:#fff}

/* Pastilles : petits témoins */
.product-flags li.product-flag{
  font-family:var(--pc-titre);font-weight:600;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  border-radius:999px;padding:.3rem .7rem .3rem 1.4rem;margin-top:.6rem;position:relative;min-height:0;
  background:rgba(255,255,255,.92);color:var(--pc-encre);border:1px solid var(--pc-trait);box-shadow:0 4px 12px -6px rgba(20,26,32,.3)}
.product-flags li.product-flag::before{
  content:"";position:absolute;left:.6rem;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--pc-orange)}
.product-flags li.product-flag.new::before{background:var(--pc-vert)}
.product-flags li.product-flag.out_of_stock::before{background:var(--pc-rouge)}
.product-flags li.product-flag.online-only::before{background:var(--pc-gris)}

/* Liste d'envies */
.wishlist-button-add{box-shadow:0 4px 12px -4px rgba(20,26,32,.25)!important;transition:transform .15s}
.wishlist-button-add:hover{transform:scale(1.08)}
.wishlist-button-add i{color:var(--pc-gris)!important}
.wishlist-button-add:hover i{color:var(--pc-orange)!important}

/* Bannière d'accueil */
#index a.banner{display:block;margin:0 0 2.8rem}
#index a.banner img{border-radius:24px;box-shadow:var(--pc-ombre-forte);width:100%}

/* ---------- Pages catégorie ---------- */
#left-column .block-categories,#left-column #search_filters,#left-column .block,#search_filters_wrapper #search_filters,#left-column #search_filters_brands,#left-column #search_filters_suppliers{
  border-radius:var(--pc-rayon);border:1px solid var(--pc-trait);background:#fff;box-shadow:var(--pc-ombre);overflow:hidden}
#left-column .block-categories{padding:0}
#left-column .block-categories .category-top-menu>li:first-child>a.h6,#left-column .block-categories>ul>li:first-child>a{
  display:block;background:#fff;color:var(--pc-encre);padding:1rem 1.15rem .75rem;font-family:var(--pc-titre);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;margin:0;border-bottom:1px solid var(--pc-voile)}
#left-column .block-categories .category-sub-menu{padding:.6rem 1.15rem .9rem;margin:0}
#left-column .block-categories .category-sub-menu li a{color:var(--pc-texte);font-size:.93rem}
#left-column .block-categories .category-sub-menu li a:hover{color:var(--pc-orange-fonce)}
#left-column .block-categories .collapse-icons .material-icons,#left-column .block-categories .arrows .material-icons{color:var(--pc-doux)}
#search_filters{padding:1.1rem}
#search_filters>.h6,#search_filters .text-uppercase.h6{font-family:var(--pc-titre);letter-spacing:.08em}
#search_filters .facet .facet-title{font-family:var(--pc-titre);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-gris);border-bottom:1px solid var(--pc-voile);padding-bottom:.35rem}
#search_filters .facet .facet-label a{color:var(--pc-texte)}
#search_filters .facet .facet-label a:hover,#search_filters .facet .facet-label.active a{color:var(--pc-orange-fonce)}
.ui-slider .ui-slider-range{background:var(--pc-encre)!important}
.ui-slider .ui-slider-handle{border-color:var(--pc-encre)!important;border-radius:50%!important}

.block-category{
  position:relative;overflow:hidden;min-height:0;padding:1.8rem 2rem;margin-bottom:1.6rem;border:1px solid var(--pc-trait);color:var(--pc-texte);
  background:linear-gradient(120deg,#fff 40%,#f3f5f7);box-shadow:var(--pc-ombre)}
.block-category::after{
  content:"";position:absolute;right:-40px;bottom:-80px;width:240px;height:240px;border-radius:50%;
  border:1px solid rgba(27,32,38,.07);box-shadow:0 0 0 24px rgba(27,32,38,.025),0 0 0 50px rgba(27,32,38,.018);pointer-events:none}
.block-category h1{color:var(--pc-encre);margin:0;font-size:2rem}
.block-category h1::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pc-orange);box-shadow:0 0 0 4px rgba(254,128,0,.15);margin-right:.8rem;vertical-align:.4rem}
.block-category #category-description,.block-category .block-category-inner{color:#454c53}
.block-category #category-description a{color:var(--pc-orange-fonce)}
.block-category .category-cover img{border-radius:12px}
#subcategories .subcategory-heading,#subcategories .subcategory-name{font-family:var(--pc-titre)}
#subcategories ul li .subcategory-image a{border-radius:14px;border:1px solid var(--pc-trait);background:#fff;padding:.4rem}
#subcategories ul li:hover .subcategory-image a{border-color:#cfd4da;padding:.4rem}
#subcategories ul li .subcategory-name{color:var(--pc-texte);font-weight:600}
#subcategories ul li .subcategory-name:hover{color:var(--pc-orange-fonce)}

#js-product-list-top{
  background:#fff;border:1px solid var(--pc-trait);border-radius:14px;padding:.55rem .9rem;margin:0 0 1.4rem;align-items:center;display:flex;flex-wrap:wrap}
#js-product-list-top .total-products p{margin:0;font-family:var(--pc-titre);font-weight:600;color:var(--pc-gris);letter-spacing:.03em}
.products-selection .sort-by{color:var(--pc-doux)}
.products-sort-order .select-title{border-radius:999px;border:1px solid var(--pc-trait);box-shadow:none;background:var(--pc-voile)}
.products-sort-order .dropdown-menu{border-radius:12px;border:1px solid var(--pc-trait);box-shadow:var(--pc-ombre-forte)}
.products-sort-order .select-list:hover{background:var(--pc-voile);color:var(--pc-encre)}

/* Pagination */
.pagination{font-family:var(--pc-titre)}
.pagination .page-list{background:#fff;border:1px solid var(--pc-trait);border-radius:999px;box-shadow:none;padding:.4rem .6rem}
.pagination a{color:var(--pc-texte);font-weight:600}
.pagination .current a{background:var(--pc-encre);color:#fff;border-radius:999px;padding:.15rem .6rem}
.pagination a:hover{color:var(--pc-orange-fonce)}

/* ---------- Fiche produit ---------- */
#product #content{max-width:none}
#product .images-container .product-cover{border-radius:var(--pc-rayon);overflow:hidden;border:1px solid var(--pc-trait);background:#fff;box-shadow:var(--pc-ombre)}
#product .images-container .product-cover img{box-shadow:none}
#product .images-container .product-cover .layer{background:rgba(27,32,38,.35)}
.product-images>li.thumb-container>.thumb{border-radius:10px;border:2px solid transparent}
.product-images>li.thumb-container>.thumb.selected,.product-images>li.thumb-container>.thumb:hover{border-color:var(--pc-encre)}
#product h1.h1{font-size:2rem;font-weight:700;letter-spacing:.02em;text-transform:none;line-height:1.15;margin-bottom:.8rem}
#product .product-prices{margin:.6rem 0 1rem}
#product .product-prices .current-price{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
#product .product-prices .current-price-value,#product .product-prices .current-price span:first-child{
  display:inline-block;font-family:var(--pc-mono);font-size:2.1rem;color:var(--pc-encre);letter-spacing:.03em;line-height:1.1}
#product .product-prices .tax-shipping-delivery-label{color:var(--pc-doux);font-size:.82rem;margin-top:.4rem}
#product .product-information{color:var(--pc-texte)}
#product .product-description-short,#product #product-description-short{font-size:1.02rem;line-height:1.6;color:#3d4348}
.product-actions .control-label{font-family:var(--pc-titre);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-gris)}
.product-quantity .qty .input-group{border-radius:12px;overflow:hidden}
.product-quantity #quantity_wanted{background:#fff;border:1px solid var(--pc-trait);font-family:var(--pc-mono);font-size:1.15rem;height:3rem}
.bootstrap-touchspin .btn-touchspin{background:var(--pc-voile);border-color:var(--pc-trait);border-radius:0}
.bootstrap-touchspin .btn-touchspin:hover{background:#e6e9ed}
.product-quantity .add .add-to-cart{height:3rem;padding:0 1.8rem;font-size:1rem}
.product-quantity .add .add-to-cart{display:inline-flex;align-items:center;gap:.5rem}
.product-quantity .add .add-to-cart .material-icons{line-height:1;margin:0}
#product-availability{font-weight:600;font-size:.92rem}
#product-availability .product-available{color:var(--pc-vert)}
#product-availability .product-last-items{color:var(--pc-orange-fonce)}
#product-availability .product-unavailable{color:var(--pc-rouge)}
.product-variants>.product-variants-item select{border-radius:12px;border:1px solid var(--pc-trait);box-shadow:none}
.product-variants>.product-variants-item .color{border-radius:50%}
.input-color:checked+span,.input-radio:checked+span{border:2px solid var(--pc-encre)}

/* Réassurance */
.blockreassurance_product{background:#fff;border:1px solid var(--pc-trait);border-radius:var(--pc-rayon);padding:.6rem 1rem;margin-top:1.4rem}
.blockreassurance_product>div{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--pc-voile)}
.blockreassurance_product>div:last-of-type{border-bottom:0}
.blockreassurance_product .item-product{flex:none;width:auto;height:auto;margin-right:.8rem;display:flex;align-items:center}
.blockreassurance_product .item-product img,.blockreassurance_product .item-product svg{width:30px;height:30px}
.blockreassurance_product .item-product svg path,.blockreassurance_product .item-product svg circle{fill:var(--pc-gris)!important}
.blockreassurance_product p.block-title{font-weight:600;color:var(--pc-texte)!important;margin:0;font-size:.93rem}
.blockreassurance_product .clearfix{display:none}

/* Onglets Description / Détails */
.tabs{border-radius:var(--pc-rayon);border:1px solid var(--pc-trait);box-shadow:var(--pc-ombre);padding:0 1.6rem 1.4rem;margin-top:1.6rem;background:#fff}
.tabs .nav-tabs{border:0;border-bottom:1px solid var(--pc-trait);margin:0 -1.6rem 1.3rem;padding:0 1.2rem;background:transparent;display:flex;flex-wrap:wrap;gap:.3rem}
.tabs .nav-tabs .nav-item{margin:0}
.tabs .nav-tabs .nav-link{white-space:nowrap;font-family:var(--pc-titre);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.84rem;color:var(--pc-doux);border:0;border-bottom:2px solid transparent;padding:1rem .7rem .85rem;border-radius:0;background:transparent;margin-bottom:-1px}
.tabs .nav-tabs .nav-link:hover{color:var(--pc-encre)}
.tabs .nav-tabs .nav-link.active{color:var(--pc-encre);border-bottom-color:var(--pc-orange);background:transparent}
.tabs .tab-pane{line-height:1.65;color:#363b40}
.tabs .tab-pane ul{padding-left:1.1rem}
.tabs .tab-pane ul li::marker{color:var(--pc-doux)}
.tabs .tab-pane strong,.tabs .tab-pane b{color:var(--pc-texte)}
.product-features>dl.data-sheet dd.value,.product-features>dl.data-sheet dt.name{border-radius:8px;background:#f7f8fa;font-size:.92rem}
.product-features>dl.data-sheet dt.name{font-family:var(--pc-titre);font-weight:600;color:var(--pc-gris);background:var(--pc-voile)}
.product-manufacturer img{border-radius:8px}
.product-accessories .h5,.product-accessories .products-section-title,#product .featured-products .products-section-title,#product section.featured-products h2{
  font-family:var(--pc-titre);font-size:1.25rem;letter-spacing:.06em;text-transform:uppercase;text-align:left;margin:2.4rem 0 1.4rem}
.product-accessories .products-section-title::before,#product .featured-products .products-section-title::before{
  content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pc-orange);margin-right:.7rem;vertical-align:.2rem}

/* Aperçu rapide + fenêtres */
.modal-content{border-radius:20px;border:0;overflow:hidden;box-shadow:0 40px 80px -30px rgba(20,26,32,.5)}
.modal-header{background:#fff;color:var(--pc-encre);border-bottom:1px solid var(--pc-voile)}
.modal-header .close,.modal-header .modal-title,.modal-header .h6{color:var(--pc-encre);opacity:1;font-family:var(--pc-titre)}
#blockcart-modal .modal-header{background:#fff}
#blockcart-modal .modal-title{color:var(--pc-vert)}
#blockcart-modal .product-name{font-family:var(--pc-titre);color:var(--pc-texte)}
#blockcart-modal .cart-content .btn{margin-top:.6rem}

/* ---------- Panier et commande ---------- */
.cart-grid-body .card-block h1,.cart-summary-line .label,.cart-summary .cart-total .label{font-family:var(--pc-titre)}
.cart-grid-body .card-block h1{letter-spacing:.06em}
.cart-summary-line.cart-total{background:var(--pc-voile);color:var(--pc-encre);border-radius:12px;padding:.75rem .95rem}
.cart-summary-line.cart-total .value{font-family:var(--pc-mono);color:var(--pc-encre);font-size:1.3rem}
.cart-item .product-line-info a.label{color:var(--pc-texte);font-weight:600}
.cart-item .product-price .price,.cart-item .current-price .price{font-family:var(--pc-mono)}
body#checkout section.checkout-step{border-radius:var(--pc-rayon);border:1px solid var(--pc-trait);margin-bottom:.8rem}
body#checkout section.checkout-step .step-title{font-family:var(--pc-titre);letter-spacing:.05em}
body#checkout section.checkout-step.-current .step-title{color:var(--pc-encre)}
body#checkout section.checkout-step .step-number{background:var(--pc-voile);color:var(--pc-encre);border-radius:50%}
body#checkout section.checkout-step.-current .step-number{background:var(--pc-orange);color:#fff}
body#checkout section.checkout-step.-complete .step-title .done{color:var(--pc-vert)}
.page-my-account #content .links a span.link-item{border-radius:var(--pc-rayon);border:1px solid var(--pc-trait);font-family:var(--pc-titre)}
.page-my-account #content .links a i{color:var(--pc-gris)}
.page-my-account #content .links a:hover span.link-item{border-color:var(--pc-encre)}
.page-my-account #content .links a:hover i{color:var(--pc-orange)}
.page-header h1{font-family:var(--pc-titre);text-transform:uppercase;letter-spacing:.06em}
#content.page-content,.page-content.card{border-radius:var(--pc-rayon)}
.contact-rich h4{font-family:var(--pc-titre);text-transform:uppercase;letter-spacing:.06em}
.contact-rich .block .icon i{color:var(--pc-gris)}

/* Messages */
.alert{border-radius:12px}
.alert-info{background:#f2f6fb;border-color:#dbe5f0;color:#2c3e50}

/* ---------- Newsletter : bande claire ---------- */
#footer{overflow-x:clip}
#footer>.container:first-child{position:relative;z-index:0;background:#fff;padding-top:2rem;padding-bottom:1.6rem}
#footer>.container:first-child::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vmax;right:-100vmax;background:#fff}
.block_newsletter{background:transparent;margin:0;color:var(--pc-texte)}
.block_newsletter #block-newsletter-label,.block_newsletter p{color:var(--pc-encre);font-family:var(--pc-titre);font-weight:700;font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase}
.block_newsletter form .input-wrapper{position:relative}
.block_newsletter form input[type=email]{border-radius:999px;border:1px solid var(--pc-trait);background:var(--pc-voile);padding:.8rem 1.2rem;height:auto}
.block_newsletter form input[type=email]:focus{outline:0;border-color:var(--pc-encre);background:#fff}
.block_newsletter form .btn-primary,.block_newsletter form input.btn{border-radius:999px;padding:.8rem 1.5rem;height:auto;margin-left:.4rem}
.block_newsletter #gdpr_consent,.block_newsletter p.mt-xs-1,.block_newsletter small,.block_newsletter .col-xs-12 p:not(#block-newsletter-label){color:var(--pc-doux);font-family:var(--pc-corps);font-size:.8rem;font-weight:400;text-transform:none;letter-spacing:0}
.block-social ul li{background-color:var(--pc-encre);border-radius:50%;transition:background-color .2s}
.block-social ul li:hover{background-color:var(--pc-orange)}

/* ---------- Pied de page : graphite, abaque de Smith en filigrane ---------- */
#footer{background:var(--pc-encre);color:#aeb6bd;padding-top:0}
#footer .footer-container{
  border-top:0;background-color:transparent;box-shadow:none;margin-top:0;padding:3rem 0 1.4rem;position:relative;overflow:hidden;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%23ffffff' stroke-opacity='.06' stroke-width='1.2'%3E%3Ccircle cx='200' cy='200' r='190'/%3E%3Ccircle cx='247.5' cy='200' r='142.5'/%3E%3Ccircle cx='295' cy='200' r='95'/%3E%3Ccircle cx='342.5' cy='200' r='47.5'/%3E%3Cpath d='M10 200H390'/%3E%3Cpath d='M390 200A190 190 0 0 0 200 10M390 200A380 380 0 0 0 10 10M390 200A95 95 0 0 0 295 105'/%3E%3Cpath d='M390 200A190 190 0 0 1 200 390M390 200A380 380 0 0 1 10 390M390 200A95 95 0 0 1 295 295'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:520px;background-position:right -120px center}
#footer .footer-container .h3,#footer .footer-container .h4,#footer .footer-container p.h3{
  font-family:var(--pc-titre);color:#fff;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;padding-bottom:0;margin-bottom:1rem;border-bottom:0;display:inline-block}
#footer .footer-container li a,#footer .footer-container a{color:#aeb6bd;font-size:.92rem;transition:color .2s}
#footer .footer-container li a:hover,#footer .footer-container a:hover{color:#fff}
#footer .footer-container li{margin-bottom:.4rem}
#footer .footer-container .block-contact{color:#aeb6bd;font-size:.92rem}
#footer .footer-container .block-contact a{color:#fff}
#footer .footer-container .block-contact .block-contact-title{color:#fff}
#footer .footer-container .collapse-icons .material-icons,#footer .footer-container .navbar-toggler .material-icons{color:#fff}
#footer .footer-container .text-sm-center,#footer .footer-container p.text-sm-center{color:#7d868e;font-size:.82rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1.2rem;margin-top:1.4rem}
#footer .footer-container .text-sm-center a{color:#7d868e}
#footer .footer-container .text-sm-center a::before{content:"73 · ";color:var(--pc-orange);font-family:var(--pc-mono)}

/* ---------- Apparition douce des vignettes (classe posée par custom.js) ---------- */
.pc-anim .product-miniature,.pc-anim .pc-tuile{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.pc-anim .product-miniature.pc-vu,.pc-anim .pc-tuile.pc-vu{opacity:1;transform:none}
.pc-anim .pc-tuile.pc-vu:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){.pc-anim .product-miniature,.pc-anim .pc-tuile{opacity:1;transform:none;transition:none}}

/* =====================================================================
   PAGE D'ACCUEIL (construite par custom.js à partir des blocs existants)
   ===================================================================== */
#index #wrapper{padding-top:0;overflow-x:clip}
.pc-bloc{margin:0 0 4.5rem}
.pc-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 1.4rem}
.pc-tete h2{font:700 1.9rem/1.1 var(--pc-titre);letter-spacing:.02em;margin:0;text-transform:none;color:var(--pc-encre)}
.pc-lien{display:inline-flex;align-items:center;gap:.45rem;font:600 .9rem var(--pc-titre);letter-spacing:.06em;text-transform:uppercase;color:var(--pc-encre)}
.pc-lien svg{width:18px;height:18px;transition:transform .2s}
.pc-lien:hover{color:var(--pc-orange-fonce)}
.pc-lien:hover svg{transform:translateX(4px)}

/* Premier écran */
.pc-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-bottom:4.5rem;background:#fff;border-bottom:1px solid var(--pc-trait);overflow:hidden}
.pc-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 76% 42%,rgba(254,128,0,.09),transparent 34%),
    repeating-radial-gradient(circle at 76% 42%,rgba(27,32,38,.05) 0 1px,transparent 1px 44px);
  -webkit-mask-image:radial-gradient(circle at 76% 42%,#000 0,transparent 62%);mask-image:radial-gradient(circle at 76% 42%,#000 0,transparent 62%)}
.pc-hero-in{position:relative;z-index:1;max-width:1140px;margin:0 auto;padding:4.5rem 15px 5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center}
.pc-sur{display:inline-flex;align-items:center;gap:.6rem;font:600 .72rem var(--pc-titre);letter-spacing:.22em;text-transform:uppercase;color:var(--pc-doux);border:1px solid var(--pc-trait);border-radius:999px;padding:.42rem .95rem;margin:0 0 1.6rem;background:#fff}
.pc-sur span{width:7px;height:7px;border-radius:50%;background:var(--pc-vert);box-shadow:0 0 0 3px rgba(34,176,102,.15)}
.pc-hero-titre{font:700 clamp(2.5rem,5vw,4.3rem)/1.02 var(--pc-titre);letter-spacing:-.01em;color:var(--pc-encre);margin:0 0 1.3rem;text-transform:none}
.pc-hero-titre em{font-style:normal;background:linear-gradient(transparent 66%,rgba(254,128,0,.3) 66% 88%,transparent 88%)}
.pc-intro{font-size:1.12rem;line-height:1.6;color:#4a525a;max-width:34rem;margin:0 0 2rem}
.pc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2.3rem}
.pc-actions .btn{padding:.95rem 1.7rem;font-size:.95rem}
.pc-atouts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.7rem 1.5rem}
.pc-atouts li{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--pc-doux)}
.pc-atouts svg{width:20px;height:20px;color:var(--pc-gris);flex:none}

/* Le poste : afficheur, S-mètre et bouton d'accord */
.pc-poste{position:relative;background:linear-gradient(180deg,#fff,#f6f7f9);border:1px solid var(--pc-trait);border-radius:28px;padding:1.5rem 1.6rem 1.4rem;
  box-shadow:0 2px 4px rgba(20,26,32,.04),0 44px 80px -40px rgba(20,26,32,.45),inset 0 1px 0 #fff}
.pc-poste-haut{display:flex;align-items:center;gap:.6rem;font:600 .7rem var(--pc-titre);letter-spacing:.2em;color:var(--pc-doux)}
.pc-voyant{width:8px;height:8px;border-radius:50%;background:var(--pc-orange);animation:pc-tx 1.9s ease-in-out infinite}
.pc-mode,.pc-gamme{border:1px solid var(--pc-trait);border-radius:6px;padding:.18rem .5rem;color:var(--pc-encre);letter-spacing:.12em;background:#fff}
.pc-gamme{margin-left:auto;background:var(--pc-encre);border-color:var(--pc-encre);color:#fff}
.pc-freq{margin:1.1rem 0 .55rem;background:linear-gradient(180deg,#eef1ee,#e6eae6);border-radius:16px;padding:1.1rem 1.1rem 1rem;
  box-shadow:inset 0 2px 7px rgba(20,26,32,.09),inset 0 0 0 1px rgba(20,26,32,.05);display:flex;align-items:baseline;justify-content:flex-end;gap:.6rem;white-space:nowrap;overflow:hidden}
.pc-freq b{position:relative;font:400 clamp(1.7rem,3.3vw,2.8rem)/1 "DSEG7",var(--pc-mono);color:var(--pc-encre);letter-spacing:.02em}
.pc-freq b::before{content:attr(data-fond);position:absolute;right:0;top:0;color:rgba(27,32,38,.07)}
.pc-freq small{font:600 .78rem var(--pc-titre);color:var(--pc-doux);letter-spacing:.15em}
.pc-ligne{display:flex;justify-content:space-between;align-items:baseline;font:400 .82rem var(--pc-mono);color:var(--pc-doux);margin:0 .2rem 1.1rem;letter-spacing:.06em}
.pc-nom-bande{color:var(--pc-encre);font-size:1.05rem}
/* menus déroulants du poste */
.pc-poste select{-webkit-appearance:none;appearance:none;font:inherit;letter-spacing:inherit;color:var(--pc-encre);cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b636b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .45rem center/9px 6px;border:1px solid var(--pc-trait);border-radius:6px;padding:.18rem 1.45rem .18rem .5rem;
  transition:border-color .2s}
.pc-poste select:hover{border-color:var(--pc-encre)}
.pc-poste select:focus-visible{outline:2px solid var(--pc-orange);outline-offset:2px}
.pc-poste select.pc-mode{height:auto}
select.pc-nom-bande{font-size:1rem;padding:.25rem 1.6rem .25rem .55rem;margin-left:-.2rem}
.pc-ligne{align-items:center}
.pc-pas-choix{display:inline-flex;align-items:center;gap:.45rem;margin:0;font:inherit;color:var(--pc-doux)}
.pc-pas-choix[hidden]{display:none}
.pc-pas-choix select{font-size:.8rem;padding:.15rem 1.35rem .15rem .45rem}
.pc-volume{display:flex;align-items:center;gap:.7rem;margin:1rem 0 0;color:var(--pc-doux)}
.pc-volume[hidden]{display:none}
.pc-volume svg{width:18px;height:18px;flex:none}
.pc-volume input{flex:1;min-width:0;accent-color:var(--pc-orange);cursor:pointer}
.pc-segments{display:grid;grid-template-columns:repeat(22,1fr);gap:3px;height:14px}
.pc-segments i{border-radius:2px;background:#e3e7eb;transition:background .12s}
.pc-segments i.on{background:var(--pc-encre)}
.pc-segments i.on.rouge{background:var(--pc-rouge)}
.pc-graduation{display:flex;justify-content:space-between;font:400 .64rem var(--pc-mono);color:var(--pc-doux);margin-top:.4rem;letter-spacing:.06em}
.pc-poste-bas{display:flex;align-items:center;gap:.8rem;margin-top:1.4rem;padding-top:1.3rem;border-top:1px solid var(--pc-trait)}
.pc-pas-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--pc-trait);background:#fff;color:var(--pc-encre);display:grid;place-items:center;cursor:pointer;padding:0;flex:none;transition:border-color .2s}
.pc-pas-btn svg{width:18px;height:18px}
.pc-pas-btn:hover{border-color:var(--pc-encre)}
.pc-bouton{position:relative;width:96px;height:96px;flex:none;border-radius:50%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;
  background:repeating-conic-gradient(#3b424b 0 5deg,#23282e 5deg 10deg);
  box-shadow:0 0 0 6px #eef0f3,0 0 0 7px var(--pc-trait),0 16px 26px -10px rgba(20,26,32,.6);
  transition:transform .35s cubic-bezier(.3,.7,.2,1)}
.pc-bouton::before{content:"";position:absolute;inset:14%;border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#5a636d,#2a3037 55%,#1b1f24);box-shadow:inset 0 1px 2px rgba(255,255,255,.25),0 2px 6px rgba(0,0,0,.45)}
.pc-bouton-doigt{position:absolute;z-index:1;top:20%;left:50%;width:6px;height:15px;margin-left:-3px;border-radius:3px;background:var(--pc-orange);box-shadow:0 0 8px rgba(254,128,0,.6)}
.pc-bouton.pc-prise{cursor:grabbing;transition:none}
.pc-bouton:focus-visible{outline:2px solid var(--pc-orange);outline-offset:9px}
.pc-cta{margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;min-width:0}
.pc-cta small{font:600 .66rem var(--pc-titre);letter-spacing:.2em;text-transform:uppercase;color:var(--pc-doux)}
.pc-cta a{display:inline-flex;align-items:center;gap:.4rem;font:600 .95rem var(--pc-titre);letter-spacing:.03em;color:var(--pc-encre)}
.pc-cta a svg{width:18px;height:18px;transition:transform .2s}
.pc-cta a:hover{color:var(--pc-orange-fonce)}
.pc-cta a:hover svg{transform:translateX(4px)}
.pc-hero-spectre{position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.pc-hero-spectre svg{position:absolute;inset:0;width:100%;height:100%}
.pc-hero-spectre .pc-marqueur{top:8px;transition:left .9s cubic-bezier(.4,0,.2,1)}
.pc-toile{position:absolute;inset:0;width:100%;height:100%;display:none;cursor:crosshair}

/* Écoute en direct (KiwiSDR) */
.pc-ecoute[hidden]{display:none}
.pc-ecoute{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(254,128,0,.5);background:#fff6ec;color:var(--pc-orange-fonce);
  border-radius:999px;padding:.34rem .8rem .34rem .62rem;font:600 .66rem var(--pc-titre);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;
  transition:background .2s,border-color .2s,color .2s,box-shadow .2s;white-space:nowrap}
.pc-ecoute svg{width:15px;height:15px;flex:none}
.pc-ecoute:hover{background:var(--pc-orange);border-color:var(--pc-orange);color:#fff;box-shadow:0 6px 16px -6px rgba(254,128,0,.7)}
.pc-ecoute:focus-visible{outline:2px solid var(--pc-orange);outline-offset:3px}
.pc-ecoute[aria-pressed="true"]{background:var(--pc-encre);border-color:var(--pc-encre);color:#fff;box-shadow:none}
.pc-ecoute + .pc-gamme{margin-left:0}
.pc-source{margin:1rem 0 0;font-size:.8rem;line-height:1.45;color:var(--pc-doux)}
.pc-source[hidden]{display:none}
.pc-source a{color:var(--pc-encre);text-decoration:underline;text-decoration-color:var(--pc-trait);text-underline-offset:3px}
.pc-source a:hover{text-decoration-color:var(--pc-orange)}
.pc-aide{display:block;margin-top:.15rem;padding-left:calc(8px + .5rem);font-size:.76rem}
.pc-point{display:inline-block;width:8px;height:8px;margin-right:.5rem;vertical-align:1px;border-radius:50%;background:#e5383b;animation:pc-tx 1.2s ease-in-out infinite}
.pc-vfo{white-space:nowrap}
@media (max-width:480px){.pc-vfo{display:none}.pc-poste-haut{gap:.45rem}.pc-ecoute{padding:.34rem .65rem .34rem .55rem;letter-spacing:.1em}}
.pc-connexion .pc-voyant{animation-duration:.5s}
.pc-direct .pc-voyant{background:#e5383b;box-shadow:0 0 0 4px rgba(229,56,59,.15)}
.pc-direct .pc-mode{cursor:pointer}
.pc-direct .pc-mode:hover{border-color:var(--pc-encre)}
.pc-direct .pc-hero-spectre{z-index:2;pointer-events:auto}
.pc-direct .pc-hero-spectre svg{opacity:0;transition:opacity .4s}
.pc-direct .pc-toile{display:block}
.pc-direct .pc-hero-spectre .pc-marqueur{transition:left .2s ease-out;pointer-events:none;z-index:3}

/* Nos rayons : mosaïque */
.pc-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:230px;gap:1.1rem}
.pc-tuile{position:relative;display:block;border-radius:22px;background:#fff;border:1px solid var(--pc-trait);overflow:hidden;padding:1.3rem 1.4rem;color:var(--pc-encre);
  box-shadow:var(--pc-ombre);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,opacity .6s ease}
.pc-tuile:hover{transform:translateY(-4px);box-shadow:var(--pc-ombre-forte);border-color:#d5dadf;color:var(--pc-encre)}
.pc-tuile-grande{grid-column:span 2;grid-row:span 2;background:linear-gradient(160deg,#fff 35%,#eef1f4)}
.pc-tuile-txt{position:relative;z-index:1;display:flex;flex-direction:column;gap:.3rem;max-width:78%}
.pc-num{font:400 .74rem var(--pc-mono);color:var(--pc-doux);letter-spacing:.12em}
.pc-tuile-nom{font:700 1.25rem/1.15 var(--pc-titre);letter-spacing:.02em}
.pc-tuile-grande .pc-tuile-nom{font-size:2.3rem}
.pc-tuile-desc{font-size:.86rem;color:var(--pc-doux);line-height:1.4}
.pc-tuile-grande .pc-tuile-desc{font-size:1rem}
.pc-tuile img{position:absolute;right:4%;bottom:6%;width:46%;max-height:62%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pc-tuile-grande img{width:72%;max-height:none;right:-1%;bottom:-10%}
.pc-tuile-haute img{width:auto;height:86%;max-height:none;right:12%;bottom:4%}
.pc-tuile-txt{max-width:62%}
.pc-tuile-grande .pc-tuile-txt{max-width:70%}
.pc-tuile:hover img{transform:scale(1.06) translateY(-4px)}
.pc-fleche{position:absolute;z-index:1;left:1.4rem;bottom:1.2rem;width:38px;height:38px;border-radius:50%;border:1px solid var(--pc-trait);display:grid;place-items:center;background:#fff;color:var(--pc-encre);transition:background .25s,border-color .25s,color .25s}
.pc-fleche svg{width:18px;height:18px}
.pc-tuile:hover .pc-fleche{background:var(--pc-orange);border-color:var(--pc-orange);color:#fff}
.pc-tuile-occ{background:var(--pc-orange-pale);border-color:#ffe3c6}
.pc-occ-deco{position:absolute;right:-46px;bottom:-46px;width:170px;height:170px;border-radius:50%;border:1px solid rgba(254,128,0,.4);box-shadow:0 0 0 20px rgba(254,128,0,.08),0 0 0 40px rgba(254,128,0,.05);transition:transform .5s}
.pc-tuile-occ:hover .pc-occ-deco{transform:scale(1.1)}

/* À la une */
.pc-une-scene{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--pc-trait);box-shadow:var(--pc-ombre-forte);aspect-ratio:1110/420;background:#fff}
.pc-une-diapo{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.pc-une-diapo.actif{opacity:1;visibility:visible}
.pc-une-diapo img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transform:scale(1.05);transform-origin:70% 20%;transition:transform 7s ease-out}
.pc-une-diapo.actif img{transform:scale(1)}
.pc-une-legende{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);max-width:40%;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;
  background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:1.2rem 1.3rem;color:var(--pc-encre);box-shadow:0 20px 40px -24px rgba(20,26,32,.5)}
.pc-une-titre{font:700 1.45rem/1.1 var(--pc-titre);text-transform:uppercase;letter-spacing:.03em}
.pc-une-texte{font-size:.88rem;line-height:1.45;color:#3d4348;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-une-legende .btn{padding:.55rem 1.15rem;font-size:.78rem;margin-top:.3rem}
.pc-une-diapo:hover .btn{background:var(--pc-orange);border-color:var(--pc-orange)}
.pc-une-onglets{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1.2rem;margin-top:1.1rem}
.pc-une-onglet{display:flex;flex-direction:column-reverse;gap:.6rem;background:none;border:0;padding:0;text-align:left;cursor:pointer;font:600 .82rem var(--pc-titre);letter-spacing:.06em;text-transform:uppercase;color:var(--pc-doux);transition:color .2s}
.pc-une-onglet span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-une-onglet i{display:block;height:2px;border-radius:2px;background:var(--pc-trait);position:relative;overflow:hidden}
.pc-une-onglet i::after{content:"";position:absolute;inset:0;background:var(--pc-encre);transform:scaleX(0);transform-origin:left}
.pc-une-onglet:hover,.pc-une-onglet.actif{color:var(--pc-encre)}
.pc-une-onglet.actif i::after{animation:pc-prog 6s linear forwards}
.pc-une:hover .pc-une-onglet.actif i::after{animation-play-state:paused}
@keyframes pc-prog{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.pc-une-onglet.actif i::after{animation:none;transform:scaleX(1)}.pc-une-diapo img{transition:none;transform:none}}

/* Notre sélection : les 3 listes de la boutique en onglets */
.pc-selection .featured-products{margin:0!important}
.pc-selection .featured-products>.products-section-title{display:none}
.pc-onglets{display:flex;gap:.3rem;margin:-.4rem auto 2.2rem;padding:.3rem;background:var(--pc-voile);border-radius:999px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.pc-onglet{border:0;background:transparent;border-radius:999px;padding:.55rem 1.15rem;font:600 .82rem var(--pc-titre);letter-spacing:.06em;text-transform:uppercase;color:var(--pc-doux);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.pc-onglet:hover{color:var(--pc-encre)}
.pc-onglet.actif{background:#fff;color:var(--pc-encre);box-shadow:0 4px 12px -6px rgba(20,26,32,.3)}
.pc-cache{display:none!important}
.pc-accueil>a.banner{margin:0 0 4.5rem}

/* Les marques (reprises du menu) */
.pc-marques-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}
.pc-marques-liste a{display:flex;align-items:center;justify-content:center;height:78px;border:1px solid var(--pc-trait);border-radius:16px;background:#fff;
  font:700 1.1rem var(--pc-titre);letter-spacing:.1em;text-transform:uppercase;color:#98a1a9;text-align:center;padding:0 .6rem;transition:color .2s,border-color .2s,transform .2s,box-shadow .2s}
.pc-marques-liste a:hover{color:var(--pc-encre);border-color:#cfd4da;transform:translateY(-2px);box-shadow:var(--pc-ombre)}

@media (max-width:991px){
  .pc-hero-in{grid-template-columns:1fr;gap:2.6rem;padding:3.2rem 15px 4rem}
  .pc-poste{max-width:540px;width:100%}
  .pc-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}
  .pc-tuile-txt{max-width:70%}
  .pc-tuile-grande{grid-column:span 2;grid-row:span 1}
  .pc-tuile-occ{grid-column:span 2}
  .pc-tuile-grande img{width:48%;max-height:none;right:0;bottom:-10%}
  .pc-tuile-grande .pc-tuile-nom{font-size:1.7rem}
  .pc-une-legende{max-width:55%}
}
@media (max-width:767px){
  .pc-bloc,.pc-hero,.pc-accueil>a.banner{margin-bottom:3rem}
  .pc-hero-in{padding:2.2rem 16px 3rem}
  .pc-hero-titre{font-size:2.35rem}
  .pc-intro{font-size:1rem}
  .pc-actions{gap:1rem}
  .pc-hero-spectre{height:76px}
  .pc-poste{padding:1.1rem 1.1rem 1rem;border-radius:22px}
  .pc-bouton{width:74px;height:74px}
  .pc-pas-btn{width:34px;height:34px}
  .pc-poste-bas{flex-wrap:wrap;justify-content:center;gap:.9rem 1.1rem}
  .pc-cta{flex-basis:100%;margin:0;align-items:center;text-align:center}
  .pc-cta a{font-size:.95rem}
  .pc-tete h2{font-size:1.45rem}
  .pc-bento{grid-auto-rows:168px;gap:.7rem}
  .pc-tuile{padding:1rem;border-radius:18px}
  .pc-tuile-nom{font-size:1.05rem}
  .pc-tuile-desc{display:none}
  .pc-tuile-grande .pc-tuile-desc{display:block;font-size:.85rem;max-width:60%}
  .pc-tuile-grande .pc-tuile-nom{font-size:1.4rem}
  .pc-tuile img{width:70%}
  .pc-fleche{left:1rem;bottom:1rem;width:32px;height:32px}
  .pc-une-scene{aspect-ratio:auto}
  .pc-une-diapo{position:relative;display:none}
  .pc-une-diapo.actif{display:block}
  .pc-une-diapo img{height:auto;aspect-ratio:1110/440}
  .pc-une-legende{position:static;transform:none;max-width:none;border-radius:0;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:0;padding:1rem 1.1rem 1.2rem}
  .pc-une-titre{font-size:1.15rem}
  .pc-une-onglets{gap:.5rem}
  .pc-une-onglet span{display:none}
  .pc-onglets{margin-bottom:1.6rem}
  .pc-marques-liste{grid-template-columns:repeat(2,1fr)}
  .pc-marques-liste a{height:62px;font-size:.95rem}
}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  #wrapper{padding-top:1.1rem}
  #header .header-nav{background:#fff;border-bottom:1px solid var(--pc-voile)}
  #header .header-nav .container{min-height:0}
  #header .header-nav .material-icons,#header .header-nav .cart-products-count{color:var(--pc-gris)}
  #header .header-nav #menu-icon{margin:0 .4rem;color:var(--pc-gris)}
  #header .header-nav .top-logo img{max-height:46px;width:auto}
  #header .header-nav .blockcart{background:var(--pc-voile);margin-top:.35rem}
  #header .header-nav .cart-preview.active .cart-products-count{color:var(--pc-orange)}
  #header .header-top{padding:.6rem 0;border-bottom:0}
  #search_widget form input{min-width:0;width:100%}
  #mobile_top_menu_wrapper{background:#fff;border-radius:0 0 var(--pc-rayon) var(--pc-rayon);box-shadow:var(--pc-ombre-forte)}
  #mobile_top_menu_wrapper .top-menu a[data-depth="0"]{font-family:var(--pc-titre);font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--pc-voile);padding:.75rem .9rem;border-radius:0}
  #mobile_top_menu_wrapper .top-menu a[data-depth="0"]::before{display:none}
  #mobile_top_menu_wrapper .top-menu .sub-menu{border:0;box-shadow:none;padding:0 .9rem;margin-top:0}
  #mobile_top_menu_wrapper .top-menu .sub-menu .collapse{display:none}
  #mobile_top_menu_wrapper .top-menu .sub-menu .collapse.in{display:block}
  #mobile_top_menu_wrapper .top-menu .sub-menu .top-menu[data-depth="1"]{display:block}
  #mobile_top_menu_wrapper .top-menu .collapse-icons .material-icons{color:var(--pc-doux)}
  .pc-spectre{height:50px}
  .pc-spectre .pc-etiquette{display:none}
  .pc-spectre .pc-lcd{padding:.28rem .6rem .24rem}
  .pc-spectre .pc-lcd b{font-size:1rem}
  #carousel{border-radius:16px;margin-bottom:2rem}
  #carousel .direction{display:none}
  .products-section-title{font-size:1.3rem}
  .block-category{padding:1.2rem 1.2rem}
  .block-category h1{font-size:1.5rem}
  #product h1.h1{font-size:1.55rem}
  #product .product-prices .current-price-value,#product .product-prices .current-price span:first-child{font-size:1.7rem}
  .tabs{padding:0 1rem 1rem}
  .tabs .nav-tabs{margin:0 -1rem 1rem;padding:0 .5rem;overflow-x:auto;flex-wrap:nowrap}
  .block_newsletter #block-newsletter-label{font-size:1.1rem}
  .block_newsletter form .btn-primary,.block_newsletter form input.btn{margin-left:.4rem}
  #footer .footer-container{background-size:360px;background-position:right -160px top 1rem}
  #footer .footer-container .h3,#footer .footer-container span.h3{margin:0;padding:0}
  #footer .footer-container .wrapper .title{border-bottom:1px solid rgba(255,255,255,.08);padding:.7rem 15px}
  #footer .footer-container .links ul{background:transparent}
  #footer .footer-container .links ul>li{border-bottom:0}
  #footer .footer-container .links ul>li a{color:#aeb6bd}
}
@media (max-width:575px){
  .products{margin-left:-6px;margin-right:-6px}
  #wrapper .products>.js-product.product{flex:0 0 50%;max-width:50%;width:50%;min-width:0;padding:0 6px}
  .product-miniature,.product-miniature .thumbnail-container{width:100%;margin-left:0;margin-right:0}
  .product-miniature .thumbnail-container .product-thumbnail img,.product-miniature .thumbnail-top img{width:100%;height:auto}
  .product-miniature .product-description{min-height:0;padding:.55rem .6rem .65rem}
  .product-miniature .product-title a{font-size:.84rem}
  .product-miniature .product-price-and-shipping .price{font-size:1rem}
  .product-flags li.product-flag{font-size:.6rem;padding:.25rem .5rem .25rem 1.15rem;letter-spacing:.06em}
  .product-flags li.product-flag::before{left:.5rem}
  .product-flags li.product-flag{max-width:calc(100% - 3.4rem);white-space:normal;line-height:1.2}
  #index .products-section-title::after{font-size:.6rem}
}

/* Bouton « Choisir un fichier » du formulaire de contact */
.bootstrap-filestyle .btn,.group-span-filestyle .btn-default,.group-span-filestyle .btn{background:var(--pc-encre);border-color:var(--pc-encre);color:#fff;box-shadow:none;border-radius:0 12px 12px 0}
.group-span-filestyle .btn:hover{background:var(--pc-orange);border-color:var(--pc-orange);color:#fff}

/* ---------- Vérification responsive du 2026-10-13 ---------- */
/* Menu principal sur une ligne et recherche entière entre 768 et 1199 px */
@media (min-width:768px) and (max-width:1199px){
  #header .top-menu[data-depth="0"]{gap:0}
  #header .top-menu a[data-depth="0"]{font-size:.84rem;letter-spacing:.04em;padding:.5rem .6rem .5rem 1.15rem}
  #header .top-menu a[data-depth="0"]::before{left:.5rem}
  #search_widget form input{min-width:0;width:100%}
  #search_widget{max-width:100%}
}
@media (min-width:768px) and (max-width:991px){
  #header .top-menu a[data-depth="0"]{font-size:.78rem;letter-spacing:.02em;padding:.45rem .45rem .45rem 1rem}
  #header .top-menu a[data-depth="0"]::before{left:.4rem;width:5px;height:5px}
  /* le poste centré sous le texte d'accroche */
  .pc-poste{margin-left:auto;margin-right:auto}
}

/* Page contact : icônes dans leur cadre */
#left-column .contact-rich .block{padding:.95rem 1rem}
.contact-rich .block .data{overflow-wrap:anywhere}
.contact-rich .block>a{display:block;margin-left:3.5rem;overflow-wrap:anywhere}

/* Pastilles produit lisibles */
.product-flags li.product-flag{font-size:.68rem}

@media (max-width:575px){
  /* « Nos rayons » : la grande tuile empile le texte puis l'image */
  .pc-tuile-grande{display:flex;flex-direction:column;padding-bottom:3.6rem}
  .pc-tuile-grande .pc-tuile-txt{max-width:100%}
  .pc-tuile-grande .pc-tuile-desc{max-width:100%}
  .pc-tuile-grande img{position:relative;right:auto;bottom:auto;width:100%;height:150px;max-height:none;object-fit:cover;margin:.5rem 0 0;align-self:center}
  .pc-tuile-grande:hover img{transform:scale(1.03)}
  /* onglets de la sélection : les trois toujours visibles */
  .pc-onglets{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-radius:16px;overflow:visible}
  .pc-onglet{white-space:normal;padding:.55rem .35rem;font-size:.68rem;letter-spacing:.03em;line-height:1.25;border-radius:12px;text-align:center}
  /* onglets de la fiche produit : retour à la ligne plutôt que coupés */
  .tabs .nav-tabs{flex-wrap:wrap;overflow:visible;row-gap:0}
  .tabs .nav-tabs .nav-link{font-size:.74rem;letter-spacing:.03em;padding-left:.55rem;padding-right:.55rem}
  /* petits libellés du poste */
  .pc-ecoute,.pc-cta small{font-size:.7rem}
  .product-flags li.product-flag{font-size:.66rem}
  /* rien ne dépasse de l'écran */
  .product-add-to-cart .add{flex-wrap:wrap;row-gap:.6rem}
  .product-add-to-cart .wishlist-button-add{margin-left:0}
  .bootstrap-filestyle,.group-span-filestyle{max-width:100%}
  .bootstrap-filestyle .form-control{min-width:0}
  .product-images{max-width:100%;overflow:hidden}
}
@media (max-width:991px){
  .product-add-to-cart .add{flex-wrap:wrap;row-gap:.6rem}
  .product-add-to-cart .wishlist-button-add{margin-left:0}
}
input.filestyle{max-width:100%}
@media (min-width:768px) and (max-width:991px){
  #search_widget{width:150px;min-width:0}
}
@media (max-width:575px){
  /* la grande tuile prend la hauteur de son contenu, les petites gardent 168 px */
  .pc-bento{grid-auto-rows:minmax(168px,auto)}
}
@media (max-width:575px){
  /* pages catégorie : les produits d'abord, la colonne de navigation ensuite */
  #wrapper > .container > .row{display:flex;flex-direction:column}
  #wrapper #content-wrapper{order:1}
  #wrapper #left-column{order:2;margin-top:1.5rem}
  #wrapper #right-column{order:3}
}
/* sous-catégories sans image : pas de cadre vide */
#subcategories .subcategory-image:not(:has(img)){display:none}