:root{--carousel-control-size:56px;--carousel-gap:18px}.featured .section-title{text-align:center;color:#1a1a1a;background:linear-gradient(135deg,#000 0%,#d32f2f 50%,#1a1a1a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:8px 0 12px;font-size:26px;font-weight:700}.featured .section-sub{color:#666;text-align:center;max-width:900px;margin:0 auto 18px;font-size:16px;line-height:1.5}.featured-carousel{background:linear-gradient(135deg,#f5f5f5 0%,#fff 50%,#fafafa 100%);padding:60px 0;position:relative}.featured-carousel:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 20% 30%,#d32f2f0a 0%,#0000 50%),radial-gradient(at 80% 70%,#d32f2f05 0%,#0000 50%);position:absolute;inset:0}.featured-header.modern{z-index:1;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;display:flex;position:relative}.featured-header.modern .section-title{font-family:var(--font-display);letter-spacing:.01em}.carousel{padding-bottom:88px;position:relative}.carousel-viewport{box-sizing:border-box;background:0 0;width:100%;overflow:hidden}.carousel-track{gap:var(--carousel-gap);will-change:transform;transition:transform .64s cubic-bezier(.2,.9,.2,1);display:flex;transform:translate(0,0)}.carousel-item{box-sizing:border-box;opacity:1;flex:0 0 calc(33.333% - 12px);min-width:calc(33.333% - 12px);transform:translateY(0)scale(1)}.card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;flex-direction:column;width:100%;transition:all .35s cubic-bezier(.2,.9,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014,0 2px 6px #0000000a}.card:hover{border-color:#d32f2f;transform:translateY(-8px);box-shadow:0 12px 32px #d32f2f26,0 4px 12px #00000014}.card:before{content:"";z-index:2;background:linear-gradient(90deg,#d32f2f 0%,#b71c1c 100%);height:3px;position:absolute;top:0;left:0;right:0}.card img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;padding:20px;display:flex}.card h3{font-size:18px;font-family:var(--font-base);color:#1a1a1a;margin:0 0 8px;font-weight:700;line-height:1.3}.card .meta{color:#888;margin-bottom:12px;font-size:14px;line-height:1.4}.price{color:#d32f2f;font-size:20px;font-weight:700;font-family:var(--font-display);margin-top:auto}.spec-badges{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}.spec-badge{color:#d32f2f;background:#d32f2f14;border:1px solid #d32f2f26;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.spec-badge .spec-icon{stroke:#d32f2f;fill:none;flex:0 0 14px;width:14px;height:14px}.carousel-controls{z-index:20;gap:12px;display:flex;position:absolute;bottom:18px;right:18px}.carousel-controls button{width:var(--carousel-control-size);height:var(--carousel-control-size);color:#1a1a1a;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.2,.9,.2,1);display:inline-flex;box-shadow:0 4px 12px #0000001a}.carousel-controls button:hover{color:#fff;background:linear-gradient(135deg,#d32f2f 0%,#b71c1c 100%);border-color:#d32f2f;transform:scale(1.08);box-shadow:0 8px 20px #d32f2f40}.carousel-controls button svg{width:24px;height:24px}.carousel-dots{z-index:20;gap:8px;display:flex;position:absolute;bottom:26px;left:18px}.carousel-dots button{cursor:pointer;background:#fff;border:2px solid #d0d0d0;border-radius:50%;justify-content:center;align-items:center;width:12px;min-width:12px;height:12px;min-height:12px;padding:0;transition:all .3s cubic-bezier(.2,.9,.2,1);display:flex}.carousel-dots button.active{background:#d32f2f;border-color:#d32f2f;transform:scale(1.35);box-shadow:0 0 12px #d32f2f66}.carousel-dots button:hover{background:#d32f2f4d;border-color:#d32f2f}@media (max-width:1000px){.carousel-item{flex:0 0 calc(50% - 9px);min-width:calc(50% - 9px)}:root{--carousel-control-size:48px}}@media (max-width:640px){.featured-carousel{padding:36px 0}.carousel-item{flex:0 0 100%;min-width:100%}.carousel-viewport{box-sizing:border-box;padding:0 12px}.carousel-controls{bottom:12px;right:12px}:root{--carousel-control-size:44px;--carousel-gap:12px}.carousel{padding-bottom:0!important}.featured .section-sub{text-align:center;box-sizing:border-box;padding:0 12px}.card-body{padding:12px}.card h3{font-size:16px}}@media (prefers-reduced-motion:reduce){.carousel-track{transition:none}}@media (max-width:420px){.carousel-controls,.carousel-dots{display:none!important}.carousel-viewport{box-sizing:border-box;padding:0 12px}}