:root{--bg:#f6f2ec;--ink:#111827;--muted:#6b7280;--line:#e7ddd1;--card:#fff;--accent:#7a4b24;--green:#15745f;--red:#b42318;--soft:#fbfaf8;--shadow:0 12px 28px rgba(17,24,39,.10)}
*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:var(--bg);color:var(--ink);padding-bottom:78px;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}img{width:100%;height:100%;object-fit:cover;display:block}.top{background:#111827;color:white;text-align:center;padding:9px 12px;font-weight:900;font-size:13px}.nav{position:sticky;top:0;background:rgba(246,242,236,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:30}.navin{max-width:1180px;margin:auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;gap:10px;align-items:center;cursor:pointer}.logo{width:42px;height:42px;border-radius:15px;background:#111827;color:white;display:grid;place-items:center;font-weight:950}.brand h1{font-size:21px}.brand small{color:var(--muted);font-weight:800}.links{display:flex;gap:16px}.links a{color:var(--ink);font-weight:900;text-decoration:none;font-size:14px}.btn{border:1px solid var(--line);background:white;color:var(--ink);border-radius:999px;padding:10px 14px;font-weight:950}.dark{background:#111827!important;color:white!important;border:0!important}.gold{background:#f3e7d8!important;color:var(--accent)!important}.hero{max-width:1180px;margin:auto;padding:24px 18px 16px;display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.heroCard{background:white;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.tag{display:inline-block;background:#f3e7d8;color:var(--accent);border-radius:999px;padding:8px 12px;font-weight:950;font-size:13px;margin-bottom:14px}.hero h2{font-size:clamp(32px,5vw,54px);line-height:1.03;margin-bottom:12px}.hero h2 span{color:var(--accent)}.hero p{color:#4b5563;margin-bottom:10px}.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.note{background:#fbfaf8;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:16px;padding:12px;font-weight:850;margin-top:12px}.heroImg{min-height:350px;border-radius:28px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.heroImg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(17,24,39,.6))}.heroCap{position:absolute;left:20px;right:20px;bottom:20px;color:white;z-index:1}.section{max-width:1180px;margin:auto;padding:18px}.work,.panel,.shareBox{background:white;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.work{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.work h3,.panel h3{font-size:24px;margin-bottom:6px}.work p,.panel p{color:var(--muted)}.filters{background:white;border:1px solid var(--line);border-radius:22px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px}.filters input{border:1px solid var(--line);background:#fbfaf8;border-radius:15px;padding:13px;width:100%;outline:0}.filterBtns{display:flex;gap:8px;overflow:auto}.filterBtns button{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:999px;padding:11px 14px;font-weight:900}.filterBtns button.active{background:#111827;color:white}.head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}.head h2{font-size:28px}.head p{color:var(--muted);text-align:right;font-size:14px}.shareBox{display:none;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fff,#f8ead8)}.shareBox.show{display:flex}.shareBox h3{font-size:20px}.shareBox p{font-size:14px;color:var(--muted);margin-top:4px}.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 8px 20px rgba(17,24,39,.08);display:flex;flex-direction:column}.pic{height:260px;position:relative;cursor:pointer}.badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px}.badge,.stock{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950;background:rgba(255,255,255,.94);color:var(--accent)}.stock{color:white}.ok{background:var(--green)}.low{background:#9a6a13}.out{background:var(--red)}.body{padding:15px;display:flex;flex-direction:column;flex:1}.code{font-size:12px;color:var(--accent);font-weight:950;margin-bottom:5px}.product h3{font-size:17px;line-height:1.15;margin-bottom:7px}.desc{font-size:13px;color:var(--muted);margin-bottom:10px}.price{font-size:25px;font-weight:950;margin-bottom:10px}.price small{font-size:12px;color:var(--muted)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.pill{background:#f7f2eb;color:var(--accent);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.optionPreview{display:grid;gap:6px;margin:0 0 10px}.optionRow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.optionRow small{font-size:11px;color:var(--muted);font-weight:950;text-transform:uppercase}.optChip{display:inline-flex;align-items:center;background:#fbfaf8;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;color:var(--accent)}.optionHelp{font-size:10.5px;color:var(--muted);margin-top:3px;line-height:1.25}.buy{margin-top:auto;background:#fbfaf8;border:1px solid var(--line);border-radius:16px;padding:10px}.buyTop{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--muted);font-weight:900}.buyCtr{display:grid;grid-template-columns:88px 1fr;gap:8px}.qty{height:38px;border:1px solid var(--line);background:white;border-radius:13px;display:flex;align-items:center;justify-content:space-between;padding:4px}.qty button{width:27px;height:27px;border:0;background:#111827;color:white;border-radius:9px;font-weight:900}.addBtn{height:38px;border:0;border-radius:13px;background:#111827;color:white;font-weight:950}.floatCart{position:fixed;right:16px;bottom:84px;z-index:70;border:0;border-radius:999px;background:#111827;color:white;padding:12px 15px;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.25)}.count{background:white;color:#111827;border-radius:999px;padding:2px 7px;margin-left:5px}.overlay{position:fixed;inset:0;background:rgba(17,24,39,.48);display:none;z-index:90}.drawer{position:fixed;right:0;top:0;bottom:0;width:500px;max-width:94%;background:white;z-index:100;transform:translateX(105%);transition:.25s;border-radius:26px 0 0 26px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;box-shadow:-20px 0 50px rgba(0,0,0,.24);scrollbar-width:none}.drawer::-webkit-scrollbar{display:none}.drawer.open{transform:translateX(0)}.dhead{background:#111827;color:white;padding:18px;display:flex;justify-content:space-between;align-items:center}.close{border:0;background:rgba(255,255,255,.16);color:white;border-radius:50%;width:34px;height:34px;font-size:20px;font-weight:900}.cartBody{padding:14px;background:#fbfaf8;overflow:visible;flex:0 0 auto}.cartItem{background:white;border:1px solid var(--line);border-radius:18px;padding:10px;margin-bottom:10px;display:grid;grid-template-columns:58px 1fr;gap:10px}.cartImg{height:62px;border-radius:14px;overflow:hidden}.cartInfo strong{display:block;margin-bottom:3px;font-size:15px;line-height:1.15}.cartInfo p{font-size:12px;color:var(--muted);margin-bottom:4px;line-height:1.25}.cartRow{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.cartQty{display:flex;gap:6px;align-items:center;background:#fbfaf8;border:1px solid var(--line);border-radius:999px;padding:5px}.cartQty button{width:27px;height:27px;border:0;border-radius:50%;background:#111827;color:white}.remove{border:0;background:#fff0f0;color:var(--red);font-weight:900;border-radius:999px;padding:8px 10px}.cartDetails{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:6px}.cartDetails label{font-size:11px;color:var(--muted);font-weight:950;text-transform:uppercase}.cartDetails input,.cartDetails textarea,.cartDetails select{width:100%;border:1px solid var(--line);background:#fbfaf8;border-radius:12px;padding:8px;margin-top:4px;text-transform:none;font-weight:500;resize:vertical;font-size:13px}.cartDetails .wide{grid-column:1/-1}.photoInfo .optionPreview{margin-top:2px}.summary{background:white;border-top:1px solid var(--line);padding:14px;position:sticky;bottom:0;z-index:2;box-shadow:0 -8px 24px rgba(17,24,39,.08)}.sumLine{display:flex;justify-content:space-between;font-weight:900;margin-bottom:6px}.total{font-size:22px;border-top:1px solid var(--line);padding-top:8px}.summary input{width:100%;border:1px solid var(--line);border-radius:14px;background:#fbfaf8;padding:10px;margin:5px 0;font-size:14px}.summary button{width:100%;border:0;border-radius:15px;background:#111827;color:white;padding:12px;font-weight:950;margin-top:7px}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:430px;max-width:calc(100% - 30px);background:white;border-radius:24px;z-index:130;display:none;overflow:hidden;box-shadow:var(--shadow)}.mhead{background:#111827;color:white;padding:16px;display:flex;justify-content:space-between}.mbody{padding:16px}.mbody input{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfaf8;margin-bottom:9px}.mbody button{width:100%;border:0;border-radius:14px;background:#111827;color:white;padding:12px;font-weight:900}.chat{position:fixed;right:16px;bottom:150px;width:390px;max-width:calc(100% - 32px);background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);z-index:120;display:none;overflow:hidden}.chat.open{display:block}.chatHead{background:#111827;color:white;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:950}.chatBody{padding:14px;background:#fbfaf8;max-height:430px;overflow:auto}.bubble,.orderItem{background:white;border:1px solid var(--line);border-radius:17px;padding:12px;margin-bottom:10px;font-size:14px}.bank{background:#eef6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:16px;padding:12px;font-weight:850;margin-bottom:10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button{border:0;border-radius:14px;padding:11px;font-weight:950}.vendor{display:none}.vendor.active{display:block}.vHero{background:linear-gradient(135deg,#111827,#2d1b0f);color:white;border-radius:28px;padding:24px;box-shadow:var(--shadow);margin-bottom:16px}.vHero h2{font-size:30px;margin-bottom:6px}.vHero p{color:rgba(255,255,255,.75)}.catalogStatus{margin-top:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px;font-weight:850}.shortLink{display:inline-flex;background:#f7f2eb;color:var(--accent);border-radius:999px;padding:5px 10px;font-weight:950}.vGrid,.campaignGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.vStat,.campaignBox{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px}.campaignBox{background:#fbfaf8;border-color:var(--line)}.vStat span,.campaignBox span{display:block;font-size:12px;color:rgba(255,255,255,.68);font-weight:900}.campaignBox span{color:var(--muted)}.vStat strong,.campaignBox strong{font-size:24px;color:#e8c8a0}.campaignBox strong{color:#111827}.priceList{display:grid;gap:14px}.priceCard{background:white;border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;grid-template-columns:minmax(210px,1fr) minmax(560px,1.5fr) auto;gap:14px;align-items:center;box-shadow:0 8px 18px rgba(17,24,39,.045)}.pcProduct{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center}.pcCode{height:42px;border-radius:999px;background:#f7f2eb;color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:950}.pcProduct strong{display:block;line-height:1.18}.pcProduct small{color:var(--muted);font-size:12px;font-weight:850}.pcNumbers{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.pcMetric{min-height:76px;border:1px solid var(--line);background:#fbfaf8;border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px}.pcMetric span{color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}.pcMetric strong{font-size:20px}.pcSuggested{background:#fff7ed}.pcGain{background:#e8f6f2}.pcGain strong{color:var(--green)}.pcInput input{width:100%;height:30px;border:0;background:transparent;font-size:20px;font-weight:950;outline:0}.pcActions{display:grid;gap:8px;min-width:128px}.pcActions button{height:38px;border-radius:12px;padding:0 12px;font-size:13px;font-weight:950;white-space:nowrap}.resetBtn{background:white;border:1px solid var(--line);color:var(--accent)}.saveBtn{background:#111827;border:0;color:white}.adminPage{position:fixed;inset:0;background:#f3f4f6;z-index:300;display:none;overflow:hidden}.adminPage.open{display:grid;grid-template-columns:260px 1fr}.adminSidebar{background:#111827;color:white;padding:22px 18px;display:flex;flex-direction:column;gap:18px}.adminBrand{display:flex;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}.adminBrandLogo{width:46px;height:46px;border-radius:16px;background:white;color:#111827;display:grid;place-items:center;font-weight:950}.adminMenu{display:grid;gap:8px}.adminMenu button{border:0;background:transparent;color:rgba(255,255,255,.72);text-align:left;padding:12px 13px;border-radius:14px;font-weight:900}.adminMenu button.active,.adminMenu button:hover{background:rgba(255,255,255,.1);color:white}.adminExit{margin-top:auto;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:white;border-radius:14px;padding:12px;font-weight:950}.adminMain{overflow:auto;padding:24px}.adminTopbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.adminTopbar h1{font-size:30px}.adminTopbar p{color:var(--muted);font-size:14px;margin-top:4px}.adminPanel{background:white;border:1px solid #e5e7eb;border-radius:24px;padding:18px;box-shadow:0 8px 22px rgba(17,24,39,.06);margin-bottom:16px}.adminPanel h3{margin-bottom:10px;font-size:21px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 8px 22px rgba(17,24,39,.06)}.kpi span{display:block;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase;margin-bottom:8px}.kpi strong{font-size:28px}.adminForm{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.adminForm input,.adminForm select{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#f9fafb;width:100%}.adminBtn{border:0;border-radius:12px;padding:9px 10px;font-weight:950;margin:2px}.greenBtn{background:#e8f6f2;color:var(--green)}.redBtn{background:#fff0f0;color:var(--red)}.tableWrap{overflow:auto}.adminTable{width:100%;min-width:760px;border-collapse:separate;border-spacing:0 9px}.adminTable th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;padding:0 10px}.adminTable td{background:#fbfaf8;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:12px 10px;font-size:14px}.adminTable td:first-child{border-left:1px solid #e5e7eb;border-radius:14px 0 0 14px;font-weight:900}.adminTable td:last-child{border-right:1px solid #e5e7eb;border-radius:0 14px 14px 0}.productEdit{display:grid;gap:14px}.prodCard{background:#fff;border:1px solid #e9dfd3;border-radius:22px;padding:16px}.prodTop{display:grid;grid-template-columns:92px 1fr 160px;gap:14px;align-items:center;margin-bottom:14px}.prodFields{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;border-top:1px solid #efe7de;padding-top:14px}.prodCard input,.prodCard select{width:100%;border:1px solid #e1d5c8;background:#fbfaf8;border-radius:14px;padding:12px 13px;font-weight:850}.prodField label{display:block;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase;margin-bottom:6px}.orderGrid{display:grid;gap:14px}.orderCard{background:white;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 8px 22px rgba(17,24,39,.055);overflow:hidden}.orderTop{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;background:#fbfaf8;border-bottom:1px solid #e5e7eb;padding:14px}.orderMini{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:12px;min-height:82px}.orderMini span{display:block;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase;margin-bottom:6px}.orderMini strong{font-size:18px}.orderMoney{background:#fff8f0}.orderMoney strong{font-size:24px;color:var(--accent)}.orderBody{padding:14px}.orderItemRow{display:grid;grid-template-columns:1fr 80px 120px;gap:10px;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;margin-bottom:8px}.orderActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid #e5e7eb;padding-top:12px}.vOrders{display:grid;gap:12px}.vOrderCard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 8px 18px rgba(17,24,39,.045)}.vOrderTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}.vOrderTop strong{font-size:16px}.vOrderStatus{background:#f7f2eb;color:var(--accent);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950;white-space:nowrap}.vClientGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.vClientBox{background:#fbfaf8;border:1px solid var(--line);border-radius:14px;padding:10px}.vClientBox span{display:block;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase;margin-bottom:4px}.vClientBox b{font-size:14px}.vProductLine{background:#fbfaf8;border:1px solid var(--line);border-radius:14px;padding:9px 10px;margin:7px 0}.vOrderActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.vOrderActions button,.vOrderActions a{text-align:center;text-decoration:none;border:0;border-radius:13px;padding:10px 8px;font-weight:950;font-size:13px}.waBtn{background:#e8f6f2;color:#15745f}.statusBtn{background:#111827;color:#fff}.lightBtn{background:#f7ead9;color:#7a4b24}.payHint{background:#f7f2eb;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:16px;padding:12px;font-size:14px;line-height:1.35;color:#4b5563;margin-bottom:10px}@media(max-width:640px){.vClientGrid,.vOrderActions{grid-template-columns:1fr}.vOrderTop{display:block}.vOrderStatus{display:inline-block;margin-top:8px}}.shareModal,.photo{position:fixed;inset:0;background:rgba(17,24,39,.65);z-index:350;display:none;align-items:center;justify-content:center;padding:16px}.shareModal.open,.photo.open{display:flex}.shareCard{background:white;border-radius:24px;width:420px;max-width:100%;padding:18px;box-shadow:var(--shadow)}.shareCard p{background:#fbfaf8;border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center;font-weight:950;color:var(--accent);margin:10px 0}.shareBtns{display:grid;gap:9px}.shareBtns button,.shareBtns a{display:block;text-align:center;text-decoration:none;border:0;border-radius:14px;background:#111827;color:white;padding:12px;font-weight:950}.shareBtns .light{background:#f7ead9;color:var(--accent)}.photoCard{background:white;border-radius:24px;overflow:hidden;width:min(900px,100%);max-height:92vh;display:grid;grid-template-columns:1fr 1fr}.photoImg{min-height:420px}.photoInfo{padding:22px;display:flex;flex-direction:column;gap:10px}.photoInfo h3{font-size:27px}.photoInfo p{color:var(--muted)}.photoInfo button{margin-top:auto;border:0;border-radius:15px;background:#111827;color:white;padding:13px;font-weight:950}.photoClose{position:absolute;right:18px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:white;color:#111827;font-size:22px;font-weight:950}.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%) translateY(12px);background:#111827;color:white;border-radius:999px;padding:11px 15px;font-weight:900;z-index:360;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.bottom{position:fixed;left:0;right:0;bottom:0;background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:45}.bottom a,.bottom button{border:0;background:transparent;text-decoration:none;color:var(--muted);font-weight:900;font-size:12px;display:grid;place-items:center;gap:3px}
@media(max-width:980px){.links{display:none}.hero{grid-template-columns:1fr}.catalog{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.work{grid-template-columns:1fr}.head{display:block}.head p{text-align:left;margin-top:5px}.priceCard{grid-template-columns:1fr}.pcActions{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,1fr)}.adminPage.open{grid-template-columns:1fr}.adminSidebar{display:none}.adminMain{padding:16px}.adminForm{grid-template-columns:repeat(2,1fr)}.orderTop{grid-template-columns:1fr 1fr}.vGrid,.campaignGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.navin{padding:9px 12px}.hero{padding:16px 12px}.heroCard,.work,.panel,.vHero{border-radius:22px;padding:18px}.hero h2{font-size:31px}.heroImg{min-height:300px}.section{padding:16px 12px}.catalog{grid-template-columns:1fr}.pic{height:280px}.drawer{width:100%;max-width:100%;top:0;height:100%;border-radius:0;overflow-y:auto;scrollbar-width:none}.chat{right:10px;left:10px;bottom:94px;width:auto;max-width:none}.shareBox.show{display:block}.shareBox button{width:100%;margin-top:10px}.pcProduct{grid-template-columns:1fr}.pcNumbers{grid-template-columns:1fr}.pcActions{grid-template-columns:1fr}.kpis,.adminForm,.vGrid,.campaignGrid{grid-template-columns:1fr}.prodTop,.prodFields{grid-template-columns:1fr}.orderTop,.orderItemRow{grid-template-columns:1fr}.orderActions{display:grid;grid-template-columns:1fr}.photoCard{grid-template-columns:1fr;overflow:auto}.photoImg{min-height:280px}.buyCtr{grid-template-columns:82px 1fr}.floatCart{right:10px;bottom:88px}}


/* ===== ADMIN MÓVIL/TABLET CORREGIDO: menú hamburguesa sin cortes ===== */
.adminHamb{display:none;border:0;background:#111827;color:#fff;border-radius:14px;width:42px;height:42px;font-size:22px;font-weight:950;align-items:center;justify-content:center;flex:0 0 auto}
.adminTopTitle{min-width:0;flex:1}.adminExitTop{flex:0 0 auto}.adminMenuBackdrop{display:none}
@media(max-width:980px){
  .adminPage.open{display:block!important;overflow:auto!important;background:#f3f4f6!important;}
  .adminMenuBackdrop{position:fixed;inset:0;background:rgba(17,24,39,.42);z-index:330;display:none;}
  .adminMenuBackdrop.show{display:block!important;}
  .adminSidebar{display:flex!important;position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(84vw,300px)!important;max-width:300px!important;z-index:340!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:20px 0 50px rgba(0,0,0,.28)!important;overflow-y:auto!important;}
  .adminSidebar.open{transform:translateX(0)!important;}
  .adminMain{width:100%!important;max-width:100%!important;min-height:100vh!important;padding:14px!important;overflow:visible!important;}
  .adminTopbar{position:sticky!important;top:0!important;z-index:320!important;background:#f3f4f6!important;border-bottom:1px solid #e5e7eb!important;margin:-14px -14px 14px!important;padding:12px 14px!important;display:flex!important;align-items:center!important;gap:10px!important;}
  .adminHamb{display:inline-flex!important;}
  .adminTopbar h1{font-size:24px!important;line-height:1.05!important;white-space:normal!important;}
  .adminTopbar p{font-size:13px!important;line-height:1.25!important;}
  .adminExitTop{padding:9px 12px!important;font-size:14px!important;}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .kpi{padding:14px!important;border-radius:18px!important;}.kpi strong{font-size:24px!important;}
  .adminPanel{border-radius:20px!important;padding:14px!important;overflow:hidden!important;}
  .adminPanel h3{font-size:20px!important;}
  .adminForm{grid-template-columns:1fr!important;gap:9px!important;}
  .adminForm input,.adminForm select,.adminForm button{width:100%!important;}
  .prodTop,.prodFields{grid-template-columns:1fr!important;}
  .orderTop{grid-template-columns:1fr!important;}.orderItemRow{grid-template-columns:1fr!important;}
  .orderActions{display:grid!important;grid-template-columns:1fr!important;}.orderActions button{width:100%!important;}
  .tableWrap{overflow:visible!important;}
  .adminTable{min-width:0!important;width:100%!important;border-spacing:0 10px!important;}
  .adminTable thead{display:none!important;}
  .adminTable tbody,.adminTable tr,.adminTable td{display:block!important;width:100%!important;}
  .adminTable tr{background:#fbfaf8!important;border:1px solid #e5e7eb!important;border-radius:16px!important;padding:10px!important;margin-bottom:10px!important;}
  .adminTable td{background:transparent!important;border:0!important;border-radius:0!important;padding:7px 4px!important;font-size:14px!important;word-break:break-word!important;}
  .adminTable td:first-child{font-size:15px!important;color:#111827!important;font-weight:950!important;}
}
@media(max-width:520px){
  .adminMain{padding:12px!important;}
  .adminTopbar{margin:-12px -12px 12px!important;padding:10px 12px!important;}
  .adminTopbar h1{font-size:22px!important;}
  .adminExitTop{padding:8px 10px!important;}
  .kpis{grid-template-columns:1fr!important;}
  .adminPanel{padding:13px!important;border-radius:18px!important;}
  .adminBtn{width:100%;margin:4px 0!important;}
}


/* ===== CAMPAÑA MÁS VISIBLE PARA CLIENTE ===== */
.campaignHero{
  max-width:1180px;
  margin:18px auto 0;
  padding:0 18px;
}
.campaignCard{
  background:linear-gradient(135deg,#111827 0%,#2b2018 56%,#7a4b24 100%);
  color:white;
  border-radius:28px;
  padding:22px 24px;
  box-shadow:0 16px 42px rgba(17,24,39,.18);
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  overflow:hidden;
  position:relative;
}
.campaignCard:after{
  content:"";
  position:absolute;
  right:-70px;
  top:-90px;
  width:230px;
  height:230px;
  background:rgba(255,255,255,.12);
  border-radius:50%;
}
.campaignCard>*{position:relative;z-index:1}
.campaignLabel{
  display:inline-flex;
  width:max-content;
  background:#e8c8a0;
  color:#111827;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.35px;
  margin-bottom:9px;
}
.campaignCard h2{
  font-size:clamp(28px,4vw,42px);
  line-height:1;
  margin-bottom:7px;
}
.campaignCard p{
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.35;
}
.campaignDates{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  padding:14px 16px;
  min-width:210px;
  text-align:center;
}
.campaignDates span{display:block;color:rgba(255,255,255,.7);font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:5px}
.campaignDates strong{display:block;font-size:22px;color:#fff}
.campaignDates small{display:block;margin-top:5px;color:#e8c8a0;font-weight:900}
@media(max-width:760px){
  .campaignHero{padding:0 12px;margin-top:14px}
  .campaignCard{grid-template-columns:1fr;padding:18px;border-radius:24px}
  .campaignDates{text-align:left;min-width:0;width:100%}
}


/* ===== PANEL CLIENTE: confirmación y comprobante ===== */
.chat .actions{grid-template-columns:repeat(3,1fr)}
.chat .actions .secondary{background:#f7ead9;color:#7a4b24}
@media(max-width:560px){.chat .actions{grid-template-columns:1fr}.chat .actions button{width:100%}.cartDetails{grid-template-columns:1fr}}



/* ===== CORRECCIÓN: un solo scroll general del carrito ===== */
body.cart-open{overflow:hidden!important;}
#cartDrawer.drawer{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:block!important;
  flex-direction:initial!important;
}
#cartDrawer .dhead{
  flex:0 0 auto!important;
  padding:16px 18px!important;
}
#cartBody.cartBody{
  overflow:visible!important;
  flex:none!important;
  padding:10px 14px 4px!important;
  background:#fbfaf8!important;
}
#cartBody .cartItem{
  padding:8px 10px!important;
  margin-bottom:8px!important;
  grid-template-columns:54px 1fr!important;
  gap:9px!important;
  border-radius:16px!important;
}
#cartBody .cartImg{
  height:54px!important;
  border-radius:12px!important;
}
#cartBody .cartInfo strong{
  font-size:14px!important;
  line-height:1.1!important;
  margin-bottom:2px!important;
}
#cartBody .cartInfo p{
  font-size:11.5px!important;
  line-height:1.16!important;
  margin-bottom:2px!important;
}
#cartBody .cartRow{
  margin-top:2px!important;
}
#cartBody .cartQty{
  padding:3px!important;
  gap:5px!important;
}
#cartBody .cartQty button{
  width:24px!important;
  height:24px!important;
}
#cartBody .remove{
  padding:6px 9px!important;
  font-size:12px!important;
}
#cartBody .cartDetails{
  gap:5px!important;
  margin-top:4px!important;
}
#cartBody .cartDetails label{
  font-size:10px!important;
  line-height:1.05!important;
}
#cartBody .cartDetails input,
#cartBody .cartDetails select{
  height:31px!important;
  padding:5px 8px!important;
  margin-top:3px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
