/* ToyShop Pakistan — main.css */
*,*::before,*::after{box-sizing:border-box;}
img{max-width:100%;height:auto;display:block;}
.tp-container{max-width:1280px;margin:0 auto;padding:0 20px;}
.tp-section{padding:48px 0;}
.tp-section-head{text-align:center;margin-bottom:28px;position:relative;}
.tp-section-head h2{font-size:34px;margin:8px 0 6px;}
.tp-section-head p{color:#555;margin:0;}
.tp-section-head-row{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;}
.tp-deco{position:absolute;top:-10px;font-size:32px;opacity:.7;}
.tp-deco-left{left:8%;} .tp-deco-right{right:8%;}
.tp-badge-pill{display:inline-block;background:var(--tp-yellow);color:#1a1a2e;font-weight:800;padding:6px 14px;border-radius:999px;font-size:12px;letter-spacing:.5px;}

/* Header */
.tp-header{position:sticky;top:0;z-index:80;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.tp-topbar{background:var(--tp-navy);color:#fff;font-size:13px;}
.tp-topbar-menu{list-style:none;margin:0;padding:8px 0;display:flex;gap:18px;justify-content:flex-end;}
.tp-topbar-menu a{color:#fff;opacity:.9;}
.tp-mainbar{display:flex;align-items:center;gap:16px;padding:14px 20px;}
.tp-logo-text{font-family:'Nunito';font-weight:900;font-size:26px;}
.tp-logo-toy{color:var(--tp-teal);} .tp-logo-shop{color:var(--tp-yellow);} .tp-logo-pk{color:var(--tp-pink);}
.tp-mega-trigger{background:var(--tp-yellow);color:#1a1a2e;border:none;border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer;}
.tp-search{flex:1;display:flex;background:#f4f6fa;border-radius:999px;padding:4px 4px 4px 18px;}
.tp-search input{flex:1;border:none;background:transparent;outline:none;padding:8px 0;font-size:14px;}
.tp-search button{border:none;background:var(--tp-teal);color:#fff;border-radius:999px;width:40px;height:40px;cursor:pointer;}
.tp-actions{display:flex;gap:14px;align-items:center;}
.tp-action{display:flex;align-items:center;gap:4px;font-size:13px;color:#1a1a2e;}
.tp-cart-count{background:var(--tp-pink);color:#fff;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;}

/* Hero */
.tp-hero{padding:24px 0;}
.tp-slider{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#fff7d6,#ffe1ec);}
.tp-slide{display:none;padding:48px 56px;align-items:center;justify-content:space-between;gap:24px;min-height:340px;}
.tp-slide.is-active{display:flex;}
.tp-slide-1{background:linear-gradient(135deg,#E8F5F0,#EAF4FF);}
.tp-slide-2{background:linear-gradient(135deg,#FFF7E0,#FFE0E9);}
.tp-slide-3{background:linear-gradient(135deg,#FFE0E9,#E8F5F0);}
.tp-eyebrow{display:inline-block;background:#fff;border-radius:999px;padding:6px 12px;font-weight:700;font-size:12px;color:var(--tp-teal);}
.tp-slide-text h1{font-size:42px;line-height:1.1;margin:12px 0;}
.tp-slide-art{font-size:96px;}
.tp-slider-prev,.tp-slider-next{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:none;width:44px;height:44px;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:var(--tp-shadow);}
.tp-slider-prev{left:14px;} .tp-slider-next{right:14px;}

/* Backgrounds */
.tp-bg-mint{background:var(--tp-mint);}
.tp-bg-blue{background:var(--tp-blue);}
.tp-bg-pink{background:var(--tp-lpink);}
.tp-bg-yellow{background:#FFF8DC;}

/* Little ones */
.tp-little-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.tp-little{display:block;padding:28px;border-radius:24px;color:#1a1a2e;box-shadow:var(--tp-shadow);transition:transform .2s ease;position:relative;}
.tp-little:hover{transform:translateY(-4px);}
.tp-little-emoji{font-size:54px;}
.tp-little h3{margin:8px 0 4px;font-size:24px;}
.tp-arrow{display:inline-block;margin-top:14px;background:#fff;border-radius:999px;width:38px;height:38px;line-height:38px;text-align:center;font-weight:800;}
.tp-arrow-teal{color:var(--tp-teal);} .tp-arrow-blue{color:#1976D2;} .tp-arrow-pink{color:var(--tp-pink);}

/* Budget */
.tp-budget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.tp-budget{display:block;padding:22px;border-radius:20px;color:#1a1a2e;box-shadow:var(--tp-shadow);}
.tp-budget-price{display:inline-block;background:#fff;border-radius:999px;padding:6px 12px;font-weight:800;font-size:13px;}
.tp-budget h3{margin:10px 0 6px;font-size:20px;}
.tp-link{color:var(--tp-teal);font-weight:700;}

/* Trust */
.tp-trust{background:#fff;padding:16px 0;border-top:1px solid #f0f1f5;border-bottom:1px solid #f0f1f5;}
.tp-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.tp-trust-grid > div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px;}
.tp-trust-grid span{font-size:28px;}
.tp-trust-grid small{color:#666;}

/* Marquee */
.tp-marquee{overflow:hidden;padding:18px 0;}
.tp-marquee-track{display:flex;gap:16px;animation:tpMarquee 30s linear infinite;width:max-content;}
@keyframes tpMarquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.tp-pill{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:240px;background:#fff;border-radius:20px;padding:18px 22px;box-shadow:var(--tp-shadow);color:#1a1a2e;}
.tp-pill-emoji{font-size:30px;}
.tp-pill strong{font-size:18px;margin-top:6px;}
.tp-pill small{color:#666;}

/* AI Finder */
.tp-ai-card{background:linear-gradient(135deg,var(--tp-teal),#33d6c0);color:#fff;border-radius:24px;padding:48px;text-align:center;}
.tp-ai-card h2{color:#fff;font-size:34px;margin:10px 0;}
.tp-ai-card p{color:#eafffb;}
.tp-ai-cta{background:#fff;color:var(--tp-teal);margin-top:18px;}

/* Seasonal */
.tp-seasonal-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#FFF8DC,#FFE0E9);border-radius:24px;padding:36px;}
.tp-seasonal-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px;}
.tp-seasonal-tags span{background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;}
.tp-seasonal-art{font-size:84px;}

/* Scroll product rows */
.tp-scroll-row.products{display:flex !important;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;}
.tp-scroll-row.products li.product{min-width:220px;scroll-snap-align:start;float:none !important;clear:none !important;margin:0 !important;width:220px !important;}

/* WC product cards */
.woocommerce ul.products li.product{background:#fff;border-radius:20px;padding:14px;box-shadow:var(--tp-shadow);position:relative;transition:transform .2s ease, box-shadow .2s ease;}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(26,26,46,.12);}
.tp-badge{position:absolute;top:12px;font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px;z-index:2;}
.tp-badge-sale{left:12px;background:var(--tp-pink);color:#fff;}
.woocommerce ul.products li.product .price{color:var(--tp-navy);font-weight:800;}
.woocommerce ul.products li.product .price del{color:#999;font-weight:400;margin-right:6px;}

/* Single product extras */
.tp-whatsapp-order{background:#25D366 !important;margin-top:12px;display:inline-block;}

/* SEO content */
.tp-seo-inner{max-width:920px;}
.tp-seo h2{font-size:26px;margin-bottom:10px;}

/* Value props */
.tp-value-props{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:32px 20px;}
.tp-vp{background:#fff;border-radius:20px;padding:20px;text-align:center;box-shadow:var(--tp-shadow);}
.tp-vp strong{display:block;margin-top:6px;}
.tp-vp span{display:block;font-size:28px;}
.tp-vp small{color:#666;}

/* Footer */
.tp-footer{background:#0F1224;color:#cfd3e2;margin-top:40px;}
.tp-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:24px;padding:48px 20px;}
.tp-footer h4{color:#fff;margin:0 0 12px;}
.tp-footer a{color:#cfd3e2;}
.tp-footer ul{list-style:none;padding:0;margin:0;}
.tp-footer ul li{padding:4px 0;}
.tp-social{display:flex;gap:10px;margin-top:10px;font-size:20px;}
.tp-wa-btn{background:#25D366 !important;margin-top:10px;display:inline-block;}
.tp-footer-bottom{border-top:1px solid #1d2240;text-align:center;padding:14px 0;font-size:13px;}

/* Floating WhatsApp */
.tp-wa-float{position:fixed;right:18px;bottom:84px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 22px rgba(37,211,102,.5);z-index:90;}

/* Mobile bottom bar */
.tp-mobile-bottom{display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;box-shadow:0 -4px 14px rgba(0,0,0,.08);padding:10px;justify-content:space-around;z-index:85;}
.tp-mobile-bottom a{font-size:22px;color:#1a1a2e;}

/* Mega drawer */
.tp-mega-drawer{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;z-index:100;}
.tp-mega-drawer.is-open{display:block;}
.tp-mega-inner{background:#fff;width:min(420px,90vw);height:100%;padding:24px;overflow-y:auto;}
.tp-mega-close{position:absolute;right:18px;top:14px;background:transparent;border:none;font-size:22px;cursor:pointer;}
.tp-age-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;}
.tp-age{display:block;border-radius:16px;padding:18px;text-align:center;font-weight:800;color:#1a1a2e;}
.tp-mega-list{list-style:none;padding:0;margin:0 0 18px;}
.tp-mega-list li{padding:12px 8px;border-bottom:1px solid #f0f1f5;display:flex;justify-content:space-between;align-items:center;}
.tp-tag{font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;color:#fff;}
.tp-tag-hot{background:var(--tp-pink);} .tp-tag-new{background:var(--tp-teal);}
.tp-mega-bottom{display:flex;flex-direction:column;gap:10px;border-top:1px solid #f0f1f5;padding-top:14px;}

/* 404 */
.tp-404{text-align:center;padding:80px 20px;}
.tp-404 h1{font-size:96px;color:var(--tp-pink);margin:0;}

/* Responsive */
@media (max-width: 1024px){
  .tp-little-grid,.tp-budget-grid{grid-template-columns:repeat(2,1fr);}
  .tp-footer-grid{grid-template-columns:repeat(2,1fr);}
  .tp-value-props{grid-template-columns:repeat(2,1fr);}
  .tp-slide{padding:32px;}
  .tp-slide-text h1{font-size:30px;}
  .tp-slide-art{font-size:60px;}
}
@media (max-width: 700px){
  .tp-topbar-menu{display:none;}
  .tp-action span{display:none;}
  .tp-mainbar{flex-wrap:wrap;}
  .tp-search{order:5;width:100%;}
  .tp-little-grid,.tp-budget-grid,.tp-trust-grid,.tp-value-props,.tp-footer-grid{grid-template-columns:1fr;}
  .tp-seasonal-card{flex-direction:column;text-align:center;}
  .tp-mobile-bottom{display:flex;}
  body{padding-bottom:64px;}
  .woocommerce ul.products[class*="columns-"] li.product{width:48% !important;}
}
