@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* Panda Designs — Pink + Mint Boutique Theme
   Visual-only layer. Existing PHP, database, product, category and JS logic remain untouched. */
:root{
  --pink:#f186bb;
  --pink-deep:#d95d9c;
  --pink-soft:#fff0f7;
  --pink-pale:#fff7fb;
  --mint:#86d9cd;
  --mint-deep:#50bfb2;
  --mint-soft:#eafaf7;
  --cream:#fffaf5;
  --cream-2:#fff4e9;
  --plum:#4d3947;
  --plum-2:#6d5364;
  --line:#efdce5;
  --white:#ffffff;

  /* Remap the existing design system without changing functionality. */
  --teal:var(--pink);
  --teal2:var(--pink-deep);
  --tl:var(--pink-soft);
  --tb:#f5bfdc;
  --blk:var(--plum);
  --g1:#5d4857;
  --g2:#7e6978;
  --g3:#a08c99;
  --g4:#d9c7d1;
  --g5:#fff4f8;
  --g6:var(--cream);
  --wh:#fff;
  --bdr:var(--line);
  --gold:var(--mint-deep);
  --pur:#b491d8;
  --grn:#46a98d;
  --r:12px;
  --rl:18px;
  --rx:26px;
  --shadow:0 8px 24px rgba(91,57,77,.07);
  --shadow-md:0 14px 34px rgba(91,57,77,.10);
  --shadow-lg:0 24px 60px rgba(91,57,77,.15);

  /* Standalone page variables. */
  --accent:var(--pink);
  --dark:var(--plum);
  --border:var(--line);
  --bg:var(--cream);
  --gold2:var(--mint);
}

html{background:var(--cream)}
body{
  font-family:'Plus Jakarta Sans',sans-serif !important;
  background:var(--cream) !important;
  color:var(--plum) !important;
}
button,input,select,textarea{font-family:'Plus Jakarta Sans',sans-serif !important}
h1,h2,h3,.sec-title,.product-title,.acc-section-title,.section-title,.features-section h2,.faq-section h2,.vip-hero h1{
  font-family:'Plus Jakarta Sans',sans-serif !important;
}

