/* VITIMEX – Landing NHÓM SẢN PHẨM (page.ldp-nhom) v10 – bổ sung cho ldp-akb.css (dùng chung màu, nút, form, bảng size, thanh dưới).
   Chỉ tác động trong #ldp. Không dùng "gap" của flex, "inset", "aspect-ratio" (chạy được máy cũ). */

/* hero: lưới 2×2 ảnh mẫu */
.ldp-nh__grid{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;background:#eceae6}
.ldp-nh__i{position:relative;display:block;width:50%;padding:0;margin:0;border:0;background:none;cursor:pointer}
.ldp-nh__i .ldp-ratio{border-right:1px solid #fff;border-bottom:1px solid #fff;padding-bottom:82%}
.ldp-nh__i .ldp-tag{left:8px;top:8px;font-size:12.5px;padding:4px 10px}
.ldp-pts{list-style:none;margin:16px 0 4px;padding:0}
.ldp-pts li{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;margin:0 0 8px;font-size:16.5px;line-height:1.4;color:#2b2f3a}
#ldp .ldp-pts svg{color:var(--ok);width:20px;height:20px;margin:2px 8px 0 0}
.ldp-from{background:#fff5f5;border:1.5px solid #f3c9cb;border-radius:14px;padding:10px 14px;margin:12px 0 4px;line-height:1.25}
.ldp-from span{font-weight:700;color:#5b6070}
.ldp-from strong{color:var(--red);font-size:30px;font-weight:800}
.ldp-from small{display:block;color:var(--muted);font-size:14px;margin-top:2px}

/* 3 bước đặt hàng */
.ldp-steps{background:var(--navy);color:#fff;padding:14px 0}
.ldp-steps ol{list-style:none;margin:0;padding:0;display:-webkit-flex;display:flex}
.ldp-steps li{-webkit-flex:1 1 0%;flex:1 1 0%;min-width:0;text-align:center;font-size:13.5px;line-height:1.3;padding:0 4px;font-weight:600}
.ldp-steps b{display:block;width:28px;height:28px;line-height:28px;border-radius:50%;background:var(--gold);color:var(--navy);margin:0 auto 6px;font-size:15px}

/* chọn theo kiểu */
.ldp-cat{padding-bottom:26px}
.ldp-chips{display:-webkit-flex;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 12px 10px;white-space:nowrap}
.ldp-chips::-webkit-scrollbar{display:none}
.ldp-chips button{-webkit-flex:none;flex:none;margin:0 4px;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:24px;padding:9px 14px;font-size:15px;font-weight:700;cursor:pointer;min-height:44px;line-height:1.2;text-align:left}
.ldp-chips button small{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.ldp-chips button.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.ldp-chips button.is-on small{color:#d6dcf2}
.ldp-setd{background:var(--soft);border-radius:12px;padding:10px 12px;font-size:15px;line-height:1.45;margin:0 0 12px!important;color:#2b2f3a}
.ldp-setd span{color:var(--muted)}

/* lưới mẫu 2 cột */
.ldp-grid2{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 -5px}
.ldp-card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:calc(50% - 10px);margin:0 5px 12px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none!important;color:var(--ink)}
.ldp-card[hidden]{display:none!important}
.ldp-card__img{position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:#f1efeb;cursor:pointer}
.ldp-card__b{position:absolute;left:8px;top:8px;background:var(--red);color:#fff;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}
.ldp-card__b2{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1 auto;flex:1 1 auto;padding:9px 10px 10px}
#ldp .ldp-card__t{display:block;font-size:14.5px;line-height:1.3;margin:0 0 3px;color:#2b2f3a}
.ldp-card__t b{color:var(--navy)}
#ldp .ldp-card__m{font-size:13px;line-height:1.3;color:var(--muted);margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ldp .ldp-card__p{display:block;color:var(--red);font-weight:800;font-size:18px;margin:auto 0 8px}
.ldp-card__add{display:block;width:100%;min-height:44px;border:1.5px solid var(--navy);background:#fff;color:var(--navy);border-radius:10px;font-weight:800;font-size:15px;cursor:pointer;text-align:center;line-height:40px;padding:0}
.ldp-card__add:active{background:var(--navy);color:#fff}
.ldp-more{display:block;width:100%;min-height:50px;margin:4px 0 0;border:1.5px dashed var(--navy);background:#fff;color:var(--navy);border-radius:12px;font-weight:800;font-size:16px;cursor:pointer}

/* lợi ích */
.ldp-why2 figure{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:0 0 12px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ldp-why2 .ldp-ratio{-webkit-flex:0 0 36%;flex:0 0 36%;width:36%;padding-bottom:36%}
.ldp-why2 figcaption{padding:10px 12px;font-size:15px;line-height:1.4;color:#3b4050}
.ldp-why2 figcaption b{display:block;color:var(--navy);font-size:17px;margin-bottom:3px}

/* đơn hàng: danh sách mẫu đã chọn */
.ldp-cart{margin:0 0 4px}
.ldp-cart__empty{background:#fff;border:1.5px dashed #c9c6bf;border-radius:14px;padding:14px;text-align:center}
.ldp-cart__empty p{margin:0 0 4px!important;color:var(--muted)}
.ldp-line{display:-webkit-flex;display:flex;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:10px;margin:0 0 8px}
.ldp-line img{width:64px!important;height:64px!important;border-radius:10px;-webkit-flex:none;flex:none;margin-right:10px;object-fit:cover}
.ldp-line__b{-webkit-flex:1 1 auto;flex:1 1 auto;min-width:0}
#ldp .ldp-line__t{margin:0!important;font-weight:800;color:var(--navy);font-size:15.5px;line-height:1.3}
#ldp .ldp-line__m{margin:0!important;font-size:13px;color:var(--muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ldp .ldp-line__s{margin:2px 0 6px!important;font-size:14.5px}
.ldp-line__q{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.ldp-line__q button{width:40px;height:40px;border-radius:10px;border:1.5px solid #c9c6bf;background:#fff;font-size:22px;line-height:1;color:var(--navy);cursor:pointer;padding:0}
.ldp-line__q output{min-width:36px;text-align:center;font-weight:800;font-size:18px}
.ldp-line__q .ldp-line__x{width:auto;padding:0 12px;margin-left:auto;font-size:14px;font-weight:700;color:#8a5a00;border-color:#e6d3a3}

/* khung chọn size của 1 mẫu */
.ldp-ps .ldp-sheet__p{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.ldp-ps .ldp-sheet__h b{text-transform:none;font-size:17px}
.ldp-ps__g{display:-webkit-flex;display:flex;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:14px;background:#eceae6}
.ldp-ps__g::-webkit-scrollbar{display:none}
.ldp-ps__g figure{-webkit-flex:0 0 100%;flex:0 0 100%;width:100%;margin:0;scroll-snap-align:start}
#ldp .ldp-ps__n{font-size:12.5px;color:var(--muted);text-align:center;margin:6px 0 0!important}
#ldp .ldp-ps__t{font-weight:700;font-size:16.5px;line-height:1.35;margin:10px 0 4px!important}
#ldp .ldp-ps__p{margin:0 0 6px!important}
.ldp-ps__p b{color:var(--red);font-size:24px;font-weight:800;margin-right:8px}
.ldp-ps__p span{font-size:13.5px;color:var(--muted)}
#ldp .ldp-ps__d{font-size:14.5px;line-height:1.45;color:#3b4050;background:#fff;border-radius:10px;padding:8px 10px}
.ldp-lbl--s{font-size:16px!important;margin:12px 0 8px!important;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.ldp-ps__live{font-size:12.5px;font-weight:600;color:var(--muted);margin-left:6px}
.ldp-sizes2{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 -4px 8px}
.ldp-sizes2 button{min-width:58px;height:48px;margin:4px;padding:0 10px;border:1.5px solid #c9c6bf;border-radius:10px;background:#fff;color:var(--ink);font-weight:800;font-size:17px;cursor:pointer}
.ldp-sizes2 button.is-ask{font-size:14.5px;font-weight:700;color:var(--navy2)}
.ldp-sizes2 button.is-reco{border-color:#e0b43a;box-shadow:0 0 0 2px #f5c451 inset}
.ldp-sizes2 button.is-on{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:none}
.ldp-sizes2 button:disabled{opacity:.38;text-decoration:line-through;cursor:not-allowed}
.ldp-ps .ldp-sizer{margin:4px 0 10px}
.ldp-ps__row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin:6px 0 2px;font-weight:700}
.ldp-ps .ldp-need{color:var(--red);font-weight:700;font-size:15px;margin:0 0 8px!important}

/* thông báo đã thêm */
.ldp-toast{position:fixed;left:12px;right:12px;bottom:92px;z-index:2147483100;max-width:596px;margin:0 auto;background:#14161f;color:#fff;border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.35;box-shadow:0 8px 24px rgba(0,0,0,.25);opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);transition:opacity .25s,transform .25s}
.ldp-toast.is-on{opacity:1;-webkit-transform:none;transform:none}
.ldp-toast a{color:var(--gold)!important;font-weight:800;margin-left:6px}

/* thanh dưới: khi đã có mẫu trong đơn */
.ldp-bar--n .ldp-bar__buy.has-cart{background:var(--ok)}
.ldp-bar--n .ldp-bar__buy span{font-size:17px}

/* phối cùng */
.ldp-card--x .ldp-card__t{font-weight:700}
.ldp-card--x .ldp-card__add{margin-top:6px}

@media (max-width:360px){.ldp-card__add{font-size:14px}.ldp-steps li{font-size:12.5px}.ldp-sizes2 button{min-width:52px}}

/* Trang landing nhóm: ẩn nút nổi của theme, đường dẫn breadcrumb */
body[class*="temp-page-ldp-nhom"] .vtm-float-contact,
body[class*="temp-page-ldp-nhom"] hrv-loyalty,
body[class*="temp-page-ldp-nhom"] #hrv-loyalty,
body[class*="temp-page-ldp-nhom"] .back-to-top,
body[class*="temp-page-ldp-nhom"] #back-to-top{display:none!important}
body[class*="temp-page-ldp-nhom"] .breadcrumb-wrapper,
body[class*="temp-page-ldp-nhom"] .breadcrumb-shop{display:none!important}