/* site.css đã có scroll-padding-top:88px cho html; scroll-margin ở đây chỉ cộng thêm khoảng thở để header dính (cao 80px) không che đầu khối. */
/* Khối nhúng "Thử cọ" (data-tryon): chừa chỗ cho header dính, bố cục đồng bộ với site. */
[data-tryon],
.tryon-sec,
.nvt,
.nvt-stage{scroll-margin-top:16px}
.tryon-sec{padding-block:0 var(--sect,96px)}
.tryon-sec .tryon-head{display:grid;gap:12px;margin-bottom:clamp(24px,3vw,40px)}
.tryon-sec .tryon-head .lead{max-width:52ch}
.tryon-sec--pdp .head{font-size:var(--s-lead,1.5rem);margin-bottom:clamp(16px,2vw,24px)}
/* Khay cọ dọc trên desktop: thanh cuộn mảnh, cùng tông gỗ, để trông có chủ ý */
@media(min-width:1080px){.nvt .nvt-tray{scrollbar-width:thin;scrollbar-color:var(--wood,#8B6B4A) transparent;overscroll-behavior:contain}.nvt .nvt-tray::-webkit-scrollbar{width:6px}.nvt .nvt-tray::-webkit-scrollbar-track{background:transparent}.nvt .nvt-tray::-webkit-scrollbar-thumb{background:var(--wood,#8B6B4A);border-radius:3px}}
/* Trang sản phẩm (mode single): không để mặt mẫu phình theo bề ngang của cột nội dung */
@media(min-width:720px){.nvt.nvt-single{max-width:1040px}}