/* =========================================================
   TAIERYI – style.css
   Dùng với Elementor free: gán class ở tab Advanced > CSS Classes.
   ========================================================= */

:root{
  --bg:#FFFFFF; --bg-2:#F3EEE8; --line:#E6E0DA;
  --ink:#1E1A17; --ink-2:#5E554D;
  --accent:#F5874F; --accent-hover:#E0733C; --btn:#B8501D; --btn-hover:#963F12; --accent-text:#A9471A; --on-accent:#1E1A17;
  --foot-bg:#1E1A17; --foot-ink:#F3EEE8; --foot-ink-2:#B9AFA5;
  --hf:'Noto Serif Display',Georgia,serif; --hw:500; --hs:.86;
  --bf:'Be Vietnam Pro',system-ui,sans-serif;
  --mf:'IBM Plex Mono',ui-monospace,monospace;
  --img:none;
  --wrap:1320px; --pad:clamp(20px,4vw,60px);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--bf);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent-text)}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[hidden]{display:none!important}
ul,ol{margin:0;padding:0;list-style:none}
figure{margin:0}

.tey-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.tey-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.tey-h{font-family:var(--hf);font-weight:var(--hw);line-height:.95;letter-spacing:-.01em;margin:0;text-wrap:balance}
.tey-h em{font-style:italic;color:var(--accent-text)}
.tey-kicker{margin:0;font:600 12px/1.5 var(--bf);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}
.tey-lead{margin:0;font-size:18px;line-height:1.65;color:var(--ink-2);max-width:46ch;text-wrap:pretty}
.tey-fill{font:500 .8em/1.2 var(--mf);letter-spacing:0;background:rgba(245,135,79,.16);color:var(--accent-text);padding:.12em .4em;border-radius:2px;white-space:nowrap;font-style:normal}

