/* ===== RED + GOLD + BLACK THEME ===== */
:root {
    --red: #8B0000;
    --red-dark: #5a0000;
    --gold: #FFD700;
    --gold-dark: #DAA520;
    --black: #1A1A1A;
    --black-light: #2C2C2C;
    --light-bg: #FFFFFF;     /* pehle #FFF8F0 tha */
    --gray-bg: #F8F9FA;      /* light gray, white bhi kar sakte */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    background: var(--light-bg);
    overflow-x: hidden;
}

/* Top Bar */
.top-bar {
    background: var(--black);
    color: var(--gold);
    padding: 8px 0;
    font-size: 14px;
}
.top-bar a {
    color: var(--gold);
    text-decoration: none;
    transition: 0.3s;
}
.top-bar a:hover {
    color: white;
}
.currency-select {
    background: transparent;
    border: none;
    color: var(--gold);
    cursor: pointer;
}

/* Main Header - Modern */
.main-header {
    background: rgba(255,255,255,0.98);
    backdrop-filter: blur(10px);
    padding: 15px 0;      /* padding thoda badhaya */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    position: sticky;
    top: 0;
    z-index: 1000;
}
.logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo a {
    display: inline-block;
}
.logo-img {
    max-height: 90px;      /* YAHAN VALUE BADA KAREIN */
    width: auto;
    transition: 0.3s;
}
.logo-img:hover {
    transform: scale(1.02);
}
/* No text logo - removed */

/* Search */
.search-wrapper {
    position: relative;
}
.search-form .input-group {
    max-width: 500px;
    margin: 0 auto;
}
.search-form input {
    border-radius: 40px 0 0 40px;
    border: 1px solid #ddd;
    padding: 12px 20px;
    font-size: 14px;
}
.search-form button {
    border-radius: 0 40px 40px 0;
    background: var(--red);
    color: white;
    border: none;
    padding: 0 25px;
    transition: 0.3s;
}
.search-form button:hover {
    background: var(--red-dark);
}
.search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    z-index: 1050;
    max-height: 400px;
    overflow-y: auto;
    display: none;
}
.search-result-item {
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 10px;
}
.search-result-item:hover {
    background: var(--gray-bg);
}
.search-result-item img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 8px;
}

/* Icon Links (Cart/Wishlist) */
.icon-link {
    color: var(--black);
    text-decoration: none;
    font-size: 1.2rem;
    position: relative;
    transition: 0.3s;
}
.icon-link:hover {
    color: var(--red);
}
.icon-link span {
    background: var(--gold);
    color: var(--black);
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    margin-left: 4px;
}

/* Navigation */
.navbar {
    background: var(--red);
    padding: 0;
}
.navbar .nav-link {
    color: white !important;
    font-weight: 600;
    padding: 14px 20px;
    transition: 0.3s;
}
.navbar .nav-link:hover {
    background: var(--red-dark);
    color: var(--gold) !important;
}
.dropdown-menu {
    background: var(--red-dark);
    border: none;
    border-radius: 0;
}
.dropdown-item {
    color: white;
    padding: 10px 20px;
}
.dropdown-item:hover {
    background: var(--gold);
    color: var(--black);
}

/* ===== MODERN SLIDER WITH ROUNDED CORNERS & SMOOTH TRANSITIONS ===== */
.hero-slider {
    margin: 0px 0px 0 0px;  /* top and side margin for rounded effect */
    overflow: hidden;
    position: relative;
}

.hero-slider .carousel-item {
    transition: transform 0.8s ease-in-out;  /* smooth transition */
}

.hero-slider .carousel-item img {
    height: 650px;
    object-fit: cover;
    transition: transform 6s ease;
}

