/* =============================================================================
 * Table of Contents
 *
 * 1. Variables / Custom Properties
 * 2. Base / Wrapper
 * 3. Components
 * 4. States & Modifiers
 * 5. Responsive / Media Queries
 * 6. RTL Support
 * ============================================================================= */

/* Convixo Recently Viewed Products */
.convixo-rv { --szrv-bg:#f9fafb; --szrv-title:#1f2937; --szrv-radius:8px; background:var(--szrv-bg); padding:28px 0; margin:24px 0; }
.convixo-rv__title { font-size:20px; font-weight:600; color:var(--szrv-title); margin:0 0 16px; padding:0 16px; }
.convixo-rv__track { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding:0 16px 10px; scrollbar-width:thin; }
.convixo-rv__track::-webkit-scrollbar { height:4px; }
.convixo-rv__track::-webkit-scrollbar-track { background:transparent; }
.convixo-rv__track::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.12); border-radius:99px; }
.convixo-rv__loading { width:40px; height:40px; border:3px solid rgba(124,58,237,0.2); border-top-color:#7c3aed; border-radius:50%; animation:szrv-spin 0.8s linear infinite; margin:20px auto; }
@keyframes szrv-spin { to { transform:rotate(360deg); } }
.convixo-rv__item { flex-shrink:0; width:160px; scroll-snap-align:start; background:#fff; border-radius:var(--szrv-radius); overflow:hidden; text-decoration:none; color:inherit; border:1px solid rgba(0,0,0,0.06); transition:box-shadow 0.15s, transform 0.1s; }
.convixo-rv__item:hover { box-shadow:0 4px 14px rgba(0,0,0,0.1); transform:translateY(-2px); text-decoration:none; color:inherit; }
.convixo-rv__img { aspect-ratio:1/1; overflow:hidden; background:#f3f4f6; }
.convixo-rv__img img { width:100%; height:100%; object-fit:cover; display:block; }
.convixo-rv__info { padding:10px 12px; }
.convixo-rv__name { font-size:12px; font-weight:500; color:#1f2937; margin-bottom:4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.4; }
.convixo-rv__price { font-size:13px; font-weight:700; color:#7c3aed; }
.convixo-rv__price del { color:#9ca3af; font-weight:400; font-size:11px; margin-right:3px; }
.convixo-rv__price ins { text-decoration:none; }
.convixo-rv__rating .star-rating { font-size:11px; width:60px; }
@media (prefers-reduced-motion:reduce) { .convixo-rv__loading { animation:none; } .convixo-rv__item { transition:none; } }