@media(max-width:650px){
html,body{max-width:100%;overflow-x:hidden}body{background:#f4f5fb}.shell{max-width:none!important;padding:8px!important}
header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin-bottom:9px!important;padding:10px 12px!important;border-radius:18px!important}
header h1{font-size:23px!important;line-height:1.1!important;margin:2px 0!important}header .eyebrow{font-size:7.5px!important;letter-spacing:.5px!important}header p{font-size:9px!important;line-height:1.25!important;margin:3px 0 0!important}header .pill{font-size:9px!important;padding:6px 8px!important;white-space:nowrap!important}.version-tag{font-size:8px!important}
.toolbar{padding:8px!important;margin-bottom:9px!important;border-radius:14px!important}.toolbar-main{display:block!important}#addProduct.hero-add{width:100%!important;min-height:42px!important;font-size:12px!important;padding:7px 10px!important}.toolbar-message{display:none!important}
.primary-search-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:8px!important;align-items:center!important}.primary-search-row .search-wrap{grid-column:1/-1!important;width:100%!important}.primary-search-row .search-wrap input{width:100%!important;height:40px!important;font-size:11px!important;padding:7px 9px 7px 30px!important}.primary-search-row select{width:100%!important;min-width:0!important;height:36px!important;font-size:10px!important;padding:5px 7px!important}.favorite-filter,.flashdeal-filter{min-width:0!important;height:36px!important;padding:5px 7px!important;font-size:9px!important;justify-content:center!important;border-radius:9px!important;white-space:nowrap!important}#pageSize{max-width:none!important}#countText{grid-column:1/-1!important;text-align:right!important;font-size:9px!important;color:#7d8496!important}
.extra-tools,.rates-fold{margin:8px 0!important;border-radius:13px!important}.extra-tools summary,.rates-fold summary{padding:9px 10px!important;min-height:40px!important}.extra-tools-title,.rates-fold-title{font-size:11px!important}.extra-tools-desc,.rates-fold-desc{display:none!important}.extra-tools-state,.rates-fold-state{font-size:9px!important}
.list-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#productList .product{margin:10px 0 18px!important;border:2px solid #aeb9d1!important;border-radius:17px!important;background:#fff!important;box-shadow:0 6px 18px rgba(68,78,120,.08)!important;overflow:hidden!important}
#productList .product-head{display:block!important;padding:8px!important;background:linear-gradient(135deg,#fdfdff 0%,#f7f8ff 100%)!important}
#productList .product-identity{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;grid-template-areas:"thumb quick" "thumb name" "keywords keywords" "master master"!important;gap:6px 8px!important;width:100%!important;min-width:0!important;align-items:end!important}
#productList .product-thumb,#productList .product-thumb-empty{grid-area:thumb!important;display:block!important;width:90px!important;height:90px!important;min-width:90px!important;min-height:90px!important;max-width:90px!important;max-height:90px!important;margin:0!important;border-radius:12px!important;object-fit:cover!important;align-self:stretch!important}
#productList .product-quick{grid-area:quick!important;display:flex!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;height:32px!important}
#productList .favorite-btn{font-size:20px!important;padding:3px!important;flex:0 0 auto!important}#productList .status-select{flex:0 1 120px!important;width:120px!important;min-width:84px!important;max-width:120px!important;height:31px!important;font-size:9px!important;padding:4px 7px!important}
#productList .product-name{grid-area:name!important;min-width:0!important;width:100%!important;margin:0!important}#productList .product-keywords{grid-area:keywords!important;min-width:0!important;width:100%!important;margin:0!important}
#productList .master-id{grid-area:master!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:5px 6px!important;min-height:36px!important}
#productList .field label,#productList .master-id span{font-size:8px!important;margin-bottom:2px!important;line-height:1.1!important}#productList .product-name input{width:100%!important;height:38px!important;font-size:10px!important;padding:5px 7px!important}#productList .product-keywords input{width:100%!important;height:34px!important;font-size:9px!important;padding:5px 7px!important}#productList .master-id input{width:100%!important;min-width:0!important;height:29px!important;font-size:9px!important;padding:4px 6px!important}#productList .registered-chip{font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:96px!important}
#productList .product-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:7px!important}#productList .product-actions button{min-width:0!important;min-height:34px!important;padding:5px 6px!important;font-size:8.5px!important}#productList .product-actions .action-delete{display:none!important}
#productList .options-zone{padding:7px!important;background:linear-gradient(180deg,#f8f9fe 0%,#fbfcff 100%)!important}#productList .option{margin:7px 0!important;border:1.5px solid #d3daea!important;border-radius:12px!important;box-shadow:0 3px 10px rgba(71,82,125,.04)!important}
#productList .option-head{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-areas:"name name name" "purchase shipping weight" "actions actions actions"!important;gap:6px!important;padding:7px!important;align-items:end!important}
#productList .option-name-field{grid-area:name!important;min-width:0!important}#productList .option-head>.field:nth-of-type(2){grid-area:purchase!important;min-width:0!important}#productList .option-head>.field:nth-of-type(3){grid-area:shipping!important;min-width:0!important}#productList .option-head>.field:nth-of-type(4){grid-area:weight!important;min-width:0!important}#productList .bulk-target-margin-field{display:none!important}
#productList .option-index{font-size:8px!important;margin-bottom:2px!important}#productList .option-head .field label{font-size:8px!important;margin-bottom:2px!important}#productList .option-head .field input{width:100%!important;min-width:0!important;height:34px!important;padding:5px 7px!important;font-size:10px!important}
#productList .option-actions{grid-area:actions!important;display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:5px!important;width:100%!important}#productList .option-actions button{min-height:34px!important;padding:5px 6px!important;font-size:9px!important}
.pager{gap:5px!important;padding:8px 2px!important;flex-wrap:wrap!important}.pager button{min-height:32px!important;padding:5px 8px!important;font-size:9px!important}.page-jump{font-size:9px!important}.page-jump input{width:50px!important;height:31px!important}.notice{display:none!important}footer{font-size:8px!important;padding:8px 4px!important}.modal-card{width:min(96vw,720px)!important;max-height:90vh!important}
}