/* Caption Styling */
.carousel-caption {
    background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
    border-radius: 20px;
    padding: 30px 40px;
    bottom: 25%;
    left: 10%;
    right: auto;
    text-align: left;
    backdrop-filter: blur(5px);
    max-width: 450px;
    animation: slideUp 0.8s ease;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide-title {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #FFD700;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.slide-desc {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: white;
}

.btn-slide {
    display: inline-block;
    background: #FFD700;
    color: #8B0000;
    padding: 10px 28px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
    border: none;
}

.btn-slide:hover {
    background: white;
    color: #8B0000;
    transform: translateX(8px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Carousel Controls - Modern */
.carousel-control-prev, .carousel-control-next {
    width: 5%;
    opacity: 0;
    transition: opacity 0.3s;
}
.hero-slider:hover .carousel-control-prev,
.hero-slider:hover .carousel-control-next {
    opacity: 1;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    padding: 25px;
    background-size: 60%;
}

/* Indicators */
.carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 6px;
    background-color: #FFD700;
    opacity: 0.5;
}
.carousel-indicators button.active {
    opacity: 1;
    background-color: #FFD700;
    transform: scale(1.2);
}

/* Responsive Slider */
@media (max-width: 992px) {
    .hero-slider {
        margin: 15px;
        border-radius: 20px;
    }
    .hero-slider .carousel-item img {
        height: 450px;
    }
    .carousel-caption {
        padding: 20px 25px;
        max-width: 350px;
        bottom: 20%;
    }
    .slide-title {
        font-size: 2rem;
    }
    .slide-desc {
        font-size: 1rem;
    }
    .btn-slide {
        padding: 8px 20px;
        font-size: 0.9rem;
    }
}
@media (max-width: 768px) {
    .hero-slider {
        margin: 10px;
        border-radius: 15px;
    }
    .hero-slider .carousel-item img {
        height: 320px;
    }
    .carousel-caption {
        padding: 12px 18px;
        max-width: 260px;
        bottom: 15%;
        left: 5%;
    }
    .slide-title {
        font-size: 1.3rem;
        margin-bottom: 5px;
    }
    .slide-desc {
        font-size: 0.8rem;
        margin-bottom: 10px;
    }
    .btn-slide {
        padding: 5px 12px;
        font-size: 0.7rem;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon {
        padding: 15px;
    }
}

/* Breadcrumb */
.breadcrumb-wrap {
    background: var(--gray-bg);
    padding: 12px 0;
}
.breadcrumb-item a {
    color: var(--red);
    text-decoration: none;
}
.breadcrumb-item.active {
    color: var(--black);
}

/* Section Header */
.section-header h2 {
    font-size: 2rem;
    font-weight: 600;
    color: var(--red);
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}
.section-header h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 3px;
    background: var(--gold);
}

/* Product Grid */
.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 20px;
}
.product-card {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 1px solid #eee;
}
.product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 30px rgba(139,0,0,0.15);
    border-color: var(--gold);
}
.product-img {
    position: relative;
    overflow: hidden;
}
.product-img img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: 0.5s;
}
.product-card:hover .product-img img {
    transform: scale(1.05);
}
.wishlist-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: white;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: 0.3s;
    color: #999;
}
.wishlist-btn:hover {
    background: var(--red);
    color: white;
}
.product-info {
    padding: 18px;
    text-align: center;
}
.product-info h5 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 8px;
}
.product-info h5 a {
    color: var(--black);
    text-decoration: none;
}
.product-info h5 a:hover {
    color: var(--red);
}
.price {
    color: var(--red);
    font-size: 1.3rem;
    font-weight: bold;
    margin: 8px 0;
}
.add-cart-btn {
    background: var(--red);
    color: white;
    border: none;
    border-radius: 40px;
    padding: 8px 25px;
    font-weight: 600;
    transition: 0.3s;
    width: 100%;
}
.add-cart-btn:hover {
    background: var(--red-dark);
    transform: scale(1.02);
    box-shadow: 0 4px 10px rgba(139,0,0,0.3);
}

/* Footer */
.footer {
    background: var(--black);
    color: #ccc;
    padding: 50px 0 20px;
    margin-top: 60px;
}
.footer h4, .footer h5 {
    color: var(--gold);
}
.footer-links {
    list-style: none;
    padding: 0;
}
.footer-links li {
    margin-bottom: 8px;
}
.footer-links a {
    color: #ccc;
    text-decoration: none;
}
.footer-links a:hover {
    color: var(--gold);
}
.social-icons a {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: #2C2C2C;
    color: var(--gold);
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    margin-right: 10px;
    transition: 0.3s;
}
.social-icons a:hover {
    background: var(--gold);
    color: var(--black);
    transform: translateY(-3px);
}
.copyright {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 20px;
    font-size: 14px;
}

/* Responsive */
@media (max-width: 992px) {
    .logo-img { max-height: 50px; }
    .product-grid { gap: 20px; }
}
@media (max-width: 768px) {
    .top-bar .row div { text-align: center !important; margin-bottom: 5px; }
    .main-header .row { text-align: center; }
    .logo { margin-bottom: 10px; }
    .search-form .input-group { max-width: 100%; }
    .product-img img { height: 220px; }
    .section-header h2 { font-size: 1.6rem; }
}
@media (max-width: 480px) {
    .product-grid { grid-template-columns: 1fr; }
}

/* Buttons and Misc */
.btn-primary-custom {
    background: var(--red);
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 40px;
    font-weight: 500;
}
.btn-primary-custom:hover {
    background: var(--red-dark);
}
.btn-outline-custom {
    border: 2px solid var(--red);
    color: var(--red);
    background: transparent;
    border-radius: 40px;
    padding: 8px 20px;
}
.btn-outline-custom:hover {
    background: var(--red);
    color: white;
}

