/* ================= ShopC Mobile App Shell (<=860px) ================= */
.scm-appbar,.scm-bottomnav{display:none}

@media(max-width:860px){
  .sc-header{display:none!important}
  .sc-footer{display:none!important}
  body{padding-bottom:64px;background:#F4F6FB;overflow-x:clip}

  /* ================= APP HEADER ================= */
  .scm-appbar{display:block;position:relative;background:linear-gradient(120deg,#0B1B3A,#12306B);padding:64px 14px 12px}
  .scm-appbar__bar{display:flex;align-items:center;gap:14px;position:fixed;top:0;left:0;right:0;z-index:900;background:linear-gradient(120deg,#0B1B3A,#12306B);padding:11px 14px;box-shadow:0 2px 10px rgba(11,27,58,.2)}
  .scm-appbar__logo{background:#fff;border-radius:10px;padding:6px 12px;line-height:0;flex:0 0 auto}
  .scm-appbar__logo img{height:32px;width:auto;display:block}
  .scm-appbar__logo b{color:#0B1B3A;font-size:18px}
  .scm-appbar__acct{margin-left:auto;color:#fff;display:inline-flex;padding:2px}
  .scm-appbar__cart{color:#fff;position:relative;display:inline-flex;padding:2px}
  .scm-appbar__badge{position:absolute;top:-6px;right:-8px;background:#FF6B35;color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;display:grid;place-items:center;border-radius:999px;padding:0 3px;line-height:1}
  .scm-appbar__search{margin-top:11px;display:flex;align-items:center;gap:9px;background:#fff;border-radius:11px;padding:11px 13px}
  .scm-appbar__search input{flex:1;border:0;outline:none;font:inherit;font-size:14px;color:#1A2233;background:transparent;min-width:0;padding:0}

  /* ================= BOTTOM NAV ================= */
  .scm-bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:500;background:#fff;border-top:1px solid #E7EBF3;padding:7px 2px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgba(16,32,64,.08)}
  .scm-bnav{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#8FA0BC;font-size:10.5px;font-weight:600;padding:2px 0}
  .scm-bnav svg{width:22px;height:22px}
  .scm-bnav__l{line-height:1}
  .scm-bnav.is-active{color:#1E5EFF}
  .scm-bnav[href*=coin-hub].is-active{color:#F5A623}

  /* ================= LAYOUT ================= */
  .sc-wrap{padding:0 14px}
  .sc-section{padding:16px 14px}
  .sc-sechead{margin-bottom:12px;display:flex!important;align-items:center;justify-content:space-between}
  .sc-sechead h2{font-size:17px}
  /* Ensure View all links are visible (not cut off) */
  .sc-sechead a{font-size:12.5px;white-space:nowrap;flex:0 0 auto;color:#1E5EFF}

  /* Hero */
  .sc-hero{padding:12px 0}
  .sc-hero__inner{grid-template-columns:1fr!important;padding:22px!important;min-height:auto!important;border-radius:16px;gap:14px}
  .sc-hero__copy h1{font-size:30px!important;line-height:1.08}
  .sc-hero__copy p{font-size:14px!important;margin:6px 0 16px}
  .sc-hero__actions{gap:10px}
  .sc-hero__facts{margin-top:16px;gap:10px 16px;font-size:12px}
  .sc-hero__collage{height:200px!important;max-width:100%!important;gap:8px}

  .sc-twocol{display:block!important}\n  .sc-twocol>.sc-panel{min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important;box-sizing:border-box;margin-bottom:14px}\n  .sc-twocol .sc-caro,.sc-twocol .sc-caro--mob{min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden}\n  .sc-twocol .sc-caro__track,.sc-twocol .sc-caro__track--mob{max-width:100%!important}
  .sc-panel{padding:16px;border-radius:14px}

  /* Trust strip -> carousel */
  .sc-trust{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:10px;padding:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .sc-trust::-webkit-scrollbar{height:0}
  .sc-trust span{flex:0 0 auto;scroll-snap-align:start;font-size:18px;white-space:nowrap}

  /* ---- PRODUCT rows -> carousel: 2 full + 3rd half visible ---- */
  .sc-prow5,.sc-prow6,.sc-grocrow{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .sc-prow5::-webkit-scrollbar,.sc-prow6::-webkit-scrollbar,.sc-grocrow::-webkit-scrollbar{height:0}
  .sc-prow5>*,.sc-prow6>*,.sc-grocrow>*{flex:0 0 44%!important;width:44%!important;min-width:44%!important;max-width:44%!important;box-sizing:border-box;scroll-snap-align:start}

  /* ---- NEARBY VENDORS -> carousel ---- */
  .sc-nearbylist{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;gap:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;width:100%}
  .sc-nearbylist::-webkit-scrollbar{height:0}
  .sc-nvrow{flex:0 0 46%!important;width:46%!important;min-width:46%!important;max-width:46%!important;flex-shrink:0!important;scroll-snap-align:start;background:#F5F8FE;border:1px solid #E7EDF7;border-radius:14px;padding:14px 12px!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px}\n  .sc-nvrow .sc-nvrow__info{display:flex;flex-direction:column;gap:2px;width:100%}\n  .sc-nvrow .sc-nvrow__info>strong{font-size:14px}\n  .sc-nvrow .sc-nvrow__avatar{width:42px;height:42px;flex:0 0 42px}

  /* ---- CATEGORIES -> 2 rows grid (NOT carousel) ---- */
  .sc-cats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:auto;gap:12px;overflow:visible!important}

  /* ---- WHY SHOPC -> 4 visible grid (NOT carousel) ---- */
  .sc-whygrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px;overflow:visible!important}
  .sc-whygitem{flex:none!important;background:#F5F8FE;border-radius:12px;padding:14px 10px;flex-direction:column;align-items:center;text-align:center;gap:8px}
  .sc-whygitem span:last-child{font-size:12px}

  /* ---- PROMO banners -> carousel (2 full + peek) ---- */
  .sc-promobanners{display:flex!important;grid-template-columns:none!important;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .sc-promobanners::-webkit-scrollbar{height:0}
  .sc-pbanner{flex:0 0 80%;scroll-snap-align:start;min-height:120px;padding:18px}

  /* ---- BECOME A SELLER stats -> small visible tiles (NOT carousel) ---- */
  .sc-sellerpanel__body{flex-direction:row;align-items:center}
  .sc-sellerstats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px;overflow:visible!important}
  .sc-sellerstats div{padding:10px 6px}
  .sc-sellerstats strong{font-size:17px}
  .sc-sellerstats span{font-size:9.5px}

  /* ---- HIDE Testimonials + FAQ on mobile ---- */
  .sc-reviews{display:none!important}
  section.sc-wrap:has(.sc-reviews){display:none!important}
  .sc-faqs{display:none!important}
  section.sc-wrap:has(.sc-faqs){display:none!important}

  /* ---- APP PROMO center align ---- */
  .sc-apppromo{flex-direction:column;text-align:center;align-items:center;padding:26px!important}
  .sc-apppromo__art{display:none}
  .sc-apppromo__copy h2{text-align:center}
  .sc-apppromo__badges{justify-content:center;display:flex}

  /* ================= DASHBOARDS (app-adapt) ================= */
  .shopc-dash{padding-bottom:64px}
  .shopc-shell{display:block!important}
  /* Sidebar -> horizontal scroll tab bar under the app header */
  .shopc-side{position:sticky;top:0;z-index:100;width:auto!important;min-height:auto!important;flex-direction:row!important;background:#fff!important;border-bottom:1px solid #E7EBF3;padding:0!important;overflow-x:auto;white-space:nowrap;display:flex!important;align-items:center;gap:2px;box-shadow:0 2px 8px rgba(16,32,64,.05)}
  .shopc-side::-webkit-scrollbar{height:0}
  .shopc-side__brand{display:none!important}
  .shopc-side__nav{display:flex!important;flex-direction:row!important;gap:2px;padding:8px 10px}
  .shopc-side__link{flex:0 0 auto;flex-direction:column!important;gap:3px!important;padding:8px 12px!important;border-radius:10px!important;color:#64748B!important;font-size:11px!important;text-align:center;min-width:64px}
  .shopc-side__link.is-active{background:#EAF1FF!important;color:#1E5EFF!important}
  .shopc-side__icon{font-size:18px!important}
  .shopc-side__link .shopc-side__label{font-size:10.5px!important;display:block!important;line-height:1.15;color:inherit!important}
  .shopc-side__logout{display:none!important}
  /* Main content full width */
  .shopc-main{width:100%!important;margin:0!important}
  .shopc-top{padding:16px 14px!important}
  .shopc-top h1{font-size:20px!important}
  .shopc-content{padding:14px!important}
  .shopc-card{padding:16px!important;border-radius:14px!important}
  /* Dashboard stat grids -> 2 col */
  .shopc-stats{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .shopc-stats--3,.shopc-stats[style*=repeat]{grid-template-columns:1fr 1fr!important}
  /* Wishlist grid 2-col */
  .shopc-wishgrid{grid-template-columns:1fr 1fr!important}
  /* Row2 blocks stack */
  .shopc-row2{grid-template-columns:1fr!important}
  /* Coin card + hub */
  .sc-coinhub__stats{grid-template-columns:1fr!important}
  .sc-missions{grid-template-columns:1fr!important}
  .sc-prodgrid{grid-template-columns:1fr 1fr!important}

  /* ================= CART (app-adapt) ================= */
  .woocommerce-cart table.cart tr.woocommerce-cart-form__cart-item{grid-template-columns:64px 1fr!important;gap:10px!important}
  .woocommerce-cart td.actions{grid-column:1/-1}
  .woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%!important}
  .cart_totals{width:100%!important}
  .woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button{width:auto}
  .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center}

  /* ================= CHECKOUT (app-adapt) ================= */
  .woocommerce-checkout .col2-set,.woocommerce-checkout #customer_details{width:100%!important;float:none!important}
  .woocommerce-checkout #order_review,.woocommerce-checkout #order_review_heading{width:100%!important;float:none!important}
  .woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%!important;float:none!important}
  #place_order{width:100%!important}

  /* ================= LOGIN (app-adapt) ================= */
  .sc-authcard{max-width:100%!important;margin:20px 0;box-shadow:none;border:1px solid #E7EBF3}

  /* Dashboard sticky title bar */
  


  /* ===== Dashboard mobile refinements ===== */
  .shopc-dash{display:block!important;padding-bottom:64px;min-height:auto!important}
  .shopc-shell{display:block!important;min-height:auto!important}
  .shopc-side{position:sticky;top:0;z-index:100;width:100%!important;min-height:0!important;height:auto!important;max-height:none!important}
  .shopc-main{display:block!important;min-height:auto!important}
  .shopc-content{min-height:auto!important}
  /* Kill any 100vh from desktop sidebar */
  .shopc-dash .shopc-side,.shopc-dash .shopc-main{height:auto!important}

  .sc-hero__singleimg{max-width:100%!important;border-radius:14px}

}

/* === Dashboard top menu: horizontal scrollable tab bar (all dashboards) === */
@media(max-width:860px){
  .shopc-side{overflow-x:hidden!important}
  .shopc-side__nav{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;max-width:100%;scroll-snap-type:x proximity;scrollbar-width:none}
  .shopc-side__nav::-webkit-scrollbar{height:0;display:none}
  .shopc-side__link{flex:0 0 auto!important;scroll-snap-align:start}
}