#cartBody .cartDetails .optionHelp{
  display:none!important;
}
#cartDrawer .summary{
  position:relative!important;
  bottom:auto!important;
  margin-top:0!important;
  flex:none!important;
  padding:12px 14px 18px!important;
  box-shadow:none!important;
}
#cartDrawer .sumLine{
  margin-bottom:4px!important;
}
#cartDrawer .total{
  font-size:21px!important;
  padding-top:7px!important;
}
#cartDrawer .summary input{
  height:34px!important;
  padding:7px 11px!important;
  margin:4px 0!important;
  font-size:14px!important;
}
#cartDrawer .summary button{
  padding:12px!important;
  margin-top:6px!important;
}
@media(max-width:640px){
  #cartDrawer.drawer{top:0!important;height:100vh!important;max-height:100vh!important;overflow-y:auto!important;display:block!important;}
  #cartBody .cartItem{grid-template-columns:50px 1fr!important;}
  #cartBody .cartImg{height:50px!important;}
}
@media(max-height:720px){
  #cartBody .cartItem{padding:7px 9px!important;margin-bottom:7px!important;}
  #cartBody .cartImg{height:46px!important;}
  #cartBody .cartDetails input,#cartBody .cartDetails select{height:28px!important;padding:4px 7px!important;}
  #cartDrawer .summary input{height:32px!important;}
}