/* Account & Currency Dropdown Buttons */
.btn-account, .btn-currency {
    background: transparent;
    border: none;
    color: var(--black);
    font-size: 1.3rem;
    padding: 0;
    margin-left: 8px;
    transition: 0.3s;
}
.btn-account:hover, .btn-currency:hover {
    color: var(--red);
}
.btn-account .dropdown-toggle::after, .btn-currency .dropdown-toggle::after {
    display: none;
}
.dropdown-menu {
    border-radius: 12px;
    margin-top: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border: none;
}
.dropdown-item i {
    width: 25px;
}
.dropdown-item:hover {
    background-color: var(--gray-bg);
    color: var(--red);
}
/* Responsive: adjust spacing on mobile */
@media (max-width: 768px) {
    .btn-account, .btn-currency {
        font-size: 1.1rem;
    }
    .icon-link {
        font-size: 1rem;
    }
}

/* ===== SHOP BY CATEGORY - HORIZONTAL SCROLL (SQUARE CARDS) ===== */
.category-section {
    background: transparent;
    padding: 20px 0;
}

.category-scroll-wrapper {
    position: relative;
    width: 100%;
}

.category-horizontal-scroll {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 10px 5px 20px 5px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

/* Hide scrollbar but keep functionality (optional) */
.category-horizontal-scroll::-webkit-scrollbar {
    height: 6px;
}
.category-horizontal-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.category-horizontal-scroll::-webkit-scrollbar-thumb {
    background: #8B0000;
    border-radius: 10px;
}

.category-card-square {
    flex: 0 0 auto;
    width: 180px;  /* Fixed width for square cards */
    text-align: center;
    transition: 0.3s;
}

.category-card-square a {
    text-decoration: none;
    display: block;
}

.category-img-square {
    width: 100%;
    aspect-ratio: 1 / 1;  /* Perfect square */
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    transition: 0.4s;
    background: #f5f5f5;
}

.category-img-square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.category-card-square:hover .category-img-square {
    box-shadow: 0 15px 30px rgba(139,0,0,0.2);
}

.category-card-square:hover .category-img-square img {
    transform: scale(1.08);
}

.category-name {
    margin-top: 12px;
    font-size: 1rem;
    font-weight: 600;
    color: #8B0000;
}

.category-card-square:hover .category-name {
    color: #FFD700;
}

/* Responsive: card width adjust for smaller screens */
@media (max-width: 768px) {
    .category-card-square {
        width: 140px;
    }
    .category-name {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .category-card-square {
        width: 120px;
    }
}

/* ===== SEPARATE PRODUCT SECTIONS – GRID LAYOUT (NO SCROLL) ===== */

.product-section {
    margin: 60px 0;
    padding: 0 15px;
}

.section-header h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #8B0000;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}
.section-header h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 3px;
    background: #FFD700;
}
.section-header p {
    color: #555;
    font-size: 1rem;
}

/* Grid container – replaces horizontal scroll */
.product-horizontal-scroll {
    display: grid;
    grid-template-columns: repeat(4, 1fr);  /* 4 products per row by default */
    gap: 25px;
    margin-top: 20px;
}

/* Product card */
.product-card-square {
    background: white;
    border-radius: 20px;
    padding: 15px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 12px rgba(0,0,0,0.08);
    border: 1px solid #f0f0f0;
}
.product-card-square:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(139,0,0,0.15);
    border-color: #FFD700;
}

.product-img-square {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 16px;
    background: #f5f5f5;
}
.product-img-square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.product-card-square:hover .product-img-square img {
    transform: scale(1.05);
}

.product-name {
    font-size: 1rem;
    font-weight: 600;
    margin: 12px 0 5px;
    color: #1A1A1A;
    line-height: 1.3;
}
.product-price {
    color: #8B0000;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.add-cart-btn-small {
    background: #8B0000;
    color: white;
    border: none;
    border-radius: 40px;
    padding: 8px 15px;
    font-size: 0.85rem;
    font-weight: 500;
    transition: 0.3s;
    cursor: pointer;
    width: 100%;
}
.add-cart-btn-small:hover {
    background: #FFD700;
    color: #1A1A1A;
}

.view-more-link {
    display: inline-block;
    color: #8B0000;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 2px solid #FFD700;
    padding-bottom: 3px;
    transition: 0.3s;
    font-size: 0.9rem;
    margin-top: 20px;
}
.view-more-link i {
    margin-left: 5px;
    transition: 0.3s;
}
.view-more-link:hover {
    color: #FFD700;
    border-bottom-color: #8B0000;
    transform: translateX(5px);
}
.view-more-link:hover i {
    transform: translateX(3px);
}

