/* ===== Panier latéral façon Starforge ===== */
.ilan-dr-bg{position:fixed;inset:0;z-index:2147482990;background:rgba(5,3,9,.62);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.ilan-dr{position:fixed;top:0;right:0;bottom:0;z-index:2147482991;width:min(600px,100vw);display:flex;flex-direction:column;background:#150d1f;border-left:1px solid rgba(200,180,255,.16);box-shadow:-30px 0 80px rgba(0,0,0,.5);transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);color:#f5f3fa;font-family:"priori-sans",Arial,sans-serif}
html.ilan-dr-open .ilan-dr{transform:none}
html.ilan-dr-open .ilan-dr-bg{opacity:1;visibility:visible}
html.ilan-dr-open,html.ilan-dr-open body{overflow:hidden}
.ilan-dr-h{position:relative;display:flex;align-items:center;justify-content:center;margin:0 20px;padding:26px 44px 22px;border-bottom:1px solid rgba(200,180,255,.2)}
.ilan-dr-h h2{margin:0;font:700 26px/1.15 "geom-graphic",sans-serif;color:#f5f3fa;text-align:center;letter-spacing:0;text-transform:none;text-shadow:none}
.ilan-dr-x{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none!important;border:0!important;color:#f5f3fa!important;cursor:pointer;padding:0!important;box-shadow:none!important}
.ilan-dr-x:hover{color:#c8b4ff!important}
.ilan-dr-b{flex:1 1 auto;overflow-y:auto;padding:22px 20px 10px;overscroll-behavior:contain}
.ilan-dr-it{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid rgba(200,180,255,.1)}
.ilan-dr-it:last-child{border-bottom:0;margin-bottom:0}
.ilan-dr-im{display:block;width:120px;height:120px;border-radius:10px;background:rgba(200,180,255,.05);border:1px solid rgba(200,180,255,.12);overflow:hidden}
.ilan-dr-im img{width:100%!important;height:100%!important;object-fit:contain!important;padding:6px;box-sizing:border-box;background:transparent!important}
.ilan-dr-t{display:block;margin:0 0 10px;font:700 21px/1.2 "geom-graphic",sans-serif;color:#f5f3fa!important;text-decoration:none!important}
.ilan-dr-t:hover{color:#c8b4ff!important}
.ilan-dr-p{margin:0 0 6px;font-size:16px;color:#f5f3fa}
.ilan-dr-q{margin:0 0 12px;font-size:15px;color:#cfc6e2}
.ilan-dr-rm{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#f5f3fa!important;font:400 14px/1 "priori-sans",Arial,sans-serif!important;text-decoration:underline!important;text-underline-offset:4px;cursor:pointer;text-transform:none!important;letter-spacing:0!important;min-height:0!important}
.ilan-dr-rm:hover{color:#c8b4ff!important}
.ilan-dr-rm[disabled]{opacity:.5}
.ilan-dr-empty{padding:40px 10px;text-align:center;color:#cfc6e2;font-size:16px}
.ilan-dr-empty a{display:inline-block;margin-top:18px;color:#c8b4ff!important;text-decoration:underline!important;text-underline-offset:4px}
.ilan-dr-f{flex:0 0 auto;padding:22px 20px 26px;border-top:1px solid rgba(200,180,255,.16);background:#130b1c}
.ilan-dr-row{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px;font:500 15px/1.2 "t26-carbon",monospace;letter-spacing:.06em;color:#f5f3fa}
.ilan-dr-row.tot{color:#c8b4ff;font-weight:700}
.ilan-dr-note{margin:26px 0 22px;padding-bottom:22px;border-bottom:1px solid rgba(200,180,255,.16);font-size:13px;color:#cfc6e2}
.ilan-dr-go{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:64px;margin:0 0 16px;border:0!important;border-radius:4px!important;background:#c8b4ff!important;color:#0f0914!important;font:700 18px/1 "geom-graphic",sans-serif!important;letter-spacing:.02em;text-decoration:none!important;box-shadow:0 0 30px rgba(143,104,255,.35)!important;transition:filter .2s}
.ilan-dr-go:hover{filter:brightness(1.07);color:#0f0914!important}
.ilan-dr-view{display:block;text-align:center;font:700 16px/1 "geom-graphic",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#f5f3fa!important;text-decoration:underline!important;text-underline-offset:6px}
.ilan-dr-view:hover{color:#c8b4ff!important}
.ilan-dr-load .ilan-dr-b{opacity:.5;pointer-events:none}
@keyframes ilanDrIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
.ilan-dr-it{animation:ilanDrIn .45s cubic-bezier(.2,.8,.2,1) both}
.ilan-dr-it:nth-child(2){animation-delay:.06s}.ilan-dr-it:nth-child(3){animation-delay:.12s}.ilan-dr-it:nth-child(4){animation-delay:.18s}
@media (max-width:640px){.ilan-dr-h h2{font-size:22px}.ilan-dr-it{grid-template-columns:84px 1fr;gap:14px}.ilan-dr-im{width:84px;height:84px}.ilan-dr-t{font-size:18px}.ilan-dr-go{min-height:58px;font-size:17px}}
/* la liste déroulante d'origine du panier dans l'en-tête ne s'affiche plus */
html body .ct-header-cart .ct-cart-content{display:none!important}
/* bouton des grilles : plus de lien « Voir le panier » ajouté en dessous */
html body ul.products li.product a.added_to_cart,html body .products a.added_to_cart.wc-forward{display:none!important}
.ilan-dr:focus,.ilan-dr-x:focus{outline:0!important}.ilan-dr-x:focus-visible{outline:1px solid #c8b4ff!important}
/* bouton : remplissage violet qui glisse au survol */
.ilan-dr-go{background:linear-gradient(90deg,#8f68ff 0 50%,#c8b4ff 50% 100%)!important;background-size:201% 100%!important;background-position:100% 0!important;transition:background-position .45s cubic-bezier(.2,.8,.2,1),color .3s,box-shadow .3s!important}
.ilan-dr-go:hover,.ilan-dr-go:focus-visible{background-position:0 0!important;color:#fff!important;filter:none!important;box-shadow:0 0 36px rgba(143,104,255,.6)!important}
/* prix des grilles : jaune-orangé des titres de l'accueil, violet au survol */
html body ul.products.products li.product.product.product .price .woocommerce-Price-amount,html body ul.products.products li.product.product.product .price .woocommerce-Price-amount *{color:#f8dc4e!important;transition:color .25s}
html body ul.products.products li.product.product.product:hover .price .woocommerce-Price-amount,html body ul.products.products li.product.product.product:hover .price .woocommerce-Price-amount *{color:#c8b4ff!important}
html body ul.products.products li.product.product.product .price del .woocommerce-Price-amount,html body ul.products.products li.product.product.product .price del .woocommerce-Price-amount *{color:#6f6784!important}
/* Klarna en 3 fois (France) */
.ilan-klarna{position:relative;display:flex;align-items:center;gap:6px;margin:-8px 20px 16px;font:400 12px/1.35 "priori-sans",Arial,sans-serif;color:#cfc6e2;order:4}
.ilan-klarna b{font-weight:700;color:#ffb3c7}
.ilan-kq{flex:0 0 auto;width:16px;height:16px;padding:0!important;border:1px solid #a79dbd!important;border-radius:50%!important;background:transparent!important;color:#a79dbd!important;font:700 10px/14px Arial,sans-serif!important;cursor:pointer;box-shadow:none!important;min-height:0!important}
.ilan-kq:hover,.ilan-klarna.open .ilan-kq{border-color:#f5f3fa!important;color:#f5f3fa!important}
.ilan-ktip{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:5;padding:10px 12px;border-radius:8px;background:#241836;border:1px solid rgba(200,180,255,.2);color:#f5f3fa;font-size:12px;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.15s}
.ilan-klarna.open .ilan-ktip,.ilan-kq:hover+.ilan-ktip{opacity:1;visibility:visible}
/* méga menu lisible */
html body header .sf-mega{background:rgba(15,9,20,.97)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}
html body header .sf-mega .sf-tile{background:#150d1f!important}
html body header .sf-mega a{text-shadow:0 1px 2px rgba(0,0,0,.6)}
/* halo adaptatif couleur produit */
@media (hover:hover){html body ul.products.products.products li.product.product.product.product[data-ih]:hover .ct-media-container img{filter:drop-shadow(0 0 36px rgba(var(--ih),.75))!important}
html body ul.products.products.products li.product.product.product.product[data-ih]:hover{box-shadow:0 18px 50px -18px rgba(var(--ih),.6)!important;border-color:rgba(var(--ih),.5)!important}}
/* tactile (iPhone, Android) : pas de filtre sur la carte (carre noir sur iOS), seul le halo doux s allume au toucher */
@media (hover:none){html body ul.products li.product[data-ih] .ct-media-container,html body ul.products li.product[data-ih] .ct-media-container img{filter:none!important;-webkit-filter:none!important}html body ul.products li.product[data-ih]:active figure::before{opacity:1}}
html body ul.products li.product[data-ih] figure{position:relative}
html body ul.products li.product[data-ih] figure::before{content:"";position:absolute;left:14%;right:14%;top:12%;bottom:2%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--ih),.5),rgba(var(--ih),0));filter:blur(24px);opacity:.65;transition:opacity .35s;pointer-events:none;z-index:0}
html body ul.products li.product[data-ih]:hover figure::before{opacity:1}
html body ul.products li.product[data-ih] figure>*{position:relative;z-index:1}
html body .sf-card.sf-card[data-ih]:hover{box-shadow:0 20px 60px -10px rgba(var(--ih),.45)!important;border-color:rgba(var(--ih),.5)!important}
html body .sf-card[data-ih]:hover .sf-img img{filter:drop-shadow(0 0 30px rgba(var(--ih),.7))!important}
html body .woocommerce-product-gallery[data-ih] .ct-media-container{background:radial-gradient(circle at 50% 55%,rgba(var(--ih),.3),rgba(var(--ih),0) 62%)!important}
/* menu : chaque marque dans sa couleur */
html body .sf-tile[data-ib]{transition:box-shadow .3s,border-color .3s}
html body .sf-tile[data-ib="1"] img{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--b) 45%,transparent));transition:filter .3s}
html body .sf-tile[data-ib="1"]:hover,html body .sf-tile[data-ib="1"]:focus-visible{border-color:var(--b)!important;box-shadow:0 10px 34px -8px var(--b),0 0 24px -8px var(--b2)!important}
html body .sf-tile[data-ib="1"]:hover img{filter:drop-shadow(0 0 16px var(--b)) drop-shadow(0 0 6px var(--b2))!important}
html body a[data-ib="1"]:not(.sf-tile) img{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--b) 65%,transparent)) drop-shadow(0 0 3px color-mix(in srgb,var(--b2) 50%,transparent))!important}
html body a[data-ib="1"]:not(.sf-tile):active img,html body a[data-ib="1"]:not(.sf-tile):hover img{filter:drop-shadow(0 0 16px var(--b)) drop-shadow(0 0 6px var(--b2))!important}
html body a[data-ib="r"]:not(.sf-tile) img{filter:drop-shadow(-3px 0 8px rgba(255,59,92,.6)) drop-shadow(3px 0 8px rgba(59,130,255,.6))!important}
html body .sf-tile[data-ib="r"] img{filter:drop-shadow(-3px 0 8px rgba(255,59,92,.5)) drop-shadow(3px 0 8px rgba(59,130,255,.5))}
html body .sf-tile[data-ib="r"]:hover,html body .sf-tile[data-ib="r"]:focus-visible{border-color:rgba(200,180,255,.5)!important;box-shadow:-10px 0 28px -8px #ff3b5c,10px 0 28px -8px #3b82ff,0 -10px 28px -8px #ffb400,0 10px 28px -8px #a64dff!important}
html body .sf-tile[data-ib="r"]:hover img{filter:drop-shadow(-4px 0 10px #ff3b5c) drop-shadow(4px 0 10px #3b82ff) drop-shadow(0 4px 10px #a64dff)!important}
/* grilles : produits statiques, cœurs masqués, image un peu plus petite */
html body .ct-wishlist-button-archive,html body .ct-wishlist-button-single{display:none!important}
html body ul.products.products.products li.product.product.product.product:hover .ct-media-container,html body ul.products.products.products li.product.product.product.product:hover figure,html body ul.products.products.products li.product.product.product.product:hover{transform:none!important}
html body .sf-card.sf-card:hover,html body .sf-card.sf-card:hover .sf-img img{transform:none!important}
html body ul.products.products.products li.product.product .ct-media-container img{padding:0 30px!important;box-sizing:border-box!important;object-fit:contain!important}