/* ============================================================
   🎀 Sefino — Lingerie Theme Stylesheet
   Color scheme: Red (#E50101) + Black (#000000)
   ============================================================ */

/* Font & Base */
body {
    font-family: 'Vazirmatn', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============================================================
   Category grid borders (perfect black grid)
   ============================================================ */
@media (min-width: 768px) {
    /* 5 column grid: only last column has no left border */
    .grid-cols-5 > a:nth-child(5n) {
        border-left: none;
    }
    /* Last 5 items: no bottom border */
    .grid-cols-5 > a:nth-last-child(-n+5) {
        border-bottom: none;
    }
}

/* ============================================================
   Product card hover
   ============================================================ */
.product-card img {
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

/* ============================================================
   Line clamp utility
   ============================================================ */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============================================================
   Smooth scrollbar (for horizontal lists)
   ============================================================ */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* ============================================================
   Details/Summary (FAQ) animation
   ============================================================ */
details > summary {
    list-style: none;
}
details > summary::-webkit-details-marker {
    display: none;
}
details[open] summary .faq-icon {
    transform: rotate(45deg);
}

/* ============================================================
   Cart drawer z-index fix
   ============================================================ */
#cart-drawer-overlay { z-index: 90; }
#cart-drawer         { z-index: 100; }

/* ============================================================
   RTL number direction fix
   ============================================================ */
[dir="ltr"] { direction: ltr; unicode-bidi: embed; }

/* ============================================================
   Hero card shadow (soft drop)
   ============================================================ */
.hero-img-shadow {
    filter: drop-shadow(0 25px 25px rgba(229, 1, 1, 0.15));
}

/* ============================================================
   Mobile-only padding for bottom nav
   ============================================================ */
@media (max-width: 767px) {
    body {
        padding-bottom: 64px;
    }
}