/* V912 — slightly smaller, denser phone UI across the customer web app.
   Desktop/tablet layouts are intentionally unchanged. */
@media (max-width:760px){
  html{font-size:15px}
  body.webshop-v301{font-size:12px!important;padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
  body.webshop-v301 button,
  body.webshop-v301 input,
  body.webshop-v301 textarea,
  body.webshop-v301 select{font-size:12px}

  /* Header / search */
  body.webshop-v301 .mainbar-v301{gap:7px!important;padding:7px 9px 9px!important}
  body.webshop-v301 .mobile-head-v301{height:38px!important;min-height:38px!important}
  body.webshop-v301 .mobile-menu-button-v301,
  body.webshop-v301 .mobile-cart-button-v301{
    width:38px!important;min-width:38px!important;max-width:38px!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
    border-radius:12px!important;padding:9px!important
  }
  body.webshop-v301 .mobile-head-v301 .logo-v301{left:46px!important;right:46px!important;height:38px!important}
  body.webshop-v301 .mobile-head-v301 .logo-v301 #headerSiteName{font-size:20px!important}
  body.webshop-v301 .mobile-cart-button-v301 span{min-width:15px!important;height:15px!important;font-size:7px!important}
  body.webshop-v301 .search-v301{height:38px!important;border-radius:18px!important;padding-left:36px!important}
  body.webshop-v301 .search-leading-v301{left:12px!important;width:15px!important;height:15px!important}
  body.webshop-v301 .search-v301 input{font-size:10.7px!important}
  body.webshop-v301 .search-v301 button{height:30px!important;width:54px!important;border-radius:15px!important;font-size:9px!important}

  /* Global page spacing */
  body.webshop-v301 .container{padding:7px!important;max-width:680px!important}
  body.webshop-v301 .page{font-size:12px!important}
  body.webshop-v301 .section-head{margin:2px 0 6px!important;gap:6px!important}
  body.webshop-v301 .section-head h2{font-size:13.5px!important}
  body.webshop-v301 .section-head .tools .btn{min-height:28px!important;padding:5px 7px!important;border-radius:9px!important;font-size:8.5px!important}
  body.webshop-v301 .product-summary-v152{font-size:8.8px!important}

  /* Balance / top cards */
  body.webshop-v301 .shop-balance-v301{min-height:72px!important;margin-bottom:8px!important;padding:10px!important;border-radius:15px!important;gap:8px!important}
  body.webshop-v301 .shop-balance-v301 .shop-balance-left-v62{gap:8px!important}
  body.webshop-v301 .shop-balance-icon-v301{width:38px!important;height:38px!important;border-radius:12px!important;padding:9px!important}
  body.webshop-v301 .shop-balance-v301 small{font-size:8.3px!important}
  body.webshop-v301 .shop-balance-v301 b{font-size:19.5px!important}
  body.webshop-v301 .shop-balance-v301 .shop-balance-sub-v62{font-size:8.3px!important}
  body.webshop-v301 .shop-balance-v301 .btn.ghost{min-height:31px!important;padding:6px 9px!important;border-radius:10px!important;font-size:9px!important}
  body.webshop-v301 .banner-row-v301{margin-bottom:10px!important}
  body.webshop-v301 .banner-main{border-radius:13px!important}
  body.webshop-v301 #noticeWrap .notice{border-radius:12px!important;font-size:9px!important;padding-top:7px!important;padding-bottom:7px!important}

  /* Category rail */
  body.webshop-v301 .category-tabs-v198{gap:5px!important;margin-bottom:8px!important;min-height:64px!important;padding-bottom:3px!important}
  body.webshop-v301 .category-tabs-v198 button{flex-basis:58px!important;min-width:58px!important;min-height:60px!important;gap:4px!important;font-size:8.5px!important}
  body.webshop-v301 .category-tabs-v198 button .category-icon-v301{width:39px!important;height:39px!important;border-radius:13px!important;font-size:18px!important}

  /* Product cards */
  body.webshop-v301 .products{gap:7px!important}
  body.webshop-v301 .product{border-radius:14px!important}
  body.webshop-v301 .product .cover img{padding:3px!important}
  body.webshop-v301 .product .body{padding:7px!important}
  body.webshop-v301 .product .name{font-size:10.2px!important;line-height:1.35!important;height:29px!important}
  body.webshop-v301 .product .condition{font-size:8px!important;height:23px!important}
  body.webshop-v301 .product .price{margin:5px 0!important}
  body.webshop-v301 .product .sale{font-size:14px!important}
  body.webshop-v301 .product .full{font-size:8.3px!important}
  body.webshop-v301 .product .qty-ctl button{width:23px!important;height:23px!important}
  body.webshop-v301 .product .qty-ctl span{min-width:21px!important;font-size:9px!important}
  body.webshop-v301 .product .add-cart-v62{min-height:28px!important;border-radius:9px!important;padding:5px 4px!important;font-size:8.3px!important}
  body.webshop-v301 .product .product-condition-trigger-v313{min-height:24px!important;margin-top:4px!important;padding:4px 7px!important;font-size:8.8px!important}

  /* Hamburger drawer */
  #mobileMenuDrawerV301.mobile-menu-drawer-v301{width:min(88vw,342px)!important;max-width:342px!important}
  #mobileMenuDrawerV301 .mobile-menu-head-v301{min-height:68px!important;padding:13px 15px 9px!important}
  #mobileMenuDrawerV301 .mobile-menu-brand-v301{font-size:20px!important}
  #mobileMenuDrawerV301 .mobile-menu-head-v301>button{width:37px!important;height:37px!important;border-radius:12px!important;font-size:18px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-v911{margin:11px 11px 9px!important;padding:11px!important;border-radius:18px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-top-v911{gap:9px!important}
  #mobileMenuDrawerV301 .mobile-menu-avatar-v911{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:15px!important;font-size:21px!important}
  #mobileMenuDrawerV301 #drawerNameV301{font-size:16px!important}
  #mobileMenuDrawerV301 .mobile-menu-member-badge-v911{font-size:7.7px!important;padding:3px 6px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-email-v911{font-size:9px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-stats-v911{gap:6px!important;margin-top:9px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-stat-v911{gap:6px!important;padding:7px 8px!important;border-radius:12px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-stat-icon-v911{width:26px!important;height:26px!important;flex-basis:26px!important;border-radius:9px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-stat-v911 small{font-size:7.6px!important}
  #mobileMenuDrawerV301 .mobile-menu-account-stat-v911 strong{font-size:14px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456{gap:7px!important;padding:0 11px 7px!important}
  #mobileMenuDrawerV301 .mobile-menu-section-label-v428{margin-top:5px!important;font-size:9px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429{min-height:82px!important;padding:9px 8px 8px!important;border-radius:15px!important;gap:3px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>span,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>span{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>span svg,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>span svg{width:15px!important;height:15px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>b,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>b{font-size:11.4px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>small,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>small{font-size:7.8px!important;line-height:1.25!important}

  /* Profile / settings */
  #profile .settings-page{gap:8px!important}
  #profile .settings-card{border-radius:15px!important}
  #profile .settings-head{padding:9px 10px!important;gap:7px!important;font-size:11px!important}
  #profile .settings-head .icon{width:30px!important;height:30px!important;border-radius:10px!important}
  #profile .settings-card:first-child .profile-summary{padding:8px!important;gap:6px!important}
  #profile .profile-stat{padding:8px!important;border-radius:11px!important}
  #profile .profile-stat span{font-size:8.2px!important}
  #profile .profile-stat b{font-size:12.3px!important}
  #profile .profile-stat small{font-size:7.7px!important}
  #profile .setting-row{grid-template-columns:31px 1fr auto!important;padding:8px!important;gap:7px!important}
  #profile .setting-icon{width:31px!important;height:31px!important;border-radius:10px!important;font-size:14px!important}
  #profile .setting-title{font-size:10.5px!important}
  #profile .setting-desc{font-size:8.2px!important}
  #profile .setting-action .btn,#profile .logout-profile-btn-v42{min-height:29px!important;padding:5px 8px!important;font-size:8.7px!important}

  /* Coupon and history pages */
  #couponList.coupon-list-tight-v304,.coupon-clean-list.coupon-list-tight-v304{gap:5px!important}
  #couponList.coupon-list-tight-v304 .coupon-clean-card,.coupon-list-tight-v304 .coupon-clean-card{grid-template-columns:88px 1fr!important;min-height:92px!important;border-radius:12px!important}
  #couponList.coupon-list-tight-v304 .coupon-clean-body,.coupon-list-tight-v304 .coupon-clean-body{padding:7px 8px!important;gap:3px!important}
  #couponList.coupon-list-tight-v304 .coupon-clean-title,.coupon-list-tight-v304 .coupon-clean-title{font-size:10.8px!important}
  #couponList.coupon-list-tight-v304 .coupon-meta,.coupon-list-tight-v304 .coupon-meta,
  #couponList.coupon-list-tight-v304 .coupon-clean-expiry,.coupon-list-tight-v304 .coupon-clean-expiry{font-size:8.2px!important;padding:4px 6px!important}
  .history-card{border-radius:13px!important}
  .history-card,.history-panel{font-size:10.5px!important}
  .history-tabs,.history-tabs-v154,.history-tabs-v431{gap:5px!important}
  .history-tab{min-height:30px!important;padding:5px 8px!important;font-size:9px!important}

  /* Cart / checkout */
  .cart-drawer .drawer-head{min-height:60px!important;padding:9px 10px!important}
  .cart-drawer .drawer-body{padding:7px!important}
  .cart-drawer .drawer-foot{padding-bottom:calc(9px + env(safe-area-inset-bottom))!important}
  .cart-drawer .notice{font-size:8.7px!important;margin-bottom:6px!important}
  .cart-drawer .cart-item{margin-bottom:5px!important;border-radius:13px!important}
  .cart-drawer .discount-box,.cart-drawer .cart-saved-row,.cart-drawer #discountResult,.cart-drawer #pointDiscountPanel{margin-top:5px!important;margin-bottom:5px!important}
  .cart-drawer .summary{margin:6px 0 8px!important;border-radius:13px!important}
  .cart-drawer .summary .row{padding:3px 0!important;font-size:10px!important}
  .cart-drawer .drawer-foot .btn.full,.cart-drawer .drawer-foot button[onclick*="checkout"]{min-height:43px!important;font-size:10px!important;border-radius:12px!important}

  /* Generic dialogs */
  body.webshop-v301 .modal{border-radius:17px!important}
  body.webshop-v301 .modal-head{padding:10px 12px!important}
  body.webshop-v301 .modal-body{padding:10px 12px!important}
  body.webshop-v301 .modal .btn{min-height:34px!important;padding:7px 10px!important;font-size:9.5px!important}
  .professional-popup-v300{padding:8px!important}
  .professional-popup-card-v300{width:calc(100vw - 16px)!important;border-radius:17px!important}
  .professional-popup-content-v300{padding:11px!important}
  .professional-popup-content-v300 h2{font-size:16px!important}
  .professional-popup-content-v300 p{font-size:11.5px!important;line-height:1.6!important}

  /* Check-in */
  .daily-checkin-float-v907{right:max(7px,env(safe-area-inset-right))!important;width:78px!important;bottom:calc(138px + env(safe-area-inset-bottom))!important}
  .daily-checkin-float-img-v907{width:56px!important;height:56px!important}
  .daily-checkin-float-v907 small{max-width:78px!important;font-size:7.2px!important;padding:3px 5px!important}
  .daily-checkin-modal-v907>section{width:min(92vw,400px)!important;border-radius:19px!important;padding:8px 8px max(11px,env(safe-area-inset-bottom))!important}
  .daily-checkin-modal-v907 header h2{font-size:15px!important}
  .daily-checkin-close-v907{width:30px!important;height:30px!important;border-radius:10px!important;font-size:18px!important}
  .daily-checkin-card-modal-v907{padding:10px 8px!important;border-radius:15px!important}
  .daily-checkin-history-v907{margin-top:7px!important;padding:8px!important;border-radius:13px!important}
  .daily-checkin-history-row-v907{min-height:42px!important;padding:5px 6px!important;border-radius:10px!important}

  /* Floating wheel and utility controls */
  .spin-wheel-float-v884{transform:scale(.92)!important;transform-origin:bottom right!important}
  .toast-container{top:calc(6px + env(safe-area-inset-top))!important;right:6px!important;width:calc(100vw - 12px)!important}

  /* Bottom navigation */
  body.webshop-v301 .bottom-nav,body.webshop-v301.menu-hamburger-v198 .bottom-nav{
    min-height:63px!important;padding:4px 7px calc(5px + env(safe-area-inset-bottom))!important
  }
  body.webshop-v301 .bottom-nav button{min-height:52px!important;height:52px!important;border-radius:12px!important;gap:2px!important}
  body.webshop-v301 .bottom-nav .nav-icon-v301{width:20px!important;height:20px!important;min-height:20px!important}
  body.webshop-v301 .bottom-nav button em{font-size:8.5px!important}
}

@media (max-width:390px){
  body.webshop-v301 .container{padding:6px!important}
  body.webshop-v301 .products{gap:6px!important}
  body.webshop-v301 .mobile-head-v301 .logo-v301 #headerSiteName{font-size:19px!important}
  #mobileMenuDrawerV301.mobile-menu-drawer-v301{width:min(90vw,326px)!important;max-width:326px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429{min-height:79px!important}
  body.webshop-v301 .bottom-nav button em{font-size:8.1px!important}
}