/* DotOne Cafe public menu UI - v6 black & white */
@font-face{font-family:AbarFaNum;src:url('../fonts/AbarFaNum-VF.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--dc-bg:#050505;--dc-bg2:#111;--dc-card:#fff;--dc-card2:#f3f3f3;--dc-text:#080808;--dc-muted:#666;--dc-line:rgba(255,255,255,.14);--dc-dark:#0b0b0b;--dc-accent:#fff;--dc-soft:#e9e9e9}
*{box-sizing:border-box}
body.dc-body{margin:0;direction:rtl;font-family:AbarFaNum,Tahoma,Arial,sans-serif;background:radial-gradient(circle at 75% -15%,rgba(255,255,255,.12),transparent 34%),linear-gradient(180deg,#0c0c0c 0%,#000 100%);color:#fff;min-height:100vh;overflow-x:hidden}
a,button{font-family:inherit}.dc-shell{max-width:1040px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#111 0,#070707 45%,#000 100%);box-shadow:0 0 80px rgba(0,0,0,.65);position:relative}.dc-hero{position:sticky;top:0;z-index:30;padding:18px 18px 10px;background:linear-gradient(180deg,rgba(10,10,10,.98),rgba(10,10,10,.90));backdrop-filter:blur(16px);border-bottom:1px solid var(--dc-line)}
.dc-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dc-logo{display:flex;align-items:center;gap:12px}.dc-logo-mark{width:56px;height:56px;border-radius:22px;display:grid;place-items:center;font-size:18px;font-weight:950;direction:ltr;color:#000;background:#fff;box-shadow:0 14px 36px rgba(255,255,255,.10);letter-spacing:-.02em}.dc-logo h1{font-size:22px;line-height:1.2;margin:0;color:#fff}.dc-logo small{display:block;margin-top:3px;color:#cfcfcf;direction:ltr;text-align:right;font-size:11px;letter-spacing:.14em}.dc-actions{display:flex;gap:8px;flex-wrap:wrap}.dc-btn{border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.08);color:#fff;text-decoration:none;border-radius:16px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.18s}.dc-btn.primary{background:#fff;color:#000;font-weight:950;border-color:#fff}.dc-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.14)}.dc-btn.primary:hover{background:#f1f1f1}
.dc-cat-carousel{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;align-items:center}.dc-cat-nav{width:38px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center;transition:.18s}.dc-cat-nav:hover{background:#fff;color:#000}.dc-cat-strip{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:4px 0 8px;overscroll-behavior-inline:contain}.dc-cat-strip::-webkit-scrollbar{display:none}.dc-cat-pill{flex:0 0 auto;min-width:112px;max-width:132px;text-decoration:none;color:#fff;border-radius:24px;padding:10px 8px;text-align:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);transition:.2s}.dc-cat-pill:hover,.dc-cat-pill.active{background:#fff;color:#000;border-color:#fff}.dc-cat-thumb{width:56px;height:56px;margin:0 auto 7px;border-radius:20px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.10);color:#fff;font-weight:950;font-size:16px;direction:ltr}.dc-cat-pill.active .dc-cat-thumb,.dc-cat-pill:hover .dc-cat-thumb{background:#111;color:#fff}.dc-cat-thumb img{width:100%;height:100%;object-fit:cover}.dc-cat-title{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:850}.dc-cat-en{display:block;direction:ltr;font-size:10px;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.dc-cat-pill.active .dc-cat-en,.dc-cat-pill:hover .dc-cat-en{color:#333}
.dc-content{padding:22px 18px 90px}.dc-section{scroll-margin-top:164px;margin-bottom:34px}.dc-section.is-hidden{display:none}.dc-section-title{display:flex;align-items:center;justify-content:center;gap:16px;margin:10px 0 18px}.dc-section-title:before,.dc-section-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.40),transparent)}.dc-section-title h2{margin:0;text-align:center;font-size:25px;color:#fff}.dc-section-title small{display:block;direction:ltr;color:#bbb;font-size:12px;margin-top:3px}.dc-section-desc{text-align:center;color:#cfcfcf;margin:-8px auto 18px;line-height:1.9;max-width:680px}
.dc-menu-list{display:grid;gap:14px}.dc-menu-card{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:14px;align-items:center;background:linear-gradient(180deg,var(--dc-card),var(--dc-card2));color:var(--dc-text);border-radius:28px;box-shadow:0 18px 48px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.10);padding:12px;position:relative;overflow:hidden}.dc-menu-card:before{content:"";position:absolute;right:0;top:16px;bottom:16px;width:4px;border-radius:8px 0 0 8px;background:#111}.dc-item-img{width:104px;height:104px;border-radius:24px;overflow:hidden;background:#e8e8e8;display:grid;place-items:center;color:#111;font-weight:950;font-size:17px;direction:ltr;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.dc-item-img img{width:100%;height:100%;object-fit:cover}.dc-item-info{min-width:0;padding-right:4px}.dc-item-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.dc-item-title h3{font-size:20px;margin:0;color:#050505}.dc-item-title small{direction:ltr;color:#666;font-size:12px}.dc-item-info p{margin:8px 0 0;color:var(--dc-muted);line-height:1.85;font-size:14px}.dc-price{white-space:nowrap;align-self:end;margin-bottom:4px;color:#fff;background:#111;border:1px solid rgba(0,0,0,.16);border-radius:999px;padding:9px 13px;font-weight:950}.dc-price small{font-size:10px;color:#ddd;margin-right:4px}.dc-note{margin-top:22px;text-align:center;color:#cfcfcf;font-size:14px}
.dc-home{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 80% 0,rgba(255,255,255,.12),transparent 30%),linear-gradient(160deg,#111,#000)}.dc-home-card{width:min(900px,100%);border:1px solid rgba(255,255,255,.16);border-radius:38px;background:rgba(255,255,255,.07);box-shadow:0 30px 90px rgba(0,0,0,.55);backdrop-filter:blur(18px);padding:38px;position:relative;overflow:hidden}.dc-home-card:before{content:"DOTONE";position:absolute;left:24px;top:8px;font-size:108px;line-height:1;font-weight:950;color:rgba(255,255,255,.045);direction:ltr}.dc-badge{display:inline-flex;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.10);color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:950;direction:ltr}.dc-home-card h1{font-size:42px;margin:16px 0 12px;color:#fff}.dc-home-card p{color:#d7d7d7;line-height:2;font-size:17px;max-width:650px}.dc-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.dc-home-link{display:block;text-decoration:none;color:#fff;border-radius:24px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);padding:20px;transition:.18s}.dc-home-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}.dc-home-link strong{display:block;font-size:19px;margin-bottom:7px}.dc-home-link span{color:#cfcfcf;line-height:1.7}.dc-home-link.primary{background:#fff;color:#000}.dc-home-link.primary span{color:#444}
.dc-order-shell{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;padding:16px}.dc-order-shell .dc-shell{max-width:none;width:100%;min-height:calc(100vh - 32px);border-radius:28px;overflow:hidden}.dc-cart{position:sticky;top:16px;height:calc(100vh - 32px);overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06));box-shadow:0 25px 70px rgba(0,0,0,.50);backdrop-filter:blur(18px);padding:18px;color:#fff}.dc-cart h2{margin:0 0 5px}.dc-cart-sub{color:#c8c8c8;font-size:13px}.dc-cart-empty{padding:15px;border:1px dashed rgba(255,255,255,.25);border-radius:20px;text-align:center;color:#ddd;margin:18px 0}.dc-cart .cart-row{border-bottom:1px solid rgba(255,255,255,.16);padding:12px 0;color:#fff}.dc-cart .cart-row b{color:#fff}.dc-cart .cart-total{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:20px}.dc-cart textarea{background:rgba(0,0,0,.55);border-color:rgba(255,255,255,.20);color:#fff}.dc-cart label{color:#ddd}.dc-qty{display:flex;align-items:center;gap:8px;justify-content:center;background:#111;border-radius:999px;padding:6px;border:1px solid rgba(0,0,0,.20)}.dc-qty button{width:34px;height:34px;border:0;border-radius:50%;font-size:20px;cursor:pointer}.dc-qty .plus{background:#fff;color:#000;font-weight:950}.dc-qty .minus{background:#e8e8e8;color:#000}.dc-qty span{min-width:24px;text-align:center;color:#fff;font-weight:950}.dc-order-card{grid-template-columns:92px minmax(0,1fr) auto auto}.dc-mobile-price{display:none;color:#111;font-weight:950;margin-top:8px}.dc-cart-mobile-bar{display:none;position:fixed;right:12px;left:12px;bottom:12px;z-index:40;border-radius:22px;background:#fff;color:#000;padding:12px 14px;box-shadow:0 18px 50px rgba(0,0,0,.45);font-weight:950;align-items:center;justify-content:space-between;gap:10px}.dc-cart-mobile-bar button{border:0;border-radius:14px;background:#111;color:#fff;padding:9px 12px}
.dc-auth-wrap,.dc-track-wrap{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 35%),linear-gradient(160deg,#111,#000)}.dc-auth-card,.dc-track-card{width:min(520px,100%);border-radius:32px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);backdrop-filter:blur(18px);box-shadow:0 28px 80px rgba(0,0,0,.50);padding:28px;color:#fff}.dc-auth-card h1,.dc-track-card h1{margin:16px 0 8px}.dc-auth-card p,.dc-track-card p{color:#d5d5d5;line-height:1.9}.dc-auth-card input,.dc-track-card input{background:rgba(0,0,0,.55);border-color:rgba(255,255,255,.20);color:#fff}.dc-track-result{width:min(900px,100%);margin:18px auto 0;border-radius:28px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);padding:20px;color:#fff}.dc-track-result table td{background:rgba(0,0,0,.35)}
@media(max-width:1100px){.dc-order-shell{grid-template-columns:1fr}.dc-cart{position:fixed;right:12px;left:12px;bottom:72px;top:auto;height:min(70vh,620px);z-index:50;display:none}.dc-cart.open{display:block}.dc-cart-mobile-bar{display:flex}.dc-order-shell .dc-shell{border-radius:24px}.dc-content{padding-bottom:130px}}
@media(max-width:720px){.dc-shell{max-width:none}.dc-hero{padding:14px 12px 8px}.dc-brand{align-items:flex-start;flex-wrap:wrap}.dc-logo-mark{width:46px;height:46px;border-radius:18px;font-size:15px}.dc-logo h1{font-size:18px}.dc-actions{width:100%;justify-content:stretch}.dc-actions .dc-btn{flex:1;font-size:13px;padding:9px 10px}.dc-cat-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.dc-cat-nav{width:34px;height:44px;border-radius:14px}.dc-cat-pill{min-width:96px;max-width:108px}.dc-cat-thumb{width:48px;height:48px;border-radius:18px;font-size:13px}.dc-content{padding:18px 12px 96px}.dc-section{scroll-margin-top:150px}.dc-section-title h2{font-size:21px}.dc-menu-card{grid-template-columns:78px minmax(0,1fr);border-radius:24px;padding:10px}.dc-order-card{grid-template-columns:74px minmax(0,1fr) auto}.dc-item-img{width:78px;height:78px;border-radius:20px}.dc-item-title h3{font-size:17px}.dc-item-info p{font-size:13px;line-height:1.75}.dc-price{grid-column:2;justify-self:start;margin-top:6px}.dc-order-card>.dc-price{display:none}.dc-mobile-price{display:block}.dc-qty{grid-column:1/-1;justify-self:stretch}.dc-home-card{padding:26px;border-radius:28px}.dc-home-card h1{font-size:31px}.dc-home-grid{grid-template-columns:1fr}.dc-order-shell{padding:10px}.dc-auth-card,.dc-track-card{padding:22px}}
.dc-cat-strip{cursor:grab;scroll-behavior:smooth;user-select:none;-webkit-user-select:none;touch-action:pan-x}
.dc-cat-strip.is-dragging{cursor:grabbing;scroll-behavior:auto}
.dc-cat-strip.is-dragging .dc-cat-pill{pointer-events:none}
.dc-qty button:active{transform:scale(.94)}
.dc-order-card.has-qty{border-color:rgba(255,255,255,.42);box-shadow:0 16px 45px rgba(255,255,255,.08)}
#orderForm button[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(1)}

/* v8 fixes: readable invoice panel + mobile horizontal quantity buttons */
.dc-cart{
  background:#ffffff !important;
  color:#070707 !important;
  border:1px solid rgba(0,0,0,.12) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.48) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.dc-cart h2{color:#050505 !important;font-weight:950}
.dc-cart-sub{color:#555 !important;line-height:1.9}
.dc-cart-empty{
  background:#f6f6f6 !important;
  border:1px dashed rgba(0,0,0,.22) !important;
  color:#444 !important;
}
.dc-cart .cart-row{
  color:#111 !important;
  border-bottom:1px solid rgba(0,0,0,.10) !important;
}
.dc-cart .cart-row span{color:#111 !important;font-weight:800}
.dc-cart .cart-row b{color:#111 !important;font-weight:950}
.dc-cart .cart-total{
  background:#f3f3f3 !important;
  border:1px solid rgba(0,0,0,.12) !important;
  color:#111 !important;
}
.dc-cart .cart-total span,
.dc-cart .cart-total b{color:#111 !important;font-weight:950}
.dc-cart label{color:#222 !important;font-weight:850}
.dc-cart textarea{
  background:#f7f7f7 !important;
  color:#111 !important;
  border:1px solid rgba(0,0,0,.16) !important;
  box-shadow:none !important;
}
.dc-cart textarea::placeholder{color:#777 !important}
.dc-cart .dc-btn.primary,
.dc-cart .full-btn{
  background:#090909 !important;
  color:#fff !important;
  border-color:#090909 !important;
}

.dc-qty.qty-box,
.dc-qty{
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
}

@media(max-width:720px){
  .dc-order-card .dc-qty.qty-box,
  .dc-order-card .dc-qty{
    grid-column:1/-1 !important;
    width:100% !important;
    min-height:64px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    flex-direction:row !important;
    justify-content:space-between !important;
  }
  .dc-order-card .dc-qty button{
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    border-radius:50% !important;
  }
  .dc-order-card .dc-qty span{
    flex:1 1 auto !important;
    text-align:center !important;
    font-size:21px !important;
  }
  .dc-cart{
    right:10px !important;
    left:10px !important;
    bottom:76px !important;
    height:min(76vh,640px) !important;
    border-radius:28px !important;
  }
}


/* v9 fixes: black invoice panel, aligned desktop order rows, robust category UI */
.dc-cart{
  background:#050505 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.58) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.dc-cart h2{color:#fff !important;font-weight:950}
.dc-cart-sub{color:#cfcfcf !important;line-height:1.9}
.dc-cart-empty{
  background:#111 !important;
  border:1px dashed rgba(255,255,255,.24) !important;
  color:#ddd !important;
}
.dc-cart .cart-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
.dc-cart .cart-row span{color:#fff !important;font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-cart .cart-row b{color:#fff !important;font-weight:950;white-space:nowrap}
.dc-cart .cart-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 0;
  padding:13px 14px;
  background:#fff !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:18px !important;
  color:#050505 !important;
}
.dc-cart .cart-total span,
.dc-cart .cart-total b{color:#050505 !important;font-weight:950}
.dc-cart label{color:#f4f4f4 !important;font-weight:900}
.dc-cart textarea{
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:none !important;
  border-radius:18px !important;
}
.dc-cart textarea::placeholder{color:#777 !important}
.dc-cart .dc-btn.primary,
.dc-cart .full-btn{
  background:#fff !important;
  color:#050505 !important;
  border-color:#fff !important;
  font-weight:950;
}
.dc-order-card{
  grid-template-columns:92px minmax(0,1fr) 112px 142px !important;
  align-items:center !important;
}
.dc-order-card .dc-price{
  justify-self:center !important;
  align-self:center !important;
  margin:0 !important;
  min-width:94px;
  text-align:center;
}
.dc-order-card .dc-qty{
  width:136px !important;
  justify-self:end !important;
  align-self:center !important;
}
.dc-qty.qty-box,.dc-qty{flex-direction:row !important;align-items:center !important;justify-content:space-between !important}
.dc-cat-pill{cursor:pointer}.dc-cat-strip.is-dragging .dc-cat-pill{pointer-events:none}
.dc-empty-section{border:1px dashed rgba(255,255,255,.20);border-radius:24px;padding:26px;text-align:center;color:#d6d6d6;background:rgba(255,255,255,.04)}

@media(max-width:720px){
  .dc-order-card{grid-template-columns:74px minmax(0,1fr) !important}
  .dc-order-card .dc-qty.qty-box,
  .dc-order-card .dc-qty{
    grid-column:1/-1 !important;
    width:100% !important;
    min-height:64px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    flex-direction:row !important;
    justify-content:space-between !important;
  }
  .dc-order-card .dc-qty button{width:44px !important;height:44px !important;flex:0 0 44px !important;border-radius:50% !important}
  .dc-order-card .dc-qty span{flex:1 1 auto !important;text-align:center !important;font-size:21px !important}
  .dc-cart{background:#050505 !important;right:10px !important;left:10px !important;bottom:76px !important;height:min(76vh,640px) !important;border-radius:28px !important}
}

/* v10: all menu sections stay visible; category click scrolls to section */
.dc-section.is-hidden{display:block!important;}

/* v11 fixes: reliable sticky category bar, no-image mode, ordering closed state */
.dc-hero{
  position:sticky !important;
  top:0 !important;
  z-index:80 !important;
}
.dc-order-shell .dc-shell{
  overflow:visible !important;
}
.dc-section{
  scroll-margin-top:220px !important;
}
.dc-cat-strip{
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}
.dc-cat-strip.is-dragging{
  cursor:grabbing;
  scroll-behavior:auto !important;
}
.dc-top-notice{
  margin:14px 18px 0;
  border:1px solid rgba(255,255,255,.24);
  background:#fff;
  color:#050505;
  border-radius:20px;
  padding:12px 14px;
  font-weight:950;
  line-height:1.8;
  text-align:center;
  box-shadow:0 16px 36px rgba(0,0,0,.28);
}
.dc-no-images .dc-menu-card{
  grid-template-columns:minmax(0,1fr) auto !important;
}
.dc-no-images .dc-order-card{
  grid-template-columns:minmax(0,1fr) 112px 142px !important;
}
.dc-no-images .dc-item-info{
  padding-right:0 !important;
}
.dc-ordering-closed .dc-qty{
  opacity:.45;
  pointer-events:none;
}
.dc-ordering-closed #orderForm button[disabled]{
  opacity:1;
  background:#444 !important;
  color:#ddd !important;
  border-color:#444 !important;
  cursor:not-allowed;
}
@media(max-width:720px){
  .dc-section{scroll-margin-top:205px !important;}
  .dc-no-images .dc-menu-card,
  .dc-no-images .dc-order-card{
    grid-template-columns:1fr !important;
  }
  .dc-no-images .dc-order-card .dc-price{
    justify-self:start !important;
  }
}

/* v12 fixes: accurate category scroll, stable sticky carousel, clean no-image cards */
html{scroll-behavior:smooth;}
.dc-shell{overflow:visible !important;}
.dc-hero{position:sticky !important;top:0 !important;z-index:120 !important;}
.dc-cat-carousel{position:relative;z-index:125;}
.dc-section{scroll-margin-top:230px !important;}
.dc-menu-card{min-height:128px;}
.dc-no-images .dc-menu-card{
  min-height:96px !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  padding:18px 22px !important;
}
.dc-no-images .dc-order-card{
  min-height:96px !important;
  grid-template-columns:minmax(0,1fr) 126px 150px !important;
  align-items:center !important;
}
.dc-no-images .dc-item-info{
  grid-column:auto !important;
  justify-self:stretch !important;
  text-align:right !important;
  padding-right:0 !important;
  min-width:0 !important;
}
.dc-no-images .dc-item-title{
  justify-content:flex-start !important;
  text-align:right !important;
}
.dc-no-images .dc-item-title h3,
.dc-no-images .dc-item-title small,
.dc-no-images .dc-item-info p{
  text-align:right !important;
}
.dc-no-images .dc-order-card .dc-price{
  grid-column:auto !important;
  justify-self:center !important;
  align-self:center !important;
  margin:0 !important;
}
.dc-no-images .dc-order-card .dc-qty{
  grid-column:auto !important;
  justify-self:end !important;
  align-self:center !important;
  width:142px !important;
}
.dc-no-images .dc-menu-card:not(.dc-order-card) .dc-price{
  grid-column:auto !important;
  justify-self:end !important;
  align-self:center !important;
  margin:0 !important;
}
@media(max-width:1100px){
  .dc-order-shell .dc-shell{overflow:visible !important;}
  .dc-section{scroll-margin-top:225px !important;}
}
@media(max-width:720px){
  .dc-section{scroll-margin-top:205px !important;}
  .dc-no-images .dc-menu-card{
    min-height:86px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    padding:16px 18px !important;
  }
  .dc-no-images .dc-order-card{
    min-height:92px !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
  }
  .dc-no-images .dc-order-card .dc-price{display:none !important;}
  .dc-no-images .dc-order-card .dc-qty{
    grid-column:1/-1 !important;
    justify-self:stretch !important;
    width:100% !important;
  }
  .dc-no-images .dc-mobile-price{display:block !important;text-align:right !important;}
}

/* v13 fixes: real desktop anchor scroll, mobile drag carousel, balanced no-image cards */
html, body{scroll-padding-top:230px;}
.dc-hero{position:sticky !important;top:0 !important;z-index:999 !important;}
.dc-cat-strip{
  cursor:grab !important;
  touch-action:pan-x !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-x:contain !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
.dc-cat-strip.is-dragging{cursor:grabbing !important;scroll-behavior:auto !important;}
.dc-cat-strip.is-dragging .dc-cat-pill{pointer-events:none !important;}
.dc-section{scroll-margin-top:230px !important;}

/* No-image digital menu: text takes most of the card, price stays compact. */
.dc-no-images .dc-menu-card:not(.dc-order-card){
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:94px !important;
  padding:18px 22px !important;
}
.dc-no-images .dc-menu-card:not(.dc-order-card) .dc-item-info{
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:right !important;
  padding:0 !important;
}
.dc-no-images .dc-menu-card:not(.dc-order-card) .dc-item-title,
.dc-no-images .dc-menu-card:not(.dc-order-card) .dc-item-title h3,
.dc-no-images .dc-menu-card:not(.dc-order-card) .dc-item-title small,
.dc-no-images .dc-menu-card:not(.dc-order-card) .dc-item-info p{
  text-align:right !important;
  justify-content:flex-start !important;
}
.dc-no-images .dc-menu-card:not(.dc-order-card) .dc-price{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:112px !important;
  max-width:155px !important;
  padding:10px 14px !important;
  white-space:nowrap !important;
  text-align:center !important;
  justify-self:auto !important;
  margin:0 !important;
}

/* No-image order card: right side text, left side controls, compact price. */
.dc-no-images .dc-order-card{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-height:92px !important;
  padding:16px 20px !important;
}
.dc-no-images .dc-order-card .dc-item-info{
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:right !important;
  padding:0 !important;
}
.dc-no-images .dc-order-card .dc-item-title,
.dc-no-images .dc-order-card .dc-item-title h3,
.dc-no-images .dc-order-card .dc-item-title small,
.dc-no-images .dc-order-card .dc-item-info p{
  text-align:right !important;
  justify-content:flex-start !important;
}
.dc-no-images .dc-order-card .dc-price{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:108px !important;
  max-width:148px !important;
  padding:9px 12px !important;
  margin:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  justify-self:auto !important;
}
.dc-no-images .dc-order-card .dc-qty{
  flex:0 0 138px !important;
  width:138px !important;
  min-width:138px !important;
  margin:0 !important;
  justify-self:auto !important;
}

@media(max-width:720px){
  html, body{scroll-padding-top:205px;}
  .dc-section{scroll-margin-top:205px !important;}
  .dc-cat-strip{touch-action:pan-x !important;}
  .dc-no-images .dc-menu-card:not(.dc-order-card){
    min-height:84px !important;
    padding:15px 16px !important;
    gap:10px !important;
  }
  .dc-no-images .dc-menu-card:not(.dc-order-card) .dc-price{
    min-width:94px !important;
    max-width:120px !important;
    padding:8px 10px !important;
    font-size:13px !important;
  }
  .dc-no-images .dc-order-card{
    min-height:88px !important;
    padding:14px 16px !important;
    gap:10px !important;
  }
  .dc-no-images .dc-order-card .dc-price{
    display:none !important;
  }
  .dc-no-images .dc-order-card .dc-mobile-price{
    display:block !important;
    text-align:right !important;
    margin-top:5px !important;
  }
  .dc-no-images .dc-order-card .dc-qty{
    flex:0 0 126px !important;
    width:126px !important;
    min-width:126px !important;
    grid-column:auto !important;
    min-height:50px !important;
    padding:6px 8px !important;
  }
  .dc-no-images .dc-order-card .dc-qty button{
    width:36px !important;
    height:36px !important;
    flex:0 0 36px !important;
  }
  .dc-no-images .dc-order-card .dc-qty span{
    font-size:17px !important;
  }
}

/* v14: customer order history + invoice pages + mobile price alignment */
.dc-history-shell{max-width:980px}.dc-history-hero{position:sticky;top:0;z-index:60}.dc-history-content{padding-top:24px}.dc-order-history-list{display:grid;gap:16px}.dc-order-history-card{background:#fff;color:#050505;border-radius:28px;padding:18px;box-shadow:0 18px 44px rgba(0,0,0,.34)}.dc-order-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:12px;margin-bottom:12px}.dc-order-history-head h2{margin:0;font-size:20px;font-weight:950}.dc-order-history-head small{display:block;color:#666;margin-top:4px;direction:ltr;text-align:right}.dc-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:950;background:#111;color:#fff;white-space:nowrap}.dc-status.st_pending{background:#222}.dc-status.st_confirmed{background:#111}.dc-status.st_preparing{background:#444}.dc-status.st_ready{background:#000}.dc-status.st_delivered{background:#e9e9e9;color:#000}.dc-status.st_canceled{background:#777}.dc-order-history-items{display:grid;gap:8px}.dc-order-history-items div{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5f5f5;border-radius:14px;padding:10px 12px}.dc-order-history-items span{font-weight:850}.dc-order-history-items b{white-space:nowrap}.dc-order-history-total{display:flex;align-items:center;justify-content:space-between;background:#080808;color:#fff;border-radius:18px;padding:13px 14px;margin-top:12px;font-weight:950}.dc-order-history-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.dc-order-history-actions .dc-btn{background:#111;color:#fff;border-color:#111}.dc-order-history-actions .dc-btn.primary{background:#050505;color:#fff;border-color:#050505}
.dc-print-wrap{max-width:760px;margin:0 auto;padding:28px 16px}.dc-invoice-card{background:#fff;color:#050505;border-radius:28px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.42)}.dc-invoice-top{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px solid #050505;padding-bottom:16px;margin-bottom:16px}.dc-invoice-top h1{margin:0;font-size:30px;font-weight:950}.dc-invoice-top p{margin:5px 0 0;color:#555}.dc-invoice-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.dc-invoice-meta div{background:#f4f4f4;border-radius:16px;padding:12px}.dc-invoice-meta span{display:block;color:#666;font-size:13px;margin-bottom:5px}.dc-invoice-meta b{font-weight:950}.dc-invoice-items{display:grid;gap:8px}.dc-invoice-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border-bottom:1px solid rgba(0,0,0,.08);padding:12px 0}.dc-invoice-row span{font-weight:900}.dc-invoice-row b,.dc-invoice-row strong{white-space:nowrap}.dc-invoice-note{background:#f7f7f7;border-radius:18px;padding:14px;margin-top:14px}.dc-invoice-note span{display:block;font-weight:950;margin-bottom:6px}.dc-invoice-note p{margin:0;line-height:1.9;color:#333}.dc-invoice-total{display:flex;align-items:center;justify-content:space-between;background:#050505;color:#fff;border-radius:20px;padding:16px;margin-top:16px;font-size:20px;font-weight:950}.dc-invoice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.dc-invoice-actions .dc-btn{background:#111;color:#fff;border-color:#111}.dc-invoice-actions .dc-btn.primary{background:#050505;color:#fff;border-color:#050505}

@media(max-width:720px){
  .dc-order-history-head{flex-direction:column}.dc-order-history-actions .dc-btn{flex:1 1 auto}.dc-invoice-meta{grid-template-columns:1fr}.dc-invoice-row{grid-template-columns:1fr;gap:4px}.dc-print-wrap{padding:12px}.dc-invoice-card{border-radius:22px;padding:16px}.dc-invoice-top h1{font-size:24px}
  .dc-no-images .dc-menu-card:not(.dc-order-card){
    display:grid !important;
    direction:ltr !important;
    grid-template-columns:minmax(84px,auto) minmax(0,1fr) !important;
    align-items:center !important;
    min-height:84px !important;
  }
  .dc-no-images .dc-menu-card:not(.dc-order-card) .dc-item-info{grid-column:2 !important;direction:rtl !important;justify-self:stretch !important;text-align:right !important;}
  .dc-no-images .dc-menu-card:not(.dc-order-card) .dc-price{grid-column:1 !important;justify-self:start !important;min-width:84px !important;max-width:118px !important;margin:0 !important;}
  .dc-no-images .dc-order-card{
    display:grid !important;
    direction:ltr !important;
    grid-template-columns:minmax(100px,auto) minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
  }
  .dc-no-images .dc-order-card .dc-item-info{grid-column:2 !important;direction:rtl !important;justify-self:stretch !important;text-align:right !important;}
  .dc-no-images .dc-order-card .dc-mobile-price{display:none !important;}
  .dc-no-images .dc-order-card .dc-price{
    display:inline-flex !important;
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:center !important;
    min-width:92px !important;
    max-width:128px !important;
    width:auto !important;
    padding:9px 10px !important;
    margin:0 !important;
    white-space:nowrap !important;
    font-size:13px !important;
  }
  .dc-no-images .dc-order-card .dc-qty{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    direction:rtl !important;
    justify-self:stretch !important;
    width:100% !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }
}
@media print{body.dc-body{background:#fff!important;color:#000!important}.dc-print-wrap{padding:0!important;max-width:none!important}.dc-invoice-card{box-shadow:none!important;border-radius:0!important}.no-print,.dc-invoice-actions{display:none!important}}

/* v15: final mobile card, smoother category scrolling, slightly smaller typography */
html{scroll-behavior:smooth;}
.dc-body{font-size:15px;}
.dc-logo h1{font-size:clamp(22px,3vw,31px) !important;}
.dc-section-title h2{font-size:clamp(24px,3.1vw,34px) !important;}
.dc-item-title h3{font-size:19px !important;line-height:1.45 !important;}
.dc-item-info p{font-size:13px !important;line-height:1.8 !important;}
.dc-price{font-size:14px !important;}
.dc-cat-title{font-size:12.5px !important;}
.dc-cat-en{font-size:9.5px !important;}
.dc-cat-strip{
  direction:ltr !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x !important;
  cursor:grab !important;
  scroll-snap-type:x proximity;
}
.dc-cat-pill{direction:rtl !important;scroll-snap-align:center;}
.dc-cat-strip.is-dragging{cursor:grabbing !important;scroll-behavior:auto !important;}
.dc-cat-strip.is-dragging .dc-cat-pill{pointer-events:none !important;}
.dc-section{scroll-margin-top:180px !important;}
.dc-order-page .dc-section{scroll-margin-top:190px !important;}

@media(max-width:720px){
  .dc-logo h1{font-size:17px !important;}
  .dc-logo small{font-size:10.5px !important;}
  .dc-section-title h2{font-size:26px !important;}
  .dc-cat-title{font-size:12px !important;}
  .dc-cat-pill{min-width:92px !important;max-width:104px !important;}
  .dc-cat-thumb{width:46px !important;height:46px !important;}
  .dc-item-title h3{font-size:23px !important;line-height:1.35 !important;}
  .dc-item-title small{font-size:13px !important;}
  .dc-item-info p{font-size:18px !important;line-height:1.8 !important;}
  .dc-price{font-size:17px !important;}
  .dc-section{scroll-margin-top:170px !important;}

  /* Order cards in mobile: text right, price left, quantity full-width below */
  .dc-order-page .dc-order-card,
  .dc-no-images.dc-order-page .dc-order-card{
    display:grid !important;
    direction:ltr !important;
    grid-template-columns:minmax(108px,auto) minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    gap:14px !important;
    padding:22px !important;
    min-height:auto !important;
  }
  .dc-order-page .dc-order-card .dc-item-img{display:none !important;}
  .dc-order-page .dc-order-card .dc-item-info,
  .dc-no-images.dc-order-page .dc-order-card .dc-item-info{
    grid-column:2 !important;
    grid-row:1 !important;
    direction:rtl !important;
    text-align:right !important;
    min-width:0 !important;
    justify-self:stretch !important;
  }
  .dc-order-page .dc-order-card .dc-mobile-price,
  .dc-no-images.dc-order-page .dc-order-card .dc-mobile-price{
    display:none !important;
  }
  .dc-order-page .dc-order-card .dc-price,
  .dc-no-images.dc-order-page .dc-order-card .dc-price{
    display:inline-flex !important;
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:center !important;
    width:auto !important;
    min-width:92px !important;
    max-width:138px !important;
    margin:0 !important;
    padding:10px 12px !important;
    white-space:nowrap !important;
    text-align:center !important;
    justify-content:center !important;
  }
  .dc-order-page .dc-order-card .dc-qty,
  .dc-no-images.dc-order-page .dc-order-card .dc-qty{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    direction:rtl !important;
    width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
    min-height:58px !important;
  }
}

/* v16: hard fix for mobile price alignment, native swipe carousel, and category scrolling */
.dc-cat-strip{
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  touch-action:pan-x pan-y !important;
  direction:ltr !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
.dc-cat-strip::-webkit-scrollbar{display:none !important;}
.dc-cat-pill{flex:0 0 auto !important;direction:rtl !important;}
.dc-cat-strip.is-dragging{scroll-behavior:auto !important;cursor:grabbing !important;}
.dc-cat-strip.is-dragging .dc-cat-pill{pointer-events:none !important;}
.dc-section{scroll-margin-top:210px !important;}
.dc-order-page .dc-section{scroll-margin-top:210px !important;}

@media(max-width:720px){
  .dc-body{font-size:14px !important;}
  .dc-logo h1{font-size:25px !important;line-height:1.25 !important;}
  .dc-logo small{font-size:10px !important;}
  .dc-section-title h2{font-size:25px !important;}
  .dc-item-title h3{font-size:25px !important;line-height:1.35 !important;}
  .dc-item-title small{font-size:14px !important;}
  .dc-item-info p{font-size:17px !important;line-height:1.7 !important;}
  .dc-price{font-size:18px !important;}
  .dc-cat-strip{touch-action:auto !important;}

  /* Public menu cards: title right, price left */
  .dc-menu-card:not(.dc-order-card){
    display:grid !important;
    direction:ltr !important;
    grid-template-columns:minmax(104px,auto) minmax(0,1fr) !important;
    grid-template-areas:"price info" !important;
    align-items:center !important;
    gap:12px !important;
  }
  .dc-menu-card:not(.dc-order-card) .dc-item-info{
    grid-area:info !important;
    direction:rtl !important;
    text-align:right !important;
    justify-self:stretch !important;
    min-width:0 !important;
  }
  .dc-menu-card:not(.dc-order-card) .dc-price{
    grid-area:price !important;
    justify-self:start !important;
    align-self:center !important;
    margin:0 !important;
    width:auto !important;
    max-width:132px !important;
    min-width:96px !important;
    text-align:center !important;
  }

  /* Online order cards: price on LEFT, text on RIGHT, quantity below */
  body.dc-order-page .dc-order-card,
  body.dc-order-page.dc-no-images .dc-order-card{
    display:grid !important;
    direction:ltr !important;
    grid-template-columns:minmax(104px,auto) minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    grid-template-areas:
      "price info"
      "qty qty" !important;
    align-items:center !important;
    gap:14px !important;
    padding:20px !important;
  }
  body.dc-order-page .dc-order-card .dc-item-img{display:none !important;}
  body.dc-order-page .dc-order-card .dc-item-info,
  body.dc-order-page.dc-no-images .dc-order-card .dc-item-info{
    grid-area:info !important;
    direction:rtl !important;
    text-align:right !important;
    justify-self:stretch !important;
    min-width:0 !important;
    padding:0 !important;
  }
  body.dc-order-page .dc-order-card .dc-item-title,
  body.dc-order-page .dc-order-card .dc-item-title h3,
  body.dc-order-page .dc-order-card .dc-item-title small,
  body.dc-order-page .dc-order-card .dc-item-info p{
    text-align:right !important;
    justify-content:flex-start !important;
  }
  body.dc-order-page .dc-order-card .dc-mobile-price{display:none !important;}
  body.dc-order-page .dc-order-card > .dc-price,
  body.dc-order-page.dc-no-images .dc-order-card > .dc-price{
    grid-area:price !important;
    display:inline-flex !important;
    justify-content:center !important;
    align-items:center !important;
    justify-self:start !important;
    align-self:center !important;
    margin:0 !important;
    width:auto !important;
    min-width:96px !important;
    max-width:138px !important;
    padding:10px 12px !important;
    white-space:nowrap !important;
    text-align:center !important;
  }
  body.dc-order-page .dc-order-card .dc-qty,
  body.dc-order-page.dc-no-images .dc-order-card .dc-qty{
    grid-area:qty !important;
    direction:rtl !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:stretch !important;
    min-height:58px !important;
    margin:0 !important;
  }
}


/* v17: currency direction + category order right-to-left visual start */
.dc-price,
.dc-mobile-price,
#cartTotal,
#mobileCartTotal,
.cart-row b,
.orders-table td,
.dc-order-total,
.dc-invoice-total{
  direction:rtl !important;
  unicode-bidi:embed !important;
}

.dc-cat-strip{
  direction:ltr !important;
}

/* keep the first sorted category visually on the right by rendering reversed and starting at the end */
.dc-cat-strip.dc-started-at-end{scroll-behavior:smooth !important;}

@media(max-width:720px){
  body.dc-order-page .dc-order-card > .dc-price,
  body.dc-order-page.dc-no-images .dc-order-card > .dc-price,
  .dc-menu-card:not(.dc-order-card) .dc-price{
    direction:rtl !important;
    unicode-bidi:embed !important;
  }
}

/* v18: DotOne logo + minimal category icons */
.dc-logo-mark{
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#fff !important;
  overflow:hidden !important;
  padding:7px !important;
}
.dc-inline-logo,
.dc-logo-mark img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
.dc-placeholder-logo{
  width:70% !important;
  height:70% !important;
  object-fit:contain !important;
  display:block !important;
  margin:auto !important;
}
.dc-cat-thumb{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  color:#fff !important;
}
.dc-cat-thumb img,
.dc-cat-icon-img,
.dc-cat-logo-svg{
  width:42px !important;
  height:42px !important;
  object-fit:contain !important;
  display:block !important;
  margin:auto !important;
  filter:brightness(0) invert(1) !important;
  opacity:.95 !important;
}
.dc-cat-icon-text{color:#fff !important;font-weight:950;display:block;line-height:42px;direction:ltr}
.dc-cat-pill:hover .dc-cat-thumb,
.dc-cat-pill.active .dc-cat-thumb{
  background:transparent !important;
  color:#000 !important;
}
.dc-cat-pill:hover .dc-cat-thumb img,
.dc-cat-pill.active .dc-cat-thumb img,
.dc-cat-pill:hover .dc-cat-icon-img,
.dc-cat-pill.active .dc-cat-icon-img,
.dc-cat-pill:hover .dc-cat-logo-svg,
.dc-cat-pill.active .dc-cat-logo-svg{
  filter:brightness(0) invert(0) !important;
  opacity:1 !important;
}
.dc-cat-pill:hover .dc-cat-icon-text,
.dc-cat-pill.active .dc-cat-icon-text{color:#000 !important}
.dc-cat-pill{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;}
.dc-item-img{padding:10px !important;}
.dc-item-img > .dc-placeholder-logo{width:64px !important;height:64px !important;filter:none !important;}
@media(max-width:720px){
  .dc-logo-mark{width:58px !important;height:58px !important;border-radius:18px !important;padding:7px !important;}
  .dc-cat-thumb img,.dc-cat-icon-img,.dc-cat-logo-svg{width:40px !important;height:40px !important;}
}


/* v19: mobile image cards, no-zoom login inputs, RTL swipe carousel without arrows */
.dc-cat-carousel{
  display:block !important;
  position:relative !important;
}
.dc-cat-nav{display:none !important;}
.dc-cat-strip{
  direction:rtl !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  gap:12px !important;
  padding:6px 0 12px 52px !important;
  -webkit-overflow-scrolling:touch !important;
  scroll-snap-type:x proximity !important;
  touch-action:pan-x !important;
  overscroll-behavior-x:contain !important;
}
.dc-cat-pill{
  scroll-snap-align:start !important;
  flex:0 0 132px !important;
  min-width:132px !important;
  max-width:132px !important;
}
.dc-cat-strip::after{content:none !important;display:none !important;}
input, textarea, select,
.dc-auth-card input,
.dc-track-card input,
.login-card input,
.cafe-auth-card input{
  font-size:16px !important;
}

@media(max-width:720px){
  .dc-cat-strip{
    padding-left:74px !important;
    padding-right:0 !important;
    gap:14px !important;
    touch-action:pan-x !important;
  }
  .dc-cat-pill{
    flex-basis:126px !important;
    min-width:126px !important;
    max-width:126px !important;
  }
  .dc-cat-thumb{margin-bottom:4px !important;}

  /* Public menu: when images are enabled, image sticks to the top of the card */
  body.dc-has-images:not(.dc-order-page) .dc-menu-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:0 0 18px !important;
    border-radius:28px !important;
    overflow:hidden !important;
    direction:rtl !important;
  }
  body.dc-has-images:not(.dc-order-page) .dc-menu-card:before{display:none !important;}
  body.dc-has-images:not(.dc-order-page) .dc-menu-card .dc-item-img{
    width:100% !important;
    height:220px !important;
    border-radius:28px 28px 0 0 !important;
    padding:0 !important;
    margin:0 !important;
    box-shadow:none !important;
    background:#e8e8e8 !important;
  }
  body.dc-has-images:not(.dc-order-page) .dc-menu-card .dc-item-img img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  body.dc-has-images:not(.dc-order-page) .dc-menu-card .dc-item-info{
    width:100% !important;
    padding:18px 20px 8px !important;
    text-align:right !important;
    direction:rtl !important;
  }
  body.dc-has-images:not(.dc-order-page) .dc-menu-card .dc-item-title{
    justify-content:flex-start !important;
    text-align:right !important;
  }
  body.dc-has-images:not(.dc-order-page) .dc-menu-card .dc-price{
    align-self:flex-end !important;
    margin:4px 20px 0 20px !important;
    max-width:calc(100% - 40px) !important;
    width:auto !important;
    min-width:0 !important;
    direction:rtl !important;
    unicode-bidi:embed !important;
  }

  /* Online order: image on top, then info/price, then +/- */
  body.dc-order-page.dc-has-images .dc-order-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:0 0 18px !important;
    overflow:hidden !important;
    border-radius:28px !important;
    direction:rtl !important;
  }
  body.dc-order-page.dc-has-images .dc-order-card:before{display:none !important;}
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-img{
    display:grid !important;
    width:100% !important;
    height:210px !important;
    border-radius:28px 28px 0 0 !important;
    padding:0 !important;
    margin:0 !important;
    box-shadow:none !important;
  }
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-img img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-info{
    width:100% !important;
    padding:18px 20px 6px !important;
    text-align:right !important;
    direction:rtl !important;
  }
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-title{
    justify-content:flex-start !important;
  }
  body.dc-order-page.dc-has-images .dc-order-card > .dc-price{
    display:inline-flex !important;
    align-self:flex-end !important;
    margin:6px 20px 14px 20px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:calc(100% - 40px) !important;
  }
  body.dc-order-page.dc-has-images .dc-order-card .dc-qty{
    width:auto !important;
    margin:0 20px !important;
    align-self:stretch !important;
  }
}


/* v20: mobile full-cover item image, desktop carousel arrows, simplified home */
.dc-home-logo{
  width:120px;
  height:90px;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
}
.dc-home-logo svg{width:120px !important;height:auto !important;display:block;}
.dc-home-card{text-align:center;}
.dc-home-card .dc-badge{margin-inline:auto;}
.dc-home-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}

@media(min-width:721px){
  .dc-cat-carousel{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    gap:10px !important;
    align-items:center !important;
  }
  .dc-cat-nav{
    display:grid !important;
    place-items:center !important;
    width:42px !important;
    height:58px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.20) !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    font-size:24px !important;
    cursor:pointer !important;
    transition:.18s !important;
  }
  .dc-cat-nav:hover{background:#fff !important;color:#000 !important;}
  .dc-cat-strip{padding-left:0 !important;padding-right:0 !important;}
}

@media(max-width:720px){
  .dc-home-logo{width:104px;height:78px;margin-bottom:10px;}
  .dc-home-logo svg{width:104px !important;}
  .dc-home-grid{grid-template-columns:1fr !important;}
  .dc-cat-carousel{display:block !important;}
  .dc-cat-nav{display:none !important;}

  body.dc-has-images:not(.dc-order-page) .dc-menu-card,
  body.dc-order-page.dc-has-images .dc-order-card{
    padding:0 0 18px !important;
    overflow:hidden !important;
    border-radius:28px !important;
    background:#f5f5f5 !important;
  }

  body.dc-has-images:not(.dc-order-page) .dc-menu-card .dc-item-img,
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-img{
    display:block !important;
    width:100% !important;
    height:220px !important;
    border-radius:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#111 !important;
    line-height:0 !important;
  }

  body.dc-has-images:not(.dc-order-page) .dc-menu-card .dc-item-img img,
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-img img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:0 !important;
    margin:0 !important;
  }

  body.dc-has-images:not(.dc-order-page) .dc-menu-card .dc-item-info,
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-info{
    padding-top:18px !important;
  }
}

/* v21: synced active carousel, cleaner home, smaller history, unified mobile order/menu cards */
.dc-home-card:before{content:none !important;display:none !important;}
.dc-home-logo-big{width:180px !important;height:134px !important;margin-bottom:18px !important;}
.dc-home-logo-big svg{width:180px !important;height:auto !important;}
.dc-home-card h1{font-size:40px !important;margin:12px 0 24px !important;}
.dc-home-link{display:flex !important;align-items:center !important;justify-content:center !important;min-height:92px !important;text-align:center !important;}
.dc-home-link strong{font-size:24px !important;margin:0 !important;}
.dc-home-link span{display:none !important;}

.dc-order-history-list,
.dc-order-history-card,
.dc-order-history-card *{font-size:.94em;}
.dc-order-history-card h2{font-size:20px !important;}
.dc-order-history-head small{font-size:12px !important;}
.dc-status{font-size:12px !important;}
.dc-order-history-items div,
.dc-order-history-total{font-size:14px !important;}
.dc-order-history-actions .dc-btn{font-size:13px !important;padding:9px 12px !important;}

@media(max-width:720px){
  .dc-home-logo-big{width:148px !important;height:110px !important;}
  .dc-home-logo-big svg{width:148px !important;}
  .dc-home-card h1{font-size:34px !important;}
  .dc-home-link strong{font-size:21px !important;}

  /* Keep order cards exactly in the same visual family as the digital menu cards */
  body.dc-has-images .dc-menu-card,
  body.dc-order-page.dc-has-images .dc-order-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:0 0 18px !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background:#f5f5f5 !important;
    direction:rtl !important;
  }
  body.dc-has-images .dc-menu-card .dc-item-img,
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/9 !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#111 !important;
    line-height:0 !important;
  }
  body.dc-has-images .dc-menu-card .dc-item-img img,
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-img img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:0 !important;
    margin:0 !important;
  }
  body.dc-has-images .dc-menu-card .dc-item-info,
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-info{
    width:100% !important;
    padding:18px 20px 8px !important;
    text-align:right !important;
    direction:rtl !important;
  }
  body.dc-order-page.dc-has-images .dc-order-card > .dc-price,
  body.dc-has-images:not(.dc-order-page) .dc-menu-card .dc-price{
    align-self:flex-end !important;
    margin:6px 20px 14px 20px !important;
    width:auto !important;
    max-width:calc(100% - 40px) !important;
  }
  body.dc-order-page.dc-has-images .dc-order-card .dc-qty{
    width:auto !important;
    margin:0 20px !important;
    align-self:stretch !important;
  }

  .dc-order-history-list,.dc-order-history-card,.dc-order-history-card *{font-size:.9em;}
  .dc-order-history-card h2{font-size:17px !important;}
  .dc-order-history-items div,.dc-order-history-total{font-size:13px !important;}
}

/* v22: fixed non-glass sticky carousel, safe section spacing, mobile overflow fix */
.dc-hero{
  position:sticky !important;
  top:0 !important;
  z-index:999 !important;
  background:#050505 !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 18px 36px rgba(0,0,0,.72) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}
.dc-cat-carousel{
  position:relative !important;
  z-index:1000 !important;
  background:transparent !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.dc-cat-strip{
  background:transparent !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding-top:6px !important;
  padding-bottom:10px !important;
}
.dc-cat-pill{
  background:#171717 !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.dc-cat-pill:hover,
.dc-cat-pill.active{
  background:#fff !important;
  color:#000 !important;
  border-color:#fff !important;
}
.dc-content{
  position:relative !important;
  z-index:1 !important;
  padding-top:28px !important;
}
.dc-section{
  scroll-margin-top:230px !important;
  position:relative !important;
  z-index:1 !important;
}
.dc-section-title{margin-top:4px !important;}
.dc-cat-nav{
  background:#111 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
@media(max-width:720px){
  html,body{max-width:100% !important;overflow-x:hidden !important;}
  .dc-body,.dc-shell,.dc-order-shell,.dc-order-shell .dc-shell,.dc-content{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  .dc-order-shell{display:block !important;padding:0 !important;margin:0 !important;}
  .dc-order-shell .dc-shell{border-radius:0 !important;}
  .dc-hero{padding-left:12px !important;padding-right:12px !important;}
  .dc-cat-strip{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x !important;
    scroll-snap-type:x proximity !important;
  }
  .dc-cat-pill{scroll-snap-align:center !important;}
  .dc-content{padding-top:24px !important;padding-left:12px !important;padding-right:12px !important;}
  .dc-section{scroll-margin-top:235px !important;}
  body.dc-order-page.dc-has-images .dc-order-card,
  body.dc-has-images .dc-menu-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:hidden !important;
  }
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-img,
  body.dc-has-images .dc-menu-card .dc-item-img{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 auto !important;
  }
  body.dc-order-page.dc-has-images .dc-order-card .dc-item-img img,
  body.dc-has-images .dc-menu-card .dc-item-img img{
    width:100% !important;
    max-width:100% !important;
  }
}


/* v23: truly sticky top area, no placeholder images, clean no-image cards */
.dc-shell,
.dc-order-shell,
.dc-order-shell .dc-shell{
  overflow:visible !important;
}
.dc-hero{
  position:-webkit-sticky !important;
  position:sticky !important;
  top:0 !important;
  z-index:5000 !important;
  background:#050505 !important;
  box-shadow:0 16px 28px rgba(0,0,0,.74) !important;
}
.dc-content{
  z-index:1 !important;
  padding-top:34px !important;
}
.dc-section{
  scroll-margin-top:245px !important;
}
.dc-menu-card.no-image{
  grid-template-columns:minmax(0,1fr) auto !important;
}
.dc-menu-card.no-image .dc-item-info{
  grid-column:1 !important;
}
.dc-menu-card.no-image .dc-price{
  grid-column:2 !important;
  justify-self:start !important;
}
.dc-order-card.no-image{
  grid-template-columns:minmax(0,1fr) auto auto !important;
}
.dc-order-card.no-image .dc-item-info{
  grid-column:1 !important;
}
.dc-order-card.no-image>.dc-price{
  grid-column:2 !important;
}
.dc-order-card.no-image>.dc-qty{
  grid-column:3 !important;
}
.dc-item-img:empty{display:none !important;}
@media(min-width:721px){
  .dc-cat-nav{display:grid !important;}
}
@media(max-width:720px){
  .dc-shell,
  .dc-order-shell,
  .dc-order-shell .dc-shell{
    overflow:visible !important;
  }
  .dc-hero{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:0 !important;
    z-index:5000 !important;
  }
  .dc-content{padding-top:28px !important;}
  .dc-section{scroll-margin-top:255px !important;}
  .dc-menu-card.no-image{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
  }
  .dc-menu-card.no-image .dc-item-info{
    grid-column:1 !important;
    text-align:right !important;
    width:100% !important;
  }
  .dc-menu-card.no-image .dc-price,
  .dc-menu-card.no-image .dc-mobile-price{
    justify-self:start !important;
    margin-right:auto !important;
    margin-left:0 !important;
  }
  .dc-order-card.no-image{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }
  .dc-order-card.no-image .dc-item-info{
    grid-column:1 !important;
    text-align:right !important;
    width:100% !important;
  }
  .dc-order-card.no-image>.dc-price{display:none !important;}
  .dc-order-card.no-image>.dc-qty{
    grid-column:1 !important;
    width:100% !important;
    justify-self:stretch !important;
  }
  .dc-order-card.no-image .dc-mobile-price{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    margin-right:auto !important;
    margin-left:0 !important;
    text-align:left !important;
  }
}

/* v24: fixed hero/header through carousel; cache-proof filenames */
:root{--dc-hero-h:0px;--dc-hero-left:0px;--dc-hero-w:100vw;}
.dc-shell{position:relative !important;}
.dc-hero{
  background:#050505 !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}
.dc-hero.dc-fixed-hero{
  position:fixed !important;
  top:0 !important;
  left:var(--dc-hero-left) !important;
  right:auto !important;
  width:var(--dc-hero-w) !important;
  max-width:none !important;
  transform:none !important;
  z-index:2147483000 !important;
  box-sizing:border-box !important;
}
.dc-hero-spacer{height:var(--dc-hero-h) !important;display:block !important;flex:0 0 auto !important;}
.dc-content{position:relative !important;z-index:1 !important;padding-top:26px !important;}
.dc-cat-carousel{background:#050505 !important;background-image:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
.dc-cat-strip{background:transparent !important;}
.dc-cat-pill{background:#1c1c1c !important;background-image:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
.dc-cat-pill:hover,.dc-cat-pill.active{background:#fff !important;color:#000 !important;}
.dc-section{scroll-margin-top:calc(var(--dc-hero-h) + 24px) !important;}
html{scroll-padding-top:calc(var(--dc-hero-h) + 24px) !important;}
@media(max-width:720px){
  .dc-hero.dc-fixed-hero{left:0 !important;width:100vw !important;}
  .dc-content{padding-top:22px !important;}
  .dc-section{scroll-margin-top:calc(var(--dc-hero-h) + 20px) !important;}
  html{scroll-padding-top:calc(var(--dc-hero-h) + 20px) !important;}
}


/* v54: based on v25 + desktop category scroll fix */
@media (min-width:721px){
  .dc-cat-strip{
    cursor:grab !important;
    user-select:none !important;
  }
  .dc-cat-strip.is-dragging{
    cursor:grabbing !important;
  }
  .dc-cat-pill{
    cursor:pointer !important;
    pointer-events:auto !important;
  }
}

.dc-section{
  scroll-margin-top:calc(var(--dc-hero-h, 220px) + 18px) !important;
}


/* v55 home restore */
body.dc-home-page .dc-home-actions-v40{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
}

body.dc-home-page .dc-home-actions-v40 .dc-home-link{
  width:min(260px, 100%)!important;
}

body.dc-home-page .dc-home-qr-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin-top:24px!important;
}

body.dc-home-page .dc-home-qr{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:brightness(0) invert(1)!important;
}

@media(max-width:720px){
  body.dc-home-page .dc-home-actions-v40{
    flex-direction:column!important;
  }
  body.dc-home-page .dc-home-actions-v40 .dc-home-link{
    width:100%!important;
  }
}


/* v56: homepage restored from v50 */

.dc-home{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 80% 0,rgba(255,255,255,.12),transparent 30%),linear-gradient(160deg,#111,#000)}
.dc-home-card{width:min(900px,100%);border:1px solid rgba(255,255,255,.16);border-radius:38px;background:rgba(255,255,255,.07);box-shadow:0 30px 90px rgba(0,0,0,.55);backdrop-filter:blur(18px);padding:38px;position:relative;overflow:hidden}
.dc-home-card:before{content:"DOTONE";position:absolute;left:24px;top:8px;font-size:108px;line-height:1;font-weight:950;color:rgba(255,255,255,.045);direction:ltr}
.dc-home-card h1{font-size:42px;margin:16px 0 12px;color:#fff}
.dc-home-card p{color:#d7d7d7;line-height:2;font-size:17px;max-width:650px}
.dc-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.dc-home-link{display:block;text-decoration:none;color:#fff;border-radius:24px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);padding:20px;transition:.18s}
.dc-home-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
.dc-home-link strong{display:block;font-size:19px;margin-bottom:7px}
.dc-home-link span{color:#cfcfcf;line-height:1.7}
.dc-home-link.primary{background:#fff;color:#000}
.dc-home-link.primary span{color:#444}
.dc-home-card{padding:26px;border-radius:28px}
.dc-home-card h1{font-size:31px}
.dc-home-grid{grid-template-columns:1fr}



/* v20: mobile full-cover item image, desktop carousel arrows, simplified home */
.dc-home-logo{
  width:120px;
  height:90px;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
}

.dc-home-logo svg{width:120px !important;height:auto !important;display:block;}

.dc-home-card{text-align:center;}

.dc-home-card .dc-badge{margin-inline:auto;}

.dc-home-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}

  .dc-home-logo{width:104px;height:78px;margin-bottom:10px;}

  .dc-home-logo svg{width:104px !important;}

  .dc-home-grid{grid-template-columns:1fr !important;}


/* v21: synced active carousel, cleaner home, smaller history, unified mobile order/menu cards */
.dc-home-card:before{content:none !important;display:none !important;}

.dc-home-logo-big{width:180px !important;height:134px !important;margin-bottom:18px !important;}

.dc-home-logo-big svg{width:180px !important;height:auto !important;}

.dc-home-card h1{font-size:40px !important;margin:12px 0 24px !important;}

.dc-home-link{display:flex !important;align-items:center !important;justify-content:center !important;min-height:92px !important;text-align:center !important;}

.dc-home-link strong{font-size:24px !important;margin:0 !important;}

.dc-home-link span{display:none !important;}

  .dc-home-logo-big{width:148px !important;height:110px !important;}

  .dc-home-logo-big svg{width:148px !important;}

  .dc-home-card h1{font-size:34px !important;}

  .dc-home-link strong{font-size:21px !important;}


/* v27 final requested tweaks: home, smaller menu typography, login no-zoom, better icon display */
.dc-home-page .dc-home{
  position:relative !important;
  overflow:hidden !important;
  background:#050505 !important;
}

.dc-home-motion-bg{
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.13), transparent 19%),
    radial-gradient(circle at 80% 22%, rgba(255,255,255,.08), transparent 23%),
    linear-gradient(135deg,#050505 0%,#111 46%,#000 100%);
  overflow:hidden;
}

.dc-home-motion-bg:before{
  content:""; position:absolute; inset:-20%; opacity:.22;
  background:linear-gradient(110deg, transparent 0 30%, rgba(255,255,255,.16) 44%, transparent 58% 100%);
  animation:dcLightSweep 8s ease-in-out infinite;
}

.dc-home-motion-bg span{
  position:absolute; bottom:-80px; width:18px; height:180px; border-radius:999px;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.18), transparent);
  filter:blur(10px); opacity:.30; animation:dcSteam 7s ease-in-out infinite;
}

.dc-home-motion-bg span:nth-child(1){right:18%; animation-delay:0s; height:220px;}

.dc-home-motion-bg span:nth-child(2){right:50%; animation-delay:1.8s; height:260px; opacity:.20;}

.dc-home-motion-bg span:nth-child(3){left:20%; animation-delay:3s; height:210px;}

.dc-home-card-v27{
  position:relative !important; z-index:1 !important; background:rgba(10,10,10,.72) !important;
  border-color:rgba(255,255,255,.14) !important; box-shadow:0 34px 110px rgba(0,0,0,.78) !important;
}

.dc-home-card-v27:before{content:none !important; display:none !important;}

.dc-home-logo-big{width:240px !important;height:auto !important;margin-bottom:8px !important;}

.dc-home-logo-big img,.dc-home-logo-big svg{width:240px !important;max-width:70vw !important;height:auto !important;}

.dc-home-card-v27 h1{font-size:42px !important;margin:8px 0 30px !important;}

.dc-home-actions-v27{direction:rtl !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;}

.dc-home-actions-v27 .dc-home-link{min-height:88px !important;padding:18px 20px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:12px !important;text-align:center !important;}

.dc-home-actions-v27 .dc-home-link strong{font-size:22px !important;line-height:1 !important;}

.dc-home-icon{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 34px;}

.dc-home-icon svg{width:100%;height:100%;display:block;}

.dc-home-link-menu{order:1 !important;}

.dc-home-link-order{order:2 !important;}

  .dc-home{padding:18px !important;}

  .dc-home-card-v27{padding:30px 20px !important;border-radius:32px !important;}

  .dc-home-logo-big{width:210px !important;}

  .dc-home-logo-big img,.dc-home-logo-big svg{width:210px !important;}

  .dc-home-card-v27 h1{font-size:34px !important;margin-bottom:24px !important;}

  .dc-home-actions-v27{grid-template-columns:1fr 1fr !important;gap:10px !important;}

  .dc-home-actions-v27 .dc-home-link{min-height:76px !important;border-radius:22px !important;padding:14px 10px !important;gap:8px !important;}

  .dc-home-actions-v27 .dc-home-link strong{font-size:17px !important;}

  .dc-home-icon{width:27px;height:27px;flex-basis:27px;}

  .dc-home-card-v27{
    width:min(560px,100%) !important;
    padding:34px 34px 30px !important;
    text-align:center !important;
  }

  .dc-home-actions-v27{
    grid-template-columns:1fr !important;
    max-width:320px !important;
    margin:18px auto 0 !important;
    gap:12px !important;
  }

  .dc-home-actions-v27 .dc-home-link{
    min-height:66px !important;
    padding:14px 18px !important;
    border-radius:22px !important;
    justify-content:center !important;
  }

  .dc-home-actions-v27 .dc-home-link strong{
    font-size:19px !important;
  }

  .dc-home-icon{width:29px !important;height:29px !important;flex-basis:29px !important;}

  .dc-home-qr{
    margin:18px auto 0 !important;
    width:max-content !important;
    text-align:center !important;
    color:#fff !important;
  }

  .dc-home-qr small{display:block;margin-top:8px;color:#cfcfcf;font-size:12px;}

  .dc-home-qr{display:none !important;}



/* v35 QR + remove top button icons */
.dc-home-qr-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:18px auto 8px;
}


.dc-home-qr{
    width:140px;
    height:140px;
    object-fit:contain;
    background:#fff;
    padding:10px;
    border-radius:18px;
}



/* v40 public refinements */
.dc-home-v40{
  background:#000;
}

.dc-home-v40 .dc-home{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
  position:relative;
}

.dc-home-card-v40{
  width:min(460px, 100%);
  min-height:680px;
  position:relative;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.16);
  background:#050505;
  box-shadow:0 30px 90px rgba(0,0,0,.55);
  padding:34px 28px;
}

.dc-home-card-v40 .dc-home-bg{
  position:absolute;
  inset:0;
  background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.76)), url('../img/home-coffee-bg.svg');
  background-size:cover;
  background-position:center;
  filter:blur(4px) saturate(.9);
  transform:scale(1.06);
  opacity:.88;
}

.dc-home-card-v40::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 15%, rgba(255,255,255,.12), transparent 28%), linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.45));
  pointer-events:none;
}

.dc-home-content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:610px;
}

.dc-home-logo-big img{
  width:150px;
  max-width:58vw;
  height:auto;
  object-fit:contain;
  margin:0 auto 10px;
  display:block;
}

.dc-home-card-v40 h1{
  margin:8px 0 26px;
  font-size:36px;
  line-height:1.25;
  color:#fff;
  text-align:center;
  text-shadow:0 8px 30px rgba(0,0,0,.55);
}

.dc-home-actions-v40{
  display:flex;
  flex-direction:column;
  gap:14px;
  width:100%;
  align-items:center;
}

.dc-home-actions-v40 .dc-home-link{
  width:min(260px, 100%);
  min-height:58px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:18px;
  font-weight:950;
  color:#fff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 45px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
  transition:.22s ease;
}

.dc-home-actions-v40 .dc-home-link.primary,
.dc-home-actions-v40 .dc-home-link:hover{
  background:#fff;
  color:#000;
}

.dc-home-actions-v40 .dc-home-link svg,
.dc-home-actions-v40 .dc-home-link i{
  display:none!important;
}

.dc-home-qr-wrap{
  margin-top:auto;
  padding-top:26px;
  display:flex;
  justify-content:center;
}

.dc-home-qr{
  width:154px;
  height:154px;
  background:#fff;
  border-radius:24px;
  padding:12px;
  box-shadow:0 18px 55px rgba(0,0,0,.45);
}

  .dc-home-card-v40{
    min-height:calc(100vh - 56px);
    padding:28px 22px;
  }

  .dc-home-card-v40 h1{
    font-size:32px;
  }

  .dc-home-actions-v40 .dc-home-link{
    width:100%;
  }

  .dc-home-qr{
    width:132px;
    height:132px;
  }



/* v41 homepage final */
body.dc-home-v40{
  min-height:100dvh !important;
  overflow:hidden !important;
  background:#000 url('../img/home-coffee-bg.svg') center/cover no-repeat fixed !important;
}

.dc-home-v40 .dc-home{
  height:100dvh !important;
  min-height:100dvh !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  padding:18px !important;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.5));
}

.dc-home-card-v40{
  width:min(560px, 96vw) !important;
  min-height:auto !important;
  height:auto !important;
  max-height:calc(100dvh - 36px) !important;
  overflow:hidden !important;
  padding:30px 26px !important;
  background:rgba(0,0,0,.48) !important;
  backdrop-filter:blur(10px) !important;
}

.dc-home-card-v40 .dc-home-bg{
  background-image:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.72)), url('../img/home-coffee-bg.svg') !important;
  filter:blur(8px) saturate(.95) !important;
  opacity:1 !important;
}

.dc-home-content{
  min-height:auto !important;
}

.dc-home-card-v40 h1{
  margin:6px 0 22px !important;
  font-size:34px !important;
}

.dc-home-actions-v40{
  flex-direction:row !important;
  justify-content:center !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
}

.dc-home-actions-v40 .dc-home-link{
  width:190px !important;
  min-height:54px !important;
  font-size:16px !important;
  border-radius:20px !important;
}

.dc-home-qr-wrap{
  margin-top:26px !important;
  padding-top:0 !important;
}

.dc-home-qr{
  width:142px !important;
  height:142px !important;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:brightness(0) invert(1) !important;
}

.dc-home-actions-v40 svg,
.dc-home-actions-v40 i{
  display:none !important;
}

  body.dc-home-v40{
    overflow:hidden !important;
  }

  .dc-home-v40 .dc-home{
    padding:14px !important;
  }

  .dc-home-card-v40{
    width:100% !important;
    max-height:calc(100dvh - 28px) !important;
    padding:24px 18px !important;
  }

  .dc-home-card-v40 h1{
    font-size:30px !important;
    margin-bottom:18px !important;
  }

  .dc-home-actions-v40{
    gap:10px !important;
  }

  .dc-home-actions-v40 .dc-home-link{
    width:50% !important;
    min-height:52px !important;
    font-size:14px !important;
  }

  .dc-home-qr{
    width:118px !important;
    height:118px !important;
  }


/* Homepage buttons text smaller */
.dc-home-actions-v40 .dc-home-link{
  font-size:13.5px !important;
  font-weight:850 !important;
}



/* =========================
   v43 HARD FIXES - cacheproof
   ========================= */

/* 1) Homepage buttons font definitely smaller */
body.dc-home-page .dc-home-actions-v40 .dc-home-link,
body.dc-home-v40 .dc-home-actions-v40 .dc-home-link,
body.dc-home-page .dc-home-link,
body.dc-home-v40 .dc-home-link{
  font-size:11.5px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  letter-spacing:0 !important;
}

body.dc-home-page .dc-home-actions-v40 .dc-home-link strong,
body.dc-home-v40 .dc-home-actions-v40 .dc-home-link strong{
  font-size:11.5px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
}



/* v44 public hard fixes */
body.dc-home-page .dc-home-actions-v40 .dc-home-link,
body.dc-home-page .dc-home-actions-v40 .dc-home-link strong{
  font-size:16px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
}

body.dc-home-page .dc-home-qr-wrap{
  display:flex !important;
  justify-content:center !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.dc-home-page .dc-home-qr{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  background:transparent !important;
  padding:0 !important;
  filter:brightness(0) invert(1) !important;
  box-shadow:none !important;
}

  body.dc-home-page .dc-home-actions-v40 .dc-home-link,
  body.dc-home-page .dc-home-actions-v40 .dc-home-link strong{
    font-size:16px !important;
  }

  body.dc-home-page .dc-home-qr-wrap,
  body.dc-home-page .dc-home-qr{
    display:flex !important;
  }



/* v45: home and order login no-scroll / no motion */
body.dc-home-page,
body.dc-home-page html{
  overflow:hidden !important;
}

body.dc-home-page{
  height:100dvh !important;
  max-height:100dvh !important;
}

body.dc-home-page .dc-home{
  height:100dvh !important;
  max-height:100dvh !important;
  min-height:100dvh !important;
  overflow:hidden !important;
  padding:14px !important;
}

body.dc-home-page .dc-home-card-v40{
  max-height:calc(100dvh - 28px) !important;
  overflow:hidden !important;
}

body.dc-home-page .dc-home-bg,
body.dc-home-page .dc-home-card-v40::after,
body.dc-home-page .dc-home-motion-bg,
body.dc-home-page .dc-home-motion-bg span{
  animation:none !important;
  transition:none !important;
}


/* v57 smaller order-login logo */
.dc-order-logo-small{
  width:88px!important;
  max-width:88px!important;
  margin-inline:auto!important;
}
.dc-order-logo-small svg,
.dc-order-logo-small img{
  width:88px!important;
  max-width:88px!important;
  height:auto!important;
}

@media(min-width:721px){
  .dc-order-logo-small{
    width:110px!important;
    max-width:110px!important;
  }
  .dc-order-logo-small svg,
  .dc-order-logo-small img{
    width:110px!important;
    max-width:110px!important;
  }
}


/* v58 force small login logo */
body .dc-login-logo-v58,
body .dc-login-logo,
body .dc-order-login-logo{
    width:72px!important;
    max-width:72px!important;
    margin:0 auto 14px auto!important;
}

body .dc-login-logo-v58 svg,
body .dc-login-logo-v58 img,
body .dc-login-logo svg,
body .dc-login-logo img,
body .dc-order-login-logo svg,
body .dc-order-login-logo img{
    width:72px!important;
    max-width:72px!important;
    height:auto!important;
}

@media(min-width:721px){
    body .dc-login-logo-v58,
    body .dc-login-logo,
    body .dc-order-login-logo{
        width:88px!important;
        max-width:88px!important;
    }

    body .dc-login-logo-v58 svg,
    body .dc-login-logo-v58 img,
    body .dc-login-logo svg,
    body .dc-login-logo img,
    body .dc-order-login-logo svg,
    body .dc-order-login-logo img{
        width:88px!important;
        max-width:88px!important;
    }
}


/* v59 PC menu item image flush right fix */
@media (min-width:721px){
  body:not(.dc-order-page) .dc-menu-card.has-image{
    display:grid!important;
    grid-template-columns:170px minmax(0,1fr) 190px!important;
    grid-template-areas:"price info image"!important;
    gap:22px!important;
    align-items:stretch!important;
    min-height:132px!important;
    height:132px!important;
    padding:0 0 0 18px!important;
    border-radius:28px!important;
    overflow:hidden!important;
    direction:ltr!important;
    background:#f5f5f5!important;
  }

  body:not(.dc-order-page) .dc-menu-card.has-image .dc-item-img,
  body:not(.dc-order-page) .dc-menu-card.has-image .item-image,
  body:not(.dc-order-page) .dc-menu-card.has-image .menu-item-image{
    grid-area:image!important;
    width:190px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    align-self:stretch!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    border-radius:0 28px 28px 0!important;
    overflow:hidden!important;
    background:transparent!important;
    box-shadow:none!important;
    line-height:0!important;
  }

  body:not(.dc-order-page) .dc-menu-card.has-image .dc-item-img img,
  body:not(.dc-order-page) .dc-menu-card.has-image .item-image img,
  body:not(.dc-order-page) .dc-menu-card.has-image .menu-item-image img{
    width:100%!important;
    height:100%!important;
    min-height:132px!important;
    object-fit:cover!important;
    display:block!important;
    border-radius:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  body:not(.dc-order-page) .dc-menu-card.has-image .dc-item-info{
    grid-area:info!important;
    direction:rtl!important;
    text-align:right!important;
    align-self:center!important;
    min-width:0!important;
    padding:18px 0!important;
    margin:0!important;
  }

  body:not(.dc-order-page) .dc-menu-card.has-image .dc-price{
    grid-area:price!important;
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
    width:auto!important;
    min-width:118px!important;
    max-width:150px!important;
    text-align:center!important;
  }
}

/* v76 contact popup */
.dc-home-link-contact{border:0;cursor:pointer}
.dc-contact-popup{display:none;position:fixed;inset:0;z-index:2147483600}
.dc-contact-popup.open{display:block}
.dc-contact-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px)}
.dc-contact-card{position:relative;z-index:2;width:min(430px,calc(100vw - 32px));margin:10vh auto 0;background:#fff;color:#0a0a0a;border-radius:30px;padding:28px 22px;box-shadow:0 30px 80px rgba(0,0,0,.45);text-align:center}
.dc-contact-close{position:absolute;top:14px;left:14px;width:42px;height:42px;border:0;border-radius:16px;background:#111;color:#fff;font-size:28px;font-weight:950;cursor:pointer}
.dc-contact-logo{width:82px;height:82px;margin:0 auto 14px;border-radius:24px;background:#111;display:grid;place-items:center;padding:12px}
.dc-contact-logo img{max-width:100%;max-height:100%;object-fit:contain}
.dc-contact-card h2{margin:0 0 18px;font-size:24px}
.dc-contact-row{text-align:right;background:#f3f3f3;border-radius:18px;padding:14px;margin-top:10px;line-height:1.9}
.dc-contact-row span{display:block;color:#777;font-size:12px;margin-bottom:4px}
.dc-contact-row b,.dc-contact-row a{color:#111;text-decoration:none;font-size:15px}

/* v79 contact popup dark */
.dc-home-qr{
  width:108px!important;
  height:108px!important;
  margin-top:-7px!important;
}
.dc-contact-card{
  background:#111!important;
  color:#fff!important;
}
.dc-contact-card h2,
.dc-contact-row,
.dc-contact-row b,
.dc-contact-row a,
.dc-contact-row span{
  color:#fff!important;
}
.dc-contact-row{
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(255,255,255,.08)!important;
  font-size:15px!important;
}
.dc-contact-row span{
  min-width:70px;
  opacity:.8;
}
.dc-contact-row::before{
  content:'☎';
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
  border-radius:10px;
  flex:0 0 28px;
}
.dc-contact-row:first-of-type::before{
  content:'⌂';
}

/* v80 home/contact/login polish */
.dc-home-link-menu,
.dc-home-link-order,
.dc-home-link-contact{
  background:#050505!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.dc-home-link.primary{
  background:#050505!important;
  color:#fff!important;
}
.dc-contact-card{
  background:#050505!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.dc-contact-row{
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  gap:10px!important;
  align-items:center!important;
  text-align:right!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
}
.dc-contact-row span{
  display:none!important;
}
.dc-contact-row b,
.dc-contact-row a{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.8!important;
}
.dc-contact-row::before{
  content:''!important;
  width:28px!important;
  height:28px!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:22px 22px!important;
  opacity:.9!important;
}
.dc-contact-row.address::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 21s7-4.7 7-11a7 7 0 1 0-14 0c0 6.3 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")!important;
}
.dc-contact-row.phone::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 11.19 18 19.5 19.5 0 0 1 6 12.81 19.79 19.79 0 0 1 2.08 4.18 2 2 0 0 1 4.06 2h3a2 2 0 0 1 2 1.72c.12.86.31 1.7.57 2.5a2 2 0 0 1-.45 2.11L8.09 9.42a16 16 0 0 0 6.49 6.49l1.09-1.09a2 2 0 0 1 2.11-.45c.8.26 1.64.45 2.5.57A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E")!important;
}
.dc-login-card,
.dc-login-box,
.dc-auth-card{
  background:#050505!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.dc-login-card input,
.dc-login-box input,
.dc-auth-card input{
  background:#111!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}

/* v81 history/invoice polish */
.dc-order-history-actions .dc-btn,
.dc-invoice-actions .dc-btn{
  font-size:14px!important;
  font-weight:850!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.dc-invoice-total{
  font-size:17px!important;
}
.dc-invoice-total b{
  font-size:18px!important;
}
@media(max-width:720px){
  .dc-invoice-row{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:8px!important;
    align-items:center!important;
    font-size:12px!important;
  }
  .dc-invoice-row span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .dc-invoice-row b,
  .dc-invoice-row strong{
    font-size:11px!important;
    white-space:nowrap!important;
  }
  .dc-invoice-total{
    font-size:15px!important;
    padding:13px!important;
  }
  .dc-invoice-total b{
    font-size:16px!important;
  }
  .dc-invoice-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .dc-invoice-actions .dc-btn{
    width:100%!important;
    min-width:0!important;
    font-size:11px!important;
    font-weight:850!important;
    padding:9px 4px!important;
    min-height:42px!important;
    border-radius:13px!important;
  }
}
