/*
Theme Name: Nori E Mahra
Theme URI: https://github.com/noor-mehra/nori-e-mahra
Author: Antigravity AI
Author URI: https://github.com/noor-mehra
Description: A premium, luxury kids clothing eCommerce theme for Nori E Mahra. WooCommerce compatible, responsive, gold luxury aesthetic.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nori-e-mahra
Tags: e-commerce, woocommerce, custom-logo, custom-menu, featured-images, full-width-template, translation-ready
*/

@import url('assets/css/main.css');
@import url('assets/css/components.css');
@import url('assets/css/pages.css');

/* ==========================================================================
   NORI E MAHRA — Luxury Core Styles
   Gold #C9A96E | Cream #FAFAF8 | Cormorant Garamond + DM Sans
   ========================================================================== */

/* --- CSS Variables -------------------------------------------------------- */
:root {
  /* PRIMARY GOLD — the soul of the brand */
  --gold:           #C9A96E;   /* main gold — buttons, accents, stars */
  --gold-light:     #DFC28F;   /* hover states, light fills */
  --gold-dark:      #A8864A;   /* active states, pressed buttons */
  --gold-whisper:   rgba(201, 169, 110, 0.08);  /* card backgrounds, subtle fills */
  --gold-border:    rgba(201, 169, 110, 0.18);  /* all borders */
  --gold-border-strong: rgba(201, 169, 110, 0.40); /* hover borders */

  /* NEUTRALS — the canvas */
  --ink:            #1C1917;   /* primary text, dark backgrounds */
  --ink-soft:       #2C2520;   /* slightly lighter dark (hero gradients) */
  --stone:          #57534E;   /* secondary text, nav links, labels */
  --pebble:         #A8A29E;   /* muted text, old prices, placeholders */
  --cream:          #FAFAF8;   /* page background */
  --cream-warm:     #F5F2ED;   /* product image backgrounds, card fills */
  --white:          #FFFFFF;   /* cards, modals */

  /* SEMANTIC */
  --sale-red:       #C0392B;   /* sale badge text only — use sparingly */
  --success-green:  #2D6A4F;   /* "In Stock", success messages */
  --whatsapp:       #25D366;   /* WhatsApp CTA button ONLY */

  /* Aliases for legacy CSS */
  --charcoal:       var(--ink);
  --border-gold:    var(--gold-border);
  --border-light:   rgba(0,0,0,0.08);
  --text-muted:     var(--stone);
  --text-gray:      var(--stone);
  --border-gold-strong: var(--gold-border-strong);

  /* Backwards compatibility */
  --bg-white:        #FFFFFF;
  --bg-cream:        #FAFAF8;
  --primary-pink-light: #FAFAF8;
  --accent-coral:    #C9A96E;
  --accent-coral-hover: #A8864A;
  --accent-mustard:  #C9A96E;
  --accent-mustard-hover: #A8864A;
  --text-dark:       #1C1917;
  --font-heading:    'Cormorant Garamond', Georgia, serif;
  --font-body:       'DM Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --shadow-soft:     0 2px 12px rgba(28, 25, 23, 0.06);
  --shadow-hover:    0 16px 48px rgba(28, 25, 23, 0.12);
  --shadow-card:     0 8px 30px rgba(0,0,0,0.04);
  --border-radius-sm:   6px;
  --border-radius-md:   14px;
  --border-radius-lg:   22px;
  --border-radius-full: 9999px;
  --transition-smooth:  all 0.35s cubic-bezier(0.4,0,0.2,1);
}
  /* PRIMARY GOLD — the soul of the brand */
  --gold:           #C9A96E;   /* main gold — buttons, accents, stars */
  --gold-light:     #DFC28F;   /* hover states, light fills */
  --gold-dark:      #A8864A;   /* active states, pressed buttons */
  --gold-whisper:   rgba(201, 169, 110, 0.08);  /* card backgrounds, subtle fills */
  --gold-border:    rgba(201, 169, 110, 0.18);  /* all borders */
  --gold-border-strong: rgba(201, 169, 110, 0.40); /* hover borders */

  /* NEUTRALS — the canvas */
  --ink:            #1C1917;   /* primary text, dark backgrounds */
  --ink-soft:       #2C2520;   /* slightly lighter dark (hero gradients) */
  --stone:          #57534E;   /* secondary text, nav links, labels */
  --pebble:         #A8A29E;   /* muted text, old prices, placeholders */
  --cream:          #FAFAF8;   /* page background */
  --cream-warm:     #F5F2ED;   /* product image backgrounds, card fills */
  --white:          #FFFFFF;   /* cards, modals */

  /* SEMANTIC */
  --sale-red:       #C0392B;   /* sale badge text only — use sparingly */
  --success-green:  #2D6A4F;   /* "In Stock", success messages */
  --whatsapp:       #25D366;   /* WhatsApp CTA button ONLY */

  /* Backwards compatibility aliases */
  --bg-white:        #FFFFFF;
  --bg-cream:        #FAFAF8;
  --primary-pink-light: #FAFAF8;
  --accent-coral:    #C9A96E;
  --accent-coral-hover: #A8864A;
  --accent-mustard:  #C9A96E;
  --accent-mustard-hover: #A8864A;
  --text-dark:       #1C1917;
  --font-heading:    'Cormorant Garamond', Georgia, serif;
  --font-body:       'DM Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --shadow-soft:     0 2px 12px rgba(28, 25, 23, 0.06);
  --shadow-hover:    0 16px 48px rgba(28, 25, 23, 0.12);
    --shadow-card:     0 8px 30px rgba(0,0,0,0.04);
    --border-radius-sm:   6px;
    --border-radius-md:   14px;
    --border-radius-lg:   22px;
    --border-radius-full: 9999px;
    --transition-smooth:  all 0.35s cubic-bezier(0.4,0,0.2,1);
}