/* ===== PULIDO FINAL CLIENTE: recibo, confianza y acciones claras ===== */
.receiptHero{background:linear-gradient(135deg,#111827,#2d1b0f);color:#fff;border-radius:20px;padding:16px;margin-bottom:10px;box-shadow:0 10px 24px rgba(17,24,39,.16)}
.receiptHero h3{font-size:21px;margin-bottom:7px}.receiptHero p{color:rgba(255,255,255,.78);font-size:13px;line-height:1.35}.receiptCode{display:inline-flex;background:#e8c8a0;color:#111827;border-radius:999px;padding:6px 10px;font-weight:950;font-size:13px;margin-top:10px}.receiptGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.receiptBox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px}.receiptBox span{display:block;color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase;margin-bottom:4px}.receiptBox b{font-size:14px;line-height:1.25}.trustBox{background:#fff8f0;border:1px solid #ead1b0;border-radius:17px;padding:12px;margin-bottom:10px;color:#5b3518;font-size:13px;line-height:1.38}.availabilityBox{background:#eef6ff;border:1px solid #bfdbfe;border-radius:17px;padding:12px;margin-bottom:10px;color:#1e3a8a;font-size:13px;line-height:1.38}.chat .actions{grid-template-columns:repeat(2,1fr)!important}.chat .actions .whatsappBtn{background:#e8f6f2;color:#15745f}.chat .actions .lightAction{background:#f7ead9;color:#7a4b24}.chat .actions button{min-height:44px}.optionHelp{font-size:11px!important;line-height:1.3!important}
@media(max-width:560px){.receiptGrid{grid-template-columns:1fr}.chat .actions{grid-template-columns:1fr!important}}

/* ===== AJUSTE VISUAL ELEGANTE CLIENTE + VENDEDORA ===== */
body{
  background:linear-gradient(180deg,#f7f3ed 0%,#f5f0e9 100%);
}
.nav{
  background:rgba(247,243,237,.94);
}
.btn,
.filterBtns button,
.shareBtns button,
.shareBtns a,
.summary button,
.mbody button,
.addBtn,
.resetBtn,
.saveBtn,
.adminBtn{
  border-radius:14px;
  letter-spacing:.01em;
}
.btn{
  padding:10px 16px;
  box-shadow:none;
}
.btn.gold{
  background:#efe1d1!important;
}
.heroCard,
.work,
.panel,
.shareBox,
.filters,
.product,
.buy,
.cartItem,
.bubble,
.orderItem,
.priceCard,
.prodCard,
.adminPanel,
.kpi,
.vOrderCard,
.vClientBox,
.vProductLine,
.cartDetails input,
.cartDetails textarea,
.cartDetails select,
.summary input,
.filters input,
.mbody input,
.adminForm input,
.adminForm select,
.prodCard input,
.prodCard select,
.drawer,
.modal,
.chat,
.shareCard,
.photoCard{
  border-radius:18px;
}
.tag,
.pill,
.optChip,
.vOrderStatus,
.badge,
.stock,
.filterBtns button,
.count,
.shortLink{
  border-radius:12px;
}
.heroCard,
.work,
.panel,
.shareBox,
.product,
.vOrderCard,
.priceCard,
.prodCard,
.adminPanel,
.kpi{
  box-shadow:0 8px 22px rgba(32,24,20,.06);
}
.links a{
  font-weight:800;
}
.heroActions{
  gap:8px;
}
.heroActions .btn{
  min-height:42px;
}
.filters{
  padding:14px;
}
.filters input{
  border-radius:14px;
  background:#f9f6f1;
}
.filterBtns button{
  padding:10px 14px;
  font-weight:800;
  min-height:42px;
}
.filterBtns button.active{
  background:#111827;
  color:#fff;
  box-shadow:0 8px 18px rgba(17,24,39,.14);
}
.shareBox{
  background:linear-gradient(135deg,#fff,#f6eee4);
}
.product{
  border-radius:20px;
}
.pic{
  border-bottom:1px solid rgba(0,0,0,.03);
}
.buy{
  background:#fcfaf7;
}
.qty,
.cartQty{
  border-radius:12px;
}
.qty button,
.cartQty button{
  border-radius:9px;
}
.addBtn,
.summary button,
.photoInfo button,
.mbody button,
.saveBtn{
  background:#111827;
  color:#fff;
}
.floatCart{
  border-radius:16px;
  padding:12px 16px;
  background:#111827;
  box-shadow:0 12px 28px rgba(17,24,39,.22);
}
.count{
  border-radius:10px;
  font-weight:900;
}
/* Vendedora */
.vHero{
  background:linear-gradient(135deg,#1a2233,#2b3342);
  border-radius:20px;
  padding:22px;
}
.catalogStatus{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  padding:14px;
}
.shortLink{
  display:inline-block;
  background:#f2e4d6;
  color:#7a4b24;
  padding:6px 10px;
  font-weight:900;
  margin:6px 0;
}
.vGrid{
  gap:10px;
}
.vStat{
  background:#fff;
  border:1px solid #eadfce;
  border-radius:16px;
  padding:14px;
  color:#111827;
  box-shadow:0 6px 18px rgba(17,24,39,.04);
}
.vStat span{
  color:#8a7b6c;
}
.vOrderCard{
  padding:16px;
  border:1px solid #eadfce;
}
.vOrderTop{
  margin-bottom:12px;
}
.vOrderTop strong{
  font-size:17px;
}
.vOrderStatus{
  background:#f4eadf;
  color:#7a4b24;
  padding:7px 10px;
  font-size:11px;
}
.vClientGrid{
  gap:10px;
}
.vClientBox,
.vProductLine{
  background:#fcfaf7;
  border:1px solid #ece2d7;
  border-radius:14px;
}
.vOrderActions{
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.vOrderActions button,
.vOrderActions a{
  border-radius:12px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:900;
  box-shadow:none;
}
.waBtn{
  background:#e8f7ef;
  color:#116149;
  border:1px solid #cfeadf;
}
.statusBtn{
  background:#162033;
  color:#fff;
  border:1px solid #162033;
}
.lightBtn{
  background:#f1e6d8;
  color:#7a4b24;
  border:1px solid #e5d3bb;
}
.waBtn:hover,
.statusBtn:hover,
.lightBtn:hover{
  filter:brightness(.98);
  transform:translateY(-1px);
}
.priceCard{
  border:1px solid #eadfce;
  border-radius:18px;
}
.pcMetric,
.orderMini{
  border-radius:14px;
}
/* Cliente */
.work,
.panel{
  border:1px solid #eadfce;
}
.top{
  font-size:12px;
  letter-spacing:.02em;
}
.brand h1{
  line-height:1;
}
.brand small{
  letter-spacing:.01em;
}
@media(max-width:640px){
  .btn,
  .filterBtns button,
  .vOrderActions button,
  .vOrderActions a{
    min-height:40px;
  }
  .vOrderActions{
    grid-template-columns:1fr;
  }
  .floatCart{
    border-radius:14px;
  }
}