/* Emira — giao diện chung "sang, tối giản" cho các trang sản phẩm dùng mẫu cũ.
   Được nạp SAU style riêng của trang nên ghi đè màu, chữ, nền. Chỉ dành cho di động. */

/* ---------- Mẫu A (đỏ-vàng kiểu Shopee) ---------- */
body.theme-a{
  --primary:#a3803f; --primary-dark:#8a6a30;
  --secondary:#833140; --secondary-dark:#6a2733;
  --bg:#faf7f2; --bg-soft:#f3ede4; --text:#29231f; --muted:#8c8178;
  --border:#e6ddd0; --line:#e6ddd0; --green:#55614c;
  --r-sm:6px; --r-md:10px;
  --sh-mid:0 6px 20px -8px rgba(41,35,31,.28);
  --font-h:'Fraunces', Georgia, serif; --font-b:'Inter', Arial, sans-serif;
}
html:has(body.theme-a), body.theme-a{background:#faf7f2;}
body.theme-a{color:#29231f;}
.theme-a h1,.theme-a h2,.theme-a h3{font-family:var(--font-h); font-weight:600; letter-spacing:-.005em;}
.theme-a .topbar{background:#faf7f2; border-bottom-color:#e6ddd0;}
.theme-a .brand{font-family:var(--font-h); font-weight:600;}
.theme-a .brand span{color:#833140;}
.theme-a .home-link,.theme-a .icon-btn{background:#fff; border:1px solid #e6ddd0;}
.theme-a .gallery-wrap{background:#efe9df;}
.theme-a .ribbon{background:#29231f; clip-path:none; border-radius:0 20px 20px 0; padding:6px 16px 6px 12px;}
.theme-a .ribbon b{font-size:13px; letter-spacing:.06em; font-style:normal; text-shadow:none;}
.theme-a .ribbon small{font-style:normal; font-weight:500; opacity:.85;}
.theme-a .tcard{background:rgba(250,247,242,.92); color:#29231f; border:1px solid rgba(230,221,208,.9); box-shadow:none;}
.theme-a .tcard b{font-family:var(--font-h); font-weight:600;}
.theme-a .tcard svg{stroke:#833140;}
.theme-a .tabbar{background:#faf7f2;}
.theme-a .tabbar a{color:#8c8178; font-weight:600;}
.theme-a .tabbar a.active{color:#29231f; border-bottom-color:#833140;}
.theme-a .pricebar{background:#fff; color:#29231f; border-top:1px solid #e6ddd0; border-bottom:1px solid #e6ddd0;}
.theme-a .pricebar .pnow{font-family:var(--font-h); font-weight:600; color:#833140; font-size:28px;}
.theme-a .pricebar .psub{color:#55614c; opacity:1;}
.theme-a .pricebar .fs-t{color:#833140; font-family:var(--font-h); font-style:normal; font-size:15px;}
.theme-a .pricebar .fs-s{color:#8c8178;}
.theme-a .pricebar .cd i,.theme-a .cd i{background:#29231f; color:#faf7f2;}
.theme-a .title-row h1{font-size:19px; line-height:1.35;}
.theme-a .title-row .tag{background:#f3e6e8; color:#833140; font-family:var(--font-b);}
.theme-a .rate-line a{color:#833140;}
.theme-a .irow{color:#52483f; border-bottom-color:#efe9df;}
.theme-a .irow .pill{background:#eef0ea; color:#55614c;}
.theme-a .irow .free{color:#833140;}
.theme-a .irow .cod{background:#55614c;}
.theme-a .newbanner{background:#f6efe4; color:#6b5232;}
.theme-a .newbanner svg{color:#a3803f;}
.theme-a .newbanner span{color:#7a6650;}
.theme-a .viewers b{color:#833140;}
.theme-a .block{border-top:8px solid #f3ede4; background:#faf7f2;}
.theme-a .rv-big .stars,.theme-a .rv-stars,.theme-a .rate-line .st{color:#a3803f;}
.theme-a .rv-avatar{background:#efe9df;}
.theme-a .spec-list li{border-bottom-color:#efe9df;}
.theme-a .size-table{border-color:#e6ddd0; background:#fff;}
.theme-a .size-table th{background:#29231f; color:#faf7f2; font-weight:600;}
.theme-a .policy div{background:#fff; border-color:#e6ddd0;}
.theme-a .policy svg{color:#833140;}
.theme-a .faq-q .plus{color:#833140;}
.theme-a footer{background:#29231f; color:#d8cfc4;}
.theme-a .sticky{background:rgba(250,247,242,.97); border-top-color:#e6ddd0; backdrop-filter:blur(6px);}
.theme-a .btn{font-family:var(--font-b); border-radius:999px; letter-spacing:.01em;}
.theme-a .btn-cart{background:#fff; color:#29231f; border:1.5px solid #29231f;}
.theme-a .btn-buy{background:#833140; color:#fff; box-shadow:0 6px 16px -8px rgba(131,49,64,.6);}
.theme-a .modal{background:#faf7f2;}
.theme-a .field input,.theme-a .field select,.theme-a .field textarea{border-color:#e6ddd0;}
.theme-a .submit{background:#833140; border-radius:999px; font-family:var(--font-b);}
.theme-a .tot b,.theme-a .sum .p{color:#833140; font-family:var(--font-h);}
.theme-a .chip.sel{border-color:#833140; color:#833140; background:#f8eef0;}
.theme-a .counter{background:rgba(41,35,31,.6);}
.theme-a .shopcard,.theme-a .shopchips span{border-color:#e6ddd0;}
.theme-a .shop-btn{background:#833140; color:#fff;}
.theme-a .shop-badges .star{background:#833140; color:#fff;}
.theme-a .toast{background:#29231f;}

/* ---------- Mẫu C (kiểu TikTok Shop) ---------- */
body.theme-c{
  --color-primary:#a3803f; --color-primary-dark:#8a6a30;
  --color-secondary:#833140; --color-secondary-dark:#6a2733;
  --color-bg:#faf7f2; --color-bg-secondary:#f3ede4; --color-bg-muted:#e6ddd0;
  --color-text:#29231f; --color-text-secondary:#8c8178; --color-border:#e6ddd0;
  --font-heading:'Fraunces', Georgia, serif; --font-body:'Inter', Arial, sans-serif;
}
html:has(body.theme-c), body.theme-c{background:#faf7f2;}
.theme-c h1,.theme-c h2,.theme-c h3{font-family:var(--font-heading); font-weight:600;}

/* ---------- Chung: chỉ di động ---------- */
@media (min-width:600px){
  html:has(body.theme-a), html:has(body.theme-c){background:#efe9df;}
  body.theme-a, body.theme-c{box-shadow:0 0 40px rgba(41,35,31,.12);}
}
.theme-c .urgency-strip{background:#29231f; color:#faf7f2;}