/* LE SAIYAN — Mode Zara Style */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{--black:#000;--white:#fff;--rose:#e8c4c8;--rose-light:#f5e0e3;--gray:#888;--light-gray:#f5f5f5;--border:#e0e0e0;--font:'Helvetica Neue',Helvetica,Arial,sans-serif;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);background:var(--white);color:var(--black);font-weight:300;letter-spacing:.5px;line-height:1.6;overflow-x:hidden;}
a{text-decoration:none;color:inherit;transition:opacity .3s ease;}
a:hover{opacity:.7;}
img{max-width:100%;display:block;}
.container{max-width:1400px;margin:0 auto;padding:0 20px;}

/* HEADER */
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;transition:all .4s ease;background:transparent;}
.site-header.scrolled{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--border);}
.logo{font-size:20px;font-weight:300;letter-spacing:4px;text-transform:uppercase;}
.logo a{color:var(--black);}
.nav-desktop{display:flex;gap:30px;align-items:center;}
.nav-desktop a{font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;}
.nav-icons{display:flex;gap:18px;align-items:center;}
.nav-icons a{position:relative;display:flex;align-items:center;}
.cart-count{position:absolute;top:-6px;right:-10px;background:var(--rose);color:var(--black);font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;}
.hamburger span{display:block;width:24px;height:1.5px;background:var(--black);transition:all .3s ease;}

/* MOBILE NAV */
.mobile-nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--white);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;transition:right .4s ease;}
.mobile-nav.open{right:0;}
.mobile-nav a{font-size:14px;letter-spacing:3px;text-transform:uppercase;font-weight:300;}

/* HERO */
.hero{width:100%;height:100vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;}
.hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.35);}
.hero-content{position:relative;z-index:1;color:var(--white);padding:20px;}
.hero-content h1{font-size:clamp(32px,6vw,64px);font-weight:200;letter-spacing:8px;text-transform:uppercase;margin-bottom:12px;}
.hero-content p{font-size:clamp(12px,2vw,16px);font-weight:300;letter-spacing:4px;text-transform:uppercase;margin-bottom:30px;opacity:.9;}
.hero-btn{display:inline-block;padding:14px 40px;border:1px solid var(--white);color:var(--white);font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:400;transition:all .4s ease;}
.hero-btn:hover{background:var(--white);color:var(--black);opacity:1;}

/* SECTIONS */
.section{padding:80px 5%;}
.section-title{text-align:center;font-size:13px;font-weight:400;letter-spacing:4px;text-transform:uppercase;margin-bottom:50px;position:relative;padding-bottom:15px;}
.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:1px;background:var(--black);}

/* PRODUCT CARDS */
.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
.product-card{position:relative;overflow:hidden;}
.product-card .img-wrap{display:block;position:relative;overflow:hidden;}
.product-card .img-wrap img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .6s ease;}
.product-card:hover .img-wrap img{transform:scale(1.03);}
.badge-promo{position:absolute;top:10px;left:10px;background:var(--rose);color:var(--black);font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;z-index:2;}
.product-card .info{padding:12px 0;}
.product-card .cat{font-size:10px;color:var(--gray);letter-spacing:2px;text-transform:uppercase;}
.product-card h3{font-size:13px;font-weight:400;letter-spacing:1px;margin:4px 0;}
.product-card .price{font-size:12px;font-weight:400;letter-spacing:1px;}
.product-card .price .old{text-decoration:line-through;color:var(--gray);margin-left:8px;font-size:11px;}
.product-card .btns{margin-top:10px;}
.btn{display:inline-block;padding:10px 24px;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:400;border:1px solid var(--black);color:var(--black);text-align:center;transition:all .3s ease;cursor:pointer;background:transparent;}
.btn:hover{opacity:1;background:var(--black);color:var(--white);}
.btn-filled{background:var(--black);color:var(--white);}
.btn-filled:hover{background:var(--rose);color:var(--black);border-color:var(--rose);}
.btn-rose{background:var(--rose);color:var(--black);border-color:var(--rose);}
.btn-rose:hover{background:var(--black);color:var(--white);border-color:var(--black);}

