/* Pont Delice ↔ Aimeos — la feuille du kit reste intacte (style.css).
   Chargée via theme.json ; importe le kit puis adapte les composants Aimeos. */
@import url('style.css');

/* ═══ Variables globales du thème (utilisées par header, listes, modale…) ═══ */
:root{--mf-accent:#f1bc1b;--mf-dark:#1b1b1b;--mf-text:#464646;--mf-muted:#898989}

/* Bandeau sombre + fil d'ariane (pages catalogue et fiche) */
body .catalog-stage .page-subheader{height:auto!important;min-height:140px;padding:22px 0;background:var(--mf-dark);text-align:center}
.catalog-stage .page-subheader .ph-content-wrap{height:auto;align-items:center}
.catalog-stage .page-subheader .page-title{font-size:26px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere;margin:0;color:#fff}
.tbay-breadcrumb{padding:18px 0;background:#fff}
.tbay-breadcrumb .breadcrumb{list-style:none;margin:0;padding:0}
.tbay-breadcrumb .breadcrumb li{display:inline-block;font-size:13px;color:var(--mf-muted)}
.tbay-breadcrumb .breadcrumb li+li:before{content:"/";margin:0 8px;color:var(--mf-muted)}
.tbay-breadcrumb a{color:var(--mf-text)}

/* Préloader du kit (styles inline dans les pages HTML d'origine) */
.preloader{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;text-align:center;z-index:6001}
.preloader:after{content:"";height:100%;display:inline-block;vertical-align:middle}
.sk-cube-grid{width:3.857rem;height:3.857rem;margin:0 auto;vertical-align:middle;display:inline-block}
.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#333;float:left;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}
.sk-cube-grid .sk-cube1{animation-delay:.2s}.sk-cube-grid .sk-cube2{animation-delay:.3s}.sk-cube-grid .sk-cube3{animation-delay:.4s}
.sk-cube-grid .sk-cube4{animation-delay:.1s}.sk-cube-grid .sk-cube5{animation-delay:.2s}.sk-cube-grid .sk-cube6{animation-delay:.3s}
.sk-cube-grid .sk-cube7{animation-delay:0s}.sk-cube-grid .sk-cube8{animation-delay:.1s}.sk-cube-grid .sk-cube9{animation-delay:.2s}
@keyframes sk-cubeGridScaleDelay{0%,70%,100%{transform:scale3D(1,1,1)}35%{transform:scale3D(0,0,1)}}

/* Liens boutique ajoutés au header (panier / compte / langue) */
.header .shop-links a{margin-left:14px;color:#fff;font-size:13px;letter-spacing:1px;text-transform:uppercase}

/* Composants Aimeos rendus dans les sections Delice */
.aimeos{font-family:inherit}
.aimeos .catalog-list .product a,.aimeos .product .price-item{color:inherit}

/* Phase 7 — modèle sans prix : aucun montant côté visiteur.
   Les prix restent en base/admin ; seul l'affichage public est supprimé. */
body.hide-prices .aimeos .price-list,
body.hide-prices .aimeos .price-item,
body.hide-prices .aimeos .price-actual,
body.hide-prices .aimeos .price,
body.hide-prices .delice-price{display:none !important}

/* Espacement des liens boutique du header (évite le chevauchement) */
.header .right-block .shop-links{display:inline-flex;align-items:center;gap:18px;margin-left:24px;white-space:nowrap}
.header .right-block .shop-links a{margin-left:0}
.header .right-block{padding-right:24px}

/* Phase 7 — sans prix : panier/checkout/fiche (composants Aimeos) */
body.hide-prices .aimeos .price-list, body.hide-prices .aimeos .price-item,
body.hide-prices .aimeos .basket .price, body.hide-prices .aimeos td.price,
body.hide-prices .aimeos th.price, body.hide-prices .aimeos .total,
body.hide-prices .aimeos .subtotal, body.hide-prices .aimeos .delivery-cost,
body.hide-prices .aimeos .costs, body.hide-prices .aimeos .tax,
body.hide-prices .aimeos .basket-mini-main .value{display:none !important}

/* Logo Maison Fraîche (repris de la V1) dans le chrome delice */
.header .logo img.mf-logo{height:56px;width:auto;border-radius:2px}
.footer .mf-logo{height:72px;width:auto}
.header .right-block{padding-right:40px}
.header .right-block .shop-links{gap:14px;font-size:12px}

/* Fiche produit hybride (structure prisma, habillage delice) */
.delice-breadcrumb a{margin:0 4px}
.delice-breadcrumb .sep{color:#999;margin:0 2px}
.product-detail-delice .posted-in{margin-top:18px}
/* Point 4 : icônes sociales masquées SUR LA FICHE PRODUIT uniquement
   (le bloc social du composant Aimeos n'est pas retiré ailleurs) */
.product-detail-delice .catalog-social,
.product-detail-delice .social-list{display:none !important}



/* Bouton devis (zone d'action fiche) + modale de demande */
.mf-quote-btn{display:block;width:100%;max-width:320px;margin:12px 0 0;background:var(--mf-dark);color:#fff;border:none;padding:10px 24px;font-size:13px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;text-align:center}
.mf-quote-btn:hover{background:var(--mf-accent);color:var(--mf-dark)}
.mf-modal{display:none;position:fixed;inset:0;z-index:7000}
.mf-modal.is-open{display:block}
.mf-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.mf-modal-box{position:relative;max-width:520px;margin:8vh auto 0;background:#fff;padding:32px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:84vh;overflow:auto}
.mf-modal-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:var(--mf-muted)}
.mf-modal-box .input-field{width:100%;margin-bottom:12px;border:1px solid #ddd;padding:10px 12px}
.mf-quote-submit{max-width:none}
@media(max-width:600px){.mf-modal-box{margin:0;max-height:100vh;height:100%;max-width:none}}

/* Listes : actions permanentes sous l'image (padding boutons prisma 9px 14px) */
.mf-card-actions{display:flex;gap:8px;margin-top:10px}
.mf-card-basket{flex:1;display:flex}
.mf-card-btn{flex:1;display:inline-block;background:var(--mf-dark);color:#fff;border:none;padding:9px 14px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s}
.mf-card-btn:hover{background:var(--mf-accent);color:var(--mf-dark)}
.mf-card-btn[disabled]{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.mf-card-actions{flex-direction:column}.mf-card-btn{min-height:42px;padding:11px 14px}}
.mf-card-actions a.mf-card-btn,.mf-card-actions a.mf-card-btn:visited{color:#fff!important}
.mf-card-actions a.mf-card-btn:hover{color:var(--mf-dark)!important}

/* Quick view (listes) */
.mf-qv{display:flex;gap:24px}
.mf-qv-media{flex:0 0 45%}
.mf-qv-media img{width:100%;height:auto;border:1px solid #ECEAEA}
.mf-qv-title{margin:0 0 6px;font-size:20px;color:var(--mf-text)}
.mf-qv-ref{color:var(--mf-muted);font-size:13px;margin:0 0 10px}
.mf-qv-short{font-size:14px;line-height:1.6;margin-bottom:14px}
.mf-qv .basket{display:flex;gap:8px;margin:10px 0 14px}
.mf-qv-qty{width:80px;border:1px solid #ddd;padding:8px}
.mf-qv-link{font-size:13px}
.mf-qv-loading{padding:30px;text-align:center;color:var(--mf-muted)}
@media(max-width:600px){.mf-qv{flex-direction:column}}

/* Fiche : bouton message en bas à droite de la row (point 4) */
.mf-fiche .single-main-content > .row > .mf-message-cta{flex:0 0 100%;max-width:100%;display:flex;justify-content:flex-end;margin-top:18px}
.mf-fiche .mf-message-cta .mf-quote-btn{width:auto;max-width:none}
/* Fiche : bouton "Ajouter au panier" tronqué (point 3) — le CSS prisma fixait
   des largeurs dans .input-group ; on laisse le contenu dicter la largeur */
.mf-fiche .addbasket .input-group{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;width:auto}
.mf-fiche .addbasket .input-group>*{float:none}
.mf-fiche .addbasket button[type="submit"]{white-space:nowrap;width:auto;overflow:visible}
@media(max-width:600px){.mf-fiche .addbasket button[type="submit"]{width:100%}}
/* Nav : icônes panier / compte / factures (point 8) */
.header .shop-links a{display:inline-flex;align-items:center;gap:6px}
.header .shop-links .mf-ic{width:15px;height:15px;fill:#fff;display:inline-block;vertical-align:middle}
.mf-fiche .addbasket .input-group button[type="submit"],.mf-fiche .addbasket button[type="submit"]{min-width:max-content;flex:0 0 auto}
/* les calques hover du kit ne doivent pas intercepter les clics (lien image) */
.menu-item .image:before,.menu-item .image:after,.menu-item .image .page-span{pointer-events:none}
.mf-card-imglink{display:block;position:relative;z-index:2}

/* Stock : libellé visible à côté du point (le CSS copié le masquait) */
.mf-fiche .stockitem{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.mf-fiche .stockitem .stocklevel{width:12px;height:12px;border-radius:50%;flex:0 0 12px}
.mf-fiche .stock-high .stocklevel,.mf-fiche .stock-unlimited .stocklevel{background:#1a8f3c}
.mf-fiche .stock-low .stocklevel{background:#e3a008}
.mf-fiche .stock-out .stocklevel{background:#b91c1c}
.mf-fiche .stockitem .stocktext{display:inline!important;font-size:13px;font-weight:600;letter-spacing:.3px;color:var(--mf-text);visibility:visible!important;line-height:1}
.mf-fiche .stock-out .stocktext{color:#b91c1c}
.mf-fiche .stock-low .stocktext{color:#b45309}
.mf-fiche .stockitem{align-items:center}
/* Quantité : libellé + stepper (mécanique V1) */
.mf-fiche .mf-qty-group{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.mf-fiche .mf-qty-label{font-size:13px;font-weight:600;color:var(--mf-text)}
.mf-fiche .mf-stepper{display:flex;align-items:stretch;border:1px solid #ddd}
.mf-fiche .mf-stepper .cin-btn{width:34px;border:none;background:#f5f5f5;font-size:16px;cursor:pointer}
.mf-fiche .mf-stepper .cin-btn:hover{background:var(--mf-accent)}
.mf-fiche .mf-stepper input{border:none;width:74px;text-align:center;font-size:15px}
.mf-fiche .mf-qty-msg{font-size:12px;color:#b45309;min-height:14px}

/* ── audit#1 + #10 : barre compte/panier/langue dédiée (desktop + mobile) ── */
.mf-topbar{background:#111;display:flex;justify-content:flex-end;position:fixed;top:0;left:0;right:0;z-index:6000;height:38px}
/* le header du kit (absolute top 0) passe sous la barre */
.theme-delice header.header{top:38px}
@media(max-width:991px){.theme-delice header.header{top:38px}}
.theme-delice .full-height-slider .table-view{padding-top:38px}
/* Sous 992px, le header cesse d'être transparent (rgb(24,26,28)) : il ne
   flotte plus sur la photo, il la RECOUVRE. La bannière ne réservait que la
   hauteur de la barre du haut (38px) et le titre passait donc dessous —
   mesuré : 21 à 53px mangés de 390 à 991px, soit tous les téléphones ET les
   tablettes. On réserve les DEUX barres : 38 (barre) + 53 (header). */
@media(max-width:991px){.theme-delice .full-height-slider .table-view{padding-top:91px}}
.mf-topbar-links{display:flex;align-items:center;gap:18px;padding:8px 22px;font-size:12px;letter-spacing:.5px;text-transform:uppercase}
.mf-topbar-links a{color:#fff;display:inline-flex;align-items:center;gap:6px;margin:0}
.mf-topbar-links a:hover{color:var(--mf-accent)}
.mf-topbar-links .mf-ic{width:14px;height:14px;fill:currentColor}
.mf-topbar-links .lang-link{border:1px solid rgba(255,255,255,.4);padding:2px 8px;border-radius:2px}
@media(max-width:600px){.mf-topbar-links{flex-wrap:wrap;gap:12px;padding:8px 12px;font-size:11px}}

/* audit#3 : sidebar filtres habillée */
.shop-filter .aimeos.catalog-filter h2,.shop-filter .aimeos .filter-search h2{font-size:15px;font-weight:600;color:var(--mf-text);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}
.shop-filter .aimeos{font-size:14px}
.shop-filter .aimeos ul{list-style:none;padding:0}

/* audit#6 : CTA du panier vide bien visible */
.basket-delice .page-button{background:var(--mf-dark);color:#fff;border:none;padding:12px 28px;display:inline-block}
.basket-delice .page-button .txt{color:#fff}
.basket-delice .page-button:hover{background:var(--mf-accent)}.basket-delice .page-button:hover .txt{color:var(--mf-dark)}

/* audit#7 : hero home à 60vh — le catalogue apparaît sans grand scroll */
.page-color-style-1 .full-height-slider,.page-color-style-1 .full-height-slider .swiper-container.full-h,.page-color-style-1 .full-height-slider .swiper-slide{height:60vh!important;min-height:420px!important;max-height:640px}
.page-color-style-1 .full-height-slider .parallax-bg{height:100%!important}

/* audit#8 : cartes listes compactes, photo produit dominante */
.product .menu-item-6 .image{background:#fff;border:1px solid #f0f0f0}
.product .menu-item-6 .image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.product .menu-item-6 .text .empty-sm-20{height:8px}
.product .menu-item-6 .caption{font-size:14px}

/* audit#15 : encart coordonnées de la page contact */
.mf-contact-aside{background:#fff;border:1px solid #ECEAEA;padding:22px;font-size:14px;line-height:1.6}
.mf-contact-aside h3{margin:14px 0 6px}.mf-contact-aside h3:first-child{margin-top:0}

/* audit récidives 07/07 — point 1 : le fil d'Ariane fait partie du bandeau
   noir (hauteur auto : fils profonds et retours à la ligne mobiles couverts) */
.tbay-breadcrumb{background:var(--mf-dark);padding:0 0 16px;margin-top:-1px}
.tbay-breadcrumb .breadscrumb-inner{padding:0}
.tbay-breadcrumb .breadcrumb{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 0}
.tbay-breadcrumb .breadcrumb li{display:inline-block;font-size:13px;color:rgba(255,255,255,.55);line-height:1.7}
.tbay-breadcrumb .breadcrumb li+li:before{content:"/";margin:0 8px;color:rgba(255,255,255,.35)}
.tbay-breadcrumb a{color:#fff}
.tbay-breadcrumb a:hover{color:var(--mf-accent)}
.catalog-stage .page-subheader{padding-bottom:10px}
/* quick view : stepper identique à la fiche */
.mf-qv .mf-stepper{display:flex;align-items:stretch;border:1px solid #ddd}
.mf-qv .mf-stepper .cin-btn{width:32px;border:none;background:#f5f5f5;cursor:pointer}
.mf-qv .mf-stepper input{border:none;width:70px;text-align:center}
.mf-qv .basket{flex-direction:column;align-items:flex-start}
.mf-qv .mf-card-btn--cart{width:auto;padding:10px 22px}

/* ═══ audit#16 — CHECKOUT (scopé .mf-checkout, structure Aimeos intacte) ═══ */
/* 16a. socle : typo, stepper, boutons, erreurs */
.mf-checkout{background:#f6f6f6}
.mf-checkout .aimeos{font-size:14px;color:var(--mf-text)}
.mf-checkout h1,.mf-checkout .aimeos h1{font-size:24px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}
.mf-checkout .steps{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0 0 30px;padding:0;background:#fff;border:1px solid #ECEAEA}
.mf-checkout .steps .step{flex:1;min-width:110px;text-align:center;padding:14px 8px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--mf-muted);border-right:1px solid #f0f0f0;position:relative}
.mf-checkout .steps .step a{color:inherit;text-decoration:none;display:block}
.mf-checkout .steps .step.current{color:var(--mf-dark);font-weight:700;box-shadow:inset 0 -3px 0 var(--mf-accent)}
.mf-checkout .steps .step.current:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--mf-accent)}
.mf-checkout .steps .step:not(.current) a{color:var(--mf-muted)} /* étapes franchies cliquables (mécanique Aimeos) */
.mf-checkout .button-group{display:flex;justify-content:space-between;gap:12px;margin-top:26px;flex-wrap:wrap}
.mf-checkout .btn,.mf-checkout button.btn-action,.mf-checkout .btn-primary{background:var(--mf-dark);color:#fff;border:none;padding:12px 28px;font-size:13px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:0}
.mf-checkout .btn:hover{background:var(--mf-accent);color:var(--mf-dark)}
.mf-checkout .btn-default,.mf-checkout .btn-back{background:#fff;color:var(--mf-dark);border:1px solid var(--mf-dark)}
.mf-checkout .error-list,.mf-checkout .aimeos .error-item{background:#fdecec;border:1px solid #f5b5b5;color:#b91c1c;padding:12px 16px;margin:0 0 18px;list-style:none}
.mf-checkout .form-item.error input,.mf-checkout .form-item .mismatch{border-color:#b91c1c!important}
/* 16b. étape ADRESSE : formulaires aérés, labels clairs */
.mf-checkout .checkout-standard-address .item-address{background:#fff;border:1px solid #ECEAEA;padding:26px;margin-bottom:22px}
.mf-checkout .checkout-standard-address .header,.mf-checkout .checkout-standard-address h2{font-size:16px;font-weight:600;margin:0 0 18px;color:var(--mf-dark)}
.mf-checkout .form-item{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:0}
.mf-checkout .form-item>.col-md-5{flex:0 0 220px;max-width:220px;text-align:left;font-weight:600;font-size:13px;color:var(--mf-text)}
.mf-checkout .form-item>.col-md-7{flex:1;max-width:520px}
.mf-checkout .form-item.mandatory>.col-md-5:after{content:" *";color:#b91c1c}
.mf-checkout .form-control{width:100%;border:1px solid #ddd;background:#fff;padding:10px 12px;font-size:14px;border-radius:0;box-shadow:none}
.mf-checkout .form-control:focus{border-color:var(--mf-dark);outline:none}
.mf-checkout select.form-control{height:auto}
@media(max-width:700px){.mf-checkout .form-item{flex-direction:column;align-items:stretch;gap:4px}.mf-checkout .form-item>.col-md-5{flex:none;max-width:none}}
/* 16c. étapes LIVRAISON & PAIEMENT : services en cartes radio */
.mf-checkout .checkout-standard-delivery .item-service,.mf-checkout .checkout-standard-payment .item-service{background:#fff;border:1px solid #ECEAEA;padding:18px 20px;margin-bottom:12px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:border-color .15s}
.mf-checkout .item-service:hover{border-color:var(--mf-dark)}
.mf-checkout .item-service input[type=radio]{margin-top:4px;accent-color:var(--mf-dark)}
.mf-checkout .item-service .icon{max-height:28px}
.mf-checkout .item-service h3,.mf-checkout .item-service label{font-size:15px;font-weight:600;margin:0;color:var(--mf-dark)}
.mf-checkout .item-service .short,.mf-checkout .item-service .long{font-size:13px;color:var(--mf-muted)}
/* 16d. RÉCAPITULATIF + PANIER (basket-standard) : tableaux lisibles, SANS prix */
.basket-delice .aimeos.basket-standard,.mf-checkout .checkout-standard-summary{background:#fff;border:1px solid #ECEAEA;padding:24px}
.aimeos.basket-standard .basket{width:100%}
.aimeos.basket-standard table,.mf-checkout .common-summary table{width:100%;border-collapse:collapse}
.aimeos.basket-standard th,.mf-checkout .common-summary th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--mf-muted);text-align:left;padding:10px 8px;border-bottom:2px solid var(--mf-dark)}
.aimeos.basket-standard td,.mf-checkout .common-summary td{padding:14px 8px;border-bottom:1px solid #f0f0f0;vertical-align:middle;font-size:14px}
.aimeos.basket-standard .product .image img,.mf-checkout .common-summary .image img{width:64px;height:64px;object-fit:contain;border:1px solid #f0f0f0;background:#fff}
.aimeos.basket-standard .product-name,.mf-checkout .common-summary .name{font-weight:600;color:var(--mf-dark)}
.aimeos.basket-standard .quantity input{width:70px;border:1px solid #ddd;padding:8px;text-align:center}
.aimeos.basket-standard .btn{background:var(--mf-dark);color:#fff;border:none;padding:10px 22px;text-transform:uppercase;font-size:12px;letter-spacing:1px}
.aimeos.basket-standard .btn:hover{background:var(--mf-accent);color:var(--mf-dark)}
.aimeos.basket-standard .delete .btn,.aimeos.basket-standard .btn-delete{background:none;color:var(--mf-muted);padding:4px}
/* SANS PRIX : couverture complète panier + summary + confirmation */
body.hide-prices .aimeos .price,body.hide-prices .aimeos td.price,body.hide-prices .aimeos th.price,
body.hide-prices .aimeos .total,body.hide-prices .aimeos .subtotal,body.hide-prices .aimeos .delivery,
body.hide-prices .aimeos .payment-costs,body.hide-prices .aimeos .tax,body.hide-prices .aimeos .quantity-price,
body.hide-prices .common-summary-detail .price,body.hide-prices .basket-standard .totals{display:none!important}
/* 16e. CONFIRMATION : conclusion soignée */
.mf-checkout-confirm .checkout-confirm{background:#fff;border:1px solid #ECEAEA;padding:26px}
.mf-checkout-confirm .checkout-confirm h1{display:none} /* titre thème plus clair au-dessus */
.mf-checkout-confirm .checkout-confirm-intro{font-size:14px;line-height:1.7}

/* ═══ audit#17 — FILTRE CATALOGUE (scopé .shop-filter, mécanique intacte) ═══ */
.shop-filter{background:#fff;border:1px solid #ECEAEA;padding:20px}
.shop-filter .aimeos.catalog-filter h2,.shop-filter h2{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--mf-dark);margin:22px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--mf-accent)}
.shop-filter h2:first-child,.shop-filter .catalog-filter-search h2{margin-top:0}
/* recherche intégrée */
.shop-filter .search-lists{position:relative}
.shop-filter .value,.shop-filter input[type=text],.shop-filter .input-search{width:100%;border:1px solid #ddd;padding:10px 38px 10px 12px;font-size:14px;background:#fff}
.shop-filter .btn-search{position:absolute;right:2px;top:2px;bottom:2px;width:34px;background:var(--mf-dark);border:none;color:#fff;cursor:pointer}
/* arbre catégories : niveaux indentés, active évidente */
.shop-filter .catalog-filter-tree ul{list-style:none;margin:0;padding:0}
.shop-filter .cat-item{margin:0;padding:0;border-bottom:1px solid #f4f4f4}
.shop-filter .cat-item a{display:block;padding:9px 6px;color:var(--mf-text);font-size:14px;text-decoration:none;transition:color .12s,padding-left .12s}
.shop-filter .cat-item a:hover{color:var(--mf-dark);padding-left:10px}
.shop-filter .cat-item.active>a{font-weight:700;color:var(--mf-dark);border-left:3px solid var(--mf-accent);padding-left:10px;background:#faf7ef}
.shop-filter .cat-item ul{margin-left:14px;border-left:1px solid #eee}
/* attributs : options lisibles, sélection évidente, compteurs */
.shop-filter .attribute-lists{margin:0}
.shop-filter .attr-sets{border-bottom:1px solid #f0f0f0;padding:6px 0}
.shop-filter .attr-header{font-size:13px;font-weight:600;color:var(--mf-dark);cursor:pointer;padding:8px 4px}
.shop-filter .attr-list{list-style:none;margin:4px 0;padding:0}
.shop-filter .attr-item{padding:4px 6px}
.shop-filter .attr-item label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mf-text);cursor:pointer}
.shop-filter .attr-item input[type=checkbox]{accent-color:var(--mf-dark)}
.shop-filter .attr-item .attr-count{margin-left:auto;color:var(--mf-muted);font-size:12px}
.shop-filter .attr-item input:checked~.attr-name,.shop-filter .attr-item.checked label{font-weight:700;color:var(--mf-dark)}
/* bouton appliquer + filtres actifs (badges retirables) */
.shop-filter .filter.btn{width:100%;background:var(--mf-dark);color:#fff;border:none;padding:11px;text-transform:uppercase;letter-spacing:1px;font-size:12px;margin-top:12px;cursor:pointer}
.shop-filter .filter.btn:hover{background:var(--mf-accent);color:var(--mf-dark)}
.shop-filter .selected-list,.shop-filter .attr-selected{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.shop-filter .selected-list a,.shop-filter .attr-selected a{display:inline-flex;align-items:center;gap:6px;background:var(--mf-dark);color:#fff;font-size:12px;padding:4px 10px;text-decoration:none}
.shop-filter .selected-list a:after,.shop-filter .attr-selected a:after{content:"×";font-size:14px}
/* mobile : filtre replié en accordéon (tiroir simple) */
@media(max-width:767px){
  .shop-filter{margin-bottom:18px}
  .shop-filter .catalog-filter-attribute,.shop-filter .catalog-filter-tree{max-height:none}
  .shop-filter details summary{cursor:pointer}
}
/* SANS PRIX — classes de montants du basket non couvertes (unitprice & co) */
body.hide-prices .aimeos .unitprice,body.hide-prices .aimeos .price-item,
body.hide-prices .aimeos .b-price,body.hide-prices .aimeos .price-total,
body.hide-prices .aimeos .total-price,body.hide-prices .aimeos .basket-header .unitprice,
body.hide-prices .common-summary .unitprice{display:none!important}

/* ═══ responsive 320-400px — cibles tactiles & finitions ═══ */
/* topbar : zones tactiles ≥ 40px */
@media(max-width:600px){
  /* La barre est FIXE et la page compense sa hauteur en dur (top:44px).
     Or `height:auto` + `flex-wrap:wrap` la faisaient passer à 2 lignes dès que
     les liens ne tenaient plus (mesuré : 92px sous 480px de large) — le titre
     de la bannière disparaissait alors sous elle (22px mangés sur tout écran
     de téléphone). Plutôt que de deviner une hauteur qui dépend du nombre de
     liens et de la langue, on la rend DÉTERMINISTE : une seule ligne de 44px,
     défilable horizontalement. Les cibles tactiles de 44px sont conservées et
     la compensation ci-dessous redevient exacte à toutes les largeurs. */
  .mf-topbar{height:44px}
  .mf-topbar-links{gap:4px;padding:0 6px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}
  .mf-topbar-links::-webkit-scrollbar{display:none}
  .mf-topbar-links a{padding:12px 10px;min-height:44px;white-space:nowrap;flex:0 0 auto}
  .theme-delice header.header{top:44px}
  /* Ici la barre du haut passe à 44px (cibles tactiles) : la bannière réserve
     donc 44 + 53 (header opaque, cf. règle ≤991px). */
  .theme-delice .full-height-slider .table-view{padding-top:97px}
}
/* stepper quantités (fiche + quick view) : boutons tactiles */
@media(max-width:600px){
  .mf-stepper .cin-btn{min-width:44px;min-height:44px;font-size:18px}
  .mf-stepper input{min-height:44px;font-size:16px} /* 16px = pas de zoom iOS */
  .mf-qv .mf-card-btn--cart,.mf-fiche .prisma-basket .btn{min-height:44px}
  .mf-qv-close{width:44px;height:44px;line-height:44px}
}
/* fiche mobile : bandeau qui respire sous la topbar, titre non collé */
@media(max-width:600px){
  .catalog-stage .page-subheader{padding-top:96px;padding-bottom:8px}
  .catalog-stage .page-subheader .page-title{font-size:20px;line-height:1.3;word-break:break-word}
  .tbay-breadcrumb{padding:2px 0 14px}
  .mf-fiche .prisma-side-col,.mf-fiche .prisma-main-col{width:100%}
  .mf-message-cta{position:static;margin:18px 0 0;width:100%;text-align:center}
}
/* checkout mobile : stepper compact, boutons pleine largeur, champs 16px */
@media(max-width:600px){
  .mf-checkout .steps .step{min-width:25%;padding:10px 2px;font-size:10px}
  .mf-checkout .button-group{flex-direction:column-reverse}
  .mf-checkout .button-group .btn{width:100%;min-height:46px;text-align:center}
  .mf-checkout .form-control{font-size:16px;min-height:44px}
  .mf-checkout .item-service{padding:14px}
  .mf-checkout .item-service input[type=radio]{width:22px;height:22px}
  .aimeos.basket-standard td{font-size:13px;padding:10px 4px}
  .aimeos.basket-standard .product .image img{width:48px;height:48px}
  .basket-delice .page-button{width:100%;text-align:center}
}
/* modales plein écran utilisables */
@media(max-width:600px){
  .mf-modal .mf-modal-dialog,#mf-quote-modal .mf-modal-dialog{width:100vw;max-width:100vw;min-height:100vh;margin:0;border-radius:0}
  #mf-quote-modal .mf-quote-send,#mf-quote-modal button[data-mf-quote-send]{width:100%;min-height:46px}
}
/* liens texte du footer/steps « Panier » : zone tactile élargie en mobile */
@media(max-width:600px){
  .footer a,.mf-checkout .steps .step a{padding-top:12px;padding-bottom:12px;display:inline-block}
}

/* lisibilité des textes sur les nouvelles photos de fond */
.full-height-slider .parallax-bg:after{content:"";position:absolute;inset:0;background:rgba(10,10,10,.45)}
.full-height-slider .simple-text,.full-height-slider .simple-text p,.full-height-slider h1,.full-height-slider h2,.full-height-slider .h1,.full-height-slider .h2,.full-height-slider .main-title *{color:#fff}
.catalog-banner-delice .main-title .h1,.section .main-title .caption{color:#fff}
.section .data-jarallax~* .main-title .h1{color:#fff}
.shop-banner .bg:after{content:"";position:absolute;inset:0;background:rgba(8,8,8,.5)}
.shop-banner .main-title .h1,.shop-banner .simple-text,.shop-banner .simple-text p{color:#fff}

/* ═══ Bon de commande en un clic (remplace le tunnel) ═══ */
/* le bouton "Checkout" natif d'Aimeos est masqué : plus de tunnel */
.basket-delice .basket-standard .btn-action{display:none!important}
.mf-order-cta{margin:26px 0 0}
.mf-alert{padding:12px 16px;margin:0 0 18px;border-radius:2px}
.mf-alert-error{background:#fdecec;border:1px solid #f5b5b5;color:#b91c1c}
.mf-order-dialog{max-width:520px}
.mf-modal-box.mf-order-dialog{text-align:left}
.mf-order-sub{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--mf-muted);margin:18px 0 8px;border-bottom:1px solid #eee;padding-bottom:6px}
.mf-order-lines{list-style:none;margin:0;padding:0}
.mf-order-lines li{padding:6px 0;border-bottom:1px solid #f4f4f4;font-size:14px}
.mf-order-qty{font-weight:700;color:var(--mf-dark);margin-right:6px}
.mf-order-address{font-style:normal;font-size:14px;line-height:1.6;color:var(--mf-text)}
.mf-order-hint{font-size:12px;color:var(--mf-muted);margin-top:8px}
.mf-order-confirm-form{margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mf-btn-ghost{background:none;border:none;color:var(--mf-muted);cursor:pointer;text-decoration:underline;font-size:14px}
.mf-order-confirm-form .page-button[disabled]{opacity:.5;pointer-events:none}
@media(max-width:600px){.mf-order-dialog{max-width:100vw}}

/* ═══ Pages d'authentification — design delice (login/forgot/reset) ═══ */
.mf-auth .mf-auth-card{max-width:460px;margin:0 auto;background:#fff;border:1px solid #ECEAEA;padding:34px 32px;box-shadow:0 6px 24px rgba(0,0,0,.05)}
.mf-auth-intro{font-size:14px;color:var(--mf-muted);margin:0 0 20px;line-height:1.6}
.mf-auth-status{background:#eaf7ee;border:1px solid #bfe6cb;color:#1a8f3c;padding:10px 14px;margin:0 0 18px;font-size:14px}
.mf-auth-field{margin:0 0 18px}
.mf-auth-field label{display:block;font-size:13px;font-weight:600;color:var(--mf-text);margin:0 0 6px}
.mf-auth-field input{width:100%;border:1px solid #ddd;background:#fff;padding:11px 13px;font-size:15px;border-radius:0;transition:border-color .15s}
.mf-auth-field input:focus{border-color:var(--mf-dark);outline:none}
.mf-auth-error{display:block;color:#b91c1c;font-size:13px;margin-top:6px}
.mf-auth-remember{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mf-text);margin:0 0 20px;cursor:pointer}
.mf-auth-remember input{accent-color:var(--mf-dark)}
.mf-auth-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mf-auth-note{margin:22px 0 0;padding-top:18px;border-top:1px solid #f0f0f0;font-size:13px;color:var(--mf-muted);text-align:center}
@media(max-width:600px){.mf-auth .mf-auth-card{padding:26px 18px}.mf-auth-actions{flex-direction:column-reverse;align-items:stretch}.mf-auth-actions .page-button{width:100%;text-align:center}.mf-auth-actions .link-hover-line{text-align:center}}

/* État vide d'une liste catalogue (catégorie/recherche sans produit) */
.mf-empty-list{text-align:center;padding:40px 20px}
.mf-empty-list p{font-size:16px;color:var(--mf-muted);margin:0 0 20px}



/* ═══ Pages d'authentification ÉPURÉES (layout auth, sans barre de nav) ═══ */
.mf-auth-page{background:#f6f6f6;min-height:100vh}
.mf-auth-page-wrap{max-width:480px;margin:0 auto;padding:48px 20px 60px;display:flex;flex-direction:column;align-items:center}
.mf-auth-logo{display:block;margin:0 0 26px}
.mf-auth-logo img{width:240px;max-width:70vw;height:auto;display:block}
.mf-auth-title{font-size:34px;line-height:1.1;text-align:center;color:var(--mf-dark);margin:0 0 26px;text-transform:uppercase;letter-spacing:1px}
.mf-auth-page .mf-auth-card{width:100%;background:#fff;border:1px solid #ECEAEA;padding:34px 32px;box-shadow:0 6px 24px rgba(0,0,0,.05)}
@media(max-width:600px){.mf-auth-title{font-size:26px}.mf-auth-page .mf-auth-card{padding:26px 18px}.mf-auth-logo img{width:190px}}



/* Bouton propre des pages d'auth (sans le bouton animé du kit / sans orange) */
.mf-auth-btn{display:inline-block;background:var(--mf-dark);color:#fff;border:none;border-radius:4px;padding:13px 30px;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background .15s}
.mf-auth-btn:hover,.mf-auth-btn:focus{background:#000;color:#fff}


/* ═══════════════════════════════════════════════════════════════════════════
   ESPACE COMPTE CLIENT (tableau de bord + profil) — identité delice
   En-tête sombre avec logo, cartes claires, typo Playfair, accent doré.
   ═══════════════════════════════════════════════════════════════════════════ */
/* Rendu DANS le chrome du site (theme::base → même navbar/topbar/pied que
   toutes les autres pages) : ici, styles du CONTENU compte uniquement. */
.mf-account .container{color:var(--mf-text)}
.mf-account-head{margin:0 0 28px}
.mf-account-title{font-family:'Playfair Display',serif;font-weight:700;font-size:32px;line-height:1.12;color:var(--mf-dark);margin:0}
.mf-account-title:after{content:"";display:block;width:58px;height:3px;background:var(--mf-accent);margin-top:13px}
.mf-account-sub{color:var(--mf-muted);font-size:14px;margin:10px 0 0;line-height:1.6}
.mf-account-grid{display:grid;gap:24px}
.mf-account-card{background:#fff;border:1px solid #ECEAEA;border-radius:5px;padding:30px 28px;box-shadow:0 6px 24px rgba(0,0,0,.05)}
.mf-account-card>h2{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--mf-dark);margin:0 0 6px}
.mf-account-note{color:var(--mf-muted);font-size:13px;margin:0 0 22px;line-height:1.65;max-width:640px}
/* Formulaires */
.mf-account-field{margin:0 0 18px}
.mf-account-field label{display:block;font-size:13px;font-weight:600;color:var(--mf-text);margin:0 0 6px}
.mf-account-field input{width:100%;max-width:440px;border:1px solid #ddd;background:#fff;padding:11px 13px;font-size:15px;border-radius:3px;transition:border-color .15s;font-family:inherit}
.mf-account-field input:focus{border-color:var(--mf-dark);outline:none}
.mf-account-error{display:block;color:#b91c1c;font-size:13px;margin-top:6px}
.mf-account-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.mf-account-ok{color:#1a8f3c;font-size:14px;font-weight:600}
.mf-account-inline-note{font-size:13px;color:var(--mf-muted);margin:8px 0 0}
.mf-account-inline-note a{color:var(--mf-dark);text-decoration:underline}
.mf-account-linkbtn{background:none;border:none;padding:0;color:var(--mf-dark);text-decoration:underline;cursor:pointer;font:inherit;font-size:13px}
.mf-account-linkbtn:hover{color:var(--mf-accent)}
.mf-account .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* Boutons */
.mf-account-btn{display:inline-block;background:var(--mf-dark);color:#fff;border:none;border-radius:4px;padding:12px 28px;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background .15s,color .15s;font-family:inherit}
.mf-account-btn:hover{background:var(--mf-accent);color:var(--mf-dark)}
.mf-account-btn--danger{background:#b91c1c}
.mf-account-btn--danger:hover{background:#8f1414;color:#fff}
.mf-account-btn--ghost{background:#fff;color:var(--mf-dark);border:1px solid var(--mf-dark)}
.mf-account-btn--ghost:hover{background:#fff;color:var(--mf-dark);border-color:var(--mf-accent)}
.mf-account-card--danger{border-color:#f1d4d4}
.mf-account-card--danger>h2{color:#b91c1c}
/* Tableau de bord — accueil */
.mf-account-welcome{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.mf-aw-logo img{height:104px;width:auto;display:block}
.mf-aw-text{flex:1;min-width:240px}
.mf-aw-hello{font-family:'Playfair Display',serif;font-size:24px;color:var(--mf-dark);margin:0 0 8px}
.mf-aw-text p{color:var(--mf-muted);font-size:14px;line-height:1.7;margin:0}
.mf-account-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.mf-tile{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #ECEAEA;border-radius:5px;padding:22px 20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .12s}
.mf-tile:hover{border-color:var(--mf-accent);box-shadow:0 8px 22px rgba(0,0,0,.07);transform:translateY(-2px)}
.mf-tile .mf-tile-ic{width:34px;height:34px;fill:var(--mf-accent)}
.mf-tile .mf-tile-t{font-size:15px;font-weight:700;color:var(--mf-dark);text-transform:uppercase;letter-spacing:.4px}
.mf-tile .mf-tile-d{font-size:13px;color:var(--mf-muted);line-height:1.5}
/* Responsive */
@media(max-width:860px){.mf-account-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .mf-account-title{font-size:25px}
  .mf-account-card{padding:22px 18px}
  .mf-account-field input{max-width:none}
  .mf-account-actions{flex-direction:column;align-items:stretch}
  .mf-account-btn{width:100%;text-align:center}
  .mf-account-welcome{gap:16px}
  .mf-aw-logo img{height:80px}
  .mf-account-tiles{grid-template-columns:1fr}
}


/* ═══════════════════════════════════════════════════════════════════════════
   PANIER (basket-standard) — habillage delice élaboré + responsive
   Markup Bootstrap (.product-item.row, .image, .quantity input.value,
   .minibutton.delete, .subtotal/.total). Scopé .theme-delice pour primer sur
   basket-standard.css (vendor) et enrichir les règles existantes. Site sans-prix.
   ═══════════════════════════════════════════════════════════════════════════ */
.theme-delice .basket-standard{padding:1.5rem 0}
/* neutralise les marges négatives Bootstrap (.row) qui débordent en mobile */
.theme-delice .basket-standard .row{margin-left:0;margin-right:0}
.theme-delice .basket-standard .header h1{font-family:'Playfair Display',serif;font-size:28px;color:var(--mf-dark);letter-spacing:.3px}
.theme-delice .basket-standard .common-summary-detail>.header h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--mf-muted);margin:0 0 12px}
/* Conteneur liste = carte */
.theme-delice .basket-standard .basket{border:1px solid #ECEAEA;border-radius:6px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.05);overflow:hidden;padding:0}
/* En-tête de colonnes (libellés Quantité/Prix/Sum) */
.theme-delice .basket-standard .basket .product-header,
.theme-delice .basket-standard .basket>.row.header{background:#faf7ef;border-bottom:2px solid var(--mf-dark);padding:12px 18px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mf-dark);margin:0}
/* Chaque produit = ligne-carte */
.theme-delice .basket-standard .product-item{align-items:center;gap:12px 16px;padding:18px;margin:0;border-bottom:1px solid #f0f0f0;transition:background .12s}
.theme-delice .basket-standard .product-item:last-of-type{border-bottom:none}
.theme-delice .basket-standard .product-item:hover{background:#faf7ef}
.theme-delice .basket-standard .product-item.error{background:#fdecec}
.theme-delice .basket-standard .product-item .image{padding:0}
.theme-delice .basket-standard .product-item .image img{width:88px;height:88px;object-fit:contain;border:1px solid #f0f0f0;border-radius:5px;background:#fff;padding:4px}
.theme-delice .basket-standard .product-name{font-weight:700;color:var(--mf-dark);font-size:15px;margin:0 0 4px;line-height:1.3}
.theme-delice .basket-standard .product-item .articleno .name,
.theme-delice .basket-standard .product-item .attr-item .name{color:var(--mf-muted);font-size:12px}
.theme-delice .basket-standard .product-item .articleno .value{font-size:12px;color:var(--mf-text)}
.theme-delice .basket-standard .product-item .product-description{font-size:13px;color:var(--mf-muted);line-height:1.5;margin:4px 0 0}
.theme-delice .basket-standard .product-item .attr-list{list-style:none;margin:6px 0 0;padding:0}
.theme-delice .basket-standard .product-item .attr-item{font-size:12px;color:var(--mf-text);display:flex;gap:5px}
/* Quantité : champ soigné */
.theme-delice .basket-standard .quantity{display:flex;flex-direction:column;gap:5px}
.theme-delice .basket-standard .quantity>*:first-child{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--mf-muted)}
.theme-delice .basket-standard .quantity input.value{width:88px;border:1px solid #ddd;border-radius:4px;padding:10px;text-align:center;font-size:15px;font-family:inherit}
.theme-delice .basket-standard .quantity input.value:focus{border-color:var(--mf-dark);outline:none}
/* Bouton supprimer : croix encadrée, rouge au survol */
.theme-delice .basket-standard .minibutton.delete,.theme-delice .basket-standard .delete.minibutton{width:40px;height:40px;border:1px solid #e6cccc;background:#fff;border-radius:5px;color:#b91c1c;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;position:relative}
.theme-delice .basket-standard .minibutton.delete:before{content:"×";font-size:22px;line-height:1}
.theme-delice .basket-standard .minibutton.delete:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}
/* Totaux : bloc net, total accentué */
.theme-delice .basket-standard .subtotal,.theme-delice .basket-standard .delivery,
.theme-delice .basket-standard .payment,.theme-delice .basket-standard .tax{padding:10px 18px;font-size:14px;color:var(--mf-text)}
.theme-delice .basket-standard .total{padding:16px 18px;margin-top:4px;border-top:2px solid var(--mf-dark);font-weight:700;font-size:18px;color:var(--mf-dark);text-transform:uppercase;letter-spacing:.5px}
/* Boutons génériques du panier (Enregistrer / Appliquer coupon) */
.theme-delice .basket-standard .btn{background:var(--mf-dark);color:#fff;border:none;border-radius:4px;padding:11px 24px;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.6px;transition:background .15s,color .15s}
.theme-delice .basket-standard .btn:hover{background:var(--mf-accent);color:var(--mf-dark)}
.theme-delice .basket-standard .basket-standard-coupon .header h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mf-dark);margin:22px 0 10px}
.theme-delice .basket-standard .coupon-code,.theme-delice .basket-standard .basket-name{border:1px solid #ddd;border-radius:4px 0 0 4px;padding:10px 12px;font-family:inherit}
/* ── Mobile ≤ 640px : produit en carte empilée, cibles tactiles ── */
@media(max-width:640px){
  .theme-delice .basket-standard .basket{border-radius:6px}
  .theme-delice .basket-standard .basket .product-header,
  .theme-delice .basket-standard .basket>.row.header{display:none}
  .theme-delice .basket-standard .product-item{box-sizing:border-box;width:auto;border:1px solid #ECEAEA;border-radius:6px;margin:12px;padding:14px;display:grid;grid-template-columns:64px minmax(0,1fr) 44px;grid-template-areas:"img info del" "img qty del";gap:10px 10px;align-items:start}
  .theme-delice .basket-standard .product-item>*{min-width:0}
  .theme-delice .basket-standard .product-item .image{grid-area:img}
  .theme-delice .basket-standard .product-item .image img{width:64px;height:64px}
  .theme-delice .basket-standard .product-item .product-detail,
  .theme-delice .basket-standard .product-item .details{grid-area:info}
  .theme-delice .basket-standard .product-item .quantity{grid-area:qty;flex-direction:row;align-items:center;gap:8px}
  .theme-delice .basket-standard .quantity input.value{min-height:44px}
  .theme-delice .basket-standard .product-item .delete-wrap,
  .theme-delice .basket-standard .product-item .delete{grid-area:del}
  .theme-delice .basket-standard .minibutton.delete{width:44px;height:44px}
  .theme-delice .basket-standard .total{font-size:17px}
}