:root{--navy:#001b3f;--navy2:#002e69;--blue:#0679ff;--blue2:#005fe8;--text:#071b3d;--muted:#6e7b8f;--line:#dbe5f0;--soft:#f7faff;--header-h:176px;--footer-h:78px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body.te-app-body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--text);overflow:hidden}.te-fixed-header{position:fixed;left:0;right:0;top:0;height:var(--header-h);z-index:50;background:radial-gradient(circle at 25% 0,#073e83 0,#001d43 38%,#00142f 100%);border-radius:0 0 20px 20px;padding:15px 18px 14px;box-shadow:0 10px 24px rgba(0,20,60,.18)}.te-brand-row{height:68px;display:flex;align-items:center;gap:14px}.te-icon-btn{width:44px;height:44px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 44px}.te-icon-btn svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.te-logo-wrap{flex:1;display:flex;align-items:center;gap:10px;min-width:0;color:#fff}.te-logo-wrap img{width:72px;height:72px;object-fit:contain;flex:0 0 72px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.14))}.te-logo-text{display:flex;flex-direction:column;gap:3px;min-width:0}.te-logo-text b{font-size:23px;letter-spacing:5px;line-height:1;color:#fff;white-space:nowrap}.te-logo-text b span{color:#1293ff}.te-logo-text em{font-style:normal;font-size:13px;letter-spacing:.7px;color:#eef6ff;white-space:nowrap}.te-top-actions{display:flex;align-items:center;gap:13px}.te-badge{position:absolute;right:0;top:0;width:21px;height:21px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 7px rgba(0,112,255,.35)}.te-search{height:58px;margin-top:18px;background:#fff;border-radius:23px;display:flex;align-items:center;padding:0 14px;border:1px solid rgba(7,27,61,.1);box-shadow:0 12px 24px rgba(0,0,0,.13)}.te-search svg{fill:none;stroke:var(--text);stroke-linecap:round;stroke-linejoin:round}.te-search-ico{width:33px;height:33px;stroke-width:2.25;flex:0 0 33px}.te-search input{flex:1;border:0;outline:0;background:transparent;height:100%;min-width:0;padding:0 14px;color:var(--text);font-size:21px;font-weight:600}.te-search input::placeholder{color:#9098a7}.te-scan{width:38px;height:38px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:#071b3d}.te-scan svg{width:31px;height:31px;stroke-width:2}.te-scroll-area{position:fixed;left:0;right:0;top:var(--header-h);bottom:calc(var(--footer-h) + var(--safe-bottom));overflow-y:auto;overflow-x:hidden;background:#fff;-webkit-overflow-scrolling:touch;padding:14px 18px 18px}.te-category-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:0 0 14px}.te-cat-icon{text-align:center;color:var(--text);display:block;min-width:0}.te-cat-icon span{width:66px;height:66px;border:1.5px solid #b7c1d0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;background:#fff}.te-cat-icon svg{width:38px;height:38px;fill:none;stroke:#071b3d;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.te-cat-icon b{font-size:16px;line-height:1.15;font-weight:750}.te-hero-card{height:224px;border-radius:17px;overflow:hidden;background:radial-gradient(circle at 70% 45%,#0759ae 0,#002d66 34%,#001636 100%);position:relative;color:#fff;padding:26px 28px;margin-bottom:14px;box-shadow:0 8px 24px rgba(0,28,75,.17)}.te-hero-card:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,50,.16),rgba(0,0,0,0)),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 40px);opacity:.65}.te-hero-copy{position:relative;z-index:3}.te-hero-copy h1{margin:0;font-size:38px;line-height:.98;letter-spacing:.5px}.te-hero-copy h1 span{color:#128cff}.te-hero-copy p{font-size:22px;line-height:1.2;margin:15px 0 20px}.te-hero-copy a{height:45px;min-width:145px;border-radius:8px;background:linear-gradient(135deg,#0a8dff,#0064ef);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:18px;font-weight:700}.te-hero-products{position:absolute;z-index:2;right:28px;bottom:35px;top:28px;width:56%;display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}.te-hero-products img{max-width:33%;max-height:154px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}.te-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:10px;z-index:4}.te-dots i{width:12px;height:12px;border-radius:50%;background:#d9dee7}.te-dots i:first-child{background:var(--blue)}.te-section-head{height:34px;display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px}.te-section-head h2{font-size:22px;margin:0;font-weight:800;letter-spacing:.1px}.te-section-head a{font-size:17px;color:#006dff;font-weight:700}.te-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.te-product-card{border:1px solid #d7e0eb;border-radius:14px;background:#fff;overflow:hidden;min-height:218px;box-shadow:0 4px 10px rgba(7,27,61,.035)}.te-product-img{height:122px;display:flex;align-items:center;justify-content:center;padding:10px 10px 2px;background:#fff}.te-product-img img{max-width:100%;max-height:100%;object-fit:contain}.te-product-info{padding:6px 14px 12px;min-width:0}.te-product-brand{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#0a70e8;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te-product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px;line-height:1.15;font-weight:800;color:var(--text);min-height:42px}.te-product-model{font-size:14px;line-height:1.2;color:#788498;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te-price-row{display:flex;align-items:baseline;gap:6px;margin-top:6px;flex-wrap:wrap}.te-price-row del{font-size:11px;color:#9aa3b1}.te-price-row strong{font-size:16px;color:#006eff}.te-empty{border:1px solid var(--line);border-radius:16px;padding:25px;text-align:center;color:var(--text);background:#fff}.te-empty p{color:var(--muted);margin-bottom:0}.te-fixed-footer{position:fixed;left:0;right:0;bottom:0;height:calc(var(--footer-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);z-index:55;background:radial-gradient(circle at 50% 0,#053b7b 0,#001d43 45%,#00142f 100%);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -10px 25px rgba(0,20,60,.18)}.te-fixed-footer a{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:14px}.te-fixed-footer svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.te-fixed-footer a.active{color:#128cff}.te-drawer{position:fixed;left:0;top:0;bottom:0;width:310px;max-width:84vw;background:#fff;z-index:80;transform:translateX(-105%);transition:.25s ease;padding:15px;box-shadow:20px 0 40px rgba(0,0,0,.2)}.te-drawer.open{transform:translateX(0)}.te-drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}.te-drawer-head img{width:135px;height:60px;object-fit:contain}.te-drawer-head button{border:0;background:#eff5ff;border-radius:10px;width:38px;height:38px;font-size:28px;color:var(--text)}.te-drawer a{display:block;padding:15px 10px;border-bottom:1px solid #eef3f8;font-weight:800;color:var(--text)}.te-overlay{position:fixed;inset:0;background:rgba(0,10,30,.55);z-index:75;display:none}.te-overlay.show{display:block}@media (min-width:900px){:root{--header-h:142px;--footer-h:70px}.te-fixed-header{border-radius:0;padding:14px 32px}.te-brand-row{height:54px}.te-logo-wrap img{width:60px;height:60px}.te-logo-text b{font-size:21px}.te-logo-text em{font-size:12px}.te-search{height:48px;margin-top:11px;max-width:1100px;margin-left:auto;margin-right:auto}.te-search input{font-size:17px}.te-scroll-area{padding:18px 30px}.te-category-strip,.te-hero-card,.te-section{max-width:1200px;margin-left:auto;margin-right:auto}.te-cat-icon span{width:58px;height:58px}.te-cat-icon b{font-size:14px}.te-hero-card{height:230px}.te-product-grid{grid-template-columns:repeat(4,1fr)}.te-product-card{min-height:222px}.te-fixed-footer{max-width:none}.te-hide-home-mobile{display:flex}}@media (max-width:560px){:root{--header-h:151px;--footer-h:68px}.te-fixed-header{padding:11px 14px 12px;border-radius:0 0 16px 16px}.te-brand-row{height:58px;gap:8px}.te-icon-btn{width:36px;height:36px;flex-basis:36px}.te-icon-btn svg{width:27px;height:27px}.te-logo-wrap{gap:6px;justify-content:center}.te-logo-wrap img{width:58px;height:58px;flex-basis:58px}.te-logo-text b{font-size:15px;letter-spacing:3px}.te-logo-text em{font-size:9px;letter-spacing:.4px}.te-top-actions{gap:5px}.te-hide-home-mobile{display:none}.te-badge{width:18px;height:18px;font-size:10px}.te-search{height:47px;margin-top:11px;border-radius:18px;padding:0 11px}.te-search-ico{width:27px;height:27px}.te-search input{font-size:15px;padding:0 9px}.te-scan{width:30px}.te-scan svg{width:25px;height:25px}.te-scroll-area{padding:10px 12px 13px}.te-category-strip{gap:6px;margin-bottom:10px;overflow-x:auto;display:flex;padding-bottom:2px;scrollbar-width:none}.te-category-strip::-webkit-scrollbar{display:none}.te-cat-icon{flex:0 0 68px}.te-cat-icon span{width:49px;height:49px;margin-bottom:6px}.te-cat-icon svg{width:29px;height:29px}.te-cat-icon b{font-size:11px}.te-hero-card{height:157px;border-radius:13px;padding:18px 18px;margin-bottom:9px}.te-hero-copy h1{font-size:25px}.te-hero-copy p{font-size:15px;margin:9px 0 13px}.te-hero-copy a{height:35px;min-width:102px;font-size:13px;border-radius:7px}.te-hero-products{right:14px;bottom:25px;top:22px;width:56%;gap:4px}.te-hero-products img{max-height:98px;max-width:34%}.te-dots{bottom:8px;gap:7px}.te-dots i{width:8px;height:8px}.te-section-head{height:27px;margin:0 2px 8px}.te-section-head h2{font-size:18px}.te-section-head a{font-size:13px}.te-product-grid{grid-template-columns:repeat(3,1fr);gap:8px}.te-product-card{min-height:151px;border-radius:10px}.te-product-img{height:78px;padding:7px 6px 0}.te-product-info{padding:5px 7px 8px}.te-product-brand{font-size:7px}.te-product-name{font-size:12px;min-height:28px}.te-product-model{font-size:9px}.te-price-row del{font-size:8px}.te-price-row strong{font-size:11px}.te-fixed-footer a{font-size:11px;gap:3px}.te-fixed-footer svg{width:25px;height:25px}}@media (max-width:380px){.te-product-grid{gap:6px}.te-product-name{font-size:11px}.te-logo-text b{font-size:13px;letter-spacing:2.5px}.te-logo-wrap img{width:52px;height:52px;flex-basis:52px}.te-cat-icon{flex-basis:62px}.te-hero-card{height:146px}.te-hero-products img{max-height:88px}.te-hero-copy h1{font-size:22px}.te-hero-copy p{font-size:13px}.te-product-card{min-height:142px}.te-product-img{height:72px}}

/* 2026-05-06 REAL FIX: no underline, one-line scroll footer, WebView vertical scroll */
html, body, .te-app-body {
  height: 100% !important;
  overflow: hidden !important;
  overscroll-behavior-y: contain !important;
  -webkit-text-size-adjust: 100%;
}
*, *::before, *::after { -webkit-tap-highlight-color: transparent; }
a, a:link, a:visited, a:hover, a:active, a:focus,
.te-fixed-header a, .te-scroll-area a, .te-fixed-footer a,
.te-cat-icon, .te-cat-icon b, .te-section-head a, .te-hero-copy a,
.te-product-name, .te-drawer a {
  text-decoration: none !important;
  border-bottom: 0 !important;
}
.te-logo-text b, .te-logo-text em { text-decoration: none !important; border-bottom: 0 !important; }
.te-scroll-area {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  height: auto !important;
}
.te-fixed-header,
.te-fixed-footer {
  overscroll-behavior: contain !important;
  touch-action: manipulation !important;
}
.te-fixed-footer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 0 10px max(0px, var(--safe-bottom)) !important;
  gap: 0 !important;
}
.te-fixed-footer::-webkit-scrollbar { display: none !important; }
.te-fixed-footer a {
  flex: 0 0 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  text-align: center !important;
  color: #fff;
  line-height: 1 !important;
}
.te-fixed-footer a span {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.te-fixed-footer svg {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
}
.te-fixed-footer a.active { color: #168cff !important; }
.te-logo-wrap img {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
@media (min-width:900px){
  .te-fixed-footer { justify-content: center !important; }
  .te-fixed-footer a { flex-basis: 112px !important; min-width:112px !important; max-width:112px !important; }
  .te-fixed-footer a span { font-size: 12px !important; }
}
@media (max-width:560px){
  :root { --footer-h: 74px; }
  .te-fixed-footer { justify-content: flex-start !important; }
  .te-fixed-footer a { flex-basis: 78px !important; min-width:78px !important; max-width:78px !important; }
  .te-fixed-footer a span { font-size: 10.5px !important; }
  .te-fixed-footer svg { width: 24px !important; height: 24px !important; flex-basis:24px !important; }
}

/* 2026-05-07 USER REQUEST FIX: smaller mobile header/footer, all category icons with product photos, one-line scroll footer, no underline, WebView scroll guard */
html, body, body.te-app-body {
  text-decoration: none !important;
  overscroll-behavior-y: none !important;
}
body.te-app-body a, body.te-app-body a:link, body.te-app-body a:visited, body.te-app-body a:hover, body.te-app-body a:active, body.te-app-body a:focus,
body.te-app-body * { text-decoration: none !important; }
.te-category-strip {
  display: flex !important;
  grid-template-columns: none !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: 12px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 0 2px 4px !important;
}
.te-category-strip::-webkit-scrollbar { display:none !important; }
.te-cat-icon {
  flex: 0 0 112px !important;
  max-width: 112px !important;
  min-width: 112px !important;
}
.te-cat-icon span {
  position: relative !important;
  overflow: hidden !important;
}
.te-cat-icon span img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 8px !important;
  display: block !important;
}
.te-cat-icon span .te-cat-fallback { display:none !important; }
.te-cat-icon span.show-fallback .te-cat-fallback { display:flex !important; align-items:center; justify-content:center; width:100%; height:100%; }
.te-cat-icon span.show-fallback img { display:none !important; }
.te-fixed-footer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.te-fixed-footer::-webkit-scrollbar { display:none !important; }
.te-fixed-footer a {
  flex: 0 0 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 100% !important;
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1 !important;
  padding: 0 !important;
}
.te-fixed-footer a span {
  width: 100% !important;
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
.te-scroll-area {
  -webkit-overflow-scrolling: touch !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: none !important;
  touch-action: pan-y !important;
}
@media (min-width:900px){
  .te-fixed-footer { justify-content: center !important; height: calc(64px + var(--safe-bottom)) !important; }
  .te-fixed-footer a { flex-basis: 94px !important; min-width:94px !important; max-width:94px !important; }
  .te-fixed-footer svg { width:24px !important; height:24px !important; }
  .te-fixed-footer a span { font-size:11px !important; }
  .te-category-strip { max-width:1200px !important; }
  .te-cat-icon { flex-basis: 120px !important; min-width:120px !important; max-width:120px !important; }
}
@media (max-width:560px){
  :root { --header-h: 121px !important; --footer-h: 58px !important; }
  .te-fixed-header { height: var(--header-h) !important; padding: 7px 12px 8px !important; border-radius: 0 0 14px 14px !important; }
  .te-brand-row { height: 45px !important; gap: 6px !important; }
  .te-icon-btn { width: 32px !important; height: 32px !important; flex-basis: 32px !important; }
  .te-icon-btn svg { width: 23px !important; height: 23px !important; }
  .te-logo-wrap img { width: 46px !important; height: 46px !important; flex-basis: 46px !important; }
  .te-logo-text b { font-size: 12.5px !important; letter-spacing: 2.2px !important; }
  .te-logo-text em { font-size: 8px !important; letter-spacing: .25px !important; }
  .te-badge { width: 16px !important; height: 16px !important; font-size: 9px !important; }
  .te-search { height: 40px !important; margin-top: 7px !important; border-radius: 16px !important; padding: 0 10px !important; }
  .te-search-ico { width: 24px !important; height: 24px !important; flex-basis:24px !important; }
  .te-search input { font-size: 13.5px !important; padding: 0 8px !important; }
  .te-scan { width: 28px !important; height:28px !important; }
  .te-scan svg { width: 22px !important; height: 22px !important; }
  .te-scroll-area { top: var(--header-h) !important; bottom: calc(var(--footer-h) + var(--safe-bottom)) !important; padding: 9px 12px 12px !important; }
  .te-category-strip { gap: 7px !important; margin-bottom: 9px !important; }
  .te-cat-icon { flex-basis: 68px !important; min-width:68px !important; max-width:68px !important; }
  .te-cat-icon span { width: 46px !important; height: 46px !important; margin-bottom: 5px !important; }
  .te-cat-icon span img { padding: 5px !important; }
  .te-cat-icon svg { width: 26px !important; height: 26px !important; }
  .te-cat-icon b { font-size: 9.5px !important; line-height: 1.08 !important; }
  .te-fixed-footer { height: calc(var(--footer-h) + var(--safe-bottom)) !important; padding: 0 6px max(0px,var(--safe-bottom)) !important; }
  .te-fixed-footer a { flex-basis: 60px !important; min-width:60px !important; max-width:60px !important; gap:2px !important; }
  .te-fixed-footer svg { width: 20px !important; height: 20px !important; flex-basis:20px !important; }
  .te-fixed-footer a span { font-size: 8.8px !important; font-weight: 700 !important; }
}
@media (max-width:380px){
  :root { --header-h: 116px !important; --footer-h: 56px !important; }
  .te-logo-wrap img { width:42px !important; height:42px !important; flex-basis:42px !important; }
  .te-logo-text b { font-size:11.5px !important; letter-spacing:1.8px !important; }
  .te-search { height:38px !important; }
  .te-cat-icon { flex-basis: 64px !important; min-width:64px !important; max-width:64px !important; }
  .te-fixed-footer a { flex-basis: 58px !important; min-width:58px !important; max-width:58px !important; }
}

/* 2026-05-07 FINAL: real scroll + single-line nav + fast category strip */
html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;scroll-behavior:auto!important;}
body.te-app-body{overflow-y:auto!important;background:#fff!important;}
.te-fixed-header{position:fixed!important;top:0!important;left:0!important;right:0!important;}
.te-scroll-area{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;height:auto!important;min-height:calc(100vh - var(--footer-h))!important;overflow:visible!important;padding-top:calc(var(--header-h) + 14px)!important;padding-bottom:calc(var(--footer-h) + var(--safe-bottom) + 18px)!important;-webkit-overflow-scrolling:auto!important;}
.te-category-strip{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:18px!important;scroll-snap-type:none!important;scroll-behavior:auto!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important;padding:0 4px 12px!important;scrollbar-width:none!important;}
.te-category-strip::-webkit-scrollbar{display:none!important;}
.te-cat-icon{flex:0 0 118px!important;width:118px!important;max-width:118px!important;}
.te-cat-icon span{overflow:hidden!important;}
.te-cat-icon span img{width:82%!important;height:82%!important;object-fit:contain!important;display:block!important;}
.te-cat-icon span .te-cat-fallback{display:none!important;}
.te-cat-icon span.show-fallback .te-cat-fallback{display:block!important;}
.te-cat-icon b{display:block!important;text-decoration:none!important;text-transform:uppercase!important;}
.te-fixed-footer{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;-ms-overflow-style:none!important;padding-left:8px!important;padding-right:8px!important;}
.te-fixed-footer::-webkit-scrollbar{display:none!important;}
.te-fixed-footer a{flex:0 0 76px!important;min-width:76px!important;max-width:76px!important;text-decoration:none!important;}
.te-fixed-footer a span{text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.te-hero-copy h1{font-size:31px!important;line-height:1.02!important;}
.te-hero-copy p{font-size:17px!important;line-height:1.22!important;}
a,a *{text-decoration:none!important;}
@media(max-width:560px){
  :root{--header-h:141px!important;--footer-h:63px!important;}
  .te-fixed-header{padding:9px 18px 11px!important;border-radius:0 0 20px 20px!important;}
  .te-brand-row{height:54px!important;}
  .te-logo-wrap img{width:57px!important;height:57px!important;flex-basis:57px!important;}
  .te-logo-text b{font-size:18px!important;letter-spacing:3.6px!important;}
  .te-logo-text em{font-size:11px!important;display:block!important;}
  .te-search{height:49px!important;margin-top:12px!important;border-radius:21px!important;}
  .te-scroll-area{padding-top:calc(var(--header-h) + 12px)!important;padding-left:14px!important;padding-right:14px!important;}
  .te-cat-icon{flex-basis:98px!important;min-width:98px!important;max-width:98px!important;}
  .te-cat-icon span{width:58px!important;height:58px!important;margin-bottom:6px!important;}
  .te-cat-icon b{font-size:12px!important;line-height:1.12!important;}
  .te-fixed-footer a{flex-basis:68px!important;min-width:68px!important;max-width:68px!important;}
  .te-fixed-footer svg{width:25px!important;height:25px!important;}
  .te-fixed-footer a{font-size:10px!important;gap:2px!important;}
  .te-hero-card{height:224px!important;}
  .te-hero-copy h1{font-size:24px!important;}
  .te-hero-copy p{font-size:13px!important;}
}

/* 2026-05-07 HARD SCROLL RECOVERY
   Keep the same design, but use real page/window scrolling.
   This stops WebView refresh from firing while the user is scrolling inside the page. */
html,body{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  touch-action:auto!important;
}
body.te-app-body{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  height:auto!important;
  min-height:100vh!important;
  position:static!important;
}
.te-scroll-area{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:calc(100vh - var(--footer-h))!important;
  overflow:visible!important;
  overflow-x:hidden!important;
  padding-top:calc(var(--header-h) + 10px)!important;
  padding-bottom:calc(var(--footer-h) + var(--safe-bottom) + 18px)!important;
  -webkit-overflow-scrolling:auto!important;
  overscroll-behavior-y:auto!important;
  touch-action:auto!important;
}
.te-fixed-header{position:fixed!important;top:0!important;left:0!important;right:0!important;}
.te-fixed-footer{
  position:fixed!important;
  left:0!important;right:0!important;bottom:0!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  grid-template-columns:none!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  touch-action:pan-x!important;
}
.te-fixed-footer::-webkit-scrollbar{display:none!important;}
.te-fixed-footer a{flex:0 0 76px!important;min-width:76px!important;text-decoration:none!important;}
.te-category-strip{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:auto!important;
  overscroll-behavior-x:contain!important;
  touch-action:auto!important;
}
a,a:visited,a:hover,a:focus{text-decoration:none!important;}
@media(max-width:560px){
  .te-scroll-area{padding-top:calc(var(--header-h) + 8px)!important;}
  .te-fixed-footer a{flex-basis:68px!important;min-width:68px!important;}
}


/* FINAL 2026-05-09: Home title + category row single-line smooth scroll */
@media (min-width: 900px){
  body.home-index .te-category-strip,
  .te-category-strip{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:18px !important;
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 4px 12px !important;
    grid-template-columns:none !important;
    grid-auto-flow:column !important;
    scroll-behavior:smooth !important;
    -webkit-overflow-scrolling:touch !important;
    white-space:nowrap !important;
    scrollbar-width:thin !important;
  }
  body.home-index .te-category-strip .te-cat-icon,
  .te-category-strip .te-cat-icon{
    flex:0 0 96px !important;
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    display:block !important;
    white-space:normal !important;
  }
  body.home-index .te-category-strip .te-cat-icon span,
  .te-category-strip .te-cat-icon span{
    width:62px !important;
    height:62px !important;
    margin:0 auto 7px !important;
  }
  body.home-index .te-category-strip .te-cat-icon b,
  .te-category-strip .te-cat-icon b{
    display:block !important;
    font-size:13px !important;
    line-height:1.1 !important;
    min-height:30px !important;
    text-align:center !important;
    overflow:hidden !important;
  }
}
@media (max-width: 899px){
  body.home-index .te-category-strip,
  .te-category-strip{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:4px !important;
    padding:0 2px 8px !important;
    grid-template-columns:none !important;
    scroll-behavior:smooth !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
    scrollbar-width:none !important;
  }
  body.home-index .te-category-strip::-webkit-scrollbar,
  .te-category-strip::-webkit-scrollbar{display:none !important;}
  body.home-index .te-category-strip .te-cat-icon,
  .te-category-strip .te-cat-icon{
    flex:0 0 calc((100vw - 22px)/5) !important;
    width:calc((100vw - 22px)/5) !important;
    min-width:calc((100vw - 22px)/5) !important;
    max-width:calc((100vw - 22px)/5) !important;
  }
  body.home-index .te-category-strip .te-cat-icon span,
  .te-category-strip .te-cat-icon span{
    width:48px !important;
    height:48px !important;
    margin:0 auto 5px !important;
  }
  body.home-index .te-category-strip .te-cat-icon b,
  .te-category-strip .te-cat-icon b{
    font-size:10px !important;
    line-height:1.05 !important;
    text-align:center !important;
    text-decoration:none !important;
  }
}