/* WebMobile.dc.html — layout (header, drawer, services, footer, bottom nav). Mobile only (< 768px). */
.bt-mo{display:none}

@media (max-width: 767.98px){
  .bt-dk{display:none !important}
  .bt-mo{display:block}

  body.bt{background:#F4F2EE}
  body.bt.bt-has-mnav{padding-bottom:68px}

  .bt-m-ib{width:44px;height:44px;border-radius:12px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:#1C1C1C;padding:0;cursor:pointer}

  /* Top bar: one line */
  .bt-m-top{height:32px;background:#1C1C1C;color:#E8CF97;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bt-m-top span{overflow:hidden;text-overflow:ellipsis}

  /* Header */
  .bt-m-head{background:#FFFFFF;border-bottom:1px solid #E0D9CE;padding:8px 12px 12px;display:flex;flex-direction:column;gap:10px}
  .bt-m-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
  .bt-m-logo{display:flex;align-items:center;gap:8px;color:#1C1C1C}
  .bt-m-logo-ic{width:36px;height:36px;border-radius:10px;background:#1C1C1C;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .bt-m-logo-tx{font-size:21px;font-weight:700}
  .bt-m-logo img{height:36px;width:auto}
  .bt-m-cur{display:flex;justify-content:flex-end}
  .bt-m-chip{position:relative;height:34px;padding:0 10px;border-radius:999px;border:1px solid #E0D9CE;background:#FFFFFF;font-size:12.5px;color:#1C1C1C;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
  .bt-m-chip select{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:16px}
  .bt-m-search{display:flex;align-items:center;gap:10px;height:44px;border-radius:12px;border:1.5px solid #1C1C1C;padding:0 4px 0 14px;background:#FFFFFF;box-sizing:border-box;margin:0}
  .bt-m-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:inherit;font-size:14px;color:#1C1C1C;padding:0}
  .bt-m-search input::placeholder{color:#8A8178}
  .bt-m-search button{width:36px;height:36px;border-radius:9px;background:#1C1C1C;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}

  /* Categories strip */
  .bt-m-strip{background:#1C1C1C;display:flex;gap:22px;padding:0 16px;height:46px;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;font-size:14px;color:#FFFFFF;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bt-m-strip::-webkit-scrollbar{display:none}
  .bt-m-strip a{color:#FFFFFF;flex-shrink:0}
  .bt-m-strip a.bt-m-offers{color:#E07B5F;font-weight:700}

  /* Checkout compact header */
  .bt-m-chead{height:60px;background:#FFFFFF;border-bottom:1px solid #E0D9CE;display:flex;align-items:center;justify-content:space-between;padding:0 12px}
  .bt-m-chead .bt-m-logo-ic{width:34px;height:34px}
  .bt-m-chead .bt-m-logo-tx{font-size:19px}
  .bt-m-secure{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#1E6B45}

  /* Drawer */
  .bt-m-dim{position:fixed;inset:0;background:rgba(28,28,28,.45);z-index:90;opacity:0;visibility:hidden;transition:opacity .2s}
  .bt-m-drawer{position:fixed;top:0;bottom:0;right:0;width:318px;max-width:86vw;background:#FFFFFF;display:flex;flex-direction:column;z-index:91;transform:translateX(100%);transition:transform .25s ease;visibility:hidden}
  body.bt-drawer-open{overflow:hidden}
  body.bt-drawer-open .bt-m-dim{opacity:1;visibility:visible}
  body.bt-drawer-open .bt-m-drawer{transform:none;visibility:visible}
  .bt-m-dr-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #E0D9CE;flex-shrink:0}
  .bt-m-dr-head .bt-m-logo-ic{width:34px;height:34px}
  .bt-m-dr-head .bt-m-logo-tx{font-size:19px}
  .bt-m-dr-cur{padding:14px 16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #E0D9CE;flex-shrink:0}
  .bt-m-lb{font-size:13.5px;font-weight:600;color:#3D3833}
  .bt-m-seg{display:grid;grid-template-columns:repeat(3,1fr);background:#EFEAE2;border-radius:12px;padding:4px;gap:4px}
  .bt-m-seg a{height:38px;border-radius:9px;background:transparent;color:#1C1C1C;font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;overflow:hidden}
  .bt-m-seg a.on{background:#1C1C1C;color:#FFFFFF;font-weight:700}
  .bt-m-dr-body{flex:1;overflow-y:auto}
  .bt-m-dr-lbl{display:block;padding:14px 16px 6px;font-size:12.5px;color:#8A8178;font-weight:600}
  .bt-m-mi{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;border-bottom:1px solid #EFEAE2;font-size:15px;color:#1C1C1C;background:#FFFFFF;width:100%;box-sizing:border-box;text-align:right}
  .bt-m-mi img,.bt-m-mi .bt-m-ph{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#F7F4EF}
  .bt-m-mi.bt-m-offers{color:#C0392B;font-weight:700}
  .bt-m-dr-foot{border-top:1px solid #E0D9CE;padding:8px 0;flex-shrink:0}
  .bt-m-dr-foot .bt-m-mi{border-bottom:0;height:48px}

  /* Services strip */
  .bt-m-services{background:#FFFFFF;border-top:1px solid #E0D9CE;display:grid;grid-template-columns:1fr 1fr 1fr;padding:16px 8px;gap:6px}
  .bt-m-services span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;text-align:center;line-height:1.4;color:#1C1C1C}

  /* Footer */
  .bt-m-footer{background:#1C1C1C;padding:16px 20px 18px}
  .bt-m-f-brand{display:flex;align-items:center;gap:10px;padding-bottom:10px}
  .bt-m-f-brand .bt-m-logo-ic{width:38px;height:38px;background:#E8CF97}
  .bt-m-f-sec{border-bottom:1px solid #3A3631}
  .bt-m-f-sec summary{list-style:none;height:52px;color:#FFFFFF;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
  .bt-m-f-sec summary::-webkit-details-marker{display:none}
  .bt-m-f-sec summary .bt-m-chev{display:flex;transition:transform .2s}
  .bt-m-f-sec[open] summary .bt-m-chev{transform:rotate(180deg)}
  .bt-m-f-links{padding-bottom:10px}
  .bt-m-f-links a,.bt-m-f-links span{display:block;padding:9px 0;font-size:14px;color:#D6CEC1}
  .bt-m-copy{padding-top:14px;font-size:12px;color:#8A8178;text-align:center}

  /* Fixed bottom nav */
  .bt-m-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;height:68px;background:#FFFFFF;border-top:1px solid #E0D9CE;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}
  .bt-m-nv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;color:#8A8178;background:transparent;border:0;font-family:inherit;cursor:pointer;position:relative;padding:0}
  .bt-m-nv.on{color:#1C1C1C;font-weight:700}
  .bt-m-nv.on::before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:#E8CF97}
  .bt-m-badge{position:absolute;top:9px;left:50%;margin-left:4px;min-width:18px;height:18px;border-radius:9px;background:#E8CF97;color:#1C1C1C;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-sizing:border-box}
  body.bt-mnav-hidden .bt-m-nav{display:none}

  /* WhatsApp FAB above the bottom nav */
  .bt-wa-fab{left:16px !important}
}

/* Mobile-only wrapper for the shared header on pages that hide it on desktop */
@media (min-width: 768px){.bt-mo-only{display:none!important}}