/*
 * Feedback website round 2 (slide "Feedback website round 2", 25/10/2026).
 * Chỉ ghi đè những chỗ được nêu trong slide; phần khác giữ nguyên ly-design.css. Mỗi khối ghi số slide.
 * Selector mở đầu bằng "html body #ly-…" để thắng các rule cũ (nhiều rule cũ dùng !important).
 */

/* ---------- S7 – khung Flash Sale / Ưu đãi hôm nay ---------- */
/* Viền ngoài cho thẻ, bắt đầu từ viền vàng */
html body #ly-m .ly-fcard{border:2px solid #FFD84D !important;box-sizing:border-box}
html body #ly-m .ly-cbuy{transition:filter .15s, transform .1s}
html body #ly-m .ly-cbuy:hover{filter:brightness(.94)}
html body #ly-m .ly-cbuy:active{transform:scale(.97)}
html body #ly-m .ly-cbuy:focus-visible{outline:3px solid #FFB020;outline-offset:2px}
html body #ly-m .ly-cbuy.is-busy{opacity:.6;pointer-events:none}
@media (max-width: 760px){
	/* 2 lựa chọn → chia đều 2 ô, 3 lựa chọn → căn đều 3 ô (không cuộn ngang) */
	html body #ly-m:is(.ly-home,.ly-cat) .ly-btabs[data-n]{overflow:hidden !important;scroll-snap-type:none !important}
	html body #ly-m:is(.ly-home,.ly-cat) .ly-btabs[data-n] .ly-btab{flex:1 1 0 !important;min-width:0 !important;padding:0 8px !important}
	html body #ly-m:is(.ly-home,.ly-cat) .ly-btabs[data-n="1"] .ly-btab{flex:0 1 auto !important;padding:0 16px !important}
	html body #ly-m:is(.ly-home,.ly-cat) .ly-btabs[data-n="3"] .ly-btab{font-size:13px !important;gap:0 !important;padding:0 4px !important}
	html body #ly-m:is(.ly-home,.ly-cat) .ly-btabs[data-n="3"] .ly-btab > span:first-child{display:none !important}
	html body #ly-m:is(.ly-home,.ly-cat) .ly-btab > span:last-child{overflow:hidden;text-overflow:ellipsis}
	/* Không có đồng hồ đếm ngược → bỏ hẳn dòng này; "Xem tất cả" chuyển xuống cuối danh sách thẻ */
	html body #ly-m:is(.ly-home,.ly-cat) .ly-frow:not(.has-timer){display:none !important}
	html body #ly-m:is(.ly-home,.ly-cat) .ly-fall-top{display:none !important}
	html body #ly-m:is(.ly-home,.ly-cat) .ly-fall:not([hidden]){display:flex !important;align-items:center;justify-content:center;gap:6px;height:40px;margin-top:-2px;border-radius:8px;border:1px solid rgba(255,255,255,0.7);color:#ffffff !important;font-size:14px;font-weight:700;text-decoration:none}
	html body #ly-m:is(.ly-home,.ly-cat) .ly-cbuy{height:32px !important;font-size:12.5px !important}
	html body #ly-m:is(.ly-home,.ly-cat) .ly-fcard .ly-fbar{height:18px !important}
	html body #ly-m:is(.ly-home,.ly-cat) .ly-fcard .ly-fbar span{font-size:11px !important}
}

