:root{--bg:#fbf7ef;--card:#fffdf8;--ink:#201a16;--muted:#7d6d61;--gold:#b88a44;--line:#eadfce;--soft:#f3e7d4}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;background:rgba(251,247,239,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 5vw}.brand{font-size:26px;font-weight:800;letter-spacing:.08em;color:var(--gold)}.nav{display:flex;align-items:center;gap:18px}.nav a,.nav button{font-weight:700;background:none;border:0;cursor:pointer;color:var(--ink);font-size:15px}.menu-btn{display:none;background:none;border:0;font-size:26px}.main{min-height:70vh}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:70px 8vw;background:linear-gradient(135deg,#fffaf1,#edd9ba)}.hero h1{font-size:64px;margin:0;color:#1f1915}.hero p{font-size:20px;max-width:560px}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero-card{min-height:380px;border-radius:34px;background:linear-gradient(160deg,#2c211c,#b88a44);color:white;display:flex;align-items:center;justify-content:center;text-align:center;font-size:46px;font-weight:900;line-height:1.25;box-shadow:0 25px 70px rgba(76,51,22,.25)}.container{width:min(1180px,92vw);margin:44px auto}.narrow{width:min(720px,92vw)}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(60,40,20,.06)}.center{text-align:center}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-title h1,.section-title h2{margin:0}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.category-card{min-height:170px;border-radius:24px;background:linear-gradient(135deg,#231a16,#c69b5e);color:#fff;display:flex;align-items:end;padding:26px;font-size:28px;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-3px)}.product-card img{width:100%;height:280px;object-fit:cover;background:var(--soft)}.product-info{padding:16px}.product-info h3{margin:0 0 8px}.price{font-weight:800;color:var(--gold)}.big{font-size:28px}.old{text-decoration:line-through;color:var(--muted);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--ink);color:white;padding:11px 22px;font-weight:800;cursor:pointer;margin:5px}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.full{width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap}.product-page{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gallery{display:grid;gap:14px}.gallery img,.placeholder{width:100%;border-radius:22px;background:var(--soft);min-height:420px;object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:38px;font-weight:900}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-weight:700}.form input,.form textarea,.form select,.row input{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;font:inherit}.form textarea{min-height:120px}.row{grid-template-columns:1fr 1fr auto auto;align-items:end}.check{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:8px}.check input{width:auto}.alert{background:#ffe8e8;color:#8a1f1f;border-radius:14px;padding:12px}.success{background:#e9f9ed;color:#165c28;border-radius:14px;padding:12px}.muted{color:var(--muted)}.cart-row{display:grid;grid-template-columns:1fr 90px 130px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.cart-row input{border:1px solid var(--line);border-radius:12px;padding:8px}.total{font-size:22px;font-weight:900;margin:18px 0;color:var(--gold)}.remove-form button,.inline button{border:0;background:transparent;color:#a33;cursor:pointer}.inline{display:inline}.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{background:var(--soft);border-radius:999px;padding:10px 16px;font-weight:700}.stat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;color:var(--muted)}.stat strong{display:block;font-size:42px;color:var(--gold)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);text-align:right;padding:12px}.footer{margin-top:60px;background:#211916;color:#fff;display:flex;justify-content:space-between;gap:20px;padding:34px 5vw}.whatsapp{position:fixed;left:18px;bottom:18px;background:#25d366;color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 8px 30px rgba(0,0,0,.2)}@media(max-width:900px){.menu-btn{display:block}.nav{display:none;position:absolute;top:64px;left:5vw;right:5vw;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero,.product-page,.checkout{grid-template-columns:1fr}.hero{padding:46px 5vw}.hero h1{font-size:44px}.hero-card{min-height:260px}.product-grid{grid-template-columns:repeat(2,1fr)}.two,.three{grid-template-columns:1fr}.row{grid-template-columns:1fr}.footer{flex-direction:column}.cart-row{grid-template-columns:1fr}}@media(max-width:520px){.product-grid{grid-template-columns:1fr}.product-card img{height:330px}.site-header{padding:12px 4vw}.brand{font-size:22px}}

/* Mozi Angel: product gallery and admin variants */
.product-gallery .main-product-image {
  width: 100%;
  max-height: 720px;
  object-fit: cover;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.06);
  background: #f7f1ea;
}
.thumbs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.thumb {
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  border-radius: 14px;
  padding: 4px;
  cursor: pointer;
}
.thumb.active {
  outline: 2px solid #b8925a;
}
.thumb img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}
.admin-box {
  box-shadow: none;
  border: 1px solid #eee;
  margin: 14px 0;
}
.admin-images-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  margin: 12px 0;
}
.admin-image-card {
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 8px;
  background: #fff;
}
.admin-image-card img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  margin-bottom: 8px;
}
.variant-row {
  display: grid;
  grid-template-columns: 1fr 1fr 130px 76px;
  gap: 8px;
  margin-bottom: 10px;
  align-items: end;
}
.check.danger { color: #9b1c1c; }
@media (max-width: 760px) {
  .variant-row { grid-template-columns: 1fr; }
  .admin-images-grid { grid-template-columns: repeat(2, 1fr); }
}


/* Mozi order print patch */
.actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.actions.compact { gap: 8px; }
.btn.tiny { padding: 7px 12px; font-size: 13px; }
.order-summary p { margin: 8px 0; }
.form-inline { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.soft-box { background: #faf7f0; border: 1px solid rgba(0,0,0,.08); border-radius: 14px; padding: 12px; margin: 10px 0; }
@media print {
  .no-print, header, footer, .whatsapp { display: none !important; }
  body { background: white !important; }
  .container, .narrow { max-width: none !important; margin: 0 !important; padding: 0 !important; }
  .card { box-shadow: none !important; border: 1px solid #ddd !important; break-inside: avoid; }
  a { color: #000 !important; text-decoration: none !important; }
}


/* Mozi Angel delivery label print */
.delivery-label {
  display: block;
  margin-top: 18px;
  border: 2px dashed #222;
  background: #fff;
  color: #111;
  max-width: 430px;
  font-size: 16px;
  line-height: 1.7;
}
.delivery-label .label-brand {
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  letter-spacing: .5px;
}
.delivery-label .label-order {
  text-align: center;
  font-weight: 700;
  margin-top: 4px;
}
.delivery-label p { margin: 6px 0; }
.delivery-label hr { border: 0; border-top: 1px solid #ccc; margin: 10px 0; }
.delivery-label .label-items { margin-top: 8px; font-size: 14px; }

@media print {
  body * { visibility: hidden !important; }
  .delivery-label, .delivery-label * { visibility: visible !important; }
  .delivery-label {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    max-width: none;
    margin: 0;
    border: 2px solid #000;
    box-shadow: none;
    border-radius: 0;
    padding: 18px;
  }
  .no-print, .no-print * { display: none !important; }
  @page { size: A6; margin: 8mm; }
}