:root{--color-primary:#ac890e;--color-primary-dark:#9a7b0c;--color-primary-light:#d4a017;--color-bg-dark:#1a1a1a;--color-bg-dark-2:#2c2c2c;--color-bg-dark-3:#3b3b3b;--color-bg-light:#f8f8f8;--color-text-dark:#2c2c2c;--color-text-light:#fff;--color-text-muted:#555;--color-text-light-muted:#ddd;--color-text-lighter:#aaa;--color-error:#e74c3c;--color-success:#28a745;--color-admin:#dc3545;--color-commercial:#3b82f6;--radius-sm:15px;--radius-md:20px;--radius-lg:25px;--radius-full:50%;--shadow-sm:0 4px 20px #ac890e4d;--shadow-md:0 10px 40px #0000001a;--shadow-lg:0 20px 60px #00000026;--shadow-xl:0 30px 100px #ac890e33;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .3s ease;--spacing-xs:10px;--spacing-sm:15px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:40px;--max-width-content:1400px;--max-width-container:1200px;--max-width-form:450px}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1000;cursor:pointer;background:#ac890ee6;border:none;border-radius:25px;align-items:center;gap:8px;padding:12px 20px;font-size:.95em;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:30px;left:30px;box-shadow:0 4px 20px #ac890e4d}.logo-container{text-align:center;margin-bottom:30px}.logo-container img{object-fit:contain;filter:drop-shadow(0 2px 10px #ac890e4d);max-width:clamp(220px,50vw,380px);height:auto}.main-content h1{text-align:center;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #ac890e4d;background:linear-gradient(135deg,#fff,#ac890e);-webkit-background-clip:text;background-clip:text;margin-bottom:40px;font-size:clamp(2em,4vw,3em);font-weight:300}@media (width<=768px){.back-button{margin:20px auto;display:inline-flex;position:relative;top:0;left:0}.logo-container img{max-width:250px}.main-content h1{margin-bottom:30px;font-size:2.2em}}@media (width<=480px){.logo-container img{max-width:160px}.main-content h1{margin-bottom:25px;font-size:1.8em}}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg-dark)}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{background:linear-gradient(135deg, var(--color-bg-dark) 0%, var(--color-bg-dark-2) 25%, var(--color-bg-dark-3) 75%, var(--color-bg-dark-2) 100%);color:var(--color-text-light);text-align:center;opacity:1;background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 80%,#ac890e1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ac890e0d 0%,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff05 0%,#0000 50%);width:100%;height:100%;animation:20s ease-in-out infinite particleFloat;position:fixed;top:0;left:0}@keyframes particleFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(120deg)}66%{transform:translateY(10px)rotate(240deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.main-content{width:100%;max-width:var(--max-width-content);padding:var(--spacing-xl) var(--spacing-md);z-index:1;flex:1 0 auto;margin:0 auto}.container{width:100%;max-width:var(--max-width-container);padding:0 var(--spacing-md);margin:0 auto}.logo-container{margin:var(--spacing-xl) 0 var(--spacing-md) 0;text-align:center}.logo-container img{filter:drop-shadow(0 10px 30px #0000004d);width:100%;max-width:200px;height:auto;transition:transform .3s}.logo-container img:hover{transform:scale(1.05)}h1{margin-bottom:var(--spacing-xl);color:var(--color-primary);text-shadow:0 4px 20px #ac890e4d;font-size:clamp(2em,4vw,3em);font-weight:300}.back-button{align-items:center;gap:var(--spacing-xs);top:var(--spacing-xs);left:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-light);border-radius:var(--radius-lg);z-index:1000;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);background:#ac890ee6;align-items:center;font-weight:600;text-decoration:none;display:flex}.back-button:hover{background:#9a7b0cf2;transform:translateY(-2px);box-shadow:0 8px 30px #ac890e66}.products,.cards-container{gap:var(--spacing-lg);padding:var(--spacing-md) 0;width:100%;max-width:var(--max-width-container);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;margin:0 auto;display:grid}.product-card,.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--color-text-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-md), var(--shadow-xl);text-align:center;background:#fffffff2;border:1px solid #ac890e33;flex-direction:column;height:100%;padding:25px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.product-card:before,.card:before{content:"";background:linear-gradient(90deg,#0000,#ac890e1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.product-card:hover:before,.card:hover:before{left:100%}.product-card:hover,.card:hover{box-shadow:var(--shadow-lg), 0 30px 100px #ac890e33;transform:translateY(-10px)scale(1.02)}.product-card h2,.card h2{margin-bottom:var(--spacing-sm);color:var(--color-text-dark);justify-content:center;align-items:center;gap:12px;font-size:1.4em;font-weight:600;display:flex}.product-card h2 i,.card h2 i{color:var(--color-primary);font-size:1.3em;transition:transform .3s}.product-card:hover h2 i,.card:hover h2 i{transform:scale(1.2)rotate(5deg)}.product-card p,.card p{color:var(--color-text-muted);margin-bottom:25px;font-size:1.1em;line-height:1.6}.product-card img{object-fit:cover;max-width:100%;height:300px;margin:var(--spacing-sm) auto;border-radius:var(--radius-sm);transition:all .3s;display:block;box-shadow:0 6px 20px #0000001a}.product-card:hover img{transform:scale(1.05);box-shadow:0 10px 30px #0003}.product-card button,.card button,.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:var(--color-text-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.5px;border:none;width:auto;margin-top:auto;padding:15px 25px;font-size:1.1em;font-weight:600;position:relative;overflow:hidden;box-shadow:0 6px 20px #ac890e4d}.product-card button:before,.card button:before,.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.product-card button:hover:before,.card button:hover:before,.btn-primary:hover:before{left:100%}.product-card button:hover,.card button:hover,.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-dark), #b8940f);transform:translateY(-2px);box-shadow:0 10px 30px #ac890e66}.loading-overlay{background:var(--color-bg-dark);z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:none;position:fixed;top:0;left:0}.loading-overlay.show{display:flex}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{border-radius:var(--radius-full);border:3px solid #ac890e33;border-top:3px solid var(--color-primary);width:40px;height:40px;animation:1s linear infinite spin}.loading-text{color:var(--color-primary);margin-top:20px;font-size:1.2em;font-weight:600}.footer{background:linear-gradient(135deg, var(--color-bg-dark), #222);padding:25px var(--spacing-md);margin-top:var(--spacing-xl);text-align:center;color:var(--color-text-light-muted);border-top:1px solid #ac890e33;flex-shrink:0;width:100%;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);width:100%;height:1px;position:absolute;top:0;left:0}.footer-content{max-width:var(--max-width-container);margin:0 auto}.footer-social,.footer .social-links{justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-social-link,.footer .social-link{background:var(--color-primary);color:var(--color-text-light);text-align:center;border-radius:var(--radius-full);width:2.5rem;height:2.5rem;transition:var(--transition-smooth);justify-content:center;align-items:center;font-size:1.2rem;line-height:2.5rem;text-decoration:none;display:inline-flex}.footer-social-link:hover,.footer .social-link:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.footer-website,.footer .site-link{color:var(--color-primary);border:2px solid #ac890e33;border-radius:20px;margin-bottom:.5rem;padding:8px 16px;font-size:1.1em;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.footer-website:hover,.footer .site-link:hover{color:var(--color-text-light);border-color:var(--color-primary);background:#ac890e26;transform:translateY(-2px)}.footer-legal,.footer .legal{color:var(--color-text-lighter);margin-top:var(--spacing-sm);font-size:.85rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-auto{margin-top:auto}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}@media (width<=1024px){.products,.cards-container{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.logo-container img{max-width:150px}h1{font-size:2rem}}@media (width<=767px){body{padding:.5rem}.back-button{top:var(--spacing-xs);left:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}.main-content{min-width:0;max-width:100%;padding:var(--spacing-md) var(--spacing-xs)}.main-content .main-container,.main-content .main-container>main,.main-content .main-card,.main-content .card-content,.main-content .profile-section,.main-content .form-section,.main-content .form-grid,.main-content form,.main-content fieldset{width:100%;min-width:0;max-width:100%}.main-content .main-container{padding-left:0;padding-right:0}.main-content .profile-header,.main-content .profile-title,.main-content .form-group,.main-content .visual-option,.main-content .checkbox-item,.main-content .type-commande-option{min-width:0}.main-content .profile-title,.main-content .card-header,.main-content .form-section,.main-content label{overflow-wrap:anywhere}.main-content input,.main-content select,.main-content textarea,.main-content img{max-width:100%}.images-container{grid-template-columns:minmax(0,1fr)!important}.images-container figure{min-width:0;max-width:100%}.products,.cards-container{gap:var(--spacing-md);grid-template-columns:1fr}.product-card,.card{padding:var(--spacing-md)}.product-card h2,.card h2{font-size:1.1rem}.product-card button,.card button{padding:12px 20px;font-size:.9rem}.footer{padding:var(--spacing-md) var(--spacing-xs);font-size:.85rem}.footer-social{gap:var(--spacing-xs)}}@media (width<=479px){.logo-container img{max-width:120px}h1{font-size:1.5rem}.back-button{font-size:.8rem}.main-content .card-content,.main-content .profile-section,.main-content .form-section{padding-right:var(--spacing-md);padding-left:var(--spacing-md)}}img[src*=logo-vdf-dark\.svg],.logo-container img[src*=logo-vdf-dark\.svg],.brand-logo[src*=logo-vdf-dark\.svg],.logo[src*=logo-vdf-dark\.svg]{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}