/* --- Reset ---------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);font-size:14px;line-height:1.75;color:var(--charcoal);background-color:var(--cream-light);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6,.font-playful{font-family:var(--font-heading);font-weight:700;color:var(--charcoal);line-height:1.25;}
a{color:var(--charcoal);text-decoration:none;transition:var(--transition-smooth);}
a:hover{color:var(--gold);}
img{max-width:100%;height:auto;display:block;}
ul,ol{list-style:none;}

/* --- Layout --------------------------------------------------------------- */
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-muted{color:var(--text-muted);}
.py-5{padding-top:5rem;padding-bottom:5rem;}
.mb-3{margin-bottom:1rem;}
.mt-3{margin-top:1rem;}
.mt-2{margin-top:.5rem;}
.mt-4{margin-top:1.5rem;}
.mb-4{margin-bottom:1.5rem;}
.w-100{width:100%;}
.btn-block{display:block;width:100%;}

/* --- Buttons -------------------------------------------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding:13px 30px;border-radius:var(--border-radius-sm);border:2px solid transparent;cursor:pointer;transition:var(--transition-smooth);text-align:center;}
.btn-primary{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 50%,var(--gold-dark) 100%);color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(191,162,102,.3);}
.btn-primary:hover{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(191,162,102,.45);}
.btn-secondary{background:var(--charcoal);color:#fff;border-color:var(--charcoal);}
.btn-secondary:hover{background:var(--charcoal-soft);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2);}
.btn-outline{background:transparent;border-color:var(--gold);color:var(--gold);}
.btn-outline:hover{background:var(--gold);color:#fff;transform:translateY(-2px);}
.btn-sm{padding:9px 20px;font-size:11px;letter-spacing:1.2px;}

/* --- Announcement Bar ----------------------------------------------------- */
.announcement-bar{background:linear-gradient(90deg,#1A1A1A 0%,#2D2D2D 50%,#1A1A1A 100%);color:var(--gold-light);text-align:center;padding:9px 20px;font-size:12px;font-family:var(--font-body);font-weight:500;letter-spacing:2px;text-transform:uppercase;z-index:1000;position:relative;}

/* --- Header --------------------------------------------------------------- */
header.site-header{background-color:#fff;border-bottom:1px solid var(--border-gold);position:sticky;top:0;z-index:999;box-shadow:0 2px 20px rgba(191,162,102,.08);transition:var(--transition-smooth);}
header.site-header.shrink{padding:0;box-shadow:0 4px 20px rgba(0,0,0,.06);}
.header-container{display:flex;align-items:center;justify-content:space-between;height:85px;transition:var(--transition-smooth);}
header.site-header.shrink .header-container{height:64px;}
.logo-area a{display:flex;align-items:center;}
.logo-area img,.logo-area .custom-logo{max-height:72px;width:auto;transition:var(--transition-smooth);}

/* Desktop Nav */
.desktop-nav{display:flex;align-items:center;}
.main-menu{display:flex;align-items:center;gap:28px;}
.menu-item{position:relative;}
.menu-item>a{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:10px 0;color:var(--charcoal);position:relative;}
.menu-item>a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gold);border-radius:var(--border-radius-full);transition:var(--transition-smooth);}
.menu-item:hover>a{color:var(--gold);}
.menu-item:hover>a::after{width:100%;}

/* Mega Menu */
.nav-item-has-megamenu{position:relative;}
.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:800px;background:#fff;border-top:2px solid var(--gold);box-shadow:0 20px 50px rgba(0,0,0,.10);padding:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;opacity:0;visibility:hidden;transition:all .35s cubic-bezier(.165,.84,.44,1);z-index:9999;pointer-events:none;}
.nav-item-has-megamenu:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.mega-col h4{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold-border);padding-bottom:10px;margin-bottom:16px;}
.mega-col ul{list-style:none;margin:0;padding:0;}
.mega-col ul li{margin-bottom:10px;}
.mega-col ul li a{font-size:13px;color:var(--stone);font-weight:500;text-decoration:none;transition:var(--transition-smooth);}
.mega-col ul li a:hover{color:var(--gold);padding-left:6px;}
.mega-promo-card{background:linear-gradient(135deg,var(--cream) 0%,#ece7db 100%);border:1px solid var(--gold-border);border-radius:var(--border-radius-md);padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.mega-promo-card h5{font-size:17px;margin-bottom:8px;color:var(--ink);}
/* legacy */
.mega-dropdown{display:none;}

/* Header Actions */
.header-actions{display:flex;align-items:center;gap:18px;}
.header-icon-btn{position:relative;background:none;border:none;cursor:pointer;color:var(--charcoal);transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;text-decoration:none;}
.header-icon-btn svg{width:20px;height:20px;flex-shrink:0;}
.header-icon-btn:hover{color:var(--gold);transform:scale(1.1);}
.header-icon-btn .badge-count{position:absolute;top:-6px;right:-6px;background:var(--gold);color:#fff;font-size:9px;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-body);}
/* legacy aliases */
.header-action-btn{position:relative;background:none;border:none;cursor:pointer;color:var(--charcoal);transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;text-decoration:none;}
.header-action-btn svg{width:20px;height:20px;flex-shrink:0;}
.header-action-btn:hover{color:var(--gold);transform:scale(1.1);}
.cart-icon-wrapper{position:relative;display:inline-block;}
.cart-icon-wrapper .badge,.cart-count.badge{position:absolute;top:-8px;right:-10px;background:var(--gold);color:#fff;font-size:9px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-body);}
.mobile-menu-trigger{display:none;font-size:24px;background:none;border:none;cursor:pointer;color:var(--charcoal);}

/* --- Drawers -------------------------------------------------------------- */
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:var(--transition-smooth);z-index:10000;backdrop-filter:blur(4px);}
.drawer-overlay.active{opacity:1;visibility:visible;}

.cart-drawer{position:fixed;top:0;right:-100%;width:100%;max-width:420px;height:100vh;background:#fff;box-shadow:-10px 0 40px rgba(0,0,0,.12);z-index:10001;transition:all .4s cubic-bezier(.77,0,.175,1);display:flex;flex-direction:column;}
.cart-drawer.active{right:0;}
.cart-drawer-header{padding:22px 24px;border-bottom:1px solid var(--border-gold);display:flex;justify-content:space-between;align-items:center;}
.cart-drawer-header h3{font-size:18px;color:var(--charcoal);}
.cart-drawer-header button{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);}
.cart-drawer-header button:hover{color:var(--gold);}
.cart-drawer-products{flex:1;overflow-y:auto;padding:20px 24px;}
.cart-drawer-item{display:flex;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light);position:relative;}
.cart-drawer-item .item-image img{width:75px;height:75px;object-fit:cover;border-radius:var(--border-radius-sm);border:1px solid var(--border-gold);}
.cart-drawer-item .item-details{flex:1;}
.cart-drawer-item .item-title{font-size:14px;margin-bottom:5px;}
.cart-drawer-item .item-meta{font-size:13px;color:var(--text-muted);}
.cart-drawer-item .item-remove{position:absolute;top:0;right:0;}
.cart-drawer-item .item-remove a{color:var(--text-muted);}
.cart-drawer-item .item-remove a:hover{color:var(--gold);}
.cart-drawer-footer{padding:20px 24px;border-top:1px solid var(--border-gold);background:var(--cream);}
.cart-drawer-subtotal{display:flex;justify-content:space-between;margin-bottom:18px;font-size:16px;font-family:var(--font-heading);}
.cart-drawer-actions{display:flex;flex-direction:column;gap:10px;}

.mobile-drawer{position:fixed;top:0;left:-100%;width:100%;max-width:320px;height:100vh;background:#fff;box-shadow:10px 0 40px rgba(0,0,0,.1);z-index:10001;transition:all .4s cubic-bezier(.77,0,.175,1);padding:24px;overflow-y:auto;}
.mobile-drawer.active{left:0;}
.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border-gold);}
.mobile-drawer-header button{background:none;border:none;font-size:22px;cursor:pointer;color:var(--text-muted);}
.mobile-menu-items li{margin-bottom:18px;border-bottom:1px solid var(--border-light);padding-bottom:12px;}
.mobile-menu-items li a{font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;display:block;color:var(--charcoal);}
.mobile-menu-items li a:hover{color:var(--gold);padding-left:5px;}

/* --- Category Top Bar ----------------------------------------------------- */
.category-top-bar{background:var(--cream-light);border-bottom:1px solid var(--border-gold);padding:0;}
.category-top-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1240px;margin:0 auto;}
.ctg-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 10px;border-right:1px solid var(--border-gold);transition:var(--transition-smooth);position:relative;overflow:hidden;}
.ctg-item:last-child{border-right:none;}
.ctg-item::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transition:var(--transition-smooth);}
.ctg-item:hover::before{transform:scaleX(1);}
.ctg-item:hover{background:rgba(191,162,102,.04);}
.ctg-img-wrap{width:64px;height:64px;border-radius:50%;overflow:hidden;margin-bottom:8px;border:2px solid var(--border-gold);transition:var(--transition-smooth);}
.ctg-item:hover .ctg-img-wrap{border-color:var(--gold);box-shadow:0 4px 15px rgba(191,162,102,.25);}
.ctg-img-wrap img{width:100%;height:100%;object-fit:cover;}
.ctg-label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--charcoal);transition:var(--transition-smooth);}
.ctg-item:hover .ctg-label{color:var(--gold);}

