:root{--black:#070707;--dark:#111;--gold:#d9a520;--gold2:#f5c542;--light:#f7f4ee}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:#171717} a{text-decoration:none;color:inherit}
.topbar{background:#050505;color:white;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;position:sticky;top:0;z-index:9;box-shadow:0 6px 20px #0005}
.brand{display:flex;align-items:center;gap:10px}.brand-icon{color:var(--gold2);font-size:34px}.brand strong{display:block;color:var(--gold2);font-size:25px}.brand small{font-size:12px;letter-spacing:2px;color:#ddd}
.nav{display:flex;gap:20px;align-items:center}.nav a{color:white;font-weight:700}.cart-link{background:var(--gold2);color:#000!important;padding:10px 14px;border-radius:25px}
.hero{min-height:75vh;display:flex;align-items:center;padding:70px 5%;color:white;background:linear-gradient(90deg,#000 0%,#000b 45%,#0004),url('/assets/images/banner.jpg') center/cover no-repeat}
.hero h1{font-size:72px;margin:0;color:var(--gold2)}.hero h2{font-size:40px;margin:10px 0}.hero p{font-size:19px;line-height:1.6;max-width:620px}
.btn{display:inline-block;background:var(--gold2);color:#000;padding:13px 22px;border-radius:9px;font-weight:800;border:none;cursor:pointer}.btn-dark{background:#111;color:white}
.section{padding:55px 5%}.section-title{text-align:center;font-size:34px;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cat-card,.product-card,.card-box{background:white;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px #0001}.cat-card img,.product-card img{width:100%;height:220px;object-fit:cover;background:#eee}.cat-card h3,.product-card h3{margin:16px}.product-card p{margin:0 16px 14px;color:#555}.price{font-size:22px;font-weight:900;color:#000!important}.product-actions{display:flex;gap:10px;margin:16px;flex-wrap:wrap}
.product-page{display:grid;grid-template-columns:1fr 1fr;gap:40px}.product-page img{width:100%;border-radius:20px;background:white}.card-box{padding:28px}
.form input,.form textarea,.form select{width:100%;padding:13px;margin:8px 0 16px;border:1px solid #ddd;border-radius:10px}.table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid #eee;text-align:left}
.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#070707;color:white;padding:24px}.sidebar a{display:block;color:white;padding:12px;border-bottom:1px solid #222}.admin-main{padding:30px}.alert{padding:14px;border-radius:10px;background:#fff3cd;margin:15px 0}
.footer{background:#070707;color:white;padding:35px 5%;display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:15px;flex-wrap:wrap}
.cookie-banner{display:none;position:fixed;left:20px;right:20px;bottom:20px;background:#111;color:white;padding:18px;border-radius:16px;z-index:1000;align-items:center;justify-content:center;gap:15px;box-shadow:0 8px 30px #0008}.cookie-banner button{border:0;padding:10px 16px;border-radius:8px;font-weight:700}#accept-cookies{background:var(--gold2)}#decline-cookies{background:#444;color:white}
@media(max-width:900px){.topbar,.footer{flex-direction:column;text-align:center}.nav{flex-wrap:wrap;justify-content:center}.hero h1{font-size:42px}.hero h2{font-size:28px}.grid{grid-template-columns:1fr 1fr}.product-page,.admin-layout{grid-template-columns:1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}}


/* ===== SLIDER PREMIUM PRETTY STAR ===== */
.slider{position:relative;height:82vh;min-height:560px;overflow:hidden;background:#000}
.slide{
    position:absolute;inset:0;
    background-position:center;background-size:cover;background-repeat:no-repeat;
    opacity:0;transform:scale(1.04);transition:opacity .8s ease, transform 1.4s ease;
    display:flex;align-items:center;padding:0 6%;color:white;
}
.slide.active{opacity:1;transform:scale(1)}
.slide-content{max-width:680px;position:relative;z-index:2}
.slide-content h1{font-size:74px;line-height:.95;margin:18px 0;color:#f5c542;text-transform:uppercase;letter-spacing:1px}
.slide-content p{font-size:20px;line-height:1.6;color:#f1f1f1;margin-bottom:28px}
.badge{display:inline-block;background:rgba(245,197,66,.15);border:1px solid #f5c542;color:#f5c542;padding:8px 14px;border-radius:99px;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:1px}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid #f5c542;background:#0009;color:#f5c542;font-size:38px;cursor:pointer;z-index:4}
.slider-btn.prev{left:24px}.slider-btn.next{right:24px}
.slider-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5}
.dot{width:12px;height:12px;border-radius:50%;border:1px solid #f5c542;background:transparent;cursor:pointer}
.dot.active{background:#f5c542}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2a2108;color:white}
.benefits div{background:#090909;padding:22px 5%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.benefits strong{color:#f5c542}.benefits small{color:#ddd}
.promo-banner{margin:35px 5%;padding:45px;border-radius:24px;background:linear-gradient(90deg,#080808,#3b2606);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 12px 30px #0002}
.promo-banner h2{font-size:36px;margin:12px 0;color:#f5c542}
@media(max-width:900px){
    .slider{height:70vh;min-height:520px}.slide{padding:0 9%}.slide-content h1{font-size:42px}.slide-content p{font-size:17px}
    .benefits{grid-template-columns:1fr 1fr}.promo-banner{flex-direction:column;text-align:center}
}
@media(max-width:560px){.benefits{grid-template-columns:1fr}.slider-btn{display:none}}


/* ===== RDV TRESSES AFRICAINES ===== */
.rdv-hero{
    min-height:420px;
    display:flex;
    align-items:center;
    padding:70px 5%;
    color:white;
    background:
        linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.35)),
        url('/assets/images/slider-fashion.svg') center/cover no-repeat;
}
.rdv-hero h1{
    font-size:52px;
    max-width:760px;
    margin:15px 0;
    color:#f5c542;
}
.rdv-hero p{
    max-width:650px;
    font-size:19px;
    line-height:1.6;
}
.rdv-layout{
    display:grid;
    grid-template-columns:1.4fr .8fr;
    gap:30px;
    align-items:start;
}
.rdv-info ul{
    list-style:none;
    padding:0;
    margin:20px 0;
}
.rdv-info li{
    background:#f7f4ee;
    margin-bottom:10px;
    padding:12px;
    border-radius:10px;
    font-weight:700;
}
.rdv-price-box{
    background:#111;
    color:white;
    padding:18px;
    border-radius:15px;
    margin:20px 0;
}
.rdv-price-box h3{color:#f5c542}
.rdv-home{
    margin:45px 5%;
    padding:45px;
    border-radius:26px;
    background:linear-gradient(90deg,#090909,#3d2606);
    color:white;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}
.rdv-home h2{
    color:#f5c542;
    font-size:36px;
    margin:12px 0;
}
.rdv-home p{
    font-size:18px;
    max-width:760px;
    line-height:1.6;
}
@media(max-width:900px){
    .rdv-layout{grid-template-columns:1fr}
    .rdv-home{flex-direction:column;text-align:center}
    .rdv-hero h1{font-size:36px}
}


/* ===== THEME VIOLET PREMIUM PRETTY STAR ===== */
:root{
    --black:#160020;
    --dark:#2D064F;
    --purple:#6F2DBD;
    --purple2:#9D4EDD;
    --purple3:#C77DFF;
    --gold:#D4AF37;
    --gold2:#F5C542;
    --light:#F8F1FF;
    --white:#FFFFFF;
}

body{background:var(--light)!important;}

.topbar{background:linear-gradient(90deg,#160020,#4B0082)!important;}

.brand-icon,
.brand strong,
.hero h1,
.slide-content h1,
.section-title,
.rdv-hero h1,
.rdv-home h2,
.promo-banner h2{
    color:var(--gold2)!important;
}

.cart-link,
.btn{
    background:linear-gradient(135deg,var(--purple),var(--purple2))!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.15)!important;
}

.btn:hover{background:linear-gradient(135deg,var(--purple2),var(--purple3))!important;}

.btn-dark{
    background:var(--gold2)!important;
    color:#1a0028!important;
}

.badge{
    background:rgba(157,78,221,.20)!important;
    border:1px solid var(--purple3)!important;
    color:#fff!important;
}

.price{color:var(--purple)!important;}

.footer,
.sidebar{background:linear-gradient(135deg,#160020,#2D064F)!important;}

.cat-card,
.product-card,
.card-box{border:1px solid rgba(111,45,189,.12);}

.cat-card:hover,
.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(111,45,189,.22);
}

.hero{
    background:
        linear-gradient(90deg,rgba(22,0,32,.95),rgba(75,0,130,.72),rgba(157,78,221,.30)),
        url('/assets/images/banner.jpg') center/cover no-repeat!important;
}

.slide{background-color:#2D064F!important;}

.slider-btn{
    border:1px solid var(--purple3)!important;
    color:#fff!important;
    background:rgba(45,6,79,.75)!important;
}

.dot{border:1px solid var(--purple3)!important;}
.dot.active{background:var(--purple3)!important;}

.benefits{background:#2D064F!important;}
.benefits div{background:linear-gradient(135deg,#160020,#2D064F)!important;}
.benefits strong{color:var(--gold2)!important;}

.promo-banner,
.rdv-home{background:linear-gradient(135deg,#160020,#4B0082,#6F2DBD)!important;}

.rdv-hero{
    background:
        linear-gradient(90deg,rgba(22,0,32,.94),rgba(75,0,130,.64)),
        url('/assets/images/slider-fashion.svg') center/cover no-repeat!important;
}

.rdv-price-box{background:linear-gradient(135deg,#160020,#4B0082)!important;}

.cookie-banner{background:linear-gradient(135deg,#160020,#2D064F)!important;}

#accept-cookies{background:var(--purple2)!important;color:#fff!important;}
#decline-cookies{background:#3b2850!important;}


/* ===== SLIDER IMAGE ONLY : pas de texte HTML sur la bannière ===== */
.image-slider{
    position:relative;
    width:100%;
    height:82vh;
    min-height:560px;
    background:#160020;
    overflow:hidden;
}
.image-slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .9s ease;
}
.image-slide.active{
    opacity:1;
}
.image-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.image-slider .slider-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    width:54px;
    height:54px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.5)!important;
    background:rgba(75,0,130,.85)!important;
    color:#fff!important;
    font-size:36px;
    cursor:pointer;
}
.image-slider .prev{left:22px}
.image-slider .next{right:22px}
.image-slider .slider-dots{
    position:absolute;
    left:50%;
    bottom:26px;
    transform:translateX(-50%);
    z-index:6;
    display:flex;
    gap:10px;
}
.image-slider .dot{
    width:12px;
    height:12px;
    border-radius:50%;
    border:1px solid #fff!important;
    background:rgba(255,255,255,.35)!important;
    cursor:pointer;
}
.image-slider .dot.active{
    background:#D4AF37!important;
    border-color:#D4AF37!important;
}

@media(max-width:900px){
    .image-slider{
        height:60vh;
        min-height:360px;
    }
    .image-slider .slider-btn{
        width:42px;
        height:42px;
        font-size:28px;
    }
}
@media(max-width:560px){
    .image-slider{
        height:42vh;
        min-height:260px;
    }
}


/* ==================================================
   PRETTY STAR - THEME VIOLET FINAL PREMIUM
================================================== */

:root{
    --ps-purple-dark:#160020;
    --ps-purple:#4B0082;
    --ps-purple-main:#6F2DBD;
    --ps-purple-light:#9D4EDD;
    --ps-gold:#D4AF37;
    --ps-gold-light:#F5C542;
    --ps-bg:#F8F1FF;
    --ps-white:#FFFFFF;
    --ps-text:#1C1026;
}

body{
    background:var(--ps-bg)!important;
    color:var(--ps-text)!important;
}

.topbar{
    background:linear-gradient(90deg,var(--ps-purple-dark),var(--ps-purple),var(--ps-purple-main))!important;
    border-bottom:2px solid var(--ps-gold);
}

.brand-icon,
.brand strong{
    color:var(--ps-gold-light)!important;
}

.nav a{
    color:#fff!important;
}

.nav a:hover{
    color:var(--ps-gold-light)!important;
}

.btn,
.cart-link{
    background:linear-gradient(135deg,var(--ps-purple-main),var(--ps-purple-light))!important;
    color:white!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 8px 22px rgba(111,45,189,.22);
}

.btn:hover,
.cart-link:hover{
    background:linear-gradient(135deg,var(--ps-purple-light),#C77DFF)!important;
    transform:translateY(-2px);
}

.btn-dark{
    background:linear-gradient(135deg,var(--ps-gold),var(--ps-gold-light))!important;
    color:#1a0028!important;
}

.image-slider{
    background:linear-gradient(135deg,var(--ps-purple-dark),var(--ps-purple))!important;
    border-bottom:3px solid var(--ps-gold);
}

.image-slider .slider-btn{
    background:rgba(75,0,130,.85)!important;
    border:1px solid var(--ps-gold)!important;
    color:#fff!important;
}

.image-slider .dot.active{
    background:var(--ps-gold)!important;
    border-color:var(--ps-gold)!important;
}

.section-title,
.rdv-hero h1{
    color:var(--ps-purple)!important;
}

.badge{
    background:linear-gradient(135deg,var(--ps-purple-main),var(--ps-purple-light))!important;
    border:1px solid rgba(255,255,255,.25)!important;
    color:white!important;
}

.cat-card,
.product-card,
.card-box{
    background:white!important;
    border:1px solid rgba(111,45,189,.13)!important;
    box-shadow:0 12px 28px rgba(75,0,130,.09)!important;
}

.cat-card:hover,
.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(111,45,189,.24)!important;
}

.price{
    color:var(--ps-purple-main)!important;
}

.benefits{
    background:var(--ps-purple-dark)!important;
}

.benefits div{
    background:linear-gradient(135deg,var(--ps-purple-dark),var(--ps-purple))!important;
}

.benefits strong{
    color:var(--ps-gold-light)!important;
}

.rdv-home,
.promo-banner{
    background:linear-gradient(135deg,var(--ps-purple-dark),var(--ps-purple),var(--ps-purple-main))!important;
    border:1px solid rgba(212,175,55,.45);
}

.rdv-home h2,
.promo-banner h2{
    color:var(--ps-gold-light)!important;
}

.rdv-hero{
    background:
        linear-gradient(90deg,rgba(22,0,32,.93),rgba(75,0,130,.70)),
        url('/assets/images/slider-fashion.svg') center/cover no-repeat!important;
}

.rdv-price-box{
    background:linear-gradient(135deg,var(--ps-purple-dark),var(--ps-purple))!important;
}

.form input:focus,
.form textarea:focus,
.form select:focus{
    outline:none;
    border-color:var(--ps-purple-light)!important;
    box-shadow:0 0 0 3px rgba(157,78,221,.15);
}

.sidebar,
.footer{
    background:linear-gradient(135deg,var(--ps-purple-dark),var(--ps-purple))!important;
}

.sidebar h2,
.footer h3{
    color:var(--ps-gold-light)!important;
}

.table th{
    background:var(--ps-purple)!important;
    color:white!important;
}

.cookie-banner{
    background:linear-gradient(135deg,var(--ps-purple-dark),var(--ps-purple))!important;
    border:1px solid var(--ps-gold);
}

#accept-cookies{
    background:var(--ps-purple-light)!important;
    color:white!important;
}

#decline-cookies{
    background:#3b2850!important;
    color:white!important;
}


/* ==================================================
   PRETTY STAR - THEME BLUE & VIOLET PREMIUM
   Bleu + Violet + Or
================================================== */

:root{
    --ps-dark:#0F172A;
    --ps-purple-dark:#2D064F;
    --ps-purple:#6F2DBD;
    --ps-purple-light:#9D4EDD;
    --ps-blue:#2563EB;
    --ps-blue-light:#3B82F6;
    --ps-gold:#D4AF37;
    --ps-gold-light:#F5C542;
    --ps-bg:#F8FAFC;
    --ps-white:#FFFFFF;
    --ps-text:#111827;
}

body{
    background:var(--ps-bg)!important;
    color:var(--ps-text)!important;
}

.topbar{
    background:linear-gradient(90deg,var(--ps-purple-dark),var(--ps-purple),var(--ps-blue))!important;
    border-bottom:2px solid var(--ps-gold)!important;
}

.brand-icon,
.brand strong{
    color:var(--ps-gold-light)!important;
}

.nav a{
    color:#fff!important;
}

.nav a:hover{
    color:var(--ps-gold-light)!important;
}

.btn,
.cart-link{
    background:linear-gradient(135deg,var(--ps-purple),var(--ps-blue))!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 10px 25px rgba(37,99,235,.25)!important;
}

.btn:hover,
.cart-link:hover{
    background:linear-gradient(135deg,var(--ps-purple-light),var(--ps-blue-light))!important;
    transform:translateY(-2px);
    box-shadow:0 16px 35px rgba(111,45,189,.30)!important;
}

.btn-dark{
    background:linear-gradient(135deg,var(--ps-gold),var(--ps-gold-light))!important;
    color:#0F172A!important;
}

.image-slider{
    background:linear-gradient(135deg,var(--ps-dark),var(--ps-purple),var(--ps-blue))!important;
    border-bottom:3px solid var(--ps-gold)!important;
}

.image-slider .slider-btn{
    background:linear-gradient(135deg,rgba(111,45,189,.92),rgba(37,99,235,.92))!important;
    border:1px solid var(--ps-gold)!important;
    color:#fff!important;
}

.image-slider .dot{
    border:1px solid #fff!important;
}

.image-slider .dot.active{
    background:var(--ps-gold)!important;
    border-color:var(--ps-gold)!important;
}

.section-title{
    color:var(--ps-purple)!important;
}

.badge{
    background:linear-gradient(135deg,var(--ps-purple),var(--ps-blue))!important;
    border:1px solid rgba(255,255,255,.25)!important;
    color:white!important;
}

.cat-card,
.product-card,
.card-box{
    background:white!important;
    border:1px solid rgba(37,99,235,.12)!important;
    box-shadow:0 12px 28px rgba(37,99,235,.08)!important;
}

.cat-card:hover,
.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 42px rgba(37,99,235,.25)!important;
}

.price{
    color:var(--ps-blue)!important;
}

.benefits{
    background:var(--ps-dark)!important;
}

.benefits div{
    background:linear-gradient(135deg,var(--ps-dark),var(--ps-purple-dark),var(--ps-blue))!important;
}

.benefits strong{
    color:var(--ps-gold-light)!important;
}

.rdv-home,
.promo-banner{
    background:linear-gradient(135deg,var(--ps-dark),var(--ps-purple),var(--ps-blue))!important;
    border:1px solid rgba(212,175,55,.45)!important;
}

.rdv-home h2,
.promo-banner h2{
    color:var(--ps-gold-light)!important;
}

.rdv-hero{
    background:
        linear-gradient(90deg,rgba(15,23,42,.95),rgba(111,45,189,.72),rgba(37,99,235,.45)),
        url('/assets/images/slider-fashion.svg') center/cover no-repeat!important;
}

.rdv-hero h1{
    color:var(--ps-gold-light)!important;
}

.rdv-price-box{
    background:linear-gradient(135deg,var(--ps-dark),var(--ps-purple),var(--ps-blue))!important;
}

.form input:focus,
.form textarea:focus,
.form select:focus{
    outline:none!important;
    border-color:var(--ps-blue-light)!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.15)!important;
}

.sidebar,
.footer{
    background:linear-gradient(135deg,var(--ps-dark),var(--ps-purple-dark),var(--ps-blue))!important;
}

.sidebar h2,
.footer h3{
    color:var(--ps-gold-light)!important;
}

.sidebar a:hover{
    background:rgba(59,130,246,.20)!important;
}

.table th{
    background:linear-gradient(135deg,var(--ps-purple),var(--ps-blue))!important;
    color:white!important;
}

.cookie-banner{
    background:linear-gradient(135deg,var(--ps-dark),var(--ps-purple),var(--ps-blue))!important;
    border:1px solid var(--ps-gold)!important;
}

#accept-cookies{
    background:var(--ps-blue)!important;
    color:white!important;
}

#decline-cookies{
    background:#334155!important;
    color:white!important;
}