/* VEDETTES CARROUSEL */
.vedettes-section{padding:80px 5%;overflow:hidden;}
.carrousel-wrap{position:relative;}
.carrousel-inner{display:flex;gap:20px;transition:transform .5s ease;}
.carrousel-inner .product-card{min-width:calc(33.333% - 14px);flex-shrink:0;}
.carrousel-arrow{position:absolute;top:50%;transform:translateY(-60%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .3s ease;}
.carrousel-arrow:hover{background:var(--black);border-color:var(--black);}
.carrousel-arrow:hover svg{stroke:var(--white);}
.carrousel-arrow.left{left:-15px;}
.carrousel-arrow.right{right:-15px;}

/* COLLECTIONS */
.collections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
.collection-card{position:relative;overflow:hidden;aspect-ratio:3/4;cursor:pointer;}
.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.collection-card:hover img{transform:scale(1.05);}
.collection-card .overlay{position:absolute;inset:0;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;transition:background .4s ease;}
.collection-card:hover .overlay{background:rgba(0,0,0,.4);}
.collection-card .overlay span{color:var(--white);font-size:16px;font-weight:300;letter-spacing:4px;text-transform:uppercase;}

/* REASSURANCE */
.reassurance{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:80px 5%;background:var(--light-gray);}
.reassurance-item{text-align:center;padding:30px 20px;background:var(--white);border-radius:12px;transition:all .3s ease;}
.reassurance-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.06);}
.reassurance-item svg{margin:0 auto 15px;stroke:var(--rose);display:block;}
.reassurance-item h4{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;}
.reassurance-item p{font-size:12px;color:var(--gray);font-weight:300;}

/* FOOTER */
.site-footer{background:var(--black);color:var(--white);padding:60px 5% 30px;}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px;}
.footer-col h4{font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;}
.footer-col a,.footer-col p{font-size:12px;font-weight:300;color:rgba(255,255,255,.6);display:block;margin-bottom:8px;letter-spacing:.5px;}
.footer-col a:hover{color:var(--rose);opacity:1;}
.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:rgba(255,255,255,.4);letter-spacing:1px;}

/* FILTERS */
.filters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;}
.filter-btn{padding:8px 20px;font-size:10px;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--border);background:transparent;cursor:pointer;transition:all .3s ease;font-family:var(--font);}
.filter-btn.active,.filter-btn:hover{background:var(--black);color:var(--white);border-color:var(--black);}

/* PRODUIT DETAIL */
.produit-page{padding:120px 5% 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1400px;margin:0 auto;}
.produit-gallery{position:relative;}
.produit-main-img{width:100%;aspect-ratio:3/4;object-fit:cover;cursor:zoom-in;}
.produit-thumbs{display:flex;gap:8px;margin-top:10px;}
.produit-thumbs img{width:70px;height:90px;object-fit:cover;cursor:pointer;opacity:.6;transition:opacity .3s;}
.produit-thumbs img.active,.produit-thumbs img:hover{opacity:1;}
.gallery-arrows{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 10px;pointer-events:none;}
.gallery-arrow{pointer-events:all;width:36px;height:36px;background:rgba(255,255,255,.85);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;opacity:0;}
.produit-gallery:hover .gallery-arrow{opacity:1;}
.produit-info h1{font-size:24px;font-weight:300;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;}
.produit-info .prix{font-size:18px;font-weight:400;margin-bottom:20px;}
.produit-info .prix .old{text-decoration:line-through;color:var(--gray);margin-left:10px;font-size:14px;}
.produit-info .desc{font-size:13px;color:var(--gray);line-height:1.8;margin-bottom:25px;}
.tailles-wrap{margin-bottom:20px;}
.tailles-wrap label{font-size:11px;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:10px;}
.tailles-grid{display:flex;gap:8px;flex-wrap:wrap;}
.taille-btn{padding:10px 18px;border:1px solid var(--border);background:transparent;font-size:12px;cursor:pointer;transition:all .3s;font-family:var(--font);letter-spacing:1px;}
.taille-btn:hover,.taille-btn.active{border-color:var(--black);background:var(--black);color:var(--white);}
.taille-btn.sold-out{opacity:.3;cursor:not-allowed;text-decoration:line-through;}
.stock-info{font-size:11px;color:var(--gray);margin:10px 0;min-height:16px;}
.qty-wrap{display:flex;align-items:center;gap:15px;margin-bottom:25px;}
.qty-wrap label{font-size:11px;letter-spacing:2px;text-transform:uppercase;}
.qty-input{display:flex;align-items:center;border:1px solid var(--border);}
.qty-input button{width:36px;height:36px;border:none;background:transparent;font-size:16px;cursor:pointer;}
.qty-input input{width:40px;height:36px;border:none;text-align:center;font-size:13px;font-family:var(--font);}
.add-to-cart{width:100%;padding:16px;background:var(--black);color:var(--white);border:none;font-size:11px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .3s;font-family:var(--font);font-weight:400;}
.add-to-cart:hover{background:var(--rose);color:var(--black);}
.product-reassurance{margin-top:25px;padding:20px;border:1px solid var(--border);display:flex;flex-direction:column;gap:12px;}
.product-reassurance div{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--gray);}
.product-reassurance svg{flex-shrink:0;}

