/* ==========================================================
   Fashion Commerce Theme v3
   Colourful premium storefront for fashion/lifestyle products
   Built as a visual layer over the existing project styles.
   No database/business-logic changes required.
   ========================================================== */

:root {
    --fc-ink: #241721;
    --fc-ink-soft: #4b3546;
    --fc-muted: #7e6b79;
    --fc-paper: #fffdfb;
    --fc-cream: #fff8f1;
    --fc-blush: #fff0f5;
    --fc-lilac: #f5f1ff;
    --fc-mint: #ecfbf6;
    --fc-yellow: #fff8dc;
    --fc-line: #eadfe7;
    --fc-pink: #df2f78;
    --fc-coral: #ff665a;
    --fc-orange: #ff9f43;
    --fc-violet: #7c3aed;
    --fc-plum: #6d214f;
    --fc-teal: #0f9d8a;
    --fc-gold: #c58b18;
    --fc-gradient: linear-gradient(135deg, #ff665a 0%, #df2f78 50%, #7c3aed 100%);
    --fc-gradient-warm: linear-gradient(135deg, #ff9f43 0%, #ff665a 45%, #df2f78 100%);
    --fc-radius: 18px;
    --fc-radius-lg: 28px;
    --fc-shadow: 0 18px 48px rgba(70, 36, 64, .12);
    --fc-shadow-soft: 0 8px 26px rgba(70, 36, 64, .08);
}

body.fashion-storefront-v3 {
    color: var(--fc-ink);
    background:
        radial-gradient(circle at 2% 12%, rgba(255, 102, 90, .07), transparent 24rem),
        radial-gradient(circle at 96% 6%, rgba(124, 58, 237, .065), transparent 24rem),
        linear-gradient(180deg, #fffafc 0%, #fffdfb 34%, #faf8fc 100%) !important;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---------- Fashion announcement bar ---------- */
body.fashion-storefront-v3 .storefront-utility-bar {
    position: relative;
    overflow: hidden;
    background: var(--fc-gradient) !important;
    color: #fff !important;
    border: 0;
}

body.fashion-storefront-v3 .storefront-utility-bar::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
    transform: translateX(-55%);
}

body.fashion-storefront-v3 .storefront-utility-inner {
    min-height: 38px;
    position: relative;
    z-index: 1;
}

body.fashion-storefront-v3 .storefront-utility-copy,
body.fashion-storefront-v3 .storefront-utility-contact {
    color: rgba(255,255,255,.94);
    font-weight: 650;
}

body.fashion-storefront-v3 .storefront-utility-dot {
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255,255,255,.20);
}

/* ---------- Header ---------- */
body.fashion-storefront-v3 .ecommerce-navbar {
    min-height: 82px;
    background: rgba(255,253,251,.96) !important;
    border-bottom: 1px solid rgba(234,223,231,.92) !important;
    box-shadow: 0 10px 34px rgba(71,38,64,.07) !important;
    backdrop-filter: blur(18px);
}

body.fashion-storefront-v3 .ecommerce-navbar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, transparent 4%, #ff9f43 18%, #ff665a 38%, #df2f78 58%, #7c3aed 78%, transparent 96%);
    opacity: .62;
}

body.fashion-storefront-v3 .ecommerce-brand {
    color: var(--fc-ink) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 800;
    letter-spacing: -.6px;
}

body.fashion-storefront-v3 .site-logo-img {
    width: 49px;
    height: 49px;
    border: 2px solid #fff !important;
    border-radius: 16px !important;
    background: #fff;
    box-shadow: 0 0 0 2px #f4dfe9, 0 10px 24px rgba(126,45,93,.13) !important;
}

body.fashion-storefront-v3 .brand-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px !important;
    background: var(--fc-gradient) !important;
    box-shadow: 0 12px 26px rgba(223,47,120,.24) !important;
}

body.fashion-storefront-v3 .storefront-header-search {
    max-width: 560px;
    margin-left: 30px;
    margin-right: 28px;
}

body.fashion-storefront-v3 .storefront-header-search .form-control {
    height: 48px;
    border: 1px solid #ead7e1 !important;
    border-radius: 999px !important;
    background: #fff7fa !important;
    color: var(--fc-ink);
    padding-left: 45px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.75);
}

