:root{--trva-bg:#F3F7FB;--trva-bg2:#EEF4FB;--trva-card:#FFFFFF;--trva-line:#DCE6F0;--trva-line2:#E4ECF5;--trva-ink:#0F1B2A;--trva-ink2:#3A4A5E;--trva-muted:#566477;--trva-tint:#DDEBFB;--trva-tint2:#EEF5FD;--trva-aink:#1D5BB8;--trva-a1:#5BA4F5;--trva-a2:#2563EB;--trva-aline:#A9C8EE;--trva-g:#22A55B;--trva-gink:#1E7B45;--trva-gbg:#E6F6EC;--trva-r:#C2383A;--trva-rbg:#FDECEC;--trva-dark:#0F1B2A;--trva-dark2:#16263A;--trva-dline:#22364F;--trva-dink:#EEF4FB;--trva-dmuted:#9DB0C6;--trva-fb:#1877F2;--trva-ig:#D62976;--trva-za:#0068FF;--trva-tg:#229ED9;--trva-grad:linear-gradient(145deg,var(--trva-a1),var(--trva-a2));--trva-shadow:0 1px 2px rgba(60,40,10,.05),0 10px 28px rgba(60,40,10,.06);--trva-radius:22px;--trva-bar:#F8FBFD;--trva-row:#FAFCFE;--trva-grid:#E3EAF2;--trva-bubble:#D4E6FB;--trva-glow:#DCEBFC;--trva-glow2:#EEF4FB;--trva-halo:rgba(255,255,255,.55);--trva-argb:37,99,235;--trva-ona:#FFFFFF;--trva-rs:#E5484D;--trva-bbg:#EAF0FE;--trva-bink:#2F55C7;--trva-series2:#3A4A5E;--trva-font:"Manrope","Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif}
.zone-body{display:flex;align-items:flex-start;gap:24px}
.zone-left,.zone-right{flex:0 0 auto;width:260px;position:sticky;top:16px;align-self:flex-start}
.zone-main{flex:1;min-width:0}
.zone-top{position:sticky;top:0;z-index:50}
.item-module-default:has(.zone-top){position:sticky;top:0;z-index:50}
body{background:var(--trva-bg);color:var(--trva-ink);font-family:var(--trva-font);margin:0;-webkit-font-smoothing:antialiased}
.zone-top,.zone-main,.zone-bottom{font-family:var(--trva-font);color:var(--trva-ink)}
.zone-main img{max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.trva-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.trva-demo{scroll-margin-top:72px}
.trva-h2{font-size:42px;line-height:1.1;letter-spacing:-.03em;font-weight:800;margin:0}
.trva-sub{font-size:17px;line-height:1.6;color:var(--trva-muted);margin:0}
.trva-note{font-size:13px;color:var(--trva-muted);margin:0}
.trva-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:14px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;white-space:nowrap;box-sizing:border-box}
.trva-btn:hover{transform:translateY(-1px)}
.trva-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.trva-btn-primary{background:var(--trva-grad);color:var(--trva-ona);box-shadow:0 6px 18px rgba(var(--trva-argb),.32)}
.trva-btn-primary:hover{box-shadow:0 10px 24px rgba(var(--trva-argb),.42);color:var(--trva-ona)}
.trva-btn-ghost{background:var(--trva-card);color:var(--trva-ink);border-color:var(--trva-line)}
.trva-btn-ghost:hover{border-color:var(--trva-aline);color:var(--trva-ink)}
.trva-btn-soft{background:var(--trva-tint2);color:var(--trva-aink);border-color:var(--trva-line);height:40px;font-size:13px;padding:0 14px}
.trva-btn-lg{height:54px;padding:0 26px;font-size:16px;border-radius:16px}
.trva-btn-block{width:100%}
.trva-icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--trva-line);background:var(--trva-card);color:var(--trva-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.trva-icon-btn:hover{color:var(--trva-r);border-color:var(--trva-r)}
.trva-link{color:var(--trva-ink);font-weight:600;text-decoration:none;font-size:15px}
.trva-link:hover{color:var(--trva-aink)}
.trva-header{background:color-mix(in srgb,var(--trva-bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--trva-line)}
.trva-header-in{height:72px;display:flex;align-items:center;gap:28px}
.trva-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--trva-ink)}
.trva-logo-mark{width:38px;height:38px;border-radius:12px;background:var(--trva-grad);color:var(--trva-ona);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(var(--trva-argb),.32)}
.trva-logo-name{font-size:20px;font-weight:800;letter-spacing:-.02em}
.trva-logo-ai{font-size:11px;font-weight:800;padding:3px 7px;border-radius:7px;background:var(--trva-dark);color:var(--trva-a1);letter-spacing:.04em}
.trva-card{background:var(--trva-card);border:1px solid var(--trva-line);border-radius:var(--trva-radius);box-shadow:var(--trva-shadow);padding:24px;box-sizing:border-box}
.trva-label{display:block;font-size:13px;font-weight:700;color:var(--trva-ink2);margin:0 0 7px}
.trva-input{width:100%;box-sizing:border-box;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--trva-line);background:var(--trva-bg);color:var(--trva-ink);font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}
.trva-input:focus{outline:none;border-color:var(--trva-a2);box-shadow:0 0 0 3px rgba(var(--trva-argb),.18);background:var(--trva-card)}
.trva-input-sm{height:38px;font-size:13px;padding:0 10px}
.trva-textarea{height:auto;min-height:96px;padding:12px 14px;line-height:1.5;resize:vertical}
select.trva-input{appearance:none;-webkit-appearance:none;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='%236B6253' stroke-width='2.4' stroke-linecap='round'%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}
.trva-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#trvaDemoForm{display:flex;flex-direction:column;gap:14px}
#trvaDemoForm .trva-label{margin-bottom:-7px}
.trva-row2 .trva-label{margin-bottom:7px !important}
.trva-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.trva-check{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 10px;border-radius:12px;border:1px solid var(--trva-line);background:var(--trva-bg);font-size:13px;font-weight:700;cursor:pointer;box-sizing:border-box}
.trva-check input{accent-color:var(--trva-a2);width:16px;height:16px;margin:0}
.trva-check:has(input:checked){border-color:var(--trva-a2);background:var(--trva-tint2)}
.trva-check-line{min-height:40px;background:transparent;border:0;padding:0;font-weight:600}
.trva-form-err{margin:0;padding:10px 12px;border-radius:12px;background:var(--trva-rbg);color:var(--trva-r);font-size:13px;font-weight:600}
.trva-admin{padding-top:36px;padding-bottom:72px;display:flex;flex-direction:column;gap:20px}
.trva-admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.trva-admin-h1{margin:0 0 4px;font-size:32px;letter-spacing:-.02em}
.trva-search{display:flex;gap:8px;min-width:min(420px,100%)}
.trva-tabs{display:flex;gap:6px;flex-wrap:wrap}
.trva-tab{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--trva-line);background:var(--trva-card);color:var(--trva-ink2);font-size:14px;font-weight:700;text-decoration:none}
.trva-tab span{font-size:12px;color:var(--trva-muted)}
.trva-tab.is-on{background:var(--trva-dark);border-color:var(--trva-dark);color:#fff}
.trva-tab.is-on span{color:var(--trva-a1)}
.trva-table-wrap{overflow-x:auto;background:var(--trva-card);border:1px solid var(--trva-line);border-radius:20px;box-shadow:var(--trva-shadow)}
.trva-table{width:100%;border-collapse:collapse;font-size:14px;min-width:900px}
.trva-table th{text-align:left;padding:14px 16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted);background:var(--trva-tint2);border-bottom:1px solid var(--trva-line)}
.trva-table td{padding:14px 16px;border-bottom:1px solid var(--trva-line2);vertical-align:top}
.trva-table td b,.trva-table td a{display:block}
.trva-table td a{color:var(--trva-aink);text-decoration:none;font-weight:600}
.trva-table td small{display:block;color:var(--trva-muted);font-size:12px;margin-top:2px}
.trva-pager{display:flex;align-items:center;justify-content:center;gap:14px;font-weight:700;color:var(--trva-muted)}
.trva-pill{height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;display:inline-flex;align-items:center}
.trva-pill-amber{background:var(--trva-tint);color:var(--trva-aink)}
.trva-pill-green{background:var(--trva-gbg);color:var(--trva-gink)}
.trva-pill-gray{background:var(--trva-line2);color:var(--trva-muted)}
.trva-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;padding:12px 18px;border-radius:14px;background:var(--trva-dark);color:#fff;font-weight:600;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.trva-toast[hidden]{display:none}
@media (max-width:1024px){
.trva-h2{font-size:36px}
}
@media (max-width:768px){
.trva-header-in{height:64px;gap:12px}
.trva-header{position:relative}
.trva-h2{font-size:30px}
.trva-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){.trva-wrap{padding:0 16px}
.trva-h2{font-size:27px}
.trva-ring-1{width:240px;height:240px}
.trva-bot{scale:.78}
.trva-row2{grid-template-columns:1fr}
.trva-card{padding:18px}
.trva-search{flex-direction:column}
}
.trva-pill{height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0}
.trva-pill-red{background:var(--trva-rbg);color:var(--trva-r)}
.trva-pill-blue{background:var(--trva-bbg);color:var(--trva-bink)}
.trva-empty-sm{margin:12px 0;color:var(--trva-muted);font-size:14px;text-align:center}
.zone-main [hidden],.zone-top [hidden]{display:none !important}
.trva-check-line,.trva-check-line:has(input:checked){background:transparent;border:0}
.trva-cp-form .trva-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
.trva-checks .trva-check span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trva-bot{position:absolute;left:50%;top:50%;width:170px;margin:-100px 0 0 -85px;display:flex;flex-direction:column;align-items:center;animation:trvaBob 4.5s ease-in-out infinite}
@keyframes trvaBob{0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.trva-bot-head{width:170px;height:148px;border-radius:78px 78px 66px 66px;background:linear-gradient(160deg,#FFFFFF 30%,#E6EAF0);box-shadow:0 26px 50px rgba(var(--trva-argb),.20),inset 0 -6px 12px rgba(20,40,80,.08);display:flex;align-items:center;justify-content:center}
.trva-bot-visor{width:124px;height:80px;border-radius:40px;background:#14171C;display:flex;align-items:center;justify-content:center;gap:22px;box-shadow:inset 0 3px 10px rgba(0,0,0,.6)}
.trva-bot-visor span{width:24px;height:24px;box-sizing:content-box;border-radius:50%;border:5px solid var(--trva-a1);box-shadow:0 0 18px rgba(var(--trva-argb),.85);animation:trvaBlink 5s infinite}
@keyframes trvaBlink{0%,92%,100%{transform:scaleY(1)}
95%{transform:scaleY(.15)}
}
.trva-bot-shadow{width:110px;height:18px;margin-top:18px;border-radius:50%;background:rgba(20,40,80,.14);animation:trvaShadow 4.5s ease-in-out infinite}
@keyframes trvaShadow{0%,100%{transform:scaleX(1)}
50%{transform:scaleX(.85)}
}
@media (prefers-reduced-motion:reduce){.trva-bot,.trva-bot-visor span,.trva-bot-shadow{animation:none}
}
html.trva-app{--trva-bg:#FBF8F1;--trva-bar:#FDFBF6;--trva-card:#FFFFFF;--trva-line:#F0E8D8;--trva-line2:#F3EDE1;--trva-ink:#1F1A12;--trva-muted:#6B6253;--trva-ink2:#4F4738;--trva-tint:#FEF3DC;--trva-tint2:#FFF8EA;--trva-aink:#9A5B00;--trva-a1:#F7C04A;--trva-a2:#E39612;--trva-argb:227,150,18;--trva-ona:#2B1E05;--trva-bubble:#F7E3B8;--trva-aline:#EBCB8B;--trva-row:#FFFDF8;--trva-grid:#F1EBDD;--trva-glow:#FFF1CF;--trva-glow2:#FBF4E2;--trva-g:#22A55B;--trva-gink:#1E7B45;--trva-gbg:#E6F6EC;--trva-rs:#E5484D;--trva-r:#C2383A;--trva-rbg:#FDECEC;--trva-bbg:#EAF0FE;--trva-bink:#2F55C7;--trva-halo:rgba(255,255,255,.55);--trva-series2:#3B3428;--trva-bg2:#FBF4E2;--trva-shadow:0 1px 2px rgba(60,40,10,.05),0 10px 28px rgba(60,40,10,.06)}
.trva-sw-amber{background:linear-gradient(135deg,#FBF8F1 0 50%,#E39612 50% 100%);border-color:#F0E8D8}
html.trva-app[data-trva-theme="mint"]{--trva-bg:#F3F8F5;--trva-bar:#F8FBF9;--trva-card:#FFFFFF;--trva-line:#DCEAE2;--trva-line2:#E3EFE8;--trva-ink:#10201A;--trva-muted:#55675E;--trva-ink2:#3B4D44;--trva-tint:#DDF3E8;--trva-tint2:#EEF9F3;--trva-aink:#0B7553;--trva-a1:#4ED3A4;--trva-a2:#14A57A;--trva-argb:20,165,122;--trva-ona:#032519;--trva-bubble:#CDEFDF;--trva-aline:#A8DCC4;--trva-row:#FAFDFB;--trva-grid:#E2EEE7;--trva-glow:#D7F5E8;--trva-glow2:#EAF6F0;--trva-g:#22A55B;--trva-gink:#1E7B45;--trva-gbg:#E6F6EC;--trva-rs:#E5484D;--trva-r:#C2383A;--trva-rbg:#FDECEC;--trva-bbg:#EAF0FE;--trva-bink:#2F55C7;--trva-halo:rgba(255,255,255,.55);--trva-series2:#3B4D44;--trva-bg2:#EAF6F0;--trva-shadow:0 1px 2px rgba(60,40,10,.05),0 10px 28px rgba(60,40,10,.06)}
.trva-sw-mint{background:linear-gradient(135deg,#F3F8F5 0 50%,#14A57A 50% 100%);border-color:#DCEAE2}
html.trva-app[data-trva-theme="ocean"]{--trva-bg:#F3F7FB;--trva-bar:#F8FBFD;--trva-card:#FFFFFF;--trva-line:#DCE6F0;--trva-line2:#E4ECF5;--trva-ink:#0F1B2A;--trva-muted:#566477;--trva-ink2:#3A4A5E;--trva-tint:#DDEBFB;--trva-tint2:#EEF5FD;--trva-aink:#1D5BB8;--trva-a1:#5BA4F5;--trva-a2:#2563EB;--trva-argb:37,99,235;--trva-ona:#FFFFFF;--trva-bubble:#D4E6FB;--trva-aline:#A9C8EE;--trva-row:#FAFCFE;--trva-grid:#E3EAF2;--trva-glow:#DCEBFC;--trva-glow2:#EEF4FB;--trva-g:#22A55B;--trva-gink:#1E7B45;--trva-gbg:#E6F6EC;--trva-rs:#E5484D;--trva-r:#C2383A;--trva-rbg:#FDECEC;--trva-bbg:#EAF0FE;--trva-bink:#2F55C7;--trva-halo:rgba(255,255,255,.55);--trva-series2:#3A4A5E;--trva-bg2:#EEF4FB;--trva-shadow:0 1px 2px rgba(60,40,10,.05),0 10px 28px rgba(60,40,10,.06)}
.trva-sw-ocean{background:linear-gradient(135deg,#F3F7FB 0 50%,#2563EB 50% 100%);border-color:#DCE6F0}
html.trva-app[data-trva-theme="rose"]{--trva-bg:#FCF6F6;--trva-bar:#FEFAFA;--trva-card:#FFFFFF;--trva-line:#F1E1E2;--trva-line2:#F3E6E7;--trva-ink:#2A1518;--trva-muted:#75585C;--trva-ink2:#5A3E42;--trva-tint:#FCE4E6;--trva-tint2:#FDF1F2;--trva-aink:#B4233C;--trva-a1:#F58A9B;--trva-a2:#E11D48;--trva-argb:225,29,72;--trva-ona:#FFFFFF;--trva-bubble:#F9D9DD;--trva-aline:#F0B4BE;--trva-row:#FFFCFC;--trva-grid:#F2E5E6;--trva-glow:#FCE1E4;--trva-glow2:#FBF0F1;--trva-g:#22A55B;--trva-gink:#1E7B45;--trva-gbg:#E6F6EC;--trva-rs:#E5484D;--trva-r:#C2383A;--trva-rbg:#FDECEC;--trva-bbg:#EAF0FE;--trva-bink:#2F55C7;--trva-halo:rgba(255,255,255,.55);--trva-series2:#5A3E42;--trva-bg2:#FBF0F1;--trva-shadow:0 1px 2px rgba(60,40,10,.05),0 10px 28px rgba(60,40,10,.06)}
.trva-sw-rose{background:linear-gradient(135deg,#FCF6F6 0 50%,#E11D48 50% 100%);border-color:#F1E1E2}
html.trva-app[data-trva-theme="lavender"]{--trva-bg:#F7F6FC;--trva-bar:#FBFAFE;--trva-card:#FFFFFF;--trva-line:#E6E2F4;--trva-line2:#EDEAF8;--trva-ink:#1A1630;--trva-muted:#625D7A;--trva-ink2:#45405E;--trva-tint:#ECE8FF;--trva-tint2:#F4F2FF;--trva-aink:#5240C8;--trva-a1:#A796FF;--trva-a2:#6B55EE;--trva-argb:107,85,238;--trva-ona:#FFFFFF;--trva-bubble:#E2DCFF;--trva-aline:#C9BEFA;--trva-row:#FCFBFF;--trva-grid:#ECE9F6;--trva-glow:#E8E2FF;--trva-glow2:#F3F0FD;--trva-g:#22A55B;--trva-gink:#1E7B45;--trva-gbg:#E6F6EC;--trva-rs:#E5484D;--trva-r:#C2383A;--trva-rbg:#FDECEC;--trva-bbg:#EAF0FE;--trva-bink:#2F55C7;--trva-halo:rgba(255,255,255,.55);--trva-series2:#45405E;--trva-bg2:#F3F0FD;--trva-shadow:0 1px 2px rgba(60,40,10,.05),0 10px 28px rgba(60,40,10,.06)}
.trva-sw-lavender{background:linear-gradient(135deg,#F7F6FC 0 50%,#6B55EE 50% 100%);border-color:#E6E2F4}
html.trva-app[data-trva-theme="graphite"]{--trva-bg:#F4F4F3;--trva-bar:#FAFAF9;--trva-card:#FFFFFF;--trva-line:#E3E3E0;--trva-line2:#EBEBE8;--trva-ink:#161616;--trva-muted:#5F5F5C;--trva-ink2:#3E3E3C;--trva-tint:#E9E9E6;--trva-tint2:#F3F3F1;--trva-aink:#161616;--trva-a1:#9A9A95;--trva-a2:#1F1F1E;--trva-argb:31,31,30;--trva-ona:#FFFFFF;--trva-bubble:#E4E4E1;--trva-aline:#C9C9C5;--trva-row:#FCFCFB;--trva-grid:#EAEAE7;--trva-glow:#EDEDEA;--trva-glow2:#F4F4F2;--trva-g:#22A55B;--trva-gink:#1E7B45;--trva-gbg:#E6F6EC;--trva-rs:#E5484D;--trva-r:#C2383A;--trva-rbg:#FDECEC;--trva-bbg:#EAF0FE;--trva-bink:#2F55C7;--trva-halo:rgba(255,255,255,.55);--trva-series2:#3E3E3C;--trva-bg2:#F4F4F2;--trva-shadow:0 1px 2px rgba(60,40,10,.05),0 10px 28px rgba(60,40,10,.06)}
.trva-sw-graphite{background:linear-gradient(135deg,#F4F4F3 0 50%,#1F1F1E 50% 100%);border-color:#E3E3E0}
html.trva-app[data-trva-theme="midnight"]{--trva-bg:#121110;--trva-bar:#171614;--trva-card:#1F1D1A;--trva-line:#2F2B25;--trva-line2:#302C26;--trva-ink:#F4EFE6;--trva-muted:#A89F8E;--trva-ink2:#D2C9B8;--trva-tint:#3A2C12;--trva-tint2:#2A2217;--trva-aink:#F5BE57;--trva-a1:#F7C04A;--trva-a2:#E39612;--trva-argb:227,150,18;--trva-ona:#2B1E05;--trva-bubble:#3A2C12;--trva-aline:#5A4520;--trva-row:#24221E;--trva-grid:#2C2823;--trva-glow:#3A2A10;--trva-glow2:#1C1915;--trva-g:#3DD27F;--trva-gink:#6FD69A;--trva-gbg:#173323;--trva-rs:#F06A6E;--trva-r:#F29A9C;--trva-rbg:#3A1D1E;--trva-bbg:#1D2643;--trva-bink:#9DB4F7;--trva-halo:rgba(255,255,255,.04);--trva-series2:#D2C9B8;--trva-bg2:#2A2217;--trva-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.28);color-scheme:dark}
.trva-sw-midnight{background:linear-gradient(135deg,#121110 0 50%,#E39612 50% 100%);border-color:#2F2B25}
html.trva-app[data-trva-theme="forest"]{--trva-bg:#0F1512;--trva-bar:#131A16;--trva-card:#18211C;--trva-line:#26322B;--trva-line2:#26322B;--trva-ink:#EAF2EC;--trva-muted:#93A49A;--trva-ink2:#C7D4CB;--trva-tint:#183A2A;--trva-tint2:#15261D;--trva-aink:#6EE7A8;--trva-a1:#4ADE80;--trva-a2:#16A34A;--trva-argb:22,163,74;--trva-ona:#04210F;--trva-bubble:#1B3A2B;--trva-aline:#2F5A43;--trva-row:#1C2620;--trva-grid:#223029;--trva-glow:#143524;--trva-glow2:#111A15;--trva-g:#3DD27F;--trva-gink:#6FD69A;--trva-gbg:#173323;--trva-rs:#F06A6E;--trva-r:#F29A9C;--trva-rbg:#3A1D1E;--trva-bbg:#1D2643;--trva-bink:#9DB4F7;--trva-halo:rgba(255,255,255,.04);--trva-series2:#C7D4CB;--trva-bg2:#15261D;--trva-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.28);color-scheme:dark}
.trva-sw-forest{background:linear-gradient(135deg,#0F1512 0 50%,#16A34A 50% 100%);border-color:#26322B}
html.trva-app{--trva-navw:236px}
html.trva-app .zone-body{gap:0;align-items:stretch}
html.trva-app .zone-left{width:var(--trva-navw);top:72px;height:calc(100vh - 72px);box-sizing:border-box;background:var(--trva-bar);border-right:1px solid var(--trva-line);transition:width .3s}
html.trva-app .trva-tab.is-on{background:var(--trva-ink);border-color:var(--trva-ink);color:var(--trva-bg)}
html.trva-app .trva-tab.is-on span{color:inherit;opacity:.7}
html.trva-app .trva-toast{border:1px solid var(--trva-dline)}
.trva-cap{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted)}
.trva-tile{width:36px;height:36px;flex-shrink:0;border-radius:11px;background:var(--trva-tint);color:var(--trva-aink);display:flex;align-items:center;justify-content:center}
.trva-mark{width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--trva-grad);box-shadow:0 4px 12px rgba(var(--trva-argb),.32);display:flex;align-items:center;justify-content:center;color:var(--trva-ona)}
.trva-side{box-sizing:border-box;display:flex;flex-direction:column;gap:22px;padding:18px 14px;background:var(--trva-bar);overflow-y:auto;scrollbar-width:none}
.zone-left > .trva-side{width:100%;height:100%}
.trva-shell > .trva-side{position:fixed;left:0;top:0;bottom:0;width:284px;transform:translateX(-104%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:70;box-shadow:0 0 60px rgba(0,0,0,.25);border-right:1px solid var(--trva-line)}
html.trva-nav-open .trva-shell > .trva-side{transform:none}
html.trva-app:not(.trva-docked) .trva-side-only-m{display:flex !important}
html.trva-app:not(.trva-docked) .trva-sq-burger{display:flex}
.trva-side::-webkit-scrollbar{display:none}
.trva-side-ic{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center}
.trva-nav-badge{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--trva-rs);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.trva-side-only-m{display:none !important}
.trva-src{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;min-width:0;color:var(--trva-ink);text-decoration:none}
.trva-src i{width:7px;height:7px;border-radius:50%;background:var(--trva-g);flex-shrink:0}
.trva-src i.is-bad{background:var(--trva-rs)}
.trva-src i.is-off{background:var(--trva-muted);opacity:.45}
.trva-src span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-top{position:relative;height:72px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:0 24px 0 0;border-bottom:1px solid var(--trva-line);background:var(--trva-bar)}
.trva-top-brand{display:flex;align-items:center;gap:10px;flex:none;width:var(--trva-navw);height:100%;box-sizing:border-box;padding:0 18px;margin-right:12px;border-right:1px solid var(--trva-line);min-width:0;text-decoration:none;color:var(--trva-ink);transition:width .3s}
.trva-brand-m{display:none !important}
.trva-top-brand > span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.trva-top-brand b{font-size:15px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.trva-top-brand small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--trva-muted);white-space:nowrap}
.trva-top-brand small i{width:7px;height:7px;border-radius:50%;background:var(--trva-g)}
.trva-top-brand small em{font-style:normal;color:var(--trva-gink);font-weight:700}
.trva-top-brand small.is-bad i{background:var(--trva-rs)}
.trva-top-brand small.is-bad em{color:var(--trva-r)}
.trva-cmd{flex:1 1 300px;max-width:520px;height:46px;margin:0;display:flex;align-items:center;gap:10px;padding:0 8px 0 14px;border-radius:14px;background:var(--trva-card);border:1px solid var(--trva-line);color:var(--trva-muted);box-sizing:border-box}
.trva-cmd input{flex:1;min-width:0;height:40px;border:0;background:transparent;font-family:inherit;font-size:14px;color:var(--trva-ink)}
.trva-cmd input:focus{outline:none}
.trva-cmd:focus-within{border-color:var(--trva-a2);box-shadow:0 0 0 3px rgba(var(--trva-argb),.18)}
.trva-kbd{height:26px;padding:0 8px;border-radius:8px;border:1px solid var(--trva-line);font-size:12px;font-weight:700;display:flex;align-items:center;color:var(--trva-muted);white-space:nowrap}
.trva-top-gap{flex:1 1 0}
.trva-status{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--trva-gbg);color:var(--trva-gink);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.trva-status i{width:7px;height:7px;border-radius:50%;background:var(--trva-g)}
.trva-status.is-bad{background:var(--trva-rbg);color:var(--trva-r)}
.trva-status.is-bad i{background:var(--trva-rs)}
.trva-status.is-none{background:var(--trva-tint);color:var(--trva-aink)}
.trva-status.is-none i{background:var(--trva-a2)}
.trva-sq{position:relative;width:44px;height:44px;flex-shrink:0;padding:0;border:1px solid var(--trva-line);background:var(--trva-card);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--trva-ink);cursor:pointer;text-decoration:none;font-family:inherit;box-sizing:border-box}
.trva-sq:hover{border-color:var(--trva-aline);color:var(--trva-ink)}
.trva-sq-dot{position:absolute;top:10px;right:11px;width:7px;height:7px;border-radius:50%;background:var(--trva-rs);border:2px solid var(--trva-card)}
.trva-sq-burger{display:none}
.trva-me{height:48px;display:flex;align-items:center;gap:10px;padding:0 10px 0 4px;border:0;background:transparent;border-radius:14px;color:var(--trva-ink);text-align:left;font-family:inherit;cursor:pointer}
.trva-me-av{width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--trva-grad);color:var(--trva-ona);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.trva-me-txt{display:flex;flex-direction:column;gap:1px}
.trva-me-txt b{font-size:14px;font-weight:700;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.trva-me-txt small{font-size:12px;color:var(--trva-muted);white-space:nowrap}
.trva-pop{position:absolute;top:66px;z-index:30;box-sizing:border-box;background:var(--trva-card);color:var(--trva-ink);border:1px solid var(--trva-line);border-radius:22px;box-shadow:0 1px 2px rgba(60,40,10,.05),0 18px 50px rgba(20,14,4,.16);padding:16px;display:flex;flex-direction:column;gap:14px;animation:trvaIn .3s ease-out}
.trva-pop[hidden]{display:none}
.trva-pop-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.trva-pop-head b{font-size:15px;font-weight:800}
.trva-pop-head small{font-size:12px;color:var(--trva-muted)}
.trva-pop-x{width:36px;height:36px;border:0;background:transparent;border-radius:10px;color:var(--trva-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}
.trva-look{right:210px;width:440px}
.trva-look-grip,.trva-look-done{display:none}
.trva-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.trva-opt{min-height:72px;border-radius:16px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--trva-ink);background:transparent;border:1px solid var(--trva-line);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;box-sizing:border-box}
.trva-opt.is-on{background:var(--trva-tint2);border:2px solid var(--trva-a2)}
.trva-opt-lay{border-radius:14px;padding:6px;min-height:0}
.trva-sw{width:32px;height:32px;border-radius:50%;border:1px solid;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.trva-lay{width:100%;height:46px;border-radius:8px;background:var(--trva-bg);border:1px solid var(--trva-line);display:flex;gap:3px;padding:5px;box-sizing:border-box}
.trva-lay i{display:block;height:100%;border-radius:3px;flex-shrink:0}
.trva-lay .t{background:var(--trva-tint)}
.trva-lay .l{background:var(--trva-line)}
.trva-lay .c{background:var(--trva-a1)}
.trva-lay-m{height:64px;border-radius:10px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px}
.trva-lay-m i{height:auto;width:100%}
.trva-look-m{display:none}
.trva-bell{right:150px;width:330px;gap:8px}
.trva-menu{right:24px;width:230px;gap:4px;padding:10px}
.trva-menu a{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px;border-radius:12px;color:var(--trva-ink);text-decoration:none;font-size:14px;font-weight:600}
.trva-menu a:hover{background:var(--trva-tint2)}
.trva-menu-who{padding:6px 10px 10px;border-bottom:1px solid var(--trva-line2);margin-bottom:4px;display:flex;flex-direction:column}
.trva-menu-who small{color:var(--trva-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.trva-scrim{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:60;background:rgba(15,12,8,.42);border:0;padding:0;width:100%;height:100%}
html.trva-nav-open .trva-scrim{display:block}
@media (min-width:1025px){html.trva-app[data-trva-nav="rail"]{--trva-navw:76px}
html.trva-app[data-trva-nav="rail"] .trva-side{align-items:center;gap:14px;padding:18px 0}
html.trva-app[data-trva-nav="rail"] .trva-top-brand{padding:0;justify-content:center}
html.trva-app[data-trva-nav="rail"] .trva-top-brand > span:last-child{display:none}
html.trva-app[data-trva-nav="rail"] .trva-side-ic svg{width:19px;height:19px}
html.trva-app[data-trva-nav="rail"] .trva-nav-badge{position:absolute;top:4px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px}
}
.trva-viewer{display:none;flex-direction:column;height:calc(100vh - 72px);min-height:640px;box-sizing:border-box}
.trva-viewer[hidden]{display:none}
html.trva-viewing .trva-cp-page{display:none}
html.trva-viewing .trva-viewer:not([hidden]){display:flex;animation:trvaFade .25s both}
.trva-viewer-bar{display:flex;align-items:center;gap:12px;height:52px;flex-shrink:0;padding:0 20px;border-bottom:1px solid var(--trva-line);background:var(--trva-bar)}
.trva-viewer-bar b{font-size:14px;font-weight:800}
.trva-viewer-back{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 8px;border-radius:11px;border:1px solid var(--trva-aline);background:var(--trva-tint2);color:var(--trva-aink);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.trva-viewer-back:hover{background:var(--trva-tint)}
.trva-viewer-back svg{flex-shrink:0}
.trva-viewer-load{margin-left:auto;font-size:12px;font-weight:600;color:var(--trva-muted);display:inline-flex;align-items:center;gap:8px}
.trva-viewer-load::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--trva-aline);border-top-color:var(--trva-a2);animation:trvaSpinR .8s linear infinite}
.trva-viewer-load[hidden]{display:none}
.trva-viewer-frame{flex:1;min-height:0;width:100%;border:0;display:block;background:transparent}
html.trva-embed .trva-shell,html.trva-embed .zone-left,html.trva-embed .trva-scrim{display:none !important}
html.trva-embed .zone-body{display:block}
html.trva-embed-act body{background:var(--trva-card)}
html.trva-embed-act .trva-cp-side,html.trva-embed-act .trva-cp-howto,html.trva-embed-act .trva-cp-dock,html.trva-embed-act .trva-cp-suggest,html.trva-embed-act .trva-dash-sugg,html.trva-embed-act #trvaViewer{display:none !important}
html.trva-embed-act .trva-cp-page{display:block;padding:0;height:100vh;height:100dvh;min-height:0}
html.trva-embed-act .trva-cp{height:100%;border:0;border-radius:0;box-shadow:none}
html.trva-embed-act .trva-modal{background:none;padding:0;animation:none}
html.trva-embed-act .trva-modal-head .trva-pop-x{display:none}
html.trva-embed-act .trva-modal-box,html.trva-embed-act .trva-modal.is-wide .trva-modal-box{width:100%;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none;animation:none}
html.trva-embed .trva-admin{padding-top:20px}
.trva-cp-page{display:flex;gap:20px;padding:20px;height:calc(100vh - 72px);min-height:640px;box-sizing:border-box}
.trva-cp-side{flex-shrink:0;display:flex;flex-direction:column;gap:16px;min-width:0;overflow-y:auto;scrollbar-width:none;padding-bottom:8px}
.trva-cp-side::-webkit-scrollbar{display:none}
.trva-cp-left{width:300px}
.trva-cp-right{width:352px}
html.trva-app[data-trva-layout="split"] .trva-cp-right,html.trva-app[data-trva-layout="focus"] .trva-cp-side{display:none}
.trva-cp-panel{padding:18px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}
.trva-ov{gap:14px;position:relative}
.trva-cp-panel-head{display:flex;align-items:center;gap:10px;padding-bottom:4px}
.trva-ov .trva-cp-panel-head{padding-bottom:0}
.trva-cp-panel-head > b,.trva-cp-panel-head > div{flex:1;min-width:0}
.trva-cp-panel-head b{font-size:16px;font-weight:800;display:block}
.trva-cp-panel-head small{font-size:12px;color:var(--trva-muted)}
.trva-cp-panel-head .trva-link-btn{height:36px;padding:0 6px;border:0;background:transparent;color:var(--trva-aink);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.trva-cp-panel-head .trva-new{font-size:12px;font-weight:700;color:var(--trva-aink)}
.trva-livedot{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--trva-gink);white-space:nowrap}
.trva-livedot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--trva-g)}
.trva-range-btn{height:32px;padding:0 10px;border-radius:10px;border:1px solid var(--trva-aline);background:var(--trva-tint2);color:var(--trva-aink);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.trva-range-pop{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:var(--trva-row);border:1px solid var(--trva-line2)}
.trva-range-pop[hidden]{display:none}
.trva-range{display:flex;padding:3px;border-radius:12px;background:var(--trva-tint2);border:1px solid var(--trva-line2)}
.trva-range a{flex:1;text-align:center;height:30px;line-height:30px;border-radius:9px;font-size:12px;font-weight:700;color:var(--trva-muted);text-decoration:none}
.trva-range a.is-on{background:var(--trva-card);color:var(--trva-ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.trva-range-custom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin:0}
.trva-range-custom .trva-input{min-width:0;width:100%;padding:0 8px;font-size:12px}
.trva-range-custom .trva-btn{height:36px;padding:0 10px;grid-column:1 / -1}
.trva-ov-big{display:flex;flex-direction:column;gap:2px}
.trva-ov-big small{font-size:13px;color:var(--trva-muted)}
.trva-ov-big div{display:flex;align-items:baseline;gap:10px}
.trva-ov-big b{font-size:30px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.trva-delta{font-size:13px;font-weight:700;color:var(--trva-muted);white-space:nowrap}
.trva-delta.is-up{color:var(--trva-gink)}
.trva-delta.is-down{color:var(--trva-r)}
.trva-ov-chart{display:block;width:100%;height:124px}
.trva-ov-chart line,.trva-cp-grid{stroke:var(--trva-grid);stroke-width:1}
.trva-area,.trva-cp-area{fill:var(--trva-a1);fill-opacity:.16;animation:trvaFade .6s .5s ease-out both}
.trva-linep,.trva-cp-line-a{fill:none;stroke:var(--trva-a2);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:trvaDraw 1.1s .2s ease-out forwards}
.trva-cp-line-b{fill:none;stroke:var(--trva-series2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.55;stroke-dasharray:1;stroke-dashoffset:1;animation:trvaDraw 1.1s .35s ease-out forwards}
.trva-dotp,.trva-cp-dot{fill:var(--trva-card);stroke:var(--trva-a2);stroke-width:2.5;animation:trvaFade .6s .5s ease-out both}
.trva-cp-dot-halo{fill:var(--trva-a1);fill-opacity:.25;animation:trvaFade .6s .5s ease-out both}
@keyframes trvaDraw{to{stroke-dashoffset:0}
}
@keyframes trvaFade{from{opacity:0}
to{opacity:1}
}
.trva-ov-days,.trva-cp-days{display:flex;justify-content:space-between;margin-top:-8px}
.trva-ov-days span,.trva-cp-days span{min-width:30px;text-align:center;font-size:12px;color:var(--trva-muted);font-weight:500;white-space:nowrap}
.trva-ov-days span.is-on,.trva-cp-days span.is-on{color:var(--trva-ink);font-weight:700}
.trva-cp-days{margin-top:6px}
.trva-ov-k3,.trva-cp-k3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.trva-cp-kpi{border-radius:14px;padding:10px;border:1px solid var(--trva-line2);display:flex;flex-direction:column;gap:3px;min-width:0}
.trva-cp-kpi small{font-size:11px;color:var(--trva-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-cp-kpi b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.trva-cp-card .trva-cp-kpi b{font-size:16px}
.trva-cp-kpi em{font-style:normal;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-k-amber{background:var(--trva-tint2)}
.trva-k-amber em{color:var(--trva-aink)}
.trva-k-green{background:var(--trva-gbg)}
.trva-k-green em{color:var(--trva-gink)}
.trva-k-red{background:var(--trva-rbg)}
.trva-k-red em{color:var(--trva-r)}
.trva-k-blue{background:var(--trva-bbg)}
.trva-k-blue em{color:var(--trva-bink)}
.trva-k-gray{background:var(--trva-line2)}
.trva-k-gray em{color:var(--trva-muted)}
.trva-live-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--trva-line2);background:var(--trva-row);border-radius:16px;font-size:13px}
.trva-live-row > svg{color:var(--trva-aink);flex-shrink:0}
.trva-live-row > span{flex:1;font-weight:500;min-width:0}
.trva-live-row > b{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.trva-live-row > em{min-width:44px;text-align:right;font-style:normal;font-size:12px;font-weight:700;color:var(--trva-gink);white-space:nowrap}
.trva-live-row > em.is-bad{color:var(--trva-r)}
.trva-live-row > em.is-flat{color:var(--trva-muted)}
.trva-live-row.is-tick{animation:trvaFlash 1.2s ease-out}
@keyframes trvaFlash{0%{background:var(--trva-tint);border-color:var(--trva-a2)}
100%{background:var(--trva-row);border-color:var(--trva-line2)}
}
.trva-att{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--trva-line2);background:var(--trva-row);border-radius:16px;color:var(--trva-ink);text-decoration:none;text-align:left;font-family:inherit;width:100%;box-sizing:border-box;cursor:pointer}
.trva-att:hover{border-color:var(--trva-aline);color:var(--trva-ink)}
.trva-att-top{align-items:flex-start}
.trva-att-av{width:36px;height:36px;flex-shrink:0;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.trva-att-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.trva-att-main b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-att-top .trva-att-main b{white-space:normal}
.trva-att-main small{font-size:12px;color:var(--trva-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.trva-att-top .trva-att-main small{white-space:normal;line-height:1.4}
.trva-att-end{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}
.trva-att-top .trva-att-end{gap:6px}
.trva-att-end small{font-size:11px;color:var(--trva-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.trva-att-end small.is-wait{color:var(--trva-r);font-weight:700}
.trva-pill-sm{height:22px;padding:0 9px;font-size:11px;font-weight:700}
.trva-btn-cta{height:46px;font-size:14px;box-shadow:0 4px 12px rgba(var(--trva-argb),.28)}
.trva-t-amber{background:var(--trva-tint);color:var(--trva-aink)}
.trva-t-green{background:var(--trva-gbg);color:var(--trva-gink)}
.trva-t-red{background:var(--trva-rbg);color:var(--trva-r)}
.trva-t-blue{background:var(--trva-bbg);color:var(--trva-bink)}
.trva-t-gray{background:var(--trva-line2);color:var(--trva-muted)}
.trva-cp{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;border-radius:28px;background:radial-gradient(ellipse at 50% 38%,var(--trva-glow) 0%,var(--trva-glow2) 45%,transparent 75%);overflow:hidden}
.trva-cp-dock{container-type:inline-size;container-name:trvadock;position:relative;flex-shrink:0;width:calc(100% - 48px);max-width:660px;margin:0 auto;height:236px;transition:height .6s cubic-bezier(.2,.8,.2,1);z-index:3}
.trva-cp.is-home .trva-cp-dock{height:330px;margin-top:16px}
.trva-cp.is-side .trva-cp-dock{height:160px}
.trva-cp.is-corner .trva-cp-dock{height:92px}
.trva-cp-dock-label{position:absolute;left:0;right:0;top:10px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted);transition:left .6s cubic-bezier(.2,.8,.2,1)}
.trva-cp-dock-label #trvaCpLabel{min-width:0;overflow:hidden;text-overflow:ellipsis}
.trva-cp.is-home .trva-cp-dock-label{display:none}
.trva-cp.is-side .trva-cp-dock-label{left:140px;justify-content:flex-start}
.trva-cp.is-corner .trva-cp-dock-label{left:76px;justify-content:flex-start}
.trva-cp-spin{display:none;width:11px;height:11px;flex-shrink:0;border-radius:50%;border:2px solid var(--trva-a2);border-right-color:transparent;animation:trvaSpinR .8s linear infinite}
.trva-cp.is-thinking .trva-cp-dock-label .trva-cp-spin{display:inline-block}
@keyframes trvaSpinR{to{transform:rotate(360deg)}
}
.trva-cp-robot{position:absolute;width:120px;height:120px;left:calc(50% - 60px);top:78px;transform:scale(.9);transform-origin:center;transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);z-index:2;pointer-events:none}
.trva-cp.is-home .trva-cp-robot{top:105px;transform:scale(1.36)}
.trva-cp.is-side .trva-cp-robot{left:0;top:24px;transform:scale(.72)}
.trva-cp.is-corner .trva-cp-robot{left:-18px;top:-6px;transform:scale(.5)}
.trva-cp-robot .trva-bot{left:50%;top:50%;margin:-92px 0 0 -85px;scale:.565}
.trva-cp-ring{position:absolute;left:50%;top:50%;width:156px;height:156px;margin:-78px 0 0 -78px;border-radius:50%;border:1px dashed var(--trva-aline);box-sizing:border-box;transition:opacity .4s,width .6s,height .6s,margin .6s}
.trva-cp.is-home .trva-cp-ring{width:198px;height:198px;margin:-99px 0 0 -99px}
.trva-cp.is-corner .trva-cp-ring{opacity:0}
.trva-cp-halo{position:absolute;left:50%;top:50%;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;background:var(--trva-halo);opacity:0;transition:opacity .4s}
.trva-cp.is-home .trva-cp-halo{opacity:1}
.trva-cp-ring-pulse{border:2px solid var(--trva-a1);opacity:0}
.trva-cp.is-thinking .trva-cp-ring-pulse{animation:trvaRing 1.4s ease-out infinite}
@keyframes trvaRing{0%{transform:scale(.85);opacity:.9}
100%{transform:scale(1.25);opacity:0}
}
.trva-cp-chip{position:absolute;box-sizing:border-box;width:min(204px,calc(50% - 62px));min-height:58px;display:flex;align-items:center;gap:0;padding:9px 12px 9px 9px;border-radius:14px;background:var(--trva-card);color:var(--trva-ink);text-align:left;font-family:inherit;border:1px solid var(--trva-line);box-shadow:0 6px 18px rgba(60,40,10,.08);cursor:pointer;z-index:1;transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1),width .6s cubic-bezier(.2,.8,.2,1),min-height .6s,padding .6s,opacity .3s,border-color .2s}
.trva-cp-chip:hover{border-color:var(--trva-aline)}
.trva-cp-chip:nth-of-type(1){left:0;top:40px;border-color:var(--trva-aline)}
.trva-cp-chip:nth-of-type(2){left:calc(100% - min(204px,calc(50% - 62px)));top:40px}
.trva-cp-chip:nth-of-type(3){left:0;top:156px}
.trva-cp-chip:nth-of-type(4){left:calc(100% - min(204px,calc(50% - 62px)));top:156px}
.trva-cp-chip-ic{width:32px;height:32px;margin-right:8px;flex-shrink:0;border-radius:9px;background:var(--trva-tint);color:var(--trva-aink);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:width .5s,margin .5s,opacity .3s}
.trva-cp-chip-ic svg{width:15px;height:15px;flex-shrink:0}
.trva-cp-chip:nth-of-type(1) .trva-cp-chip-ic{background:var(--trva-grad);color:var(--trva-ona)}
.trva-cp-chip-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.trva-cp-chip-txt b{font-size:13px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:font-size .4s}
.trva-cp-chip-txt small{font-size:11px;font-weight:500;color:var(--trva-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:16px;transition:max-height .4s,opacity .3s;font-variant-numeric:tabular-nums}
.trva-cp-chip-txt small.is-up{color:var(--trva-gink);font-weight:700}
.trva-cp-chip-txt i{display:none;font-style:normal}
.trva-cp.is-home .trva-cp-chip{width:auto;max-width:46%;min-height:0;gap:2px;padding:10px 16px 10px 10px;border-radius:16px;border-color:var(--trva-line)}
.trva-cp.is-home .trva-cp-chip:nth-of-type(1){left:0;top:30px}
.trva-cp.is-home .trva-cp-chip:nth-of-type(2){left:auto;right:0;top:30px}
.trva-cp.is-home .trva-cp-chip:nth-of-type(3){left:20px;top:auto;bottom:34px}
.trva-cp.is-home .trva-cp-chip:nth-of-type(4){left:auto;right:20px;top:auto;bottom:34px}
.trva-cp.is-home .trva-cp-chip-ic{width:36px;height:36px;border-radius:11px;background:var(--trva-tint);color:var(--trva-aink)}
.trva-cp.is-home .trva-cp-chip-ic svg{width:17px;height:17px}
.trva-cp.is-home .trva-cp-chip-txt b{font-size:14px;white-space:nowrap;display:block;text-overflow:ellipsis}
.trva-cp.is-home .trva-cp-chip-txt small{font-size:12px}
.trva-cp.is-side .trva-cp-chip:nth-of-type(1){left:140px;top:38px;width:calc(100% - 140px)}
.trva-cp.is-side .trva-cp-chip:nth-of-type(2){left:140px;top:104px;width:calc((100% - 152px) / 3)}
.trva-cp.is-side .trva-cp-chip:nth-of-type(3){left:calc(146px + (100% - 152px) / 3);top:104px;width:calc((100% - 152px) / 3)}
.trva-cp.is-side .trva-cp-chip:nth-of-type(4){left:calc(152px + 2 * (100% - 152px) / 3);top:104px;width:calc((100% - 152px) / 3)}
.trva-cp.is-side .trva-cp-chip:not(:nth-of-type(1)){min-height:46px;padding:6px 8px}
.trva-cp.is-side .trva-cp-chip:not(:nth-of-type(1)) .trva-cp-chip-ic{width:26px;height:26px}
.trva-cp.is-side .trva-cp-chip:nth-of-type(1) .trva-cp-chip-txt b{font-size:15px}
.trva-cp.is-side .trva-cp-chip:not(:nth-of-type(1)) .trva-cp-chip-txt b,.trva-cp.is-corner .trva-cp-chip-txt b{font-size:12px}
.trva-cp.is-side .trva-cp-chip:not(:nth-of-type(1)) .trva-cp-chip-txt small,.trva-cp.is-corner .trva-cp-chip-txt small{max-height:0;opacity:0}
.trva-cp.is-corner .trva-cp-chip{top:36px;min-height:46px;padding:6px 8px;width:calc((100% - 94px) / 4)}
.trva-cp.is-corner .trva-cp-chip:nth-of-type(1){left:76px}
.trva-cp.is-corner .trva-cp-chip:nth-of-type(2){left:calc(82px + (100% - 94px) / 4)}
.trva-cp.is-corner .trva-cp-chip:nth-of-type(3){left:calc(88px + 2 * (100% - 94px) / 4)}
.trva-cp.is-corner .trva-cp-chip:nth-of-type(4){left:calc(94px + 3 * (100% - 94px) / 4)}
.trva-cp.is-corner .trva-cp-chip-ic{width:0;margin-right:0;opacity:0}
.trva-cp.is-corner .trva-cp-chip-txt b{display:block;white-space:nowrap;text-overflow:ellipsis}
.trva-cp.is-corner .trva-cp-chip.has-short .trva-cp-chip-txt b{display:none}
.trva-cp.is-corner .trva-cp-chip.has-short .trva-cp-chip-txt i{display:block;font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container trvadock (max-width:540px){.trva-cp.is-side .trva-cp-chip:not(:nth-of-type(1)) .trva-cp-chip-ic{width:0;margin-right:0;opacity:0}
.trva-cp.is-side .trva-cp-chip.has-short:not(:nth-of-type(1)) .trva-cp-chip-txt b{display:none}
.trva-cp.is-side .trva-cp-chip.has-short:not(:nth-of-type(1)) .trva-cp-chip-txt i{display:block;font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.trva-cp.is-thinking .trva-cp-chip{opacity:.45;pointer-events:none}
.trva-cp-chip.is-swap{animation:trvaSwap .45s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-chip:nth-of-type(2).is-swap{animation-delay:.07s}
.trva-cp-chip:nth-of-type(3).is-swap{animation-delay:.14s}
.trva-cp-chip:nth-of-type(4).is-swap{animation-delay:.21s}
@keyframes trvaSwap{from{opacity:0;transform:translateY(10px) scale(.96)}
to{opacity:1;transform:none}
}
.trva-cp-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:8px 24px 0;display:flex;flex-direction:column}
.trva-cp-scroll::-webkit-scrollbar{display:none}
.trva-cp-home{display:none;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:660px;align-self:center;padding-top:8px}
.trva-cp.is-home .trva-cp-home{display:flex}
.trva-cp.is-home .trva-cp-msgs{display:none}
.trva-cp-hello{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.trva-cp-hello h1{margin:0;font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
.trva-cp-hello p{margin:0;max-width:480px;font-size:15px;line-height:1.55;color:var(--trva-muted)}
.trva-cp-suggest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}
.trva-cp-suggest button{min-height:104px;text-align:left;border:1px solid var(--trva-line);background:var(--trva-card);border-radius:18px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;color:var(--trva-ink);font-family:inherit;cursor:pointer;box-shadow:0 1px 2px rgba(60,40,10,.05),0 10px 28px rgba(60,40,10,.06)}
.trva-cp-suggest button:hover{border-color:var(--trva-aline)}
.trva-cp-suggest button > span:first-child{width:32px;height:32px;border-radius:10px;background:var(--trva-tint);color:var(--trva-aink);display:flex;align-items:center;justify-content:center}
.trva-cp-suggest button > span:last-child{display:flex;flex-direction:column;gap:2px}
.trva-cp-suggest b{font-size:14px;font-weight:700;line-height:1.3}
.trva-cp-suggest small{font-size:12px;color:var(--trva-muted)}
.trva-cp-alt{display:none}
.trva-cp-msgs{width:100%;max-width:660px;align-self:center;display:flex;flex-direction:column;gap:24px;padding:18px 0 8px}
.trva-cp-user{display:flex;justify-content:flex-end;animation:trvaIn .35s ease-out}
.trva-cp-user span{max-width:80%;background:var(--trva-bubble);color:var(--trva-ink);padding:11px 15px;border-radius:20px 20px 6px 20px;font-size:15px;line-height:1.45;font-weight:500}
.trva-cp-ai{display:flex;flex-direction:column;gap:12px}
.trva-cp-ai-head{display:flex;align-items:center;gap:8px;font-size:13px}
.trva-cp-ai-head b{font-weight:700}
.trva-cp-ai-head small{font-size:12px;color:var(--trva-muted)}
.trva-cp-av{width:26px;height:26px;border-radius:9px;background:var(--trva-grad);color:var(--trva-ona);display:flex;align-items:center;justify-content:center}
.trva-cp-av svg{width:13px;height:13px}
.trva-cp-think{background:var(--trva-card);border:1px dashed var(--trva-aline);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.trva-cp-think-top{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--trva-aink)}
.trva-cp-think-top .trva-cp-spin{display:inline-block;width:14px;height:14px}
.trva-cp-think-top em{margin-left:auto;font-style:normal;font-size:12px;font-weight:500;color:var(--trva-muted);font-variant-numeric:tabular-nums}
.trva-cp-think.is-collapsed{border:0;background:transparent;padding:0}
.trva-cp-think.is-collapsed .trva-cp-think-top{color:var(--trva-muted);font-size:12px;font-weight:500;gap:6px}
.trva-cp-think.is-collapsed .trva-cp-think-top svg{width:13px;height:13px;color:var(--trva-gink);stroke-width:3}
.trva-cp-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.trva-cp-steps li{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.4;animation:trvaIn .35s ease-out}
.trva-cp-steps li i{width:18px;height:18px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.trva-cp-steps li.is-run{font-weight:600}
.trva-cp-steps li.is-run i::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--trva-a1);animation:trvaPulseA 1.2s infinite}
@keyframes trvaPulseA{0%,100%{box-shadow:0 0 0 0 rgba(var(--trva-argb),.45)}
50%{box-shadow:0 0 0 5px rgba(var(--trva-argb),0)}
}
.trva-cp-steps li.is-done{color:var(--trva-muted);font-weight:500}
.trva-cp-steps li.is-done i{background:var(--trva-gbg);color:var(--trva-gink)}
.trva-cp-steps li.is-done i svg{width:11px;height:11px;stroke-width:3.2}
.trva-cp-ai-body{display:flex;flex-direction:column;gap:12px}
.trva-cp-answer{display:flex;flex-direction:column;gap:12px}
.trva-cp-intro{margin:0;font-size:15px;line-height:1.6;animation:trvaIn .5s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-card{background:var(--trva-card);border:1px solid var(--trva-line);border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(60,40,10,.05),0 10px 28px rgba(60,40,10,.06);animation:trvaIn .5s .15s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-card-chart{padding:16px;gap:14px}
.trva-cp-card-head{display:flex;align-items:center;gap:10px;padding:2px 2px 4px}
.trva-cp-card-head .trva-ic{width:36px;height:36px;border-radius:11px}
.trva-cp-card-head > div:not(.trva-seg){flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.trva-cp-card-head b{font-size:16px;font-weight:700}
.trva-cp-card-head small{font-size:12px;color:var(--trva-muted)}
.trva-cp-card .trva-live{color:var(--trva-gink);font-size:12px;font-weight:700}
.trva-cp-card .trva-live::before{background:var(--trva-g);width:6px;height:6px}
.trva-seg{display:flex;padding:3px;border-radius:12px;background:var(--trva-tint2);border:1px solid var(--trva-line2)}
.trva-seg button{height:30px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--trva-muted);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
.trva-seg button[aria-pressed="true"]{background:var(--trva-card);color:var(--trva-ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.trva-cp-total{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.trva-cp-total > div{display:flex;flex-direction:column;gap:2px}
.trva-cp-total span{font-size:13px;color:var(--trva-muted)}
.trva-cp-total .trva-delta.is-up{color:var(--trva-gink)}
.trva-cp-total .trva-delta.is-down{color:var(--trva-r)}
.trva-cp-total b{font-size:32px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}
.trva-cp-rows{display:flex;flex-direction:column;gap:10px}
.trva-cp-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--trva-row);border:1px solid var(--trva-line2);color:var(--trva-ink);text-decoration:none;animation:trvaIn .5s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-rows > :nth-child(1){animation-delay:.3s}
.trva-cp-rows > :nth-child(2){animation-delay:.39s}
.trva-cp-rows > :nth-child(3){animation-delay:.48s}
.trva-cp-rows > :nth-child(4){animation-delay:.57s}
.trva-cp-rows > :nth-child(5){animation-delay:.66s}
.trva-cp-rows > :nth-child(n+6){animation-delay:.75s}
a.trva-cp-row:hover{border-color:var(--trva-aline);color:var(--trva-ink)}
.trva-cp-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.trva-cp-row-main b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-cp-row-main small{font-size:12px;color:var(--trva-muted);line-height:1.5}
.trva-cp-row-end{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}
.trva-cp-row-end b{font-size:14px;font-variant-numeric:tabular-nums}
.trva-cp-row-end small{font-size:11px;color:var(--trva-muted)}
.trva-cp-tile{width:38px;height:38px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.trva-cp-tile svg{width:16px;height:16px}
.trva-cp-card-foot{display:flex;gap:8px;padding-top:2px}
.trva-cp-card-foot .trva-btn{flex:1;height:46px;font-size:14px;min-width:0}
.trva-cp-card-foot .trva-btn-ghost{border:1px dashed var(--trva-aline);background:var(--trva-tint2);color:var(--trva-aink)}
.trva-cp-card-foot .trva-btn-primary{box-shadow:0 4px 12px rgba(var(--trva-argb),.28)}
.trva-cp-legend{display:flex;gap:16px;font-size:12px;color:var(--trva-muted)}
.trva-cp-legend span{display:inline-flex;align-items:center;gap:6px}
.trva-cp-legend i{width:10px;height:10px;border-radius:3px}
.trva-lg-a{background:var(--trva-a2)}
.trva-lg-b{background:var(--trva-series2);opacity:.7}
.trva-cp-chart{width:100%;height:auto;display:block;overflow:visible}
.trva-cp-bar-a,.trva-cp-bar-b{transform-box:fill-box;transform-origin:bottom;animation:trvaGrow .55s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-bar-a{fill:var(--trva-a2)}
.trva-cp-bar-b{fill:var(--trva-series2);opacity:.75}
@keyframes trvaGrow{from{transform:scaleY(0)}
to{transform:scaleY(1)}
}
.trva-cp-answer[data-view="line"] .trva-v-bar,.trva-cp-answer[data-view="line"] .trva-v-table,.trva-cp-answer[data-view="bar"] .trva-v-line,.trva-cp-answer[data-view="bar"] .trva-v-table,.trva-cp-answer[data-view="table"] .trva-v-chart{display:none}
.trva-cp-table{display:flex;flex-direction:column;border:1px solid var(--trva-line2);border-radius:14px;overflow:hidden;max-height:300px;overflow-y:auto}
.trva-cp-tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:9px 12px;border-top:1px solid var(--trva-line2);font-size:13px;font-variant-numeric:tabular-nums}
.trva-cp-tr span + span{text-align:right}
.trva-cp-tr span:nth-child(2){font-weight:600}
.trva-cp-tr span:nth-child(3){color:var(--trva-muted)}
.trva-cp-tr.is-on span:first-child{font-weight:700}
.trva-cp-th{border-top:0;background:var(--trva-tint2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted)}
.trva-cp-th span:nth-child(n){font-weight:700;color:var(--trva-muted)}
.trva-cp-guide{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.trva-cp-guide li{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:16px;background:var(--trva-row);border:1px solid var(--trva-line2);animation:trvaIn .5s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-guide li:nth-child(1){animation-delay:.3s}
.trva-cp-guide li:nth-child(2){animation-delay:.42s}
.trva-cp-guide li:nth-child(3){animation-delay:.54s}
.trva-cp-guide li:nth-child(4){animation-delay:.66s}
.trva-cp-guide li:nth-child(n+5){animation-delay:.78s}
.trva-cp-num{width:30px;height:30px;flex-shrink:0;border-radius:10px;background:var(--trva-grad);color:var(--trva-ona);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.trva-cp-guide li > div{display:flex;flex-direction:column;gap:3px;min-width:0}
.trva-cp-guide b{font-size:14px;font-weight:700}
.trva-cp-guide small{font-size:13px;line-height:1.5;color:var(--trva-ink2);overflow-wrap:anywhere}
.trva-cp-tip{margin:0;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:14px;background:var(--trva-tint2);color:var(--trva-aink);font-size:13px;font-weight:600;line-height:1.45}
.trva-cp-tip svg{flex-shrink:0;margin-top:1px}
.trva-cp-prog{height:6px;border-radius:3px;background:var(--trva-line2);overflow:hidden}
.trva-cp-prog i{display:block;height:100%;width:4%;border-radius:3px;background:var(--trva-grad);transition:width .6s ease}
.trva-cp-tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.trva-cp-tasks li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:16px;background:var(--trva-row);border:1px solid var(--trva-line2);font-size:13px;animation:trvaIn .3s ease-out}
.trva-cp-task-txt{flex:1;min-width:0}
.trva-cp-tasks li small{font-size:11px;color:var(--trva-muted);max-width:55%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trva-cp-task-ic{width:20px;height:20px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center}
.trva-cp-task-ic svg{width:11px;height:11px;stroke-width:3.2}
.trva-cp-tasks li.is-run{font-weight:600}
.trva-cp-tasks li.is-run .trva-cp-task-ic{border:2.6px solid var(--trva-a2);border-right-color:transparent;animation:trvaSpinR .8s linear infinite;box-sizing:border-box;width:16px;height:16px;margin:0 2px}
.trva-cp-tasks li.is-done .trva-cp-task-ic{background:var(--trva-gbg);color:var(--trva-gink)}
.trva-cp-tasks li.is-fail .trva-cp-task-ic{background:var(--trva-rbg);color:var(--trva-r)}
.trva-cp-tasks li.is-fail small{color:var(--trva-r)}
.trva-cp-donebox{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--trva-gbg);color:var(--trva-gink);font-size:13px;font-weight:700;line-height:1.4;animation:trvaIn .5s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-donebox > span{width:28px;height:28px;border-radius:50%;background:var(--trva-g);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.trva-cp-donebox svg{width:15px;height:15px;stroke-width:3}
.trva-cp-donebox b{flex:1;font-weight:700}
.trva-cp-done-warn{background:var(--trva-tint2);color:var(--trva-aink)}
.trva-cp-done-warn > span{background:var(--trva-a2)}
.trva-cp-form{display:flex;flex-direction:column;gap:12px}
.trva-cp-field{display:flex;flex-direction:column;gap:6px;font-size:13px}
.trva-cp-field > span:first-child{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted)}
.trva-cp-field > small{font-size:12px;color:var(--trva-muted);line-height:1.45}
.trva-cp-form .trva-input{height:44px;border-radius:12px;background:var(--trva-row);font-size:14px;font-weight:600}
.trva-cp-form .trva-textarea{height:auto;font-weight:500}
.trva-cp-found{display:flex;flex-direction:column;gap:6px}
.trva-cp-found[hidden]{display:none}
.trva-cp-found button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--trva-line2);background:var(--trva-row);color:var(--trva-ink);font-family:inherit;text-align:left;cursor:pointer;animation:trvaIn .4s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-found button.is-on{border:2px solid var(--trva-a2);background:var(--trva-tint2)}
.trva-cp-found button > span:last-child{flex:1;min-width:0;display:flex;flex-direction:column}
.trva-cp-found button b{font-size:14px}
.trva-cp-found button small{font-size:12px;color:var(--trva-muted)}
.trva-cp-form-btns{display:flex;gap:8px}
.trva-cp-form-btns .trva-btn{height:46px;font-size:14px}
.trva-cp-form-btns .trva-btn-ghost{flex:1}
.trva-cp-form-btns .trva-btn-primary{flex:2;box-shadow:0 4px 12px rgba(var(--trva-argb),.28)}
.trva-cp-img{max-width:100%;max-height:200px;border-radius:14px;object-fit:cover;display:block}
.trva-cp-img[hidden]{display:none}
.trva-cp-shimmer{height:62px;border-radius:16px;background:linear-gradient(90deg,var(--trva-line2) 0,var(--trva-tint) 50%,var(--trva-line2) 100%);background-size:200px 100%;animation:trvaShimmer 1.1s linear infinite}
@keyframes trvaShimmer{from{background-position:-200px 0}
to{background-position:200px 0}
}
.trva-cp-pills{display:flex;flex-wrap:wrap;gap:8px;animation:trvaIn .5s .75s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-pills button{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--trva-aline);background:var(--trva-card);font-family:inherit;font-size:13px;font-weight:600;color:var(--trva-ink);display:flex;align-items:center;gap:6px;cursor:pointer}
.trva-cp-pills button svg{color:var(--trva-aink);width:14px;height:14px}
.trva-cp-pills button:disabled{opacity:.5;cursor:default}
.trva-cp-bottom{flex-shrink:0;position:relative;width:calc(100% - 48px);max-width:660px;margin:0 auto;padding:12px 0 20px;box-sizing:border-box}
.trva-cp-composer{display:flex;align-items:center;gap:4px;margin:0;padding:4px;box-sizing:border-box;background:var(--trva-card);border:1px solid var(--trva-aline);border-radius:26px;box-shadow:0 8px 24px rgba(60,40,10,.10)}
.trva-cp-composer:focus-within{border-color:var(--trva-a2);box-shadow:0 0 0 3px rgba(var(--trva-argb),.16),0 8px 24px rgba(60,40,10,.10)}
.trva-cp-input{flex:1;min-width:0;height:44px;border:0;background:transparent;padding:0;font-family:inherit;font-size:15px;color:var(--trva-ink)}
.trva-cp-input:focus{outline:none}
.trva-cp-rb{width:44px;height:44px;flex-shrink:0;border:0;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--trva-muted);cursor:pointer;padding:0}
.trva-cp-rb:hover{color:var(--trva-ink)}
.trva-cp-rb.is-rec{color:#fff;background:var(--trva-rs);animation:trvaPulseR 1.2s infinite}
@keyframes trvaPulseR{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,.45)}
50%{box-shadow:0 0 0 6px rgba(229,72,77,0)}
}
.trva-cp-send{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:0;background:var(--trva-grad);color:var(--trva-ona);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(var(--trva-argb),.35)}
.trva-cp-plus{position:absolute;left:0;bottom:78px;width:260px;padding:8px;border-radius:18px;background:var(--trva-card);border:1px solid var(--trva-line);box-shadow:0 18px 50px rgba(20,14,4,.16);display:flex;flex-direction:column;gap:2px;z-index:5;animation:trvaIn .25s ease-out}
.trva-cp-plus[hidden]{display:none}
.trva-cp-plus button{display:flex;align-items:center;gap:10px;height:44px;padding:0 10px;border:0;border-radius:12px;background:transparent;color:var(--trva-ink);font-family:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.trva-cp-plus button:hover{background:var(--trva-tint2)}
.trva-cp-plus button svg{color:var(--trva-aink)}
.trva-cp-raw{font-size:14px;line-height:1.55;color:var(--trva-ink);overflow-x:auto;animation:trvaIn .5s .3s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-raw table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.trva-cp-raw th{text-align:left;padding:9px 12px;background:var(--trva-tint2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted)}
.trva-cp-raw td{padding:9px 12px;border-top:1px solid var(--trva-line2)}
.trva-cp-raw img,.trva-cp-raw svg,.trva-cp-raw canvas{max-width:100%;height:auto}
.trva-cp-raw a{color:var(--trva-aink)}
.trva-cp-raw p{margin:0 0 8px}
.trva-cp-raw ul,.trva-cp-raw ol{margin:0;padding-left:20px}
.trva-cp-diff{display:flex;flex-direction:column;gap:6px}
.trva-cp-diff > div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:11px 14px;border-radius:14px;background:var(--trva-row);font-size:15px;animation:trvaFade .35s both}
.trva-cp-diff span{flex:0 0 100%;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted)}
.trva-cp-diff s{color:var(--trva-muted);overflow-wrap:anywhere}
.trva-cp-diff b{font-weight:800;color:var(--trva-ink);overflow-wrap:anywhere}
.trva-cp-diff s + b::before{content:"\2192";margin-right:10px;color:var(--trva-a2);font-weight:700}
.trva-cp-hint{margin:0;font-size:12px;line-height:1.45;color:var(--trva-muted)}
.trva-cp-edit .trva-cp-form-btns .trva-btn{height:42px}
.trva-cp-chip-txt em{display:none;font-style:normal;font-weight:800;font-size:15px;line-height:1.2;color:var(--trva-ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.trva-cp-chip.has-val .trva-cp-chip-txt{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:6px;row-gap:1px;align-items:baseline;flex:1}
.trva-cp-chip.has-val .trva-cp-chip-txt em{display:block;grid-row:2;grid-column:1;max-width:120px}
.trva-cp-chip.has-val .trva-cp-chip-txt b{grid-row:1;grid-column:1 / -1;-webkit-line-clamp:1;font-size:12px;font-weight:600;color:var(--trva-ink2)}
.trva-cp-chip.has-val .trva-cp-chip-txt small{grid-row:2;grid-column:2}
.trva-cp-chip[data-tone="bad"] .trva-cp-chip-txt em{color:var(--trva-r)}
.trva-cp-chip[data-tone="good"] .trva-cp-chip-txt em{color:var(--trva-gink)}
.trva-cp-chip[data-tone="warn"] .trva-cp-chip-txt em{color:var(--trva-aink)}
.trva-cp-chip-txt small.is-down{color:var(--trva-r);font-weight:700}
.trva-cp-chip.is-on{border-color:var(--trva-a2);background:var(--trva-tint2);box-shadow:0 0 0 3px rgba(var(--trva-argb),.14)}
.trva-cp-chip-txt em.is-tick{animation:trvaTickV .5s cubic-bezier(.2,.8,.2,1)}
@keyframes trvaTickV{0%{transform:translateY(6px);opacity:0}
60%{transform:translateY(-1px)}
100%{transform:none;opacity:1}
}
.trva-cp-chip:active{transform:scale(.97)}
.trva-cp.is-corner .trva-cp-chip.has-val .trva-cp-chip-txt,.trva-cp.is-side .trva-cp-chip.has-val:not(:nth-of-type(1)) .trva-cp-chip-txt{display:flex;flex-direction:column;gap:0}
.trva-cp.is-corner .trva-cp-chip.has-val .trva-cp-chip-txt em,.trva-cp.is-side .trva-cp-chip.has-val:not(:nth-of-type(1)) .trva-cp-chip-txt em{font-size:13px;max-width:none}
.trva-cp.is-corner .trva-cp-chip.has-val .trva-cp-chip-txt b,.trva-cp.is-corner .trva-cp-chip.has-val .trva-cp-chip-txt i,.trva-cp.is-side .trva-cp-chip.has-val:not(:nth-of-type(1)) .trva-cp-chip-txt b,.trva-cp.is-side .trva-cp-chip.has-val:not(:nth-of-type(1)) .trva-cp-chip-txt i{font-size:10.5px;font-weight:600;color:var(--trva-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
.trva-cp.is-corner .trva-cp-chip.has-val.has-short .trva-cp-chip-txt b,.trva-cp.is-side .trva-cp-chip.has-val.has-short:not(:nth-of-type(1)) .trva-cp-chip-txt b{display:none}
.trva-cp.is-stage .trva-cp-chip.has-val.has-short .trva-cp-chip-txt b{display:none}
.trva-cp.is-stage .trva-cp-chip.has-val.has-short .trva-cp-chip-txt i{display:block;grid-row:1;grid-column:1 / -1;font-size:12px;font-weight:600;color:var(--trva-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-cp.has-on .trva-cp-chip:nth-of-type(1):not(.is-on){border-color:var(--trva-line)}
.trva-cp.has-on .trva-cp-chip:nth-of-type(1):not(.is-on) .trva-cp-chip-ic{background:var(--trva-tint);color:var(--trva-aink)}
.trva-cp.has-on .trva-cp-chip.is-on .trva-cp-chip-ic{background:var(--trva-grad);color:var(--trva-ona)}
.trva-cp.is-side .trva-cp-chip:nth-of-type(1).has-val .trva-cp-chip-txt em{font-size:18px}
.trva-cp.is-home .trva-cp-chip.has-val .trva-cp-chip-txt b{font-size:13px;color:var(--trva-ink);font-weight:700}
.trva-cp-chip.has-val.is-long-val .trva-cp-chip-txt small{display:none}
.trva-cp-chip.has-val.is-long-val .trva-cp-chip-txt em{grid-column:1 / -1;max-width:none}
.trva-cp-panel.is-ctx > :not(.trva-ctx){display:none !important}
.trva-ctx{display:flex;flex-direction:column;gap:10px;animation:trvaSwap .45s cubic-bezier(.2,.7,.2,1) both}
.trva-cp-side .trva-cp-panel:nth-of-type(2) .trva-ctx{animation-delay:.08s}
.trva-ctx .trva-cp-panel-head .trva-link-btn{height:30px;padding:0 10px;border-radius:10px;border:1px solid var(--trva-line2);font-size:12px}
.trva-ctx .trva-cp-panel-head .trva-link-btn:hover{border-color:var(--trva-aline)}
.trva-ctx-bars{display:flex;flex-direction:column;gap:4px}
.trva-ctx-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;width:100%;box-sizing:border-box;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:none;font-family:inherit;color:var(--trva-ink);text-align:left}
button.trva-ctx-bar{cursor:pointer}
button.trva-ctx-bar:hover{background:var(--trva-row);border-color:var(--trva-line2)}
.trva-ctx-bar.is-on{border-color:var(--trva-aline);background:var(--trva-tint2)}
.trva-ctx-bar span{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-ctx-bar b{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.trva-ctx-bar i{grid-column:1 / -1;height:6px;border-radius:99px;background:var(--trva-grid);overflow:hidden}
.trva-ctx-bar i::after{content:"";display:block;height:100%;width:var(--w,0%);min-width:0;border-radius:99px;background:var(--trva-a2);transform-origin:left center;animation:trvaGrowX .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:inherit}
.trva-ctx-bar i[data-tone="bad"]::after{background:var(--trva-r)}
.trva-ctx-bar i[data-tone="good"]::after{background:var(--trva-g)}
@keyframes trvaGrowX{from{transform:scaleX(0)}
to{transform:scaleX(1)}
}
.trva-ctx .trva-live-row{width:100%;box-sizing:border-box;font-family:inherit;color:var(--trva-ink);text-align:left}
.trva-ctx button.trva-live-row{cursor:pointer}
.trva-ctx button.trva-live-row:hover{border-color:var(--trva-aline)}
.trva-ctx .trva-live-row.is-on{border-color:var(--trva-a2);background:var(--trva-tint2)}
.trva-ctx .trva-live-row > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-ctx .trva-live-row > b{max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-ctx .trva-live-row > em{min-width:0}
.trva-ctx .trva-live-row > em:empty{display:none}
.trva-ctx-ic{display:flex;align-items:center;justify-content:center;width:22px;flex-shrink:0;font-style:normal;color:var(--trva-aink)}
.trva-ctx-ic svg{width:17px;height:17px}
.trva-ctx .trva-att{width:100%;box-sizing:border-box}
.trva-ctx div.trva-att{cursor:default}
.trva-ctx .trva-att-av svg{width:17px;height:17px}
.trva-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;box-sizing:border-box;background:radial-gradient(900px 500px at 30% 30%,#FFF1CF 0%,rgba(255,241,207,0) 70%)}
.trva-login-card{width:100%;max-width:900px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--trva-card);border:1px solid var(--trva-line);border-radius:30px;box-shadow:0 30px 80px rgba(60,40,10,.14);overflow:hidden}
.trva-login-art{position:relative;min-height:440px;background:var(--trva-tint2)}
.trva-login-body{padding:40px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.trva-login-body > div{display:flex;flex-direction:column;gap:14px}
.trva-login-body > div[hidden]{display:none}
.trva-login-h{margin:8px 0 0;font-size:28px;letter-spacing:-.02em}
.trva-login-form{display:flex;flex-direction:column;gap:10px}
.trva-login-form .trva-btn{margin-top:6px}
.trva-login-switch{background:none;border:0;padding:0;align-self:flex-start;cursor:pointer;font-family:inherit;color:var(--trva-aink)}
.trva-cp-alt{flex-direction:column;width:100%}
.trva-alt-head{display:flex;flex-direction:column;gap:6px}
.trva-alt-head small{font-size:13px;color:var(--trva-muted)}
.trva-alt-head h1{margin:0;font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
.trva-alt-head p{margin:0;font-size:14px;line-height:1.55;color:var(--trva-muted)}
.trva-alt-k3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.trva-alt-k{background:var(--trva-card);border:1px solid var(--trva-line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.trva-alt-k small{font-size:11px;color:var(--trva-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-alt-k b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.trva-alt-k em{font-style:normal;font-size:11px;font-weight:700;color:var(--trva-gink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-alt-k.is-red{background:var(--trva-rbg)}
.trva-alt-k.is-red b,.trva-alt-k.is-red em{color:var(--trva-r)}
.trva-alt-list{display:flex;flex-direction:column;gap:8px}
.trva-alt-list button{min-height:60px;width:100%;text-align:left;border:1px solid var(--trva-line);background:var(--trva-card);border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:12px;color:var(--trva-ink);font-family:inherit;cursor:pointer}
.trva-alt-list button > span:first-child{width:38px;height:38px;flex-shrink:0;border-radius:12px;background:var(--trva-tint);color:var(--trva-aink);display:flex;align-items:center;justify-content:center}
.trva-alt-list button > span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
.trva-alt-list b{font-size:14px;font-weight:700}
.trva-alt-list small{font-size:12px;color:var(--trva-muted)}
.trva-alt-list button > svg{color:var(--trva-muted);flex-shrink:0}
.trva-dash-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.trva-dash-head h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}
.trva-dash-main{text-align:left;background:var(--trva-card);border:1px solid var(--trva-line);border-radius:22px;box-shadow:0 1px 2px rgba(60,40,10,.05),0 10px 28px rgba(60,40,10,.06);padding:16px;display:flex;flex-direction:column;gap:10px;color:var(--trva-ink);font-family:inherit;cursor:pointer;width:100%}
.trva-dash-main > span:first-child{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--trva-muted)}
.trva-dash-main > span:nth-child(2){display:flex;align-items:baseline;gap:10px}
.trva-dash-main b{font-size:32px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.trva-dash-main svg{display:block;width:100%;height:70px}
.trva-dash-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.trva-dash-2 button{text-align:left;background:var(--trva-card);border:1px solid var(--trva-line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:6px;color:var(--trva-ink);font-family:inherit;cursor:pointer}
.trva-dash-2 small{font-size:12px;color:var(--trva-muted)}
.trva-dash-2 b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
.trva-dash-2 .trva-pill{align-self:flex-start;height:22px;padding:0 9px;font-size:11px;font-weight:700}
.trva-dash-sugg{text-align:left;background:var(--trva-tint2);border:1px dashed var(--trva-aline);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;color:var(--trva-ink);font-family:inherit;cursor:pointer;width:100%}
.trva-dash-sugg > span:first-child{width:38px;height:38px;flex-shrink:0;border-radius:12px;background:var(--trva-grad);color:var(--trva-ona);display:flex;align-items:center;justify-content:center}
.trva-dash-sugg > span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
.trva-dash-sugg small{font-size:12px;font-weight:700;color:var(--trva-aink)}
.trva-dash-sugg b{font-size:14px;line-height:1.4;font-weight:600}
.trva-dash-sugg > svg{color:var(--trva-muted);flex-shrink:0}
@media (max-width:1280px){.trva-cp-left{display:none}
.trva-me-txt{display:none}
.trva-look{right:120px}
.trva-bell{right:80px}
}
@media (max-width:1024px){html.trva-app{--trva-navw:0px}
.trva-top{height:64px;padding:0 12px 0 14px;gap:8px}
.trva-top-brand{flex:1;width:auto;height:auto;padding:0;margin:0;border:0}
.trva-top-brand b{font-size:16px}
.trva-brand-d{display:none !important}
.trva-brand-m{display:flex !important}
.trva-cmd,.trva-status,.trva-top-gap,.trva-sq-bell,.trva-me,.trva-bell,.trva-menu{display:none}
.trva-sq-burger{display:flex}
html.trva-app .zone-body{display:block}
html.trva-app .zone-left{position:static;width:auto;height:auto;border:0;background:transparent}
.zone-left > .trva-side{position:fixed;left:0;top:0;bottom:0;width:284px;height:auto;transform:translateX(-104%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:70;box-shadow:0 0 60px rgba(0,0,0,.25)}
html.trva-nav-open .zone-left > .trva-side{transform:none}
.trva-side-only-m{display:flex !important}
html.trva-look-open .trva-scrim{display:block}
.trva-look{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;z-index:80;border-radius:28px 28px 0 0;border:0;padding:10px 18px 26px;gap:18px;box-shadow:0 -12px 40px rgba(0,0,0,.18);max-height:92vh;overflow-y:auto}
.trva-look-grip{display:block;align-self:center;width:40px;height:5px;border-radius:3px;background:var(--trva-line);flex-shrink:0}
.trva-look-done{display:flex;height:50px;border-radius:16px;font-size:15px;flex-shrink:0}
.trva-look .trva-pop-x,.trva-look-d{display:none}
.trva-look .trva-pop-head b{font-size:18px}
.trva-look-m{display:flex;flex-direction:column;gap:10px}
.trva-look-m .trva-opts{grid-template-columns:repeat(3,minmax(0,1fr))}
.trva-look-m .trva-opt{border-radius:16px;padding:8px}
.trva-cp-page{display:block;padding:0;height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:0}
.trva-viewer{height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:0}
.trva-viewer-bar{height:46px;padding:0 12px}
.trva-cp-side{display:none}
.trva-cp{height:100%;border-radius:0;background:var(--trva-bg)}
.trva-cp-dock{width:100%;max-width:none;margin:0;border-bottom:1px solid var(--trva-line);background:radial-gradient(circle at 50% 60%,var(--trva-glow) 0%,var(--trva-glow2) 40%,var(--trva-bg) 72%)}
.trva-cp.is-side .trva-cp-dock{height:150px}
.trva-cp.is-corner .trva-cp-dock{height:84px}
.trva-cp-dock-label{right:12px}
.trva-cp.is-side .trva-cp-dock-label{left:104px}
.trva-cp.is-corner .trva-cp-dock-label{left:66px}
.trva-cp-robot{top:84px;transform:scale(.74)}
.trva-cp.is-side .trva-cp-robot{left:-6px;top:18px;transform:scale(.6)}
.trva-cp.is-corner .trva-cp-robot{left:-22px;top:-14px;transform:scale(.42)}
.trva-cp-dock{container-type:normal}
.trva-cp-chip{width:calc(50% - 62px);min-height:56px;padding:7px 10px 7px 7px}
.trva-cp-chip:nth-of-type(1){left:12px;top:38px}
.trva-cp-chip:nth-of-type(2){left:calc(50% + 50px);top:38px}
.trva-cp-chip:nth-of-type(3){left:12px;top:150px}
.trva-cp-chip:nth-of-type(4){left:calc(50% + 50px);top:150px}
.trva-cp-chip-txt b{font-size:12px}
.trva-cp.is-side .trva-cp-chip:nth-of-type(1){left:104px;top:34px;width:calc(100% - 116px)}
.trva-cp.is-side .trva-cp-chip:nth-of-type(2){left:104px;top:92px;width:calc((100% - 128px) / 3)}
.trva-cp.is-side .trva-cp-chip:nth-of-type(3){left:calc(110px + (100% - 128px) / 3);top:92px;width:calc((100% - 128px) / 3)}
.trva-cp.is-side .trva-cp-chip:nth-of-type(4){left:calc(116px + 2 * (100% - 128px) / 3);top:92px;width:calc((100% - 128px) / 3)}
.trva-cp.is-side .trva-cp-chip:not(:nth-of-type(1)){min-height:44px}
.trva-cp.is-side .trva-cp-chip:not(:nth-of-type(1)) .trva-cp-chip-ic{width:0;margin-right:0;opacity:0}
.trva-cp.is-side .trva-cp-chip:nth-of-type(1) .trva-cp-chip-txt b{font-size:14px}
.trva-cp.is-side .trva-cp-chip.has-short:not(:nth-of-type(1)) .trva-cp-chip-txt b{display:none}
.trva-cp.is-side .trva-cp-chip.has-short:not(:nth-of-type(1)) .trva-cp-chip-txt i{display:block;font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-cp.is-side .trva-cp-chip:not(:nth-of-type(1)) .trva-cp-chip-txt b,.trva-cp.is-corner .trva-cp-chip-txt b,.trva-cp.is-corner .trva-cp-chip.has-short .trva-cp-chip-txt i{font-size:11px}
.trva-cp.is-corner .trva-cp-chip{top:32px;min-height:44px;width:calc((100% - 96px) / 4)}
.trva-cp.is-corner .trva-cp-chip:nth-of-type(1){left:66px}
.trva-cp.is-corner .trva-cp-chip:nth-of-type(2){left:calc(72px + (100% - 96px) / 4)}
.trva-cp.is-corner .trva-cp-chip:nth-of-type(3){left:calc(78px + 2 * (100% - 96px) / 4)}
.trva-cp.is-corner .trva-cp-chip:nth-of-type(4){left:calc(84px + 3 * (100% - 96px) / 4)}
.trva-cp.is-home .trva-cp-dock{height:270px;width:calc(100% - 32px);margin:12px 16px 0;border:0;border-radius:28px;background:radial-gradient(circle at 50% 52%,var(--trva-glow) 0%,var(--trva-glow2) 38%,transparent 70%)}
.trva-cp.is-home .trva-cp-robot{top:75px;transform:scale(1)}
.trva-cp.is-home .trva-cp-ring{width:210px;height:210px;margin:-105px 0 0 -105px}
.trva-cp.is-home .trva-cp-halo{width:150px;height:150px;margin:-75px 0 0 -75px}
.trva-cp.is-home .trva-cp-chip{padding:8px 12px 8px 8px;border-radius:14px;gap:0;max-width:48%}
.trva-cp.is-home .trva-cp-chip:nth-of-type(1){left:4px;top:22px}
.trva-cp.is-home .trva-cp-chip:nth-of-type(2){right:4px;top:40px}
.trva-cp.is-home .trva-cp-chip:nth-of-type(3){left:12px;bottom:30px}
.trva-cp.is-home .trva-cp-chip:nth-of-type(4){right:10px;bottom:16px}
.trva-cp.is-home .trva-cp-chip-ic{width:28px;height:28px;border-radius:9px}
.trva-cp.is-home .trva-cp-chip-ic svg{width:15px;height:15px}
.trva-cp.is-home .trva-cp-chip-txt b{font-size:12px}
.trva-cp.is-home .trva-cp-chip-txt small{font-size:11px}
.trva-cp-scroll{padding:0 16px 20px}
.trva-cp-home{gap:22px;padding-top:16px}
.trva-cp-hello h1{font-size:27px}
.trva-cp-hello p{font-size:14px;max-width:320px}
.trva-cp-suggest{grid-template-columns:repeat(2,minmax(0,1fr))}
.trva-cp-suggest button{min-height:100px;gap:12px}
.trva-cp-suggest button > span:first-child{width:34px;height:34px;border-radius:11px}
.trva-cp-suggest button > span:last-child{gap:3px}
.trva-cp-msgs{padding-top:18px}
.trva-cp-bottom{width:100%;max-width:none;padding:8px 12px 22px;background:var(--trva-bg)}
.trva-cp-plus{left:12px;bottom:78px}
html[data-trva-home="compact"] .trva-cp.is-home .trva-cp-dock,html[data-trva-home="dash"] .trva-cp.is-home .trva-cp-dock,html[data-trva-home="compact"] .trva-cp-hello,html[data-trva-home="dash"] .trva-cp-hello,html[data-trva-home="compact"] .trva-cp-suggest{display:none}
html[data-trva-home="compact"] .trva-cp-alt-compact{display:flex;gap:22px;padding-top:6px}
html[data-trva-home="dash"] .trva-cp-alt-dash{display:flex;gap:12px}
html[data-trva-home="dash"] .trva-cp-home{gap:12px;padding-top:18px}
html[data-trva-home="compact"] .trva-cp-home{padding-top:22px}
}
@media (max-width:768px){.trva-cp-card .trva-cp-k3{gap:6px}
.trva-login-card{grid-template-columns:1fr}
.trva-login-art{min-height:200px}
.trva-login-art .trva-bot{scale:.6}
.trva-login-body{padding:26px}
}
@media (max-width:480px){.trva-top-brand b{font-size:15px}
.trva-cp-card{padding:12px}
.trva-cp-card-chart{padding:14px}
.trva-cp-total b{font-size:28px}
.trva-seg button{padding:0 8px}
.trva-cp-card-foot{flex-wrap:wrap}
.trva-cp-pills button{min-height:40px;padding:0 12px}
}
.trva-login-note{margin:0 0 4px;padding:10px 12px;border-radius:10px;background:var(--trva-tint);color:var(--trva-aink);font-size:13.5px;line-height:1.5}
.trva-cp-howto{position:absolute;top:14px;inset-inline-end:16px;z-index:5;display:none;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--trva-line);background:var(--trva-card);color:var(--trva-ink2);font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(15,27,42,.06);transition:border-color .15s,color .15s}
.trva-cp.is-home .trva-cp-howto{display:inline-flex}
.trva-cp-howto:hover{border-color:var(--trva-a1);color:var(--trva-a1)}
.trva-cp-howto:focus-visible{outline:2px solid var(--trva-a1);outline-offset:2px}
.trva-cp-tries{display:flex;flex-direction:column;gap:12px}
.trva-cp-try-row{display:flex;flex-direction:column;gap:7px}
.trva-cp-try-name{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--trva-muted);text-transform:uppercase;letter-spacing:.04em}
.trva-cp-try-row > div{display:flex;flex-wrap:wrap;gap:7px}
.trva-cp-try-row .trva-btn{height:34px;padding:0 12px;font-size:13px;border-radius:999px}
.trva-cp-note{margin:14px 0 0;font-size:12.5px;line-height:1.55;color:var(--trva-muted)}
@media (max-width:760px){.trva-cp-howto{top:20px;inset-inline-end:24px;padding:0;width:36px;justify-content:center}
.trva-cp-howto span{display:none}
}
.trva-vg{display:flex;flex-direction:column;gap:8px}
.trva-vg-row{display:grid;grid-template-columns:minmax(64px,.8fr) minmax(0,1.2fr) minmax(0,1fr);gap:10px;align-items:center}
.trva-vg-row b{font-size:14px;overflow-wrap:anywhere}
.trva-vg-row .trva-input{height:42px}
.trva-vg-head span{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--trva-muted)}
html.trva-modal-open{overflow:hidden}
.trva-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:rgba(20,14,4,.46);font-family:var(--trva-font);color:var(--trva-ink);animation:trvaFade .18s both}
.trva-modal-box{width:min(560px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background:var(--trva-card);border:1px solid var(--trva-line);border-radius:24px;box-shadow:0 30px 80px rgba(20,14,4,.3);overflow:hidden;animation:trvaIn .28s cubic-bezier(.2,.7,.2,1) both}
.trva-modal.is-wide .trva-modal-box{width:min(760px,100%)}
.trva-modal-box.is-act{width:min(880px,100%);height:min(860px,calc(100dvh - 40px))}
.trva-modal-box.is-act .trva-modal-body{padding:0;flex:1;min-height:0;display:flex}
.trva-act-frame{flex:1;width:100%;height:100%;border:0;display:block;background:var(--trva-card)}
.trva-modal-head{display:flex;align-items:center;gap:12px;padding:16px 16px 14px 22px;border-bottom:1px solid var(--trva-line2)}
.trva-modal-head > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.trva-modal-head b{font-size:17px;font-weight:800;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trva-modal-head small{font-size:13px;color:var(--trva-muted);line-height:1.4}
.trva-modal-head small:empty{display:none}
.trva-modal-body{padding:18px 22px 22px;overflow-y:auto;overscroll-behavior:contain}
.trva-modal-body .trva-cp-form.is-wide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.trva-modal-body .trva-cp-form.is-wide > .trva-form-err,.trva-modal-body .trva-cp-form.is-wide > .trva-cp-form-btns,.trva-modal-body .trva-cp-form.is-wide > .trva-cp-field:has(textarea),.trva-modal-body .trva-cp-form.is-wide > .trva-cp-field:first-child,.trva-modal-body .trva-cp-form.is-wide > .trva-cp-field:has(.trva-img-field){grid-column:1 / -1}
.trva-cp-pop{display:flex;flex-direction:column;gap:12px}
.trva-cp-pop .trva-cp-answer{display:flex;flex-direction:column;gap:12px}
.trva-cp-pop .trva-cp-card{box-shadow:none;border:0;padding:0;animation:none}
.trva-cp-pop .trva-cp-card > .trva-cp-card-head{display:none}
.trva-cp-pop .trva-od > .trva-cp-card-head{display:flex}
.trva-cp-pop-foot{display:flex;justify-content:flex-end;padding-top:4px}
.trva-cp-pop-foot .trva-btn{height:40px;font-size:13px}
.trva-thumb{width:38px;height:38px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--trva-line2);display:block}
.trva-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.trva-rank{width:22px;flex-shrink:0;font-size:13px;font-weight:800;color:var(--trva-muted);text-align:center;font-variant-numeric:tabular-nums}
.trva-meter{display:block;height:6px;border-radius:3px;background:var(--trva-line2);overflow:hidden;margin-top:3px}
.trva-meter i{display:block;height:100%;border-radius:3px;background:var(--trva-grad)}
button.trva-cp-row{font:inherit;text-align:left;width:100%;cursor:pointer;box-sizing:border-box}
button.trva-cp-row:hover,button.trva-att:hover{border-color:var(--trva-aline)}
.trva-cp-row-end > svg{color:var(--trva-muted)}
.trva-cp-card-foot button.trva-btn{font-family:inherit}
.trva-btn-sm{height:36px;padding:0 12px;font-size:13px;border-radius:11px}
.trva-btn-danger{color:var(--trva-r);border-color:var(--trva-line)}
.trva-btn-danger:hover{border-color:var(--trva-r);color:var(--trva-r)}
.trva-cp-tip > span{flex:1;min-width:0}
.trva-od-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.trva-od-grid > div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;border-radius:16px;background:var(--trva-row);border:1px solid var(--trva-line2);min-width:0}
.trva-od-grid small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted)}
.trva-od-grid b{font-size:14px;font-weight:700;overflow-wrap:anywhere}
.trva-od-grid span:not(.trva-pill){font-size:13px;color:var(--trva-ink2);overflow-wrap:anywhere}
.trva-od-sum{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:16px;background:var(--trva-tint2);font-size:14px}
.trva-od-sum > div{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}
.trva-od-sum span{color:var(--trva-ink2)}
.trva-od-sum .is-total{padding-top:8px;border-top:1px dashed var(--trva-aline);font-size:17px}
.trva-od-sum .is-total span{color:var(--trva-ink);font-weight:700}
.trva-od-acts{display:flex;flex-wrap:wrap;gap:8px}
.trva-od-acts .trva-btn{height:42px;padding:0 14px;font-size:13px;font-family:inherit}
.trva-od-acts .trva-btn svg{width:15px;height:15px}
.trva-od-log{list-style:none;margin:0;padding:4px 0 0;display:flex;flex-direction:column}
.trva-od-log li{display:flex;gap:12px;padding:0 0 14px;position:relative}
.trva-od-log li > i{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--trva-a2);flex-shrink:0;position:relative;z-index:1}
.trva-od-log li:not(:last-child)::before{content:"";position:absolute;left:4.5px;top:12px;bottom:0;width:1px;background:var(--trva-line)}
.trva-od-log li > span{display:flex;flex-direction:column;gap:1px}
.trva-od-log b{font-size:13px;font-weight:700}
.trva-od-log small{font-size:12px;color:var(--trva-muted)}
.trva-pd-top{display:flex;gap:14px;align-items:flex-start}
.trva-pd-img{width:112px;height:140px;flex-shrink:0;border-radius:16px;object-fit:cover;object-position:50% 20%;display:flex;align-items:center;justify-content:center}
.trva-pd-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.trva-pd-info > b{font-size:18px;font-weight:800;letter-spacing:-.01em}
.trva-pd-info > small{font-size:13px;color:var(--trva-muted)}
.trva-pd-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trva-pd-price b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.trva-pd-price s{color:var(--trva-muted);font-size:14px}
.trva-pd-vhead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:4px}
.trva-pd-vhead b{font-size:14px;font-weight:800}
.trva-vt{display:flex;flex-direction:column;border:1px solid var(--trva-line2);border-radius:16px;overflow:hidden}
.trva-vt-r{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,.7fr) 40px;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--trva-line2);font-size:13px}
.trva-vt-r:first-child{border-top:0}
.trva-vt-h{background:var(--trva-tint2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted)}
.trva-vt-r.is-off{opacity:.55}
.trva-vt-r > span{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trva-sw{width:22px;height:22px;flex-shrink:0;border-radius:7px;border:1px solid rgba(0,0,0,.14);background-size:cover;background-position:50% 20%;display:inline-block}
.trva-vt-b{min-height:32px;padding:0 10px;border-radius:10px;border:1px solid var(--trva-line2);background:var(--trva-row);color:var(--trva-ink);font-family:inherit;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.trva-vt-b:hover{border-color:var(--trva-a2)}
.trva-vt-b.is-bad{color:var(--trva-r);background:var(--trva-rbg);border-color:transparent}
.trva-vt-b.is-warn{color:var(--trva-aink);background:var(--trva-tint);border-color:transparent}
.trva-vt-b svg{width:14px;height:14px}
div.trva-cp-field{display:flex;flex-direction:column;gap:6px;font-size:13px}
.trva-img-field{display:flex;align-items:center;gap:12px}
.trva-img-prev{width:72px;height:88px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--trva-row);border:1px dashed var(--trva-aline);display:flex;align-items:center;justify-content:center}
.trva-img-prev img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.trva-img-prev.is-empty{background:var(--trva-tint2)}
.trva-img-prev.is-empty img{display:none}
.trva-img-prev.is-empty::after{content:"";width:26px;height:26px;border-radius:8px;border:2px solid var(--trva-aline);box-sizing:border-box;background:linear-gradient(135deg,transparent 46%,var(--trva-aline) 47%,var(--trva-aline) 53%,transparent 54%)}
.trva-img-side{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.trva-img-side small{font-size:12px;color:var(--trva-r);font-weight:600}
.trva-img-side small:empty{display:none}
.trva-img-side label.trva-btn{cursor:pointer}
.trva-known{display:flex;flex-wrap:wrap;gap:6px}
.trva-known > span{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px;border-radius:999px;background:var(--trva-tint2);border:1px solid var(--trva-line);font-size:13px}
.trva-known small{color:var(--trva-muted);font-size:12px}
.trva-known b{font-weight:700}
.trva-known i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex-shrink:0}
.trva-hex{width:100%;height:44px;padding:4px;border-radius:12px;border:1px solid var(--trva-line);background:var(--trva-row);cursor:pointer;box-sizing:border-box}
.trva-cp-form .trva-sizes{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}
.trva-sizes .trva-check{min-height:40px;justify-content:center}
.trva-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trva-tools .trva-search{flex:1;min-width:220px}
.trva-tools .trva-search .trva-input{height:44px}
.trva-tools .trva-btn{height:44px}
.trva-bulk{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--trva-tint2);border:1px solid var(--trva-aline);font-size:14px;font-weight:600}
.trva-bulk[hidden]{display:none}
.trva-bulk .trva-btn{height:36px;font-size:13px}
.trva-table .trva-thumb{width:44px;height:54px;border-radius:10px}
.trva-table td.is-num,.trva-table th.is-num{text-align:right;font-variant-numeric:tabular-nums}
.trva-table td{vertical-align:middle}
.trva-table tr.is-click{cursor:pointer}
.trva-table tr.is-click:hover td{background:var(--trva-row)}
.trva-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--trva-a2);margin:0}
.trva-cellp{display:flex;align-items:center;gap:12px;min-width:0}
.trva-cellp > div{min-width:0}
.trva-acts{display:flex;gap:6px;justify-content:flex-end}
.trva-icon-btn.is-edit:hover{color:var(--trva-aink);border-color:var(--trva-a2)}
.trva-pager a,.trva-pager span.is-off{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--trva-line);background:var(--trva-card);color:var(--trva-ink);text-decoration:none;font-size:14px}
.trva-pager span.is-off{opacity:.45}
.trva-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.trva-form-grid .is-full{grid-column:1 / -1}
.trva-form-grid .trva-label{margin-bottom:7px}
.trva-lines{display:flex;flex-direction:column;gap:8px}
.trva-line{display:grid;grid-template-columns:minmax(0,1fr) 92px 110px 40px;gap:8px;align-items:center}
.trva-line .trva-input{height:44px}
.trva-line b{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}
@media (max-width:768px){.trva-modal{padding:0;align-items:flex-end}
.trva-modal-box,.trva-modal.is-wide .trva-modal-box{width:100%;max-height:92dvh;border-radius:24px 24px 0 0;border-bottom:0}
.trva-modal-body .trva-cp-form.is-wide,.trva-form-grid{grid-template-columns:minmax(0,1fr)}
.trva-od-grid{grid-template-columns:minmax(0,1fr)}
.trva-pd-img{width:84px;height:104px}
.trva-vt-r{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,1fr) minmax(0,.7fr) 36px;padding:8px 10px;gap:6px}
.trva-line{grid-template-columns:minmax(0,1fr) 70px 40px}
.trva-line b{display:none}
}
.trva-link-btn{appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;display:block;max-width:100%}
.trva-link-btn b{font-weight:700}
.trva-link-btn:hover b,.trva-link-btn:focus-visible b{text-decoration:underline;text-underline-offset:3px}
.trva-table tr.is-click:focus-visible td{background:var(--trva-row)}
.trva-th-layout{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:22px;align-items:start}
.trva-th-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.trva-th-groups{display:flex;gap:6px;flex-wrap:wrap}
.trva-chip{appearance:none;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--trva-line);background:var(--trva-card);color:var(--trva-ink2);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.trva-chip[aria-pressed="true"]{background:var(--trva-ink);border-color:var(--trva-ink);color:var(--trva-bg)}
.trva-th-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:calc(100dvh - 300px);min-height:320px;overflow:auto;padding:2px 4px 2px 2px}
.trva-th{appearance:none;text-align:start;background:var(--trva-card);border:1px solid var(--trva-line);border-radius:16px;padding:9px;color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:9px;min-width:0}
.trva-th:hover{border-color:var(--trva-aline)}
.trva-th[aria-pressed="true"]{border-color:var(--trva-a2);box-shadow:0 0 0 2px rgba(var(--trva-argb),.35)}
.trva-th-pv{position:relative;border-radius:9px;overflow:hidden;aspect-ratio:4/3;display:flex;flex-direction:column;background:#fff;border:1px solid var(--trva-line2)}
.trva-th-pv i{display:block;font-style:normal}
.trva-th-pv .b{height:5%}
.trva-th-pv .h{height:11%;display:flex;align-items:center;gap:4%;padding:0 5%}
.trva-th-pv .h u{display:block;height:3px;width:10%;border-radius:2px;background:currentColor;opacity:.55;text-decoration:none}
.trva-th-pv .h u:first-child{width:18%;height:5px;opacity:1}
.trva-th-pv .x{flex:1;display:grid;gap:3%;padding:3% 5% 0}
.trva-th-pv .x i{border-radius:3px}
.trva-th-pv .r{height:24%;display:flex;gap:3%;padding:4% 5%}
.trva-th-pv .r i{flex:1;border-radius:3px}
.trva-th-pv .a{position:absolute;inset-inline-start:8%;bottom:32%;width:20%;height:7%;border-radius:999px}
.trva-th-cap{display:flex;flex-direction:column;gap:2px;min-width:0}
.trva-th-cap b{font-size:13.5px;font-weight:700;line-height:1.25}
.trva-th-cap small{color:var(--trva-muted);font-size:12px;line-height:1.3}
.trva-th-cap em{align-self:flex-start;margin-top:4px;font-style:normal}
.trva-th-stage{display:flex;flex-direction:column;gap:12px;min-width:0;position:sticky;top:calc(var(--zone-top-h,64px) + 14px)}
.trva-th-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.trva-th-name{display:flex;flex-direction:column;min-width:0}
.trva-th-name b{font-size:18px;font-weight:800}
.trva-th-name small{color:var(--trva-muted);font-size:13px}
.trva-th-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trva-th-color{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--trva-ink2)}
.trva-th-color input{width:38px;height:38px;padding:3px;border-radius:10px;border:1px solid var(--trva-line);background:var(--trva-card);cursor:pointer}
.trva-th-frame{border:1px solid var(--trva-line);border-radius:18px;overflow:hidden;background:var(--trva-card);box-shadow:var(--trva-shadow);height:calc(100dvh - 300px);min-height:460px;display:flex;justify-content:center}
.trva-th-frame iframe{width:100%;height:100%;border:0;background:#fff}
.trva-th-frame[data-dev="phone"]{background:var(--trva-bg2);padding:14px}
.trva-th-frame[data-dev="phone"] iframe{width:390px;max-width:100%;border-radius:22px;border:1px solid var(--trva-line);box-shadow:var(--trva-shadow)}
.trva-th-note{max-width:70ch}
.trva-set-form{max-width:860px;display:flex;flex-direction:column;gap:14px}
.trva-set-h{font-size:17px;font-weight:800;margin:14px 0 0}
.trva-slides{display:flex;flex-direction:column;gap:14px}
.trva-slide{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;align-items:start;padding:14px;border:1px solid var(--trva-line);border-radius:16px;background:var(--trva-card)}
.trva-slide-n{grid-column:1 / -1;font-size:13px;color:var(--trva-muted);text-transform:uppercase;letter-spacing:.06em}
.trva-btn.is-busy{opacity:.6;pointer-events:none}
@media (max-width:1100px){.trva-th-layout{grid-template-columns:minmax(0,1fr)}
.trva-th-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:none}
.trva-th-stage{position:static}
.trva-th-frame{height:70dvh}
}
@media (max-width:560px){.trva-slide{grid-template-columns:minmax(0,1fr)}
.trva-th-tools{width:100%}
}
.trva-web-list{display:flex;flex-direction:column;gap:12px}
.trva-vreq-img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid var(--trva-line)}
.trva-web{background:var(--trva-card);border:1px solid var(--trva-line);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--trva-shadow)}
.trva-web-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.trva-web-top > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.trva-web-top b{font-size:15px}
.trva-web-top small{color:var(--trva-muted);font-size:13px}
.trva-web-sum{text-align:end;align-items:flex-end}
.trva-web-sum b{font-size:18px;font-variant-numeric:tabular-nums}
.trva-web-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.trva-web-lines li{display:flex;justify-content:space-between;gap:14px;padding:8px 12px;border-radius:12px;background:var(--trva-row);border:1px solid var(--trva-line2)}
.trva-web-lines b{font-variant-numeric:tabular-nums;white-space:nowrap}
.trva-web-acts{display:flex;gap:8px;flex-wrap:wrap}
.trva-th-frame[data-dev="desk"]{justify-content:flex-start;align-items:flex-start}
.trva-modal [hidden]{display:none !important}
.trva-side{gap:14px}
.trva-head-btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.trva-head-btns .trva-btn{height:42px;font-size:14px;padding:0 16px}
.trva-btn-sm{height:32px !important;padding:0 11px !important;font-size:12px !important;border-radius:10px !important}
.trva-btn-danger{color:var(--trva-r) !important}
.trva-count{margin-left:auto;font-size:13px;color:var(--trva-muted);align-self:center;white-space:nowrap}
.trva-filter{width:auto !important;min-width:150px;max-width:230px}
.trva-mtable{min-width:760px}
.trva-mtable td[data-edit]{cursor:pointer}
.trva-mtable tbody tr:hover td{background:var(--trva-tint2)}
.trva-mtable td{vertical-align:middle}
.trva-mtable .trva-acts{justify-content:flex-end;flex-wrap:nowrap}
.trva-nowrap{white-space:nowrap}
.trva-cell-sub{display:block;color:var(--trva-muted);font-size:12px}
.trva-swatch{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.trva-swatch i{width:18px;height:18px;border-radius:6px;border:1px solid var(--trva-line)}
.trva-inline{width:120px !important;height:38px !important;text-align:right}
.trva-inline.is-saved{border-color:var(--trva-gink);background:var(--trva-gbg)}
.trva-inline.is-bad{border-color:var(--trva-r)}
.trva-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.trva-mcard{background:var(--trva-card);border:1px solid var(--trva-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--trva-shadow)}
.trva-mcard-img{display:block;width:100%;aspect-ratio:4/3;border:0;padding:0;background:var(--trva-tint2);cursor:pointer;overflow:hidden}
.trva-mcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.trva-mcard-img span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:var(--trva-aink)}
.trva-mcard-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.trva-mcard-body > b{font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trva-mcard-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--trva-muted);align-items:center}
.trva-mcard .trva-acts{margin-top:auto;justify-content:flex-end}
.trva-mcard .trva-icon-btn{width:34px;height:34px;border-radius:10px}
.trva-screens{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.trva-screens a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--trva-card);border:1px solid var(--trva-line);text-decoration:none;color:var(--trva-ink);font-size:14px}
.trva-set-card{max-width:760px}
.trva-set-card .trva-cp-form{display:flex;flex-direction:column;gap:14px}
.trva-ro{min-height:44px;padding:11px 14px;border-radius:12px;background:var(--trva-tint2);border:1px dashed var(--trva-line);font-size:14px;color:var(--trva-ink);box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere}
.trva-ro.is-long{max-height:180px;overflow:auto}
.trva-refs{display:flex;flex-wrap:wrap;gap:8px}
.trva-imgs{display:flex;flex-wrap:wrap;gap:8px}
.trva-imgs-it{position:relative;width:74px;height:74px;border-radius:12px;overflow:hidden;border:1px solid var(--trva-line)}
.trva-imgs-it img{width:100%;height:100%;object-fit:cover;display:block}
.trva-imgs-it button{position:absolute;right:3px;top:3px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:14px;line-height:1;cursor:pointer}
.trva-imgs-add{width:74px;height:74px;border-radius:12px;border:1px dashed var(--trva-aline);background:var(--trva-tint2);color:var(--trva-aink);display:flex;align-items:center;justify-content:center;font-size:26px;cursor:pointer}
.trva-imgs-add.is-busy{opacity:.5;pointer-events:none}
.trva-pick{position:relative;display:flex;flex-direction:column;gap:6px}
.trva-pick-chip{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--trva-aline);background:var(--trva-tint);color:var(--trva-aink);font:inherit;font-size:14px;cursor:pointer}
.trva-pick-res{display:flex;flex-direction:column;border:1px solid var(--trva-line);border-radius:12px;background:var(--trva-card);max-height:220px;overflow:auto;box-shadow:var(--trva-shadow)}
.trva-pick-res button{border:0;background:transparent;text-align:left;padding:10px 14px;font:inherit;font-size:14px;color:var(--trva-ink);cursor:pointer;border-bottom:1px solid var(--trva-line2)}
.trva-pick-res button:hover{background:var(--trva-tint2)}
.trva-pick-res small{padding:10px 14px;color:var(--trva-muted)}
.trva-lines{display:flex;flex-direction:column;gap:8px}
.trva-lines-rows{display:flex;flex-direction:column;gap:6px}
.trva-lines-row{display:grid;grid-template-columns:1fr 92px 92px 40px;gap:8px;align-items:end;padding:8px 10px;border:1px solid var(--trva-line);border-radius:12px;background:var(--trva-tint2)}
.trva-lines-row b{font-size:13px;align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trva-lines-row label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--trva-muted)}
.trva-lines-row .trva-input{height:36px;padding:0 8px}
.trva-specs{display:flex;flex-direction:column;gap:8px}
.trva-specs-g{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--trva-muted);margin-top:6px}
.trva-specs-row{display:grid;grid-template-columns:minmax(120px,36%) 1fr;gap:10px;align-items:center;font-size:13px}
.trva-html{display:flex;flex-direction:column;gap:6px}
.trva-html-bar{display:flex;gap:4px;flex-wrap:wrap}
.trva-html-bar button{min-width:34px;height:30px;border-radius:8px;border:1px solid var(--trva-line);background:var(--trva-card);color:var(--trva-ink);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.trva-html textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.trva-modal [hidden]{display:none !important}
@media (max-width:640px){.trva-lines-row{grid-template-columns:1fr 70px 70px 34px}
.trva-count{margin-left:0}
.trva-head-btns{width:100%}
}
.trva-modal.is-wide .trva-cp-form.is-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;align-items:start}
.trva-modal.is-wide .trva-cp-form.is-grid > .trva-f-wide,.trva-modal.is-wide .trva-cp-form.is-grid > .trva-form-err,.trva-modal.is-wide .trva-cp-form.is-grid > .trva-cp-form-btns,.trva-modal.is-wide .trva-cp-form.is-grid > .trva-check-line{grid-column:1 / -1}
@media (max-width:700px){.trva-modal.is-wide .trva-cp-form.is-grid{grid-template-columns:1fr}
}
.trva-admin-head{gap:16px}
.trva-invoice{padding:22px !important;display:flex;flex-direction:column;gap:16px}
.trva-inv-top,.trva-inv-to{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.trva-inv-top > div,.trva-inv-to > div{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--trva-muted);min-width:0}
.trva-inv-shop{font-size:20px;color:var(--trva-ink)}
.trva-inv-no{align-items:flex-end;text-align:right}
.trva-inv-no b{font-size:18px;color:var(--trva-ink)}
.trva-inv-to{padding:14px 0;border-top:1px solid var(--trva-line);border-bottom:1px solid var(--trva-line)}
.trva-inv-to b{color:var(--trva-ink);font-size:14px}
.trva-inv-to small,.trva-inv-no small{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.trva-inv-table{width:100%;border-collapse:collapse;font-size:13px}
.trva-inv-table th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--trva-muted);padding:8px 6px;border-bottom:1px solid var(--trva-line)}
.trva-inv-table td{padding:10px 6px;border-bottom:1px solid var(--trva-line2);vertical-align:top}
.trva-inv-table td small{display:block;color:var(--trva-muted);font-size:12px}
.trva-inv-table .is-num{text-align:right;white-space:nowrap}
.trva-inv-note{font-size:13px;color:var(--trva-muted);white-space:pre-wrap}
.trva-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.trva-kpi{background:var(--trva-card);border:1px solid var(--trva-line);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--trva-shadow);text-decoration:none;color:var(--trva-ink);min-width:0}
.trva-kpi small{font-size:12px;color:var(--trva-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-kpi b{font-size:24px;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
.trva-kpi em{font-style:normal;font-size:12px;font-weight:700;color:var(--trva-muted)}
.trva-kpi em.is-up{color:var(--trva-gink)}
.trva-kpi em.is-down{color:var(--trva-r)}
.trva-dash{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.trva-dash > .is-full{grid-column:1 / -1}
.trva-panel{background:var(--trva-card);border:1px solid var(--trva-line);border-radius:20px;box-shadow:var(--trva-shadow);padding:18px 20px;min-width:0}
.trva-panel h2{font-size:15px;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.trva-panel h2 a{font-size:12px;font-weight:600;color:var(--trva-aink);text-decoration:none}
.trva-bars{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:8px}
.trva-bars > div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}
.trva-bars i{display:block;width:100%;max-width:34px;border-radius:8px 8px 3px 3px;background:var(--trva-grad);min-height:3px}
.trva-bars span{font-size:10px;color:var(--trva-muted);white-space:nowrap}
.trva-rows{display:flex;flex-direction:column}
.trva-rows > a,.trva-rows > div{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--trva-line2);text-decoration:none;color:var(--trva-ink);font-size:14px;min-width:0}
.trva-rows > :last-child{border-bottom:0}
.trva-rows .is-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.trva-rows .is-main b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-rows .is-main small{font-size:12px;color:var(--trva-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-rows .is-end{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap;font-size:13px}
.trva-rows .trva-meter{display:block;height:6px;border-radius:99px;background:var(--trva-line2);overflow:hidden}
.trva-rows .trva-meter i{display:block;height:100%;background:var(--trva-grad);border-radius:99px}
.trva-rtable{width:100%;border-collapse:collapse;font-size:13px}
.trva-rtable th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--trva-muted);padding:8px 6px;border-bottom:1px solid var(--trva-line)}
.trva-rtable td{padding:9px 6px;border-bottom:1px solid var(--trva-line2)}
.trva-rtable .is-num{text-align:right;white-space:nowrap}
@media (max-width:760px){.trva-panel{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.trva-plugs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.trva-plug{background:var(--trva-card);border:1px solid var(--trva-line);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--trva-shadow)}
.trva-plug b{font-size:15px}
.trva-plug p{margin:0;font-size:13px;color:var(--trva-muted);flex:1}
.trva-plug .trva-btn{align-self:flex-start}
.trva-plug.is-off{opacity:.72}
.trva-tool{display:flex;flex-direction:column;gap:12px}
.trva-tool textarea{min-height:160px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.trva-progress{height:8px;border-radius:99px;background:var(--trva-line2);overflow:hidden}
.trva-progress i{display:block;height:100%;width:0;background:var(--trva-grad);transition:width .2s}
.trva-log{max-height:220px;overflow:auto;font-size:12px;color:var(--trva-muted);display:flex;flex-direction:column;gap:3px}
.trva-log .is-bad{color:var(--trva-r)}
@media (max-width:1000px){.trva-dash{grid-template-columns:1fr}
}
@media print{.trva-shell,.zone-left,.trva-noprint,.trva-tabs,.trva-head-btns{display:none !important}
.zone-main{padding:0 !important}
}
.trva-cz-groups{display:flex;flex-direction:column;gap:10px}
.trva-cz-group{border:1px solid var(--trva-line);border-radius:16px;background:var(--trva-card);overflow:hidden}
.trva-cz-group>summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:space-between}
.trva-cz-group>summary::-webkit-details-marker{display:none}
.trva-cz-group>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.5;transition:transform .15s}
.trva-cz-group[open]>summary::after{transform:rotate(-135deg)}
.trva-cz-body{padding:4px 16px 16px;display:flex;flex-direction:column;gap:12px}
.trva-cz-row{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:13px}
.trva-cz-row>span:first-child{font-weight:600;color:var(--trva-muted);font-size:12px}
.trva-cz-row .trva-seg{flex-wrap:wrap}
.trva-cz-color{display:flex;align-items:center;gap:10px}
.trva-cz-color input[type=color]{width:38px;height:38px;padding:0;border:1px solid var(--trva-line);border-radius:10px;background:none;cursor:pointer;flex:none}
.trva-cz-color code{font-size:12px;color:var(--trva-muted);flex:1}
.trva-cz-x{border:1px solid var(--trva-line);background:none;color:inherit;border-radius:999px;font-size:11.5px;padding:4px 10px;cursor:pointer;flex:none}
.trva-cz-x:hover{background:var(--trva-bg2)}
.trva-cz-range{display:flex;align-items:center;gap:10px}
.trva-cz-range input{flex:1;min-width:0;accent-color:var(--trva-accent,#e8a020)}
.trva-cz-range b{min-width:44px;text-align:end;font-variant-numeric:tabular-nums}
.trva-cz-range.is-theme b{color:var(--trva-muted);font-weight:500}
.trva-cz-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.trva-cz-presets button{border:1px solid var(--trva-line);border-radius:12px;background:var(--trva-card);color:inherit;cursor:pointer;padding:8px 6px 7px;font-size:11.5px;font-weight:600;display:grid;gap:6px;justify-items:center}
.trva-cz-presets button::before{content:"";width:100%;height:22px;border-radius:7px;background:linear-gradient(90deg,var(--a) 0 50%,var(--b) 50% 100%);border:1px solid rgba(0,0,0,.12)}
.trva-cz-presets button:hover{border-color:var(--trva-ink,#222)}
.trva-cz .trva-th-bar{align-items:center}
html.trva-app{--trva-navw:300px;--trva-rail:var(--trva-card);--trva-rail-ink:var(--trva-muted)}
.trva-side.trva-nav2,html.trva-app[data-trva-nav="rail"] .trva-side.trva-nav2{flex-direction:row;align-items:stretch;gap:0;padding:0;overflow:visible}
.trva-rail{flex:none;width:76px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0 12px;background:var(--trva-rail);color:var(--trva-rail-ink);border-right:1px solid var(--trva-line);overflow-y:auto;scrollbar-width:none}
.trva-rail::-webkit-scrollbar{display:none}
.trva-rail-brand{display:none;margin:4px 0 6px}
.trva-shell > .trva-side .trva-rail-brand{display:flex}
.trva-rail-brand .trva-mark{width:40px;height:40px}
.trva-rail-list,.trva-rail-foot{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}
.trva-rail-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--trva-line)}
.trva-rail-btn{position:relative;width:70px;box-sizing:border-box;display:grid;justify-items:center;gap:4px;padding:9px 1px 7px;border:0;border-radius:14px;background:none;color:inherit;font:inherit;font-size:10px;font-weight:600;line-height:1.15;letter-spacing:0;text-decoration:none;text-align:center;cursor:pointer;transition:background .15s,color .15s}
.trva-rail-btn:hover,.trva-rail-btn.is-show{background:var(--trva-tint2);color:var(--trva-ink)}
.trva-rail-btn.is-in{background:var(--trva-grad);color:var(--trva-ona);box-shadow:0 6px 16px rgba(var(--trva-argb),.28)}
.trva-rail-ic{display:flex}
.trva-rail-ic svg{width:20px;height:20px}
.trva-rail-lbl{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trva-rail-n{position:absolute;top:4px;right:6px;min-width:16px;height:16px;box-sizing:border-box;padding:0 4px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-style:normal;font-weight:700;line-height:16px}
.trva-pane{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--trva-bar)}
.trva-pane-sec{display:none;flex:1;min-height:0;overflow-y:auto;padding:16px 12px 12px;scrollbar-width:thin}
.trva-pane-sec.is-on{display:block}
.trva-pane-head{display:grid;gap:2px;padding:2px 10px 14px}
.trva-pane-head b{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--trva-ink)}
.trva-pane-head small{font-size:12px;color:var(--trva-muted)}
.trva-pane-nav,.trva-pane-short{display:flex;flex-direction:column;gap:2px}
.trva-pane-nav a,.trva-pane-short a{display:flex;align-items:center;gap:10px;min-height:38px;box-sizing:border-box;padding:6px 12px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:500;color:var(--trva-ink);transition:background .12s}
.trva-pane-nav a:hover,.trva-pane-short a:hover{background:var(--trva-bg2)}
.trva-pane-nav a.is-on{background:var(--trva-tint);color:var(--trva-aink);font-weight:700}
.trva-pane-lbl{flex:1;min-width:0}
.trva-pane-cap{display:block;margin:18px 12px 6px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--trva-muted)}
.trva-pane-short a{color:var(--trva-ink)}
.trva-pane-short svg{flex:none;opacity:.7}
.trva-pane-foot{flex:none;display:grid;gap:10px;padding:12px 14px 14px;border-top:1px solid var(--trva-line)}
.trva-pane-cta{justify-content:center;width:100%;box-sizing:border-box}
.trva-pane-cta svg{width:17px;height:17px}
.trva-pane-foot .trva-src{font-size:12.5px;color:var(--trva-muted);align-items:flex-start}
.trva-pane-foot .trva-src span{white-space:normal;line-height:1.35}
.trva-pane-foot .trva-src i{margin-top:5px}
.trva-shell > .trva-side.trva-nav2{width:min(332px,92vw)}
@media (min-width:1025px){html.trva-app[data-trva-nav="rail"]{--trva-navw:76px}
html.trva-app.trva-docked[data-trva-nav="rail"] .trva-nav2 .trva-pane{display:none}
html.trva-app.trva-docked[data-trva-nav="rail"] .trva-nav2.is-fly .trva-pane{display:flex;position:fixed;left:76px;top:72px;bottom:0;width:250px;z-index:65;border-right:1px solid var(--trva-line);box-shadow:18px 0 44px rgba(0,0,0,.14)}
}
html.trva-app .trva-top-brand{position:relative;padding-left:0;gap:0}
html.trva-app.trva-docked .trva-top-brand > span:last-child{padding-left:16px}
html.trva-app .trva-top-brand::before{content:"";position:absolute;left:0;top:0;bottom:0;width:76px;background:var(--trva-rail)}
html.trva-app .trva-top-brand > .trva-mark{position:relative;margin:0 18px;flex:none}
@media (max-width:1024px){html.trva-app .trva-top-brand::before{display:none}
html.trva-app .trva-top-brand > .trva-mark{margin:0 10px 0 0}
html.trva-app.trva-docked .trva-top-brand > span:last-child{padding-left:0}
html.trva-app .trva-rail-brand{display:flex}
}
@media print{.trva-side{display:none !important}
}
@media (max-width:1024px){.zone-left > .trva-side.trva-nav2{width:min(332px,92vw)}
}
.trva-sw{display:inline-block;width:12px;height:12px;border-radius:4px;border:1px solid rgba(0,0,0,.18);vertical-align:-1px;margin-inline-end:5px}
.trva-cp-applied{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--trva-bg2);font-size:13.5px;font-weight:600}
.trva-cp-applied > span{flex:1;min-width:140px}
.trva-cp-applied.is-ok{background:color-mix(in srgb,#1f8a4c 12%,var(--trva-card));color:#17663a}
.trva-cp-applied.is-bad{background:color-mix(in srgb,#e5484d 12%,var(--trva-card));color:#b3261e}
.trva-ai-wrap{display:grid;gap:6px}
.trva-ai-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.trva-ai-bar .trva-input{flex:1;min-width:160px;height:36px;font-size:13px}
.trva-ai-bar small{flex-basis:100%;color:#b3261e;font-size:12.5px}
.trva-ai-bar small:empty{display:none}
.trva-ai-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--trva-accent,#e8a020) 45%,var(--trva-line));background:color-mix(in srgb,var(--trva-accent,#e8a020) 9%,var(--trva-card));color:var(--trva-ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.trva-ai-btn:hover{background:color-mix(in srgb,var(--trva-accent,#e8a020) 18%,var(--trva-card))}
.trva-ai-star{width:13px;height:13px;flex:none;background:currentColor;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.trva-imgs-wrap{display:grid;gap:8px;justify-items:start}
.trva-ai-pic{display:grid;gap:12px;min-width:min(520px,82vw)}
.trva-ai-pic-prev{display:grid;place-items:center;min-height:120px;border:1px dashed var(--trva-line);border-radius:14px;background:var(--trva-bg2);overflow:hidden}
.trva-ai-pic-prev img{display:block;max-width:100%;max-height:52vh}
.trva-ai-out{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--trva-bg2);font-size:14px;white-space:pre-wrap}
.trva-ai-out.is-ok{background:color-mix(in srgb,#1f8a4c 10%,var(--trva-card))}
.trva-ai-out.is-bad{background:color-mix(in srgb,#e5484d 10%,var(--trva-card));color:#b3261e}
.trva-ai-out img{display:block;max-width:320px;border-radius:10px}
.trva-app-sub{align-self:flex-start;margin:0 0 4px}
.trva-app-sub a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700;color:inherit;text-decoration:none}
.trva-app-sub a[aria-pressed="true"]{background:var(--trva-card);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.trva-apt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;padding:2px}
.trva-apt-grid.is-short .trva-apt:nth-child(n+7){display:none}
.trva-apt-more{align-self:flex-start;margin-top:8px}
.trva-apt{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--trva-line);border-radius:16px;background:var(--trva-card);color:inherit;cursor:pointer;text-align:start;font:inherit}
.trva-apt:hover{border-color:var(--trva-ink,#222)}
.trva-apt.is-on{border-color:var(--trva-a2,#e8a020);box-shadow:0 0 0 2px var(--trva-a2,#e8a020)}
.trva-apt-t b{display:block;font-size:13px}
.trva-apt-t small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.3;color:var(--trva-muted)}
.trva-ph{position:relative;display:flex;flex-direction:column;gap:5px;aspect-ratio:9/15;width:100%;padding:0 0 0;border-radius:12px;overflow:hidden;background:var(--bg);border:1px solid rgba(0,0,0,.12)}
.trva-ph i{display:block;font-style:normal}
.trva-ph .ph-top{display:flex;align-items:center;justify-content:space-between;padding:7px 7px 5px;background:var(--top)}
.trva-ph .ph-top b{width:44%;height:6px;border-radius:3px;background:var(--top-ink)}
.trva-ph .ph-top u{width:9px;height:9px;border-radius:9px;background:var(--top-ink);opacity:.5}
.trva-ph .ph-ban{margin:0 7px;height:22%;border-radius:calc(var(--r)*.45);background:linear-gradient(135deg,var(--ac),var(--ac2))}
.trva-ph[data-banner="full"] .ph-ban{margin:0;border-radius:0;height:26%}
.trva-ph[data-banner="none"] .ph-ban{display:none}
.trva-ph .ph-chips{display:flex;gap:4px;padding:0 7px}
.trva-ph .ph-chips u{height:8px;flex:1;border-radius:calc(var(--r)*.4);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.trva-ph .ph-chips u:first-child{background:var(--ac);box-shadow:none}
.trva-ph[data-cats="circles"] .ph-chips u{flex:none;width:14px;height:14px;border-radius:99px}
.trva-ph[data-cats="strip"] .ph-chips u{height:3px;border-radius:0;box-shadow:none;background:var(--line)}
.trva-ph[data-cats="strip"] .ph-chips u:first-child{background:var(--ink)}
.trva-ph .ph-cards{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 7px;min-height:0}
.trva-ph[data-layout="list"] .ph-cards,.trva-ph[data-layout="big"] .ph-cards{grid-template-columns:1fr}
.trva-ph .ph-cards u{position:relative;border-radius:calc(var(--r)*.45);background:var(--soft);text-decoration:none;min-height:0}
.trva-ph[data-card="shadow"] .ph-cards u,.trva-ph[data-card="outline"] .ph-cards u,.trva-ph[data-card="tint"] .ph-cards u{background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.trva-ph .ph-cards s{position:absolute;right:4px;bottom:4px;width:9px;height:9px;border-radius:var(--rb);background:var(--ac)}
.trva-ph .ph-bar{display:flex;justify-content:space-around;align-items:center;padding:6px 6px;background:var(--bar);margin-top:auto}
.trva-ph[data-tab="float"] .ph-bar{margin:auto 6px 5px;border-radius:99px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.trva-ph[data-tab="dock"] .ph-bar{border-radius:9px 9px 0 0}
.trva-ph .ph-bar u{width:7px;height:7px;border-radius:99px;background:var(--bar-ink);opacity:.7}
.trva-ph .ph-bar u.on{background:var(--bar-on);opacity:1}
.trva-ph[data-tab="pill"] .ph-bar u.on{width:20px;background:var(--ac)}
.trva-phone-stage{display:flex;justify-content:center;padding:18px 12px;border:1px solid var(--trva-line);border-radius:18px;background:var(--trva-bg2,#f1f1ee)}
.trva-phone{width:390px;max-width:100%;height:min(780px,calc(100dvh - 250px));min-height:520px;border-radius:38px;padding:9px;background:#15171c;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.trva-phone iframe{width:100%;height:100%;border:0;border-radius:30px;background:#fff;display:block}
.trva-apc{display:flex;flex-direction:column;gap:8px}
.trva-apc-on,.trva-apc-off{display:flex;flex-wrap:wrap;gap:6px}
.trva-apc-chip{border:1px dashed var(--trva-line);background:none;color:var(--trva-muted);border-radius:999px;font-size:12px;font-weight:600;padding:6px 11px;cursor:pointer}
.trva-apc-chip.is-on{border-style:solid;border-color:var(--trva-a2,#e8a020);background:var(--trva-tint2,#fff6e3);color:inherit}
.trva-apc .trva-cz-x{align-self:flex-start}
.trva-push{grid-template-columns:minmax(320px,460px) minmax(0,1fr)}
.trva-push-list{display:flex;flex-direction:column;gap:8px}
.trva-push-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--trva-line);border-radius:14px;background:var(--trva-card)}
.trva-push-row p{margin:2px 0}
.trva-push-row input{width:16px;height:16px}
.trva-push-users{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:210px;overflow:auto}
.trva-push-user{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;border:1px solid var(--trva-line);border-radius:12px;background:var(--trva-card);color:inherit;cursor:pointer;font:inherit;text-align:start}
.trva-push-user small{color:var(--trva-muted);font-size:12px}
.trva-push-user.is-on{border-color:var(--trva-a2,#e8a020);background:var(--trva-tint2,#fff6e3)}
@media (max-width:1100px){.trva-push{grid-template-columns:minmax(0,1fr)}
.trva-phone{height:680px}
}
@media (max-width:640px){.trva-push-row{grid-template-columns:auto minmax(0,1fr)}
.trva-push-row .trva-pill,.trva-push-row .trva-btn{grid-column:2;justify-self:start}
}
.trva-apl .trva-th-side>.trva-sub,.trva-push .trva-sub,.trva-apc .trva-sub{font-size:13px;line-height:1.5}
.trva-push-row b{font-size:14.5px}
.trva-cp-try{margin-top:12px;border:1px solid var(--trva-line);border-radius:16px;background:var(--trva-card);overflow:hidden}
.trva-cp-try-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;font-size:13px}
.trva-cp-try-stage{position:relative;height:420px;overflow:hidden;background:var(--trva-bg2,#f1f1ee);border-top:1px solid var(--trva-line);border-bottom:1px solid var(--trva-line)}
.trva-cp-try-stage iframe{border:0;background:#fff;display:block;width:100%;height:100%}
.trva-cp-try-stage[data-dev="phone"]{display:flex;justify-content:center;padding:14px;height:640px}
.trva-cp-try-stage[data-dev="phone"] iframe{width:360px;max-width:100%;border-radius:28px;box-shadow:0 0 0 8px #15171c,0 14px 40px rgba(0,0,0,.25)}
.trva-cp-try-acts{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}
.trva-cp-note{font-size:13px;color:var(--trva-muted);margin:6px 0 0}
.trva-cp-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding:12px}
.trva-cp-pick{display:flex;gap:12px;padding:10px;border:1px solid var(--trva-line);border-radius:14px;background:var(--trva-card)}
.trva-cp-pick[hidden]{display:none}
.trva-cp-pick-main{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}
.trva-cp-pick-main small{color:var(--trva-muted);font-size:12px;line-height:1.35}
.trva-cp-why{margin:4px 0 0;font-size:12.5px;line-height:1.4}
.trva-cp-why:empty{display:none}
.trva-cp-pick-acts{margin-top:auto;padding-top:8px}
.trva-cp-phwrap{flex:none;width:64px;display:block}
.trva-wb{flex:none;width:84px;height:106px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.12);background:var(--b);display:flex;flex-direction:column;gap:5px}
.trva-wb i{display:flex;font-style:normal}
.trva-wb .wb-top{align-items:center;gap:4px;padding:5px;background:var(--hd)}
.trva-wb .wb-top b{width:18px;height:5px;border-radius:3px;background:var(--i)}
.trva-wb .wb-top u{width:10px;height:3px;border-radius:2px;background:var(--i);opacity:.4}
.trva-wb .wb-hero{flex-direction:column;justify-content:flex-end;gap:4px;margin:0 5px;height:38px;padding:5px;border-radius:4px;background:var(--s)}
.trva-wb .wb-hero b{width:60%;height:5px;border-radius:3px;background:var(--i)}
.trva-wb .wb-hero u{width:22px;height:8px;border-radius:4px;background:var(--a)}
.trva-wb .wb-cards{gap:4px;padding:0 5px;flex:1}
.trva-wb .wb-cards u{flex:1;border-radius:3px;background:var(--s);margin-bottom:5px}
.trva-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px;align-items:start;max-width:1180px}
.trva-data .trva-tool h2{margin:0}
.trva-data .trva-tool > p{margin:0;line-height:1.55;color:var(--trva-ink2)}
.trva-data-groups{min-height:216px;align-content:start;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px}
.trva-data-groups .trva-check span{flex:1;min-width:0;font-weight:600}
.trva-data-groups .trva-check b{font-variant-numeric:tabular-nums;color:var(--trva-muted);font-weight:700}
.trva-data-groups .trva-check:has(input:disabled){opacity:.55;cursor:default}
.trva-btn-del{background:var(--trva-r);color:#fff;box-shadow:none}
.trva-btn-del:hover{background:var(--trva-r);color:#fff;box-shadow:0 8px 20px rgba(194,56,58,.28)}
.trva-btn-del:disabled{opacity:.45;cursor:not-allowed}
.trva-cz-note{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:var(--trva-muted)}
.trva-cz-sw{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--trva-line);cursor:pointer;font-size:13.5px}
.trva-cz-sw:first-of-type{border-top:0}
.trva-cz-sw input{position:absolute;opacity:0;width:1px;height:1px}
.trva-cz-sw i{flex:none;position:relative;width:34px;height:20px;border-radius:999px;background:var(--trva-line);transition:background .15s}
.trva-cz-sw i::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
.trva-cz-sw input:checked + i{background:var(--trva-a1)}
.trva-cz-sw input:checked + i::after{transform:translateX(14px)}
[dir="rtl"] .trva-cz-sw input:checked + i::after{transform:translateX(-14px)}
.trva-cz-sw input:focus-visible + i{outline:2px solid var(--trva-a1);outline-offset:2px}
.trva-cz-sw input:not(:checked) ~ span{color:var(--trva-muted)}
.trva-cz-sub{margin:14px 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--trva-muted)}
.trva-cz-sub + .trva-cz-sw{border-top:0}
.trva-cz-secs{display:flex;flex-direction:column}
.trva-cz-sec{display:flex;align-items:center;gap:8px;border-top:1px solid var(--trva-line)}
.trva-cz-sec:first-child{border-top:0}
.trva-cz-sec .trva-cz-sw{flex:1;min-width:0;border-top:0}
.trva-cz-sec .trva-cz-sw span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trva-cz-tools{display:flex;gap:2px;flex:none}
.trva-cz-ib{width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--trva-muted);font:inherit;font-size:14px;line-height:1;cursor:pointer;padding:0}
.trva-cz-ib:hover:not(:disabled){border-color:var(--trva-line);background:var(--trva-card);color:var(--trva-a1)}
.trva-cz-ib:disabled{opacity:.3;cursor:default}
.trva-cz-ib:focus-visible{outline:2px solid var(--trva-a1);outline-offset:1px}
.trva-cz-secedit{padding:4px 0 12px;display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--trva-line)}
.trva-cz-secedit .trva-cz-sw{border-top:0}
.trva-cz-add{display:flex;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--trva-line)}
.trva-cz-add select{flex:1;min-width:0}
.trva-cp-row.is-plain{cursor:default}
.trva-cp-row.is-plain:hover{background:none;transform:none}
.trva-ftabs{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:2px;border-bottom:1px solid var(--trva-line);position:sticky;top:0;z-index:2;background:var(--trva-card)}
.trva-ftab{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--trva-line);background:var(--trva-row);color:var(--trva-ink2);font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer}
.trva-ftab i{font-style:normal;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:999px;background:var(--trva-card);color:var(--trva-muted);display:inline-flex;align-items:center;justify-content:center}
.trva-ftab.is-on{background:var(--trva-dark);border-color:var(--trva-dark);color:#fff}
.trva-ftab.is-on i{background:rgba(255,255,255,.18);color:#fff}
.trva-cp-form .is-tab-off{display:none !important}
.trva-seo{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;align-items:start}
.trva-seo > .trva-seo-cap,.trva-seo > .trva-seo-help,.trva-seo > .trva-seo-prev,.trva-seo > .trva-cp-field:has(textarea),.trva-seo > div.trva-cp-field{grid-column:1 / -1}
.trva-seo-cap{font-weight:700;font-size:14px;color:var(--trva-ink)}
.trva-seo-help{color:var(--trva-muted);margin-top:-10px}
.trva-seo-n{font-style:normal;font-weight:600;font-size:11px;color:var(--trva-muted);margin-left:8px;letter-spacing:0}
.trva-seo-n.is-over{color:#c0392b}
.trva-seo-prev{border:1px solid var(--trva-line);border-radius:14px;padding:14px 16px;background:var(--trva-row);display:flex;flex-direction:column;gap:3px;min-width:0}
.trva-seo-prev small{color:var(--trva-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trva-seo-prev b{color:#1a0dab;font-size:17px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.trva-seo-prev p{margin:0;color:var(--trva-ink2);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
@media (max-width:700px){.trva-seo{grid-template-columns:1fr}
}
.trva-lang-card{padding:22px 24px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}
.trva-lang-card .trva-h2{margin:0;font-size:17px}
.trva-lang-card .trva-h3{margin:10px 0 0;font-size:14px}
.trva-lang-rows{display:flex;flex-direction:column}
.trva-lang-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--trva-line);flex-wrap:wrap}
.trva-lang-row:first-child{border-top:0}
.trva-lang-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.trva-lang-main small{color:var(--trva-muted)}
.trva-lang-ready{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.trva-lang-pick{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:14px 16px;border-radius:14px;border:1px solid var(--trva-line);background:var(--trva-row);cursor:pointer;text-align:left;font:inherit;color:var(--trva-ink)}
.trva-lang-pick b{font-size:15px}
.trva-lang-pick small{color:var(--trva-muted)}
.trva-lang-pick:hover:not(:disabled){border-color:var(--trva-a1)}
.trva-lang-pick:disabled{cursor:default;opacity:.6}
.trva-lang-new{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end}
.trva-lang-new .trva-btn{height:44px}
.trva-lang-bar{height:8px;border-radius:999px;background:var(--trva-row);overflow:hidden}
.trva-lang-bar i{display:block;height:100%;width:0;background:var(--trva-a1);border-radius:999px;transition:width .3s}
@media (max-width:760px){.trva-lang-ready{grid-template-columns:1fr 1fr}
.trva-lang-new{grid-template-columns:1fr}
}
.trva-cz-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border-radius:14px;background:var(--trva-row);border:1px solid var(--trva-line)}
.trva-cz-tab{min-height:40px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:var(--trva-ink2);font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer}
.trva-cz-tab[aria-pressed="true"]{background:var(--trva-dark);color:#fff}
.trva-cz-lead{margin:2px 0 0}
.trva-cz-group[hidden]{display:none}
@media (max-width:700px){.trva-cz-tabs{grid-template-columns:1fr}
}
.trva-web-paid{margin:0;padding:9px 12px;border-radius:10px;background:var(--trva-okbg,#e6f6ec);color:var(--trva-ok,#1e7b45);font-size:13.5px;font-weight:600}
.trva-table small.trva-online{display:block;max-width:240px;white-space:normal;font-weight:600}
.trva-table small.trva-online.is-ok{color:var(--trva-ok,#1e7b45)}
.trva-table small.trva-online.is-bad{color:var(--trva-bad,#c2383a)}
.trv{--accent:#1a1a1a;--accent-ink:#fff;--ink:#1a1a1a;--bg:#fff;--soft:#f5f4f1;--line:#e7e5e1;--bar:#1a1a1a;--bar-ink:#fff;--head:#fff;--head-ink:#1a1a1a;--sale:#c8372d;--foot:#f5f4f1;--foot-ink:#1a1a1a;--radius:10px;--btn:999px;--fd:"Be Vietnam Pro";--fb:"Be Vietnam Pro";--mute:color-mix(in srgb,var(--ink) 58%,var(--bg));--ok:#2a7a4b;--star:#e2a400;font-family:var(--fb),system-ui,-apple-system,"Segoe UI",sans-serif;font-size:calc(15px*var(--fz,1));line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:clip}
:where(.trv) *,:where(.trv) *::before,:where(.trv) *::after{box-sizing:border-box}
:where(.trv) a{color:inherit;text-decoration:none}
:where(.trv) button,:where(.trv) input,:where(.trv) select,:where(.trv) textarea{font:inherit;color:inherit}
:where(.trv) h1,:where(.trv) h2,:where(.trv) h3,:where(.trv) h4{font-family:var(--fd),system-ui,sans-serif;font-weight:var(--hw,600);line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.01em}
:where(.trv) p{margin:0}
:where(.trv) ul{list-style:none;margin:0;padding:0}
:where(.trv) svg{display:block}
.trv :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.trv-wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:20px}
.trv-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.trv-mute{color:var(--mute)}
.trv-num{font-variant-numeric:tabular-nums}
.trv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:var(--btn);background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);font-weight:600;font-size:calc(14px*var(--fz,1));cursor:pointer;white-space:nowrap;transition:opacity .15s}
.trv-btn:hover{opacity:.86}
.trv-btn:disabled{opacity:.45;cursor:not-allowed}
.trv-btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.trv-btn-ghost{background:var(--soft);color:var(--ink);border-color:var(--soft)}
.trv-btn-sm{min-height:38px;padding:0 16px;font-size:calc(13px*var(--fz,1))}
.trv-btn-block{width:100%}
.trv-link{align-self:flex-start;justify-self:start;width:fit-content;color:inherit;font-weight:600;font-size:calc(14px*var(--fz,1));border-bottom:1px solid currentColor;padding-bottom:1px;cursor:pointer;background:none;border-top:0;border-inline:0}
.trv-iconbtn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:none;border:0;cursor:pointer;position:relative;color:inherit}
.trv-iconbtn:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.trv-count{position:absolute;top:2px;inset-inline-end:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--sale);color:#fff;font-size:calc(10.5px*var(--fz,1));font-weight:700;display:flex;align-items:center;justify-content:center}
.trv-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.trv-field > span{font-size:calc(13px*var(--fz,1));font-weight:600}
.trv-input{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);outline:none}
.trv-input:focus{border-color:var(--ink)}
textarea.trv-input{resize:vertical;min-height:110px}
.trv-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.trv-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:calc(14px*var(--fz,1))}
.trv-check input{width:17px;height:17px;accent-color:var(--accent);flex:none}
.trv-err{color:var(--sale);font-size:calc(13px*var(--fz,1));font-weight:600}
.trv-note{font-size:calc(13px*var(--fz,1));color:var(--mute)}
.trv-bar{background:var(--bar);color:var(--bar-ink);font-size:calc(12.5px*var(--fz,1))}
.trv-bar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px}
.trv-bar-links{display:flex;gap:18px;align-items:center;opacity:.86}
.trv-bar-links a:hover{opacity:1;text-decoration:underline}
.trv-head{background:var(--head);color:var(--head-ink);border-bottom:1px solid color-mix(in srgb,var(--head-ink) 12%,transparent);position:relative;z-index:30}
.trv-head-in{display:flex;align-items:center;gap:24px;min-height:72px}
.trv-logo{font-family:var(--fd),system-ui,sans-serif;font-weight:var(--hw,700);font-size:calc(25px*var(--fz,1));letter-spacing:-.03em;display:inline-flex;align-items:center;gap:8px;flex:none}
.trv-logo i{width:22px;height:22px;border-radius:6px 6px 6px 0;background:var(--accent);display:block;transform:rotate(-8deg)}
.trv[data-head="market"] .trv-head .trv-logo i,.trv[data-head="colored"] .trv-head .trv-logo i,.trv[data-head="dark"] .trv-logo i{background:currentColor}
.trv-nav{display:flex;gap:28px;align-items:center;flex:1;justify-content:center;font-weight:600;font-size:calc(14.5px*var(--fz,1))}
.trv-nav > li{position:relative}
.trv-nav > li > a{display:flex;align-items:center;gap:5px;padding:26px 0;cursor:pointer}
.trv-nav > li > a.is-on{box-shadow:inset 0 -2px 0 currentColor}
.trv-nav .trv-ic{width:13px;height:13px;stroke-width:2.2}
.trv-drop{position:absolute;top:100%;inset-inline-start:-18px;min-width:220px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.10);padding:10px;display:none;font-weight:500;z-index:5}
.trv-nav > li:hover > .trv-drop,.trv-nav > li:focus-within > .trv-drop{display:block}
.trv-drop a{display:block;padding:8px 10px;border-radius:6px;cursor:pointer}
.trv-drop a:hover{background:var(--soft)}
.trv-drop-wide{display:none;grid-template-columns:repeat(2,180px) 220px;gap:8px 18px;padding:18px}
.trv-nav > li:hover > .trv-drop-wide,.trv-nav > li:focus-within > .trv-drop-wide{display:grid}
.trv-drop-wide h4{font-size:calc(12px*var(--fz,1));font-weight:var(--hw,600);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:0 10px 6px;font-family:inherit}
.trv-head-tools{display:flex;align-items:center;gap:2px;flex:none}
.trv-burger{display:none}
.trv-hsearch{display:flex;align-items:center;gap:8px;height:42px;border:1px solid color-mix(in srgb,var(--head-ink) 22%,transparent);border-radius:var(--btn);padding:0 14px;width:240px;background:color-mix(in srgb,var(--head) 92%,var(--head-ink))}
.trv-hsearch input{border:0;background:none;outline:none;width:100%;min-width:0}
.trv-head-side{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:16px}
.trv-head-side.is-end{justify-content:flex-end}
.trv-head-side .trv-nav{justify-content:flex-start;flex:1;flex-wrap:wrap;gap:4px 22px}
.trv-head-side .trv-nav > li > a{padding-block:12px}
.trv-only-s{display:none}
.trv-mk-top{display:flex;align-items:center;gap:22px;min-height:78px}
.trv-mk-search{flex:1;display:flex;height:46px;background:#fff;color:#1a1a1a;border-radius:var(--btn);overflow:hidden;border:2px solid var(--accent);min-width:0}
.trv-mk-search select{border:0;background:none;padding:0 12px;border-inline-end:1px solid #e3e3e3;outline:none;max-width:150px}
.trv-mk-search input{flex:1;border:0;outline:none;padding:0 14px;min-width:0;background:none}
.trv-mk-search button{border:0;background:var(--accent);color:var(--accent-ink);padding:0 20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}
.trv[data-head="market"] .trv-mk-search{border-color:#fff}
.trv[data-head="market"] .trv-mk-search button{background:var(--sale);color:#fff}
.trv-mk-acct{display:flex;align-items:center;gap:10px;font-size:calc(12.5px*var(--fz,1));line-height:1.25;cursor:pointer;flex:none}
.trv-mk-acct b{display:block;font-size:calc(14px*var(--fz,1))}
.trv-mk-nav{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}
.trv-mk-nav .trv-wrap{display:flex;align-items:center;gap:26px;min-height:50px}
.trv-mk-all{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 18px;background:var(--accent);color:var(--accent-ink);font-weight:600;border:0;cursor:pointer;min-width:230px}
.trv-mk-nav .trv-nav{justify-content:flex-start}
.trv-mk-nav .trv-nav > li > a{padding:14px 0}
.trv-mk-hot{font-size:calc(13px*var(--fz,1));color:var(--mute);white-space:nowrap}
.trv-mk-hot b{color:var(--ink)}
.trv-sec{padding-block:60px}
.trv-sec-soft{background:var(--soft)}
.trv-sec + .trv-sec:not(.trv-sec-soft){padding-top:8px}
.trv-sec-soft + .trv-sec:not(.trv-sec-soft){padding-top:60px}
.trv-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:28px;flex-wrap:wrap}
.trv-sec-head h2{font-size:calc(clamp(24px,2.6vw,34px)*var(--fz,1))}
.trv-sec-head.is-center{flex-direction:column;align-items:center;text-align:center}
.trv-tabs{display:flex;gap:6px;flex-wrap:wrap}
.trv-tabs button{height:38px;padding:0 16px;border-radius:var(--btn);border:1px solid var(--line);background:none;cursor:pointer;font-weight:600;font-size:calc(13.5px*var(--fz,1))}
.trv-tabs button[aria-selected="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.trv-ph{position:relative;background:var(--ph,var(--soft));display:flex;align-items:center;justify-content:center;overflow:hidden;color:color-mix(in srgb,var(--ink) 70%,var(--ph,#eee))}
.trv-ph > svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.trv-ph::after{content:"";position:absolute;inset:auto -18% -34% auto;width:70%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,#fff 38%,transparent);pointer-events:none}
.trv-ph > *{position:relative;z-index:1}
.trv-hero{position:relative}
.trv-hero-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;min-height:520px;background:var(--soft)}
.trv-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:48px clamp(20px,6vw,96px)}
.trv-hero-copy .k{font-size:calc(13px*var(--fz,1));font-weight:700;color:var(--sale);letter-spacing:.04em}
.trv-hero-copy h1{font-size:calc(clamp(34px,4.6vw,62px)*var(--fz,1));max-width:13ch}
.trv-hero-copy p{color:var(--mute);max-width:40ch;font-size:calc(16px*var(--fz,1))}
.trv-hero-art{min-height:320px}
.trv-hero-art > svg{width:38%;height:auto;max-height:70%}
.trv-hero-dots{position:absolute;bottom:18px;inset-inline:0;display:flex;justify-content:center;gap:8px;z-index:3}
.trv-hero-dots button{width:9px;height:9px;border-radius:50%;border:1px solid var(--ink);background:none;padding:0;cursor:pointer}
.trv-hero-dots button[aria-current="true"]{background:var(--ink)}
.trv-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#1a1a1a;box-shadow:0 4px 14px rgba(0,0,0,.12);cursor:pointer;display:flex;align-items:center;justify-content:center}
.trv-hero-arrow.prev{inset-inline-start:18px}
.trv-hero-arrow.next{inset-inline-end:18px}
.trv[dir="rtl"] .trv-hero-arrow svg,.trv[dir="rtl"] .trv-flip{transform:scaleX(-1)}
.trv-hero-split .trv-hero-slide{min-height:560px}
.trv-hero-split .trv-hero-art{background:var(--accent) !important;color:var(--accent-ink)}
.trv-hero-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.trv-hero-trio a{position:relative;display:block;cursor:pointer}
.trv-hero-trio .trv-ph{aspect-ratio:3/4}
.trv-hero-trio span{position:absolute;inset-inline:16px;bottom:16px;z-index:2;background:#fff;color:#1a1a1a;border-radius:var(--btn);padding:10px 16px;display:flex;justify-content:space-between;gap:10px;font-weight:600;font-size:calc(14px*var(--fz,1))}
.trv-hero-type{padding-top:22px;overflow:hidden}
.trv-hero-type .big{font-family:var(--fd),system-ui,sans-serif;font-weight:var(--hw,800);font-size:calc(clamp(54px,14.5vw,210px)*var(--fz,1));line-height:.9;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;text-align:center;margin:0 0 14px}
.trv-hero-type .trv-hero-slide{min-height:440px}
.trv-hero-peek{display:grid;grid-template-columns:1fr minmax(0,3.2fr) 1fr;gap:14px;padding-top:14px}
.trv-hero-peek .side{min-height:420px;opacity:.6}
.trv-hero-peek .main{position:relative;min-height:420px;border-radius:var(--radius);overflow:hidden}
.trv-hero-peek .main .fill{position:absolute;inset:0}
.trv-hero-peek .cap{position:absolute;inset-inline-start:28px;bottom:28px;z-index:2;background:#fff;color:#1a1a1a;padding:18px 22px;border-radius:var(--radius);max-width:280px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.trv-hero-peek .cap h1{font-size:calc(24px*var(--fz,1))}
.trv-hero-full{position:relative;min-height:560px;background:#16181b;color:#fff;display:flex;align-items:center;overflow:hidden}
.trv-hero-full .bg{position:absolute;inset:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.trv-hero-full .bg::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(14,12,9,.9) 0,rgba(14,12,9,.62) 42%,rgba(14,12,9,.12) 100%)}
.trv-hero-full .bgart{height:100%;color:#555b63}
.trv-hero-full .bgart > svg{width:auto;height:78%;margin-inline-start:42%}
.trv-hero-full .bgart::after{background:color-mix(in srgb,var(--accent) 38%,transparent);inset:auto -6% -40% auto;width:52%}
.trv-hero-full .trv-hero-copy{position:relative;z-index:2;padding-inline:0}
.trv-hero-full .trv-hero-copy p{color:#c9ccd1}
.trv-hero-full .trv-hero-copy .k{color:var(--accent)}
.trv-hero-mk{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding-top:0}
.trv-hero-mk.has-side{grid-template-columns:230px minmax(0,1fr) 270px}
.trv-mk-cats{border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);padding:8px 0;background:var(--bg)}
.trv-mk-cats a{display:flex;align-items:center;gap:12px;padding:9px 18px;font-size:calc(14px*var(--fz,1));cursor:pointer}
.trv-mk-cats a:hover{background:var(--soft);color:var(--accent)}
.trv-mk-cats svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.trv-hero-mk .trv-hero{margin-top:20px;border-radius:var(--radius);overflow:hidden}
.trv-hero-mk .trv-hero-slide{min-height:400px}
.trv-hero-mk .trv-hero-copy{padding:36px 40px;padding-inline-start:76px}
.trv-hero-mk .trv-hero-copy h1{font-size:calc(clamp(28px,3vw,42px)*var(--fz,1))}
.trv-mk-side{display:grid;gap:20px;margin-top:20px}
.trv-mk-side a{border-radius:var(--radius);overflow:hidden;position:relative;display:flex;cursor:pointer;min-height:160px}
.trv-mk-side .trv-ph{position:absolute;inset:0}
.trv-mk-side .trv-ph > svg{margin-inline-start:50%}
.trv-mk-side div.t{position:relative;z-index:2;padding:18px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center}
.trv-mk-side b{font-size:calc(17px*var(--fz,1));font-family:var(--fd),sans-serif;max-width:12ch;line-height:1.2}
.trv-mk-side small{color:var(--sale);font-weight:700}
.trv-hero-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px}
.trv-hero-duo .trv-hero-slide{min-height:420px;border-radius:var(--radius);overflow:hidden;grid-template-columns:1fr 1fr}
.trv-hero-duo .trv-hero-copy{padding:32px}
.trv-hero-duo h1{font-size:calc(clamp(24px,2.4vw,34px)*var(--fz,1))}
.trv-hero-side{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:20px;padding-top:20px}
.trv-hero-side .trv-hero-slide{border-radius:var(--radius);overflow:hidden;min-height:420px}
.trv-hero-side .trv-mk-side{margin-top:0;grid-template-rows:1fr}
.trv-hero-side .trv-mk-side a{min-height:420px;align-items:flex-end}
.trv-services{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.trv-service{display:flex;gap:14px;align-items:flex-start}
.trv-service .trv-ic{width:28px;height:28px;stroke-width:1.4;color:var(--accent)}
.trv-service b{display:block;font-size:calc(15px*var(--fz,1))}
.trv-service small{color:var(--mute);font-size:calc(13px*var(--fz,1))}
.trv-cats{--cn:6;--cg:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px var(--cg)}
.trv-cats > .trv-cat{flex:0 0 calc((100% - (var(--cn) - 1) * var(--cg)) / var(--cn));min-width:0}
.trv-cat{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;cursor:pointer}
.trv-cat b{font-size:calc(15px*var(--fz,1));font-weight:600}
.trv-cat small{color:var(--mute);font-size:calc(12.5px*var(--fz,1));display:block}
.trv-cats[data-style="circle"] .trv-ph{width:100%;max-width:150px;aspect-ratio:1;border-radius:50%}
.trv-cats[data-style="tile"] .trv-ph{width:100%;aspect-ratio:1;border-radius:var(--radius)}
.trv-cats[data-style="icon"] .trv-ph{width:84px;height:84px;border-radius:50%;--ph:var(--soft)}
.trv-cats[data-style="icon"] .trv-ph::after{display:none}
.trv-cat:hover .trv-ph{box-shadow:0 0 0 2px var(--accent)}
.trv-tiles{display:grid;gap:20px;grid-template-columns:repeat(var(--n,3),1fr)}
.trv-tile{position:relative;display:block;border-radius:var(--radius);overflow:hidden;cursor:pointer}
.trv-tile .trv-ph{aspect-ratio:4/3}
.trv-tiles[style*="--n:2"] .trv-ph{aspect-ratio:16/9}
.trv-tiles[style*="--n:4"] .trv-ph{aspect-ratio:4/5}
.trv-tile .lab{position:absolute;inset-inline:14px;bottom:14px;z-index:2;background:#fff;color:#1a1a1a;border-radius:var(--btn);padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;font-size:calc(14px*var(--fz,1))}
.trv-tile .lab small{color:#6b6b6b;font-weight:500}
.trv-tile.is-dark .trv-ph{--ph:#1c1a17;color:#8d8474}
.trv-mosaic{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.1fr;grid-template-rows:1fr 1fr;gap:14px;min-height:440px}
.trv-mosaic .trv-tile:first-child,.trv-mosaic .trv-tile:last-child{grid-row:span 2}
.trv-mosaic .trv-ph{aspect-ratio:auto;height:100%;min-height:160px}
.trv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
.trv-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.trv-card-img{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer}
.trv-card-img .trv-ph{aspect-ratio:4/5}
.trv-badge{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:var(--sale);color:#fff;font-size:calc(11.5px*var(--fz,1));font-weight:700;padding:3px 9px;border-radius:var(--btn)}
.trv-badge.is-new{background:var(--ink);color:var(--bg)}
.trv-card-acts{position:absolute;top:10px;inset-inline-end:10px;z-index:2;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateX(6px);transition:.18s}
.trv-card:hover .trv-card-acts,.trv-card:focus-within .trv-card-acts{opacity:1;transform:none}
.trv-card-acts button{width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;display:flex;align-items:center;justify-content:center}
.trv-card-acts button[aria-pressed="true"]{background:var(--sale);color:#fff}
.trv-card-acts .trv-ic{width:17px;height:17px}
.trv-card-add{position:absolute;inset-inline:10px;bottom:10px;z-index:2;opacity:0;transform:translateY(6px);transition:.18s}
.trv-card:hover .trv-card-add,.trv-card:focus-within .trv-card-add{opacity:1;transform:none}
.trv-card-add .trv-btn{width:100%;min-height:40px;background:#fff;color:#1a1a1a;border-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.trv-card-add .trv-btn:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);opacity:1}
.trv-card h3{font-family:inherit;font-size:calc(15.5px*var(--fz,1));font-weight:var(--hw,600);line-height:1.3}
.trv-card-body{display:flex;flex-direction:column;gap:6px;flex:1}
.trv-card-body > small:first-child{font-size:calc(12px*var(--fz,1))}
.trv-card h3 a:hover{text-decoration:underline}
.trv-price{display:flex;gap:8px;align-items:baseline;font-weight:700;font-variant-numeric:tabular-nums}
.trv-price s{color:var(--mute);font-weight:400;font-size:.9em}
.trv-price.is-sale b{color:var(--sale)}
.trv-stars{display:inline-flex;gap:1px;color:var(--star);align-items:center}
.trv-stars svg{width:13px;height:13px;fill:currentColor;stroke:none}
.trv-stars small{color:var(--mute);margin-inline-start:6px;font-size:calc(12px*var(--fz,1))}
.trv-sw{display:flex;gap:7px;flex-wrap:wrap;margin-top:2px}
.trv-sw button{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.16);padding:0;cursor:pointer}
.trv-sw button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--ink)}
.trv-sw.is-img button{width:30px;height:38px;border-radius:5px;background-size:cover;background-position:50% 30%}
.trv-card-cta{margin-top:auto}
.trv-grid.is-list{grid-template-columns:1fr}
.trv-grid.is-list .trv-card{flex-direction:row;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}
.trv-grid.is-list .trv-card-img{width:200px;flex:none}
.trv-promo3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.trv-promo{position:relative;border-radius:var(--radius);overflow:hidden;min-height:170px;display:flex;cursor:pointer}
.trv-promo .trv-ph{position:absolute;inset:0}
.trv-promo .trv-ph > svg{margin-inline-start:52%;width:34%}
.trv-promo .t{position:relative;z-index:2;padding:22px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:flex-start}
.trv-promo small{color:var(--sale);font-weight:700;font-size:calc(12.5px*var(--fz,1))}
.trv-promo b{font-family:var(--fd),sans-serif;font-size:calc(19px*var(--fz,1));line-height:1.2;max-width:11ch}
.trv-promo.is-dark .trv-ph{--ph:#1d1d1d;color:#6f6f6f}
.trv-promo.is-dark{color:#fff}
.trv-deal .trv-card{border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.trv-sold{height:6px;border-radius:3px;background:var(--soft);overflow:hidden}
.trv-sold i{display:block;height:100%;background:var(--sale);border-radius:3px}
.trv-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius);overflow:hidden;background:var(--soft)}
.trv-feature .trv-ph{min-height:380px}
.trv-feature .t{padding:clamp(28px,5vw,72px);display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:flex-start}
.trv-feature h2{font-size:calc(clamp(26px,3vw,40px)*var(--fz,1));max-width:14ch}
.trv-look{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center}
.trv-look-img{position:relative;border-radius:var(--radius);overflow:hidden}
.trv-look-img .trv-ph{aspect-ratio:5/4}
.trv-look-list{display:grid;gap:16px}
.trv-mini{display:flex;gap:14px;align-items:center;min-width:0}
.trv-mini .trv-ph{width:76px;height:92px;border-radius:calc(var(--radius) * .7);flex:none}
.trv-mini .i{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.trv-mini .i a{font-weight:500}
.trv-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.trv-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.trv-post{display:flex;flex-direction:column;gap:12px;cursor:pointer}
.trv-post .trv-ph{aspect-ratio:16/10;border-radius:var(--radius)}
.trv-post small{color:var(--mute);font-size:calc(12.5px*var(--fz,1))}
.trv-post h3{font-size:calc(19px*var(--fz,1));line-height:1.25}
.trv-post p{color:var(--mute);font-size:calc(14px*var(--fz,1))}
.trv-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.trv-gallery .trv-ph{aspect-ratio:1;border-radius:var(--radius);cursor:pointer}
.trv-marquee{content-visibility:auto;contain-intrinsic-size:auto 56px;overflow:hidden;border-block:1px solid var(--line);padding-block:14px;white-space:nowrap}
.trv-marquee div{display:inline-flex;gap:38px;animation:trvMq 32s linear infinite;font-family:var(--fd),sans-serif;font-size:calc(20px*var(--fz,1));font-weight:var(--hw,600)}
.trv-marquee span:nth-child(even){color:var(--mute)}
@keyframes trvMq{to{transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){.trv-marquee div{animation:none}
.trv *{transition:none !important}
}
.trv-foot{background:var(--foot);color:var(--foot-ink);margin-top:72px;font-size:calc(14px*var(--fz,1))}
#trvFoot{display:flow-root}
.trv-foot-in{display:grid;grid-template-columns:var(--fc,1.3fr 1fr 1fr 1fr 1.5fr);gap:36px;padding-block:56px 40px}
.trv-foot h4{font-family:inherit;font-size:calc(15px*var(--fz,1));margin-bottom:14px}
.trv-foot li{margin-bottom:9px;opacity:.82}
.trv-foot li a:hover{text-decoration:underline}
.trv-foot .trv-input{background:transparent;color:inherit;border-color:color-mix(in srgb,var(--foot-ink) 28%,transparent)}
.trv-news{display:flex;gap:8px;margin-top:12px}
.trv-foot-bot{border-top:1px solid color-mix(in srgb,var(--foot-ink) 14%,transparent);padding-block:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:calc(13px*var(--fz,1));opacity:.85}
.trv-pay{display:flex;gap:6px;flex-wrap:wrap}
.trv-pay span{border:1px solid color-mix(in srgb,var(--foot-ink) 26%,transparent);border-radius:4px;padding:2px 8px;font-size:calc(11.5px*var(--fz,1));font-weight:700}
.trv-phead{background:var(--soft);padding-block:34px;text-align:center}
.trv-phead h1{font-size:calc(clamp(28px,3.4vw,44px)*var(--fz,1))}
.trv-crumb{display:flex;gap:8px;justify-content:center;font-size:calc(13px*var(--fz,1));color:var(--mute);margin-top:8px;flex-wrap:wrap}
.trv-crumb a:hover{color:var(--ink);text-decoration:underline}
.trv-page{padding-block:44px 0}
.trv-shop{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;align-items:flex-start}
.trv-shop.is-nofilter{grid-template-columns:minmax(0,1fr)}
.trv-filter section:last-child{border-bottom:0;margin-bottom:0}
.trv-filter h4{font-family:inherit;font-size:calc(15px*var(--fz,1));margin-bottom:12px}
.trv-filter section{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.trv-filter li{margin-bottom:9px}
.trv-filter li button{background:none;border:0;padding:0;cursor:pointer;display:flex;justify-content:space-between;width:100%;text-align:start}
.trv-filter li button[aria-pressed="true"]{font-weight:700;color:var(--accent)}
.trv-filter li small{color:var(--mute)}
.trv-chips{display:flex;gap:8px;flex-wrap:wrap}
.trv-chips :is(button,a){min-width:46px;min-height:40px;padding:4px 13px;border:1px solid var(--line);border-radius:var(--radius);background:none;cursor:pointer;font-size:calc(13.5px*var(--fz,1));display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}
.trv-chips :is(button,a) small{font-size:calc(10.5px*var(--fz,1));opacity:.72}
.trv-chips :is(button,a).is-out{opacity:.45;text-decoration:line-through}
.trv-chips :is(button,a)[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.trv-colors{display:flex;gap:10px;flex-wrap:wrap}
.trv-colors button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.16);cursor:pointer;padding:0}
.trv-colors button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}
.trv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.trv-toolbar .r{display:flex;gap:8px;align-items:center}
.trv-toolbar select{height:40px;border:1px solid var(--line);border-radius:var(--radius);padding:0 12px;background:var(--bg)}
.trv-view button{width:40px;height:40px;border:1px solid var(--line);background:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.trv-view button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.trv-shop .trv-grid{grid-template-columns:repeat(3,1fr)}
.trv-shop .trv-grid.is-list{grid-template-columns:1fr}
.trv-pager{display:flex;justify-content:center;gap:8px;margin-top:36px}
.trv-pager button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:none;cursor:pointer;font-weight:600}
.trv-pager button[aria-current="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.trv-empty{text-align:center;padding:48px 20px;border:1px dashed var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:14px;align-items:center}
.trv-filter-toggle{display:none}
.trv-pd{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:48px;align-items:flex-start}
.trv-pd-gal{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px}
.trv-pd-thumbs{display:grid;gap:10px;align-content:start}
.trv-pd-thumbs button{padding:0;border:1px solid transparent;border-radius:calc(var(--radius) * .7);overflow:hidden;cursor:pointer;background:none}
.trv-pd-thumbs button[aria-current="true"]{border-color:var(--ink)}
.trv-pd-thumbs .trv-ph{aspect-ratio:4/5}
.trv-pd-main .trv-ph{aspect-ratio:4/5;border-radius:var(--radius)}
.trv-pd-info{display:flex;flex-direction:column;gap:18px}
.trv-pd-info h1{font-size:calc(clamp(26px,2.8vw,36px)*var(--fz,1))}
.trv-pd-info .trv-price{font-size:calc(24px*var(--fz,1))}
.trv-opt{display:flex;flex-direction:column;gap:9px}
.trv-opt > span{font-weight:600;font-size:calc(14px*var(--fz,1))}
.trv-opt > span em{font-style:normal;color:var(--mute);font-weight:400}
.trv-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--btn);height:46px}
.trv-qty button{width:42px;height:100%;border:0;background:none;cursor:pointer;font-size:calc(18px*var(--fz,1))}
.trv-qty input{width:40px;text-align:center;border:0;background:none;outline:none;font-weight:600}
.trv-buy{display:flex;gap:10px;flex-wrap:wrap}
.trv-buy .trv-btn{flex:1;min-width:170px}
.trv-stock{color:var(--ok);font-weight:600;font-size:calc(14px*var(--fz,1));display:flex;gap:8px;align-items:center}
.trv-pd-meta{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:9px;font-size:calc(14px*var(--fz,1))}
.trv-pd-meta div{display:flex;gap:10px;align-items:center}
.trv-ptabs{margin-top:64px}
.trv-ptabs-nav{display:flex;gap:28px;border-bottom:1px solid var(--line);overflow-x:auto}
.trv-ptabs-nav button{background:none;border:0;padding:14px 0;font-weight:600;font-size:calc(16px*var(--fz,1));cursor:pointer;color:var(--mute);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.trv-ptabs-nav button[aria-selected="true"]{color:var(--ink);border-color:var(--ink)}
.trv-ptab{padding-block:26px;max-width:78ch;display:grid;gap:14px}
.trv .trv-ptab ul{list-style:disc;padding-inline-start:20px;display:grid;gap:6px}
.trv-specs{width:100%;border-collapse:collapse;font-size:calc(14px*var(--fz,1))}
.trv-specs td{padding:10px 0;border-bottom:1px solid var(--line)}
.trv-specs td:first-child{color:var(--mute);width:40%}
.trv-rev{display:flex;gap:14px;padding-block:16px;border-bottom:1px solid var(--line)}
.trv-co{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:flex-start}
.trv-table{width:100%;border-collapse:collapse}
.trv-table th{text-align:start;font-size:calc(13px*var(--fz,1));color:var(--mute);font-weight:600;padding:0 0 12px;border-bottom:1px solid var(--line)}
.trv-table td{padding:18px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.trv-table .trv-mini .trv-ph{width:84px;height:104px}
.trv-x{background:none;border:0;cursor:pointer;color:var(--mute);padding:6px;display:inline-flex}
.trv-x:hover{color:var(--sale)}
.trv-sum{background:var(--soft);border-radius:var(--radius);padding:26px;display:grid;gap:16px;position:sticky;top:70px}
.trv-sum h3{font-size:calc(20px*var(--fz,1))}
.trv-sum-row{display:flex;justify-content:space-between;gap:12px;font-size:calc(14.5px*var(--fz,1))}
.trv-sum-row.total{font-size:calc(19px*var(--fz,1));font-weight:700;border-top:1px solid var(--line);padding-top:16px}
.trv-co-main{min-width:0}
.trv-coupon{display:flex;gap:8px}
.trv-coupon .trv-input{min-height:42px}
.trv-ship-bar{font-size:calc(13.5px*var(--fz,1))}
.trv-ship-bar .trv-sold{margin-top:8px;background:var(--bg)}
.trv-ship-bar .trv-sold i{background:var(--ok)}
.trv-steps{display:flex;justify-content:center;gap:10px 28px;flex-wrap:wrap;margin-bottom:34px;font-weight:600;font-size:calc(14px*var(--fz,1));color:var(--mute)}
.trv-steps span{display:flex;align-items:center;gap:9px}
.trv-steps i{width:26px;height:26px;border-radius:50%;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:calc(12.5px*var(--fz,1))}
.trv-steps .is-on{color:var(--ink)}
.trv-steps .is-on i{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.trv-block{border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:16px;margin-bottom:20px}
.trv-block h3{font-size:calc(19px*var(--fz,1))}
.trv-radio{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;cursor:pointer}
.trv-radio:has(input:checked){border-color:var(--ink);background:var(--soft)}
.trv-radio input{margin-top:3px;accent-color:var(--accent);width:17px;height:17px;flex:none}
.trv-radio .i{flex:1;min-width:0}
.trv-radio b{display:block}
.trv-radio small{color:var(--mute)}
.trv-radio .p{font-weight:700;white-space:nowrap}
.trv-sum-items{display:grid;gap:14px;max-height:300px;overflow:auto}
.trv-sum-items .trv-ph{width:58px;height:70px}
.trv-sum-items .q{position:absolute;top:-6px;inset-inline-end:-6px;inset-inline-start:auto;z-index:3}
.trv-sum-items .pic{position:relative;flex:none}
.trv-done{max-width:760px;margin-inline:auto;text-align:center;display:grid;gap:18px;justify-items:center}
.trv-done .tick{width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--ok) 14%,var(--bg));color:var(--ok);display:flex;align-items:center;justify-content:center}
.trv-done .tick .trv-ic{width:34px;height:34px;stroke-width:2.2}
.trv-done-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;text-align:start;border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.trv-done-grid small{color:var(--mute);display:block;font-size:calc(12.5px*var(--fz,1))}
.trv-bank{width:100%;text-align:start;background:var(--soft);border-radius:var(--radius);padding:18px;display:grid;gap:6px;font-size:calc(14px*var(--fz,1))}
.trv-track{display:grid;gap:0;margin-top:8px}
.trv-track li{display:grid;grid-template-columns:28px 1fr;gap:14px;padding-bottom:22px;position:relative}
.trv-track li::before{content:"";position:absolute;inset-inline-start:13px;top:26px;bottom:0;width:2px;background:var(--line)}
.trv-track li:last-child::before{display:none}
.trv-track i{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center}
.trv-track .is-done i{background:var(--ok);border-color:var(--ok);color:#fff}
.trv-track .is-done::before{background:var(--ok)}
.trv-track i .trv-ic{width:14px;height:14px;stroke-width:3}
.trv-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:calc(12px*var(--fz,1));font-weight:700;background:var(--soft)}
.trv-pill.ok{background:color-mix(in srgb,var(--ok) 15%,var(--bg));color:var(--ok)}
.trv-pill.warn{background:#fbf0d9;color:#8a5a00}
.trv-pill.bad{background:color-mix(in srgb,var(--sale) 13%,var(--bg));color:var(--sale)}
.trv-auth{max-width:460px;margin-inline:auto;display:grid;gap:16px}
.trv-auth h2{font-size:calc(28px*var(--fz,1));text-align:center}
.trv-acct{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:flex-start}
.trv-acct-nav{border:1px solid var(--line);border-radius:var(--radius);padding:10px;display:grid;gap:2px}
.trv-acct-nav button{display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;background:none;border-radius:calc(var(--radius) * .7);cursor:pointer;text-align:start;font-weight:500}
.trv-acct-nav button[aria-current="true"]{background:var(--ink);color:var(--bg)}
.trv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trv-kpi{border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.trv-kpi b{font-size:calc(26px*var(--fz,1));display:block;font-family:var(--fd),sans-serif}
.trv-kpi small{color:var(--mute)}
.trv-tscroll{overflow-x:auto}
.trv-article{max-width:72ch;margin-inline:auto;display:grid;gap:18px;font-size:calc(17px*var(--fz,1))}
.trv-article h1{font-size:calc(clamp(30px,3.6vw,46px)*var(--fz,1))}
.trv-article .trv-ph{aspect-ratio:16/9;border-radius:var(--radius)}
.trv-article h2{font-size:calc(24px*var(--fz,1));margin-top:8px}
.trv-faq{max-width:820px;margin-inline:auto;display:grid;gap:10px}
.trv-faq details{border:1px solid var(--line);border-radius:var(--radius);padding:0 20px}
.trv-faq summary{cursor:pointer;padding:18px 0;font-weight:600;font-size:calc(16.5px*var(--fz,1));list-style:none;display:flex;justify-content:space-between;gap:14px}
.trv-faq summary::-webkit-details-marker{display:none}
.trv-faq summary::after{content:"+";font-size:calc(22px*var(--fz,1));line-height:1}
.trv-faq details[open] summary::after{content:"–"}
.trv-faq p{padding-bottom:18px;color:var(--mute)}
.trv-scrim{position:fixed;inset:0;background:rgba(15,15,15,.45);z-index:100}
.trv-drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(420px,100%);background:var(--bg);z-index:101;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.16);padding-top:env(safe-area-inset-top,0px)}
.trv-drawer.is-start{inset-inline-end:auto;inset-inline-start:0}
.trv-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.trv-drawer-head h3{font-size:calc(20px*var(--fz,1))}
.trv-drawer-body{flex:1;overflow:auto;padding:18px 20px;display:grid;gap:18px;align-content:start}
.trv-drawer-foot{border-top:1px solid var(--line);padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));display:grid;gap:12px}
.trv-mnav a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:calc(16px*var(--fz,1));cursor:pointer}
.trv-modal{position:fixed;inset:0;z-index:101;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}
.trv-modal-box{pointer-events:auto;background:var(--bg);border-radius:var(--radius);width:min(920px,100%);max-height:92vh;overflow:auto;padding:26px;position:relative}
.trv-modal-box .trv-pd{gap:28px}
.trv-modal-x{position:absolute;top:10px;inset-inline-end:10px;z-index:3}
.trv-searchbox{position:fixed;top:0;inset-inline:0;z-index:101;background:var(--bg);padding:calc(22px + env(safe-area-inset-top,0px)) 0 26px;box-shadow:0 12px 40px rgba(0,0,0,.14)}
.trv-searchbox form{display:flex;gap:10px;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:10px}
.trv-searchbox input{flex:1;border:0;outline:none;font-size:calc(22px*var(--fz,1));background:none;min-width:0}
.trv-search-res{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.trv-toast{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));inset-inline-start:50%;transform:translateX(-50%);z-index:130;background:#1a1a1a;color:#fff;padding:12px 20px;border-radius:999px;font-size:calc(14px*var(--fz,1));font-weight:600;max-width:calc(100% - 32px);text-align:center;font-family:"Be Vietnam Pro",system-ui,sans-serif}
@media (max-width:1100px){.trv-grid{grid-template-columns:repeat(3,1fr)}
.trv-cats{--cn:3}
.trv-gallery{grid-template-columns:repeat(3,1fr)}
.trv-hero-mk,.trv-hero-mk.has-side{grid-template-columns:minmax(0,1fr)}
.trv-mk-cats{display:none}
.trv-mk-side{grid-template-columns:1fr 1fr}
.trv-mk-all{min-width:0}
.trv-foot-in{grid-template-columns:1fr 1fr}
.trv-mk-hot{display:none}
}
@media (max-width:900px){.trv-nav,.trv-hsearch,.trv-mk-nav,.trv-mk-acct span{display:none}
.trv-burger{display:inline-flex}
.trv-head-in{gap:8px;min-height:60px}
.trv-head-tools{margin-inline-start:auto}
.trv[data-head="center"] .trv-head .trv-logo,.trv[data-head="dark"] .trv-head .trv-logo{position:static;transform:none}
.trv-mk-top{flex-wrap:wrap;gap:10px 14px;padding-block:12px;min-height:0}
.trv-mk-search{order:5;flex:1 1 100%}
.trv-mk-search select{display:none}
.trv-mk-top .trv-logo{margin-inline-end:auto}
.trv-hero-slide,.trv-feature,.trv-look,.trv-pd,.trv-co,.trv-hero-duo,.trv-hero-side,.trv-hero-duo .trv-hero-slide{grid-template-columns:minmax(0,1fr)}
.trv-hero-slide{min-height:0}
.trv-hero-art{min-height:260px;order:-1}
.trv-hero-copy{padding:32px 20px 54px}
.trv-hero-full{min-height:440px}
.trv-hero-full .bgart > svg{margin-inline-start:30%;opacity:.5}
.trv-hero-full .trv-hero-copy{padding-block:40px}
.trv-hero-peek{grid-template-columns:minmax(0,1fr)}
.trv-hero-peek .side{display:none}
.trv-services{grid-template-columns:1fr 1fr}
.trv-promo3,.trv-reviews,.trv-posts{grid-template-columns:minmax(0,1fr)}
.trv-tiles{grid-template-columns:repeat(2,1fr)}
.trv-tiles[style*="--n:3"] .trv-tile:first-child{grid-column:span 2}
.trv-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:none}
.trv-mosaic .trv-tile:first-child,.trv-mosaic .trv-tile:last-child{grid-row:auto}
.trv-shop,.trv-acct{grid-template-columns:minmax(0,1fr)}
.trv-filter{display:none}
.trv-filter.is-open{display:block}
.trv-filter-toggle{display:inline-flex}
.trv-shop .trv-grid{grid-template-columns:repeat(2,1fr)}
.trv-sum{position:static}
.trv-acct-nav{grid-auto-flow:column;overflow-x:auto;grid-auto-columns:max-content}
.trv-done-grid{grid-template-columns:1fr 1fr}
.trv-search-res{grid-template-columns:1fr 1fr}
.trv-sec{padding-block:44px}
.trv-card-acts,.trv-card-add{opacity:1;transform:none}
.trv-card-add{position:static;padding:0}
.trv-card-add .trv-btn{box-shadow:none;border-color:var(--line)}
}
@media (max-width:560px){.trv-grid,.trv-shop .trv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
.trv-cats{--cn:3;--cg:10px;gap:14px 10px}
.trv-bar-links{display:none}
.trv-bar-in{justify-content:center;text-align:center}
.trv-row2,.trv-kpis,.trv-foot-in,.trv-services{grid-template-columns:minmax(0,1fr)}
.trv-hero-trio{grid-template-columns:1fr}
.trv-hero-trio .trv-ph{aspect-ratio:4/3}
.trv-pd-gal{grid-template-columns:minmax(0,1fr)}
.trv-pd-thumbs{grid-auto-flow:column;grid-auto-columns:64px;order:2;overflow-x:auto}
.trv-table thead{display:none}
.trv-table tr{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:16px 0;border-bottom:1px solid var(--line)}
.trv-table td{border:0;padding:0}
.trv-table td:first-child{grid-column:1 / -1}
.trv-grid.is-list .trv-card{flex-direction:column;align-items:stretch}
.trv-grid.is-list .trv-card-img{width:auto}
.trv-block{padding:18px}
.trv-sum{padding:20px}
.trv-logo{font-size:calc(21px*var(--fz,1))}
.trv-iconbtn{width:36px}
}
.trv-ph.has-img{background:var(--soft)}
.trv-ph.has-img::after{display:none}
.trv-ph.has-img > img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 22%;z-index:0}
.trv-ph > img.alt{opacity:0;transition:opacity .35s}
.trv-card:hover .trv-ph > img.alt{opacity:1}
.trv-card-img .trv-ph > img{transition:transform .6s cubic-bezier(.2,.7,.2,1), opacity .35s}
.trv-card:hover .trv-card-img .trv-ph > img{transform:scale(1.035)}
.trv-tile .trv-ph > img,.trv-cat .trv-ph > img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.trv-tile:hover .trv-ph > img,.trv-cat:hover .trv-ph > img{transform:scale(1.05)}
.trv-price small{font-weight:500;color:var(--mute);font-size:calc(12.5px*var(--fz,1))}
.trv-hero-art.has-img{min-height:520px}
.trv-hero-mk .trv-hero-art.has-img,.trv-hero-duo .trv-hero-art.has-img,.trv-hero-side .trv-hero-art.has-img{min-height:400px}
.trv-hero-card{position:relative;min-height:620px;display:flex;align-items:center}
.trv-hero-card .bg{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}
.trv-hero-card .bg .trv-ph{height:100%}
.trv-hero-card > .trv-wrap{position:relative;z-index:2;display:flex;justify-content:center}
.trv-hero-card .card{background:var(--bg);padding:clamp(24px,3.4vw,46px);max-width:470px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;border-radius:var(--radius);box-shadow:0 24px 70px rgba(0,0,0,.2)}
.trv-hero-card .card .k{font-size:calc(12.5px*var(--fz,1));font-weight:700;letter-spacing:.05em;color:var(--sale)}
.trv-hero-card .card h1{font-size:calc(clamp(30px,3.6vw,50px)*var(--fz,1))}
.trv-hero-card .card p{color:var(--mute)}
.trv-marquee.is-band{background:var(--accent);color:var(--accent-ink);border:0;padding-block:16px}
.trv-marquee.is-band div{font-size:calc(15px*var(--fz,1));text-transform:uppercase;letter-spacing:.14em;gap:56px}
.trv-marquee.is-band span:nth-child(even){color:inherit;opacity:.55}
.trv-promo.has-photo .t,.trv-mk-side a.has-photo .t{background:linear-gradient(90deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.86) 58%,rgba(255,255,255,0) 100%);color:#1a1a1a;width:74%;min-height:100%}
.trv-promo.has-photo .trv-ph > img,.trv-mk-side a.has-photo .trv-ph > img{object-position:80% 22%;width:60%;inset-inline-start:auto;left:auto;right:0}
.trv-hero-side .trv-mk-side a.has-photo .t{width:100%;min-height:0;background:linear-gradient(0deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.9) 70%,rgba(255,255,255,0) 100%);padding-top:48px}
.trv-hero-side .trv-mk-side a.has-photo .trv-ph > img{width:100%;object-position:50% 20%}
.trv-chead{background:var(--soft)}
.trv-chead-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:stretch}
.trv-chead .t{padding-block:46px;display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:flex-start}
.trv-chead h1{font-size:calc(clamp(34px,4.6vw,60px)*var(--fz,1))}
.trv-chead .t p{max-width:46ch}
.trv-chead .trv-ph{min-height:280px}
.trv-chead .trv-chips :is(button,a){background:var(--bg)}
.trv-chead .trv-chips :is(button,a)[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.trv-pd-main{position:relative}
.trv-vprice{display:grid;gap:4px}
.trv-vprice .trv-price{font-size:calc(30px*var(--fz,1));align-items:center;flex-wrap:wrap}
.trv-vprice .trv-pill{font-size:calc(12px*var(--fz,1))}
.trv-vcolors{display:flex;gap:10px;flex-wrap:wrap}
.trv-vcolors button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.16);padding:0;cursor:pointer}
.trv-vcolors button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}
.trv-vcolors.is-img button{width:58px;height:74px;border-radius:8px;background-size:cover;background-position:50% 28%}
.trv-fit{border:1px dashed color-mix(in srgb,var(--ink) 26%,var(--bg));border-radius:var(--radius);padding:16px;display:grid;gap:12px;background:var(--soft)}
.trv-fit .trv-chips :is(button,a){background:var(--bg);font-size:calc(13px*var(--fz,1));min-height:34px}
.trv-fit .trv-chips :is(button,a)[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.trv-fit .trv-opt > span{font-size:calc(13px*var(--fz,1));color:var(--mute);font-weight:600}
.trv-stock.is-low{color:#9a6200}
.trv-stock.is-out{color:var(--sale)}
.trv-acct-nav button{color:inherit}
@media (max-width:1100px){.trv-foot-in{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:900px){.trv-chead-in{grid-template-columns:minmax(0,1fr);gap:0}
.trv-chead .trv-ph{min-height:200px;order:-1;margin-inline:-20px}
.trv-chead .t{padding-block:26px}
.trv-hero-art.has-img{min-height:340px}
.trv-hero-card{min-height:520px;align-items:flex-end;padding-bottom:56px}
.trv-hero-card .card{max-width:none}
.trv-promo.has-photo .t,.trv-mk-side a.has-photo .t{width:80%}
}
@media (max-width:560px){.trv-foot-in{grid-template-columns:minmax(0,1fr)}
.trv-hero-card .bg{grid-template-columns:1fr}
.trv-hero-card .bg .trv-ph + .trv-ph{display:none}
.trv-vcolors.is-img button{width:50px;height:64px}
}
.trv-tiles[style*="--n:2"] .trv-ph{aspect-ratio:4/3}
.trv-look{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.trv-look-img .trv-ph{aspect-ratio:4/5}
.trv-look-img .trv-ph.has-img > img{object-position:50% 30%}
.trv-off{color:var(--sale)}
.trv-sp{flex:1}
.trv-sum-row.is-off span:last-child{color:var(--sale)}
.trv-rowacts{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center}
.trv-note .trv-ic{display:inline-block;width:15px;height:15px;vertical-align:-3px}
.trv-pill .trv-ic{width:13px;height:13px;margin-inline-end:4px}
.trv-hot{color:var(--sale);font-weight:700}
.trv-hero-btns{display:flex;gap:10px;flex-wrap:wrap}
.trv-brands{--bn:5;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.trv-brands a{flex:0 0 calc((100% - (var(--bn) - 1) * 14px) / var(--bn));min-width:0;border:1px solid var(--line);border-radius:var(--radius);min-height:86px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-family:var(--fd),sans-serif;font-size:calc(19px*var(--fz,1));font-weight:var(--hw,700);letter-spacing:.02em;cursor:pointer;color:var(--mute);transition:.15s}
.trv-brands a:hover{color:var(--ink);border-color:var(--ink)}
.trv-sec-head p{margin-top:6px}
.trv-badges{position:absolute;top:10px;inset-inline-start:10px;z-index:2;display:flex;flex-direction:column;gap:5px;align-items:flex-start;pointer-events:none}
.trv-badges .trv-badge{position:static}
.trv-badge.is-pre{background:#fff;color:#1a1a1a;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.trv-box{width:16px;height:16px;border:1.5px solid var(--line);border-radius:4px;display:inline-block;margin-inline-end:9px;vertical-align:-3px;flex:none}
.trv-box.is-on{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2.5px var(--bg)}
.trv-filter li button{align-items:center;gap:6px}
.trv-filter li button .trv-stars{margin-inline-end:auto}
.trv-range{display:grid;grid-template-columns:1fr auto 1fr auto;gap:6px;align-items:center}
.trv-range .trv-input{min-height:38px;padding:6px 10px}
.trv-range .trv-btn{padding:0 12px}
.trv-active{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.trv-active > button:not(.trv-link),.trv-active > span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:15px;background:var(--soft);border:0;font-size:calc(13px*var(--fz,1));font-weight:600;cursor:pointer}
.trv-active > span{cursor:default}
.trv-active .trv-ic{width:12px;height:12px;stroke-width:2.4}
.trv-shop .trv-grid.is-g2{grid-template-columns:repeat(2,1fr)}
.trv-shop .trv-grid.is-g3{grid-template-columns:repeat(3,1fr)}
.trv-shop .trv-grid.is-g4{grid-template-columns:repeat(4,1fr)}
.trv-grid.is-g3{grid-template-columns:repeat(3,1fr)}
.trv-cmp{border-collapse:collapse;min-width:100%;table-layout:fixed}
.trv-cmp th{text-align:start;width:130px;font-size:calc(13px*var(--fz,1));color:var(--mute);font-weight:600;vertical-align:top}
.trv-cmp th,.trv-cmp td{padding:14px 14px 14px 0;border-bottom:1px solid var(--line)}
.trv-cmp td{min-width:200px;vertical-align:top;font-size:calc(14.5px*var(--fz,1))}
.trv-cmp-top{display:grid;gap:10px;position:relative}
.trv-cmp-top .trv-ph{aspect-ratio:4/5;border-radius:var(--radius)}
.trv-cmp-top .trv-x{position:absolute;top:6px;inset-inline-end:6px;z-index:3;background:#fff;border-radius:50%;color:#1a1a1a}
.trv-sugg{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;margin-top:22px}
.trv-sugg h4{font-family:inherit;font-size:calc(12px*var(--fz,1));text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin-bottom:10px}
.trv-sugg .trv-search-res{margin-top:0}
.trv-searchbox{max-height:100vh;overflow:auto}
.trv-pd-rate{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:calc(14px*var(--fz,1))}
.trv-pd-rate .trv-stars svg{width:16px;height:16px}
.trv-sq{border:1px solid var(--line);border-radius:var(--btn);width:46px;height:46px}
.trv-sq[aria-pressed="true"]{background:var(--sale);border-color:var(--sale);color:#fff}
.trv-share{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:calc(13px*var(--fz,1))}
.trv-pd-info .trv-pay span{border-color:var(--line)}
.trv-article .trv-share button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:none;cursor:pointer;font-weight:700;font-size:calc(12px*var(--fz,1));display:inline-flex;align-items:center;justify-content:center}
.trv-article .trv-share .trv-ic{width:15px;height:15px}
.trv-pd-main[data-zoom]{cursor:zoom-in;overflow:hidden;border-radius:var(--radius)}
.trv-pd-main[data-zoom] img{transition:transform .2s}
.trv-pd-main.is-zoom img{transform:scale(1.9)}
.trv-zoomhint{position:absolute;bottom:12px;inset-inline-end:12px;z-index:2;background:rgba(255,255,255,.92);color:#1a1a1a;border-radius:999px;padding:5px 12px;font-size:calc(12px*var(--fz,1));font-weight:600;display:flex;gap:6px;align-items:center;pointer-events:none}
.trv-zoomhint .trv-ic{width:14px;height:14px}
.trv-ptab.is-wide{max-width:none}
.trv-revform{display:grid;gap:10px;border-top:1px solid var(--line);margin-top:12px;padding-top:16px}
.trv-revform textarea{min-height:90px}
.trv-revform .trv-btn{justify-self:start}
.trv-starpick{display:flex;gap:2px}
.trv-starpick button{background:none;border:0;cursor:pointer;font-size:calc(26px*var(--fz,1));line-height:1;padding:0 2px;color:var(--line)}
.trv-starpick button[aria-pressed="true"]{color:var(--star)}
.trv-rev > div{display:grid;gap:6px;min-width:0;flex:1}
.trv-rev-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.trv-sticky{position:fixed;inset-inline:0;bottom:0;z-index:89;background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .25s;padding-block:10px calc(10px + env(safe-area-inset-bottom,0px))}
.trv-sticky.is-on{transform:none}
.trv-sticky .trv-wrap{display:flex;align-items:center;gap:16px}
.trv-sticky .trv-mini{flex:1}
.trv-sticky .trv-mini .trv-ph{width:44px;height:54px}
.trv-sticky > .trv-wrap > b{font-size:calc(18px*var(--fz,1))}
.trv-scrim.is-dark{background:rgba(8,8,8,.88)}
.trv-lightbox{pointer-events:auto;position:relative;width:min(760px,100%);height:min(92vh,960px);display:flex;align-items:center;justify-content:center}
.trv-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius)}
.trv-lightbox > span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);color:#fff;padding:4px 12px;border-radius:999px;font-size:calc(13px*var(--fz,1))}
.trv-lightbox .trv-modal-x{background:#fff;color:#1a1a1a}
.trv-cartbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-block:18px 26px}
.trv-table td small{display:block;margin-top:4px;font-size:calc(12px*var(--fz,1))}
.trv-steps.is-mini{justify-content:flex-start;margin:0;font-size:calc(13px*var(--fz,1));gap:8px 18px}
.trv-steps.is-mini i{width:22px;height:22px;font-size:calc(11px*var(--fz,1))}
.trv-done-grid + .trv-bank .trv-ic{display:inline-block;vertical-align:-4px}
.trv-auth{max-width:460px;margin-inline:auto}
.trv-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:calc(var(--radius) + 4px);background:var(--soft);margin-bottom:18px}
.trv-auth-tabs button{border:0;background:none;padding:11px 10px;border-radius:var(--radius);font:inherit;font-weight:600;color:inherit;cursor:pointer;opacity:.7}
.trv-auth-tabs button[aria-selected="true"]{background:var(--bg);opacity:1;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.trv-auth-body{border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;gap:14px}
.trv-auth-body h1{font-size:calc(26px*var(--fz,1))}
.trv-auth-form{display:grid;gap:14px;margin-top:4px}
.trv-auth-body > .trv-link{justify-self:start}
.trv-auth-foot{margin-top:16px;text-align:center;font-size:calc(13.5px*var(--fz,1));color:var(--mute)}
.trv-auth-foot a{text-decoration:underline}
.trv-acct-me{display:flex;align-items:center;gap:12px;margin-bottom:14px;min-width:0}
.trv-acct-me > span{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:calc(18px*var(--fz,1))}
.trv-acct-me div{min-width:0}
.trv-acct-me b,.trv-acct-me small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trv-acct-nav .trv-acct-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:calc(var(--radius) * .7);font-weight:500}
.trv-acct-nav button,.trv-acct-nav .trv-acct-link{font:inherit;font-weight:500}
.trv-acct-nav .trv-ic{flex:none}
.trv-acct-pics{display:flex;align-items:center;gap:6px}
.trv-acct-pics .trv-ph{width:38px;height:38px;flex:none;border-radius:8px;aspect-ratio:auto}
.trv-acct-orders td{vertical-align:middle}
.trv-iconbtn.trv-acct-ic.is-in{color:var(--accent)}
.shv-kpis{grid-template-columns:repeat(4,1fr)}
.shv-photo{display:flex;align-items:center;gap:14px}
.shv-photo .trv-ph{width:84px;height:84px;flex:none;border-radius:var(--radius);aspect-ratio:auto;background:var(--soft)}
.shv-photo label{cursor:pointer}
.shv-rows td{padding:8px 8px 8px 0;border:0}
.shv-rows th{padding-bottom:8px}
.shv-rows .trv-input{min-width:84px}
.shv-list .trv-mini .trv-ph{width:52px;height:52px}
.shv .trv-block textarea.trv-input{height:auto;padding-block:10px;line-height:1.5}
.shv .trv-pager{margin-top:18px}
@media (max-width:760px){.shv-kpis{grid-template-columns:repeat(2,1fr)}
}
.trv-acct-body{min-width:0}
.trv-acct-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block:6px 18px}
.trv-acct-h h2{font-size:calc(26px*var(--fz,1));display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.trv-acct-body > .trv-acct-h:not(:first-child){margin-top:30px}
.trv-acct-h h2{font-size:calc(24px*var(--fz,1))}
.trv-acct-nav .trv-count{position:static;margin-inline-start:auto;background:var(--soft);color:var(--ink)}
.trv-acct-nav button[aria-current="true"] .trv-count{background:var(--bg)}
.trv-acct .trv-grid.is-g3{grid-template-columns:repeat(3,1fr)}
.trv-kpis.is-4{grid-template-columns:repeat(4,1fr)}
button.trv-kpi{background:none;cursor:pointer;text-align:start;transition:border-color .15s}
button.trv-kpi:hover{border-color:var(--ink)}
.trv-kpi > .trv-ic{color:var(--mute);margin-bottom:8px}
.trv-post.is-lead{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.trv-post.is-lead > div{display:grid;gap:12px}
.trv-post.is-lead h2{font-size:calc(clamp(24px,2.6vw,34px)*var(--fz,1))}
.trv-post.is-lead .trv-ph{aspect-ratio:4/3}
.trv-article .trv-crumb{justify-content:flex-start;margin:0;font-size:calc(13px*var(--fz,1))}
.trv-article blockquote{margin:0;padding:6px 0 6px 20px;border-inline-start:3px solid var(--accent);font-family:var(--fd),sans-serif;font-size:calc(22px*var(--fz,1));line-height:1.35}
.trv-suppliers{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:28px;align-items:flex-start}
.trv-store{border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;gap:6px;cursor:pointer;font-size:calc(14.5px*var(--fz,1))}
.trv-store.is-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.trv-store small{display:flex;gap:8px;align-items:center}
.trv-store small .trv-ic{width:15px;height:15px}
.trv-store .trv-active{margin:4px 0}
.trv-store .trv-active > span{min-height:24px;font-size:calc(12px*var(--fz,1));padding:0 9px}
.trv-mnav h4{font-family:inherit;font-size:calc(12px*var(--fz,1));text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:22px 0 4px}
.trv-cmpbar{position:fixed;inset-inline:0;bottom:0;z-index:88;background:var(--ink);color:var(--bg);padding-block:10px calc(10px + env(safe-area-inset-bottom,0px))}
.trv-cmpbar .trv-wrap{display:flex;align-items:center;gap:14px}
.trv-cmpbar .pics{display:flex;gap:6px}
.trv-cmpbar .trv-ph{width:38px;height:46px;border-radius:6px}
.trv-cmpbar .trv-btn{background:var(--bg);color:var(--ink);border-color:var(--bg)}
.trv-tabbar{display:none}
.trv-fab{position:fixed;inset-inline-end:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:91;display:grid;gap:10px;justify-items:end}
.trv-floats:has(.trv-cmpbar) .trv-fab,.trv[data-page="product"] .trv-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.trv-top{width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.trv-top{background:var(--bg);color:var(--ink);opacity:0;pointer-events:none;transition:opacity .2s}
.trv-floats.is-scrolled .trv-top{opacity:1;pointer-events:auto}
@media (max-width:1100px){.trv-shop .trv-grid.is-g4{grid-template-columns:repeat(3,1fr)}
.trv-kpis.is-4{grid-template-columns:repeat(2,1fr)}
.trv-brands{--bn:3}
.trv-acct .trv-grid.is-g3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){.trv-hide-s{display:none}
.trv-bar-links > a{display:none}
.trv-shop .trv-grid.is-g3,.trv-shop .trv-grid.is-g4{grid-template-columns:repeat(2,1fr)}
.trv-suppliers,.trv-sugg{grid-template-columns:minmax(0,1fr)}
.trv-acct-nav button{white-space:nowrap}
.trv-acct-nav .trv-count{margin-inline-start:4px}
}
@media (max-width:560px){.trv-shop .trv-grid.is-g2,.trv-shop .trv-grid.is-g3,.trv-shop .trv-grid.is-g4,.trv-acct .trv-grid.is-g3,.trv-grid.is-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
.trv-brands{--bn:2}
.trv-brands a{font-size:calc(16px*var(--fz,1));min-height:64px}
.trv-post.is-lead{grid-template-columns:minmax(0,1fr)}
.trv-kpis.is-4{grid-template-columns:1fr 1fr}
.trv-cmp td{min-width:150px}
.trv-cmp th{width:84px}
.trv-sticky .trv-mini .i small{display:none}
.trv-sticky .trv-wrap{gap:10px}
.trv-table td small{margin-top:2px}
.trv-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset-inline:0;bottom:0;z-index:90;background:var(--bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
.trv-tabbar a{display:grid;justify-items:center;gap:2px;padding:8px 0 7px;position:relative;color:var(--mute)}
.trv-tabbar a.is-on{color:var(--ink)}
.trv-tabbar small{font-size:calc(10.5px*var(--fz,1));font-weight:600}
.trv-tabbar .trv-count{top:3px;inset-inline-end:calc(50% - 22px)}
.trv-foot{padding-bottom:64px}
.trv-fab{bottom:calc(70px + env(safe-area-inset-bottom,0px));inset-inline-end:12px}
.trv-top{width:42px;height:42px}
.trv-floats:has(.trv-cmpbar) .trv-fab,.trv[data-page="product"] .trv-fab{bottom:calc(134px + env(safe-area-inset-bottom,0px))}
.trv-sticky,.trv-cmpbar{bottom:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:10px}
.trv-cmpbar b{font-size:calc(13px*var(--fz,1))}
.trv-cmpbar .pics .trv-ph:nth-child(n+3){display:none}
.trv-toast{bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}
.trv-filter li button{justify-content:flex-start}
.trv-filter li button small{margin-inline-start:auto}
.trv-block > .trv-sold i{background:var(--ok)}
.trv-block > .trv-sold{height:8px}
@media (max-width:560px){.trv-acct .trv-table td:nth-child(4){display:none}
}
.item-module-default:has(.trv-zone){position:static}
.zone-top.trv-zone,.zone-main.trv-zone,.zone-bottom.trv-zone{position:static;font-family:inherit;color:inherit}
#trvMain{min-height:62vh}
html.trv-lock{overflow:hidden}
.trv-chips a{display:inline-flex;align-items:center;justify-content:center}
.trv-card-link{display:block}
.trv-card.is-skel .trv-card-body span{display:block;height:12px;border-radius:6px;background:var(--soft);margin-top:10px}
.trv-card.is-skel .trv-card-body span:last-child{width:45%}
.trv-card.is-skel .trv-ph{animation:trvPulse 1.2s ease-in-out infinite alternate}
@keyframes trvPulse{from{opacity:.55}
to{opacity:1}
}
@media (prefers-reduced-motion:reduce){.trv-card.is-skel .trv-ph{animation:none}
}
.trv-bar-links span{display:inline-flex;align-items:center;gap:6px}
.trv-bar-links .trv-ic{width:14px;height:14px}
.trv-fit > b{display:flex;align-items:center;gap:8px;font-size:calc(14px*var(--fz,1))}
.trv-fit .trv-row2{gap:10px}
.trv-fit .trv-input{background:var(--bg);min-height:42px}
.trv-opt > small{font-size:calc(12.5px*var(--fz,1))}
.trv-matrix th,.trv-matrix td{text-align:center;padding:8px 6px}
.trv-matrix th:first-child,.trv-matrix td:first-child{text-align:start}
.trv-mx{display:grid;gap:1px;width:100%;min-width:84px;padding:8px 6px;border:1px solid var(--line);border-radius:var(--radius);background:none;cursor:pointer;font-variant-numeric:tabular-nums}
.trv-mx small{font-size:calc(11px*var(--fz,1));color:var(--mute)}
.trv-mx:hover{border-color:var(--ink)}
.trv-mx.is-on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.trv-mx.is-on small{color:inherit;opacity:.75}
.trv-mx.is-out{opacity:.5}
.trv-mx.is-out b{text-decoration:line-through}
.trv-rich{display:grid;gap:12px;line-height:1.7}
.trv-rich img{max-width:100%;height:auto;border-radius:var(--radius)}
.trv-rich ul{list-style:disc;padding-inline-start:20px}
.trv-rich ol{padding-inline-start:20px}
.trv-rich a{text-decoration:underline}
.trv-rich table{width:100%;border-collapse:collapse}
.trv-rich td,.trv-rich th{border:1px solid var(--line);padding:8px 10px;text-align:start}
.trv-cmp-top a{display:grid;gap:8px}
.trv-off{color:var(--sale);font-weight:600}
.trv-previewbar{position:fixed;inset-inline:0;bottom:0;z-index:140;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#17140f;color:#f4efe6;font:500 14px/1.3 "Be Vietnam Pro",system-ui,sans-serif}
.trv-previewbar button{font:inherit;font-weight:700;color:#17140f;background:#f7c04a;border:0;border-radius:999px;padding:7px 16px;cursor:pointer}
.trv-previewbar[hidden],.trv-toast[hidden]{display:none}
.trv-fit-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.trv-fit-row .trv-btn{min-height:42px}
@media (max-width:560px){.trv-fit-row{grid-template-columns:1fr 1fr}
.trv-fit-row .trv-btn{grid-column:1 / -1}
}
.trv-view{display:inline-flex;gap:4px;flex:none}
@media (max-width:640px){.trv-view{display:none}
}
.trv .trv-ann-link{text-decoration:underline;margin-inline-start:6px}
.trv .trv-ads{display:grid;gap:16px;margin-top:26px;margin-bottom:6px}
.trv .trv-ads.is-2{grid-template-columns:1fr 1fr}
.trv .trv-ad{position:relative;display:block;border-radius:var(--r,14px);overflow:hidden;aspect-ratio:16/5;background:var(--soft,#f2f2f2)}
.trv .trv-ads.is-2 .trv-ad{aspect-ratio:16/7}
.trv .trv-ad img{width:100%;height:100%;object-fit:cover;display:block}
.trv .trv-ad small{position:absolute;right:10px;top:10px;background:rgba(0,0,0,.55);color:#fff;font-size:calc(10px*var(--fz,1));letter-spacing:.06em;padding:2px 7px;border-radius:99px;text-transform:uppercase}
.trv .trv-clock{display:inline-flex;align-items:center;gap:6px;font-size:calc(13px*var(--fz,1));padding:6px 12px;border-radius:99px;background:var(--sale,#d13b34);color:#fff;white-space:nowrap}
.trv .trv-clock .trv-ic{width:14px;height:14px}
.trv .trv-flashbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--r,12px);background:color-mix(in srgb,var(--sale,#d13b34) 9%,transparent);font-size:calc(14px*var(--fz,1))}
.trv .trv-stars{color:#e8a31c;letter-spacing:1px;font-size:calc(14px*var(--fz,1));white-space:nowrap}
.trv .trv-stars i{font-style:normal;color:#d7d3cb}
.trv .trv-card-rate{display:flex;align-items:center;gap:6px;font-size:calc(12px*var(--fz,1))}
.trv .trv-rate-link{display:inline-flex;align-items:center;gap:6px;font-size:calc(14px*var(--fz,1));margin-inline-end:12px}
.trv .trv-popts{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px dashed var(--line,#ddd);border-radius:var(--r,12px)}
.trv .trv-check{display:flex;align-items:center;gap:8px;font-size:calc(14px*var(--fz,1));cursor:pointer}
.trv .trv-soldby{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line,#ddd);border-radius:var(--r,12px);text-decoration:none;color:inherit}
.trv .trv-soldby img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.trv .trv-soldby span{display:flex;flex-direction:column;font-size:calc(14px*var(--fz,1))}
.trv .trv-tags a{font-size:calc(12px*var(--fz,1))}
.trv .trv-reviews{display:flex;flex-direction:column;gap:18px;max-width:760px}
.trv .trv-rev-top{display:flex;align-items:center;gap:12px}
.trv .trv-rev-top b{font-size:calc(34px*var(--fz,1));line-height:1}
.trv .trv-rev{padding-bottom:16px;border-bottom:1px solid var(--line,#e6e6e6);display:flex;flex-direction:column;gap:6px}
.trv .trv-rev header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trv .trv-rev img{width:96px;height:96px;object-fit:cover;border-radius:10px}
.trv .trv-rev-reply{margin-top:4px;padding:10px 14px;border-radius:10px;background:var(--soft,#f5f5f5);font-size:calc(14px*var(--fz,1))}
.trv .trv-rev-reply p{margin:4px 0 0}
.trv .trv-starpick{display:flex;gap:2px}
.trv .trv-starpick button{border:0;background:none;font-size:calc(28px*var(--fz,1));line-height:1;color:#d7d3cb;cursor:pointer;padding:0 2px}
.trv .trv-starpick button[aria-pressed="true"]{color:#e8a31c}
.trv .trv-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.trv .trv-quote{margin:0;padding:22px;border-radius:var(--r,14px);background:var(--bg,#fff);border:1px solid var(--line,#e6e6e6);display:flex;flex-direction:column;gap:12px}
.trv .trv-quote blockquote{margin:0;font-size:calc(15px*var(--fz,1));line-height:1.6}
.trv .trv-quote figcaption{display:flex;align-items:center;gap:10px;margin-top:auto}
.trv .trv-quote figcaption img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.trv .trv-quote figcaption span{display:flex;flex-direction:column;font-size:calc(14px*var(--fz,1))}
.trv .trv-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.trv .trv-post{display:flex;flex-direction:column;gap:12px}
.trv .trv-post-img{display:block;aspect-ratio:4/3;border-radius:var(--r,14px);overflow:hidden;background:var(--soft,#f2f2f2)}
.trv .trv-post-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.trv .trv-post:hover .trv-post-img img{transform:scale(1.04)}
.trv .trv-post h3{font-size:calc(19px*var(--fz,1));margin:4px 0 6px;line-height:1.3}
.trv .trv-post h3 a{color:inherit;text-decoration:none}
.trv .trv-post p{margin:0 0 6px;font-size:calc(14px*var(--fz,1))}
.trv .trv-postcats{margin-bottom:24px}
.trv .trv-content{max-width:1180px}
.trv .trv-article{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.trv .trv-article-img{width:100%;height:auto;border-radius:var(--r,14px);max-height:460px;object-fit:cover}
.trv .trv-lead{font-size:calc(18px*var(--fz,1));line-height:1.6;max-width:760px}
.trv .trv-h2{font-size:calc(24px*var(--fz,1));margin:34px 0 16px}
.trv .trv-rich{line-height:1.75;font-size:calc(16px*var(--fz,1));overflow-wrap:anywhere}
.trv .trv-rich img{max-width:100%;height:auto;border-radius:10px}
.trv .trv-rich h2{font-size:calc(24px*var(--fz,1));margin:26px 0 10px}
.trv .trv-rich h3{font-size:calc(19px*var(--fz,1));margin:22px 0 8px}
.trv .trv-faq{max-width:820px;margin:0 auto 12px}
.trv .trv-faq details{border-bottom:1px solid var(--line,#e6e6e6);padding:14px 0}
.trv .trv-faq summary{cursor:pointer;font-weight:600;font-size:calc(16px*var(--fz,1));list-style:none;display:flex;justify-content:space-between;gap:12px}
.trv .trv-faq summary::after{content:"+";font-size:calc(20px*var(--fz,1));line-height:1}
.trv .trv-faq details[open] summary::after{content:"−"}
.trv .trv-faq .trv-rich{padding-top:10px;font-size:calc(15px*var(--fz,1))}
.trv .trv-galgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.trv .trv-galgrid a{display:block;aspect-ratio:1;border-radius:var(--r,12px);overflow:hidden;background:var(--soft,#f2f2f2)}
.trv .trv-galgrid img{width:100%;height:100%;object-fit:cover;display:block}
.trv .trv-suppliers{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.trv .trv-store{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:20px;border:1px solid var(--line,#e6e6e6);border-radius:var(--r,14px);text-decoration:none;color:inherit;background:var(--bg,#fff)}
.trv .trv-store p{margin:4px 0 0;font-size:calc(13px*var(--fz,1))}
.trv .trv-store-logo{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--soft,#f2f2f2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(20px*var(--fz,1));flex-shrink:0}
.trv .trv-store-logo img{width:100%;height:100%;object-fit:cover}
.trv .trv-store-head{display:flex;align-items:center;gap:18px;padding:34px 28px;border-radius:var(--r,16px);background:var(--soft,#f2f2f2) center/cover;margin-bottom:22px}
.trv .trv-store-head[style]{color:#fff}
.trv .trv-store-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.trv .trv-store-tabs a{padding:8px 16px;border-radius:999px;border:1px solid var(--line,#e6e6e6);font-size:calc(14px*var(--fz,1));font-weight:600;color:inherit;text-decoration:none}
.trv .trv-store-tabs a:hover{border-color:var(--accent,#111);color:var(--accent,#111)}
.trv .trv-store-group{margin:0 0 34px;scroll-margin-top:90px}
.trv .trv-store-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.trv .trv-store-group-head h3{margin:0;font-size:calc(22px*var(--fz,1))}
.trv .trv-store-group.is-flash{padding:18px;border-radius:var(--r,16px);background:color-mix(in srgb,var(--sale,#d13b34) 7%,transparent)}
.trv .trv-store-head h2{margin:0;font-size:calc(28px*var(--fz,1))}
.trv .trv-store-head p{margin:4px 0 0;opacity:.9}
.trv .trv-wf{display:flex;flex-direction:column;gap:12px}
.trv .trv-wf-ok{padding:18px;border-radius:var(--r,12px);background:var(--soft,#f2f2f2)}
.trv .trv-news .trv-input{min-width:0}
.trv .trv-pager a{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--line,#ddd);border-radius:10px;text-decoration:none;color:inherit;margin-right:6px}
.trv .trv-pager a[aria-current="page"]{background:var(--ink,#111);color:var(--bg,#fff)}
html.trv-no-wishlist .trv [data-act="wish"],html.trv-no-wishlist .trv a[href$="/wishlist"],html.trv-no-compare .trv [data-act="cmp"],html.trv-no-compare .trv a[href$="/compare"]{display:none !important}
@media (max-width:640px){.trv .trv-ads.is-2{grid-template-columns:1fr}
.trv .trv-store-head{flex-direction:column;align-items:flex-start;padding:22px}
}
.trv{font-weight:var(--bw,400);--gc:var(--cols-d,4)}
.trv-wrap{max-width:var(--wrap,1320px)}
.trv .trv-grid:not(.is-list){grid-template-columns:repeat(var(--gc),minmax(0,1fr))}
.trv .trv-shop .trv-grid.is-g2{--gc:2}
.trv .trv-shop .trv-grid.is-g3{--gc:3}
.trv .trv-shop .trv-grid.is-g4{--gc:4}
.trv .trv-shop .trv-grid.is-g5{--gc:5}
.trv .trv-shop .trv-grid.is-g6{--gc:6}
.trv .trv-acct .trv-grid.is-g3{--gc:3}
.trv[style*="--cols-d:5"] .trv-grid:not(.is-list),.trv[style*="--cols-d:6"] .trv-grid:not(.is-list){gap:22px 14px}
@media (max-width:1000px){.trv{--gc:var(--cols-t,3)}
.trv .trv-shop .trv-grid[class*="is-g"],.trv .trv-acct .trv-grid.is-g3{--gc:var(--cols-t,3)}
}
@media (max-width:640px){.trv{--gc:var(--cols-m,2)}
.trv .trv-shop .trv-grid[class*="is-g"],.trv .trv-acct .trv-grid.is-g3{--gc:var(--cols-m,2)}
.trv[style*="--cols-m:1"] .trv-grid:not(.is-list){gap:26px 0}
.trv[style*="--cols-m:3"] .trv-grid:not(.is-list){gap:16px 8px}
}
.trv .trv-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:36px}
.trv .trv-pager a,.trv .trv-pager button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;width:auto;height:42px;padding:0 6px;margin:0;border-radius:var(--btn);border:1px solid var(--line);background:none;color:inherit;cursor:pointer;font-weight:600;text-decoration:none}
.trv .trv-pager a[aria-current="page"],.trv .trv-pager button[aria-current="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.trv .trv-pager .is-arrow .trv-ic{width:16px;height:16px}
.trv-more{display:grid;justify-items:center;gap:12px;margin-top:34px}
.trv-more .trv-btn{min-width:220px}
.trv[data-search="left"] .trv-head .trv-hsearch{margin-inline:4px 8px}
.trv[data-search="left"] .trv-head .trv-search-ic{margin-inline-start:-6px}
.trv[data-search="right"] .trv-mk-top .trv-mk-acct{order:1}
.trv[data-search="right"] .trv-mk-top .trv-mk-search{order:2;flex:0 1 480px;margin-inline-start:auto}
.trv[data-search="right"] .trv-mk-top .trv-head-tools{order:3}
.trv-head.has-sbox .trv-nav{gap:22px}
.trv[dir="rtl"] .trv-hero-arrow .trv-ic,.trv[dir="rtl"] .trv-pager .is-arrow .trv-ic,.trv[dir="rtl"] .trv-crumb .trv-ic,.trv[dir="rtl"] .trv-mk-cats .trv-ic,.trv[dir="rtl"] .trv-flip{transform:scaleX(-1)}
.trv[dir="rtl"] .trv-toast{transform:translateX(50%)}
@media (max-width:1000px){.trv[data-search="right"] .trv-mk-top .trv-mk-search{order:5;flex:1 1 100%;margin:0}
}
@media (max-width:900px){.trv .trv-only-s{display:inline-flex}
.trv .trv-search-ic{display:none}
.trv-head-side:first-of-type{flex:0 0 0}
}
.trv[dir="rtl"] .trv-clock b{display:inline-block}
.trv[dir="rtl"] .trv-clock b,.trv[dir="rtl"] .trv-badge,.trv[dir="rtl"] .trv-price,.trv[dir="rtl"] .trv-count{direction:ltr;unicode-bidi:isolate}
.trv-go{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--bg);flex:none;font-style:normal}
.trv-go .trv-ic{width:13px;height:13px;stroke-width:2.2}
.trv-pmeta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:calc(12px*var(--fz,1));color:var(--mute);align-items:center}
.trv-pmeta b{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:calc(11px*var(--fz,1))}
.trv-mg-ph{display:block;width:100%;height:100%;background:var(--soft)}
.trv-nav-cta{margin-inline-start:6px}
.trv-nav .trv-nav-cta a{padding:0 18px;color:var(--accent-ink)}
.trv-head-side .trv-nav .trv-nav-cta a{padding-block:0}
.trv-bt{padding-top:44px;overflow:hidden}
.trv-bt-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px 80px;align-items:start}
.trv-bt-lead{font-family:var(--fd),system-ui,sans-serif;font-size:calc(clamp(22px,2.5vw,36px)*var(--fz,1));line-height:1.22;letter-spacing:-.015em;font-weight:var(--hw,500);max-width:19em;text-wrap:balance}
.trv-bt-side{display:grid;gap:14px;justify-items:start;max-width:400px;margin-inline-start:auto;padding-top:6px}
.trv-bt-side small{color:var(--mute);font-size:calc(12.5px*var(--fz,1));letter-spacing:.04em}
.trv-bt-side p{font-size:calc(15px*var(--fz,1));line-height:1.55}
.trv-bt-link{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:calc(14px*var(--fz,1));background:var(--soft);border-radius:999px;padding:6px 16px 6px 6px}
.trv-bt-link:hover{background:color-mix(in srgb,var(--soft) 80%,var(--ink))}
.trv-bt-word{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .22em;margin-top:clamp(28px,5vw,72px);padding-inline:max(20px,calc((100vw - var(--wrap,1320px)) / 2 + 20px));font-family:var(--fd),system-ui,sans-serif;font-weight:var(--hw,800);font-size:calc(clamp(54px,13.5vw,230px)*var(--fz,1));line-height:.86;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap}
.trv-bt-word span{display:block;max-width:100%;overflow:hidden;text-overflow:clip}
.trv-bt-word .is-out{color:transparent;-webkit-text-stroke:2px var(--ink)}
.trv-bt-strip{margin-top:clamp(20px,3vw,44px);overflow:hidden}
.trv-bt-strip > div{display:flex;gap:16px;width:max-content;animation:trv-strip 46s linear infinite}
.trv-bt-strip span{display:block;width:clamp(200px,24vw,360px);aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--soft)}
.trv-bt-strip img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25)}
@keyframes trv-strip{to{transform:translateX(-50%)}
}
.trv[dir="rtl"] .trv-bt-strip > div{animation-direction:reverse}
@media (prefers-reduced-motion:reduce){.trv-bt-strip > div{animation:none}
}
.trv-cl{background:linear-gradient(180deg,var(--soft),var(--bg));padding-block:clamp(28px,4vw,56px)}
.trv-cl-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(24px,5vw,72px);align-items:center}
.trv-cl-copy{display:grid;gap:18px;justify-items:start}
.trv-cl-chip{display:inline-flex;align-items:center;gap:8px;font-size:calc(12.5px*var(--fz,1));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg));border-radius:999px;padding:7px 14px}
.trv-cl-chip i{width:7px;height:7px;border-radius:50%;background:currentColor}
.trv-cl-copy h1{font-size:calc(clamp(34px,4.6vw,62px)*var(--fz,1));letter-spacing:-.02em}
.trv-cl-copy > p{color:var(--mute);font-size:calc(17px*var(--fz,1));max-width:34em}
.trv-cl-ticks{display:grid;gap:8px;margin-top:6px;font-size:calc(14px*var(--fz,1))}
.trv-cl-ticks li{display:flex;gap:10px;align-items:center}
.trv-cl-ticks .trv-ic{width:18px;height:18px;color:var(--accent);flex:none}
.trv-cl-art{position:relative;aspect-ratio:5/5.2;border-radius:calc(var(--radius) * 2.2);overflow:hidden;background:var(--soft)}
.trv-cl-art .fill,.trv-cl-art .trv-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.trv-cl-art img{width:100%;height:100%;object-fit:cover}
.trv-cl-card{position:absolute;inset-inline-start:18px;bottom:18px;background:var(--bg);color:var(--ink);border-radius:var(--radius);padding:16px 18px;display:grid;gap:4px;min-width:210px;box-shadow:0 14px 40px rgba(0,0,0,.16)}
.trv-cl-card b{display:flex;align-items:center;gap:8px;font-size:calc(13px*var(--fz,1))}
.trv-cl-card b .trv-ic{width:16px;height:16px;color:var(--accent)}
.trv-cl-card span{font-family:var(--fd),system-ui,sans-serif;font-size:calc(19px*var(--fz,1));font-weight:var(--hw,600)}
.trv-cl-card a{display:inline-flex;align-items:center;gap:8px;font-size:calc(13px*var(--fz,1));font-weight:600;margin-top:6px}
.trv-cl-card .trv-go,.trv-hour .trv-go,.trv-svc-card .trv-go,.trv-topics .trv-go,.trv-work .trv-go{width:22px;height:22px}
.trv-hours > .trv-wrap > div{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:16px}
.trv-hour{display:grid;gap:6px;align-content:start;padding:24px;border-radius:var(--radius);background:var(--soft)}
.trv-hour:first-child{background:var(--accent);color:var(--accent-ink)}
.trv-hour:first-child .trv-go{background:var(--accent-ink);color:var(--accent)}
.trv-hour .trv-ic{width:22px;height:22px}
.trv-hour small{font-size:calc(12px*var(--fz,1));letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin-top:8px}
.trv-hour b{font-family:var(--fd),system-ui,sans-serif;font-size:calc(19px*var(--fz,1));line-height:1.3;font-weight:var(--hw,600)}
.trv-hour a{display:inline-flex;align-items:center;gap:8px;font-size:calc(13.5px*var(--fz,1));font-weight:600;margin-top:10px}
.trv-mg{padding-top:28px}
.trv-mg-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,.8fr);gap:20px;align-items:stretch}
.trv-mg-side{display:grid;gap:20px}
.trv-mg-card{position:relative;display:block;border-radius:var(--radius);overflow:hidden;background:var(--soft);min-height:210px;color:#fff}
.trv-mg-card.is-lead{min-height:clamp(340px,38vw,520px)}
.trv-mg-card img,.trv-mg-card .trv-mg-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.trv-mg-card:hover img{transform:scale(1.035)}
.trv-mg-cap{position:absolute;inset:auto 0 0 0;padding:60px 20px 18px;display:grid;gap:6px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}
.trv-mg-cap small{justify-self:start;background:var(--accent);color:var(--accent-ink);font-size:calc(11px*var(--fz,1));font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:4px}
.trv-mg-cap b{font-family:var(--fd),system-ui,sans-serif;font-size:calc(18px*var(--fz,1));line-height:1.22;font-weight:var(--hw,700);text-wrap:balance}
.trv-mg-card.is-lead .trv-mg-cap b{font-size:calc(clamp(24px,2.6vw,36px)*var(--fz,1))}
.trv-mg-cap span{font-size:calc(14.5px*var(--fz,1));opacity:.88;max-width:44em}
.trv-mg-cap em{font-style:normal;font-size:calc(12px*var(--fz,1));opacity:.75}
.trv-mg-heads{border-inline-start:1px solid var(--line);padding-inline-start:20px}
.trv-mg-heads h2{font-size:calc(14px*var(--fz,1));letter-spacing:.08em;text-transform:uppercase;padding-bottom:10px;border-bottom:2px solid var(--ink);margin-bottom:4px}
.trv-mg-heads ol{list-style:none;margin:0;padding:0}
.trv-mg-heads li{padding:13px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}
.trv-mg-heads li a{font-family:var(--fd),system-ui,sans-serif;font-weight:var(--hw,600);font-size:calc(15.5px*var(--fz,1));line-height:1.3}
.trv-mg-heads li a:hover,.trv-trend a:hover b,.trv-pl a:hover b{color:var(--accent)}
.trv-pl{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px}
.trv-pl-lead{display:grid;gap:14px;align-content:start}
.trv-pl-lead img,.trv-pl-lead .trv-mg-ph{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius)}
.trv-pl-lead > span{display:grid;gap:8px}
.trv-pl-lead > span > b{font-family:var(--fd),system-ui,sans-serif;font-size:calc(clamp(22px,2.2vw,30px)*var(--fz,1));line-height:1.2}
.trv-pl-lead em{font-style:normal;color:var(--mute)}
.trv-pl-list{display:grid;gap:0;align-content:start}
.trv-pl-list a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.trv-pl-list a:first-child{padding-top:0}
.trv-pl-list img,.trv-pl-list .trv-mg-ph{width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius) * .7)}
.trv-pl-list span{display:grid;gap:6px}
.trv-pl-list span > b{font-family:var(--fd),system-ui,sans-serif;font-size:calc(16.5px*var(--fz,1));line-height:1.28}
.trv-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.trv-topics a{position:relative;display:grid;gap:4px;padding:20px 54px 20px 20px;border-radius:var(--radius);background:var(--ph,var(--soft));color:#1a1a1a}
.trv-topics b{font-family:var(--fd),system-ui,sans-serif;font-size:calc(18px*var(--fz,1))}
.trv-topics small{font-size:calc(12.5px*var(--fz,1));opacity:.7}
.trv-topics .trv-go{position:absolute;inset-inline-end:16px;top:50%;margin-top:-11px;background:#1a1a1a;color:#fff}
.trv-trend{list-style:none;margin:0;padding:0;counter-reset:t;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 36px}
.trv-trend li{counter-increment:t;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}
.trv-trend li::before{content:counter(t,decimal-leading-zero);font-family:var(--fd),system-ui,sans-serif;font-size:calc(34px*var(--fz,1));font-weight:var(--hw,800);line-height:1;color:color-mix(in srgb,var(--accent) 55%,var(--bg))}
.trv-trend a{display:grid;gap:6px}
.trv-trend b{font-family:var(--fd),system-ui,sans-serif;font-size:calc(16.5px*var(--fz,1));line-height:1.3}
.trv-cp{position:relative;color:#fff;padding-bottom:0}
.trv-cp-bg{position:absolute;inset:0 0 auto 0;height:min(640px,78vh);overflow:hidden;background:#1c2330}
.trv-cp-bg .bgart,.trv-cp-bg .trv-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.trv-cp-bg img{width:100%;height:100%;object-fit:cover}
.trv-cp-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,28,.82),rgba(10,16,28,.35) 60%,rgba(10,16,28,.15))}
.trv[dir="rtl"] .trv-cp-bg::after{transform:scaleX(-1)}
.trv-cp-in{position:relative;min-height:min(560px,68vh);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center;padding-block:56px}
.trv-cp-copy{display:grid;gap:18px;justify-items:start}
.trv-cp-copy .k{font-size:calc(12.5px*var(--fz,1));font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.trv-cp-copy h1{font-size:calc(clamp(34px,4.8vw,66px)*var(--fz,1));letter-spacing:-.02em;color:#fff}
.trv-cp-copy p{font-size:calc(17px*var(--fz,1));opacity:.86;max-width:34em}
.trv-cp-copy .trv-btn-line{color:#fff;border-color:rgba(255,255,255,.7)}
.trv-cp-quote{margin:0;align-self:end;justify-self:end;max-width:340px;background:rgba(255,255,255,.96);color:#1a1a1a;border-radius:var(--radius);padding:22px;display:grid;gap:12px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.trv-cp-quote blockquote{margin:0;font-size:calc(15px*var(--fz,1));line-height:1.5}
.trv-cp-quote figcaption{display:grid;font-size:calc(13px*var(--fz,1))}
.trv-cp-quote small{opacity:.65}
.trv-cp-stats{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--bg);color:var(--ink);border-radius:var(--radius);box-shadow:0 18px 50px rgba(0,0,0,.12);overflow:hidden}
.trv-cp-stats li{padding:24px 28px;display:grid;gap:2px;border-inline-start:1px solid var(--line)}
.trv-cp-stats li:first-child{border:0}
.trv-cp-stats b,.trv-stats b{font-family:var(--fd),system-ui,sans-serif;font-size:calc(clamp(26px,3vw,40px)*var(--fz,1));line-height:1.1;font-weight:var(--hw,700)}
.trv-cp-stats span,.trv-stats span{color:var(--mute);font-size:calc(13.5px*var(--fz,1))}
.trv-stats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:16px}
.trv-stats li{display:grid;gap:4px;padding:22px 0;border-top:2px solid var(--ink)}
.trv-state > .trv-wrap{display:grid;gap:22px;justify-items:start}
.trv-state small,.trv-logos small{color:var(--mute);font-size:calc(12.5px*var(--fz,1));letter-spacing:.04em}
.trv-state p{font-family:var(--fd),system-ui,sans-serif;font-size:calc(clamp(24px,3.3vw,48px)*var(--fz,1));line-height:1.14;letter-spacing:-.02em;font-weight:var(--hw,500);max-width:24em;text-wrap:balance}
.trv-state mark{background:none;color:inherit;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:.07em;text-underline-offset:.14em}
.trv-state.is-dark{background:var(--ink);color:var(--bg)}
.trv-state.is-dark small{color:inherit;opacity:.6}
.trv-state.is-dark .trv-bt-link{background:color-mix(in srgb,var(--bg) 14%,var(--ink));color:var(--bg)}
.trv-state.is-dark .trv-go{background:var(--bg);color:var(--ink)}
.trv-sec.trv-state.is-dark{padding-block:72px}
.trv-logos > .trv-wrap{display:grid;gap:18px}
.trv-logos > .trv-wrap > div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 36px;padding-block:22px;border-block:1px solid var(--line)}
.trv-logos a{font-family:var(--fd),system-ui,sans-serif;font-weight:var(--hw,800);font-size:calc(clamp(17px,1.7vw,24px)*var(--fz,1));letter-spacing:-.02em;opacity:.55;transition:opacity .2s}
.trv-logos a:hover{opacity:1}
.trv-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.trv-svc-card{display:grid;gap:8px;align-content:start;padding:26px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);transition:border-color .2s,transform .2s,box-shadow .2s}
.trv-svc-card:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.08)}
.trv-svc-card i{font-style:normal;font-size:calc(12.5px*var(--fz,1));color:var(--accent);font-weight:700;letter-spacing:.08em}
.trv-svc-card b{font-family:var(--fd),system-ui,sans-serif;font-size:calc(21px*var(--fz,1));line-height:1.2}
.trv-svc-card span{color:var(--mute);font-size:calc(14.5px*var(--fz,1))}
.trv-svc-card em{font-style:normal;display:inline-flex;align-items:center;gap:8px;font-size:calc(13.5px*var(--fz,1));font-weight:600;margin-top:10px}
.trv-svc[data-style="rows"]{grid-template-columns:1fr;gap:0;border-top:1px solid var(--ink)}
.trv-svc[data-style="rows"] .trv-svc-card{grid-template-columns:70px minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:20px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 4px;background:none;transform:none;box-shadow:none}
.trv-svc[data-style="rows"] .trv-svc-card b{font-size:calc(clamp(22px,2.4vw,32px)*var(--fz,1))}
.trv-svc[data-style="rows"] .trv-svc-card em{margin:0}
.trv-svc[data-style="rows"] .trv-svc-card:hover{background:var(--soft)}
.trv-works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}
.trv-work{display:grid;gap:14px}
.trv-work:nth-child(even){margin-top:clamp(0px,6vw,90px)}
.trv-work-img{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius);background:var(--soft)}
.trv-work-img img,.trv-work-img .trv-mg-ph{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.trv-work:hover img{transform:scale(1.04)}
.trv-work-cap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 14px;align-items:baseline}
.trv-work-cap i{font-style:normal;font-size:calc(12.5px*var(--fz,1));color:var(--mute)}
.trv-work-cap b{font-family:var(--fd),system-ui,sans-serif;font-size:calc(clamp(20px,2vw,28px)*var(--fz,1));line-height:1.15}
.trv-work-cap small{grid-column:2;color:var(--mute);font-size:calc(14px*var(--fz,1))}
.trv-work-cap .trv-go{grid-row:1;grid-column:3;align-self:center}
.trv-cta > .trv-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;background:var(--accent);color:var(--accent-ink);border-radius:calc(var(--radius) * 1.6);padding:clamp(26px,4vw,52px);max-width:calc(var(--wrap,1320px) - 40px)}
.trv-cta h2{font-size:calc(clamp(26px,3vw,42px)*var(--fz,1));color:inherit}
.trv-cta p{opacity:.85;margin-top:8px;max-width:36em}
.trv-cta .trv-btn{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink)}
.trv-cta .trv-btn-line{background:transparent;color:var(--accent-ink)}
.trv-faq-home{max-width:none}
.trv-sitemap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px 36px}
.trv-sitemap ul{display:grid;gap:7px;margin-top:12px}
.trv-sitemap a:hover{text-decoration:underline}
.trv[data-kind="magazine"] .trv-sec-head h2{font-size:calc(clamp(20px,2vw,26px)*var(--fz,1));padding-inline-start:14px;border-inline-start:4px solid var(--accent)}
@media (max-width:1000px){.trv-bt-top,.trv-cl-in,.trv-cp-in,.trv-pl{grid-template-columns:1fr}
.trv-bt-side{margin:0}
.trv-cp-quote{justify-self:start}
.trv-mg-grid{grid-template-columns:1fr 1fr}
.trv-mg-card.is-lead{grid-column:1 / -1}
.trv-mg-side{grid-column:1 / -1;grid-template-columns:1fr 1fr}
.trv-mg-heads{grid-column:1 / -1;border:0;padding:0}
.trv-svc,.trv-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
.trv-trend{grid-template-columns:repeat(2,minmax(0,1fr))}
.trv-svc[data-style="rows"] .trv-svc-card{grid-template-columns:44px minmax(0,1fr) auto}
.trv-svc[data-style="rows"] .trv-svc-card span{grid-column:2}
.trv-cl-art{aspect-ratio:16/11}
.trv-nav-cta{display:none}
}
@media (max-width:640px){.trv-hours > .trv-wrap > div,.trv-works,.trv-svc,.trv-trend,.trv-cp-stats,.trv-mg-side{grid-template-columns:1fr}
.trv-topics{grid-template-columns:1fr 1fr}
.trv-stats ul{grid-template-columns:1fr 1fr}
.trv-work:nth-child(even){margin-top:0}
.trv-cp-stats li{border-inline-start:0;border-top:1px solid var(--line);padding:18px 20px}
.trv-cp-stats li:first-child{border:0}
.trv-pl-list a{grid-template-columns:92px minmax(0,1fr)}
.trv-pl-list img,.trv-pl-list .trv-mg-ph{width:92px}
.trv-bt-word .is-out{-webkit-text-stroke-width:1.2px}
.trv-cl-card{position:static;margin:12px;box-shadow:none;border:1px solid var(--line)}
.trv-cl-art{aspect-ratio:auto;display:grid}
.trv-cl-art .fill,.trv-cl-art .trv-ph{position:relative;aspect-ratio:16/11}
}
#trvMain[data-page="home"] .trv-sec{content-visibility:auto;contain-intrinsic-size:auto 620px}
.trv-foot{content-visibility:auto;contain-intrinsic-size:auto 460px}
.trv-logo.has-img img{display:block;max-height:40px;width:auto;max-width:200px;object-fit:contain}
@keyframes trvUp{from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:none}
}
@keyframes trvIn{from{opacity:0}
to{opacity:1}
}
@keyframes trvKen{from{transform:scale(1.09)}
to{transform:scale(1)}
}
@keyframes trvZoom{from{opacity:0;transform:scale(.96) translateY(10px)}
to{opacity:1;transform:none}
}
@keyframes trvSlideEnd{from{transform:translateX(100%)}
to{transform:none}
}
@keyframes trvSlideStart{from{transform:translateX(-100%)}
to{transform:none}
}
@keyframes trvToast{from{opacity:0;transform:translate(-50%,14px)}
to{opacity:1;transform:translate(-50%,0)}
}
@media (prefers-reduced-motion:no-preference){.trv-pgin #trvMain > main{animation:trvIn .4s ease both}
.trv-fresh .trv-hero-copy > *,.trv-fresh .trv-hero-peek .cap > *,.trv-fresh .trv-hero-card .card > *,.trv-fresh .trv-phead h1,.trv-fresh .trv-phead .trv-crumb{animation:trvUp .75s cubic-bezier(.2,.7,.2,1) both}
.trv-fresh .trv-hero-copy > :nth-child(2),.trv-fresh .trv-hero-peek .cap > :nth-child(2),.trv-fresh .trv-hero-card .card > :nth-child(2),.trv-fresh .trv-phead .trv-crumb{animation-delay:.09s}
.trv-fresh .trv-hero-copy > :nth-child(3),.trv-fresh .trv-hero-peek .cap > :nth-child(3),.trv-fresh .trv-hero-card .card > :nth-child(3){animation-delay:.18s}
.trv-fresh .trv-hero-copy > :nth-child(4),.trv-fresh .trv-hero-card .card > :nth-child(4){animation-delay:.27s}
.trv-fresh .trv-hero-art img,.trv-fresh .trv-hero-full .bg img,.trv-fresh .trv-hero-peek .main img,.trv-fresh .trv-hero-card .bg img,.trv-fresh .trv-hero-trio img{animation:trvKen 1.8s cubic-bezier(.2,.7,.2,1) both}
.trv-fresh .trv-hero-type .big{animation:trvUp .9s cubic-bezier(.2,.7,.2,1) both}
.trv-fresh .trv-pd-main,.trv-fresh .trv-pd-info > *{animation:trvUp .6s cubic-bezier(.2,.7,.2,1) both}
.trv-fresh .trv-pd-info > :nth-child(n+3){animation-delay:.08s}
.trv-fresh .trv-pd-info > :nth-child(n+5){animation-delay:.16s}
.trv-mo .trv-rv{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rv,0) * 80ms)}
.trv-mo .trv-rv.is-rv{opacity:1;transform:none}
.trv-card-img img,.trv-post-img img,.trv-cat .trv-ph img,.trv-hero-trio img,.trv-tile .trv-ph img,.trv-mosaic .trv-ph img,.trv-gallery img,.trv-look img{transition:transform .8s cubic-bezier(.2,.7,.2,1), opacity .35s ease}
.trv-card:hover .trv-card-img img,.trv-post:hover .trv-post-img img,.trv-hero-trio a:hover img,.trv-tile:hover .trv-ph img,.trv-mosaic a:hover .trv-ph img,.trv-gallery a:hover img{transform:scale(1.06)}
.trv-post-img{overflow:hidden;display:block}
.trv-cat .trv-ph{transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease}
.trv-cat:hover .trv-ph{transform:translateY(-4px) scale(1.04)}
.trv-cat b,.trv-post h3 a{transition:color .2s ease}
.trv-brands a{transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, border-color .2s ease, color .2s ease}
.trv-brands a:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.08)}
.trv-reviews > *{transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease}
.trv-reviews > :hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.07)}
.trv-btn{transition:translate .18s ease, scale .18s ease, box-shadow .25s ease, background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease, transform .25s ease}
.trv-btn:hover{translate:0 -2px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.trv-btn:active{translate:0 0;scale:.97;box-shadow:none}
.trv-iconbtn{transition:translate .2s ease, color .2s ease}
.trv-iconbtn:hover{translate:0 -2px}
.trv-hero-arrow{transition:translate .2s ease, box-shadow .2s ease}
.trv-hero-arrow:hover{box-shadow:0 8px 22px rgba(0,0,0,.2)}
.trv-hero-arrow.prev:hover{translate:-3px 0}
.trv-hero-arrow.next:hover{translate:3px 0}
.trv-link{transition:opacity .2s ease, letter-spacing .25s ease}
.trv-nav a,.trv-foot a{transition:color .2s ease, opacity .2s ease}
.trv-ov.is-new .trv-drawer{animation:trvSlideEnd .34s cubic-bezier(.2,.7,.2,1) both}
.trv-ov.is-new .trv-drawer.is-start{animation-name:trvSlideStart}
[dir="rtl"] .trv-ov.is-new .trv-drawer{animation-name:trvSlideStart}
[dir="rtl"] .trv-ov.is-new .trv-drawer.is-start{animation-name:trvSlideEnd}
.trv-ov.is-new .trv-modal-box{animation:trvZoom .3s cubic-bezier(.2,.7,.2,1) both}
.trv-ov.is-new .trv-scrim{animation:trvIn .3s ease both}
.trv-toast{animation:trvToast .35s cubic-bezier(.2,.7,.2,1) both}
}
/* ---- the product editor (full screen) ---- */
html.trva-pe-open{overflow:hidden}
.trva-toast{z-index:400}
.trva-pe{position:fixed;inset:0;z-index:150;display:flex;flex-direction:column;background:var(--trva-bg);font-family:var(--trva-font);color:var(--trva-ink);animation:trvaFade .18s both}
.trva-pe-head{display:flex;align-items:center;gap:14px;padding:12px 20px;background:var(--trva-card);border-bottom:1px solid var(--trva-line);flex-shrink:0}
.trva-pe-x{width:40px;height:40px;border-radius:12px;border:1px solid var(--trva-line);background:var(--trva-bg);color:var(--trva-ink2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.trva-pe-x:hover{background:var(--trva-tint2)}
.trva-pe-ttl{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.trva-pe-ttl b{font-size:18px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-pe-ttl small{font-size:12.5px;color:var(--trva-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-pe-hbtns{display:flex;align-items:center;gap:8px;flex-shrink:0}
.trva-pe .trva-btn-sm{height:38px;padding:0 14px;font-size:13.5px;border-radius:11px;gap:6px}
.trva-pe .trva-btn-ghost{background:var(--trva-card);border-color:var(--trva-line);color:var(--trva-ink)}
.trva-pe-aitog{color:var(--trva-aink) !important;background:var(--trva-tint2) !important}
.trva-pe:not(.ai-off) .trva-pe-aitog{border-color:var(--trva-aline) !important}
.trva-pe-err{margin:0;padding:10px 20px;background:var(--trva-rbg);color:var(--trva-r);font-weight:700;font-size:14px;border-bottom:1px solid var(--trva-line)}
.trva-pe-body{flex:1;min-height:0;display:grid;grid-template-columns:200px minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr)}
.trva-pe.ai-off .trva-pe-body{grid-template-columns:200px minmax(0,1fr) 0}
.trva-pe.ai-off .trva-pe-ai{display:none}
.trva-pe-nav{padding:18px 12px;border-right:1px solid var(--trva-line);display:flex;flex-direction:column;gap:2px;overflow:auto;background:var(--trva-bar)}
.trva-pe-navb{display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;border-radius:10px;background:none;color:var(--trva-ink2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-align:left}
.trva-pe-navb i{width:8px;height:8px;border-radius:50%;background:var(--trva-line);flex-shrink:0;transition:background .2s}
.trva-pe-navb.is-done i{background:var(--trva-g)}
.trva-pe-navb:hover{background:var(--trva-tint2)}
.trva-pe-navb.is-on{background:var(--trva-card);color:var(--trva-aink);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.trva-pe-main{overflow:auto;padding:22px 20px 40px;scroll-behavior:smooth}
.trva-pe-loading{display:flex;flex-direction:column;gap:14px;max-width:900px;margin:0 auto}
.trva-pe-loading .trva-cp-shimmer{height:120px;border-radius:18px}
.trva-pe-sec{max-width:980px;margin:0 auto 18px;background:var(--trva-card);border:1px solid var(--trva-line);border-radius:20px;padding:22px 24px;box-shadow:var(--trva-shadow)}
.trva-pe-sec-h{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.trva-pe-sec-n{width:30px;height:30px;border-radius:10px;background:var(--trva-tint2);color:var(--trva-aink);font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.trva-pe-sec-h h3{margin:0 0 3px;font-size:17px;font-weight:800;letter-spacing:-.01em}
.trva-pe-sec-h p{margin:0;color:var(--trva-muted);font-size:13.5px;line-height:1.45}
.trva-pe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.trva-pe-grid > .trva-f-wide,.trva-pe-grid > .trva-seo{grid-column:1 / -1}
.trva-pe-grid .trva-cp-field > span{font-weight:700;font-size:13px;color:var(--trva-ink2)}
.trva-pe-grid .trva-cp-field > small{color:var(--trva-muted);font-size:12px;line-height:1.4}
.trva-pe-end{height:40vh}
.trva-pe-flash{box-shadow:0 0 0 3px rgba(var(--trva-argb),.35) !important;border-color:var(--trva-a2) !important}
.trva-pe-pnote{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--trva-tint2);font-size:13.5px;color:var(--trva-ink2)}
.trva-pe-pnote b{color:var(--trva-ink);font-size:15px}
.trva-pe-pnote .trva-link-btn{margin-left:auto}
.trva-pe-hint{margin:6px 0 0;color:var(--trva-muted);font-size:13px}
.trva-pe-empty{margin:0;padding:22px;text-align:center;border:1.5px dashed var(--trva-line);border-radius:14px;color:var(--trva-muted);font-size:14px}
/* options */
.trva-pe-opts{display:flex;flex-direction:column;gap:16px}
.trva-pe-seg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.trva-pe-segb{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;border:1.5px solid var(--trva-line);border-radius:14px;background:var(--trva-card);font:inherit;color:var(--trva-ink);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.trva-pe-segb b{font-size:14.5px;font-weight:800}
.trva-pe-segb small{font-size:12.5px;color:var(--trva-muted)}
.trva-pe-segb.is-on{border-color:var(--trva-a2);background:var(--trva-tint2);box-shadow:inset 0 0 0 1px var(--trva-a2)}
.trva-pe-ocards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.trva-pe-ocard{border:1px solid var(--trva-line);border-radius:16px;padding:14px;background:var(--trva-bar);display:flex;flex-direction:column;gap:10px;min-width:0}
.trva-pe-ocard-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trva-pe-ocard-n{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--trva-muted);width:100%}
.trva-pe-oname{flex:1;min-width:120px;height:42px !important;font-weight:700}
.trva-pe-swt,.trva-pe-fit{font-size:12.5px;gap:6px}
.trva-pe-vals{display:flex;flex-direction:column;gap:6px}
.trva-pe-val{display:grid;grid-template-columns:minmax(0,1fr) 92px 32px;gap:6px;align-items:center}
.trva-pe-val.has-img{grid-template-columns:minmax(0,1fr) 44px 92px 32px}
.trva-pe-val.has-sw.has-img{grid-template-columns:36px minmax(0,1fr) 44px 92px 32px}
.trva-pe-val.has-fit{grid-template-columns:minmax(0,1fr) 80px 84px 84px 32px}
.trva-pe-val-h span{font-size:11px;font-weight:700;color:var(--trva-muted);text-transform:uppercase;letter-spacing:.04em}
.trva-pe-val .trva-input{height:40px;font-size:14px;padding:0 10px}
.trva-pe-hex{width:36px;height:36px;border:1px solid var(--trva-line);border-radius:50%;padding:0;cursor:pointer;background:none;overflow:hidden}
.trva-pe-hex::-webkit-color-swatch-wrapper{padding:0}.trva-pe-hex::-webkit-color-swatch{border:0;border-radius:50%}.trva-pe-hex::-moz-color-swatch{border:0;border-radius:50%}
.trva-pe-add{text-align:right}
.trva-pe-vx{width:32px;height:32px}
.trva-pe-vadd{display:flex;gap:8px}
.trva-pe-vadd .trva-input{height:40px;font-size:13.5px}
.trva-pe-pre{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.trva-pe-pre small{font-size:12px;color:var(--trva-muted);margin-right:2px}
.trva-pe-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--trva-line);background:var(--trva-card);font:inherit;font-size:12.5px;font-weight:600;color:var(--trva-ink2);cursor:pointer}
button.trva-pe-chip:hover{border-color:var(--trva-aline);color:var(--trva-aink)}
.trva-pe-chip i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.trva-pe-o2add{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px dashed var(--trva-aline);border-radius:16px;background:none;color:var(--trva-aink);font:inherit;font-weight:700;font-size:14px;cursor:pointer;min-height:120px}
.trva-pe-o2add:hover{background:var(--trva-tint2)}
.trva-pe-ph{position:relative;display:inline-flex}
.trva-pe-phb{width:40px;height:40px;border-radius:10px;border:1.5px dashed var(--trva-line);display:inline-flex;align-items:center;justify-content:center;color:var(--trva-muted);cursor:pointer;overflow:hidden;background:var(--trva-card)}
.trva-pe-phb.has{border-style:solid}
.trva-pe-phb img{width:100%;height:100%;object-fit:cover}
.trva-pe-phb.is-busy{opacity:.5}
.trva-pe-phx{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:0;background:var(--trva-ink);color:#fff;font-size:12px;line-height:18px;padding:0;cursor:pointer;display:none}
.trva-pe-ph:hover .trva-pe-phx{display:block}
.trva-pe-vsum{display:flex;flex-wrap:wrap;gap:8px}
.trva-pe-vsum span{display:inline-flex;align-items:baseline;gap:5px;padding:7px 12px;border-radius:10px;background:var(--trva-bar);border:1px solid var(--trva-line2)}
.trva-pe-vsum b{font-size:14px;font-weight:800}
.trva-pe-vsum small{font-size:12px;color:var(--trva-muted)}
.trva-pe-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--trva-line);border-bottom:0;border-radius:14px 14px 0 0;background:var(--trva-bar)}
.trva-pe-bulk-sel{display:flex;align-items:center;gap:8px;font-size:13px;min-width:110px}
.trva-pe-bulk .trva-pe-num{width:120px;height:36px;font-size:13px;padding:0 10px}
.trva-pe-bulk-sp{flex:1}
.trva-pe-vt-scroll{overflow:auto;border:1px solid var(--trva-line);border-radius:0 0 14px 14px;max-height:560px}
.trva-pe-vt{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}
.trva-pe-vt th{position:sticky;top:0;z-index:1;background:var(--trva-card);text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--trva-muted);padding:10px 8px;border-bottom:1px solid var(--trva-line)}
.trva-pe-vt td{padding:6px 8px;border-bottom:1px solid var(--trva-line2);vertical-align:middle;background:var(--trva-card)}
.trva-pe-vt th:first-child,.trva-pe-vt td:first-child{width:28px;padding-left:12px}
.trva-pe-vt .is-num{text-align:right}
.trva-pe-vt .trva-input{height:36px;font-size:13.5px;padding:0 8px;min-width:0}
.trva-pe-vt .trva-pe-num{width:96px;text-align:right}
.trva-pe-vt .trva-pe-sku{width:150px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}
.trva-pe-vgrp td{background:var(--trva-bar);border-bottom:1px solid var(--trva-line)}
.trva-pe-vgrp-l{display:flex;align-items:center;gap:8px}
.trva-pe-vgrp-l img{width:26px;height:26px;border-radius:6px;object-fit:cover}
.trva-pe-vgrp-l small{color:var(--trva-muted);font-size:12px}
.trva-pe-vrow.is-sub .trva-pe-vname{padding-left:22px}
.trva-pe-vname{white-space:nowrap}
.trva-pe-vname b{font-weight:700;margin-right:6px}
.trva-pe-vname .trva-pill{height:20px;font-size:10px;padding:0 7px}
.trva-pe-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);vertical-align:-2px;margin-right:6px}
.trva-pe-vrow.is-off td{background:var(--trva-bar)}
.trva-pe-vrow.is-off td:not(:last-child){opacity:.5}
.trva-pe-vrow.is-off .trva-pe-vname b{text-decoration:line-through}
.trva-pe-tog{width:40px;height:24px;border-radius:999px;border:0;background:var(--trva-line);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}
.trva-pe-tog::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.trva-pe-tog.is-on{background:var(--trva-g)}
.trva-pe-tog.is-on::after{transform:translateX(16px)}
.trva-pe-one .trva-pe-grid{max-width:620px}
/* the AI at the side */
.trva-pe-ai{border-left:1px solid var(--trva-line);background:var(--trva-card);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.trva-pe-ai-h{display:flex;align-items:flex-start;gap:10px;padding:16px 16px 12px;color:var(--trva-aink)}
.trva-pe-ai-h > div{flex:1;display:flex;flex-direction:column;gap:2px}
.trva-pe-ai-h b{color:var(--trva-ink);font-size:15px;font-weight:800}
.trva-pe-ai-h small{color:var(--trva-muted);font-size:12px;line-height:1.35}
.trva-pe-chk{margin:0 16px 12px;padding:12px;border-radius:14px;background:var(--trva-bar);border:1px solid var(--trva-line2);display:flex;flex-direction:column;gap:2px}
.trva-pe-chk-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.trva-pe-chk-top b{font-size:13px;font-weight:800}
.trva-pe-chk-top small{font-size:12px;color:var(--trva-muted);font-weight:700}
.trva-pe-chk-bar{height:6px;border-radius:99px;background:var(--trva-line2);overflow:hidden;margin-bottom:6px}
.trva-pe-chk-bar i{display:block;height:100%;background:var(--trva-g);border-radius:99px;transition:width .3s}
.trva-pe-chk-it{display:flex;align-items:center;gap:8px;padding:4px 2px;border:0;background:none;font:inherit;font-size:12.5px;color:var(--trva-ink2);cursor:pointer;text-align:left}
.trva-pe-chk-it i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--trva-line);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.trva-pe-chk-it.is-ok{color:var(--trva-muted)}
.trva-pe-chk-it.is-ok i{background:var(--trva-g);border-color:var(--trva-g);color:#fff}
.trva-pe-chk-it.is-ok i svg{width:10px;height:10px}
.trva-pe-qa{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 16px 12px}
.trva-pe-qab{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:11px;border:1px solid var(--trva-line);background:var(--trva-card);font:inherit;font-size:12.5px;font-weight:700;color:var(--trva-ink);cursor:pointer;text-align:left;line-height:1.25}
.trva-pe-qab svg{color:var(--trva-a2);flex-shrink:0}
.trva-pe-qab:hover{border-color:var(--trva-aline);background:var(--trva-tint2)}
.trva-pe-qab:last-child:nth-child(odd){grid-column:1 / -1}
.trva-pe-feed{flex:1;min-height:0;overflow:auto;padding:4px 16px 12px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--trva-line2)}
.trva-pe-feed:empty::before{content:"";display:block;margin-top:8px}
.trva-pe-aic{border:1px solid var(--trva-line);border-radius:14px;background:var(--trva-card);overflow:hidden;flex-shrink:0;animation:trvaPeIn .25s both}
.trva-pe-aic.is-used{border-color:var(--trva-g)}
.trva-pe-aic-h{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--trva-tint2);color:var(--trva-aink)}
.trva-pe-aic-h b{flex:1;color:var(--trva-ink);font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trva-pe-aic-x{width:28px;height:28px;border:0;background:none;border-radius:8px;color:var(--trva-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.trva-pe-aic-x:hover{background:rgba(0,0,0,.06)}
.trva-pe-aic-b{padding:12px;font-size:13px;line-height:1.5;color:var(--trva-ink2)}
.trva-pe-aic-b p{margin:0 0 8px}
.trva-pe-aic-b .trva-cp-shimmer{height:64px;border-radius:10px}
.trva-pe-aic-prev{max-height:260px;overflow:auto;font-size:13px}
.trva-pe-aic-prev h3{font-size:14px;margin:10px 0 4px}
.trva-pe-aic-prev ul{padding-left:18px;margin:4px 0}
.trva-pe-aic-q{font-size:14px;color:var(--trva-ink);font-weight:600}
.trva-pe-aic-opt{margin-bottom:8px}
.trva-pe-aic-opt b{display:block;font-size:12px;margin-bottom:5px;color:var(--trva-ink)}
.trva-pe-aic-chips{display:flex;flex-wrap:wrap;gap:5px}
.trva-pe-aic-seo small{color:var(--trva-g);font-size:12px}
.trva-pe-aic-seo b{display:block;color:#1a0dab;font-size:15px;font-weight:600;margin:2px 0}
.trva-pe-aic-seo p{margin:0 0 4px;font-size:12.5px}
.trva-pe-aic-seo em{font-size:12px;color:var(--trva-muted)}
.trva-pe-aic .trva-ai-pic-prev img{width:100%;border-radius:10px;margin-top:8px}
.trva-pe-aic .trva-textarea{font-size:13px;height:auto;padding:8px 10px}
.trva-pe-aic-a{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}
.trva-pe-aic-a .trva-btn-sm{height:32px;font-size:12.5px;padding:0 11px;border-radius:9px}
.trva-pe-ask{display:flex;gap:8px;align-items:flex-end;padding:12px 16px 16px;border-top:1px solid var(--trva-line2)}
.trva-pe-ask .trva-input{height:auto;min-height:44px;padding:10px 12px;font-size:13.5px;resize:none;line-height:1.4}
.trva-pe-ask .trva-btn{width:44px;height:44px;padding:0;flex-shrink:0}
@media (max-width:1180px){
  .trva-pe-body,.trva-pe.ai-off .trva-pe-body{grid-template-columns:minmax(0,1fr)}
  .trva-pe-nav{display:none}
  .trva-pe-ai{position:fixed;top:64px;right:0;bottom:0;width:min(380px,100%);z-index:3;box-shadow:-20px 0 50px rgba(0,0,0,.18)}
}
@media (max-width:760px){
  .trva-pe-head{flex-wrap:wrap;padding:10px 12px;gap:8px}
  .trva-pe-hbtns{width:100%;overflow:auto}
  .trva-pe-hbtns .trva-btn-sm{flex:1 0 auto}
  .trva-pe-main{padding:12px}
  .trva-pe-sec{padding:16px;border-radius:16px}
  .trva-pe-grid,.trva-pe-ocards,.trva-pe-seg{grid-template-columns:minmax(0,1fr)}
  .trva-pe-ai{top:0}
  .trva-pe-pre{display:none}
}
@keyframes trvaPeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.trva-pe [hidden]{display:none !important}
.trva-pe .trva-link-btn{height:30px;padding:0 6px;border:0;background:transparent;color:var(--trva-aink);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;border-radius:8px}
.trva-pe .trva-link-btn:hover{background:var(--trva-tint2)}
.trva-pe-ocard-h .trva-link-btn{margin-left:auto;color:var(--trva-r)}
.trva-pe .trva-pe-swt,.trva-pe .trva-pe-fit{min-height:0;height:auto;padding:0;border:0;background:none;justify-content:flex-start;font-weight:600;font-size:12.5px;color:var(--trva-ink2)}
.trva-pe-vt .trva-pe-num{width:74px}
.trva-pe-vt .trva-pe-sku{width:110px}
.trva-pe-vt td,.trva-pe-vt th{padding-left:6px;padding-right:6px}
.trva-pe-bulk .trva-link-btn{font-size:12.5px}
@media (max-width:760px){.trva-pe-hbtns .trva-btn-ghost:not(.trva-pe-aitog){display:none}.trva-pe-hbtns{overflow:visible}}

.trva-pe .trva-pe-bad{border-color:var(--trva-r) !important;box-shadow:0 0 0 3px rgba(194,56,58,.15) !important;background:var(--trva-rbg) !important}
/* ---- product page: option buttons, crossed-out choices, facts, share ---- */
.trv-pd-info .trv-opt .trv-chips{gap:10px}
.trv-pd-info .trv-opt .trv-chips button{position:relative;min-width:56px;min-height:44px;padding:4px 16px;background:var(--bg);color:var(--ink);border:1px solid var(--line);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.trv-pd-info .trv-opt .trv-chips button:hover{border-color:var(--ink)}
.trv-pd-info .trv-opt .trv-chips button[aria-pressed="true"]{background:var(--bg);color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.trv-pd-info .trv-opt .trv-chips button[aria-pressed="true"]::after{content:"";position:absolute;right:0;bottom:0;width:16px;height:16px;background:linear-gradient(135deg,transparent 50%,var(--accent) 50%)}
.trv-pd-info .trv-opt .trv-chips button[aria-pressed="true"]::before{content:"";position:absolute;right:2px;bottom:4px;width:5px;height:3px;border-left:1.5px solid var(--accent-ink);border-bottom:1.5px solid var(--accent-ink);transform:rotate(-45deg);z-index:1}
.trv-pd-info .trv-opt .trv-chips button.is-out{opacity:1;text-decoration:none;color:var(--mute);border-style:dashed;background:linear-gradient(to top right,transparent calc(50% - .6px),var(--line) calc(50% - .6px),var(--line) calc(50% + .6px),transparent calc(50% + .6px)),linear-gradient(to top left,transparent calc(50% - .6px),var(--line) calc(50% - .6px),var(--line) calc(50% + .6px),transparent calc(50% + .6px)),var(--bg)}
.trv-pd-info .trv-opt .trv-chips button.is-out[aria-pressed="true"]{border-style:solid}
.trv-vcolors button{position:relative}
.trv-vcolors button.is-out{opacity:.55}
.trv-vcolors button.is-out::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1.5px;background:var(--ink);transform:rotate(45deg);opacity:.7}
.trv-pd-info .trv-buy .trv-btn-line{background:var(--bg);color:var(--ink);border-color:var(--line)}
.trv-pd-info .trv-buy .trv-btn-line:hover:not([disabled]){border-color:var(--ink)}
.trv-pd-info .trv-buynow{width:100%;margin-top:-6px}
.trv-pd-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:-4px}
.trv-pd-link{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:calc(15px*var(--fz,1));cursor:pointer}
.trv-pd-link .trv-ic{width:18px;height:18px}
.trv-pd-link:hover span{text-decoration:underline}
.trv-pd-link[aria-pressed="true"]{color:var(--accent)}
.trv-pd-link[aria-pressed="true"] .trv-ic{fill:currentColor}
.trv-pd-facts{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:8px;font-size:calc(14.5px*var(--fz,1))}
.trv-pd-facts > div{display:flex;gap:8px;flex-wrap:wrap}
.trv-pd-facts span{color:var(--ink);font-weight:600}
.trv-pd-facts b{font-weight:400;color:var(--mute)}
.trv-pd-facts a{color:var(--mute);text-decoration:none}
.trv-pd-facts a:hover{color:var(--ink);text-decoration:underline}
.trv-pd-share{gap:8px}
.trv-pd-share > span{font-weight:600;margin-inline-end:4px}
.trv-shareb{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .15s,background .15s}
.trv-shareb:hover{border-color:var(--ink);background:var(--soft,var(--bg))}
/* ---- product page: photo on top, a slider of the other photos under it, then the promises — the photo column stays in view ---- */
.trv-pd-gal.is-one{display:flex;flex-direction:column;gap:14px}
@media (min-width:900px){.trv-pd-gal{position:sticky;top:24px}}
@media (max-width:560px){.trv-pd-trust{grid-template-columns:minmax(0,1fr)}}
.trv-pd-slider{display:flex;align-items:center;gap:8px}
.trv-pd-slider .trv-pd-thumbs{display:flex;gap:10px;flex:1;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;order:0;grid-auto-flow:unset}
.trv-pd-slider .trv-pd-thumbs::-webkit-scrollbar{display:none}
.trv-pd-slider .trv-pd-thumbs button{flex:0 0 calc((100% - 30px) / 4);aspect-ratio:1/1;padding:0;border:1px solid var(--line);border-radius:var(--radius,10px);overflow:hidden;background:none;cursor:pointer;scroll-snap-align:start;opacity:.72;transition:opacity .15s,border-color .15s}
.trv-pd-slider .trv-pd-thumbs button:hover{opacity:1}
.trv-pd-slider .trv-pd-thumbs button[aria-current="true"]{opacity:1;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.trv-pd-slider .trv-pd-thumbs .trv-ph{width:100%;height:100%;aspect-ratio:auto}
.trv-pd-slider .trv-pd-thumbs img{width:100%;height:100%;object-fit:cover}
.trv-sl-arrow{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}
.trv-sl-arrow:hover{border-color:var(--ink)}
.trv-sl-arrow .trv-ic{width:16px;height:16px}
.trv-pd-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.trv-trust-it{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:var(--radius,12px);background:var(--soft,var(--bg))}
.trv-trust-it .trv-ic{width:22px;height:22px;flex-shrink:0;margin-top:1px}
.trv-trust-it b{display:block;font-size:calc(13.5px*var(--fz,1));margin-bottom:2px}
.trv-trust-it small{display:block;color:var(--mute);font-size:calc(12.5px*var(--fz,1));line-height:1.4}
/* ---- footer: about + contact under the logo ---- */
.trv-foot-txt{margin:14px 0 0;opacity:.82;line-height:1.6;max-width:320px}
.trv-foot-ct{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.trv-foot .trv-foot-ct li{display:flex;gap:9px;align-items:flex-start;margin:0}
.trv-foot-ct .trv-ic{width:16px;height:16px;flex-shrink:0;margin-top:2px}
/* ---- quicker: pages and blocks appear faster ---- */
.trv-fresh .trv-pd-main,.trv-fresh .trv-pd-info > *{animation:none}
.trv-fresh .trv-pd-info > :nth-child(n+3){animation-delay:.03s}
.trv-fresh .trv-pd-info > :nth-child(n+5){animation-delay:.06s}
.trv-pgin #trvMain > main{animation-duration:.18s}
.trv-mo .trv-rv{transform:translateY(12px);transition-duration:.35s;transition-delay:calc(var(--rv,0) * 35ms)}
.trv-fresh .trv-hero-copy > *,.trv-fresh .trv-hero-peek .cap > *,.trv-fresh .trv-hero-card .card > *,.trv-fresh .trv-phead h1,.trv-fresh .trv-phead .trv-crumb{animation-duration:.4s}
/* ---- the popup of the shop ---- */
.trv-modal-box.trv-popup{width:min(760px,100%);padding:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}
.trv-modal-box.trv-popup.has-img{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.trv-popup-img{min-height:100%;background:var(--soft,var(--bg))}
.trv-popup-img .trv-ph{height:100%;aspect-ratio:auto;border-radius:0}
.trv-popup-img img{width:100%;height:100%;object-fit:cover}
.trv-popup-body{padding:40px 34px 28px;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center}
.trv-popup-body h2{margin:0;font-size:calc(clamp(24px,3vw,32px)*var(--fz,1));line-height:1.15}
.trv-popup-body p{margin:0;color:var(--mute);line-height:1.6}
.trv-popup-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--bg);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 2px 10px rgba(0,0,0,.12)}
[dir="rtl"] .trv-popup-x{right:auto;left:12px}
.trv-popup-code{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px;border:1.5px dashed var(--accent);border-radius:var(--radius,12px);background:none;color:var(--ink);cursor:pointer;font:inherit}
.trv-popup-code b{font-size:calc(22px*var(--fz,1));letter-spacing:.12em}
.trv-popup-code small{color:var(--mute);font-size:12px}
.trv-popup-news{display:flex;gap:8px}
.trv-popup-news .trv-input{flex:1;min-width:0}
.trv-popup-no{border:0;background:none;color:var(--mute);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;align-self:center}
@media (max-width:640px){.trv-modal-box.trv-popup.has-img{grid-template-columns:minmax(0,1fr)}.trv-popup-img{max-height:220px}.trv-popup-body{padding:26px 20px 20px}.trv-popup-news{flex-direction:column}}
/* ---- faster drawing: blocks far down the page are laid out only when they come near the screen ---- */
.trv-sec,.trv-ptabs{content-visibility:auto;contain-intrinsic-size:auto 640px}
.trv-foot-sos{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.trv-foot-so{width:36px;height:36px;border-radius:50%;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;opacity:.75;color:inherit;transition:opacity .15s}
.trv-foot-so:hover{opacity:1}
/* ===== Theme "Liquid Glass" — calm, clear, glass over soft light. Every rule hangs on .trv[data-theme=glass] (the theme's id on the page), so no other theme changes. ===== */
.trv[data-theme=glass]{--gl:rgba(255,255,255,.58);--gl-hi:rgba(255,255,255,.78);--gl-lo:rgba(255,255,255,.34);--gl-brd:rgba(255,255,255,.72);--gl-edge:rgba(16,24,40,.07);
--gl-blur:blur(24px) saturate(185%);--gl-sh:0 1px 1px rgba(16,24,40,.03),0 10px 30px -12px rgba(16,24,40,.16),0 30px 70px -36px rgba(16,24,40,.22);
--gl-in:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.35);--gl-ease:cubic-bezier(.22,.8,.24,1);
--mute:color-mix(in srgb,var(--ink) 58%,var(--bg));--radius-s:16px;
background:transparent;color:var(--ink);font-family:var(--fb);letter-spacing:-.006em;-webkit-font-smoothing:antialiased}
html[data-trv-theme="glass"]{background-color:var(--trv-bg,#f2f4f8);background-image:radial-gradient(42vmax 34vmax at 6% 4%,color-mix(in srgb,var(--trv-acc,#0a66ff) 17%,transparent),transparent 62%),radial-gradient(36vmax 30vmax at 96% 10%,rgba(176,108,255,.15),transparent 60%),radial-gradient(40vmax 34vmax at 86% 96%,rgba(52,199,140,.11),transparent 62%),radial-gradient(36vmax 30vmax at 4% 92%,rgba(255,160,90,.11),transparent 62%);background-attachment:fixed;min-height:100%}
html[data-trv-theme="glass"] body,html[data-trv-theme="glass"] .trv-zone{background:transparent}
.trv[data-theme=glass] :is(h1,h2,h3,.trv-logo){font-family:var(--fd);letter-spacing:-.035em;font-optical-sizing:auto}
.trv[data-theme=glass] ::selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}
.trv[data-theme=glass] a,.trv[data-theme=glass] button{-webkit-tap-highlight-color:transparent}
.trv[data-theme=glass] :focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:3px;border-radius:12px}
/* the glass itself: frost, a bright rim at the top edge and a soft shadow */
.trv[data-theme=glass] .trv-glass,.trv[data-theme=glass] .trv-head-in,.trv[data-theme=glass] .trv-service,.trv[data-theme=glass] .trv-tabs,.trv[data-theme=glass] .trv-tile .lab,.trv[data-theme=glass] .trv-drop,.trv[data-theme=glass] .trv-toolbar,.trv[data-theme=glass] .trv-filter section,.trv[data-theme=glass] .trv-pd-trust .trv-trust-it,.trv[data-theme=glass] .trv-sticky .trv-wrap,.trv[data-theme=glass] .trv-brands a,.trv[data-theme=glass] .trv-ptabs-nav,.trv[data-theme=glass] .trv-feature .t,.trv[data-theme=glass] .trv-qty,.trv[data-theme=glass] .trv-pager :is(a,button),.trv[data-theme=glass] .trv-foot-in,.trv[data-theme=glass] .trv-modal-box,.trv[data-theme=glass] .trv-drawer{
background:var(--gl);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1px solid var(--gl-brd);box-shadow:var(--gl-in),var(--gl-sh)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.trv[data-theme=glass] .trv-glass,.trv[data-theme=glass] .trv-head-in,.trv[data-theme=glass] .trv-drop,.trv[data-theme=glass] .trv-modal-box,.trv[data-theme=glass] .trv-drawer,.trv[data-theme=glass] .trv-sticky .trv-wrap{background:rgba(255,255,255,.94)}}
/* ---------- buttons ---------- */
.trv[data-theme=glass] .trv-btn{min-height:48px;padding:0 26px;font-weight:600;letter-spacing:-.01em;background-image:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 22px -10px color-mix(in srgb,var(--accent) 75%,transparent);transition:transform .35s var(--gl-ease),box-shadow .35s var(--gl-ease),background-color .2s}
.trv[data-theme=glass] .trv-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 28px -12px color-mix(in srgb,var(--accent) 80%,transparent)}
.trv[data-theme=glass] .trv-btn:active{transform:scale(.98)}
.trv[data-theme=glass] .trv-btn-sm{min-height:38px;padding:0 16px}
.trv[data-theme=glass] :is(.trv-btn-line,.trv-btn-ghost,.trv-btn-glass){background:var(--gl-hi);background-image:none;color:var(--ink);border:1px solid var(--gl-brd);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);box-shadow:var(--gl-in),0 6px 18px -10px rgba(16,24,40,.25)}
.trv[data-theme=glass] :is(.trv-btn-line,.trv-btn-ghost,.trv-btn-glass):hover{background:rgba(255,255,255,.92);box-shadow:var(--gl-in),0 12px 26px -14px rgba(16,24,40,.32)}
.trv[data-theme=glass] .trv-link{text-decoration:none;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--gl-lo);border:1px solid var(--gl-brd);transition:background .2s}
.trv[data-theme=glass] .trv-link:hover{background:var(--gl-hi)}
.trv[data-theme=glass] .trv-input,.trv[data-theme=glass] select,.trv[data-theme=glass] .trv-pd-info input:not([type=checkbox]):not([type=radio]):not(.trv-qty input){border-radius:14px;border:1px solid rgba(16,24,40,.09);background:rgba(255,255,255,.7);box-shadow:inset 0 1px 2px rgba(16,24,40,.04);transition:border-color .2s,box-shadow .2s,background .2s}
.trv[data-theme=glass] .trv-input:focus,.trv[data-theme=glass] select:focus{background:#fff;border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
/* ---------- top: announcement bar and the floating header ---------- */
.trv-gl-top{position:sticky;top:calc(-1 * var(--glbar,0px));z-index:60;background:transparent!important}
.trv[data-theme=glass]#trvHead{background:transparent}
.trv[data-theme=glass] .trv-bar{background:transparent;color:color-mix(in srgb,var(--ink) 70%,transparent);font-size:12.5px}
.trv[data-theme=glass] .trv-bar-in{min-height:36px}
.trv[data-theme=glass] .trv-head{background:transparent;border:0;padding:8px 0 4px}
.trv[data-theme=glass] .trv-head .trv-head-in{width:calc(100% - 40px);max-width:calc(var(--wrap,1320px) - 40px)}
.trv[data-theme=glass] .trv-head-in{min-height:62px;border-radius:999px;padding-inline:22px 10px;gap:18px;transition:background .4s var(--gl-ease),box-shadow .4s var(--gl-ease)}
.trv[data-theme=glass].is-scrolled .trv-head-in{background:rgba(255,255,255,.72);box-shadow:var(--gl-in),0 16px 40px -18px rgba(16,24,40,.28)}
.trv[data-theme=glass] .trv-logo{font-size:23px;font-weight:700}
.trv[data-theme=glass] .trv-nav{gap:2px;font-weight:550;font-size:14px}
.trv[data-theme=glass] .trv-nav > li > a{padding:9px 15px;border-radius:999px;transition:background .25s,color .25s}
.trv[data-theme=glass] .trv-nav > li > a:hover{background:rgba(255,255,255,.65)}
.trv[data-theme=glass] .trv-nav > li > a.is-on{box-shadow:var(--gl-in),0 4px 14px -8px rgba(16,24,40,.3);background:#fff}
.trv[data-theme=glass] .trv-iconbtn{width:42px;height:42px;transition:background .25s}
.trv[data-theme=glass] .trv-iconbtn:hover{background:rgba(255,255,255,.75)}
.trv[data-theme=glass] .trv-drop{top:calc(100% + 10px);border-radius:22px;padding:14px;background:rgba(255,255,255,.8);animation:trvGlDrop .28s var(--gl-ease) both}
.trv[data-theme=glass] .trv-drop a{border-radius:12px}
.trv[data-theme=glass] .trv-drop > a:hover,.trv[data-theme=glass] .trv-drop div > a:hover{background:rgba(16,24,40,.05)}
@keyframes trvGlDrop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
/* ---------- hero: bento ---------- */
.trv[data-theme=glass] .trv-bento-wrap{padding-top:10px}
.trv[data-theme=glass] .trv-bento{display:grid;gap:14px;grid-template-columns:minmax(0,1.5fr) minmax(0,.62fr) minmax(0,.52fr);grid-template-rows:minmax(290px,auto) minmax(250px,auto);grid-template-areas:"m a a" "m p q"}
.trv[data-theme=glass] .trv-bento[data-n="1"]{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"m a" "m q"}
.trv[data-theme=glass] .trv-bento[data-n="0"]{grid-template-columns:minmax(0,1fr) minmax(0,.42fr);grid-template-rows:minmax(480px,auto);grid-template-areas:"m q"}
.trv[data-theme=glass] .trv-bento > *{position:relative;border-radius:28px;overflow:hidden;min-width:0}
.trv[data-theme=glass] .trv-bn-main{grid-area:m;display:flex;align-items:flex-end;padding:22px;isolation:isolate;background:var(--soft)}
.trv[data-theme=glass] .trv-bento > :nth-child(2){grid-area:a}
.trv[data-theme=glass] .trv-bento[data-n="2"] > :nth-child(3){grid-area:p}
.trv[data-theme=glass] .trv-bento > .trv-bn-promise{grid-area:q}
.trv[data-theme=glass] .trv-bn-art,.trv[data-theme=glass] .trv-bn-art .trv-ph{position:absolute;inset:0;z-index:-2}
.trv[data-theme=glass] .trv-bn-art .trv-ph img{object-position:72% center}
.trv[data-theme=glass] .trv-bn-art .trv-ph img,.trv[data-theme=glass] .trv-bn-tile .trv-ph img,.trv[data-theme=glass] .trv-bn-prod .trv-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--gl-ease)}
.trv[data-theme=glass] .trv-bn-main:hover .trv-bn-art img,.trv[data-theme=glass] .trv-bn-tile:hover img,.trv[data-theme=glass] .trv-bn-prod:hover img{transform:scale(1.035)}
.trv[data-theme=glass] .trv-bn-aura{position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(30% 34% at 22% 78%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(26% 30% at 78% 24%,rgba(255,255,255,.55),transparent 70%);mix-blend-mode:soft-light;animation:trvGlAura 18s ease-in-out infinite alternate}
@keyframes trvGlAura{0%{transform:translate3d(-3%,2%,0) rotate(0)}100%{transform:translate3d(4%,-3%,0) rotate(6deg)}}
.trv[data-theme=glass] .trv-bn-copy{max-width:min(520px,100%);padding:clamp(22px,3vw,34px);border-radius:24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:rgba(255,255,255,.52)}
.trv[data-theme=glass] .trv-bn-k{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.02em;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.7);color:var(--accent);box-shadow:var(--gl-in)}
.trv[data-theme=glass] .trv-bn-k::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.trv[data-theme=glass] .trv-bn-copy h1{font-size:clamp(40px,5.4vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:700;margin:2px 0 0}
.trv[data-theme=glass] .trv-bn-copy p{color:color-mix(in srgb,var(--ink) 66%,transparent);font-size:16.5px;line-height:1.55;max-width:44ch;margin:0}
.trv[data-theme=glass] .trv-bn-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.trv[data-theme=glass] .trv-bn-tile,.trv[data-theme=glass] .trv-bn-prod{display:block;background:var(--soft)}
.trv[data-theme=glass] .trv-bn-tile .trv-ph,.trv[data-theme=glass] .trv-bn-prod .trv-ph{position:absolute;inset:0}
.trv[data-theme=glass] .trv-bn-lab{position:absolute;inset-inline:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 18px;border-radius:18px;color:var(--ink)}
.trv[data-theme=glass] .trv-bn-lab > span{display:flex;flex-direction:column;min-width:0}
.trv[data-theme=glass] .trv-bn-lab b{font-weight:650;font-size:15.5px;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trv[data-theme=glass] .trv-bn-lab small{color:var(--mute);font-size:12.5px}
.trv[data-theme=glass] .trv-bn-lab .trv-ic{flex:none;width:34px;height:34px;padding:9px;border-radius:50%;background:var(--ink);color:var(--bg);stroke-width:2.2;transition:transform .35s var(--gl-ease)}
.trv[data-theme=glass] .trv-bn-tile:hover .trv-bn-lab .trv-ic{transform:translateX(3px)}
.trv[data-theme=glass] .trv-bn-price{flex:none;font-weight:700;font-variant-numeric:tabular-nums;padding:7px 12px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13.5px}
.trv[data-theme=glass] .trv-bn-promise{display:flex;flex-direction:column;justify-content:center;gap:0;padding:8px 20px;border-radius:28px}
.trv[data-theme=glass] .trv-bn-promise > div{padding-block:12px}
.trv[data-theme=glass] .trv-bn-promise > div + div{border-top:1px solid rgba(16,24,40,.07)}
.trv[data-theme=glass] .trv-bn-promise > div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center}
.trv[data-theme=glass] .trv-bn-promise .trv-ic{grid-row:span 2;width:36px;height:36px;padding:9px;border-radius:14px;background:#fff;color:var(--accent);box-shadow:0 6px 16px -8px rgba(16,24,40,.25)}
.trv[data-theme=glass] .trv-bn-promise b{font-size:15px;font-weight:650;letter-spacing:-.015em}
.trv[data-theme=glass] .trv-bn-promise small{color:var(--mute);font-size:12.5px;line-height:1.4}
/* the other heroes keep working, softened */
.trv[data-theme=glass] :is(.trv-hero-slide,.trv-hero-card,.trv-hero-full){border-radius:28px;overflow:hidden}
/* ---------- sections ---------- */
.trv[data-theme=glass] .trv-sec{padding-block:56px}
.trv[data-theme=glass] .trv-sec-soft{background:transparent}
.trv[data-theme=glass] .trv-sec-head{margin-bottom:26px;align-items:flex-end}
.trv[data-theme=glass] .trv-sec-head h2{font-size:clamp(28px,3.2vw,44px);font-weight:700;letter-spacing:-.04em;line-height:1.02}
.trv[data-theme=glass] .trv-sec-head p{margin-top:8px;font-size:15px}
.trv[data-theme=glass] .trv-sec-head.is-center{align-items:center;text-align:center}
.trv[data-theme=glass] .trv-phead{background:transparent;padding-block:40px 18px}
.trv[data-theme=glass] .trv-phead h1{font-size:clamp(34px,4.4vw,60px);font-weight:700;letter-spacing:-.045em;line-height:1}
.trv[data-theme=glass] .trv-crumb{font-size:13px}
.trv[data-theme=glass] .trv-crumb a{color:var(--mute);transition:color .2s}
.trv[data-theme=glass] .trv-crumb a:hover{color:var(--ink)}
/* services: a row of small glass tiles */
.trv[data-theme=glass] .trv-services{gap:14px}
.trv[data-theme=glass] .trv-service{padding:18px 18px;border-radius:22px;align-items:center;transition:transform .4s var(--gl-ease)}
.trv[data-theme=glass] .trv-service:hover{transform:translateY(-2px)}
.trv[data-theme=glass] .trv-service > .trv-ic,.trv[data-theme=glass] .trv-service > svg{flex:none;width:44px;height:44px;padding:11px;border-radius:14px;background:#fff;color:var(--accent);box-shadow:0 6px 16px -8px rgba(16,24,40,.25)}
.trv[data-theme=glass] .trv-service b{font-weight:650;letter-spacing:-.015em}
/* segmented tabs, as on a phone */
.trv[data-theme=glass] .trv-tabs{gap:2px;padding:4px;border-radius:999px;flex-wrap:nowrap}
.trv[data-theme=glass] .trv-tabs button{height:36px;border:0;background:transparent;color:var(--mute);border-radius:999px;transition:background .3s var(--gl-ease),color .3s,box-shadow .3s}
.trv[data-theme=glass] .trv-tabs button:hover{color:var(--ink)}
.trv[data-theme=glass] .trv-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.08),0 6px 14px -8px rgba(16,24,40,.3)}
/* ---------- product cards ---------- */
.trv[data-theme=glass] .trv-card{gap:14px}
.trv[data-theme=glass] .trv-card-img{border-radius:24px;background:var(--soft);box-shadow:inset 0 0 0 1px rgba(16,24,40,.04);transition:transform .5s var(--gl-ease),box-shadow .5s var(--gl-ease)}
.trv[data-theme=glass] .trv-card-img .trv-ph img{transition:transform .9s var(--gl-ease)}
.trv[data-theme=glass] .trv-card:hover .trv-card-img{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(16,24,40,.04),0 22px 40px -24px rgba(16,24,40,.35)}
.trv[data-theme=glass] .trv-card:hover .trv-card-img .trv-ph img{transform:scale(1.04)}
.trv[data-theme=glass] .trv-card-body{gap:5px;padding-inline:4px}
.trv[data-theme=glass] .trv-card-body > small:first-child{color:var(--mute);font-size:12px;letter-spacing:.01em}
.trv[data-theme=glass] .trv-card-body h3{font-family:var(--fb);font-size:15px;font-weight:600;letter-spacing:-.012em;line-height:1.35}
.trv[data-theme=glass] .trv-card .trv-price{font-size:15px;font-weight:650}
.trv[data-theme=glass] .trv-badge{background:rgba(255,255,255,.78);color:var(--sale);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);box-shadow:var(--gl-in),0 4px 12px -6px rgba(16,24,40,.25);font-weight:650;padding:4px 10px}
.trv[data-theme=glass] .trv-badge.is-new{color:var(--ink)}
.trv[data-theme=glass] .trv-card-acts button{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);box-shadow:var(--gl-in),0 6px 16px -8px rgba(16,24,40,.3);transition:transform .3s var(--gl-ease),background .2s}
.trv[data-theme=glass] .trv-card-acts button:hover{background:#fff;transform:scale(1.06)}
.trv[data-theme=glass] .trv-card-add .trv-btn{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);border-color:var(--gl-brd);box-shadow:var(--gl-in),0 10px 24px -12px rgba(16,24,40,.35);color:var(--ink)}
.trv[data-theme=glass] .trv-sw button{width:16px;height:16px;box-shadow:inset 0 0 0 1px rgba(16,24,40,.12)}
/* ---------- category tiles, mosaic, feature, gallery, brands ---------- */
.trv[data-theme=glass] :is(.trv-tile,.trv-promo){border-radius:26px}
.trv[data-theme=glass] .trv-tile .trv-ph img{transition:transform 1s var(--gl-ease)}
.trv[data-theme=glass] .trv-tile:hover .trv-ph img{transform:scale(1.04)}
.trv[data-theme=glass] .trv-tile .lab{inset-inline:12px;bottom:12px;border-radius:18px;padding:13px 18px;color:var(--ink);font-weight:650}
.trv[data-theme=glass] .trv-cats[data-style="circle"] .trv-ph{box-shadow:var(--gl-in),0 12px 28px -18px rgba(16,24,40,.35)}
.trv[data-theme=glass] .trv-feature{background:transparent;gap:14px;overflow:visible}
.trv[data-theme=glass] .trv-feature > .trv-ph{border-radius:28px;overflow:hidden}
.trv[data-theme=glass] .trv-feature .t{border-radius:28px}
.trv[data-theme=glass] .trv-feature h2{font-size:clamp(30px,3.6vw,52px);letter-spacing:-.045em;line-height:1}
.trv[data-theme=glass] .trv-mosaic{grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:270px 270px;min-height:0}
.trv[data-theme=glass] .trv-mosaic .trv-tile:nth-child(2){grid-column:span 2}
.trv[data-theme=glass] .trv-mosaic .trv-tile:last-child{grid-row:auto}
.trv[data-theme=glass] .trv-gallery{gap:12px}
.trv[data-theme=glass] .trv-gallery .trv-ph{border-radius:20px;transition:transform .5s var(--gl-ease)}
.trv[data-theme=glass] .trv-gallery .trv-ph:hover{transform:translateY(-3px)}
.trv[data-theme=glass] .trv-brands a{border-radius:20px;font-weight:650;letter-spacing:-.02em;transition:transform .4s var(--gl-ease),background .2s}
.trv[data-theme=glass] .trv-brands a:hover{transform:translateY(-2px);background:var(--gl-hi)}
.trv[data-theme=glass] .trv-marquee{background:transparent;border-color:rgba(16,24,40,.06)}
/* ---------- shop page ---------- */
.trv[data-theme=glass] .trv-toolbar{padding:8px 8px 8px 18px;border-radius:999px}
.trv[data-theme=glass] .trv-toolbar select{border-radius:999px;min-height:38px}
.trv[data-theme=glass] .trv-filter section{border-radius:22px;padding:18px;margin-bottom:12px}
.trv[data-theme=glass] .trv-filter h4{font-family:var(--fd);letter-spacing:-.02em;font-size:16px}
.trv[data-theme=glass] .trv-chips :is(button,a){border-radius:999px;background:rgba(255,255,255,.6);border-color:rgba(16,24,40,.08);transition:background .2s,border-color .2s}
.trv[data-theme=glass] .trv-chips :is(button,a):hover{background:#fff}
.trv[data-theme=glass] .trv-chips :is(button,a)[aria-pressed="true"],.trv[data-theme=glass] .trv-chips :is(button,a)[aria-pressed="true"]:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.trv[data-theme=glass] .trv-pager{gap:6px}
.trv[data-theme=glass] .trv-pager :is(a,button){border-radius:999px;min-width:42px;height:42px}
.trv[data-theme=glass] .trv-pager :is(a,button)[aria-current="page"],.trv[data-theme=glass] .trv-pager :is(a,button)[aria-current="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
/* ---------- product page ---------- */
.trv[data-theme=glass] .trv-pd{gap:clamp(28px,4vw,56px)}
.trv[data-theme=glass] .trv-pd-main{border-radius:30px;overflow:hidden;background:var(--soft);box-shadow:inset 0 0 0 1px rgba(16,24,40,.04)}
.trv[data-theme=glass] .trv-pd-slider .trv-pd-thumbs button{border-radius:18px;border-color:transparent;background:var(--soft);transition:opacity .25s,box-shadow .25s,transform .35s var(--gl-ease)}
.trv[data-theme=glass] .trv-pd-slider .trv-pd-thumbs button:hover{transform:translateY(-2px);opacity:1}
.trv[data-theme=glass] .trv-pd-slider .trv-pd-thumbs button[aria-pressed="true"],.trv[data-theme=glass] .trv-pd-slider .trv-pd-thumbs button.is-on{opacity:1;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}
.trv[data-theme=glass] .trv-sl-arrow{background:var(--gl-hi);border:1px solid var(--gl-brd);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);box-shadow:var(--gl-in),0 6px 16px -8px rgba(16,24,40,.3)}
@media (min-width:1001px){.trv[data-theme=glass] .trv-pd-info{position:sticky;top:96px}
.trv[data-theme=glass] .trv-pd-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.trv[data-theme=glass] .trv-pd{align-items:start}
.trv[data-theme=glass] .trv-pd-gal:has(.trv-pd-stack) .trv-pd-slider{display:none}
.trv[data-theme=glass] .trv-pd-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.trv[data-theme=glass] .trv-pd-stack button{padding:0;border:0;border-radius:24px;overflow:hidden;background:var(--soft);cursor:zoom-in;box-shadow:inset 0 0 0 1px rgba(16,24,40,.04)}
.trv[data-theme=glass] .trv-pd-stack button:only-child,.trv[data-theme=glass] .trv-pd-stack button:last-child:nth-child(odd){grid-column:span 2}
.trv[data-theme=glass] .trv-pd-stack .trv-ph{aspect-ratio:4/5}
.trv[data-theme=glass] .trv-pd-stack button:only-child .trv-ph,.trv[data-theme=glass] .trv-pd-stack button:last-child:nth-child(odd) .trv-ph{aspect-ratio:16/10}
.trv[data-theme=glass] .trv-pd-stack .trv-ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--gl-ease)}
.trv[data-theme=glass] .trv-pd-stack button:hover .trv-ph img{transform:scale(1.03)}}
@media (max-width:1000px){.trv[data-theme=glass] .trv-pd-stack{display:none}}
.trv[data-theme=glass] .trv-pd-info h1{font-size:clamp(30px,3.2vw,46px);font-weight:700;letter-spacing:-.045em;line-height:1.02}
.trv[data-theme=glass] .trv-pd-info .trv-price{font-size:30px;letter-spacing:-.03em}
.trv[data-theme=glass] .trv-pd-info .trv-opt .trv-chips button{border-radius:14px;min-width:58px;background:rgba(255,255,255,.62);border-color:rgba(16,24,40,.09);transition:background .2s,border-color .2s,box-shadow .25s,transform .25s var(--gl-ease)}
.trv[data-theme=glass] .trv-pd-info .trv-opt .trv-chips button:hover{background:#fff;transform:translateY(-1px)}
.trv[data-theme=glass] .trv-pd-info .trv-opt .trv-chips button[aria-pressed="true"]{background:#fff;color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink),0 8px 18px -10px rgba(16,24,40,.35)}
.trv[data-theme=glass] .trv-pd-info .trv-opt .trv-chips button[aria-pressed="true"]::after{display:none}
.trv[data-theme=glass] .trv-vcolors button{width:38px;height:38px;box-shadow:inset 0 0 0 1px rgba(16,24,40,.12);transition:transform .3s var(--gl-ease)}
.trv[data-theme=glass] .trv-vcolors button:hover{transform:scale(1.06)}
.trv[data-theme=glass] .trv-vcolors button[aria-pressed="true"]{box-shadow:inset 0 0 0 1px rgba(16,24,40,.12),0 0 0 3px var(--bg),0 0 0 5px var(--ink)}
.trv[data-theme=glass] .trv-qty{border-radius:999px;height:48px}
.trv[data-theme=glass] .trv-pd-info .trv-buy .trv-btn-line{min-height:48px}
.trv[data-theme=glass] .trv-pd-trust{gap:10px}
.trv[data-theme=glass] .trv-pd-trust .trv-trust-it{border-radius:20px;padding:14px 14px}
.trv[data-theme=glass] .trv-ptabs{margin-top:56px}
.trv[data-theme=glass] .trv-ptabs-nav{display:inline-flex;gap:2px;padding:4px;border-radius:999px;max-width:100%;border-bottom:1px solid var(--gl-brd)}
.trv[data-theme=glass] .trv-ptabs-nav button{padding:9px 18px;border-radius:999px;border:0;margin:0;font-size:14.5px;transition:background .3s var(--gl-ease),color .3s,box-shadow .3s}
.trv[data-theme=glass] .trv-ptabs-nav button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.08),0 6px 14px -8px rgba(16,24,40,.3)}
.trv[data-theme=glass] .trv-ptab{padding-top:26px}
.trv[data-theme=glass] .trv-rich{font-size:16px;line-height:1.7;max-width:72ch}
/* the bar at the bottom of the product page floats like a dock */
.trv[data-theme=glass] .trv-sticky{background:transparent;border:0;box-shadow:none;padding-block:0 calc(12px + env(safe-area-inset-bottom,0px))}
.trv[data-theme=glass] .trv-sticky .trv-wrap{border-radius:22px;padding:10px 10px 10px 12px;max-width:min(var(--wrap,1200px),calc(100% - 24px))}
/* ---------- cart, checkout, account: cards of glass ---------- */
.trv[data-theme=glass] :is(.trv-sum,.trv-summary,.trv-cart-sum,.trv-ck-box,.trv-acc-card,.trv-track-box){background:var(--gl);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1px solid var(--gl-brd);box-shadow:var(--gl-in),var(--gl-sh);border-radius:24px}
.trv[data-theme=glass] .trv-block{background:var(--gl);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1px solid var(--gl-brd);box-shadow:var(--gl-in),0 10px 30px -18px rgba(16,24,40,.2);border-radius:24px;padding:24px}
.trv[data-theme=glass] .trv-block h3,.trv[data-theme=glass] .trv-block h2{letter-spacing:-.03em}
.trv[data-theme=glass] .trv-radio{border-radius:18px;background:rgba(255,255,255,.55);border-color:rgba(16,24,40,.08);transition:background .25s,border-color .25s,box-shadow .25s}
.trv[data-theme=glass] .trv-radio:hover{background:rgba(255,255,255,.85)}
.trv[data-theme=glass] .trv-radio:has(input:checked){background:#fff;border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent),0 10px 22px -14px rgba(16,24,40,.35)}
.trv[data-theme=glass] .trv-steps{gap:6px;padding:6px;border-radius:999px;width:max-content;max-width:100%;margin-inline:auto;background:var(--gl-lo);border:1px solid var(--gl-brd);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur)}
.trv[data-theme=glass] .trv-steps span{padding:6px 14px 6px 6px;border-radius:999px}
.trv[data-theme=glass] .trv-steps .is-on{background:#fff;box-shadow:0 6px 14px -8px rgba(16,24,40,.3)}
.trv[data-theme=glass] .trv-steps.is-mini{background:none;border:0;padding:0;margin:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.trv[data-theme=glass] .trv-sum{position:sticky;top:96px}
.trv[data-theme=glass] .trv-sum-row.total{font-family:var(--fd);letter-spacing:-.03em}
.trv[data-theme=glass] input[type=checkbox],.trv[data-theme=glass] input[type=radio]{accent-color:var(--accent)}
/* ---------- windows: quick view, cart drawer ---------- */
.trv[data-theme=glass] .trv-modal-box{border-radius:30px;background:rgba(255,255,255,.82)}
.trv[data-theme=glass] .trv-drawer{background:rgba(255,255,255,.9);border-radius:28px 0 0 28px;border-inline-end:0}
.trv[data-theme=glass] .trv-drawer.is-start{border-radius:0 28px 28px 0}
.trv[data-theme=glass] .trv-scrim:not(.is-dark){background:rgba(16,24,40,.2);-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%)}
[dir="rtl"] .trv[data-theme=glass] .trv-drawer,.trv[data-theme=glass][dir="rtl"] .trv-drawer{border-radius:0 28px 28px 0}
/* the phone's bottom bar becomes a floating dock */
.trv[data-theme=glass] .trv-tabbar{inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:6px 4px;border-radius:26px;border:1px solid var(--gl-brd);background:rgba(255,255,255,.72);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);box-shadow:var(--gl-in),0 18px 40px -16px rgba(16,24,40,.35)}
.trv[data-theme=glass] .trv-tabbar a,.trv[data-theme=glass] .trv-tabbar button{border-radius:18px}
/* ---------- footer: one large glass panel ---------- */
.trv[data-theme=glass] .trv-foot{background:transparent;margin-top:40px;padding-bottom:24px}
.trv[data-theme=glass] .trv-foot .trv-foot-in{width:calc(100% - 40px);max-width:calc(var(--wrap,1320px) - 40px)}
.trv[data-theme=glass] .trv-foot-in{border-radius:32px;padding:44px clamp(22px,3.4vw,44px) 36px;margin-top:0}
.trv[data-theme=glass] .trv-foot h4,.trv[data-theme=glass] .trv-foot b{font-family:var(--fd);letter-spacing:-.02em}
.trv[data-theme=glass] .trv-foot a{transition:color .2s}
.trv[data-theme=glass] .trv-foot a:hover{color:var(--accent)}
/* ---------- motion: things settle in, never bounce ---------- */
.trv[data-theme=glass] .trv-rv{transform:translateY(16px);transition:opacity .8s var(--gl-ease),transform .8s var(--gl-ease)}
@supports (animation-timeline:view()){
.trv[data-theme=glass] .trv-bn-art{animation:trvGlPar linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
@keyframes trvGlPar{to{transform:translate3d(0,12%,0) scale(1.06)}}}
@media (prefers-reduced-motion:reduce){.trv[data-theme=glass] *,.trv[data-theme=glass] *::before,.trv[data-theme=glass] *::after{animation:none!important;transition:none!important}}
/* ---------- tablet and phone ---------- */
@media (max-width:1000px){
.trv[data-theme=glass] .trv-bento,.trv[data-theme=glass] .trv-bento[data-n]{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"m m" "a a" "p q"}
.trv[data-theme=glass] .trv-bento[data-n="1"]{grid-template-areas:"m m" "a q"}
.trv[data-theme=glass] .trv-bento[data-n="0"]{grid-template-areas:"m m" "q q"}
.trv[data-theme=glass] .trv-bn-main{min-height:480px}
.trv[data-theme=glass] :is(.trv-bn-tile,.trv-bn-prod){min-height:240px}
.trv[data-theme=glass] .trv-bento[data-n="2"] > :nth-child(2){min-height:220px}
.trv[data-theme=glass] .trv-head-in{padding-inline:12px 6px}
.trv[data-theme=glass] .trv-sticky .trv-wrap{border-radius:20px}}
@media (max-width:640px){
.trv[data-theme=glass] .trv-head{padding:6px 0 2px}
.trv[data-theme=glass] .trv-head-in{min-height:56px;border-radius:20px}
.trv[data-theme=glass] .trv-bento{gap:10px}
.trv[data-theme=glass] .trv-bento > *{border-radius:24px}
.trv[data-theme=glass] .trv-bn-main{min-height:520px;padding:12px}
.trv[data-theme=glass] .trv-bn-copy{padding:20px;border-radius:20px;gap:10px}
.trv[data-theme=glass] .trv-bn-copy h1{font-size:40px}
.trv[data-theme=glass] .trv-bn-copy p{font-size:15px}
.trv[data-theme=glass] .trv-bn-btns .trv-btn{flex:1}
.trv[data-theme=glass] .trv-bento[data-n="2"]{grid-template-areas:"m m" "a a" "p p" "q q"}
.trv[data-theme=glass] .trv-bento[data-n="1"]{grid-template-areas:"m m" "a a" "q q"}
.trv[data-theme=glass] .trv-bn-promise{padding:4px 16px}
.trv[data-theme=glass] .trv-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto}
.trv[data-theme=glass] .trv-mosaic .trv-tile:first-child{grid-row:auto;grid-column:span 2}
.trv[data-theme=glass] .trv-mosaic .trv-tile:nth-child(2){grid-column:auto}
.trv[data-theme=glass] .trv-mosaic .trv-tile:last-child{grid-column:span 2}
.trv[data-theme=glass] .trv-sec{padding-block:40px}
.trv[data-theme=glass] .trv-service{padding:14px;border-radius:18px}
.trv[data-theme=glass] .trv-tabs{overflow-x:auto;max-width:100%}
.trv[data-theme=glass] .trv-card-img{border-radius:20px}
.trv[data-theme=glass] .trv-card-acts button{width:32px;height:32px}
.trv[data-theme=glass] .trv-card-acts{gap:5px}
.trv[data-theme=glass] .trv-foot-in{border-radius:26px;margin-inline:0}
.trv[data-theme=glass] .trv-sticky .trv-wrap{max-width:calc(100% - 16px)}}
:root{--trv-css-v:"a4b327e4da"}
/* ---------- Quotes: the quote builder ---------- */
.trvq-kicker{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-aink)}
.trvq-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px;align-items:start}
.trvq-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.trvq-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:16px}
.trvq-step h2{justify-content:flex-start;gap:10px;font-size:16px}
.trvq-step h2 small{margin-left:auto;font-size:12px;font-weight:700;color:var(--trva-muted)}
.trvq-n{width:26px;height:26px;border-radius:9px;display:inline-grid;place-items:center;background:var(--trva-grad);color:var(--trva-ona);font-size:13px;font-weight:800;flex:none}
.trvq-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px}
.trvq-form .trva-cp-field{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
.trvq-form .trva-cp-field>span{font-size:12px;font-weight:700;color:var(--trva-ink2)}
.trvq-w2{grid-column:span 2}.trvq-w4{grid-column:1/-1}
.trvq-help{font-size:11px;color:var(--trva-muted)}
.trvq-seg{display:inline-flex;padding:4px;border-radius:14px;background:var(--trva-bg);border:1px solid var(--trva-line);gap:4px;width:max-content;max-width:100%}
.trvq-seg button{appearance:none;border:0;background:transparent;font:inherit;font-size:13px;font-weight:700;color:var(--trva-ink2);height:38px;padding:0 16px;border-radius:10px;cursor:pointer}
.trvq-seg button[aria-pressed="true"]{background:var(--trva-card);color:var(--trva-ink);box-shadow:var(--trva-shadow)}
.trvq-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.trvq-kinds .trva-tab{height:34px;cursor:pointer;font:inherit;font-size:13px;font-weight:700}
.trvq-kinds .trva-tab small{font-size:11px;color:var(--trva-muted);font-weight:700}
.trvq-kinds .trva-tab[aria-pressed="true"]{background:var(--trva-ink);border-color:var(--trva-ink);color:var(--trva-card)}
.trvq-kinds .trva-tab[aria-pressed="true"] small{color:inherit;opacity:.7}
.trvq-search{max-width:280px;height:40px}
.trvq-svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;max-height:560px;overflow:auto;padding:2px;transition:opacity .2s}
.trvq-svcs.is-loading{opacity:.45;pointer-events:none}
.trvq-svc{border:1px solid var(--trva-line);border-radius:16px;overflow:hidden;background:var(--trva-card);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.trvq-svc:hover{transform:translateY(-2px);box-shadow:var(--trva-shadow);border-color:var(--trva-aline)}
.trvq-svc-media{position:relative;aspect-ratio:16/8;background:var(--trva-tint2);overflow:hidden}
.trvq-svc-media img{width:100%;height:100%;object-fit:cover;display:block}
.trvq-svc-ph{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:800;color:var(--trva-aink);background:var(--trva-tint)}
.trvq-svc-media .trvq-kind{position:absolute;left:10px;top:10px}
.trvq-svc-body{padding:12px 14px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.trvq-svc-body>b{font-size:14px;line-height:1.3}
.trvq-svc-body>small{font-size:12px;color:var(--trva-muted)}
.trvq-from{font-size:12px;font-weight:800;color:var(--trva-aink)}
.trvq-rates{list-style:none;margin:8px 0 0;padding:8px 0 0;border-top:1px dashed var(--trva-line);display:flex;flex-direction:column;gap:6px}
.trvq-rates li{display:flex;align-items:center;justify-content:space-between;gap:8px}
.trvq-rates li div{display:flex;flex-direction:column;min-width:0}
.trvq-rates li span{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trvq-rates li small{font-size:11px;color:var(--trva-muted)}
.trvq-add{appearance:none;flex:none;width:30px;height:30px;border-radius:10px;border:1px solid var(--trva-aline);background:var(--trva-tint2);color:var(--trva-aink);font:inherit;font-size:18px;font-weight:800;line-height:1;cursor:pointer;transition:transform .15s,background .2s,color .2s}
.trvq-add:hover{background:var(--trva-a2);color:var(--trva-ona);transform:scale(1.06)}
.trvq-add.is-done{background:var(--trva-g);border-color:var(--trva-g);color:#fff}
.trvq-add:disabled{opacity:.4;cursor:not-allowed}
.trvq-kind{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:var(--trva-card);color:var(--trva-aink);box-shadow:0 1px 2px rgba(0,0,0,.08);width:max-content}
.trvq-k-hotel,.trvq-k-rental{color:#7A4B00;background:#FFF1D6}.trvq-k-flight{color:#0B5CAD;background:#E1EFFF}.trvq-k-train,.trvq-k-bus{color:#1E6B45;background:#E2F5EA}
.trvq-k-cruise{color:#0D5E73;background:#DDF4F8}.trvq-k-transfer{color:#5B3FB0;background:#ECE6FD}.trvq-k-restaurant{color:#A2321E;background:#FDE7E2}.trvq-k-combo{color:#8A2C6E;background:#FBE4F3}
.trvq-lines{display:flex;flex-direction:column;gap:10px}
.trvq-line{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 120px;gap:14px;align-items:start;padding:14px;border:1px solid var(--trva-line);border-radius:16px;background:var(--trva-row);animation:trvqIn .35s ease both}
.trvq-line-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.trvq-line-info b{font-size:14px}
.trvq-line-info small{font-size:12px;color:var(--trva-muted)}
.trvq-note{height:36px;font-size:13px;margin-top:4px}
.trvq-line-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.trvq-line-f .trva-cp-field{display:flex;flex-direction:column;gap:4px;margin:0}
.trvq-line-f .trva-cp-field span{font-size:11px;font-weight:700;color:var(--trva-muted)}
.trvq-line-f .trva-input{height:40px;font-size:14px;padding:0 10px}
.trvq-line-end{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.trvq-line-end b{font-size:15px}
.trvq-line-end small{font-size:11px;color:var(--trva-muted)}
.trvq-x{appearance:none;border:1px solid var(--trva-line);background:var(--trva-card);width:30px;height:30px;border-radius:10px;font-size:18px;line-height:1;color:var(--trva-muted);cursor:pointer;margin-top:6px}
.trvq-x:hover{color:var(--trva-r);border-color:var(--trva-r);background:var(--trva-rbg)}
.trvq-empty{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;text-align:center;padding:28px 16px;border:1px dashed var(--trva-line);border-radius:16px;color:var(--trva-muted);grid-column:1/-1}
.trvq-empty b{color:var(--trva-ink);font-size:14px}
.trvq-sum{padding:20px}
.trvq-sum-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.trvq-sum-top small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted)}
.trvq-sum-top b{font-size:17px}
.trvq-dl{margin:0;display:flex;flex-direction:column;gap:2px}
.trvq-dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--trva-line2);font-size:14px}
.trvq-dl dt{color:var(--trva-ink2)}.trvq-dl dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}
.trvq-dl dd.is-neg{color:var(--trva-r)}
.trvq-dl .is-total{border-bottom:0;padding-top:12px;font-size:18px}
.trvq-dl .is-total dd{font-size:22px;letter-spacing:-.01em}
.trvq-dep{font-size:13px!important;color:var(--trva-aink)}
.trvq-state{margin:10px 0 0;font-size:12px;color:var(--trva-muted);min-height:16px}
.trvq-acts{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.trvq-acts>.trva-btn{width:100%}
.trvq-acts2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.trvq-acts2:empty{display:none}
.trvq-acts2 .trva-btn{width:100%;padding:0 10px}
.trvq-recent{padding:16px}
.trvq-rec{appearance:none;width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border:0;border-radius:12px;background:transparent;font:inherit;text-align:left;cursor:pointer;color:inherit}
.trvq-rec:hover,.trvq-rec.is-on{background:var(--trva-tint2)}
.trvq-rec div{display:flex;flex-direction:column;gap:2px;min-width:0}
.trvq-rec b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trvq-rec small{font-size:11px;color:var(--trva-muted)}
.trvq-rec-end{align-items:flex-end;flex:none}
.trvq-confirm{list-style:none;margin:12px 0;padding:0;border:1px solid var(--trva-line);border-radius:14px;overflow:hidden}
.trvq-confirm li{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--trva-line2);font-size:14px}
.trvq-confirm li:last-child{border-bottom:0;font-size:16px;background:var(--trva-tint2)}
.trva-doc-terms{margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--trva-bg);font-size:13px;line-height:1.6}
.trva-doc-terms small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted);margin-bottom:4px}
.trva-doc-terms p{margin:0 0 6px}
.trva-doc-sign{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}
.trva-doc-sign div{display:flex;flex-direction:column;gap:4px;padding-top:56px;border-top:0;position:relative}
.trva-doc-sign div::before{content:"";position:absolute;left:0;right:20%;top:48px;border-top:1px solid var(--trva-line)}
.trva-doc-sign small{position:absolute;top:0;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--trva-muted)}
@keyframes trvqIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:1180px){.trvq-grid{grid-template-columns:1fr}.trvq-side{position:static}.trvq-line{grid-template-columns:1fr}.trvq-line-end{flex-direction:row;align-items:center;justify-content:space-between}}
@media (max-width:720px){.trvq-form{grid-template-columns:1fr 1fr}.trvq-w2{grid-column:1/-1}.trvq-search{max-width:none;width:100%}}
@media (prefers-reduced-motion:reduce){.trvq-line{animation:none}.trvq-svc,.trvq-add{transition:none}}
@media print{.trva-doc-terms{background:none;border:1px solid #ddd}}
/* ---------- printed documents: quote, receipt, voucher, contract ---------- */
.trva-doc-logo{display:block;max-height:44px;max-width:180px;object-fit:contain;margin-bottom:8px}
.trva-doc-h{margin:20px 0 8px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--trva-ink2)}
.trva-doc-amount{margin:16px 0;padding:18px 20px;border-radius:16px;background:var(--trva-tint2);display:flex;flex-direction:column;gap:2px}
.trva-doc-amount small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--trva-muted)}
.trva-doc-amount b{font-size:30px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.trva-doc-amount span{font-size:13px;color:var(--trva-ink2)}
.trva-doc-code{font-size:22px!important;letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.trva-doc-items{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.trva-doc-item{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:12px;border:1px solid var(--trva-line);border-radius:14px;break-inside:avoid}
.trva-doc-item>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.trva-doc-item b{font-size:14px}
.trva-doc-item small{font-size:12px;color:var(--trva-muted)}
.trva-doc-date{align-items:center;justify-content:center;border-radius:12px;background:var(--trva-grad);color:var(--trva-ona);padding:8px 4px}
.trva-doc-date b{font-size:24px!important;line-height:1}
.trva-doc-date small{color:inherit!important;opacity:.85;font-size:11px!important}
.trva-doc-kind{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--trva-aink)}
.trva-doc-help{margin:8px 0 0;font-size:13px;font-weight:700}
@media print{.trva-doc-date{background:none;color:#000;border:1px solid #999}.trva-doc-amount{background:none;border:1px solid #ccc}}
/* ---------- Call centre ---------- */
.trvc-line{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--trva-line);background:var(--trva-card);font-size:13px;font-weight:700;color:var(--trva-ink2)}
.trvc-line i{width:9px;height:9px;border-radius:50%;background:var(--trva-muted)}
.trvc-line.is-on i{background:var(--trva-g);box-shadow:0 0 0 4px var(--trva-gbg)}
.trvc-line.is-off i{background:var(--trva-r);box-shadow:0 0 0 4px var(--trva-rbg)}
.trvc-kpis{margin-top:18px}
.trvc-kpi b{font-size:26px;letter-spacing:-.02em}
.trvc-kpi small{font-size:12px;font-weight:700;color:var(--trva-muted)}
.trvc-k1 b{color:var(--trva-gink)}.trvc-k2 b{color:var(--trva-r)}
.trvc-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
.trvc-col{display:flex;flex-direction:column;gap:16px}
.trvc-dial form{display:flex;flex-direction:column;gap:12px}
.trvc-dial .trva-cp-field{display:flex;flex-direction:column;gap:6px;margin:0}
.trvc-dial .trva-cp-field>span{font-size:12px;font-weight:700;color:var(--trva-ink2)}
.trvc-num{height:58px;font-size:24px;font-weight:800;letter-spacing:.04em;text-align:center;font-variant-numeric:tabular-nums}
.trvc-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.trvc-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.trvc-key{appearance:none;height:48px;border-radius:14px;border:1px solid var(--trva-line);background:var(--trva-bg);font:inherit;font-size:20px;font-weight:700;color:var(--trva-ink);cursor:pointer;transition:background .15s,transform .1s}
.trvc-key:hover{background:var(--trva-tint2)}.trvc-key:active{transform:scale(.96)}
.trvc-btns{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}
.trvc-go{background:linear-gradient(145deg,#2FBF71,#1E9E57)!important;border-color:transparent!important;color:#fff!important;font-size:16px}
.trvc-how{margin:0;font-size:12px;color:var(--trva-muted);line-height:1.5}
.trvc-who{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:var(--trva-tint2)}
.trvc-who>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.trvc-who b{font-size:14px}.trvc-who span,.trvc-who small{font-size:12px;color:var(--trva-ink2)}
.trvc-av{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--trva-grad);color:var(--trva-ona);font-weight:800;font-size:16px}
.trvc-card .trvc-who{margin-bottom:12px}
.trvc-live{border-color:var(--trva-aline);background:linear-gradient(180deg,var(--trva-tint2),var(--trva-card))}
.trvc-live-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.trvc-live-top div{display:flex;flex-direction:column}
.trvc-live-top b{font-size:16px}.trvc-live-top small{font-size:12px;color:var(--trva-aink);font-weight:700}
.trvc-pulse{width:14px;height:14px;border-radius:50%;background:var(--trva-g);box-shadow:0 0 0 0 rgba(34,165,91,.5);animation:trvcPulse 1.4s infinite}
@keyframes trvcPulse{0%{box-shadow:0 0 0 0 rgba(34,165,91,.5)}70%{box-shadow:0 0 0 12px rgba(34,165,91,0)}100%{box-shadow:0 0 0 0 rgba(34,165,91,0)}}
.trvc-wrap{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.trvc-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--trva-line2)}
.trvc-row:last-child{border-bottom:0}
.trvc-row.is-late .trvc-row-t small{color:var(--trva-r)}
.trvc-row-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.trvc-row-t b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trvc-row-t small{font-size:11.5px;color:var(--trva-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trvc-row-t .trvc-note{white-space:normal;color:var(--trva-ink2)}
.trvc-row-e{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}
.trvc-row-e small{font-size:11px;color:var(--trva-muted);font-variant-numeric:tabular-nums}
.trvc-dir{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:var(--trva-tint2);color:var(--trva-aink)}
.trvc-inbound{background:var(--trva-gbg);color:var(--trva-gink)}
.trvc-mini{appearance:none;flex:none;width:32px;height:32px;border-radius:10px;border:1px solid var(--trva-line);background:var(--trva-card);cursor:pointer;font-size:15px;color:var(--trva-gink)}
.trvc-mini:hover{background:var(--trva-gbg);border-color:var(--trva-g)}
.trvc-pri{flex:none;width:10px;height:10px;border-radius:50%;background:var(--trva-aline)}
.trvc-p-high,.trvc-p-urgent{background:var(--trva-r)}.trvc-p-low{background:var(--trva-line)}
.trvc-setup .trva-cp-field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.trvc-setup small{font-size:11.5px;color:var(--trva-muted)}
@media (max-width:1280px){.trvc-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}.trvc-recent{grid-column:1/-1}}
@media (max-width:860px){.trvc-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.trvc-pulse{animation:none}}
/* ---------- Flights ---------- */
.trvf-form{margin-top:18px;display:flex;flex-direction:column;gap:12px}
.trvf-trip,.trvf-sort{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--trva-bg);border:1px solid var(--trva-line);width:max-content}
.trvf-trip button,.trvf-sort button{appearance:none;border:0;background:transparent;font:inherit;font-size:13px;font-weight:700;color:var(--trva-ink2);height:34px;padding:0 14px;border-radius:9px;cursor:pointer}
.trvf-trip button[aria-pressed="true"],.trvf-sort button[aria-pressed="true"]{background:var(--trva-card);color:var(--trva-ink);box-shadow:var(--trva-shadow)}
.trvf-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.trvf-row .trva-cp-field{display:flex;flex-direction:column;gap:5px;margin:0;min-width:130px;flex:1}
.trvf-row .trva-cp-field>span{font-size:12px;font-weight:700;color:var(--trva-ink2)}
.trvf-row .trvf-n{flex:0 0 90px;min-width:90px}
.trvf-code{text-transform:uppercase;font-weight:800;letter-spacing:.12em;font-size:18px;text-align:center}
.trvf-swap{appearance:none;width:40px;height:48px;border-radius:12px;border:1px solid var(--trva-line);background:var(--trva-card);font-size:18px;cursor:pointer;color:var(--trva-aink)}
.trvf-go{height:48px;flex:0 0 auto}
.trvf-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 8px}
.trvf-bar small{margin-left:auto;color:var(--trva-muted);font-weight:700}
.trvf-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.trvf-sh{height:110px;border-radius:18px}
.trvf-card{display:grid;grid-template-columns:170px minmax(0,1fr) 200px;gap:18px;align-items:center;padding:16px 18px;border:1px solid var(--trva-line);border-radius:18px;background:var(--trva-card);box-shadow:var(--trva-shadow);animation:trvqIn .35s ease both;transition:border-color .2s,transform .2s}
.trvf-card:hover{border-color:var(--trva-aline);transform:translateY(-1px)}
.trvf-air{display:flex;align-items:center;gap:10px;min-width:0}
.trvf-air img,.trvf-ph{width:36px;height:36px;border-radius:10px;object-fit:contain;background:var(--trva-bg);flex:none}
.trvf-ph{display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--trva-aink)}
.trvf-air b{font-size:13.5px;line-height:1.25}
.trvf-slices{display:flex;flex-direction:column;gap:10px}
.trvf-slice{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;position:relative;padding-bottom:16px}
.trvf-pt{display:flex;flex-direction:column}
.trvf-pt b{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.trvf-pt small{font-size:11.5px;color:var(--trva-muted);font-weight:700}
.trvf-mid{display:flex;flex-direction:column;align-items:center;gap:3px}
.trvf-mid i{display:block;width:100%;height:2px;background:linear-gradient(90deg,var(--trva-aline),var(--trva-a2));border-radius:2px;position:relative}
.trvf-mid i::after{content:"";position:absolute;right:-2px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--trva-a2)}
.trvf-mid small{font-size:11px;color:var(--trva-muted);font-weight:700}
.trvf-mid .is-direct{color:var(--trva-gink)}.trvf-mid .is-stop{color:#B26B00}
.trvf-fl{position:absolute;left:0;bottom:0;font-size:11px;color:var(--trva-muted)}
.trvf-end{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.trvf-end small{font-size:11px;color:var(--trva-muted)}
.trvf-end b{font-size:20px;letter-spacing:-.01em}
@media (max-width:980px){.trvf-card{grid-template-columns:1fr}.trvf-end{flex-direction:row;align-items:center;justify-content:space-between}}
/* ---------- the public website: travel ---------- */
.trv-kchip{position:absolute;inset-block-end:10px;inset-inline-start:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font-size:calc(11.5px*var(--fz,1));font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.trv-kchip .trv-ic{width:14px;height:14px}
.trv-card-trip{display:flex;align-items:center;gap:6px;font-size:calc(12.5px*var(--fz,1));color:var(--mute);min-width:0}
.trv-card-trip .trv-ic{width:15px;height:15px;flex:none;color:var(--accent)}
.trv-card-trip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trv-line-date{display:inline-flex!important;align-items:center;gap:5px;color:var(--accent)!important;font-weight:600}
.trv-line-date .trv-ic{width:14px;height:14px}
.trv-tchips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
.trv-tchip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--soft);font-size:calc(13px*var(--fz,1));font-weight:600}
.trv-tchip .trv-ic{width:16px;height:16px;color:var(--accent)}
.trv-tchip.is-ok{background:color-mix(in srgb,var(--ok,#1f9d55) 12%,var(--bg));color:var(--ok,#1f9d55)}
.trv-tchip.is-ok .trv-ic{color:inherit}
.trv-tdates{display:grid;grid-template-columns:1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}
.trv-tdates.is-stay{grid-template-columns:1fr 1fr}
.trv-tdates .trv-field>span{display:flex;align-items:center;gap:6px}
.trv-tdates .trv-ic{width:16px;height:16px;color:var(--accent)}
.trv-tdates .trv-input{background:var(--bg);font-weight:600}
.trv-tnote{margin:-4px 0 0;font-size:calc(12.5px*var(--fz,1));color:var(--mute);display:flex;align-items:center;gap:6px}
.trv-tnote .trv-ic{width:15px;height:15px}
.trv-itin{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:4px}
.trv-itin::before{content:"";position:absolute;inset-block:18px;inset-inline-start:21px;width:2px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 15%,transparent))}
.trv-itin li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:16px;padding:10px 0}
.trv-itin-n{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:12px;text-align:center;line-height:1.1;padding:2px;box-shadow:0 0 0 5px var(--bg)}
.trv-itin b{display:block;font-size:calc(16px*var(--fz,1));margin:10px 0 4px;font-family:var(--fd)}
.trv-itin p{margin:0 0 4px;color:var(--mute);line-height:1.65}
.trv-incls{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.trv-incl{padding:20px;border-radius:var(--radius);background:var(--soft)}
.trv-incl h3{font-size:calc(16px*var(--fz,1));margin:0 0 12px}
.trv-incl ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.trv-incl li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.trv-incl .trv-ic{width:18px;height:18px;margin-top:2px;color:var(--ok,#1f9d55);flex:none}
.trv-incl.is-no .trv-ic{color:var(--sale)}
.trv-policy p{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;line-height:1.6}
.trv-policy .trv-ic{width:18px;height:18px;margin-top:3px;color:var(--accent);flex:none}
.trv-ktabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;margin-bottom:6px;scrollbar-width:none}
.trv-ktabs::-webkit-scrollbar{display:none}
.trv-ktabs button{flex:none;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:calc(14px*var(--fz,1));font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.trv-ktabs button small{font-size:11px;color:var(--mute);font-weight:700}
.trv-ktabs button .trv-ic{width:16px;height:16px;color:var(--accent)}
.trv-ktabs button:hover{border-color:var(--ink)}
.trv-ktabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.trv-ktabs button[aria-selected="true"] small,.trv-ktabs button[aria-selected="true"] .trv-ic{color:inherit}
/* the trip search */
.trv-tsearch{display:grid;grid-template-columns:1.4fr 1fr 1fr .9fr auto;align-items:stretch;gap:0;background:var(--bg);color:var(--ink);border-radius:calc(var(--radius) + 8px);padding:8px;box-shadow:0 18px 50px rgba(10,20,40,.18),0 2px 6px rgba(10,20,40,.06);max-width:1080px;width:100%}
.trv-ts-f{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 18px;border-inline-end:1px solid var(--line);min-width:0;cursor:text}
.trv-ts-f:nth-child(4){border-inline-end:0}
.trv-ts-f>span{display:flex;align-items:center;gap:6px;font-size:calc(12px*var(--fz,1));font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.trv-ts-f .trv-ic{width:15px;height:15px;color:var(--accent)}
.trv-ts-f input,.trv-ts-f select{border:0;outline:0;background:transparent;font:inherit;font-size:calc(15.5px*var(--fz,1));font-weight:600;color:var(--ink);padding:2px 0;min-width:0;width:100%;appearance:none;-webkit-appearance:none}
.trv-ts-f select{cursor:pointer}
.trv-ts-go{min-height:60px;padding:0 28px;border-radius:calc(var(--radius) + 2px);font-size:calc(15px*var(--fz,1));letter-spacing:.02em;text-transform:uppercase;font-weight:800}
.trv-ts-go .trv-ic{width:18px;height:18px}
.trv-tsearch.is-v{grid-template-columns:1fr 1fr;gap:4px;max-width:520px}
.trv-tsearch.is-v .trv-ts-f{border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}
.trv-tsearch.is-v .trv-ts-f:first-child{grid-column:1/-1}
.trv-tsearch.is-v .trv-ts-go{grid-column:1/-1;min-height:54px}
/* hero: big photo with the search */
.trv-th{position:relative;min-height:min(86vh,760px);display:flex;align-items:center;overflow:hidden;color:#fff;background:#0d1a24;isolation:isolate}
.trv-th-bg{position:absolute;inset:-60px 0;z-index:-2;will-change:transform}
.trv-th-bg>*,.trv-th-bg img,.trv-th-bg .trv-ph{width:100%;height:100%;object-fit:cover;display:block}
.trv-th-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,14,22,.25) 0,rgba(6,14,22,.35) 45%,rgba(6,14,22,.78) 100%)}
.trv-th-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding-block:120px 70px}
.trv-th-k{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);font-size:calc(13px*var(--fz,1));font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.trv-th h1{font-family:var(--fd);font-size:calc(clamp(40px,6.4vw,88px)*var(--fz,1));line-height:1.02;letter-spacing:-.02em;max-width:16ch;margin:0;text-wrap:balance}
.trv-th-in>p{max-width:640px;font-size:calc(clamp(16px,1.4vw,19px)*var(--fz,1));line-height:1.6;opacity:.92;margin:0}
.trv-th .trv-tsearch{margin-top:18px;text-align:start}
.trv-th-figs{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 44px;margin:30px 0 0;padding:0}
.trv-th-figs li{display:flex;flex-direction:column;align-items:center}
.trv-th-figs b{font-family:var(--fd);font-size:calc(34px*var(--fz,1));line-height:1;font-variant-numeric:tabular-nums}
.trv-th-figs span{font-size:calc(12.5px*var(--fz,1));opacity:.8;margin-top:6px;letter-spacing:.04em;text-transform:uppercase}
/* hero: search + collage */
.trv-jh{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 85% 20%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),var(--soft)}
.trv-jh-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding-block:72px}
.trv-jh-copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.trv-jh .trv-th-k{background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,transparent);backdrop-filter:none}
.trv-jh h1{font-family:var(--fd);font-size:calc(clamp(38px,5.2vw,74px)*var(--fz,1));line-height:1.04;letter-spacing:-.02em;margin:0;text-wrap:balance}
.trv-jh-copy>p{color:var(--mute);font-size:calc(17px*var(--fz,1));line-height:1.65;max-width:520px;margin:0}
.trv-jh-art{position:relative;height:min(620px,72vh)}
.trv-jh-pic{position:absolute;display:block;overflow:hidden;border-radius:calc(var(--radius) + 10px);box-shadow:0 24px 60px rgba(10,20,40,.18);background:var(--line)}
.trv-jh-pic img,.trv-jh-pic .trv-ph{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.75,.15,1)}
.trv-jh-pic:hover img{transform:scale(1.06)}
.trv-jh-pic span{position:absolute;inset-inline:12px;inset-block-end:12px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trv-jh-p0{inset-inline-start:8%;top:0;width:58%;height:68%}
.trv-jh-p1{inset-inline-end:0;top:18%;width:38%;height:46%}
.trv-jh-p2{inset-inline-start:0;bottom:0;width:46%;height:36%}
.trv-jh-dot{position:absolute;inset-inline-end:10%;bottom:6%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--accent) 2px,transparent 2.5px) 0 0/14px 14px;opacity:.35}
/* effects */
.trv-wd{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .02em .14em;margin:-.12em -.02em -.14em}
.trv-wd>i{display:inline-block;font-style:inherit;transition:transform 1s cubic-bezier(.2,.75,.15,1);transition-delay:calc(var(--i) * 55ms)}
html[data-trv-fx="soft"] .trv-split:not(.is-in) .trv-wd>i{transform:translateY(40%);opacity:0}
html[data-trv-fx="soft"] .trv-wd>i{transition:transform .9s cubic-bezier(.2,.75,.15,1),opacity .9s;transition-delay:calc(var(--i) * 40ms)}
html[data-trv-fx="rich"] .trv-split:not(.is-in) .trv-wd>i{transform:translateY(108%) rotate(4deg);transform-origin:left bottom}
html[data-trv-fx="soft"] [data-fx]:not(.is-in),html[data-trv-fx="rich"] [data-fx]:not(.is-in){opacity:0;transform:translateY(26px)}
html[data-trv-fx="soft"] [data-fx],html[data-trv-fx="rich"] [data-fx]{transition:opacity .9s cubic-bezier(.2,.75,.15,1),transform .9s cubic-bezier(.2,.75,.15,1)}
html[data-trv-fx="rich"] .trv-card-img{transition:transform .35s cubic-bezier(.2,.75,.15,1);transform-style:preserve-3d}
html[data-trv-fx="rich"] [data-par]{will-change:transform}
html[data-trv-fx="off"] [data-fx],html[data-trv-fx="off"] .trv-wd>i{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){[data-fx],.trv-wd>i,[data-par]{opacity:1!important;transform:none!important;transition:none!important}}
@media (max-width:1024px){.trv-tsearch{grid-template-columns:1fr 1fr}.trv-ts-f{border-inline-end:0;border-bottom:1px solid var(--line)}.trv-ts-go{grid-column:1/-1}.trv-jh-in{grid-template-columns:1fr}.trv-jh-art{height:420px}}
@media (max-width:600px){.trv-tsearch{grid-template-columns:1fr;padding:6px}.trv-tsearch.is-v{grid-template-columns:1fr}.trv-th-in{padding-block:90px 50px}.trv-th-figs{gap:12px 26px}.trv-tdates.is-stay{grid-template-columns:1fr}.trv-jh-art{height:340px}}