/* ==========================================================================
   QuickOrder — Burgundy Luxury · v2.0.0
   هوية بورغندي فاخرة، موبايل أولاً، RTL — Vazirmatn محلياً
   ========================================================================== */

/* ---------- الخطوط (مستضافة محلياً، ترخيص OFL في assets/fonts/OFL.txt) ---------- */
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* ---------- المتغيرات ---------- */
:root{
  --burgundy:#70263D;
  --burgundy-dark:#4A1627;
  --ivory:#FCF8F4;
  --surface:#FFFFFF;
  --rose:#F3E8EC;
  --champagne:#B99A65;
  --ink:#281D22;
  --muted:#74666D;
  --line:#E8DDE2;
  --ok:#2F7A5E; --ok-bg:#EAF5EF; --ok-line:#CFE7DA;
  --warn:#8A5A17; --warn-bg:#FBF3E2; --warn-line:#EFE0C0;
  --err:#A63246; --err-bg:#FBECEF; --err-line:#F2D3DA;
  --radius:20px;
  --radius-sm:13px;
  --shadow:0 10px 30px rgba(74,22,39,.06);
  --shadow-lift:0 16px 42px rgba(74,22,39,.11);
  --font:'Vazirmatn','Noto Sans Arabic',Tahoma,'Segoe UI',Arial,sans-serif;
}

/* ---------- أساسيات ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:
  radial-gradient(ellipse at 90% -5%,var(--rose) 0,transparent 42%),
  radial-gradient(ellipse at -10% 30%,#F9F0F2 0,transparent 38%),
  var(--ivory);
  color:var(--ink);font:15px/1.9 var(--font);min-height:100vh}
button,input,select,textarea{font:inherit}
a{color:var(--burgundy);text-decoration:none}
a:hover{color:var(--burgundy-dark)}
img{max-width:100%}
h1,h2,h3,p{margin:0}
h1{font-size:27px;line-height:1.75;font-weight:700;color:var(--burgundy-dark)}
h2{font-size:18px;font-weight:700;color:var(--burgundy-dark)}
h3{font-size:15.5px;font-weight:600}
p{margin:8px 0 14px}
small{font-size:11.5px;line-height:1.8;color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.muted,.helper{color:var(--muted)}
.helper{font-size:12.5px;line-height:2;margin:0}
.eyebrow{font-size:11.5px;color:var(--champagne);font-weight:700;letter-spacing:.4px;display:block;margin-bottom:8px}
.pre-wrap{white-space:pre-wrap}
.nowrap{white-space:nowrap}
.danger-text{color:var(--err);font-weight:600}
:focus-visible{outline:2.5px solid var(--champagne);outline-offset:2px;border-radius:6px}

/* ---------- أزرار ---------- */
button,.button{border:1px solid transparent;border-radius:var(--radius-sm);background:var(--burgundy);color:#fff;
  padding:11px 20px;min-height:44px;cursor:pointer;font-weight:600;font-size:14px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.7;
  transition:background .18s,box-shadow .18s,transform .12s}
button:hover,.button:hover{background:var(--burgundy-dark);color:#fff;box-shadow:0 6px 18px rgba(112,38,61,.22)}
button:active,.button:active{transform:translateY(1px)}
button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.primary{background:var(--burgundy)}
.secondary{background:var(--surface);color:var(--burgundy);border-color:var(--line)}
.secondary:hover{background:var(--rose);color:var(--burgundy-dark);box-shadow:none}
.text-button{background:transparent;border:0;color:var(--burgundy);padding:8px 6px;min-height:44px}
.text-button:hover{background:var(--rose);color:var(--burgundy-dark);box-shadow:none;border-radius:10px}
.danger{background:var(--err-bg);color:var(--err);border-color:var(--err-line)}
.danger:hover{background:#F7DDE2;color:#8C2436;box-shadow:none}
.wide{width:100%;margin-top:12px}
.compact{padding:7px 13px;font-size:12.5px;min-height:38px}

/* ---------- حقول ---------- */
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:12px 14px;background:var(--surface);color:var(--ink);outline:none;min-height:46px;font-size:16px}
input:focus,select:focus,textarea:focus{border-color:var(--burgundy);box-shadow:0 0 0 3px rgba(112,38,61,.13)}
input::placeholder,textarea::placeholder{color:#B4A6AC;font-size:13px}
input[type=checkbox]{width:19px;min-height:19px;height:19px;accent-color:var(--burgundy);flex-shrink:0}
input[type=file]{font-size:12.5px}
textarea{resize:vertical;min-height:88px}
label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}
label small{font-weight:400}
.check{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:500}
.check input{margin:0}
.form-grid{display:grid;grid-template-columns:1fr;gap:18px}
.full{grid-column:1/-1}
.stack{display:flex;flex-direction:column;gap:17px}
.honeypot{position:fixed;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.form-group-title{font-size:12.5px;font-weight:700;color:var(--champagne);letter-spacing:.3px;
  margin:6px 0 -6px;display:flex;align-items:center;gap:10px}
.form-group-title:after{content:'';flex:1;border-top:1px solid var(--line)}
.input-action{display:flex;gap:8px}
.input-action button{padding:9px 14px;font-size:12.5px;flex-shrink:0}
.input-action input{min-width:0}

/* ---------- الهيدر ---------- */
.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
  gap:14px;min-height:64px;padding:8px 16px;
  background:rgba(252,248,244,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;color:var(--burgundy-dark);font-size:18px;font-weight:700}
.brand:hover{color:var(--burgundy)}
.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,var(--burgundy),var(--burgundy-dark));
  color:#FBF3EA;border-radius:13px;width:38px;height:38px;font-size:22px;font-weight:700;
  box-shadow:0 5px 14px rgba(112,38,61,.28)}
