:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7f3;color:#172a21}*{box-sizing:border-box}body{margin:0}header{background:#123b2a;color:white;padding:17px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand b{display:block;font-size:1.18rem}.brand small{display:block;font-size:.73rem;color:#d1eadb}.brandicon{font-size:2rem}.pill{background:#2d6749;padding:7px 12px;border-radius:30px;font-size:.83rem}nav{display:flex;gap:8px;overflow-x:auto;max-width:1160px;margin:0 auto;padding:14px 15px}button,.cta{cursor:pointer;border:0;border-radius:10px;padding:11px 15px;font-weight:750;font:inherit;font-weight:700}nav button{white-space:nowrap;background:white;color:#315742}nav button.sel,.primary,.cta{background:#f7a51d;color:#183425}main{max-width:1160px;margin:0 auto;min-height:78vh;padding:10px 15px 40px}h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}h2{font-size:1.3rem}.hero{background:linear-gradient(120deg,#dff6de,#fff7dc);border-radius:20px;padding:28px;display:flex;align-items:center;min-height:280px;overflow:hidden}.hero div{flex:1;z-index:1}.hero p{max-width:560px;line-height:1.5}.hero img{width:230px;height:260px;object-fit:cover;object-position:top;border-radius:16px}.tag{display:inline-block;background:#e8f5df;color:#235d39;font-size:.75rem;font-weight:800;border-radius:20px;padding:6px 10px}.cta{display:inline-block;text-decoration:none;margin-top:8px}.between{justify-content:space-between}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}input,select,textarea{font:inherit;border:1px solid #c6d5c9;border-radius:9px;padding:11px;background:white;max-width:100%;min-width:0}#search{width:260px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px}.chips button{background:#fff;color:#28543a;border:1px solid #d7e0d6;white-space:nowrap}.chips button.active{background:#20543a;color:white}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:16px}.item,.panel{background:white;border:1px solid #e1e8e0;border-radius:15px;padding:17px;box-shadow:0 5px 20px #21402408}.item .emoji{font-size:3rem;background:#f2f8ed;border-radius:12px;display:grid;place-items:center;height:100px}.item h3{font-size:1rem;min-height:2.6rem}.price{font-weight:850;color:#1d6335;font-size:1.15rem}.muted,small{color:#67766c}.item button,.primary{background:#168449;color:white}.item button{width:100%;margin-top:10px}.panel{margin:14px 0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formgrid label{font-size:.86rem;font-weight:650}.formgrid label input,.formgrid label select,.formgrid textarea{display:block;width:100%;margin-top:6px}.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto!important}.secondary{background:#dcece3}.cartrow{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e4ece4;padding:16px 0}.cartrow input{width:80px}.totals{font-size:1.15rem;font-weight:800;margin:20px 0}.notice{padding:12px 0;color:#275d41}.scroll{overflow:auto}.data{width:100%;border-collapse:collapse;min-width:700px;font-size:.84rem}.data td,.data th{border-bottom:1px solid #e4ece4;padding:8px;text-align:left}.data input{width:110px}.data button{font-size:.8rem;padding:8px}.stat{font-size:1.1rem;padding:16px;background:#e5f3ea;border-radius:12px;margin:15px 0}footer{text-align:center;padding:28px;font-size:.82rem;color:#617569}@media(max-width:700px){.hero{padding:16px}.hero img{width:120px;height:200px}.formgrid{grid-template-columns:1fr}header{align-items:flex-start}.brand b{font-size:1rem}.pill{font-size:.7rem}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.item{padding:10px}.item .emoji{height:80px}.item h3{font-size:.9rem}}