/* ───────── HOME NAV ───────── */
.panda-home nav,
.panda-nav{
  height:76px !important;
  padding:0 clamp(16px,3vw,42px) !important;
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #f3e2ea !important;
  box-shadow:0 8px 28px rgba(83,52,70,.06) !important;
  backdrop-filter:blur(16px);
}
.panda-home .n-logo-i,.pnav-logo-ico{
  width:44px !important;height:44px !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,var(--pink),#ffadd3) !important;
  box-shadow:7px 7px 0 var(--mint-soft),0 9px 18px rgba(241,134,187,.22) !important;
}
.panda-home .n-logo-t,.pnav-logo-txt{
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:1.16rem !important;
  letter-spacing:-.02em;
  color:var(--plum) !important;
}
.panda-home .n-logo-s,.pnav-logo-sub{color:#a88397 !important;font-weight:600}
.panda-home .n-srch,.pnav-search{
  background:#fff8fb !important;
  border:1.5px solid #f4dce8 !important;
  border-radius:16px !important;
  min-height:46px;
}
.panda-home .n-srch:focus-within,.pnav-search:focus-within{
  border-color:var(--pink) !important;
  box-shadow:0 0 0 4px rgba(241,134,187,.13) !important;
}
.panda-home .n-link,.pnav-link{color:#715b69 !important;font-weight:600 !important}
.panda-home .n-link:hover,.pnav-link:hover{background:var(--pink-soft) !important;color:var(--pink-deep) !important}
.panda-home .n-link.on,.pnav-link.active{color:var(--pink-deep) !important;background:transparent !important}
.panda-home .coin-pill,.pnav-coin{
  background:var(--mint-soft) !important;border-color:#b9eee6 !important;color:#318f83 !important;
  border-radius:999px !important;
}
.panda-home .coin-dot,.pnav-coin-dot{background:var(--mint-deep) !important}
.panda-home .btn,.pnav-btn,.pnav-cart{border-radius:14px !important}
.panda-home .btn-t,.pnav-btn-teal,.btn-primary{
  background:linear-gradient(135deg,var(--pink),#ed6caf) !important;
  color:white !important;border:none !important;
  box-shadow:0 8px 18px rgba(217,93,156,.20);
}
.panda-home .btn-t:hover,.pnav-btn-teal:hover,.btn-primary:hover{
  background:linear-gradient(135deg,#e975b0,var(--pink-deep)) !important;
  transform:translateY(-1px);
}
.panda-home .btn-free{background:var(--cream-2) !important;color:#bd6e34 !important}
.panda-home .btn-ol,.pnav-btn-outline{border-color:#ead6e1 !important;color:var(--plum) !important;background:#fff !important}
.pnav-cart{background:var(--mint-deep) !important;color:#fff !important}
.pnav-cart:hover{background:#3fac9f !important}

/* ───────── HOME HERO ───────── */
.panda-home .hero{
  position:relative;
  overflow:hidden;
  padding:64px 24px 58px !important;
  background:
    radial-gradient(circle at 7% 18%,rgba(255,255,255,.85) 0 7px,transparent 8px),
    radial-gradient(circle at 94% 24%,rgba(134,217,205,.40) 0 12px,transparent 13px),
    radial-gradient(circle at 89% 83%,rgba(241,134,187,.28) 0 9px,transparent 10px),
    linear-gradient(115deg,#ffe6f2 0%,#fff3f8 46%,#eafaf7 100%) !important;
  border-bottom:1px solid #f2dae6 !important;
}
.panda-home .hero::before{
  content:'✦';position:absolute;left:2.3%;top:31%;font-size:58px;color:rgba(241,134,187,.28);transform:rotate(12deg);
}
.panda-home .hero::after{
  content:'';position:absolute;width:170px;height:170px;border-radius:52% 48% 61% 39%;right:-55px;bottom:-65px;
  background:rgba(134,217,205,.24);transform:rotate(22deg);
}
.panda-home .hero-in{
  position:relative;z-index:2;max-width:1260px !important;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr) !important;
  gap:clamp(34px,5vw,76px) !important;align-items:center !important;
}
.panda-home .h-tag{
  background:rgba(255,255,255,.82) !important;border:1px solid #f5bfdc !important;
  color:var(--pink-deep) !important;border-radius:999px !important;
  padding:.48rem 1rem !important;font-weight:700 !important;box-shadow:0 8px 22px rgba(108,60,88,.06);
}
.panda-home .h1{
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:clamp(2.75rem,5.2vw,5.45rem) !important;
  font-weight:700 !important;line-height:.99 !important;letter-spacing:-.055em !important;
  color:var(--plum) !important;margin-bottom:1.15rem !important;
}
.panda-home .h1 em{
  display:inline-block;color:#fff !important;
  background:linear-gradient(135deg,var(--mint),#73cec2) !important;
  padding:.03em .16em .09em;border-radius:16px 24px 14px 22px;
  transform:rotate(-.7deg);box-shadow:0 12px 0 rgba(255,255,255,.55);
}
.panda-home .h-desc{font-size:1rem !important;color:#796171 !important;line-height:1.8 !important;max-width:610px !important}
.panda-home .ai-bar{
  border:2px solid #f4b9d6 !important;border-radius:20px !important;
  box-shadow:0 16px 36px rgba(180,95,136,.12) !important;min-height:62px;
}
.panda-home .ai-bar-icon{background:var(--mint-soft) !important;border-color:#c2eee7 !important;padding:0 1.1rem !important}
.panda-home .ai-bar input{font-size:.94rem !important;padding:1rem !important}
.panda-home .ai-bar-btn{
  background:linear-gradient(135deg,var(--pink),var(--pink-deep)) !important;
  padding:0 1.55rem !important;font-size:.9rem !important;
}
.panda-home .ai-chip{
  border-color:#eed7e3 !important;background:rgba(255,255,255,.82) !important;
  border-radius:999px !important;padding:.36rem .78rem !important;color:#725a69 !important;
}
.panda-home .ai-chip:nth-child(2n):hover{background:var(--mint-soft) !important;border-color:#afe8df !important;color:#368d82 !important}
.panda-home .ai-chip:hover{background:var(--pink-soft) !important;border-color:#f2b6d4 !important;color:var(--pink-deep) !important}
.panda-home .ai-result{background:#fff !important;border-color:#f0c7dc !important;border-radius:15px !important}
.panda-home .h-stats{border-top-color:rgba(217,93,156,.16) !important;gap:1.55rem !important}
.panda-home .h-stat-n{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:1.25rem !important;color:var(--plum) !important}
.panda-home .h-stat-l{color:#a48999 !important;font-weight:500}

/* Calculator remains fully functional; only its visual treatment changes. */
.panda-home .ai-calc-box{
  border:0 !important;border-radius:30px !important;background:#fff !important;
  box-shadow:0 30px 70px rgba(99,54,80,.16),0 0 0 8px rgba(255,255,255,.45) !important;
  overflow:hidden;transform:rotate(.4deg);
}
.panda-home .ac-header{
  background:linear-gradient(110deg,var(--pink) 0%,#f49ac6 62%,var(--mint) 62%,var(--mint) 100%) !important;
  padding:16px 18px !important;
}
.panda-home .ac-title{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:1.05rem !important;letter-spacing:.01em}
.panda-home .ac-sub{font-size:.69rem !important}
.panda-home .ac-live-badge{background:rgba(255,255,255,.84) !important;color:var(--pink-deep) !important}
.panda-home .ac-live-dot{background:var(--pink-deep) !important}
.panda-home .ac-tabs{background:#fff7fb !important;border-color:#f1dbe6 !important;padding:5px 6px 0}
.panda-home .ac-tab{border-radius:10px 10px 0 0 !important;color:#856d7b !important}
.panda-home .ac-tab.active{color:var(--pink-deep) !important;border-bottom-color:var(--pink) !important;background:#fff !important}
.panda-home .ac-panel{padding:17px !important}
.panda-home .ac-drop{border:2px dashed #edb8d3 !important;border-radius:18px !important;background:#fffafd !important;padding:20px !important}
.panda-home .ac-drop:hover{background:var(--mint-soft) !important;border-color:var(--mint-deep) !important}
.panda-home .ac-fmt{background:var(--mint-soft) !important;color:#398e84 !important;border-color:#bcece5 !important;border-radius:999px !important}
.panda-home .ac-btn-analyze{background:linear-gradient(135deg,var(--pink),var(--pink-deep)) !important;border-radius:14px !important;padding:12px !important}
.panda-home .ac-btn-analyze:hover{box-shadow:0 10px 20px rgba(217,93,156,.22)}
.panda-home .ac-sel-g select{border-color:#eed8e3 !important;border-radius:11px !important;background:#fffafd !important}
.panda-home .ac-file-preview,.panda-home .ac-res-card,.panda-home .ac-rec{background:#fff7fb !important;border:1px solid #f2e0e8}
.panda-home .ac-ai-note{background:var(--mint-soft) !important;border-color:#bcece5 !important;color:#377f77 !important}
.panda-home .ac-res-val{color:var(--pink-deep) !important}

/* ───────── UTILITY BARS + CATEGORY NAV ───────── */
.panda-home .nb{
  background:linear-gradient(90deg,#fff1f7,#eafaf7) !important;border-color:#f0d8e4 !important;
  padding:.8rem clamp(16px,3vw,42px) !important;
}
.panda-home .nb-ico{background:#fff !important;border:1px solid #f1d5e2 !important}
.panda-home .nb-txt{color:#865d74 !important}
.panda-home .nb-btn{background:var(--pink) !important;border-radius:999px !important}
.panda-home .mb{background:var(--cream) !important;border-color:#f0dee7 !important;padding:.75rem clamp(16px,3vw,42px) !important}
.panda-home .mb-tag,.panda-home .cat,.panda-home .subcat,.panda-home .subcat-back{
  border-radius:999px !important;border-color:#eed9e4 !important;background:#fff !important;color:#745d6b !important;
}
.panda-home .mb-tag:hover,.panda-home .cat:hover,.panda-home .subcat:hover{border-color:var(--pink) !important;color:var(--pink-deep) !important}
.panda-home .mb-tag.on{background:var(--mint-deep) !important;border-color:var(--mint-deep) !important;color:#fff !important}
.panda-home .cats{background:#fff !important;border-color:#f0dee7 !important;padding:.8rem clamp(16px,3vw,42px) !important}
.panda-home .cat.on{background:var(--pink) !important;border-color:var(--pink) !important;color:#fff !important;box-shadow:0 7px 16px rgba(217,93,156,.18)}
.panda-home .subcat-panel{background:#fffafb !important;border-color:#f0dee7 !important}
.panda-home .subcat.on{background:var(--mint-soft) !important;color:#338a80 !important;border-color:#b5e9e1 !important}

/* ───────── HOME SECTIONS ───────── */
.panda-home .sec{padding:clamp(44px,6vw,76px) 24px !important}
.panda-home .sec.bg{background:#fff !important}
.panda-home .sec.gbg{background:var(--cream) !important}
.panda-home .sec:nth-of-type(4n+2){background:#fff8fb !important}
.panda-home .container{max-width:1260px !important}
.panda-home .sec-hdr{margin-bottom:1.8rem !important;align-items:center !important}
.panda-home .sec-title{
  font-family:'Plus Jakarta Sans',sans-serif !important;font-size:clamp(1.65rem,2.4vw,2.45rem) !important;
  font-weight:700 !important;color:var(--plum) !important;letter-spacing:-.035em !important;line-height:1.1;
}
.panda-home .sec-sub{font-size:.79rem !important;color:#a08494 !important;margin-top:.35rem !important}
.panda-home .sec-link{color:var(--pink-deep) !important;font-weight:700 !important;background:var(--pink-soft);padding:.5rem .85rem;border-radius:999px}
.panda-home .sec-link:hover{text-decoration:none !important;background:#fbd9e9}
.panda-home .sec-badge{background:var(--mint-soft) !important;border-color:#b6e9e1 !important;color:#3c8e84 !important}

/* Products — all dummy cards and JS rendering are retained. */
.panda-home .pgrid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr)) !important;gap:1.15rem !important}
.panda-home .pcard{
  border:1px solid #f0dce6 !important;border-radius:22px !important;background:#fff !important;
  box-shadow:0 8px 24px rgba(97,61,82,.055);overflow:hidden;
}
.panda-home .pcard:hover{
  border-color:#f0a8cb !important;box-shadow:0 20px 42px rgba(174,83,128,.15) !important;
  transform:translateY(-6px) rotate(-.15deg) !important;
}
.panda-home .pcard-thumb{width:100% !important;height:auto !important;aspect-ratio:1/1 !important;border-bottom:1px solid rgba(235,211,223,.7);overflow:hidden !important;background:#fff !important}
.panda-home .pcard-thumb>img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;display:block !important;max-width:none !important}
.panda-home .pcard-thumb.c1{background:linear-gradient(145deg,#ffe4f1,#fff6fa) !important}
.panda-home .pcard-thumb.c2{background:linear-gradient(145deg,#dcf8f3,#f4fffd) !important}
.panda-home .pcard-thumb.c3{background:linear-gradient(145deg,#fff0dd,#fff9f1) !important}
.panda-home .pcard-thumb.c4{background:linear-gradient(145deg,#eee3fb,#fbf7ff) !important}
.panda-home .pcard-thumb.c5{background:linear-gradient(145deg,#fff4ba,#fffced) !important}
.panda-home .pcard-thumb.c6{background:linear-gradient(145deg,#ffdce9,#fff4f8) !important}
.panda-home .pcard-body{padding:1rem !important}
.panda-home .pcard-name{font-size:.86rem !important;color:var(--plum) !important}
.panda-home .pcard-cat{color:#aa8d9e !important}
.panda-home .pcard-price{color:var(--pink-deep) !important}
.panda-home .pcard-price.free{color:#3b9b84 !important}
.panda-home .pcard-coins{color:#388f84 !important}
.panda-home .pcard-fmt{background:var(--mint-soft) !important;color:#35897f !important;border-radius:999px !important;padding:.14rem .38rem !important}
.panda-home .wish-btn{border-color:#efd7e3 !important;box-shadow:0 4px 10px rgba(91,57,77,.08)}
.panda-home .bdg{border-radius:999px !important;padding:.25rem .58rem !important}
.panda-home .bh{background:#fff1b9 !important;color:#9b6928 !important}
.panda-home .bn{background:#f4e7ff !important;color:#8052a8 !important}
.panda-home .bf{background:var(--mint-soft) !important;color:#337f75 !important}
.panda-home .bs{background:#ffe3ef !important;color:#bd4d84 !important}
.panda-home .bc{background:#fff !important;color:var(--pink-deep) !important}

.panda-home .how-bg{background:linear-gradient(110deg,#fff1f7,#eafaf7) !important;border-color:#efd9e4 !important}
.panda-home .how-card,.panda-home .cg-card,.panda-home .bun,.panda-home .why-c{
  border-color:#efdce5 !important;border-radius:22px !important;box-shadow:0 8px 24px rgba(91,57,77,.055);
}
.panda-home .how-card:hover,.panda-home .cg-card:hover,.panda-home .bun:hover,.panda-home .why-c:hover{
  transform:translateY(-4px);box-shadow:0 18px 38px rgba(141,73,107,.12);border-color:#f0abcD !important;
}
.panda-home .how-num{background:var(--pink) !important;box-shadow:5px 5px 0 var(--mint-soft)}
.panda-home .how-t,.panda-home .cg-name,.panda-home .bun-name,.panda-home .why-t{color:var(--plum) !important}
.panda-home .cg-card:nth-child(3n+1){background:#fff5fa !important}
.panda-home .cg-card:nth-child(3n+2){background:#f1fcfa !important}
.panda-home .cg-card:nth-child(3n){background:#fff9ee !important}
.panda-home .bun.top{background:linear-gradient(135deg,#fff0f7,#eafaf7) !important;border-color:#edb6d1 !important}
.panda-home .bun-tag{color:var(--pink-deep) !important}
.panda-home .bun-pn{font-family:'Plus Jakarta Sans',sans-serif !important;color:var(--pink-deep) !important}
.panda-home .why-ico{background:var(--mint-soft) !important;border-radius:14px !important}

.panda-home .coins-wrap{
  background:linear-gradient(125deg,var(--plum) 0%,#714f67 58%,var(--pink-deep) 100%) !important;
  border-radius:30px !important;padding:2rem 2.25rem !important;box-shadow:0 22px 50px rgba(77,57,71,.2);
}
.panda-home .coins-ico,.panda-home .cs-n{background:var(--mint) !important;color:var(--plum) !important}
.panda-home .coins-btn{background:var(--pink) !important;border-radius:14px !important}
.panda-home .coins-d,.panda-home .cs{color:rgba(255,255,255,.72) !important}

/* Footer */
.panda-home footer,.panda-footer{
  background:linear-gradient(135deg,#45323f,#5b4052) !important;border-top:0 !important;
}
.panda-home .fl-ico,.pfooter-logo-ico{background:var(--pink) !important}
.panda-home .fl-link:hover,.panda-home .fbl a:hover{color:var(--mint) !important}

/* ───────── SHARED CUSTOMER PAGES ───────── */
.panda-main{background:var(--cream) !important}
.panda-breadcrumb{color:#a18494 !important}
.panda-breadcrumb a:hover{color:var(--pink-deep) !important}
.pform-input,.pform-select,.pform-textarea,
.form-input,.lform-input,.coupon-input,.sort-select{
  border-color:#ecd7e1 !important;border-radius:13px !important;background:#fff !important;
}
.pform-input:focus,.pform-select:focus,.pform-textarea:focus,
.form-input:focus,.lform-input:focus,.coupon-input:focus,.sort-select:focus{
  border-color:var(--pink) !important;box-shadow:0 0 0 4px rgba(241,134,187,.12) !important;
}

/* Shop */
.cat-strip{background:#fff !important;border-color:#f0dce6 !important}
.cat-pill{border-radius:999px !important;border-color:#efd8e3 !important}
.cat-pill.active,.cat-pill:hover{background:var(--pink) !important;border-color:var(--pink) !important;color:#fff !important}
.filter-card,.stitch-widget,.shop-layout .pcard{
  border-color:#efdce5 !important;border-radius:20px !important;box-shadow:0 8px 24px rgba(91,57,77,.055) !important;
}
.products-header h1,.products-header h2{font-family:'Plus Jakarta Sans',sans-serif !important;color:var(--plum) !important}
.shop-layout .pcard:hover{border-color:#efaaca !important;box-shadow:0 18px 38px rgba(160,79,119,.14) !important}
.quick-add{background:var(--pink) !important;border-radius:12px !important}
.pfmt{background:var(--mint-soft) !important;color:#388d82 !important}
.page-btn.active{background:var(--pink) !important;border-color:var(--pink) !important}

/* Login */
.login-wrap{background:linear-gradient(120deg,#ffeaf4,#fff8f4 55%,#eafaf7) !important}
.login-box{border:1px solid #efd9e4 !important;border-radius:28px !important;box-shadow:0 28px 70px rgba(111,63,89,.14) !important}
.login-header{background:linear-gradient(125deg,var(--pink),#f5a3cb) !important}
.login-header h1,.login-header h2{font-family:'Plus Jakarta Sans',sans-serif !important}
.ltab.active{color:var(--pink-deep) !important;border-color:var(--pink) !important}
.btn-login{background:linear-gradient(135deg,var(--pink),var(--pink-deep)) !important;border-radius:14px !important}
.vip-promo-box{background:linear-gradient(135deg,#fff1f7,#eafaf7) !important;border-color:#edc5d8 !important}

/* Account */
.acc-sidebar-card,.acc-content-card,.acc-profile-box,.dl-item,.wl-card,.vip-active-card{
  border-color:#efdce5 !important;border-radius:20px !important;box-shadow:0 8px 24px rgba(91,57,77,.055) !important;
}
.acc-avatar{background:linear-gradient(135deg,var(--pink),var(--mint)) !important}
.acc-nav.active,.acc-nav:hover{background:var(--pink-soft) !important;color:var(--pink-deep) !important}
.acc-section-title{font-size:1.7rem !important;color:var(--plum) !important}
.btn-download{background:var(--mint-deep) !important;border-radius:12px !important}

/* Product, Cart, VIP, Success standalone pages */
body:not(.panda-home)>nav{
  height:76px !important;background:#fff !important;border-bottom:1px solid #f0dce6 !important;
  box-shadow:0 8px 28px rgba(83,52,70,.06) !important;padding:0 clamp(16px,3vw,42px) !important;
}
body:not(.panda-home)>nav .logo{
  font-family:'Plus Jakarta Sans',sans-serif !important;color:var(--plum) !important;font-size:1.35rem !important;
}
body:not(.panda-home)>nav .logo em{color:var(--pink-deep) !important}
body:not(.panda-home)>nav .nav-right a{color:#765e6d !important}
.btn-cart,.btn-add,.pay-btn,.coupon-btn,.btn-plan.gold,.btn-plan.dark,.btn-pay{
  background:linear-gradient(135deg,var(--pink),var(--pink-deep)) !important;color:#fff !important;border-radius:14px !important;
}
.page-inner{max-width:1260px !important}
.main-img,.spec-item,.rel-card,.section-card,.order-summary,.cart-item,.success-box,.download-section{
  border-color:#efdce5 !important;border-radius:22px !important;box-shadow:0 8px 25px rgba(91,57,77,.055) !important;background:#fff !important;
}
.product-title{color:var(--plum) !important}
.price-section{background:linear-gradient(120deg,#fff1f7,#eafaf7) !important;border-radius:18px !important}
.price-big,.rel-price{color:var(--pink-deep) !important}
.category-badge,.fmt-tag{background:var(--mint-soft) !important;color:#388d82 !important;border-radius:999px !important}
.thumb:hover,.thumb.active{border-color:var(--pink) !important}
.btn-wishlist{border-color:#ecd7e1 !important;border-radius:14px !important}
.tab-btn.active{border-color:var(--pink) !important;color:var(--pink-deep) !important}
.top-bar{background:linear-gradient(110deg,var(--pink),var(--pink-deep) 60%,var(--mint-deep)) !important}
.steps .step.active,.step.active{color:#fff !important}
.section-title{color:var(--plum) !important;font-size:1.45rem !important}

.vip-hero{
  background:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,.38) 0 8px,transparent 9px),
    radial-gradient(circle at 87% 24%,rgba(134,217,205,.55) 0 13px,transparent 14px),
    linear-gradient(120deg,#f187bb,#f5a6cd 56%,#8cddd2) !important;
}
.vip-hero h1,.vip-hero p{color:#fff !important}
.vip-hero h1 span{color:#fff5c7 !important}
.vip-tag{background:rgba(255,255,255,.25) !important;border-color:rgba(255,255,255,.55) !important;color:#fff !important}
.plan-card,.feat-card,.faq-item,.modal-box{
  border-color:#efdce5 !important;border-radius:24px !important;box-shadow:0 10px 30px rgba(91,57,77,.07) !important;
}
.plan-card.popular{border-color:var(--pink) !important;box-shadow:0 20px 45px rgba(217,93,156,.18) !important}
.popular-badge{background:linear-gradient(135deg,var(--pink),var(--pink-deep)) !important}
.plan-price .amount{font-family:'Plus Jakarta Sans',sans-serif !important;color:var(--pink-deep) !important}
.modal-plan-info{background:linear-gradient(135deg,#fff0f7,#eafaf7) !important}
.faq-q:hover{background:var(--pink-soft) !important}

/* Accessibility and mobile polish */
@media(max-width:1024px){
  .panda-home .hero-in{grid-template-columns:1fr !important}
  .panda-home .hero-right{max-width:620px;width:100%;margin:0 auto}
}
@media(max-width:768px){
  .panda-home nav,.panda-nav{height:68px !important;padding:0 14px !important}
  .panda-home .hero{padding:38px 16px 34px !important}
  .panda-home .h1{font-size:clamp(2.35rem,12vw,3.35rem) !important}
  .panda-home .h1 em{border-radius:11px 17px 10px 15px}
  .panda-home .ai-bar{min-height:54px;border-radius:16px !important}
  .panda-home .ai-bar-btn{padding:0 .9rem !important;font-size:.76rem !important}
  .panda-home .sec{padding:40px 16px !important}
  .panda-home .sec-title{font-size:1.7rem !important}
  .panda-home .pcard-thumb{height:auto !important;aspect-ratio:1/1 !important}
  .panda-home .pgrid{gap:.72rem !important}
  .panda-home .pcard{border-radius:17px !important}
  .panda-home .pcard-body{padding:.78rem !important}
  .panda-home .coins-wrap{padding:1.5rem !important}
  .product-layout,.checkout-layout{gap:26px !important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}


/* ═══════════════════════════════════════════════════════════════
   HERO V2 — modern seasonal store hero (CSS-only artwork)
   Calculator removed from the hero. Product/category logic is untouched.
   ═══════════════════════════════════════════════════════════════ */
.panda-home .hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:610px;
  padding:70px 24px 64px !important;
  background:
    radial-gradient(circle at 12% 16%,rgba(255,255,255,.92) 0 9%,transparent 26%),
    radial-gradient(circle at 86% 12%,rgba(134,217,205,.28),transparent 29%),
    linear-gradient(120deg,#fff8fb 0%,#fffaf5 48%,#effbf8 100%) !important;
  border-bottom:1px solid #f0dfe7 !important;
}
.panda-home .hero::before,
.panda-home .hero::after{content:none !important}
.panda-home .hero-in{
  position:relative;
  z-index:4;
  max-width:1280px !important;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr) !important;
  gap:clamp(38px,5vw,78px) !important;
  align-items:center !important;
}
.panda-home .h-tag{
  margin-bottom:1.05rem !important;
  background:rgba(255,255,255,.88) !important;
  border:1px solid #f0d9e4 !important;
  color:#a34277 !important;
  box-shadow:0 10px 30px rgba(111,63,89,.06) !important;
}
.panda-home .h1{
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:clamp(2.75rem,5.1vw,5.15rem) !important;
  line-height:1.01 !important;
  letter-spacing:-.065em !important;
  font-weight:800 !important;
  max-width:760px;
  color:#352934 !important;
  margin-bottom:1.15rem !important;
}
.panda-home .h1 em{
  display:inline !important;
  color:#d95d9c !important;
  background:none !important;
  padding:0 !important;
  border-radius:0 !important;
  transform:none !important;
  box-shadow:none !important;
}
.panda-home .h-desc{
  max-width:650px !important;
  color:#756472 !important;
  font-size:1rem !important;
  line-height:1.75 !important;
}
.panda-home .ai-bar{
  min-height:60px;
  border:1.5px solid #eccfdd !important;
  border-radius:18px !important;
  box-shadow:0 16px 38px rgba(100,63,84,.09) !important;
}
.panda-home .ai-bar-icon{background:#eefaf8 !important;border-right-color:#d0eee9 !important}
.panda-home .ai-bar-btn{
  background:#d95d9c !important;
  border-radius:13px !important;
  margin:6px;
  padding:0 1.25rem !important;
}
.panda-home .ai-bar-btn:hover{background:#c94c8d !important}
.panda-home .h-stats{border-top-color:#eedde5 !important}
.panda-home .h-stat-n{
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-weight:800 !important;
}

/* Minimal CSS flowers floating in the hero. */
.hero-bloom{position:absolute;z-index:1;width:72px;height:72px;opacity:.34;pointer-events:none;animation:heroBloomFloat 8s ease-in-out infinite}
.hero-bloom::before,.hero-bloom::after{content:'';position:absolute;inset:0;border-radius:50%;background:
  radial-gradient(circle at 50% 13%,var(--bloom) 0 12%,transparent 13%),
  radial-gradient(circle at 86% 42%,var(--bloom) 0 12%,transparent 13%),
  radial-gradient(circle at 72% 84%,var(--bloom) 0 12%,transparent 13%),
  radial-gradient(circle at 28% 84%,var(--bloom) 0 12%,transparent 13%),
  radial-gradient(circle at 14% 42%,var(--bloom) 0 12%,transparent 13%),
  radial-gradient(circle at 50% 50%,var(--center) 0 12%,transparent 13%)}
.hero-bloom::after{filter:blur(12px);opacity:.28;transform:scale(1.18)}
.hero-bloom.b1{--bloom:#f186bb;--center:#ffe2a6;left:2.5%;top:16%;transform:scale(.72);animation-delay:-2s}
.hero-bloom.b2{--bloom:#86d9cd;--center:#fff;left:7%;bottom:8%;transform:scale(.48);animation-delay:-5s}
.hero-bloom.b3{--bloom:#f6c777;--center:#fff7e5;right:2.5%;top:8%;transform:scale(.6);animation-delay:-3.5s}
.hero-bloom.b4{--bloom:#f3b7d3;--center:#fff;right:4%;bottom:6%;transform:scale(.38);animation-delay:-6s}
@keyframes heroBloomFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -12px;rotate:7deg}}

/* Seasonal promotional slider. */
.seasonal-showcase{
  position:relative;
  min-height:470px;
  border-radius:32px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(221,190,207,.72);
  box-shadow:0 30px 75px rgba(91,57,77,.14);
}
.seasonal-track{position:absolute;inset:0}
.season-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:1fr .92fr;
  align-items:stretch;
  opacity:0;
  visibility:hidden;
  transform:translateX(26px) scale(.985);
  transition:opacity .7s ease,transform .75s cubic-bezier(.2,.75,.2,1),visibility .7s;
}
.season-slide.active{opacity:1;visibility:visible;transform:none;z-index:2}
.season-copy{position:relative;z-index:4;padding:46px 18px 42px 42px;display:flex;flex-direction:column;justify-content:center}
.season-kicker{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:18px}
.season-title{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.02;letter-spacing:-.055em;font-weight:800;color:#352934;margin-bottom:14px}
.season-text{font-size:.88rem;line-height:1.7;color:#725f6d;max-width:310px;margin-bottom:24px}
.season-btn{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:46px;padding:0 18px;border-radius:13px;font-size:.8rem;font-weight:800;color:white;box-shadow:0 12px 24px rgba(82,46,68,.15);transition:transform .2s,box-shadow .2s}
.season-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(82,46,68,.2)}
.season-art{position:relative;overflow:hidden;min-height:470px}
.season-art::before{content:'';position:absolute;width:330px;height:330px;border-radius:45% 55% 50% 50%;right:-72px;top:64px;transform:rotate(-10deg);opacity:.74}

/* Halloween art — CSS only */
.slide-halloween{background:linear-gradient(125deg,#fff6ef 0 53%,#2f2230 53% 100%)}
.slide-halloween .season-kicker{background:#fff0e5;color:#b45d29}
.slide-halloween .season-btn{background:#302330}
.slide-halloween .season-art::before{background:linear-gradient(145deg,#f7a85a,#ee704e)}
.css-pumpkin{position:absolute;width:190px;height:150px;border-radius:46% 46% 50% 50%;background:#f48a43;right:54px;top:152px;box-shadow:inset 20px 0 rgba(255,255,255,.12),inset -24px 0 rgba(116,48,39,.12),0 28px 50px rgba(0,0,0,.22)}
.css-pumpkin::before{content:'';position:absolute;width:28px;height:52px;background:#48664f;border-radius:16px 16px 7px 7px;left:82px;top:-38px;transform:rotate(9deg)}
.css-pumpkin::after{content:'✦';position:absolute;left:67px;top:39px;font-size:50px;color:#392638;filter:drop-shadow(0 3px 0 rgba(255,255,255,.14))}
.css-moon{position:absolute;width:76px;height:76px;border-radius:50%;right:34px;top:44px;background:#ffe7a4;box-shadow:0 0 0 12px rgba(255,231,164,.08),0 0 45px rgba(255,231,164,.25)}
.css-star{position:absolute;color:#f9c762;font-size:20px;animation:seasonTwinkle 2.6s ease-in-out infinite}
.css-star.s1{right:188px;top:82px}.css-star.s2{right:30px;bottom:85px;animation-delay:-1.1s}.css-star.s3{right:220px;bottom:68px;font-size:13px;animation-delay:-.5s}

/* Christmas art — CSS only */
.slide-christmas{background:linear-gradient(125deg,#f6fffc 0 53%,#d9f2ec 53% 100%)}
.slide-christmas .season-kicker{background:#e6f7f2;color:#2f8678}
.slide-christmas .season-btn{background:#3d9d8e}
.slide-christmas .season-art::before{background:linear-gradient(145deg,#fff,#cdebe5)}
.css-tree{position:absolute;right:68px;bottom:58px;width:0;height:0;border-left:118px solid transparent;border-right:118px solid transparent;border-bottom:240px solid #4cae91;filter:drop-shadow(0 26px 24px rgba(58,125,105,.18))}
.css-tree::before{content:'';position:absolute;left:-94px;top:73px;width:0;height:0;border-left:94px solid transparent;border-right:94px solid transparent;border-bottom:174px solid #68c4aa}
.css-tree::after{content:'';position:absolute;width:30px;height:58px;background:#9e6846;left:-15px;top:236px;border-radius:6px}
.css-ornament{position:absolute;border-radius:50%;background:#f18abb;box-shadow:0 8px 16px rgba(81,55,70,.12)}
.css-ornament.o1{width:19px;height:19px;right:168px;top:155px}.css-ornament.o2{width:15px;height:15px;right:91px;top:226px;background:#f4c76d}.css-ornament.o3{width:18px;height:18px;right:207px;top:267px;background:#fff}
.css-snow{position:absolute;color:#fff;font-size:25px;animation:seasonSnow 4.5s linear infinite}
.css-snow.n1{right:34px;top:48px}.css-snow.n2{right:196px;top:80px;animation-delay:-1.5s}.css-snow.n3{right:40px;bottom:70px;font-size:17px;animation-delay:-3s}

/* Spring art — CSS only */
.slide-spring{background:linear-gradient(125deg,#fff8fb 0 53%,#f7dce9 53% 100%)}
.slide-spring .season-kicker{background:#ffe8f3;color:#b8497e}
.slide-spring .season-btn{background:#d95d9c}
.slide-spring .season-art::before{background:linear-gradient(145deg,#ffd7e9,#f5a6c9)}
.css-bouquet{position:absolute;right:28px;top:58px;width:300px;height:350px;animation:bouquetSway 6s ease-in-out infinite;transform-origin:50% 100%}
.css-stem{position:absolute;width:5px;height:210px;background:#74b9a8;border-radius:999px;bottom:20px;left:50%;transform-origin:bottom}
.css-stem.st1{transform:rotate(-20deg)}.css-stem.st2{transform:rotate(3deg);height:240px}.css-stem.st3{transform:rotate(24deg);height:205px}.css-stem.st4{transform:rotate(-37deg);height:180px}
.css-flower{position:absolute;width:88px;height:88px;border-radius:50%;background:
  radial-gradient(circle at 50% 14%,var(--petal) 0 17%,transparent 18%),
  radial-gradient(circle at 84% 42%,var(--petal) 0 17%,transparent 18%),
  radial-gradient(circle at 70% 82%,var(--petal) 0 17%,transparent 18%),
  radial-gradient(circle at 30% 82%,var(--petal) 0 17%,transparent 18%),
  radial-gradient(circle at 16% 42%,var(--petal) 0 17%,transparent 18%),
  radial-gradient(circle at 50% 50%,#ffe6a7 0 15%,transparent 16%);filter:drop-shadow(0 16px 16px rgba(105,56,83,.10))}
.css-flower.f1{--petal:#f07eb4;right:115px;top:18px}.css-flower.f2{--petal:#fff;right:23px;top:112px;transform:scale(.82)}.css-flower.f3{--petal:#88d6c9;right:190px;top:136px;transform:scale(.72)}.css-flower.f4{--petal:#f6c875;right:110px;top:210px;transform:scale(.62)}

.season-dots{position:absolute;z-index:8;left:42px;bottom:22px;display:flex;gap:8px}
.season-dot{width:8px;height:8px;border:0;border-radius:99px;background:rgba(77,57,71,.22);cursor:pointer;padding:0;transition:width .3s,background .3s}
.season-dot.active{width:26px;background:#d95d9c}
.season-progress{position:absolute;z-index:8;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.45)}
.season-progress span{display:block;height:100%;width:0;background:#d95d9c}
.seasonal-showcase.is-playing .season-progress span{animation:seasonProgress 5s linear forwards}
@keyframes seasonProgress{from{width:0}to{width:100%}}
@keyframes seasonTwinkle{0%,100%{opacity:.35;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.18) rotate(18deg)}}
@keyframes seasonSnow{0%{translate:0 -16px;opacity:0}20%{opacity:1}100%{translate:-22px 130px;opacity:0}}
@keyframes bouquetSway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(3deg)}}

@media(max-width:1100px){
  .panda-home .hero-in{grid-template-columns:1fr !important;max-width:820px !important}
  .seasonal-showcase{min-height:430px}
  .season-art{min-height:430px}
}
@media(max-width:720px){
  .panda-home .hero{min-height:0;padding:42px 16px 38px !important}
  .panda-home .h1{font-size:clamp(2.35rem,11.5vw,3.45rem) !important}
  .seasonal-showcase{min-height:500px;border-radius:24px}
  .season-slide{grid-template-columns:1fr;grid-template-rows:auto 215px}
  .season-copy{padding:34px 28px 14px}
  .season-title{font-size:2.25rem}
  .season-text{margin-bottom:18px}
  .season-art{min-height:215px}
  .slide-halloween,.slide-christmas,.slide-spring{background-position:center}
  .css-pumpkin{width:132px;height:104px;right:48px;top:72px}
  .css-pumpkin::before{left:56px;top:-30px;height:40px}.css-pumpkin::after{left:44px;top:25px;font-size:38px}
  .css-tree{transform:scale(.67);transform-origin:bottom right;right:42px;bottom:18px}
  .css-bouquet{transform:scale(.72);transform-origin:top right;right:14px;top:10px}
  .season-dots{left:28px;bottom:18px}
}