/*
Theme Name: Herbalife Store VN
Theme URI: https://example.com/herbalife-store-vn
Author: OpenAI
Description: Theme WooCommerce bán sản phẩm dinh dưỡng phong cách Herbalife, kèm trình nhập 20 sản phẩm demo, danh mục, giá VNĐ và ảnh từ trang chính thức khi khả dụng.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: herbalife-store-vn
*/

:root{--h-green:#08752f;--h-green-dark:#055923;--h-green-soft:#eff9f0;--h-text:#17351f;--h-muted:#6c7c70;--h-border:#e8eee9;--h-white:#fff;--h-shadow:0 10px 30px rgba(8,70,30,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--h-text);background:#fff;line-height:1.5}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:linear-gradient(90deg,#0b7c35,#05652a);color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar-links{display:flex;gap:22px}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #edf0ed}.header-main{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:26px;padding:18px 0}.brand{display:flex;align-items:center;font-size:31px;font-weight:800;color:var(--h-green);letter-spacing:-1.4px}.brand-mark{font-size:20px;margin-left:4px}.header-search{display:flex;border:1px solid #dfe7e1;border-radius:999px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.03)}.header-search input{border:0;outline:0;flex:1;padding:13px 18px;font-size:14px}.header-search button{border:0;background:var(--h-green);color:#fff;width:54px;cursor:pointer;font-size:18px}.header-actions{display:flex;align-items:center;gap:18px;font-size:14px}.phone-link{font-weight:800;color:var(--h-green)}.header-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #e5ece7;color:var(--h-green);font-size:18px}.nav-row{display:flex;align-items:center;gap:26px;padding-bottom:12px}.catalog-btn{background:var(--h-green);color:#fff;padding:13px 22px;border-radius:6px;font-weight:800}.main-nav ul{display:flex;gap:28px;list-style:none;padding:0;margin:0}.main-nav a{font-size:14px;font-weight:700}.main-nav a:hover{color:var(--h-green)}.hero{background:radial-gradient(circle at 68% 35%,#efffd9 0,#eef9d8 30%,#f9fceb 58%,#f4f8e8 100%);overflow:hidden}.hero-wrap{min-height:430px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:38px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--h-green);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hero h1{font-size:54px;line-height:1.02;margin:14px 0 16px;letter-spacing:-2px}.hero h1 span{color:#15943e}.hero p{font-size:21px;margin:0 0 24px;max-width:520px}.hero-benefits{display:flex;gap:24px;flex-wrap:wrap;margin:22px 0 26px}.benefit-pill{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.benefit-icon{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--h-green);box-shadow:var(--h-shadow)}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,#0d7f35,#056929);color:#fff;padding:14px 24px;border-radius:999px;font-weight:800;box-shadow:0 9px 20px rgba(8,117,47,.22)}.hero-visual{position:relative;min-height:360px;display:grid;place-items:center}.hero-orbit{position:absolute;inset:10% 4% 5%;border-radius:50%;background:radial-gradient(circle,#e6f9bc 0,#d8f2b2 45%,rgba(255,255,255,0) 70%);filter:blur(1px)}.hero-products{position:relative;display:flex;align-items:end;justify-content:center;gap:18px;z-index:2}.product-bottle{width:130px;height:245px;border-radius:16px 16px 22px 22px;background:linear-gradient(#fff,#f6f6f4);box-shadow:0 22px 40px rgba(51,91,53,.18);border:1px solid #eef1eb;position:relative;overflow:hidden}.product-bottle.large{width:190px;height:320px}.product-bottle.tall{width:115px;height:275px}.product-bottle:before{content:"";position:absolute;top:0;left:9%;right:9%;height:31px;border-radius:10px 10px 3px 3px;background:repeating-linear-gradient(90deg,#f7f7f7 0 3px,#e8e8e8 3px 5px);border-bottom:1px solid #ddd}.product-label{position:absolute;top:55px;left:0;right:0;background:#16923e;color:#fff;padding:12px 8px;font-weight:800;text-align:center}.product-label small{display:block;background:#fff;color:#56655a;font-weight:600;padding:15px 8px;margin:10px -8px -12px;font-size:11px;min-height:90px}.large .product-label small{min-height:150px}.service-strip{border-bottom:1px solid #edf0ed;background:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 0}.service-item{display:flex;align-items:center;gap:12px}.service-item .ico{width:42px;height:42px;background:#eef8f1;color:var(--h-green);border-radius:50%;display:grid;place-items:center}.service-item strong{display:block;font-size:14px;color:var(--h-green)}.service-item span{font-size:12px;color:var(--h-muted)}.section{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-title{margin:0;font-size:28px;letter-spacing:-.7px}.section-title:after{content:"✦";font-size:15px;color:#37a850;margin-left:6px;vertical-align:top}.see-all{font-size:13px;color:var(--h-green);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{min-height:180px;border-radius:12px;padding:24px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:var(--h-shadow)}.category-card:nth-child(1){background:linear-gradient(120deg,#2aaf47,#86d25e)}.category-card:nth-child(2){background:linear-gradient(120deg,#ffc729,#ffe784)}.category-card:nth-child(3){background:linear-gradient(120deg,#99c885,#dcead5)}.category-card:nth-child(4){background:linear-gradient(120deg,#ffb3d3,#ffd5e8)}.category-card h3{font-size:22px;line-height:1.1;max-width:165px;margin:0 0 18px}.category-card a{background:#fff;color:#0f7631;padding:10px 16px;border-radius:7px;font-weight:700;font-size:13px}.category-deco{position:absolute;right:-22px;bottom:-18px;width:135px;height:135px;border-radius:50%;background:rgba(255,255,255,.48)}.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.product-card{border:1px solid #e9eeea;border-radius:12px;background:#fff;padding:14px;position:relative;transition:.2s;min-width:0}.product-card:hover{transform:translateY(-3px);box-shadow:var(--h-shadow)}.product-card .sale{position:absolute;left:12px;top:12px;background:#07933a;color:white;border-radius:999px;font-size:11px;font-weight:800;padding:5px 8px;z-index:2}.product-card-img{height:210px;display:grid;place-items:center;background:linear-gradient(#fff,#fbfdfb);border-radius:8px;overflow:hidden}.product-card-img img{max-height:190px;object-fit:contain}.product-card h3{font-size:15px;line-height:1.35;min-height:40px;margin:12px 0 8px}.price{font-weight:900;color:var(--h-green);font-size:17px}.rating{font-size:12px;color:#f4ad00;margin:7px 0}.card-actions{display:flex;gap:8px;margin-top:12px}.add-btn{flex:1;text-align:center;background:var(--h-green);color:#fff;border-radius:6px;padding:9px 10px;font-size:12px;font-weight:800}.heart-btn{width:36px;border:1px solid #e5ebe6;border-radius:6px;display:grid;place-items:center;color:var(--h-green)}.promo-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:20px}.member-banner,.testimonial-card{border-radius:14px;background:linear-gradient(120deg,#f0f8ec,#d9edd0);padding:30px;min-height:210px;box-shadow:var(--h-shadow)}.member-banner{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center;overflow:hidden}.member-person{height:190px;border-radius:100px 100px 30px 30px;background:linear-gradient(#d5efc4,#8ed372);position:relative}.member-person:after{content:"";position:absolute;width:90px;height:90px;background:#f2c2a6;border-radius:50%;left:45px;top:18px}.member-banner h3,.testimonial-card h3{margin-top:0;font-size:22px}.member-list{display:grid;gap:8px;font-size:14px;margin-bottom:18px}.testimonial-card{background:linear-gradient(130deg,#fbfffb,#edf7ec)}.testimonial-quote{font-size:18px;line-height:1.6}.avatar{width:42px;height:42px;border-radius:50%;background:#d8e8d9;display:inline-grid;place-items:center;margin-right:10px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{border:1px solid #e8eee9;border-radius:12px;overflow:hidden;background:#fff}.blog-thumb{height:180px;background:linear-gradient(135deg,#daeeda,#f4f9f4);display:grid;place-items:center;color:#16823a;font-size:44px}.blog-card .body{padding:18px}.blog-card h3{margin:6px 0 8px;font-size:18px}.blog-card p{color:var(--h-muted);font-size:14px}.site-footer{background:#073b1d;color:#dce9df;margin-top:40px;padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.site-footer h4{color:#fff;margin-top:0}.site-footer ul{padding:0;list-style:none;display:grid;gap:9px;font-size:14px}.footer-bottom{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#a9c1b0}.floating-actions{position:fixed;right:20px;bottom:24px;display:grid;gap:10px;z-index:60}.float-btn{width:50px;height:50px;border-radius:50%;background:var(--h-green);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 24px rgba(7,92,35,.28)}.mobile-menu-btn{display:none;background:var(--h-green);color:#fff;border:0;border-radius:6px;padding:10px 12px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{border:1px solid var(--h-border);border-radius:12px;padding:12px;background:#fff}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--h-green)!important;color:#fff!important;border-radius:7px!important}.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:var(--h-green)!important;font-weight:800}.content-area{padding:42px 0}.entry-title{font-size:36px}.notice-brand{font-size:12px;color:var(--h-muted);margin-top:12px}
@media(max-width:1050px){.products-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:46px}.header-main{grid-template-columns:180px 1fr auto}.header-actions .header-icon{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.topbar-links{display:none}.header-main{grid-template-columns:1fr auto;padding:12px 0}.header-search{grid-column:1/-1;grid-row:2}.header-actions{gap:8px}.phone-link{font-size:12px}.nav-row{justify-content:space-between}.catalog-btn{display:none}.mobile-menu-btn{display:block}.main-nav{display:none;position:absolute;left:16px;right:16px;top:126px;background:#fff;border:1px solid var(--h-border);box-shadow:var(--h-shadow);padding:18px;border-radius:10px}.main-nav.open{display:block}.main-nav ul{display:grid;gap:14px}.hero-wrap{grid-template-columns:1fr;padding:35px 0}.hero-visual{min-height:310px}.service-grid{grid-template-columns:repeat(2,1fr)}.promo-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:min(100% - 24px,1180px)}.brand{font-size:25px}.hero h1{font-size:40px}.hero p{font-size:17px}.hero-products{gap:8px;transform:scale(.82)}.hero-visual{min-height:270px}.service-grid{grid-template-columns:1fr}.category-grid,.products-grid,.blog-grid,.footer-grid{grid-template-columns:1fr}.section{padding:32px 0}.member-banner{grid-template-columns:1fr}.member-person{display:none}.topbar .container{justify-content:center}.floating-actions{right:12px}.product-card-img{height:240px}}
.real-product-hero{position:relative;z-index:2;width:100%;max-width:690px;height:430px;object-fit:cover;object-position:72% 24%;border-radius:28px;box-shadow:0 22px 60px rgba(0,105,48,.12)}
@media(max-width:800px){.real-product-hero{height:300px;object-position:70% 20%;border-radius:18px}}

/* WooCommerce catalog & single product polish */
.woocommerce .products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:16px!important;box-shadow:0 8px 28px rgba(12,83,37,.06);transition:.2s}.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(12,83,37,.12)}.woocommerce ul.products li.product a img{height:245px;object-fit:contain;background:#fbfdfb;border-radius:10px}.woocommerce div.product{padding-top:20px}.woocommerce div.product .product_title{font-size:38px;line-height:1.15;color:#103b20}.woocommerce div.product div.images img{border-radius:18px;background:#fbfdfb}.woocommerce div.product .summary{padding:12px 0 0 18px}.woocommerce div.product p.price{font-size:29px!important}.woocommerce .quantity .qty{min-height:44px;border:1px solid #dce7df;border-radius:8px}.woocommerce div.product form.cart .button{min-height:44px;padding:0 26px!important}.product_meta{border-top:1px solid #e8eee9;margin-top:20px;padding-top:16px}.hsvn-product-trust{display:grid;gap:8px;margin:18px 0;padding:16px;border-radius:12px;background:#f1faf3;color:#0a6f30;font-weight:700;font-size:14px}.hsvn-product-note{margin:28px 0;padding:24px;border-radius:14px;background:#f8fbf8;border:1px solid #e4eee6}.hsvn-product-note h3{margin-top:0;color:#0a6f30}.woocommerce-tabs{margin-top:35px}.woocommerce-Tabs-panel{line-height:1.75}.related.products>h2{font-size:28px;color:#103b20}.woocommerce span.onsale{background:#0b8f3c!important;min-width:52px!important;border-radius:999px!important}
@media(max-width:960px){.woocommerce .products{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce div.product .summary{padding-left:0}.woocommerce div.product .product_title{font-size:32px}}
@media(max-width:560px){.woocommerce .products{grid-template-columns:1fr}.woocommerce ul.products li.product a img{height:280px}.woocommerce div.product .product_title{font-size:28px}}