.minimum-box{border:1px solid #d4e8d8;background:#f4faf5;border-radius:13px;padding:14px 16px;margin:-8px 0 16px}.minimum-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.87rem}.minimum-top span{color:#45634e}.minimum-track{height:12px;background:#dde7de;border-radius:20px;margin:13px 0 9px;overflow:hidden}.minimum-fill{background:linear-gradient(90deg,#ffad22,#19894e);width:0;height:100%;border-radius:20px;transition:width .25s ease}.minimum-text{font-size:.88rem;font-weight:650;color:#90590c;margin:0}.minimum-text.minimum-ok{color:#187642}#checkout:disabled{opacity:.5;cursor:not-allowed}

.product-photo{width:100%;height:100%;object-fit:contain;border-radius:10px}.admin-thumb{display:block;width:72px;height:72px;object-fit:cover;border-radius:8px;margin-bottom:6px}.data input[type=file]{width:130px;font-size:.72rem}.admin-preview{display:block;max-width:180px;max-height:160px;margin-top:8px;border-radius:10px}.admin-preview[hidden]{display:none}


/* Fotografias completas, sem cortes e sem invadir o texto */
.item {min-width:0;display:flex;flex-direction:column}
.item .emoji {height:140px;min-height:140px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.item .emoji .product-photo {display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:0}
.item h3 {overflow-wrap:anywhere}
.item button {margin-top:auto}
.admin-thumb {object-fit:contain;background:#f4f8ff}
.admin-preview {object-fit:contain}
@media(max-width:700px){.item .emoji{height:110px;min-height:110px}}

/* Paleta azul e branco — Mini Mercado Dona Eugênia */
:root {background:#f4f8ff;color:#12325b}
body {background:#f4f8ff}
header {background:#0d47a1}
.brand small {color:#dce8ff}
.pill {background:#1565c0;color:white}
nav button {color:#0d47a1;border:1px solid #cfe0ff}
nav button.sel, .cta {background:#0d47a1;color:white}
.hero {background:linear-gradient(120deg,#eaf2ff,#ffffff);border:1px solid #d9e7ff}
.tag {background:#e3efff;color:#0d47a1}
input,select,textarea {border-color:#c6d5ea}
.chips button {color:#0d47a1;border-color:#d7e3f6}
.chips button.active {background:#0d47a1;color:white}
.item,.panel {border-color:#dce6f7;box-shadow:0 5px 20px rgba(13,71,161,.06)}
.item .emoji {background:#f3f7ff}
.price,.totals,.notice {color:#0d47a1}
.muted,small {color:#5c6f86}
.item button,.primary {background:#1565c0;color:white}
.secondary {background:#e8f0ff;color:#0d47a1}
.cartrow,.data td,.data th {border-bottom-color:#e4ecf7}
.stat {background:#e8f0ff;color:#0d47a1}
.minimum-box {background:#f5f9ff;border-color:#cfe0ff}
.minimum-track {background:#d9e6fa}
.minimum-fill {background:linear-gradient(90deg,#5e9ff6,#0d47a1)}
.minimum-text {color:#945c12}
.minimum-text.minimum-ok {color:#0d47a1}
.admin-tabs button {background:#eaf2ff;color:#173b72;border-color:#c9dafa}
.admin-tabs button.sel {background:#0d47a1;color:#fff;border-color:#0d47a1}
footer.footer-dona-eugenia {background:#0d47a1;color:white;text-align:center;padding:30px 15px;display:flex;align-items:center;flex-direction:column;gap:7px;line-height:1.5}
footer.footer-dona-eugenia strong {font-size:1rem}
footer.footer-dona-eugenia a {color:#fff;text-decoration:underline;text-underline-offset:3px}
footer.footer-dona-eugenia small {color:#dae7fa}


/* ==============================================================
   Identidade Mini Mercado Dona Eugênia | TioDu Sites © 2026
   Fachada clássica de mercadinho: azul royal, branco e dourado.
   Apenas apresentação visual; sem mudanças nas funções da loja.
   ============================================================== */
:root {
  --de-blue: #092f87;
  --de-blue-deep: #041f68;
  --de-blue-bright: #1250ba;
  --de-gold: #ffda25;
  --de-gold-deep: #d8a800;
  --de-cream: #fffdf6;
  --de-border: #ccd9ef;
  --de-ink: #112e66;
  color: var(--de-ink);
  background: #f7f9ff;
}
body { background: #f7f9ff; color: var(--de-ink); }
header {
  position: relative;
  isolation: isolate;
  background: linear-gradient(125deg, #06216b 0%,#09338f 55%,#1244a8 100%);
  border-top: 7px solid var(--de-gold);
  border-bottom: 5px solid var(--de-gold);
  box-shadow: 0 4px 0 #ffffff,0 9px 24px rgba(6,38,111,.16);
  padding-top: 14px;
  padding-bottom: 14px;
}
header::before {content:"";position:absolute;z-index:-1;inset:0;opacity:.14;pointer-events:none;
  background: repeating-linear-gradient(90deg,transparent 0 88px,rgba(255,255,255,.35) 89px 91px,transparent 92px 177px);}
.brand {gap:14px;min-width:0;}
.brand-logo {
  width:70px;height:70px;object-fit:cover;border-radius:50%;flex-shrink:0;
  border:3px solid var(--de-gold);box-shadow:0 0 0 3px #fff8,0 3px 10px #001b52a0;
}
.brand b {font-family:Georgia,'Times New Roman',serif;font-weight:800;font-size:clamp(1.1rem,2.35vw,1.6rem);letter-spacing:.15px;color:#fffdf6;line-height:1.1;}
.brand small {color:#fceac0;font-weight:600;font-size:.77rem;margin-top:5px;}
.pill {background:#ffffff12;border:1px solid #ffda256b;color:#fff9d5;font-weight:750;}
nav {position:relative;gap:9px;margin-top:5px;margin-bottom:4px;}
nav button {border-radius:10px 10px 6px 6px; border:1px solid #ccd8ed;background:#fff;color:var(--de-blue);font-size:.94rem;box-shadow:0 3px 0 #d8e0ee;transition:transform .14s ease,background .14s ease;}
nav button.sel,nav button[aria-current="page"] {background:var(--de-gold);color:#092e78;border-color:#cfaa12;box-shadow:0 3px 0 #b8960b;}
button:hover,.cta:hover {filter:brightness(.96);}
button:active,.cta:active {transform:translateY(1px);}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--de-gold);outline-offset:2px;}
.hero {
  position:relative;
  color:#fff;
  background:linear-gradient(115deg,#082665 0%,#0b3b9c 62%,#154fbd 100%);
  border:3px solid var(--de-gold);border-radius:19px;
  box-shadow:0 7px 0 #dce6f6,0 17px 32px rgba(11,55,128,.14);
  padding:30px 35px;gap:25px;min-height:315px;
}
.hero::before {content:"";position:absolute;inset:9px;border:1px solid #ffdf6899;border-radius:11px;pointer-events:none;}
.hero::after {content:"✦  ✦  ✦";position:absolute;top:13px;right:16px;font-size:.66rem;letter-spacing:.35rem;color:#ffdf81;opacity:.92;}
.hero h1 {color:#fffdf5;font-family:Georgia,'Times New Roman',serif;font-weight:800;max-width:650px;font-size:clamp(1.6rem,3.6vw,2.85rem);line-height:1.16;text-shadow:0 2px 3px #00184e55;}
.hero p {color:#ecf2ff;font-size:1.03rem;max-width:590px;}
.hero .tag {background:var(--de-gold);color:#06286e;border:1px solid #fff0a2;font-weight:900;letter-spacing:.08em;}
.hero img {width:240px;height:240px;aspect-ratio:1;flex-shrink:0;object-fit:cover;border-radius:50%;border:5px solid #ffde4e;box-shadow:0 0 0 6px #fff3,0 15px 26px #00144085;}
.cta,.primary,.item button {background:var(--de-gold);color:#082966;border:1px solid #c5a218;border-bottom:3px solid #b49200;border-radius:9px;font-weight:850;box-shadow:0 3px 9px #0a378e12;}
.cta {padding:12px 21px;}
main h2,main h3 {color:var(--de-blue);}
#catalog {margin-top:31px;border-bottom:2px solid #d9a920;padding-bottom:9px;}
#catalog h2 {font-family:Georgia,'Times New Roman',serif;font-size:1.55rem;}
.chips {padding:4px 1px 13px;gap:9px;}
.chips button {border:1px solid #b8cbed;background:white;color:var(--de-blue);border-radius:30px;font-weight:750;}
.chips button.active {background:var(--de-blue);border-color:var(--de-gold);color:#fff;}
.item,.panel {background:#fff;border:1px solid #cbd9ef;border-radius:12px;box-shadow:0 5px 14px rgba(3,31,92,.07);}
.item {position:relative;overflow:hidden;border-top:5px solid var(--de-gold);}
.item::before {content:"";position:absolute;top:0;left:13px;right:13px;border-top:1px solid #ffe98d;pointer-events:none;}
.item .emoji {background:#f7faff;border:1px solid #e5edfa;border-radius:9px;}
.item h3 {color:var(--de-ink);}
.price,.totals {color:var(--de-blue-bright);}
.item button {margin-top:auto;}
input,select,textarea {border:1px solid #bdcfea;background:#fff;box-shadow:inset 0 1px 2px #0a378a06;}
input:focus,select:focus,textarea:focus {border-color:#3968b3;}
.secondary {background:#edf3ff;color:var(--de-blue);border:1px solid #c4d4ee;}
.admin-tabs button {border:1px solid #c4d4ee;background:#f7f9fd;color:var(--de-blue);}
.admin-tabs button.sel {border:1px solid #b78d00;background:var(--de-gold);color:#082d7c;box-shadow:0 2px 0 #b89500;}
.tag {background:#fff0a6;color:#153b7c;}
.stat {background:#edf3ff;border-left:5px solid var(--de-gold);color:var(--de-blue);}
.minimum-box {background:#fffdf4;border-color:#d9c06c;}
.minimum-track {background:#dbe5f4;}
.minimum-fill {background:linear-gradient(90deg,#ffdc35,#d6b00d);}
.minimum-text.minimum-ok {color:#0f5d3f;}
.notice {color:var(--de-blue);}
.data th {background:#f3f7ff;color:#123b88;border-bottom:2px solid #ead177;}
.data tr:hover td {background:#f9fbff;}
footer.footer-dona-eugenia {
  color:white;background:linear-gradient(115deg,#041e63,#0b3b9f);
  border-top:7px solid var(--de-gold);padding:30px 15px 33px;
}
footer.footer-dona-eugenia strong {font-family:Georgia,'Times New Roman',serif;font-size:1.16rem;color:#fffdf7;}
footer.footer-dona-eugenia a {color:#ffe260;}
footer.footer-dona-eugenia span,footer.footer-dona-eugenia small {color:#dce9ff;}
@media (max-width:700px) {
  header {padding:11px 13px;gap:8px;}
  .brand {gap:10px;}
  .brand-logo {width:52px;height:52px;border-width:2px;}
  .brand b {font-size:.97rem;}
  .brand small {font-size:.64rem;}
  .pill {font-size:.64rem;padding:6px 8px;}
  nav {gap:6px;}
  nav button {padding:10px 12px;font-size:.86rem;}
  .hero {padding:22px 17px 20px;gap:10px;min-height:240px;}
  .hero::before {inset:6px;}
  .hero::after {right:10px;top:9px;letter-spacing:.12rem;}
  .hero h1 {font-size:clamp(1.42rem,5.6vw,2.1rem);}
  .hero p {font-size:.89rem;line-height:1.42;}
  .hero img {width:112px;height:112px;border-width:3px;box-shadow:0 0 0 3px #fff3;}
  .cta {padding:10px 13px;}
  #catalog h2 {font-size:1.3rem;}
  .item {padding:10px;border-top-width:4px;}
  .item h3 {font-size:.9rem;}
  .admin-tabs button {font-size:.85rem;}
}
@media(max-width:420px){
  .brand b{font-size:.9rem;}
  .brand-logo{width:47px;height:47px;}
  .hero{flex-direction:column-reverse;align-items:stretch;}
  .hero img{position:absolute;right:16px;top:23px;width:88px;height:88px;margin:0;opacity:.98;}
  .hero h1,.hero p{max-width:76%;}
  .hero p{max-width:100%;}
  .hero .tag{font-size:.65rem;max-width:calc(100% - 105px);line-height:1.35;white-space:normal;}
  .hero::after{content:"";}
}

/* Ajuste responsivo do slogan comercial — sem alteração de funcionalidades. */
.hero .tag {max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.35;}
@media (max-width:420px) { .hero .tag {max-width:calc(100% - 105px);} }