:root{--mobile-bar:68px}html{scroll-behavior:smooth}body{overflow-x:hidden}img,svg,video,canvas{max-width:100%}.mobile-bottom-nav{display:none}.mobile-menu-toggle{display:none}.mobile-only{display:none}
@media(max-width:767px){body{padding-bottom:calc(var(--mobile-bar) + env(safe-area-inset-bottom));font-size:14px}body>header{height:64px}body>header>div{height:64px!important;padding-left:12px!important;padding-right:12px!important}body>header a>span:first-child{width:38px!important;height:38px!important;border-radius:12px!important}body>header a>span:last-child small{display:none}body>header a>span:last-child b{font-size:18px!important}body>header nav{gap:5px!important}body>header nav .btn{min-height:38px;padding:8px 10px;border-radius:10px;font-size:12px}body>header nav .btn i{margin:0}body>header nav .btn:last-child{font-size:0;width:40px;padding:0}body>header nav .btn:last-child i{font-size:14px}.mobile-only{display:block}
main{width:100%;padding-left:12px!important;padding-right:12px!important}main>section:first-child{padding-top:28px!important;padding-bottom:32px!important;gap:24px!important}main>section:first-child h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-.035em}main>section:first-child p.text-lg{font-size:15px!important;line-height:1.65!important}main>section:first-child .space-y-6{gap:0}main>section:first-child .flex.flex-col.sm\:flex-row .btn{width:100%;min-height:50px;padding:12px 16px!important}main>section:first-child .card{padding:18px!important;border-radius:20px!important}#mitra{padding-top:28px!important;padding-bottom:28px!important}#mitra>div:first-child{align-items:flex-start!important;gap:12px}#mitra h2{font-size:20px!important}#mitra>div.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#mitra .card .h-44{height:112px!important}#mitra .card .p-4{padding:12px!important}#mitra .card h3{font-size:13px}
main.max-w-7xl{padding-top:14px!important}.bg-gradient-to-r.rounded-3xl{border-radius:20px!important;padding:20px!important}.bg-gradient-to-r.rounded-3xl h1{font-size:24px!important;line-height:1.2}.bg-gradient-to-r.rounded-3xl h2{font-size:22px!important}.card{border-radius:16px!important}.card.p-6,.card.p-7{padding:17px!important}.grid{gap:12px!important}.grid.grid-cols-2 .card{padding:15px!important}.grid.grid-cols-2 .card .text-3xl{font-size:24px!important}
.mobile-card-table{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.mobile-card-table table,.mobile-card-table thead,.mobile-card-table tbody,.mobile-card-table tr,.mobile-card-table th,.mobile-card-table td{display:block;width:100%}.mobile-card-table thead{display:none}.mobile-card-table tbody{display:grid;gap:12px}.mobile-card-table tbody tr{padding:14px;background:#fff;border:1px solid #e2e8f0!important;border-radius:15px;box-shadow:0 5px 18px rgba(15,23,42,.05)}.mobile-card-table tbody td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;padding:7px 0!important;border:0!important;overflow-wrap:anywhere}.mobile-card-table tbody td:before{content:attr(data-label);font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.mobile-card-table form{flex-wrap:wrap}.mobile-card-table .field{width:100%!important}.mobile-card-table .btn{width:100%}
.mobile-stack-row{align-items:flex-start!important;flex-direction:column!important}.mobile-stack-row>form{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto}.mobile-stack-row>form .field{width:100%!important;min-width:0}.mobile-stack-row>form .btn{white-space:nowrap}.mobile-product-card{padding:12px!important;gap:12px!important}.mobile-product-card>div:first-child{width:78px!important;height:78px!important}.mobile-product-card h3{font-size:13px!important}.mobile-product-card button{min-height:36px}
.mobile-auth{padding-top:28px!important;padding-bottom:28px!important}.mobile-auth .card{padding:22px!important}.mobile-auth h1{font-size:27px!important}.field{min-height:46px;font-size:16px}.btn{min-height:44px}.mobile-sticky-cart{position:relative}.mobile-sticky-cart .btn{min-height:50px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(var(--mobile-nav-items,3),1fr);left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:45;height:60px;padding:6px;background:rgba(15,23,42,.96);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 16px 45px rgba(15,23,42,.3);backdrop-filter:blur(12px)}.mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#cbd5e1;font-size:9px;font-weight:700;border-radius:12px}.mobile-bottom-nav a.active{color:#fff;background:#f97316}.mobile-bottom-nav i{font-size:15px}.mobile-nav-badge{position:absolute;top:2px;right:calc(50% - 21px);min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#ef4444;color:#fff;font-size:9px;border:2px solid #0f172a}.pwa-install{position:fixed;right:14px;bottom:18px;z-index:44;display:flex;align-items:center;gap:8px;padding:11px 14px;border:0;border-radius:14px;background:#0f172a;color:#fff;font-weight:800;box-shadow:0 14px 35px rgba(15,23,42,.28)}body>footer{padding:24px 14px calc(20px + var(--mobile-bar))!important;text-align:center}.lift:hover{transform:none}.lift:active{transform:scale(.985)}#flash{left:12px!important;right:12px!important;bottom:calc(var(--mobile-bar) + 16px)!important;text-align:center}
}
@media(max-width:370px){#mitra>div.grid{grid-template-columns:1fr!important}main>section:first-child h1{font-size:30px!important}body>header nav .btn:first-child{font-size:0;width:40px;padding:0}body>header nav .btn:first-child:before{content:'\f2f6';font-family:'Font Awesome 6 Free';font-weight:900;font-size:14px}}
@media(min-width:768px) and (max-width:1023px){main{padding-left:22px!important;padding-right:22px!important}.card{border-radius:18px}.grid.lg\:grid-cols-3{grid-template-columns:1fr 1fr}.grid.lg\:grid-cols-3>form{grid-column:1/-1}}