:root{
  --pm-blue:#1f3b5c;
  --pm-orange:#f28c28;
  --pm-bg:#f4f6f8;
}

body{background:var(--pm-bg);padding-bottom:115px;font-family:sans-serif;}

.app-header{background:linear-gradient(135deg,#0f2742,#1f3b5c);color:#fff;border-radius:0 0 22px 22px;}

.promo-slider{border-radius:18px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);margin-top:-15px;background:#fff;}

.carousel-item img{height:160px;object-fit:cover;}

.type-scroll{display:flex;gap:12px;overflow-x:auto;padding:15px 4px;scrollbar-width:none;}
.type-scroll::-webkit-scrollbar{display:none}

.type-chip{flex:0 0 auto;background:#fff;border-radius:18px;padding:12px 18px;min-width:85px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,0.06);text-decoration:none;color:#333;font-size:14px;transition:.2s;}
.type-chip i{display:block;font-size:22px;margin-bottom:4px;color:var(--pm-blue);}
.type-chip.active{background:var(--pm-orange);color:#fff;}
.type-chip.active i{color:#fff}

.card{border:none;border-radius:18px;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:.25s ease;overflow:hidden;background:#fff;}
.card img{height:160px;object-fit:cover}

.price{color:var(--pm-orange);font-weight:700;}

.badge-new{position:absolute;top:10px;left:10px;background:var(--pm-orange);color:#fff;font-size:11px;padding:4px 8px;border-radius:12px;}

.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-around;padding:12px 0;z-index:1000;}
.bottom-nav a{text-decoration:none;color:#555;font-size:11px;text-align:center;min-width:20%;}
.bottom-nav i{font-size:22px;display:block;margin-bottom:2px;}

#installBanner{animation:slideUp .4s ease}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1}}

.alert-primary{background:#fff;border-color:#ddd;color:#333;}
.btn-warning{background:var(--pm-orange);border:none;color:#fff;}