body.fashion-storefront-v3 .storefront-header-search .form-control::placeholder {
    color: #9c8896;
}

body.fashion-storefront-v3 .storefront-header-search .form-control:focus {
    border-color: rgba(223,47,120,.55) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(223,47,120,.09) !important;
}

body.fashion-storefront-v3 .storefront-search-icon {
    color: var(--fc-pink);
}

body.fashion-storefront-v3 .storefront-search-btn {
    right: 5px;
    top: 5px;
    height: 38px;
    border-radius: 999px !important;
    background: var(--fc-gradient-warm) !important;
    box-shadow: 0 6px 16px rgba(223,47,120,.20);
}

body.fashion-storefront-v3 .storefront-search-btn:hover {
    filter: saturate(1.08) brightness(.97);
    transform: translateY(-1px);
}

body.fashion-storefront-v3 .ecommerce-nav-link {
    position: relative;
    color: var(--fc-ink-soft) !important;
    font-size: 14px;
    font-weight: 720;
    padding: 10px 11px !important;
    border-radius: 11px;
}

body.fashion-storefront-v3 .ecommerce-nav-link:hover,
body.fashion-storefront-v3 .ecommerce-nav-link:focus,
body.fashion-storefront-v3 .ecommerce-nav-link.show {
    color: var(--fc-pink) !important;
    background: var(--fc-blush) !important;
}

body.fashion-storefront-v3 .ecommerce-dropdown {
    padding: 9px !important;
    border: 1px solid #eadfe7 !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 58px rgba(71,38,64,.16) !important;
}

body.fashion-storefront-v3 .ecommerce-dropdown .dropdown-item {
    border-radius: 10px !important;
    color: var(--fc-ink-soft) !important;
}

body.fashion-storefront-v3 .ecommerce-dropdown .dropdown-item:hover,
body.fashion-storefront-v3 .ecommerce-dropdown .dropdown-item:focus {
    color: var(--fc-pink) !important;
    background: linear-gradient(90deg, var(--fc-blush), #fbf5ff) !important;
}

body.fashion-storefront-v3 .user-pill {
    color: var(--fc-plum) !important;
    background: #fff3f7 !important;
    border-color: #f1d7e3 !important;
    border-radius: 999px !important;
}

body.fashion-storefront-v3 .register-btn {
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--fc-gradient) !important;
    color: #fff !important;
    padding: 10px 17px !important;
    box-shadow: 0 9px 22px rgba(223,47,120,.20) !important;
}

body.fashion-storefront-v3 .register-btn:hover {
    filter: brightness(.96);
    transform: translateY(-1px) !important;
}

body.fashion-storefront-v3 .custom-toggler {
    border: 1px solid #ead7e1 !important;
    background: #fff4f8 !important;
    border-radius: 12px;
}

body.fashion-storefront-v3 .custom-menu-icon span {
    background: var(--fc-plum) !important;
}

/* ---------- Benefits / trust strip ---------- */
body.fashion-storefront-v3 .storefront-mobile-search,
body.fashion-storefront-v3 .storefront-benefits {
    background: rgba(255,255,255,.88) !important;
    border-bottom: 1px solid #f0e6ec !important;
}

body.fashion-storefront-v3 .storefront-benefits-inner {
    padding-top: 11px;
    padding-bottom: 11px;
}

body.fashion-storefront-v3 .storefront-benefit {
    color: #66505f;
    font-weight: 700;
}

body.fashion-storefront-v3 .storefront-benefit-mark {
    background: var(--fc-blush) !important;
    color: var(--fc-pink) !important;
    box-shadow: 0 0 0 4px rgba(223,47,120,.04);
}

body.fashion-storefront-v3 .storefront-benefit:nth-child(2) .storefront-benefit-mark {
    background: var(--fc-mint) !important;
    color: var(--fc-teal) !important;
}

body.fashion-storefront-v3 .storefront-benefit:nth-child(3) .storefront-benefit-mark {
    background: var(--fc-lilac) !important;
    color: var(--fc-violet) !important;
}

body.fashion-storefront-v3 .storefront-benefit:nth-child(4) .storefront-benefit-mark {
    background: var(--fc-yellow) !important;
    color: var(--fc-gold) !important;
}

