:root{
  --ta-ink:#0b1220;--ta-text:#172033;--ta-muted:#697588;--ta-blue:#2d6cff;--ta-blue-2:#1f57d8;
  --ta-bg:#eef2f6;--ta-surface:#fff;--ta-soft:#f5f7fa;--ta-border:#e4e9ef;--ta-success:#177a4b;
  --ta-radius:16px;--ta-shadow:0 18px 50px rgba(18,32,55,.10);
}
html{background:var(--ta-bg)}
body{background:var(--ta-bg)!important;color:var(--ta-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body.ui-shell-active,body.ui-has-bottom{padding-bottom:82px}
a{color:var(--ta-blue)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ui-skip{position:fixed;left:12px;top:8px;z-index:300;background:#fff;color:var(--ta-ink);padding:9px 12px;border-radius:10px;transform:translateY(-160%);transition:.15s;box-shadow:var(--ta-shadow)}.ui-skip:focus{transform:translateY(0)}
:focus-visible{outline:3px solid rgba(45,108,255,.38)!important;outline-offset:2px!important}
button,a,input,select,textarea{touch-action:manipulation}button:disabled,.btn:disabled{cursor:not-allowed;opacity:.58!important}button:not(:disabled),a{transition:transform .14s ease,opacity .14s ease,background-color .14s ease,border-color .14s ease}button:not(:disabled):active,a:active{transform:scale(.985)}
.ui-footer{box-sizing:border-box;width:100%;margin:30px 0 -34px;padding:22px 16px calc(20px + env(safe-area-inset-bottom));border-top:1px solid #dfe5ec;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%)}.ui-footer-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.ui-footer-brand{display:flex;align-items:center;gap:10px;min-width:0}.ui-footer-brand .ui-store-mark{width:42px;height:42px;border-radius:12px;font-size:12px;flex:0 0 auto}.ui-footer-brand strong{display:block;font-size:14px}.ui-footer-brand small{display:block;color:var(--ta-muted);font-size:9px;margin-top:3px;line-height:1.35}.ui-footer-help{flex:0 0 auto;text-decoration:none!important;background:#fff;border:1px solid #dfe5ec;border-radius:13px;padding:9px 11px;box-shadow:0 2px 8px rgba(18,32,55,.04)}.ui-footer-help span{display:block;color:var(--ta-muted);font-size:8px;font-weight:700}.ui-footer-help b{display:block;color:var(--ta-blue);font-size:10px;margin-top:2px}.ui-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;padding:18px 0}.ui-footer-nav>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,max-content);gap:8px 18px}.ui-footer-nav h3{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 9px;color:#748093}.ui-footer-nav a{display:block;text-decoration:none;color:var(--ta-text);font-size:10px;font-weight:750;padding:4px 0}.ui-footer-trust{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid #dfe5ec;border-bottom:1px solid #dfe5ec;padding:13px 0}.ui-footer-trust span{font-size:8px;font-weight:750;color:#536075}.ui-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:13px;color:#7c8798;font-size:8px}.ui-footer-bottom span:last-child{text-align:right}
h1,h2,h3,strong,b{color:var(--ta-ink)}
h1{letter-spacing:-.045em;line-height:1.08}
h2{letter-spacing:-.035em}
.muted,.notice,.fine{color:var(--ta-muted)!important}
.page,.wrap,.compare-page,.catalog-page,.pdp,.app-shell{
  width:min(100%,760px)!important;max-width:760px!important;margin:0 auto!important;background:var(--ta-surface)!important;
}
.page,.wrap{min-height:100vh!important;padding:22px 18px 40px!important}
.card,.grade,.step,.info-card,.sheet-panel,.empty-state{
  border:1px solid var(--ta-border)!important;border-radius:var(--ta-radius)!important;background:var(--ta-surface)!important;
  box-shadow:0 1px 0 rgba(18,32,55,.02);
}
.card{padding:16px!important}
.btn{border-radius:13px!important;min-height:44px!important;font-weight:850!important}
.btn.primary{background:var(--ta-blue)!important;color:#fff!important}
.btn.primary:hover{background:var(--ta-blue-2)!important}
.btn.dark{background:var(--ta-ink)!important;color:#fff!important}
input,select,textarea,.delivery-input{
  border:1px solid #dce3eb!important;border-radius:12px!important;background:#fff!important;color:var(--ta-text)!important;
  min-height:44px!important;outline:none!important
}
input:focus,select:focus,textarea:focus,.delivery-input:focus{border-color:var(--ta-blue)!important;box-shadow:0 0 0 3px rgba(45,108,255,.10)!important}
.eyebrow{color:var(--ta-blue)!important;font-weight:900!important;letter-spacing:.14em!important}
.badge,.tag,.condition-badge{border-radius:999px!important}
.ui-store-header{
  position:sticky;top:0;z-index:65;width:min(100%,760px);margin:0 auto;background:rgba(255,255,255,.97);
  backdrop-filter:blur(16px);border-bottom:1px solid var(--ta-border);padding:10px 14px;display:grid;grid-template-columns:44px 1fr auto;
  align-items:center;gap:10px
}
.ui-store-back{width:40px;height:40px;border:0;background:var(--ta-soft);border-radius:12px;font-size:18px;color:var(--ta-ink)}
.ui-store-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ta-ink)}
.ui-store-mark{width:34px;height:34px;border-radius:10px;background:var(--ta-ink);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:950}
.ui-store-brand strong{display:block;font-size:15px;line-height:1}.ui-store-brand small{display:block;color:var(--ta-blue);font-size:9px;font-weight:900;margin-top:3px;letter-spacing:.12em}
.ui-store-actions{display:flex;gap:7px}.ui-store-actions a{width:38px;height:38px;border-radius:12px;background:var(--ta-soft);display:grid;place-items:center;text-decoration:none;color:var(--ta-ink);font-size:17px}
.pdp-logo{color:var(--ta-ink)!important;text-decoration:none!important;cursor:pointer}.pdp-logo:active{opacity:.72}
.cat-home,.compare-home{width:34px;height:34px;border-radius:10px;background:var(--ta-ink);color:#fff!important;display:grid;place-items:center;text-decoration:none!important;font-size:10px;font-weight:950;flex:0 0 auto}
.cat-home-mark{color:#fff}.cat-home:active,.compare-home:active,.ui-store-brand:active{transform:scale(.97)}
.cat-top,.head-row{align-items:center}.cat-title{line-height:1.1}
.ui-shell-active>.page>a:first-child,.ui-shell-active>.wrap>a:first-child{display:none!important}
.ui-bottom-nav{
  position:fixed;z-index:80;left:50%;bottom:0;transform:translateX(-50%);width:min(760px,100%);height:70px;background:rgba(255,255,255,.98);
  backdrop-filter:blur(16px);border-top:1px solid var(--ta-border);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)
}
.ui-bottom-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;color:#7c8798;font-size:9px;font-weight:850}
.ui-bottom-nav span{font-size:19px}.ui-bottom-nav a.active{color:var(--ta-blue)}
.ui-notice{position:fixed;z-index:200;left:50%;bottom:88px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ta-ink);color:#fff;border-radius:999px;padding:11px 15px;font-size:11px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.22);transition:.2s;max-width:calc(100% - 28px);text-align:center}.ui-notice.show{opacity:1;transform:translate(-50%,0)}
.ui-page-intro{background:linear-gradient(145deg,#f8faff,#eef4ff);border:1px solid #dae5ff;border-radius:20px;padding:18px;margin:0 0 16px}
.ui-page-intro h1{margin:4px 0 6px;font-size:28px}.ui-page-intro p{margin:0;color:var(--ta-muted);font-size:12px;line-height:1.55}
.grid,.stats{gap:10px!important}
.tile{background:#fff!important;border-color:var(--ta-border)!important;transition:transform .15s,box-shadow .15s}
.tile:active,.catalog-card:active,.product-card:active{transform:scale(.992)}
.hero{border-radius:22px!important}
.row{border-color:#edf0f3!important}
table{border-color:var(--ta-border)}
@media(min-width:761px){
  body{padding:24px 0 92px}
  .page,.wrap,.compare-page,.catalog-page,.pdp,.app-shell{box-shadow:var(--ta-shadow);border-radius:22px;overflow:hidden}
  .ui-store-header{border-radius:22px 22px 0 0;box-shadow:0 6px 22px rgba(18,32,55,.06)}
  .ui-bottom-nav{border-radius:18px 18px 0 0;box-shadow:0 -8px 24px rgba(18,32,55,.08)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:760px){
  body{padding:0}
  .page,.wrap{padding:18px 14px 34px!important}
  .page,.wrap,.compare-page,.catalog-page,.pdp,.app-shell{border-radius:0!important}
  .ui-page-intro h1{font-size:24px}
}
@media(min-width:761px){
  body:not(.bo-shell){background:#fff!important;padding:0 0 48px!important}
  body:not(.bo-shell) .app-shell,
  body:not(.bo-shell) .catalog-page,
  body:not(.bo-shell) .pdp,
  body:not(.bo-shell) .compare-page{width:min(100%,1180px)!important;max-width:1180px!important;box-shadow:none!important;border-radius:0!important;overflow:visible}
  body:not(.bo-shell) .page,
  body:not(.bo-shell) .wrap{width:min(100%,960px)!important;max-width:960px!important;box-shadow:none!important;border-radius:0!important}
  body:not(.bo-shell) .ui-store-header{width:min(100%,1180px)!important;border-radius:0!important;box-shadow:none!important}
  body:not(.bo-shell) .ui-bottom-nav,
  body:not(.bo-shell) .bottom-nav{display:none!important}
  .app-shell{padding-bottom:30px!important}
  .announcement{font-size:12px!important;padding:9px 18px!important}
  .topbar{padding:12px 24px 14px!important}
  .brand-row{min-height:46px}
  .brand-mark{width:40px!important;height:40px!important}
  .brand strong{font-size:19px!important}
  .search-wrap{height:50px!important;margin-top:12px!important}
  .hero-card{margin:18px 24px!important;padding:34px 34px!important;min-height:280px!important;grid-template-columns:minmax(0,1fr) 180px!important;border-radius:26px!important}
  .hero-card h1{font-size:44px!important;line-height:1.02!important;max-width:500px!important}
  .hero-card p{font-size:16px!important;max-width:520px!important}
  .hero-phone{width:130px!important;height:238px!important}
  .trust-strip{margin:0 24px 12px!important;padding:16px 10px!important}
  .trust-strip div{font-size:11px!important}
  .section{padding:26px 24px 4px!important}
  .section h2{font-size:25px!important}
  .brand-chip{font-size:13px!important;padding:11px 16px!important}
  .budget-grid{gap:12px!important}
  .budget-grid button{padding:18px!important}
  .budget-grid span{font-size:17px!important}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  .product-media{height:190px!important}
  .installment-card{margin:24px 24px 0!important}
  .ui-footer{margin-top:42px!important;padding:28px 24px 26px!important}
  .ui-footer-nav{grid-template-columns:repeat(3,1fr)!important;gap:30px!important}
  .ui-footer-nav>div:last-child{grid-column:auto!important;display:block!important}
  .ui-footer-nav a{font-size:11px!important}
  .ui-footer-trust{grid-template-columns:repeat(4,1fr)!important}
  .ui-footer-bottom{font-size:9px!important}
  .catalog-page{padding-bottom:40px!important}
  .cat-head{padding:14px 22px!important}
  .cat-top{gap:12px!important}
  .cat-back{width:42px!important;height:42px!important}
  .cat-title{font-size:22px!important;margin:0!important}
  .cat-search{height:50px!important;margin-top:12px!important}
  .cat-search input{font-size:15px!important}
  .toolbar{padding:14px 22px 10px!important;grid-template-columns:170px 220px!important;justify-content:space-between!important}
  .tool-btn,.sort-select{font-size:12px!important;min-height:44px!important}
  .active-filters{padding:0 22px 10px!important}
  .catalog-summary{padding:2px 22px 12px!important;font-size:12px!important}
  .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;padding:0 22px!important}
  .catalog-card{border-radius:18px!important;box-shadow:0 2px 8px rgba(18,32,55,.035)}
  .catalog-img{height:210px!important;padding:18px!important}
  .catalog-img img{max-height:178px!important}
  .condition-badge,.stock-badge{font-size:8px!important;padding:5px 7px!important}
  .catalog-info{padding:13px 14px!important}
  .catalog-info small{font-size:9px!important}
  .catalog-info h3{font-size:15px!important;line-height:1.35!important;margin:6px 0 9px!important}
  .catalog-price{font-size:18px!important}
  .old{font-size:10px!important}
  .catalog-monthly{font-size:10px!important}
  .delivery-line{font-size:9px!important;line-height:1.45!important}
  .catalog-btn{font-size:11px!important;padding:11px!important}
  .compare-toggle{font-size:10px!important;padding:8px!important}
}
@media(min-width:1000px){
  .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
.hero-card h1,.hero-card h2,.hero-card strong{color:#fff!important}
.hero-card .eyebrow{color:#5f8cff!important}
.hero-card .btn.primary{color:#fff!important}
.hero-card .btn.ghost{color:#fff!important}
@media(max-width:760px){
  .hero-card h1{color:#fff!important}
  .hero-card{margin:14px 12px!important}
  .trust-strip{margin-left:12px!important;margin-right:12px!important}
  .topbar{padding-left:12px!important;padding-right:12px!important}
  .section{padding-left:12px!important;padding-right:12px!important}
  .catalog-info h3{font-size:13px!important}
  .catalog-price{font-size:16px!important}
  .catalog-info small,.delivery-line{font-size:9px!important}
}