:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#17202d;background:#f8f9fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:auto;padding:0 24px}header{background:white;border-bottom:1px solid #eceef1;position:sticky;top:0;z-index:5}.header{display:flex;justify-content:space-between;align-items:center;min-height:78px;gap:15px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.7px;line-height:1}.brand b{color:#e4aa00}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.3px;margin-top:6px;color:#7a8390}.mark{background:#161a22;color:#f9ca35;font-size:28px;padding:13px;border-radius:12px}.header-actions{display:flex;gap:9px}.primary,.hero-btn{background:#191d26;color:white;border:0;border-radius:10px;padding:12px 17px;font-weight:700}.subtle{background:#f1f3f6;border:0;border-radius:10px;padding:12px 15px}.hero{background:#161a22;color:white;border-radius:22px;margin:32px 0 50px;min-height:340px;padding:50px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;gap:20px}.eyebrow{color:#f6c634;letter-spacing:2px;font-size:11px;font-weight:800}.hero h1{font-size:clamp(34px,5vw,61px);line-height:1.07;margin:18px 0}.hero em{font-style:normal;color:#f6c634}.hero p{color:#bdc4cf;max-width:440px;line-height:1.7}.hero-btn{display:inline-block;background:#f6c634;color:#161a22;margin-top:18px}.hero-art{width:32%;min-width:220px;aspect-ratio:1;border:2px solid #f6c634;border-radius:50%;display:flex;align-items:center;justify-content:space-around;color:#f6c634;font-size:30px;transform:rotate(-12deg)}.hero-art span{font-weight:900;font-size:25px;line-height:1.1;text-align:center}.dark{color:#b38600}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-title h2{font-size:29px;margin:9px 0 24px}.filters{display:flex;gap:12px;margin-bottom:24px}.filters input{flex:1}.filters select{min-width:220px}input,select,textarea{border:1px solid #dce0e5;border-radius:10px;padding:12px;background:white;max-width:100%;width:100%;color:#17202d}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;min-height:120px;margin-bottom:80px}.product{background:white;border:1px solid #eceef2;border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.product img{width:100%;aspect-ratio:1;object-fit:cover;background:#eee}.placeholder{aspect-ratio:1;background:linear-gradient(135deg,#eceef2,#dce1e7);display:grid;place-items:center;color:#77808c;font-size:42px}.product-body{padding:16px;display:flex;flex:1;flex-direction:column;gap:9px}.category{font-size:11px;color:#a27b00;text-transform:uppercase;font-weight:800;letter-spacing:1px}.product h3{margin:0;font-size:16px}.product p{color:#7b8490;font-size:13px;line-height:1.5;margin:0;flex:1}.price{font-size:23px;font-weight:850}.product button{width:100%;border:0;background:#191d26;color:white;padding:12px;border-radius:9px;font-weight:700}.notice{padding:14px;border-radius:10px;background:#fff3d5;margin-bottom:20px}.foot{display:flex;justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:30px;gap:20px}footer{background:#171b23;color:white}.foot p{color:#aab1bd;font-size:13px}.foot a{color:#f6c634}.overlay{position:fixed;inset:0;background:#0b1019a8;z-index:10}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(450px,100vw);background:white;z-index:11;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0002}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:18px 22px}.drawer-head h2{margin:0;font-size:21px}.icon-btn{background:none;border:0;font-size:23px}.cart-items{flex:1;overflow:auto;padding:20px}.cart-row{border-bottom:1px solid #eee;padding:12px 0;display:flex;justify-content:space-between;gap:10px}.cart-row small{display:block;color:#78818d;margin-top:5px}.qty{display:flex;gap:9px;align-items:center}.qty button{border:1px solid #ddd;border-radius:6px;background:white;padding:3px 9px}.drawer-bottom{padding:20px;border-top:1px solid #eee;display:grid;gap:9px}.drawer-bottom label{font-size:13px;font-weight:700}.drawer-bottom small{color:#697483}.total{display:flex;justify-content:space-between;font-size:20px;margin:10px 0}.whatsapp{border:0;background:#19a963;color:white;padding:15px;border-radius:10px;font-weight:800}.modal{position:fixed;inset:0;z-index:12;overflow:auto;background:#1119;padding:20px}.modal-card{background:white;max-width:760px;margin:25px auto;border-radius:16px;padding:0 24px 24px}.modal-card .drawer-head{padding-left:0;padding-right:0}.modal form{display:grid;gap:14px}.modal label{display:grid;gap:6px;font-size:13px;font-weight:700}.modal label.check{display:flex;align-items:center}.check input{width:auto}.modal h3{margin-top:25px}.modal p{color:#626c79}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions,.admin-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.admin-top{padding-top:18px}.admin-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #eee;padding:12px 0}.admin-item button{padding:8px 10px;border:1px solid #ddd;border-radius:8px;background:white}.message{font-size:13px}.full{width:100%}[hidden]{display:none!important}@media(max-width:950px){.products{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.wrap{padding:0 15px}.header{min-height:68px}.brand{font-size:12px}.mark{font-size:20px;padding:10px}.header-actions .subtle{font-size:11px;padding:10px}.header-actions .primary{font-size:11px;padding:10px}.hero{padding:30px 24px;min-height:300px;margin:20px 0 35px}.hero-art{display:none}.section-title h2{font-size:23px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-body{padding:11px}.product h3{font-size:14px}.price{font-size:19px}.filters{flex-direction:column}.filters select{min-width:0}.foot{flex-direction:column;align-items:start}.two{grid-template-columns:1fr}}
/* Etapa 7 */
.product .product-body .old-price{text-decoration:line-through;color:#788293;font-size:.85rem;margin-right:8px}.product .product-body .promo-price{color:#0b8752}.product-options{display:grid;gap:8px;margin:12px 0}.product-options select,.product-options input,.product-options textarea{width:100%;padding:10px;border:1px solid #d9dee7;border-radius:8px}.gallery{display:flex;gap:6px;overflow-x:auto;padding:4px}.gallery img{width:48px;height:48px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid #ddd}.v7-section{border-top:1px solid #e7e9ee;margin-top:24px;padding-top:18px}.v7-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v7-grid label{display:block}.v7-grid input,.v7-grid textarea,.v7-grid select{width:100%;padding:10px;margin-top:4px}.v7-note{font-size:.82rem;color:#566071}.v7-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #eee}.v7-row button{padding:6px 10px}.v7-badge{background:#fef2cc;padding:3px 8px;border-radius:12px;font-size:.75rem}.v7-scroll{max-height:300px;overflow:auto}.product .product-body .stock-out{color:#b91c1c;font-size:.8rem}.v7-section button{cursor:pointer}@media(max-width:550px){.v7-grid{grid-template-columns:1fr}}

/* Etapa 8: painel administrativo */
.v8-dashboard{margin:22px 0;padding:18px;background:#f8f9fb;border:1px solid #e5e7eb;border-radius:14px}.v8-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.v8-heading h3{margin:0}.v8-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0}.v8-stats>div{background:white;border:1px solid #e5e7eb;border-radius:11px;padding:13px}.v8-stats span{display:block;color:#697483;font-size:12px}.v8-stats strong{display:block;font-size:28px;margin-top:5px}.v8-alerts{font-size:13px}.v8-alerts p{margin:6px 0}.v8-filter{margin:12px 0}@media(max-width:650px){.v8-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-heading{flex-direction:column;align-items:flex-start}}

/* V3.1: vitrine compacta e detalhes individuais */
.product-body>p{display:none}.detail-btn{background:#f6c634;color:#171b22;border:0;border-radius:9px;padding:12px;width:100%;font-weight:750;margin-top:12px}.product-modal[hidden]{display:none!important}.product-modal{position:fixed;inset:0;z-index:30;background:rgba(15,18,25,.72);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:30px 12px}.product-modal-card{position:relative;background:#fff;border-radius:18px;width:min(660px,100%);padding:26px;margin:auto;box-shadow:0 20px 80px #0004}.product-close{position:absolute;right:14px;top:14px;border:0;background:#f1f3f6;border-radius:50%;width:36px;height:36px}.detail-photo{display:block;max-width:100%;max-height:400px;object-fit:contain;margin:20px auto;border-radius:12px}.detail-thumbs{display:flex;gap:10px;overflow-x:auto}.detail-thumbs img{height:75px;width:75px;object-fit:cover;border-radius:8px;cursor:pointer}.detail-price{margin:20px 0;font-size:23px}.detail-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.detail-field{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:14px}.detail-field input,.detail-field select{padding:12px;border:1px solid #cfd4dd;border-radius:9px;background:white;min-width:0}.detail-field:has(input){grid-column:1/-1}.detail-stock{color:#606975;font-size:13px}.detail-add{width:100%;margin:12px 0 24px}.detail-description{white-space:pre-line;line-height:1.7;color:#4c5564;overflow-wrap:anywhere}.detail-open{overflow:hidden}@media(max-width:600px){.product-modal{padding:0}.product-modal-card{min-height:100vh;border-radius:0;padding:22px 16px}.detail-photo{max-height:320px}}

/* Painel separado: preserva todos os IDs e handlers existentes */
body.admin-page{background:#f4f6fa}body.admin-page>header,body.admin-page>main,body.admin-page>footer{display:none!important}body.admin-page .pro-sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#171c26;color:#f8fafc;padding:24px 15px;z-index:15;display:flex;flex-direction:column;gap:30px}body.admin-page .pro-logo{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900;color:#ffcb37}body.admin-page .pro-logo span{font-size:14px;color:white}body.admin-page .pro-logo b{color:#ffcb37}body.admin-page .pro-logo small{display:block;font-size:10px;color:#a9b3c2;margin-top:6px}body.admin-page .pro-sidebar nav{display:grid;gap:6px}body.admin-page .pro-sidebar a{display:block;padding:13px;border-radius:10px;color:#e6ebf4;font-size:14px}body.admin-page .pro-sidebar a:hover,body.admin-page .pro-sidebar a:focus{background:#333c4e}body.admin-page .pro-back{margin-top:auto;border-top:1px solid #343b48}body.admin-page .pro-topbar{margin-left:245px;background:white;border-bottom:1px solid #e2e6ef;padding:18px 30px;display:flex;justify-content:space-between;gap:12px}body.admin-page .pro-topbar span{color:#677282;font-size:13px}body.admin-page #adminModal{display:block!important;position:static;overflow:visible;background:transparent;padding:20px 30px 70px;margin-left:245px;z-index:auto}body.admin-page #adminModal .modal-card{max-width:1150px;margin:0 auto;border:1px solid #e3e7ef;box-shadow:0 10px 30px #17202d0a;padding:12px 30px 32px}body.admin-page #adminClose{display:none}body.admin-page #loginArea{max-width:450px;margin:35px auto}body.admin-page .v8-dashboard{scroll-margin-top:20px}body.admin-page #adminArea h3,body.admin-page #adminArea section{scroll-margin-top:20px}body.admin-page .v8-stats{grid-template-columns:repeat(4,minmax(0,1fr))}body.admin-page #adminMessage{position:sticky;bottom:10px;background:#fff7d7;padding:8px;border-radius:7px}body.admin-page #adminMessage:empty{display:none}body.admin-page .v7-scroll{max-height:550px;overflow:auto}@media(max-width:850px){body.admin-page .pro-sidebar{position:static;width:auto;gap:12px;padding:12px}body.admin-page .pro-sidebar nav{display:flex;overflow-x:auto}body.admin-page .pro-sidebar a{white-space:nowrap;padding:9px}body.admin-page .pro-back{margin:0}body.admin-page .pro-topbar,body.admin-page #adminModal{margin-left:0}body.admin-page #adminModal{padding:10px}body.admin-page #adminModal .modal-card{padding:10px 16px}body.admin-page .v8-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Etapa 8.6 */
.r86-stats{margin:14px 0}.r86-table-wrap{overflow-x:auto;margin:12px 0 20px}.r86-table{width:100%;border-collapse:collapse;font-size:13px}.r86-table th,.r86-table td{text-align:left;padding:10px;border-bottom:1px solid #dce2ea;white-space:nowrap}.r86-table th{background:#f3f6fb}.r86-statuses{display:flex;flex-wrap:wrap;gap:9px}.r86-statuses span{padding:10px 13px;background:#f3f6fb;border-radius:9px;font-size:13px}#r86Message{font-size:13px;color:#5b6472}#relatorios-pro h4{margin:20px 0 8px}
.extra-print-section{margin:16px 0;padding:14px;border:1px solid #e2e5e9;border-radius:12px}.extra-print-section h4{margin:12px 0 6px}.extra-print-option{display:flex;align-items:center;gap:10px;padding:7px;border-bottom:1px solid #eee;cursor:pointer}.extra-print-option input{width:auto;flex:none}.extra-print-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px}.detail-options input[type=number]{width:100%;padding:10px;border:1px solid #d5d9df;border-radius:8px}

/* Etapa 8.7 - configurações públicas */
:root{--store-primary:#111827;--store-accent:#facc15}
body:not(.admin-page) .hero{background:var(--store-primary)}
body:not(.admin-page) .hero-btn,body:not(.admin-page) .primary{background:var(--store-accent)}
.store-logo{width:100%;height:100%;max-width:50px;max-height:50px;object-fit:contain}
.store-social{display:flex;gap:16px;flex-wrap:wrap}.store-social a{color:inherit;text-decoration:underline}
.settings-panel{scroll-margin-top:72px}.settings-panel input[type=color]{height:48px;padding:4px;cursor:pointer}

/* V3.7.1 — Logo do cabeçalho sem moldura ou fundo imposto pelo site */
header .brand .mark{background:transparent!important;color:inherit;padding:0!important;border-radius:0!important;display:flex;align-items:center;justify-content:center;width:60px;height:60px;overflow:visible;flex-shrink:0}
header .brand .mark .store-logo{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border:0;border-radius:0;background:transparent}
@media(max-width:680px){header .brand .mark{width:48px;height:48px}}

/* Etapa 8.8 */
.store-slide-admin{display:grid;gap:10px;margin:12px 0}.store-slide-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dce0e5;border-radius:10px;padding:8px}.store-slide-row img{width:130px;height:75px;object-fit:cover;border-radius:6px}.store-slide-row button{width:auto}#stUploadMessage{font-size:13px;color:#334155;min-height:20px}.hero-art[aria-label^="Banner"]{aspect-ratio:1.4;min-width:240px}


/* V3.8.1 — banner rotativo cobrindo toda a área principal */
body:not(.admin-page) .hero{
  position:relative;isolation:isolate;display:flex;align-items:flex-end;
  justify-content:flex-start;min-height:340px;padding:32px 40px;
  background:var(--store-primary);overflow:hidden;
}
body:not(.admin-page) .hero > div:first-child{position:relative;z-index:2;width:auto;pointer-events:none}
body:not(.admin-page) .hero > div:first-child > :not(.hero-btn){display:none!important}
body:not(.admin-page) .hero .hero-btn{pointer-events:auto;display:inline-block;margin:0;position:relative;z-index:3;box-shadow:0 3px 14px #0005}
body:not(.admin-page) .hero .hero-art{
  display:block!important;position:absolute;inset:0;width:100%;height:100%;min-width:0;
  aspect-ratio:auto;border:0;border-radius:0!important;transform:none!important;
  background-position:center!important;background-size:cover!important;
  background-repeat:no-repeat!important;z-index:0;
}
body:not(.admin-page) .hero:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(0deg,rgba(0,0,0,.46),transparent 48%);
}
@media(max-width:680px){
  body:not(.admin-page) .hero{min-height:230px;padding:20px;border-radius:15px}
  body:not(.admin-page) .hero .hero-btn{font-size:13px;padding:11px 14px}
}

/* Etapa 8.9 — Organização visual opcional */
.merch-section{margin:36px 0}.merch-section h2{font-size:clamp(21px,2.4vw,28px);margin:0 0 16px}.merch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}.merch-card{display:block;background:white;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;color:#111827;text-decoration:none}.merch-card img,.merch-no-image{display:block;width:100%;height:190px;object-fit:cover;background:#f3f4f6}.merch-no-image{display:grid;place-items:center;color:#64748b}.merch-card-info{display:grid;gap:7px;padding:12px}.merch-card-info strong{font-size:14px}.merch-card-info span{font-weight:800}.merch-tag{color:#a16207;font-weight:700}.merch-categories{display:flex;gap:10px;flex-wrap:wrap}.merch-category{border:1px solid #d1d5db;background:#fff;border-radius:999px;padding:11px 18px;cursor:pointer;color:#111827;font-weight:700}.merch-category:hover{border-color:#eab308;background:#fffbeb}.merch-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid #e5e7eb;padding:12px;border-radius:10px;margin:8px 0}.merch-name{flex:1;min-width:160px;font-weight:700}.merch-name small{font-weight:400;color:#64748b}.merch-row label{display:flex;align-items:center;gap:6px}.merch-row input[type=number]{width:80px;max-width:80px;padding:8px}.merch-row input[type=checkbox]{width:auto}@media(max-width:600px){.merch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.merch-card img,.merch-no-image{height:150px}.merch-row{align-items:flex-start}}

/* V4.0 — vitrine comercial; estilos isolados */
.v40-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 8px}.v40-shortcut{display:inline-flex;align-items:center;padding:11px 17px;border-radius:999px;background:#111827;color:#fff;text-decoration:none;font-size:14px;font-weight:700}.v40-shortcut:hover,.v40-shortcut:focus-visible{background:#333;color:#facc15}.merch-old-price{font-size:12px;color:#64748b}.merch-discount{display:inline-flex;width:max-content;background:#dcfce7;color:#166534;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:800}.merch-section{scroll-margin-top:95px}@media(max-width:600px){.v40-shortcuts{gap:7px}.v40-shortcut{padding:9px 12px;font-size:12px}}

/* Etapa 9.1 — campanhas informativas */
.campaign-public:empty{display:none}.campaign-public{margin:18px 0}.campaign-card{border:1px solid rgba(255,212,0,.45);background:#191919;color:white;border-radius:16px;padding:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.campaign-card strong{font-size:1.35rem}.campaign-card p{flex:1 1 300px;margin:0;color:#e5e5e5}.campaign-link{background:#ffd400;color:#111;text-decoration:none;padding:12px 18px;border-radius:9px;font-weight:700}.campaign-admin-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #5554;border-radius:10px;padding:12px;margin:10px 0}.campaign-admin-row>div{flex:1;min-width:0}.campaign-admin-row p{margin:5px 0}.campaign-admin-row small{color:#888}@media(max-width:640px){.campaign-admin-row{flex-wrap:wrap}.campaign-card{padding:16px}}

/* V4.3 */
.v43-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}.v43-filters label{display:flex;flex-direction:column;gap:6px}.v43-filters input,.v43-filters select{width:100%;max-width:100%}#v43Clients{margin:12px 0;padding:12px;border:1px solid #ddd;border-radius:10px}#v43Clients p{margin:4px 0}

/* V4.5 — foco visível, telas pequenas e legibilidade; preserva regras anteriores */
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #facc15;outline-offset:3px}
:where(button,a){touch-action:manipulation}
:where(img){max-width:100%}
@media(max-width:640px){
  .v43-filters{grid-template-columns:minmax(0,1fr)}
  .r86-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .v7-section{min-width:0}
  .actions{flex-wrap:wrap}
  .actions button{max-width:100%}
}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}