/* Nút */
.tey-btn{white-space:nowrap;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:600 15px/1 var(--bf);border:1.5px solid var(--ink);background:transparent;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.tey-btn:hover{background:var(--ink);color:var(--bg)}
.tey-btn--main{background:var(--btn);border-color:var(--btn);color:#fff;box-shadow:0 6px 18px rgba(184,80,29,.25)}
.tey-btn--main:hover{background:var(--btn-hover);border-color:var(--btn-hover);color:#fff}
.tey-btn--main:active{transform:translateY(1px)}
.tey-btn svg{width:18px;height:18px}
.tey-btns{display:flex;flex-wrap:wrap;gap:12px}
.tey-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.tey-chip{white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid var(--ink);border-radius:999px;font-size:14px;font-weight:500;background:transparent;color:var(--ink);transition:.2s}
.tey-chip:hover{background:var(--ink);color:var(--bg)}
.tey-chip--main{background:var(--ink);color:var(--bg)}
.tey-chip--main:hover{background:var(--btn);border-color:var(--btn);color:#fff}
.tey-chip.is-on{background:var(--btn);border-color:var(--btn);color:#fff}

/* ---------- Header ---------- */
.tey-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.tey-header.is-stuck{border-color:var(--line)}
.tey-header__in{display:flex;align-items:center;gap:36px;height:88px}
.tey-logo img{height:64px;width:auto}
.tey-nav{margin-right:auto;margin-left:auto}
/* Menu 3 cấp – chỉ dựng cấu trúc, style tối giản */
.tey-menu{display:flex;gap:32px;font-size:15px;font-weight:500}
.tey-menu li{position:relative}
.tey-menu>li>a{display:block;padding:32px 0;border-bottom:1.5px solid transparent}
.tey-menu>li>a:hover{color:inherit;border-color:#F5874F}
.tey-menu .sub{position:absolute;top:100%;left:-18px;min-width:240px;padding:10px 0;background:#fff;color:#1E1A17;box-shadow:0 14px 36px rgba(30,26,23,.14);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:10}
.tey-menu .sub .sub{top:-10px;left:100%}
.tey-menu li:hover>.sub,.tey-menu li:focus-within>.sub{opacity:1;visibility:visible;transform:none}
.tey-menu .sub a{display:block;padding:9px 20px;font-size:14px;font-weight:500}
.tey-menu .sub a:hover{background:#F3EEE8;color:#A9471A}
.tey-menu .sub .has-sub>a::after{content:"›";float:right;margin-left:12px}
.tey-menu--m{display:block;font-size:17px}
.tey-menu--m li{border-bottom:1px solid var(--line)}
.tey-menu--m>li>a{padding:14px 0;border:0;font:var(--hw) 30px/1.2 var(--hf)}
.tey-menu--m .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:none;padding:0 0 10px 14px;min-width:0}
.tey-menu--m .sub li{border:0}
.tey-menu--m .sub a{padding:7px 0;font-size:15px}
.tey-menu--m .sub .has-sub>a::after{content:none}
/* Trang chủ: header trong suốt nằm trên ảnh hero */
.tey-home .tey-header:not(.is-stuck){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff}
.tey-home .tey-header:not(.is-stuck) .tey-icon,.tey-home .tey-header:not(.is-stuck) .tey-hotline strong{color:#fff}
.tey-home .tey-header:not(.is-stuck) .tey-icon:hover{background:rgba(255,255,255,.14)}
.tey-home .tey-header:not(.is-stuck) .tey-hotline{color:#EDE7E1;border-color:rgba(255,255,255,.3)}
.tey-header{color:var(--ink)}
.tey-tools{display:flex;align-items:center;gap:6px;margin-left:auto}
.tey-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:0;background:transparent;color:var(--ink);position:relative}
.tey-icon:hover{background:var(--bg-2);color:var(--ink)}
.tey-icon svg{width:22px;height:22px}
.tey-cart b{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--btn);color:#fff;font:600 11px/18px var(--bf);text-align:center}
.tey-hotline{display:flex;flex-direction:column;line-height:1.25;font-size:12px;color:var(--ink-2);margin-left:10px;padding-left:18px;border-left:1px solid var(--line)}
.tey-hotline strong{font-size:15px;color:var(--ink)}
.tey-burger{display:none}

.tey-drawer{position:fixed;inset:0;z-index:90;background:var(--bg);padding:20px var(--pad) 120px;transform:translateX(100%);transition:transform .35s ease;overflow:auto;display:flex;flex-direction:column;gap:4px}
.tey-drawer.is-open{transform:none}
.tey-drawer__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.tey-drawer__top img{height:52px}
.tey-drawer a.tey-drawer__big{font:var(--hw) calc(44px*var(--hs))/1.15 var(--hf);padding:8px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}
.tey-drawer a.tey-drawer__big span{font:500 12px var(--mf);color:var(--accent-text)}

/* ---------- Hero (ảnh tràn, header nổi bên trên) ---------- */
.tey-hero{position:relative;height:clamp(640px,94vh,900px);margin-top:-88px;color:#fff;overflow:hidden;background:#1E1A17}
/* Slide: ảnh nền phóng nhẹ (ken burns) + mờ dần */
.tey-slide{position:absolute;inset:0;display:flex;align-items:center;padding:calc(88px + 40px) 0 150px;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s linear 1.1s}
.tey-slide.is-on{opacity:1;visibility:visible;transition:opacity 1.1s ease,visibility 0s}
.tey-slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,17,15,.8) 0%,rgba(20,17,15,.5) 45%,rgba(20,17,15,.12) 100%)}
.tey-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 55%;transform:scale(1.1);transition:transform 7s cubic-bezier(.2,.6,.3,1)}
.tey-slide.is-on .tey-hero__bg{transform:scale(1)}
.tey-hero__in{position:relative;z-index:2;width:100%}
/* Chữ xuất hiện sau khi chuyển slide */
.tey-a{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.tey-slide.is-on .tey-a{opacity:1;transform:none}
.tey-slide.is-on .tey-a--1{transition-delay:.55s}
.tey-slide.is-on .tey-a--3{transition-delay:1.15s}
.tey-slide.is-on .tey-a--4{transition-delay:1.35s}
.tey-line{display:block;overflow:hidden;padding:0 .08em .2em 0;margin-bottom:-.12em}
.tey-line>span{display:inline-block;transform:translateY(110%);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.tey-slide.is-on .tey-line>span{transform:none}
.tey-slide.is-on .tey-line:nth-child(1)>span{transition-delay:.7s}
.tey-slide.is-on .tey-line:nth-child(2)>span{transition-delay:.85s}
.tey-kicker.tey-a::before{content:"";display:inline-block;vertical-align:middle;width:0;height:1px;background:#F5874F;margin-right:0;transition:width .8s ease .6s,margin .8s ease .6s}
.tey-slide.is-on .tey-kicker.tey-a::before{width:40px;margin-right:14px}

/* Menu slide: thẻ "mẫu vải" đánh số + thanh chạy thời gian */
.tey-snav{position:absolute;z-index:5;left:0;right:0;bottom:36px}
.tey-snav .tey-wrap{display:flex;justify-content:flex-end;gap:10px}
.tey-snav button{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;width:220px;padding:14px 16px 16px;text-align:left;border:1px solid rgba(255,255,255,.22);background:rgba(20,17,15,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:2px;transition:background .3s,border-color .3s,transform .3s}
.tey-snav button:hover{background:rgba(20,17,15,.5);transform:translateY(-3px)}
.tey-snav b{grid-row:1/3;font:400 34px/1 var(--hf);color:rgba(255,255,255,.45);transition:color .3s}
.tey-snav strong{font:600 13px/1.3 var(--bf)}
.tey-snav small{font:400 12px/1.3 var(--bf);color:#D2C8BE}
.tey-snav i{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.15);overflow:hidden}
.tey-snav i::after{content:"";position:absolute;inset:0;background:#F5874F;transform:scaleX(0);transform-origin:left}
.tey-snav button.is-on{border-color:rgba(245,135,79,.7);background:rgba(20,17,15,.55)}
.tey-snav button.is-on b{color:#F5874F}
.tey-snav button.is-on i::after{animation:tey-prog var(--dur,6.5s) linear forwards}
.tey-hero.is-paused .tey-snav button.is-on i::after{animation-play-state:paused}
@keyframes tey-prog{to{transform:scaleX(1)}}
.tey-snav__count{align-self:center;margin-right:auto;font:500 13px var(--mf);letter-spacing:.1em;color:#D2C8BE}
.tey-snav__count b{color:#fff;font-size:18px}
@media (prefers-reduced-motion:reduce){.tey-a,.tey-line>span,.tey-hero__bg{transition:none!important;transform:none!important}}
.tey-hero .tey-kicker{color:#F5874F}
.tey-hero__title{font-size:clamp(46px,6.4vw,100px);font-weight:400;letter-spacing:-.02em;line-height:1;margin:20px 0 28px;max-width:20ch}
.tey-hero__title em{color:#F5874F}
.tey-hero__lead{margin:0 0 40px;max-width:46ch;font-size:18px;line-height:1.7;color:#EDE7E1}
.tey-btn--light{border-color:rgba(255,255,255,.8);color:#fff}
.tey-btn--light:hover{background:#fff;color:#1E1A17;border-color:#fff}
.tey-indexwrap{padding:0}
.tey-indexwrap .tey-index{border-top:0}
.tey-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}
.tey-index a{padding:26px 24px 30px 0;display:grid;gap:6px;border-right:1px solid var(--line);padding-left:24px}
.tey-index a:first-child{padding-left:0}
.tey-index a:last-child{border-right:0}
.tey-index a:hover{color:var(--ink)}
.tey-index a:hover strong{color:var(--accent-text)}
.tey-index span{font:500 12px var(--mf);color:var(--accent-text)}
.tey-index strong{font:var(--hw) calc(44px*var(--hs))/1 var(--hf);transition:color .2s}
.tey-index em{font-style:normal;font-size:14px;color:var(--ink-2)}

/* ---------- Chương chất liệu (chung) ---------- */
.tey-ch{position:relative;padding:clamp(88px,11vw,170px) 0;overflow:hidden}
.tey-ch__word{font-size:calc(clamp(92px,19vw,300px)*var(--hs));line-height:.8;letter-spacing:-.025em;position:relative;z-index:3}
.tey-ch__say{margin:10px 0 14px;font:italic var(--hw) calc(36px*var(--hs))/1.15 var(--hf)}
.tey-ch__num{font:500 calc(clamp(84px,12vw,180px)*var(--hs))/1 var(--hf);color:transparent;-webkit-text-stroke:1.2px var(--accent);letter-spacing:-.02em;font-variant-numeric:lining-nums}
.tey-ch img{width:100%;height:100%;object-fit:cover;filter:var(--img)}
.tey-ch__cap{font:500 12px/1.6 var(--mf);color:var(--ink-2)}

/* 01 Tencel – chữ tràn ảnh */
.tey-ch1{grid-template-rows:140px auto 1fr}
.tey-ch1__img{grid-column:6/11;grid-row:1/4;aspect-ratio:3/4;max-width:540px}
.tey-ch1__word{grid-column:1/-1;grid-row:2;margin-bottom:-.06em}
.tey-ch1__num{grid-column:1/4;grid-row:1}
.tey-ch1__meta{grid-column:1/5;grid-row:3;align-self:end;padding-top:40px}
.tey-ch1__cap{grid-column:11/13;grid-row:3;align-self:end}

/* 02 Cotton – ảnh tròn đè chữ */
.tey-ch--2{background:var(--bg-2)}
.tey-ch2{grid-template-rows:auto auto}
.tey-ch2__word{grid-column:1/-1;grid-row:1;align-self:start}
.tey-ch2__circle{grid-column:8/13;grid-row:1/3;align-self:start;margin-top:.9em;aspect-ratio:1;position:relative;z-index:2}
.tey-ch2__circle img{border-radius:50%}
.tey-ch2__circle{overflow:visible}
.tey-ch2__circle img{aspect-ratio:1;display:block}
.tey-ch2__circle::after{content:"";position:absolute;inset:-16px;border:1.5px dashed #D08A61;border-radius:50%;pointer-events:none}
.tey-ch2__circle::before{content:"";position:absolute;inset:-32px;border:1px solid rgba(208,138,97,.35);border-radius:50%;pointer-events:none}
.tey-ch2__meta{grid-column:1/6;grid-row:2;padding-top:56px}
.tey-ch2__num{grid-column:6/8;grid-row:2;align-self:end}

/* 03 Bamboo – khối cam */
.tey-ch--3{background:#1E1A17;--ink:#F3EEE8;--ink-2:#D2C8BE;--accent-text:#F5874F;--bg:#1E1A17;--line:#3A322C;color:#F3EEE8}
.tey-ch--3 .tey-ch__word{color:#F5874F}
.tey-ch--3 .tey-ch__say{color:#FFFFFF}
.tey-ch--3 .tey-chip{border-color:rgba(243,238,232,.55);color:#F3EEE8}
.tey-ch--3 .tey-chip:hover{background:#F3EEE8;border-color:#F3EEE8;color:#1E1A17}
.tey-ch--3 .tey-chip--main{background:var(--btn);border-color:var(--btn);color:#fff}
.tey-ch--3 .tey-chip--main:hover{background:#F3EEE8;border-color:#F3EEE8;color:#1E1A17}
.tey-ch--3 .tey-ch3__a,.tey-ch--3 .tey-ch3__b{position:relative}
.tey-ch--3 .tey-ch3__a::before{content:"";position:absolute;inset:-18px 18px 18px -18px;background:#F5874F;z-index:-1}
.tey-ch--3 .tey-ch3__a{z-index:1}
.tey-ch3{grid-template-rows:auto auto auto}
.tey-ch3__num{grid-column:1/4;grid-row:1;margin-bottom:32px}
.tey-ch3__meta{grid-column:1/6;grid-row:2;align-self:center}
.tey-ch3__a{grid-column:7/10;grid-row:1/3;aspect-ratio:3/4}
.tey-ch3__b{grid-column:10/13;grid-row:2/4;aspect-ratio:3/4;margin-top:120px}
.tey-ch3__word{grid-column:1/-1;grid-row:3;align-self:end;margin-top:48px;margin-bottom:-.1em}

/* 04 Modal – chữ dọc + ảnh lệch */
.tey-ch4{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end}
.tey-ch4__word{writing-mode:vertical-rl;transform:rotate(180deg);line-height:.82}
.tey-ch4__body{display:grid;gap:48px}
.tey-ch4__imgs{display:flex;align-items:flex-end;gap:16px}
.tey-ch4__imgs figure{flex:1;overflow:hidden}
.tey-ch4__imgs figure:nth-child(1){height:400px}
.tey-ch4__imgs figure:nth-child(2){height:540px;flex:1.25}
.tey-ch4__imgs figure:nth-child(3){height:300px}
.tey-ch4__meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px}

/* ---------- Chăn drap gối – lưới ô to nhỏ ---------- */
.tey-bed{padding:clamp(88px,10vw,150px) 0}
.tey-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-bottom:48px}
.tey-head__h{font-size:calc(clamp(46px,6.4vw,100px)*var(--hs));margin-top:14px}
.tey-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:240px;gap:14px}
.tey-tile{position:relative;overflow:hidden;background:var(--bg-2);display:block}
.tey-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;filter:var(--img)}
.tey-tile:hover img{transform:scale(1.04)}
.tey-tile__cap{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);background:var(--bg);color:var(--ink);padding:12px 16px 14px;display:grid;gap:2px}
.tey-tile__cap small{font:600 11px/1.4 var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.tey-tile__cap strong{font:var(--hw) calc(26px*var(--hs))/1.1 var(--hf)}
.tey-tile__cap span{font-size:14px;color:var(--ink-2)}
.tey-tile:hover .tey-tile__cap strong{color:var(--accent-text)}
.tey-tile--big{grid-column:span 2;grid-row:span 2}
.tey-tile--tall{grid-row:span 2}
.tey-tile--wide{grid-column:span 2}
.tey-tile--text{display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:var(--btn);color:#fff}
.tey-tile--text:hover{color:#fff;background:var(--btn-hover)}
.tey-tile--text strong{font:var(--hw) calc(40px*var(--hs))/1 var(--hf)}
.tey-tile--text span{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.tey-tile--text svg{width:18px;height:18px}
.tey-tile--ink{background:var(--ink);color:var(--bg)}
.tey-tile--ink:hover{background:var(--ink);color:var(--accent)}

/* ---------- Chọn vải trong 5 giây ---------- */
.tey-pick{padding:clamp(88px,10vw,150px) 0}
.tey-pick__h{font-size:calc(clamp(56px,8.5vw,136px)*var(--hs));margin-top:14px}
.tey-pick__opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;border-top:1px solid var(--ink)}
.tey-opt{background:none;border:0;border-right:1px solid var(--line);text-align:left;padding:24px 24px 30px;display:grid;gap:12px;align-content:start;min-height:148px;color:var(--ink);transition:background .2s,color .2s}
.tey-opt:last-child{border-right:0}
.tey-opt span{font:500 12px var(--mf);color:var(--accent-text)}
.tey-opt strong{font:500 18px/1.4 var(--bf)}
.tey-opt:hover{background:var(--bg-2)}
.tey-opt[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.tey-opt[aria-selected="true"] span{color:var(--accent)}
.tey-res{display:flex;flex-wrap:wrap;align-items:flex-end;gap:24px 64px;padding-top:56px}
.tey-res__name{font-size:calc(clamp(80px,13vw,210px)*var(--hs));color:var(--accent-text);line-height:.82}
.tey-res__txt{display:grid;gap:20px;max-width:440px;padding-bottom:12px}
.tey-res__txt .tey-ch__say{margin:0}

/* ---------- Dải cam kết ---------- */
.tey-promise{background:#1E1A17;color:#F3EEE8;border-block:1px solid #3A322C}
.tey-promise__in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.tey-promise__it{padding:56px 28px 60px;border-left:1px solid #3A322C;display:grid;gap:10px;align-content:start}
.tey-promise__it:first-child{border-left:0;padding-left:0}
.tey-promise__it b{font:var(--hw) calc(56px*var(--hs))/1 var(--hf);color:#F5874F}
.tey-promise__it b .tey-fill{color:#F5874F;font-size:.6em}
.tey-promise__it strong{font-size:16px;font-weight:600}
.tey-promise__it span{font-size:14px;color:#B9AFA5}
.tey-promise .tey-fill{color:#F5874F}

/* ---------- Kiến thức vải ---------- */
.tey-read{padding:clamp(88px,10vw,150px) 0}
.tey-read__g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px)}
.tey-post img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:var(--img)}
.tey-post h3{font:var(--hw) calc(44px*var(--hs))/1.08 var(--hf);margin:24px 0 12px;text-wrap:balance}
.tey-post p{margin:0;color:var(--ink-2);max-width:56ch}
.tey-post:hover h3{color:var(--accent-text)}
.tey-list{align-self:end}
.tey-list a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;padding:30px 0;border-top:1px solid var(--line)}
.tey-list a:hover{color:var(--ink)}
.tey-list a:hover h3{color:var(--accent-text)}
.tey-list b{font:500 calc(52px*var(--hs))/.9 var(--hf);color:var(--accent-text)}
.tey-list h3{font:var(--hw) calc(30px*var(--hs))/1.15 var(--hf);margin:0 0 8px;text-wrap:balance}
.tey-list p{margin:0;font-size:15px;color:var(--ink-2)}

/* ---------- Footer ---------- */
.tey-foot{background:var(--foot-bg);color:var(--foot-ink);padding-top:96px;overflow:hidden}
.tey-foot a:hover{color:#F5874F}
.tey-foot__g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,3fr);gap:clamp(40px,6vw,96px)}
.tey-foot__brand img{height:96px;width:auto;margin-bottom:20px}
.tey-foot__brand .tey-foot__co{margin-top:0}
.tey-foot__co{font:600 14px/1.5 var(--bf);letter-spacing:.06em;margin:24px 0 14px}
.tey-foot__brand p{margin:0 0 6px;font-size:14px;color:var(--foot-ink-2)}
.tey-foot h4{font:600 12px/1.4 var(--bf);letter-spacing:.16em;text-transform:uppercase;color:#F5874F;margin:0 0 20px}
.tey-foot ul{display:grid;gap:12px;font-size:15px;color:var(--foot-ink-2)}
.tey-foot .tey-fill{color:#F5874F}
.tey-foot__bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:80px;padding:22px 0;border-top:1px solid #3A322C;font-size:13px;color:var(--foot-ink-2)}
.tey-foot__big{font:var(--hw) calc(clamp(96px,21vw,330px)*var(--hs))/.78 var(--hf);color:#2C2622;white-space:nowrap;letter-spacing:-.03em;margin-bottom:-.1em;user-select:none}

/* ---------- Liên hệ nổi ---------- */
.tey-float{position:fixed;right:20px;bottom:24px;z-index:60;display:grid;gap:10px}
.tey-float a{width:58px;height:58px;border-radius:50%;background:var(--btn);color:#fff;display:grid;place-items:center;font:700 13px var(--bf);box-shadow:0 10px 28px rgba(20,17,15,.22)}
.tey-float a:hover{background:var(--btn-hover);color:#fff}
.tey-float svg{width:22px;height:22px}
.tey-mbar{display:none}


/* =========================================================
   TRANG CHI TIẾT SẢN PHẨM
   ========================================================= */
.tey-crumb{display:flex;flex-wrap:wrap;gap:6px 10px;padding:22px 0 26px;font-size:13px;color:var(--ink-2)}
.tey-crumb a:hover{color:var(--accent-text)}
.tey-crumb i{font-style:normal;color:var(--line)}
.tey-crumb [aria-current]{color:var(--ink)}
.tey-pd{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:start;padding-bottom:96px}
.tey-gal{display:grid;grid-template-columns:84px minmax(0,600px);gap:16px}
.tey-gal__thumbs{display:grid;gap:10px;align-content:start}
.tey-gal__thumbs button{padding:0;border:0;background:var(--bg-2);aspect-ratio:3/4;overflow:hidden;outline:1px solid transparent;outline-offset:3px;transition:outline-color .2s}
.tey-gal__thumbs button.is-on{outline-color:var(--accent)}
.tey-gal__thumbs img{width:100%;height:100%;object-fit:cover;filter:var(--img)}
.tey-gal__main{position:relative;aspect-ratio:3/4;background:var(--bg-2);overflow:hidden}
.tey-gal__main img{width:100%;height:100%;object-fit:cover;filter:var(--img)}
.tey-gal__badge{position:absolute;right:20px;top:20px;width:104px;height:104px;border-radius:50%;background:var(--btn);color:#fff;display:grid;place-items:center;text-align:center;font:var(--hw) calc(26px*var(--hs))/1 var(--hf)}
.tey-gal__badge::after{content:"";position:absolute;inset:-8px;border:1.5px solid #F5874F;border-radius:50%}

.tey-info{position:sticky;top:112px;display:grid;gap:26px}
.tey-info h1{font-size:calc(clamp(40px,4.4vw,64px)*var(--hs));line-height:1;margin-top:12px}
.tey-info p{margin:0}
.tey-price{font:var(--hw) calc(36px*var(--hs))/1.1 var(--hf);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}
.tey-price .tey-fill{font-size:.55em}
.tey-info__desc{margin:0;color:var(--ink-2)}
.tey-field{display:grid;gap:12px;border:0;margin:0;padding:0}
.tey-field legend,.tey-field__lb{display:flex;gap:8px;padding:0;font:600 12px/1.4 var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px}
.tey-field legend b,.tey-field__lb b{color:var(--ink);letter-spacing:.04em;text-transform:none;font-size:14px;font-weight:600}
.tey-sw{display:flex;flex-wrap:wrap;gap:14px}
.tey-sw button{width:48px;height:48px;border-radius:50%;border:0;padding:0;background-size:cover;background-position:center;box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s}
.tey-sw button.is-on{box-shadow:0 0 0 3px var(--bg),0 0 0 4.5px #F5874F}
.tey-opts3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tey-opts3 button{min-height:48px;padding:6px 8px;border:1px solid var(--line);background:none;border-radius:2px;font:500 14px/1.3 var(--bf);color:var(--ink);transition:.2s}
.tey-opts3 button:hover{border-color:var(--ink)}
.tey-opts3 button.is-on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.tey-sum{padding:16px 18px;background:var(--bg-2);font-size:14px;line-height:1.6;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px}
.tey-sum strong{font-weight:600}
.tey-buy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}
.tey-qty{display:flex;align-items:center;height:56px;border:1px solid var(--line);border-radius:999px;padding:0 4px}
.tey-qty button{width:44px;height:44px;border:0;background:none;border-radius:50%;font-size:20px}
.tey-qty button:hover{background:var(--bg-2)}
.tey-qty input{width:36px;border:0;background:none;text-align:center;font:600 16px var(--bf);color:var(--ink)}
.tey-buy .tey-btn{min-height:56px}
.tey-buy2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tey-note{margin:0;font-size:14px;color:var(--ink-2)}
.tey-note a{color:var(--accent-text);font-weight:600;border-bottom:1px solid currentColor}

.tey-pdnav{position:sticky;top:88px;z-index:40;background:var(--bg);border-block:1px solid var(--line)}
.tey-pdnav .tey-wrap{display:flex;gap:36px;overflow-x:auto;scrollbar-width:none}
.tey-pdnav a{flex:none;padding:18px 0;font-size:14px;font-weight:500;display:flex;gap:8px}
.tey-pdnav a span{font:500 12px var(--mf);color:var(--accent-text)}

/* Phiếu vải */
.tey-sec{padding:clamp(88px,10vw,150px) 0;scroll-margin-top:140px}
.tey-sec__h{font-size:calc(clamp(52px,7vw,112px)*var(--hs));margin-top:14px}
.tey-spec__g{align-items:center}
.tey-spec__head{grid-column:1/5;grid-row:1;align-self:start;display:grid;gap:20px}
.tey-tag{grid-column:5/10;grid-row:1;position:relative;z-index:2;background:var(--bg);border:1px solid var(--ink);padding:60px 36px 30px;transform:rotate(-1.6deg);font-family:var(--mf)}
.tey-tag::before{content:"";position:absolute;top:20px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;border:1.5px solid #F5874F}
.tey-tag__top{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding-bottom:14px;border-bottom:1.5px solid var(--ink)}
.tey-tag dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr)}
.tey-tag dt,.tey-tag dd{margin:0;padding:13px 0;border-bottom:1px dashed var(--line);font-size:14px}
.tey-tag dt{color:var(--ink-2)}
.tey-tag dd{text-align:right;font-weight:500}
.tey-tag__foot{padding-top:14px;font-size:11px;color:var(--ink-2)}
.tey-spec__circle{grid-column:9/13;grid-row:1;aspect-ratio:1;border-radius:50%;overflow:hidden;z-index:1;margin-top:-120px}
.tey-spec__circle img{width:100%;height:100%;object-fit:cover;object-position:40% 70%;filter:var(--img)}

/* Bộ gồm những gì */
.tey-set{background:var(--bg-2)}
.tey-set__ctrl{display:grid;gap:14px;margin:36px 0 56px}
.tey-set__ctrl .tey-chips{margin:0}
.tey-set__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.tey-diagram svg{width:100%;max-width:460px;height:auto;display:block}
.tey-diagram .ln{fill:none;stroke:#F5874F;stroke-width:1.3}
.tey-diagram .ln-d{fill:none;stroke:#F5874F;stroke-width:1;stroke-dasharray:4 4}
.tey-diagram .fl{fill:rgba(245,135,79,.12);stroke:#F5874F;stroke-width:1.3}
.tey-diagram text{font:500 12px var(--bf);fill:var(--ink)}
.tey-diagram text.big{font:var(--hw) 22px var(--hf)}
.tey-items li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.tey-items li:last-child{border-bottom:1px solid var(--line)}
.tey-items b{font:var(--hw) calc(44px*var(--hs))/1 var(--hf);color:var(--accent-text)}
.tey-items strong{font:var(--hw) calc(28px*var(--hs))/1.2 var(--hf)}
.tey-items span{font:500 14px var(--mf);color:var(--ink-2);text-align:right}

/* Giặt và bảo quản */
.tey-care ol{margin-top:56px}
.tey-care li{display:grid;grid-template-columns:minmax(72px,2fr) minmax(0,5fr) minmax(0,4fr);gap:24px;align-items:baseline;padding:30px 0;border-top:1px solid var(--line)}
.tey-care li:last-child{border-bottom:1px solid var(--line)}
.tey-care li b{font:var(--hw) calc(68px*var(--hs))/.9 var(--hf);color:var(--accent-text)}
.tey-care li strong{font:var(--hw) calc(32px*var(--hs))/1.15 var(--hf)}
.tey-care li span{color:var(--ink-2)}
.tey-care__mat{display:flex;flex-wrap:wrap;gap:24px 64px;justify-content:space-between;align-items:flex-end}

/* Sản phẩm cùng dòng */
.tey-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,300px);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-width:thin}
.tey-card{scroll-snap-align:start;display:grid;gap:12px;align-content:start}
.tey-card:nth-child(even){margin-top:56px}
.tey-card figure{aspect-ratio:3/4;overflow:hidden;background:var(--bg-2)}
.tey-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:var(--img)}
.tey-card:hover img{transform:scale(1.04)}
.tey-card small{font:600 11px/1.4 var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.tey-card strong{font:var(--hw) calc(26px*var(--hs))/1.15 var(--hf);display:block}
.tey-card span{font-size:14px;color:var(--ink-2)}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1180px){
  .tey-nav{display:none}
  .tey-burger{display:grid}
  .tey-hotline{display:none}
}
@media (max-width:1024px){
  .tey-ch1__cap{display:none}
  .tey-bento{grid-auto-rows:200px}
  .tey-pd{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tey-gal{grid-template-columns:1fr}
  .tey-gal__thumbs{grid-auto-flow:column;grid-auto-columns:64px;order:2}
}
@media (max-width:768px){
  body{font-size:15px;padding-bottom:78px}
  .tey-lead{font-size:16px}
  .tey-g{column-gap:12px}
  .tey-header__in{height:72px;gap:12px}
  .tey-logo img{height:54px}
  .tey-float{display:none}
  .tey-mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}
  .tey-mbar--pd{grid-template-columns:52px 52px minmax(0,1fr)}
  .tey-mbar .tey-btn{min-height:52px;padding:0 12px}
  .tey-mbar .tey-btn--sq{padding:0}

  .tey-hero{margin-top:-72px;height:max(640px,92svh)}
  .tey-slide{align-items:flex-end;padding:calc(72px + 40px) 0 112px}
  .tey-hero__bg{object-position:66% 50%}
  .tey-slide::before{background:linear-gradient(0deg,rgba(20,17,15,.88) 0%,rgba(20,17,15,.55) 55%,rgba(20,17,15,.25) 100%)}
  .tey-snav{bottom:20px}
  .tey-snav .tey-wrap{gap:6px}
  .tey-snav__count{display:none}
  .tey-snav button{flex:1;width:auto;padding:10px 10px 12px;grid-template-columns:1fr}
  .tey-snav b{grid-row:auto;font-size:22px}
  .tey-snav strong{font-size:11px}
  .tey-snav small{display:none}
  .tey-hero__lead{font-size:16px;margin-bottom:28px}
  .tey-hero .tey-btns{width:100%}
  .tey-hero .tey-btn{flex:1}
  .tey-index{grid-template-columns:1fr 1fr}
  .tey-index a,.tey-index a:first-child{padding:20px 12px 22px}
  .tey-index a:nth-child(2){border-right:0}
  .tey-index a:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .tey-index strong{font-size:calc(34px*var(--hs))}

  .tey-ch1{grid-template-rows:auto auto auto}
  .tey-ch1__num{grid-column:1/5;grid-row:1;align-self:start}
  .tey-ch1__img{grid-column:4/13;grid-row:1/3}
  .tey-ch1__word{grid-row:2;margin-bottom:-.12em}
  .tey-ch1__meta{grid-column:1/-1;grid-row:3}

  .tey-ch2__word{grid-row:1}
  .tey-ch2__circle{grid-column:3/13;grid-row:2;margin-top:-.25em}
  .tey-ch2__circle::after{inset:-10px}
  .tey-ch2__circle::before{inset:-20px}
  .tey-ch2__num{grid-column:1/4;grid-row:2;align-self:end;z-index:3}
  .tey-ch2__meta{grid-column:1/-1;grid-row:3;padding-top:40px}

  .tey-ch3{grid-template-rows:auto}
  .tey-ch3__num{grid-column:1/6;grid-row:1}
  .tey-ch3__a{grid-column:1/8;grid-row:2}
  .tey-ch3__b{grid-column:6/13;grid-row:3;margin-top:-90px}
  .tey-ch3__word{grid-row:4;margin-top:-.35em}
  .tey-ch3__meta{grid-column:1/-1;grid-row:5;padding-top:32px}

  .tey-ch4{grid-template-columns:1fr}
  .tey-ch4__word{writing-mode:horizontal-tb;transform:none}
  .tey-ch4__imgs{gap:8px}
  .tey-ch4__imgs figure:nth-child(1){height:200px}
  .tey-ch4__imgs figure:nth-child(2){height:270px}
  .tey-ch4__imgs figure:nth-child(3){height:160px}

  .tey-bento{grid-template-columns:1fr 1fr;grid-auto-rows:180px;gap:8px}
  .tey-tile__cap{left:8px;bottom:8px;max-width:calc(100% - 16px);padding:8px 10px 10px}
  .tey-tile__cap strong{font-size:calc(20px*var(--hs))}
  .tey-tile__cap span{font-size:12px}
  .tey-tile--text{padding:16px}
  .tey-tile--text strong{font-size:calc(30px*var(--hs))}

  .tey-pick__opts{grid-template-columns:1fr 1fr}
  .tey-opt{min-height:120px;padding:18px 14px;border-bottom:1px solid var(--line)}
  .tey-opt:nth-child(2){border-right:0}
  .tey-opt strong{font-size:15px}

  .tey-promise__in{grid-template-columns:1fr 1fr}
  .tey-promise__it,.tey-promise__it:first-child{padding:32px 16px;border-left:0;border-top:1px solid #3A322C}
  .tey-promise__it:nth-child(even){border-left:1px solid #3A322C}
  .tey-promise__it:nth-child(-n+2){border-top:0}
  .tey-promise__it b{font-size:calc(40px*var(--hs))}

  .tey-read__g{grid-template-columns:1fr}
  .tey-post h3{font-size:calc(34px*var(--hs))}
  .tey-foot{padding-top:64px}
  .tey-foot__bar{margin-top:48px}

  /* chi tiết */
  .tey-crumb{padding:14px 0 18px;font-size:12px}
  .tey-pd{grid-template-columns:1fr;padding-bottom:64px}
  .tey-info{position:static;gap:22px}
  .tey-gal__badge{width:78px;height:78px;font-size:calc(20px*var(--hs));right:14px;top:14px}
  .tey-buy{display:none}
  .tey-pdnav{top:72px}
  .tey-pdnav .tey-wrap{gap:24px}
  .tey-spec__head{grid-column:1/-1;grid-row:1}
  .tey-tag{grid-column:1/12;grid-row:2;margin-top:40px;padding:52px 20px 24px}
  .tey-spec__circle{grid-column:7/13;grid-row:3;margin-top:-40px}
  .tey-set__g{grid-template-columns:1fr}
  .tey-items li{grid-template-columns:44px minmax(0,1fr);}
  .tey-items span{grid-column:2;text-align:left}
  .tey-care li{grid-template-columns:56px minmax(0,1fr);gap:8px 16px}
  .tey-care li span{grid-column:2}
  .tey-care li b{font-size:calc(48px*var(--hs))}
  .tey-care li strong{font-size:calc(26px*var(--hs))}
  .tey-strip{grid-auto-columns:72%}
}

/* Thanh thông báo */
.tey-topbar{background:#1E1A17;color:#F3EEE8;font-size:13px}
.tey-topbar .tey-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px}
.tey-topbar a{color:#F5874F}
.tey-topbar a:hover{color:#FFB08A}
.tey-topbar .tey-fill{color:#F5874F}

/* Bảng so sánh chất liệu */
.tey-cmp{margin-top:110px;overflow-x:auto}
.tey-cmp table{width:100%;border-collapse:collapse;min-width:720px}
.tey-cmp th{font:600 11px/1.4 var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);text-align:left;padding:0 16px 14px 0;border-bottom:1.5px solid var(--ink)}
.tey-cmp td{padding:20px 16px 20px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2);vertical-align:baseline}
.tey-cmp td:first-child{font:var(--hw) 32px/1 var(--hf);color:var(--ink)}
.tey-cmp tr:hover td{background:var(--bg-2)}
.tey-cmp tr:hover td:first-child{color:var(--accent-text)}

/* Vì sao là Tencel – dải ảnh lớn */
.tey-why{position:relative;min-height:580px;display:flex;align-items:flex-end;overflow:hidden}
.tey-why>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.tey-why__box{position:relative;background:var(--bg);max-width:600px;padding:44px 48px 40px;margin-left:max(var(--pad),calc((100vw - var(--wrap))/2 + var(--pad)))}
.tey-why__box p.tey-why__q{margin:14px 0 18px;font:var(--hw) 34px/1.2 var(--hf);text-wrap:pretty}
.tey-why__box a{color:var(--accent-text);font-weight:600;font-size:14px;border-bottom:1px solid currentColor}

@media (max-width:768px){
  .tey-topbar span:last-child{display:none}
  .tey-topbar .tey-wrap{justify-content:center;text-align:center}
  .tey-cmp{margin-top:72px}
  .tey-cmp td:first-child{font-size:26px}
  .tey-why{min-height:460px}
  .tey-why__box{margin:0 12px;padding:28px 24px}
  .tey-why__box p.tey-why__q{font-size:26px}
}

/* Ảnh cận sợi vải (ảnh tham khảo Unsplash – thay bằng ảnh chụp thật) */
.tey-ch .tey-wrap{position:relative}
.tey-ch__macro{position:absolute;top:0;right:var(--pad);width:180px;z-index:4;display:grid;gap:10px;justify-items:center}
.tey-ch__macro img{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px var(--bg),0 0 0 7.5px #F5874F}
.tey-ch__macro figcaption{font:500 11px/1.4 var(--mf);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.tey-ch--3 .tey-ch__macro img{box-shadow:0 0 0 6px #1E1A17,0 0 0 7.5px #F5874F}
.tey-foot a{transition:color .2s}
.tey-social{display:flex;gap:10px;margin-top:18px!important}
.tey-social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #3A322C;color:var(--foot-ink);transition:background .2s,border-color .2s,color .2s}
.tey-social a:hover{background:var(--btn);border-color:var(--btn);color:#fff}
.tey-social svg{width:20px;height:20px}
@media (max-width:768px){
  .tey-ch__macro{width:96px;top:-80px}
  .tey-ch__macro img{width:96px;height:96px;box-shadow:0 0 0 4px var(--bg),0 0 0 5.5px #F5874F}
  .tey-ch--3 .tey-ch__macro img{box-shadow:0 0 0 4px #1E1A17,0 0 0 5.5px #F5874F}
  .tey-ch__macro figcaption{display:none}
}

@media (max-width:1280px) and (min-width:769px){
  .tey-ch__macro{width:120px;top:-48px}
  .tey-ch__macro img{width:120px;height:120px}
  .tey-ch__macro figcaption{display:none}
  .tey-ch--1 .tey-ch__macro,.tey-ch--2 .tey-ch__macro{top:-96px}
}

/* ---------- Dải lụa cam uốn lượn: phân cách section (ảnh assets/images/soi-vai-luon.svg) ---------- */
.tey-fold{--bg:#FFFFFF;height:clamp(110px,12vw,180px);background:var(--bg);position:relative;overflow:hidden;pointer-events:none}
.tey-fold::before{content:"";position:absolute;inset:0 -4%;background:url("../images/soi-vai-luon.svg") center/100% 100% no-repeat;filter:drop-shadow(0 8px 10px rgba(169,71,26,.14))}
.tey-fold--si{--bg:#F3EEE8}
.tey-fold--iw{--bg:#1E1A17}
.tey-fold--iw::before{filter:drop-shadow(0 0 14px rgba(245,135,79,.35))}
@media (max-width:768px){.tey-fold{height:64px}.tey-fold::before{inset:0 -30%}}

/* Mũi kim may – phân cách các section phía dưới */
.tey-fold--stitch{height:64px;overflow:visible}
.tey-fold--stitch::before,.tey-fold--iw.tey-fold--stitch::before{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100% - 2*var(--pad)),calc(var(--wrap) - 2*var(--pad)));height:4px;filter:none;background:radial-gradient(circle,var(--hole) 1.2px,transparent 1.7px) -9px 50%/18px 4px repeat-x,repeating-linear-gradient(90deg,transparent 0 3px,var(--thread) 3px 15px,transparent 15px 18px) 0 50%/100% 1.5px no-repeat}
.tey-fold--stitch{--thread:#D08A61;--hole:#C9BBAE}
.tey-fold--iw.tey-fold--stitch{--thread:rgba(245,135,79,.7);--hole:rgba(243,238,232,.25)}
@media (max-width:768px){.tey-fold--stitch{height:44px}.tey-fold--stitch::before{inset:auto}}

/* Footer lấp đầy: cột thương hiệu + (3 cột link / dải liên hệ) */
.tey-foot__main{display:grid;gap:48px;align-content:space-between}
.tey-foot__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.tey-foot__contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.4fr);border-top:1px solid #3A322C}
.tey-foot__contact a{display:grid;gap:6px;align-content:start;padding:24px 20px 0 0}
.tey-foot__contact a+a{padding-left:24px;border-left:1px solid #3A322C}
.tey-foot__contact small{font:600 11px/1.4 var(--bf);letter-spacing:.16em;text-transform:uppercase;color:#F5874F}
.tey-foot__contact strong{font:var(--hw) 24px/1.2 var(--hf);color:#F3EEE8}
.tey-foot__contact span{font-size:15px;line-height:1.5;color:var(--foot-ink-2)}
.tey-foot__contact a:hover strong,.tey-foot__contact a:hover span{color:#F5874F}
@media (max-width:1024px) and (min-width:769px){.tey-foot__g{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:40px}.tey-foot__links{gap:20px}.tey-foot__contact{grid-template-columns:1fr 1fr}.tey-foot__contact a:last-child{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid #3A322C;margin-top:20px}}
@media (max-width:768px){.tey-foot__g{grid-template-columns:1fr}}
@media (max-width:768px){
  .tey-foot__links{grid-template-columns:1fr 1fr}
  .tey-foot__links>div:last-child{grid-column:1/-1}
  .tey-foot__contact{grid-template-columns:1fr}
  .tey-foot__contact a,.tey-foot__contact a+a{padding:18px 0;border-left:0;border-bottom:1px solid #3A322C}
}

/* =========================================================
   CÁC TRANG CON: sản phẩm, giới thiệu, tin tức, liên hệ, chính sách, giỏ hàng, thanh toán
   ========================================================= */
.tey-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tey-phead{padding:8px 0 clamp(40px,6vw,80px)}
.tey-phead__h{font-size:clamp(46px,6.4vw,100px);font-weight:400;margin:14px 0 20px}
.tey-cats{position:sticky;top:88px;z-index:30;background:var(--bg);border-block:1px solid var(--line)}
.tey-cats .tey-wrap{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}
.tey-cats a{flex:none;padding:16px 0;font-size:14px;font-weight:500;border-bottom:1.5px solid transparent}
.tey-cats a:hover{border-color:#F5874F;color:var(--ink)}
.tey-shop,.tey-sec[id]{scroll-margin-top:150px}
.tey-sub{font-size:calc(40px*var(--hs));margin:56px 0 24px;scroll-margin-top:150px}
.tey-mats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);margin-bottom:48px}
.tey-mat{padding:24px 24px 28px 0;border-right:1px solid var(--line);scroll-margin-top:150px}
.tey-mat+.tey-mat{padding-left:24px}.tey-mat:last-child{border-right:0}
.tey-mat .tey-ch__num{font-size:56px}
.tey-mat h3{font-size:calc(44px*var(--hs));margin:8px 0}
.tey-mat p{margin:0;color:var(--ink-2);font-size:15px}
.tey-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}
.tey-pcard{display:grid;gap:14px;align-content:start}
.tey-pcard:nth-child(even){margin-top:40px}
.tey-pcard__img{display:block;aspect-ratio:3/4;overflow:hidden;background:var(--bg-2)}
.tey-pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.tey-pcard:hover .tey-pcard__img img{transform:scale(1.04)}
.tey-pcard__b{display:grid;gap:6px;justify-items:start}
.tey-pcard__b small{font:600 11px/1.4 var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.tey-pcard__b strong{font:var(--hw) calc(26px*var(--hs))/1.15 var(--hf)}
.tey-pcard__b .price{font-weight:600;margin-bottom:6px}
.tey-about__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center}
.tey-about__g--rev{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.tey-about__img{aspect-ratio:4/5;overflow:hidden}.tey-about__img img{width:100%;height:100%;object-fit:cover}
.tey-prose{display:grid;gap:18px;font-size:17px;line-height:1.75;color:var(--ink-2)}
.tey-prose p{margin:0}.tey-prose .tey-sec__h{color:var(--ink)}
.tey-prose h2{font:var(--hw) calc(34px*var(--hs))/1.2 var(--hf);color:var(--ink);margin:18px 0 0}
.tey-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:48px;border-top:1px solid var(--ink)}
.tey-values li{display:grid;gap:10px;align-content:start;padding:28px 24px 0 0}
.tey-values li+li{padding-left:24px;border-left:1px solid var(--line)}
.tey-values b{font:400 56px/1 var(--hf);color:var(--accent-text)}
.tey-values strong{font:var(--hw) calc(28px*var(--hs))/1.2 var(--hf)}
.tey-values span{color:var(--ink-2);font-size:15px}
.tey-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;position:relative}
.tey-timeline::before{content:"";position:absolute;left:0;right:0;top:44px;height:4px;background:radial-gradient(circle,#C9BBAE 1.2px,transparent 1.7px) -9px 50%/18px 4px repeat-x,repeating-linear-gradient(90deg,transparent 0 3px,#D08A61 3px 15px,transparent 15px 18px) 0 50%/100% 1.5px no-repeat}
.tey-timeline li{display:grid;gap:10px;padding-right:24px;position:relative}
.tey-timeline b{font:400 40px/1 var(--hf);color:var(--accent-text);padding-bottom:28px}
.tey-timeline li::before{content:"";position:absolute;left:0;top:39px;width:14px;height:14px;border-radius:50%;background:#F5874F;box-shadow:0 0 0 5px var(--bg-2)}
.tey-timeline strong{font:var(--hw) calc(26px*var(--hs))/1.2 var(--hf)}
.tey-timeline span{color:var(--ink-2);font-size:15px}
.tey-chair{background:#1E1A17;color:#F3EEE8}
.tey-chair blockquote{margin:24px 0 28px;font-size:clamp(34px,4.4vw,64px);font-weight:400;line-height:1.15;max-width:22ch;font-style:italic;color:#F3EEE8}
.tey-chair__by{margin:0;color:#D2C8BE}.tey-chair__by strong{color:#F5874F}
.tey-news{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}
.tey-nitem{display:grid;gap:10px;align-content:start}
.tey-nitem:first-child{grid-column:span 2;grid-row:span 2}
.tey-nitem figure{aspect-ratio:4/3;overflow:hidden}.tey-nitem img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.tey-nitem:hover img{transform:scale(1.04)}.tey-nitem:hover h3{color:var(--accent-text)}
.tey-nitem small{font:600 11px/1.4 var(--bf);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}
.tey-nitem h3{font-size:calc(26px*var(--hs));line-height:1.2}
.tey-nitem:first-child h3{font-size:calc(42px*var(--hs))}
.tey-nitem p{margin:0;color:var(--ink-2);font-size:15px}
.tey-docs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.tey-doc{display:grid;gap:10px;padding:32px;background:var(--bg);border:1px solid var(--line);transition:border-color .2s}
.tey-doc:hover{border-color:#F5874F;color:var(--ink)}
.tey-doc b{font:500 12px var(--mf);color:var(--accent-text)}
.tey-doc strong{font:var(--hw) calc(32px*var(--hs))/1.2 var(--hf)}
.tey-doc span{color:var(--ink-2)}.tey-doc em{font-style:normal;font-weight:600;color:var(--btn)}
.tey-classes{margin-top:40px}
.tey-article__w{max-width:860px}
.tey-article__img{aspect-ratio:16/9;overflow:hidden;margin:32px 0 40px}.tey-article__img img{width:100%;height:100%;object-fit:cover}
.tey-contact__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.tey-contact__info dl{display:grid;grid-template-columns:auto 1fr;gap:14px 24px;margin:0 0 32px}
.tey-contact__info dt{font:600 11px/1.9 var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.tey-contact__info dd{margin:0;font-size:17px}
.tey-map iframe{display:block;width:100%;height:420px;border:0;filter:grayscale(.4)}
.tey-form{display:grid;gap:18px;align-content:start}
.tey-form label{display:grid;gap:8px;font:600 13px/1.4 var(--bf);color:var(--ink)}
.tey-form input,.tey-form select,.tey-form textarea{font:400 16px/1.4 var(--bf);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:2px;padding:14px 16px;min-height:52px;width:100%}
.tey-form textarea{resize:vertical}
.tey-form input:focus,.tey-form select:focus,.tey-form textarea:focus{outline:none;border-color:#F5874F;box-shadow:0 0 0 3px rgba(245,135,79,.18)}
.tey-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tey-form .tey-btn{justify-self:start}
.tey-done__msg{padding:28px;background:var(--bg-2);font-size:17px;margin:0}
.tey-pols{display:grid;gap:0;max-width:980px}
.tey-pol{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;padding:40px 0;border-top:1px solid var(--line);scroll-margin-top:120px}
.tey-pol b{font:400 56px/1 var(--hf);color:var(--accent-text)}
.tey-pol h2{font-size:calc(40px*var(--hs));margin-bottom:16px}
.tey-pol ul{display:grid;gap:10px;color:var(--ink-2);list-style:disc;padding-left:20px}
/* Giỏ hàng & thanh toán */
.tey-cartg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}
.tey-carttab{width:100%;border-collapse:collapse}
.tey-carttab th{text-align:left;font:600 11px/1.4 var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);padding:0 12px 14px 0;border-bottom:1.5px solid var(--ink)}
.tey-carttab td{padding:20px 12px 20px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.tey-ci{display:flex;gap:16px;align-items:center}
.tey-ci img{width:72px;height:96px;object-fit:cover;flex:none}
.tey-ci strong{display:block;font:var(--hw) calc(22px*var(--hs))/1.2 var(--hf)}
.tey-ci small{color:var(--ink-2);font-size:13px}
.tey-carttab .tey-qty{height:44px;width:max-content}
.tey-carttab .tey-qty button{width:36px;height:36px}
.tey-rm{width:36px;height:36px;border:0;background:none;font-size:22px;border-radius:50%;color:var(--ink-2)}
.tey-rm:hover{background:var(--bg-2);color:var(--btn)}
.tey-totals{position:sticky;top:110px;display:grid;gap:18px;padding:32px;background:var(--bg-2)}
.tey-totals dl{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0}
.tey-totals dt,.tey-totals dd{margin:0;padding-bottom:12px;border-bottom:1px solid var(--line)}
.tey-totals dd{text-align:right;font-weight:600}
.tey-totals .tey-tot{border:0;font:var(--hw) calc(30px*var(--hs))/1 var(--hf)}
.tey-totals .tey-btn{width:100%}
.tey-empty{display:grid;gap:24px;justify-items:start;padding:40px 0}
.tey-empty .tey-h{font-size:calc(48px*var(--hs))}
.tey-checkout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:start}
.tey-rvlist{display:grid;gap:14px}
.tey-rvlist li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;font-size:14px}
.tey-rvlist img{width:52px;height:68px;object-fit:cover}
.tey-rvlist small{display:block;color:var(--ink-2);font-size:12px}
.tey-pay{border:0;margin:0;padding:0;display:grid;gap:10px}
.tey-pay legend{margin-bottom:10px}
.tey-radio{display:flex;gap:10px;align-items:center;font-weight:600;cursor:pointer}
.tey-radio input{accent-color:#B8501D;width:18px;height:18px}
.tey-done{display:grid;gap:20px;justify-items:start;padding:24px 0 40px}
.tey-toast{position:fixed;left:50%;bottom:28px;z-index:95;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1E1A17;color:#F3EEE8;padding:14px 22px;border-radius:999px;font-size:14px;box-shadow:0 12px 32px rgba(0,0,0,.25);transition:opacity .3s,transform .3s;max-width:calc(100% - 32px)}
.tey-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.tey-toast a{color:#F5874F;font-weight:600}
@media (max-width:1024px){
  .tey-pgrid,.tey-news{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tey-mats,.tey-values,.tey-timeline{grid-template-columns:1fr 1fr}
  .tey-mat:nth-child(2){border-right:0}.tey-mat:nth-child(3){padding-left:0}
  .tey-values li:nth-child(3){padding-left:0;border-left:0}
  .tey-values li,.tey-timeline li{padding-bottom:28px}
  .tey-timeline::before{display:none}
  .tey-cartg,.tey-checkout{grid-template-columns:1fr}
  .tey-totals{position:static}
}
@media (max-width:768px){
  .tey-cats{top:72px}
  .tey-pgrid{gap:20px 12px}
  .tey-pcard:nth-child(even){margin-top:24px}
  .tey-pcard__b strong{font-size:calc(20px*var(--hs))}
  .tey-pcard .tey-chip{min-height:40px;padding:0 14px;font-size:13px}
  .tey-about__g,.tey-about__g--rev,.tey-contact__g,.tey-docs{grid-template-columns:1fr}
  .tey-about__img{aspect-ratio:4/3}
  .tey-values,.tey-mats{grid-template-columns:1fr}
  .tey-values li+li,.tey-mat+.tey-mat{padding-left:0;border-left:0}
  .tey-mat{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}
  .tey-timeline{grid-template-columns:1fr}
  .tey-news{grid-template-columns:1fr}
  .tey-nitem:first-child{grid-column:auto;grid-row:auto}
  .tey-form__row{grid-template-columns:1fr}
  .tey-pol{grid-template-columns:1fr;gap:8px}
  .tey-carttab thead{display:none}
  .tey-carttab tr{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}
  .tey-carttab td{border:0;padding:0}
  .tey-carttab td.tey-ci{grid-column:1/-1}
  .tey-carttab td[data-l]::before{content:attr(data-l) ": ";font-size:12px;color:var(--ink-2)}
  .tey-map iframe{height:300px}
}

/* ---------- Header trang con: nền mực ---------- */
.tey-subpage .tey-header,.tey-subpage .tey-header.is-stuck{background:#1E1A17;color:#F3EEE8;border-color:#3A322C}
.tey-subpage .tey-header .tey-icon,.tey-subpage .tey-header .tey-hotline strong{color:#F3EEE8}
.tey-subpage .tey-header .tey-icon:hover{background:rgba(255,255,255,.1)}
.tey-subpage .tey-header .tey-hotline{color:#D2C8BE;border-color:#3A322C}
.tey-subpage .tey-menu>li>a:hover{color:#fff}
/* ---------- Hero banner trang con ---------- */
.tey-pbanner{position:relative;min-height:clamp(280px,30vw,400px);display:flex;align-items:flex-end;padding:72px 0 48px;color:#fff;overflow:hidden;background:#1E1A17}
.tey-pbanner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.tey-pbanner::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,17,15,.82),rgba(20,17,15,.45) 60%,rgba(20,17,15,.2))}
.tey-pbanner .tey-wrap{position:relative;z-index:2;width:100%}
.tey-pbanner .tey-crumb{padding:0 0 18px;color:#D2C8BE}
.tey-pbanner .tey-crumb a:hover{color:#F5874F}
.tey-pbanner .tey-crumb i{color:rgba(255,255,255,.35)}
.tey-pbanner .tey-crumb [aria-current]{color:#fff}
.tey-pbanner__h{font-size:clamp(40px,5.6vw,84px);font-weight:400;color:#fff;margin:0 0 14px}
.tey-pbanner__h em{color:#F5874F}
.tey-pbanner .tey-lead,.tey-pbanner__meta{color:#EDE7E1;margin:0}
.tey-pbanner__meta{font-size:14px}
.tey-subpage .tey-cats{top:88px}
/* ---------- Shop: card thương mại điện tử ---------- */
.tey-shopbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}
.tey-shopbar .tey-chips{margin:0}
.tey-filter .tey-chip span{font-size:12px;opacity:.7}
.tey-shopbar__r{display:flex;align-items:center;gap:20px}
.tey-shopbar__r p{margin:0;font-size:14px;color:var(--ink-2)}
.tey-sort select{font:500 14px var(--bf);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:999px;min-height:44px;padding:0 36px 0 18px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.tey-shopgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.tey-pc{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:box-shadow .3s,transform .3s,border-color .3s}
.tey-pc:hover{box-shadow:0 18px 40px rgba(30,26,23,.10);transform:translateY(-4px);border-color:transparent}
.tey-pc__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg-2)}
.tey-pc__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.tey-pc:hover .tey-pc__media img{transform:scale(1.05)}
.tey-pc__tag{position:absolute;left:12px;top:12px;background:var(--btn);color:#fff;font:600 11px/1 var(--bf);letter-spacing:.06em;padding:7px 10px;border-radius:999px}
.tey-pc__wish{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#1E1A17;transition:color .2s,background .2s}
.tey-pc__wish svg{width:20px;height:20px}
.tey-pc__wish:hover,.tey-pc__wish.is-on{color:var(--btn)}
.tey-pc__wish.is-on svg{fill:currentColor}
.tey-pc__body{display:flex;flex-direction:column;gap:8px;padding:16px 16px 18px;flex:1}
.tey-pc__body small{font:600 11px/1.4 var(--bf);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}
.tey-pc__body h3{margin:0;font:600 16px/1.4 var(--bf);color:var(--ink);min-height:2.8em}
.tey-pc__body a:hover h3{color:var(--accent-text)}
.tey-pc__sw{display:flex;gap:6px}
.tey-pc__sw i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(30,26,23,.15)}
.tey-pc .price{margin:2px 0 6px;font:700 18px/1.2 var(--bf);color:var(--ink)}
.tey-pc .price span{font-weight:400;font-size:13px;color:var(--ink-2)}
.tey-pc__add{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1.5px solid var(--ink);border-radius:999px;background:transparent;font:600 14px var(--bf);color:var(--ink);transition:.2s}
.tey-pc__add svg{width:18px;height:18px}
.tey-pc__add:hover{background:var(--btn);border-color:var(--btn);color:#fff}
.tey-fabrics{background:var(--bg-2)}
.tey-fablist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tey-fab{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px;background:var(--bg);border-radius:4px;scroll-margin-top:150px}
.tey-fab img{width:96px;height:96px;object-fit:cover;border-radius:2px}
.tey-fab small{font:600 11px/1.4 var(--bf);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}
.tey-fab h3{margin:2px 0;font:600 16px/1.35 var(--bf)}
.tey-fab span{font-size:13px;color:var(--ink-2)}
.tey-fab .price{margin:6px 0 0;font-weight:700}.tey-fab .price em{font-style:normal;font-weight:400;color:var(--ink-2);font-size:13px}
.tey-fab__add{border:1.5px solid var(--ink)}
.tey-fab__add:hover{background:var(--btn);border-color:var(--btn);color:#fff}
@media (max-width:1024px){.tey-shopgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){
  .tey-subpage .tey-cats{top:72px}
  .tey-pbanner{min-height:240px;padding:56px 0 32px}
  .tey-shopgrid{grid-template-columns:1fr 1fr;gap:12px}
  .tey-pc__body{padding:12px 12px 14px;gap:6px}
  .tey-pc__body h3{font-size:14px}
  .tey-pc .price{font-size:16px}
  .tey-pc__add{min-height:40px;font-size:13px}
  .tey-pc__add svg{display:none}
  .tey-pc__wish{width:34px;height:34px;right:8px;top:8px}
  .tey-shopbar__r{width:100%;justify-content:space-between}
  .tey-fablist{grid-template-columns:1fr}
  .tey-fab{grid-template-columns:72px minmax(0,1fr) auto}
  .tey-fab img{width:72px;height:72px}
}

/* ---------- Phân trang (WP/Woo .page-numbers) ---------- */
.tey-pager{margin-top:56px;display:flex;justify-content:center}
.tey-pager ul.page-numbers{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:0;padding:0;border:0;height:auto;min-width:0;background:none}
.tey-pager li{list-style:none}
.tey-pager li>.page-numbers{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;font:600 14px/1 var(--bf);color:var(--ink);background:var(--bg);white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.tey-pager li>a.page-numbers:hover{border-color:var(--btn);color:var(--btn)}
.tey-pager li>.current{background:var(--btn);border-color:var(--btn);color:#fff}
.tey-pager li>.dots{border:0;background:none;min-width:24px;padding:0}
.tey-pager li>.is-disabled{opacity:.4;pointer-events:none}
@media (max-width:768px){.tey-pager ul.page-numbers{gap:6px}.tey-pager li>.page-numbers{min-width:40px;height:40px;padding:0 12px}}

/* ---------- Thanh tìm kiếm ---------- */
.tey-search{position:sticky;top:88px;z-index:49;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(30,26,23,.12);padding:22px 0 18px;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s}
.tey-search.is-on{opacity:1;transform:none}
.tey-home .tey-search{position:fixed;left:0;right:0;top:88px}
.tey-search__form{display:flex;align-items:center;gap:12px;border:1.5px solid var(--ink);border-radius:999px;padding:6px 6px 6px 20px;background:var(--bg)}
.tey-search__form>svg{width:22px;height:22px;flex:none;color:var(--ink-2)}
.tey-search__form input[type=search]{flex:1;min-width:0;border:0;background:none;font:400 17px/1.4 var(--bf);color:var(--ink);padding:10px 0;outline:none}
.tey-search__form input[type=search]::-webkit-search-cancel-button{display:none}
.tey-search__form .tey-btn{min-height:48px}
.tey-search__form:focus-within{border-color:#F5874F;box-shadow:0 0 0 3px rgba(245,135,79,.18)}
.tey-search__x{flex:none}
.tey-search__hint{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:14px;color:var(--ink-2)}
.tey-search__hint a{color:var(--ink);border-bottom:1px solid var(--line)}
.tey-search__hint a:hover{color:var(--btn);border-color:var(--btn)}
.tey-search__form--page{margin-bottom:40px;max-width:720px}
@media (max-width:768px){
  .tey-search,.tey-home .tey-search{top:72px;padding:14px 0}
  .tey-search__form{padding:4px 4px 4px 14px;gap:8px}
  .tey-search__form .tey-btn{min-height:44px;padding:0 16px}
  .tey-search__form input[type=search]{font-size:16px}
  .tey-search__x{display:none}
}

/* ---------- Blog ---------- */
.tey-bfeat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:var(--bg-2);border-radius:4px;overflow:hidden;margin-bottom:80px}
.tey-bfeat__img{display:block;min-height:420px;overflow:hidden}
.tey-bfeat__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.tey-bfeat:hover .tey-bfeat__img img{transform:scale(1.04)}
.tey-bfeat__b{display:grid;gap:18px;align-content:center;justify-items:start;padding:clamp(28px,4vw,56px)}
.tey-bfeat__b h2{font-size:calc(clamp(32px,3.4vw,48px)*var(--hs));line-height:1.12}
.tey-bfeat__b h2 a:hover{color:var(--accent-text)}
.tey-bfeat__b>p{margin:0;color:var(--ink-2);font-size:17px}
.tey-bmeta{display:flex;gap:16px;font-size:13px;color:var(--ink-2)}
.tey-bmeta span::before{content:"·";margin-right:16px}
.tey-blog__head{margin-bottom:32px}
.tey-bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.tey-bcard{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:box-shadow .3s,transform .3s;scroll-margin-top:120px}
.tey-bcard:hover{box-shadow:0 18px 40px rgba(30,26,23,.10);transform:translateY(-4px)}
.tey-bcard__img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.tey-bcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.tey-bcard:hover .tey-bcard__img img{transform:scale(1.05)}
.tey-bcard__img span{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.94);color:#1E1A17;font:600 11px/1 var(--bf);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px}
.tey-bcard__b{display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;flex:1}
.tey-bcard__b time{font-size:13px;color:var(--ink-2)}
.tey-bcard__b h3{font-size:calc(26px*var(--hs));line-height:1.2}
.tey-bcard__b h3 a:hover{color:var(--accent-text)}
.tey-bcard__b p{margin:0;font-size:15px;color:var(--ink-2)}
.tey-bcard__more{margin-top:auto;padding-top:6px;font-weight:600;font-size:14px;color:var(--btn)}
@media (max-width:1024px){.tey-bgrid{grid-template-columns:1fr 1fr}.tey-bfeat{grid-template-columns:1fr}.tey-bfeat__img{min-height:320px}}
@media (max-width:768px){.tey-bgrid{grid-template-columns:1fr}.tey-bfeat{margin-bottom:56px}.tey-bfeat__img{min-height:240px}}

/* ---------- Chi tiết bài viết ---------- */
.tey-pmeta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:#EDE7E1}
.tey-pmeta>*+*::before{content:"·";margin-right:18px;color:rgba(255,255,255,.4)}
.tey-pmeta a{color:#F5874F}
.tey-single__g{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(40px,5vw,80px);align-items:start}
.tey-single__main{max-width:760px;display:grid;gap:48px}
.tey-single__lead{font-size:20px;line-height:1.6;color:var(--ink)}
.tey-toc{padding:24px 28px;background:var(--bg-2);border-radius:4px}
.tey-toc ol{list-style:decimal;padding-left:20px;margin:10px 0 0;display:grid;gap:6px}
.tey-toc a{color:var(--ink)}.tey-toc a:hover{color:var(--accent-text)}
.tey-prose h2{scroll-margin-top:110px}
.tey-prose figure{margin:8px 0}
.tey-prose figure img{width:100%;border-radius:4px;aspect-ratio:16/10;object-fit:cover}
.tey-prose figcaption{font-size:13px;color:var(--ink-2);margin-top:8px}
.tey-prose blockquote{margin:8px 0;padding:8px 0 8px 24px;border-left:2px solid #F5874F}
.tey-prose blockquote p{font:italic 400 calc(30px*var(--hs))/1.3 var(--hf);color:var(--ink)}
.tey-prose blockquote cite{font-size:13px;font-style:normal;color:var(--ink-2)}
.tey-prose table{width:100%;border-collapse:collapse;font-size:15px}
.tey-prose th{text-align:left;font:600 11px/1.4 var(--bf);letter-spacing:.12em;text-transform:uppercase;padding:0 12px 10px 0;border-bottom:1.5px solid var(--ink)}
.tey-prose td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line)}
.tey-prose ul{list-style:disc;padding-left:22px;display:grid;gap:6px}
.tey-single__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px 0;border-block:1px solid var(--line)}
.tey-tags,.tey-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}
.tey-tags span,.tey-share span{color:var(--ink-2);margin-right:4px}
.tey-tags a{padding:6px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px}
.tey-tags a:hover{border-color:var(--btn);color:var(--btn)}
.tey-share .tey-icon{border:1px solid var(--line);font-weight:700;font-size:15px}
.tey-share .tey-icon:hover{background:var(--btn);border-color:var(--btn);color:#fff}
.tey-author{display:flex;gap:20px;align-items:center;padding:24px;background:var(--bg-2);border-radius:4px}
.tey-author img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:50%;padding:8px;flex:none}
.tey-author small{font:600 11px var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.tey-author strong{display:block;font:var(--hw) 22px/1.2 var(--hf);margin:2px 0 4px}
.tey-author p{margin:0;font-size:14px;color:var(--ink-2)}
.tey-postnav{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tey-postnav a{display:grid;gap:6px;padding:20px 22px;border:1px solid var(--line);border-radius:4px;transition:border-color .2s}
.tey-postnav a:hover{border-color:var(--btn);color:var(--ink)}
.tey-postnav .nav-next{text-align:right}
.tey-postnav small{font-size:13px;color:var(--btn);font-weight:600}
.tey-postnav strong{font:var(--hw) calc(22px*var(--hs))/1.25 var(--hf)}
.tey-comments{display:grid;gap:24px}
.tey-comments>h2{font-size:calc(36px*var(--hs))}
.comment-list{display:grid;gap:16px}
.comment-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px}
.comment-list li.comment--reply{margin-left:58px}
.comment-list b{width:44px;height:44px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;font-size:13px;color:var(--accent-text)}
.comment-list strong{font-size:15px}.comment-list time{font-size:12px;color:var(--ink-2);margin-left:10px}
.comment-list p{margin:4px 0 0;color:var(--ink-2);font-size:15px}
.tey-side{position:sticky;top:110px;display:grid;gap:36px}
.tey-side .tey-search__form{padding:4px 4px 4px 16px;border-width:1px}
.tey-side .tey-search__form input{font-size:15px}
.tey-side .tey-search__form .tey-btn{min-height:42px;padding:0 18px}
.tey-side__cats{display:grid;margin-top:12px}
.tey-side__cats a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-weight:500}
.tey-side__cats span{color:var(--ink-2);font-size:13px}
.tey-side__prod{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;margin-top:12px}
.tey-side__prod img{width:64px;height:80px;object-fit:cover;border-radius:2px}
.tey-side__prod strong{display:block;font-size:14px;line-height:1.35}
.tey-side__prod span{font-size:13px;color:var(--btn);font-weight:600}
.tey-related{background:var(--bg-2)}
@media (max-width:1024px){.tey-single__g{grid-template-columns:1fr}.tey-side{position:static}.tey-related .tey-bgrid{grid-template-columns:1fr 1fr}}
@media (max-width:768px){.tey-postnav{grid-template-columns:1fr}.tey-postnav .nav-next{text-align:left}.comment-list li.comment--reply{margin-left:24px}.tey-related .tey-bgrid{grid-template-columns:1fr}}

.tey-pc__sale{position:absolute;right:12px;top:12px;min-width:52px;height:30px;padding:0 10px;border-radius:999px;background:var(--btn);color:#fff;font:700 13px/30px var(--bf);text-align:center;letter-spacing:.02em}
.tey-pc .price ins{text-decoration:none;color:var(--btn)}
.tey-pc .price del{font-weight:400;font-size:13px;color:var(--ink-2);margin-left:6px}
@media (max-width:768px){.tey-pc__sale{right:8px;top:8px;height:26px;line-height:26px;min-width:44px;font-size:12px}}

/* Dải vải bay (ảnh PNG nền trong) – điểm nhấn từng chương */
.tey-ribbon{position:absolute;z-index:2;pointer-events:none;width:min(62vw,820px);height:auto;animation:tey-float 9s ease-in-out infinite;filter:drop-shadow(0 24px 30px rgba(30,26,23,.12))}
.tey-ribbon--1{left:-6%;top:38%}
.tey-ribbon--2{right:-8%;top:-4%;width:min(56vw,760px);animation-delay:-3s}
.tey-ribbon--3{left:18%;top:42%;width:min(70vw,900px);animation-delay:-5s;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}
.tey-ribbon--4{right:-4%;top:-10%;width:min(50vw,680px);animation-delay:-2s}
.tey-ch .tey-ch__word{z-index:3}
@keyframes tey-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(-1.5deg)}}
@media (prefers-reduced-motion:reduce){.tey-ribbon{animation:none}}
@media (max-width:768px){.tey-ribbon{width:110vw}.tey-ribbon--1{left:-20%;top:30%}.tey-ribbon--2{right:-30%;top:4%}.tey-ribbon--3{left:-10%;top:52%}.tey-ribbon--4{right:-30%;top:-4%}}

/* Dải vải chìm dưới nội dung, chuyển động rất nhẹ */
.tey-ch .tey-wrap>*:not(.tey-ribbon):not(.tey-ch__macro){position:relative;z-index:2}
.tey-ch .tey-wrap>.tey-ch__macro{position:absolute;z-index:4}
.tey-ribbon{z-index:0!important;opacity:.38;filter:saturate(.85)!important;animation:tey-float-soft 16s ease-in-out infinite}
.tey-ribbon--3{opacity:.32}
@keyframes tey-float-soft{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-8px)}}

/* Chương Bamboo: xanh tre #5E7D3C */
.tey-ch--3{background:#5E7D3C;--ink:#FFFFFF;--ink-2:#EEF2E6;--accent-text:#F4F1E4;--bg:#5E7D3C;--line:rgba(255,255,255,.25);color:#FFFFFF}
.tey-ch--3 .tey-ch__word{color:#F4F1E4}
.tey-ch--3 .tey-ch__num{-webkit-text-stroke-color:rgba(244,241,228,.8)}
.tey-ch--3 .tey-ch__say{color:#FFFFFF}
.tey-ch--3 .tey-kicker{color:#E3EBD3}
.tey-ch--3 .tey-chip{border-color:rgba(255,255,255,.6);color:#FFFFFF}
.tey-ch--3 .tey-chip:hover{background:#FFFFFF;border-color:#FFFFFF;color:#3E5626}
.tey-ch--3 .tey-chip--main{background:#F4F1E4;border-color:#F4F1E4;color:#3E5626}
.tey-ch--3 .tey-chip--main:hover{background:#FFFFFF;border-color:#FFFFFF;color:#2F4219}
.tey-ch--3 .tey-ch3__a::before{background:#44602A}
.tey-ch--3 .tey-ch__macro img{box-shadow:0 0 0 6px #5E7D3C,0 0 0 7.5px #F4F1E4}
.tey-ch--3 .tey-ch__macro figcaption{color:#E3EBD3}
.tey-ribbon--3{opacity:.28;filter:brightness(1.1) saturate(.6)!important}
#bamboo+.tey-fold{--bg:#5E7D3C;--thread:rgba(244,241,228,.6);--hole:rgba(255,255,255,.25)}
.tey-fold--si{--to:#5E7D3C}
.tey-ch--3 .tey-ch__word{color:#C8E89A;text-shadow:0 2px 24px rgba(30,45,15,.35)}