/*
Theme Name: TheSparkShop
Theme URI: https://thesparkshopkidsclothesforbabyboygirl.in/
Author: TheSparkShop
Description: A modern Kids Fashion Affiliate theme.
Version: 1.0.0
Text Domain: thesparkshop
*/

*{margin:0;padding:0;box-sizing:border-box;}
:root{--pk:#ff6b9d;--pu:#a855f7;--ye:#fbbf24;--bl:#60a5fa;--dk:#1e1b4b;--lt:#fdf4ff;--wh:#fff;}
body{font-family:'Segoe UI',sans-serif;background:#fff;color:#333;margin:0;}
/* NAV */
nav{background:#fff;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px rgba(0,0,0,.08);position:sticky;top:0;z-index:200;}
.logo { display:flex; flex-direction:column; text-decoration:none; }
.logo-title {font-size:1.4rem;font-weight:900;background:linear-gradient(135deg,var(--pk),var(--pu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;}
.logo small{font-size:.65rem;display:block;color:#999;-webkit-text-fill-color:#999;font-weight:400;}
.nav-links{display:flex;gap:22px;list-style:none;align-items:center;margin:0;}
.nav-links a{text-decoration:none;color:#555;font-weight:600;font-size:.9rem;padding:6px 4px;border-bottom:2px solid transparent;transition:.2s;cursor:pointer;}
.nav-links a:hover,.nav-links .current-menu-item a {color:var(--pk);border-bottom-color:var(--pk);}
.nav-links .nav-cta a{background:linear-gradient(135deg,var(--pk),var(--pu));color:#fff!important;padding:8px 18px!important;border-radius:22px!important;border-bottom:none!important;}
/* PAGES */
.page{animation:fadeIn .3s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* HERO */
.hero{background:linear-gradient(135deg,#fff0f7,#f3e8ff,#eff6ff);padding:60px 32px;display:flex;align-items:center;gap:40px;flex-wrap:wrap;}
.hero-text{flex:1;min-width:280px;}
.badge{background:linear-gradient(135deg,var(--pk),var(--pu));color:#fff;padding:5px 14px;border-radius:18px;font-size:.75rem;font-weight:700;display:inline-block;margin-bottom:14px;}
.hero h1{font-size:2.6rem;font-weight:900;color:var(--dk);line-height:1.2;margin-bottom:14px;}
.hero h1 span{background:linear-gradient(135deg,var(--pk),var(--pu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero p{color:#666;font-size:1rem;line-height:1.7;margin-bottom:22px;}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;}
.btn-p{display:inline-block;background:linear-gradient(135deg,var(--pk),var(--pu));color:#fff;padding:12px 26px;border-radius:28px;text-decoration:none;font-weight:700;cursor:pointer;border:none;font-size:.95rem;transition:.2s;}
.btn-s{display:inline-block;background:#fff;color:var(--pu);padding:12px 26px;border-radius:28px;font-weight:700;cursor:pointer;border:2px solid var(--pu);font-size:.95rem;transition:.2s;text-decoration:none;}
.btn-p:hover,.btn-s:hover{transform:translateY(-2px);}
.hero-cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.hc{background:#fff;border-radius:16px;padding:14px;box-shadow:0 6px 20px rgba(0,0,0,.09);text-align:center;width:140px;}
.hc .em{font-size:2.4rem;}
.hc p{font-size:.8rem;font-weight:700;color:var(--dk);margin-top:6px;}
.hc small{color:var(--pk);font-size:.72rem;}
/* STATS BAR */
.stats-bar{background:linear-gradient(135deg,var(--pk),var(--pu));display:flex;justify-content:center;gap:50px;padding:24px 32px;flex-wrap:wrap;}
.stat{text-align:center;color:#fff;}
.stat h3{font-size:1.8rem;font-weight:900;}
.stat p{font-size:.82rem;opacity:.9;}
/* SECTIONS */
.sec{padding:50px 32px;max-width:1180px;margin:0 auto;}
.sec-title{text-align:center;margin-bottom:34px;}
.sec-title h2{font-size:2rem;font-weight:900;color:var(--dk);}
.sec-title h2 span{background:linear-gradient(135deg,var(--pk),var(--pu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.sec-title p{color:#888;margin-top:6px;font-size:.9rem;}
/* CATEGORY CARDS */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;}
.cc{display:block;text-decoration:none;border-radius:18px;padding:26px 16px;text-align:center;cursor:pointer;transition:.3s;}
.cc:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.1);}
.cc .ic{font-size:2.4rem;margin-bottom:10px;}
.cc h3{font-weight:800;font-size:1rem;color:var(--dk);}
.cc p{font-size:.78rem;color:#777;margin-top:4px;}
.c1{background:linear-gradient(135deg,#fff0f7,#ffe0f0);}
.c2{background:linear-gradient(135deg,#eff6ff,#dbeafe);}
.c3{background:linear-gradient(135deg,#f0fdf4,#dcfce7);}
.c4{background:linear-gradient(135deg,#fffbeb,#fef3c7);}
/* PRODUCTS */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.pc{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.07);transition:.3s;}
.pc:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.12);}
.pi{height:180px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;position:relative;}
.pib1{background:linear-gradient(135deg,#fff0f7,#fce7f3);}
.pib2{background:linear-gradient(135deg,#eff6ff,#dbeafe);}
.pib3{background:linear-gradient(135deg,#f0fdf4,#dcfce7);}
.pib4{background:linear-gradient(135deg,#fffbeb,#fef3c7);}
.pib5{background:linear-gradient(135deg,#fdf4ff,#e9d5ff);}
.pib6{background:linear-gradient(135deg,#fff7ed,#fed7aa);}
.pinfo{padding:14px;}
.pinfo h4{font-weight:800;font-size:.95rem;color:var(--dk);}
.stars{color:var(--ye);font-size:.82rem;margin:4px 0;}
.price{color:var(--pk);font-weight:800;font-size:1.05rem;}
.old{color:#bbb;text-decoration:line-through;font-size:.8rem;margin-left:6px;}
.tag{background:var(--ye);color:#92400e;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:7px;float:right;}
.aff-btn{display:block;margin:8px 14px 14px;background:linear-gradient(135deg,var(--pk),var(--pu));color:#fff;text-align:center;padding:9px;border-radius:11px;text-decoration:none;font-weight:700;font-size:.85rem;cursor:pointer;border:none;width:calc(100% - 28px);}
/* BLOG CARDS */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.bc{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.07);transition:.3s;}
.bc:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.12);}
.bi{height:155px;display:flex;align-items:center;justify-content:center;font-size:3.8rem;}
.bib1{background:linear-gradient(135deg,#fce7f3,#e9d5ff);}
.bib2{background:linear-gradient(135deg,#dbeafe,#e0e7ff);}
.bib3{background:linear-gradient(135deg,#dcfce7,#d1fae5);}
.bib4{background:linear-gradient(135deg,#fef3c7,#fde68a);}
.bib5{background:linear-gradient(135deg,#ffe4e6,#fecdd3);}
.bib6{background:linear-gradient(135deg,#f3e8ff,#ddd6fe);}
.bb{padding:16px;}
.blog-cat{color:var(--pk);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;}
.bb h3{font-size:.97rem;font-weight:800;color:var(--dk);margin:6px 0;}
.bb p{font-size:.83rem;color:#777;line-height:1.55;}
.bb .meta{font-size:.75rem;color:#aaa;margin-top:8px;}
.rm{color:var(--pu);font-weight:700;text-decoration:none;font-size:.83rem;margin-top:8px;display:inline-block;cursor:pointer;}
/* WHY */
.why{background:linear-gradient(135deg,#fdf4ff,#eff6ff);padding:50px 32px;}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;max-width:1100px;margin:0 auto;}
.wc{background:#fff;border-radius:18px;padding:24px 18px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.06);}
.wc .wi{font-size:2.2rem;margin-bottom:10px;}
.wc h4{font-weight:800;color:var(--dk);margin-bottom:6px;font-size:.97rem;}
.wc p{font-size:.82rem;color:#777;line-height:1.55;}
/* NEWSLETTER */
.nl{background:linear-gradient(135deg,var(--pk),var(--pu));padding:50px 32px;text-align:center;color:#fff;}
.nl h2{font-size:1.8rem;font-weight:900;margin-bottom:8px;}
.nl p{opacity:.9;margin-bottom:22px;font-size:.95rem;}
.nl-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.nl-row input{padding:12px 22px;border-radius:28px;border:none;font-size:.95rem;width:280px;outline:none;}
.nl-row button{padding:12px 26px;border-radius:28px;border:none;background:#fff;color:var(--pu);font-weight:800;font-size:.95rem;cursor:pointer;}
/* FOOTER */
footer{background:var(--dk);color:#bbb;padding:44px 32px 18px;}
.fd{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px;margin-bottom:24px;}
.fc h4{color:#fff;font-weight:800;margin-bottom:12px;font-size:.95rem;}
.fc p,.fc a{font-size:.83rem;color:#999;text-decoration:none;display:block;margin-bottom:7px;line-height:1.55;cursor:pointer;}
.fc a:hover{color:var(--pk);}
.soc{display:flex;gap:10px;margin-top:8px;}
.soc a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:.8rem;cursor:pointer;transition:.2s;}
.soc a:hover{background:var(--pk);}
.disc{background:rgba(255,255,255,.05);border-radius:10px;padding:10px 14px;font-size:.75rem;color:#777;margin-bottom:18px;text-align:center;}
.fb{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;text-align:center;font-size:.78rem;color:#555;}
/* DEALS PAGE */
.deals-hero{background:linear-gradient(135deg,#fff7ed,#fef3c7,#fffbeb);padding:44px 32px;text-align:center;}
.deals-hero h1{font-size:2.4rem;font-weight:900;color:var(--dk);}
.deals-hero p{color:#777;margin-top:8px;}
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:24px 0;}
.filt{padding:8px 18px;border-radius:22px;border:2px solid #eee;background:#fff;cursor:pointer;font-weight:600;font-size:.85rem;transition:.2s;}
.filt.on,.filt:hover{background:linear-gradient(135deg,var(--pk),var(--pu));color:#fff;border-color:transparent;}
.deal-badge{position:absolute;top:10px;left:10px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:8px;}
.pc-wrap{position:relative;}
/* BLOG PAGE */
.blog-hero{background:linear-gradient(135deg,#f3e8ff,#dbeafe);padding:44px 32px;text-align:center;}
.blog-hero h1{font-size:2.4rem;font-weight:900;color:var(--dk);}
.search-bar{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap;}
.search-bar input{padding:11px 22px;border-radius:28px;border:2px solid #e2e8f0;font-size:.95rem;width:320px;outline:none;}
.search-bar button{padding:11px 22px;border-radius:28px;background:linear-gradient(135deg,var(--pk),var(--pu));color:#fff;border:none;font-weight:700;cursor:pointer;}
.cat-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px 0;}
.ctab{padding:7px 16px;border-radius:20px;border:2px solid #eee;background:#fff;cursor:pointer;font-weight:600;font-size:.83rem;transition:.2s;}
.ctab.on,.ctab:hover{background:linear-gradient(135deg,var(--pk),var(--pu));color:#fff;border-color:transparent;}
/* STATIC PAGES */
.sp{max-width:820px;margin:40px auto;padding:0 32px 50px;}
.sp h1{font-size:2rem;font-weight:900;color:var(--dk);margin-bottom:6px;}
.sp .updated{font-size:.82rem;color:#aaa;margin-bottom:26px;}
.sp h2{font-size:1.2rem;font-weight:800;color:var(--dk);margin:24px 0 10px;}
.sp p{color:#555;line-height:1.75;font-size:.93rem;margin-bottom:12px;}
.sp ul{padding-left:20px;color:#555;line-height:1.9;font-size:.93rem;}
.sp a{color:var(--pu);text-decoration:none;}
/* TOAST */
#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--dk);color:#fff;padding:11px 26px;border-radius:28px;font-weight:700;font-size:.9rem;z-index:9999;box-shadow:0 6px 22px rgba(0,0,0,.22);opacity:0;transition:opacity .4s;pointer-events:none;}
/* WP SPECIFIC OVERRIDES */
.wp-block-group { margin-bottom: 20px; }
img { max-width: 100%; height: auto; }