.gamme-grid-section{padding:var(--space-xl,1.5rem) var(--space-lg,1.5rem);max-width:1400px;margin:0 auto}.gamme-grid-section__header{margin-bottom:var(--space-lg,1.5rem);text-align:center}.gamme-grid-section__title{font-size:var(--text-2xl,1.5rem);font-weight:700;color:var(--color-text-primary,#0c0806);margin:0 0 var(--space-xs,.5rem) 0}.gamme-grid-section__subtitle{font-size:var(--text-base,1rem);color:var(--color-text-muted,#6b4f47);margin:0}.gamme-photo-grid{display:grid;gap:var(--space-md,1rem)}.gamme-photo-grid--cols-2{grid-template-columns:repeat(2,1fr)}.gamme-photo-grid--cols-3{grid-template-columns:repeat(3,1fr)}.gamme-photo-grid--cols-4{grid-template-columns:repeat(4,1fr)}.gamme-card-photo{display:block;position:relative;border-radius:var(--radius-lg,12px);overflow:hidden;text-decoration:none;background:#ffffff;border:1px solid var(--color-border,#e2e8f0);transition:all .2s ease}.gamme-card-photo:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:var(--color-brand,#ea580c)}.gamme-card-photo__image{position:relative;aspect-ratio:16/10;overflow:hidden}.gamme-card-photo__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gamme-card-photo:hover .gamme-card-photo__image img{transform:scale(1.05)}.gamme-card-photo__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4)}.gamme-card-photo__placeholder svg{width:48px;height:48px}.gamme-card-photo__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.1) 0,transparent 50%);pointer-events:none}.gamme-card-photo__content{padding:var(--space-md,1rem)}.gamme-card-photo__title{font-size:var(--text-base,1rem);font-weight:600;color:var(--color-text-primary,#0c0806);margin:0 0 var(--space-2xs,.25rem) 0;line-height:1.3}.gamme-card-photo__count{font-size:var(--text-sm,.875rem);color:var(--color-text-muted,#6b4f47)}.popular-categories{padding:var(--space-2xl,2rem) var(--space-lg,1.5rem);background:linear-gradient(180deg,#f8f8f8,#f0f0f0);position:relative}.popular-categories:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(90%,1200px);height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.2) 20%,rgba(249,115,22,.3) 50%,rgba(249,115,22,.2) 80%,transparent)}.popular-categories__title{font-size:var(--text-xl,1.25rem);font-weight:700;color:var(--color-text-primary,#0c0806);margin:0 0 var(--space-lg,1.5rem) 0;text-align:center;position:relative;display:inline-block;width:100%}.popular-categories__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm,.75rem);max-width:1200px;margin:0 auto}.category-chip{display:inline-flex;align-items:center;gap:var(--space-xs,.5rem);padding:var(--space-sm,.75rem) var(--space-md,1rem);background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:50px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.04)}.category-chip:hover{border-color:rgba(249,115,22,.4);background:linear-gradient(135deg,#f97316,#dc2626);transform:translateY(-2px);box-shadow:0 4px 12px rgba(249,115,22,.25),0 2px 4px rgba(220,38,38,.15)}.category-chip:hover .category-chip__count,.category-chip:hover .category-chip__name{color:white}.category-chip__name{font-size:var(--text-sm,.875rem);font-weight:500;color:var(--color-text-primary,#0c0806);transition:color .2s ease}.category-chip__count{font-size:var(--text-xs,.75rem);color:var(--color-text-muted,#6b4f47);background:rgba(249,115,22,.08);padding:3px 10px;border-radius:20px;font-weight:600;transition:all .2s ease}.category-chip:hover .category-chip__count{background:rgba(255,255,255,.25)}@media (max-width:1280px){.gamme-photo-grid--cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.gamme-photo-grid--cols-3,.gamme-photo-grid--cols-4{grid-template-columns:repeat(2,1fr)}.gamme-grid-section{padding:var(--space-lg,1.5rem) var(--space-md,1rem)}}@media (max-width:640px){.gamme-photo-grid--cols-2,.gamme-photo-grid--cols-3,.gamme-photo-grid--cols-4{grid-template-columns:repeat(2,1fr);gap:var(--space-sm,.75rem)}.gamme-card-photo__content{padding:var(--space-sm,.75rem)}.gamme-card-photo__title{font-size:var(--text-sm,.875rem)}.gamme-card-photo__count{font-size:var(--text-xs,.75rem)}.gamme-grid-section__title{font-size:var(--text-xl,1.25rem)}.popular-categories{padding:var(--space-lg,1.5rem) var(--space-md,1rem)}.category-chip{padding:var(--space-xs,.5rem) var(--space-sm,.75rem)}.category-chip__name{font-size:var(--text-xs,.75rem)}}[data-theme=dark] .gamme-card-photo{background:#1a1512;border-color:#2a2520}[data-theme=dark] .gamme-card-photo__title{color:#fef2f2}[data-theme=dark] .gamme-card-photo__count{color:#a3a3a3}[data-theme=dark] .gamme-card-photo:hover{box-shadow:0 8px 24px rgba(0,0,0,.3);border-color:#ea580c}[data-theme=dark] .category-chip{background:#1a1512;border-color:#2a2520}[data-theme=dark] .category-chip__name{color:#fef2f2}[data-theme=dark] .popular-categories{background:#0c0806}[data-theme=dark] .gamme-grid-section__title{color:#fef2f2}[data-theme=dark] .gamme-grid-section__subtitle{color:#a3a3a3}.gamme-sections{display:flex;flex-direction:column;gap:var(--space-2xl,2rem);padding:var(--space-xl,1.5rem);max-width:1400px;margin:0 auto}.gamme-section{background:#ffffff;border-radius:var(--radius-xl,16px);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--color-border,#e2e8f0)}.gamme-section__header{position:relative;height:180px;display:flex;align-items:flex-end;padding:var(--space-lg,1.5rem);background:var(--gamme-bg-color,#2a2520)}.gamme-section__bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gamme-section__bg-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,var(--gamme-bg-color) 0,rgba(0,0,0,.3) 100%)}.gamme-section__header-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1))}.gamme-section__header-content{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-lg,1.5rem);width:100%}.gamme-section__title{font-size:var(--text-2xl,1.5rem);font-weight:700;color:#ffffff;margin:0;flex:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.gamme-section__stats{font-size:var(--text-sm,.875rem);color:rgba(255,255,255,.8);margin:0}.gamme-section__view-all{display:inline-flex;align-items:center;gap:var(--space-xs,.5rem);padding:var(--space-sm,.75rem) var(--space-md,1rem);background:rgba(255,255,255,.15);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md,8px);color:#ffffff;font-size:var(--text-sm,.875rem);font-weight:500;text-decoration:none;transition:all .2s ease}.gamme-section__view-all:hover{background:rgba(255,255,255,.25);transform:translateX(4px)}.gamme-section__categories{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md,1rem);padding:var(--space-lg,1.5rem);background:var(--color-bg-secondary,#f8fafc)}.category-card{display:flex;flex-direction:column;background:#ffffff;border-radius:var(--radius-lg,12px);overflow:hidden;text-decoration:none;border:1px solid var(--color-border,#e2e8f0);transition:all .2s ease}.category-card:hover{border-color:var(--color-brand,#ea580c);box-shadow:0 4px 12px rgba(234,88,12,.15);transform:translateY(-2px)}.category-card__image-wrapper{position:relative;aspect-ratio:16/10;background:var(--color-bg-tertiary,#fef2f2);overflow:hidden}.category-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.category-card:hover .category-card__image{transform:scale(1.05)}.category-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef2f2,#e2e8f0);color:#a3a3a3}.category-card__content{padding:var(--space-md,1rem)}.category-card__name{font-size:var(--text-sm,.875rem);font-weight:600;color:var(--color-text-primary,#0c0806);margin:0 0 var(--space-2xs,.25rem) 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-card__count{font-size:var(--text-xs,.75rem);color:var(--color-text-muted,#6b4f47)}.category-card--more{display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary,#fef2f2);border-style:dashed;min-height:160px}.category-card--more:hover{background:var(--color-brand-light,#fff7ed);border-color:var(--color-brand,#ea580c)}.category-card__more-content{text-align:center}.category-card__more-count{display:block;font-size:var(--text-2xl,1.5rem);font-weight:700;color:var(--color-brand,#ea580c)}.category-card__more-text{display:block;font-size:var(--text-sm,.875rem);color:var(--color-text-muted,#6b4f47);margin-top:var(--space-xs,.5rem)}@media (max-width:1280px){.gamme-section__categories{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.gamme-section__header{height:160px}.gamme-section__header-content{flex-wrap:wrap}.gamme-section__title{width:100%;font-size:var(--text-xl,1.25rem)}.gamme-section__categories{grid-template-columns:repeat(2,1fr);gap:var(--space-sm,.75rem)}}@media (max-width:640px){.gamme-sections{padding:var(--space-md,1rem);gap:var(--space-lg,1.5rem)}.gamme-section__header{height:140px;padding:var(--space-md,1rem)}.gamme-section__title{font-size:var(--text-lg,1.125rem)}.gamme-section__stats,.gamme-section__view-all{font-size:var(--text-xs,.75rem)}.gamme-section__view-all{padding:var(--space-xs,.5rem) var(--space-sm,.75rem)}.gamme-section__categories{grid-template-columns:repeat(2,1fr);padding:var(--space-md,1rem)}.category-card__name{font-size:var(--text-xs,.75rem)}.category-card__content{padding:var(--space-sm,.75rem)}}[data-theme=dark] .gamme-section{background:#1a1512;border-color:#2a2520}[data-theme=dark] .gamme-section__categories{background:#0c0806}[data-theme=dark] .category-card{background:#1a1512;border-color:#2a2520}[data-theme=dark] .category-card__name{color:#fef2f2}[data-theme=dark] .category-card__image-placeholder{background:linear-gradient(135deg,#2a2520,#1a1512);color:#6b4f47}[data-theme=dark] .category-card--more{background:#0c0806}[data-theme=dark] .category-card--more:hover{background:rgba(234,88,12,.1)}.gamme-showcase{padding:3rem 1.5rem;background:linear-gradient(180deg,#1a1512,#0c0806)}.showcase-header{text-align:center;margin-bottom:2.5rem}.showcase-header h2{font-size:2rem;font-weight:700;color:#ffffff;margin-bottom:.5rem;position:relative;display:inline-block}.showcase-header h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:2px}.showcase-header p{color:#a3a3a3;font-size:1rem;margin-top:1rem}.gamme-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:200px;gap:1rem;max-width:1400px;margin:0 auto}.gamme-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;background:#1a1512}.gamme-card--large{grid-row:span 2}.gamme-card__image-wrapper{position:absolute;inset:0;overflow:hidden}.gamme-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1)}.gamme-card:hover .gamme-card__image{transform:scale(1.15)}.gamme-card__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.4) 40%,rgba(0,0,0,.1));transition:opacity .3s ease}.gamme-card:hover .gamme-card__overlay{background:linear-gradient(0deg,rgba(245,158,11,.9) 0,rgba(217,119,6,.5) 30%,rgba(0,0,0,.2))}.gamme-card__content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;display:flex;flex-direction:column;z-index:2;transform:translateY(20px);transition:transform .4s cubic-bezier(.23,1,.32,1)}.gamme-card:hover .gamme-card__content{transform:translateY(0)}.gamme-card__title{font-size:1.25rem;font-weight:700;color:#ffffff;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.gamme-card--large .gamme-card__title{font-size:1.5rem}.gamme-card__count{font-size:.875rem;color:#fcd34d;font-weight:500;margin-bottom:.75rem}.gamme-card__cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#ffffff;opacity:0;transform:translateY(10px);transition:all .3s ease .1s}.gamme-card:hover .gamme-card__cta{opacity:1;transform:translateY(0)}.gamme-card__cta svg{transition:transform .2s ease}.gamme-card:hover .gamme-card__cta svg{transform:translateX(4px)}.showcase-footer{display:flex;justify-content:center;margin-top:2rem}.view-all-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000000;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(245,158,11,.3)}.view-all-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.4)}.view-all-btn svg{transition:transform .2s ease}.view-all-btn:hover svg{transform:translateX(4px)}@media (max-width:1024px){.gamme-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.gamme-card--large{grid-row:span 2}}@media (max-width:640px){.gamme-showcase{padding:2rem 1rem}.showcase-header h2{font-size:1.5rem}.gamme-grid{grid-template-columns:1fr;grid-auto-rows:200px}.gamme-card--large{grid-row:span 1}.gamme-card__title{font-size:1.125rem}.gamme-card--large .gamme-card__title{font-size:1.25rem}}.gamme-card{animation:fadeInUp .6s ease backwards}.gamme-card:first-child{animation-delay:.1s}.gamme-card:nth-child(2){animation-delay:.2s}.gamme-card:nth-child(3){animation-delay:.3s}.gamme-card:nth-child(4){animation-delay:.4s}.gamme-card:nth-child(5){animation-delay:.5s}.gamme-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gamme-strip-section{padding:var(--space-xl) var(--space-lg);max-width:1400px;margin:0 auto}.gamme-strip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(0,0,0,.06)}.gamme-strip-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0;position:relative;padding-left:var(--space-md)}.gamme-strip-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--gradient-brand);border-radius:2px}.gamme-strip-viewall{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-brand);font-size:var(--text-sm);font-weight:600;text-decoration:none;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1px solid transparent;transition:all .3s ease}.gamme-strip-viewall:hover{background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.2)}.gamme-strip-viewall svg{transition:transform .3s ease}.gamme-strip-viewall:hover svg{transform:translateX(4px)}.gamme-strip-container{position:relative}.gamme-strip-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-md) 0}.gamme-strip-item{position:relative;perspective:1000px}.gamme-strip-item__link{text-decoration:none;display:block}.gamme-strip-item__card{position:relative;width:100%;height:120px;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(180deg,#ffffff,#f8f8f8);border:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:var(--space-sm);transition:all .35s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 6px rgba(0,0,0,.02)}.gamme-strip-item__bg{position:absolute;inset:0;opacity:1}.gamme-strip-item__bg img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gamme-strip-item__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1));transition:background .3s ease}.gamme-strip-item__icon{display:none}.gamme-strip-item__content{display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2;text-align:center;padding:0 var(--space-xs)}.gamme-strip-item__name{font-size:var(--text-sm);font-weight:600;color:white;text-align:center;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:all .3s ease}.gamme-strip-item__count{font-size:10px;font-weight:700;color:white;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);padding:2px 8px;border-radius:var(--radius-full);transition:all .3s ease}.gamme-strip-item__glow{position:absolute;inset:-2px;border-radius:inherit;opacity:0;background:var(--gradient-brand);z-index:-1;filter:blur(8px);transition:opacity .3s ease}.gamme-strip-item__card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(249,115,22,.4);box-shadow:0 20px 40px rgba(153,27,27,.15),0 10px 20px rgba(249,115,22,.1),0 0 0 1px rgba(249,115,22,.1)}.gamme-strip-item__card:hover .gamme-strip-item__bg img{transform:scale(1.1)}.gamme-strip-item__card:hover .gamme-strip-item__overlay{background:linear-gradient(0deg,rgba(153,27,27,.8) 0,rgba(249,115,22,.4) 50%,rgba(250,204,21,.2))}.gamme-strip-item__card:hover .gamme-strip-item__glow{opacity:.4}.gamme-strip-item__card:hover .gamme-strip-item__count{background:var(--gradient-brand)}.gamme-strip-item--active .gamme-strip-item__card{transform:translateY(-8px) scale(1.05);border-color:transparent}.gamme-strip-dropdown{position:absolute;top:calc(100% + var(--space-xs));left:50%;transform:translateX(-50%);width:280px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-sm);z-index:100;animation:dropdown-appear .2s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.gamme-strip-dropdown:before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:var(--color-bg-card);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}.gamme-strip-dropdown__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.gamme-strip-dropdown__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.gamme-strip-dropdown__item:hover{background:var(--gradient-card-hover)}.gamme-strip-dropdown__name{font-size:var(--text-xs);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gamme-strip-dropdown__count{font-size:10px;color:var(--color-text-muted);flex-shrink:0}.gamme-strip-dropdown__more{display:block;text-align:center;padding:var(--space-xs);margin-top:var(--space-xs);font-size:var(--text-xs);font-weight:600;color:var(--color-brand);text-decoration:none;border-top:1px solid var(--color-border);transition:color var(--transition-fast)}.gamme-strip-dropdown__more:hover{color:var(--color-brand-hover)}@media (max-width:1024px){.gamme-strip-scroll{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:768px){.gamme-strip-section{padding:var(--space-md) var(--space-md)}.gamme-strip-scroll{grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.gamme-strip-item__card{height:90px}.gamme-strip-item__name{font-size:var(--text-xs)}.gamme-strip-dropdown{width:240px}.gamme-strip-dropdown__grid{grid-template-columns:1fr}}@media (max-width:480px){.gamme-strip-scroll{grid-template-columns:repeat(2,1fr)}.gamme-strip-item__card{height:80px}}[data-theme=dark] .gamme-strip-dropdown,[data-theme=dark] .gamme-strip-dropdown:before,[data-theme=dark] .gamme-strip-item__card{background:var(--color-bg-card);border-color:var(--color-border)}.hero-search{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.hero-search-container{position:relative;width:100%;z-index:100}.hero-search-input-wrapper{display:flex;align-items:center;gap:var(--space-sm);background:linear-gradient(180deg,#ffffff,#f7f7f7);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-xl);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.hero-search-input-wrapper:focus-within{border-color:var(--color-flash);box-shadow:0 0 0 4px rgba(255,107,0,.15),0 0 40px rgba(255,107,0,.2),0 4px 20px rgba(0,0,0,.3)}.hero-search-icon{color:var(--color-text-muted);flex-shrink:0;transition:color var(--transition-fast)}.hero-search-input-wrapper:focus-within .hero-search-icon{color:var(--color-flash)}.hero-search-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-lg);padding:var(--space-sm) 0;outline:none;min-width:0}.hero-search-input::placeholder{color:var(--color-text-muted);font-weight:400}.hero-search-clear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.hero-search-clear:hover{background:var(--color-bg-hover);color:var(--color-flash)}.hero-search-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-flash);border-radius:50%;animation:hero-spin .8s linear infinite}@keyframes hero-spin{to{transform:rotate(1turn)}}.hero-search-kbd{display:none;background:var(--color-bg-warm);color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);border:1px solid var(--color-border);white-space:nowrap}@media (min-width:768px){.hero-search-kbd{display:block}}.hero-search-btn{display:flex;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,var(--color-flash),var(--color-earth));color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.hero-search-btn:hover{background:linear-gradient(135deg,var(--color-earth),var(--color-vermillion));transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,107,0,.4)}.hero-search-btn svg{display:none}@media (max-width:640px){.hero-search-btn span{display:none}.hero-search-btn svg{display:block}.hero-search-btn{padding:var(--space-sm);border-radius:var(--radius-md)}}.hero-search-pills{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.hero-search-pill{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.hero-search-pill:hover:not(:disabled){border-color:var(--color-flash);color:var(--color-text-primary)}.hero-search-pill.highlighted{border-color:rgba(255,107,0,.5);background:rgba(255,107,0,.1);color:var(--color-flash)}.hero-search-pill.active{background:var(--color-flash);border-color:var(--color-flash);color:#fff}.hero-search-pill.empty{opacity:.5;cursor:not-allowed}.pill-count{background:rgba(255,255,255,.15);padding:2px 8px;border-radius:9999px;font-size:var(--text-xs)}.hero-search-pill.active .pill-count{background:rgba(0,0,0,.2)}.hero-search-dropdown{position:absolute;top:calc(100% + var(--space-sm));left:0;right:0;background:rgba(255,252,250,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(232,226,221,.6);border-radius:var(--radius-xl);box-shadow:0 4px 6px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.08),0 20px 40px rgba(0,0,0,.12),0 0 0 1px rgba(255,107,0,.08);z-index:9999;max-height:480px;overflow-y:auto;overflow-x:hidden;animation:dropdownReveal .2s var(--ease-out-expo,cubic-bezier(.16,1,.3,1));transform-origin:top center}[data-theme=dark] .hero-search-dropdown{background:rgba(26,21,18,.95);border-color:rgba(42,37,32,.6)}@keyframes dropdownReveal{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-muted);font-size:var(--text-sm)}.loading-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-flash);border-radius:50%;animation:hero-spin .8s linear infinite}.dropdown-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl);color:var(--color-text-muted);text-align:center}.dropdown-empty svg{opacity:.5}.dropdown-section{border-bottom:1px solid var(--color-border)}.dropdown-section:last-of-type{border-bottom:none}.section-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-warm);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.section-count{margin-left:auto;background:var(--color-bg-card);padding:2px 8px;border-radius:9999px}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.dropdown-item:last-child{border-bottom:none}.dropdown-item.selected,.dropdown-item:hover{background:var(--color-bg-hover)}.dropdown-item.selected{border-left:3px solid var(--color-flash);padding-left:calc(var(--space-md) - 3px)}.product-item .item-sku{min-width:100px}.product-item .item-name{flex:1}.product-item .item-category{padding:var(--space-xs) var(--space-sm);display:none}@media (min-width:640px){.product-item .item-category{display:block}}.machine-item .item-name{flex:1}.machine-item .item-count{color:var(--color-text-muted)}.dropdown-see-all{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--color-bg-warm);border:none;border-top:1px solid var(--color-border);color:var(--color-flash);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.dropdown-see-all:hover{background:var(--color-flash);color:#fff}.hero-search-recent{padding:var(--space-sm) 0}.recent-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.recent-title{font-weight:600;text-transform:uppercase;letter-spacing:.05em}.recent-clear,.recent-title{font-size:var(--text-xs);color:var(--color-text-muted)}.recent-clear{background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.recent-clear:hover{color:var(--color-fire)}.recent-list{display:flex;flex-direction:column}.recent-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.recent-item:hover{background:var(--color-bg-hover)}.recent-icon{color:var(--color-text-muted)}.recent-query{flex:1;font-size:var(--text-sm);color:var(--color-text-primary)}.recent-arrow{color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast)}.recent-item:hover .recent-arrow{opacity:1}.item-thumbnail{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--color-bg-warm);display:flex;align-items:center;justify-content:center}.item-thumbnail img{width:100%;height:100%;object-fit:cover}.item-thumbnail.placeholder{color:var(--color-text-muted)}.item-thumbnail.placeholder svg{width:24px;height:24px;opacity:.5}.item-thumbnail.placeholder.machine{background:linear-gradient(135deg,var(--color-bg-warm),var(--color-bg-hover))}.item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-bottom,.item-top{display:flex;align-items:center;gap:var(--space-sm)}.item-bottom{flex-wrap:wrap}.stock-badge{font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-sm);font-weight:500}.stock-badge.in-stock{background:rgba(34,197,94,.15);color:var(--color-stock-ok)}.stock-badge.low-stock{background:rgba(245,158,11,.15);color:var(--color-stock-low)}.stock-badge.out-stock{background:rgba(220,38,38,.15);color:var(--color-stock-out)}.dropdown-intent{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-warm);border-bottom:1px solid var(--color-border)}.intent-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.intent-badge.brand{background:rgba(255,107,0,.1);color:var(--color-flash)}.intent-badge.type{background:rgba(245,158,11,.1);color:var(--color-amber)}.product-item{align-items:flex-start;padding:var(--space-md)}.product-item .item-sku{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--color-flash);text-transform:uppercase}.product-item .item-name{font-size:var(--text-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-item .item-gamme{font-size:var(--text-xs);color:var(--color-flash);opacity:.8}.product-item .item-category{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-warm);padding:2px 6px;border-radius:var(--radius-sm)}.product-item .item-price{font-size:var(--text-sm);font-weight:600;color:var(--color-amber);white-space:nowrap;margin-left:auto}.gamme-item{padding:var(--space-md)}.gamme-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-flash),var(--color-earth));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.gamme-icon svg{width:20px;height:20px}.gamme-item .item-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.gamme-item .item-stats{font-size:var(--text-xs);color:var(--color-text-muted)}.gamme-item .item-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast)}.gamme-item:hover .item-arrow{transform:translateX(3px);color:var(--color-flash)}.machine-item{padding:var(--space-md);align-items:flex-start}.machine-item .item-brand{font-size:var(--text-xs);font-weight:700;color:var(--color-flash);text-transform:uppercase;letter-spacing:.05em}.machine-item .item-family{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-warm);padding:2px 6px;border-radius:var(--radius-sm)}.machine-item .item-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.machine-item .item-type{font-size:var(--text-xs);color:var(--color-text-muted)}.machine-item .item-count{font-size:var(--text-xs);font-weight:600;color:var(--color-amber);white-space:nowrap;align-self:center}.families-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-border)}.family-item{padding:var(--space-md);background:var(--color-bg-card);flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);border-bottom:none!important}.family-icon{width:44px;height:44px;background:var(--color-bg-warm);border:2px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-fast)}.family-item.selected .family-icon,.family-item:hover .family-icon{border-color:var(--color-flash);color:var(--color-flash);background:rgba(255,107,0,.1)}.family-icon svg{width:24px;height:24px}.family-item .item-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.family-item .item-stats{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width:640px){.hero-search{max-width:100%}.hero-search-input-wrapper{padding:var(--space-xs) var(--space-sm)}.hero-search-input{font-size:var(--text-base)}.hero-search-dropdown{max-height:60vh}.hero-search-pills{width:100%}.hero-search-pill{flex:1;justify-content:center}}.sticky-sentinel{height:1px;width:100%}.sticky-placeholder,.sticky-sentinel{pointer-events:none}.sticky-hero-search{width:100%;transition:all var(--transition-base);z-index:var(--z-sticky)}.sticky-hero-search-inner{display:flex;justify-content:center;width:100%}.sticky-hero-search.is-sticky{position:fixed;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(12,8,6,.98),rgba(12,8,6,.95));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-sm) var(--space-lg);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 40px rgba(255,107,0,.1);border-bottom:1px solid rgba(255,107,0,.2);animation:slideDown .25s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.sticky-hero-search.is-sticky .hero-search{max-width:800px}.sticky-hero-search.is-sticky .hero-search-input-wrapper{background:var(--color-bg-card);border-color:rgba(255,107,0,.3)}.sticky-hero-search.is-sticky .hero-search-pills{display:none}.sticky-hero-search.is-sticky .hero-search-dropdown{max-height:calc(100vh - 100px)}@media (max-width:640px){.sticky-hero-search.is-sticky{padding:var(--space-xs) var(--space-sm)}.sticky-hero-search.is-sticky .hero-search{max-width:100%}}.hero-search-dropdown--split{display:flex;flex-direction:row;max-width:900px;width:140%;left:50%;transform:translateX(-50%);overflow:hidden}.dropdown-panel-left{flex:1;min-width:0;max-height:480px;overflow-y:auto;border-right:1px solid var(--color-border)}.dropdown-panel-left::-webkit-scrollbar{width:6px}.dropdown-panel-left::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.dropdown-panel-left::-webkit-scrollbar-thumb:hover{background:var(--color-flash)}.dropdown-panel-right{width:320px;flex-shrink:0;max-height:480px;overflow-y:auto;background:var(--color-bg-warm)}[data-theme=dark] .dropdown-panel-right{background:rgba(20,18,16,.5)}.dropdown-panel-right::-webkit-scrollbar{width:6px}.dropdown-panel-right::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.panel-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);z-index:10}[data-theme=dark] .panel-header{background:var(--color-bg-tertiary)}.panel-header__title{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.panel-header__title svg{color:var(--color-flash)}.panel-header__count{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-hover);padding:2px 8px;border-radius:9999px}.machine-result-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.machine-result-item:last-child{border-bottom:none}.machine-result-item:hover{background:var(--color-bg-card)}.machine-result-item.highlighted{background:rgba(255,107,0,.08);border-left:3px solid var(--color-flash);padding-left:calc(var(--space-md) - 3px)}.machine-result__icon{width:36px;height:36px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0;overflow:hidden}.machine-result__icon img{width:100%;height:100%;object-fit:cover}.machine-result__info{flex:1;min-width:0}.machine-result__brand{font-size:10px;font-weight:700;color:var(--color-flash);text-transform:uppercase;letter-spacing:.03em}.machine-result__name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-result__meta{font-size:10px;color:var(--color-text-muted)}.machine-result__count{font-size:var(--text-xs);font-weight:600;color:var(--color-amber);white-space:nowrap}.machine-result-item.linked{background:rgba(255,107,0,.05)}.machine-result-item.linked:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-flash);border-radius:0 2px 2px 0}.machines-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-md);text-align:center;color:var(--color-text-muted)}.machines-empty-state svg{margin-bottom:var(--space-sm);opacity:.4}.machines-empty-state__title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.machines-empty-state__text{font-size:var(--text-xs);line-height:1.4}.machines-loading{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.machine-skeleton{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm)}.machine-skeleton__icon{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-bg-hover) 25%,var(--color-border) 50%,var(--color-bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.machine-skeleton__lines{flex:1}.machine-skeleton__line{height:10px;border-radius:4px;background:linear-gradient(90deg,var(--color-bg-hover) 25%,var(--color-border) 50%,var(--color-bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:6px}.machine-skeleton__line:last-child{width:60%;margin-bottom:0}.dropdown-item.product-item.selected+.dropdown-panel-right .machine-result-item.linked,.dropdown-item.product-item:hover+.dropdown-panel-right .machine-result-item.linked{background:rgba(255,107,0,.12)}.machines-see-all{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-card);border-top:1px solid var(--color-border);color:var(--color-flash);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.machines-see-all:hover{background:var(--color-flash);color:white}.machines-see-all svg{transition:transform var(--transition-fast)}.machines-see-all:hover svg{transform:translateX(4px)}@media (max-width:768px){.hero-search-dropdown--split{flex-direction:column;width:100%;left:0;transform:none;max-height:70vh}.dropdown-panel-left{max-height:none;border-right:none;border-bottom:1px solid var(--color-border)}.dropdown-panel-right{width:100%;max-height:200px}.panel-header{position:relative}}@keyframes machineSlideIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.machine-result-item{animation:machineSlideIn .2s ease-out backwards}.machine-result-item:first-child{animation-delay:.02s}.machine-result-item:nth-child(2){animation-delay:.04s}.machine-result-item:nth-child(3){animation-delay:.06s}.machine-result-item:nth-child(4){animation-delay:.08s}.machine-result-item:nth-child(5){animation-delay:.1s}.machine-result-item:nth-child(n+6){animation-delay:.12s}