:root{--color-black:#0a0a0a;--color-black-light:#1a1a1a;--color-white:#fff;--color-white-off:#f8f9fa;--color-orange:#f60;--color-orange-hover:#e55c00;--font-main:"Montserrat", system-ui, -apple-system, sans-serif;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);color:var(--color-black);background-color:var(--color-white-off);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3{font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .3s}ul{list-style:none}img,video{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.btn-cta,.btn-primary,.btn-secondary{text-align:center;cursor:pointer;border:none;border-radius:4px;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block}.btn-cta,.btn-primary{background-color:var(--color-orange);color:var(--color-white)}.btn-cta:hover,.btn-primary:hover{background-color:var(--color-orange-hover);transform:translateY(-2px)}.btn-secondary{color:var(--color-orange);border:2px solid var(--color-orange);background-color:#0000}.btn-secondary:hover{background-color:var(--color-orange);color:var(--color-white)}.main-header{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-white);padding:var(--spacing-md);background-color:#0a0a0af2;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.nav-container{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.logo{color:var(--color-white);font-size:1.5rem;font-weight:700}.logo .fa-basketball{color:var(--color-orange);font-size:.65em;animation:1.5s ease-out spin-ball;display:inline-block}.logo:hover .fa-basketball{animation:1.5s linear infinite spin-ball}@keyframes spin-ball{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-group{justify-content:center;align-items:center;gap:var(--spacing-md);flex-flow:wrap;display:flex}.brand-separator{background-color:#fff3;width:1px;height:32px;display:none}.nav-links{gap:var(--spacing-md);font-size:1.1rem;font-weight:600;display:flex}.nav-links a:hover{color:var(--color-orange)}.nav-link-with-icon{align-items:center;gap:0;display:flex}.nav-picto{width:auto;height:2.2rem;transform:translateY(-5px)}.header-actions{align-items:center;gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.hero-section{background-color:var(--color-black);color:var(--color-white);padding:var(--spacing-xl) var(--spacing-md);text-align:center;flex-direction:column;justify-content:center;min-height:70vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;opacity:.5;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;position:relative}.hero-content h1{margin-bottom:var(--spacing-md);font-size:2.2rem}.hero-subtitle{color:#d1d1d1;margin-bottom:var(--spacing-lg);font-size:1rem}.products-section{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--color-white)}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:1.8rem}.products-grid{gap:var(--spacing-lg);grid-template-columns:1fr;max-width:1200px;margin:0 auto;display:grid}.product-card{background:var(--color-white-off);border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 15px #0000000d}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.product-image img{aspect-ratio:1;object-fit:contain;background-color:var(--color-white);width:100%;height:auto;display:block}.product-details{padding:var(--spacing-lg)}.product-details h3{margin-bottom:var(--spacing-sm);font-size:1.4rem}.product-benefits{margin:var(--spacing-md) 0;padding-left:1.5rem}.product-benefits li{margin-bottom:var(--spacing-sm);font-size:.95rem;position:relative}.product-benefits li:before{content:"✓";color:var(--color-orange);font-weight:700;position:absolute;left:-1.5rem}.product-price{color:var(--color-black);margin-bottom:var(--spacing-md);font-size:1.5rem}.price-ttc{color:#666;font-size:.9rem;font-weight:400;display:block}.contact-section{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--color-white-off)}.form-container{background:var(--color-white);max-width:600px;padding:var(--spacing-lg);border-radius:8px;margin:0 auto;box-shadow:0 4px 15px #0000000d}.form-container h2{text-align:center;margin-bottom:var(--spacing-sm)}.form-container p{text-align:center;margin-bottom:var(--spacing-lg);color:#555}.contact-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:.3rem;display:flex}.form-group label{font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-white);border:1px solid #ddd;border-radius:4px;width:100%;padding:.8rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-orange);outline:none;box-shadow:0 0 0 2px #f603}.form-group input[readonly]{color:#666;cursor:not-allowed;background-color:#f5f5f5}.main-footer{background-color:var(--color-black);color:var(--color-white);padding:var(--spacing-lg) var(--spacing-md);text-align:center}.footer-content{gap:var(--spacing-md);flex-direction:column;align-items:center;display:flex}.legal-mentions a{color:#aaa;font-size:.9rem}.legal-mentions a:hover{color:var(--color-orange)}.social-icons{gap:var(--spacing-md);display:flex}.social-icons a{background-color:var(--color-black-light);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:background-color .3s;display:flex}.social-icons a:hover{background-color:var(--color-orange)}@media (width>=768px){.btn-cta,.btn-primary,.btn-secondary{width:auto}.nav-container{flex-flow:wrap;justify-content:space-between;max-width:1200px;margin:0 auto}.brand-group{align-items:center}.brand-separator{display:block}.header-actions{flex-direction:row;width:auto}.hero-content h1{font-size:3.5rem}.hero-subtitle{font-size:1.25rem}.products-grid{grid-template-columns:repeat(2,1fr)}.footer-content{flex-direction:row;justify-content:center;max-width:1200px;margin:0 auto}.main-footer{text-align:center}}
