:root{--thd-ivory:#f7f1e8;--thd-ink:#352920;--thd-walnut:#6f513a;--thd-brass:#a88458;--thd-line:rgba(80,58,42,.14);--thd-ease:cubic-bezier(.22,.72,.23,1)}
.thd-site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;height:92px!important;padding:0!important;border:0!important;background:transparent!important;transition:height .45s var(--thd-ease),background-color .45s var(--thd-ease),box-shadow .45s var(--thd-ease),border-color .45s var(--thd-ease)!important;color:var(--thd-ivory)!important}
.thd-site-header--solid,.thd-site-header--overlay.is-scrolled{height:78px!important;background:rgba(247,241,232,.94)!important;color:var(--thd-ink)!important;border-bottom:1px solid var(--thd-line)!important;box-shadow:0 10px 30px rgba(34,24,17,.05)!important;-webkit-backdrop-filter:blur(18px) saturate(.92)!important;backdrop-filter:blur(18px) saturate(.92)!important}
.thd-header-shell{width:min(1380px,calc(100% - 64px))!important;height:100%!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr)!important;align-items:center!important;gap:32px!important}
.thd-brand{display:flex!important;align-items:center!important;gap:13px!important;width:max-content!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;text-decoration:none!important;transition:opacity .25s ease!important}
.thd-brand:hover{opacity:.8!important}.thd-brand-mark{display:block!important;width:42px!important;height:58px!important;flex:0 0 auto!important;background:currentColor!important;-webkit-mask:url('/logo-mark.png?v=1') center/contain no-repeat!important;mask:url('/logo-mark.png?v=1') center/contain no-repeat!important}
.thd-brand-copy{display:flex!important;flex-direction:column!important;gap:4px!important;color:inherit!important}.thd-brand-copy strong{font-family:var(--font-body,"Be Vietnam Pro"),Arial,sans-serif!important;font-size:12px!important;line-height:1!important;letter-spacing:.18em!important;font-weight:650!important;white-space:nowrap!important}.thd-brand-copy small{font-family:var(--font-body,"Be Vietnam Pro"),Arial,sans-serif!important;font-size:8px!important;line-height:1!important;letter-spacing:.31em!important;font-weight:500!important;opacity:.62!important;white-space:nowrap!important}
.thd-main-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(24px,2.8vw,46px)!important}.thd-main-nav a{position:relative!important;color:inherit!important;text-decoration:none!important;font-family:var(--font-body,"Be Vietnam Pro"),Arial,sans-serif!important;font-size:11px!important;line-height:1!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-weight:600!important;opacity:.76!important;padding:10px 0!important;transition:opacity .25s ease!important;white-space:nowrap!important}.thd-main-nav a:hover{opacity:1!important}.thd-main-nav a::after{content:""!important;position:absolute!important;left:0!important;right:100%!important;bottom:3px!important;height:1px!important;background:currentColor!important;opacity:.65!important;transition:right .35s var(--thd-ease)!important}.thd-main-nav a:hover::after{right:0!important}
.thd-header-actions{justify-self:end!important;display:flex!important;align-items:center!important;gap:12px!important}.thd-lang{display:flex!important;align-items:center!important;padding:3px!important;border:1px solid currentColor!important;border-color:color-mix(in srgb,currentColor 22%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,currentColor 5%,transparent)!important}.thd-lang button{appearance:none!important;border:0!important;background:transparent!important;color:inherit!important;border-radius:999px!important;padding:7px 9px!important;font-size:9px!important;line-height:1!important;letter-spacing:.13em!important;font-weight:700!important;opacity:.58!important;cursor:pointer!important}.thd-lang button.active{background:var(--thd-ivory,#f7f1e8)!important;color:var(--thd-ink)!important;opacity:1!important}.thd-site-header--solid .thd-lang button.active,.thd-site-header--overlay.is-scrolled .thd-lang button.active{background:var(--thd-walnut)!important;color:var(--thd-ivory)!important}
.thd-quote{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 18px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,currentColor 34%,transparent)!important;color:inherit!important;text-decoration:none!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:700!important;transition:background .3s ease,color .3s ease,border-color .3s ease!important;white-space:nowrap!important}.thd-quote:hover{background:var(--thd-ivory)!important;color:var(--thd-ink)!important;border-color:var(--thd-ivory)!important}.thd-site-header--solid .thd-quote,.thd-site-header--overlay.is-scrolled .thd-quote{border-color:rgba(111,81,58,.35)!important;color:var(--thd-walnut)!important}.thd-site-header--solid .thd-quote:hover,.thd-site-header--overlay.is-scrolled .thd-quote:hover{background:var(--thd-walnut)!important;color:var(--thd-ivory)!important;border-color:var(--thd-walnut)!important}
.thd-menu-toggle{display:none!important;width:40px!important;height:40px!important;border:1px solid color-mix(in srgb,currentColor 20%,transparent)!important;border-radius:50%!important;background:transparent!important;color:inherit!important;position:relative!important;cursor:pointer!important}.thd-menu-toggle span{position:absolute!important;left:11px!important;right:11px!important;height:1px!important;background:currentColor!important;transition:transform .3s ease,top .3s ease!important}.thd-menu-toggle span:first-child{top:15px!important}.thd-menu-toggle span:last-child{top:23px!important}.thd-menu-toggle[aria-expanded="true"] span:first-child{top:19px!important;transform:rotate(45deg)!important}.thd-menu-toggle[aria-expanded="true"] span:last-child{top:19px!important;transform:rotate(-45deg)!important}
.thd-mobile-menu{position:fixed!important;top:78px!important;left:0!important;right:0!important;z-index:9998!important;padding:28px 24px 32px!important;background:rgba(247,241,232,.985)!important;color:var(--thd-ink)!important;border-bottom:1px solid var(--thd-line)!important;box-shadow:0 20px 40px rgba(34,24,17,.08)!important;transform:translateY(-12px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.3s var(--thd-ease)!important}.thd-mobile-menu.is-open{transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.thd-mobile-menu nav{display:flex!important;flex-direction:column!important}.thd-mobile-menu nav a{padding:15px 0!important;border-bottom:1px solid rgba(80,58,42,.09)!important;color:inherit!important;text-decoration:none!important;font-family:var(--font-display,"Fraunces"),Georgia,serif!important;font-size:27px!important;line-height:1.05!important}.thd-mobile-quote{display:flex!important;justify-content:center!important;align-items:center!important;margin-top:22px!important;padding:15px 20px!important;border-radius:999px!important;background:var(--thd-walnut)!important;color:var(--thd-ivory)!important;text-decoration:none!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:700!important}
body.thd-menu-open{overflow:hidden!important}
/* neutralize legacy header selectors */
body header.thd-site-header .shell,body header.thd-site-header .cat-shell{all:unset!important}body header.thd-site-header img{filter:none!important}
@media(max-width:1050px){.thd-header-shell{width:min(100% - 40px,1380px)!important;grid-template-columns:1fr auto!important}.thd-main-nav{display:none!important}.thd-menu-toggle{display:block!important}.thd-quote{display:none!important}}
@media(max-width:640px){.thd-site-header{height:78px!important}.thd-site-header--solid,.thd-site-header--overlay.is-scrolled{height:72px!important}.thd-header-shell{width:calc(100% - 28px)!important;gap:12px!important}.thd-brand{gap:9px!important}.thd-brand-mark{width:34px!important;height:48px!important}.thd-brand-copy strong{font-size:9px!important;letter-spacing:.13em!important}.thd-brand-copy small{font-size:6px!important;letter-spacing:.22em!important}.thd-header-actions{gap:8px!important}.thd-lang{padding:2px!important}.thd-lang button{padding:6px 7px!important}.thd-mobile-menu{top:72px!important}}
@media(max-width:420px){.thd-brand-copy small{display:none!important}.thd-brand-copy strong{max-width:116px!important;white-space:normal!important;line-height:1.22!important}.thd-brand-mark{width:31px!important;height:44px!important}}
body:has(.thd-site-header--solid){padding-top:78px!important}
@media(max-width:640px){body:has(.thd-site-header--solid){padding-top:72px!important}}

/* ===== Kính mờ khi cuộn xuống (thanh ngang, tinh tế) ===== */
header.thd-site-header.thd-glass{height:78px!important;color:var(--thd-ink)!important;background:linear-gradient(180deg,rgba(250,246,239,.62),rgba(244,237,226,.5))!important;-webkit-backdrop-filter:blur(26px) saturate(1.8) brightness(1.05)!important;backdrop-filter:blur(26px) saturate(1.8) brightness(1.05)!important;border-bottom:1px solid rgba(255,255,255,.55)!important;box-shadow:0 1px 0 rgba(80,58,42,.07),0 12px 34px rgba(34,24,17,.07)!important}
header.thd-site-header.thd-glass .thd-lang{background:rgba(255,255,255,.3)!important}
header.thd-site-header.thd-glass .thd-quote{background:rgba(255,255,255,.25)!important}
header.thd-site-header.thd-glass .thd-quote:hover{background:var(--thd-walnut)!important}
@media(max-width:640px){header.thd-site-header.thd-glass{height:72px!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header.thd-site-header.thd-glass{background:rgba(247,241,232,.94)!important}}

/* ===== Chuyển động tinh tế: chuyển trang, hover thẻ, ô nhập ===== */
:root{--thd-motion:cubic-bezier(.22,.72,.23,1)}
/* chuyển trang: mờ nhẹ, thanh menu và nút nổi đứng yên */
@view-transition{navigation:auto}
::view-transition-old(root){animation:thdVtOut .26s ease both}
::view-transition-new(root){animation:thdVtIn .42s var(--thd-motion) .04s both}
header.thd-site-header{view-transition-name:thd-header}
.thd-float{view-transition-name:thd-float}
::view-transition-group(thd-header),::view-transition-group(thd-float){animation-duration:0s}
::view-transition-old(thd-header),::view-transition-old(thd-float){display:none}
::view-transition-new(thd-header),::view-transition-new(thd-float){animation:none}
@keyframes thdVtOut{to{opacity:0}}
@keyframes thdVtIn{from{opacity:0;transform:translateY(8px)}}
/* thẻ sản phẩm: đường kẻ mảnh màu đồng chạy dưới tên, bóng ảnh dày lên nhẹ */
.product-card .product-name{background:linear-gradient(var(--thd-brass),var(--thd-brass)) 0 100%/0 1px no-repeat;padding-bottom:4px;transition:background-size .55s var(--thd-motion),color .3s ease}
.product-card:hover .product-name,.product-card:focus-visible .product-name{background-size:100% 1px}
.product-card .product-image{transition:box-shadow .55s var(--thd-motion),transform .55s var(--thd-motion)}
.product-card:hover .product-image{box-shadow:0 22px 46px rgba(43,31,21,.13)!important}
/* ảnh công trình: lớp tối rất nhẹ + chữ "Xem ảnh" */
.gal-tile{position:relative}
.gal-tile::after{content:"Xem ảnh";position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;font:600 11px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f7f1e8;background:linear-gradient(0deg,rgba(24,17,11,.55),rgba(24,17,11,0));opacity:0;transform:translateY(8px);transition:opacity .45s var(--thd-motion),transform .45s var(--thd-motion);pointer-events:none}
.gal-tile:hover::after{opacity:1;transform:none}
html[lang=en] .gal-tile::after{content:"View photo"}
@media(hover:none){.gal-tile::after{display:none}}
/* ô nhập: nhãn chuyển màu đồng khi đang nhập */
form label{transition:color .3s ease,letter-spacing .3s ease}
form div:has(>input:focus)>label,form div:has(>textarea:focus)>label{color:var(--thd-brass)!important}
/* nút: nhấn xuống nhẹ */
.thd-quote:active,.thd-chip:active,.filter-btn:active,form button[type=submit]:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.product-card .product-name,.gal-tile::after{transition:none}}

/* ===== Ảnh hiện dần, thẻ hiện lần lượt, đổi ảnh sản phẩm mượt, mở ảnh lớn ===== */
@keyframes thdRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes thdImgIn{from{opacity:0}to{opacity:1}}
@keyframes thdLbBg{from{opacity:0}to{opacity:1}}
@keyframes thdLbImg{from{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}
img.thd-pre{opacity:0}
img.thd-in{animation:thdImgIn .9s ease both}
.thd-rv{opacity:0}
.thd-rv.thd-rv-in{animation:thdRise .75s var(--thd-motion) both}
.main-image .thd-xf{position:absolute!important;inset:0!important;z-index:2;opacity:0;transition:opacity .55s ease;pointer-events:none}
.main-image .thd-xf.on{opacity:1}
.thd-lightbox{animation:thdLbBg .35s ease both}
.thd-lightbox img{animation:thdLbImg .5s var(--thd-motion) .05s both}
@media(prefers-reduced-motion:reduce){img.thd-pre{opacity:1}.thd-rv{opacity:1}.thd-lightbox,.thd-lightbox img{animation:none}}

/* ===== Quy trình 4 bước (đường nối chạy khi cuộn tới) ===== */
.thd-process{background:#f3ece1;padding:clamp(64px,9vw,112px) 0;border-top:1px solid rgba(80,58,42,.08)}
.thd-proc-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.thd-proc-head{max-width:620px;margin:0 0 clamp(36px,5vw,60px)}
.thd-proc-head .eyebrow{margin-bottom:14px}
.thd-proc-head h2{margin:0 0 14px;font-family:Fraunces,"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(30px,4.2vw,46px);line-height:1.1;letter-spacing:-.01em;color:#2b1f15}
.thd-proc-head p{margin:0;font:400 16px/1.7 "Be Vietnam Pro",system-ui,sans-serif;color:#7a6a58}
.thd-proc-steps{--g:34px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g)}
.thd-proc-steps li{position:relative}
.thd-proc-dot{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid #a88458;color:#8c6a44;font:600 13px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.08em;background:#f3ece1;position:relative;z-index:1;transition:background .5s ease,color .5s ease}
.thd-proc-steps li:not(:last-child)::after{content:"";position:absolute;top:24px;left:60px;width:calc(100% + var(--g) - 72px);height:1px;background:linear-gradient(90deg,#a88458,rgba(168,136,88,.35));transform-origin:left center}
.thd-proc-steps h3{margin:22px 0 10px;font-family:Fraunces,"Playfair Display",Georgia,serif;font-weight:600;font-size:22px;line-height:1.2;color:#2b1f15}
.thd-proc-steps p{margin:0;max-width:250px;font:400 14.5px/1.7 "Be Vietnam Pro",system-ui,sans-serif;color:#7a6a58}
@media(max-width:820px){
 .thd-proc-steps{grid-template-columns:1fr;gap:34px}
 .thd-proc-steps li{padding-left:70px;min-height:48px}
 .thd-proc-dot{position:absolute;left:0;top:0}
 .thd-proc-steps h3{margin:0 0 8px;padding-top:11px}
 .thd-proc-steps p{max-width:none}
 .thd-proc-steps li:not(:last-child)::after{top:60px;left:24px;width:1px;height:calc(100% + var(--g) - 72px);background:linear-gradient(180deg,#a88458,rgba(168,136,88,.35));transform-origin:center top}
}
/* chỉ ẩn trước khi chạy hiệu ứng khi JS đã sẵn sàng (không có JS vẫn hiện đủ) */
.thd-proc-js .thd-proc-steps li{opacity:0;transform:translateY(14px);transition:opacity .7s var(--thd-motion),transform .7s var(--thd-motion)}
.thd-proc-js .thd-proc-steps li:not(:last-child)::after{transform:scaleX(0);transition:transform .75s var(--thd-motion)}
@media(max-width:820px){.thd-proc-js .thd-proc-steps li:not(:last-child)::after{transform:scaleY(0)}}
.thd-proc-js .thd-process.is-in .thd-proc-steps li{opacity:1;transform:none}
.thd-proc-js .thd-process.is-in .thd-proc-steps li:not(:last-child)::after{transform:none}
.thd-proc-js .thd-process.is-in li:nth-child(1){transition-delay:0s}.thd-proc-js .thd-process.is-in li:nth-child(2){transition-delay:.3s}.thd-proc-js .thd-process.is-in li:nth-child(3){transition-delay:.6s}.thd-proc-js .thd-process.is-in li:nth-child(4){transition-delay:.9s}
.thd-proc-js .thd-process.is-in li:nth-child(1)::after{transition-delay:.35s}.thd-proc-js .thd-process.is-in li:nth-child(2)::after{transition-delay:.65s}.thd-proc-js .thd-process.is-in li:nth-child(3)::after{transition-delay:.95s}
.thd-process.is-in .thd-proc-dot{background:#ebddc8}

/* ===== Thanh "Nhận báo giá" dính ở trang sản phẩm ===== */
.thd-sb{position:fixed;left:50%;bottom:18px;z-index:8990;display:flex;align-items:center;gap:14px;width:min(600px,calc(100% - 210px));padding:8px 8px 8px 10px;border-radius:999px;background:linear-gradient(180deg,rgba(250,246,239,.74),rgba(244,237,226,.62));-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);border:1px solid rgba(255,255,255,.65);box-shadow:0 12px 40px rgba(34,24,17,.16);transform:translate(-50%,26px);opacity:0;visibility:hidden;transition:transform .55s var(--thd-motion),opacity .4s ease,visibility 0s linear .55s}
.thd-sb.on{transform:translate(-50%,0);opacity:1;visibility:visible;transition:transform .55s var(--thd-motion),opacity .4s ease,visibility 0s}
.thd-sb img{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;background:#e4ddd3}
.thd-sb .t{min-width:0;flex:1;line-height:1.3}
.thd-sb strong{display:block;font:600 14px/1.25 "Be Vietnam Pro",system-ui,sans-serif;color:#2b1f15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thd-sb span{display:block;font:400 11.5px/1.3 "Be Vietnam Pro",system-ui,sans-serif;color:#7a6a58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thd-sb a{flex:none;padding:13px 22px;border-radius:999px;background:#8c6a44;color:#fff!important;text-decoration:none!important;font:600 11px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .3s ease}
.thd-sb a:hover{background:#2b1f15}
@media(max-width:760px){.thd-sb{left:12px;right:76px;width:auto;transform:translateY(26px)}.thd-sb.on{transform:none}.thd-sb span{display:none}.thd-sb a{padding:12px 16px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.thd-sb{background:rgba(247,241,232,.97)}}

/* ===== Chọn gỗ / màu: phản hồi mượt ===== */
.swatch-circle{transition:box-shadow .4s var(--thd-motion),border-color .4s ease,transform .4s var(--thd-motion)}
.swatch-btn.active .swatch-circle{transform:scale(1.08)}
@keyframes thdFlash{from{opacity:0;transform:translateY(5px);color:#a88458}to{opacity:1;transform:none}}
.thd-flash{display:inline-block;animation:thdFlash .6s var(--thd-motion) both}
@media(prefers-reduced-motion:reduce){.thd-proc-js .thd-proc-steps li,.thd-proc-js .thd-proc-steps li::after{opacity:1!important;transform:none!important;transition:none!important}.thd-flash{animation:none}.thd-sb,.thd-sb.on{transition:none}}

/* Ô chọn gỗ/màu: cùng kích thước, vòng tròn thẳng hàng dù nhãn 1, 2 hay 3 dòng */
.swatches{align-items:stretch}
.swatch-btn{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;align-self:stretch;box-sizing:border-box;width:76px!important;min-height:96px;padding:11px 6px!important}
.swatch-btn .swatch-circle{flex:none}
.swatch-btn>span:last-child{display:block;line-height:1.3;text-align:center}
@media(max-width:480px){.swatch-btn{width:calc((100% - 30px)/4)!important;min-width:0}}

/* Khung "Trải nghiệm tư vấn": chữ thẳng mép với tiêu đề, gạch đồng đầu dòng */
.detail-service-card ul{list-style:none;margin:0;padding:0}
.detail-service-card li{position:relative;margin:0;padding:6px 0 6px 26px;font-size:14px;line-height:1.55;color:#5d4737}
.detail-service-card li::before{content:"";position:absolute;left:0;top:calc(.5em + 6px + .3em);width:14px;height:1px;background:#a88458}

/* ===== Rà soát trang sản phẩm: chữ đủ lớn, bo góc thống nhất, mép thẳng hàng ===== */
/* chữ nhỏ nhất 11px, nhãn chính 12px */
.breadcrumbs{font-size:12px!important}
.premium-meta-strip span,.selection-item label{font-size:11px!important}
.swatch-btn{font-size:11px!important;width:80px!important;min-height:98px}
.option-pill{font-size:12px!important}
.microcopy{font-size:12px!important}
.tab-btn{font-size:12px!important}
.spec-row>*:first-child{font-size:12px!important}
.detail-service-card li{font-size:14px}
/* hai cỡ bo góc: khung lớn 28px, thẻ nhỏ 18px */
.main-image,.selection-summary,.detail-service-card{border-radius:28px!important}
.premium-meta-strip>div,.selection-item,.thumb,.swatch-btn,.option-pill{border-radius:18px!important}
/* khung lớn có lề trong đều 22px bốn phía */
.selection-summary,.detail-service-card{padding:22px!important}
/* cột ảnh nhỏ cao đúng bằng ảnh chính, các ảnh nhỏ bằng nhau */
@media(min-width:761px){
 .gallery{align-items:stretch!important}
 .thumbs{height:auto!important}
 .thumbs .thumb{flex:1 1 0;min-height:0;max-height:132px;aspect-ratio:auto!important}
}
/* tiêu đề thẳng mép trên với ảnh chính */
@media(min-width:1101px){.detail-info>h1{margin-top:-4px}}
/* nút lưu (trái tim) */
.detail-cta .secondary{transition:transform .25s var(--thd-motion),color .25s ease,border-color .25s ease;cursor:pointer}
.detail-cta .secondary:hover{border-color:#8c6a44}
.detail-cta .secondary[aria-pressed=true]{color:#8c6a44;border-color:#8c6a44}
@keyframes thdPop{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
.detail-cta .secondary.pop{animation:thdPop .45s var(--thd-motion)}
/* điện thoại: vùng bấm đủ lớn */
@media(max-width:760px){
 .breadcrumbs a{display:inline-block;padding:8px 0}
 footer a{display:inline-block;padding:7px 0}
 .thd-lang button{min-height:30px!important;padding-left:11px!important;padding-right:11px!important}
 .swatch-btn{width:calc((100% - 30px)/4)!important;min-width:0}
}

/* ===== Chữ nhỏ nhất toàn site: 11px (riêng dòng phụ dưới logo 9px) ===== */
.thd-lang button{font-size:11px!important}
.thd-quote{font-size:11px!important}
.thd-brand-copy small{font-size:9px!important}
.eyebrow,.collection-hero .eyebrow{font-size:11px!important}
.product-cat{font-size:11px!important;letter-spacing:.1em}
.quote-link{font-size:11px!important}
.footer-grid h3,.footer-grid .eyebrow{font-size:11px!important}
.footer-bottom span{font-size:11px!important}
form button[type=submit],.thd-philosophy-principles article>span:first-child{font-size:11px!important}
@media(max-width:640px){.thd-brand-copy small{font-size:7px!important}.thd-lang button{font-size:10px!important}}
form button.w-full{font-size:11px!important}

/* ===== Sản phẩm đã lưu: biểu tượng trên thanh menu + trang /da-luu/ ===== */
.thd-saved-link{display:none;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 24%,transparent);color:inherit!important;text-decoration:none!important;font:600 11px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.06em;transition:background .3s ease,border-color .3s ease}
.thd-saved-link.on{display:inline-flex}
.thd-saved-link svg{width:15px;height:15px;display:block;fill:currentColor}
.thd-saved-link:hover{border-color:currentColor}
@keyframes thdBadge{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}
.thd-saved-link.pop{animation:thdBadge .45s var(--thd-motion)}
@media(max-width:1050px){.thd-saved-link{height:34px;padding:0 10px}}
.thd-saved-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:28px}
.thd-saved-send{display:inline-flex;align-items:center;justify-content:center;padding:15px 26px;border-radius:999px;background:#8c6a44;color:#fff!important;text-decoration:none!important;font:600 11px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .3s ease,transform .25s ease}
.thd-saved-send:hover{background:#2b1f15}
.thd-saved-send:active{transform:scale(.97)}
.thd-saved-x{position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#8c6a44;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(43,31,21,.14);transition:transform .25s var(--thd-motion),background .25s ease}
.thd-saved-x:hover{transform:scale(1.1);background:#fff}
.thd-saved-grid .product-card{transition:opacity .35s ease,transform .35s ease}
.thd-saved-grid .product-card.leaving{opacity:0;transform:scale(.97)}
.thd-saved-empty{text-align:center;padding:clamp(56px,9vw,100px) 20px}
.thd-saved-empty .heart{font-size:44px;line-height:1;color:#a88458;margin-bottom:18px}
.thd-saved-empty h2{margin:0 0 12px;font-family:Fraunces,"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(26px,3.4vw,34px);color:#2b1f15}
.thd-saved-empty p{margin:0 auto 28px;max-width:420px;font:400 15px/1.7 "Be Vietnam Pro",system-ui,sans-serif;color:#7a6a58}

/* ===== Biểu tượng giỏ hàng thay cho trái tim ===== */
svg.thd-cart{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
svg.thd-cart circle{fill:currentColor;stroke:none}
.thd-saved-link svg{width:17px;height:17px;fill:none}
.detail-cta .secondary svg.thd-cart{width:22px;height:22px;margin:0 auto}
.detail-cta .secondary[aria-pressed=true] svg.thd-cart .b{fill:rgba(140,106,68,.28)}
.detail-cta .secondary{display:inline-flex;align-items:center;justify-content:center}
.thd-saved-x svg.thd-cart{width:18px;height:18px;margin:auto}
.thd-saved-x svg.thd-cart .b{fill:rgba(140,106,68,.28)}
.thd-saved-x{display:flex;align-items:center;justify-content:center;padding:0}
.thd-saved-empty .heart{display:flex;justify-content:center;font-size:0}
.thd-saved-empty svg.thd-cart{width:46px;height:46px;stroke-width:1.4}

/* ===== Nút xóa (×), "Xóa tất cả" và thông báo Hoàn tác ===== */
.thd-saved-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.thd-saved-clear{appearance:none;background:none;border:0;border-bottom:1px solid rgba(43,31,21,.35);padding:3px 0;font:500 11px/1.4 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2b1f15;cursor:pointer;transition:color .25s ease,border-color .25s ease}
.thd-saved-clear:hover{color:#8c6a44;border-color:#8c6a44}
.thd-saved-x svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.thd-saved-x{color:#2b1f15}
.thd-saved-x:hover{background:#2b1f15;color:#fff}
.thd-toast{position:fixed;left:50%;bottom:22px;z-index:9100;display:flex;align-items:center;gap:18px;max-width:min(460px,calc(100% - 32px));padding:13px 14px 13px 20px;border-radius:999px;background:rgba(43,31,21,.95);color:#f6f0e8;font:400 13.5px/1.4 "Be Vietnam Pro",system-ui,sans-serif;box-shadow:0 14px 40px rgba(20,14,9,.32);transform:translate(-50%,24px);opacity:0;visibility:hidden;transition:transform .45s var(--thd-motion),opacity .3s ease,visibility 0s linear .45s}
.thd-toast.on{transform:translate(-50%,0);opacity:1;visibility:visible;transition:transform .45s var(--thd-motion),opacity .3s ease,visibility 0s}
.thd-toast .m{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thd-toast button{flex:none;appearance:none;border:0;background:rgba(246,240,232,.14);color:#f1d9b0;border-radius:999px;padding:9px 16px;font:600 11px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .25s ease}
.thd-toast button:hover{background:rgba(246,240,232,.26)}
@media(max-width:760px){.thd-toast{left:12px;right:76px;max-width:none;transform:translateY(24px)}.thd-toast.on{transform:none}}

/* ===== Nút xóa tinh tế: chỉ hiện khi rê chuột vào ảnh ===== */
.thd-saved-x{top:12px;right:12px;width:32px;height:32px;background:rgba(255,252,247,.72);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);border:1px solid rgba(255,255,255,.65);box-shadow:0 2px 12px rgba(43,31,21,.08);color:#4a382a;opacity:0;transform:scale(.82);transition:opacity .3s ease,transform .38s var(--thd-motion),background .25s ease,color .25s ease,border-color .25s ease}
.thd-saved-x svg{width:11px;height:11px;stroke-width:1.5}
.thd-saved-grid .product-image:hover .thd-saved-x,.thd-saved-grid .product-card:focus-within .thd-saved-x,.thd-saved-x:focus-visible{opacity:1;transform:none}
.thd-saved-x:hover{background:rgba(43,31,21,.9);color:#fff;border-color:transparent;transform:scale(1.06)}
.thd-saved-x:focus-visible{outline:2px solid #a88458;outline-offset:2px}
/* màn hình cảm ứng không có rê chuột: luôn hiện, nhưng vẫn nhẹ nhàng */
@media(hover:none){.thd-saved-x{opacity:1;transform:none;width:34px;height:34px}.thd-saved-x svg{width:12px;height:12px}}

/* ===== Trang "Dành cho đối tác" ===== */
.thd-pt-sec{padding:clamp(54px,8vw,92px) 0;background:#faf6ef}
.thd-pt-alt{background:#f3ece1;border-top:1px solid rgba(80,58,42,.07);border-bottom:1px solid rgba(80,58,42,.07)}
.thd-pt-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.thd-pt-narrow{max-width:820px}
.thd-pt-sec h2{margin:0 0 clamp(26px,4vw,40px);font-family:Fraunces,"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(28px,3.8vw,40px);line-height:1.12;letter-spacing:-.01em;color:#2b1f15}
.thd-pt-lead{margin:-18px 0 30px;font:400 16px/1.7 "Be Vietnam Pro",system-ui,sans-serif;color:#7a6a58;max-width:560px}
.thd-pt-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.thd-pt-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.thd-pt-card,.thd-pt-info{padding:24px 22px 22px;border-radius:18px;background:rgba(255,255,255,.74);border:1px solid rgba(95,71,55,.1);transition:transform .45s var(--thd-motion),box-shadow .45s var(--thd-motion)}
.thd-pt-card:hover,.thd-pt-info:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(43,31,21,.08)}
.thd-pt-card h3,.thd-pt-info h3{margin:0 0 10px;font-family:Fraunces,"Playfair Display",Georgia,serif;font-weight:600;font-size:20px;line-height:1.25;color:#2b1f15}
.thd-pt-card p,.thd-pt-info p{margin:0;font:400 14px/1.7 "Be Vietnam Pro",system-ui,sans-serif;color:#6b5a4a}
.thd-pt-info h3{font-size:12px;font-family:"Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#8c6a44}
.thd-pt-proc{background:none;border:0;padding:0}
.thd-pt-proc .thd-proc-steps{--g:34px}
.thd-pt-proc .thd-proc-dot{background:#f3ece1}
.thd-pt-form{padding:clamp(22px,3.4vw,36px);border-radius:28px;background:rgba(255,255,255,.8);border:1px solid rgba(95,71,55,.1);box-shadow:0 24px 60px rgba(43,31,21,.06);position:relative}
.thd-pt-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.thd-pt-field label{display:block;margin:0 0 7px;font:500 13px/1.3 "Be Vietnam Pro",system-ui,sans-serif;color:#2b1f15;transition:color .3s ease}
.thd-pt-field input,.thd-pt-field textarea{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid rgba(95,71,55,.18);border-radius:12px;background:#fbf8f2;font:400 15px/1.4 "Be Vietnam Pro",system-ui,sans-serif;color:#2b1f15;outline:none;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}
.thd-pt-field textarea{resize:vertical;min-height:120px}
.thd-pt-field input:focus,.thd-pt-field textarea:focus{border-color:#a88458;background:#fff;box-shadow:0 0 0 3px rgba(168,132,88,.16)}
.thd-pt-field:focus-within label{color:#8c6a44}
.thd-pt-form button[type=submit]{display:block;width:100%;margin-top:22px;padding:17px 22px;border:0;border-radius:999px;background:#2b1f15;color:#f6f0e8;font:600 12px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .3s ease,transform .25s ease}
.thd-pt-form button[type=submit]:hover{background:#8c6a44}
.thd-pt-form button[type=submit]:active{transform:scale(.99)}
.thd-pt-form button[type=submit][disabled]{opacity:.6;cursor:default}
@media(max-width:980px){.thd-pt-grid4{grid-template-columns:repeat(2,1fr)}.thd-pt-grid3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.thd-pt-grid4,.thd-pt-grid3{grid-template-columns:1fr}.thd-pt-row{grid-template-columns:1fr;gap:16px}.thd-pt-spacer{display:none}}

/* ===== Menu 6 mục: gọn lại để vừa hàng; màn hình < 1320px dùng nút menu ===== */
.thd-main-nav{gap:clamp(16px,1.7vw,34px)!important}
.thd-main-nav a{letter-spacing:.13em!important}
@media(max-width:1320px){
 .thd-header-shell{width:min(100% - 40px,1380px)!important;grid-template-columns:1fr auto!important}
 .thd-main-nav{display:none!important}
 .thd-menu-toggle{display:block!important}
}

/* ===== Trang đối tác: nút đầu trang, dải ảnh công trình, ô liên hệ ===== */
.thd-pt-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.thd-pt-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:999px;background:#2b1f15;color:#f6f0e8!important;text-decoration:none!important;font:600 11px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;border:1px solid #2b1f15;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .25s ease}
.thd-pt-btn:hover{background:#8c6a44;border-color:#8c6a44}
.thd-pt-btn:active{transform:scale(.98)}
.thd-pt-btn--ghost{background:transparent;color:#2b1f15!important;border-color:rgba(43,31,21,.35)}
.thd-pt-btn--ghost:hover{background:#2b1f15;color:#f6f0e8!important;border-color:#2b1f15}
.thd-pt-headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:clamp(26px,4vw,40px)}
.thd-pt-headrow h2{margin:0!important}
.thd-pt-headrow--col{display:block}
.thd-pt-headrow--col h2{margin-bottom:12px!important}
.thd-pt-headrow--col .thd-pt-lead{margin:0}
.thd-pt-more{font:500 11px/1.4 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2b1f15!important;text-decoration:none!important;border-bottom:1px solid rgba(43,31,21,.35);padding-bottom:3px;transition:color .25s ease,border-color .25s ease}
.thd-pt-more:hover{color:#8c6a44!important;border-color:#8c6a44}
.thd-pt-photos{display:flex;flex-wrap:wrap;gap:14px}
.thd-pt-photos::after{content:"";flex:1000 1 0}
.thd-pt-photo{display:block;flex:calc(var(--ar)*100) 1 calc(var(--ar)*240px);min-width:0;aspect-ratio:var(--ar);border-radius:18px;overflow:hidden;background:#e4ddd3;box-shadow:0 10px 26px rgba(43,31,21,.06)}
.thd-pt-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--thd-motion)}
.thd-pt-photo:hover img{transform:scale(1.035)}
.thd-pt-enq{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(20px,3vw,34px);align-items:start}
.thd-pt-contact{padding:clamp(22px,3vw,30px);border-radius:28px;background:#f3ece1;border:1px solid rgba(95,71,55,.1)}
.thd-pt-contact h3{margin:0 0 18px;font-family:Fraunces,"Playfair Display",Georgia,serif;font-weight:600;font-size:22px;color:#2b1f15}
.thd-pt-contact ul{list-style:none;margin:0 0 22px;padding:0}
.thd-pt-contact li{padding:13px 0;border-top:1px solid rgba(95,71,55,.12);font:400 14px/1.6 "Be Vietnam Pro",system-ui,sans-serif;color:#3e3026}
.thd-pt-contact li:first-child{border-top:0;padding-top:0}
.thd-pt-contact .k{display:block;margin-bottom:3px;font:600 11px/1.4 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8c6a44}
.thd-pt-contact em{font-style:normal}
.thd-pt-contact a{color:#2b1f15;text-decoration:none;border-bottom:1px solid rgba(43,31,21,.3);transition:color .25s ease,border-color .25s ease}
.thd-pt-contact a:hover{color:#8c6a44;border-color:#8c6a44}
.thd-pt-profile{appearance:none;width:100%;padding:15px 18px;border-radius:999px;border:1px solid rgba(43,31,21,.4);background:transparent;color:#2b1f15;font:600 11px/1.3 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease}
.thd-pt-profile:hover{background:#2b1f15;color:#f6f0e8;border-color:#2b1f15}
@media(max-width:980px){.thd-pt-enq{grid-template-columns:1fr}}
@media(max-width:640px){.thd-pt-photos{gap:10px}.thd-pt-cta{flex-direction:column}.thd-pt-btn{width:100%}}
.thd-pt-photos::after{display:none}

/* ===== Hộp "Yêu cầu hồ sơ năng lực" ===== */
html.thd-modal-open{overflow:hidden}
.thd-modal{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(24,17,11,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}
.thd-modal[hidden]{display:none}
.thd-modal.on{opacity:1}
.thd-modal-card{position:relative;width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:clamp(26px,4vw,38px);border-radius:28px;background:#faf6ef;box-shadow:0 30px 80px rgba(20,14,9,.35);transform:translateY(16px) scale(.98);transition:transform .45s var(--thd-motion)}
.thd-modal.on .thd-modal-card{transform:none}
.thd-modal-x{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(43,31,21,.06);color:#2b1f15;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease,color .25s ease}
.thd-modal-x:hover{background:#2b1f15;color:#fff}
.thd-modal-x svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.thd-modal-card h3{margin:0 40px 8px 0;font-family:Fraunces,"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(22px,3vw,27px);line-height:1.2;color:#2b1f15}
.thd-modal-card .s{margin:0 0 22px;font:400 14px/1.65 "Be Vietnam Pro",system-ui,sans-serif;color:#7a6a58}
.thd-modal-form{position:relative}
.thd-modal-form .f{margin-bottom:14px}
.thd-modal-form .r2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.thd-modal-form label{display:block;margin:0 0 6px;font:500 13px/1.3 "Be Vietnam Pro",system-ui,sans-serif;color:#2b1f15;transition:color .3s ease}
.thd-modal-form .f:focus-within label{color:#8c6a44}
.thd-modal-form input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid rgba(95,71,55,.18);border-radius:12px;background:#fff;font:400 15px/1.4 "Be Vietnam Pro",system-ui,sans-serif;color:#2b1f15;outline:none;transition:border-color .3s ease,box-shadow .3s ease}
.thd-modal-form input:focus{border-color:#a88458;box-shadow:0 0 0 3px rgba(168,132,88,.16)}
.thd-modal-form button[type=submit]{display:block;width:100%;margin-top:20px;padding:16px 22px;border:0;border-radius:999px;background:#2b1f15;color:#f6f0e8;font:600 12px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .3s ease}
.thd-modal-form button[type=submit]:hover{background:#8c6a44}
.thd-modal-form button[type=submit][disabled]{opacity:.6;cursor:default}
.thd-modal-form .thd-sent{background:#faf6ef}
@media(max-width:520px){.thd-modal-form .r2{grid-template-columns:1fr}}

/* ===== Số liệu "100% / Độc bản / 12 tháng": mỗi mục một dòng, thẳng hàng ===== */
#workshop .grid-cols-3{align-items:start}
#workshop .grid-cols-3>div{min-width:0}
#workshop .mt-12.grid.grid-cols-3 .font-display{white-space:nowrap;font-size:clamp(22px,2.3vw,38px)!important;line-height:1.15!important}
@media(max-width:640px){#workshop .grid-cols-3{gap:14px!important}#workshop .mt-12.grid.grid-cols-3 .font-display{font-size:clamp(16px,5vw,22px)!important}}

/* ===== Bộ sưu tập: ô tìm kiếm + sắp xếp ===== */
.thd-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 22px}
.thd-search{position:relative;flex:1 1 320px;max-width:520px}
.thd-search>svg{position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;fill:none;stroke:#8c6a44;stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.thd-search input{width:100%;box-sizing:border-box;height:48px;padding:0 44px 0 44px;border:1px solid rgba(95,71,55,.2);border-radius:999px;background:#fff;font:400 15px/1 "Be Vietnam Pro",system-ui,sans-serif;color:#2b1f15;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .3s ease,box-shadow .3s ease}
.thd-search input::placeholder{color:#8f7f6e}
.thd-search input::-webkit-search-cancel-button{display:none}
.thd-search input:focus{border-color:#a88458;box-shadow:0 0 0 3px rgba(168,132,88,.16)}
.thd-search .x{position:absolute;right:8px;top:50%;width:32px;height:32px;margin-top:-16px;border:0;border-radius:50%;background:rgba(43,31,21,.07);color:#2b1f15;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease,color .25s ease}
.thd-search .x[hidden]{display:none}
.thd-search .x:hover{background:#2b1f15;color:#fff}
.thd-search .x svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.thd-sort{display:flex;align-items:center;gap:10px;font:500 12px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a6a58}
.thd-sort select{height:48px;padding:0 38px 0 18px;border:1px solid rgba(95,71,55,.2);border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c6a44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/14px;font:500 14px/1 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#2b1f15;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;transition:border-color .3s ease,box-shadow .3s ease}
.thd-sort select:focus{border-color:#a88458;box-shadow:0 0 0 3px rgba(168,132,88,.16)}
@media(max-width:640px){.thd-tools{gap:10px}.thd-search{flex-basis:100%;max-width:none}.thd-sort{width:100%}.thd-sort span{flex:none}.thd-sort select{flex:1}}
@media(max-width:760px){.thd-toast{bottom:76px}}

/* Điện thoại: khung ảnh sản phẩm không được rộng hơn màn hình; hàng ảnh nhỏ tự cuộn ngang */
@media(max-width:760px){
 .product-detail-grid,.gallery,.detail-info{min-width:0}
 .gallery{grid-template-columns:minmax(0,1fr)!important}
 .main-image{min-width:0;max-width:100%}
 .thumbs{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .thumbs::-webkit-scrollbar{display:none}
}

/* thd-contrast: chữ đồng thau nhỏ trên nền sáng đậm hơn để dễ đọc (≥ 4.5:1) */
html:root{--c-brass-text:#7a5f3c;--c-muted:#6a6158}
.text-brass,.eyebrow.text-brass,.premium-meta-strip span,[style*="color:#a28358"]{color:#7a5f3c}
.bg-ink .text-brass,.bg-espresso .text-brass,.thd-process .text-brass,footer .text-brass,.footer-cat [style*="color:#a28358"]{color:#c9ab7a}

/* thd-privacy: thông báo cookie, liên kết chân trang, trang chính sách */
.thd-priv-link{text-align:center;padding:0 16px 26px;font-size:12px}
.thd-priv-link a{color:inherit;opacity:.7;text-decoration:underline;text-underline-offset:3px}
.thd-priv-link a:hover{opacity:1}
footer.bg-ink .thd-priv-link{color:rgba(246,240,230,.7)}
.footer-cat .thd-priv-link{color:rgba(246,240,230,.7)}
.thd-cookie{position:fixed;left:18px;bottom:18px;z-index:2147483000;max-width:380px;background:#2b1f15;color:#f6f0e6;border-radius:18px;padding:18px 18px 16px;box-shadow:0 18px 50px rgba(0,0,0,.28);font-size:13px;line-height:1.6;animation:thdCk .4s ease both}
.thd-cookie p{margin:0 0 14px}
.thd-cookie a{color:#d9bf8f;text-decoration:underline;text-underline-offset:3px}
.thd-cookie-btns{display:flex;gap:10px;justify-content:flex-end}
.thd-cookie-btns button{appearance:none;border:1px solid rgba(246,240,230,.35);background:transparent;color:#f6f0e6;border-radius:999px;padding:9px 18px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.thd-cookie-btns button.yes{background:#c9ab7a;border-color:#c9ab7a;color:#2b1f15}
@keyframes thdCk{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){.thd-cookie{left:12px;right:12px;bottom:76px;max-width:none}}
.thd-legal{max-width:760px;padding:42px 0 10px}
.thd-legal h2{font-family:var(--font-display,"Fraunces"),Georgia,serif;font-weight:500;font-size:26px;letter-spacing:-.02em;margin:34px 0 10px;color:#2b1f15}
.thd-legal p{font-size:15px;line-height:1.85;color:#4a4036;margin:0 0 6px}
.thd-cookie-reset{appearance:none;margin-top:26px;border:1px solid rgba(95,71,55,.4);background:transparent;color:#5f4737;border-radius:999px;padding:11px 20px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.thd-cookie-reset[hidden]{display:none}

/* bỏ biểu tượng mũi tên cạnh tên sản phẩm (trên iPhone hiện thành ô xanh) */
.product-arrow{display:none!important}

/* breadcrumb: mọi mục (liên kết, dấu /, tên sản phẩm) cùng một hàng và cùng độ cao */
.breadcrumbs{align-items:center;row-gap:0}
.breadcrumbs>a,.breadcrumbs>span{display:inline-block;padding:8px 0!important;line-height:1.4!important;margin:0}
@media(max-width:760px){.breadcrumbs{flex-wrap:nowrap;gap:6px;font-size:11.5px!important}.breadcrumbs>a,.breadcrumbs>span{white-space:nowrap;flex:none}.breadcrumbs>span:last-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}}

/* logo mới (nền trong suốt): tỉ lệ khung theo ảnh */
.thd-brand-mark{width:43px!important;height:58px!important}
@media(max-width:760px){.thd-brand-mark{width:36px!important;height:48px!important}}
@media(max-width:420px){.breadcrumbs{gap:5px;font-size:10.5px!important}}

/* thd-faq: câu hỏi thường gặp mở/đóng bằng <details> */
.thd-faq{border-top:1px solid rgba(24,22,19,.15)}
.thd-faq-item{border-bottom:1px solid rgba(24,22,19,.15)}
.thd-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;cursor:pointer;list-style:none;font-family:var(--font-display,"Fraunces"),Georgia,serif;font-size:19px;line-height:1.35;font-weight:600;color:#181613}
.thd-faq-item summary::-webkit-details-marker{display:none}
.thd-faq-item summary svg{flex:none;color:#7a5f3c;transition:transform .3s ease}
.thd-faq-item[open] summary svg{transform:rotate(180deg)}
.thd-faq-item p{margin:0;padding:0 36px 22px 0;font-size:15px;line-height:1.75;color:#6a6158}

/* thd-heading: tiêu đề lớn tiếng Việt có dấu — nới dòng và khoảng cách chữ để không dính nhau */
h1.font-display,h2.font-display{letter-spacing:-.028em!important}
h1.font-display{line-height:1.14!important}
h2.font-display{line-height:1.2!important}
.collection-hero h1{line-height:1.04!important;letter-spacing:-.035em!important}
body:not(:has(#top)) main>section:first-child h1,body:not(:has(#top)) main>section:first-child h2{line-height:1.08!important;letter-spacing:-.035em!important}
#top h1{line-height:1.02!important;letter-spacing:-.04em!important}
/* thd-heading 2: tiêu đề mục ở trang chủ, thẻ sản phẩm và mục "Bạn cũng có thể thích" */
#philosophy h2,#workshop h2,#contact h2{line-height:1.1!important;letter-spacing:-.03em!important}
.product-name{line-height:1.15!important}
.related .section-head h2,.section-head h2{line-height:1.15!important}
body:not(:has(#top)) main>section:first-child h1,body:not(:has(#top)) main>section:first-child h2{line-height:1.12!important}
#top h1{line-height:1.1!important}