.related-section{margin-bottom:clamp(1.25rem,2.5vw,1.75rem);padding:clamp(1rem,1.5vw,1.25rem);background-color:transparent;border:1px solid var(--border);border-radius:10px;box-shadow:none}html.dark .related-section{box-shadow:none}.related-section .section-header{display:flex;align-items:center;justify-content:space-between;gap:clamp(0.75rem,1.5vw,1rem);margin-bottom:clamp(0.875rem,1.5vw,1rem);padding-bottom:clamp(0.75rem,1vw,0.875rem);border-bottom:2px solid var(--accent)}.related-section__nav{display:flex;gap:6px}.related-section__nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);flex-shrink:0}.related-section__nav-btn:hover{background:var(--accent);border-color:var(--accent);color:#000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.related-carousel{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:8px}.related-carousel::-webkit-scrollbar{height:4px}.related-carousel::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:2px}.related-carousel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.related-carousel::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.related-card{flex:0 0 180px;min-width:180px;background-color:var(--bg-primary);border:none;border-radius:10px;overflow:hidden;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);text-decoration:none;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,0.04)}html.dark .related-card{box-shadow:0 1px 3px rgba(0,0,0,0.15)}.related-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.08)}html.dark .related-card:hover{box-shadow:0 12px 24px rgba(0,0,0,0.25)}.related-card__image{aspect-ratio:1;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.related-card__image img{width:100%;height:100%;object-fit:contain}.related-card__content{padding:12px;display:flex;flex-direction:column;gap:3px;flex:1}.related-card__brand{font-size:0.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.related-card__name{font-size:clamp(0.75rem,1.2vw,0.8125rem);font-weight:700;color:var(--text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;transition:color 0.2s;flex:1}.related-card:hover .related-card__name{color:var(--accent)}.related-card__price{font-size:0.95rem;font-weight:700;color:var(--accent);margin-top:4px}.related-card__btn-add{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all 0.2s;opacity:0}.related-card:hover .related-card__btn-add{opacity:1}.related-card__btn-add:hover{background-color:var(--accent);color:#000;border-color:var(--accent)}.related-grid{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:8px}.related-grid::-webkit-scrollbar{height:4px}.related-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:2px}.related-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.related-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.related-grid .related-card{flex:0 0 180px;min-width:180px}.product-related-mini{background:transparent;border:1px solid var(--border);border-radius:10px;padding:clamp(1rem,1.5vw,1.25rem);margin-top:1rem}.product-related-mini__title{font-size:clamp(0.9rem,1.5vw,1rem);font-weight:700;color:var(--text-primary);margin:0 0 1rem 0;padding-bottom:0.75rem;border-bottom:2px solid var(--accent);text-transform:uppercase;letter-spacing:0.03em}.related-mini-grid{display:flex;flex-direction:column;gap:12px}.related-mini-card{display:flex;gap:12px;padding:8px;background:var(--bg-primary);border-radius:8px;text-decoration:none;transition:all 0.2s}.related-mini-card:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.related-mini-card__image{flex:0 0 60px;width:60px;height:60px;background:var(--bg-tertiary);border-radius:6px;display:flex;align-items:center;justify-content:center;padding:4px;overflow:hidden}.related-mini-card__image img{width:100%;height:100%;object-fit:contain}.related-mini-card__content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.related-mini-card__brand{font-size:0.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.related-mini-card__name{font-size:0.8rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.related-mini-card:hover .related-mini-card__name{color:var(--accent)}.related-mini-card__price{font-size:0.85rem;font-weight:700;color:var(--accent)}