:root{
  --tdm-blue:#F97316;
  --tdm-blue-dark:#C2410C;
  --tdm-navy:#1F2937;
  --tdm-cyan:#FB923C;
  --tdm-purple:#EA580C;
  --tdm-bg:#FFF7ED;
  --tdm-card:#FFFFFF;
  --tdm-text:#101828;
  --tdm-muted:#667085;
  --tdm-border:#FED7AA;
  --tdm-shadow:0 10px 30px rgba(16,24,40,.09);
}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#FFFDF9 0%,var(--tdm-bg) 100%)!important;color:var(--tdm-text)!important}
.tdm-app-header{background:linear-gradient(135deg,#ffffff 0%,#FFF7ED 55%,#FFEDD5 100%)!important;border-bottom:1px solid var(--tdm-border)!important;box-shadow:0 5px 20px rgba(21,94,239,.08)!important}
.tdm-brand strong{color:var(--tdm-navy)!important;font-weight:800!important}
.tdm-brand span{color:#667085!important}
.tdm-brand img{box-shadow:0 4px 12px rgba(16,24,40,.12)}
.hero{background:radial-gradient(circle at 85% 15%,rgba(18,181,203,.24),transparent 28%),linear-gradient(135deg,#431407 0%,#7C2D12 52%,#F97316 140%)!important;color:#fff!important}
.hero p{color:#FFEDD5!important}
.blue-button,.btn.primary,.checkout,.account-action,.continue,.dark-button{background:linear-gradient(135deg,var(--tdm-blue),var(--tdm-purple))!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(21,94,239,.22)!important}
.blue-button:hover,.btn.primary:hover,.checkout:hover,.account-action:hover,.continue:hover{filter:brightness(1.05);transform:translateY(-1px)}
.product,.card,.card-panel,.account-panel,.contact-box,.service-card,.empty,.loading{background:rgba(255,255,255,.96)!important;border-color:var(--tdm-border)!important;box-shadow:var(--tdm-shadow)!important}
.card,.product{transition:transform .2s ease,box-shadow .2s ease}
.card:hover,.product:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,24,40,.13)!important}
.badge,.chip{border-color:#FDBA74!important;background:#FFF7ED!important;color:#7C2D12!important}
.chip.active{background:var(--tdm-blue)!important;color:#fff!important;border-color:var(--tdm-blue)!important}
.search{border-color:var(--tdm-border)!important;box-shadow:0 8px 22px rgba(16,24,40,.06)!important}
.search button{background:var(--tdm-navy)!important}
.price{color:var(--tdm-blue-dark)}
.bottom-nav{height:76px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #FED7AA!important;box-shadow:0 -10px 28px rgba(16,24,40,.10)!important;backdrop-filter:blur(14px)}
.bottom-nav a{color:#667085!important;font-weight:800!important;font-size:11px!important;padding-top:8px!important}
.bottom-nav a span{font-size:23px!important;line-height:26px!important;filter:grayscale(.25)}
.bottom-nav a:hover,.bottom-nav a.active{color:var(--tdm-blue)!important}
.bottom-nav a.active span{filter:none;transform:translateY(-1px)}
.bottom-nav .cart-count{background:linear-gradient(135deg,#FB923C,#EA580C)!important;color:#fff!important;box-shadow:0 4px 10px rgba(227,27,84,.28)}
.continue{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px!important;font-weight:800!important;padding:12px 18px!important}
.head>a{display:inline-flex!important;align-items:center;justify-content:center;padding:11px 16px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--tdm-blue),var(--tdm-purple))!important;color:#fff!important;font-weight:800!important;box-shadow:0 8px 18px rgba(21,94,239,.18)}
input,textarea,select{border:1px solid var(--tdm-border)!important;border-radius:11px!important;background:#fff!important;color:var(--tdm-text)!important}
button{border-radius:11px!important;font-weight:800!important}
@media(max-width:520px){.tdm-app-header{padding:9px 12px!important}.tdm-brand img{width:42px!important;height:42px!important}.tdm-brand strong{font-size:15px!important}.tdm-brand span{font-size:9px!important}.bottom-nav{height:76px!important}.bottom-nav a{font-size:10px!important}.bottom-nav a span{font-size:22px!important}}


/* TDM Orange App Navigation + Orange Theme V6 */
:root{
  --tdm-orange:#F97316;
  --tdm-orange-dark:#C2410C;
  --tdm-orange-deep:#9A3412;
  --tdm-orange-light:#FFF7ED;
  --tdm-orange-pale:#FFEDD5;
  --tdm-text:#1F2937;
  --tdm-muted:#6B7280;
  --tdm-border:#FED7AA;
  --tdm-shadow:0 10px 28px rgba(249,115,22,.14);
}
html,body{accent-color:var(--tdm-orange)}
body{background:linear-gradient(180deg,#FFFDF9 0%,#FFF7ED 100%)!important;color:var(--tdm-text)!important}
.tdm-app-header{background:linear-gradient(135deg,#FFFFFF 0%,#FFF7ED 55%,#FFEDD5 100%)!important;border-bottom:2px solid #FDBA74!important;box-shadow:0 5px 20px rgba(249,115,22,.14)!important}
.tdm-brand strong{color:#7C2D12!important}
.tdm-brand span{color:#9A3412!important}
.hero{background:radial-gradient(circle at 85% 15%,rgba(251,146,60,.28),transparent 28%),linear-gradient(135deg,#431407 0%,#7C2D12 52%,#F97316 140%)!important;color:#fff!important}
.hero p{color:#FFEDD5!important}
.blue-button,.btn.primary,.checkout,.account-action,.continue,.dark-button,.head>a{background:linear-gradient(135deg,#F97316,#EA580C)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(249,115,22,.28)!important}
.blue-button:hover,.btn.primary:hover,.checkout:hover,.account-action:hover,.continue:hover,.head>a:hover{filter:brightness(1.04);transform:translateY(-1px)}
.product,.card,.card-panel,.account-panel,.contact-box,.service-card,.empty,.loading{background:rgba(255,255,255,.98)!important;border-color:#FED7AA!important;box-shadow:0 10px 28px rgba(249,115,22,.10)!important}
.badge,.chip{border-color:#FDBA74!important;background:#FFF7ED!important;color:#7C2D12!important}
.chip.active{background:#F97316!important;color:#fff!important;border-color:#F97316!important}
.search{border-color:#FDBA74!important;box-shadow:0 8px 22px rgba(249,115,22,.10)!important}
.search button{background:#C2410C!important;color:#fff!important}
.price{color:#C2410C!important}
input,textarea,select{border-color:#FDBA74!important}
button{font-weight:800!important}

/* Five independent app-style navigation buttons — not one shared bar */
body{padding-bottom:94px!important}
.bottom-nav{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;
  height:auto!important;min-height:74px!important;background:transparent!important;
  border:0!important;box-shadow:none!important;backdrop-filter:none!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;
  gap:8px!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
  z-index:9999!important;pointer-events:none!important;
}
.bottom-nav a{
  position:relative!important;flex:0 1 64px!important;width:64px!important;max-width:64px!important;
  min-width:54px!important;height:62px!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:2px!important;padding:5px 3px!important;margin:0!important;
  color:#7C2D12!important;background:#FFFFFF!important;
  border:2px solid #F97316!important;border-radius:18px!important;
  text-decoration:none!important;font-size:10px!important;font-weight:900!important;line-height:1.05!important;
  box-shadow:0 7px 18px rgba(249,115,22,.22),0 2px 5px rgba(124,45,18,.10)!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
  pointer-events:auto!important;
}
.bottom-nav a span{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:31px!important;height:31px!important;margin:0!important;
  border-radius:10px!important;background:linear-gradient(135deg,#FB923C,#EA580C)!important;
  color:#fff!important;font-size:21px!important;line-height:31px!important;
  filter:none!important;transform:none!important;box-shadow:0 4px 8px rgba(249,115,22,.25)!important;
}
.bottom-nav a:hover,.bottom-nav a.active{
  color:#C2410C!important;background:#FFF7ED!important;transform:translateY(-4px)!important;
  box-shadow:0 10px 22px rgba(249,115,22,.30)!important;
}
.bottom-nav a.active{border-color:#C2410C!important}
.bottom-nav a.active span{background:linear-gradient(135deg,#F97316,#C2410C)!important}
.bottom-nav .cart-count{
  position:absolute!important;top:-7px!important;right:-5px!important;
  min-width:19px!important;width:auto!important;height:19px!important;padding:0 5px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;background:#C2410C!important;color:#fff!important;
  border:2px solid #fff!important;font-size:10px!important;font-weight:900!important;
  box-shadow:0 4px 10px rgba(194,65,12,.28)!important;margin:0!important;
}
@media(max-width:360px){.bottom-nav{gap:4px!important;padding-left:4px!important;padding-right:4px!important}.bottom-nav a{flex-basis:58px!important;width:58px!important;min-width:50px!important;height:60px!important;border-radius:16px!important}.bottom-nav a span{width:29px!important;height:29px!important;font-size:19px!important;line-height:29px!important}}
@media(min-width:700px){.bottom-nav{gap:12px!important}.bottom-nav a{flex-basis:72px!important;width:72px!important;max-width:72px!important}}