/* ==========================================================================
   ASOUKAA — Design system
   Couleurs, typographie, composants, navigation mobile, bouton WhatsApp.
   Couleur principale : #FF6210
   ========================================================================== */

/* 1. Variables (palette officielle Asoukaa) ------------------------------- */
:root {
	--ask-primary:        #FF6210; /* action, accents */
	--ask-primary-dark:   #E5540A;
	--ask-primary-soft:   #FFF1E9;
	--ask-secondary:      #0E2A47; /* confiance, en-têtes */
	--ask-secondary-dark: #0A1F36;

	--ask-success: #1B9C5D;
	--ask-danger:  #E11D48;
	--ask-warning: #F59E0B;

	--ask-text:    #0F172A; /* texte principal */
	--ask-text-2:  #475569; /* texte secondaire */
	--ask-bg:      #F1F5F9; /* fonds */
	--ask-white:   #FFFFFF;
	--ask-border:  #E2E8F0;

	--ask-radius:    14px;
	--ask-radius-sm: 10px;
	--ask-shadow:    0 6px 24px rgba(15, 23, 42, 0.08);
	--ask-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);

	--ask-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

	/* Hauteur de la barre de navigation mobile (pour décaler le contenu). */
	--ask-bottomnav-h: 64px;
}

/* 2. Base ----------------------------------------------------------------- */
body {
	font-family: var(--ask-font);
	color: var(--ask-text);
	background: var(--ask-bg);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.site-title {
	font-family: var(--ask-font);
	color: var(--ask-secondary);
	font-weight: 700;
	letter-spacing: -0.01em;
}

a {
	color: var(--ask-primary);
}

a:hover {
	color: var(--ask-primary-dark);
}

/* 3. En-tête (bleu nuit = confiance) -------------------------------------- */
.site-header {
	background-color: var(--ask-secondary);
	box-shadow: var(--ask-shadow-sm);
}

.site-header,
.site-header a,
.site-header .site-title a,
.main-navigation ul li a {
	color: var(--ask-white);
}

.site-branding .site-title a:hover {
	color: var(--ask-primary);
}

/* 4. Boutons (hiérarchie claire) ------------------------------------------ */
button,
input[type="button"],
input[type="submit"],
.button,
a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit {
	background-color: var(--ask-primary);
	color: var(--ask-white);
	border-radius: var(--ask-radius-sm);
	font-weight: 600;
	border: none;
	padding: 0.7em 1.4em;
	transition: background-color 0.15s ease, transform 0.05s ease;
}

button:hover,
.button:hover,
a.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--ask-primary-dark);
	color: var(--ask-white);
}

button:active,
.button:active {
	transform: translateY(1px);
}

/* Bouton principal (alt) encore plus marqué. */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce .button.alt {
	background-color: var(--ask-primary);
	color: var(--ask-white);
	box-shadow: 0 4px 14px rgba(255, 98, 16, 0.35);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background-color: var(--ask-primary-dark);
}

/* Bouton secondaire (contour) — classe utilitaire pour Asoukaa. */
.ask-btn-outline {
	background: transparent !important;
	color: var(--ask-secondary) !important;
	border: 1.5px solid var(--ask-border) !important;
}

.ask-btn-outline:hover {
	border-color: var(--ask-secondary) !important;
}

/* 5. Cartes produit homogènes --------------------------------------------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: var(--ask-white);
	border: 1px solid var(--ask-border);
	border-radius: var(--ask-radius);
	padding: 12px;
	box-shadow: var(--ask-shadow-sm);
	transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.woocommerce ul.products li.product:hover {
	box-shadow: var(--ask-shadow);
	transform: translateY(-2px);
}

.woocommerce ul.products li.product .price {
	color: var(--ask-secondary);
	font-weight: 700;
}

/* Prix promo en vert succès. */
.woocommerce ul.products li.product .price ins {
	color: var(--ask-success);
	text-decoration: none;
}

/* 6. Badges --------------------------------------------------------------- */
.ask-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

.ask-badge--verified { background: var(--ask-success); color: #fff; }
.ask-badge--promo    { background: var(--ask-danger);  color: #fff; }
.ask-badge--info     { background: var(--ask-primary-soft); color: var(--ask-primary-dark); }

/* 7. Barre de navigation mobile fixe en bas ------------------------------- */
.asoukaa-bottom-nav {
	display: none; /* masquée sur PC, affichée sur mobile (voir media query). */
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	height: var(--ask-bottomnav-h);
	background: var(--ask-white);
	border-top: 1px solid var(--ask-border);
	box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.08);
	padding-bottom: env(safe-area-inset-bottom); /* iPhone encoche/barre. */
}

.asoukaa-bottom-nav__item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	text-decoration: none;
	color: var(--ask-text-2);
	font-size: 11px;
	font-weight: 600;
	padding: 6px 0;
}

.asoukaa-bottom-nav__item.is-active,
.asoukaa-bottom-nav__item:hover {
	color: var(--ask-primary);
}

.asoukaa-bottom-nav__icon {
	position: relative;
	display: inline-flex;
}

.asoukaa-bottom-nav__icon svg {
	width: 24px;
	height: 24px;
}

.asoukaa-bottom-nav__badge {
	position: absolute;
	top: -6px;
	right: -10px;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	background: var(--ask-primary);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 2px #fff;
}

