/*
Theme Name: Masara
Description: Masara — Mặc là sang. Giao diện v6 "PRADA": học prada.com — trắng/đen thuần, chữ nhỏ không giãn cách, lưới sản phẩm khe 1px tràn mép, menu ngăn kéo, gần như không trang trí. Font Montserrat (user chốt). Trang chi tiết SP giữ cấu trúc khiet.com.vn (lưới ảnh 2 cột + cột thông tin dính + 5 tab ngang).
Version: 6.9.5
Author: Masara
Text Domain: masara
*/

/* ============ TOKENS (v6 PRADA) ============ */
:root {
	--white: #FFFFFF;
	--cream: #EFEFEF;          /* nền ô ảnh — Prada dùng xám nhạt sau ảnh sản phẩm */
	--ink: #000000;
	--grey: #4E555A;           /* chữ phụ — đo trên prada.com rgb(78,85,90) */
	--hairline: #E5E5E5;
	--line-input: #D9DCE0;     /* viền ô chọn size / ô nhập — đo trên PDP Prada */
	--tan: #8A6D4F;
	--sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	--gutter: 32px;            /* Prada: lề trái/phải cố định 32px, KHÔNG có max-width */
	--header-h: 72px;
	--btn-pad: 14px 20px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
	background: var(--white);
	color: var(--ink);
	font-family: var(--sans);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
	outline: 1.5px solid var(--ink); outline-offset: 3px;
}
button { font-family: var(--sans); cursor: pointer; }
::selection { background: var(--ink); color: #fff; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ============ NÚT (Prada: đen đặc, cao 44px, chữ hoa 14/500 giãn 0.2px, không bo góc) ============ */
.btn, .woocommerce .button, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit, .woocommerce button[name="update_cart"],
.wc-proceed-to-checkout a.checkout-button, #place_order {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	background: var(--ink) !important; color: #fff !important;
	border: 1px solid var(--ink) !important; border-radius: 0 !important;
	font-family: var(--sans) !important; font-weight: 500 !important;
	font-size: 13px !important; letter-spacing: 0.02em; text-transform: uppercase;
	padding: var(--btn-pad) !important; line-height: 1.2 !important;
	min-height: 44px; transition: background 0.2s, color 0.2s;
	text-decoration: none !important;
}
.btn:hover, .woocommerce .button:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .wc-proceed-to-checkout a.checkout-button:hover, #place_order:hover {
	background: #2A2A2A !important;
}
.btn--ghost { background: transparent !important; color: var(--ink) !important; }
/* chỉ đổi màu khi RÊ CHUỘT thật — máy cảm ứng chạm xong bị kẹt trạng thái hover, nút cứ đen mãi */
@media (hover: hover) { .btn--ghost:hover { background: var(--ink) !important; color: #fff !important; } }
.btn--wide { width: 100%; }
.woocommerce .button:disabled, .woocommerce button.button:disabled[disabled] {
	background: #BDBDBD !important; border-color: #BDBDBD !important; opacity: 1 !important; color: #fff !important;
	padding: var(--btn-pad) !important;
}
/* Link chữ hoa gạch chân — Prada "DISCOVER" */
.text-link {
	font-size: 13px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase;
	text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px;
}
.text-link:hover { text-decoration-thickness: 2px; }

/* ============ HEADER — 1 hàng 72px: [≡ Menu  🔍 Tìm kiếm] [LOGO] [Liên hệ  🛍] (Prada) ============ */
.site-header {
	position: sticky; top: 0; z-index: 90; background: var(--white);
	border-bottom: 1px solid var(--hairline);
	transition: background 0.25s, color 0.25s, border-color 0.25s;
}
.header-inner {
	display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
	height: var(--header-h); padding: 0 var(--gutter);
}
.header-left { display: flex; align-items: center; gap: 8px; }
.logo { grid-column: 2; display: block; }
.logo img { height: 22px; width: auto; transition: filter 0.25s; }
.header-utils { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 8px; }
.icon-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	min-width: 44px; height: 44px; padding: 0 4px; background: none; border: none; position: relative;
	color: inherit; font-size: 14px; font-weight: 400;
}
.icon-btn svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.icon-btn .lbl { display: inline; }
.header-link { font-size: 14px; padding: 0 12px; min-height: 44px; display: inline-flex; align-items: center; }
.cart-count {
	position: absolute; top: 6px; right: 0; min-width: 16px; height: 16px;
	background: var(--ink); color: #fff; border-radius: 999px;
	font-size: 10px; font-weight: 500; line-height: 16px; text-align: center; padding: 0 4px;
}
/* Trang chủ: header TRONG SUỐT chữ trắng đè lên hero (như Prada), cuộn xuống → trắng đặc */
body.home .site-header { position: fixed; left: 0; right: 0; background: transparent; border-color: transparent; color: #fff; }
body.home .site-header .logo img { filter: brightness(0) invert(1); }
body.home .site-header .cart-count { background: #fff; color: var(--ink); }
body.home .site-header.is-solid { background: var(--white); border-color: var(--hairline); color: var(--ink); }
body.home .site-header.is-solid .logo img { filter: none; }
body.home .site-header.is-solid .cart-count { background: var(--ink); color: #fff; }

/* Tìm kiếm trượt xuống dưới header */
.search-panel { display: none; border-top: 1px solid var(--hairline); background: var(--white); color: var(--ink); }
.search-panel.open { display: block; }
.search-panel form { display: flex; gap: 16px; align-items: center; padding: 20px var(--gutter); max-width: 760px; margin: 0 auto; }
.search-panel input[type="search"] {
	flex: 1; border: none; border-bottom: 1px solid var(--ink); background: none;
	font-family: var(--sans); font-size: 16px; font-weight: 400; padding: 10px 0;
	border-radius: 0; color: var(--ink);
}
.search-panel input[type="search"]:focus { outline: none; }
.search-panel .btn { min-height: 44px; padding: 12px 22px !important; }

/* Ngăn kéo menu — Prada dùng ngăn kéo trái 480px ở MỌI màn hình, dòng 48px chữ 16/400 */
.drawer-scrim { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 98; opacity: 0; pointer-events: none; transition: opacity 0.25s; }
.drawer {
	position: fixed; top: 0; left: 0; bottom: 0; width: min(100vw, 480px); z-index: 99;
	background: var(--white); color: var(--ink); transform: translateX(-102%); transition: transform 0.28s ease;
	display: flex; flex-direction: column; overflow-y: auto;
}
body.drawer-open .drawer { transform: none; }
body.drawer-open .drawer-scrim { opacity: 1; pointer-events: auto; }
body.drawer-open { overflow: hidden; }
.drawer-head { display: flex; align-items: center; height: var(--header-h); padding: 0 calc(var(--gutter) - 8px); }
.drawer nav { display: grid; padding: 24px 0 8px; }
.drawer nav a {
	display: flex; align-items: center; justify-content: space-between;
	padding: 12px 40px; min-height: 48px; font-size: 16px; font-weight: 400;
}
.drawer nav a::after { content: "›"; font-size: 22px; line-height: 1; color: var(--ink); }
.drawer nav a:hover { background: #F6F6F6; }
.drawer-foot { margin-top: auto; padding: 24px 40px 32px; display: grid; gap: 4px; border-top: 1px solid var(--hairline); }
.drawer-foot a { display: flex; align-items: center; gap: 14px; min-height: 40px; font-size: 12px; }
.drawer-foot svg { width: 20px; height: 20px; stroke: var(--ink); fill: none; stroke-width: 1.5; }

/* ============ THẺ SẢN PHẨM (Prada: ảnh nền xám, tên 14/500, giá 14/400, đệm 16px, ảnh 2 khi rê chuột) ============ */
.card { display: block; }
.card .frame { position: relative; overflow: hidden; aspect-ratio: 3 / 4; background: var(--cream); }
.card .frame img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 10%; }
.card .frame .img-hover { position: absolute; inset: 0; opacity: 0; transition: opacity 0.35s ease; }
@media (hover: hover) { .card:hover .frame .img-hover { opacity: 1; } }
.card .meta { padding: 16px 16px 28px; }
.card .name { font-size: 14px; font-weight: 500; line-height: 18px; }
.card .price { font-size: 14px; font-weight: 400; margin-top: 8px; font-variant-numeric: tabular-nums; }
.card .price del { color: var(--grey); margin-right: 8px; }
.card .price ins { text-decoration: none; }
.card .code { font-size: 12px; color: var(--grey); margin-top: 6px; }

/* Lưới sản phẩm dùng chung — 4 cột, KHE 1px, tràn sát mép màn hình (Prada) */
.grid-1px, .product-grid, .woocommerce ul.products {
	display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 1px;
	list-style: none; margin: 0 !important; padding: 0 !important; background: var(--hairline);
}
.grid-1px > *, .product-grid > li, .woocommerce ul.products li.product { background: var(--white); min-width: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { content: none !important; }
.woocommerce ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; text-align: left; }

/* Ghi đè CSS mặc định của Woo trong lưới (giá màu xanh/vàng, lề ảnh, cỡ chữ) */
.woocommerce ul.products li.product .card img { margin: 0; box-shadow: none; }
.woocommerce ul.products li.product .card .price { color: var(--ink); font-size: 14px; font-weight: 400; margin: 8px 0 0; display: block; }
.woocommerce ul.products li.product .card .price del { color: var(--grey); opacity: 1; }
.woocommerce ul.products li.product .card .price ins { font-weight: 400; }

/* Tiêu đề khối — Prada: 16/500 giữa, không hoa, không giãn cách */
.sec-title { font-size: 16px; font-weight: 500; text-align: center; padding: 56px var(--gutter) 24px; }

/* ============ TRANG CHỦ ============ */
.hero { position: relative; height: 80vh; min-height: 520px; max-height: 960px; overflow: hidden; background: var(--cream); }
.hero img, .hero video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.35), rgba(0,0,0,0) 45%); }
.hero-copy {
	position: absolute; left: 0; right: 0; bottom: 48px; color: #fff; text-align: center;
	display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 0 var(--gutter);
}
.hero-copy h1 { font-size: 32px; font-weight: 500; line-height: 1.2; letter-spacing: 0; }
.hero-links { display: flex; gap: 40px; }
.hero-links a { color: #fff; font-size: 13px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; padding-bottom: 6px; border-bottom: 1px solid #fff; }
.hero-links a:hover { border-bottom-width: 2px; padding-bottom: 5px; }

.intro { padding: 64px var(--gutter) 40px; text-align: center; }
.intro p { max-width: 520px; margin: 0 auto; font-size: 14px; line-height: 1.6; }

/* Ô danh mục vuông 1:1 khe 1px, nhãn giữa bên dưới (Prada) */
.tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--hairline); }
.tile { display: block; background: var(--white); }
.tile .frame { aspect-ratio: 1 / 1; overflow: hidden; background: var(--cream); }
.tile .frame img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.tile .lbl { display: block; text-align: center; font-size: 14px; font-weight: 500; padding: 16px 12px 32px; }