/* PANIER */
.panier-page{padding:120px 5% 60px;max-width:900px;margin:0 auto;}
.panier-page h1{font-size:20px;font-weight:300;letter-spacing:4px;text-transform:uppercase;margin-bottom:30px;text-align:center;}
.cart-table{width:100%;border-collapse:collapse;}
.cart-table th{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:400;padding:12px 0;border-bottom:1px solid var(--border);text-align:left;}
.cart-table td{padding:14px 0;border-bottom:1px solid var(--light-gray);vertical-align:middle;}
.cart-table .cart-img{width:70px;height:90px;object-fit:cover;}
.cart-table .cart-product-name{font-size:13px;font-weight:400;letter-spacing:1px;}
.cart-table .cart-taille{font-size:10px;color:var(--gray);letter-spacing:1px;}
.cart-table .cart-sku{font-size:10px;color:var(--gray);}
.cart-remove{background:none;border:none;cursor:pointer;font-size:14px;color:var(--gray);transition:color .3s;}
.cart-remove:hover{color:red;}
.cart-summary{margin-top:30px;text-align:right;}
.cart-summary .line{display:flex;justify-content:flex-end;gap:30px;margin-bottom:8px;font-size:13px;}
.cart-summary .total{font-size:16px;font-weight:600;letter-spacing:2px;border-top:1px solid var(--black);padding-top:12px;margin-top:12px;}

/* ADDRESS FORM */
.address-form{margin-top:40px;display:none;}
.address-form h2{font-size:14px;font-weight:400;letter-spacing:3px;text-transform:uppercase;margin-bottom:25px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.form-group{display:flex;flex-direction:column;gap:5px;}
.form-group.full{grid-column:1/-1;}
.form-group label{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:400;}
.form-group input,.form-group select{padding:12px;border:1px solid var(--border);font-size:13px;font-family:var(--font);transition:border .3s;}
.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--black);}
.address-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--border);max-height:200px;overflow-y:auto;z-index:10;display:none;}
.address-suggestions div{padding:10px 12px;cursor:pointer;font-size:12px;border-bottom:1px solid var(--light-gray);}
.address-suggestions div:hover{background:var(--light-gray);}