/* Mobile compact country rows: keep all PC columns, reduce vertical height only */
@media(max-width:650px){
  #productList .markets th,
  #productList .markets td{
    padding-top:2px!important;
    padding-bottom:2px!important;
    vertical-align:middle!important;
  }

  #productList .markets input,
  #productList .markets select,
  #productList .markets button{
    min-height:26px!important;
    height:26px!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  /* Flash Deal: keep value/columns, hide the two vertically-expanding helpers */
  #productList .flash-copy-btn,
  #productList .flash-after-tax{
    display:none!important;
  }
  #productList .flashdeal-cell{
    vertical-align:middle!important;
  }
  #productList .flashdeal-input-line{
    margin:0!important;
  }

  /* Target margin + Apply on one horizontal line */
  #productList .target-apply-cell{
    white-space:nowrap!important;
  }
  #productList .target-apply-cell input{
    display:inline-block!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    margin:0 4px 0 0!important;
    vertical-align:middle!important;
  }
  #productList .target-apply-cell button{
    display:inline-block!important;
    width:auto!important;
    min-width:42px!important;
    margin:0!important;
    vertical-align:middle!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  #productList .market-country-line,
  #productList .market-id-line,
  #productList .price-use{
    line-height:1.05!important;
  }
  #productList .price-use{
    margin-top:1px!important;
  }
}




/* Mobile polish: hide Global ID/date, keep filter cards aligned, center labels */
@media(max-width:650px){
  #productList .master-id,
  #productList .registered-chip{
    display:none!important;
  }

  /* Keep filter card sizes aligned with neighboring controls */
  .favorite-filter,
  .flashdeal-filter,
  .mobile-flash-filter{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:5px 7px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:9px!important;
    white-space:nowrap!important;
  }

  /* Only make the checkbox itself smaller */
  .favorite-filter input,
  .flashdeal-filter input,
  .mobile-flash-filter input{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    max-width:13px!important;
    min-height:13px!important;
    max-height:13px!important;
    margin:0 5px 0 0!important;
    flex:0 0 13px!important;
  }

  /* Center the visible filter text */
  #statusFilter,
  #sortMode,
  #pageSize{
    text-align:center!important;
    text-align-last:center!important;
  }
  #statusFilter option,
  #sortMode option,
  #pageSize option{
    text-align:center!important;
  }
}


/* Mobile: hide page-size selector, keep default discount setting visible */
@media(max-width:650px){
  #pageSize{
    display:none!important;
  }
}
