.products-section{background:var(--bg-secondary)}

.products-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}
.product-tab{padding:9px 22px;background:#fff;border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-2);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition)}
.product-tab:hover{border-color:var(--accent);color:var(--accent)}
.product-tab.active{background:var(--gradient);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}

.products-showcase{position:relative;max-width:960px;margin:0 auto 20px}
.products-duo{display:flex;align-items:stretch;justify-content:center;gap:20px;padding:12px 52px}
.duo-web{flex:1;max-width:560px;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow)}
.duo-web img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:opacity .4s}
.duo-app{flex-shrink:0;width:170px}
.duo-app img{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 28px rgba(0,0,0,.08);transition:opacity .4s}

.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow);color:var(--text-3);font-size:16px}
.carousel-arrow:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-glow)}
.carousel-arrow-left{left:0}.carousel-arrow-right{right:0}

.products-info{text-align:center}
.products-series-name{font-size:1rem;font-weight:700;color:var(--text-1)}
.products-color-name{font-size:.85rem;color:var(--accent);margin-left:6px}
.products-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.products-dot{width:8px;height:8px;border-radius:50%;background:var(--border);border:none;padding:0;cursor:pointer;transition:all var(--transition);position:relative}
.products-dot::before{content:'';position:absolute;inset:-8px}
.products-dot.active{background:var(--accent);width:24px;border-radius:4px}

@media(max-width:768px){.products-duo{gap:10px;padding:10px 38px}.duo-app{width:110px}.duo-app img{border-radius:14px}.carousel-arrow{width:34px;height:34px;font-size:14px}.carousel-arrow-left{left:2px}.carousel-arrow-right{right:2px}.product-tab{padding:7px 14px;font-size:.75rem}}
@media(min-width:1024px){.duo-app{width:210px}.duo-app img{border-radius:22px}.duo-web{max-width:620px}}