.brand small{display:block;font-size:10.5px;font-weight:500;color:var(--muted)}
.header-actions{display:flex;align-items:center;gap:12px}
.lang-switch{font-size:12px;padding:7px 14px;min-height:38px;border-radius:10px}
.icon-link{font-size:12px;color:var(--muted);padding:8px 4px;min-height:44px;display:inline-flex;align-items:center}
.icon-link:hover{color:var(--burgundy)}
.cart-btn{position:relative;font-size:12.5px;padding:8px 14px;min-height:40px;border-radius:11px;gap:7px}
.cart-btn[hidden]{display:none!important}
.cart-btn .cart-count{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;
  background:var(--burgundy);color:#fff;border-radius:8px;font-size:11px;font-weight:700}
.cart-btn.secondary .cart-count{background:var(--burgundy)}

/* ---------- التخطيط العام ---------- */
.store-shell,.dashboard-shell{max-width:1280px;margin:auto;padding:0 16px 110px}
.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:22px}
.empty{text-align:center;padding:34px 16px;color:var(--muted);font-size:13.5px}
.loading{padding:90px 20px;text-align:center;color:var(--muted);font-size:15px}
.loading:after{content:'';display:block;width:26px;height:26px;margin:16px auto 0;border-radius:50%;
  border:3px solid var(--rose);border-top-color:var(--burgundy);animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.notice{background:var(--rose);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:14px 17px;font-size:12.5px;line-height:2;margin:16px 0}
.notice.error,.error{background:var(--err-bg)!important;color:var(--err)!important;border-color:var(--err-line)!important}
.notice.success,.success{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:9px;padding:5px 10px;
  background:var(--rose);color:var(--burgundy-dark);font-size:10.5px;font-weight:600}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}
.code-block{display:block;background:#3A1420;color:#F5E6D8;border-radius:var(--radius-sm);
  padding:13px 15px;font-size:12px;direction:ltr;text-align:left;overflow:auto;word-break:break-all}

