/* =========================================================
   GLOBALE ESTHETIQUE — FINAL MOBILE REFERENCE
   Mobile only. Desktop remains untouched.
   Target: clean premium beauty-commerce layout.
   ========================================================= */

@media (max-width: 900px){
  :root{--ge-burgundy:#7b1730;--ge-pink:#fff4f6;--ge-border:#eadfdb;}

  html,body{overflow-x:hidden;}
  body{padding-bottom:74px;}

  /* ---------- TOP BAR: 2 useful messages, like the reference ---------- */
  .topbar{height:42px;overflow:hidden;background:#fff5f7 !important;border-bottom:1px solid #f0e1e4;}
  .topbar .container{height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;padding:0 18px;}
  .topbar-item{display:flex !important;align-items:center;gap:7px;white-space:nowrap;font-size:11px !important;color:#343238;}
  .topbar-item:nth-child(2),.topbar-item:nth-child(3){display:none !important;}
  .topbar-item:nth-child(4){order:1;}
  .topbar-item:nth-child(1){order:2;}
  .topbar-item svg{width:15px;height:15px;flex:none;}

  /* ---------- MOBILE HEADER ---------- */
  .mobile-header{background:#fff !important;}
  .mobile-header-top{height:92px;padding:8px 24px 4px;display:grid;grid-template-columns:48px 1fr 72px;align-items:center;gap:8px;}
  .mobile-logo{justify-self:center;display:flex;align-items:center;justify-content:center;}
  .mobile-logo img{height:58px !important;max-width:210px;object-fit:contain;}
  .mobile-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px;}
  .mobile-actions .icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:34px;}
  .mobile-actions svg{width:27px !important;height:27px !important;stroke-width:1.7 !important;}
  .mobile-actions .badge{top:-2px;right:-5px;min-width:18px;height:18px;padding:0 4px;font-size:9px;}
  .hamburger{width:34px !important;height:34px !important;padding:0 !important;display:flex;align-items:center;justify-content:center;}
  .hamburger svg{width:29px !important;height:29px !important;}

  /* ---------- SEARCH ---------- */
  .mobile-search-wrap{padding:0 26px 14px !important;position:relative;}
  .mobile-search{height:54px !important;border:1px solid #e4d9d7 !important;border-radius:30px !important;background:#fff !important;padding:0 5px 0 18px !important;gap:10px !important;box-shadow:0 1px 0 rgba(110,27,44,.03);}
  .mobile-search > svg{width:25px !important;height:25px !important;flex:none;}
  .mobile-search input{font-size:14px !important;color:#333;min-width:0;}
  .mobile-search input::placeholder{color:#9c9999;}
  .mobile-search-submit{height:46px;border:0;border-radius:24px;background:var(--ge-burgundy);color:#fff;padding:0 20px;font:600 13px/1 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease;}
  .mobile-search-submit:active{transform:scale(.97);}

  /* Remove the duplicate icon-category strip completely. */
  .mobile-categories{display:none !important;}

  /* ---------- HOME HERO: wide visual, HTML text + HTML button ---------- */
  .main-section{padding:14px 0 0 !important;}
  .main-section > .container{padding:0 26px !important;}
  .main-grid{display:block !important;}
  .sidebar,.promo-col{display:none !important;}

  .hero{position:relative !important;width:100% !important;height:auto !important;min-height:0 !important;padding:0 !important;border-radius:18px !important;overflow:hidden !important;background:#fff1f4 !important;aspect-ratio:1.52 / 1;box-shadow:0 8px 28px rgba(110,27,44,.08);}
  .hero-slide{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;display:block !important;opacity:0;visibility:hidden;transition:opacity .6s ease,transform .6s ease !important;}
  .hero-slide.active{position:absolute !important;opacity:1;visibility:visible;}
  .hero-visual{position:absolute !important;inset:0 !important;width:100% !important;max-width:none !important;height:100% !important;overflow:hidden !important;z-index:0 !important;}
  .hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,246,247,.93) 0%,rgba(255,246,247,.62) 36%,rgba(255,246,247,.05) 69%,rgba(255,246,247,0) 100%);pointer-events:none;}
  .hero-visual img{width:100% !important;height:100% !important;max-height:none !important;object-fit:cover !important;object-position:center center !important;display:block !important;}
  .hero-copy{position:relative !important;z-index:2 !important;width:54% !important;max-width:54% !important;height:100% !important;padding:18px 0 18px 20px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;text-align:left !important;box-sizing:border-box !important;}
  .hero-eyebrow{font-size:8px !important;letter-spacing:.22em !important;line-height:1.4 !important;margin-bottom:6px !important;color:var(--ge-burgundy) !important;}
  .hero-title{font-family:'Playfair Display',serif !important;font-size:25px !important;line-height:1.02 !important;margin:0 !important;color:#23191a !important;}
  .hero-title em{color:var(--ge-burgundy) !important;font-style:normal;}
  .hero-desc{font-size:10.5px !important;line-height:1.45 !important;margin:9px 0 0 !important;color:#454044 !important;max-width:190px !important;}
  .hero-cta{margin-top:13px !important;display:flex !important;justify-content:flex-start !important;}
  .hero-cta .btn{min-width:116px !important;min-height:38px !important;padding:10px 16px !important;border-radius:22px !important;font-size:10px !important;letter-spacing:.06em !important;gap:7px !important;box-shadow:0 7px 16px rgba(110,27,44,.16) !important;}
  .hero-cta .btn span{font-size:14px;line-height:1;}
  .hero-dots{bottom:10px !important;left:50% !important;transform:translateX(-50%) !important;gap:7px !important;z-index:5 !important;}
  .hero-dots span{width:8px !important;height:8px !important;}
  .hero-dots span.active{width:22px !important;border-radius:10px !important;}

  /* ---------- VISUAL CATEGORIES: styles fully centralised in
     categories-premium-v3.css — nothing left here to avoid
     contradictory rules. ---------- */

  /* ---------- BENEFITS: premium 4-column strip ---------- */
  .benefits{padding:0 !important;background:#fffaf7 !important;border-top:1px solid #eadfd8 !important;border-bottom:1px solid #eadfd8 !important;}
  .benefits .container{padding:16px 20px !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0 !important;}
  .benefit{min-width:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;padding:0 8px !important;gap:7px !important;border-right:1px solid #e7ddd8 !important;}
  .benefit:last-child{border-right:0 !important;}
  .benefit .icn{width:44px !important;height:44px !important;flex:0 0 44px !important;background:#fff7f8 !important;border:1px solid #f0d9df !important;border-radius:50% !important;color:var(--ge-burgundy) !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:none !important;}
  .benefit .icn svg{width:21px !important;height:21px !important;}
  .benefit strong{font-size:10.5px !important;line-height:1.2 !important;display:block !important;}
  .benefit span{display:block !important;font-size:8.5px !important;line-height:1.25 !important;color:#8a8585 !important;margin-top:1px !important;}

  /* ---------- PRODUCT / SECTION HEADINGS ---------- */
  .section{padding:32px 0 !important;}
  .section .container{padding:0 26px !important;}
  .section-head{margin-bottom:16px !important;}
  .section-title{font-size:27px !important;line-height:1.05 !important;}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  .product-media{height:190px !important;}

  /* ---------- MOBILE NAV ---------- */
  .mobile-bottom-nav{height:72px !important;left:0 !important;right:0 !important;bottom:0 !important;background:rgba(255,255,255,.98) !important;border-top:1px solid #e8dfdb !important;box-shadow:0 -7px 24px rgba(60,30,30,.07) !important;z-index:100 !important;backdrop-filter:blur(10px);}
  .mobile-bottom-nav ul{height:100% !important;margin:0 !important;padding:5px 10px 4px !important;display:grid !important;grid-template-columns:repeat(5,1fr) !important;align-items:center !important;}
  .mobile-bottom-nav .mbn-link{position:relative !important;height:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:4px !important;font-size:10.5px !important;color:#6d6868 !important;line-height:1 !important;transform:none !important;}
  .mobile-bottom-nav .mbn-link svg{width:25px !important;height:25px !important;animation:none !important;stroke-width:1.8 !important;}
  .mobile-bottom-nav .mbn-link.active{color:var(--ge-burgundy) !important;font-weight:600 !important;}
  .mobile-bottom-nav .mbn-link.active svg{stroke-width:2.2 !important;}
  .mobile-bottom-nav .mbn-badge{position:absolute !important;top:1px !important;right:calc(50% - 18px) !important;min-width:17px !important;height:17px !important;padding:0 4px !important;border-radius:20px !important;background:var(--ge-burgundy) !important;color:#fff !important;font-size:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;border:2px solid #fff !important;}
  .mobile-bottom-nav .mbn-badge.is-zero{display:none !important;}

  /* ---------- WHATSAPP ---------- */
  .whatsapp-float{width:58px !important;height:58px !important;right:18px !important;bottom:88px !important;z-index:99 !important;box-shadow:0 8px 22px rgba(37,211,102,.28) !important;animation:geWhats 2.8s ease-in-out infinite !important;}
  .whatsapp-float svg{width:29px !important;height:29px !important;}
  @keyframes geWhats{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}

  /* Hide desktop-only elements even if an older rule overrides display. */
  .hero-arrows.desktop-only{display:none !important;}
}

@media (max-width: 600px){
  .mobile-header-top{grid-template-columns:40px 1fr 68px;padding-left:18px;padding-right:18px;}
  .mobile-logo img{height:54px !important;max-width:190px;}
  .mobile-search-wrap{padding-left:18px !important;padding-right:18px !important;}
  .main-section > .container,.section .container{padding-left:18px !important;padding-right:18px !important;}
  .hero{aspect-ratio:1.48 / 1 !important;}
  .hero-copy{width:55% !important;max-width:55% !important;padding-left:15px !important;}
  .hero-title{font-size:22px !important;}
  .hero-desc{font-size:9.5px !important;max-width:170px !important;}
  .hero-cta .btn{min-width:104px !important;min-height:36px !important;padding:9px 13px !important;font-size:9px !important;}
  .benefits .container{padding-left:10px !important;padding-right:10px !important;}
  .benefit{padding:0 4px !important;}
  .benefit .icn{width:39px !important;height:39px !important;flex-basis:39px !important;}
  .benefit .icn svg{width:19px !important;height:19px !important;}
  .benefit strong{font-size:9px !important;}
  .benefit span{font-size:7.5px !important;}
}

@media (max-width: 360px){
  .mobile-header-top{height:84px;}
  .mobile-logo img{height:50px !important;}
  .mobile-search{height:50px !important;}
  .mobile-search-submit{padding:0 14px;font-size:11px;}
  .hero-title{font-size:20px !important;}
  .hero-eyebrow{font-size:7px !important;}
  .hero-desc{font-size:8.8px !important;}
  .benefit strong{font-size:8.5px !important;}
}


/* =========================================================
   MOBILE BEAUTY CARDS — les styles catégories vivent
   uniquement dans categories-premium-v3.css désormais.
   ========================================================= */
@media (max-width: 900px){
  /* No duplicated category-icon row under the search. */
  .mobile-categories,
  .mobile-cat-row{display:none !important;}

  /* Keep the CTA language/geometry consistent across mobile. */
  .hero-cta .btn-primary::after{content:none !important;}
  .hero-cta .btn,
  .promo-card .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

/* =========================================================
   MOBILE PREMIUM HOMEPAGE V2 — 2026-09-15
   UX order: quick categories > compact hero > nouveautés > univers > benefits
   ========================================================= */
@media (max-width:900px){
  body{background:#fff!important;padding-bottom:76px!important}

  /* compact top reassurance bar */
  .topbar{height:34px!important;background:linear-gradient(90deg,#fff8f7,#fff3f6)!important}
  .topbar .container{height:34px!important;padding:0 14px!important;gap:26px!important;justify-content:flex-start!important;overflow:hidden!important}
  .topbar-item{font-size:9.5px!important;flex:0 0 auto!important}
  .topbar-item:nth-child(1),.topbar-item:nth-child(4){display:flex!important}
  .topbar-item:nth-child(2),.topbar-item:nth-child(3){display:none!important}

  /* header / search tighter */
  .mobile-header-top{height:76px!important;padding:5px 18px 2px!important;grid-template-columns:40px 1fr 68px!important}
  .mobile-logo img{height:49px!important;max-width:178px!important}
  .hamburger svg{width:25px!important;height:25px!important}
  .mobile-actions svg{width:24px!important;height:24px!important}
  .mobile-search-wrap{padding:4px 18px 12px!important}
  .mobile-search{height:48px!important;border-radius:25px!important;padding-left:15px!important;box-shadow:0 5px 18px rgba(69,35,40,.04)!important}
  .mobile-search>svg{width:21px!important;height:21px!important}
  .mobile-search input{font-size:12px!important}
  .mobile-search-submit{height:40px!important;border-radius:22px!important;padding:0 16px!important;font-size:11px!important}

  /* QUICK CATEGORIES — horizontal, animated, premium */
  .mobile-categories{display:block!important;padding:10px 0 12px!important;border-bottom:1px solid #f0e6e2!important;background:#fff!important;overflow:hidden!important}
  .mobile-cat-row{display:flex!important;gap:15px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;padding:0 18px 4px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .mobile-cat-row::-webkit-scrollbar{display:none!important}
  .mobile-cat{flex:0 0 61px!important;min-width:61px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;scroll-snap-align:start!important;color:#272124!important;text-align:center!important;transform:translateY(5px);opacity:0;animation:quickCatIn .5s cubic-bezier(.16,1,.3,1) forwards!important}
  .mobile-cat:nth-child(2){animation-delay:.05s!important}.mobile-cat:nth-child(3){animation-delay:.10s!important}.mobile-cat:nth-child(4){animation-delay:.15s!important}.mobile-cat:nth-child(5){animation-delay:.20s!important}.mobile-cat:nth-child(6){animation-delay:.25s!important}
  .mobile-cat .circle{width:48px!important;height:48px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(145deg,#fff7f8,#fdecef)!important;border:1px solid #f2d9df!important;color:#861832!important;box-shadow:0 5px 15px rgba(123,23,48,.055)!important;transition:transform .22s ease,box-shadow .22s ease!important}
  .mobile-cat .circle svg{width:21px!important;height:21px!important;stroke-width:1.65!important}
  .mobile-cat span{font-size:9px!important;line-height:1.15!important;font-weight:600!important;white-space:normal!important;max-width:64px!important}
  .mobile-cat:active .circle{transform:scale(.92)!important;box-shadow:0 2px 7px rgba(123,23,48,.08)!important}
  @keyframes quickCatIn{to{opacity:1;transform:translateY(0)}}

  /* HERO — truly compact ~2:1, copy left, product/image right */
  .main-section{padding:12px 0 0!important}
  .main-section>.container{padding:0 18px!important}
  .hero{aspect-ratio:2 / 1!important;border-radius:16px!important;box-shadow:0 7px 22px rgba(83,43,49,.07)!important;background:#fff4f5!important}
  .hero-slide{transform:translateX(7px)!important;transition:opacity .62s ease,transform .62s cubic-bezier(.16,1,.3,1)!important}
  .hero-slide.active{transform:translateX(0)!important}
  .hero-visual::after{background:linear-gradient(90deg,rgba(255,247,247,.98) 0%,rgba(255,247,247,.88) 34%,rgba(255,247,247,.25) 58%,rgba(255,247,247,0) 76%)!important}
  .hero-visual img{object-fit:cover!important;object-position:center!important;transform:scale(1.002)!important}
  .hero-slide[data-slide="0"] .hero-visual img{object-position:center 48%!important}
  .hero-slide[data-slide="1"] .hero-visual img{object-position:61% center!important}
  .hero-slide[data-slide="2"] .hero-visual img{object-position:68% center!important}
  .hero-copy{width:50%!important;max-width:50%!important;padding:12px 0 12px 15px!important;justify-content:center!important}
  .hero-eyebrow{font-size:6.5px!important;letter-spacing:.20em!important;margin-bottom:4px!important}
  .hero-title{font-size:19px!important;line-height:1.01!important}
  .hero-desc{font-size:7.8px!important;line-height:1.35!important;margin-top:6px!important;max-width:142px!important}
  .hero-cta{margin-top:8px!important}
  .hero-cta .btn{min-width:91px!important;min-height:30px!important;padding:7px 11px!important;border-radius:18px!important;font-size:8px!important;gap:5px!important;box-shadow:0 5px 12px rgba(110,27,44,.13)!important}
  .hero-cta .btn span{font-size:11px!important}
  .hero-dots{bottom:6px!important;gap:5px!important}
  .hero-dots span{width:5px!important;height:5px!important}.hero-dots span.active{width:16px!important}

  /* NOUVEAUTÉS directly after hero */
  .mobile-new-section{display:block!important;padding:25px 0 22px!important;background:#fff!important}
  .mobile-new-section .container{padding:0 18px!important}
  .mobile-new-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin:0 0 13px!important}
  .mobile-new-head .section-eyebrow{font-size:7.5px!important;letter-spacing:.22em!important;color:#7b1730!important;margin-bottom:5px!important}
  .mobile-new-head .section-title{font-size:25px!important;line-height:1!important;margin:0!important}
  .mobile-new-head .see-all{font-size:10px!important;color:#7b1730!important;font-weight:700!important;white-space:nowrap!important}
  .mobile-new-row{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:2px 1px 8px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .mobile-new-row::-webkit-scrollbar{display:none!important}
  .mobile-new-card-wrap{position:relative!important;flex:0 0 42%!important;min-width:0!important;scroll-snap-align:start!important}
  .mobile-new-card-wrap .product-card{height:100%!important;border:1px solid #eee6e3!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 16px rgba(52,31,35,.045)!important;overflow:hidden!important}
  .mobile-new-card-wrap .product-media{height:132px!important;background:#fff!important}
  .mobile-new-card-wrap .product-info{padding:8px 9px 10px!important}
  .mobile-new-card-wrap .product-brand{font-size:7px!important;letter-spacing:.08em!important}
  .mobile-new-card-wrap .product-name{font-size:9px!important;line-height:1.25!important;min-height:23px!important}
  .mobile-new-card-wrap .product-rating{display:none!important}
  .mobile-new-card-wrap .product-price{margin-top:5px!important}.mobile-new-card-wrap .price-now{font-size:10px!important}
  .mobile-new-card-wrap .qty-stepper{display:none!important}
  .mobile-new-card-wrap .product-footer{justify-content:flex-end!important;margin-top:5px!important}
  .mobile-new-card-wrap .add-cart-btn{width:30px!important;height:30px!important;border-radius:50%!important;padding:0!important}
  .mobile-new-card-wrap .fav-btn{width:28px!important;height:28px!important;top:7px!important;right:7px!important;background:rgba(255,255,255,.94)!important}
  .mobile-new-badge{position:absolute!important;z-index:5!important;top:8px!important;left:8px!important;background:#e76891!important;color:#fff!important;border-radius:20px!important;padding:4px 7px!important;font-size:7px!important;font-weight:700!important;line-height:1!important;box-shadow:0 3px 8px rgba(145,28,60,.12)!important}
  .mobile-new-card-wrap .discount-badge{display:none!important}

  /* Benefits — exactly four clean items */
  .benefits{margin:0 18px 20px!important;border:1px solid #eee2dc!important;border-radius:16px!important;background:#fffaf7!important;overflow:hidden!important}
  .benefits .container{padding:14px 8px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .benefit:nth-child(5){display:none!important}
  .benefit{padding:0 5px!important;gap:6px!important}
  .benefit .icn{width:37px!important;height:37px!important;flex-basis:37px!important}
  .benefit .icn svg{width:18px!important;height:18px!important}
  .benefit strong{font-size:8px!important}.benefit span{font-size:6.5px!important}

  /* WhatsApp smaller and clear of bottom nav */
  .whatsapp-float{width:50px!important;height:50px!important;right:15px!important;bottom:84px!important;box-shadow:0 7px 20px rgba(37,211,102,.22),0 0 0 7px rgba(37,211,102,.055)!important}
  .whatsapp-float svg{width:25px!important;height:25px!important}

  /* nav: badges only when > 0 already controlled by is-zero */
  .mobile-bottom-nav{height:70px!important}
  .mobile-bottom-nav .mbn-link{font-size:9.5px!important;gap:3px!important}
  .mobile-bottom-nav .mbn-link svg{width:23px!important;height:23px!important}
}

@media(max-width:360px){
  .mobile-cat{flex-basis:56px!important;min-width:56px!important}.mobile-cat .circle{width:44px!important;height:44px!important}
  .hero-title{font-size:17px!important}.hero-desc{font-size:7px!important}.hero-copy{padding-left:12px!important}
  .mobile-new-card-wrap{flex-basis:45%!important}.mobile-new-card-wrap .product-media{height:116px!important}
}

/* =========================================================
   MOBILE — BOUTIQUE / CATÉGORIE : uniquement les produits (10/10/2026)
   Les blocs Catégories / Marques / Offres sont masqués sur téléphone ;
   la recherche, le tri et la grille de produits restent visibles.
   ========================================================= */
@media (max-width:900px){
  .boutique-layout > .boutique-filtres{ display:none !important; }
  .boutique-layout{ display:block !important; padding-top:0 !important; }

  /* Les produits apparaissent dès l'arrivée sur la page :
     en-tête de page réduit à son titre, barre « Affiner » masquée
     (la recherche du haut reste), tri sur la même ligne que le compteur. */
  .page-head--boutique{ padding:14px 0 4px !important; border-bottom:0 !important; }
  .page-head--boutique .fil-ariane,
  .page-head--boutique .eyebrow{ display:none !important; }
  .page-head--boutique h1{ font-size:24px !important; line-height:1.15 !important; margin:0 !important; }
  .recherche-box--boutique{ display:none !important; }
  .boutique-layout .tri-barre{ margin:2px 0 12px !important; font-size:12.5px !important; }
  .boutique-layout .tri-barre select{ padding:7px 10px !important; font-size:12.5px !important; border-radius:999px !important; }
}

/* =========================================================
   MOBILE — EN-TÊTE (10/10/2026)
   Compte · Favoris (point) · Panier (compteur) + recherche
   avec bouton loupe seul.
   ========================================================= */
@media (max-width:900px){
  .mobile-header .mobile-header-top{ grid-template-columns:36px minmax(0,1fr) auto !important; gap:10px !important; padding-left:16px !important; padding-right:18px !important; }
  .mobile-header .mobile-logo img{ height:44px !important; max-width:150px !important; }
  .mobile-header .mobile-actions{ gap:15px !important; }
  .mobile-search-wrap{ padding-left:16px !important; padding-right:16px !important; }
  .mobile-header .mobile-actions .icon-wrap{ position:relative !important; width:28px !important; height:34px !important; color:#241712 !important; }
  .mobile-header .mobile-actions svg{ width:25px !important; height:25px !important; stroke-width:1.6 !important; }
  .mobile-header .mobile-actions .badge{
    top:-2px !important; right:-8px !important; min-width:19px !important; height:19px !important;
    padding:0 4px !important; border-radius:10px !important; font-size:10px !important; font-weight:700 !important;
    background:#6E1B2C !important; color:#fff !important; border:2px solid #fff !important; box-sizing:border-box !important;
    display:flex !important; align-items:center; justify-content:center; line-height:1 !important;
  }
  .mobile-header .mobile-actions .badge.is-zero{ display:none !important; }
  .mobile-header .mh-point{
    position:absolute; top:3px; right:-2px; width:8px; height:8px; border-radius:50%;
    background:#B4364F; border:2px solid #fff; font-size:0; line-height:0; overflow:hidden;
  }
  .mobile-header .mh-point.is-zero{ display:none; }

  .mobile-search{
    height:50px !important; border:1px solid #f1e6e4 !important; border-radius:26px !important;
    background:#fff !important; box-shadow:0 6px 20px rgba(110,27,44,.07) !important;
    padding:0 5px 0 16px !important; gap:12px !important;
  }
  .mobile-search > svg{ width:21px !important; height:21px !important; stroke:#6f6767 !important; stroke-width:1.8 !important; }
  .mobile-search input{ font-size:13.5px !important; }
  .mobile-search-submit{
    width:62px !important; min-width:62px !important; height:40px !important; padding:0 !important;
    border-radius:21px !important; background:#6E1B2C !important; color:#fff !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    font-size:0 !important;
  }
  .mobile-search-submit svg{ width:20px !important; height:20px !important; }
}