/* AUTH */
.auth-page{padding:120px 5% 60px;max-width:450px;margin:0 auto;}
.auth-page h1{font-size:20px;font-weight:300;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;text-align:center;}
.auth-tabs{display:flex;justify-content:center;gap:30px;margin-bottom:30px;}
.auth-tab{font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;padding-bottom:8px;border-bottom:2px solid transparent;transition:all .3s;}
.auth-tab.active{border-color:var(--black);}
.auth-form{display:flex;flex-direction:column;gap:15px;}
.auth-form input{padding:14px;border:1px solid var(--border);font-size:13px;font-family:var(--font);}
.auth-form input:focus{outline:none;border-color:var(--black);}
.auth-form button{padding:16px;background:var(--black);color:var(--white);border:none;font-size:11px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;font-family:var(--font);}
.auth-form button:hover{background:var(--rose);color:var(--black);}
.auth-error{color:#c00;font-size:12px;text-align:center;}

/* COMPTE */
.compte-page{padding:120px 5% 60px;max-width:900px;margin:0 auto;}
.compte-tabs{display:flex;gap:25px;margin-bottom:30px;border-bottom:1px solid var(--border);}
.compte-tab{font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;padding-bottom:10px;border-bottom:2px solid transparent;transition:all .3s;}
.compte-tab.active{border-color:var(--black);}
.order-card{border:1px solid var(--border);margin-bottom:15px;padding:20px;}
.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.order-number{font-size:12px;font-weight:600;letter-spacing:1px;}
.order-date{font-size:11px;color:var(--gray);}
.badge{display:inline-block;padding:3px 10px;font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:700;border-radius:2px;}
.badge-pending{background:#fff3cd;color:#856404;}
.badge-paid{background:#d4edda;color:#155724;}
.badge-shipped{background:#cce5ff;color:#004085;}
.badge-delivered{background:#d1ecf1;color:#0c5460;}
.badge-cancelled{background:#f8d7da;color:#721c24;}
.tracking-btn{display:inline-block;padding:8px 20px;background:var(--rose);color:var(--black);font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:600;margin-top:8px;}

/* CONTACT */
.contact-page{padding:120px 5% 60px;max-width:900px;margin:0 auto;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;}
.contact-info div{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;font-size:13px;}
.contact-info svg{flex-shrink:0;stroke:var(--rose);}

/* LEGAL PAGES */
.legal-page{padding:120px 5% 60px;max-width:800px;margin:0 auto;}
.legal-page h2{font-size:18px;font-weight:400;letter-spacing:2px;margin:30px 0 15px;}
.legal-page h3{font-size:14px;font-weight:600;margin:20px 0 10px;}
.legal-page p{font-size:13px;line-height:1.8;color:#444;margin-bottom:12px;}

/* SUCCESS */
.success-page{padding:120px 5% 60px;text-align:center;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.success-page svg{margin-bottom:20px;}
.success-page h1{font-size:24px;font-weight:300;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;}
.success-page p{font-size:13px;color:var(--gray);margin-bottom:20px;}

/* LIGHTBOX */
.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s;}
.lightbox.active{opacity:1;}
.lightbox img{max-width:90%;max-height:90%;object-fit:contain;}
.lightbox-close{position:absolute;top:20px;right:25px;color:#fff;font-size:36px;cursor:pointer;}

/* TOAST */
.toast{position:fixed;bottom:30px;right:30px;padding:14px 28px;background:var(--black);color:var(--white);font-size:12px;letter-spacing:1px;z-index:10000;opacity:0;transform:translateY(20px);transition:all .4s ease;border-radius:4px;}
.toast.show{opacity:1;transform:translateY(0);}
.toast.error{background:#c00;}

/* COOKIE BAR */
.cookie-bar{position:fixed;bottom:0;left:0;width:100%;background:var(--black);color:var(--white);padding:16px 30px;display:flex;align-items:center;justify-content:space-between;z-index:9998;font-size:12px;}
.cookie-bar button{padding:8px 20px;border:none;cursor:pointer;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-family:var(--font);margin-left:10px;}
.cookie-accept{background:var(--rose);color:var(--black);}
.cookie-refuse{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.3) !important;}

/* ANIMATIONS */
.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
@keyframes revealFallback{to{opacity:1;transform:translateY(0);}}
.reveal{animation:revealFallback .8s ease .3s forwards;}

/* RESPONSIVE */
@media(max-width:1024px){
    .collections-grid{grid-template-columns:repeat(2,1fr);}
    .reassurance{grid-template-columns:1fr 1fr;gap:16px;padding:40px 5%;}
    .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
    .nav-desktop{display:none;}
    .hamburger{display:flex;}
    .produit-page{grid-template-columns:1fr;gap:30px;padding:100px 5% 40px;}
}
@media(max-width:768px){
    .site-header{padding:14px 16px;}
    .products-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
    .collections-grid{grid-template-columns:1fr;}
    .reassurance{grid-template-columns:1fr 1fr;gap:12px;}
    .footer-grid{grid-template-columns:1fr;gap:20px;}
    .form-grid{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .carrousel-inner .product-card{min-width:45vw;}
    .carrousel-arrow{display:none;}
    .carrousel-inner{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;transform:none !important;}
    .carrousel-inner .product-card{scroll-snap-align:start;}
    .cart-table .cart-img{width:50px;height:65px;}
    .gallery-arrow{display:none !important;}
}
@media(max-width:480px){
    .hero-content h1{letter-spacing:4px;}
    .reassurance{grid-template-columns:1fr;padding:30px 5%;}
}