* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Hind Siliguri', sans-serif; background:#FFF9FB; color:#2d1b2e; }
:root {
  --pink: #FF2D82; --pink-light: #FFB5D8; --green: #0fb88d; --yellow: #f59e0b;
  --purple: #8b5cf6; --bg: #FFF9FB; --card-bg: #FFFFFF;
  --shadow: 0 4px 24px rgba(255,45,130,0.10);
  --shadow-lg: 0 8px 40px rgba(255,45,130,0.15);
}
.font-display { font-family:'Baloo Da 2', cursive; }
::-webkit-scrollbar { width:6px; } ::-webkit-scrollbar-track { background:#fff0f6; } ::-webkit-scrollbar-thumb { background:var(--pink); border-radius:3px; }
.hero-bg { background: linear-gradient(135deg, #fff0f9 0%, #ffe8f4 30%, #f0f0ff 60%, #e8fff6 100%); }
.glass { background:rgba(255,255,255,0.85); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.6); }
.product-card { transition:all 0.3s ease; }
.product-card:hover { transform:translateY(-6px); box-shadow:0 16px 48px rgba(255,45,130,0.18); }
.badge-pulse { animation:badgePulse 1.5s ease-in-out infinite; }
@keyframes badgePulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.08);} }
.star { color:#f59e0b; font-size:14px; }
html { scroll-behavior:smooth; }
.ticker-wrap { overflow:hidden; } .ticker { display:flex; animation:ticker 20s linear infinite; } .ticker:hover{animation-play-state:paused;}
@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.slider-wrap{overflow:hidden;position:relative;}
.slider-track{display:flex;transition:transform 0.45s cubic-bezier(.4,0,.2,1);will-change:transform;}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:34px;height:34px;border-radius:50%;background:#fff;border:1.5px solid #ffe0ee;box-shadow:0 2px 10px rgba(255,45,130,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#FF2D82;transition:all .2s;}
.slider-arrow:hover{background:#FF2D82;color:#fff;}
.slider-arrow.prev{left:-4px;}
.slider-arrow.next{right:-4px;}
#cart-sidebar{transform:translateX(100%);transition:transform 0.4s cubic-bezier(.4,0,.2,1);}
#cart-sidebar.open{transform:translateX(0);}
#cart-overlay{opacity:0;pointer-events:none;transition:opacity 0.3s;}
#cart-overlay.open{opacity:1;pointer-events:all;}
#toast-container { position:fixed; bottom:80px; left:16px; z-index:9999; display:flex; flex-direction:column; gap:8px; }
.toast { animation:slideInLeft 0.4s ease, fadeOut 0.4s ease 2.6s forwards; }
@keyframes fadeOut { to{opacity:0;transform:translateX(100%)} }
.mobile-nav { box-shadow:0 -4px 24px rgba(255,45,130,0.12); }
.skeleton { background:linear-gradient(90deg,#ffe0ee 25%,#fff0f6 50%,#ffe0ee 75%); background-size:200% 100%; animation:shimmer 1.5s infinite; }
@keyframes shimmer { 0%{background-position:200%} 100%{background-position:-200%} }
.countdown-box { background:linear-gradient(135deg,#FF2D82,#ff5ca1); }
.progress-bar { height:6px; background:#ffe0ee; border-radius:3px; overflow:hidden; }
.progress-fill { height:100%; background:linear-gradient(90deg,#FF2D82,#0fb88d); border-radius:3px; transition:width 0.5s ease; }
.flash-bg { background:linear-gradient(135deg,#1a0a2e 0%,#2d1b4e 40%,#1a2e1a 100%); }
.whatsapp-btn { background:#25D366; box-shadow:0 4px 20px rgba(37,211,102,0.4); }
.messenger-btn { background:#0084FF; box-shadow:0 4px 20px rgba(0,132,255,0.4); }
.review-card { background:white; border-radius:20px; box-shadow:0 4px 20px rgba(0,0,0,0.06); }
.cat-card { transition:all 0.3s; } .cat-card:hover { transform:scale(1.06); }
.section-badge { display:inline-block; background:linear-gradient(135deg,#fff0f6,#ffe0ee); color:#FF2D82; font-size:13px; font-weight:600; padding:4px 14px; border-radius:50px; margin-bottom:8px; letter-spacing:0.3px; }
.section-title { font-family:'Baloo Da 2',cursive; font-size:clamp(22px,5vw,34px); font-weight:800; color:#1a0a2e; line-height:1.2; }
.cod-badge { background:linear-gradient(135deg,#0fb88d,#0a9373); }
.trust-icon { font-size:28px; }
.toy-img-1 { background:linear-gradient(135deg,#FFB5D8,#C8B5FF); }
.toy-img-2 { background:linear-gradient(135deg,#B5FFE1,#B5E8FF); }
.toy-img-3 { background:linear-gradient(135deg,#FFF3B5,#FFD4B5); }
.toy-img-4 { background:linear-gradient(135deg,#C8B5FF,#FFB5D8); }
.toy-img-5 { background:linear-gradient(135deg,#FFD4B5,#FFF3B5); }
.toy-img-6 { background:linear-gradient(135deg,#B5E8FF,#B5FFE1); }
.video-thumb { background:linear-gradient(135deg,#1a0a2e,#2d1b4e); position:relative; }
.play-btn { width:60px;height:60px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s; }
.play-btn:hover { transform:scale(1.1); }

/* Force hide mobile nav on desktop */
@media (min-width: 768px) {
  .mobile-nav {
    display: none !important;
  }
}

/* =========================================
   NATIVE WOOCOMMERCE STYLING FIXES 
   ========================================= */
.custom-price-wrapper del, .custom-price-wrapper del span.amount { 
    color: #9ca3af !important; 
    font-size: 0.75rem !important; 
    font-weight: normal !important; 
    text-decoration: line-through !important;
}
.custom-price-wrapper ins, .custom-price-wrapper ins span.amount { 
    text-decoration: none !important; 
    color: #FF2D82 !important; 
    font-weight: 800 !important;
}
.custom-price-wrapper .woocommerce-Price-amount {
    display: inline-block;
}
.product-card .added_to_cart { 
    display: none !important; /* Hides the ugly "View Cart" text that appears after clicking */
}

/* Hide number arrows in quantity selector */
input[type=number].hide-arrows::-webkit-inner-spin-button, 
input[type=number].hide-arrows::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* Connect JS quantity to WooCommerce button data-quantity */
.product-card {
    position: relative;
}

/* =========================================
   SINGLE PRODUCT PAGE STYLES
   ========================================= */
.ti1{background:linear-gradient(135deg,#FFB5D8,#C8B5FF);}
.ti2{background:linear-gradient(135deg,#B5FFE1,#B5E8FF);}
.ti3{background:linear-gradient(135deg,#FFF3B5,#FFD4B5);}
.ti4{background:linear-gradient(135deg,#C8B5FF,#FFB5D8);}
.thumb{cursor:pointer;transition:all .2s;border:2px solid transparent;border-radius:14px;}
.thumb.active,.thumb:hover{border-color:#FF2D82;transform:scale(1.05);}
.tab-btn{transition:all .2s;border-bottom:2px solid transparent;padding:14px 20px;font-size:14px;font-weight:600;color:#6b7280;white-space:nowrap;background:transparent;}
.tab-btn.active{color:#FF2D82;border-bottom-color:#FF2D82;}
.tab-c{display:none;} .tab-c.active{display:block;}
#sticky-bar{transform:translateY(100%);transition:transform .3s ease;}
#sticky-bar.visible{transform:translateY(0);}
.var-btn{transition:all .2s;border:2px solid #ffe0ee;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;background:#fff;color:#4b2d4f;}
.var-btn.active{border-color:#FF2D82;background:#fff0f6;color:#FF2D82;font-weight:700;}
.var-btn:hover{border-color:#FF2D82;}
.rb{height:8px;background:#ffe0ee;border-radius:4px;overflow:hidden;}
.rf{height:100%;background:linear-gradient(90deg,#FF2D82,#ff94c2);border-radius:4px;}
.acc-c{display:none;} .acc-c.open{display:block;}
.sb{display:inline-block;background:linear-gradient(135deg,#fff0f6,#ffe0ee);color:#FF2D82;font-size:12px;font-weight:700;padding:4px 14px;border-radius:50px;margin-bottom:8px;}
.cb{display:flex;gap:8px;align-items:center;}
.cu{display:flex;flex-direction:column;align-items:center;}
.cn{background:linear-gradient(135deg,#FF2D82,#8b5cf6);color:#fff;font-family:'Baloo Da 2',cursive;font-size:1.4rem;font-weight:800;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(255,45,130,.28);}
.cl{font-size:10px;color:#9ca3af;margin-top:3px;font-weight:600;}
.cs{font-size:1.4rem;font-weight:800;color:#FF2D82;margin-bottom:16px;}
.vb{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fff3cd,#ffe8a0);border:1px solid #ffd700;border-radius:50px;padding:5px 14px;font-size:12px;font-weight:600;color:#92400e;}
.vd{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:pd 1.8s infinite;}
@keyframes pd{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.6)}50%{opacity:.8;box-shadow:0 0 0 5px rgba(34,197,94,0)}}
.wab{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px;border-radius:16px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-weight:700;font-size:1rem;border:none;cursor:pointer;box-shadow:0 4px 18px rgba(37,211,102,.32);transition:all .2s;text-decoration:none;}
.wab:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.4);}
.buy-now-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#FF2D82,#ff5ca1);color:#fff;font-weight:800;border:none;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;animation:pulse-ring 2.2s infinite;}
.buy-now-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,45,130,.5)!important;}
@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(255,45,130,.55)}70%{box-shadow:0 0 0 12px rgba(255,45,130,0)}100%{box-shadow:0 0 0 0 rgba(255,45,130,0)}}
.stb{height:6px;background:#ffe0ee;border-radius:3px;overflow:hidden;}
.stf{height:100%;background:linear-gradient(90deg,#FF2D82,#f59e0b);border-radius:3px;width:23%;}
.idb{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#FF2D82,#ff5ca1);color:#fff;font-weight:800;font-size:13px;padding:6px 11px;border-radius:12px;box-shadow:0 3px 10px rgba(255,45,130,.35);z-index:5;line-height:1.3;text-align:center;}
.isb{position:absolute;top:12px;left:84px;background:#fff;color:#16a34a;font-weight:700;font-size:11px;padding:5px 10px;border-radius:10px;border:1.5px solid #bbf7d0;box-shadow:0 2px 8px rgba(0,0,0,.07);z-index:5;white-space:nowrap;}

/* Hide default Woo single product elements since we build custom */
.woocommerce-product-gallery, .summary.entry-summary { width: 100% !important; float: none !important; }
.woocommerce-notices-wrapper { width: 100%; max-width: 80rem; margin: 0 auto; padding: 1rem; }

/* =========================================
   SINGLE PRODUCT WOOCOMMERCE FORM STYLING
   ========================================= */

/* 1. Style the WooCommerce Success Messages (The top alerts) */
.woocommerce-message {
    background: #0fb88d;
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 16px;
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 15px rgba(15, 184, 141, 0.2);
}
.woocommerce-message .button {
    background: rgba(255, 255, 255, 0.25);
    padding: 6px 16px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    margin-left: auto;
    transition: background 0.2s;
}
.woocommerce-message .button:hover { background: rgba(255, 255, 255, 0.4); }
.woocommerce-error, .woocommerce-info { display: none; }

/* 2. Style the WooCommerce Form Layout (FIXED GRID ALIGNMENT) */
form.cart {
    display: block !important; 
    margin-top: 12px;
    width: 100%;
}



