*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:var(--font-secondary);color:var(--color-text);line-height:1.6;overflow-x:hidden;background:var(--color-background);width:100%;max-width:100vw}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}.site-main,.site-content,#primary{width:100%;max-width:100vw;overflow-x:hidden}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.nav-search-toggle,.nav-account,.nav-cart{background:none;border:none;color:var(--color-text);cursor:pointer;padding:.5rem;border-radius:50%;transition:var(--transition-smooth);position:relative}.nav-search-toggle:hover,.nav-account:hover,.nav-cart:hover{background:var(--color-light);color:var(--color-primary-text)}.nav-cart .cart-count{position:absolute;top:0;right:0;background:var(--color-accent);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.nav-cta{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;padding:12px 24px;border-radius:50px;text-decoration:none;font-weight:600;font-size:.9rem;letter-spacing:.5px;transition:var(--transition-bounce);box-shadow:var(--shadow-soft)}.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));color:#fff}.nav-mobile-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:4px}.hamburger-line{width:24px;height:2px;background:var(--color-text);transition:var(--transition-smooth)}.nav-search-overlay{position:fixed;inset:0;background:#000c;z-index:1001;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition-smooth)}.nav-search-overlay.active{opacity:1;visibility:visible}.search-container{background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-large);max-width:600px;width:90%;position:relative}.search-form{display:flex;gap:var(--spacing-sm)}.search-field{flex:1;padding:var(--spacing-md);border:2px solid var(--color-light);border-radius:var(--border-radius);font-size:1.1rem;transition:var(--transition-smooth)}.search-field:focus:not(:focus-visible){outline:none;border-color:var(--color-primary)}.search-submit{background:var(--color-primary-strong);color:#fff;border:none;padding:var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-smooth)}.search-submit:hover{background:var(--color-secondary)}.search-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--color-text-light);transition:var(--transition-smooth)}.search-close:hover{color:var(--color-text)}.hero-balanced{min-height:90vh;background:var(--gradient-soft);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero-balanced:before{content:"";position:absolute;top:0;right:-10%;width:40%;height:120%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="tea-pattern" x="0" y="0" width="15" height="15" patternUnits="userSpaceOnUse"><path d="M7.5,2 Q11,6 7.5,10 Q4,6 7.5,2" fill="rgba(127,179,163,0.04)"/></pattern></defs><rect width="100" height="100" fill="url(%23tea-pattern)"/></svg>') repeat;opacity:.8;animation:float 25s ease-in-out infinite}.hero-content-balanced{text-align:center;max-width:900px;margin:0 auto;padding:0 var(--spacing-md);position:relative;z-index:2}.chinese-subtitle{font-size:1.4rem;color:var(--color-accent);margin-bottom:var(--spacing-xs);font-weight:300;opacity:.6;transition:opacity .3s ease}.hero-title-main{font-family:var(--font-primary);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.2;color:var(--color-dark);margin-bottom:var(--spacing-md)}.hero-title-accent{color:var(--color-primary-text);display:block;margin-top:var(--spacing-xs)}.hero-subtitle-main{font-size:1.4rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg);line-height:1.5;max-width:700px;margin-left:auto;margin-right:auto}.hero-dual-cta{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap}.cta-boutique,.cta-ateliers{padding:18px 36px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;letter-spacing:.5px;transition:var(--transition-bounce);box-shadow:var(--shadow-medium);display:flex;align-items:center;gap:var(--spacing-xs)}.cta-boutique{background:var(--gradient-primary);color:#fff}.cta-ateliers{background:var(--gradient-accent);color:#fff}.cta-boutique:hover,.cta-ateliers:hover{transform:translateY(-3px);box-shadow:var(--shadow-strong);color:#fff}.hero-stats-balanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);max-width:600px;margin:0 auto;background:#fff;padding:var(--spacing-lg);border-radius:20px;box-shadow:var(--shadow-medium)}.stat-balanced{text-align:center}.stat-balanced .number{font-family:var(--font-primary);font-size:1.8rem;font-weight:700;color:var(--color-primary-text);display:block}.stat-balanced .label{font-size:.9rem;color:var(--color-text-light);font-weight:500}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.8}25%{transform:translateY(-8px) rotate(2deg);opacity:.9}50%{transform:translateY(-4px) rotate(-1deg);opacity:.85}75%{transform:translateY(-10px) rotate(3deg);opacity:.9}}.floating-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-leaf{position:absolute;font-size:1.2rem;color:#7fb3a326;animation:floatingLeaf 45s ease-in-out infinite;pointer-events:none}.floating-leaf:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-leaf:nth-child(2){top:60%;right:15%;animation-delay:15s}.floating-leaf:nth-child(3){top:80%;left:20%;animation-delay:30s}@keyframes floatingLeaf{0%,to{transform:translateY(0) rotate(0);opacity:.15}25%{transform:translateY(-8px) rotate(2deg);opacity:.25}50%{transform:translateY(-4px) rotate(-1deg);opacity:.2}75%{transform:translateY(-10px) rotate(3deg);opacity:.22}}@media(prefers-reduced-motion:reduce){.floating-leaf,.hero-balanced:before{animation:none}}.boutique-section{padding:var(--spacing-xxl) 0;background:var(--color-mist)}.selection-lin{margin-bottom:var(--spacing-xl)}.selection-title{text-align:center;margin-bottom:var(--spacing-lg)}.selection-title .chinese-subtitle{display:block;font-size:1.1rem;color:var(--color-accent);margin-bottom:var(--spacing-xs);opacity:.7}.produit-card.product-card-enhanced{display:flex;flex-direction:column;height:100%;transition:var(--transition-smooth)}.produit-card .product-image{margin-bottom:var(--spacing-sm);overflow:hidden;border-radius:12px}.produit-card .product-image img{width:100%;height:200px;object-fit:cover;transition:var(--transition-smooth)}.produit-card:hover .product-image img{transform:scale(1.05)}.produit-card .product-info{flex:1;display:flex;flex-direction:column}.produit-card .product-info h4{margin-bottom:var(--spacing-xs);font-size:1.1rem}.produit-card .product-info h4 a{color:var(--text-dark);text-decoration:none;transition:var(--transition-smooth)}.produit-card .product-info h4 a:hover{color:var(--color-primary-text)}.produit-card .product-excerpt{flex:1;font-size:.9rem;color:var(--text-medium);margin-bottom:var(--spacing-sm);line-height:1.5}.produit-card .product-price{font-weight:600;color:var(--color-primary-text);margin-bottom:var(--spacing-sm);font-size:1.1rem}.btn-product-view{background:var(--gradient-primary);color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:500;font-size:.9rem;text-align:center;transition:var(--transition-smooth);border:none;cursor:pointer}.btn-product-view:hover{background:var(--gradient-accent);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.types-the-section{padding:var(--spacing-xxl) 0;background:var(--color-pearl)}.types-the-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-xl)}.types-the-header .chinese-subtitle{font-size:1.1rem;color:var(--color-accent);margin-bottom:var(--spacing-xs);opacity:.7}.types-the-header h2{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);color:var(--text-dark);margin-bottom:var(--spacing-md)}.types-the-header p{font-size:1.1rem;color:var(--text-medium);line-height:1.6}.types-the-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);max-width:900px;margin:0 auto var(--spacing-xl);padding:0 var(--spacing-md)}.type-the-item{text-align:center}.type-the-link{display:block;text-decoration:none;color:inherit;transition:var(--transition-smooth)}.type-the-link:hover{transform:translateY(-5px)}.type-the-circle{width:100px;height:100px;border-radius:50%;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.type-the-circle:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);opacity:0;transition:var(--transition-smooth)}.type-the-link:hover .type-the-circle:before{opacity:1}.type-the-icon{font-size:2rem;filter:brightness(0) invert(1);mix-blend-mode:difference}.type-the-name{font-family:var(--font-primary);font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-xs);transition:var(--transition-smooth)}.type-the-link:hover .type-the-name{color:var(--color-primary-text)}.type-the-count{font-size:.9rem;color:var(--text-medium);margin:0}.types-the-cta{text-align:center}@media(max-width:768px){.types-the-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.type-the-circle{width:80px;height:80px}.type-the-icon{font-size:1.5rem}.type-the-name{font-size:1rem}}@media(max-width:480px){.types-the-grid{grid-template-columns:repeat(2,1fr)}}.shop-header-compact{background:var(--gradient-soft);padding:var(--spacing-lg) 0 0;margin-top:80px}.shop-hero-compact{text-align:center;padding:var(--spacing-lg) var(--spacing-md)}.shop-hero-compact .chinese-subtitle{font-size:1.1rem;color:var(--color-accent);margin-bottom:var(--spacing-xs);opacity:.7}.shop-hero-compact .shop-title{font-family:var(--font-primary);font-size:clamp(2rem,4vw,2.5rem);color:var(--text-dark);margin-bottom:var(--spacing-sm);font-weight:700}.shop-hero-compact .shop-description{font-size:1rem;color:var(--text-medium);max-width:600px;margin:0 auto var(--spacing-md);line-height:1.5}.shop-categories-nav{background:#fff;border-top:1px solid var(--color-stone);border-bottom:1px solid var(--color-stone);padding:var(--spacing-sm) 0;position:sticky;top:80px;z-index:100;box-shadow:var(--shadow-soft)}.categories-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) var(--spacing-md);scrollbar-width:none;-ms-overflow-style:none}.categories-scroll::-webkit-scrollbar{display:none}.category-nav-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:25px;text-decoration:none;color:var(--text-medium);background:var(--color-mist);transition:var(--transition-smooth);white-space:nowrap;font-size:.9rem;font-weight:500;border:2px solid transparent}.category-nav-item:hover{background:var(--color-primary-light);color:var(--color-primary-text);transform:translateY(-2px)}.category-nav-item.active{background:var(--color-primary-strong);color:#fff;border-color:var(--color-primary)}.category-nav-item .category-icon{font-size:1.1rem}.category-nav-item .category-count{font-size:.8rem;opacity:.7}.category-nav-item.active .category-count{opacity:.9}@media(max-width:768px){.shop-categories-nav{top:70px}.categories-scroll{padding:var(--spacing-xs);gap:var(--spacing-xs)}.category-nav-item{padding:8px 12px;font-size:.85rem}.category-nav-item .category-icon{font-size:1rem}}.bienfaits-saisons-section{padding:var(--spacing-xxl) 0;background:var(--color-mist)}.bienfaits-saisons-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-xl)}.bienfaits-saisons-header .chinese-subtitle{font-size:1.1rem;color:var(--color-accent);margin-bottom:var(--spacing-xs);opacity:.7}.bienfaits-saisons-header h2{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);color:var(--text-dark);margin-bottom:var(--spacing-md)}.bienfaits-saisons-header p{font-size:1.1rem;color:var(--text-medium);line-height:1.6}.bienfaits-saisons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);max-width:800px;margin:0 auto var(--spacing-xl);padding:0 var(--spacing-md)}.saison-card{background:#fff;padding:var(--spacing-lg);border-radius:20px;text-align:center;box-shadow:var(--shadow-soft);transition:var(--transition-smooth);position:relative;overflow:hidden}.saison-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(127,179,163,.1),transparent);transition:left .6s ease}.saison-card:hover:before{left:100%}.saison-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong)}.saison-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.saison-card h3{font-family:var(--font-primary);font-size:1.5rem;color:var(--text-dark);margin-bottom:var(--spacing-sm);font-weight:600}.saison-card p{color:var(--text-medium);margin-bottom:var(--spacing-md);line-height:1.5}.saison-teas{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md)}.tea-tag{background:var(--color-primary-light);color:var(--color-primary-text);padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:500}.saison-link{display:inline-block;background:var(--gradient-primary);color:#fff;padding:10px 24px;border-radius:25px;text-decoration:none;font-weight:500;transition:var(--transition-smooth)}.saison-link:hover{background:var(--gradient-accent);transform:translateY(-2px)}.bienfaits-saisons-cta{text-align:center}@media(max-width:768px){.bienfaits-saisons-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.saison-card{padding:var(--spacing-md)}.saison-icon{font-size:2.5rem}.saison-card h3{font-size:1.3rem}}@media(max-width:480px){.saison-teas{flex-direction:column;align-items:center}.tea-tag{display:inline-block}}.boutique-grid{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center}.boutique-content h2{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);color:var(--color-dark);margin-bottom:var(--spacing-md)}.boutique-content p{font-size:1.1rem;color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-lg)}.produits-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.produit-card{background:var(--color-primary-light);padding:var(--spacing-md);border-radius:15px;text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden}.produit-card:hover{transform:translateY(-5px);background:var(--color-secondary-light)}.produit-card h4{font-family:var(--font-primary);color:var(--color-primary-text);margin-bottom:var(--spacing-xs)}.produit-card p{font-size:.9rem;color:var(--color-text-light);margin:0}.chinese-tea-name{font-size:.9rem;color:var(--color-accent);font-weight:400;margin-bottom:var(--spacing-xs);opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(-5px);position:absolute;top:8px;right:12px;background:#ffffffe6;padding:4px 8px;border-radius:12px;font-size:.8rem}.produit-card:hover .chinese-tea-name{opacity:.6;transform:translateY(0)}.boutique-visual{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.boutique-image{width:100%;height:200px;object-fit:cover;border-radius:15px;box-shadow:var(--shadow-soft);transition:var(--transition-smooth)}.boutique-image:hover{transform:scale(1.02)}.boutique-image.large{grid-column:1 / -1;height:250px}.ateliers-section{padding:var(--spacing-xxl) 0;background:var(--color-soft-gray)}.ateliers-intro{text-align:center;max-width:800px;margin:0 auto var(--spacing-xxl);padding:0 var(--spacing-md)}.ateliers-intro h2{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);color:var(--color-dark);margin-bottom:var(--spacing-md)}.ateliers-intro p{font-size:1.1rem;color:var(--color-text-light);line-height:1.6}.ateliers-grid{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.atelier-card-mini{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft);transition:var(--transition-smooth);position:relative}.atelier-card-mini:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong)}.atelier-image-mini{width:100%;height:200px;object-fit:cover}.atelier-content-mini{padding:var(--spacing-md);position:relative}.atelier-price-mini{background:var(--color-accent);color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.9rem;display:inline-block;margin-bottom:var(--spacing-sm)}.atelier-title-mini{font-family:var(--font-primary);font-size:1.3rem;color:var(--color-dark);margin-bottom:var(--spacing-xs)}.atelier-description-mini{color:var(--color-text-light);font-size:.95rem;line-height:1.5;margin-bottom:var(--spacing-md)}.atelier-cta-mini{width:100%;background:var(--color-primary-strong);color:#fff;padding:12px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.atelier-cta-mini:hover{background:var(--color-secondary);transform:translateY(-2px)}.atelier-card-mini:hover .chinese-tea-name{opacity:.6;transform:translateY(0)}.expertise-section{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;text-align:center}.expertise-content{max-width:800px;margin:0 auto;padding:0 var(--spacing-md)}.expertise-content h2{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md);color:#fff}.expertise-content p{font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-lg);opacity:.9}.expertise-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.expertise-item{background:#ffffff1a;padding:var(--spacing-md);border-radius:15px;backdrop-filter:blur(10px);transition:var(--transition-smooth)}.expertise-item:hover{background:#ffffff26;transform:translateY(-5px)}.expertise-item h4{font-family:var(--font-primary);font-size:1.2rem;margin-bottom:var(--spacing-xs);color:#fff}.expertise-item p{font-size:.9rem;opacity:.9;margin:0}