/*
Theme Name: SFM NeoCommerce
Version: 1.1.1
Text Domain: sfm-neocommerce
*/

/* --- base (condensed) --- */
body{margin:0;font-family:Inter,system-ui,Arial;background:#0a0f1a;color:#e6eefc}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,rgba(10,15,26,.9),rgba(10,15,26,.6));backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;gap:12px;align-items:center;padding:10px 0}
.brand .logo{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#6aa6ff,#9bdcff 60%,#ffd1b3);box-shadow:0 0 20px rgba(100,180,255,.3) inset,0 6px 18px rgba(0,0,0,.4)}
.site-header .site-title,.site-header .site-title:visited{color:#fff!important;text-decoration:none;font-weight:900;letter-spacing:.4px}
.primary-nav ul.menu{list-style:none;display:flex;gap:18px;margin:0;padding:0;align-items:center}
.primary-nav ul.menu>li{position:relative}
.primary-nav .sub-menu{position:absolute;left:0;top:calc(100% + 6px);min-width:220px;background:rgba(12,18,32,.98);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px;display:none;box-shadow:0 8px 30px rgba(0,0,0,.4);z-index:9999}
.primary-nav li.menu-item-has-children:hover>.sub-menu,.primary-nav li.menu-item-has-children:focus-within>.sub-menu{display:block}

/* Links */
a,a:visited{color:#dbe8ff!important}a:hover,a:focus{color:#fff!important}

/* Hero */
.hero{padding:64px 0 28px;background:radial-gradient(520px 220px at 20% 40%,rgba(120,180,255,.20),transparent 60%)}
.hero h1{font-size:clamp(30px,4.2vw,48px);line-height:1.12;margin:0 0 14px;font-weight:900;letter-spacing:.2px;
  text-shadow:0 10px 50px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.25)}
.hero p.sub{color:#d4e3ff;max-width:980px;margin:6px 0 18px;letter-spacing:.1px}

/* CTA row glow */
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn-neo{position:relative;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;
  font-weight:800;text-transform:none;letter-spacing:.2px;text-decoration:none;outline:none;border:0;
  background:linear-gradient(90deg,#76a9ff,#ffa773); color:#0a0f1a;
  box-shadow:0 0 0 0 rgba(118,169,255,.0), inset 0 0 0 1px rgba(255,255,255,.08)}
.btn-neo:hover{box-shadow:0 10px 34px rgba(118,169,255,.35)}
.btn-neo.secondary{background:linear-gradient(90deg,#9ad5ff,#c5b3ff)}
.btn-neo.ghost{background:transparent;color:#eaf2ff;border:1px solid rgba(255,255,255,.22)}
.btn-neo.ghost:hover{box-shadow:0 10px 34px rgba(255,255,255,.18)}

/* Sections */
.section{padding:28px 0}
.section h2{font-size:22px;margin:0 0 14px}

/* Orbit canvas (if present) */
#categories{position:relative;overflow:hidden}
.sfm-orbit-canvas{position:absolute;inset:0;pointer-events:none;opacity:.9;mix-blend-mode:screen}

/* Woo product images show full */
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img{width:100%;height:auto;object-fit:contain;background:#111826;border-radius:12px}

/* Responsive */
@media (max-width:880px){.cta-row{gap:10px}.btn-neo{width:100%;justify-content:center}}
/* Thêm ký hiệu $ trước giá live */
.sfm-model-price::before{
  content: "$";
  margin-right: 2px;
  font-weight: 700;
}