/* Responsive: Adjust columns */
@media (min-width: 1400px) {
    .product-horizontal-scroll {
        grid-template-columns: repeat(5, 1fr);  /* 5 products on large screens */
    }
}
@media (max-width: 1200px) {
    .product-horizontal-scroll {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 992px) {
    .product-horizontal-scroll {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .product-horizontal-scroll {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .product-card-square {
        padding: 10px;
    }
    .product-name {
        font-size: 0.85rem;
    }
    .product-price {
        font-size: 1rem;
    }
}
@media (max-width: 480px) {
    .product-horizontal-scroll {
        grid-template-columns: 1fr;  /* 1 product per row on mobile */
    }
}

.trending-grid-full {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 30px;
}
@media (max-width: 992px) {
    .trending-grid-full { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .trending-grid-full { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .trending-grid-full { grid-template-columns: 1fr; }
}

/* ===== TRENDING CATALOGUE GRID ===== */
.trending-section {
    background: #F8F9FA;
    border-radius: 30px;
    padding: 40px 30px;
    margin: 40px 0;
}

.trending-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);  /* 5 products per line */
    gap: 25px;
}

.trending-product-card {
    background: white;
    border-radius: 20px;
    padding: 15px;
    text-align: center;
    transition: 0.3s;
    box-shadow: 0 5px 12px rgba(0,0,0,0.05);
}

.trending-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(139,0,0,0.15);
}

.trending-product-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 16px;
}

.trending-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.trending-product-card:hover .trending-product-img img {
    transform: scale(1.05);
}

.trending-product-card h4 {
    font-size: 1rem;
    font-weight: 600;
    margin: 12px 0 5px;
    color: #1A1A1A;
}

.trending-product-card .price {
    color: #8B0000;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 12px;
}

.add-cart-btn {
    background: #8B0000;
    color: white;
    border: none;
    border-radius: 40px;
    padding: 8px 15px;
    font-weight: 500;
    width: 100%;
    transition: 0.3s;
    cursor: pointer;
}

.add-cart-btn:hover {
    background: #FFD700;
    color: #1A1A1A;
}

.btn-view-more {
    display: inline-block;
    background: transparent;
    border: 2px solid #8B0000;
    color: #8B0000;
    padding: 10px 30px;
    border-radius: 40px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.btn-view-more:hover {
    background: #8B0000;
    color: white;
    border-color: #8B0000;
    transform: translateX(5px);
}

/* Responsive */
@media (max-width: 1200px) {
    .trending-grid {
        grid-template-columns: repeat(4, 1fr); /* 4 per row */
    }
}
@media (max-width: 992px) {
    .trending-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 per row */
    }
}
@media (max-width: 768px) {
    .trending-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 per row */
    }
    .trending-section {
        padding: 30px 15px;
    }
}
@media (max-width: 480px) {
    .trending-grid {
        grid-template-columns: 1fr; /* 1 per row */
    }
}

/* ===== MODERN FOOTER - FULLY RESPONSIVE ===== */
.modern-footer {
    background: #1A1A1A;
    color: #ccc;
    padding: 50px 0 0;
    margin-top: 60px;
    font-size: 14px;
    width: 100%;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Footer Columns */
.footer-col h4 {
    color: #FFD700;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}
.footer-col h4:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #FFD700;
}

.footer-logo-img {
    max-height: 50px;
    width: auto;
    margin-bottom: 15px;
}

.footer-about {
    line-height: 1.6;
    margin-bottom: 15px;
}

.footer-contact p {
    margin-bottom: 8px;
    font-size: 0.85rem;
}
.footer-contact i {
    width: 25px;
    color: #FFD700;
}

.footer-links {
    list-style: none;
    padding: 0;
}
.footer-links li {
    margin-bottom: 10px;
}
.footer-links a {
    color: #ccc;
    text-decoration: none;
    transition: 0.3s;
}
.footer-links a:hover {
    color: #FFD700;
    padding-left: 5px;
}

/* Social Icons */
.social-icons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #2C2C2C;
    color: #FFD700;
    border-radius: 50%;
    transition: 0.3s;
    text-decoration: none;
}
.social-icons a:hover {
    background: #FFD700;
    color: #1A1A1A;
    transform: translateY(-3px);
}

/* Payment Icons */
.payment-icons h4 {
    font-size: 1rem;
    margin-bottom: 10px;
}
.payment-icons div {
    display: flex;
    gap: 12px;
    font-size: 1.8rem;
    color: #ccc;
}
.payment-icons i {
    transition: 0.2s;
}
.payment-icons i:hover {
    color: #FFD700;
}

/* Newsletter Form */
.newsletter-form .input-group {
    display: flex;
    background: #2C2C2C;
    border-radius: 40px;
    overflow: hidden;
}
.newsletter-form input {
    background: transparent;
    border: none;
    padding: 12px 15px;
    color: white;
    flex: 1;
}
.newsletter-form input::placeholder {
    color: #aaa;
}
.newsletter-form input:focus {
    outline: none;
}
.btn-newsletter {
    background: #8B0000;
    border: none;
    color: white;
    padding: 0 18px;
    cursor: pointer;
    transition: 0.3s;
}
.btn-newsletter:hover {
    background: #FFD700;
    color: #1A1A1A;
}

