/* TTBH — Trung tâm Bảo hành Sakawin (mobile-first, trong shell Flatsome) */
body.skw-ttbh-page #main{padding:0}
.skw-ttbh{
	--bg:#faf5ec; --card:#fff; --ink:#2b1d17; --mut:#8f7a6c; --line:#f0e4d0;
	--red:#b50e1f; --red-d:#8e0c1b; --gold:#9a7b2d; --gold-bg:#f3ecd9;
	--r:18px;
	background:var(--bg); color:var(--ink);
	font-family:'Be Vietnam Pro',-apple-system,sans-serif; -webkit-font-smoothing:antialiased;
	padding-bottom:40px;
}
.skw-ttbh h1,.skw-ttbh h2,.skw-ttbh h3,.skw-ttbh h4,.skw-ttbh h5,.skw-ttbh h6{
	font-family:'Be Vietnam Pro',-apple-system,sans-serif;
}
.skw-ttbh *{box-sizing:border-box}
.skw-ttbh img{max-width:100%}
.skw-ttbh [hidden]{display:none !important}
.skw-ttbh :focus-visible{outline:2px solid var(--red);outline-offset:2px}
.skw-ttbh .tb-wrap{max-width:980px;margin:0 auto;padding:0 16px}

/* ---- resets: Flatsome nạp padding/margin cho control ---- */
.skw-ttbh button{margin:0;min-height:0;line-height:1.4;letter-spacing:normal;text-transform:none;font-family:inherit;box-shadow:none}
.skw-ttbh form{margin:0}

/* ---- hero ---- */
.skw-ttbh .tb-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:22px 0 8px}
.skw-ttbh .tb-hero h1{font-size:clamp(28px,7vw,40px);line-height:1.15;margin:0 0 10px;font-weight:800}
.skw-ttbh .tb-hero em{font-style:normal;color:var(--red)}
.skw-ttbh .tb-hero p{color:var(--mut);font-size:14px;margin:0 0 10px;line-height:1.6}
.skw-ttbh .tb-hero-note{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:700;font-size:13px}
.skw-ttbh .tb-hero-img img{width:100%;max-height:230px;object-fit:contain;display:block}

