:root{
  --cm-violet:#5B2D8E;
  --cm-violet-light:#7B4DB8;
  --cm-violet-dark:#271144;
  --cm-green:#7AC143;
  --cm-green-dark:#579B2B;
  --cm-red:#E63946;
  --cm-yellow:#FFD166;
  --cm-cream:#FDF8FF;
  --cm-soft:#F4F0FA;
  --cm-ink:#170927;
  --cm-text:#4A3264;
  --cm-white:#fff;
  --cm-gradient:linear-gradient(135deg,#5B2D8E,#7B4DB8);
  --cm-gradient-green:linear-gradient(135deg,#7AC143,#579B2B);
}

*{box-sizing:border-box}
body.coolme-premium-body{
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--cm-white);
  color:var(--cm-ink);
  overflow-x:hidden;
}
body.coolme-premium-body a{color:inherit}
.coolme-header{
  position:sticky;top:0;z-index:99;
  background:rgba(39,17,68,.95);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(122,193,67,.22);
}
.coolme-header-inner{
  max-width:1240px;margin:auto;padding:13px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:22px;
}
.coolme-logo,.custom-logo-link{
  display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;
}
.custom-logo{max-height:54px;width:auto}
.coolme-logo-mark{
  width:38px;height:38px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--cm-green);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 2px rgba(122,193,67,.35);
}
.coolme-logo-text{font-weight:800;font-size:1.25rem;color:var(--cm-green);letter-spacing:-.04em}
.coolme-logo-text span{color:#fff;font-weight:400}
.coolme-nav{display:flex;align-items:center;gap:22px}
.coolme-nav a,.coolme-wp-menu a{
  color:rgba(255,255,255,.72);font-size:.76rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:.25s;
}
.coolme-nav a:hover,.coolme-wp-menu a:hover{color:#fff}
.coolme-wp-menu{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.coolme-header-actions{display:flex;align-items:center;gap:10px}
.coolme-cart-link,.coolme-order-link{
  border-radius:999px;text-decoration:none;font-size:.78rem;font-weight:800;
  padding:10px 17px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
}
.coolme-cart-link{border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.05)}
.coolme-cart-count{background:var(--cm-green);color:#fff;border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem}
.coolme-order-link{background:var(--cm-gradient-green);color:#fff;box-shadow:0 8px 22px rgba(122,193,67,.32)}
.coolme-menu-toggle{display:none;background:transparent;color:#fff;border:0;font-size:1.5rem}

.coolme-page{background:var(--cm-white)}
.coolme-hero{
  min-height:92vh;position:relative;overflow:hidden;
  display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;
  padding:120px max(24px,calc((100vw - 1240px)/2)) 76px;
}
.coolme-hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 78% 32%,rgba(122,193,67,.22),transparent 28%),
    linear-gradient(112deg,rgba(39,17,68,.97) 0%,rgba(91,45,142,.92) 46%,rgba(91,45,142,.65) 100%),
    url("https://images.unsplash.com/photo-1464965911861-746a04b4bca6?w=1800&q=80") center/cover;
}
.coolme-hero-content,.coolme-hero-visual{position:relative;z-index:1}
.coolme-kicker,.coolme-tag{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--cm-green);font-weight:800;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;
}
.coolme-kicker{padding:8px 16px;background:rgba(122,193,67,.13);border:1px solid rgba(122,193,67,.32);border-radius:999px;margin-bottom:22px}
.coolme-hero h1{
  font-family:"Playfair Display",serif;color:#fff;font-size:clamp(3.2rem,7vw,6.4rem);
  line-height:.96;margin:0;letter-spacing:-.06em;
}
.coolme-hero h1 span{font-style:italic;color:var(--cm-yellow)}
.coolme-slogan{color:var(--cm-green);font-size:1.08rem;font-weight:900;margin:18px 0 0}
.coolme-lead{max-width:580px;color:rgba(255,255,255,.72);font-size:1rem;line-height:1.8;margin:18px 0 0}
.coolme-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.coolme-btn{
  border-radius:999px;padding:15px 28px;text-decoration:none;font-size:.86rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center;transition:.25s;border:0;
}
.coolme-btn:hover{transform:translateY(-3px)}
.coolme-btn-primary{background:var(--cm-gradient-green);color:#fff;box-shadow:0 14px 34px rgba(122,193,67,.32)}
.coolme-btn-ghost{color:#fff;border:1.5px solid rgba(255,255,255,.24);background:rgba(255,255,255,.04)}
.coolme-btn-ghost-dark{color:var(--cm-violet);border:1.5px solid rgba(91,45,142,.18);background:#fff}
.coolme-proof{
  margin-top:38px;display:grid;grid-template-columns:repeat(4,1fr);max-width:660px;
  border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.07);
}
.coolme-proof div{padding:18px 14px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.coolme-proof div:last-child{border-right:0}
.coolme-proof strong{display:block;color:var(--cm-green);font-size:1.22rem}
.coolme-proof span{display:block;color:rgba(255,255,255,.55);font-size:.68rem;margin-top:4px}
.coolme-proof-note{display:block;color:rgba(255,255,255,.42);margin-top:9px}
.coolme-hero-visual{min-height:520px;display:grid;place-items:center}
.coolme-fruit-orbit{
  width:min(430px,82vw);height:min(430px,82vw);border-radius:50%;
  display:grid;place-items:center;background:radial-gradient(circle,rgba(122,193,67,.18),rgba(255,255,255,.06) 58%,rgba(255,255,255,.02));
  border:1px solid rgba(122,193,67,.25);box-shadow:0 0 90px rgba(122,193,67,.13);
  animation:coolmeFloat 7s ease-in-out infinite;
}
.coolme-fruit-orbit span{position:absolute;font-size:5rem;filter:drop-shadow(0 16px 22px rgba(0,0,0,.25))}
.coolme-fruit-orbit span:nth-child(1){font-size:9rem}
.coolme-fruit-orbit span:nth-child(2){transform:translate(150px,-115px);font-size:4.4rem}
.coolme-fruit-orbit span:nth-child(3){transform:translate(-150px,105px);font-size:4rem}
.coolme-fruit-orbit span:nth-child(4){transform:translate(130px,130px);font-size:4.3rem}
.coolme-floating-card{
  position:absolute;background:#fff;border-radius:20px;padding:16px 18px;color:var(--cm-violet-dark);font-size:.78rem;box-shadow:0 18px 40px rgba(0,0,0,.18)
}
.coolme-floating-card b{color:var(--cm-green-dark);font-size:1rem}
.coolme-floating-card-one{left:4%;top:22%}
.coolme-floating-card-two{right:5%;bottom:24%}
@keyframes coolmeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}

.coolme-steps{
  max-width:1240px;margin:-34px auto 0;position:relative;z-index:4;
  background:#fff;border-radius:28px;box-shadow:0 16px 54px rgba(39,17,68,.14);
  display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(91,45,142,.08);
}
.coolme-steps div{padding:28px;border-right:1px solid rgba(91,45,142,.08)}
.coolme-steps div:last-child{border-right:0}
.coolme-steps span{display:block;font-size:.72rem;color:var(--cm-green);font-weight:900;letter-spacing:.16em}
.coolme-steps strong{display:block;margin-top:8px;color:var(--cm-violet);font-family:"Playfair Display",serif;font-size:1.25rem}
.coolme-steps p{margin:8px 0 0;color:var(--cm-text);line-height:1.55;font-size:.84rem}

.coolme-section{
  max-width:1240px;margin:auto;padding:105px 24px;
}
.coolme-story{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}
.coolme-image-card{position:relative;border-radius:34px;overflow:hidden;box-shadow:0 20px 60px rgba(39,17,68,.12)}
.coolme-image-card img{width:100%;height:520px;object-fit:cover;display:block}
.coolme-image-card span{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.92);border-radius:18px;padding:14px 18px;color:var(--cm-violet);font-weight:900}
.coolme-section-text h2,.coolme-section-head h2,.coolme-pro h2,.coolme-service h2{
  font-family:"Playfair Display",serif;color:var(--cm-ink);font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:12px 0 0;
}
.coolme-section-text p,.coolme-section-head p,.coolme-pro p,.coolme-service p{
  color:var(--cm-text);line-height:1.78;font-size:.98rem
}
.coolme-signature{margin-top:22px;border-left:4px solid var(--cm-green);padding-left:18px}
.coolme-signature strong{display:block;color:var(--cm-violet);font-size:1.3rem}
.coolme-signature span{color:var(--cm-text);font-style:italic}

.coolme-values{max-width:none;background:var(--cm-violet-dark);padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2))}
.coolme-values .coolme-section-head h2{color:#fff}
.coolme-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.coolme-values-grid article,.coolme-pro-cards article,.coolme-recipes-grid article{
  border-radius:24px;padding:28px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06)
}
.coolme-values-grid span,.coolme-pro-cards span,.coolme-recipes-grid span{font-size:2rem}
.coolme-values-grid h3,.coolme-pro-cards h3,.coolme-recipes-grid h3{font-size:1rem;color:var(--cm-green);margin:16px 0 8px}
.coolme-values-grid p,.coolme-pro-cards p{color:rgba(255,255,255,.58);line-height:1.65;font-size:.84rem}

.coolme-products{max-width:none;background:var(--cm-soft);padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2))}
.coolme-products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.coolme-tabs{display:flex;gap:10px;flex-shrink:0}
.coolme-tab{border:1px solid rgba(91,45,142,.15);border-radius:14px;padding:12px 22px;background:#fff;color:var(--cm-violet);font-weight:900;cursor:pointer}
.coolme-tab.active{background:var(--cm-gradient);color:#fff}
.coolme-tab-panel{display:none;margin-top:34px}
.coolme-tab-panel.active{display:block}
.coolme-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.coolme-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 8px 28px rgba(39,17,68,.08);border:1px solid rgba(91,45,142,.08);transition:.3s}
.coolme-card:hover{transform:translateY(-8px);box-shadow:0 18px 44px rgba(39,17,68,.13)}
.coolme-card-media{position:relative;display:block;height:230px;overflow:hidden;text-decoration:none}
.coolme-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}
.coolme-card:hover .coolme-card-media img{transform:scale(1.06)}
.coolme-card-badge{position:absolute;top:14px;left:14px;z-index:1;background:var(--cm-gradient-green);color:#fff;font-size:.68rem;font-weight:900;border-radius:999px;padding:7px 12px}
.coolme-card-body{padding:22px}
.coolme-card-meta{display:flex;justify-content:space-between;gap:8px;color:rgba(91,45,142,.5);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.coolme-card h3{font-family:"Playfair Display",serif;font-size:1.25rem;line-height:1.16;margin:10px 0 0}
.coolme-card h3 a{text-decoration:none;color:var(--cm-ink)}
.coolme-card p{color:var(--cm-text);line-height:1.6;font-size:.82rem;min-height:58px}
.coolme-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(91,45,142,.08)}
.coolme-price{color:var(--cm-violet);font-weight:900;font-size:.95rem}
.coolme-product-btn{background:var(--cm-gradient-green);color:#fff!important;border-radius:999px;padding:10px 15px;text-decoration:none;font-size:.7rem;font-weight:900;white-space:nowrap}
.coolme-empty-products{padding:30px;background:#fff;border:1px dashed rgba(91,45,142,.22);border-radius:22px;color:var(--cm-text)}
.coolme-products-actions{display:flex;justify-content:center;gap:14px;margin-top:34px;flex-wrap:wrap}

.coolme-pro{
  max-width:none;background:linear-gradient(135deg,var(--cm-violet-dark),var(--cm-violet));
  padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2));
  display:grid;grid-template-columns:1fr 1.5fr;gap:70px;align-items:center
}
.coolme-pro h2{color:#fff}
.coolme-pro p{color:rgba(255,255,255,.7)}
.coolme-pro-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.coolme-quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.coolme-quality-grid article{border:1px solid rgba(91,45,142,.1);background:var(--cm-soft);border-radius:24px;padding:28px;text-align:center}
.coolme-quality-grid strong{display:block;color:var(--cm-violet);font-size:1.1rem}
.coolme-quality-grid span{display:block;color:var(--cm-text);margin-top:8px;font-size:.84rem}

.coolme-recipes{background:#fff}
.coolme-recipes .coolme-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.coolme-recipes .coolme-section-head a{font-weight:900;color:var(--cm-violet);text-decoration:none;border-bottom:3px solid var(--cm-green)}
.coolme-recipes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.coolme-recipes-grid article{background:var(--cm-soft);border-color:rgba(91,45,142,.08)}
.coolme-recipes-grid h3{color:var(--cm-violet)}
.coolme-recipes-grid p{color:var(--cm-text);line-height:1.65;font-size:.86rem}

.coolme-service{
  margin:0 auto 90px;max-width:1240px;border-radius:34px;
  background:var(--cm-soft);border:1px solid rgba(91,45,142,.09);padding:44px;
  display:flex;align-items:center;justify-content:space-between;gap:30px
}
.coolme-service h2{font-size:2rem}
.coolme-service p{margin:10px 0 0;max-width:700px}

.coolme-footer{background:var(--cm-ink);color:#fff;padding:76px 24px 34px}
.coolme-footer-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
.coolme-footer p{color:rgba(255,255,255,.45);line-height:1.7;max-width:360px}
.coolme-footer-slogan{font-family:"Playfair Display",serif;font-style:italic}
.coolme-footer h3{color:var(--cm-green);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em}
.coolme-footer a,.coolme-footer span{display:block;color:rgba(255,255,255,.55);text-decoration:none;margin:9px 0;font-size:.86rem}
.coolme-footer a:hover{color:var(--cm-green)}
.coolme-footer-bottom{max-width:1240px;margin:44px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:rgba(255,255,255,.35);font-size:.78rem;gap:20px}

.coolme-default-page{max-width:1120px;margin:auto;padding:80px 24px}
.coolme-default-article,.coolme-loop-card{background:#fff;border:1px solid rgba(91,45,142,.08);border-radius:24px;padding:32px;box-shadow:0 8px 28px rgba(39,17,68,.06)}
.coolme-default-article h1{font-family:"Playfair Display",serif;color:var(--cm-violet);font-size:3rem}
.coolme-loop{display:grid;gap:20px}
.coolme-loop-card h2 a{text-decoration:none;color:var(--cm-violet)}

.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button{
  background:var(--cm-gradient-green)!important;color:#fff!important;border-radius:999px!important;font-weight:900!important
}
.woocommerce div.product .product_title{font-family:"Playfair Display",serif;color:var(--cm-violet-dark)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--cm-violet)!important;font-weight:900}

@media (max-width:1100px){
  .coolme-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cm-violet-dark);padding:18px 24px;flex-direction:column;align-items:flex-start}
  .coolme-nav.open{display:flex}
  .coolme-menu-toggle{display:block}
  .coolme-hero{grid-template-columns:1fr;padding-top:95px}
  .coolme-hero-visual{min-height:360px}
  .coolme-steps,.coolme-products-grid,.coolme-values-grid,.coolme-quality-grid{grid-template-columns:repeat(2,1fr)}
  .coolme-story,.coolme-pro{grid-template-columns:1fr}
  .coolme-pro-cards,.coolme-recipes-grid,.coolme-footer-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .coolme-header-inner{padding:12px 16px}
  .coolme-cart-link{display:none}
  .coolme-hero{min-height:auto;padding:88px 18px 54px}
  .coolme-hero h1{font-size:3.25rem}
  .coolme-proof,.coolme-steps,.coolme-products-grid,.coolme-values-grid,.coolme-quality-grid{grid-template-columns:1fr}
  .coolme-proof div,.coolme-steps div{border-right:0;border-bottom:1px solid rgba(91,45,142,.08)}
  .coolme-products-head,.coolme-recipes .coolme-section-head,.coolme-service{display:block}
  .coolme-tabs{margin-top:22px;flex-wrap:wrap}
  .coolme-section{padding:70px 18px}
  .coolme-image-card img{height:360px}
  .coolme-fruit-orbit{width:290px;height:290px}
  .coolme-fruit-orbit span:nth-child(1){font-size:6.5rem}
  .coolme-fruit-orbit span:nth-child(2){transform:translate(96px,-78px);font-size:3rem}
  .coolme-fruit-orbit span:nth-child(3){transform:translate(-94px,72px);font-size:2.8rem}
  .coolme-fruit-orbit span:nth-child(4){transform:translate(88px,88px);font-size:3rem}
  .coolme-floating-card{display:none}
  .coolme-footer-bottom{display:block}
}


/* Version synchronisée coolme.ma */
.coolme-products-grid-sync{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.coolme-card-live-sync .coolme-card-media{background:linear-gradient(145deg,#fff,#f7f1ff)}
.coolme-card-live-sync .coolme-card-media img{object-fit:contain;padding:18px}
.coolme-card-live-sync .coolme-card-meta span:last-child{color:var(--cm-green)}


/* Header / logo / language switcher — v1.2 */
.coolme-logo-img{
  width:46px;height:46px;border-radius:50%;object-fit:cover;display:block;
  background:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(0,0,0,.18)
}
.coolme-language-switcher{display:flex;align-items:center;gap:7px;flex-shrink:0}
.coolme-lang-link{
  min-width:38px;height:27px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;
  color:rgba(255,255,255,.58)!important;font-size:.67rem;font-weight:900;letter-spacing:.07em;
  transition:background .2s,border-color .2s,color .2s,transform .2s
}
.coolme-lang-link:hover{color:#fff!important;border-color:rgba(255,255,255,.35);transform:translateY(-1px)}
.coolme-lang-link.active{background:var(--cm-green);border-color:var(--cm-green);color:#fff!important}
.coolme-footer-socials{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.coolme-social-link{
  width:39px;height:39px;border-radius:50%;border:1px solid rgba(255,255,255,.14);
  display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;
  background:rgba(255,255,255,.03);text-decoration:none!important;transition:.25s
}
.coolme-social-link:hover{background:var(--cm-green);border-color:var(--cm-green);color:#fff!important;transform:translateY(-3px)}
.coolme-whatsapp{
  position:fixed;right:26px;bottom:26px;width:58px;height:58px;border-radius:50%;z-index:120;
  background:#25D366;color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;
  font-size:1.45rem;box-shadow:0 12px 34px rgba(37,211,102,.45);transition:transform .2s,box-shadow .2s
}
.coolme-whatsapp:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 44px rgba(37,211,102,.62)}
@media (max-width:1100px){
  .coolme-language-switcher{order:1}
  .coolme-order-link{order:2}
  .coolme-menu-toggle{order:3}
}
@media (max-width:720px){
  .coolme-logo-text{font-size:1.08rem}
  .coolme-logo-img{width:40px;height:40px}
  .coolme-lang-link{min-width:34px;height:25px;font-size:.62rem}
  .coolme-order-link{padding:9px 14px;font-size:.72rem}
  .coolme-whatsapp{right:18px;bottom:18px;width:54px;height:54px}
  .coolme-footer-bottom{display:flex;flex-direction:column;align-items:flex-start}
  .coolme-footer-socials{justify-content:flex-start}
}