.trust-badge {
    font-size: 0.85rem;
}
.trust-badge i {
    color: #FFD700;
    margin-right: 5px;
}

/* Footer Bottom */
.footer-bottom {
    padding: 20px 0;
    font-size: 0.85rem;
}
.back-to-top {
    background: #8B0000;
    border: none;
    color: white;
    padding: 8px 20px;
    border-radius: 40px;
    cursor: pointer;
    transition: 0.3s;
}
.back-to-top:hover {
    background: #FFD700;
    color: #1A1A1A;
}

/* ===== RESPONSIVE FOOTER ===== */
@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }
}
@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-col {
        text-align: center;
    }
    .footer-col h4:after {
        left: 50%;
        transform: translateX(-50%);
    }
    .social-icons {
        justify-content: center;
    }
    .payment-icons div {
        justify-content: center;
    }
    .footer-contact p i {
        width: auto;
        margin-right: 8px;
    }
    .newsletter-form .input-group {
        max-width: 280px;
        margin: 0 auto;
    }
}
@media (max-width: 480px) {
    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .footer-col h4:after {
        left: 50%;
        transform: translateX(-50%);
    }
    .back-to-top {
        margin-top: 10px;
    }
    .footer-bottom .row {
        text-align: center;
    }
}



/* ===== MOBILE SIDEBAR ===== */
.hamburger-btn {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    color: #8B0000;
    cursor: pointer;
    padding: 0;
}

.mobile-sidebar {
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100%;
    background: #1A1A1A;
    z-index: 1050;
    transition: left 0.3s ease;
    overflow-y: auto;
    box-shadow: 2px 0 10px rgba(0,0,0,0.2);
}
.mobile-sidebar.open {
    left: 0;
}
.sidebar-header {
    padding: 15px;
    text-align: right;
    border-bottom: 1px solid #333;
}
#closeSidebarBtn {
    background: transparent;
    border: none;
    color: #FFD700;
    font-size: 1.3rem;
    cursor: pointer;
}
.sidebar-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-nav li {
    border-bottom: 1px solid #2C2C2C;
}
.sidebar-nav li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    color: #ccc;
    text-decoration: none;
    font-weight: 500;
}
.sidebar-nav li a:hover {
    background: #8B0000;
    color: #FFD700;
}
.sidebar-submenu {
    list-style: none;
    padding-left: 20px;
    display: none;
    background: #2C2C2C;
}
.sidebar-submenu li a {
    padding: 10px 20px;
    font-size: 0.9rem;
}
.sidebar-dropdown.open .sidebar-submenu {
    display: block;
}
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
    display: none;
}
.sidebar-overlay.active {
    display: block;
}
@media (min-width: 769px) {
    .hamburger-btn {
        display: none !important;
    }
    .mobile-sidebar, .sidebar-overlay {
        display: none;
    }
}

/* ===== MOBILE BOTTOM NAVIGATION BAR ===== */
.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 8px 12px;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    z-index: 998;
    border-top: 1px solid #eee;
}
.bottom-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #666;
    font-size: 0.7rem;
    transition: 0.2s;
    position: relative;
}
.bottom-nav-item i {
    font-size: 1.3rem;
    margin-bottom: 2px;
}
.bottom-nav-item.active {
    color: #8B0000;
}
.bottom-nav-item .badge {
    position: absolute;
    top: -5px;
    right: -8px;
    background: #8B0000;
    color: white;
    border-radius: 20px;
    font-size: 0.6rem;
    padding: 0 5px;
}
/* Add bottom padding to main content so it's not hidden behind bottom nav */
@media (max-width: 768px) {
    body {
        padding-bottom: 60px;
    }
    .main-content {
        margin-bottom: 0;
    }
    /* On product page, the sticky bar (Add to Cart) will overlap bottom nav – we handle in product.php */
}

