:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24372f;background:#f7f7f2;font-synthesis:none;--green:#244c3d;--muted:#69756d;--line:#e1e6dd;--cream:#eee8da;--red:#ab3932}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #c49d46;outline-offset:3px}button{border:0}svg.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.8px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:15px;line-height:1.45}p{line-height:1.6}small,.muted{color:var(--muted)}small{font-size:12px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase;color:#7c6740}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}.topinner{max-width:1250px;margin:auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:44px;height:44px}.brand strong{display:block;font-size:15px}.brand small{display:block;margin-top:3px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;background:var(--green);color:#fff;font-size:14px;font-weight:650;padding:13px 17px;min-height:46px}.btn.secondary{background:#fff;color:var(--green);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--green);padding:9px 12px}.btn.danger{background:#f9e8e5;color:var(--red)}.btn.small{padding:8px 12px;min-height:38px;font-size:12px}.btn.full{width:100%}.iconbtn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;background:#f1f4ee;color:var(--green);border-radius:10px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:16px}.layout{max-width:1250px;margin:auto;padding:30px 28px 70px}.shopgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}.intro{padding:32px;border-radius:18px;background:#e8eddf;position:relative;overflow:hidden;margin-bottom:25px}.intro h1{font-family:Georgia,serif;font-weight:500;font-size:37px;max-width:430px;margin:10px 0 12px;line-height:1.15}.intro p{max-width:470px;font-size:14px;color:#526453}.intro .tag{margin-top:20px;background:#f7f9f0}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:7px;background:#edf3e9;color:#3b6544;font-size:11px;font-weight:650;white-space:nowrap}.tag.warn{background:#fff2d4;color:#8f6420}.tag.red{background:#fcece8;color:var(--red)}.tag.gray{background:#edf0ed;color:#6a756c}.tag.blue{background:#eaf1f9;color:#426583}.toolbar{display:flex;gap:10px;align-items:center;margin:20px 0;flex-wrap:wrap}.search{position:relative;flex:1;min-width:180px}.search svg{position:absolute;left:14px;top:13px;color:#79867d}.search input{padding-left:42px}.tabs{display:flex;gap:7px;overflow:auto;padding-bottom:4px;margin-bottom:20px;scrollbar-width:none}.tab{white-space:nowrap;padding:10px 15px;border-radius:9px;background:#fff;color:#5d6b61;border:1px solid var(--line);font-size:13px;font-weight:600;min-height:42px}.tab.active{background:var(--green);border-color:var(--green);color:white}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.product{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.productbody{padding:18px}.product h3{min-height:44px;margin:10px 0 5px}.productvisual{height:96px;background:#f0e9dc;display:flex;align-items:center;justify-content:center;position:relative;color:#987144}.productvisual .icon{width:48px;height:48px;stroke-width:1.15}.productvisual.cold{background:#e5eee6;color:#638569}.productvisual.pieces{background:#eee3d4;color:#a47849}.productvisual small{position:absolute;left:14px;top:12px;color:inherit;font-size:10px;letter-spacing:1px}.productprice{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:18px}.price{font-size:19px;font-weight:750;letter-spacing:-.5px}.price small{font-weight:400;font-size:11px;display:block;letter-spacing:0}.qty{display:flex;align-items:center;gap:7px;background:#f1f5ed;border-radius:10px;padding:4px}.qty button{width:35px;height:35px;display:grid;place-items:center;background:#fff;color:var(--green);border:1px solid var(--line);border-radius:7px;font-size:22px}.qty span{min-width:23px;text-align:center;font-size:14px;font-weight:700}.cart{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;position:sticky;top:102px}.cartheader{padding-bottom:20px;border-bottom:1px solid var(--line)}.cartempty{text-align:center;padding:32px 8px}.cartempty .icon{width:38px;height:38px;color:#97a28f;margin-bottom:12px}.cartempty p{font-size:13px}.cartline{padding:15px 0;border-bottom:1px solid var(--line)}.cartline h3{font-size:13px;margin-bottom:7px}.cartline .qty button{height:28px;width:28px}.cartline .qty{padding:3px}.total{margin:20px 0}.total strong{font-size:22px}.notice{padding:14px 16px;border-radius:10px;background:#f5efdf;color:#786036;font-size:13px;line-height:1.6}.notice.green{background:#edf4e8;color:#426140}.notice.error{background:#fbece7;color:#963d30}.empty{text-align:center;padding:45px 20px;border:1px dashed #ccd5c6;border-radius:14px;background:#fff}.empty .icon{width:36px;height:36px;margin-bottom:15px;color:#8f9e87}.empty h2{margin-bottom:10px}.empty p{font-size:14px;color:var(--muted);max-width:450px;margin:0 auto 18px}.footer{padding:28px;text-align:center;font-size:11px;color:#7a867d}.footer a{margin-left:12px}.loading{text-align:center;padding:70px 20px;color:var(--muted)}input,select,textarea{background:#fff;border:1px solid #d9e0d4;border-radius:9px;padding:12px 13px;color:#24372f;width:100%;min-height:46px;outline:none}input:focus,select:focus,textarea:focus{border-color:#5a8061;box-shadow:0 0 0 3px #5a80611a}label{display:grid;gap:7px;font-size:12px;font-weight:650;color:#536257}label small{font-weight:400}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span2{grid-column:1/-1}.check{display:flex;align-items:center;gap:10px;min-height:44px}.check input{width:20px;height:20px;min-height:0;accent-color:var(--green)}.formerror{color:var(--red);font-size:13px;line-height:1.5}.overlay{position:fixed;inset:0;background:#16291fc0;z-index:50;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(3px)}.dialog{background:#fafbf7;border-radius:18px;width:100%;max-width:560px;max-height:90dvh;overflow:auto;box-shadow:0 30px 80px #071e2633}.dialogheader{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fafbf7;z-index:2}.dialogbody{padding:24px}.dialogfooter{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog h2{font-size:20px}.mobilecart{display:none}.auth{max-width:420px;margin:60px auto;background:#fff;border:1px solid var(--line);padding:32px;border-radius:18px}.auth h1{font-size:25px;margin:20px 0 10px}.auth p{font-size:14px;color:var(--muted);margin-bottom:25px}.auth .brand img{width:50px;height:50px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:#244c3d;color:white;border-radius:12px;padding:14px 22px;box-shadow:0 8px 28px #0002;max-width:90vw;font-size:14px;display:none}#toast.show{display:block}.adminshell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100dvh - 78px)}.sidebar{border-right:1px solid var(--line);padding:25px 16px;background:#fff;display:flex;flex-direction:column;gap:6px}.navitem{display:flex;gap:10px;align-items:center;background:transparent;border-radius:10px;padding:13px 14px;color:#69776c;text-align:left;font-size:13px;font-weight:600}.navitem.active{background:#eaf0e4;color:var(--green)}.sidebar .eyebrow{padding:12px 14px}.adminmain{padding:30px;max-width:1300px;width:100%;margin:auto;align-self:start}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.pagehead p{font-size:13px;color:var(--muted);margin-top:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.stat small{font-size:11px}.stat strong{display:block;font-size:25px;letter-spacing:-.7px;margin:11px 0 4px}.stat:first-child{background:var(--green);color:#fff;border-color:var(--green)}.stat:first-child small{color:#c4d7c6}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:20px}.panelhead{padding:20px;border-bottom:1px solid var(--line)}.panelbody{padding:22px}.ordertile{padding:19px 20px;border-bottom:1px solid var(--line)}.ordertile:last-child{border-bottom:0}.ordertile h3{font-size:14px}.ordertile p{font-size:12px;margin-top:5px;color:var(--muted)}.ordertile .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#75816f;background:#f8faf5;padding:13px 20px;font-weight:650}td{padding:15px 20px;border-top:1px solid #edf0e9}td small{display:block;margin-top:4px}td .btn{white-space:nowrap}.stocknum{font-size:19px;font-weight:750}.stocknum.low{color:#b27829}.settingsform{max-width:740px}.settingsform h2{font-size:17px;margin-bottom:18px}.tracking{max-width:620px;margin:30px auto}.tracking .panelbody{padding:27px}.trackingtitle{text-align:center;padding:10px 0 24px}.checkcircle{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#eaf2e4;color:#426d46}.checkcircle svg{width:30px;height:30px}.steps{display:flex;gap:5px;margin:22px 0}.steps div{flex:1;font-size:10px;color:#7b8876;line-height:1.5}.steps div:before{content:'';display:block;height:5px;border-radius:3px;background:#e4e9df;margin-bottom:7px}.steps div.done:before{background:#527951}.trackingline{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.policy{max-width:700px;margin:30px auto;background:#fff;padding:30px;border-radius:14px}.policy h2{margin:20px 0 10px}.policy p{font-size:14px;margin-bottom:13px}.stockmobile{display:none}.details{font-size:13px;line-height:1.7}.details dt{color:var(--muted);font-size:11px;margin-top:12px}.details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.subtle{background:#f0f3eb;padding:12px;border-radius:9px;font-size:12px}.ordersummary{padding:14px;border:1px solid var(--line);border-radius:9px;font-size:13px}.ordersummary p{margin-bottom:7px}.live{display:inline-flex;align-items:center;gap:6px}.live:before{content:'';width:6px;height:6px;border-radius:50%;background:#6d9658}.print-only{display:none}
@media(min-width:1300px){.adminmain{padding:38px 45px}.productvisual{height:112px}}
@media(max-width:1050px){.shopgrid{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.adminshell{grid-template-columns:175px 1fr}.adminmain{padding:24px 20px}.stats{grid-template-columns:repeat(2,1fr)}.productbody{padding:14px}.intro h1{font-size:32px}}
@media(max-width:760px){.topinner{padding:12px 16px}.brand strong{font-size:13px}.brand small{font-size:9px}.brand img{width:38px;height:38px}.topinner .btn{font-size:11px;padding:9px 10px;min-height:38px}.layout{padding:18px 16px 100px}.shopgrid{display:block}.intro{padding:24px;margin-bottom:22px}.intro h1{font-size:33px;max-width:300px}.intro p{font-size:13px}.shopgrid>.cart{display:none}.products{gap:12px}.productvisual{height:86px}.productbody{padding:13px}.product h3{font-size:13px;min-height:57px;margin-top:8px}.productprice{flex-wrap:wrap;margin-top:14px;gap:10px}.price{font-size:18px}.productprice .btn{padding:9px 12px;min-height:39px;width:100%;font-size:12px}.productprice>.qty{width:100%;justify-content:space-between}.productprice>.qty button{width:38px;height:32px}.productbody>small{font-size:10px}.mobilecart{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:15px;box-shadow:0 -4px 20px #21382408}.mobilecart strong{display:block;font-size:18px}.mobilecart small{font-size:11px}.mobilecart .btn{min-width:155px}.overlay{padding:12px;align-items:flex-end}.dialog{max-height:94dvh;border-radius:18px 18px 12px 12px;max-width:620px}.dialogheader{padding:16px 20px}.dialogbody{padding:20px}.dialogfooter{padding-bottom:env(safe-area-inset-bottom)}.fields{gap:13px}.adminshell{display:block}.sidebar{position:fixed;bottom:0;left:0;right:0;flex-direction:row;justify-content:space-around;padding:7px 3px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-right:0;z-index:20;gap:0}.sidebar .eyebrow{display:none}.navitem{flex-direction:column;gap:5px;padding:9px 8px;min-width:58px;font-size:10px}.navitem .icon{width:19px;height:19px}.adminmain{padding:22px 16px 110px}.pagehead h1{font-size:24px}.pagehead{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.pagehead .btn{min-height:40px;font-size:12px;padding:10px 13px}.stats{gap:10px;margin-bottom:18px}.stat{padding:16px}.stat strong{font-size:23px}.stat small{font-size:10px}.stocktable{display:none}.stockmobile{display:block}.stockcard{padding:17px;border-bottom:1px solid var(--line)}.stockcard h3{font-size:13px;max-width:230px}.stockcard small{font-size:11px}.stockcard .row{gap:8px}.ordertile{padding:17px}.ordertile>.row{align-items:flex-start}.panelhead{padding:17px}.panelbody{padding:18px}.auth{margin:30px 16px;padding:26px}.tracking{margin:16px}.tracking .panelbody{padding:20px}.footer{padding:25px 16px 100px;font-size:10px}.policy{margin:16px;padding:23px}.toolbar .search{min-width:100%;order:0}.toolbar select{width:auto;flex:1}.trackingtitle h1{font-size:24px}#toast{bottom:95px;width:max-content;max-width:92vw;font-size:13px}.cartline .qty{width:auto}.dialog .cart{position:static;padding:0;border:0;background:transparent}.dialog .cartheader{display:none}}
@media(prefers-reduced-motion:no-preference){.btn,.tab,.iconbtn{transition:background .15s,transform .15s}.btn:active,.iconbtn:active{transform:scale(.97)}}
@media print{.topbar,.sidebar,.footer,.btn,.iconbtn,.mobilecart,#toast{display:none!important}.adminshell{display:block}.adminmain{padding:0}.overlay{position:static;background:white;padding:0}.dialog{max-height:none;box-shadow:none}.dialogheader{position:static}.print-only{display:block}body{background:white}}

[hidden]{display:none!important}
@media(max-width:760px){.sidebar .navitem{min-width:0;flex:1;font-size:9px;padding:9px 4px}.sidebar .navitem .icon{width:18px;height:18px}.trackingline{gap:14px}.trackingline>div{min-width:0}.trackingline strong{font-size:12px}}
@media print{body:has(.overlay) #app{display:none}.dialog{width:100%;max-width:none}.tracking{max-width:none;margin:0}.tracking .panel{border:0}.trackingline{break-inside:avoid}.notice{border:1px solid #ddd}}
@media(max-width:760px){.productprice>.qty button,.cartline .qty button{width:44px;height:44px}.productprice .btn{min-height:44px}.topinner>.row{flex-shrink:0}.topinner>.row>.btn{white-space:nowrap}.brand{min-width:0}.brand small{line-height:1.3}}
.costrow{display:grid;gap:6px;font-size:11px;background:#f4f6f0;padding:11px 12px;border-radius:8px;margin-top:12px}.purchase-preview-line{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid var(--line)}.purchase-preview-line strong,.purchase-preview-line span{font-size:12px}.purchase-line{padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.purchase-line small{display:block;margin-top:6px}.purchase-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.purchase-values>span{font-size:10px;color:var(--muted)}.purchase-values strong{display:block;font-size:12px;margin-top:5px;color:#24372f}.purchase-document{max-width:760px}summary{font-size:13px;color:var(--green);font-weight:650;cursor:pointer;min-height:44px;padding:12px 0}
@media print{.purchase-line{break-inside:avoid}.purchase-document{max-width:none}}

/* Responsive refinement: readable controls, flowing content and keyboard-safe dialogs. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 90px; }
input, select, textarea { font-size: 16px; min-width: 0; max-width: 100%; }
textarea { resize: vertical; }
input, textarea { scroll-margin-block: 18px; }
.fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fields > *, .row > div, .brand > div, .shopgrid > *, .stat { min-width: 0; }
h1, h2, h3, .notice, .subtle, .details, .ordertile p, .costrow, .purchase-line { overflow-wrap: anywhere; }
.brand img, .dialogheader > .iconbtn { flex-shrink: 0; }
.brand strong, .brand small { overflow-wrap: anywhere; }
.intro .tag { white-space: normal; max-width: 100%; line-height: 1.5; align-items: flex-start; }
.product { display: flex; flex-direction: column; }
.productvisual { flex-shrink: 0; }
.productvisual small { max-width: calc(100% - 28px); font-size: clamp(8px, .8vw, 10px); letter-spacing: .6px; }
.productbody { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.productprice { margin-top: auto; padding-top: 16px; flex-wrap: wrap; }
.productprice > .price { white-space: nowrap; }
.qty { flex-shrink: 0; }
.qty button { flex-shrink: 0; }
.cart { max-height: calc(100dvh - 122px); overflow-y: auto; overscroll-behavior: contain; }
.cartline > .row { flex-wrap: wrap; }
.cartline > .row > small { flex: 1 1 110px; }
.ordertile > .row > strong { flex-shrink: 0; white-space: nowrap; }
.dialog .cart { position: static; max-height: none; overflow: visible; padding: 0; border: 0; background: transparent; }
.dialog .cartheader { display: none; }
.overlay {
  inset: auto 0; top: var(--visual-top, 0px); height: var(--visual-height, 100dvh);
  padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
}
.dialog { display: flex; flex-direction: column; overflow: hidden; max-height: min(90dvh, calc(var(--visual-height, 100dvh) - 24px)); }
.dialogheader { position: relative; flex-shrink: 0; gap: 12px; }
.dialogheader h2 { min-width: 0; }
.dialogbody { overflow-y: auto; min-height: 0; overscroll-behavior: contain; scroll-padding-block: 18px; }
.dialogfooter { flex-wrap: wrap; }
body.modal-open { overscroll-behavior: none; }
.auth { width: min(420px, calc(100% - 32px)); margin-inline: auto; }
@media (max-width: 1050px) {
  .productprice > .btn, .productprice > .qty { width: 100%; }
  .productprice > .qty { justify-content: space-between; }
}
@media (max-width: 960px) {
  .shopgrid { display: block; }
  .shopgrid > .cart { display: none; }
  .layout { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
  .mobilecart {
    display: flex; position: fixed; inset: auto 0 0; z-index: 20; align-items: center; justify-content: space-between; gap: 12px;
    background: #fff; border-top: 1px solid var(--line); box-shadow: 0 -4px 20px #21382408;
    padding: 12px max(16px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  }
  .mobilecart strong { display: block; font-size: 18px; }
  .mobilecart small { font-size: 11px; }
  .mobilecart > .btn { min-width: min(155px, 50%); }
  .tabs { flex-wrap: wrap; overflow: visible; }
  .footer { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
  .btn, .btn.small, .tab, .topinner .btn { min-height: 44px; }
  .qty button, .cartline .qty button { width: 44px; height: 44px; }
  .dialog { max-height: calc(var(--visual-height, 100dvh) - 24px); }
  .trackingline > strong { flex-shrink: 0; white-space: nowrap; }
}
@media (max-width: 600px) {
  .fields { grid-template-columns: minmax(0, 1fr); }
  .dialogheader { padding: 14px 18px; }
  .dialogbody { padding: 18px; }
  .dialogfooter > .btn { flex: 1 1 120px; }
  .panelhead { gap: 10px; flex-wrap: wrap; }
  .pagehead > div { width: 100%; }
  .adminmain { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
  .sidebar { padding-inline: max(3px, env(safe-area-inset-left)) max(3px, env(safe-area-inset-right)); }
  .total { gap: 12px; }
  .total strong { font-size: 20px; }
  #toast { bottom: calc(95px + env(safe-area-inset-bottom)); overflow-wrap: anywhere; }
}
@media (max-width: 380px) {
  .adminbar .brand small { display: none; }
  .topinner { gap: 8px; padding-inline: 12px; }
  .topinner > .row { gap: 8px; }
  .storebar .live { display: none; }
}
@media (max-width: 359px) {
  .products { grid-template-columns: minmax(0, 1fr); }
  .product { display: grid; grid-template-columns: 76px minmax(0, 1fr); }
  .productvisual { height: 100%; min-height: 150px; }
  .productvisual small { display: none; }
  .product h3 { min-height: 0; }
  .intro { padding: 20px; }
  .intro h1 { font-size: 30px; }
  .stats { grid-template-columns: minmax(0, 1fr); }
}
@media (max-height: 480px) {
  .overlay { padding-block: 8px; }
  .dialog { max-height: calc(var(--visual-height, 100dvh) - 16px); }
  .dialogheader { padding-block: 8px; }
}
@media print {
  .overlay { position: static; height: auto; padding: 0; }
  .dialog { display: block; overflow: visible; max-height: none; }
  .dialogbody { overflow: visible; }
  body.modal-open { position: static !important; width: auto !important; top: auto !important; }
}
/* WebKit requires an explicit minimum on the dashboard grid child. */
.adminmain { min-width: 0; }
@media (max-width: 1050px) {
  .stocktable { display: none; }
  .stockmobile { display: block; }
  .stockcard { padding: 18px; border-bottom: 1px solid var(--line); }
  .stockcard h3 { font-size: 13px; }
  .stockcard .row { gap: 8px; }
}
@media (min-width: 761px) and (max-width: 1050px) {
  .stockmobile { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stockcard:nth-child(odd) { border-right: 1px solid var(--line); }
}
input, select, textarea { font-weight: 400; line-height: 1.4; }
@media (max-width: 960px) {
  .topinner { padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
  .layout { padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
}
@media (max-width: 760px) {
  .adminmain { padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
}
@media (max-width: 600px) {
  .intro { padding: 20px; }
  .intro h1 { font-size: 26px; line-height: 1.18; margin-block: 8px 10px; }
  .intro .eyebrow { font-size: 10px; letter-spacing: .8px; }
  .intro p { font-size: 12px; line-height: 1.55; }
  .intro .tag { margin-top: 12px; font-size: 10px; }
}

/* Trem Bão · Empório mineiro: café, barro, papel e as serras de Minas. */
:root {
  color: #49372c; background: #f6f0e5;
  --green: #843c2b; --muted: #786b5b; --line: #e3d7c4; --cream: #f0e4cd; --red: #a13228;
  --minas-coffee: #493326; --minas-terra: #843c2b; --minas-gold: #b48845; --minas-forest: #4c6247;
}
body { background-image: radial-gradient(#9b805514 .65px, transparent .65px); background-size: 5px 5px; }
a { color: var(--minas-terra); }
.topbar { background: #fffcf5; border-bottom: 1px solid #ddcdb2; }
.storebar { box-shadow: 0 3px 14px #54351d06; }
.brand strong { color: var(--minas-coffee); }
.storebar .brand strong { font-family: Georgia, 'Times New Roman', serif; font-size: 21px; font-weight: 700; letter-spacing: -.5px; }
.brand small { color: #8a7054; }
.storebar .live { background: #f1e3c6; color: #765126; border: 1px solid #e6d3ab; font-size: 11px; }
.live::before { background: #92643b; }
.btn { background: var(--minas-terra); box-shadow: 0 2px 0 #552b1820; }
.btn.secondary { background: #fffdf8; color: var(--minas-coffee); }
.btn.ghost { color: var(--minas-terra); box-shadow: none; }
.btn.danger { box-shadow: none; }
.btn:not(:disabled):hover { filter: brightness(.96); }
.iconbtn { background: #f0e7d7; color: var(--minas-coffee); }
.eyebrow { color: #92673c; font-size: 10px; letter-spacing: 1.6px; }
.minas-intro { background: #ecdfc3; border: 1px solid #d9c6a0; padding: 30px; border-radius: 18px 18px 6px 18px; isolation: isolate; }
.minas-intro::after { content: ''; position: absolute; inset: 7px; border: 1px solid #b99b6540; border-radius: 12px 12px 3px 12px; pointer-events: none; z-index: -1; }
.minas-intro h1 { color: #5a3424; font-family: Georgia, 'Times New Roman', serif; font-size: 34px; line-height: 1.16; font-weight: 400; max-width: 70%; position: relative; text-wrap: balance; }
.minas-intro > p { max-width: 57%; font-size: 13px; color: #715d45; position: relative; }
.minas-intro > .eyebrow, .minas-intro > .tag { position: relative; }
.minas-intro .tag { background: #fff9e9d9; color: #675335; border: 1px solid #d2bc913f; margin-top: 18px; font-size: 10px; }
.minas-landscape { position: absolute; right: 0; bottom: 0; width: 42%; max-height: 100%; object-fit: contain; object-position: right bottom; z-index: -1; opacity: .95; }
.shop-section-title { align-items: end; gap: 12px; }
.shop-section-title h2, .cartheader h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 700; color: var(--minas-coffee); font-size: 23px; margin-top: 5px; }
.shop-section-title > small { text-align: right; max-width: 110px; flex-shrink: 0; font-size: 11px; }
.tabs { gap: 8px; }
.tab { border-radius: 8px; background: #fffcf5; color: #796346; border-color: #dfd0b5; }
.tab.active { background: var(--minas-terra); border-color: var(--minas-terra); color: #fff9ec; }
.product { background: #fffdf7; border-color: #e1d1b7; border-radius: 12px; box-shadow: 0 3px 8px #55362204; }
.productvisual { background-color: #f0dfc3; background-image: linear-gradient(90deg, #b4905a0a 1px, transparent 1px), linear-gradient(#b4905a0a 1px, transparent 1px); background-size: 14px 14px; color: #976b3a; border-bottom: 1px solid #dfcba7; }
.productvisual::after { content: ''; position: absolute; width: 68px; height: 68px; border: 1px solid #a7895a40; border-radius: 50%; }
.productvisual .icon { width: 39px; height: 39px; z-index: 1; }
.productvisual small { font-family: Georgia, 'Times New Roman', serif; font-size: 9px; letter-spacing: 1.2px; color: #8b6b45; }
.productvisual.cold { background-color: #e5e5ce; color: #69754a; border-color: #cfd1b1; }
.productvisual.pieces { background-color: #edcfab; color: #955d34; border-color: #dcb788; }
.product h3 { color: #513728; font-weight: 650; }
.productbody > small { color: #88745b; }
.price { color: #733e2a; }
.qty { background: #f1e7d5; }
.qty button { background: #fffcf5; color: #793c29; border-color: #ddc9a8; }
.cart { background: #fffdf7; border-color: #dfcdb0; border-top: 3px solid #b58a48; }
.cartempty .icon { color: #b59b73; }
.cartempty h3 { font-family: Georgia, 'Times New Roman', serif; font-size: 19px; color: #6b4b31; font-weight: 400; }
.subtle { background: #f2eadb; color: #786247; }
.search input, input, select, textarea { color: #49372c; border-color: #ddcfb7; background-color: #fffef9; }
input:focus, select:focus, textarea:focus { border-color: #a66a43; box-shadow: 0 0 0 3px #a66a431a; }
label { color: #786248; }
.dialog, .dialogheader { background: #fffbf2; }
.tag { background: #e8eddf; color: #49613c; }
.tag.warn { background: #f9e9c8; color: #805c25; }
.tag.gray { background: #eee9df; color: #7b705f; }
.notice { background: #f0e3c8; color: #7b5c31; }
.notice.green { background: #e9eddd; color: #4d603b; }
.notice.error { background: #fbece7; color: #963d30; }
.panel, .stat, .auth, .empty { background: #fffdf8; border-color: #e1d3bb; }
.stat:first-child { background: #68432d; border-color: #68432d; }
.stat:first-child small { color: #e5d2ae; }
.sidebar { background: #fffcf5; }
.navitem { color: #8a7357; }
.navitem.active { background: #efe0c8; color: #713e2b; }
.costrow, th { background: #f6efdf; }
.mobilecart { background: #fffcf4; border-color: #d9c5a4; }
.mobilecart strong { color: #713e2b; }
#toast { background: #68432d; }
.footer { color: #8b785c; }
.footer-origin { display: block; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 13px; color: #9b7a4e; margin: 8px 0 14px; }
.steps div.done::before { background: #8d613f; }
.checkcircle { background: #eee1ca; color: #8c5a38; }
@media (max-width: 1050px) {
  .minas-intro h1 { font-size: 31px; max-width: 72%; }
  .minas-intro > p { max-width: 68%; }
}
@media (max-width: 960px) {
  .minas-intro h1 { max-width: 68%; }
  .minas-intro > p { max-width: 60%; }
  .minas-landscape { width: 39%; }
}
@media (max-width: 600px) {
  .storebar .brand strong { font-size: 17px; letter-spacing: -.4px; }
  .storebar .brand small { font-size: 8px; letter-spacing: 1.2px; }
  .minas-intro { padding: 21px 20px; }
  .minas-intro h1 { font-size: 27px; max-width: 100%; line-height: 1.13; margin: 10px 0; text-wrap: initial; }
  .minas-intro > p { max-width: 87%; font-size: 12px; }
  .minas-intro > .eyebrow { font-size: 9px; letter-spacing: .8px; }
  .minas-intro .tag { margin-top: 13px; font-size: 10px; }
  .minas-landscape { width: 52%; right: 0; opacity: .18; }
  .shop-section-title h2 { font-size: 21px; }
  .productvisual { height: 96px; }
  .productvisual small { top: 9px; left: 11px; max-width: calc(100% - 22px); font-size: 8px; }
  .productvisual .icon { width: 34px; height: 34px; margin-top: 12px; }
  .productvisual::after { width: 58px; height: 58px; margin-top: 12px; }
}
@media (max-width: 359px) {
  .storebar .brand strong { font-size: 16px; }
  .minas-intro h1 { font-size: 25px; }
  .productvisual { height: 100%; }
}
@media print {
  body { background: #fff; background-image: none; }
  .minas-landscape { display: none; }
  .panel { background: #fff; }
}

/* Keep small labels readable against the warm paper palette. */
.minas-intro > .eyebrow { color: #79512c; }
.productbody > small { color: #79664e; }
.productvisual small { color: #725633; }
.footer { color: #7c694d; }