/* Các khối trang chủ – thiết kế 17/10 (A8, A9, A10, A19). */
.lc-wrap{max-width:1200px;margin:0 auto;padding:0 15px}
.lc-kicker{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#14803a}
.lc-sec-title{margin:0 0 10px !important;font-size:36px !important;font-weight:500 !important;line-height:1.2 !important;color:#1c2a1e}
.lc-sec-title.lc-green{color:#34c759}
.lc-sec-sub{margin:0 auto 24px;max-width:620px;color:#3f5242;font-size:15px}
.lc-center{text-align:center}
.ly-btn:not(.ly-root *){display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 24px;border-radius:8px;background:#34c759;color:#fff !important;font-weight:700;text-decoration:none !important}
.lc-note{font-size:12px;color:#8a958b;text-align:center;margin:16px 0 0}

/* Flash sale */
.lc-fs{background:#34c759;border-radius:14px;padding:12px;margin:0 0 8px}
.lc-fs-banner img{display:block;width:100%;height:auto;border-radius:10px}
.lc-fs-tabs{display:flex;justify-content:center;gap:6px;margin:-26px 0 0;position:relative;z-index:2;flex-wrap:wrap}
.lc-fs-tab{margin:0;height:42px;padding:0 20px;border-radius:10px 10px 0 0;background:#1e8f3f;color:#fff;border:0;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.02em}
.lc-fs-tab.is-on{background:#fff;color:#14803a}
.lc-fs-body{background:transparent}
.lc-fs-panel{display:none}
.lc-fs-panel.is-on{display:block}
.lc-fs-head{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;color:#fff;font-weight:700;font-size:14px}
.lc-fs-count b{display:inline-block;min-width:34px;margin:0 3px;padding:3px 6px;border-radius:6px;background:#1c2a1e;color:#fff;text-align:center}
.lc-fs-all{color:#fff !important;font-weight:700}
.lc-fs .products{margin:0 !important}
.lc-fs .product-small.col > .col-inner{border:0}
.lc-fs-bar{position:relative;height:20px;margin:8px 2px 2px;border-radius:999px;background:#ffe2cc;overflow:hidden}
.lc-fs-bar i{position:absolute;left:0;top:0;bottom:0;background:#ff6a00;border-radius:999px}
.lc-fs-bar span{position:relative;display:block;text-align:center;font-size:11px;line-height:20px;font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}
.lc-fs .badge-container .badge-inner,.lc-fs .badge .on-sale{background:#ff6a00 !important;border-radius:4px !important}
@media (max-width:549px){.lc-fs-tab{flex:1 1 30%;padding:0 8px;font-size:11px;height:38px}.lc-fs-tabs{margin-top:-20px}}

/* Khuyến mãi dành cho bạn – coupon dạng vé */
.lc-coupons-box{background:#eef9ef;border-radius:14px;padding:16px 20px 20px;margin:0}
.lc-coupons-head{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.lc-coupons-head h2{margin:0;font-size:18px;font-weight:800;color:#1c2a1e}
.lc-coupons-head p{margin:0;font-size:13px;color:#5a6b5c}
.lc-coupons-ic{width:36px;height:36px;border-radius:10px;background:#34c759;display:flex;align-items:center;justify-content:center}
.lc-tickets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lc-ticket{margin:0 !important;display:flex;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(28,42,30,.08)}
.lc-ticket-stub{flex:0 0 92px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#34c759;color:#fff;position:relative}
.lc-ticket-stub::after{content:"";position:absolute;right:-6px;top:0;bottom:0;width:12px;background:radial-gradient(circle at 6px 8px,#fff 4px,transparent 4.5px) 0 0/12px 16px repeat-y}
.lc-ticket-stub small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.lc-ticket-stub b{font-size:30px;font-weight:600;line-height:1}
.lc-ticket-body{flex:1;padding:12px 12px 12px 18px;display:flex;flex-direction:column;gap:4px;min-width:0}
.lc-ticket-body strong{font-size:14px;color:#1c2a1e}
.lc-ticket-body > span{font-size:12px;color:#5a6b5c}
.lc-ticket-act{display:flex;gap:8px;margin-top:6px}
.lc-ticket-act code{flex:1;display:flex;align-items:center;justify-content:center;height:32px;border:1px dashed #9fd8b0;border-radius:6px;background:#f6fcf7;color:#14803a;font-weight:800;font-size:13px;letter-spacing:.06em}
.lc-copy-coupon{margin:0;height:32px;padding:0 12px;border-radius:6px;background:#34c759;color:#fff;border:0;font-size:12px;font-weight:700;text-transform:none}
.lc-copy-coupon.is-copied{background:#1c2a1e}
@media (max-width:849px){.lc-tickets{grid-template-columns:1fr}.lc-coupons-box{padding:14px}}

/* Hành trình */
.lc-journey{background:#eef9ef;padding:48px 0;margin:40px 0 0;text-align:center}
.lc-steps-row{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;text-align:left}
.lc-step-card{position:relative;margin:0 !important;background:#fff;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px rgba(28,42,30,.06)}
.lc-step-no{position:absolute;left:12px;top:12px;z-index:1;width:34px;height:34px;border-radius:50%;background:#34c759;color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.lc-step-img{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#fdffeb}
.lc-step-img img{width:100%;height:100%;object-fit:cover;display:block}
.lc-step-card h3{margin:6px 0 0 !important;font-size:19px !important;font-weight:600 !important;color:#1c2a1e}
.lc-step-card p{margin:0;font-size:13px;color:#3f5242;line-height:1.5;flex:1}
.lc-step-tag{align-self:flex-start;padding:3px 8px;border-radius:999px;background:#eaf9ee;color:#14803a;font-size:11px;font-weight:700}
@media (max-width:849px){.lc-steps-row{grid-template-columns:repeat(5,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.lc-step-card{scroll-snap-align:start}.lc-sec-title{font-size:28px !important}}

/* Đánh giá khách hàng */
.lc-testi{padding:48px 0}
.lc-testi-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 18px}
.lc-testi-avg{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;background:#fff6db}
.lc-testi-avg b{font-size:26px;font-weight:800;color:#1c2a1e}
.lc-testi-avg span{color:#f5a623;font-size:14px;display:flex;flex-direction:column}
.lc-testi-avg small{color:#5a6b5c;font-size:11px}
.lc-testi-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lc-testi-card{margin:0 !important;background:#fff;border:1px solid #e6efe8;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}
.lc-testi-stars{color:#f5a623;letter-spacing:2px}
.lc-testi-card p{margin:0;font-size:14px;color:#1c2a1e;line-height:1.6;flex:1}
.lc-testi-prod{display:block;padding:8px 10px;border-radius:8px;background:#f6fcf7;font-size:12px;color:#5a6b5c !important}
.lc-testi-prod b{color:#1c2a1e}
.lc-testi-who{display:flex;align-items:center;gap:8px;font-size:14px}
.lc-testi-who em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:#14803a}
.lc-avatar{width:34px;height:34px;border-radius:50%;background:#34c759;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
@media (max-width:849px){.lc-testi-list{grid-template-columns:repeat(3,85%);overflow-x:auto;scroll-snap-type:x mandatory}.lc-testi-card{scroll-snap-align:start}.lc-testi-head{flex-direction:column;align-items:flex-start}}

/* Chất lượng */
.lc-quality{padding:48px 0;text-align:center}
.lc-quality-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lc-quality-list li{margin:0 !important;background:#fff;border:1px solid #e6efe8;border-radius:14px;padding:16px 20px 22px}
.lc-quality-img{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#fdffeb;border-radius:10px;overflow:hidden;margin:0 0 14px}
.lc-quality-img img{max-width:100%;max-height:100%;object-fit:contain}
.lc-quality-list i{display:block;width:40px;height:3px;margin:0 auto 10px;background:#34c759;border-radius:2px}
.lc-quality-list h3{margin:0 0 8px !important;font-size:22px !important;font-weight:600 !important;color:#1c2a1e}
.lc-quality-list p{margin:0;font-size:14px;color:#3f5242;line-height:1.6}
@media (max-width:849px){.lc-quality-list{grid-template-columns:1fr}}
/* A27: link "Khám phá thêm" xanh như thiết kế */
html body .nguon_cam_hung .text p a,html body .nguon_cam_hung .text p strong a{color:#14803a !important;font-weight:800;letter-spacing:.03em}
/* A29: tab danh mục sản phẩm nhỏ gọn */
html body .home_product_tab_type2 .nav-outline > li > a{height:34px !important;min-height:0 !important;padding:0 16px !important;font-size:14px !important;font-weight:700 !important;border-radius:8px !important;border:1px solid #cfe9d6 !important;color:#14803a !important;text-transform:none !important;line-height:32px !important}
html body .home_product_tab_type2 .nav-outline > li.active > a{background:#34c759 !important;border-color:#34c759 !important;color:#fff !important}
html body .home_product_tab_type2 .nav-outline{gap:10px;justify-content:flex-start !important;border:0 !important}
body.woocommerce-checkout .lc-quality,body.woocommerce-cart .lc-quality{display:none}

/* A28: banner trang chủ desktop có chấm chuyển slide theo thiết kế (style.css/functions.php cũ ẩn bằng !important). */
@media (min-width: 850px) {
	html body .row.no_padding.row-full-width .slider-wrapper.hide-for-medium .flickity-page-dots { display: block !important; bottom: 14px; }
}
.slider-wrapper .flickity-page-dots .dot { width: 8px; height: 8px; margin: 0 4px; border: 0; background: #fff; opacity: .55; transition: width .2s, opacity .2s; }
.slider-wrapper .flickity-page-dots .dot.is-selected { width: 22px; border-radius: 4px; background: #fff; opacity: 1; }
