/* ===================================================
   GLOBAL RESET
=================================================== */

html, body {
    margin: 0 !important;
    padding: 0 !important;
}



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

body {
    font-family: 'Segoe UI', sans-serif;
    background:
        radial-gradient(circle at 10% 0%, rgba(124, 58, 237, 0.08), transparent 34%),
        radial-gradient(circle at 95% 85%, rgba(14, 165, 233, 0.08), transparent 36%),
        linear-gradient(180deg, #f4f7ff 0%, #eef4ff 100%);
    background-attachment: fixed;
    color: #222;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

.container {
    max-width: 1200px;
}

/* ===================================================
   HEADER
=================================================== */

.main-header {
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.navbar-brand img {
    height: 50px;
    width: auto;
}

.navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 500;
    color: #333 !important;
    margin: 0 8px;
    white-space: nowrap;
    transition: 0.3s;
}

.navbar-nav .nav-link:hover {
    color: #198754 !important;
}

.navbar-nav {
    flex-wrap: wrap;
    overflow: visible;
}

.cart-btn {
    background: #198754;
    color: #fff;
    border-radius: 30px;
    padding: 8px 22px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: 0.3s;
}

.cart-btn:hover {
    background: #146c43;
    color: #fff;
}

/* ===================================================
   CATEGORY SECTION
=================================================== */

.category-section {
    padding: 60px 0;
    background: linear-gradient(180deg, #f7f9ff 0%, #f1f5ff 100%);
}

.category-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 40px;
}

.category-card {
    background: #ffffff;
    padding: 35px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 5px 25px rgba(0,0,0,0.05);
    transition: 0.3s;
    height: 100%;
}

.category-card h5 {
    font-weight: 600;
    margin-bottom: 0;
    color: #222;
}

.category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

/* ===================================================
   FOOTER
=================================================== */

.footer {
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    color: #ffffff;
    padding: 4rem 0 2rem;
    margin-top: 60px;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 3rem;
    margin-bottom: 3rem;
}

.footer-section h4 {
    margin-bottom: 1rem;
    font-weight: 600;
}

.footer-section p {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    line-height: 1.6;
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 0.7rem;
}

.footer-section ul li a {
    color: rgba(255,255,255,0.8);
    transition: 0.3s;
}

.footer-section ul li a:hover {
    color: #ffc107;
    padding-left: 5px;
}

.footer-contact li {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 14px;
}

.footer-contact i {
    color: #ffc107;
    margin-top: 4px;
}

.footer-social a {
    margin-right: 10px;
    color: white;
    font-size: 18px;
    transition: 0.3s;
}

.footer-social a:hover {
    color: #ffc107;
}

.footer-bottom {
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 1.5rem;
    font-size: 14px;
}

.footer-bottom a {
    color: #ffc107;
}

/* ===================================================
   RESPONSIVE DESIGN
=================================================== */

@media (max-width: 992px) {
    .navbar-nav {
        overflow: visible;
    }
}

@media (max-width: 768px) {

    .navbar-nav {
        flex-wrap: wrap;
        justify-content: center;
    }

    .category-title {
        font-size: 22px;
        text-align: center;
    }

    .category-card {
        padding: 25px;
    }

    .footer-content {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-contact li {
        justify-content: center;
    }

    .footer-social {
        justify-content: center;
        display: flex;
    }
}

@media (max-width: 480px) {

    .navbar-brand img {
        height: 40px;
    }

    .cart-btn {
        padding: 6px 15px;
        font-size: 14px;
    }

    .category-card {
        padding: 20px;
    }
}

/* ===============================
   PREMIUM HEADER
================================ */



.premium-header{
    background: linear-gradient(135deg,#667eea,#764ba2);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.premium-header .nav-link{
    color: #fff !important;
    font-weight: 500;
    margin: 0 10px;
    transition: 0.3s;
}

.premium-header .nav-link:hover{
    color: #ffd700 !important;
}

.cart-btn-premium{
    background: #ff4d94;
    color: white;
    padding: 8px 22px;
    border-radius: 30px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
}

.cart-btn-premium:hover{
    background: #ff2e7a;
    color: white;
}

/* ================= HERO SECTION ================= */

.hero-section{
    background: linear-gradient(135deg,#667eea,#764ba2);
    color:white;
    padding:120px 0 100px;
    text-align:center;
}

.hero-section h1{
    font-size:42px;
    font-weight:700;
}

.highlight-text{
    color:#ffd700;
}

.hero-section p{
    font-size:18px;
    margin:15px 0 30px;
    opacity:0.9;
}

.hero-buttons .btn{
    border-radius:30px;
    padding:10px 30px;
}


/* ================= CATEGORY SECTION ================= */

.section-title{
    font-size:32px;
    font-weight:700;
}

.section-subtitle{
    color:#6c757d;
}

.category-card-premium{
    background:white;
    padding:40px 20px;
    border-radius:20px;
    text-align:center;
    transition:0.3s;
    box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.category-card-premium:hover{
    transform:translateY(-10px);
    box-shadow:0 12px 35px rgba(0,0,0,0.1);
}

.category-icon{
    width:80px;
    height:80px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(135deg,#f093fb,#f5576c);
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:30px;
}

.view-btn{
    display:inline-block;
    margin-top:15px;
    background:linear-gradient(135deg,#f093fb,#f5576c);
    color:white;
    padding:8px 20px;
    border-radius:20px;
    font-size:14px;
}


/* ================= RESPONSIVE ================= */

@media(max-width:768px){
    .hero-section h1{
        font-size:28px;
    }
}



/* TOP BAR */
.top-bar{
background:linear-gradient(90deg,#667eea,#764ba2);
color:white;
padding:6px 0;
font-size:14px;
margin:0;
position:relative;
z-index:1035;
}

.top-social a{
color:white;
margin-left:15px;
transition:0.3s;
}

.top-social a:hover{
color:#ffc107;
}

/* MAIN NAVBAR */
.main-navbar{
background:white;
box-shadow:0 4px 20px rgba(0,0,0,0.05);
margin:0;
padding:10px 0;
}

.main-navbar .container{
display:flex;
align-items:center;
gap:12px;
}

.main-navbar .navbar-collapse{
min-width:0;
}

.navbar-nav .nav-link{
font-weight:500;
margin:0 10px;
color:#333 !important;
}

.navbar-nav .nav-link:hover{
color:#764ba2 !important;
}

/* NAV ICONS */
.nav-icons{
display:flex;
align-items:center;
gap:20px;
flex-shrink:0;
}

.search-icon,
.cart-icon{
color:#333;
font-size:18px;
position:relative;
}

.cart-count{
position:absolute;
top:-8px;
right:-10px;
background:#ff4081;
color:white;
font-size:12px;
padding:2px 6px;
border-radius:50%;
}

/* HERO SECTION */
.hero-section{
position:relative;
height:100vh;
min-height:600px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
margin:0;
padding:0;
}

.hero-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(135deg,#667eea,#764ba2);
opacity:0.85;
z-index:2;
}

.hero-content{
position:relative;
z-index:3;
text-align:center;
color:white;
}

.hero-content h1{
font-size:48px;
font-weight:700;
}

.hero-content h1 span{
color:#ffd700;
}

.hero-content p{
font-size:18px;
margin:20px 0;
}

.hero-buttons .btn{
margin:10px;
padding:12px 30px;
border-radius:30px;
font-weight:500;
}

/* RESPONSIVE */
@media(max-width:768px){

.hero-section{
height:450px;
}

.hero-content h1{
font-size:28px;
}

.top-bar{
text-align:center;
}
}

.navbar{
margin-bottom:0 !important;
}

.hero-section{
margin-top:0 !important;
}
.container{
padding-left:15px;
padding-right:15px;
}

/* FEATURES SECTION */
.features-section{
background: linear-gradient(180deg, #f7f9ff 0%, #eef4ff 100%);
}

.feature-box{
background:white;
padding:30px 20px;
border-radius:15px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
transition:0.3s;
}

.feature-box:hover{
transform:translateY(-6px);
}

.feature-icon{
width:70px;
height:70px;
margin:0 auto 15px;
background:linear-gradient(135deg,#ff4e8a,#9c27b0);
color:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
}

.feature-box h5{
font-weight:600;
margin-bottom:5px;
}

.feature-box p{
font-size:14px;
color:#777;
}

/* PRODUCTS SECTION */

.products-section{
background: linear-gradient(180deg, #f7f9ff 0%, #f2f6ff 100%);
}

.product-card-premium{
background:white;
border-radius:15px;
overflow:hidden;
box-shadow:0 6px 25px rgba(0,0,0,0.05);
transition:0.3s;
}

.product-card-premium:hover{
transform:translateY(-8px);
}

.product-image{
height:220px;
background:linear-gradient(135deg,#667eea,#764ba2);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

.product-image img{
max-height:180px;
}

.product-info{
padding:20px;
}

.product-category{
font-size:12px;
color:#888;
margin-bottom:5px;
text-transform:uppercase;
}

.product-bottom{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:10px;
}

.product-price{
font-weight:600;
color:#e91e63;
}

.add-btn{
background:#ff4e8a;
color:white;
padding:6px 15px;
border-radius:20px;
font-size:13px;
text-decoration:none;
}

.add-btn:hover{
background:#e91e63;
color:white;
}

.btn-outline-secondary{
padding:4px 10px;
font-weight:bold;
}

.product-image{
height:250px;
overflow:hidden;
border-radius:12px 12px 0 0;
}

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

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

.add-btn{
background:#ff4d79;
color:#fff;
padding:8px 16px;
border-radius:25px;
font-size:14px;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:6px;
transition:0.3s;
}

.add-btn:hover{
background:#e63c67;
}

.category-img{
width:90px;
height:90px;
object-fit:contain;
background:#fff;
padding:10px;
border-radius:50%;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}



/* QUICK TRUST STRIP */
.quick-trust-strip{
    background: linear-gradient(180deg, #f3f7ff 0%, #edf3ff 100%);
    padding:18px 0 26px;
}

.trust-pill{
    background:#fff;
    border:1px solid #eceef3;
    border-radius:999px;
    padding:10px 14px;
    font-size:14px;
    font-weight:600;
    color:#3c3f4a;
    box-shadow:0 8px 20px rgba(0,0,0,0.04);
}

.trust-pill i{
    margin-right:8px;
    color:#764ba2;
}

.footer-contact a{
    color:rgba(255,255,255,0.85);
}

.footer-contact a:hover{
    color:#ffc107;
}



/* Footer Modern */
.footer-modern{
    background: linear-gradient(145deg, #0f1f2b, #1e3a50 55%, #123149);
    padding-top: 4.2rem;
}

.footer-brand p{
    max-width: 320px;
}

.footer-bullets div{
    color: rgba(255,255,255,0.88);
    font-size: 13px;
    margin-bottom: 8px;
}

.footer-bullets i{
    color:#34d399;
    margin-right:8px;
}

.footer-contact li{
    line-height:1.45;
}

.footer-bottom p{
    margin:0;
    white-space: normal;
}

.policy-section{
    background: #f6f8fc;
    min-height: 60vh;
}

.policy-card{
    background: #fff;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 12px 30px rgba(2, 6, 23, 0.08);
    border: 1px solid #e8ecf4;
}

.policy-card h1{
    font-size: 32px;
    margin-bottom: 6px;
}

.policy-subtitle{
    color: #64748b;
    margin-bottom: 20px;
}

.policy-body{
    color:#334155;
    line-height:1.75;
    white-space: pre-wrap;
}

@media(max-width:768px){
    .policy-card{ padding:20px; }
    .policy-card h1{ font-size:26px; }
}


/* Logo Visibility */
.site-logo{
    height:58px;
    width:auto;
    object-fit:contain;
    background:transparent;
    border-radius:8px;
    padding:2px 4px;
    border:none;
    image-rendering:-webkit-optimize-contrast;
    image-rendering:crisp-edges;
    filter:contrast(1.05) saturate(1.05);
}

.footer-logo{
    height:70px;
    width:auto;
    object-fit:contain;
    background:#ffffff;
    border-radius:8px;
    padding:3px 6px;
    image-rendering:-webkit-optimize-contrast;
    image-rendering:crisp-edges;
    filter:contrast(1.05) saturate(1.05);
}

@media(max-width:768px){
    .site-logo{ height:50px; }
    .footer-logo{ height:60px; }
}


/* Ecommerce Shared */
.ecommerce-grid-card{
    position:relative;
    border:1px solid #edf0f7;
    border-radius:14px;
    overflow:hidden;
}

.ecommerce-grid-card .card-img-top{
    height:220px;
    object-fit:contain;
    background:#fff;
    padding:10px;
}

.ecommerce-card{
    position:relative;
    overflow:hidden;
}

.discount-chip{ display:none; }

.ecommerce-grid-card .discount-chip,
.ecommerce-card .discount-chip{
    display:inline-block;
    position:absolute;
    top:10px;
    left:10px;
    background:#dc2626;
    color:#fff;
    font-size:11px;
    font-weight:700;
    padding:4px 8px;
    border-radius:8px;
    z-index:2;
}

.rating-row{
    display:flex;
    align-items:center;
    gap:8px;
}

.stars-inline i{
    font-size:12px;
    color:#f59e0b;
}

.price-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
}

.price-main{
    font-weight:700;
    color:#e91e63;
}

.price-mrp{
    text-decoration:line-through;
    color:#94a3b8;
    font-size:13px;
}

.save-tag{
    background:#e8fff3;
    color:#15803d;
    padding:2px 8px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
}

.ecommerce-listing .section-head-inline{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.ecommerce-listing .section-link{
    font-weight:600;
    font-size:14px;
    color:#7a3ff2;
    text-decoration:none;
}

/* Homepage Stabilization */
.home-promo-strip{
    background:linear-gradient(90deg,#0f172a,#1d4ed8,#0f766e);
    color:#fff;
    padding:8px 0;
    font-size:14px;
}

.home-promo-strip strong{ margin-right:12px; }
.home-promo-strip span{ opacity:0.9; }

.promo-link-btn{
    background:#fff;
    color:#0f172a;
    padding:7px 14px;
    border-radius:999px;
    font-weight:700;
    font-size:12px;
    text-decoration:none;
}

.urgency-chips{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:center;
}

.urgency-chip{
    background:#fff;
    border:1px solid #e4e8f2;
    color:#334155;
    font-weight:600;
    font-size:13px;
    padding:8px 14px;
    border-radius:999px;
}

.category-section .row > [class*="col-"]{
    display:flex;
}

.category-card-premium{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #edf0f7;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 24px rgba(2,6,23,0.06);
    transition:transform 0.25s ease, box-shadow 0.25s ease;
}

.category-card-premium:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(2,6,23,0.11);
}

.category-image{
    height:250px;
    padding:14px;
    background:#f8fafc;
    border-bottom:1px solid #edf0f7;
    display:flex;
    align-items:center;
    justify-content:center;
}

.category-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.category-card-premium h5{
    padding:16px 16px 8px;
    margin:0;
    font-size:17px;
    font-weight:700;
    color:#1f2937;
}

.view-btn{
    margin:0 16px 16px;
    margin-top:auto;
    text-align:center;
}

.section-head-inline{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:8px;
}

.section-link{
    font-weight:600;
    font-size:14px;
    color:#7a3ff2;
    text-decoration:none;
}

.product-card-premium{
    height:100%;
    display:flex;
    flex-direction:column;
    border:1px solid #eef1f7;
}

.product-image{
    height:250px;
    overflow:hidden;
    border-radius:12px 12px 0 0;
    background:#fff;
    padding:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.product-slide-img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    border-radius:8px;
    background:#fff;
}

.product-info{
    flex:1;
    display:flex;
    flex-direction:column;
}

.product-bottom{
    margin-top:auto;
}

.product-bottom .add-btn{
    width:100%;
    justify-content:center;
    text-align:center;
    white-space:normal;
}

.compact-card .product-info h5{
    font-size:16px;
    min-height:42px;
}

.compact-card .product-image{
    height:230px;
}

.sale-badge{
    display:inline-block;
    background:#ffe7ef;
    color:#e63c67;
    font-size:12px;
    padding:4px 10px;
    border-radius:30px;
    font-weight:600;
    margin-bottom:10px;
}

.sale-badge-new{
    background:#e7f3ff;
    color:#0969da;
}

.top-rate-badge{
    background:#fef3c7;
    color:#b45309;
}

.social-proof-strip{
    background: linear-gradient(180deg, #f5f8ff 0%, #eef3ff 100%);
    border-top:1px solid #e5e7eb;
    border-bottom:1px solid #e5e7eb;
}

.proof-box{
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:14px;
    padding:16px 10px;
}

.proof-box h4{
    margin:0;
    font-weight:800;
    color:#0f172a;
}

.proof-box p{
    margin:4px 0 0;
    color:#64748b;
    font-size:13px;
}

.customer-love{ background: linear-gradient(180deg, #f7f9ff 0%, #eef4ff 100%); }

.review-card{
    background:#fff;
    border:1px solid #eceef4;
    border-radius:14px;
    padding:20px;
    height:100%;
    box-shadow:0 10px 24px rgba(0,0,0,0.04);
}

.review-card p{
    font-size:14px;
    line-height:1.6;
    margin:12px 0 10px;
    color:#4b5563;
}

.review-card h6{
    margin:0;
    font-weight:600;
}

.stars i{
    color:#ffb703;
    font-size:14px;
    margin-right:2px;
}

.floating-whatsapp{
    position:fixed;
    right:20px;
    bottom:18px;
    background:#25D366;
    color:#fff;
    padding:10px 14px;
    border-radius:999px;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    font-weight:600;
    box-shadow:0 12px 24px rgba(37,211,102,0.35);
    z-index:1040;
}

.floating-whatsapp i{ font-size:20px; }
.floating-whatsapp:hover{ color:#fff; background:#1db856; }

@media(max-width:992px){
    .hero-section{
        min-height:520px;
        height:auto;
        padding:96px 0 72px;
    }

    .top-contact{
        font-size:12px;
        line-height:1.4;
    }
}

@media(max-width:1500px){
    .navbar-nav .nav-link{
        margin:0 6px;
        font-size:14px;
    }

    .nav-icons{
        gap:14px;
    }
}

@media(max-width:1280px){
    .navbar-nav .nav-link{
        margin:0 4px;
        font-size:13px;
    }

    .site-logo{
        height:52px;
    }
}

@media(max-width:768px){
    .home-promo-strip{ font-size:12px; }
    .promo-link-btn{ padding:6px 10px; font-size:11px; }

    .hero-section{
        min-height:430px;
        padding:80px 0 56px;
    }

    .hero-content h1{ font-size:30px; }
    .hero-content p{ font-size:15px; margin:14px 0 22px; }

    .category-image{ height:220px; }
    .product-image{ height:220px; }

    .section-head-inline{ flex-wrap:wrap; gap:6px; }

    .top-bar .container{
        flex-direction:column;
        gap:6px;
    }

    .top-contact .mx-3{ display:none; }

    .main-navbar .container{
        gap:8px;
    }

    .floating-whatsapp span{ display:none; }
    .floating-whatsapp{
        width:54px;
        height:54px;
        padding:0;
        justify-content:center;
        right:12px;
        bottom:12px;
    }
}

/* Prevent desktop horizontal nav slider on zoomed screens */
@media (min-width: 992px){
    .main-navbar .navbar-nav{
        overflow: visible !important;
        flex-wrap: wrap !important;
        justify-content: center;
    }
}

/* Final image fit override for homepage product cards */
.products-section .product-image img,
.products-section .product-image .product-slide-img{
    width:100%;
    height:100%;
    object-fit:contain !important;
    object-position:center;
    background:#fff;
}

/* Header Top Gap Fix */
@media(min-width:769px){
    body.is-inner{
        padding-top:34px !important;
    }

    body.is-inner > .top-bar{
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:1045;
    }

    body.is-inner .main-navbar.sticky-top{
        top:34px !important;
        z-index:1040;
    }

    body.is-home{
        padding-top:0 !important;
    }

    body.is-home > .top-bar{
        position:relative;
    }

    body.is-home .main-navbar.sticky-top{
        top:0 !important;
    }
}

@media(max-width:768px){
    body{
        padding-top:0 !important;
    }

    body > .top-bar{
        position:relative;
    }

    .main-navbar.sticky-top{
        top:0 !important;
    }
}