:root{--red:#e30613;--red2:#b8000c;--ink:#222;--muted:#6b6b6b;--line:#e6e6e6;--bg:#f6f6f6}
*{box-sizing:border-box}body{margin:0;font-family:Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit}img{max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.top{border-bottom:1px solid var(--line)}
.head{display:flex;align-items:center;gap:24px;padding:14px 16px}
.brand img{height:46px;display:block}
.search{flex:1;display:flex;border:2px solid var(--red);border-radius:30px;overflow:hidden}
.search input{flex:1;border:0;padding:11px 18px;font-size:15px;outline:0}
.search button{border:0;background:var(--red);color:#fff;padding:0 22px;font-weight:600;cursor:pointer}
.actions{display:flex;gap:18px;font-size:20px}.actions a{text-decoration:none;position:relative}
.badge{background:var(--red);color:#fff;font-size:11px;border-radius:10px;padding:1px 6px;vertical-align:top}
.nav{background:var(--red)}.nav .wrap{display:flex;gap:4px;overflow-x:auto}
.nav a{color:#fff;text-decoration:none;padding:13px 14px;font-weight:500;white-space:nowrap}.nav a:hover{background:var(--red2)}
.banner{margin:18px 0}.banner img{width:100%;border-radius:8px;display:block}
.crumb{color:var(--muted);font-size:13px;margin:16px 0}.crumb a{text-decoration:none}
.cat-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.cat-head h1{margin:0;font-size:26px}.cat-head span{color:var(--muted)}
.layout{display:grid;grid-template-columns:250px 1fr;gap:28px}
.side a{display:flex;justify-content:space-between;padding:6px 0;text-decoration:none;font-size:14px}
.side a.sub{padding-left:14px;color:var(--muted);font-size:13px}.side a.sel{color:var(--red);font-weight:700}
.side small{color:#999}.side summary{font-weight:700;font-size:16px;margin-bottom:8px;cursor:pointer}
.pricef{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.pricef input{width:100%;padding:8px;margin:6px 0}
button{background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:6px;cursor:pointer;font:inherit}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.toolbar input{padding:8px;min-width:260px}select{padding:7px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}
.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.thumb{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff}.thumb img{max-height:100%;object-fit:contain}
.noimg{color:var(--muted);font-size:13px;background:var(--bg);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.noimg.big{aspect-ratio:1}
.name{text-decoration:none;font-size:14px;line-height:1.35;min-height:57px}
.price del{color:var(--muted);font-size:13px}.price strong{color:var(--red);font-size:18px}.price.big strong{font-size:30px}
.buy{background:var(--red);color:#fff;border:0;font-weight:700;width:100%;padding:11px;border-radius:6px;text-decoration:none;display:inline-block;text-align:center}
.buy:hover{background:var(--red2)}.btn{width:auto;padding:10px 18px}
.pager{display:flex;gap:16px;justify-content:center;align-items:center;margin:26px 0}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.gallery #main{width:100%;aspect-ratio:1;object-fit:contain;border:1px solid var(--line);border-radius:8px}
.thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.thumbs img{width:72px;height:72px;object-fit:contain;border:1px solid var(--line);cursor:pointer}
.info h1{font-size:26px;margin-top:0}.muted{color:var(--muted);font-size:13px}
.buyrow{display:flex;gap:10px;margin:18px 0}.buyrow input{width:80px;padding:8px}.buyrow .buy{width:auto;flex:1}
.desc{margin:36px 0;line-height:1.6;border-top:1px solid var(--line);padding-top:12px}
.notice{background:#eef9ee;border:1px solid #bfe3bf;padding:12px 16px;border-radius:6px;margin:14px 0}.notice.warn{background:#fff6e5;border-color:#f0d39a}
.cart{width:100%;border-collapse:collapse;margin:14px 0}.cart td,.cart th{border-bottom:1px solid var(--line);padding:10px;text-align:left}.cart input{width:70px;padding:6px}
.link{border:0;background:none;color:var(--red);padding:0 6px}
.foot{background:var(--bg);margin-top:50px;padding:30px 0;font-size:14px}.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.flogo{height:40px}
.foot .small{color:var(--muted);font-size:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:12px}
.admin-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.admin-box{max-width:380px;margin:40px auto}
.form label{display:block;margin:10px 0;font-size:14px;font-weight:500}
.form input:not([type=checkbox]),.form textarea{display:block;width:100%;padding:9px;margin-top:4px;border:1px solid #ccc;border-radius:5px;font:inherit}
.form fieldset{border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:14px}.form legend{font-weight:700;padding:0 6px}
.form .row{display:flex;gap:12px;align-items:end}.form .row>*{flex:1}.form .row button{flex:0 0 auto}
.import{background:#fff8f8}.check{display:flex!important;gap:8px;align-items:center;font-weight:400!important}
.imgs{display:flex;gap:10px;flex-wrap:wrap}.imgopt{width:120px;border:1px solid var(--line);padding:6px;border-radius:6px}.imgopt img{width:100%;height:100px;object-fit:contain}
.catlist{display:grid;grid-template-columns:repeat(3,1fr);max-height:260px;overflow:auto}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.layout,.pdp,.fgrid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.head{flex-wrap:wrap}.search{order:3;flex-basis:100%}.side details:not([open]){margin-bottom:10px}.catlist{grid-template-columns:1fr 1fr}.form .row{flex-direction:column;align-items:stretch}}

/* Official-store inspired visual update; catalog and operations unchanged. */
:root{--paper:#fff;--cyan:#39bfe4;--campaign-ink:#11345a;--campaign-soft:#eefaff;--shadow:0 3px 14px rgba(0,0,0,.07)}
body{background:var(--paper)}.wrap{max-width:1200px}.shipping-strip{min-height:34px;background:var(--campaign-soft);color:var(--campaign-ink);display:flex;justify-content:center;align-items:center;gap:9px;font-size:12px}
.head{min-height:92px;gap:28px}.brand img{height:auto;width:200px}.search{background:var(--bg);border:0;border-radius:24px;height:44px}.search input{background:transparent;min-width:0}.search button{background:transparent;color:var(--muted);padding:0 15px}.actions{display:flex;align-items:center}.actions a{display:flex;align-items:center;gap:3px}.actions a:first-child{font-size:28px}.badge{font-size:10px}.nav{background:var(--paper);border-top:0;border-bottom:1px solid var(--line)}.nav .wrap{gap:26px}.nav a{color:var(--ink);padding:14px 0;font-size:13px}.nav a:hover{color:var(--red);background:transparent}
.category-highlights{display:flex;justify-content:space-around;gap:24px;padding:28px 0}.category-highlights>a{display:flex;flex-direction:column;align-items:center;gap:10px;width:120px;font-size:12px;text-align:center;text-decoration:none}.category-circle{width:78px;height:78px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center}.category-circle img{width:54px;height:54px;object-fit:contain}.category-highlights a:hover .category-circle{border-color:var(--red)}
.cat-head{padding:12px 0 20px;border-bottom:1px solid var(--line);gap:16px}.layout{grid-template-columns:200px minmax(0,1fr);gap:24px;padding-top:12px}.grid{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.card{border-radius:6px;gap:10px;min-width:0}.card:hover{box-shadow:var(--shadow)}.name{height:57px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.price strong{color:var(--ink)}.card form{margin-top:auto}.buy{border-radius:6px}.thumb{height:180px;aspect-ratio:auto;padding:12px}.shipping-note{background:var(--campaign-soft);color:var(--campaign-ink);padding:12px;border-radius:4px;font-size:13px}.foot{border-top:3px solid var(--cyan)}.toolbar select{max-width:160px;border:1px solid var(--line);border-radius:4px;background:var(--paper)}.cart{table-layout:fixed}.cart td{overflow-wrap:anywhere}.cart th:first-child{width:45%}.cart input{max-width:100%}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.head{gap:20px}.brand img{width:180px}}
@media(max-width:800px){.head{gap:16px;min-height:0;padding-top:18px;padding-bottom:16px}.brand img{width:180px}.actions{margin-left:auto}.search{flex-basis:100%}.shipping-strip{font-size:10px;gap:6px}.nav .wrap{gap:24px}.category-highlights{justify-content:flex-start;overflow:auto;gap:20px;padding:22px 0}.category-highlights>a{flex:0 0 80px;font-size:11px}.category-circle{width:64px;height:64px}.category-circle img{width:44px;height:44px}.layout,.pdp,.fgrid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.thumb{height:155px;padding:8px}.card{padding:10px}.name{font-size:12px}.price strong{font-size:17px}.toolbar{font-size:12px}.cat-head h1{font-size:23px}.cat-head span{font-size:11px;white-space:nowrap}.cart td,.cart th{padding:7px 3px;font-size:12px}.cart input{width:46px;padding:5px}.info h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.banner{display:block;margin:18px 0 24px}.banner img{height:auto;object-fit:contain;border-radius:0}
:root { --co-navy: oklch(.33 .12 262); --co-green: oklch(.62 .17 150); --co-green-soft: oklch(.97 .02 150); }

.checkout-grid { display:grid; padding:20px 0 50px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:start; }
.co-col { display:grid; gap:18px; }
.co-card { background:#fff; border:1px solid #e3e5e8; border-radius:12px; padding:24px; }
.co-card.done { border-color:var(--co-green); background:var(--co-green-soft); }
.co-card.done p { line-height:1.7; font-size:14px; margin-top:8px; }
.co-head { display:flex; justify-content:space-between; align-items:center; } .co-head h2, .co-title { font-size:19px; font-weight:600; } .co-head span, .co-head button { font-size:13px; color:#6b7280; display:flex; gap:5px; align-items:center; }
.co-sub { color:#6b7280; font-size:13px; margin:6px 0 14px; }
.co-field { display:grid; gap:5px; font-size:13px; font-weight:500; margin-top:12px; flex:1; min-width:0; } .co-field input, .co-phone { border:1px solid #e3e5e8; border-radius:8px; padding:10px 12px; font-weight:400; background:#fff; width:100%; min-width:0; } .co-field em { color:#c8102e; font-style:normal; font-size:12px; }
.co-phone { display:flex; gap:8px; padding:0 0 0 12px; align-items:center; } .co-phone input { border:0; flex:1; outline:0; padding:10px 12px 10px 0; }
.co-row { display:flex; gap:10px; } .co-row > * { min-width:0; }
.co-gift { margin-top:16px; padding:10px; border-radius:8px; background:var(--co-green-soft); color:var(--co-green); font-weight:600; text-align:center; font-size:14px; }
.co-btn { width:100%; margin-top:18px; height:48px; border-radius:999px; background:var(--co-navy); font-size:16px; font-weight:600; }
.co-ship { margin-top:18px; display:grid; gap:8px; } .co-ship label { display:flex; gap:10px; align-items:center; border:1px solid #e3e5e8; border-radius:8px; padding:12px; cursor:pointer; font-size:14px; } .co-ship label.on { border-color:var(--co-green); background:var(--co-green-soft); } .co-ship span { flex:1; } .co-ship b { color:var(--co-green); }
.co-pix { border:1px solid var(--co-navy); border-radius:8px; padding:14px; } .co-pix-top { display:flex; gap:8px; align-items:center; } .co-badges { margin-left:auto; display:grid; gap:3px; justify-items:end; } .co-badges i { font-style:normal; font-size:9px; font-weight:700; background:var(--co-green); color:#fff; padding:2px 5px; border-radius:3px; }
.co-pix p { font-size:13px; font-weight:600; line-height:1.5; margin-top:14px; } .co-pix .co-pix-value { color:var(--co-green); font-size:17px; margin-top:24px; }
.co-coupon { display:flex; gap:6px; align-items:center; color:#6b7280; font-size:13px; margin:12px 0; }
.summary-row.total { font-size:16px; border-bottom:0; }
.co-item { display:grid; grid-template-columns:56px 1fr auto; gap:10px; align-items:center; border-top:1px solid #e3e5e8; padding-top:14px; margin-top:10px; font-size:13px; } .co-item img { width:56px; height:56px; object-fit:contain; border:1px solid #e3e5e8; border-radius:8px; } .co-item > div { display:grid; gap:6px; justify-items:end; }
.co-qty { display:flex; gap:10px; align-items:center; border:1px solid #e3e5e8; border-radius:6px; padding:4px 8px; }
@media (max-width: 900px) { .checkout-grid { grid-template-columns:1fr; } }

.co-btn{border:0;color:#fff;cursor:pointer}.co-btn:disabled{opacity:.5;cursor:not-allowed}.co-err{color:#c8102e;font-size:13px;margin-top:10px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e3e5e8}.co-head a{font-size:13px;color:#6b7280}.co-item{grid-template-columns:1fr auto}
.search{position:relative;overflow:visible}
.suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:70;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 18px 45px -18px rgba(15,23,42,.35);max-height:min(480px,70vh);overflow-y:auto}
.suggest-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #e2e8f0;color:#0f172a;text-decoration:none}
.suggest-item:hover{background:#f1f5f9}
.suggest-item img{width:52px;height:52px;object-fit:contain}
.suggest-no-image{width:52px;height:52px;display:grid;place-items:center;font-size:9px;color:#64748b;background:#f1f5f9;border-radius:6px;text-align:center}
.suggest-name{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.suggest-item strong{font-size:14px;color:var(--red);white-space:nowrap}
.suggest-empty{padding:16px;font-size:13px;color:#64748b;margin:0}
.suggest-all{display:block;width:100%;padding:12px;font-size:13px;font-weight:600;color:var(--red);background:#f1f5f9;border:0;cursor:pointer;text-align:center}
.suggest-all:hover{text-decoration:underline}

.off{background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:3px;vertical-align:middle}

/* v20: visual refinement only; no catalog, markup or behavior changes. */
:root{--red:#e4002b;--red2:#d3001a;--ink:#3f4444;--heading:#242424;--muted:#737777;--line:#e0e0e0;--line-soft:#ededed;--bg:#f9f9f9;--blue:#2f97d2;--blue-hover:#1e86c1;--campaign-soft:#eef7fc;--selected-soft:#fff2f4;--cyan:var(--blue);--shadow:0 4px 16px rgb(36 36 36 / .08);--suggest-shadow:0 10px 28px rgb(36 36 36 / .12)}
body{letter-spacing:0}
.search{border:1px solid var(--line-soft)}.search:focus-within{border-color:var(--blue)}.search input{font-size:14px}.search button,.actions{color:var(--blue)}
.nav{border-color:var(--line-soft)}.nav a{font-weight:400}.nav .wrap{gap:26px}
.category-highlights{padding:24px 0 28px}.category-highlights>a{font-size:13px;line-height:1.4}.category-circle{background:var(--bg);border-color:var(--line-soft)}
.crumb{font-size:12px;margin:24px 0 20px}.cat-head{align-items:center;padding-bottom:22px;border-color:var(--line-soft)}.cat-head h1{font-size:26px;font-weight:400;color:var(--heading)}.cat-head span{font-size:13px}
.layout{grid-template-columns:216px minmax(0,1fr);gap:28px;padding-top:24px}.side,.results{min-width:0}
.side summary{font-size:16px;font-weight:500;color:var(--heading);padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.side a{gap:8px;align-items:baseline;line-height:1.5;padding:12px 8px;font-weight:500;border-top:1px solid var(--line-soft)}
.side a.sub{font-size:13px;font-weight:400;line-height:1.45;padding:6px 8px 6px 12px;margin-left:8px;border-top:0;border-left:1px solid var(--line-soft);overflow-wrap:anywhere}.side small{flex-shrink:0;color:var(--muted);font-size:11px}.side a:hover{background:var(--bg)}.side a.sel{background:var(--selected-soft);color:var(--red);font-weight:500;border-radius:4px}
.pricef{margin-top:24px}.pricef h3{font-weight:500;font-size:16px}.pricef label{font-size:12px;color:var(--muted)}.pricef input{height:42px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font:inherit}
.toolbar{min-height:38px;font-size:12px;margin-bottom:16px}.toolbar select{font-size:12px;padding:9px 10px}
.card{border-radius:4px;padding:16px;gap:10px;background:var(--paper);transition:box-shadow .2s}.thumb{height:185px;padding:12px}.name{font-size:14px;font-weight:400;line-height:1.45;height:61px;min-height:61px}
.price strong{display:block;color:var(--heading);font-size:22px;line-height:1.25;margin:6px 0}.price del{font-size:12px}.off{font-size:10px;line-height:1.4;display:inline-block}.buy{border-radius:4px;min-height:42px;font-size:14px;font-weight:700;line-height:1.4;padding:11px 12px}.buy:hover{background:var(--red2)}
.suggest{border-color:var(--line);border-radius:6px;box-shadow:var(--suggest-shadow);background:var(--paper)}.suggest-item{color:var(--ink);border-color:var(--line-soft)}.suggest-item:hover,.suggest-all{background:var(--bg)}.suggest-item strong{color:var(--blue-hover)}.suggest-empty{color:var(--muted)}
.info h1{font-weight:400;line-height:1.35;color:var(--heading)}.foot{border-top-width:2px}
@media(max-width:1100px){.layout{grid-template-columns:195px minmax(0,1fr);gap:22px}.nav .wrap{gap:18px}}
@media(max-width:800px){.head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.brand{min-width:0}.brand img{width:min(180px,100%)}.actions{margin-left:0;flex-shrink:0}.search{grid-column:1 / -1;min-width:0;width:100%}.nav .wrap{gap:22px}.category-highlights{padding:22px 0}.category-highlights>a{font-size:11px}.cat-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.cat-head h1{font-size:23px;overflow-wrap:anywhere}.layout{grid-template-columns:1fr;padding-top:18px}.card{padding:12px}.thumb{height:155px;padding:8px}.name{font-size:13px;height:57px;min-height:57px}.price strong{font-size:20px}.buy{min-height:40px;font-size:13px}.toolbar{gap:10px}}

/* Avisos de carrinho: somente visual; nada de rota, SQL ou logica de carrinho mudou. */
:root{--toast-teal:#008580}
.cart-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-left:4px solid var(--toast-teal);border-radius:8px;box-shadow:var(--shadow);padding:14px 16px;z-index:60;width:min(420px,calc(100% - 32px))}
.cart-toast-text{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:var(--ink);margin:0}
.cart-toast-text svg{color:var(--toast-teal);flex:none;margin-top:2px}
.cart-toast-actions{display:flex;align-items:center;gap:8px;margin-top:14px}
.cart-toast-primary{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;border-radius:6px;height:34px;padding:0 14px;font-size:12px;font-weight:500;text-decoration:none}
.cart-toast-primary:hover{background:var(--red2);color:#fff}
.cart-toast-secondary{border:0;background:#f2f4f5;color:var(--ink);border-radius:6px;height:34px;padding:0 14px;font-size:12px;font-family:inherit;cursor:pointer}
.cart-toast-secondary:hover{background:#e7eaec}
.cart-toast-close{border:0;background:transparent;color:var(--muted);height:30px;width:30px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;padding:0;font-family:inherit}
.cart-toast-close:hover{background:#f2f4f5}
@media(max-width:800px){.cart-toast{padding:12px 13px;bottom:12px}.cart-toast-actions{flex-wrap:wrap;gap:7px}.cart-toast-primary,.cart-toast-secondary{padding-inline:11px;font-size:11px}}