/* ============================================================================
   SCMC — Couche de design « premium cacao » (chargée APRÈS main.css)
   Améliore visuellement le template Orfarm sans casser sa structure.
   Palette : brun cacao profond, crème, doré, vert naturel.
   ========================================================================== */
:root{
  --sc-deep:#2E1A10; --sc-cacao:#5A3A22; --sc-soft:#7A4E30;
  --sc-gold:#C69A4B; --sc-gold-2:#E0B968; --sc-cream:#F8F1E7; --sc-cream-2:#FBF6EE;
  --sc-green:#5C7A3A;
  /* Remap des variables du template -> cacao */
  --tp-heading-primary:#2E1A10; --tp-heading-secondary:#5A3A22;
  --tp-theme-1:#2E1A10; --tp-theme-4:#2E1A10; --tp-text-1:#C69A4B; --tp-text-5:#C69A4B;
}

/* ---------- Barres cacao ---------- */
.header__top.theme-bg-1{ background:linear-gradient(90deg,#2E1A10,#5A3A22)!important; }
.header__top-left span,.header__top-link a{ color:#f0e2d0!important; }
.header__top-link a:hover{ color:var(--sc-gold-2)!important; }
.theme-bg-2{ background:linear-gradient(160deg,#2E1A10,#43281a 60%,#5A3A22)!important; }

/* ---------- Header ---------- */
#header-sticky{ box-shadow:0 4px 24px rgba(46,26,16,.06); }
.main-menu ul li > a{ font-weight:600; }
.main-menu ul li > a:hover{ color:var(--sc-cacao)!important; }
.header__info-search button,.header__info-user a,.header__info-wishlist a,.header__info-cart button{
  transition:transform .25s ease;
}
.header__info > div:hover button,.header__info > div:hover a{ transform:translateY(-2px); }
.header__info-cart span{ background:var(--sc-gold)!important; }

/* ---------- Boutons : dégradé cacao -> doré, relief ---------- */
.tp-btn,.tp-btn-2,.tp-btn-3,.banner-btn,.tp-news-btn,.whight-btn{
  background:linear-gradient(120deg,var(--sc-cacao),var(--sc-soft))!important;
  color:#fff!important; border:none!important; letter-spacing:.4px;
  box-shadow:0 8px 20px rgba(90,58,34,.28); transition:all .3s ease;
}
.tp-btn:hover,.tp-btn-2:hover,.tp-btn-3:hover,.banner-btn:hover,.tp-news-btn:hover,.whight-btn:hover{
  background:linear-gradient(120deg,var(--sc-gold),var(--sc-gold-2))!important;
  color:#2E1A10!important; transform:translateY(-3px); box-shadow:0 12px 26px rgba(198,154,75,.4);
}
.tp-btn-4{ background:linear-gradient(120deg,var(--sc-gold),var(--sc-gold-2))!important; color:#2E1A10!important; }

/* ---------- Titres de section : sur-titre doré + soulignement ---------- */
.tpsection__sub-title,.section__sub-title{ color:var(--sc-gold)!important; font-weight:700; letter-spacing:2px; }
.tpsection__title,.section__title{ color:var(--sc-deep)!important; position:relative; display:inline-block; }
.tpsection__title::after{
  content:""; display:block; width:70px; height:3px; margin:14px auto 0;
  background:linear-gradient(90deg,var(--sc-gold),var(--sc-gold-2)); border-radius:3px;
}

/* ============ HERO : fond chaleureux + décor ============ */
.hero-area.tphero__bg{
  background:radial-gradient(circle at 15% 20%, #fff7ec 0, transparent 45%),
             radial-gradient(circle at 90% 80%, #f2e3cf 0, transparent 40%),
             linear-gradient(135deg,#FBF6EE,#F3E7D3)!important;
  position:relative; overflow:hidden;
}
.hero-area.tphero__bg::before{
  content:""; position:absolute; right:-120px; top:-120px; width:420px; height:420px; border-radius:50%;
  background:radial-gradient(circle, rgba(198,154,75,.18), transparent 70%);
}
.tphero__sub-title{ position:relative; padding-left:42px; }
.tphero__sub-title::before{
  content:""; position:absolute; left:0; top:50%; width:32px; height:2px; background:var(--sc-gold);
}
.tphero__title{ font-weight:700!important; line-height:1.12!important; }
.tphero__thumb img{ transition:transform .6s ease; }
.tphero__thumb img:hover{ transform:scale(1.03) rotate(-1deg); }

/* ============ CARTES PRODUIT ============ */
.tpproduct{
  background:#fff; border-radius:18px; padding:14px; border:1px solid rgba(90,58,34,.08);
  box-shadow:0 10px 26px rgba(46,26,16,.06); transition:all .35s ease; height:100%;
}
.tpproduct:hover{ transform:translateY(-8px); box-shadow:0 20px 40px rgba(46,26,16,.16); border-color:rgba(198,154,75,.4); }
.tpproduct__thumb{ background:var(--sc-cream); border-radius:14px; overflow:hidden; }
.tpproduct__thumb img{ border-radius:12px; aspect-ratio:1/1; object-fit:cover; transition:transform .5s ease; }
.tpproduct:hover .tpproduct__thumb img{ transform:scale(1.06); }
.tpproduct__content-weight a{ color:var(--sc-gold)!important; font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.5px; }
.tpproduct__title a{ color:var(--sc-deep)!important; font-weight:600; }
.tpproduct__title a:hover{ color:var(--sc-cacao)!important; }
.tpproduct__price span{ color:var(--sc-cacao)!important; font-weight:700; font-size:16px; }
.tpproduct__shopping a{ background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.1); color:var(--sc-cacao); }
.tpproduct__shopping a:hover{ background:var(--sc-gold); color:#fff; }

/* Grille "marques" (cartes horizontales) */
.tpbrandproduct__item{
  background:#fff; border-radius:16px; padding:14px; border:1px solid rgba(90,58,34,.08);
  box-shadow:0 8px 20px rgba(46,26,16,.05); transition:all .3s ease;
}
.tpbrandproduct__item:hover{ transform:translateY(-5px); box-shadow:0 16px 32px rgba(46,26,16,.14); }
.tpbrandproduct__img img{ width:110px; height:110px; object-fit:cover; border-radius:12px; background:var(--sc-cream); }
.tpbrandproduct__product-title a{ color:var(--sc-deep)!important; font-weight:600; }
.tpbrandproduct__product-title a:hover{ color:var(--sc-gold)!important; }
.tpbrandproduct__contact .tpproduct__price span{ font-size:15px; }

/* ============ À-PROPOS (icônes) ============ */
.tpabout__border{ background:linear-gradient(180deg,#fff, #FBF6EE); border-radius:24px; padding:40px 20px; box-shadow:0 10px 30px rgba(46,26,16,.05); }
.tpabout__item{ transition:transform .3s ease; padding:20px; border-radius:16px; }
.tpabout__item:hover{ transform:translateY(-6px); background:#fff; box-shadow:0 14px 30px rgba(46,26,16,.08); }
.tpabout__icon{ width:84px;height:84px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--sc-cacao),var(--sc-gold)); }
.tpabout__icon img{ filter:brightness(0) invert(1); width:40px; }
.tpabout__title{ color:var(--sc-deep)!important; }

/* ============ SECTION ENGAGEMENT (ex-countdown) ============ */
.product-coundown-area{ background:linear-gradient(120deg,#2E1A10,#4a2c1a 60%,#5A3A22)!important; border-radius:0; }
.product-coundown-area .section__sub-title{ color:var(--sc-gold-2)!important; }
.product-coundown-area .section__title{ color:#fff!important; }
.product-coundown-area .section__title::after{ margin-left:0; }
.product-coundown-area p{ color:rgba(255,255,255,.85)!important; }
.whight-btn.border-btn{ background:transparent!important; border:2px solid var(--sc-gold-2)!important; color:#fff!important; box-shadow:none; }
.whight-btn.border-btn:hover{ background:var(--sc-gold-2)!important; color:#2E1A10!important; }

/* ============ BANNIÈRES ============ */
.tpbanner__main-thumb{ position:relative; border-radius:18px; overflow:hidden; min-height:300px;
  background-size:cover!important; background-position:center!important; margin:8px; }
.tpbanner__main-thumb::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(46,26,16,.72), rgba(46,26,16,.15)); }
.tpbanner__main-content{ position:relative; z-index:2; }
.tpbanner__main__title,.tpbanner__main__sub-title{ color:#fff!important; }
.tpbanner__main__sub-title{ color:var(--sc-gold-2)!important; }

/* ============ ENGAGEMENTS (ex-témoignages) ============ */
.testimonial-area{ background-size:cover!important; background-position:center!important; position:relative; }
.testimonial-area::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(46,26,16,.86), rgba(46,26,16,.92)); }
.testimonial-area .container{ position:relative; z-index:2; }
.tptestimonial__content2 p{ color:#f4e9da!important; font-size:20px; font-style:italic; }
.tptestimonial__title{ color:#fff!important; }
.tptestimonial__avata-position{ color:var(--sc-gold-2)!important; }
.tptestimonial__avata img{ box-shadow:0 8px 20px rgba(0,0,0,.35); }

/* ============ CONSEILS (ex-blog) ============ */
.tpblog__item{ background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 10px 26px rgba(46,26,16,.06);
  transition:all .35s ease; height:100%; }
.tpblog__item:hover{ transform:translateY(-8px); box-shadow:0 20px 40px rgba(46,26,16,.15); }
.tpblog__thumb{ overflow:hidden; }
.tpblog__thumb img{ height:230px; width:100%; object-fit:cover; transition:transform .6s ease; }
.tpblog__item:hover .tpblog__thumb img{ transform:scale(1.08); }
.tpblog__wrapper{ padding:22px; }
.cat-links a{ background:var(--sc-cream); color:var(--sc-cacao)!important; padding:4px 14px; border-radius:20px; font-size:12px; font-weight:600; }
.tpblog__title a{ color:var(--sc-deep)!important; font-weight:600; }
.tpblog__title a:hover{ color:var(--sc-gold)!important; }

/* ============ NEWSLETTER ============ */
.tpsubscribe__item{ background:linear-gradient(120deg,#2E1A10,#5A3A22)!important; border-radius:22px; box-shadow:0 20px 40px rgba(46,26,16,.2); }
.tpsubscribe__content p{ color:#fff!important; }
.tpsubscribe__form-btn{ background:linear-gradient(120deg,var(--sc-gold),var(--sc-gold-2))!important; color:#2E1A10!important; }

/* ============ FOOTER ============ */
.tpfooter__widget-title{ color:var(--sc-gold-2)!important; }
.tpfooter__widget p, .tpfooter__widget-links a, .tpfooter__widget-time-info span{ color:#e7d7c4!important; }
.tpfooter__widget-links a:hover{ color:var(--sc-gold-2)!important; padding-left:4px; transition:all .2s ease; }
.tpfooter__phone-num{ color:var(--sc-gold-2)!important; font-weight:700; }
.tpfooter__copyright-text{ color:#cbb49c!important; }

/* ============ DIVERS ============ */
.scroll-top{ background:linear-gradient(135deg,var(--sc-cacao),var(--sc-gold))!important; }
.tpsearchbar__search-btn,.tpsideinfo__search button{ background:var(--sc-cacao)!important; }
.tpcart__title{ color:var(--sc-deep); }
.tpcheck-btn,.tpcart-btn{ border-radius:30px; }

/* WhatsApp flottant */
.scmc-wa-float{ position:fixed; right:22px; bottom:24px; z-index:999; width:58px; height:58px; border-radius:50%;
  background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; font-size:28px;
  box-shadow:0 10px 24px rgba(0,0,0,.28); transition:transform .25s ease; }
.scmc-wa-float:hover{ transform:scale(1.1); color:#fff; }

/* ============ PAGES INTERNES : en-tête + fil d'Ariane ============ */
.scmc-page-head{ background:linear-gradient(120deg,#2E1A10,#5A3A22); color:#fff; padding:66px 0; text-align:center; }
.scmc-page-head h1{ color:#fff; margin:0 0 8px; font-weight:700; }
.scmc-page-head p{ color:rgba(255,255,255,.85); margin:0; }
.scmc-breadcrumb{ background:var(--sc-cream); padding:14px 0; font-size:14px; }
.scmc-breadcrumb a{ color:var(--sc-soft); }
.scmc-breadcrumb a:hover{ color:var(--sc-gold); }
.scmc-breadcrumb .sep{ color:#b9a58f; margin:0 8px; }
.scmc-eyebrow{ color:var(--sc-gold); text-transform:uppercase; letter-spacing:2px; font-weight:700; font-size:13px; display:block; margin-bottom:8px; }
.scmc-heading{ color:var(--sc-deep); font-weight:700; }
.scmc-section{ padding:80px 0; } .scmc-section--sm{ padding:55px 0; }
.scmc-soft{ background:var(--sc-cream); } .scmc-cream{ background:var(--sc-cream-2); }
.scmc-note{ display:inline-block; background:#FFF3E0; color:#8a5a12; border:1px dashed #d9a441; font-size:12px; padding:2px 10px; border-radius:20px; }
.scmc-prose h2{ color:var(--sc-deep); margin-top:28px; } .scmc-prose h3{ color:var(--sc-soft); }
.scmc-prose ul{ padding-left:20px; } .scmc-prose li{ margin-bottom:8px; }
.scmc-btn-outline{ display:inline-block; padding:12px 34px; border-radius:50px; font-size:13px; font-weight:600; text-transform:uppercase; border:2px solid var(--sc-gold); color:var(--sc-deep); background:transparent; transition:all .3s ease; }
.scmc-btn-outline:hover{ background:var(--sc-gold); color:#fff; }
.scmc-btn-outline--light{ border-color:#fff; color:#fff; } .scmc-btn-outline--light:hover{ background:#fff; color:var(--sc-deep); }
.tp-btn-border{ display:inline-block; padding:11px 30px; border-radius:50px; font-weight:600; font-size:13px; text-transform:uppercase; border:1px solid var(--sc-cacao); color:var(--sc-cacao); transition:all .3s ease; }
.tp-btn-border:hover{ background:var(--sc-cacao); color:#fff; }

/* ============ BOUTIQUE : filtres ============ */
.scmc-filters{ list-style:none; padding:0; margin:0; }
.scmc-filters li{ margin-bottom:6px; }
.scmc-filters a{ display:block; padding:10px 16px; border-radius:10px; color:var(--sc-deep); background:#fff; border:1px solid rgba(90,58,34,.1); font-weight:500; transition:all .2s ease; }
.scmc-filters a:hover,.scmc-filters a.active{ background:var(--sc-cacao); color:#fff; }
.scmc-shop-head{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin-bottom:24px; }
.scmc-shop-head h1{ margin:0; color:var(--sc-deep); font-size:26px; }
.scmc-shop-count{ color:#8a7259; font-size:14px; }

/* ============ FICHE PRODUIT ============ */
.scmc-gallery__main{ background:var(--sc-cream); border-radius:18px; overflow:hidden; border:1px solid rgba(90,58,34,.1); }
.scmc-gallery__main img{ width:100%; height:auto; display:block; aspect-ratio:1/1; object-fit:cover; }
.scmc-gallery__thumbs{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.scmc-thumb{ width:76px; height:76px; border-radius:10px; overflow:hidden; border:2px solid transparent; background:#fff; padding:0; cursor:pointer; }
.scmc-thumb.is-active{ border-color:var(--sc-gold); }
.scmc-thumb img{ width:100%; height:100%; object-fit:cover; }
.scmc-pdp__price{ font-size:24px; font-weight:700; color:var(--sc-cacao); margin:10px 0 16px; }
.scmc-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.scmc-tag{ background:var(--sc-cream); color:var(--sc-deep); border:1px solid rgba(90,58,34,.15); padding:4px 14px; border-radius:20px; font-size:13px; }
.scmc-variant,.scmc-qty{ border:1px solid rgba(90,58,34,.25); border-radius:10px; padding:10px 12px; font-size:15px; }
.scmc-variant{ min-width:200px; } .scmc-qty{ width:90px; }
.scmc-pdp__meta{ list-style:none; padding:0; } .scmc-pdp__meta li{ padding:6px 0; color:#6f5842; } .scmc-pdp__meta i{ color:var(--sc-gold); margin-right:8px; }

/* ============ FORMULAIRES ============ */
.scmc-form{ background:#fff; border-radius:18px; padding:34px; box-shadow:0 10px 30px rgba(46,26,16,.08); border:1px solid rgba(90,58,34,.08); }
.scmc-form label{ font-weight:600; color:var(--sc-deep); margin-bottom:6px; display:block; }
.scmc-form .form-control,.scmc-form .form-select{ border:1px solid rgba(90,58,34,.2); border-radius:10px; padding:12px 14px; width:100%; margin-bottom:18px; font-size:15px; }
.scmc-form .form-control:focus,.scmc-form .form-select:focus{ border-color:var(--sc-gold); outline:none; box-shadow:0 0 0 3px rgba(198,154,75,.2); }
.scmc-form__msg{ display:none; padding:14px 16px; border-radius:10px; margin-bottom:18px; }
.scmc-form__msg.is-success{ display:block; background:#e8f3e0; color:#3c5c22; border:1px solid #b9d69f; }
.scmc-form__msg.is-error{ display:block; background:#fbe6e6; color:#8a2b2b; border:1px solid #e0a3a3; }
.scmc-required{ color:#b23; }

/* ============ PANIER / COMMANDE ============ */
.scmc-cart-table th{ color:var(--sc-deep); border-bottom:2px solid rgba(90,58,34,.12); }
.scmc-cart-table td{ vertical-align:middle; }
.scmc-summary{ list-style:none; padding:0; } .scmc-summary li{ padding:8px 0; border-bottom:1px dashed rgba(90,58,34,.15); }

/* Toast */
.scmc-toast{ position:fixed; left:50%; bottom:92px; transform:translate(-50%,20px); z-index:1000; background:var(--sc-deep); color:#fff; padding:12px 22px; border-radius:30px; box-shadow:0 10px 24px rgba(0,0,0,.25); opacity:0; transition:all .3s ease; font-size:14px; }
.scmc-toast.is-visible{ opacity:1; transform:translate(-50%,0); }

/* Cartes catégories / valeurs (pages contenu) */
.scmc-card{ background:#fff; border-radius:16px; padding:26px; box-shadow:0 8px 24px rgba(46,26,16,.06); border:1px solid rgba(90,58,34,.08); height:100%; transition:transform .3s ease; }
.scmc-card:hover{ transform:translateY(-6px); }
.scmc-value{ display:flex; gap:16px; align-items:flex-start; }
.scmc-value__icon{ color:var(--sc-gold); font-size:26px; flex:0 0 auto; margin-top:2px; }
.scmc-value__title{ color:var(--sc-deep); font-size:17px; margin-bottom:4px; }
.scmc-faq .accordion-button{ font-weight:600; color:var(--sc-deep); }
.scmc-faq .accordion-button:not(.collapsed){ background:var(--sc-cream); color:var(--sc-deep); box-shadow:none; }
.scmc-faq .accordion-item{ border:1px solid rgba(90,58,34,.12); border-radius:12px; margin-bottom:12px; overflow:hidden; }

/* ============================================================================
   HERO PREMIUM (plein écran, dynamique, animé)
   ========================================================================== */
.scmc-hero2{ position:relative; overflow:hidden; padding:130px 0 110px; color:#fff;
  background:radial-gradient(circle at 80% 25%, #6d4423 0, transparent 46%),
             radial-gradient(circle at 12% 85%, #714d1f 0, transparent 42%),
             linear-gradient(135deg,#200d06 0%, #3a1f11 45%, #52301a 100%); }
.scmc-hero2::before{ content:""; position:absolute; width:640px; height:640px; border-radius:50%; right:-160px; top:-200px;
  background:radial-gradient(circle, rgba(224,185,104,.30), transparent 66%); animation:scmcPulse 9s ease-in-out infinite; pointer-events:none; }
.scmc-hero2::after{ content:""; position:absolute; width:420px; height:420px; border-radius:50%; left:-160px; bottom:-160px;
  background:radial-gradient(circle, rgba(120,80,40,.5), transparent 68%); pointer-events:none; }
.scmc-hero2 .container{ position:relative; z-index:2; }
.scmc-hero2__eyebrow{ color:#E0B968; letter-spacing:3px; text-transform:uppercase; font-weight:700; font-size:13px;
  display:inline-flex; align-items:center; gap:12px; margin-bottom:22px; }
.scmc-hero2__eyebrow::before{ content:""; width:42px; height:2px; background:#E0B968; }
.scmc-hero2 h1{ color:#fff; font-weight:800; font-size:62px; line-height:1.07; margin-bottom:22px; letter-spacing:-1px; }
.scmc-hero2 h1 .g{ background:linear-gradient(90deg,#E0B968,#C69A4B 60%,#f0d9a6); -webkit-background-clip:text; background-clip:text; color:transparent; }
.scmc-hero2 p{ color:rgba(255,255,255,.82); font-size:18px; max-width:520px; margin-bottom:34px; }
.scmc-hero2__btns{ display:flex; flex-wrap:wrap; gap:16px; }
.scmc-hero2__trust{ display:flex; gap:26px; margin-top:40px; flex-wrap:wrap; }
.scmc-hero2__trust span{ display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.8); font-size:14px; }
.scmc-hero2__trust i{ color:#E0B968; font-size:18px; }

.scmc-hero2__media{ position:relative; min-height:500px; }
.scmc-hero2__glow{ position:absolute; inset:8% 12%; border-radius:50%;
  background:radial-gradient(circle, rgba(224,185,104,.40), transparent 70%); filter:blur(12px); animation:scmcPulse 6s ease-in-out infinite; }
.scmc-hero2__ring{ position:absolute; inset:2% 6%; border:2px dashed rgba(224,185,104,.35); border-radius:50%; animation:scmcSpin 40s linear infinite; }
.scmc-hero2__main{ position:relative; z-index:3; width:86%; margin:0 auto; display:block; border-radius:24px;
  box-shadow:0 44px 80px rgba(0,0,0,.5); border:4px solid rgba(224,185,104,.45); animation:scmcFloat 6s ease-in-out infinite; }
.scmc-hero2__badge{ position:absolute; z-index:4; border-radius:50%; object-fit:cover; border:4px solid rgba(255,255,255,.9);
  box-shadow:0 22px 44px rgba(0,0,0,.45); background:#fff; }
.scmc-hero2__badge--1{ width:128px; height:128px; left:-6px; top:26px; animation:scmcFloat 5s ease-in-out infinite; }
.scmc-hero2__badge--2{ width:104px; height:104px; right:-10px; bottom:44px; animation:scmcFloat 7s ease-in-out infinite 1s; }
.scmc-hero2__pill{ position:absolute; z-index:5; left:0; bottom:6px; background:linear-gradient(120deg,#C69A4B,#E0B968);
  color:#2E1A10; font-weight:800; padding:14px 20px; border-radius:16px; box-shadow:0 16px 30px rgba(0,0,0,.35);
  font-size:14px; line-height:1.2; animation:scmcFloat 8s ease-in-out infinite .5s; }
.scmc-hero2__dot{ position:absolute; border-radius:50%; background:rgba(224,185,104,.55); z-index:1; }
.scmc-hero2__dot.d1{ width:14px;height:14px; left:8%; top:12%; animation:scmcFloat 5s ease-in-out infinite; }
.scmc-hero2__dot.d2{ width:9px;height:9px; right:14%; top:8%; animation:scmcFloat 6s ease-in-out infinite .6s; }
.scmc-hero2__dot.d3{ width:12px;height:12px; right:6%; bottom:10%; background:rgba(255,255,255,.4); animation:scmcFloat 7s ease-in-out infinite 1.2s; }
@keyframes scmcFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-18px); } }
@keyframes scmcPulse{ 0%,100%{ transform:scale(1); opacity:.85; } 50%{ transform:scale(1.09); opacity:1; } }
@keyframes scmcSpin{ from{ transform:rotate(0); } to{ transform:rotate(360deg); } }
@media (max-width:991px){ .scmc-hero2{ padding:80px 0; } .scmc-hero2 h1{ font-size:42px; } .scmc-hero2__media{ margin-top:50px; min-height:400px; } }
@media (max-width:575px){ .scmc-hero2 h1{ font-size:33px; } .scmc-hero2__badge--1{ width:92px;height:92px; } .scmc-hero2__badge--2{ width:78px;height:78px; } }

/* ============================================================================
   ANIMATIONS D'APPARITION AU SCROLL (progressive enhancement)
   ========================================================================== */
.scmc-anim .tpsection,
.scmc-anim .scmc-value,
.scmc-anim .scmc-step,
.scmc-anim .tpabout__item,
.scmc-anim .tpbanner__main,
.scmc-anim .scmc-reveal,
.scmc-anim [data-reveal]{ opacity:0; transform:translateY(36px); transition:opacity .7s ease, transform .7s ease; }
.scmc-anim .tpproduct,
.scmc-anim .tpbrandproduct__item,
.scmc-anim .tpblog__item,
.scmc-anim .scmc-card{ opacity:0; transition:opacity .7s ease; }
.scmc-anim .scmc-in{ opacity:1; transform:none; }

/* Bouton : petit shimmer au survol */
.tp-btn,.tp-btn-2,.banner-btn{ position:relative; overflow:hidden; }
.tp-btn::after,.banner-btn::after{ content:""; position:absolute; top:0; left:-120%; width:60%; height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent); transform:skewX(-20deg); transition:left .6s ease; }
.tp-btn:hover::after,.banner-btn:hover::after{ left:130%; }

/* Icônes catégories / valeurs : léger rebond au survol de la carte */
.scmc-card:hover .scmc-value__icon,.tpabout__item:hover .tpabout__icon{ transform:translateY(-4px) scale(1.06); transition:transform .3s ease; }

/* Focus accessibilité */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{ outline:2px solid var(--sc-gold); outline-offset:2px; }
@media (prefers-reduced-motion: reduce){ *{ animation-duration:.001ms!important; transition-duration:.001ms!important; } }

/* Apparition douce des sections */
@media (prefers-reduced-motion: no-preference){
  .scmc-section,.weekly-product-area,.brand-product,.blog-area,.about-area{ }
}