/* 8. Bouton WhatsApp flottant --------------------------------------------- */
.asoukaa-whatsapp {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 9998;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25D366;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);
	transition: transform 0.15s ease;
}

.asoukaa-whatsapp:hover {
	transform: scale(1.06);
	color: #fff;
}

.asoukaa-whatsapp svg {
	width: 30px;
	height: 30px;
}

/* 9. Responsive : bascule mobile ------------------------------------------ */
@media (max-width: 767px) {
	/* On affiche la barre du bas et on décale le contenu pour ne rien cacher. */
	.asoukaa-bottom-nav {
		display: flex;
	}

	body {
		padding-bottom: calc(var(--ask-bottomnav-h) + env(safe-area-inset-bottom));
	}

	/* On remonte le bouton WhatsApp au-dessus de la barre du bas. */
	.asoukaa-whatsapp {
		bottom: calc(var(--ask-bottomnav-h) + 14px);
	}

	/* Cartes produit : 2 par ligne, bien lisibles sur téléphone. */
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 47% !important;
		margin: 0 1.5% 16px !important;
	}
}

/* 10. Confort de lecture sur grand écran ---------------------------------- */
@media (min-width: 768px) {
	.asoukaa-whatsapp {
		right: 24px;
		bottom: 24px;
	}
}

/* ===================================================================
   Asoukaa — Fiche produit & listes (Phase 2)
   =================================================================== */
