/* Bát Tràng Quy Nhơn: trang chi tiết sản phẩm, 07/10/2026. */
body.single-product #main { --qn-product-ink:#382b24; --qn-product-muted:#665c55; }
body.single-product #main .breadcrumb { font-size:13px; line-height:1.7; padding-block:22px; }
body.single-product #main .kggqn-woo-detail { max-width:1280px; padding-bottom:20px; }
body.single-product #main .detail-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; margin-top:0; }
body.single-product #main .detail-grid > * { min-width:0; }
body.single-product #main .detail-image { border-radius:18px; border:1px solid #e7dccd; }
body.single-product #main .kggqn-woo-gallery { gap:10px; margin:16px 0 0; }
body.single-product #main .kggqn-woo-gallery button { width:72px; height:72px; border-radius:10px; }
body.single-product #main .qn-gallery-control { width:44px; height:44px; font-size:20px; }
body.single-product #main .qn-gallery-counter { font-size:14px; }
body.single-product #main .detail-info { padding:28px; background:#fff; border:1px solid #e7dccd; border-radius:18px; box-shadow:0 8px 28px #573c2310; }
body.single-product #main .detail-info > .eyebrow { font-size:13px; letter-spacing:.1em; line-height:1.6; }
body.single-product #main .detail-info h1 { font-size:42px; line-height:1.2; letter-spacing:-.025em; margin:12px 0 18px; text-wrap:balance; color:var(--qn-product-ink); }
body.single-product #main .detail-code { font-size:14px; line-height:1.6; color:var(--qn-product-muted); margin-bottom:20px; }
body.single-product #main .detail-description, body.single-product #main .detail-description p { font-size:18px; line-height:1.8; color:var(--qn-product-ink); }
body.single-product #main .detail-description p { margin-bottom:16px; }
body.single-product #main .detail-info .price { font-size:34px; line-height:1.35; font-weight:700; margin:22px 0 16px; color:#b21a13; }
body.single-product #main .detail-info .price-placeholder { font-size:16px; line-height:1.7; color:var(--qn-product-muted); background:#faf5ed; padding:16px 18px; border-radius:12px; margin:18px 0; }
body.single-product #main .detail-info .price-placeholder p { font-size:16px; line-height:1.7; margin:0; }
body.single-product #main .detail-info .price-placeholder strong { font-size:27px; }
body.single-product #main .detail-info .actions { gap:12px; display:flex; flex-wrap:wrap; }
body.single-product #main .detail-info .actions .btn { min-height:52px; padding:14px 18px; font-size:16px; line-height:1.5; border-radius:10px; }
body.single-product #main .detail-info .product_meta { font-size:14px; line-height:1.75; margin:20px 0; color:var(--qn-product-muted); }
body.single-product #main .detail-info .kggqn-woo-save { margin:20px 0 0; }
body.single-product #main .detail-info .micro-row { font-size:15px; line-height:1.7; margin-top:20px; padding-top:18px; border-top:1px solid #eadfd1; color:var(--qn-product-muted); }
body.single-product #main .detail-nav { gap:12px; flex-wrap:wrap; font-size:16px; line-height:1.5; margin:38px 0 28px; padding:0 0 18px; }
body.single-product #main .detail-nav a { display:inline-flex; align-items:center; min-height:48px; padding:12px 20px; border:1px solid #e4d7c7; border-radius:10px; background:#faf5ed; color:#95231b; }
body.single-product #main .detail-copy-layout { grid-template-columns:minmax(0,800px) 320px; gap:32px; align-items:start; justify-content:center; }
body.single-product #main #mo-ta { min-width:0; font-size:18px; line-height:1.85; color:var(--qn-product-ink); padding:30px; background:#fff; border:1px solid #e7dccd; border-radius:18px; }
body.single-product #main #mo-ta p, body.single-product #main #mo-ta li { font-size:18px; line-height:1.85; }
body.single-product #main #mo-ta p { margin:0 0 20px; }
body.single-product #main #mo-ta h2 { font-size:32px; line-height:1.3; margin:36px 0 18px; color:var(--qn-product-ink); letter-spacing:-.015em; text-wrap:balance; }
body.single-product #main #mo-ta h3 { font-size:25px; line-height:1.4; }
body.single-product #main #mo-ta strong { color:var(--qn-product-ink); }
body.single-product #main #mo-ta a { color:#a32219; text-decoration-color:#c88a6c; text-underline-offset:4px; }
body.single-product #main #mo-ta figure { margin:26px 0 34px; }
body.single-product #main #mo-ta figure img { display:block; max-width:100%; width:100%; height:auto; max-height:none; object-fit:contain; margin-inline:auto; border-radius:14px; }
body.single-product #main #mo-ta figcaption { font-size:14px; line-height:1.65; color:var(--qn-product-muted); padding:12px 0 0; text-align:center; }
body.single-product #main .spec-panel { min-width:0; padding:22px; border:1px solid #e4d7c7; border-radius:16px; background:#faf5ed; position:sticky; top:190px; scroll-margin-top:190px; }
body.single-product #main .spec-panel .product_meta { font-size:15px; line-height:1.7; margin:0 0 18px; }
body.single-product #main .spec-panel table.shop_attributes { width:100%; margin:0; border:0; font-size:16px; }
body.single-product #main .spec-panel table.shop_attributes tr { display:block; padding:16px 0; border-top:1px solid #e1d3c1; }
body.single-product #main .spec-panel table.shop_attributes th, body.single-product #main .spec-panel table.shop_attributes td { display:block; width:100%; padding:0; border:0; background:none; text-align:left; font-size:16px; line-height:1.75; color:var(--qn-product-ink); font-style:normal; }
body.single-product #main .spec-panel table.shop_attributes th { font-weight:700; margin-bottom:6px; }
body.single-product #main .spec-panel table.shop_attributes td p { padding:0; margin:0; }
body.single-product #main #mau-cung-nhom .section-head h2 { font-size:34px; line-height:1.3; }
body.single-product #main #mau-cung-nhom .text-link { font-size:15px; min-height:44px; }
body.single-product #main #mau-cung-nhom .product-card h3 { font-size:23px; line-height:1.35; }
body.single-product #main #mau-cung-nhom .product-category, body.single-product #main #mau-cung-nhom .product-meta { font-size:13px; line-height:1.6; }
body.single-product #main #mau-cung-nhom .product-bottom > a:first-child { font-size:14px; line-height:1.5; min-height:44px; display:flex; align-items:center; }
body.single-product #main :is(.detail-info,.detail-nav,.spec-panel) :is(a,button):focus-visible { outline:3px solid #b55c1b; outline-offset:4px; }
@media(min-width:981px) and (hover:hover) {
 body.single-product #main .detail-nav a:hover { background:#f3e6d5; border-color:#c89365; }
}
@media(max-width:980px) {
 body.single-product #main .detail-grid { grid-template-columns:1fr; gap:24px; }
 body.single-product #main .detail-grid > div:first-child { width:min(100%,620px); margin-inline:auto; }
 body.single-product #main .detail-copy-layout { grid-template-columns:1fr; gap:24px; }
 body.single-product #main .spec-panel { position:static; }
 body.single-product #main .detail-info h1 { font-size:38px; }
}
@media(max-width:640px) {
 body.single-product #main .breadcrumb { font-size:12px; padding-block:16px; }
 body.single-product #main .detail-info { padding:22px 18px; border-radius:14px; }
 body.single-product #main .detail-info h1 { font-size:32px; }
 body.single-product #main .detail-info .price { font-size:30px; }
 body.single-product #main .detail-description, body.single-product #main .detail-description p, body.single-product #main #mo-ta, body.single-product #main #mo-ta p, body.single-product #main #mo-ta li { font-size:17px; line-height:1.8; }
 body.single-product #main .detail-info .actions { flex-direction:column; }
 body.single-product #main .detail-info .actions .btn { width:100%; min-height:52px; flex:auto; }
 body.single-product #main .kggqn-woo-gallery { flex-wrap:nowrap; overflow-x:auto; padding:4px 3px 10px; scroll-snap-type:x proximity; }
 body.single-product #main .kggqn-woo-gallery button { flex:0 0 64px; width:64px; height:64px; scroll-snap-align:start; }
 body.single-product #main .detail-nav { gap:10px; margin-top:28px; font-size:15px; }
 body.single-product #main .detail-nav a { flex:1 1 140px; justify-content:center; padding:12px; }
 body.single-product #main #mo-ta { padding:22px 18px; border-radius:14px; }
 body.single-product #main #mo-ta h2 { font-size:27px; line-height:1.35; margin-top:30px; }
 body.single-product #main #mo-ta h3 { font-size:23px; }
 body.single-product #main #mo-ta figure { margin-block:22px 28px; }
 body.single-product #main .spec-panel { padding:20px; }
 body.single-product #main #mau-cung-nhom .section-head { flex-wrap:wrap; }
 body.single-product #main #mau-cung-nhom .section-head h2 { font-size:28px; max-width:none; }
 body.single-product #main #mau-cung-nhom .product-card h3 { font-size:20px; min-height:0; }
 body.single-product #main #mau-cung-nhom .product-category, body.single-product #main #mau-cung-nhom .product-meta { font-size:12px; }
 body.single-product #main #mau-cung-nhom .product-bottom > a:first-child { font-size:13px; }
 body.single-product #main #mo-ta, body.single-product #main .spec-panel { scroll-margin-top:110px; }
}
@media(prefers-reduced-motion:reduce) {
 body.single-product #main .detail-info .btn, body.single-product #main .detail-nav a, body.single-product #main .kggqn-woo-gallery button { transition:none; }
}