/* ---------- Content canvas ---------- */
body.fashion-storefront-v3 .main-content {
    background: transparent !important;
}

body.fashion-storefront-v3 .page-shell-v2 {
    max-width: 1480px;
}

body.fashion-storefront-v3 .main-content > .page-shell-v2 {
    padding-top: 30px !important;
}

body.fashion-storefront-v3 .card,
body.fashion-storefront-v3 .shop-filter-card,
body.fashion-storefront-v3 .checkout-card,
body.fashion-storefront-v3 .login-card,
body.fashion-storefront-v3 .register-card,
body.fashion-storefront-v3 .product-card {
    border: 1px solid #eee2e9 !important;
    border-radius: 20px !important;
    box-shadow: var(--fc-shadow-soft) !important;
}

body.fashion-storefront-v3 .form-control,
body.fashion-storefront-v3 .form-select {
    min-height: 44px;
    border: 1px solid #e5d7e0 !important;
    border-radius: 12px !important;
    background-color: #fff !important;
}

body.fashion-storefront-v3 .form-control:focus,
body.fashion-storefront-v3 .form-select:focus {
    border-color: rgba(223,47,120,.52) !important;
    box-shadow: 0 0 0 4px rgba(223,47,120,.08) !important;
}

body.fashion-storefront-v3 .btn-primary,
body.fashion-storefront-v3 .btn-warning,
body.fashion-storefront-v3 .btn-dark {
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--fc-gradient-warm) !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 18px rgba(223,47,120,.16) !important;
}

body.fashion-storefront-v3 .btn-primary:hover,
body.fashion-storefront-v3 .btn-warning:hover,
body.fashion-storefront-v3 .btn-dark:hover {
    filter: brightness(.96);
    transform: translateY(-1px);
}

body.fashion-storefront-v3 .btn-outline-primary,
body.fashion-storefront-v3 .btn-outline-dark {
    border-color: #dfcbd6 !important;
    border-radius: 12px !important;
    color: var(--fc-plum) !important;
    background: #fff !important;
}

body.fashion-storefront-v3 .btn-outline-primary:hover,
body.fashion-storefront-v3 .btn-outline-dark:hover {
    border-color: #eaa9c6 !important;
    color: var(--fc-pink) !important;
    background: var(--fc-blush) !important;
}

/* ---------- Editorial fashion slider ---------- */
body.fashion-storefront-v3 .home-slider-section {
    margin-bottom: 38px !important;
}

body.fashion-storefront-v3 .ecommerce-slider {
    position: relative;
    overflow: hidden;
    border: 0 !important;
    border-radius: 30px !important;
    background: #f7edf2 !important;
    box-shadow: 0 24px 60px rgba(78,41,70,.14) !important;
}

body.fashion-storefront-v3 .ecommerce-slider::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 4px;
    z-index: 7;
    pointer-events: none;
    background: linear-gradient(90deg, #ff9f43, #ff665a, #df2f78, #7c3aed);
}

body.fashion-storefront-v3 .ecommerce-slider .carousel-inner {
    border-radius: 30px !important;
}

body.fashion-storefront-v3 .slider-item {
    min-height: 480px !important;
    padding: 60px !important;
}

body.fashion-storefront-v3 .slider-content {
    max-width: 555px !important;
    padding: 34px 36px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 24px !important;
    background: rgba(255,250,248,.90) !important;
    box-shadow: 0 20px 50px rgba(55,25,47,.16) !important;
    backdrop-filter: blur(14px) saturate(1.1) !important;
}

body.fashion-storefront-v3 .slider-badge {
    margin-bottom: 14px !important;
    padding: 7px 13px !important;
    border: 1px solid #f3c6d7 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #fff0f5, #f6f0ff) !important;
    color: var(--fc-pink) !important;
    letter-spacing: .10em !important;
}

body.fashion-storefront-v3 .slider-content h1 {
    margin-bottom: 13px !important;
    color: var(--fc-ink) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(38px, 4vw, 58px) !important;
    font-weight: 700 !important;
    line-height: .99 !important;
    letter-spacing: -1.6px !important;
}

body.fashion-storefront-v3 .slider-content p {
    color: #654f5e !important;
    font-size: 16px !important;
}