.search-results, #searchResults, #searchResultsMobile {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 1000;
    max-height: 400px;
    overflow-y: auto;
    display: none;
}
.search-item {
    text-decoration: none;
    color: #222;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}
.search-item:hover {
    background: #f8f9fa;
}
.search-item img {
    border-radius: 8px;
    object-fit: cover;
}
.search-item strong {
    font-size: 0.9rem;
}
.no-results, .error {
    padding: 15px;
    text-align: center;
    color: #666;
}
/* ===== Added Features: Dark/Light Mode + Floating WhatsApp + Skeleton Helpers ===== */
.theme-toggle-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(151,0,0,.3);background:#fff;color:#970000;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;transition:.2s}.theme-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.floating-whatsapp{position:fixed;right:18px;bottom:88px;z-index:1100;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff!important;text-decoration:none;font-size:30px;box-shadow:0 12px 28px rgba(37,211,102,.35);animation:waPulse 1.8s infinite}.floating-whatsapp span{position:absolute;right:68px;background:#111;color:#fff;font-size:12px;white-space:nowrap;padding:7px 10px;border-radius:999px;font-weight:800}@keyframes waPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
body.ah-dark-mode{background:#101010;color:#eee}body.ah-dark-mode .main-header,body.ah-dark-mode .navbar,body.ah-dark-mode .ah-shop-hero,body.ah-dark-mode .ah-filter-card,body.ah-dark-mode .ah-shop-toolbar,body.ah-dark-mode .ah-shop-card,body.ah-dark-mode .product-detail-container,body.ah-dark-mode .product-info,body.ah-dark-mode .tab-content,body.ah-dark-mode .related-card,body.ah-dark-mode .footer,body.ah-dark-mode .dropdown-menu{background:#181818!important;color:#eee!important;border-color:#333!important}body.ah-dark-mode h1,body.ah-dark-mode h2,body.ah-dark-mode h3,body.ah-dark-mode h4,body.ah-dark-mode .ah-shop-title,body.ah-dark-mode .product-title,body.ah-dark-mode .dropdown-item{color:#fff!important}body.ah-dark-mode p,body.ah-dark-mode .ah-shop-toolbar p,body.ah-dark-mode .ah-shop-hero p,body.ah-dark-mode .price-note{color:#cfcfcf!important}body.ah-dark-mode input,body.ah-dark-mode select,body.ah-dark-mode textarea,body.ah-dark-mode .search-form .form-control{background:#222!important;color:#fff!important;border-color:#444!important}body.ah-dark-mode .ah-cat-link,body.ah-dark-mode .variation-option,body.ah-dark-mode .product-specs,body.ah-dark-mode .quantity-selector{background:#222!important;color:#eee!important;border-color:#444!important}body.ah-dark-mode .ah-cat-link.active,body.ah-dark-mode .ah-cat-link:hover,body.ah-dark-mode .variation-option.selected{background:#970000!important;color:#fff!important}.ah-dark-mode .theme-toggle-btn{background:#222;color:#ffd83d;border-color:#555}.js-enabled .ah-nojs-pagination{display:none!important}@media(max-width:900px){.floating-whatsapp{bottom:78px;width:54px;height:54px}.floating-whatsapp span{display:none}}


/* ===== FIXED PREMIUM E-COMMERCE SLIDER + HOMEPAGE HERO CSS ===== */
.premium-slider-wrap{position:relative;width:100%;background:#fff;overflow:visible;margin:0 0 28px;}
.premium-hero-slider{position:relative;width:100%;overflow:hidden;margin:0;border-radius:0;background:#111;box-shadow:0 18px 45px rgba(0,0,0,.10);}
.premium-hero-slider .carousel-inner,.premium-hero-slider .carousel-item{height:clamp(270px,38vw,650px);}
.premium-hero-slider .carousel-item{transition:transform .75s ease-in-out,opacity .75s ease-in-out;}
.premium-slide-link{display:block;position:relative;height:100%;color:inherit;text-decoration:none;}
.premium-slide-img{width:100%;height:100%!important;object-fit:cover;object-position:center;transform:scale(1.02);transition:transform 6s ease;}
.premium-hero-slider .carousel-item.active .premium-slide-img{transform:scale(1.08);}
.premium-slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0) 45%,rgba(0,0,0,.14));pointer-events:none;}
.premium-slide-cta{position:absolute;left:7%;bottom:8%;display:inline-flex;align-items:center;gap:12px;background:rgba(139,0,0,.82);color:#fff;border:1px solid rgba(255,215,0,.75);box-shadow:0 15px 35px rgba(0,0,0,.25);backdrop-filter:blur(10px);padding:13px 28px;border-radius:14px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;transition:.25s;}
.premium-slide-link:hover .premium-slide-cta{transform:translateY(-3px);background:#8B0000;color:#FFD700;}
.premium-slider-arrow{width:48px;height:48px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.92);border-radius:50%;opacity:0;box-shadow:0 10px 25px rgba(0,0,0,.25);transition:.25s;}
.premium-slider-wrap:hover .premium-slider-arrow{opacity:1;}
.premium-slider-arrow.carousel-control-prev{left:20px;}.premium-slider-arrow.carousel-control-next{right:20px;}
.premium-slider-arrow .carousel-control-prev-icon,.premium-slider-arrow .carousel-control-next-icon{filter:invert(1);background-size:58%;width:22px;height:22px;padding:0;background-color:transparent;border-radius:0;}
.premium-dots{bottom:16px;margin-bottom:0;gap:7px;}
.premium-dots [data-bs-target]{width:28px;height:4px;border-radius:10px;border:0;background:#fff;opacity:.55;margin:0;transition:.25s;}
.premium-dots .active{width:44px;background:#FFD700;opacity:1;}
.premium-slider-progress{position:absolute;left:0;bottom:0;width:100%;height:4px;background:rgba(255,255,255,.2);z-index:3;overflow:hidden;}
.premium-slider-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8B0000,#FFD700);transform-origin:left;animation:premiumSliderProgress 4.2s linear infinite;}
@keyframes premiumSliderProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.premium-slider-trust{position:relative;z-index:5;max-width:1180px;margin:-34px auto 0;padding:0 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.premium-slider-trust>div{background:rgba(255,255,255,.96);border:1px solid rgba(139,0,0,.08);box-shadow:0 14px 35px rgba(0,0,0,.10);border-radius:15px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:13px;min-height:68px;}
.premium-slider-trust i{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#8B0000;color:#FFD700;}
.premium-slider-trust b{color:#1A1A1A;font-size:.96rem;}

/* Admin editable luxury hero section from index.php */
.ah-home-hero{position:relative;max-width:1500px;margin:28px auto 22px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#fff7f0,#ffe7d1);padding:58px 72px;box-shadow:0 20px 60px rgba(139,0,0,.10);}
.ah-hero-bg{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;pointer-events:none}.ah-hero-bg-one{width:260px;height:260px;background:#ffd9b0;left:-80px;bottom:-80px}.ah-hero-bg-two{width:260px;height:260px;background:#f2a98f;right:-45px;top:40px}.ah-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center}.ah-kicker{display:inline-flex;align-items:center;gap:8px;background:#f9dfd6;color:#8B0000;border:1px solid #e5b6aa;border-radius:999px;padding:10px 20px;font-weight:700;font-size:.95rem}.ah-hero-copy h1{font-size:clamp(2.5rem,4.7vw,5.2rem);font-weight:800;line-height:1.05;color:#27110d;margin:24px 0 20px}.ah-hero-copy p{font-size:1.16rem;line-height:1.8;color:#725048;max-width:720px}.ah-hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin:28px 0 18px}.ah-primary-btn,.ah-secondary-btn{border-radius:999px;padding:14px 24px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.ah-primary-btn{background:#8B0000;color:#fff;box-shadow:0 12px 24px rgba(139,0,0,.22)}.ah-primary-btn:hover{color:#FFD700;transform:translateY(-2px)}.ah-secondary-btn{border:1px solid #e7c3bd;color:#8B0000;background:rgba(255,255,255,.72)}.ah-hero-mini-trust{display:flex;flex-wrap:wrap;gap:12px}.ah-hero-mini-trust span{background:rgba(255,255,255,.78);border:1px solid #ead7d1;border-radius:999px;padding:9px 14px;font-weight:700;color:#5a332c;font-size:.85rem}.ah-hero-visual{position:relative;min-height:440px}.ah-hero-card-main{display:block;position:relative;width:min(440px,84%);margin:auto;background:#fff;border-radius:28px;padding:0;box-shadow:0 22px 45px rgba(0,0,0,.18);overflow:hidden;transform:rotate(.5deg);text-decoration:none;color:#1A1A1A}.ah-hero-card-main img{width:100%;height:420px;object-fit:cover;display:block}.ah-hero-product-info{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;padding:16px 20px;font-weight:800}.ah-hero-product-info b{font-size:.95rem;line-height:1.25}.ah-hero-product-info span{color:#8B0000;white-space:nowrap}.ah-floating-product{position:absolute;width:118px;height:118px;border-radius:22px;background:#fff;padding:8px;box-shadow:0 14px 35px rgba(0,0,0,.16);z-index:3}.ah-floating-product img{width:100%;height:100%;object-fit:cover;border-radius:16px}.ah-float-one{left:4%;top:12%;transform:rotate(-10deg)}.ah-float-two{right:2%;bottom:18%;transform:rotate(8deg)}
.ah-trust-strip{max-width:1280px;margin:-8px auto 40px;padding:0 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.ah-trust-item{background:#fff;border-radius:18px;padding:18px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 32px rgba(0,0,0,.08);border:1px solid #f0e2de}.ah-trust-item i{width:42px;height:42px;min-width:42px;border-radius:14px;background:#8B0000;color:#FFD700;display:flex;align-items:center;justify-content:center}.ah-trust-item strong{display:block;color:#1A1A1A;line-height:1.2}.ah-trust-item span{font-size:.82rem;color:#7a625b;line-height:1.3;display:block;margin-top:3px}
@media(max-width:991px){.premium-hero-slider .carousel-inner,.premium-hero-slider .carousel-item{height:380px}.premium-slider-trust{grid-template-columns:repeat(2,1fr);margin:-24px auto 0}.premium-slide-cta{font-size:.82rem;padding:10px 18px}.ah-home-hero{padding:38px 26px;border-radius:22px}.ah-hero-inner{grid-template-columns:1fr;gap:28px}.ah-hero-visual{min-height:360px}.ah-trust-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.premium-hero-slider .carousel-inner,.premium-hero-slider .carousel-item{height:230px}.premium-slide-img{object-position:center}.premium-slider-arrow{opacity:1;width:38px;height:38px}.premium-slider-arrow.carousel-control-prev{left:10px}.premium-slider-arrow.carousel-control-next{right:10px}.premium-dots{bottom:8px}.premium-slide-cta{left:18px;bottom:22px;padding:9px 14px;border-radius:12px;font-size:.72rem}.premium-slider-trust{grid-template-columns:repeat(2,1fr);gap:10px;margin:10px auto 0}.premium-slider-trust>div{padding:10px 8px;min-height:54px;gap:7px}.premium-slider-trust i{width:28px;height:28px;font-size:.78rem}.premium-slider-trust b{font-size:.78rem}.ah-home-hero{margin:16px 10px;padding:28px 18px}.ah-kicker{font-size:.75rem;padding:8px 12px}.ah-hero-copy h1{font-size:2.2rem}.ah-hero-copy p{font-size:.95rem}.ah-hero-actions{gap:10px}.ah-primary-btn,.ah-secondary-btn{padding:11px 16px;font-size:.85rem}.ah-hero-visual{min-height:auto}.ah-hero-card-main{width:100%;transform:none}.ah-hero-card-main img{height:320px}.ah-floating-product{display:none}.ah-hero-product-info{padding:12px;font-size:.82rem}.ah-trust-strip{grid-template-columns:1fr;margin:18px 10px 28px;padding:0}.ah-trust-item{padding:14px}}

/* ===== Dynamic Hero CMS carousel + category center fix ===== */
.ah-hero-cms-slider-wrap{width:100%;padding:22px 0 0;background:#fff;position:relative;overflow:hidden}.ah-hero-cms-slider .carousel-inner{overflow:visible}.ah-home-hero-slide{background:linear-gradient(135deg,var(--hero-bg-1,#fff7f0),var(--hero-bg-2,#ffe7d1))!important}.ah-hero-cms-slider .carousel-item{transition:transform .75s cubic-bezier(.22,.61,.36,1),opacity .75s ease}.ah-hero-cms-slider .carousel-item.active .ah-hero-copy{animation:ahTextIn .75s ease both}.ah-hero-cms-slider .carousel-item.active .ah-hero-visual{animation:ahVisualIn .9s ease both}.ah-hero-control{width:48px!important;height:48px!important;top:50%!important;transform:translateY(-50%);background:rgba(139,0,0,.88)!important;border-radius:50%;opacity:0;transition:.25s;box-shadow:0 12px 30px rgba(139,0,0,.28)}.ah-hero-cms-slider:hover .ah-hero-control{opacity:1}.ah-hero-prev{left:24px!important}.ah-hero-next{right:24px!important}.ah-hero-indicators{bottom:18px!important;margin-bottom:0!important}.ah-hero-indicators button{width:34px!important;height:5px!important;border-radius:20px!important;border:0!important;background:#8B0000!important;opacity:.25!important}.ah-hero-indicators button.active{opacity:1!important;background:#FFD700!important}@keyframes ahTextIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes ahVisualIn{from{opacity:0;transform:translateX(30px) scale(.98)}to{opacity:1;transform:none}}
.category-section{text-align:center!important}.category-scroll-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;padding:10px 0 12px}.category-horizontal-scroll{display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:24px!important;flex-wrap:wrap!important;margin:0 auto!important}.category-card-square{flex:0 0 170px!important;text-align:center!important}.category-card-square a{text-decoration:none!important}.category-img-square{width:170px!important;height:170px!important;margin:0 auto 12px!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(0,0,0,.08);background:#fff}.category-img-square img{width:100%!important;height:100%!important;object-fit:cover!important;transition:.35s}.category-card-square:hover .category-img-square img{transform:scale(1.06)}.category-name{font-weight:700;color:#8B0000;text-align:center!important}
@media(max-width:768px){.ah-hero-cms-slider-wrap{padding-top:10px}.ah-hero-control{display:none!important}.ah-hero-indicators{bottom:8px!important}.ah-home-hero-slide{margin:0 10px!important}.category-horizontal-scroll{justify-content:flex-start!important;flex-wrap:nowrap!important;gap:14px!important;padding:0 8px}.category-card-square{flex:0 0 126px!important}.category-img-square{width:126px!important;height:126px!important;border-radius:16px!important}.category-name{font-size:.86rem}}