:root{--tdm-orange:#f97316;--tdm-dark:#111827;--tdm-muted:#667085;--tdm-border:#fed7aa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:0;overflow-x:hidden}img,video{max-width:100%}
.tdm-customer-nav{position:fixed;left:0;right:0;bottom:0;height:76px;background:rgba(255,255,255,.98);border-top:1px solid var(--tdm-border);z-index:9999;display:flex;justify-content:center;padding:4px max(4px,env(safe-area-inset-left)) calc(4px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-right));box-shadow:0 -10px 28px rgba(16,24,40,.10);backdrop-filter:blur(14px)}
.tdm-customer-nav a{position:relative;flex:1;max-width:180px;min-width:0;text-align:center;padding:7px 3px 4px;color:#667085;font-size:10px;line-height:1.1;text-decoration:none;font-weight:800;border-radius:14px}
.tdm-customer-nav a span{display:block;font-size:22px;line-height:27px;margin-bottom:2px}.tdm-customer-nav a.active,.tdm-customer-nav a:hover{color:#c2410c}.tdm-customer-nav .cart-count{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;font-size:10px;padding:0 5px;position:absolute;top:3px;margin-left:-2px;box-shadow:0 4px 10px rgba(234,88,12,.25)}
.tdm-page{width:min(1100px,100%);margin:0 auto;padding:16px clamp(12px,3vw,24px) 96px}.tdm-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tdm-card{background:#fff;border:1px solid #fed7aa;border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(249,115,22,.07)}
.tdm-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;background:var(--tdm-orange);color:#fff;font-weight:900;text-decoration:none;cursor:pointer}.tdm-btn.secondary{background:#9a3412}.tdm-btn.dark{background:#111827}.tdm-status{min-height:22px;margin-top:10px}.tdm-muted{color:#667085;font-size:13px}
@media(max-width:700px){.tdm-compact-grid{grid-template-columns:1fr}.tdm-customer-nav a{font-size:10px}.tdm-customer-nav a span{font-size:21px}}
@media(max-width:380px){.tdm-customer-nav a{padding-left:1px;padding-right:1px;font-size:9px}.tdm-customer-nav a span{font-size:19px}}
@media(min-width:1200px){.tdm-customer-nav a{max-width:170px}.tdm-page{padding-left:30px;padding-right:30px}}

/* TDM app-style navigation shared by Home, Store, Cart, Service and Account */
.tdm-customer-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}
.tdm-customer-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:#fff!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}
.tdm-customer-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}
.tdm-customer-nav a:hover,.tdm-customer-nav a.active{color:#C2410C!important;background:#FFF7ED!important;transform:translateY(-4px)!important;box-shadow:0 10px 22px rgba(249,115,22,.30)!important}
.tdm-customer-nav a.active{border-color:#C2410C!important}.tdm-customer-nav a.active span{background:linear-gradient(135deg,#F97316,#C2410C)!important}
.tdm-customer-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;box-shadow:none!important}
@media(max-width:520px){.tdm-customer-nav{gap:5px!important;padding-left:5px!important;padding-right:5px!important}.tdm-customer-nav a{flex-basis:61px!important;width:61px!important;max-width:61px!important;height:60px!important;font-size:10px!important}}
@media(max-width:380px){.tdm-customer-nav{gap:3px!important}.tdm-customer-nav a{flex-basis:57px!important;width:57px!important;max-width:57px!important;min-width:50px!important;height:58px!important;font-size:9px!important}.tdm-customer-nav a span{width:29px!important;height:29px!important;font-size:19px!important}}