/* --- Hero Slider ---------------------------------------------------------- */
.hero-slider-section{position:relative;width:100%;overflow:hidden;}
.swiper-pagination-bullet{width:8px;height:8px;background:rgba(255,255,255,.5);opacity:1;}
.swiper-pagination-bullet-active{background:var(--gold);width:28px;border-radius:var(--border-radius-full);}
@keyframes bounce-y{0%,100%{transform:translateY(0);}50%{transform:translateY(8px);}}

/* --- Age Bubbles ---------------------------------------------------------- */
.shop-by-age{background:#fff;}
.age-bubbles-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;}
.age-bubble-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;}
.age-bubble-circle{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--gold);background:#fff;border:2px solid var(--border-gold);box-shadow:0 4px 15px rgba(191,162,102,.1);transition:var(--transition-smooth);}
.age-bubble-card:hover .age-bubble-circle{background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-4px) scale(1.05);box-shadow:0 10px 25px rgba(191,162,102,.35);}
.age-bubble-label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);transition:var(--transition-smooth);}
.age-bubble-card:hover .age-bubble-label{color:var(--gold);}

/* --- Section Titles ------------------------------------------------------- */
.section-title{font-family:var(--font-heading);font-size:34px;font-weight:700;color:var(--charcoal);margin-bottom:44px;position:relative;display:inline-block;}
.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:55px;height:3px;background:linear-gradient(90deg,var(--gold-light),var(--gold-dark));border-radius:var(--border-radius-full);}

