:root{--bg: #FFF9F1;--card: #FFFFFF;--text: #2B2140;--muted: #8A7F9E;--border: #F0E6D8;--pink: #FF3D81;--sun: #FFB800;--teal: #00BFA6;--violet: #7C4DFF;--green: #25D366;--grad: linear-gradient(135deg, #FF3D81 0%, #FF8A3D 55%, #FFB800 100%);--radius: 18px;--shadow: 0 8px 24px rgba(255, 61, 129, .12)}@media (prefers-color-scheme: dark){:root{--bg: #1B1329;--card: #261B38;--text: #FFF4FA;--muted: #B3A6C9;--border: #3A2C52;--shadow: 0 8px 24px rgba(0,0,0,.35)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pink)}.btn{background:var(--grad);color:#fff;border:0;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s;display:inline-block;text-align:center}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.wa{background:var(--green)}.btn.ghost{background:transparent;color:var(--pink);border:2px solid var(--pink);box-shadow:none}.btn.small{padding:6px 14px;font-size:13px}.container{max-width:1180px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.price{color:var(--pink);font-weight:700}h1,h2{margin:24px 0 12px}h2{font-size:22px}.splash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--grad);display:flex;align-items:center;justify-content:center;z-index:999;animation:fade .4s 1.1s forwards}.splash span{color:#fff;font-size:40px;font-weight:800;letter-spacing:8px;animation:pop .8s ease}@keyframes fade{to{opacity:0;visibility:hidden}}@keyframes pop{0%{transform:scale(.6);opacity:0}}header.top{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid var(--border)}header.top .row{display:flex;align-items:center;gap:16px;height:64px}.logo{font-weight:800;letter-spacing:4px;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.sel{width:auto;padding:6px 10px;font-size:13px}nav.main{display:flex;gap:22px;margin-left:auto;align-items:center}nav.main a{font-weight:500;position:relative}nav.main a.active{color:var(--pink)}.badge{position:absolute;top:-8px;right:-12px;background:var(--pink);color:#fff;border-radius:999px;font-size:11px;padding:1px 6px}nav.bottom{display:none}@media (max-width: 760px){nav.main{display:none}header.top .row{height:56px}.spacer{flex:1}nav.bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--card);border-top:1px solid var(--border);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}nav.bottom a{flex:1;text-align:center;font-size:11px;color:var(--muted);position:relative}nav.bottom a.active{color:var(--pink)}nav.bottom a b{display:block;font-size:22px;font-weight:400}nav.bottom .badge{top:-4px;right:22%}main.shop{padding-bottom:80px}}.hero{margin-top:16px;border-radius:28px;background:var(--grad);color:#fff;padding:40px 32px;position:relative;overflow:hidden}.hero h1{font-size:clamp(26px,5vw,44px);margin:0 0 8px;max-width:620px;line-height:1.15}.hero p{margin:0 0 20px;opacity:.95}.hero .btn{background:#fff;color:var(--pink)}.hero:after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:#ffffff2e}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-top:16px;scrollbar-width:none}.carousel img{scroll-snap-align:center;flex:0 0 100%;height:clamp(140px,28vw,300px);object-fit:cover;border-radius:var(--radius)}.chips{display:flex;gap:10px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.chip{flex:none;padding:10px 18px;border-radius:999px;background:var(--card);border:1.5px solid var(--border);font-weight:500;cursor:pointer;color:var(--text)}.chip.on,.chip:hover{background:var(--pink);color:#fff;border-color:var(--pink)}.chip:nth-child(3n+2):hover{background:var(--violet);border-color:var(--violet)}.chip:nth-child(3n):hover{background:var(--teal);border-color:var(--teal)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}@media (max-width: 500px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}.pcard{background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);position:relative;transition:transform .2s,box-shadow .2s}.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pcard img{aspect-ratio:1;object-fit:cover;width:100%;background:var(--border)}.pcard .info{padding:12px}.pcard .nm{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav{position:absolute;top:10px;right:10px;background:#fff;border:0;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;box-shadow:0 2px 8px #00000026}.tag{position:absolute;top:10px;left:10px;background:var(--sun);color:#3a2a00;font-size:11px;font-weight:700;border-radius:999px;padding:3px 10px}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}@media (max-width: 760px){.pdp{grid-template-columns:1fr;gap:16px}}.gallery .main{border-radius:var(--radius);overflow:hidden;aspect-ratio:1;background:var(--border);cursor:zoom-in}.gallery .main img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-out}.thumbs{display:flex;gap:8px;margin-top:8px}.thumbs img{width:64px;height:64px;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid transparent}.thumbs img.on{border-color:var(--pink)}.opts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.opt{padding:8px 16px;border-radius:999px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;color:var(--text)}.opt.on{background:var(--violet);border-color:var(--violet);color:#fff}.opt:disabled{opacity:.35;text-decoration:line-through}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.line{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.line img{width:64px;height:64px;object-fit:cover;border-radius:12px}.line .grow{flex:1}.qty{display:flex;align-items:center;gap:10px}.qty button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--pink);background:none;color:var(--pink);font-size:18px;cursor:pointer}.two{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}@media (max-width: 800px){.two{grid-template-columns:1fr}}.form{display:grid;gap:12px;max-width:420px;margin:24px auto}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:12px 0;align-items:end}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 20px;border-radius:999px;z-index:50}.err{color:#d63031}footer.foot{text-align:center;color:var(--muted);font-size:13px;padding:32px 0 16px}.adm{display:flex;min-height:100vh}.adm aside{width:230px;background:var(--card);border-right:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.adm aside a{padding:10px 14px;border-radius:12px;font-weight:500}.adm aside a.active{background:var(--grad);color:#fff}.adm main{flex:1;padding:24px;min-width:0}@media (max-width: 800px){.adm{flex-direction:column}.adm aside{width:auto;height:auto;flex-direction:row;flex-wrap:wrap;position:static}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:14px 0}.stat{border-radius:var(--radius);padding:18px;color:#fff}.stat span{opacity:.9;font-size:13px;display:block}.stat b{font-size:26px}.stat.a{background:linear-gradient(135deg,#ff3d81,#ff8a3d)}.stat.b{background:linear-gradient(135deg,#7c4dff,#b388ff)}.stat.c{background:linear-gradient(135deg,#00bfa6,#64ffda);color:#003d35}.stat.d{background:linear-gradient(135deg,#ffb800,#ffd54f);color:#3a2a00}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}th{background:var(--bg);color:var(--muted);font-weight:600}.scroll{overflow-x:auto}.pill{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.pending{background:#fff1c2;color:#7a5800}.pill.paid{background:#c9f7ea;color:#00695c}.pill.cancelled{background:#ffd6e4;color:#a0003a}.pill.A{background:#c9f7ea;color:#00695c}.pill.B{background:#fff1c2;color:#7a5800}.pill.C{background:#ffd6e4;color:#a0003a}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