/* Băng ảnh tràn màn, chữ giữa + link gạch chân (Prada "Prada Antique — DISCOVER") */
.banner { position: relative; height: 80vh; min-height: 480px; max-height: 900px; overflow: hidden; margin-top: 56px; }
.banner img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.banner-copy {
	position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
	gap: 14px; text-align: center; color: #fff; padding: 0 var(--gutter) 56px;
	background: linear-gradient(to top, rgba(0,0,0,0.35), rgba(0,0,0,0) 45%);
}
.banner-copy .t { font-size: 32px; font-weight: 500; line-height: 1.2; }
.banner-copy .s { font-size: 14px; max-width: 480px; }
.banner-copy .text-link { color: #fff; margin-top: 8px; }

.more { text-align: center; padding: 40px var(--gutter) 0; }

/* ============ FOOTER — 4 cột chữ 12px + thanh đáy có ô ngăn viền (Prada) ============ */
.site-footer { margin-top: 72px; border-top: 1px solid var(--hairline); font-size: 12px; }
.footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding: 40px var(--gutter) 0; }
.site-footer h4 { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; margin-bottom: 18px; }
.site-footer ul { list-style: none; display: grid; gap: 10px; }
.site-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
.footer-bar { margin-top: 40px; border-top: 1px solid var(--hairline); display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
.footer-bar .copy { padding: 16px var(--gutter); font-size: 12px; }
.footer-bar .cells { display: flex; }
.footer-bar .cells span { padding: 16px 32px; border-left: 1px solid var(--hairline); font-size: 12px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; display: flex; align-items: center; gap: 10px; }
.footer-bar .cells svg { width: 16px; height: 16px; stroke: var(--ink); fill: none; stroke-width: 1.5; }

/* ============ KHUNG TRANG CHUNG ============ */
.page-wrap { padding: 40px var(--gutter) 0; min-height: 46vh; }
.page-wrap > h1, .page-title { font-size: 20px; font-weight: 600; margin-bottom: 24px; }
.page-content { max-width: 72ch; }
.page-content p { margin-bottom: 1em; }
.page-content h2, .page-content h3 { margin: 1.6em 0 0.6em; font-weight: 600; }

/* ============ TRANG CỬA HÀNG / DANH MỤC — Prada: hàng tên nhóm + link danh mục, hàng đếm + sắp xếp, lưới tràn mép ============ */
.masara-shop { padding: 0; }
.shop-head {
	display: flex; align-items: stretch; gap: 32px; padding: 0 var(--gutter);
	border-bottom: 1px solid var(--hairline); min-height: 56px;
}
.shop-head h1 { font-size: 16px; font-weight: 500; display: flex; align-items: center; white-space: nowrap; }
.cat-links { display: flex; gap: 20px; overflow-x: auto; scrollbar-width: none; }
.cat-links::-webkit-scrollbar { display: none; }
.cat-links a {
	display: flex; align-items: center; white-space: nowrap; font-size: 12px; font-weight: 500; color: var(--grey);
	border-bottom: 2px solid transparent; margin-bottom: -1px; padding: 18px 0;
}
.cat-links a:hover { color: var(--ink); }
.cat-links a.is-active { color: var(--ink); border-bottom-color: var(--ink); }
.shop-toolbar {
	display: flex; justify-content: space-between; align-items: center; gap: 16px;
	padding: 0 var(--gutter); min-height: 44px;
}
.shop-toolbar .count { font-size: 12px; color: var(--grey); text-transform: uppercase; letter-spacing: 0.02em; }
.shop-toolbar form { margin: 0; display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.02em; }
.shop-toolbar select, .woocommerce-ordering select {
	font-family: var(--sans); font-size: 12px; font-weight: 500; color: var(--ink); text-transform: uppercase; letter-spacing: 0.02em;
	border: none; background: transparent; padding: 10px 0; border-radius: 0; min-height: 44px; cursor: pointer;
}
.shop-desc { padding: 24px var(--gutter) 0; max-width: 640px; color: var(--grey); }
.no-results { padding: 60px var(--gutter) 30px; display: grid; gap: 16px; justify-items: start; }
.no-results p { color: var(--grey); max-width: 56ch; }

.masara-pagination { display: flex; gap: 8px; justify-content: center; padding: 40px var(--gutter) 0; }
.masara-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 44px; height: 44px; border: 1px solid var(--hairline); font-size: 13px; padding: 0 10px;
}
.masara-pagination .page-numbers.current { background: var(--ink); color: #fff; border-color: var(--ink); }
.masara-pagination a.page-numbers:hover { border-color: var(--ink); }

/* ============ BREADCRUMB — Prada đặt ở CUỐI trang chi tiết, chữ 12px giữa ============ */
.masara-breadcrumb, .woocommerce .woocommerce-breadcrumb {
	font-size: 12px; color: var(--ink); text-align: center; padding: 40px var(--gutter) 0; margin: 0 !important;
}
.masara-breadcrumb a, .woocommerce .woocommerce-breadcrumb a { color: var(--grey); }
.masara-breadcrumb a:hover, .woocommerce .woocommerce-breadcrumb a:hover { color: var(--ink); }

/* ============ TRANG CHI TIẾT SẢN PHẨM — cấu trúc khiet.com.vn (user chốt), cỡ chữ/nút học Prada ============ */
.masara-product { padding: 0; }
.pdp-grid { display: grid; grid-template-columns: minmax(0, 13fr) minmax(330px, 7fr); gap: clamp(24px, 3.5vw, 56px); align-items: start; }
.pdp-info { position: sticky; top: calc(var(--header-h) + 40px); display: grid; gap: 0; }
.pdp-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.pdp-gallery img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 2 / 3; background: var(--cream); display: block; }
.pdp-info h1.product_title { font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: 0; margin: 0; text-transform: none; }
.pdp-price { margin-top: 10px; font-size: 15px; font-weight: 400; font-variant-numeric: tabular-nums; }
.pdp-price del { color: var(--grey); margin-right: 10px; }
.pdp-price ins { text-decoration: none; }