body.fashion-storefront-v3 .slider-shop-btn {
    border-radius: 999px !important;
    background: var(--fc-gradient) !important;
    color: #fff !important;
    padding: 12px 25px !important;
    box-shadow: 0 12px 26px rgba(223,47,120,.22) !important;
}

body.fashion-storefront-v3 .slider-shop-btn:hover {
    background: var(--fc-gradient) !important;
    filter: brightness(.96);
    transform: translateY(-2px) !important;
}

body.fashion-storefront-v3 .ecommerce-slider .carousel-indicators .active {
    background: var(--fc-pink) !important;
}

body.fashion-storefront-v3 .ecommerce-slider .carousel-control-prev,
body.fashion-storefront-v3 .ecommerce-slider .carousel-control-next {
    background: rgba(255,250,252,.94) !important;
    border-color: rgba(230,201,216,.9) !important;
    box-shadow: 0 8px 24px rgba(70,36,64,.12) !important;
}

/* ---------- Section headings ---------- */
body.fashion-storefront-v3 .daraz-section-title,
body.fashion-storefront-v3 h1,
body.fashion-storefront-v3 h2,
body.fashion-storefront-v3 .display-6 {
    color: var(--fc-ink);
}

body.fashion-storefront-v3 .daraz-section-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px !important;
    color: var(--fc-ink) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: -.5px !important;
}

body.fashion-storefront-v3 .daraz-section-title::before {
    content: "";
    width: 9px;
    height: 26px;
    border-radius: 999px;
    background: var(--fc-gradient-warm);
    box-shadow: 0 4px 12px rgba(223,47,120,.18);
}

/* ---------- Colourful category gallery ---------- */
body.fashion-storefront-v3 .daraz-category-section {
    background: transparent !important;
    padding: 4px 0 10px !important;
}

body.fashion-storefront-v3 .daraz-category-grid {
    gap: 14px !important;
    background: transparent !important;
    border: 0 !important;
}