/* Contact replaces save/compare; optional gift-logo question by category. */
body.single-product #main .qn-product-direct-phone { margin:18px 0 20px; padding:16px 0; border-block:1px solid #eadfd1; }
body.single-product #main .qn-product-direct-phone span { display:block; font-size:14px; line-height:1.6; color:#665c55; margin-bottom:5px; }
body.single-product #main .qn-product-direct-phone a { display:inline-block; font-size:32px; font-weight:700; line-height:1.3; letter-spacing:.02em; color:#b21a13; text-decoration:none; }
body.single-product #main .qn-product-store { margin:24px 0 0; padding:22px 0 0; border-top:1px solid #eadfd1; }
body.single-product #main .detail-info .qn-product-store h2, body.single-product #main .detail-info .qn-product-logo-gift h2 { font:700 20px/1.4 var(--body); letter-spacing:0; margin:0 0 12px; color:#382b24; }
body.single-product #main .qn-product-address { font-size:16px; line-height:1.75; margin:0 0 10px; color:#382b24; }
body.single-product #main .qn-product-hours { font-size:15px; line-height:1.7; color:#665c55; margin:0 0 16px; }
body.single-product #main .qn-product-store-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
body.single-product #main .qn-product-store-actions .btn { font-size:15px; line-height:1.5; min-height:50px; padding:12px 16px; border-radius:10px; }
body.single-product #main .qn-product-logo-gift { margin-top:22px; padding:20px; border:1px solid #e4d7c7; border-radius:12px; background:#faf5ed; }
body.single-product #main .qn-product-logo-gift p { font-size:16px; line-height:1.75; margin:0 0 16px; color:#665c55; }
body.single-product #main .qn-product-logo-link { display:inline-flex; align-items:center; min-height:48px; font-size:14px; line-height:1.5; color:#a32219; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:640px) {
 body.single-product #main .qn-product-direct-phone a { font-size:30px; }
 body.single-product #main .qn-product-store-actions { flex-direction:column; align-items:stretch; }
 body.single-product #main .qn-product-store-actions .btn { width:100%; min-height:52px; }
 body.single-product #main .qn-product-logo-gift { padding:18px 16px; }
 body.single-product #main .qn-product-logo-link { justify-content:center; }
}