/* ---------- بطاقات الحالات (دلالية + مسمّاة نصياً) ---------- */
.status{display:inline-flex;align-items:center;gap:7px;border-radius:9px;padding:5px 11px;font-size:11px;font-weight:700;border:1px solid transparent}
.status:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.status-new{background:var(--rose);color:var(--burgundy);border-color:#E7CFD8}
.status-preparing{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}
.status-ready{background:#EEF2E4;color:#5A6E2E;border-color:#DDE5C8}
.status-assigned{background:#F6EFE3;color:#7C5A24;border-color:#E8DBC0}
.status-delivered{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}
.status-failed,.status-cancelled{background:var(--err-bg);color:var(--err);border-color:var(--err-line)}

/* ---------- المتجر: المقدمة ---------- */
.hero{padding:16px 2px 14px}
.hero h1{font-size:24px;line-height:1.85}
.hero p{max-width:520px;color:var(--muted);font-size:13px;margin-top:8px;margin-bottom:0}
.hero-features{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:12px}
.hero-features span{display:inline-flex;align-items:center;gap:6px}
.hero-features span:before{content:'✓';color:var(--ok);font-weight:700}
.hero-art{display:none}

/* ---------- المتجر: الشبكة ---------- */
.store-grid{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}
.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}
.section-title p{margin:3px 0 0;font-size:12.5px;color:var(--muted)}
.count{display:grid;place-items:center;background:var(--rose);border-radius:10px;min-width:31px;height:31px;
  padding:0 9px;color:var(--burgundy);font-size:12px;font-weight:700}

/* بطاقات المنتجات */
.product-grid{display:grid;grid-template-columns:1fr;gap:16px}
.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.product-media{position:relative;display:block;width:100%;padding:0;border:0;background:var(--rose);
  aspect-ratio:1/1;cursor:pointer;border-radius:0;min-height:0}
.product-media:hover{background:var(--rose);box-shadow:none;transform:none}
.product-media img,.product-image img{width:100%;height:100%;object-fit:contain;display:block}
.product-media .product-placeholder,.product-image .product-placeholder{width:100%;height:100%;display:grid;place-items:center;
  background:radial-gradient(ellipse at center,#F8EEF1,var(--rose));color:#C9A3B1}
.product-placeholder svg{width:44%;max-width:110px;height:auto;aspect-ratio:1}
.stock-badge{position:absolute;top:10px;inset-inline-start:10px;background:rgba(40,29,34,.78);color:#fff;
  font-size:10.5px;font-weight:600;padding:5px 11px;border-radius:9px;backdrop-filter:blur(4px)}
.product-copy{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.product-name{background:none;border:0;padding:0;text-align:start;font-size:15px;font-weight:600;color:var(--ink);
  cursor:pointer;line-height:1.8;min-height:0;border-radius:6px}
.product-name:hover{color:var(--burgundy);box-shadow:none;transform:none}
.product-copy>p{color:var(--muted);font-size:12px;margin:0;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}
.product-bottom>b{font-size:15px;font-weight:700;color:var(--burgundy);white-space:nowrap}
.product-bottom button[data-add]{font-size:12.5px;padding:9px 16px;border-radius:11px;min-height:42px}

/* ستيبّر الكمية */
.stepper{display:flex;align-items:center;background:var(--rose);border-radius:11px;direction:ltr;flex-shrink:0}
.stepper button{width:36px;height:40px;min-height:40px;padding:0;color:var(--burgundy);background:transparent;font-size:17px}
.stepper button:hover{background:rgba(112,38,61,.08);box-shadow:none;border-radius:9px}
.stepper b{font-size:12.5px;min-width:26px;text-align:center;color:var(--burgundy-dark)}
.stepper.sm button{width:32px;height:36px;min-height:36px}

/* ---------- لوحة الطلب (السلة) ---------- */
.checkout{padding:22px;position:relative}
.checkout .section-title{margin-bottom:14px}
.cart-lines{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}
.cart-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0}
.cart-line strong{font-size:12.5px}
.cart-line small{display:block}
.checkout-form{display:flex;flex-direction:column;gap:15px}
.checkout-form label{font-size:12.5px}
.gps-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gps-row button{font-size:12px;padding:8px 13px;min-height:42px}
.totals{border-top:1px solid var(--line);padding-top:15px;margin-top:6px}
.totals>div,.review-lines>div{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0;font-size:12.5px}
.totals>div b{font-size:12.5px;white-space:nowrap}
.totals .discount{color:var(--ok)}
.totals .grand{border-top:1px dashed var(--line);padding-top:14px;margin-top:13px;font-size:15px}
.grand strong{font-size:18px;white-space:nowrap;color:var(--burgundy-dark)}
.checkout-button{padding:14px;font-size:15px;border-radius:14px}
.privacy{text-align:center;font-size:10.5px;line-height:2}

/* ---------- شريط السلة السفلي (موبايل) ---------- */
.cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:45;display:none;
  background:rgba(252,248,244,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-top:1px solid var(--line);box-shadow:0 -8px 28px rgba(74,22,39,.10);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
.cart-bar-inner{max-width:640px;margin:auto;display:flex;align-items:center;gap:12px}
.cart-bar-info{flex:1;min-width:0}
.cart-bar-info strong{display:block;font-size:13px;color:var(--burgundy-dark)}
.cart-bar-info small{font-size:10.5px}
.cart-bar .button{padding:11px 18px;font-size:13.5px;border-radius:12px;white-space:nowrap}
@media (max-width:939px){
  body.has-cart-bar .cart-bar{display:block}
  body.has-cart-bar .store-shell{padding-bottom:150px}
  body.has-cart-bar .site-footer{padding-bottom:90px}
}
@media (min-width:940px){
  .cart-btn{display:none}
}

/* ---------- التوست ---------- */
#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--burgundy-dark);color:#FDF6EF;
  max-width:90vw;padding:14px 24px;border-radius:14px;z-index:100;opacity:0;pointer-events:none;
  transition:.22s;font-size:13px;box-shadow:0 14px 34px rgba(40,29,34,.30);text-align:center}
#toast.visible{opacity:1;transform:translate(-50%,0)}
#toast.error{background:var(--err)}
body.has-cart-bar #toast{bottom:96px}
@media (min-width:940px){body.has-cart-bar #toast{bottom:24px}}

/* ---------- النوافذ (dialog) ---------- */
dialog{border:1px solid var(--line);border-radius:var(--radius);width:min(640px,94vw);max-height:90dvh;
  padding:24px;color:var(--ink);box-shadow:0 30px 90px rgba(40,20,28,.30);background:var(--surface)}
dialog::backdrop{background:rgba(40,20,28,.5);backdrop-filter:blur(5px)}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.modal-head h2{font-size:19px}
.close{font:22px/1 Arial,sans-serif;width:40px;height:40px;min-height:40px;padding:0;border-radius:11px}
@media (max-width:640px){
  dialog{width:100vw;max-width:100vw;margin:auto auto 0;max-height:92dvh;border-radius:22px 22px 0 0;
    padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-bottom:0}
  dialog[open]{animation:sheet-up .28s ease-out}
  @keyframes sheet-up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
}

/* ---------- نافذة تفاصيل المنتج ---------- */
.details-hero{background:var(--rose);border-radius:16px;overflow:hidden;aspect-ratio:1/1;margin-bottom:16px}
.details-hero img{width:100%;height:100%;object-fit:contain}
.details-hero .product-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#C9A3B1}
.details-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:6px}
.details-head h3{font-size:19px;color:var(--burgundy-dark)}
.details-price{font-size:17px;font-weight:700;color:var(--burgundy);white-space:nowrap}
.details-desc{color:var(--muted);font-size:13.5px;line-height:2.1;white-space:pre-line;margin:10px 0 4px}
.details-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.details-actions{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.details-actions button[data-add]{flex:1}
.details-note{font-size:11.5px;color:var(--muted);margin-top:12px;display:flex;align-items:center;gap:7px}
.details-note:before{content:'✓';color:var(--ok);font-weight:700}

/* ---------- نافذة الاقتراح ---------- */
.offers{display:flex;flex-direction:column;gap:12px;margin:18px 0}
.offer{display:flex;gap:13px;align-items:center;background:var(--ivory);border:1px solid var(--line);
  border-radius:15px;padding:11px;transition:border-color .18s,background .18s}
.offer.added{background:var(--ok-bg);border-color:var(--ok-line)}
.offer-image{width:64px;height:64px;flex-shrink:0;border-radius:11px;overflow:hidden;background:var(--rose)}
.offer-image img{width:100%;height:100%;object-fit:contain}
.offer-image .product-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#C9A3B1}
.offer-image svg{width:36px;height:36px}
.offer-body{flex:1;min-width:0}
.offer-body h3{font-size:13.5px}
.offer-body p{font-size:11px;color:var(--muted);margin:2px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.offer-body b{font-size:12.5px;color:var(--burgundy)}
.offer button{font-size:11.5px;padding:8px 13px;min-height:42px;white-space:nowrap}
.offer.added button{background:transparent;color:var(--ok);border-color:var(--ok-line);cursor:default}
.offer-actions{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.offer-actions .wide{margin-top:8px}

/* ---------- المراجعة والمتابعة ---------- */
.review-lines{padding:4px 0 6px}
.review-customer{background:var(--ivory);border:1px solid var(--line);border-radius:14px;padding:16px;font-size:12.5px;margin:18px 0}
.review-customer>span{display:block;text-align:end}
.review-customer p:last-child{margin-bottom:0}
.tracking{max-width:640px;margin:40px auto;text-align:center;padding:34px 22px}
.tracking h1{font-size:26px}
.success-icon{background:var(--ok-bg);color:var(--ok);width:68px;height:68px;display:grid;place-items:center;
  border-radius:22px;margin:0 auto 22px;font-size:30px;border:1px solid var(--ok-line)}
.tracking-number{font-size:20px;font-weight:700;margin:24px 0 14px;color:var(--burgundy-dark)}
.track-total{font-size:22px;font-weight:700;margin:20px 0}
.timeline{text-align:start;margin:24px 0}
.timeline-item{display:flex;position:relative;gap:15px;padding-bottom:20px;font-size:12.5px}
.timeline-item:not(:last-child):before{content:'';position:absolute;inset-inline-start:5px;top:13px;bottom:0;width:1px;background:var(--line)}
.timeline-dot{width:11px;height:11px;background:var(--champagne);border:3px solid #EFE5D4;border-radius:50%;margin-top:7px;flex-shrink:0;z-index:1}
.timeline-item small{display:block;margin-top:3px}
.timeline-item p{font-size:12px;background:var(--ivory);border:1px solid var(--line);padding:8px 12px;border-radius:9px;margin:8px 0 0}
.button-row{display:flex;gap:10px;flex-wrap:wrap}
.tracking .button-row{justify-content:center}
.site-footer{max-width:1248px;margin:24px auto 0;padding:24px 16px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:12px;color:#A7959C;font-size:10.5px}

/* ---------- لوحات العمل ---------- */
.login-panel{max-width:440px;margin:50px auto;padding:32px}
.login-panel h1{margin:4px 0 6px}
.login-panel form{margin-top:22px}
.workspace-nav{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding:16px 16px 0;flex-wrap:wrap}
.nav-links{display:flex;gap:5px;overflow:auto;padding-bottom:4px}
.nav-links a{font-size:12.5px;color:var(--muted);white-space:nowrap;padding:9px 16px;border-radius:11px;min-height:40px;display:inline-flex;align-items:center}
.nav-links a:hover{color:var(--burgundy);background:var(--rose)}
.nav-links a.selected{background:var(--burgundy);color:#fff;font-weight:600}
.user-menu{display:flex;gap:14px;align-items:center;white-space:nowrap;font-size:12.5px}
.user-menu small{display:block}
.user-menu button{font-size:11.5px}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 22px;flex-wrap:wrap}
.page-heading p{color:var(--muted);font-size:12.5px;margin:4px 0 0}
.page-heading h1{font-size:25px}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}
.stat-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:16px;
  padding:15px 16px;text-align:start;box-shadow:var(--shadow);font-weight:500;min-height:96px}
.stat-card:hover{background:var(--surface);color:var(--ink);border-color:var(--champagne);box-shadow:var(--shadow-lift)}
.stat-card small{color:var(--muted);font-size:11px}
.stat-card strong{font-size:24px;color:var(--burgundy-dark)}
.stat-icon{font-size:15px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
  background:var(--rose);color:var(--burgundy);margin-bottom:4px}
.stat-icon.status-new{background:var(--rose);color:var(--burgundy)}
.stat-icon.status-preparing{background:var(--warn-bg);color:var(--warn)}
.stat-icon.status-ready{background:#EEF2E4;color:#5A6E2E}
.stat-icon.status-assigned{background:#F6EFE3;color:#7C5A24}
.stat-alert{border-color:var(--err-line);background:var(--err-bg)}
.stat-alert strong{color:var(--err)}
.stat-alert .stat-icon{background:#F5D9DE;color:var(--err)}
.revenue-strip{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}
.revenue-strip>div{background:linear-gradient(140deg,var(--burgundy),var(--burgundy-dark));color:#F9EDE4;
  border-radius:16px;padding:18px 20px;box-shadow:var(--shadow)}
.revenue-strip small{color:#E4C9B8;font-size:11px}
.revenue-strip strong{display:block;font-size:22px;margin:2px 0;color:#fff}
.revenue-strip span{font-size:11.5px;color:#EFD9CB}
.orders-panel{padding:18px}
.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.table-toolbar h2 small{color:var(--muted);font-weight:500}
.search{display:flex;gap:8px}
.search input{min-height:42px;font-size:13.5px;width:min(300px,58vw)}
.search button{min-height:42px;padding:8px 14px}
.filters{display:flex;gap:7px;overflow:auto;padding-bottom:10px;margin-bottom:8px}
.filters button{background:var(--surface);color:var(--muted);border:1px solid var(--line);
  font-size:11.5px;padding:7px 14px;min-height:38px;white-space:nowrap;flex-shrink:0}
.filters button:hover{background:var(--rose);color:var(--burgundy);box-shadow:none}
.filters button.selected{background:var(--burgundy);color:#fff;border-color:var(--burgundy)}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:640px}
th{background:var(--ivory);color:var(--muted);font-size:11px;font-weight:700;text-align:start;
  padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
tbody tr{transition:background .15s}
tbody tr:hover{background:var(--ivory)}
td small{display:block;margin-top:2px}
.order-link{font-weight:700;color:var(--burgundy)}
.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;font-size:12.5px;color:var(--muted)}
.pagination button{min-height:40px;padding:8px 14px;font-size:12px}
.browser-notify{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.detail-top{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px}
.detail-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
.detail-grid h2{margin-bottom:14px;font-size:16px}
.detail-grid h3{margin:4px 0}
.phone-number{font-size:16px;font-weight:700;color:var(--burgundy);text-align:end;letter-spacing:.3px}
.customer-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0 14px}
.customer-contact .phone-number{max-width:100%;overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.contact-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.contact-buttons .button{min-height:44px;padding:8px 12px;gap:6px;font-size:13px;white-space:nowrap;box-shadow:none}
.contact-buttons svg{width:22px;height:22px;flex:none}
.contact-buttons .contact-whatsapp{background:#167C46;color:#fff;border-color:#167C46}
.contact-buttons .contact-whatsapp:hover{background:#116236;border-color:#116236}
.contact-buttons .contact-viber{background:#6850B5;color:#fff;border-color:#6850B5}
.contact-buttons .contact-viber:hover{background:#523D95;border-color:#523D95}
.contact-buttons .button:focus-visible{outline:3px solid var(--burgundy-dark);outline-offset:3px}
@media print{.contact-buttons{display:none!important}}
.detail-grid .actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.detail-grid .actions button{width:100%}
.detail-grid .totals{margin:14px 0 22px}
/* Two-step warehouse workspace. */
.warehouse-heading{margin-bottom:16px}
.warehouse-heading h1{font-size:25px}
.warehouse-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.warehouse-tabs button{background:var(--surface);color:var(--burgundy);border-color:var(--line);justify-content:space-between;padding:13px 16px;white-space:normal;text-align:start}
.warehouse-tabs button.selected{background:var(--burgundy);color:white;border-color:var(--burgundy)}
.warehouse-tabs b{background:rgba(128,100,112,.12);padding:2px 10px;border-radius:9px;flex-shrink:0}
.warehouse-tabs .selected b{background:rgba(255,255,255,.18)}
.warehouse-tools{margin:0 0 20px;color:var(--muted);font-size:12px}
.warehouse-tools summary,.warehouse-more summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;padding-block:10px;font-weight:600}
.warehouse-tools .search{flex-wrap:wrap;margin-top:10px}
.warehouse-tools .search input{flex:1;min-width:160px;max-width:360px;width:100%}
.warehouse-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.warehouse-card{padding:20px;min-width:0}
.warehouse-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.warehouse-card-top .order-link{font-size:13px}
.warehouse-card h2{font-size:17px;margin-bottom:3px;overflow-wrap:anywhere}
.warehouse-items{list-style:none;padding:0;margin:16px 0 12px;border-block:1px solid var(--line)}
.warehouse-items li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px}
.warehouse-items li+li{border-top:1px solid var(--line)}
.warehouse-items li>span{min-width:0;overflow-wrap:anywhere}
.warehouse-items b{font-size:16px;color:var(--burgundy);padding:3px 10px;border-radius:8px;background:var(--rose);flex-shrink:0}
.warehouse-gift{display:flex;align-items:flex-start;gap:8px;font-size:12px;padding:10px 12px;border-radius:10px;background:var(--ivory);color:var(--burgundy);overflow-wrap:anywhere}
.warehouse-card-total{display:flex;justify-content:space-between;gap:8px;margin:14px 0;color:var(--muted);font-size:12px}
.warehouse-card-total strong{color:var(--ink);font-size:14px}
.warehouse-card-action>button{width:100%;min-height:48px}
.warehouse-sent-note{font-size:13px;margin:0;padding:10px 0}
.warehouse-more{margin-top:8px;font-size:12px}
.warehouse-more[open] summary{margin-bottom:10px}
.warehouse-more p{overflow-wrap:anywhere}
.warehouse-customer{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.warehouse-customer h3{font-size:14px}
.warehouse-detail{max-width:760px;margin:auto}
.warehouse-detail>.warehouse-card{margin-top:16px}
.warehouse-record{margin-top:16px}
.warehouse-history-title{font-size:16px;margin:20px 0 14px}
@media(min-width:900px){.warehouse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.warehouse-card{padding:16px}.warehouse-tabs button{padding:10px;font-size:12px}.warehouse-tabs b{padding:2px 7px}.warehouse-heading h1{font-size:22px}}
@media print{.warehouse-tabs,.warehouse-tools,.warehouse-card-action{display:none!important}}
.admin-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}
.admin-products .product-image{height:150px;background:var(--rose);overflow:hidden;position:relative;border-radius:14px;margin:10px}
.admin-products .product-copy{padding:4px 16px 16px}
.admin-products .product-copy p{margin:4px 0 10px}
.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.user-card{text-align:center;padding:26px 18px}
.user-card h2{margin:10px 0 2px;font-size:15px}
.user-card p{color:var(--muted);font-size:12px;margin:0 0 10px}
.user-card .chip{margin:2px}
.user-card button{margin-top:14px}
.avatar{width:52px;height:52px;margin:auto;display:grid;place-items:center;border-radius:17px;
  background:linear-gradient(145deg,var(--burgundy),var(--burgundy-dark));color:#FBF3EA;font-size:22px;font-weight:700}
.settings-grid{display:grid;grid-template-columns:1fr;gap:18px}
.settings-grid>.full{grid-column:1/-1}

/* هيدر الشاشات الضيقة جداً */
@media (max-width:380px){
  .site-header{padding:8px 10px;gap:8px}
  .brand{font-size:15px;gap:8px}
  .brand-mark{width:32px;height:32px;font-size:18px;border-radius:11px}
  .header-actions{gap:6px}
  .cart-btn{padding:8px 10px;font-size:11.5px;min-height:38px}
  .lang-switch{padding:7px 10px;min-height:36px}
  .icon-link{font-size:11px}
}

/* بطاقات المنتج في عمودين ضيقين: السطر السفلي يتمدد */
@media (max-width:479px){
  .product-copy{padding:11px 12px 13px}
  .product-bottom{flex-wrap:wrap;gap:8px}
  .product-bottom>b{width:100%;font-size:14px}
  .product-bottom button[data-add]{width:100%}
  .product-bottom .stepper{width:100%;justify-content:space-between}
  .product-bottom .stepper button{width:44px}
}

/* جداول تتحول لبطاقات على الموبايل */
@media (max-width:760px){
  .cards-wrap{border:0;overflow:visible}
  table.cards-mobile{min-width:0}
  table.cards-mobile thead{display:none}
  table.cards-mobile,table.cards-mobile tbody,table.cards-mobile tr,table.cards-mobile td{display:block;width:100%}
  table.cards-mobile tr{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:6px 6px;background:var(--surface);box-shadow:var(--shadow)}
  table.cards-mobile td{border-bottom:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 10px;text-align:end}
  table.cards-mobile td:before{content:attr(data-label);font-size:11px;font-weight:700;color:var(--muted);flex-shrink:0}
  table.cards-mobile td[colspan]:before{content:none}
  table.cards-mobile td[colspan]{display:block;text-align:center}
  table.cards-mobile td:last-child{justify-content:stretch}
  table.cards-mobile td:last-child .button{width:100%}
}

/* ---------- نقاط التوقف ---------- */
@media (min-width:360px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:480px){
  .stats-grid{grid-template-columns:repeat(3,1fr)}
  .form-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:700px){
  body{font-size:15px}
  .store-shell,.dashboard-shell{padding:0 28px 80px}
  .site-header{padding:10px 32px}
  .hero{padding:30px 6px 26px}
  .hero h1{font-size:36px}
  .stats-grid{grid-template-columns:repeat(5,1fr)}
  .revenue-strip{grid-template-columns:1fr 1.4fr}
  .detail-grid{grid-template-columns:1fr 1fr}
  .settings-grid{grid-template-columns:1.2fr 1fr}
  .panel{padding:26px}
}
@media (min-width:940px){
  .store-grid{grid-template-columns:minmax(0,1fr) 360px;gap:28px}
  .checkout{position:sticky;top:84px}
  .store-shell,.dashboard-shell{padding-bottom:60px}
  .hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px}
  .hero-art{position:relative;display:grid;place-items:center;height:230px;isolation:isolate}
  .orbit{border:1px solid rgba(185,154,101,.25);position:absolute;border-radius:50%;
    background:linear-gradient(140deg,rgba(243,232,236,.9),rgba(243,232,236,0))}
  .orbit-one{width:230px;height:230px}
  .orbit-two{width:176px;height:176px;border-color:rgba(112,38,61,.18)}
  .parcel{width:104px;height:110px;background:linear-gradient(135deg,#8A3450,var(--burgundy-dark));
    border-radius:16px;transform:rotate(-10deg);box-shadow:16px 20px 26px rgba(112,38,61,.18);
    position:relative;display:grid;place-items:center}
  .parcel:before{content:'';position:absolute;background:rgba(185,154,101,.55);top:0;bottom:0;width:24px}
  .parcel:after{content:'';position:absolute;width:30px;height:17px;background:rgba(255,255,255,.85);border-radius:4px;bottom:19px;left:15px}
  .parcel span{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;
    background:var(--ivory);color:var(--burgundy);border-radius:50%;font:700 25px Arial,sans-serif}
  .art-pill{position:absolute;background:var(--surface);border:1px solid var(--line);padding:8px 14px;
    border-radius:11px;font-size:10.5px;font-weight:600;box-shadow:var(--shadow)}
  .pill-one{top:38px;inset-inline-start:16%;transform:rotate(4deg);color:var(--ok)}
  .pill-two{bottom:34px;inset-inline-end:8%;transform:rotate(-4deg);color:var(--burgundy)}
}
@media (min-width:1200px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .site-header{padding:10px 44px}
  .store-shell,.dashboard-shell{padding:0 44px 60px}
}
/* الشاشات الضيقة جداً: بطاقة واحدة لسهولة القراءة — الافتراضي موبايل أولاً */

/* ---------- طباعة ---------- */
@media print{body{background:#fff;font-size:12px}.site-header,.workspace-nav,.detail-top,.actions,.browser-notify,#toast,dialog,.cart-bar,.page-heading>button,.button-row{display:none!important}.dashboard-shell{max-width:none;padding:0}.detail-grid{display:block}.panel{box-shadow:none;border:1px solid #ccc;margin-bottom:15px;break-inside:avoid}.page-heading{margin:0 0 20px}.timeline-item{break-inside:avoid}.page-heading h1{font-size:24px}a{color:#000}}

/* ---------- تقليل الحركة ---------- */
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* v2.1 · product offers and automatic free delivery */
.price-stack{display:inline-flex;flex-direction:column;gap:2px;min-width:0;line-height:1.7}
.price-stack del{font-size:12px;color:var(--muted);font-weight:400;text-decoration-thickness:1px}
.price-stack b{color:var(--burgundy);font-weight:700}
.product-bottom .price-stack{font-size:15px;overflow-wrap:anywhere}
.product-badges{position:absolute;inset-block-start:10px;inset-inline-start:10px;inset-inline-end:10px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none;text-align:start}
.product-badges:empty{display:none}
.bestseller-badge,.sale-badge{display:inline-block;padding:5px 9px;border-radius:8px;font-size:11px;line-height:1.6;font-weight:600}
.bestseller-badge{background:var(--burgundy-dark);color:var(--ivory)}
.sale-badge{background:var(--ivory);color:var(--burgundy);border:1px solid var(--line)}
.stock-badge{top:auto;bottom:10px}
.details-hero{position:relative}
.details-head{flex-wrap:wrap}
.details-head h3{min-width:0;overflow-wrap:anywhere}
.details-actions{flex-wrap:wrap}
.details-price .price-stack del{font-size:13px}
.offer-body .product-badges{position:static;margin-top:5px}
.offer-body .bestseller-badge,.offer-body .sale-badge{font-size:10px;padding:3px 6px}
.cart-line .price-stack{font-size:12px;margin-top:3px}
.delivery-benefit{margin:12px 0 0;padding:11px 13px;border-radius:12px;background:var(--rose);color:var(--burgundy-dark);font-size:12.5px;line-height:1.9}
.delivery-benefit.unlocked{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-line)}
.promo-notice{margin-top:9px;line-height:1.9}
@media(max-width:430px){
 .product-bottom>.price-stack{width:100%;font-size:14px}
 .product-badges{gap:4px;inset-inline-start:8px;inset-inline-end:8px}
 .bestseller-badge,.sale-badge{font-size:10px;padding:4px 7px}
 .offer{flex-wrap:wrap}
 .offer>button{margin-inline-start:auto}
}

/* 2.2 · city estimates and physical gift fulfilment */
.delivery-card,.gift-card{padding:18px;border:1px solid var(--line);border-radius:16px;margin:16px 0;text-align:start;overflow-wrap:anywhere}
.delivery-card{background:var(--ivory)}
.gift-card{background:linear-gradient(135deg,#fffaf0,var(--ivory));border-color:#dfd0b7}
.delivery-card h3,.gift-card h3{margin:5px 0 10px;color:var(--burgundy-dark);font-size:16px;line-height:1.9}
.delivery-card p,.gift-card p{font-size:13px;margin:8px 0;line-height:1.9}
.delivery-card small{display:block;color:var(--muted);font-size:12px}
.eta-date{display:block;line-height:2;font-size:15px;color:var(--burgundy)}
.eta-until{display:block;font-size:12px;color:var(--muted);font-weight:400}
.friday-note{padding:10px 12px;background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:10px;color:var(--warn)}
.gift-value{font-size:18px;color:var(--burgundy)}
.gift-terms{white-space:pre-wrap;padding-top:8px;border-top:1px solid var(--line);color:var(--muted)}
.city-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.city-card p{font-size:13px;color:var(--muted);margin:9px 0}
.city-card small{display:block;color:var(--muted);margin:8px 0 14px}
.gift-settings{margin-top:28px}
.gift-settings>h2{margin-bottom:8px}
.gift-settings>p{margin-bottom:18px}
.city-label{color:var(--burgundy);font-weight:600}
#delivery-preview:empty{display:none}
@media print{.delivery-card,.gift-card{break-inside:avoid;background:#fff}}
/* 2.4: delivery progress and address settings use the existing burgundy palette. */
.free-delivery-banner{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;margin:0 0 2rem;border:1px solid #dac4c8;border-radius:20px;background:linear-gradient(110deg,#fffafa,#f4e6e8);color:#58172b}
.free-delivery-banner strong,.free-delivery-banner small{display:block}.free-delivery-banner strong{font-size:1.12rem}.free-delivery-banner small{margin-top:.35rem;opacity:.8}.free-delivery-banner.unlocked{border-color:#9bb6a5;background:#edf5ef;color:#254b36}
.delivery-progress{min-width:210px;max-width:360px;flex:1;font-size:.9rem}.delivery-progress progress{width:100%;height:9px;margin-top:.7rem;display:block;accent-color:#6b1934;border:0;border-radius:20px;overflow:hidden}.delivery-progress progress::-webkit-progress-bar{background:#decbd0}.delivery-progress progress::-webkit-progress-value{background:#6b1934}.unlocked progress{accent-color:#386747}.unlocked progress::-webkit-progress-value{background:#386747}
.gps-dialog details{padding:1rem;border:1px solid #e5d6da;border-radius:12px}.gps-dialog summary{cursor:pointer;font-weight:600}.gps-dialog p{line-height:1.9}.gps-dialog #gps-status:not(:empty){padding:.8rem;border-radius:12px;background:#f7edf0}.gps-dialog #gps-result:empty{display:none}
.location-admin{margin-bottom:2rem}.governorate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1rem;margin-top:1rem}.governorate-card{border:1px solid #ecdee2;padding:1rem;border-radius:14px}.governorate-card p{font-size:.8rem;min-height:2rem}.area-editor{border:1px solid #e1cdd3;border-radius:12px;padding:1rem;margin-bottom:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.area-editor label{min-width:0}.area-editor .check{grid-column:1/-1}.area-editor legend{padding:0 .5rem}
#telegram-result,#discovered{overflow-wrap:anywhere}#discovered button{margin:.3rem}.helper{white-space:pre-line}
@media(max-width:640px){.free-delivery-banner{flex-direction:column;align-items:stretch;gap:.8rem;padding:1rem}.free-delivery-banner strong{font-size:1rem}.delivery-progress{max-width:none;min-width:0}.area-editor{grid-template-columns:1fr}.governorate-grid{grid-template-columns:1fr 1fr}.governorate-card{padding:.7rem}}
@media(max-width:360px){.governorate-grid{grid-template-columns:1fr}}

/* Keep the final offer screen compact, with one explicit order submission. */
.offer-checkout .totals{margin:12px 0}.offer-checkout .offer-actions{position:sticky;bottom:-20px;background:var(--surface);padding:12px 0 4px;z-index:2}.offer-checkout .offer-actions button{min-height:48px}.offer-checkout .offers:empty{display:none}

/* Store identity, governorate pricing and large address lists. */
.brand{min-width:0}.brand-mark{flex-shrink:0;overflow:hidden}.brand-mark.has-logo{background:transparent;box-shadow:none;border-radius:0}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand #brand-name{overflow-wrap:anywhere}.hero h1,.hero p,.hero .eyebrow{white-space:pre-line;overflow-wrap:anywhere}.hero-features span{overflow-wrap:anywhere}.hero .eyebrow{display:block}.branding-panel{margin-bottom:24px}.logo-editor{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;padding:20px 0}.logo-preview{height:96px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;color:var(--burgundy);font-size:40px;background:var(--surface);overflow:hidden}.logo-preview img{max-width:100%;max-height:96px;object-fit:contain}.branding-panel input[type=file]{max-width:100%}.area-editor[hidden]{display:none!important}.area-editor summary{cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:600}.area-editor summary small{font-size:11px;font-weight:400}.area-editor .area-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px}.area-editor .area-fields label{min-width:0}.area-editor .area-fields .check{grid-column:1/-1}.area-editor{display:block}.area-editor[open]{border-color:var(--burgundy)}.area-editor .review-flag{color:var(--warn)}.governorate-save{position:sticky;bottom:0;background:var(--surface);padding:12px 0;z-index:1}.governorate-save button{width:100%}.delivery-rate{display:block;margin:8px 0;color:var(--burgundy)}
/* Both translations are server-rendered; only the selected one is painted. */
html[lang="ar"] .storefront-page [data-shell-lang="ku"],html:not([lang="ar"]) .storefront-page [data-shell-lang="ar"]{display:none}
@media(max-width:640px){.logo-editor{grid-template-columns:64px minmax(0,1fr);gap:12px}.logo-preview{height:64px}.logo-preview img{max-height:64px}.area-editor .area-fields{grid-template-columns:1fr}.site-header .brand{flex:1}.header-actions{flex-shrink:0;gap:6px}.brand #brand-name{font-size:13px;line-height:1.6}.logo-editor .button-row{flex-direction:column;align-items:stretch}}

/* 2.4.4 — Customer language control and discreet staff access */
.storefront-page .storefront-language{min-height:44px;min-width:94px;padding:9px 18px;font-size:15px;font-weight:700;white-space:nowrap;background:var(--burgundy);color:#fff;border:1px solid var(--champagne);border-radius:12px;box-shadow:0 4px 12px rgba(112,38,61,.18)}
.storefront-page .storefront-language:hover{background:var(--burgundy-dark);color:#fff}
.storefront-page .storefront-language:focus-visible{outline:3px solid var(--champagne);outline-offset:3px}
.storefront-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}
.footer-copy{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0}
.footer-staff-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 2px;white-space:nowrap;font-size:11px;color:var(--muted)}
.footer-staff-link:hover{color:var(--burgundy);text-decoration:underline;text-underline-offset:4px}
.sharing-panel{margin-bottom:24px}.identity-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.identity-image-editor{min-width:0;display:flex;flex-direction:column;gap:12px}.identity-image-preview{height:112px;border:1px solid var(--line);border-radius:14px;background:var(--ivory);display:grid;place-items:center;overflow:hidden}.identity-image-preview img{width:100%;height:100%;object-fit:contain}.identity-image-preview.favicon-preview img{width:56px;height:56px}.identity-image-preview:empty:before{content:'—';color:var(--muted)}.sharing-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--ivory);margin:0 0 20px}.sharing-card img{width:100%;max-height:200px;object-fit:contain;display:block;background:#fff}.sharing-card-copy{padding:14px}.sharing-card strong,.sharing-card small{display:block;overflow-wrap:anywhere}.sharing-card p{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin:6px 0}.sharing-panel input[type=file]{max-width:100%}
@media(max-width:640px){.identity-image-grid{grid-template-columns:1fr}.storefront-page .site-header .brand{flex:1;min-width:0}.storefront-page .header-actions{flex-shrink:0}}
@media(max-width:380px){.storefront-page .storefront-language{min-width:86px;padding:9px 12px}}

.identity-image-editor button[hidden]{display:none}

.storefront-page .store-grid>*,.storefront-page .product-card{min-width:0}

/* 2.4.5 — Burgundy customer header and clearly marked mobile basket. */
.storefront-page .site-header{background:linear-gradient(115deg,var(--burgundy-dark),var(--burgundy));border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 4px 18px rgba(74,22,39,.14);backdrop-filter:none;-webkit-backdrop-filter:none}
.storefront-page .site-header .brand,.storefront-page .site-header .brand:hover{color:var(--ivory)}
.storefront-page .site-header .brand-mark{background:var(--ivory);color:var(--burgundy);border:1px solid rgba(185,154,101,.6);box-shadow:none}
.storefront-page .site-header .brand-mark.has-logo{padding:3px;border-radius:10px}
.storefront-page .storefront-language{background:var(--ivory);color:var(--burgundy-dark);border-color:var(--champagne);box-shadow:0 3px 12px rgba(40,10,23,.18)}
.storefront-page .storefront-language:hover{background:#F2DFC0;color:var(--burgundy-dark)}
.storefront-page .site-header .cart-btn.secondary{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28);color:#fff}
.storefront-page .site-header .cart-btn.secondary:hover{background:rgba(255,255,255,.18);color:#fff}
.storefront-page .site-header .cart-btn.secondary .cart-count{background:#F2DFC0;color:var(--burgundy-dark)}
.storefront-page .cart-bar{background:linear-gradient(115deg,var(--burgundy-dark),var(--burgundy));color:#fff;border-top:1px solid rgba(185,154,101,.7);box-shadow:0 -7px 24px rgba(74,22,39,.2);backdrop-filter:none;-webkit-backdrop-filter:none}
.storefront-page .cart-bar-inner{gap:12px}.storefront-page .cart-bar-caption{display:block;font-size:11px;font-weight:600;color:#F2DFC0;line-height:1.6}
.storefront-page .cart-bar-info strong{font-size:15px;color:#fff;line-height:1.65;white-space:nowrap}.storefront-page .cart-bar-info small{display:block;color:#F3E8EC;line-height:1.65}
.storefront-page .cart-bar .button{min-height:52px;max-width:66%;flex-shrink:0;gap:9px;padding:10px 13px;border:1px solid var(--champagne);background:#F2DFC0;color:var(--burgundy-dark);box-shadow:0 3px 12px rgba(40,10,23,.15);white-space:normal}
.storefront-page .cart-bar .button:hover{background:var(--ivory);color:var(--burgundy-dark)}
.storefront-page .shopping-icon{width:22px;height:22px;flex-shrink:0}.storefront-page #cart-bar-label{line-height:1.6;font-weight:700}.storefront-page .cart-bar-arrow{font-size:18px;flex-shrink:0}
.storefront-page #checkout-panel{scroll-margin-top:88px}
@media(max-width:939px){.storefront-page.has-cart-bar .site-footer{padding-bottom:calc(126px + env(safe-area-inset-bottom))}.storefront-page.has-cart-bar #toast{bottom:calc(118px + env(safe-area-inset-bottom))}}
@media(max-width:380px){.storefront-page .cart-bar{padding-inline:10px}.storefront-page .cart-bar-inner{gap:8px}.storefront-page .cart-bar .button{padding:9px 10px;gap:7px;font-size:12px;max-width:62%}.storefront-page .cart-bar-info strong{font-size:13px}.storefront-page .cart-bar-arrow{display:none}}