/* ---- tabs ---- */
.skw-ttbh .tb-tabs-shell{position:relative;padding-top:56px;margin:14px 0 22px}
.skw-ttbh .tb-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:5px;margin:0;box-shadow:0 4px 16px -10px rgba(80,60,20,.18);max-width:100%}
.skw-ttbh .tb-activation-cue{position:absolute;top:0;left:6px;width:calc((100% - 20px)/3);display:flex;flex-direction:column;align-items:center;gap:0;color:var(--red);font-size:11px;font-weight:400;line-height:1;white-space:nowrap;visibility:hidden;pointer-events:none}
.skw-ttbh .tb-activation-cue>span{display:block;font-family:'Patrick Hand','Be Vietnam Pro',sans-serif;font-size:18px;font-weight:400;line-height:1.2;letter-spacing:.2px;transform:rotate(-4deg);transform-origin:center}
.skw-ttbh .has-activation-cue .tb-activation-cue{visibility:visible}
.skw-ttbh .tb-activation-cue svg{display:block;width:56px;height:33px;flex:none;transform-origin:50% 20%}
.skw-ttbh #tab-kich-hoat{position:relative}
.skw-ttbh .has-activation-cue #tab-kich-hoat::after{content:'';position:absolute;inset:-2px;border:1.5px solid rgba(181,14,31,.3);border-radius:15px;pointer-events:none}
.skw-ttbh .is-activation-animated #tab-kich-hoat::after{animation:tb-activation-ring 1.5s ease-out 3}
.skw-ttbh .is-activation-animated .tb-activation-cue svg{animation:tb-activation-arrow 1.5s ease-in-out 3}
.skw-ttbh #pane-kich-hoat{scroll-margin-top:84px}
@keyframes tb-activation-ring{0%{box-shadow:0 0 0 0 rgba(181,14,31,.24)}75%,100%{box-shadow:0 0 0 7px rgba(181,14,31,0)}}
@keyframes tb-activation-arrow{0%,100%{transform:translateY(0) rotate(-3deg)}45%,60%{transform:translateY(2px) rotate(2deg)}}
.skw-ttbh .tb-tab{margin:0;width:100%;min-width:0;height:44px;min-height:44px;padding:0 6px;display:flex;align-items:center;justify-content:center;gap:7px;line-height:1.25;border:0;border-radius:13px;font-weight:600;font-size:13px;background:transparent;color:#6b6357;box-shadow:none;cursor:pointer;transition:.2s;white-space:nowrap}
.skw-ttbh .tb-tab svg{flex:none;display:block;width:16px;height:16px;stroke-width:1.6}
.skw-ttbh .tb-tab.on{background:var(--red);color:#fff}

/* ---- section head ---- */
.skw-ttbh .tb-sec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.skw-ttbh .tb-kicker{display:inline-block;color:var(--red);font-weight:800;font-size:11px;letter-spacing:2px;margin-bottom:6px}
.skw-ttbh .tb-sec-head h2{margin:0 0 6px;font-size:clamp(21px,5.4vw,30px);font-weight:800}
.skw-ttbh .tb-sec-head p{margin:0;color:var(--mut);font-size:13.5px;line-height:1.55}
.skw-ttbh .tb-stepchip{background:#f9e9e0;color:var(--red);font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;white-space:nowrap}

/* ---- grid & cards ---- */
.skw-ttbh .tb-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.skw-ttbh .tb-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 18px;box-shadow:0 14px 30px -22px rgba(90,70,30,.3)}
.skw-ttbh .tb-side{display:none}

/* form sections */
.skw-ttbh .tb-fsec{padding:16px 0;border-bottom:1px solid var(--line)}
.skw-ttbh .tb-fsec:first-of-type{padding-top:0}
.skw-ttbh .tb-fsec-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
.skw-ttbh .tb-num{min-width:34px;height:34px;border-radius:50%;background:var(--gold-bg);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.skw-ttbh .tb-fsec-head b{display:block;font-size:15px;font-weight:700}
.skw-ttbh .tb-fsec-head small{color:var(--mut);font-size:12px;font-weight:400}

/* fields */
.skw-ttbh .tb-row2{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.skw-ttbh .tb-field{display:block;min-width:0;margin-bottom:12px}
.skw-ttbh .tb-field>span{display:block;font-weight:400;font-size:12px;color:var(--mut);letter-spacing:.2px;margin-bottom:6px}
.skw-ttbh .tb-field>span i{color:var(--red);font-style:normal}
.skw-ttbh .tb-field input[type=text],
.skw-ttbh .tb-field input[type=tel],
.skw-ttbh .tb-field input[type=date],
.skw-ttbh .tb-field input[type=number],
.skw-ttbh .tb-field input[type=email],
.skw-ttbh .tb-field select{
	box-sizing:border-box;width:100%;min-width:0;height:46px;min-height:46px;margin:0;
	padding:0 14px;line-height:normal;border:1px solid var(--line);border-radius:12px;
	font:400 14px 'Be Vietnam Pro',sans-serif;color:var(--ink);background-color:#fff;
	box-shadow:none;appearance:none;-webkit-appearance:none}
.skw-ttbh .tb-field select{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238f7a6c' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.skw-ttbh .tb-field textarea{
	box-sizing:border-box;width:100%;min-width:0;margin:0;height:auto;min-height:112px;
	padding:12px 14px;border:1px solid var(--line);border-radius:12px;
	font:400 14px 'Be Vietnam Pro',sans-serif;line-height:1.5;color:var(--ink);background-color:#fff;
	box-shadow:none;appearance:none;-webkit-appearance:none;resize:vertical}
.skw-ttbh .tb-field input:focus,.skw-ttbh .tb-field select:focus,.skw-ttbh .tb-field textarea:focus{border-color:var(--red);outline:2px solid rgba(181,14,31,.25);outline-offset:0}
.skw-ttbh .tb-field.err input,.skw-ttbh .tb-field.err select,.skw-ttbh .tb-field.err textarea{border-color:var(--red)}
.skw-ttbh .tb-lb-sm{letter-spacing:1.5px;font-size:11px !important;color:var(--mut)}

/* hint + notes */
.skw-ttbh .tb-hint{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:0;height:auto;border:0;background:none;color:var(--red);font-size:12.5px;font-weight:600;padding:0;margin:-4px 0 14px;cursor:pointer;white-space:normal;text-align:left}
.skw-ttbh .tb-hint-box{background:var(--gold-bg);border-radius:10px;padding:12px 14px;font-size:13px;color:#6b5a2a;margin-bottom:12px;line-height:1.55}
.skw-ttbh .tb-note-red{color:var(--red);font-size:11.5px;font-weight:400;margin:-4px 0 14px}
.skw-ttbh .tb-note{color:var(--mut);font-size:11.5px;font-weight:400;margin:4px 0 14px}

/* multi select */
.skw-ttbh .tb-ms{position:relative}
.skw-ttbh .tb-ms-btn{width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238f7a6c' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;min-height:46px;height:auto;line-height:20px;padding:12px 38px 12px 14px;margin:0;font-size:14px;font-weight:400;font-family:inherit;color:var(--ink);cursor:pointer;white-space:normal;overflow-wrap:anywhere;box-shadow:none;appearance:none;-webkit-appearance:none}
.skw-ttbh .tb-ms-btn.has{color:var(--ink);font-weight:600}
.skw-ttbh .tb-ms-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;z-index:30;box-shadow:0 16px 40px -16px rgba(60,45,15,.35)}
.skw-ttbh .tb-ms-search-wrap{padding:12px;border-bottom:1px solid var(--line)}
.skw-ttbh .tb-field .tb-ms-search{height:44px;min-height:44px;font-size:16px}
.skw-ttbh .tb-ms-empty{margin:0;padding:10px 14px;color:var(--mut);font-size:12px;line-height:1.5}
.skw-ttbh .tb-ms-list{max-height:250px;overflow:auto;overscroll-behavior:contain;border-radius:0 0 14px 14px}
.skw-ttbh .tb-ms-list label{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:14px;border-bottom:1px solid #f3eee0;cursor:pointer;min-width:0}
.skw-ttbh .tb-ms-list label:last-child{border-bottom:0}
.skw-ttbh .tb-ms-list input[type=checkbox]{accent-color:var(--red);width:17px;height:17px;min-width:17px;margin:0;flex:none}
.skw-ttbh .tb-ms-list label:hover{background:#faf6ec}
.skw-ttbh .tb-ms-list .tb-product-option{display:block;width:100%;min-width:0;min-height:44px;margin:0;padding:11px 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font:400 14px/1.5 'Be Vietnam Pro',sans-serif;text-align:left;white-space:normal;overflow-wrap:anywhere;box-shadow:none}
.skw-ttbh .tb-ms-list .tb-product-option:last-child{border-bottom:0}
.skw-ttbh .tb-ms-list .tb-product-option:hover,.skw-ttbh .tb-ms-list .tb-product-option[aria-pressed=true]{background:var(--gold-bg);color:var(--red)}
.skw-ttbh .tb-ms-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.skw-ttbh .tb-ms-tag{background:#f9e9e0;color:var(--red);font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px}

/* collapsible */
.skw-ttbh .tb-more{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin:6px 0 14px}
.skw-ttbh .tb-more summary{list-style:none;cursor:pointer;padding:13px 0;font-weight:600;font-size:13px;color:#4a443d;display:flex;justify-content:space-between;align-items:center}
.skw-ttbh .tb-more summary::-webkit-details-marker{display:none}
.skw-ttbh .tb-more-ar{transition:.2s;color:var(--mut)}
.skw-ttbh .tb-more[open] .tb-more-ar{transform:rotate(180deg)}

/* checkboxes */
.skw-ttbh .tb-check{display:flex;gap:10px;align-items:center;font-size:12.5px;font-weight:400;margin-bottom:10px;cursor:pointer;color:#4a443d;line-height:1.5;min-width:0}
.skw-ttbh .tb-check input{position:absolute;opacity:0;width:20px;height:20px}
.skw-ttbh .tb-check span{min-width:20px;width:20px;height:20px;flex:none;border:1.5px solid var(--line);border-radius:6px;background:#fff;position:relative;transition:.15s}
.skw-ttbh .tb-check input:checked+span{background:var(--red);border-color:var(--red)}
.skw-ttbh .tb-check input:checked+span::after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.skw-ttbh .tb-check input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.skw-ttbh .tb-legal{font-size:12px;color:var(--mut);line-height:1.6;margin:6px 0 16px}
.skw-ttbh .tb-legal a{color:var(--red)}

/* buttons */
.skw-ttbh .tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;font-weight:700;font-size:14.5px;min-height:46px;margin:0;padding:13px 22px;line-height:1.4;text-transform:none;letter-spacing:normal;cursor:pointer;text-decoration:none;font-family:inherit;transition:.2s;box-shadow:none}
.skw-ttbh .tb-btn-red{background:linear-gradient(135deg,#c8102e,#8e0c1b);color:#fff;box-shadow:0 8px 18px -8px rgba(184,16,46,.55)}
.skw-ttbh .tb-btn-red:hover{filter:brightness(1.05)}
.skw-ttbh .tb-btn-outline{background:#fff;color:var(--red);border:1.5px solid var(--red)}
.skw-ttbh .tb-btn-lg{width:100%;padding:16px;font-size:16px;border-radius:14px}
.skw-ttbh .tb-btn:disabled{opacity:.6;cursor:wait}
.skw-ttbh .tb-link-red{color:var(--red);font-weight:700;font-size:14px;text-decoration:none;display:inline-block;margin-top:8px}
.skw-ttbh .tb-err{background:#f9e9e0;color:var(--red);font-size:13px;font-weight:600;border-radius:10px;padding:10px 14px;margin:0 0 12px}
.skw-ttbh .tb-hp{position:absolute;left:-9999px;opacity:0;height:0}

/* lookup */
.skw-ttbh .tb-lk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px;align-items:end}
.skw-ttbh .tb-lk .tb-field{margin:0}
.skw-ttbh .tb-lk .tb-err{grid-column:1/-1;margin:0}

/* result card */
.skw-ttbh .tb-res-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.skw-ttbh .tb-res-head .tb-kicker{margin:0}
.skw-ttbh .tb-res-head h3{margin:4px 0 0;font-size:19px}
.skw-ttbh .tb-chip{background:var(--gold-bg);color:var(--gold);font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:999px;white-space:nowrap}
.skw-ttbh .tb-res-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 10px;padding:6px 0 14px;border-bottom:1px solid var(--line)}
.skw-ttbh .tb-res-grid small{display:block;color:var(--mut);font-size:11.5px;margin-bottom:3px}
.skw-ttbh .tb-res-grid b{font-size:13.5px}
.skw-ttbh .tb-res-prod{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.skw-ttbh .tb-res-prod img{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#f3eee0}
.skw-ttbh .tb-res-prod small{display:block;color:var(--mut);font-size:10.5px;letter-spacing:1.5px;font-weight:700}
.skw-ttbh .tb-res-prod b{font-size:14px}
.skw-ttbh .tb-res-prod p{margin:4px 0 0;font-size:12px;color:var(--mut);line-height:1.5}
.skw-ttbh .tb-res-cases{display:flex;gap:8px;align-items:center;font-size:13px;color:#4a443d;padding:14px 0}
.skw-ttbh .tb-res-cases svg{color:var(--mut)}
.skw-ttbh .tb-lk .tb-btn-red{white-space:nowrap;height:46px;min-height:46px;padding:0 18px}
.skw-ttbh .tb-lk-more{display:block;text-align:center;color:var(--red);font-weight:700;font-size:13px;margin:16px 0;background:none;border:0;cursor:pointer}
.skw-ttbh .tb-lk-empty{text-align:center;padding:26px 20px}
.skw-ttbh .tb-lk-empty b{font-size:16px}
.skw-ttbh .tb-lk-empty p{color:var(--mut);font-size:13.5px}

/* issue options */
.skw-ttbh .tb-sub-lb{font-weight:700;font-size:13.5px;margin:6px 0 10px}
.skw-ttbh .tb-issue{display:grid;gap:9px;margin-bottom:16px}
.skw-ttbh .tb-issue-opt{display:flex;align-items:center;gap:11px;border:1.5px solid var(--line);border-radius:12px;padding:14px;font-weight:600;font-size:14.5px;cursor:pointer;transition:.15s;background:#fff;color:#4a443d;min-width:0}
.skw-ttbh .tb-issue-opt svg{color:#6b6357;flex:none}
.skw-ttbh .tb-issue-opt input{position:absolute;opacity:0}
.skw-ttbh .tb-issue-opt.on{border-color:var(--red);color:var(--red);box-shadow:0 0 0 1px var(--red) inset}
.skw-ttbh .tb-issue-opt.on svg{color:var(--red)}
.skw-ttbh .tb-issue-opt:has(input:focus-visible){outline:2px solid var(--red);outline-offset:2px}

/* video box */
.skw-ttbh .tb-video-box{background:var(--gold-bg);border-radius:12px;padding:14px;margin-bottom:14px}
.skw-ttbh .tb-video-box iframe,.skw-ttbh .tb-video-box video{width:100%;aspect-ratio:16/9;border-radius:8px;border:0}
.skw-ttbh .tb-video-box .tb-btn{width:100%;margin-top:10px}

/* upload */
.skw-ttbh .tb-upload{display:block;border:1.5px dashed #d8cfb8;border-radius:14px;background:#fbf8f0;text-align:center;padding:22px 14px;cursor:pointer;margin-bottom:16px;color:var(--mut)}
.skw-ttbh .tb-upload svg{color:var(--red);margin-bottom:6px}
.skw-ttbh .tb-upload b{display:block;color:var(--ink);font-size:14px}
.skw-ttbh .tb-upload small{font-size:12px}
.skw-ttbh .tb-upload-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}
.skw-ttbh .tb-upload-list .tb-file{background:#fff;border:1px solid var(--line);border-radius:8px;font-size:11.5px;padding:5px 9px;color:#4a443d}

/* done screens */
.skw-ttbh .tb-done{text-align:center;padding:10px 0 18px}
.skw-ttbh .tb-done-ic{display:inline-flex;width:76px;height:76px;border-radius:50%;background:#fff;border:1px solid var(--line);align-items:center;justify-content:center;color:var(--red);margin-bottom:14px}
.skw-ttbh .tb-done h2{font-size:clamp(22px,5.5vw,30px);margin:8px 0 8px}
.skw-ttbh .tb-done p{color:var(--mut);font-size:14px;line-height:1.6;max-width:520px;margin:0 auto}
.skw-ttbh .tb-wcard{border-top:4px solid var(--red);max-width:560px;margin:0 auto;text-align:left}
.skw-ttbh .tb-wcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.skw-ttbh .tb-wcard-top span{font-weight:800;font-size:13px;letter-spacing:1.5px}
.skw-ttbh .tb-wcard-logo{height:40px;border-radius:50%}
.skw-ttbh .tb-wcard-lb{font-size:10.5px;letter-spacing:2px;color:var(--mut);font-weight:700}
.skw-ttbh .tb-wcard-code{font-size:clamp(24px,6.5vw,34px);font-weight:800;color:var(--red);letter-spacing:1px;margin:4px 0 12px;word-break:break-all}
.skw-ttbh .tb-wcard hr{border:0;border-top:1px dashed var(--line);margin:0 0 12px}
.skw-ttbh .tb-wrow{display:flex;justify-content:space-between;gap:14px;padding:7px 0;font-size:13.5px}
.skw-ttbh .tb-wrow span{color:var(--mut)}
.skw-ttbh .tb-wrow b{text-align:right}
.skw-ttbh .tb-waiting{color:var(--gold)}
.skw-ttbh .tb-wterms{max-width:560px;margin:14px auto 0;text-align:left}
.skw-ttbh .tb-wterms b{display:flex;gap:8px;font-size:14.5px;margin-bottom:8px}
.skw-ttbh .tb-wterms p{font-size:13px;color:#4a443d;line-height:1.6;margin:0 0 10px}
.skw-ttbh .tb-wterms ul{margin:0 0 10px;padding-left:18px;font-size:13px;color:#4a443d;line-height:1.7}
.skw-ttbh .tb-wterms .tb-link-red{margin-top:2px;font-size:13.5px}
.skw-ttbh .tb-done-btns{display:flex;gap:10px;max-width:560px;margin:18px auto 0}
.skw-ttbh .tb-done-btns .tb-btn{flex:1}
.skw-ttbh .tb-done-note{font-size:12px;color:var(--mut);text-align:center;max-width:420px;margin:14px auto 0;line-height:1.6}

/* ---- desktop ---- */
@media(min-width:850px){
	.skw-ttbh .tb-hero{grid-template-columns:minmax(0,1fr) 400px;align-items:center;padding:34px 0 14px;gap:36px}
	.skw-ttbh .tb-hero-img img{max-height:330px}
	.skw-ttbh .tb-tabs-shell{max-width:640px;margin:18px auto 30px}
	.skw-ttbh .tb-tab{font-size:14.5px}
	.skw-ttbh .tb-grid{grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
	.skw-ttbh .tb-card{padding:26px 26px}
	.skw-ttbh .tb-side{display:grid;gap:14px}
	.skw-ttbh .tb-side-card{text-align:left}
	.skw-ttbh .tb-side-ic{display:inline-flex;width:42px;height:42px;border-radius:12px;background:#f9e9e0;color:var(--red);align-items:center;justify-content:center;margin-bottom:10px}
	.skw-ttbh .tb-side-card b{font-size:15px}
	.skw-ttbh .tb-side-card p{font-size:13px;color:var(--mut);line-height:1.6;margin:6px 0 0}
	.skw-ttbh .tb-row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
	.skw-ttbh .tb-lk{grid-template-columns:minmax(0,1fr) auto;align-items:end}
	.skw-ttbh .tb-lk .tb-btn-red{padding:0 30px}
	.skw-ttbh .tb-issue{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.skw-ttbh .tb-done{padding:26px 0}
}
@media(max-width:480px){
	.skw-ttbh .tb-tab{font-size:12px;gap:4px}
	.skw-ttbh .tb-tab svg{width:14px;height:14px;flex:none}
	.skw-ttbh .tb-tabs{gap:4px;padding:5px}
}
@media(max-width:400px){
	.skw-ttbh .tb-tab{font-size:11px}
}

/* ---------- preview thời hạn bảo hành (minh họa staging) ---------- */
.skw-ttbh .tb-res-prod-info{width:100%;min-width:0}
.skw-ttbh .tb-warranty-preview{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#faf5ec}
.skw-ttbh .tb-warranty-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.skw-ttbh .tb-warranty-caption{font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--mut)}
.skw-ttbh .tb-warranty-demo{display:inline-flex;background:var(--gold-bg);color:var(--gold);font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px}
.skw-ttbh .tb-warranty-remaining{display:block;font-size:clamp(21px,4.8vw,26px);font-weight:700;line-height:1.35;color:var(--red);margin:10px 0 14px}
.skw-ttbh .tb-warranty-preview--expired .tb-warranty-remaining{color:var(--mut)}
.skw-ttbh .tb-warranty-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.skw-ttbh .tb-warranty-meta span{display:block;font-size:11px;color:var(--mut)}
.skw-ttbh .tb-warranty-meta b{display:block;font-size:13px;margin-top:4px}
.skw-ttbh .tb-warranty-progress{height:6px;border-radius:99px;overflow:hidden;background:#eadfce;margin:14px 0 7px}
.skw-ttbh .tb-warranty-progress>span{display:block;height:100%;background:var(--red)}
.skw-ttbh .tb-warranty-dates{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--mut)}
.skw-ttbh .tb-warranty-preview .tb-warranty-preview-note{font-size:11px;line-height:1.5;margin:12px 0 0;color:var(--mut)}
@media(max-width:480px){.skw-ttbh .tb-warranty-preview{padding:14px}}
@media(max-width:340px){.skw-ttbh .tb-warranty-meta{grid-template-columns:1fr}}
@media(min-width:850px){.skw-ttbh #pane-kich-hoat{scroll-margin-top:144px}}
@media(max-width:400px){.skw-ttbh .tb-activation-cue>span{font-size:16px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.skw-ttbh .is-activation-animated #tab-kich-hoat::after,.skw-ttbh .is-activation-animated .tb-activation-cue svg{animation:none}}

/* =====================================================================
   SỬA GIAO DIỆN 15/10/2026 (Claude) — thứ bậc chữ, tương phản, vùng chạm
   Lý do: nhãn ô (12px, nhạt) đang yếu hơn chữ gợi ý trong ô (14px, xám đậm
   mặc định trình duyệt). Gỡ cả khối này là về lại giao diện cũ.
   ===================================================================== */

/* 1. Chữ phụ đậm hơn một bậc: 3.74:1 → 4.73:1 trên nền kem (chuẩn tối thiểu 4.5:1) */
.skw-ttbh{--mut:#7d6a5c}

/* 2. Nhãn ô: to hơn, đậm hơn, tối hơn chữ gợi ý */
.skw-ttbh .tb-field>span{font-size:14px;font-weight:600;color:#3d2e25;letter-spacing:0;margin-bottom:7px}
.skw-ttbh .tb-field>span i{margin-left:2px}

/* 3. Chữ gợi ý trong ô: mờ, nét mảnh 300 (Toàn chốt 15/10) */
.skw-ttbh .tb-field input::placeholder,
.skw-ttbh .tb-field textarea::placeholder,
.skw-ttbh .tb-ms-search::placeholder{color:#ad9f91;opacity:1;font-weight:300;font-size:14px}

/* 4. Ô chọn khi chưa chọn gì trông như chữ gợi ý, không như đã có giá trị */
.skw-ttbh .tb-field select:invalid,
.skw-ttbh .tb-field select:has(option[value=""]:checked),
.skw-ttbh .tb-ms-btn:not(.has){color:#ad9f91;font-weight:300}
.skw-ttbh .tb-field select option{color:#2b1d17}

/* 5. Chữ nhỏ dưới 12.5px nâng lên cho dễ đọc trên điện thoại */
.skw-ttbh .tb-kicker{font-size:12px}
.skw-ttbh .tb-fsec-head small{font-size:12.5px}
.skw-ttbh .tb-note-red,.skw-ttbh .tb-note{font-size:12.5px;line-height:1.55}
.skw-ttbh .tb-legal{font-size:12.5px}
.skw-ttbh .tb-lb-sm{font-size:12px !important}

/* 6. Số thứ tự mục: 3.40:1 → 4.80:1 */
.skw-ttbh .tb-num{color:#7f6322}

/* 7. Vùng chạm đủ lớn cho ngón tay */
.skw-ttbh .tb-hint{padding:8px 0;margin:-10px 0 8px}
.skw-ttbh .tb-link-red{padding:9px 0;margin-top:0}
.skw-ttbh .tb-check{min-height:44px;margin-bottom:4px}

/* 8. Điện thoại: chữ trong ô 16px để iPhone không tự phóng to khi chạm vào ô */
@media(max-width:849px){
	.skw-ttbh .tb-field input[type=text],
	.skw-ttbh .tb-field input[type=tel],
	.skw-ttbh .tb-field input[type=date],
	.skw-ttbh .tb-field input[type=number],
	.skw-ttbh .tb-field input[type=email],
	.skw-ttbh .tb-field select,
	.skw-ttbh .tb-field textarea,
	.skw-ttbh .tb-ms-btn,
	.skw-ttbh .tb-ms-search{font-size:16px}
}

/* 9. Thanh tab trên điện thoại: 11–12px → 13px (đã đo: vẫn vừa 3 tab ở 360px) */
@media(max-width:480px){.skw-ttbh .tb-tab{font-size:13px}}
@media(max-width:400px){.skw-ttbh .tb-tab{font-size:13px;gap:3px;padding:0 1px}.skw-ttbh .tb-tabs{gap:3px;padding:4px}}
@media(max-width:350px){.skw-ttbh .tb-tab svg{display:none}}

/* 10. Chữ nhỏ ở khối kết quả tra cứu (chỉ hiện sau khi tra) */
.skw-ttbh .tb-warranty-caption{font-size:11.5px}
.skw-ttbh .tb-warranty-demo{font-size:12px}
.skw-ttbh .tb-warranty-meta span{font-size:12px}
/* ===================== HẾT KHỐI SỬA 15/10/2026 ===================== */

/* ===== THẺ THỜI HẠN BẢO HÀNH THẬT 15/10/2026 (ttbh-warranty.php) ===== */
.skw-ttbh .tb-w-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap;background:#e5f2e9;color:#2b6e44}
.skw-ttbh .tb-w-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.skw-ttbh .tb-w--soon .tb-w-chip,.skw-ttbh .tb-w--ends_today .tb-w-chip{background:var(--gold-bg);color:#7f6322}
.skw-ttbh .tb-w--expired .tb-w-chip{background:#ece7e1;color:#6b5d52}
.skw-ttbh .tb-w .tb-warranty-remaining{margin:10px 0 2px}
.skw-ttbh .tb-w--active .tb-warranty-remaining{color:#2b6e44}
.skw-ttbh .tb-w--soon .tb-warranty-remaining,.skw-ttbh .tb-w--ends_today .tb-warranty-remaining{color:#9a6a12}
.skw-ttbh .tb-w--expired .tb-warranty-remaining{color:#6b5d52;margin-bottom:14px}
.skw-ttbh .tb-w-days{display:block;font-size:12.5px;color:var(--mut);margin-bottom:14px}
.skw-ttbh .tb-w--active .tb-warranty-progress>span{background:#3d8a5a}
.skw-ttbh .tb-w--soon .tb-warranty-progress>span,.skw-ttbh .tb-w--ends_today .tb-warranty-progress>span{background:#c99a2e}
.skw-ttbh .tb-w--expired .tb-warranty-progress>span{background:#b9ada2}
.skw-ttbh .tb-w .tb-warranty-preview-note{font-size:12px}
.skw-ttbh .tb-w-draft{margin:10px 0 0;padding:6px 10px;border-radius:8px;background:#fff1d6;color:#7f6322;font-size:12px;font-weight:600}
.skw-ttbh .tb-w-unknown{margin:6px 0 0;font-size:12.5px;color:var(--mut);line-height:1.55}
/* ===== HẾT KHỐI THẺ THỜI HẠN ===== */

/* ===== NHẬN DIỆN TRUNG TÂM BẢO HÀNH 20/10/2026 ===== */
.skw-ttbh .tb-hero-kicker{display:block;margin-bottom:10px}
.skw-ttbh .tb-support{max-width:760px;margin:28px auto 0}
.skw-ttbh .tb-support h2{font-size:20px;margin:0 0 10px}
.skw-ttbh .tb-support p{font-size:14.5px;line-height:1.65;color:#4a443d;margin:0 0 12px}
.skw-ttbh .tb-support-list{margin:0;padding-left:18px;font-size:14.5px;line-height:1.9;color:#4a443d}
.skw-ttbh .tb-support-list a{color:var(--red);font-weight:600}
/* ===== HẾT KHỐI NHẬN DIỆN ===== */