/* Trang chi tiết sản phẩm delarchi.com — bản 2 (VTN 25/09/2026): bố cục kiểu sàn TMĐT */
.single-product { --dp-clay: #e0582f; --dp-clay2: #c94a24; --dp-soft: #fdeee7; --dp-ink: #231915; --dp-text: #3a2f29; --dp-muted: #7a6d65; --dp-bg: #f5f1ec; --dp-line: #ebe3da; }
.single-product #main { background: var(--dp-bg); font-family: "Be Vietnam Pro", system-ui, sans-serif; color: var(--dp-text); }
.single-product .product-main { padding: 18px 0 16px; }

/* Breadcrumb */
.single-product .breadcrumbs, .single-product .woocommerce-breadcrumb { font-family: inherit; text-transform: none !important; letter-spacing: 0 !important; font-size: 13.5px !important; font-weight: 500; color: var(--dp-muted); }
.single-product .breadcrumbs a { color: var(--dp-muted) !important; }
.single-product .breadcrumbs a:hover { color: var(--dp-clay) !important; }
.single-product .breadcrumbs .divider { opacity: .45; margin: 0 6px; }

/* Khung trắng chứa ảnh + khu mua */
.single-product .product-main > .row.content-row { background: #fff; border-radius: 22px; padding: 22px 8px; box-shadow: 0 1px 2px rgba(35, 25, 21, .05); max-width: 1200px; margin: 0 auto; }

/* ---------- Ảnh vuông ---------- */
.single-product .product-gallery .product-images { border-radius: 14px; overflow: hidden; background: #faf7f3; }
.single-product .product-gallery .woocommerce-product-gallery__image { background: #faf7f3; }
.single-product .product-gallery .woocommerce-product-gallery__image > a { display: block; aspect-ratio: 1 / 1; }
.single-product .product-gallery .woocommerce-product-gallery__image img { width: 100% !important; height: 100% !important; object-fit: contain; }
.single-product .product-gallery-slider .flickity-prev-next-button { width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, .92); box-shadow: 0 4px 14px -4px rgba(0, 0, 0, .3); opacity: 1; }
.single-product .product-gallery-slider .flickity-prev-next-button svg { padding: 10px !important; }
.single-product .product-images .badge-container { margin: 12px; }
.single-product .product-images .badge-inner { border-radius: 8px; background: var(--dp-clay) !important; font-weight: 700; }
.single-product .product-thumbnails { margin-top: 10px; }
.single-product .product-thumbnails .col { padding-right: 8px !important; padding-bottom: 0 !important; }
.single-product .product-thumbnails a { display: block; border-radius: 10px; overflow: hidden; border: 2px solid transparent; background: #faf7f3; aspect-ratio: 1 / 1; }
.single-product .product-thumbnails img { width: 100%; height: 100%; object-fit: cover; opacity: 1 !important; }
.single-product .product-thumbnails .is-nav-selected a, .single-product .product-thumbnails a:hover { border-color: var(--dp-clay); }

/* ---------- Khu mua ---------- */
.single-product .product-info { padding-left: 26px !important; padding-right: 22px !important; }
.single-product .product-info > .is-divider { display: none; }
.single-product .product-title { font-family: inherit !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -.015em; color: var(--dp-ink) !important; margin: 2px 0 10px; }
.dlp-sub { display: flex; flex-wrap: wrap; align-items: center; font-size: 13.5px; color: var(--dp-muted); margin-bottom: 16px; }
.dlp-sub span + span::before { content: ""; display: inline-block; width: 1px; height: 14px; background: var(--dp-line); margin: 0 14px; vertical-align: -2px; }
.dlp-sub b { color: var(--dp-ink); font-weight: 700; }
.dlp-sub .dlp-ok { color: #2f7a4f; font-weight: 600; }
.dlp-sub .dlp-out { color: #b3261e; font-weight: 600; }

/* Ô giá */
.single-product .product-info .price-wrapper { background: var(--dp-soft); border-radius: 14px; padding: 16px 20px; margin-bottom: 22px; }
.single-product .product-info .price-wrapper .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0 !important; font-size: 30px !important; line-height: 1.2; font-weight: 800; color: var(--dp-clay) !important; letter-spacing: -.02em; }
.single-product .product-info .price-wrapper .price .woocommerce-Price-amount { color: inherit; }
.single-product .product-info .price-wrapper .price del { order: -1; color: #a99a90 !important; font-size: 16px; font-weight: 500; opacity: 1; }
.single-product .product-info .price-wrapper .price ins { text-decoration: none; }
.dlp-off { display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border-radius: 6px; background: var(--dp-clay); color: #fff; font-size: 12.5px; font-weight: 700; letter-spacing: 0; align-self: center; }

/* Các dòng nhãn | giá trị */
.dlp-rows { display: flex; flex-direction: column; gap: 16px; margin-bottom: 18px; }
.dlp-row { display: grid; grid-template-columns: 104px 1fr; gap: 14px; align-items: start; }
.dlp-lbl { font-size: 14px; color: var(--dp-muted); padding-top: 2px; }
.dlp-val { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; color: var(--dp-ink); line-height: 1.45; }
.dlp-val svg { flex: none; width: 20px; height: 20px; margin-top: 1px; fill: none; stroke: var(--dp-clay); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.dlp-val small { display: block; font-size: 13px; color: var(--dp-muted); }
.dlp-val a { display: block; font-size: 13.5px; font-weight: 700; color: var(--dp-clay) !important; margin-top: 2px; }

/* Phân loại dạng ô (JS dựng, điều khiển select chuẩn của WooCommerce) */
.single-product form.dlp-has-tiles .woovr-variations, .single-product form.dlp-has-tiles table.variations { display: none !important; }
.dlp-row-opts { margin-bottom: 18px; }
.dlp-row-opts .dlp-lbl { padding-top: 10px; }
.dlp-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.dlp-opt { display: inline-flex !important; align-items: center; gap: 8px; min-height: 42px; margin: 0 !important; padding: 5px 14px 5px 5px !important; border: 1.5px solid var(--dp-line) !important; border-radius: 10px !important; background: #fff !important; color: var(--dp-ink) !important; font-family: inherit; font-size: 14px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.3 !important; text-align: left; cursor: pointer; position: relative; transition: border-color .15s, color .15s, background .15s; box-shadow: none !important; max-width: 100%; white-space: normal; }
.dlp-opt:not(:has(img)) { padding-left: 14px !important; }
.dlp-opt img { width: 32px; height: 32px; border-radius: 6px; object-fit: cover; flex: none; }
.dlp-opt:hover { border-color: var(--dp-clay) !important; color: var(--dp-clay) !important; }
.dlp-opt.is-on { border-color: var(--dp-clay) !important; color: var(--dp-clay) !important; background: var(--dp-soft) !important; font-weight: 600 !important; }
.dlp-opt.is-on::after { content: ""; position: absolute; right: -1.5px; bottom: -1.5px; width: 16px; height: 16px; border-radius: 8px 0 9px 0; background: var(--dp-clay) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 10px no-repeat; }
.dlp-opt.is-disabled { opacity: .4; cursor: not-allowed; text-decoration: line-through; }
.single-product form.dlp-has-tiles .reset_variations { display: none !important; }
.single-product .single_variation_wrap .woocommerce-variation-price { display: none; }
.single-product .woocommerce-variation-availability p.stock { font-size: 13px; margin: 0 0 10px 118px; }

/* Số lượng + nút mua */
.single-product form.cart .variations_button, .single-product form.cart:not(.variations_form) { display: grid; grid-template-columns: 104px auto 1fr; column-gap: 14px; row-gap: 22px; align-items: center; }
.single-product form.cart .variations_button::before, .single-product form.cart:not(.variations_form)::before { content: "Số lượng"; font-size: 14px; color: var(--dp-muted); }
.single-product form.cart .ux-quantity { grid-column: 2; justify-self: start; display: inline-flex; align-items: stretch; height: 38px; margin: 0 !important; border: 1px solid var(--dp-line); border-radius: 8px; overflow: hidden; background: #fff; }
.single-product form.cart .ux-quantity .button { width: 36px; height: 36px !important; min-height: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; font-size: 17px; color: var(--dp-ink) !important; box-shadow: none !important; }
.single-product form.cart .ux-quantity .button:hover { background: var(--dp-bg) !important; }
.single-product form.cart .ux-quantity input.qty { width: 48px; height: 36px !important; margin: 0; border: 0 !important; border-left: 1px solid var(--dp-line) !important; border-right: 1px solid var(--dp-line) !important; border-radius: 0; box-shadow: none !important; background: #fff !important; font-size: 15px; font-weight: 600; color: var(--dp-ink); padding: 0; }
.single-product .single_add_to_cart_button, .single-product .ux-buy-now-button { grid-row: 2; height: 50px; min-height: 50px; margin: 0 !important; padding: 0 18px !important; border-radius: 12px !important; font-family: inherit; font-size: 15px !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important; line-height: 1 !important; white-space: nowrap; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; transition: background .15s, box-shadow .15s; }
.single-product .single_add_to_cart_button { grid-column: 1 / 3; background: var(--dp-soft) !important; color: var(--dp-clay) !important; border: 1.5px solid var(--dp-clay) !important; }
.single-product .single_add_to_cart_button::before { content: ""; width: 20px; height: 20px; flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 8H6'/%3E%3Ccircle cx='10' cy='20.5' r='1'/%3E%3Ccircle cx='17' cy='20.5' r='1'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 8H6'/%3E%3Ccircle cx='10' cy='20.5' r='1'/%3E%3Ccircle cx='17' cy='20.5' r='1'/%3E%3C/svg%3E") center / contain no-repeat; }
.single-product .single_add_to_cart_button:hover { background: #fbdfd3 !important; }
.single-product .ux-buy-now-button { grid-column: 3; background: var(--dp-clay) !important; color: #fff !important; border: 1.5px solid var(--dp-clay) !important; box-shadow: 0 10px 22px -12px rgba(224, 88, 47, .9); }
.single-product .ux-buy-now-button:hover { background: var(--dp-clay2) !important; }
.single-product .single_add_to_cart_button.disabled, .single-product .ux-buy-now-button.disabled { opacity: .5 !important; }

/* Cam kết nhỏ */
.dlp-assure { list-style: none; margin: 22px 0 0 !important; padding: 16px 0 0; border-top: 1px solid var(--dp-line); display: flex; flex-wrap: wrap; gap: 8px 22px; }
.dlp-assure li { margin: 0 !important; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--dp-muted); }
.dlp-assure svg { width: 16px; height: 16px; padding: 2px; border-radius: 50%; background: var(--dp-clay); fill: none; stroke: #fff; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.dlp-assure a { color: var(--dp-muted) !important; text-decoration: underline; text-underline-offset: 2px; }

/* ---------- Thẻ bên dưới ---------- */
.single-product .product-footer { background: var(--dp-bg); }
.single-product .product-footer > .container { max-width: 1230px; }
.dlp-cards { display: flex; flex-direction: column; gap: 16px; padding: 0 0 8px; }
.dlp-card { background: #fff; border-radius: 22px; padding: 26px 30px 28px; box-shadow: 0 1px 2px rgba(35, 25, 21, .05); }
.dlp-card-h { font-family: inherit; font-size: 16px !important; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--dp-ink); background: var(--dp-bg); margin: 0 0 22px !important; padding: 12px 16px; border-radius: 10px; }
.dlp-spec { display: grid; grid-template-columns: 150px 1fr; gap: 14px 20px; margin: 0; padding: 0 16px; font-size: 14.5px; }
.dlp-spec dt, .dlp-spec dd { text-transform: none !important; letter-spacing: 0 !important; font-size: 14.5px; }
.dlp-spec dt { color: var(--dp-muted); font-weight: 400; margin: 0; }
.dlp-spec dd { color: var(--dp-ink); margin: 0; }

.dlp-desc { position: relative; padding: 0 16px; }
.dlp-desc-in { font-size: 15.5px; line-height: 1.75; color: var(--dp-text); max-width: 860px; }
.dlp-desc.is-collapsed .dlp-desc-in { max-height: 600px; overflow: hidden; -webkit-mask-image: linear-gradient(#000 75%, transparent); mask-image: linear-gradient(#000 75%, transparent); }
.dlp-desc-in h2, .dlp-desc-in h3, .dlp-desc-in h4 { font-family: inherit; font-weight: 800; letter-spacing: -.01em; color: var(--dp-ink); margin: 1.5em 0 .5em; font-size: 19px; }
.dlp-desc-in > *:first-child, .dlp-short > *:first-child { margin-top: 0; }
.dlp-desc-in p { margin: 0 0 .8em; }
.dlp-desc-in hr { border: 0; border-top: 1px solid var(--dp-line); margin: 24px 0; }
.dlp-desc-in ul { margin: 0 0 1em; padding: 0; list-style: none; }
.dlp-desc-in ul li { position: relative; padding-left: 20px; margin: 0 0 4px; }
.dlp-desc-in ul li::before { content: ""; position: absolute; left: 4px; top: .72em; width: 6px; height: 6px; border-radius: 50%; background: var(--dp-clay); }
.dlp-desc-in li p { margin: 0; }
.dlp-desc-in img:not(.emoji) { border-radius: 12px; height: auto; }
.dlp-desc-in table { border: 1px solid var(--dp-line); border-radius: 12px; overflow: hidden; }
.dlp-desc-in th, .dlp-desc-in td { border-color: var(--dp-line) !important; padding: 10px 14px; font-size: 14.5px; }
.dlp-short { padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px dashed var(--dp-line); }
.dlp-more { display: flex !important; align-items: center; gap: 6px; margin: 16px auto 0 !important; height: 42px; padding: 0 22px !important; border: 1.5px solid var(--dp-clay) !important; border-radius: 999px !important; background: #fff !important; color: var(--dp-clay) !important; font-family: inherit; font-size: 14px !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; box-shadow: none !important; }
.dlp-more[hidden] { display: none !important; }
.dlp-more svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.dlp-more.is-open svg { transform: rotate(180deg); }

/* Sản phẩm tương tự */
.single-product .related { background: #fff; border-radius: 22px; padding: 26px 30px 12px !important; margin: 16px 0 40px; border: 0 !important; box-shadow: 0 1px 2px rgba(35, 25, 21, .05); }
.single-product .related .product-section-title { font-family: inherit; font-size: 16px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .05em !important; color: var(--dp-ink); background: var(--dp-bg); padding: 12px 16px; border-radius: 10px; margin: 0 0 20px !important; }
.single-product .related .product-small .col-inner { background: #fff; border: 1px solid var(--dp-line); border-radius: 14px; overflow: hidden; transition: transform .2s, box-shadow .2s, border-color .2s; }
.single-product .related .product-small .col-inner:hover { transform: translateY(-3px); border-color: #f0c9b8; box-shadow: 0 18px 34px -22px rgba(35, 25, 21, .45); }
.single-product .related .product-small .box-image { background: #faf7f3; }
.single-product .related .product-small .box-image img { aspect-ratio: 1 / 1; object-fit: cover; }
.single-product .related .product-small .box-text { padding: 10px 12px 14px; }
.single-product .related .product-small .category { display: none; }
.single-product .related .product-small .product-title a { font-size: 14px; font-weight: 500; line-height: 1.45; color: var(--dp-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.9em; }
.single-product .related .product-small .price { font-weight: 800; color: var(--dp-clay); font-size: 15px; }
.single-product .related .product-small .price .amount { color: inherit; }
.single-product .related .product-small .price del { font-size: 12.5px; font-weight: 500; }
.single-product .related .badge-inner { border-radius: 6px; background: var(--dp-clay) !important; }

/* Thanh mua dính dưới đáy */
.sticky-add-to-cart--active { background: rgba(255, 255, 255, .95) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid var(--dp-line); box-shadow: 0 -10px 30px -20px rgba(35, 25, 21, .4) !important; }
.sticky-add-to-cart .sticky-add-to-cart-img { border-radius: 8px; }
.sticky-add-to-cart .product-title-small { font-family: "Be Vietnam Pro", sans-serif; font-weight: 700; color: var(--dp-ink); }
.sticky-add-to-cart .price { color: var(--dp-clay) !important; font-weight: 800; }
.sticky-add-to-cart .dlp-off { display: none; }
.sticky-add-to-cart .button { border-radius: 10px !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 700; background: var(--dp-clay) !important; border-color: var(--dp-clay) !important; color: #fff !important; }

/* ---------- Đáp ứng ---------- */
@media (max-width: 849px) {
	.single-product .product-main { padding: 0 0 10px; }
	.single-product .product-main > .row.content-row { border-radius: 0; padding: 0 0 18px; box-shadow: none; }
	.single-product .product-gallery .product-images { border-radius: 0; }
	.single-product .product-info { padding: 16px 15px 0 !important; }
	.single-product .product-title { font-size: 20px !important; }
	.single-product .product-info .price-wrapper { margin-left: -15px; margin-right: -15px; border-radius: 0; padding: 14px 15px; }
	.single-product .product-info .price-wrapper .price { font-size: 26px !important; }
	.dlp-row { grid-template-columns: 88px 1fr; gap: 10px; }
	.single-product form.cart .variations_button, .single-product form.cart:not(.variations_form) { grid-template-columns: 88px auto 1fr; column-gap: 10px; }
	.single-product .woocommerce-variation-availability p.stock { margin-left: 98px; }
	.dlp-card, .single-product .related { border-radius: 0; padding: 20px 15px 22px !important; margin: 10px -15px 0; }
	.dlp-cards { gap: 10px; }
	.dlp-spec { grid-template-columns: 110px 1fr; padding: 0 4px; gap: 10px 14px; font-size: 14px; }
	.dlp-desc { padding: 0 4px; }
	.dlp-card-h, .single-product .related .product-section-title { font-size: 14.5px !important; }
}
@media (max-width: 480px) {
	.single-product form.cart .variations_button, .single-product form.cart:not(.variations_form) { grid-template-columns: 88px 1fr; row-gap: 12px; }
	.single-product form.cart .variations_button .ux-quantity, .single-product form.cart:not(.variations_form) .ux-quantity { margin-bottom: 8px !important; }
	.single-product .ux-buy-now-button { grid-column: 1 / -1; grid-row: 2; }
	.single-product .single_add_to_cart_button { grid-column: 1 / -1; grid-row: 3; }
	.dlp-assure { gap: 8px 14px; }
}

/* Dòng "In riêng" dạng thẻ (25/09) */
.dlp-custom { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: linear-gradient(120deg, #fff6f1, #fdeee7); border: 1px dashed #f1b89f; }
.dlp-custom-ic { flex: none; width: 40px; height: 40px; border-radius: 11px; background: var(--dp-clay); display: grid; place-items: center; box-shadow: 0 8px 16px -8px rgba(224, 88, 47, .8); }
.dlp-custom-ic svg { width: 22px; height: 22px; fill: #fff; stroke: none; }
.dlp-custom-txt { flex: 1; min-width: 0; }
.dlp-custom-txt b { display: block; font-size: 14.5px; font-weight: 700; color: var(--dp-ink); line-height: 1.3; margin-bottom: 6px; }
.dlp-custom-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.dlp-custom-tags i { font-style: normal; font-size: 12px; font-weight: 600; color: var(--dp-clay); background: #fff; border: 1px solid #f6d3c4; border-radius: 999px; padding: 2px 9px; line-height: 1.5; }
.dlp-custom-btn { flex: none; display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border-radius: 10px; background: #0068ff; color: #fff !important; font-size: 13.5px; font-weight: 700; box-shadow: 0 8px 16px -10px rgba(0, 104, 255, .9); transition: background .15s, transform .15s; white-space: nowrap; }
.dlp-custom-btn:hover { background: #0057d6; transform: translateY(-1px); }
.dlp-row:has(.dlp-custom) .dlp-lbl { padding-top: 22px; }
@media (max-width: 480px) {
	.dlp-row:has(.dlp-custom) { grid-template-columns: 1fr; gap: 6px; }
	.dlp-row:has(.dlp-custom) .dlp-lbl { padding-top: 0; }
}

/* Điện thoại: phân loại kiểu Shopee — nhãn trên, ô lưới 2 cột đều nhau, rộng hết khung (25/09) */
@media (max-width: 600px) {
	.dlp-row-opts { grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px; }
	.dlp-row-opts .dlp-lbl { padding-top: 0; font-size: 14px; font-weight: 600; color: var(--dp-ink); }
	.dlp-row-opts .dlp-lbl::after { content: attr(data-picked); font-weight: 400; color: var(--dp-muted); margin-left: 6px; }
	.dlp-opts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.dlp-opt { width: 100%; min-height: 52px; padding: 6px 10px 6px 6px !important; font-size: 13.5px !important; }
	.dlp-opt:not(:has(img)) { padding-left: 12px !important; justify-content: center; text-align: center; }
	.dlp-opt img { width: 38px; height: 38px; }
	.dlp-opt span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	/* Các dòng Vận chuyển / In riêng cũng xếp nhãn trên cho gọn */
	.dlp-rows { gap: 14px; }
	.dlp-row:not(.dlp-row-opts) { grid-template-columns: 76px 1fr; }
}