.pdp-buy { margin-top: 32px; display: grid; gap: 12px; }
.pdp-buy form.cart { display: flex; gap: 12px; flex-wrap: wrap; }
.qty-box { display: inline-flex; align-items: stretch; border: 1px solid var(--line-input); height: 44px; }
.qty-box button { width: 44px; background: none; border: none; font-size: 17px; font-weight: 300; }
.qty-box button:hover { background: #F6F6F6; }
.qty-box input {
	width: 48px; text-align: center; border: none; font-family: var(--sans);
	font-size: 14px; font-weight: 400; -moz-appearance: textfield; appearance: textfield;
}
.qty-box input::-webkit-outer-spin-button, .qty-box input::-webkit-inner-spin-button { -webkit-appearance: none; }
.pdp-buy .single_add_to_cart_button { flex: 1; min-width: 200px; }
.btn-buy-now { width: 100%; }

/* Chọn size bằng NÚT Ô VUÔNG (JS sinh từ dropdown Woo) — viền #D9DCE0 như ô "Select size" của Prada */
.pdp-buy .variations td.value select { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.pdp-buy .variations { border: none; margin: 0; }
.pdp-buy .variations th.label { display: none; }
.size-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.size-row .size-title { font-size: 12px; font-weight: 500; }
.size-row .size-guide { font-size: 12px; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; background: none; border: none; padding: 0; }
.size-swatches { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.size-swatches button {
	min-width: 48px; height: 44px; padding: 0 14px; background: var(--white);
	border: 1px solid var(--line-input); font-size: 14px; font-weight: 400;
	transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.size-swatches button:hover { border-color: var(--ink); }
.size-swatches button.on { background: var(--ink); border-color: var(--ink); color: #fff; font-weight: 500; }
.size-swatches button:disabled { opacity: 0.35; text-decoration: line-through; cursor: not-allowed; }
.pdp-buy .reset_variations { display: none !important; }

/* Lightbox: bấm ảnh phóng to, mũi tên chuyển ảnh, Esc/bấm nền để đóng */
.pdp-zoom { display: block; cursor: zoom-in; overflow: hidden; }
.masara-lightbox { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,0.92); display: flex; align-items: center; justify-content: center; }
.masara-lightbox img { max-width: min(92vw, 1400px); max-height: 92vh; object-fit: contain; }
.masara-lightbox button { position: absolute; background: none; border: none; color: #fff; font-size: 34px; font-weight: 200; line-height: 1; padding: 18px; cursor: pointer; opacity: 0.8; }
.masara-lightbox button:hover { opacity: 1; }
.masara-lightbox .lb-close { top: 14px; right: 18px; font-size: 30px; }
.masara-lightbox .lb-prev { left: 6px; top: 50%; transform: translateY(-50%); }
.masara-lightbox .lb-next { right: 6px; top: 50%; transform: translateY(-50%); }
.masara-lightbox .lb-count { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 12px; letter-spacing: 0.1em; opacity: 0.8; }
body.lb-open { overflow: hidden; }

/* Bỏ rê chuột phóng to (user chốt 10/09 — làm như Prada: bấm ảnh mới mở lớn toàn màn hình) */

/* TAB NGANG dưới lưới ảnh + thông tin — chữ 13/500 không hoa, gạch chân 2px khi chọn (như link danh mục Prada) */
.ptabs { max-width: 1120px; margin: clamp(48px, 6vw, 80px) auto 0; padding: 0 var(--gutter); }
.ptabs__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 40px; border-bottom: 1px solid var(--hairline); }
.ptabs__tab {
	background: none; border: 0; cursor: pointer; padding: 0 0 16px; margin-bottom: -1px;
	font-family: var(--sans); font-size: 13px; font-weight: 500; color: var(--grey);
	border-bottom: 2px solid transparent; transition: color 0.2s, border-color 0.2s; white-space: nowrap;
}
.ptabs__tab:hover { color: var(--ink); }
.ptabs__tab.is-active { color: var(--ink); border-bottom-color: var(--ink); }
.ptabs__panels { padding: clamp(28px, 4vw, 44px) 0 0; }
.ptabs__panel { max-width: 900px; margin: 0 auto; font-size: 14px; line-height: 1.7; }
.ptabs__panel[hidden] { display: none; }
.ptabs__panel p { margin: 0 0 14px; }
.ptabs__panel iframe { max-width: 100%; }
@media (max-width: 640px) {
	.ptabs__nav { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; gap: 26px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	.ptabs__nav::-webkit-scrollbar { display: none; }
	.ptabs__tab { font-size: 12px; }
}
/* Mô tả ngắn → checklist ✓ 2 cột, nằm CUỐI tab Mô tả sản phẩm */
.pfeatures-sep { border: 0; border-top: 1px solid var(--hairline); width: 150px; margin: 30px auto 28px; }
.pfeatures { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 600px) { .pfeatures { grid-template-columns: 1fr 1fr; gap: 14px 40px; } }
.pfeatures li { position: relative; padding-left: 28px; margin: 0; line-height: 1.5; font-size: 14px; }
.pfeatures li::after { content: "✓"; position: absolute; left: 2px; top: 0; color: var(--ink); font-size: 13px; font-weight: 700; line-height: 1.5; }
/* Thông tin size */
.ptab-size { text-align: center; }
.ptab-size__intro, .ptab-size__note { max-width: 640px; margin: 0 auto 18px; color: var(--grey); }
.ptab-size__note { margin: 18px auto 0; font-size: 13px; }
.ptab-size__note a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.size-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ptab-size .size-table { max-width: 640px; margin: 0 auto; }
.size-table th, .size-table td { border: 1px solid var(--hairline); padding: 8px 10px; text-align: center; font-weight: 400; }
.size-table th { background: #F6F6F6; font-weight: 500; }
/* Chính sách giao hàng / đổi hàng */
.ptab-policy__lead { font-size: 14px; margin: 0 0 24px; }
.ptab-policy section { margin: 0 0 22px; }
.ptab-policy h3 { font-size: 13px; font-weight: 600; margin: 0 0 8px; }
.ptab-policy ul, .ptab-policy ol { margin: 0 0 10px; padding-left: 20px; }
.ptab-policy li { margin: 0 0 4px; }
.ptab-policy .note { font-size: 13px; color: var(--grey); }
/* Đánh giá (Woo reviews) trong tab */
#ptab-danh-gia #reviews { margin: 0; }
#ptab-danh-gia .woocommerce-Reviews-title, #ptab-danh-gia #reply-title { font-size: 13px; font-weight: 600; }
#ptab-danh-gia .comment-form input[type="text"], #ptab-danh-gia .comment-form input[type="email"], #ptab-danh-gia .comment-form textarea {
	width: 100%; border: 1px solid var(--line-input); padding: 10px 12px; font-family: var(--sans); font-size: 14px;
}
#ptab-danh-gia .comment-form .submit { background: var(--ink); color: #fff; border: 0; padding: 12px 26px; font-size: 13px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; cursor: pointer; }
#ptab-danh-gia .commentlist { list-style: none; padding: 0; margin: 0 0 24px; }
#ptab-danh-gia .commentlist li { border-bottom: 1px solid var(--hairline); padding: 14px 0; }
#ptab-danh-gia .star-rating { color: var(--ink); }

/* Sản phẩm liên quan — "You may also like": tiêu đề giữa + lưới 1px tràn mép */
.pdp-related { padding-top: 40px; }
.pdp-related h2 { font-size: 16px; font-weight: 500; text-align: center; padding: 16px var(--gutter) 24px; }

/* Lưới ảnh 2 cột tràn sát mép trái (61%), cột thông tin 39% — đo theo khiet.com.vn ở 1440px */
@media (min-width: 1025px) {
	.pdp-grid { grid-template-columns: 61fr 39fr; gap: 0; }
	.pdp-info { padding: 56px var(--gutter) 0 clamp(36px, 4vw, 64px); }
}

/* ============ GIỎ HÀNG ============ */
.woocommerce table.shop_table { border: none !important; border-radius: 0 !important; border-collapse: collapse; width: 100%; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
	border: none; border-bottom: 1px solid var(--hairline); padding: 16px 12px 16px 0; font-weight: 400; vertical-align: middle;
}
.woocommerce table.shop_table thead th { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; color: var(--grey); }
.woocommerce-cart table.cart img { width: 76px; aspect-ratio: 3/4; object-fit: cover; }
.woocommerce-cart table.cart td.product-name a { font-weight: 500; }
.woocommerce a.remove { color: var(--grey) !important; font-weight: 300 !important; font-size: 22px !important; width: 32px; height: 32px; line-height: 32px; }
.woocommerce a.remove:hover { background: none !important; color: var(--ink) !important; }
.woocommerce .quantity .qty {
	width: 64px; min-height: 44px; border: 1px solid var(--line-input); border-radius: 0;
	font-family: var(--sans); font-size: 14px; text-align: center; background: var(--white);
}
.woocommerce-cart .coupon { display: flex; gap: 10px; flex-wrap: wrap; }
.woocommerce-cart .coupon .input-text {
	border: 1px solid var(--line-input); border-radius: 0; padding: 12px 14px !important;
	font-family: var(--sans); font-size: 13px; min-height: 44px; width: 180px !important;
}
.cart-collaterals { display: flex; justify-content: flex-end; margin-top: 34px; }
.cart-collaterals .cart_totals { width: min(440px, 100%); float: none !important; background: #F6F6F6; padding: 26px 26px 28px; }
.cart-collaterals .cart_totals h2 { font-size: 13px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; margin-bottom: 12px; }
.cart_totals table.shop_table th, .cart_totals table.shop_table td { background: none; padding: 12px 0; font-size: 14px; }
.cart_totals .order-total td, .cart_totals .order-total th { font-weight: 500; font-size: 16px; }
.wc-proceed-to-checkout { padding: 18px 0 0 !important; }
.wc-proceed-to-checkout a.checkout-button { width: 100%; margin: 0 !important; }
.cart-empty-actions { margin-top: 8px; }
.woocommerce-cart .return-to-shop { margin-top: 10px; }
.sku-inline { display: block; font-size: 12px; color: var(--grey); margin-top: 2px; }

/* ============ THANH TOÁN ============ */
.woocommerce form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 440px); gap: 40px 56px; align-items: start; }
.woocommerce form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 4; width: 100%; }
.woocommerce form.checkout #order_review_heading, .woocommerce form.checkout #order_review { grid-column: 2; width: 100%; }
#customer_details .col-1, #customer_details .col-2 { width: 100% !important; float: none !important; }
#customer_details .col-2 { margin-top: 22px; }
.woocommerce-billing-fields > h3, #order_review_heading, .woocommerce-additional-fields > h3 {
	font-size: 13px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; margin-bottom: 16px;
}
#order_review { background: #F6F6F6; padding: 26px; }
#order_review_heading { margin-bottom: 0; padding-bottom: 14px; }
.woocommerce form .form-row { margin-bottom: 14px; padding: 0; }
.woocommerce form .form-row label { font-size: 12px; font-weight: 500; color: var(--ink); margin-bottom: 6px; display: block; }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .select2-container .select2-selection--single {
	border: 1px solid var(--line-input) !important; border-radius: 0 !important;
	min-height: 44px; padding: 12px 14px !important; font-family: var(--sans);
	font-size: 14px; font-weight: 400; background: var(--white); width: 100%; color: var(--ink);
}
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus { border-color: var(--ink) !important; outline: none; }
.woocommerce form .form-row.woocommerce-invalid .input-text { border-color: #a94437 !important; }
.select2-container .select2-selection--single { display: flex; align-items: center; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
#order_review table.shop_table td, #order_review table.shop_table th { padding: 11px 0; font-size: 13.5px; background: none; }
#order_review .order-total td, #order_review .order-total th { font-size: 16px; font-weight: 500; }
#payment { background: none !important; border-radius: 0 !important; }
#payment ul.payment_methods { border-bottom: 1px solid var(--hairline) !important; padding: 8px 0 16px !important; }
#payment ul.payment_methods li { list-style: none; padding: 8px 0; }
#payment ul.payment_methods li label { font-weight: 400; font-size: 14px; }
#payment div.payment_box { background: var(--white) !important; border-radius: 0 !important; font-size: 12.5px !important; color: var(--grey) !important; padding: 12px 14px !important; }
#payment div.payment_box::before { content: none !important; }
#payment .place-order { padding: 18px 0 0 !important; }
#place_order { width: 100%; }
.woocommerce-checkout #ship-to-different-address { font-size: 13px; font-weight: 400; }
#billing_country_field { display: none !important; } /* chỉ bán trong nước */
.woocommerce form .form-row .required { color: #a94437; text-decoration: none; }

/* Trang cảm ơn */
.woocommerce-order { display: grid; gap: 26px; }
.woocommerce-thankyou-order-received { font-size: 17px; font-weight: 500; }
.woocommerce-order-overview { display: flex; flex-wrap: wrap; gap: 14px 34px; list-style: none; border: 1px solid var(--hairline); padding: 20px 22px; margin: 0 !important; }
.woocommerce-order-overview li { border: none !important; float: none !important; margin: 0 !important; padding: 0 !important; font-size: 12px; text-transform: uppercase; letter-spacing: 0.02em; color: var(--grey); }
.woocommerce-order-overview li strong { display: block; font-size: 14px; color: var(--ink); text-transform: none; letter-spacing: 0; margin-top: 3px; }

/* ============ THÔNG BÁO WOO ============ */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice {
	background: #F6F6F6 !important; color: var(--ink) !important;
	border-top: 2px solid var(--ink) !important; border-radius: 0;
	font-size: 13.5px; font-weight: 400; padding: 14px 18px !important; margin: 0 var(--gutter) 26px !important;
	list-style: none;
}
.woocommerce-error { border-top-color: #a94437 !important; }
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none !important; content: none !important; }
.woocommerce-message a.button, .woocommerce-info a.button, .woocommerce-error a.button {
	background: none !important; color: var(--ink) !important; border: none !important;
	text-decoration: underline !important; padding: 0 !important; min-height: 0;
	font-size: 12px !important; float: right;
}
.woocommerce-NoticeGroup { grid-column: 1 / -1; }

/* ============ TÀI KHOẢN ============ */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; display: grid; gap: 2px; }
.woocommerce-account .woocommerce-MyAccount-navigation a { display: block; padding: 11px 14px; border: 1px solid var(--hairline); font-size: 12.5px; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--ink); color: #fff; border-color: var(--ink); }

/* ============ 404 ============ */
.page-404 { padding: 90px var(--gutter) 0; text-align: center; display: grid; gap: 16px; justify-items: center; }
.page-404 .big { font-size: clamp(60px, 12vw, 120px); font-weight: 500; line-height: 1; color: var(--hairline); }
.page-404 h1 { font-size: 20px; font-weight: 600; }
.page-404 p { color: var(--grey); max-width: 46ch; }

/* ============ RESPONSIVE ============ */
@media (max-width: 1023px) {
	.pdp-grid { grid-template-columns: 1fr; gap: 26px; }
	.pdp-info { position: static; padding: 0 var(--gutter); }
	.woocommerce form.checkout { grid-template-columns: 1fr; }
	.woocommerce form.checkout #customer_details { grid-row: auto; }
	.woocommerce form.checkout #order_review_heading, .woocommerce form.checkout #order_review { grid-column: 1; }
	.product-grid, .woocommerce ul.products, .grid-1px { grid-template-columns: repeat(3, 1fr); }
	.tiles { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
	:root { --gutter: 20px; --header-h: 56px; }
	.icon-btn { min-width: 40px; }
	.icon-btn .lbl, .header-link { display: none; }
	.header-inner { grid-template-columns: 1fr auto 1fr; }
	.logo img { height: 18px; }
	.hero { height: 78vh; }
	.hero-copy { bottom: 40px; gap: 18px; }
	.hero-copy h1 { font-size: 26px; }
	.hero-links { gap: 28px; }
	.intro { padding: 44px var(--gutter) 28px; }
	.tile .lbl { font-size: 13px; padding: 12px 8px 24px; }
	.sec-title { padding-top: 40px; }
	.banner { height: 70vh; margin-top: 40px; }
	.banner-copy .t { font-size: 26px; }
	.card .meta { padding: 12px 10px 24px; }
	.card .name { font-size: 13px; }
	.card .price { font-size: 13px; }
	.product-grid, .woocommerce ul.products, .grid-1px { grid-template-columns: repeat(2, 1fr); }
	.shop-head { flex-direction: column; gap: 0; padding-top: 18px; }
	.shop-head h1 { font-size: 20px; font-weight: 600; padding-bottom: 6px; }
	.cat-links a { font-size: 13px; padding: 12px 0; }
	.site-footer { margin-top: 56px; }
	.footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; padding-top: 32px; }
	.footer-bar { flex-direction: column; }
	.footer-bar .copy { border-bottom: 1px solid var(--hairline); }
	.footer-bar .cells { flex-direction: column; }
	.footer-bar .cells span { border-left: none; border-bottom: 1px solid var(--hairline); padding: 14px var(--gutter); }
	.footer-bar .cells span:last-child { border-bottom: none; }
	.masara-product { padding-top: 0; }
	.pdp-info { padding-top: 8px; }
	.pdp-related { padding-top: 48px; }
	/* (Thanh mua cố định cũ đã thay bằng THẺ DÍNH ĐÁY — xem khối "THẺ MUA MOBILE" cuối file) */
	/* Bảng giỏ hàng → thẻ */
	.woocommerce-cart table.cart, .woocommerce-cart table.cart tbody { display: block; width: 100%; }
	.woocommerce-cart table.cart thead { display: none; }
	.woocommerce-cart table.cart tr.cart_item { display: grid; grid-template-columns: 80px 1fr 32px; gap: 4px 14px; padding: 16px 0; border-bottom: 1px solid var(--hairline); align-items: start; }
	.woocommerce-cart table.cart tr.cart_item td { display: block; border: none; padding: 0; }
	.woocommerce-cart table.cart td.product-remove { grid-column: 3; grid-row: 1; justify-self: end; }
	.woocommerce-cart table.cart td.product-thumbnail { grid-column: 1; grid-row: 1 / span 3; }
	.woocommerce-cart table.cart td.product-thumbnail img { width: 80px; }
	.woocommerce-cart table.cart td.product-name { grid-column: 2; grid-row: 1; padding-right: 8px; }
	.woocommerce-cart table.cart tr.cart_item td.product-price { display: none; }
	.woocommerce-cart table.cart td.product-quantity { grid-column: 2; grid-row: 2; margin-top: 6px; }
	.woocommerce-cart table.cart td.product-subtotal { grid-column: 2 / span 2; grid-row: 3; font-weight: 500; margin-top: 6px; }
	.woocommerce-cart table.cart tr.cart_item td::before { content: none; }
	.woocommerce-cart table.cart tr:not(.cart_item) { display: block; }
	.woocommerce-cart table.cart td.actions { display: grid; gap: 12px; padding: 18px 0 0; border: none; }
	.woocommerce-cart table.cart td.actions .coupon { display: flex; gap: 10px; }
	.woocommerce-cart table.cart td.actions .coupon .input-text { flex: 1; width: auto !important; min-width: 0; }
	.woocommerce-cart table.cart td.actions .coupon .button { white-space: nowrap; }
	.woocommerce-cart table.cart td.actions > .button { width: 100%; }
	.cart-collaterals .cart_totals { width: 100%; padding: 22px 18px 24px; }
	#order_review { padding: 20px 16px; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.card .frame .img-hover, .drawer, .drawer-scrim, .site-header { transition: none !important; }
}


/* ═══ v6.1: băng "Hàng mới về" KÉO NGANG LẶP VÔ TẬN (cơ chế như khiet.com.vn: transform + modulo).
   Khe 1px + tràn sát mép như lưới Prada; mũi tên vuông tối giản; kéo chuột / vuốt / cuộn ngang ═══ */
.mcar { position: relative; }
.mcar-viewport { position: relative; overflow: hidden; background: var(--hairline); }
.mcar-track {
	display: flex; gap: 1px; will-change: transform; cursor: grab;
	-webkit-user-select: none; user-select: none; touch-action: pan-y;
}
.mcar-track.is-grabbing { cursor: grabbing; }
.mcar-track > * { background: var(--white); min-width: 0; }
.mcar-arrow {
	position: absolute; top: 38%; transform: translateY(-50%); z-index: 3;
	width: 44px; height: 44px; padding: 0; border: 0; cursor: pointer;
	background: rgba(255, 255, 255, 0.88); color: var(--ink);
	font-size: 22px; font-weight: 300; line-height: 1;
	display: flex; align-items: center; justify-content: center;
	transition: background 0.2s ease;
}
.mcar-arrow:hover { background: var(--white); }
.mcar-arrow--prev { left: 0; }
.mcar-arrow--next { right: 0; }
@media (hover: none) { .mcar-arrow { display: none; } } /* điện thoại: vuốt tay, không cần nút */


/* "Đã xem gần đây" (trang sản phẩm) — dùng lại lưới + thẻ chung; ẩn tới khi JS dựng xong */
.pdp-recent .grid-1px.is-partial { background: var(--white); }

/* Miễn ship toàn quốc → bỏ dòng "Các tùy chọn vận chuyển sẽ được cập nhật..." và ô tự tính phí trong giỏ */
.woocommerce-shipping-destination, .shipping-calculator-button, .shipping-calculator-form { display: none !important; }


/* ═══ v6.2 — Giỏ hàng & thanh toán ═══ */

/* Ô nhập mã ưu đãi: gọn lại, bỏ khung to và ô nhập dài cả trang */
.woocommerce-form-coupon-toggle .woocommerce-info {
	background: none; border: 0; border-top: 1px solid var(--hairline);
	padding: 14px 0; margin: 0; font-size: 13px; color: var(--grey);
}
.woocommerce-form-coupon-toggle .showcoupon { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
form.checkout_coupon {
	border: 0 !important; padding: 0 0 18px !important; margin: 0 0 8px !important;
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
}
form.checkout_coupon p { margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; }
form.checkout_coupon > p:not(.form-row) { display: none; } /* bỏ dòng mô tả dài của Woo, GIỮ ô nhập + nút */
form.checkout_coupon .input-text {
	width: 260px !important; max-width: 100%; height: 44px; padding: 0 12px;
	border: 1px solid var(--hairline); font-family: var(--sans); font-size: 14px;
}
form.checkout_coupon .button {
	height: 44px; padding: 0 22px; background: var(--ink); color: #fff; border: 0;
	font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer;
}

/* Ảnh sản phẩm trong bảng đơn hàng ở trang thanh toán */
.co-item { display: flex; gap: 12px; align-items: flex-start; }
.co-item .co-thumb { width: 56px; height: 75px; object-fit: cover; flex: 0 0 56px; background: var(--cream); }
.co-item__text { display: block; min-width: 0; }

/* Băng "Có thể nàng sẽ thích" cuối giỏ hàng / thanh toán */
.suggest { margin-top: 64px; }
.suggest .sec-title { padding-top: 0; }

/* ============ PDP v6.3 — GALLERY KIỂU PRADA (user chốt 10/09) ============
   Bỏ lưới ảnh 2 cột: mỗi lượt 1 ẢNH LỚN tràn cột trái, nền xám #EFEFEF như prada.com,
   chấm điều hướng dọc ghim góc dưới TRÁI khung ảnh khi cuộn.
   Mobile: băng ảnh VUỐT NGANG từng ảnh (scroll-snap), chấm nằm dưới băng. */
.pdp-media { position: relative; }
.pdp-gallery { grid-template-columns: 1fr; gap: 2px; }
.pdp-gallery img { background: #EFEFEF; }
.pdp-dots {
	position: sticky; bottom: 30px; z-index: 3; width: max-content;
	margin: -70px 0 0 22px; display: grid; gap: 11px;
}
.pdp-dots button {
	width: 7px; height: 7px; padding: 0; border-radius: 50%;
	border: 1px solid var(--ink); background: transparent; cursor: pointer; transition: background 0.15s;
}
.pdp-dots button.on { background: var(--ink); }
/* MOBILE: đo trên prada.com (390px) — ảnh KHÔNG vuốt ngang mà XẾP DỌC full màn, cách nhau 2px,
   chấm vẫn dọc ghim mép trái. Chỉ khác desktop ở chỗ chấm phải nằm TRÊN thanh mua cố định đáy. */
@media (max-width: 767px) {
	.pdp-dots { bottom: 248px; margin-left: 16px; }
}
.pdp-dots button { box-shadow: 0 0 0 1px rgba(255,255,255,0.65); }  /* viền sáng mờ để chấm không chìm vào ảnh tối */
/* Khổ ảnh ĐO TỪ prada.com (màn 1440): cột ảnh 720px = ĐÚNG 50%, tiêu đề 784→1376 (rộng 592, lùi 64px mỗi bên).
   Trước để 61% (to hơn Prada) rồi 40% (nhỏ quá) — chốt 50/50. */
@media (min-width: 1025px) {
	.pdp-grid { grid-template-columns: 1fr 1fr; }
	.pdp-info { padding: 56px 64px 0; max-width: none; }
}

/* Khối mua trên desktop: hàng size chiếm TRỌN bề ngang → [số lượng] + [THÊM VÀO GIỎ] rơi xuống hàng dưới,
   không còn chen chúc cạnh nhau khi cột thông tin hẹp lại (50/50 theo Prada). */
@media (min-width: 1025px) {
	.pdp-buy form.cart { row-gap: 18px; }
	.pdp-buy form.cart .variations,
	.pdp-buy form.cart .single_variation_wrap { flex: 1 1 100%; }
	.pdp-buy .woocommerce-variation-add-to-cart { display: flex; gap: 12px; align-items: stretch; }
	.pdp-buy .woocommerce-variation-add-to-cart .single_add_to_cart_button { flex: 1; }
	.pdp-buy .woocommerce-variation { margin: 0; }
}
/* "Hướng dẫn size" đứng liền ngay sau chữ Size (trước bị đẩy sang tận mép phải) */
.size-row { justify-content: flex-start; gap: 14px; }


/* ============ THANH MUA MOBILE — kiểu prada.com (user chốt 10/09) ============
   Khối thông tin nằm bình thường dưới ảnh. Riêng THANH MUA (tên + giá + nút đen) dính đáy màn
   trong lúc khách còn lướt ảnh, và tự trượt xuống biến mất khi khối thông tin thật hiện ra.
   Thanh là khối RIÊNG, không nằm trong luồng → đổi trạng thái KHÔNG làm xô nội dung (hết giật). */
.buybar { display: none; }
@media (max-width: 767px) {
	.buybar {
		display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
		background: var(--white); border-top: 1px solid var(--hairline);
		box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.10);
		padding: 0 var(--gutter) calc(16px + env(safe-area-inset-bottom));
		transition: transform 0.28s ease, opacity 0.28s ease;
	}
	.buybar.is-hidden { transform: translateY(100%); opacity: 0; pointer-events: none; }
	.buybar-grip { display: block; width: 56px; height: 2px; background: var(--ink); margin: 12px auto 16px; }
	.buybar-name {
		margin: 0; font-size: 15px; font-weight: 600; line-height: 1.45;
		display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
	}
	.buybar-price { margin-top: 8px; font-size: 15px; font-variant-numeric: tabular-nums; }
	.buybar-price del { color: var(--grey); margin-right: 8px; }
	.buybar-price ins { text-decoration: none; }
	.buybar-btn {
		display: block; width: 100%; height: 50px; margin-top: 16px;
		background: var(--ink); color: #fff; border: none;
		font-family: var(--sans); font-size: 13px; font-weight: 500; letter-spacing: 0.08em; cursor: pointer;
	}
	/* Khối thông tin: khối thường trong luồng, hiện đủ tên/size/nút mua */
	.pdp-info { padding: 24px var(--gutter) 0; }
	.pdp-buy form.cart { flex-wrap: wrap; gap: 10px; }
	.pdp-buy form.cart .variations,
	.pdp-buy form.cart .single_variation_wrap { flex: 1 1 100%; }
	.pdp-buy .woocommerce-variation-add-to-cart { display: flex; gap: 10px; }
	.pdp-buy .woocommerce-variation-add-to-cart .single_add_to_cart_button { flex: 1; }
	.pdp-buy .single_add_to_cart_button { min-width: 0; }
	/* chấm ảnh nổi trên thanh mua */
	.pdp-dots { bottom: calc(var(--buybar-h, 200px) + 16px); }
}
@media (prefers-reduced-motion: reduce) { .buybar { transition: none; } }

/* Báo lỗi NGAY dưới ô nhập (thay vì khối thông báo trên đầu trang) */
.o-loi input, .o-loi .input-text { border-color: #B42318 !important; }
.loi-o { display: block; margin-top: 6px; font-size: 12px; color: #B42318; }

/* Bảng chi tiết đơn hàng: ảnh SP bên trái tên */
.od-item { display: flex; gap: 12px; align-items: flex-start; }
.od-item__thumb { flex: 0 0 56px; }
.od-item__thumb img { width: 56px; height: 75px; object-fit: cover; display: block; background: var(--cream); }
.od-item__text { flex: 1; min-width: 0; }
/* Khối "Thông tin giao hàng" (đã gộp làm một, không còn cột "Không áp dụng") */
.woocommerce-customer-details { margin-top: 32px; }
.woocommerce-customer-details .woocommerce-column__title { font-size: 16px; font-weight: 600; margin: 0 0 12px; }
.woocommerce-customer-details address { font-style: normal; border: 1px solid var(--hairline); padding: 16px; line-height: 1.7; }
.woocommerce-customer-details address p { margin: 0; }
/* số lượng '× 1' thụt vào cho thẳng hàng với tên, không rơi xuống dưới ảnh */
.woocommerce-table--order-details .product-quantity { display: block; margin-left: 68px; }

/* Bảng size = ảnh chung MASARA (assets/masara-size-chart.png), dùng cả tab PDP lẫn /live/ */
.ptab-size__img { display: block; width: 100%; max-width: 900px; margin: 0 auto; border: 1px solid var(--hairline); }

/* Badge "Mua 2 giảm 10%" trước tên SP trang live (mọi mã trừ phụ kiện) — v6.9.3 */
.deal-badge { display: inline-block; vertical-align: middle; margin-right: 6px; padding: 2px 6px; border-radius: 3px; background: #c8102e; color: #fff; font-size: 10px; font-weight: 700; line-height: 14px; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; }
.mcode .deal-badge { font-size: 9px; padding: 1px 5px; margin-right: 4px; }