/* --- Collections Grid ----------------------------------------------------- */
.collections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.collection-card{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;height:380px;box-shadow:var(--shadow-card);transition:var(--transition-smooth);}
.collection-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);}
.collection-card-img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .6s ease;}
.collection-card:hover .collection-card-img{transform:scale(1.05);}
.collection-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(17,17,17,.85) 0%,rgba(17,17,17,0) 100%);padding:40px 30px 30px;color:#fff;}
.collection-card-overlay h3{font-size:24px;color:#fff;display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.collection-card-overlay p{font-size:13px;margin-bottom:18px;opacity:.85;}
.collection-count-badge{background:rgba(191,162,102,.85);color:#fff;font-size:11px;font-family:var(--font-body);font-weight:600;padding:3px 10px;border-radius:var(--border-radius-full);letter-spacing:1px;}

/* --- Product Cards -------------------------------------------------------- */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.product-card{background:#fff;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border-light);position:relative;transition:var(--transition-smooth);}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--border-gold);}
.product-badge{position:absolute;top:14px;left:14px;color:#fff;font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:var(--border-radius-full);z-index:2;}
.sale-badge{background:var(--gold);}
.wishlist-add-btn{position:absolute;top:12px;right:12px;width:34px;height:34px;background:#fff;border:1px solid var(--border-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);z-index:2;}
.wishlist-add-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);}
.product-card-img-wrap{position:relative;overflow:hidden;height:260px;}
.product-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.product-card:hover .product-card-img-wrap img{transform:scale(1.06);}
.product-card-actions{position:absolute;bottom:-60px;left:0;right:0;padding:12px;transition:all .35s ease;}
.product-card:hover .product-card-actions{bottom:0;}
.product-card-info{padding:16px;}
.product-category{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:6px;}
.product-title{font-size:15px;font-weight:700;margin-bottom:8px;line-height:1.35;}
.product-title a{color:var(--charcoal);}
.product-title a:hover{color:var(--gold);}
.product-rating{color:var(--gold);font-size:12px;margin-bottom:10px;letter-spacing:1px;}
.product-price-wrapper{display:flex;align-items:center;gap:10px;}
.price-regular{font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--charcoal);}
.price-old{font-size:12px;color:var(--text-muted);text-decoration:line-through;}

/* --- Tabs ----------------------------------------------------------------- */
.tabs-navigation{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:36px;}
.tab-btn{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:9px 22px;border:1.5px solid var(--border-gold);border-radius:var(--border-radius-full);background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);}
.tab-btn:hover,.tab-btn.active{background:var(--gold);border-color:var(--gold);color:#fff;}
.tab-pane{display:none;}
.tab-pane.active{display:block;}

/* --- Blog Grid ------------------------------------------------------------ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left;}
.blog-card{background:#fff;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:var(--transition-smooth);}
.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--border-gold);}
.blog-card-thumbnail{overflow:hidden;}
.blog-card-thumbnail img{transition:transform .55s ease;}
.blog-card:hover .blog-card-thumbnail img{transform:scale(1.05);}
.blog-card-content{padding:20px;}
.blog-meta{display:flex;gap:16px;font-size:11px;color:var(--text-muted);margin-bottom:10px;font-weight:500;}
.blog-meta i{margin-right:4px;color:var(--gold);}
.read-more-btn{margin-top:12px;}

/* --- Trust Badges --------------------------------------------------------- */
.trust-badges-section{background:linear-gradient(135deg,#1A1A1A 0%,#2D2D2D 100%);padding:44px 0;}
.badges-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.badge-item{display:flex;align-items:center;gap:20px;color:#fff;}
.badge-icon{width:55px;height:55px;border-radius:50%;background:rgba(191,162,102,.15);border:1px solid rgba(191,162,102,.35);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold-light);flex-shrink:0;transition:var(--transition-smooth);}
.badge-item:hover .badge-icon{background:var(--gold);border-color:var(--gold);color:#fff;transform:scale(1.05);}
.badge-info h4{font-family:var(--font-heading);font-size:16px;color:#fff;margin-bottom:4px;}
.badge-info p{font-size:12px;color:rgba(255,255,255,.65);font-weight:400;}

/* --- Newsletter ----------------------------------------------------------- */
.newsletter-section{background:var(--cream);padding:70px 0;border-top:1px solid var(--border-gold);}
.newsletter-box{max-width:600px;margin:0 auto;text-align:center;}
.newsletter-box h2{font-size:30px;margin-bottom:14px;}
.newsletter-box p{color:var(--text-muted);margin-bottom:28px;font-size:14px;}
.newsletter-form{display:flex;gap:0;border:1.5px solid var(--border-gold);border-radius:var(--border-radius-sm);overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(191,162,102,.1);}
.newsletter-input{flex:1;padding:14px 20px;font-family:var(--font-body);font-size:13px;border:none;outline:none;background:transparent;color:var(--charcoal);}
.newsletter-form .btn{border-radius:0;border-left:1.5px solid var(--border-gold);padding:14px 26px;flex-shrink:0;}

/* --- Footer --------------------------------------------------------------- */
.site-footer{background:linear-gradient(180deg,#111111 0%,#1A1A1A 100%);color:rgba(255,255,255,.75);padding-top:72px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:50px;padding-bottom:50px;border-bottom:1px solid rgba(191,162,102,.15);}
.footer-logo{max-height:60px;margin-bottom:20px;}
.footer-widget p{font-size:13px;line-height:1.8;color:rgba(255,255,255,.6);margin-bottom:20px;}
.footer-widget h3{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold-light);margin-bottom:22px;padding-bottom:10px;border-bottom:1px solid rgba(191,162,102,.2);}
.footer-widget ul li{margin-bottom:10px;}
.footer-widget ul li a{font-size:13px;color:rgba(255,255,255,.6);font-weight:400;}
.footer-widget ul li a:hover{color:var(--gold-light);padding-left:5px;}
.social-icons{display:flex;gap:12px;}
.social-btn{width:40px;height:40px;border-radius:50%;background:rgba(191,162,102,.12);border:1px solid rgba(191,162,102,.25);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--gold-light);transition:var(--transition-smooth);}
.social-btn:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-3px);}
.footer-contact-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:13px;color:rgba(255,255,255,.65);}
.footer-contact-list li i{color:var(--gold);font-size:14px;margin-top:2px;flex-shrink:0;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;}
.copyright{font-size:12px;color:rgba(255,255,255,.45);font-weight:400;}
.copyright strong{color:var(--gold-light);}

/* --- Mobile Bottom Bar ---------------------------------------------------- */
.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border-gold);z-index:990;height:68px;flex-direction:row;align-items:stretch;box-shadow:0 -4px 20px rgba(0,0,0,.06);}
.mobile-bottom-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;position:relative;transition:var(--transition-smooth);}
.mobile-bottom-item:hover,.mobile-bottom-item.active{color:var(--gold);}
.mobile-bottom-item i{font-size:20px;}
.mobile-bottom-item .badge{position:absolute;top:8px;right:16px;background:var(--gold);color:#fff;font-size:9px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;}

/* --- WhatsApp Float ------------------------------------------------------- */
.whatsapp-float{position:fixed;bottom:90px;right:22px;z-index:980;background:#25D366;color:#fff;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 6px 20px rgba(37,211,102,.4);transition:var(--transition-smooth);}
.whatsapp-float:hover{background:#20bd5a;color:#fff;transform:scale(1.1) translateY(-3px);}

/* --- Skeleton Loaders ----------------------------------------------------- */
@keyframes shimmer{0%{background-position:-400px 0;}100%{background-position:400px 0;}}
.skeleton-card{background:#fff;border-radius:var(--border-radius-md);overflow:hidden;padding-bottom:16px;border:1px solid var(--border-light);}
.skeleton-img{height:260px;background:linear-gradient(90deg,#f0ede8 25%,#e8e4de 50%,#f0ede8 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;}
.skeleton-text{height:13px;border-radius:6px;background:linear-gradient(90deg,#f0ede8 25%,#e8e4de 50%,#f0ede8 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;}

/* --- FAQ Accordion -------------------------------------------------------- */
.faq-accordion{border:1px solid var(--border-gold);border-radius:var(--border-radius-md);margin-bottom:12px;overflow:hidden;transition:var(--transition-smooth);}
.faq-accordion summary{font-family:var(--font-body);font-size:15px;font-weight:600;padding:18px 22px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--charcoal);transition:var(--transition-smooth);}
.faq-accordion summary:hover{background:rgba(191,162,102,.05);color:var(--gold);}
.faq-accordion[open]{border-color:var(--gold);}
.faq-accordion[open] summary{background:rgba(191,162,102,.08);color:var(--gold);}
.faq-accordion .faq-body{padding:16px 22px 22px;border-top:1px solid var(--border-light);}
.faq-accordion .faq-body p{font-size:14px;color:var(--text-muted);line-height:1.85;}

/* --- Responsive ----------------------------------------------------------- */
@media(max-width:1024px){
    .products-grid{grid-template-columns:repeat(3,1fr);}
    .footer-grid{grid-template-columns:repeat(2,1fr);}
    .badges-container{grid-template-columns:1fr;gap:24px;}
    .mega-dropdown{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
    .products-grid{grid-template-columns:repeat(2,1fr);}
    .collections-grid{grid-template-columns:1fr;}
    .blog-grid{grid-template-columns:1fr;}
    .category-top-grid{grid-template-columns:repeat(4,1fr);}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .desktop-nav{display:none;}
    .header-actions .search-btn,.header-actions .account-btn,.header-actions .wishlist-btn{display:none;}
    .mobile-menu-trigger{display:flex;}
    .mobile-bottom-bar{display:flex;}
    .logo-area img,.logo-area .custom-logo{max-height:52px;}
    .header-container{height:64px;}
    .announcement-bar{display:none;}
    .section-title{font-size:26px;}
    .newsletter-form{flex-direction:column;}
    .newsletter-form .btn{border-left:none;border-top:1.5px solid var(--border-gold);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);}
    body{padding-bottom:68px;}
    .whatsapp-float{bottom:82px;}
}
@media(max-width:480px){\n    .products-grid{grid-template-columns:repeat(2,1fr);gap:14px;}\n    .age-bubbles-grid{gap:12px;}\n    .age-bubble-circle{width:72px;height:72px;font-size:14px;}\n    .footer-grid{grid-template-columns:1fr;}\n    .category-top-grid{grid-template-columns:repeat(2,1fr);}\n    .tabs-navigation{gap:6px;}\n    .tab-btn{padding:7px 14px;font-size:10px;}\n    .badges-container{grid-template-columns:1fr;}\n}\n\n/* --- Static Page Header --------------------------------------------------- */\n.page-header { padding: 60px 0 40px; }\n.page-title { font-size: 38px; margin-bottom: 14px; }\n.page-description { font-size: 15px; max-width: 600px; margin: 0 auto; color: var(--text-muted); }\n.site-main.container { padding-top: 40px; padding-bottom: 80px; }\n\n/* --- Form Inputs ---------------------------------------------------------- */\n.newsletter-input, input[type=text], input[type=email], input[type=tel], textarea, select {\n    width: 100%;\n    padding: 13px 18px;\n    font-family: var(--font-body);\n    font-size: 13px;\n    border: 1.5px solid var(--border-gold);\n    border-radius: var(--border-radius-sm);\n    outline: none;\n    background: #fff;\n    color: var(--charcoal);\n    transition: var(--transition-smooth);\n}\n.newsletter-input:focus, input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus {\n    border-color: var(--gold);\n    box-shadow: 0 0 0 3px rgba(191,162,102,0.12);\n}\n