/* ============================================================
   POP TOY MINIMAL — Pop Mart-inspired theme overlay
   Loads AFTER main.css + responsive.css + header inline vars.
   Design language: white canvas, black/red accents, hairline
   borders, flat product tiles, uppercase condensed headings.
   Remove this <link> in inc/header.php to revert instantly.
   ============================================================ */
:root{
    --pm-red:#d71318;
    --pm-black:#111111;
    --pm-ink:#1a1a1a;
    --pm-gray:#f6f6f6;
    --pm-line:#e8e8e8;
    --shadow:none;
    --shadow2:0 6px 24px rgba(0,0,0,.08);
    --shadow3:0 10px 32px rgba(0,0,0,.10);
    --glow-pink:none;
    --glow-purple:none;
    --card-img1:#f6f6f6;--card-img2:#f6f6f6;--card-img3:#f6f6f6;--card-img4:#f6f6f6;
    --card-img5:#f6f6f6;--card-img6:#f6f6f6;--card-img7:#f6f6f6;--card-img8:#f6f6f6;
}
body{-webkit-font-smoothing:antialiased}
::-webkit-scrollbar-thumb{background:#ccc}

/* ---------- kill candy-era decoration ---------- */
.blob-bg,.hdeco{display:none!important}
.marq{display:none!important} /* replaced by header topbar */
body .candy-text::after,body .hp-h1 em::after{content:none!important}

/* ---------- topbar (announcement strip) ---------- */
.pm-header{position:sticky;top:-36px;z-index:1000;background:#fff}
.pm-topbar{height:36px;background:var(--pm-black);overflow:hidden;display:flex;align-items:center}
.pm-tb-track{display:flex;white-space:nowrap;width:max-content;animation:pmTb 60s linear infinite}
.pm-tb-track span{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#fff;padding:0 36px;position:relative}
.pm-tb-track span::after{content:'';position:absolute;right:-2px;top:50%;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.35);transform:translateY(-50%)}
@keyframes pmTb{to{transform:translateX(-50%)}}

/* ---------- nav ---------- */
.nav{position:static!important;display:block!important;padding:0!important;background:#fff!important;backdrop-filter:none!important;border-bottom:1px solid var(--pm-line)!important;box-shadow:none!important}
.nav.scrolled{padding:0!important;box-shadow:none!important}
.pm-nav-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 40px 12px;max-width:1440px;margin:0 auto}
.pm-nav-left{display:flex;justify-self:start}
.nsearch{width:200px;background:#fff!important;border:1px solid #d9d9d9!important;border-radius:50px;padding:9px 18px;font-weight:500;font-size:13px}
.nsearch:focus{border-color:var(--pm-black)!important;box-shadow:none!important;width:240px}
.logo{justify-self:center;gap:0}
.pm-logo-block{display:inline-block;background:var(--pm-red);color:#fff;font-family:var(--font-heading),sans-serif;font-weight:900;font-size:19px;letter-spacing:1.5px;padding:9px 16px;border-radius:3px;line-height:1;white-space:nowrap}
.nact{justify-self:end;display:flex;align-items:center;gap:4px}
.nuser{background:none!important;box-shadow:none!important;color:var(--pm-black);padding:8px!important;border-radius:50%;display:flex;align-items:center;font-size:0}
.nuser:hover{transform:none!important;background:var(--pm-gray)!important}
.nuser svg,.ncart svg{display:block}
.ncart{font-size:0;padding:8px;border-radius:50%}
.ncart:hover{transform:none;background:var(--pm-gray)}
.cbadge{top:0;right:0;background:var(--pm-red);box-shadow:none}
.menu-toggle{color:var(--pm-black)}
.nlinks{display:flex;justify-content:center;gap:36px;list-style:none;margin:0;padding:0 40px 14px}
.nlinks a{font-size:12.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--pm-black)}
.nlinks a:hover,.nlinks a.active{color:var(--pm-red)}
.nlinks a::after{background:var(--pm-red);height:2px;border-radius:0;bottom:-6px}

/* ---------- buttons ---------- */
.btn-c,.btn-glow,.badd,.cart-checkout,.hp-btn-primary,body .hp-btn-primary{background:var(--pm-black)!important;border-radius:4px!important;box-shadow:none!important;text-transform:uppercase;letter-spacing:1px}
.btn-c:hover,.badd:hover,.cart-checkout:hover,body .hp-btn-primary:hover{background:var(--pm-red)!important;transform:none!important;box-shadow:none!important}
.btn-o,body .hp-btn-ghost{background:#fff!important;border:1px solid var(--pm-black)!important;border-radius:4px!important;box-shadow:none!important;color:var(--pm-black)!important;text-transform:uppercase;letter-spacing:1px}
.btn-o:hover,body .hp-btn-ghost:hover{background:var(--pm-black)!important;color:#fff!important;transform:none!important}
.badd{padding:9px 16px;font-size:11px;font-weight:700}

/* ---------- section headers ---------- */
.stag{background:none!important;color:#999!important;padding:0;letter-spacing:4px;font-weight:700;border-radius:0}
.stitle{text-transform:uppercase;letter-spacing:.5px;font-weight:900}

/* ---------- product cards (global) ---------- */
.pcard{background:transparent;border:none!important;border-radius:4px;box-shadow:none!important}
.pcard:hover{transform:none!important;box-shadow:none!important}
.pimg{background:var(--pm-gray)!important;border-radius:4px}
.pimg img{transition:transform .45s ease}
.pcard:hover .pimg img{transform:scale(1.05)}
.pimg .pbdg{border-radius:2px;padding:4px 10px;letter-spacing:1px}
.pbdg-new,.pbdg-hot{background:var(--pm-red)}
.pbdg-rare{background:var(--pm-black)}
.pwish{background:#fff;border:1px solid var(--pm-line);box-shadow:none!important}
.pwish:hover{border-color:var(--pm-red);transform:none}
.pinfo{padding:14px 4px 4px}
.ptag{color:#999!important;letter-spacing:2px}
.pname{font-weight:600;font-size:14.5px;line-height:1.45}
.pprice{font-family:var(--font-heading),sans-serif;color:var(--pm-black)!important;font-weight:800;font-size:18px}
.pprice .old{font-family:inherit;font-weight:500}

/* ---------- tabs ---------- */
.tb{background:#fff;border:1px solid #d9d9d9!important;border-radius:4px;box-shadow:none!important;font-size:12.5px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--pm-black)}
.tb:hover{background:var(--pm-gray)!important;border-color:var(--pm-black)!important;color:var(--pm-black)!important;transform:none!important}
.tb.ac{background:var(--pm-black)!important;border-color:var(--pm-black)!important;color:#fff!important;transform:none!important}

/* ---------- collection / feature cards ---------- */
.ccard,.fcard{border:1px solid var(--pm-line)!important;border-radius:6px;box-shadow:none!important;background:#fff}
.ccard:hover,.fcard:hover{transform:none!important;box-shadow:var(--shadow2)!important;border-color:#ccc!important}
.fcard h4{text-transform:uppercase;letter-spacing:.5px;font-size:15px}

/* ---------- homepage hero ---------- */
body .hp-hero{padding:48px 40px 56px}
body .hp-hero::before,body .hp-hero::after{display:none}
body .hp-badge{border:1px solid var(--pm-line);border-radius:3px;box-shadow:none;color:var(--pm-black);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;font-size:11px;padding:7px 14px}
body .hp-badge-dot{background:var(--pm-red)}
body .hp-h1{text-transform:uppercase;letter-spacing:-.5px}
body .hp-h1 em{background:none!important;-webkit-text-fill-color:var(--pm-red)!important;color:var(--pm-red)}
body .hp-desc{color:#555;font-weight:500}
body .hp-trust-icon{background:var(--pm-gray)!important;border-radius:4px}
body .hp-trust-t{color:#444}
body .hp-sc{border-radius:4px;border:none;box-shadow:none;background:var(--pm-gray);animation:none!important}
body .hp-sc:hover{transform:none;box-shadow:none;border-color:transparent}
body .hp-sc img{object-fit:contain;padding:10px;box-sizing:border-box}
body .hp-trust-icon{color:var(--pm-black)}
body .hp-sc-tag{border-radius:2px;letter-spacing:1px}
body .hp-tag-1{background:var(--pm-red);color:#fff}
body .hp-tag-2{background:var(--pm-black);color:#fff}
body .hp-tag-3{background:var(--pm-black);color:#fff}
body .hp-sc-price{background:var(--pm-black);color:#fff;border-radius:2px}
body .hp-sc-name{border-radius:2px;background:rgba(255,255,255,.95);color:var(--pm-black)}

/* ---------- homepage sections (generic flatten) ---------- */
body .hp-ts-icon{background:var(--pm-gray)!important;border-radius:4px}
body .hp-cat-card{background:#fff;border:1px solid var(--pm-line)!important;border-radius:6px;box-shadow:none!important}
body .hp-cat-card:hover{transform:none!important;box-shadow:var(--shadow2)!important}
.bb-card{border:1px solid var(--pm-line)!important;border-radius:8px;box-shadow:none!important}

/* ---------- breadcrumb ---------- */
.breadcrumb{padding-top:22px}
.breadcrumb a:hover{color:var(--pm-red)}

/* ---------- footer ---------- */
.footer{border-top:none!important;padding:56px 40px 28px}
.fgr{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;max-width:1240px}
@media(max-width:768px){.fgr{grid-template-columns:1fr 1fr!important}.fgr>div:first-child{grid-column:1/-1}}
.footer h5{text-transform:uppercase;letter-spacing:2px;font-size:12.5px;color:#fff;font-weight:700}
.footer ul a{color:#9a9a9a;font-weight:500;font-size:13.5px}
.footer ul a:hover{color:#fff!important}
.footer p{color:#9a9a9a!important;font-weight:500!important}
.footer .logo div{font-family:var(--font-heading),sans-serif!important}
.footer .logo div b{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff}
.fbot{border-top:1px solid rgba(255,255,255,.12)!important}
.fbot span{color:#777;font-weight:500}
.slink{background:transparent;border:1px solid #3a3a3a;border-radius:50%}
.slink:hover{border-color:#fff;transform:none}

/* ---------- cart drawer ---------- */
.cart-header{border-bottom:1px solid var(--pm-line)}
.cart-header h3{text-transform:uppercase;letter-spacing:1px;font-size:15px}
.cart-item img,.cart-item .ci-img{border-radius:4px;background:var(--pm-gray)}
.cart-item .ci-price{color:var(--pm-black)}
.cart-total .ct-price{color:var(--pm-black);font-family:var(--font-heading),sans-serif}
.cart-footer{border-top:1px solid var(--pm-line)}
.cart-item .ci-qty button{border-radius:3px;border:1px solid var(--pm-line)}

/* ---------- chatbot (match theme) ---------- */
#aiChatToggle{background:var(--pm-black)!important;box-shadow:0 4px 16px rgba(0,0,0,.25)!important}
.chat-pulse{border-color:rgba(0,0,0,.2)!important}
.chat-header{background:var(--pm-black)!important}
.chat-msg.user .msg-bubble{background:var(--pm-black)!important}
.chat-input-area button{background:var(--pm-black)!important}
.msg-bubble a{color:var(--pm-red)!important}
.chat-suggestions button{color:var(--pm-black);border-radius:4px}
#aiChatBox{border-radius:8px}

/* ---------- misc ---------- */
.ninput{border-radius:4px;border:1px solid #d9d9d9}
.ncard{border:1px solid var(--pm-line)!important;border-radius:8px;box-shadow:none!important}
.ncard::before{background:var(--pm-red)}
.sc-toast{border-radius:4px;background:var(--pm-black)}
.ubox{border-color:var(--pm-black);border-radius:8px}
.ubox::before{background:var(--pm-red)}

/* ---------- mobile ---------- */
@media(max-width:768px){
.pm-header{top:-30px}
.pm-topbar{height:30px}
.pm-tb-track span{font-size:10px;letter-spacing:2px;padding:0 24px}
.pm-nav-main{display:flex;justify-content:space-between;padding:10px 14px}
.pm-logo-block{font-size:15px;padding:8px 11px;letter-spacing:1px}
.logo{justify-self:auto}
body .hp-hero{padding:28px 16px 36px}
.breadcrumb{margin-top:0!important;padding-top:14px}
.pinfo{padding:10px 2px 2px}
.footer{padding:40px 20px 24px}
}