:root{--bg:#05050f;--card:#0c1022;--card2:#11172d;--line:#25284a;--purple:#9b36ff;--purple2:#5b13db;--green:#00e676;--blue:#20b7ff;--text:#fff;--muted:#b9b4c9;--danger:#ff4566}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#221044 0,#080713 38%,#03040b 100%);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.hidden{display:none!important}.app{min-height:100vh}.phone{max-width:430px;margin:auto;min-height:100vh;padding:18px 14px 118px;position:relative}.topbar{display:flex;align-items:center;gap:14px;margin:4px 0 22px}.hello{flex:1}.hello h2{margin:0;font-size:28px}.hello p{margin:5px 0 0;color:#fff;font-size:15px}.hello span{color:#efa1ff}.square-btn{width:48px;height:48px;border-radius:16px;border:1px solid #262848;background:#101227;color:#fff;font-size:24px;box-shadow:inset 0 1px #fff1}.bell{position:relative}.bell b{position:absolute;right:-4px;top:-5px;background:#ff3158;border-radius:999px;font-size:12px;padding:4px 7px}.screen{display:none;animation:rise .2s ease}.screen.active{display:block}@keyframes rise{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h1{font-size:34px;line-height:1;margin:20px 0 10px}.screen-sub{color:#cfc8d5;margin:0 0 22px;font-size:17px}.hero{min-height:235px;border:1px solid #4f147b;border-radius:28px;background:linear-gradient(135deg,#160b28,#090917 55%,#130821);padding:24px 18px;display:flex;overflow:hidden;position:relative;box-shadow:0 18px 70px #0008}.secure-pill{display:inline-flex;align-items:center;gap:8px;background:#101625;border-radius:999px;padding:10px 16px;font-weight:900;font-size:12px;letter-spacing:.3px}.hero h1{font-size:30px;margin:18px 0 12px}.hero h1 strong{display:block;color:#a542ff}.hero p{color:#eee;line-height:1.45;font-size:16px}.hero-copy{width:58%;z-index:2}.hero-btn,.primary-btn{border:0;border-radius:18px;background:linear-gradient(135deg,#9536ff,#5e0bd6);color:#fff;font-weight:950;padding:15px 18px;font-size:16px;box-shadow:0 0 28px #8b25ff55}.hero-btn span{margin-left:24px}.hero-cylinder{position:absolute;right:-8px;top:28px;width:190px;height:205px}.hero-cylinder .ring{position:absolute;inset:5px;border:3px solid #983cff;border-radius:50%;filter:drop-shadow(0 0 18px #983cff)}.hero-cylinder img{position:absolute;right:20px;top:8px;width:145px;filter:drop-shadow(0 20px 25px #000)}.shield{position:absolute;right:14px;bottom:40px;background:linear-gradient(135deg,#7b26ff,#3d0da1);border:2px solid #ba8cff;width:58px;height:64px;border-radius:18px 18px 25px 25px;display:grid;place-items:center;font-size:26px;font-weight:900}.quick-card,.order-card,.points-card,.tracking-card{border:1px solid #1f2444;border-radius:24px;background:linear-gradient(145deg,#0e1227,#070a18);padding:18px;margin:14px 0;box-shadow:0 18px 50px #0007}.quick-card h2,.order-card h2,.points-card h2{margin:0 0 14px;font-size:25px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-grid button{position:relative;text-align:left;border:1px solid #24284b;background:linear-gradient(145deg,#11172d,#080b1c);border-radius:20px;padding:16px 12px;color:#fff;min-height:106px}.quick-grid i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#a53bff,#5f11d4);font-style:normal;font-size:23px;margin-bottom:14px}.quick-grid b{display:block;font-size:16px}.quick-grid span{display:block;color:#d5d0df;font-size:12px;margin-top:5px}.quick-grid em{position:absolute;right:12px;bottom:19px;color:#ef9fff;font-style:normal;font-size:32px}.points-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;position:relative}.points-line b{font-size:58px;color:#a541ff;line-height:1}.points-line span{font-size:24px;font-weight:900}.progress{height:8px;background:#221942;border-radius:99px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#9b36ff,#e244ff);border-radius:99px}.gift-box{font-size:56px;filter:drop-shadow(0 0 20px #8c20ff)}.outline-btn{border:1px solid #343255;border-radius:18px;background:#0d1021;color:#fff;padding:13px 20px;font-weight:900}.order-head{display:flex;justify-content:space-between;align-items:center}.order-head button{background:transparent;border:0;color:#c963ff;font-weight:900}.sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;overflow:auto;padding-bottom:6px}.size{min-width:70px;border:1px solid #222749;background:#080c1e;border-radius:18px;padding:10px 6px;color:#fff;text-align:center}.size.active{border-color:#aa3aff;box-shadow:0 0 0 2px #8e1dff55;background:linear-gradient(180deg,#46127d,#12091f)}.size img{height:56px;object-fit:contain;display:block;margin:auto;filter:drop-shadow(0 8px 10px #000)}.size b{display:block;font-size:18px}.size span{color:var(--green);font-weight:900;font-size:13px}.qty{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px}.qty button,.qty span{width:28px;height:28px;border-radius:99px;border:0;background:#25124b;color:#fff;font-weight:900;display:grid;place-items:center}.cart-box{margin-top:14px}.cart-item{display:flex;align-items:center;gap:12px;border:1px solid #1f2546;border-radius:18px;padding:10px;background:#0a0e1e}.cart-item img{width:42px}.cart-item div{flex:1}.cart-item b{display:block}.cart-item span{color:#c9c5d4}.order-total{display:flex;align-items:center;gap:14px;margin-top:14px}.order-total div{flex:1}.order-total span{color:#d8d0dc}.order-total b{display:block;color:var(--green);font-size:24px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border:1px solid #1f2444;border-radius:22px;background:#0b1022;padding:10px}.benefits div{text-align:center;font-size:20px}.benefits b,.benefits span{display:block;font-size:11px}.benefits span{color:#d1ccda}.filters{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2a2448;border-radius:20px;overflow:hidden;margin:22px 0}.filters button{border:0;background:#0d1022;color:#d7d1df;padding:15px 4px;font-weight:900}.filters button.active{background:linear-gradient(135deg,#9738ff,#5b10d2);color:#fff}.orders-list{display:grid;gap:12px}.order-row{display:flex;align-items:center;gap:16px;border:1px solid #202545;border-radius:24px;background:linear-gradient(145deg,#0f1329,#070a18);padding:18px}.order-row img{width:58px}.order-row .body{flex:1}.order-row h3{margin:0 0 8px;font-size:21px}.order-row p{margin:4px 0;color:#cfc9d8}.status{border-radius:999px;padding:9px 12px;font-weight:900;font-size:13px}.st-entregado{background:#153923;color:#7cff7e}.st-camino{background:#092b55;color:#37b9ff}.st-cancelado{background:#471023;color:#ff6c89}.st-recibido,.st-asignado{background:#27124d;color:#b35cff}.help-card{display:flex;align-items:center;gap:14px;margin-top:24px;border:1px solid #612a93;border-radius:22px;background:#0c1022;padding:14px}.help-card i{width:48px;height:48px;border-radius:50%;background:#7418e8;display:grid;place-items:center;font-style:normal}.help-card div{flex:1}.help-card span{display:block;color:#c8c1d0}.help-card button{border:0;border-radius:18px;background:linear-gradient(135deg,#9d31ff,#6510d8);color:#fff;padding:13px 18px;font-weight:900}.tracking-card h2{margin:0 0 15px}.steps{display:flex;justify-content:space-between;gap:5px}.step{flex:1;text-align:center;color:#777;font-weight:900;position:relative}.step i{display:block;margin:auto auto 8px;width:34px;height:34px;border-radius:50%;background:#19203a;border:5px solid #24304d}.step.active{color:#21ed8c}.step.active i{background:#1df3b0;border-color:#1b8467;box-shadow:0 0 25px #1df3b066}.chat-messages{min-height:390px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:84%;border-radius:18px;padding:12px 14px;background:#141a31;color:#fff}.bubble.me{margin-left:auto;background:linear-gradient(135deg,#9335ff,#246dff)}.bubble small{display:block;color:#cfc9d8;margin-top:5px}.chat-form{position:sticky;bottom:98px;display:flex;gap:8px;background:#080b18;padding:8px;border-radius:18px;border:1px solid #222642}.chat-form input{flex:1;background:transparent;border:0;color:#fff;outline:0;font-size:16px}.chat-form button{width:48px;border:0;border-radius:14px;background:#8e24ff;color:#fff}.reward-balance{display:flex;align-items:center;gap:18px;border:1px solid #66249d;border-radius:24px;background:#0f1125;padding:22px}.reward-balance span{font-size:50px}.reward-balance b{font-size:34px;color:#a944ff}.reward-balance p{margin:4px 0 0;color:var(--green);font-weight:900}.reward-list{display:grid;gap:12px;margin-top:16px}.reward-list div{border:1px solid #242849;border-radius:18px;background:#0d1124;padding:18px}.reward-list b{display:block;font-size:18px}.reward-list span{color:#cbc5d3}.profile-card{position:relative;border:1px solid #222849;border-radius:26px;background:linear-gradient(145deg,#0f132a,#080b18);padding:18px;display:grid;grid-template-columns:105px 1fr auto;gap:14px;align-items:center}.avatar{width:95px;height:95px;border-radius:50%;border:1px solid #bb55ff;background:linear-gradient(135deg,#a13aff,#5211c5);color:#fff;font-size:42px;display:grid;place-items:center;background-size:cover;background-position:center}.profile-card h2{font-size:28px;margin:0 0 8px}.pts-pill{display:inline-block;background:#6821ce;border-radius:99px;padding:8px 12px;font-weight:900}.profile-card p{margin:9px 0;color:#ddd}.profile-card em{font-style:normal;font-size:36px}.info-box{grid-column:1/-1;border:1px solid #6e18b6;border-radius:18px;background:#150d27;padding:14px;color:#f2e9ff}.group-title{margin:26px 2px 12px}.menu-list{border:1px solid #222849;border-radius:24px;overflow:hidden;background:#0c1022}.menu-list button{width:100%;display:flex;align-items:center;gap:16px;padding:18px;border:0;border-bottom:1px solid #1b203d;background:transparent;color:#fff;text-align:left;font-size:28px}.menu-list button:last-child{border-bottom:0}.menu-list span{flex:1}.menu-list b{display:block;font-size:18px}.menu-list small{display:block;color:#c7c1cf;font-size:15px;margin-top:4px}.logout-btn{width:100%;margin-top:26px;border:1px solid #4e1430;border-radius:22px;background:#150915;color:#ff4969;padding:20px;text-align:left;font-size:18px;font-weight:900}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);max-width:430px;width:100%;height:88px;background:rgba(8,10,24,.94);backdrop-filter:blur(16px);border:1px solid #1e2443;border-radius:26px 26px 0 0;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:8px 8px env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;color:#b8b3c0;font-size:26px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav span{font-size:13px}.bottom-nav button.active{color:#a941ff}.bottom-nav .big{transform:translateY(-22px);width:74px;height:74px;border-radius:50%;margin:auto;background:linear-gradient(135deg,#a23cff,#6612dd);color:#fff;box-shadow:0 0 28px #9e2eff}.login-screen{min-height:100vh;max-width:430px;margin:auto;padding:35px 20px;display:grid;align-content:center;gap:18px}.brand-card,.login-card{border:1px solid #2a2d52;border-radius:28px;background:linear-gradient(145deg,#11162b,#080b18);padding:24px;box-shadow:0 20px 70px #0008}.brand-logo{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#12e07d,#9233ff);display:grid;place-items:center;font-size:34px}.brand-card h1{margin:15px 0 5px}.brand-card p,.muted{color:#c9c3d1}.login-card label{display:block;margin:14px 0 7px;font-weight:900}.login-card input,.sheet input{width:100%;border:1px solid #2a3158;border-radius:15px;background:#080c1b;color:#fff;padding:15px;font-size:17px;outline:0}.login-card .primary-btn{width:100%;margin-top:18px}.login-card small{display:block;color:#a59fb0;margin-top:14px}.error{color:#ff5470;font-weight:800}.sheet{position:fixed;inset:0;background:#0009;z-index:20;display:grid;align-items:end}.sheet>div{max-width:430px;width:100%;margin:auto;background:#0c1022;border:1px solid #2d3156;border-radius:26px 26px 0 0;padding:22px}.sheet #sheetClose{float:right;border:0;background:#171d35;color:#fff;border-radius:50%;width:36px;height:36px}.toast{position:fixed;left:50%;top:18px;transform:translate(-50%,-80px);background:#111832;border:1px solid #6a25ff;color:#fff;border-radius:16px;padding:14px 18px;z-index:50;transition:.25s;box-shadow:0 20px 50px #0008;max-width:390px}.toast.show{transform:translate(-50%,0)}@media(max-width:390px){.quick-grid{gap:8px}.quick-grid button{padding:13px 9px}.hero-copy{width:61%}.hero-cylinder{right:-30px}.sizes{grid-template-columns:repeat(5,74px)}.benefits{grid-template-columns:repeat(2,1fr)}}

/* KANDU FIX VISUAL: pedido sin botones anidados y sin cuadros blancos */
.phone{width:100%;max-width:430px;margin:0 auto;padding-left:14px;padding-right:14px;overflow-x:hidden}.screen{width:100%}.hero,.quick-card,.points-card,.order-card,.benefits,.profile-card,.menu-list,.reward-balance,.tracking-card,.help-card{width:100%}.sizes{display:grid!important;grid-template-columns:repeat(5,minmax(70px,1fr));gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 0 8px;scrollbar-width:thin}.size{min-width:74px;border:1px solid #24294f;background:linear-gradient(180deg,#0e1328,#070a18);border-radius:18px;padding:8px 6px;color:#fff;text-align:center;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.size.active{border-color:#b53cff;box-shadow:0 0 0 2px rgba(155,54,255,.35),0 12px 35px rgba(130,30,255,.25);background:linear-gradient(180deg,#39106a,#12091f)}.size-main{all:unset;display:block;width:100%;cursor:pointer}.size-main img{height:58px;width:100%;object-fit:contain;display:block;margin:0 auto 4px;filter:drop-shadow(0 8px 12px #000)}.size-main b{display:block;font-size:17px;line-height:1.1}.size-main span{display:block;color:#00e676;font-weight:900;font-size:13px;white-space:nowrap;margin-top:3px}.qty{display:grid!important;grid-template-columns:26px 1fr 26px;gap:4px;align-items:center;margin-top:9px}.qty button{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#7c22e9,#3b137c)!important;color:#fff!important;font-size:17px!important;font-weight:900!important;display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;box-shadow:none!important}.qty strong{display:grid;place-items:center;color:#fff;font-size:14px;font-weight:900}.order-total .primary-btn{min-width:190px}.bottom-nav{z-index:15}.cart-item,.order-row{width:100%}
@media(min-width:900px){body{background:radial-gradient(circle at 50% -10%,#221044 0,#080713 38%,#03040b 100%)}.phone{max-width:430px}}
@media(max-width:390px){.sizes{grid-template-columns:repeat(5,74px)}.hero h1{font-size:27px}.hero p{font-size:14px}.hero-cylinder img{height:215px}.order-total{flex-wrap:wrap}.order-total .primary-btn{width:100%}}

/* KANDU FIX MOBILE FINAL: uso real en celulares */
html,body{width:100%;min-height:100%;overflow-x:hidden;background:#05050f!important;-webkit-text-size-adjust:100%;}
body{display:block;}
button,input{font-family:inherit;-webkit-tap-highlight-color:transparent;}
.phone{width:100%!important;max-width:480px!important;min-height:100dvh;margin:0 auto!important;padding:18px 16px calc(112px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;}
.topbar{position:sticky;top:0;z-index:12;padding:8px 0 10px;margin:0 0 16px;background:linear-gradient(180deg,#070514 70%,rgba(7,5,20,0));}
.hero{min-height:250px!important;display:grid!important;grid-template-columns:1fr 150px!important;align-items:center!important;padding:20px 16px!important;gap:4px!important;}
.hero-copy{width:auto!important;min-width:0!important;}
.hero h1{font-size:30px!important;line-height:1.05!important;margin:14px 0 10px!important;}
.hero p{font-size:15px!important;line-height:1.38!important;margin:0 0 14px!important;}
.hero-cylinder{position:relative!important;right:auto!important;top:auto!important;width:150px!important;height:200px!important;}
.hero-cylinder .ring{inset:12px 0 12px 0!important;}
.hero-cylinder img{right:14px!important;top:4px!important;width:126px!important;max-height:188px!important;object-fit:contain!important;}
.shield{right:4px!important;bottom:42px!important;width:48px!important;height:54px!important;font-size:22px!important;}
.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.quick-grid button{min-height:118px!important;padding:14px 10px!important;overflow:hidden!important;}
.quick-grid b{font-size:15px!important;line-height:1.05!important;}
.quick-grid span{font-size:12px!important;line-height:1.18!important;}
.points-card{grid-template-columns:1fr auto!important;overflow:hidden!important;}
.points-card .outline-btn{grid-column:1/-1;width:100%;}
.order-card{overflow:hidden!important;}
.sizes{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 2px 12px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.sizes::-webkit-scrollbar{height:0!important;}
.size,.size-main,.qty{display:none!important;}
.size-card{flex:0 0 112px!important;min-width:112px!important;max-width:112px!important;border:1px solid #252a50!important;border-radius:20px!important;background:linear-gradient(180deg,#10142b,#080b19)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.28)!important;color:#fff!important;overflow:hidden!important;scroll-snap-align:start;padding:10px 9px 9px!important;position:relative!important;}
.size-card.active{border-color:#b33cff!important;box-shadow:0 0 0 2px rgba(155,54,255,.35),0 0 24px rgba(155,54,255,.28)!important;background:linear-gradient(180deg,#351067,#0c0b1a)!important;}
.size-pick{appearance:none!important;-webkit-appearance:none!important;border:0!important;background:transparent!important;color:#fff!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:0!important;margin:0!important;min-height:126px!important;}
.size-pick small{position:absolute;left:0;top:0;background:linear-gradient(135deg,#9b36ff,#5b13db);padding:5px 8px;border-radius:0 0 10px 0;font-size:10px;font-weight:950;letter-spacing:.2px;}
.size-pick img{display:block!important;width:54px!important;height:72px!important;object-fit:contain!important;margin:14px auto 6px!important;filter:drop-shadow(0 10px 12px #000)!important;}
.size-pick b{display:block!important;font-size:20px!important;line-height:1!important;margin:0 0 5px!important;white-space:nowrap!important;}
.size-pick span{display:block!important;color:#00e676!important;font-size:15px!important;font-weight:950!important;white-space:nowrap!important;}
.qty-control{display:grid!important;grid-template-columns:32px 1fr 32px!important;align-items:center!important;gap:4px!important;margin-top:9px!important;width:100%!important;min-height:32px!important;}
.qty-control i{display:block;}
.qty-control strong{display:grid!important;place-items:center!important;color:#fff!important;font-size:17px!important;font-weight:950!important;min-width:28px!important;}
.qty-control .round{appearance:none!important;-webkit-appearance:none!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#8d2dff,#4b12b7)!important;color:#fff!important;font-size:22px!important;line-height:1!important;font-weight:950!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;box-shadow:0 8px 18px rgba(130,35,255,.32)!important;}
.qty-control .minus{background:#14182c!important;border:1px solid #37395d!important;box-shadow:none!important;font-size:21px!important;}
.cart-box{margin-top:12px!important;}
.cart-item{min-height:76px!important;border-radius:20px!important;padding:12px!important;}
.cart-item img{width:52px!important;height:70px!important;object-fit:contain!important;}
.order-total{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
.order-total .primary-btn{width:100%!important;min-width:0!important;height:58px!important;border-radius:20px!important;}
.benefits{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:6px!important;}
.bottom-nav{max-width:480px!important;height:88px!important;border-radius:28px 28px 0 0!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;}
.bottom-nav .big{width:76px!important;height:76px!important;transform:translateY(-22px)!important;}
.profile-card{grid-template-columns:96px 1fr auto!important;padding:16px!important;}
.avatar{width:88px!important;height:88px!important;}
.menu-list button{font-size:24px!important;padding:18px 16px!important;}
@media(max-width:380px){.phone{padding-left:12px!important;padding-right:12px!important}.hero{grid-template-columns:1fr 126px!important}.hero h1{font-size:27px!important}.hero-cylinder{width:126px!important}.hero-cylinder img{width:110px!important}.size-card{flex-basis:104px!important;min-width:104px!important;max-width:104px!important}.quick-grid{gap:8px!important}.quick-grid button{padding:12px 8px!important}.quick-grid i{width:38px;height:38px;font-size:20px}.quick-grid b{font-size:14px!important}.quick-grid span{font-size:11px!important}.benefits b,.benefits span{font-size:10px!important}}
@media(min-width:700px){.phone{box-shadow:0 0 0 1px rgba(255,255,255,.04);}}

/* =========================================================
   KANDU MOBILE PRO FINAL — ADAPTACIÓN REAL PARA CELULAR
   Corrige: ancho, scroll horizontal, cards de pedido, menú inferior,
   botones blancos, hero, cuenta, pedidos y selección de pipetas.
   ========================================================= */
:root{
  --phone-max: 430px;
}
html{
  width:100%;
  min-height:100%;
  overflow-x:hidden!important;
  background:#05050f!important;
  touch-action:manipulation;
}
body{
  width:100%;
  min-height:100dvh;
  overflow-x:hidden!important;
  background:radial-gradient(circle at 50% -8%,#23104a 0,#080713 42%,#03040b 100%)!important;
}
.app{
  width:100%;
  min-height:100dvh;
  display:block;
  overflow-x:hidden!important;
}
.phone{
  width:100%!important;
  max-width:var(--phone-max)!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding:16px 14px calc(112px + env(safe-area-inset-bottom))!important;
  overflow-x:hidden!important;
  position:relative!important;
}
.phone *{
  max-width:100%;
}
.screen{
  width:100%!important;
  overflow-x:hidden!important;
}
.topbar{
  width:100%!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)52px!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
  padding:6px 0 8px!important;
}
.hello{
  min-width:0!important;
}
.hello h2{
  font-size:clamp(23px,7vw,30px)!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.hello p{
  font-size:14px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.square-btn{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:18px!important;
}
h1{
  font-size:clamp(30px,8vw,38px)!important;
  line-height:1.03!important;
}
.hero{
  width:100%!important;
  min-height:260px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 142px!important;
  align-items:center!important;
  gap:2px!important;
  padding:20px 16px!important;
  border-radius:26px!important;
  overflow:hidden!important;
}
.hero-copy{
  width:100%!important;
  min-width:0!important;
  z-index:2!important;
}
.secure-pill{
  padding:8px 12px!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
.hero h1{
  font-size:clamp(27px,7.5vw,34px)!important;
  line-height:1.05!important;
  margin:14px 0 10px!important;
}
.hero p{
  font-size:14.5px!important;
  line-height:1.38!important;
  margin:0 0 14px!important;
}
.hero-btn{
  min-height:54px!important;
  width:min(190px,100%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 17px!important;
}
.hero-cylinder{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  width:142px!important;
  height:205px!important;
  min-width:142px!important;
  overflow:visible!important;
}
.hero-cylinder .ring{
  position:absolute!important;
  inset:10px 0 12px!important;
}
.hero-cylinder img{
  position:absolute!important;
  width:122px!important;
  height:188px!important;
  right:8px!important;
  top:6px!important;
  object-fit:contain!important;
}
.shield{
  width:48px!important;
  height:52px!important;
  right:0!important;
  bottom:42px!important;
  font-size:21px!important;
}
.quick-card,.points-card,.order-card,.tracking-card,.profile-card,.menu-list,.reward-balance,.help-card,.benefits{
  width:100%!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.quick-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.quick-grid button{
  min-width:0!important;
  min-height:120px!important;
  padding:13px 9px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.quick-grid i{
  width:42px!important;
  height:42px!important;
  margin-bottom:10px!important;
}
.quick-grid b{
  font-size:14.5px!important;
  line-height:1.06!important;
  word-break:normal!important;
}
.quick-grid span{
  font-size:11.5px!important;
  line-height:1.18!important;
}
.quick-grid em{
  right:9px!important;
  bottom:12px!important;
}
.points-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 70px!important;
  gap:10px!important;
}
.points-line b{
  font-size:clamp(48px,14vw,62px)!important;
}
.points-card .outline-btn{
  grid-column:1 / -1!important;
  width:100%!important;
}
.gift-box{
  font-size:50px!important;
  text-align:center!important;
}
.order-card{
  padding:16px!important;
}
.order-head h2{
  font-size:25px!important;
}
#clearCartBtn{
  min-width:max-content!important;
}
.sizes{
  width:100%!important;
  display:flex!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 2px 12px!important;
  margin:0!important;
  scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
.sizes::-webkit-scrollbar{display:none!important;}
.size,.size-main,.qty{display:none!important;}
.size-card{
  flex:0 0 112px!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  min-height:178px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  border:1px solid #252a50!important;
  border-radius:20px!important;
  padding:10px 9px 9px!important;
  background:linear-gradient(180deg,#10142b,#080b19)!important;
  scroll-snap-align:start!important;
  overflow:hidden!important;
}
.size-card.active{
  border-color:#b33cff!important;
  background:linear-gradient(180deg,#351067,#0c0b1a)!important;
  box-shadow:0 0 0 2px rgba(155,54,255,.32),0 0 22px rgba(155,54,255,.25)!important;
}
.size-pick{
  width:100%!important;
  min-height:126px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  cursor:pointer!important;
}
.size-pick img{
  width:56px!important;
  height:74px!important;
  object-fit:contain!important;
  margin:12px auto 7px!important;
}
.size-pick b{
  font-size:20px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.size-pick span{
  font-size:14.5px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  color:#00e676!important;
  font-weight:950!important;
}
.size-pick small{
  position:absolute!important;
  left:0!important;
  top:0!important;
  border-radius:0 0 10px 0!important;
}
.qty-control{
  width:100%!important;
  min-height:34px!important;
  display:grid!important;
  grid-template-columns:32px 1fr 32px!important;
  align-items:center!important;
  gap:4px!important;
  margin-top:8px!important;
}
.qty-control i{display:block!important;}
.qty-control strong{
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
}
.qty-control .round{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  border:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  color:#fff!important;
  background:linear-gradient(135deg,#8d2dff,#4b12b7)!important;
  font-size:21px!important;
  font-weight:950!important;
  line-height:1!important;
}
.qty-control .minus{
  background:#15192d!important;
  border:1px solid #383c61!important;
}
.cart-box{
  width:100%!important;
  margin-top:12px!important;
}
.cart-item{
  width:100%!important;
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border-radius:20px!important;
}
.cart-item img{
  width:50px!important;
  height:66px!important;
  object-fit:contain!important;
}
.cart-item div{
  min-width:0!important;
}
.cart-item div b,.cart-item div span{
  white-space:normal!important;
}
.order-total{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin-top:12px!important;
}
.order-total .primary-btn{
  width:100%!important;
  min-width:0!important;
  height:58px!important;
  border-radius:20px!important;
}
.benefits{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:10px!important;
}
.benefits div{
  min-width:0!important;
}
.orders-list,.orders-list *{
  max-width:100%!important;
}
.order-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:16px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.order-row img{
  width:58px!important;
  height:82px!important;
  object-fit:contain!important;
}
.order-row .body{
  min-width:0!important;
}
.order-row h3{
  font-size:20px!important;
  line-height:1.1!important;
}
.order-row p{
  font-size:14.5px!important;
  line-height:1.22!important;
}
.status{
  font-size:12px!important;
  padding:8px 10px!important;
  white-space:nowrap!important;
}
.filters{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.filters button{
  min-width:0!important;
  font-size:13px!important;
  padding:14px 2px!important;
}
.help-card{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:12px!important;
}
.help-card button{
  grid-column:1/-1!important;
  width:100%!important;
}
.profile-card{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr) 24px!important;
  gap:12px!important;
  padding:16px!important;
}
.avatar{
  width:88px!important;
  height:88px!important;
}
.profile-card h2{
  font-size:25px!important;
  line-height:1.1!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.profile-card p{
  overflow-wrap:anywhere!important;
}
.info-box{
  grid-column:1/-1!important;
}
.menu-list button{
  width:100%!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 18px!important;
  gap:12px!important;
  font-size:25px!important;
  padding:17px 15px!important;
}
.menu-list span{
  min-width:0!important;
}
.chat-messages{
  min-height:calc(100dvh - 300px)!important;
}
.chat-form{
  bottom:calc(94px + env(safe-area-inset-bottom))!important;
}
.bottom-nav{
  width:100%!important;
  max-width:var(--phone-max)!important;
  height:92px!important;
  left:50%!important;
  bottom:0!important;
  border-radius:28px 28px 0 0!important;
  padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
  z-index:30!important;
}
.bottom-nav button{
  min-width:0!important;
  font-size:24px!important;
}
.bottom-nav span{
  font-size:12px!important;
}
.bottom-nav .big{
  width:74px!important;
  height:74px!important;
  transform:translateY(-22px)!important;
}
.sheet>div{
  max-width:var(--phone-max)!important;
}
.toast{
  width:calc(100% - 28px)!important;
  max-width:400px!important;
}
@media (max-width:380px){
  .phone{padding-left:12px!important;padding-right:12px!important;}
  .topbar{grid-template-columns:48px minmax(0,1fr)48px!important;gap:10px!important;}
  .square-btn{width:48px!important;height:48px!important;min-width:48px!important;}
  .hero{grid-template-columns:minmax(0,1fr) 118px!important;padding:18px 14px!important;min-height:248px!important;}
  .hero-cylinder{width:118px!important;min-width:118px!important;height:188px!important;}
  .hero-cylinder img{width:104px!important;height:172px!important;right:4px!important;}
  .shield{width:42px!important;height:48px!important;bottom:38px!important;}
  .quick-grid{gap:8px!important;}
  .quick-grid button{padding:12px 8px!important;min-height:116px!important;}
  .quick-grid i{width:38px!important;height:38px!important;font-size:20px!important;}
  .quick-grid b{font-size:13.5px!important;}
  .quick-grid span{font-size:10.5px!important;}
  .size-card{flex-basis:104px!important;width:104px!important;min-width:104px!important;max-width:104px!important;}
  .order-row{grid-template-columns:58px minmax(0,1fr)!important;}
  .order-row .status,.order-row em{grid-column:2!important;justify-self:start!important;margin-top:4px!important;}
}

/* =========================================================
   KANDU ADAPTACIÓN CELULAR EXACTA — 6 MAYO
   Pantalla tipo app: sin desbordes, sin botones blancos, cards premium.
   ========================================================= */
html,body{margin:0!important;width:100%!important;min-height:100%!important;overflow-x:hidden!important;background:#03040b!important;}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;color:#fff!important;}
button,input{font:inherit!important;-webkit-tap-highlight-color:transparent!important;}
.phone{width:100%!important;max-width:430px!important;margin:0 auto!important;padding:20px 18px calc(110px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;background:radial-gradient(circle at 50% 0%,rgba(64,20,114,.55),rgba(3,4,11,.96) 38%,#03040b 100%)!important;}
.topbar{display:grid!important;grid-template-columns:64px minmax(0,1fr)64px!important;gap:14px!important;align-items:center!important;margin:2px 0 24px!important;}
.square-btn{width:58px!important;height:58px!important;border-radius:19px!important;background:rgba(17,18,39,.88)!important;border:1px solid rgba(116,76,170,.35)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:28px!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.28)!important;}
.hello h2{font-size:28px!important;line-height:1.05!important;margin:0 0 6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.hello p{font-size:16px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.hello span{color:#eda0ff!important;}
h1{font-size:38px!important;line-height:1.02!important;margin:20px 0 12px!important;letter-spacing:-.9px!important;}.screen-sub{font-size:19px!important;color:#cfc8d7!important;margin-bottom:28px!important;}
.hero{min-height:224px!important;border-radius:26px!important;border:1px solid rgba(166,48,255,.36)!important;background:linear-gradient(135deg,rgba(23,12,43,.98),rgba(8,8,20,.96) 54%,rgba(24,8,34,.98))!important;padding:20px 16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 155px!important;gap:4px!important;overflow:hidden!important;box-shadow:0 18px 65px rgba(0,0,0,.42)!important;}
.hero h1{font-size:32px!important;line-height:1.02!important;margin:14px 0 12px!important;}.hero h1 strong{display:block!important;color:#a341ff!important;}.hero p{font-size:16px!important;line-height:1.42!important;margin-bottom:16px!important;color:#fff!important;}.secure-pill{font-size:12px!important;padding:9px 13px!important;background:rgba(17,24,39,.76)!important;border-radius:999px!important;}
.hero-btn,.primary-btn{height:56px!important;border-radius:18px!important;border:0!important;background:linear-gradient(135deg,#a43cff,#5a11d5)!important;color:#fff!important;font-weight:900!important;box-shadow:0 0 32px rgba(147,36,255,.28)!important;}.hero-btn{width:178px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:17px!important;}
.hero-cylinder{height:195px!important;width:155px!important;position:relative!important;}.hero-cylinder .ring{position:absolute!important;inset:12px 0 8px!important;border:4px solid rgba(163,65,255,.75)!important;border-radius:50%!important;filter:drop-shadow(0 0 18px rgba(163,65,255,.45));}.hero-cylinder img{position:absolute!important;width:138px!important;height:186px!important;object-fit:contain!important;right:5px!important;top:0!important;filter:drop-shadow(0 22px 24px rgba(0,0,0,.62))!important;}.shield{right:0!important;bottom:35px!important;width:48px!important;height:54px!important;font-size:24px!important;}
.quick-card,.points-card,.recent-card,.order-card,.profile-card,.menu-list,.help-card,.benefits,.reward-balance,.tracking-card{border:1px solid rgba(72,67,120,.48)!important;background:linear-gradient(135deg,rgba(14,17,38,.92),rgba(8,9,23,.94))!important;border-radius:24px!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 46px rgba(0,0,0,.28)!important;}
.quick-card{padding:18px 14px!important;margin-top:14px!important;}.quick-card h2,.recent-card h2,.order-card h2{font-size:25px!important;margin:0 0 16px!important;}.quick-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}.quick-grid button{min-height:116px!important;padding:13px 10px!important;border-radius:18px!important;background:rgba(13,16,35,.86)!important;border:1px solid rgba(66,55,111,.5)!important;color:#fff!important;position:relative!important;text-align:left!important;}.quick-grid i{width:43px!important;height:43px!important;border-radius:50%!important;background:linear-gradient(135deg,#9b35ff,#5b12cf)!important;display:grid!important;place-items:center!important;font-size:22px!important;margin-bottom:10px!important;}.quick-grid b{display:block!important;font-size:15px!important;line-height:1.05!important;}.quick-grid span{display:block!important;margin-top:5px!important;color:#d1cde1!important;font-size:11.5px!important;line-height:1.12!important;}.quick-grid em{position:absolute!important;right:10px!important;bottom:14px!important;color:#ee9aff!important;font-style:normal!important;font-size:28px!important;}
.points-card{margin-top:14px!important;padding:18px 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 86px!important;gap:10px!important;align-items:center!important;}.points-card h2{font-size:24px!important;margin:0 0 8px!important;}.points-line b{font-size:58px!important;color:#9b36ff!important;line-height:.9!important;}.points-line span{font-size:26px!important;font-weight:900!important;color:#b56dff!important;}.progress{height:8px!important;background:#241641!important;border-radius:999px!important;margin:14px 0 12px!important;overflow:hidden!important;}.progress i{height:100%!important;background:linear-gradient(90deg,#9d35ff,#ca56ff)!important;border-radius:999px!important;display:block!important;}.points-card p{font-size:16px!important;line-height:1.35!important;color:#fff!important;}.gift-box{font-size:54px!important;text-align:center!important;filter:drop-shadow(0 0 18px rgba(155,54,255,.75));}.points-card .outline-btn{grid-column:1/-1!important;height:52px!important;border-radius:18px!important;color:#fff!important;background:rgba(16,16,35,.82)!important;border:1px solid rgba(104,74,146,.55)!important;font-weight:900!important;}
.recent-card{margin-top:14px!important;padding:18px 14px!important;}.recent-card h2{color:#fff!important;}.home-orders{display:grid!important;gap:8px!important;}.home-order-row{width:100%!important;min-height:72px!important;display:grid!important;grid-template-columns:58px 1fr!important;align-items:center!important;gap:12px!important;padding:8px 12px!important;border:1px solid rgba(55,48,97,.5)!important;background:rgba(12,14,31,.86)!important;border-radius:17px!important;color:#fff!important;text-align:left!important;}.home-order-row img{width:40px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55));}.home-order-row b{font-size:17px!important;}.home-order-row span{display:block!important;margin-top:4px!important;color:#cfc8d5!important;font-size:14px!important;}.empty{grid-template-columns:1fr!important;}
.order-card{padding:16px!important;}.order-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important;}.order-head button{background:transparent!important;border:0!important;color:#d25bff!important;font-weight:900!important;}.sizes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;padding:0!important;}.size-card{min-width:0!important;max-width:100%!important;width:100%!important;border-radius:20px!important;border:1px solid rgba(55,48,97,.62)!important;background:linear-gradient(180deg,#12152d,#080a19)!important;padding:10px!important;position:relative!important;overflow:hidden!important;color:#fff!important;}.size-card.active{border-color:#b03cff!important;box-shadow:0 0 0 2px rgba(155,54,255,.35),0 0 26px rgba(155,54,255,.35)!important;background:linear-gradient(180deg,#341067,#090a18)!important;}.size-pick{appearance:none!important;-webkit-appearance:none!important;border:0!important;background:transparent!important;color:#fff!important;width:100%!important;min-height:128px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;text-align:center!important;}.size-pick small{position:absolute!important;top:0!important;left:0!important;background:linear-gradient(135deg,#a13dff,#5b13db)!important;color:#fff!important;border-radius:0 0 11px 0!important;padding:5px 8px!important;font-size:10px!important;font-weight:950!important;}.size-pick img{width:58px!important;height:78px!important;object-fit:contain!important;margin-bottom:6px!important;filter:drop-shadow(0 10px 12px rgba(0,0,0,.55));}.size-pick b{font-size:22px!important;line-height:1!important;}.size-pick span{color:#00e676!important;font-size:16px!important;font-weight:950!important;margin-top:5px!important;}.qty-control{display:grid!important;grid-template-columns:38px 1fr 38px!important;align-items:center!important;gap:5px!important;margin-top:8px!important;}.qty-control i{display:block!important;}.qty-control strong{display:grid!important;place-items:center!important;font-size:18px!important;font-weight:950!important;color:#fff!important;}.qty-control .round{appearance:none!important;-webkit-appearance:none!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:999px!important;border:0!important;background:linear-gradient(135deg,#8f2cff,#4f13bd)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:25px!important;line-height:1!important;font-weight:900!important;padding:0!important;margin:0!important;box-shadow:0 8px 20px rgba(132,35,255,.34)!important;}.qty-control .minus{background:#14182c!important;border:1px solid #37395d!important;box-shadow:none!important;color:#fff!important;}.cart-box{margin-top:14px!important;}.cart-item{display:grid!important;grid-template-columns:60px 1fr auto!important;gap:12px!important;align-items:center!important;min-height:76px!important;border-radius:18px!important;background:rgba(10,12,27,.86)!important;border:1px solid rgba(57,48,98,.52)!important;padding:10px 12px!important;color:#fff!important;}.cart-item img{width:48px!important;height:66px!important;object-fit:contain!important;}.cart-item b{font-size:16px!important;}.cart-item span{color:#cfc8d5!important;}.order-total{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:12px!important;}.order-total b{color:#00e676!important;font-size:24px!important;}.order-total .primary-btn{width:100%!important;font-size:17px!important;}
.benefits{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin-top:14px!important;padding:10px!important;}.benefits div{min-width:0!important;text-align:center!important;font-size:18px!important;}.benefits b,.benefits span{display:block!important;font-size:10px!important;line-height:1.15!important;color:#fff!important;}.benefits span{color:#d4cedd!important;}
.orders-list{display:grid!important;gap:11px!important;}.filters{display:none!important;}.order-row{width:100%!important;min-height:120px!important;display:grid!important;grid-template-columns:78px minmax(0,1fr) 24px!important;align-items:center!important;gap:14px!important;padding:14px!important;border-radius:22px!important;border:1px solid rgba(65,50,110,.56)!important;background:linear-gradient(135deg,rgba(14,17,38,.94),rgba(8,9,23,.94))!important;color:#fff!important;text-align:left!important;}.order-row img{width:58px!important;height:90px!important;object-fit:contain!important;filter:drop-shadow(0 14px 16px rgba(0,0,0,.55));}.order-row h3{font-size:24px!important;margin:0 0 9px!important;}.order-row p{font-size:16px!important;margin:6px 0!important;color:#d8d1df!important;}.order-row .status{display:none!important;}.order-row em{font-style:normal!important;color:#b02cff!important;font-size:36px!important;}.help-card{display:grid!important;grid-template-columns:54px 1fr 116px!important;gap:10px!important;align-items:center!important;padding:12px!important;margin-top:14px!important;}.help-card i{width:46px!important;height:46px!important;border-radius:50%!important;background:linear-gradient(135deg,#9b35ff,#5b13db)!important;display:grid!important;place-items:center!important;font-style:normal!important;}.help-card b{font-size:15px!important;}.help-card span{font-size:13px!important;color:#cfc8d5!important;display:block!important;}.help-card button{height:48px!important;border-radius:18px!important;border:0!important;background:linear-gradient(135deg,#9b35ff,#5b13db)!important;color:#fff!important;font-weight:900!important;}
.profile-card{display:grid!important;grid-template-columns:116px minmax(0,1fr) 24px!important;gap:14px!important;align-items:center!important;padding:18px!important;}.avatar{width:104px!important;height:104px!important;border-radius:50%!important;border:1px solid #a64aff!important;background:linear-gradient(135deg,#8d2dff,#4c0daa)!important;color:#fff!important;font-size:42px!important;background-size:cover!important;background-position:center!important;}.profile-card h2{font-size:29px!important;margin:0 0 8px!important;}.pts-pill{display:inline-flex!important;background:#6e22d8!important;border-radius:999px!important;padding:6px 12px!important;font-weight:900!important;margin-bottom:8px!important;}.profile-card p{font-size:17px!important;margin:8px 0!important;color:#fff!important;}.profile-card em{font-style:normal!important;color:#b02cff!important;font-size:42px!important;}.info-box{grid-column:1/-1!important;border:1px solid rgba(165,48,255,.55)!important;border-radius:18px!important;background:rgba(42,9,74,.28)!important;color:#fff!important;padding:14px!important;font-size:16px!important;line-height:1.35!important;}.group-title{font-size:26px!important;margin:24px 4px 12px!important;}.menu-list{overflow:hidden!important;}.menu-list button{width:100%!important;display:grid!important;grid-template-columns:58px 1fr 22px!important;align-items:center!important;gap:12px!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(53,49,86,.62)!important;color:#fff!important;text-align:left!important;padding:16px!important;font-size:28px!important;}.menu-list button:last-child{border-bottom:0!important;}.menu-list b{font-size:18px!important;}.menu-list small{display:block!important;font-size:15px!important;color:#cfc8d5!important;margin-top:4px!important;}.logout-btn{width:100%!important;margin-top:22px!important;height:70px!important;border-radius:22px!important;background:rgba(62,10,33,.35)!important;border:1px solid rgba(255,65,102,.28)!important;color:#ff4566!important;font-size:18px!important;font-weight:900!important;text-align:left!important;padding:0 18px!important;}
.bottom-nav{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,430px)!important;height:92px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;border-radius:28px 28px 0 0!important;border:1px solid rgba(65,50,110,.52)!important;background:rgba(10,12,29,.94)!important;backdrop-filter:blur(18px)!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:end!important;z-index:50!important;box-shadow:0 -18px 44px rgba(0,0,0,.38)!important;}.bottom-nav button{height:62px!important;border:0!important;background:transparent!important;color:#a8a5ad!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-size:25px!important;}.bottom-nav button span{font-size:14px!important;}.bottom-nav button.active{color:#b139ff!important;}.bottom-nav .big{width:78px!important;height:78px!important;border-radius:50%!important;background:linear-gradient(135deg,#a43cff,#5a11d5)!important;color:#fff!important;justify-self:center!important;transform:translateY(-20px)!important;box-shadow:0 0 0 4px rgba(162,65,255,.18),0 0 36px rgba(162,65,255,.75)!important;font-size:31px!important;}
@media(max-width:380px){.phone{padding-left:14px!important;padding-right:14px!important}.hero{grid-template-columns:minmax(0,1fr) 132px!important;padding:18px 14px!important}.hero h1{font-size:29px!important}.hero p{font-size:14px!important}.hero-cylinder{width:132px!important}.hero-cylinder img{width:116px!important}.quick-grid{gap:8px!important}.quick-grid button{padding:11px 8px!important}.quick-grid b{font-size:13.5px!important}.sizes{gap:10px!important}.order-row{grid-template-columns:68px minmax(0,1fr) 20px!important}.order-row h3{font-size:21px!important}.help-card{grid-template-columns:46px 1fr!important}.help-card button{grid-column:1/-1;width:100%!important}}

/* =========================================================
   KANDU ONE SCREEN MOBILE — AJUSTE FINAL
   Objetivo: la app ocupa una pantalla de celular real, sin verse
   como página web larga ni con bloques gigantes.
   ========================================================= */
html,body{height:100%;overflow-x:hidden!important;background:#03040b!important;}
body{display:block!important;}
#app.app{width:100%!important;min-height:100dvh!important;}
.phone{
  width:100%!important;
  max-width:430px!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding:12px 14px calc(88px + env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% -12%,#23104a 0,#080713 40%,#03040b 100%)!important;
}
.topbar{height:64px!important;margin:0 0 10px!important;padding:2px 0!important;grid-template-columns:48px minmax(0,1fr)48px!important;gap:10px!important;}
.square-btn{width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;font-size:22px!important;}
.hello h2{font-size:24px!important;line-height:1!important;}
.hello p{font-size:13px!important;margin-top:4px!important;}
.screen.active{display:flex!important;flex-direction:column!important;height:calc(100dvh - 164px - env(safe-area-inset-bottom))!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:8px!important;scrollbar-width:none!important;}
.screen.active::-webkit-scrollbar{width:0!important;height:0!important;}
.screen>h1{font-size:30px!important;margin:10px 0 6px!important;}
.screen-sub{font-size:15px!important;margin:0 0 14px!important;}
/* Inicio compacto */
#homeView{gap:10px!important;}
.hero{min-height:182px!important;height:182px!important;padding:14px!important;border-radius:22px!important;grid-template-columns:minmax(0,1fr) 128px!important;flex:0 0 auto!important;}
.secure-pill{font-size:9px!important;padding:6px 9px!important;border-radius:999px!important;}
.hero h1{font-size:25px!important;line-height:1.04!important;margin:9px 0 7px!important;}
.hero p{font-size:12.5px!important;line-height:1.25!important;margin:0 0 10px!important;max-width:190px!important;}
.hero-btn{height:44px!important;min-height:44px!important;width:158px!important;border-radius:18px!important;font-size:14px!important;padding:0 14px!important;}
.hero-cylinder{width:128px!important;height:168px!important;min-width:128px!important;}
.hero-cylinder img{width:112px!important;height:158px!important;right:4px!important;top:3px!important;}
.hero-cylinder .ring{inset:6px 0 8px!important;}
.shield{width:40px!important;height:42px!important;right:0!important;bottom:31px!important;font-size:18px!important;}
.quick-card{padding:12px!important;border-radius:20px!important;flex:0 0 auto!important;}
.quick-card h2,.recent-card h2{font-size:21px!important;margin:0 0 10px!important;}
.quick-grid{gap:8px!important;}
.quick-grid button{min-height:86px!important;padding:10px 8px!important;border-radius:16px!important;}
.quick-grid i{width:34px!important;height:34px!important;font-size:18px!important;margin-bottom:7px!important;}
.quick-grid b{font-size:13.5px!important;line-height:1.02!important;}
.quick-grid span{display:none!important;}
.quick-grid em{font-size:22px!important;right:8px!important;bottom:9px!important;}
.points-card{padding:12px 14px!important;border-radius:20px!important;grid-template-columns:minmax(0,1fr) 58px 112px!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;}
.points-card h2{font-size:20px!important;margin:0 0 3px!important;}
.points-line b{font-size:44px!important;line-height:.9!important;}
.points-line span{font-size:24px!important;}
.progress{height:7px!important;margin:7px 0!important;}
.points-card p{font-size:12px!important;line-height:1.2!important;margin:0!important;}
.gift-box{font-size:38px!important;}
.points-card .outline-btn{grid-column:auto!important;width:108px!important;height:42px!important;border-radius:16px!important;font-size:13px!important;padding:0 8px!important;}
.benefits{display:none!important;}
.recent-card{padding:12px!important;border-radius:20px!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;}
.home-orders{display:flex!important;flex-direction:column!important;gap:7px!important;min-height:0!important;overflow:hidden!important;}
.home-order-row{height:49px!important;min-height:49px!important;padding:7px 10px!important;border-radius:15px!important;}
.home-order-row img{width:30px!important;height:42px!important;margin-right:10px!important;object-fit:contain!important;}
.home-order-row b{font-size:14px!important;line-height:1.05!important;}
.home-order-row span{font-size:11.5px!important;line-height:1.1!important;}
.home-orders .home-order-row:nth-child(n+5){display:none!important;}
/* Pedir compacto y sin botones blancos */
#orderView{gap:8px!important;}
.order-card{padding:12px!important;border-radius:20px!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;}
.order-head h2{font-size:20px!important;margin:0!important;}
.order-head button{font-size:13px!important;}
.sizes{display:grid!important;grid-template-columns:repeat(5,84px)!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 8px!important;}
.size-card{flex:initial!important;min-width:84px!important;max-width:84px!important;width:84px!important;border-radius:16px!important;padding:7px!important;}
.size-pick{min-height:94px!important;}
.size-pick small{font-size:8px!important;padding:4px 6px!important;}
.size-pick img{width:42px!important;height:56px!important;margin:10px auto 4px!important;}
.size-pick b{font-size:15px!important;margin-bottom:3px!important;}
.size-pick span{font-size:11.5px!important;}
.qty-control{grid-template-columns:24px 1fr 24px!important;min-height:26px!important;margin-top:5px!important;}
.qty-control .round{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:17px!important;background:linear-gradient(135deg,#8d2dff,#4b12b7)!important;color:white!important;}
.qty-control .minus{background:#14182c!important;color:white!important;}
.qty-control strong{font-size:14px!important;}
.cart-box{margin-top:8px!important;}
.cart-item{min-height:58px!important;padding:8px!important;border-radius:16px!important;}
.cart-item img{width:36px!important;height:50px!important;}
.cart-item b{font-size:13.5px!important;}
.cart-item span{font-size:12px!important;}
.order-total{gap:8px!important;margin-top:8px!important;}
.order-total span{font-size:12px!important;}
.order-total b{font-size:22px!important;}
.order-total .primary-btn{height:50px!important;min-height:50px!important;border-radius:18px!important;font-size:15px!important;}
/* Pedidos compacto */
.filters{height:52px!important;padding:4px!important;margin-bottom:10px!important;gap:4px!important;}
.filters button{font-size:13px!important;border-radius:15px!important;}
.orders-list{gap:8px!important;overflow:visible!important;}
.order-row{min-height:78px!important;padding:10px!important;border-radius:18px!important;}
.order-row img{width:42px!important;height:62px!important;}
.order-row .body h3{font-size:18px!important;margin:0 0 5px!important;}
.order-row .body p{font-size:13px!important;margin:3px 0!important;}
.help-card{min-height:58px!important;padding:9px!important;border-radius:18px!important;margin-top:8px!important;}
.help-card i{width:36px!important;height:36px!important;min-width:36px!important;}
.help-card b{font-size:13px!important;}
.help-card span{font-size:12px!important;}
.help-card button{height:40px!important;min-width:86px!important;font-size:13px!important;border-radius:16px!important;}
/* Cuenta compacta */
#profileView{gap:10px!important;}
.profile-card{grid-template-columns:78px 1fr 18px!important;padding:13px!important;border-radius:20px!important;}
.avatar{width:72px!important;height:72px!important;font-size:27px!important;}
.profile-card h2{font-size:22px!important;margin:0 0 4px!important;}
.pts-pill{font-size:12px!important;padding:6px 10px!important;}
.profile-card p{font-size:13px!important;margin:5px 0!important;}
.info-box{grid-column:1/-1!important;margin-top:10px!important;padding:10px!important;border-radius:14px!important;font-size:12px!important;line-height:1.25!important;}
.group-title{font-size:21px!important;margin:0!important;}
.menu-list{border-radius:20px!important;flex:0 0 auto!important;}
.menu-list button{min-height:58px!important;padding:11px 14px!important;font-size:22px!important;}
.menu-list b{font-size:15px!important;}
.menu-list small{font-size:12px!important;}
.logout-btn{height:58px!important;border-radius:18px!important;font-size:15px!important;margin-top:0!important;}
/* Nav compacto fijo */
.bottom-nav{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:100%!important;max-width:430px!important;height:78px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;z-index:50!important;}
.bottom-nav button{font-size:20px!important;gap:2px!important;}
.bottom-nav button span{font-size:11.5px!important;}
.bottom-nav .big{width:66px!important;height:66px!important;min-width:66px!important;transform:translateY(-18px)!important;border-radius:999px!important;}
@media (min-width:700px){
 body{display:flex!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;}
 .phone{height:min(100vh,900px)!important;min-height:min(100vh,900px)!important;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 90px rgba(0,0,0,.55)!important;border-left:1px solid rgba(255,255,255,.06)!important;border-right:1px solid rgba(255,255,255,.06)!important;}
 .bottom-nav{position:fixed!important;}
}
@media(max-width:380px){
 .phone{padding-left:10px!important;padding-right:10px!important;}
 .hero{grid-template-columns:minmax(0,1fr) 112px!important;height:170px!important;min-height:170px!important;}
 .hero h1{font-size:22px!important;}
 .hero p{font-size:11.5px!important;}
 .hero-cylinder{width:112px!important;height:154px!important;min-width:112px!important;}
 .hero-cylinder img{width:100px!important;height:146px!important;}
 .points-card{grid-template-columns:1fr 48px 94px!important;}
 .points-card .outline-btn{width:94px!important;font-size:12px!important;}
 .quick-grid button{min-height:80px!important;}
 .sizes{grid-template-columns:repeat(5,78px)!important;}
 .size-card{width:78px!important;min-width:78px!important;max-width:78px!important;}
}

/* === KANDU FIX FINAL: interfaz móvil limpia, sin textos internos innecesarios === */
html,body{width:100%;min-height:100%;overflow-x:hidden!important;background:#03040b!important;}
body{display:flex!important;justify-content:center!important;align-items:flex-start!important;}
.app{width:100%!important;min-height:100vh!important;display:flex!important;justify-content:center!important;}
.phone{
  width:100%!important;max-width:430px!important;min-width:320px!important;
  min-height:100dvh!important;height:100dvh!important;
  margin:0 auto!important;padding:16px 14px 94px!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  background:radial-gradient(circle at 50% -12%,#231047 0,#0a0617 38%,#03040b 100%)!important;
  scrollbar-width:none!important;
}
.phone::-webkit-scrollbar{display:none!important;}
.topbar{height:54px!important;margin:0 0 18px!important;gap:12px!important;position:sticky!important;top:0!important;z-index:40!important;background:linear-gradient(180deg,rgba(9,6,23,.96),rgba(9,6,23,.78))!important;backdrop-filter:blur(12px)!important;border-radius:0 0 18px 18px!important;}
.square-btn{width:44px!important;height:44px!important;border-radius:15px!important;font-size:21px!important;flex:0 0 auto!important;}
.hello h2{font-size:23px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.hello p{font-size:13px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.screen{min-height:calc(100dvh - 166px)!important;}
.screen.active{display:flex!important;flex-direction:column!important;gap:12px!important;}
.screen>h1{font-size:27px!important;margin:0 0 2px!important;line-height:1.05!important;}
.screen-sub{font-size:14px!important;margin:0 0 8px!important;line-height:1.25!important;}
.hero{height:182px!important;min-height:182px!important;padding:14px!important;border-radius:22px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 128px!important;gap:6px!important;align-items:center!important;}
.hero-copy{width:100%!important;}
.hero h1{font-size:24px!important;margin:8px 0 6px!important;line-height:1.03!important;}
.hero p{font-size:12px!important;line-height:1.22!important;max-width:205px!important;margin:0 0 10px!important;}
.hero-btn{width:145px!important;height:42px!important;min-height:42px!important;font-size:13px!important;padding:0 13px!important;}
.hero-cylinder{position:relative!important;right:auto!important;top:auto!important;width:124px!important;height:160px!important;min-width:124px!important;}
.hero-cylinder img{width:108px!important;height:150px!important;right:5px!important;top:4px!important;object-fit:contain!important;}
.hero-cylinder .ring{inset:8px 1px 10px!important;}
.shield{width:38px!important;height:40px!important;right:0!important;bottom:30px!important;font-size:17px!important;}
.quick-card,.points-card,.recent-card,.order-card,.tracking-card,.profile-card,.menu-list,.reward-balance,.help-card{border-radius:20px!important;margin:0!important;padding:12px!important;}
.quick-card h2,.recent-card h2,.order-card h2,.points-card h2{font-size:20px!important;margin:0 0 9px!important;}
.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.quick-grid button{min-height:82px!important;padding:9px 7px!important;border-radius:15px!important;}
.quick-grid i{width:32px!important;height:32px!important;font-size:17px!important;margin-bottom:7px!important;}
.quick-grid b{font-size:13px!important;line-height:1.04!important;}
.quick-grid span{display:none!important;}
.quick-grid em{font-size:20px!important;right:7px!important;bottom:8px!important;}
.points-card{display:grid!important;grid-template-columns:1fr 48px 100px!important;gap:7px!important;align-items:center!important;min-height:104px!important;}
.points-line b{font-size:40px!important;}
.points-line span{font-size:21px!important;}
.points-card p{font-size:11.5px!important;line-height:1.15!important;margin:0!important;}
.progress{height:7px!important;margin:7px 0!important;}
.gift-box{font-size:34px!important;}
.points-card .outline-btn{height:38px!important;width:96px!important;padding:0 6px!important;font-size:12px!important;border-radius:15px!important;}
.recent-card{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;}
.home-orders{gap:7px!important;overflow:hidden!important;}
.home-order-row{height:51px!important;min-height:51px!important;grid-template-columns:42px 1fr!important;gap:10px!important;padding:6px 10px!important;border-radius:14px!important;}
.home-order-row img{width:28px!important;height:42px!important;}
.home-order-row b{font-size:14px!important;}
.home-order-row span{font-size:11.5px!important;}
.home-orders .home-order-row:nth-child(n+5){display:none!important;}
.benefits{display:none!important;}
/* Pedir: una sola pantalla, horizontal, sin cuadros blancos */
#orderView .order-card{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;}
.sizes{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:1px 0 8px!important;grid-template-columns:none!important;}
.size-card{flex:0 0 76px!important;min-width:76px!important;max-width:76px!important;width:76px!important;padding:7px!important;border-radius:15px!important;}
.size-pick{min-height:92px!important;}
.size-pick img{width:39px!important;height:54px!important;margin:8px auto 3px!important;}
.size-pick b{font-size:14px!important;}
.size-pick span{font-size:11px!important;}
.size-pick small{font-size:7.5px!important;padding:3px 5px!important;}
.qty-control{display:grid!important;grid-template-columns:23px 1fr 23px!important;gap:3px!important;margin-top:5px!important;}
.qty-control .round{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;background:linear-gradient(135deg,#8f2cff,#4d12b9)!important;color:#fff!important;border-radius:50%!important;}
.qty-control .minus{background:#14182d!important;border:1px solid #34385c!important;color:#fff!important;}
.qty-control strong{font-size:13px!important;color:#fff!important;}
.cart-item{min-height:55px!important;grid-template-columns:42px 1fr auto!important;padding:7px 9px!important;border-radius:15px!important;}
.cart-item img{width:31px!important;height:45px!important;}
.cart-item b{font-size:13px!important;}
.cart-item span{font-size:11.5px!important;}
.order-total{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:8px!important;}
.order-total b{font-size:21px!important;}
.order-total .primary-btn{height:46px!important;min-height:46px!important;border-radius:16px!important;font-size:14px!important;}
/* Pedidos */
.filters{height:46px!important;margin:4px 0 8px!important;padding:4px!important;gap:4px!important;}
.filters button{font-size:12px!important;padding:0!important;border-radius:13px!important;}
.orders-list{gap:8px!important;}
.order-row{min-height:72px!important;padding:9px!important;border-radius:17px!important;gap:10px!important;}
.order-row img{width:36px!important;height:54px!important;}
.order-row h3{font-size:16px!important;margin-bottom:4px!important;}
.order-row p{font-size:12.5px!important;margin:2px 0!important;}
.status{font-size:10.5px!important;padding:6px 8px!important;}
.help-card{min-height:54px!important;padding:8px!important;gap:8px!important;}
.help-card i{width:34px!important;height:34px!important;min-width:34px!important;}
.help-card b{font-size:12.5px!important;}
.help-card span{display:none!important;}
.help-card button{height:36px!important;min-width:82px!important;border-radius:14px!important;font-size:12.5px!important;}
/* Cuenta limpia */
#profileView.profile-clean{padding-top:4px!important;gap:12px!important;}
#profileView.profile-clean>h1,#profileView.profile-clean>.screen-sub,#profileView .group-title,#profileView .info-box{display:none!important;}
.clean-profile-card{display:grid!important;grid-template-columns:78px 1fr!important;gap:13px!important;align-items:center!important;padding:15px!important;min-height:122px!important;}
.clean-profile-card .avatar{width:72px!important;height:72px!important;font-size:28px!important;}
.clean-profile-card h2{font-size:21px!important;margin:0 0 5px!important;line-height:1.05!important;}
.clean-profile-card .pts-pill{font-size:12px!important;padding:5px 9px!important;margin-bottom:4px!important;}
.clean-profile-card p{font-size:12.5px!important;margin:4px 0!important;color:#ddd!important;}
.clean-menu-list{margin-top:0!important;}
.clean-menu-list button{min-height:62px!important;padding:12px 14px!important;font-size:22px!important;}
.clean-menu-list b{font-size:15.5px!important;}
.clean-menu-list small{font-size:12px!important;color:#c8c2d0!important;}
.logout-btn{height:54px!important;min-height:54px!important;border-radius:18px!important;font-size:14px!important;margin:0!important;}
/* Chat */
.chat-messages{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;}
.chat-form{position:sticky!important;bottom:84px!important;margin-top:auto!important;}
/* Nav */
.bottom-nav{height:76px!important;max-width:430px!important;border-radius:24px 24px 0 0!important;}
.bottom-nav .big{width:64px!important;height:64px!important;min-width:64px!important;transform:translateY(-18px)!important;}
.bottom-nav button span{font-size:11px!important;}
@media (min-width:700px){
  body{align-items:flex-start!important;}
  .phone{height:100dvh!important;min-height:100dvh!important;max-width:390px!important;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 24px 90px rgba(0,0,0,.55)!important;}
  .bottom-nav{max-width:390px!important;}
}
@media (max-width:370px){
  .phone{padding-left:11px!important;padding-right:11px!important;}
  .hero{grid-template-columns:minmax(0,1fr) 108px!important;height:172px!important;min-height:172px!important;}
  .hero h1{font-size:21px!important;}.hero p{font-size:11px!important;max-width:170px!important;}
  .hero-cylinder{width:108px!important;height:145px!important;min-width:108px!important;}.hero-cylinder img{width:95px!important;height:138px!important;}
  .points-card{grid-template-columns:1fr 40px 86px!important;}.points-card .outline-btn{width:84px!important;font-size:11px!important;}
  .size-card{flex-basis:72px!important;min-width:72px!important;max-width:72px!important;width:72px!important;}
}
.dynamic-rewards{display:grid;gap:12px;margin-top:14px}.reward-item{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(170,82,255,.28);border-radius:24px;background:linear-gradient(135deg,rgba(72,35,130,.38),rgba(5,7,22,.78));box-shadow:inset 0 0 24px rgba(120,55,255,.1)}.reward-item img{width:74px;height:74px;object-fit:contain;border-radius:20px;background:rgba(123,45,255,.16);padding:7px}.reward-item h3{margin:0;color:#fff;font-size:19px}.reward-item p{margin:5px 0 0;color:#d7ccff}.reward-item .reward-side{text-align:right}.reward-item .reward-side b{display:block;color:#b85cff;font-size:22px}.reward-item button,.cancel-order-btn{border:0;border-radius:16px;padding:10px 14px;font-weight:900;background:linear-gradient(135deg,#8b2cff,#c239ff);color:#fff;box-shadow:0 0 20px rgba(151,57,255,.35)}.reward-item button:disabled{opacity:.45;filter:grayscale(1)}.profile-main-info #profileEmail{display:none!important}.notif-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(170,82,255,.25);border-radius:18px;margin:10px 0;background:rgba(255,255,255,.04)}