/* WebMobile (screens أ الرئيسية + ج القسم) — mobile only (<768px). Desktop untouched. */
.bt-m-sec,.bt-m-ctitle,.bt-m-fbar,.bt-m-fchips,.bt-m-grab{display:none}

@media (max-width: 767.98px){
  /* ---------- أ. Home ---------- */
  .bt-m-home{padding-top:14px!important;padding-left:0!important;padding-right:0!important}
  .bt-m-herorow{display:block!important;margin:0 16px}
  .bt-m-herorow .bt-m-side{display:none!important}
  .bt-m-herorow .bt-hero{grid-column:auto!important;min-height:0!important;height:200px;border-radius:16px!important;background:#1C1C1C!important;align-items:flex-end!important}
  .bt-m-herorow .bt-hero > img{opacity:.55}
  .bt-m-herorow .bt-hero > div[aria-hidden]:not(.bt-m-dots){display:none}
  .bt-m-herorow .bt-m-dots{display:none!important}
  .bt-m-herorow .bt-hero > div:not([aria-hidden]){padding:20px!important;gap:8px!important;max-width:none!important}
  .bt-m-herorow .bt-hero > div > span:first-child{background:transparent!important;color:#E8CF97!important;padding:0!important;font-size:12.5px!important;border-radius:0!important}
  .bt-m-herorow .bt-hero h1{font-size:23px!important;line-height:1.35!important}
  .bt-m-herorow .bt-hero p{display:none}
  .bt-m-herorow .bt-hero > div > span:last-child{margin-top:0!important;height:38px!important;padding:0 16px!important;border-radius:10px!important;background:#E8CF97!important;color:#1C1C1C!important;font-size:14px!important}

  .bt-m-sec{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:12px}
  .bt-m-sech{font-size:17px;font-weight:700;margin:0}
  .bt-m-sec a{font-size:13px;font-weight:600;color:#9A7A3E}

  .bt-m-cats{margin-top:18px!important;background:transparent!important;border-radius:0!important;padding:0!important}
  .bt-m-catgrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px 8px!important;padding:0 16px;overflow:visible!important}
  .bt-m-catgrid .cat{gap:6px!important;color:#1C1C1C}
  .bt-m-catgrid .ci{width:72px!important;height:72px!important;background:#FFFFFF!important;border:1px solid #E0D9CE;box-sizing:border-box}
  .bt-m-catgrid .cat > span:last-child{font-size:12px!important;font-weight:400!important;line-height:1.3}

  .bt-m-deals{margin-top:18px!important;background:transparent!important;border-radius:0!important;padding:0!important}
  .bt-m-dealhead{padding:0 16px;margin-bottom:12px!important;flex-wrap:nowrap!important}
  .bt-m-dealhead h2{font-size:17px!important}
  .bt-m-deallink{display:none}
  .bt-m-cd{color:#C0392B!important;font-size:12.5px!important;font-weight:700;gap:0!important;font-variant-numeric:tabular-nums}
  .bt-m-cd::before{content:"";width:14px;height:14px;margin-left:6px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}
  .bt-m-cdl{display:none}
  .bt-m-cd > span{background:transparent!important;color:inherit!important;padding:0!important;border-radius:0!important;font-weight:700!important}
  .bt-m-deals .bt-grid{display:flex!important;gap:12px!important;padding:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .bt-m-deals .bt-grid::-webkit-scrollbar{display:none}
  .bt-m-deals .bt-grid > *{width:156px!important;flex:0 0 156px!important;scroll-snap-align:start}

  .bt-m-home > *:not(.bt-m-herorow):not(.bt-m-cats):not(.bt-m-deals){margin-left:16px!important;margin-right:16px!important}

  /* ---------- ج. Category / search ---------- */
  .bt-m-cat{padding-top:0!important;padding-left:0!important;padding-right:0!important}
  .bt-m-crumb{padding:12px 16px 0;font-size:12.5px!important}
  .bt-m-catbanner{display:none!important}
  .bt-m-subchips{flex-wrap:nowrap!important;overflow-x:auto;padding:0 16px;margin-top:10px!important;scrollbar-width:none}
  .bt-m-subchips::-webkit-scrollbar{display:none}
  .bt-m-subchips .bt-chip{flex-shrink:0;height:36px;padding:0 14px;font-size:13.5px;font-weight:400;white-space:nowrap}
  .bt-m-catbody{margin-top:0!important;gap:0!important;display:block!important}
  .bt-m-ctitle{display:flex;align-items:baseline;justify-content:space-between;padding:6px 16px 12px}
  .bt-m-ctitle h2{margin:0;font-size:22px;font-weight:700}
  .bt-m-ctitle span{font-size:13px;color:#6E6458}

  .bt-m-fbar{display:grid;grid-template-columns:1fr 1fr;height:48px;background:#FFFFFF;border-top:1px solid #E0D9CE;border-bottom:1px solid #E0D9CE;position:sticky;top:0;z-index:15}
  .bt-m-fbar > .bt-m-sheet:first-child .bt-m-fbtn{border-left:1px solid #E0D9CE}
  .bt-m-fbtn{width:100%;height:46px;border:0;background:transparent;font-family:inherit;font-size:14.5px;font-weight:600;color:#1C1C1C;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
  .bt-m-fbadge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:#1C1C1C;color:#FFFFFF;font-size:12px;font-weight:700}
  .bt-m-sheet div.fixed.inset-x-0{border-radius:24px 24px 0 0;max-height:85vh!important;max-height:85dvh!important}
  .bt-m-sheet div.fixed.inset-x-0 > div{border-radius:24px 24px 0 0}
  .bt-m-grab{display:block;width:40px;height:4px;border-radius:4px;background:#D6CEC1;justify-self:center;margin-bottom:6px}
  .bt-m-sheet-body{padding-bottom:24px}

  .bt-m-fchips{display:flex;gap:8px;padding:12px 16px 0;overflow-x:auto;scrollbar-width:none}
  .bt-m-fchips::-webkit-scrollbar{display:none}
  .bt-m-fchip{height:36px;padding:0 14px;border-radius:999px;border:1px solid #E0D9CE;background:#FFFFFF;font-family:inherit;font-size:13.5px;color:#1C1C1C;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;cursor:pointer}
  .bt-m-catbody > div:last-child{padding:0 16px;margin-top:12px;gap:12px!important}
  .bt-m-catbody > div:last-child > div:first-child{display:none!important}
  .bt-m-catbody .bt-grid{gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}