/* ---------- S8 – cụm "Khuyến mãi dành cho bạn" gọn hơn (mobile) ---------- */
@media (max-width: 760px){
	html body #ly-m .ly-coupons{padding-bottom:24px !important}
	html body #ly-m .ly-coupons > div{padding:12px !important;gap:10px !important}
	html body #ly-m .ly-coupons > div > div:first-child{gap:8px !important}
	html body #ly-m .ly-coupons > div > div:first-child > span{width:28px !important;height:28px !important}
	html body #ly-m .ly-coupons > div > div:first-child > span svg{width:15px;height:15px}
	html body #ly-m .ly-coupons h2{font-size:14px !important;line-height:1.3 !important}
	html body #ly-m .ly-coupons h2 + span{font-size:12px !important;line-height:1.35 !important}
	html body #ly-m .ly-coupons .ly-gv.ly-hscroll > *{flex-basis:236px !important}
	html body #ly-m .ly-coupons .ly-ticket{min-height:76px !important}
	html body #ly-m .ly-coupons .ly-tk-l{flex-basis:70px !important;padding:8px 4px !important}
	html body #ly-m .ly-coupons .ly-tk-l > span{font-size:10px !important}
	html body #ly-m .ly-coupons .ly-tk-l > strong{font-size:22px !important}
	html body #ly-m .ly-coupons .ly-ticket > span[aria-hidden]{left:61px !important;width:16px !important;height:16px !important}
	html body #ly-m .ly-coupons .ly-ticket > span[aria-hidden]:first-of-type{top:-8px !important}
	html body #ly-m .ly-coupons .ly-ticket > span[aria-hidden]:last-of-type{bottom:-8px !important}
	html body #ly-m .ly-coupons .ly-ticket > div:last-child{margin:8px 0 !important;padding:2px 10px 2px 12px !important;gap:6px !important}
	html body #ly-m .ly-coupons .ly-ticket strong{font-size:13px !important}
	html body #ly-m .ly-coupons .ly-vcond{font-size:11px !important}
	html body #ly-m .ly-coupons .ly-ticket > div:last-child > div:last-child > span{height:26px !important;font-size:12px !important;letter-spacing:1px !important}
	html body #ly-m .ly-coupons .ly-copy{height:26px !important;padding:0 10px !important;font-size:12px !important;gap:4px !important}
	html body #ly-m .ly-coupons .ly-copy svg{width:12px;height:12px}
}

/* ---------- S9 – khối danh mục trang chủ ---------- */
html body #ly-m .ly-blk-t{display:none}
@media (min-width: 761px){
	/* Desktop: giữ chọn tab, mỗi tab 4 thẻ như cũ */
	html body #ly-m .ly-blk .ly-g4 > :nth-child(n+5){display:none !important}
}
@media (max-width: 760px){
	html body #ly-m:is(.ly-home,.ly-cat) .ly-ctab{font-size:14px !important;height:40px !important}
	/* Cốt / Viên / Bột: mỗi tab thành 1 section riêng (Combo vẫn chọn tab) */
	html body #ly-m .ly-split .ly-ctabs{display:none !important}
	html body #ly-m .ly-split .ly-blk-t[data-panel][hidden]:not(#ly-z),html body #ly-m .ly-split .ly-blk-t{display:block !important;margin:14px 0 -4px !important;font-size:14px !important;font-weight:800 !important;letter-spacing:.3px;color:#14803A;text-transform:uppercase;line-height:1.3}
	html body #ly-m .ly-split .ly-blk-t[data-panel="0"]{margin-top:0 !important}
	html body #ly-m .ly-split .ly-blk-b[data-panel][hidden]:not(#ly-z){display:block !important}
	html body #ly-m .ly-split .ly-g4[data-panel][hidden]:not(#ly-z){display:grid !important}
	html body #ly-m .ly-split .ly-blk-all[data-panel][hidden]:not(#ly-z){display:block !important}
}

/* ---------- S10 – tiêu đề bài "Tin tức mới" 14px (mobile) ---------- */
@media (max-width: 760px){
	html body #ly-m:is(.ly-home,.ly-cat) .ly-news h3{font-size:14px !important;line-height:1.4 !important}
}

/* ---------- S4 – chứng nhận (mobile): hàng ngang 3 thẻ to, chạm / vuốt chuyển đúng 1 thẻ ---------- */
@media (max-width: 760px){
	html body #ly-m .ly-about-cf .ly-cf-row.ly-cf-row{padding:12px 12px 14px !important;gap:10px !important;scroll-snap-type:x mandatory !important}
	html body #ly-m .ly-about-cf .ly-cf-i.ly-cf-i{flex:0 0 calc((100% - 20px) / 3) !important;width:calc((100% - 20px) / 3) !important;scroll-snap-stop:always !important;transform:none !important;opacity:1 !important}
	html body #ly-m .ly-about-cf .ly-cf-i.ly-cf-i.is-on{transform:none !important}
	html body #ly-m .ly-cf-dots{display:flex;justify-content:center;gap:6px;margin-top:2px}
	html body #ly-m .ly-cf-dots button{width:6px;height:6px;padding:0;border:none;border-radius:999px;background:#CFE3C4;cursor:pointer;transition:width .3s, background .3s}
	html body #ly-m .ly-cf-dots button[aria-current="true"]{width:18px;background:#34C759}
}