.asoukaa-meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:.4rem 0 1rem}
.asoukaa-badge-verified{display:inline-flex;align-items:center;gap:6px;background:#1B9C5D;color:#fff;font-weight:600;font-size:.78rem;padding:4px 10px;border-radius:999px}
.asoukaa-badge-verified::before{content:"\2713";font-weight:800}
.asoukaa-counter{font-size:.85rem;color:#475569;background:#F1F5F9;padding:4px 10px;border-radius:999px}
.asoukaa-counter--sold{color:#0E2A47}
.asoukaa-counter--left{color:#E11D48}
.asoukaa-tiers{margin:1rem 0;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden}
.asoukaa-tiers__title{background:#0E2A47;color:#fff;font-weight:700;padding:.6rem 1rem;font-size:.95rem}
.asoukaa-tiers__table{width:100%;border-collapse:collapse;margin:0}
.asoukaa-tiers__table th,.asoukaa-tiers__table td{padding:.55rem 1rem;text-align:left;border-top:1px solid #EEF2F7;font-size:.92rem}
.asoukaa-tiers__table thead th{background:#F8FAFC;color:#475569;font-weight:600;border-top:0}
.asoukaa-tiers__table td:last-child{font-weight:700;color:#FF6210}
.asoukaa-chat-btn{display:inline-block;margin:.6rem 0 0 .5rem;padding:.7em 1.4em;border-radius:10px;background:#0E2A47;color:#fff !important;font-weight:600;text-decoration:none;transition:filter .15s}
.asoukaa-chat-btn:hover{filter:brightness(1.18)}
.asoukaa-from{color:#475569;font-size:.85em;font-weight:500}
.asoukaa-video{margin:2rem 0}
.asoukaa-video__title{font-size:1.2rem;margin:0 0 .8rem;color:#0E2A47}
.asoukaa-video__player{width:100%;max-width:720px;border-radius:12px;background:#000;display:block}
.asoukaa-video__embed{position:relative;max-width:720px}
.asoukaa-video__embed iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px}

/* ===================================================================
   Asoukaa — Panier en tiroir (Phase 2)
   =================================================================== */
.asoukaa-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);opacity:0;visibility:hidden;transition:opacity .25s;z-index:99998}
.asoukaa-cart-open .asoukaa-drawer-backdrop{opacity:1;visibility:visible}
.asoukaa-cart-drawer{position:fixed;top:0;right:0;height:100%;width:370px;max-width:88vw;background:#fff;box-shadow:-8px 0 30px rgba(15,23,42,.18);transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);z-index:99999;display:flex;flex-direction:column}
.asoukaa-cart-open .asoukaa-cart-drawer{transform:translateX(0)}
.asoukaa-cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:#0E2A47;color:#fff;font-weight:700;font-size:1.05rem}
.asoukaa-cart-drawer__close{background:none;border:0;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;padding:0 .2rem}
.asoukaa-cart-drawer__body{padding:1rem 1.2rem;overflow-y:auto;flex:1}
.asoukaa-cart-drawer__body .woocommerce-mini-cart__empty-message{color:#475569}
.asoukaa-cart-drawer__body .woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}
.asoukaa-cart-drawer__body .woocommerce-mini-cart__buttons .button{display:block;width:100%;text-align:center}
.asoukaa-cart-drawer__body .woocommerce-mini-cart__buttons .checkout{background:#FF6210;color:#fff !important;font-weight:700}
@media (max-width:768px){.asoukaa-cart-drawer{width:340px}.asoukaa-cart-drawer__body{padding-bottom:5rem}}

/* ===================================================================
   Asoukaa — Page d'accueil (Phase 2)
   =================================================================== */
.asoukaa-btn{display:inline-block;padding:.8em 1.6em;border-radius:12px;font-weight:700;text-decoration:none !important;transition:transform .15s,filter .15s}
.asoukaa-btn:hover{transform:translateY(-1px)}
.asoukaa-btn,.asoukaa-btn:hover,.asoukaa-section__more,.asoukaa-section__more:hover,.asoukaa-uni__cta{text-decoration:none !important}
.asoukaa-btn--primary{background:#FF6210;color:#fff !important;box-shadow:0 8px 20px rgba(255,98,16,.35)}
.asoukaa-btn--primary:hover{filter:brightness(1.07)}

/* Hero */
.asoukaa-hero{margin:0 0 1.5rem}
.asoukaa-hero__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:18px}
.asoukaa-hero__track::-webkit-scrollbar{display:none}
.asoukaa-hero__slide{min-width:100%;scroll-snap-align:center;border-radius:18px;min-height:380px;display:flex;align-items:center;padding:2.5rem;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat}
.asoukaa-hero__slide--a{background:linear-gradient(120deg,#0E2A47 0%,#163a61 55%,#FF6210 160%)}
.asoukaa-hero__slide--b{background:linear-gradient(120deg,#FF6210 0%,#d94e08 100%)}
.asoukaa-hero__slide--c{background:linear-gradient(120deg,#0E2A47 0%,#1B9C5D 160%)}
.asoukaa-hero__content{max-width:560px}
.asoukaa-hero__eyebrow{display:inline-block;background:var(--ask-primary);padding:.32em 1em;border-radius:999px;font-size:.78rem;font-weight:700;margin-bottom:.9rem;letter-spacing:.02em}
.asoukaa-hero__title{color:#fff;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.12;margin:0 0 .6rem;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.asoukaa-hero__text{color:rgba(255,255,255,.95);font-size:1.05rem;margin:0 0 1.4rem;text-shadow:0 1px 8px rgba(0,0,0,.3)}

/* Réassurance */
.asoukaa-reassure{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 0 2rem}
.asoukaa-reassure__item{display:flex;align-items:center;gap:.7rem;background:#F1F5F9;border-radius:14px;padding:.9rem 1rem}
.asoukaa-reassure__ico{font-size:1.6rem}
.asoukaa-reassure__item strong{display:block;color:#0E2A47;font-size:.95rem}
.asoukaa-reassure__item span{color:#475569;font-size:.82rem}

/* Sections */
.asoukaa-section{margin:0 0 2.2rem}
.asoukaa-section__head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 1rem}
.asoukaa-section__head h2{margin:0;font-size:1.4rem;color:#0E2A47;font-weight:800}
.asoukaa-section__more{color:#FF6210;font-weight:600;text-decoration:none;font-size:.9rem}

/* Catégories (vignettes premium avec image) */
.asoukaa-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:1rem}
.asoukaa-cat{display:flex;flex-direction:column;background:#fff;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;color:#0F172A;text-decoration:none;box-shadow:var(--ask-shadow-sm);transition:box-shadow .15s,transform .15s}
.asoukaa-cat:hover{box-shadow:var(--ask-shadow);transform:translateY(-3px);color:#0E2A47}
.asoukaa-cat,.asoukaa-cat *{text-decoration:none !important}
.asoukaa-cat__media{position:relative;display:flex;align-items:center;justify-content:center;height:115px;background-size:cover;background-position:center}
.asoukaa-cat__media .asoukaa-cat__ico{font-size:2.6rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.asoukaa-cat__body{padding:.7rem .85rem;display:flex;flex-direction:column;gap:.12rem}
.asoukaa-cat__name{font-weight:700;font-size:.95rem;color:#0E2A47;line-height:1.2}
.asoukaa-cat__count{font-size:.78rem;color:#475569}

/* Rangées produits : panneau blanc arrondi (rythme sur fond gris) */
.asoukaa-prodsec{background:#fff;border:1px solid var(--ask-border);border-radius:18px;padding:1.1rem 1.1rem .6rem;margin:0 0 1.4rem;box-shadow:var(--ask-shadow-sm)}
.asoukaa-prodsec--petits{background:linear-gradient(120deg,#F59E0B,#FF6210);border:0}
.asoukaa-prodsec--petits .asoukaa-section__head h2{color:#fff}
.asoukaa-prodsec--petits .asoukaa-section__more{color:#fff !important;background:rgba(255,255,255,.18);padding:.3em .8em;border-radius:20px}
.asoukaa-prodsec--tendances{background:linear-gradient(120deg,#0E2A47,#1d3a64);border:0}
.asoukaa-prodsec--tendances .asoukaa-section__head h2{color:#fff}
.asoukaa-prodsec--tendances .asoukaa-section__more{color:#fff !important;background:rgba(255,255,255,.18);padding:.3em .8em;border-radius:20px}
.asoukaa-prodsec .asoukaa-carousel__track li.product{box-shadow:0 1px 5px rgba(15,23,42,.06)}
.asoukaa-prodsec .asoukaa-section__head{margin-bottom:.8rem}

/* Vente flash */
.asoukaa-flash{background:linear-gradient(120deg,#2b1055 0%,#5b2bbf 45%,#FF6210 125%);border-radius:18px;padding:1.2rem 1.2rem 1.4rem;margin:0 0 2.2rem;color:#fff;box-shadow:0 10px 26px rgba(43,16,85,.28)}
.asoukaa-flash__head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.asoukaa-flash__title{font-size:1.35rem;font-weight:800}
.asoukaa-flash__timer{display:flex;align-items:center;gap:.5rem;font-size:.85rem}
.asoukaa-flash__lbl{opacity:.9}
.asoukaa-flash__timer .cd{font-weight:700;letter-spacing:.5px}
.asoukaa-flash__timer .cd b{background:rgba(0,0,0,.28);padding:.18em .42em;border-radius:6px;font-variant-numeric:tabular-nums}
.asoukaa-flash__more{margin-left:auto;color:#fff !important;font-weight:700;text-decoration:none !important;background:rgba(255,255,255,.22);padding:.42em .95em;border-radius:9px}
.asoukaa-flash__more:hover{background:rgba(255,255,255,.34)}
.asoukaa-flash .asoukaa-carousel__track{padding-bottom:.2rem}
@media(max-width:767px){
  .asoukaa-flash__title{font-size:1.15rem}
  .asoukaa-flash__more{margin-left:0}
  .asoukaa-flash__head{gap:.6rem}
}

/* Cartes produit : badges + étoiles */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{position:relative}
.asoukaa-badges{position:absolute;top:10px;left:10px;z-index:3;display:flex;flex-direction:column;gap:5px;pointer-events:none}
.asoukaa-badge2{font-size:.7rem;font-weight:800;padding:.2em .5em;border-radius:6px;color:#fff;width:max-content;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.asoukaa-badge2--promo{background:#E11D48}
.asoukaa-badge2--new{background:#1B9C5D}
.asoukaa-stars{display:inline-flex;align-items:center;gap:1px;font-size:.9rem;line-height:1;margin:.25rem 0}
.asoukaa-stars i{color:#e2e8f0;font-style:normal}
.asoukaa-stars i.on{color:#F59E0B}
.asoukaa-stars__c{color:#94a3b8;font-size:.72rem;margin-left:5px}

/* Carrousel produits */
.asoukaa-carousel{position:relative}
.asoukaa-carousel__track{list-style:none;display:flex !important;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0;padding:.2rem;scrollbar-width:none;-ms-overflow-style:none}
.asoukaa-carousel__track::-webkit-scrollbar{display:none;height:0}
.asoukaa-carousel__track li.product{min-width:210px;max-width:210px;float:none !important;margin:0 !important;scroll-snap-align:start;clear:none !important;background:#fff;border:1px solid #EEF2F7;border-radius:14px;padding:.7rem}
.asoukaa-carousel__track li.product img{border-radius:10px}
.asoukaa-carousel__track li.product::before,.asoukaa-carousel__track li.product::after{display:none !important}

/* Responsive */
@media (max-width:768px){
  .asoukaa-reassure{grid-template-columns:repeat(2,1fr)}
  .asoukaa-hero__slide{min-height:300px;padding:1.6rem}
  .asoukaa-hero__content{max-width:100%}
  .asoukaa-section__head h2{font-size:1.2rem}
  .asoukaa-carousel__track li.product{min-width:160px;max-width:160px}
}

/* ===================================================================
   Asoukaa — En-tête premium (logo, recherche, compte, panier, nav)
   =================================================================== */
/* Page d'accueil : on masque le titre de page « Accueil » (look premium). */
.home .entry-header,.home .page-title,.home h1.entry-title,.page-template-default.home .entry-title{display:none !important}
.home .content-area,.home #primary,.home .entry-content{margin-top:0 !important;padding-top:0 !important}

/* Marges resserrées sur l'accueil (haut + côtés), PC et mobile. */
html{overflow-x:clip}
.site-header{margin-bottom:0 !important}
.home #content.site-content{padding-top:26px !important}
.home #content.site-content .col-full{max-width:1200px;padding-left:16px;padding-right:16px}

/* Catégories : grille 2 colonnes + 6 max sur mobile, reste via « Voir tout ». */
.asoukaa-cats__all{display:block;width:max-content;max-width:100%;margin:16px auto 0;text-align:center;background:#fff;border:1px solid var(--ask-border);border-radius:12px;padding:.7em 1.4em;font-weight:700;color:var(--ask-secondary) !important;text-decoration:none !important}
.asoukaa-cats__all:hover{border-color:var(--ask-primary);color:var(--ask-primary) !important}
@media(max-width:767px){
  .home #content.site-content{padding-top:6px !important}
  .home #content.site-content .col-full{margin-left:0 !important;margin-right:0 !important;max-width:100% !important;width:100% !important;padding-left:10px !important;padding-right:10px !important}
  .home #content.site-content .site-main,.home #content.site-content .content-area,.home #content.site-content .entry-content{padding:0 !important;margin:0 !important}
  .asoukaa-cats{grid-template-columns:repeat(2,1fr) !important;gap:.7rem}
  .asoukaa-cats .asoukaa-cat:nth-child(n+7){display:none}
  .asoukaa-cat__media{height:100px}
  .asoukaa-cat__body{padding:.5rem .6rem}
  .asoukaa-cat__name{font-size:.85rem;line-height:1.15}
  .asoukaa-cats__all{display:block}
}

/* Footer Storefront par défaut masqué : on utilise le footer Asoukaa. */
.site-footer{display:none !important}

/* Bande d'annonce. */
.asoukaa-topbar{background:var(--ask-secondary-dark);color:#cbd5e1}
.asoukaa-topbar__inner{max-width:1200px;margin:0 auto;display:flex;justify-content:center;padding:.42rem 16px;font-size:.78rem}
.asoukaa-topbar__inner span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.site-header{padding:0 !important;background:var(--ask-secondary);position:sticky;top:0;z-index:9990}
.site-header .col-full{max-width:100% !important;width:100% !important;margin:0 !important;padding:0 !important}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}

.asoukaa-header{width:100%}
/* Barre : pastilles Compte + Panier à gauche, logo à droite. */
.asoukaa-header__bar{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 16px}
.asoukaa-header__actions{display:flex;align-items:center;gap:.5rem}
.asoukaa-header__brand{display:flex;align-items:center}
.asoukaa-logo{text-decoration:none;display:inline-flex;align-items:center}
.asoukaa-logo__word{font-size:1.7rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.asoukaa-logo__accent{color:var(--ask-primary)}
.asoukaa-logo img{max-height:42px;width:auto}

/* Pastilles compte + panier */
.asoukaa-headicon,.asoukaa-cart-link{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.12);color:#fff !important;text-decoration:none;padding:.5rem .85rem;border-radius:22px;font-size:.82rem;font-weight:600;transition:background .15s}
.asoukaa-headicon:hover,.asoukaa-cart-link:hover{background:rgba(255,255,255,.22)}
.asoukaa-headicon svg,.asoukaa-cart-link svg{width:18px;height:18px;flex:0 0 auto}
.asoukaa-headicon__txt,.asoukaa-cart-link__txt{display:flex;flex-direction:column;line-height:1.1}
.asoukaa-cart-link__lbl{font-weight:600}
.asoukaa-cart-link__amt{color:#ffd9c2;font-weight:700;font-size:.72rem}
.asoukaa-cart-link__ico{position:relative;display:inline-flex}
.asoukaa-cart-link__badge{position:absolute;top:-8px;right:-10px;min-width:16px;height:16px;padding:0 4px;background:var(--ask-primary);color:#fff;font-size:10px;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--ask-secondary)}

/* Recherche pleine largeur */
.asoukaa-header__search{max-width:1200px;margin:0 auto;padding:0 16px .7rem}
.asoukaa-search{display:flex;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.18)}
.asoukaa-search__input{flex:1;min-width:0;border:0;padding:.78rem 1rem;font-size:.95rem;outline:none;color:#0F172A;background:#fff}
.asoukaa-search__btn{display:flex;align-items:center;gap:.45rem;border:0;background:var(--ask-primary);color:#fff;padding:0 1.3rem;font-weight:700;cursor:pointer;transition:background .15s}
.asoukaa-search__btn:hover{background:var(--ask-primary-dark)}

/* Chips de navigation rapide */
.asoukaa-chips{background:var(--ask-secondary-dark);border-top:1px solid rgba(255,255,255,.07)}
.asoukaa-chips__in{max-width:1200px;margin:0 auto;display:flex;gap:6px;overflow-x:auto;padding:.5rem 16px;scrollbar-width:none}
.asoukaa-chips__in::-webkit-scrollbar{display:none}
.asoukaa-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.1);color:#cbd5e1 !important;border-radius:20px;padding:7px 13px;font-size:12.5px;font-weight:600;white-space:nowrap;text-decoration:none;transition:background .15s,color .15s}
.asoukaa-chip:hover{background:rgba(255,255,255,.2);color:#fff !important}
.asoukaa-chip.is-active{background:var(--ask-primary);color:#fff !important}

@media(max-width:767px){
  .asoukaa-logo__word{font-size:1.5rem}
  .asoukaa-search__btn span{display:none}
  .asoukaa-search__btn{padding:0 1.1rem}
}
@media(max-width:400px){
  .asoukaa-cart-link__amt{display:none}
  .asoukaa-headicon,.asoukaa-cart-link{padding:.45rem .7rem;font-size:.78rem}
}

/* ===================================================================
   Asoukaa — Accueil : univers, hero dots, promo, pourquoi, icônes cat.
   =================================================================== */
/* Cartes Univers */
.asoukaa-universes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 2rem}
.asoukaa-uni{position:relative;display:flex;flex-direction:column;gap:.4rem;padding:1.5rem;border-radius:18px;text-decoration:none;color:#fff;overflow:hidden;min-height:170px;box-shadow:var(--ask-shadow-sm);transition:transform .15s,box-shadow .15s}
.asoukaa-uni,.asoukaa-uni *{text-decoration:none !important}
.asoukaa-uni:hover{transform:translateY(-3px);box-shadow:var(--ask-shadow);color:#fff}
.asoukaa-uni:hover .asoukaa-uni__cta{text-decoration:none}
.asoukaa-uni--shop{background:linear-gradient(135deg,#FF6210,#d94e08)}
.asoukaa-uni--library{background:linear-gradient(135deg,#0E2A47,#1B9C5D)}
.asoukaa-uni--china{background:linear-gradient(135deg,#0E2A47,#163a61)}
.asoukaa-uni__ico{font-size:2rem}
.asoukaa-uni__title{font-size:1.25rem;font-weight:800}
.asoukaa-uni__text{font-size:.9rem;color:rgba(255,255,255,.92);flex:1}
.asoukaa-uni__cta{font-weight:700;font-size:.9rem;margin-top:.2rem}

/* Hero : points de navigation */
.asoukaa-hero{position:relative}
.asoukaa-hero__dots{display:flex;justify-content:center;gap:8px;margin-top:.8rem}
.asoukaa-hero__dot{width:9px;height:9px;border-radius:999px;border:0;background:#cbd5e1;cursor:pointer;padding:0;transition:width .2s,background .2s}
.asoukaa-hero__dot.is-active{width:26px;background:var(--ask-primary)}

/* Bande promo */
.asoukaa-promo{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;background:linear-gradient(120deg,#0E2A47,#163a61);border-radius:18px;padding:1.8rem 2rem;margin:0 0 2.2rem;color:#fff}
.asoukaa-promo__eyebrow{display:inline-block;background:rgba(255,255,255,.15);padding:.25em .8em;border-radius:999px;font-size:.78rem;font-weight:700;margin-bottom:.5rem}
.asoukaa-promo__title{color:#fff;font-size:clamp(1.3rem,3vw,1.9rem);margin:0 0 .3rem;font-weight:800}
.asoukaa-promo__text{color:rgba(255,255,255,.9);margin:0}
.asoukaa-btn--light{background:#fff;color:var(--ask-secondary) !important;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.asoukaa-btn--light:hover{filter:brightness(.96)}

/* Pourquoi Asoukaa — panneau sombre premium */
.asoukaa-why{background:linear-gradient(135deg,#0E2A47 0%,#0A1F36 100%);border-radius:18px;padding:1.7rem 1.5rem;margin:0 0 1.6rem;position:relative;overflow:hidden}
.asoukaa-why::before{content:"";position:absolute;top:-45%;right:-8%;width:280px;height:280px;background:radial-gradient(circle,rgba(255,98,16,.28),transparent 70%);pointer-events:none}
.asoukaa-why .asoukaa-section__head h2{color:#fff}
.asoukaa-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative}
.asoukaa-why__item{display:flex;flex-direction:column;gap:.45rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.3rem 1.2rem;transition:transform .15s,background .15s}
.asoukaa-why__item:hover{transform:translateY(-3px);background:rgba(255,255,255,.1)}
.asoukaa-why__ico{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--c,#FF6210);color:#fff;margin-bottom:.3rem;box-shadow:0 6px 16px color-mix(in srgb,var(--c,#FF6210) 45%,transparent)}
.asoukaa-why__item strong{color:#fff;font-size:1.02rem}
.asoukaa-why__item span{color:#94a3b8;font-size:.86rem;line-height:1.45}

@media(max-width:768px){
  /* Univers compacts : 3 tuiles côte à côte (icône + titre), pas 3 bannières. */
  .asoukaa-universes{grid-template-columns:repeat(3,1fr);gap:.5rem}
  .asoukaa-uni{min-height:auto;padding:.9rem .5rem;text-align:center;align-items:center;gap:.25rem;border-radius:14px}
  .asoukaa-uni__ico{font-size:1.7rem}
  .asoukaa-uni__title{font-size:.82rem;line-height:1.1}
  .asoukaa-uni__text,.asoukaa-uni__cta{display:none}
  .asoukaa-why__grid{grid-template-columns:repeat(2,1fr)}
  .asoukaa-promo{padding:1.4rem 1.4rem}
}

/* ===================================================================
   Asoukaa — Page Boutique (archive) & Fiche produit
   =================================================================== */
/* En-tête de la boutique / catégorie produit */
.woocommerce-products-header{background:linear-gradient(120deg,#0E2A47,#163a61);border-radius:16px;padding:1.3rem 1.5rem;margin:0 0 1.3rem;box-shadow:var(--ask-shadow-sm)}
.woocommerce-products-header__title{color:#fff !important;margin:0;font-size:clamp(1.4rem,3vw,1.8rem)}
.woocommerce-products-header .term-description{color:rgba(255,255,255,.85);margin:.4rem 0 0;font-size:.92rem}

/* Barre tri + nombre de résultats */
.woocommerce .woocommerce-result-count{color:var(--ask-text-2);font-size:.9rem;margin:.2rem 0 1rem}
.woocommerce .woocommerce-ordering{margin:0 0 1rem}
.woocommerce-ordering select,.woocommerce select.orderby{padding:.55em 2.2em .55em .9em;border:1px solid var(--ask-border);border-radius:9px;background-color:#fff;font-weight:600;color:var(--ask-secondary)}

/* Grille produits responsive (archive uniquement, pas les carrousels d'accueil) */
.woocommerce ul.products:not(.asoukaa-carousel__track){display:grid !important;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1.1rem;margin:0}
.woocommerce ul.products:not(.asoukaa-carousel__track)::before,.woocommerce ul.products:not(.asoukaa-carousel__track)::after{content:none !important;display:none !important}
.woocommerce ul.products:not(.asoukaa-carousel__track) li.product{width:auto !important;margin:0 !important;float:none !important;clear:none !important}
@media(max-width:480px){
  .woocommerce ul.products:not(.asoukaa-carousel__track){grid-template-columns:repeat(2,1fr);gap:.7rem}
}

/* Fiche produit : pleine largeur (sans sidebar vide) + finitions */
.single-product #secondary{display:none}
.single-product .content-area,.single-product #primary{width:100% !important;float:none !important;margin:0 !important}
.single-product div.product .woocommerce-product-gallery img{border-radius:14px}
.single-product div.product .summary .price{color:var(--ask-secondary);font-weight:800}
.single-product div.product .summary .price ins{color:var(--ask-success)}
.single-product div.product form.cart .button{padding:.9em 1.8em;font-size:1.02rem}
.single-product .woocommerce-tabs ul.tabs{padding-left:0}
.single-product .related.products>h2,.single-product .up-sells>h2{color:var(--ask-secondary);font-weight:800}

/* ===================================================================
   Asoukaa — Accueil v2 : hero « N°1 », catégories icônes, bannières
   =================================================================== */
/* Hero v2 */
.asoukaa-hero2{background:radial-gradient(130% 130% at 70% 0%,#3b1d63 0%,#1b1340 32%,var(--ask-secondary) 58%,#7a2f10 100%);border-radius:18px;margin:0 0 1.4rem;color:#fff;text-align:center;overflow:hidden}
.asoukaa-hero2__in{max-width:680px;margin:0 auto;padding:2.6rem 1.4rem 2.2rem}
.asoukaa-hero2__title{color:#fff;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;line-height:1.12;margin:0 0 .8rem}
.asoukaa-hero2__title span{color:var(--ask-primary)}
.asoukaa-hero2__sub{color:#dbe2ea;font-size:1.02rem;line-height:1.55;margin:0 auto 1.5rem;max-width:560px}
.asoukaa-hero2__cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;max-width:480px;margin:0 auto}
.asoukaa-hero2__cta .asoukaa-btn{border-radius:30px;padding:.95em 1.6em;flex:1 1 200px}
.asoukaa-hero2__ghost{background:transparent;color:#fff !important;border:1.5px solid rgba(255,255,255,.5)}
.asoukaa-hero2__ghost:hover{background:rgba(255,255,255,.12)}
.asoukaa-hero2__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:520px;margin:1.9rem auto 0}
.asoukaa-hero2__stat b{display:block;color:var(--ask-primary);font-size:clamp(1.3rem,4.5vw,1.8rem);font-weight:800}
.asoukaa-hero2__stat span{color:#cbd5e1;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}

/* Catégories à icônes */
.asoukaa-cats2{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem}
.asoukaa-cat2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:#fff;border:1px solid var(--ask-border);border-radius:16px;padding:1.1rem .5rem;text-decoration:none !important;box-shadow:var(--ask-shadow-sm);transition:transform .15s,box-shadow .15s}
.asoukaa-cat2:hover{transform:translateY(-3px);box-shadow:var(--ask-shadow)}
.asoukaa-cat2__i{font-size:2rem;line-height:1}
.asoukaa-cat2__l{font-size:.82rem;font-weight:600;color:var(--ask-secondary);text-align:center;line-height:1.15}
@media(max-width:767px){
  .asoukaa-cats2{grid-template-columns:repeat(4,1fr);gap:.5rem}
  .asoukaa-cat2{padding:.9rem .3rem;border-radius:14px;gap:.4rem}
  .asoukaa-cat2__i{font-size:1.7rem}
  .asoukaa-cat2__l{font-size:.68rem}
}

/* Bannières Chine + Vendeur */
.asoukaa-banns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 2rem}
.asoukaa-bann{position:relative;overflow:hidden;border-radius:18px;padding:1.6rem;color:#fff;text-decoration:none !important;box-shadow:var(--ask-shadow-sm);transition:transform .15s,box-shadow .15s}
.asoukaa-bann:hover{transform:translateY(-2px);box-shadow:var(--ask-shadow);color:#fff}
.asoukaa-bann--china{background:linear-gradient(120deg,var(--ask-secondary),#243b66)}
.asoukaa-bann--vendor{background:linear-gradient(120deg,#c0392b,var(--ask-primary))}
.asoukaa-bann h3{color:#fff;font-size:1.2rem;font-weight:800;margin:0 0 .4rem}
.asoukaa-bann p{font-size:.9rem;opacity:.92;margin:0 0 1rem;max-width:82%;line-height:1.45}
.asoukaa-bann__b{display:inline-block;background:var(--ask-primary);color:#fff;border-radius:24px;padding:.6em 1.1em;font-weight:700;font-size:.85rem}
.asoukaa-bann--vendor .asoukaa-bann__b{background:#fff;color:#c0392b}
.asoukaa-bann__deco{position:absolute;right:-6px;bottom:-14px;font-size:6rem;opacity:.16;pointer-events:none;line-height:1}
@media(max-width:767px){.asoukaa-banns{grid-template-columns:1fr}}

/* ===================================================================
   Asoukaa — Boutique : barre filtres, chips actifs, tiroir de filtres
   =================================================================== */
.asoukaa-shopbar{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:0 0 .9rem}
.asoukaa-filterbtn{display:inline-flex;align-items:center;gap:.45rem;background:var(--ask-secondary);color:#fff;border:0;border-radius:10px;padding:.6em 1em;font-weight:700;font-size:.92rem;cursor:pointer}
.asoukaa-filterbtn:hover{background:var(--ask-secondary-dark)}
.woocommerce .asoukaa-shopbar .woocommerce-result-count{margin:0 auto 0 0;font-size:.88rem;color:var(--ask-text-2)}
.woocommerce .asoukaa-shopbar .woocommerce-ordering{margin:0}
.asoukaa-fchips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.asoukaa-fchip{display:inline-flex;align-items:center;gap:5px;background:#FFF1E8;border:1px solid var(--ask-primary);color:var(--ask-primary-dark) !important;border-radius:20px;padding:.3em .8em;font-size:.8rem;font-weight:700;text-decoration:none}
.asoukaa-fchip--clear{background:#fff;border-color:var(--ask-border);color:var(--ask-text-2) !important}

/* Tiroir */
.asoukaa-fdrawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);opacity:0;visibility:hidden;transition:opacity .25s;z-index:99998}
.asoukaa-filter-open .asoukaa-fdrawer-backdrop{opacity:1;visibility:visible}
.asoukaa-fdrawer{position:fixed;top:0;left:0;height:100%;width:340px;max-width:88vw;background:#fff;box-shadow:8px 0 30px rgba(15,23,42,.18);transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);z-index:99999;display:flex;flex-direction:column}
.asoukaa-filter-open .asoukaa-fdrawer{transform:translateX(0)}
.asoukaa-fdrawer__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:var(--ask-secondary);color:#fff;font-weight:700}
.asoukaa-fdrawer__close{background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.asoukaa-fdrawer__body{padding:.3rem 0 1rem;overflow-y:auto;flex:1}
.asoukaa-fgrp{padding:.9rem 1.2rem;border-bottom:1px solid #eef2f7}
.asoukaa-fgrp b{display:block;font-size:.92rem;color:var(--ask-secondary);margin-bottom:.6rem}
.asoukaa-fcats{display:flex;flex-wrap:wrap;gap:.4rem}
.asoukaa-fcatlink{font-size:.82rem;background:#F1F5F9;border:1px solid var(--ask-border);border-radius:18px;padding:.35em .8em;color:var(--ask-secondary) !important;text-decoration:none}
.asoukaa-fcatlink:hover,.asoukaa-fcatlink.is-active{background:var(--ask-primary);color:#fff !important;border-color:var(--ask-primary)}
.asoukaa-frange{display:flex;gap:.5rem}
.asoukaa-frange input{flex:1;min-width:0;border:1px solid var(--ask-border);border-radius:9px;padding:.55em .7em;font-size:.9rem}
.asoukaa-fopt{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--ask-text-2);margin:.35rem 0}
.asoukaa-fopt input{accent-color:var(--ask-primary);width:16px;height:16px}
.asoukaa-fact{display:flex;gap:.6rem;padding:1rem 1.2rem}
.asoukaa-fact__rz{flex:1;text-align:center;border:1px solid var(--ask-border);border-radius:10px;padding:.7em;font-weight:700;color:var(--ask-secondary) !important;text-decoration:none}
.asoukaa-fact__ap{flex:1.4;border:0;border-radius:10px;padding:.7em;font-weight:800;background:var(--ask-primary);color:#fff;cursor:pointer}
@media(min-width:1024px){.asoukaa-fdrawer{width:360px}}

/* ===================================================================
   Asoukaa — Fiche produit premium : Acheter maintenant, confiance, -%
   =================================================================== */
.single-product div.product form.cart{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1rem}
.single-product div.product form.cart .quantity{margin:0}
.single-product div.product form.cart .single_add_to_cart_button{flex:1 1 160px}
.asoukaa-buynow{flex:1 1 160px;background:var(--ask-secondary) !important;color:#fff !important}
.asoukaa-buynow:hover{background:var(--ask-secondary-dark) !important}
.asoukaa-ptrust{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:1rem 0;border:1px solid var(--ask-border);border-radius:12px;padding:.85rem 1rem;background:#F8FAFC}
.asoukaa-ptrust__i{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--ask-text-2);font-weight:600}
.asoukaa-ptrust__i span{font-size:1.1rem}
.woocommerce span.onsale.asoukaa-onsale,.woocommerce-page span.onsale.asoukaa-onsale{background:var(--ask-danger);color:#fff;border-radius:8px;padding:.15em .5em;font-weight:800;min-height:0;min-width:0;line-height:1.5;font-size:.82rem}

/* ===================================================================
   Asoukaa — Bannières pleine largeur + tri unique + titres centrés
   =================================================================== */
/* Bannières edge-to-edge (l'anti-débordement html{overflow-x:clip} évite le scroll). */
.asoukaa-hero2,.woocommerce-products-header{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;border-radius:0 !important}
.woocommerce-products-header{text-align:center;padding:2.2rem 1rem}
.woocommerce-products-header__title{text-align:center}

/* Tri + résultats dans la barre de filtres (défauts retirés en PHP). */
.asoukaa-shopbar .woocommerce-result-count{margin:0 auto 0 0;font-size:.88rem;color:var(--ask-text-2)}
.asoukaa-shopbar .woocommerce-ordering{margin:0}

/* Masquer le tri/résultats par défaut de Storefront (le mien est au-dessus). */
.storefront-sorting{display:none !important}

/* Un seul tri/résultats : uniquement ceux de la barre de filtres Asoukaa. */
.woocommerce-result-count,.woocommerce-ordering{display:none !important}
.asoukaa-shopbar .woocommerce-result-count{display:block !important;margin:0 auto 0 0;font-size:.88rem;color:var(--ask-text-2)}
.asoukaa-shopbar .woocommerce-ordering{display:block !important;margin:0}