:root{--blue:#164de1;--blue-dark:#1235a5;--red:#f04459;--ink:#19233c;--muted:#7c8498;--line:#e7eaf2;--bg:#f3f5f9;--shadow:0 18px 45px #2638680b;--radius:28px}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}img{max-width:100%;display:block}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-1.7px}h2{font-size:23px;letter-spacing:-.7px}h3{font-size:17px;letter-spacing:-.3px}.muted,small{color:var(--muted)}.small{font-size:13px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:2.4px;color:var(--blue);margin-bottom:10px}.wrap{max-width:1200px;margin:auto;padding:0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:18px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brandmark{width:44px;height:44px;border-radius:16px;background:var(--blue);color:white;display:grid;place-items:center;position:relative;flex-shrink:0}.brandmark:after{content:'';position:absolute;right:-2px;top:-2px;width:12px;height:12px;border-radius:50%;background:var(--red);border:3px solid var(--bg)}.brandtext{font-size:22px;letter-spacing:-1px;font-weight:850;overflow-wrap:anywhere}.brand small{display:block;font-size:10px;letter-spacing:1px}.toplinks{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650}.round{width:48px;height:48px;border:1px solid white;box-shadow:var(--shadow);background:#ffffffb8;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative}.count{position:absolute;top:-1px;right:-3px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border-radius:20px;background:var(--red);font-size:10px;color:white}.hero{display:grid;grid-template-columns:1fr .85fr;align-items:center;min-height:275px;gap:30px;margin:12px 0 26px;padding:36px 44px;border-radius:36px;background:linear-gradient(120deg,#e7edff 0%,#f9faff 60%,#f9e7ec 100%);position:relative;overflow:hidden;border:1px solid white}.hero p{max-width:420px;margin-top:16px;font-size:14px}.hero h1 strong{color:var(--blue)}.hero-art{position:relative;min-height:210px;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';width:200px;height:200px;border-radius:50%;background:#fff8;position:absolute;border:1px solid white;box-shadow:0 0 0 35px #fff3,0 0 0 70px #fff2}.hero-art img{width:300px;height:230px;object-fit:contain;position:relative;transform:rotate(-12deg);filter:drop-shadow(0 24px 15px #29386920)}.hero-tag{position:absolute;right:0;bottom:5px;background:white;padding:10px 16px;border-radius:18px;font-size:12px;box-shadow:var(--shadow)}.toolbar{display:flex;align-items:center;gap:15px;margin-bottom:20px}.search{display:flex;align-items:center;background:#fff;border:1px solid white;border-radius:24px;padding:7px 8px 7px 20px;flex:1;box-shadow:var(--shadow)}.search input{background:none;border:0;outline:none;min-width:0;width:100%;font-size:14px;padding:8px 0}.search button{border:0;border-radius:17px;background:var(--red);color:white;width:44px;height:44px;display:grid;place-items:center}.select-filter{border:1px solid white;border-radius:20px;background:#fff;padding:17px;font-size:13px;color:var(--ink);max-width:180px}.chips{display:flex;overflow:auto;gap:10px;padding:2px 0 15px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid white;background:#ffffff85;border-radius:30px;padding:12px 22px;font-size:13px;color:#6b748a;box-shadow:0 6px 18px #28335204}.chip.active{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 8px 20px #164de125}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:16px 0 22px}.sectionhead h2 span{font-weight:400;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{padding:19px;border-radius:30px;border:1px solid #fff;background:linear-gradient(145deg,#fff8,#fff3);box-shadow:var(--shadow);min-width:0;transition:transform .2s}.product-card:hover{transform:translateY(-4px)}.product-top{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:25px}.badge{font-size:10px;font-weight:750;background:white;padding:5px 10px;border-radius:20px;color:var(--blue)}.badge.red{color:var(--red);background:#fff0f2}.badge.green{color:#15825e;background:#e9f8f1}.product-name{font-size:15px;font-weight:550;margin-top:10px;min-height:46px;display:block;overflow-wrap:anywhere}.product-art{display:grid;place-items:center;height:205px;padding:10px}.product-art img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 16px 10px #13285610)}.pricebar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:24px;padding:10px 10px 10px 16px;gap:5px}.price{font-weight:800;font-size:18px;letter-spacing:-.5px}.oldprice{font-size:11px;text-decoration:line-through;color:var(--muted)}.addbtn{border:0;border-radius:50%;width:45px;height:45px;background:var(--blue);color:white;display:grid;place-items:center;flex-shrink:0}.product-card:nth-child(3n + 2) .addbtn{background:var(--red)}.bottomnav{position:fixed;z-index:20;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(430px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;padding:9px;background:#ffffffdf;border:1px solid white;border-radius:40px;box-shadow:0 10px 40px #1d305520;backdrop-filter:blur(20px)}.bottomnav a{height:48px;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;color:var(--muted);font-size:12px;border-radius:30px;position:relative}.bottomnav a.active{background:var(--blue);color:white}.bottomnav a.cartnav{max-width:50px;background:var(--red);color:white;flex-shrink:0}.bottomnav .count{right:0;top:-4px;background:var(--blue)}.footer{margin-top:45px;border-top:1px solid var(--line);padding:24px 0 120px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:16px}.panel{background:#fff;border:1px solid white;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:18px}.two-col{display:grid;grid-template-columns:1.3fr .8fr;gap:24px;align-items:start}.field{margin-bottom:18px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;padding:13px 15px;border-radius:15px;border:1px solid var(--line);background:#fafbfe;outline:none;min-height:48px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #164de110}.field textarea{resize:vertical;min-height:100px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;min-height:48px;border:0;border-radius:17px;font-size:13px;font-weight:750;background:var(--blue);color:white}.btn.red{background:var(--red)}.btn.light{background:#eef2ff;color:var(--blue)}.btn.ghost{background:#f2f4f8;color:var(--ink)}.btn.full{width:100%}.btn.whatsapp{background:#14835b}.btn.danger{background:#fff0f1;color:#d72d44}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.alert{border-radius:18px;padding:14px 18px;margin:0 0 20px;font-size:13px;border:1px solid #c7eadb;background:#eaf7f1;color:#17674d}.alert.error{border-color:#f6ccd3;background:#fff0f2;color:#b02d44}.alert ul{margin:0;padding-left:18px}.empty{padding:50px 25px;text-align:center;grid-column:1/-1}.empty svg{width:45px;height:45px;color:var(--blue);margin:auto auto 15px}.empty p{margin:10px auto 20px;font-size:14px;color:var(--muted)}.cartline{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.cartline:last-child{border-bottom:0}.thumb{width:80px;height:80px;object-fit:contain;background:#f1f4fb;border-radius:18px;flex-shrink:0}.grow{flex:1;min-width:0}.qty{max-width:75px;width:75px;border:1px solid var(--line);border-radius:12px;padding:10px}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;font-size:13px}.summary-row.total{border-top:1px solid var(--line);margin-top:10px;padding-top:18px;font-size:19px;font-weight:800}.choice{display:flex;gap:12px;align-items:start;border:1px solid var(--line);padding:16px;border-radius:17px;margin-bottom:10px;cursor:pointer;font-size:13px}.choice:has(input:checked){border-color:var(--blue);background:#f1f5ff}.choice input{accent-color:var(--blue);margin-top:5px}.choice small{display:block;margin-top:3px}.detail-art{background:linear-gradient(135deg,#edf1fc,#fff);min-height:420px;display:grid;place-items:center;border-radius:32px;padding:30px;border:1px solid white}.detail-art img{height:350px;width:100%;object-fit:contain;filter:drop-shadow(0 25px 18px #13346b15)}.detail-info h1{font-size:34px;margin:14px 0 20px}.description{white-space:pre-line;font-size:14px;color:#6d778d;overflow-wrap:anywhere}.statusline{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.number{font-family:ui-monospace,monospace;font-size:17px;overflow-wrap:anywhere}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.step{padding:9px 13px;border-radius:14px;background:#f1f3f8;font-size:11px;color:var(--muted)}.step.done{background:#eaf0ff;color:var(--blue)}.bank{padding:20px;border:1px dashed #b7c8fb;background:#f4f7ff;border-radius:20px;margin:15px 0}.bank strong{display:block;font-size:25px;letter-spacing:1px;overflow-wrap:anywhere}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:30px 0;font-size:13px}.loginbox{max-width:420px;margin:40px auto 80px}.loginbox h1{font-size:32px;margin:20px 0 10px}.loginbox .field:first-of-type{margin-top:28px}.admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:7px}.sidebar .brand{margin-bottom:35px}.sidebar a.navlink{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;font-size:13px;color:var(--muted)}.sidebar a.navlink.active{background:#edf2ff;color:var(--blue);font-weight:750}.sidebar-bottom{margin-top:auto;padding-top:25px}.admin-main{padding:30px 35px 60px;min-width:0}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.admin-head h1{font-size:29px;letter-spacing:-1px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.stat{padding:22px;background:#fff;border-radius:24px;border:1px solid white}.stat small{font-size:11px}.stat strong{display:block;font-size:25px;letter-spacing:-1px;margin:8px 0}.stat:first-child{background:var(--blue);color:white}.stat:first-child small{color:#d8e3ff}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.table th{color:var(--muted);font-weight:600;padding:14px 12px;white-space:nowrap;border-bottom:1px solid var(--line)}.table td{padding:16px 12px;border-bottom:1px solid #f0f2f7;vertical-align:middle}.table td .btn{min-height:34px;padding:7px 12px;font-size:11px}.table-product{display:flex;gap:12px;align-items:center;min-width:160px}.table-product img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#f4f6fb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span2{grid-column:1/-1}.admin-form{margin-bottom:24px}.proof-preview{max-height:430px;object-fit:contain;border-radius:18px;background:#f6f7fa;margin-top:15px}.notice{background:#eef3ff;color:#31559e;padding:15px;border-radius:17px;font-size:12px}.install{max-width:700px;margin:30px auto;padding:0 20px 60px}.install header{padding:20px 0 25px}.install .panel h1{font-size:31px;margin-bottom:10px}.checklist{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.checklist span{font-size:11px;border-radius:10px;padding:7px 10px;background:#eaf7ef;color:#1d7750}.checklist span.fail{background:#fff0f2;color:#b52e44}.page-title{margin:18px 0 25px}.page-title h1{font-size:34px}.page-title p{margin-top:10px;font-size:13px}.print-only{display:none}.copy{border:0;background:none;color:var(--blue);cursor:pointer;font-size:12px}.mobile-only{display:none}input[type=file]{font-size:12px}.cartbuttons{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:15px}.admin-main .chips{margin-bottom:10px}
@media(min-width:1400px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.admin-layout{grid-template-columns:180px minmax(0,1fr)}.admin-main{padding:25px 20px}.sidebar{padding:24px 12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{gap:16px}.product-art{height:165px}.hero{padding:30px}.two-col{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.wrap{padding:0 20px}.topbar{padding:22px 0}.toplinks>a:not(.round){display:none}.brandmark{width:40px;height:40px;border-radius:14px}.brandtext{font-size:21px}.toplinks{gap:8px}.hero{display:block;padding:26px 24px;margin-top:4px;border-radius:30px;min-height:200px}.hero h1{font-size:35px;max-width:260px}.hero p{font-size:12px;max-width:235px;padding-right:10px}.hero-art{display:none}.hero:after{content:'';position:absolute;width:130px;height:130px;border-radius:50%;border:24px solid #164de108;right:-60px;top:20px}.eyebrow{font-size:10px;letter-spacing:2px}.toolbar{gap:8px;margin-bottom:15px}.search{border-radius:23px;padding-left:17px}.search input{font-size:12px}.select-filter{width:102px;font-size:11px;padding:17px 9px;border-radius:20px}.chips{gap:8px}.chip{padding:11px 19px;font-size:12px}.sectionhead{margin:12px 0 18px}.sectionhead h2{font-size:20px}.sectionhead small{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-card{border-radius:26px;padding:12px;box-shadow:0 12px 28px #29345606}.product-name{font-size:12px;min-height:38px;margin-top:9px;line-height:1.45}.product-top .badge{font-size:8px;padding:4px 7px}.product-art{height:145px;padding:6px 0}.pricebar{padding:8px 7px 8px 10px;border-radius:20px;min-height:53px}.price{font-size:13px;letter-spacing:-.5px}.oldprice{font-size:9px}.addbtn{width:34px;height:34px}.addbtn svg{width:17px;height:17px}.footer{padding-bottom:120px;font-size:10px}.two-col{grid-template-columns:1fr}.panel{padding:22px;border-radius:25px}.page-title h1{font-size:30px}.detail-art{min-height:300px}.detail-art img{height:265px}.detail-info h1{font-size:30px}.cartline{gap:11px}.thumb{width:62px;height:70px}.cartline h3{font-size:13px}.cartline .price{font-size:13px}.qty{max-width:62px;width:62px}.admin-layout{display:block}.sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:17px 18px;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.sidebar .brand{width:100%;margin-bottom:10px}.sidebar a.navlink{font-size:11px;padding:9px 10px;gap:6px}.sidebar a.navlink svg{width:17px;height:17px}.sidebar-bottom{margin-top:0;padding-top:0;display:flex;gap:8px;align-items:center;width:100%;justify-content:space-between}.sidebar-bottom .btn{font-size:11px;min-height:35px;padding:7px 12px}.admin-main{padding:22px 16px 40px}.admin-head h1{font-size:25px}.admin-head .btn{font-size:11px;padding:10px 13px;min-height:40px}.stats{gap:10px}.stat{padding:16px;border-radius:20px}.stat strong{font-size:22px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.table th,.table td{padding:12px 8px}.loginbox{margin:20px auto 40px}.mobile-only{display:block}.bank strong{font-size:23px}.bottomnav a span.label{display:none}.bottomnav a.active span.label{display:inline}.steps{gap:6px}.step{padding:7px 10px;font-size:10px}}
@media(max-width:360px){.wrap{padding:0 14px}.product-art{height:125px}.pricebar{padding-left:8px}.price{font-size:11px}.hero h1{font-size:31px}.addbtn{width:29px;height:29px}.grid{gap:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.sidebar,.topbar,.bottomnav,.footer,.no-print,.admin-head .btn,.alert{display:none!important}.admin-layout,.two-col{display:block}.admin-main,.wrap{padding:0}.panel{box-shadow:none;border:1px solid #ddd;margin-bottom:20px;break-inside:avoid}.print-only{display:block}body{background:white}.page-title h1{font-size:25px}}