body.fashion-storefront-v3 .daraz-category-card {
    height: 180px !important;
    padding: 18px 11px 13px !important;
    border: 1px solid rgba(235,218,228,.9) !important;
    border-radius: 22px !important;
    background: var(--fc-blush) !important;
    color: var(--fc-ink-soft) !important;
    box-shadow: 0 8px 22px rgba(70,36,64,.055) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

body.fashion-storefront-v3 .daraz-category-card:nth-child(6n+2) { background: var(--fc-lilac) !important; }
body.fashion-storefront-v3 .daraz-category-card:nth-child(6n+3) { background: var(--fc-mint) !important; }
body.fashion-storefront-v3 .daraz-category-card:nth-child(6n+4) { background: var(--fc-yellow) !important; }
body.fashion-storefront-v3 .daraz-category-card:nth-child(6n+5) { background: #fff1eb !important; }
body.fashion-storefront-v3 .daraz-category-card:nth-child(6n+6) { background: #f2f6ff !important; }

body.fashion-storefront-v3 .daraz-category-card:hover {
    color: var(--fc-pink) !important;
    border-color: rgba(223,47,120,.28) !important;
    box-shadow: 0 18px 38px rgba(70,36,64,.12) !important;
    transform: translateY(-5px) !important;
}

body.fashion-storefront-v3 .daraz-category-img-box {
    width: 98px !important;
    height: 98px !important;
    margin-bottom: 11px !important;
    border: 4px solid rgba(255,255,255,.92) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 9px 22px rgba(70,36,64,.10) !important;
}

body.fashion-storefront-v3 .daraz-category-placeholder {
    background: linear-gradient(135deg, #fff7fa, #f4efff) !important;
    color: var(--fc-pink) !important;
}

body.fashion-storefront-v3 .daraz-category-name {
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

/* ---------- Filter panel ---------- */
body.fashion-storefront-v3 .shop-filter-card,
body.fashion-storefront-v3 .card.card-shadow.mb-4 {
    border: 1px solid #eadde5 !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,247,251,.96)) !important;
    box-shadow: 0 12px 32px rgba(70,36,64,.075) !important;
}

body.fashion-storefront-v3 .shop-filter-card .form-label {
    color: var(--fc-plum) !important;
    letter-spacing: .035em;
}

/* ---------- Product cards: premium fashion catalogue ---------- */
body.fashion-storefront-v3 .daraz-home-product-section,
body.fashion-storefront-v3 .daraz-just-section {
    background: transparent !important;
    padding: 5px 0 27px !important;
}

body.fashion-storefront-v3 .daraz-product-section-header {
    margin-bottom: 16px !important;
}

body.fashion-storefront-v3 .daraz-view-offer-link {
    padding: 8px 13px;
    border: 1px solid #f0d8e3;
    border-radius: 999px;
    background: #fff4f8;
    color: var(--fc-pink) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.fashion-storefront-v3 .daraz-view-offer-link:hover {
    background: #ffe9f1;
}

body.fashion-storefront-v3 .daraz-product-grid {
    gap: 18px !important;
}

body.fashion-storefront-v3 .daraz-product-card-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #eadfe6 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 6px 22px rgba(70,36,64,.065) !important;
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

body.fashion-storefront-v3 .daraz-product-card-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 5;
    background: linear-gradient(90deg, #ff9f43, #ff665a, #df2f78, #7c3aed);
    opacity: .92;
}

body.fashion-storefront-v3 .daraz-product-card-wrap:hover {
    transform: translateY(-7px) !important;
    border-color: #e5bfd1 !important;
    box-shadow: 0 24px 48px rgba(70,36,64,.14) !important;
}

body.fashion-storefront-v3 .daraz-product-card {
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.fashion-storefront-v3 .daraz-product-card:hover {
    transform: none !important;
    box-shadow: none !important;
}

body.fashion-storefront-v3 .daraz-product-img-wrap {
    aspect-ratio: 4 / 5 !important;
    background: linear-gradient(145deg, #faf5f7, #f5f0f7) !important;
    border-bottom: 1px solid #f3e8ee !important;
}

body.fashion-storefront-v3 .daraz-product-img-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 72%, rgba(36,23,33,.035));
}

body.fashion-storefront-v3 .daraz-product-card:hover .daraz-product-img-wrap img {
    transform: scale(1.055) !important;
}

body.fashion-storefront-v3 .daraz-product-info {
    padding: 14px 15px 11px !important;
}

body.fashion-storefront-v3 .daraz-product-title {
    min-height: 44px !important;
    color: var(--fc-ink) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 760 !important;
}

body.fashion-storefront-v3 .product-brand-line {
    margin-top: 5px;
    color: #a08799 !important;
    font-size: 10.5px !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

body.fashion-storefront-v3 .daraz-product-price,
body.fashion-storefront-v3 .featured-product-price {
    color: var(--fc-pink) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

body.fashion-storefront-v3 .daraz-product-discount {
    color: #816c7a !important;
}

body.fashion-storefront-v3 .daraz-old-price {
    color: #b4a3ae !important;
}

body.fashion-storefront-v3 .daraz-stock-line {
    margin-top: 7px !important;
    color: #806f7a !important;
    font-weight: 650;
}

body.fashion-storefront-v3 .preorder-card-badge {
    top: 12px !important;
    left: 12px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #7c3aed, #a43bd6) !important;
    color: #fff !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
    box-shadow: 0 8px 20px rgba(124,58,237,.24) !important;
}

body.fashion-storefront-v3 .offer-ribbon {
    background: var(--fc-gradient-warm) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 20px rgba(223,47,120,.22) !important;
}

body.fashion-storefront-v3 .preorder-card-line {
    color: var(--fc-violet) !important;
}

body.fashion-storefront-v3 .product-card-action {
    margin-top: auto;
    padding: 5px 15px 15px !important;
    background: #fff !important;
}

body.fashion-storefront-v3 .product-card-action .btn {
    min-height: 42px;
    border-radius: 999px !important;
    font-size: 13px;
}

body.fashion-storefront-v3 .just-for-you-load-btn {
    min-width: 210px;
    border: 1px solid #ebcedb !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--fc-plum) !important;
    box-shadow: 0 10px 24px rgba(70,36,64,.08) !important;
}

body.fashion-storefront-v3 .just-for-you-load-btn:hover {
    color: var(--fc-pink) !important;
    border-color: #e8acc6 !important;
    background: var(--fc-blush) !important;
}

/* ---------- Pre-order editorial banner ---------- */
body.fashion-storefront-v3 .preorder-page-banner {
    min-height: 285px !important;
    border: 0 !important;
    border-radius: 30px !important;
    background-color: #3c2035 !important;
    box-shadow: 0 24px 56px rgba(70,36,64,.18) !important;
}

body.fashion-storefront-v3 .preorder-page-banner:not([style*="background-image"]) {
    background: linear-gradient(115deg, #5e2148 0%, #9d2d69 47%, #7c3aed 100%) !important;
}

body.fashion-storefront-v3 .preorder-banner-badge {
    border: 1px solid rgba(255,255,255,.35) !important;
    background: rgba(255,255,255,.18) !important;
    color: #fff !important;
}

body.fashion-storefront-v3 .preorder-banner-title {
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
}

body.fashion-storefront-v3 .preorder-banner-highlight {
    background: #fff4f8 !important;
    color: var(--fc-pink) !important;
    border-radius: 999px !important;
}

body.fashion-storefront-v3 .preorder-banner-btn {
    border-radius: 999px !important;
    background: var(--fc-gradient-warm) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(42,14,34,.18) !important;
}

/* ---------- Special offer presentation ---------- */
body.fashion-storefront-v3 .special-offer-hero {
    background: var(--fc-gradient-warm) !important;
}

body.fashion-storefront-v3 .special-offer-small-banner {
    overflow: hidden;
    border: 1px solid #eddde5;
    border-radius: 24px !important;
    box-shadow: var(--fc-shadow-soft);
}

/* ---------- Tables, cart, checkout, account ---------- */
body.fashion-storefront-v3 .table thead th {
    color: #725969 !important;
    background: #fff5f8 !important;
    border-bottom-color: #eddae4 !important;
}

body.fashion-storefront-v3 .modal-content {
    border: 1px solid #eadde5 !important;
    border-radius: 24px !important;
    box-shadow: 0 30px 80px rgba(70,36,64,.20) !important;
}

body.fashion-storefront-v3 .badge.bg-primary,
body.fashion-storefront-v3 .badge.text-bg-primary {
    background: var(--fc-violet) !important;
}

body.fashion-storefront-v3 .badge.bg-warning,
body.fashion-storefront-v3 .badge.text-bg-warning {
    background: var(--fc-orange) !important;
    color: #3c2413 !important;
}

/* ---------- Footer: luxury colour-block ---------- */
body.fashion-storefront-v3 .site-footer {
    position: relative;
    margin-top: 62px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(223,47,120,.16), transparent 19rem),
        radial-gradient(circle at 88% 20%, rgba(124,58,237,.17), transparent 21rem),
        linear-gradient(135deg, #25141f 0%, #32172a 46%, #201729 100%) !important;
    color: #e9dce5 !important;
}

body.fashion-storefront-v3 .site-footer::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, #ff9f43, #ff665a, #df2f78, #7c3aed, #0f9d8a);
}

body.fashion-storefront-v3 .footer-brand {
    color: #fff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px !important;
}

body.fashion-storefront-v3 .footer-brand-icon {
    background: var(--fc-gradient) !important;
}

body.fashion-storefront-v3 .footer-description,
body.fashion-storefront-v3 .footer-contact-item p,
body.fashion-storefront-v3 .footer-bottom {
    color: #bfaebb !important;
}

body.fashion-storefront-v3 .footer-column h6,
body.fashion-storefront-v3 .footer-contact h6 {
    color: #fff !important;
}

body.fashion-storefront-v3 .footer-column a,
body.fashion-storefront-v3 .footer-contact a {
    color: #dfceda !important;
}

body.fashion-storefront-v3 .footer-column a:hover,
body.fashion-storefront-v3 .footer-contact a:hover,
body.fashion-storefront-v3 .footer-developed a {
    color: #ff94ba !important;
}

body.fashion-storefront-v3 .footer-trust-list span {
    border-color: rgba(255,148,186,.18) !important;
    background: rgba(255,148,186,.08) !important;
    color: #ffc2d8 !important;
}

body.fashion-storefront-v3 .footer-contact-icon {
    background: rgba(255,148,186,.10) !important;
    color: #ff94ba !important;
}

body.fashion-storefront-v3 .footer-bottom {
    border-top-color: rgba(255,255,255,.08) !important;
}

/* Keep WhatsApp recognizable and independent from the fashion palette. */
body.fashion-storefront-v3 .whatsapp-floating-btn {
    box-shadow: 0 14px 34px rgba(44,28,40,.20) !important;
}

/* ---------- Admin: subtle coordination, not a fashion storefront ---------- */
body.admin-shell-v2 .ecommerce-nav-link:hover,
body.admin-shell-v2 .ecommerce-nav-link:focus {
    background: rgba(223,47,120,.10) !important;
    color: #ffb2cf !important;
}

body.admin-shell-v2 .admin-stat {
    border-top-color: #b83280 !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
    body.fashion-storefront-v3 .daraz-product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991px) {
    body.fashion-storefront-v3 .ecommerce-navbar {
        min-height: 72px;
    }

    body.fashion-storefront-v3 .ecommerce-navbar .navbar-collapse {
        margin-top: 10px;
        padding: 12px;
        border: 1px solid #eadde5;
        border-radius: 16px;
        background: #fffafb;
        box-shadow: 0 16px 38px rgba(70,36,64,.10);
    }

    body.fashion-storefront-v3 .slider-item {
        min-height: 390px !important;
        padding: 38px !important;
    }

    body.fashion-storefront-v3 .slider-content {
        max-width: 470px !important;
        padding: 26px 28px !important;
    }

    body.fashion-storefront-v3 .daraz-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    body.fashion-storefront-v3 .storefront-utility-contact {
        display: none;
    }

    body.fashion-storefront-v3 .storefront-utility-inner {
        justify-content: center;
        text-align: center;
    }

    body.fashion-storefront-v3 .storefront-benefits-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.fashion-storefront-v3 .slider-item {
        min-height: 310px !important;
        padding: 22px !important;
    }

    body.fashion-storefront-v3 .slider-content {
        max-width: 78% !important;
        padding: 20px !important;
        border-radius: 18px !important;
    }

    body.fashion-storefront-v3 .slider-content h1 {
        font-size: 30px !important;
    }

    body.fashion-storefront-v3 .daraz-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.fashion-storefront-v3 .daraz-product-img-wrap {
        aspect-ratio: 4 / 5 !important;
    }

    body.fashion-storefront-v3 .preorder-page-banner {
        min-height: 215px !important;
        border-radius: 22px !important;
    }
}

@media (max-width: 575px) {
    body.fashion-storefront-v3 .main-content > .page-shell-v2 {
        padding: 18px 12px !important;
    }

    body.fashion-storefront-v3 .storefront-benefits-inner {
        padding-left: 14px;
        padding-right: 14px;
        gap: 9px;
    }

    body.fashion-storefront-v3 .storefront-benefit {
        font-size: 11px;
    }

    body.fashion-storefront-v3 .daraz-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.fashion-storefront-v3 .daraz-category-card {
        height: 156px !important;
        border-radius: 18px !important;
    }

    body.fashion-storefront-v3 .daraz-category-img-box {
        width: 80px !important;
        height: 80px !important;
    }

    body.fashion-storefront-v3 .daraz-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.fashion-storefront-v3 .daraz-product-card-wrap {
        border-radius: 17px !important;
    }

    body.fashion-storefront-v3 .daraz-product-info {
        padding: 11px 11px 8px !important;
    }

    body.fashion-storefront-v3 .daraz-product-title {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    body.fashion-storefront-v3 .daraz-product-price,
    body.fashion-storefront-v3 .featured-product-price {
        font-size: 17px !important;
    }

    body.fashion-storefront-v3 .product-card-action {
        padding: 4px 10px 11px !important;
    }

    body.fashion-storefront-v3 .product-card-action .btn {
        min-height: 38px;
        font-size: 12px;
    }

    body.fashion-storefront-v3 .slider-content {
        max-width: 84% !important;
    }

    body.fashion-storefront-v3 .slider-content p {
        font-size: 12px !important;
    }

    body.fashion-storefront-v3 .preorder-page-banner {
        min-height: 190px !important;
        padding: 20px 18px !important;
    }
}