/*
Theme Name: PharmaCare Vietnamese
Theme URI: https://example.com/
Author: Custom Theme Studio
Description: Vietnamese pharmacy storefront theme inspired by the supplied reference. WooCommerce compatible.
Version: 2.0.0
Requires PHP: 7.4
Text Domain: pharmacare-vn
*/
:root{--green:#29a86b;--light:#62b989;--muted:#78808b}*{box-sizing:border-box}body{margin:0;background:#fff;color:#252b33;font-family:Arial,Helvetica,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}.topbar{height:38px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#737d8a;font-size:13px}.topbar .shipping{color:#009c60;font-weight:bold}.topbar .left span{margin-right:18px}.topbar .right a{margin-left:14px}.mainhead{height:91px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;gap:12px;color:var(--green);font-size:34px;font-weight:700;letter-spacing:-1.4px;white-space:nowrap}.logo-mark{background:linear-gradient(135deg,#179b5d 50%,#67c591 50%);color:#fff;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:38px;line-height:1}.searchform{display:flex;width:412px;max-width:100%;height:45px;margin-left:30px}.searchform input{border:1px solid #ddd;outline:0;padding:0 13px;min-width:0;flex:1;font-size:14px}.searchform button{border:0;background:#2eaa6c;color:#fff;width:46px;font-size:23px;cursor:pointer}.headlink{display:flex;align-items:center;gap:12px;white-space:nowrap}.headlink .glyph{font-size:36px;color:#09a463;font-weight:300}.headlink strong{font-size:16px;font-weight:500}.headlink small{display:block;color:#7b8592;font-size:14px;margin-top:5px}.navbar{background:var(--light);min-height:60px;display:flex;align-items:center;padding:0 25px;gap:15px}.navbar .menu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex:1}.navbar .menu li{position:relative}.navbar .menu>li>a{display:block;color:#fff;font-weight:bold;padding:21px 10px;white-space:nowrap}.navbar .menu li:hover>a{background:rgba(0,0,0,.07)}.navbar .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 6px 20px #0002;min-width:220px;list-style:none;padding:6px 0;z-index:9}.navbar .sub-menu a{display:block;padding:12px 15px}.navbar li:hover>.sub-menu{display:block}.phone-pill{background:#fff;border-radius:28px;padding:13px 24px;color:#19ae68;font-size:20px;font-weight:700;white-space:nowrap}.hero{padding:30px 25px 15px 32px;display:grid;grid-template-columns:minmax(0,1fr) 413px;gap:30px;min-height:685px}.hero-blank{min-height:638px}.promos{display:flex;flex-direction:column;gap:32px}.promos a{display:block}.promos img{width:100%;height:auto;display:block}.below{max-width:1250px;margin:40px auto;padding:0 25px}.below h2{color:#299e68;font-size:24px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid #e7e7e7;padding:18px;border-radius:4px}.product-card img{max-width:100%;height:auto}.site-footer{background:#f3f8f5;padding:35px 32px;color:#64756a;margin-top:50px}.mobile-toggle{display:none}.content-area{max-width:1180px;margin:40px auto;padding:0 20px;min-height:320px}.woocommerce .content-area{max-width:1200px}@media(max-width:1150px){.mainhead{gap:12px}.logo{font-size:27px}.searchform{margin-left:0}.headlink small{display:none}.navbar{flex-wrap:wrap}.navbar .menu{flex-wrap:wrap}.navbar .menu>li>a{padding:16px 8px}.phone-pill{font-size:16px}.hero{grid-template-columns:minmax(0,1fr) 35%}}@media(max-width:760px){.topbar{padding:0 12px;font-size:11px}.topbar .shipping{display:none}.mainhead{height:auto;padding:16px;flex-wrap:wrap}.logo{font-size:27px}.searchform{order:5;width:100%}.headlink{gap:4px}.headlink .glyph{font-size:23px}.headlink strong{font-size:12px}.navbar{padding:10px 15px}.mobile-toggle{display:block;background:transparent;border:0;color:#fff;font-size:20px}.navbar .menu{display:none;flex-basis:100%;order:3;flex-direction:column;align-items:stretch}.navbar .menu.open{display:flex}.navbar .menu>li>a{padding:11px}.navbar .sub-menu{position:static;box-shadow:none}.phone-pill{margin-left:auto;font-size:14px;padding:9px 15px}.hero{padding:20px 15px;grid-template-columns:1fr;min-height:0}.hero-blank{min-height:140px}.promos{gap:20px}.product-grid{grid-template-columns:repeat(2,1fr)}}
/* Complete homepage sections */
.hero-intro{padding:90px 30px 0 20px;max-width:650px}.hero-intro .eyebrow,.section-heading small{color:#25a56a;font-weight:700;letter-spacing:1.5px;font-size:12px}.hero-intro h1{font-size:clamp(32px,4vw,58px);line-height:1.14;margin:20px 0;color:#263d35}.hero-intro h1 em{color:#2cac70;font-style:normal}.hero-intro p{font-size:17px;color:#738178;line-height:1.8;max-width:450px}.primary-cta{display:inline-block;background:#2eaa6c;color:#fff;padding:16px 28px;border-radius:5px;font-weight:700;margin-top:15px}.hero-benefits{display:flex;flex-wrap:wrap;gap:18px;margin:55px 0 0 20px;color:#4c8d6b;font-weight:600}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-heading h2{margin:8px 0 0}.section-heading>a{color:#2ca86b;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.category-card{border:1px solid #e4ece7;border-radius:10px;min-height:165px;padding:23px 10px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;gap:12px;transition:.2s}.category-card:hover{border-color:#2aaa6e;box-shadow:0 5px 18px #1b86551a}.category-card span{font-size:40px}.category-card strong{font-size:14px}.category-card small{color:#2aaa6e}.demo-notice{padding:10px 14px;background:#f2faf5;color:#537663;border-radius:5px;margin-bottom:20px}.product-card{border-radius:9px;padding:12px;overflow:hidden}.product-placeholder{height:180px;background:linear-gradient(140deg,#f0f9f3,#d8efe1);display:grid;place-items:center;font-size:65px;border-radius:7px}.product-tag{display:block;font-size:11px;color:#78a18a;margin-top:14px}.product-card h3{font-size:15px;line-height:1.5;min-height:45px;margin:8px 0}.product-price{color:#21a366;font-size:18px;font-weight:700}.demo-button{display:block;background:#2eaa6c;color:#fff;text-align:center;padding:12px;border-radius:4px;font-weight:700}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;background:#f3faf6;padding:25px;border-radius:9px}.info-strip>div{font-size:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.info-strip strong{font-size:16px}.info-strip small{font-size:13px;color:#72867b}.woocommerce ul.products li.product{border:1px solid #e4ece7;border-radius:8px;padding:12px;text-align:center}.woocommerce ul.products li.product .price{color:#27a768;font-weight:700}@media(max-width:950px){.category-grid{grid-template-columns:repeat(3,1fr)}.hero-intro{padding-top:35px}.hero-benefits{margin-top:30px}}@media(max-width:760px){.category-grid{grid-template-columns:repeat(2,1fr)}.hero-intro{padding:10px 0}.hero-benefits{margin:15px 0}.info-strip{grid-template-columns:1fr}.product-placeholder{height:125px}.hero-intro h1{font-size:34px}}

.product-image-wrap{background:#f7faf8;border-radius:8px;overflow:hidden;aspect-ratio:1/1}.product-card .demo-product-image{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}.product-card:hover .demo-product-image{transform:scale(1.05)}