/* ---------- S5 – "Hành trình từ vườn" + "Chất lượng Lạc Yên Foods" (mobile): mỗi lần vuốt / bấm chỉ chuyển 1 thẻ ---------- */
@media (max-width: 760px){
	html body #ly-m .ly-snap1{position:relative}
	html body #ly-m .ly-snap1 > .ly-hscroll > *{scroll-snap-stop:always !important;scroll-snap-align:start !important}
	html body #ly-m .ly-snap-nav{position:absolute;top:calc(var(--ly-nav-top, 40%) - 18px);width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,.94);box-shadow:0 3px 10px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0;transition:opacity .2s}
	html body #ly-m .ly-snap-nav[disabled]{opacity:0;pointer-events:none}
	html body #ly-m .ly-snap-prev{left:2px}
	html body #ly-m .ly-snap-next{right:2px}
}
html body #ly-m .ly-snap-nav{display:none}
@media (max-width: 760px){html body #ly-m .ly-snap-nav{display:flex}}

/* ---------- S3 – header mobile: thanh xanh (Danh mục · logo · tìm kiếm · giỏ) cố định khi cuộn ----------
 * Cả header dính, đẩy lên 30px để dải chạy chữ phía trên trượt khuất; còn lại thanh xanh + dải cam kết trắng. */
@media (max-width: 960px){
	/* body đang overflow-x:hidden → thành khung cuộn riêng, sticky không bám được; clip giữ chặn tràn ngang mà không tạo khung cuộn */
	html body{overflow-x:clip !important;overflow-y:visible !important}
	html body #ly-h.ly-root{position:sticky !important;top:-30px !important;z-index:300 !important}
	html body #ly-h.is-compact{box-shadow:0 4px 14px rgba(0,0,0,0.12) !important}
	html body #ly-h .ly-ms:not([hidden]){display:flex !important}
}

/* ---------- S23 / S24 – mega menu desktop ---------- */
html body #ly-h .ly-mega-16x9 img{width:100% !important;height:100% !important;max-width:none !important}

/* ---------- S12 – trang danh mục (mobile) ---------- */
@media (max-width: 760px){
	html body #ly-m.ly-cat .ly-cat-h1{font-size:16px !important;line-height:1.3 !important}
	html body #ly-m.ly-cat .ly-sortlbl,html body #ly-m.ly-cat .ly-count{font-size:13px !important}
	html body #ly-m.ly-cat .ly-sortbtn{font-size:13px !important;height:34px !important;gap:6px !important;padding:0 10px !important}
	html body #ly-m.ly-cat .ly-sortbtn svg{width:15px;height:15px}
	html body #ly-m.ly-cat .ly-fopen{font-size:13px !important;height:34px !important}
	/* "Hàng mới về": thay chữ NEW bằng icon như các nút sắp xếp khác */
	html body #ly-m.ly-cat .ly-new-t{display:none !important}
	html body #ly-m.ly-cat .ly-new-i{display:block !important}
}

/* ---------- S13 – trang sản phẩm (mobile): bỏ 2 dòng lưu ý dưới ảnh (badge trên ảnh đã gỡ khỏi template 26/10) ---------- */
@media (max-width: 980px){
	html body #ly-m.ly-pdp .ly-imgawd,html body #ly-m.ly-pdp .ly-imgnote{display:none !important}
}
html body #ly-m.ly-pdp .ly-imgawd{display:none !important}

/* ---------- 26/10 – gallery: ảnh lớn là dải cuộn ngang của album đang xem, vuốt / cuộn chuyển từng ảnh ---------- */
html body #ly-m.ly-pdp .ly-mtrack{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}
html body #ly-m.ly-pdp .ly-mtrack::-webkit-scrollbar{display:none}
html body #ly-m.ly-pdp .ly-mtrack > .ly-slide{flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block;scroll-snap-align:center;scroll-snap-stop:always;user-select:none;-webkit-user-drag:none}
html body #ly-m.ly-pdp .ly-mtrack > .ly-slide[style*="display: none"]{display:none !important}
html body #ly-m.ly-pdp .ly-thumb > .ly-tmore{font-size:18px !important;letter-spacing:0 !important}
@media (min-width: 761px){html body #ly-m.ly-pdp .ly-thumbs-sep{display:block;width:100%;height:1px;background:#DDE5DA}}
@media (max-width: 760px){html body #ly-m.ly-pdp .ly-thumbs-sep{background:#DDE5DA}}

/* ---------- 26/10 – video: hàng cuộn ngang, dừng đúng từng video; khách tự bấm ▶ để phát ---------- */
html body #ly-m.ly-pdp .ly-vids{display:flex !important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:4px}
html body #ly-m.ly-pdp .ly-vids::-webkit-scrollbar{display:none}
html body #ly-m.ly-pdp .ly-vids > *{flex:0 0 calc((100% - 28px) / 3) !important;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
@media (max-width: 900px){html body #ly-m.ly-pdp .ly-vids > *{flex-basis:46% !important}}
@media (max-width: 560px){html body #ly-m.ly-pdp .ly-vids > *{flex-basis:72% !important}}

/* ---------- S13 / S14 – thanh mua dưới (mobile) ----------
 * Giỏ trống → ẩn cả thanh để khách đọc thông tin; giỏ đã có hàng → hiện.
 * Nút MUA NGAY dời sang nửa phải, cùng 1 hàng với tổng tiền: nút "^" lên đầu trang của trình duyệt Samsung Internet
 * nằm giữa đáy màn hình (do trình duyệt vẽ, trang web không tắt được) nên không còn đè lên chữ trên nút. */
@media (max-width: 849px){
	html body .bond-pb.is-empty{display:none !important}
	html body.single-product.bond-pb-off{padding-bottom:0 !important}
	html body.bond-pb-off #ly-m.ly-pdp .ly-fabs{bottom:20px !important}
	html body .bond-pb .bond-pb-buy{grid-template-columns:minmax(0,1fr) 44% !important;grid-template-rows:auto auto;gap:0 12px !important;align-items:center !important}
	html body .bond-pb .bond-pb-sel{grid-column:1;grid-row:1}
	html body .bond-pb .bond-pb-tot{grid-column:1;grid-row:2;text-align:left !important;display:flex;align-items:baseline;gap:6px}
	html body .bond-pb .bond-pb-tot small{display:none !important}
	html body .bond-pb .bond-pb-price{font-size:18px !important}
	html body .bond-pb .bond-pb-now{grid-column:2 !important;grid-row:1 / span 2;margin:0 !important;height:46px !important}
	html body:not(.bond-pb-off).single-product{padding-bottom:110px !important}
}

/* ---------- S16 – dòng "Mua thêm … để được giảm …" trên thanh Xem giỏ hàng ---------- */
.ly-chint{display:flex;align-items:center;gap:6px;margin:0;padding:8px 14px 0;font-size:12.5px;line-height:1.35;color:#14803A;font-family:"Be Vietnam Pro",sans-serif}
.ly-chint[hidden]{display:none !important}
.ly-chint b{font-weight:800}
.ly-chint svg{flex-shrink:0}
.bond-pb .ly-chint{display:none;padding:0 2px 6px}
.bond-pb.is-incart .ly-chint:not([hidden]){display:flex}

/* ---------- S22 – trang sản phẩm desktop: cột ngắn hơn đứng yên, chỉ cột dài cuộn; hết cột dài mới xuống phần tiếp theo ---------- */
@media (min-width: 981px){
	html body #ly-m.ly-pdp .ly-pwrap{flex-wrap:nowrap !important;align-items:flex-start !important}
	html body #ly-m.ly-pdp .ly-colL,html body #ly-m.ly-pdp .ly-colR{position:sticky;top:var(--ly-stk, 16px);align-self:flex-start}
}

/* ---------- S19 – giỏ hàng ---------- */
/* Gợi ý cho bạn / Mua kèm: thẻ ngang gọn (ảnh trái, tên + mô tả + giá + "Lấy ngay"), kéo ngang thay vì xổ dài */
html body #ly-m.ly-cart .ly-up-nav{width:30px;height:30px;border-radius:50%;border:1px solid #DDE5DA;background:#ffffff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0}
html body #ly-m.ly-cart .ly-up-row:not([hidden]){display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 14px 4px;scroll-padding-inline:14px;scrollbar-width:none}
html body #ly-m.ly-cart .ly-up-card{flex:0 0 min(84%, 300px);scroll-snap-align:start;display:flex;gap:10px;padding:10px;border:1.5px solid #F3B9B0;border-radius:var(--ly-r, 10px);background:#ffffff;box-sizing:border-box}
html body #ly-m.ly-cart .ly-up-img{position:relative;flex:0 0 88px;height:88px;border-radius:8px;overflow:hidden;background:#FDFFEB}
html body #ly-m.ly-cart .ly-up-img img{width:100%;height:100%;object-fit:cover;display:block}
html body #ly-m.ly-cart .ly-up-img em{position:absolute;top:4px;right:4px;background:#E63B2E;color:#ffffff;font-style:normal;font-size:10px;font-weight:800;padding:2px 5px;border-radius:4px}
html body #ly-m.ly-cart .ly-up-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
html body #ly-m.ly-cart .ly-up-body strong{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body #ly-m.ly-cart .ly-up-body i{font-size:11.5px;color:#6B7A6D;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html body #ly-m.ly-cart .ly-up-pr{display:flex;align-items:baseline;gap:6px}
html body #ly-m.ly-cart .ly-up-pr b{font-size:14px;font-weight:800;color:#FF6A00}
html body #ly-m.ly-cart .ly-up-pr del{font-size:11px;color:#A7B0A8}
html body #ly-m.ly-cart .ly-up-get{margin-top:auto;height:28px;padding:0 14px;border:none;border-radius:999px;background:#1C2A1E;color:#ffffff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
html body #ly-m.ly-cart .ly-up-get:disabled{opacity:.6}

/* Form đặt hàng ngay dưới giỏ (gộp giỏ + thanh toán) */
html body.ly-cart-ck .woocommerce{max-width:none !important;padding:0 !important}
html body #ly-m.ly-cart .ly-ck-slot{scroll-margin-top:70px}
html body #ly-m.ly-cart .ly-ck-h{display:flex;align-items:center;gap:8px;margin:0;padding:14px 14px 4px;background:#ffffff;font-size:16px;font-weight:800}
html body #ly-m.ly-cart .ly-ck-embed .lc-ck-grid{display:flex !important;flex-direction:column;gap:10px;padding:0 !important}
html body #ly-m.ly-cart .ly-ck-embed .lc-ck-main,html body #ly-m.ly-cart .ly-ck-embed #customer_details,html body #ly-m.ly-cart .ly-ck-embed .lc-ck-side{display:flex !important;flex-direction:column;gap:10px;position:static !important}
html body #ly-m.ly-cart .ly-ck-embed .lc-card{margin:0 !important;border-radius:0 !important}
html body #ly-m.ly-cart .ly-ck-embed .lc-review .lc-items,html body #ly-m.ly-cart .ly-ck-embed .lc-review .lc-coupon,html body #ly-m.ly-cart .ly-ck-embed .lc-review .lc-coupon-ok{display:none !important}
html body #ly-m.ly-cart .ly-ck-embed #place_order{display:none !important}
html body #ly-m.ly-cart .ly-ck-embed .lc-trust{display:none}
html body #ly-m.ly-cart .ly-ck-embed :is(form.checkout,.lc-ck-grid,.lc-ck-main,#customer_details,.lc-ck-side,.lc-card){width:100% !important;max-width:none !important;box-sizing:border-box}