/* Size / variant picker - one clean layout for every page (phones and the app).
   Row = [ size name + price + discount ]  [ Add to Cart ] */
@media (max-width:768px){
  .size-overlay{align-items:center !important;justify-content:center !important;padding:16px !important}
  body.ks-inapp .size-overlay{z-index:10600}
  .size-popup{width:100% !important;max-width:460px !important;max-height:78vh !important;border-radius:18px !important}
  .size-popup .popup-header{display:flex !important;align-items:center;gap:12px;padding:14px 56px 14px 16px !important}
  .size-popup .popup-header img{width:56px !important;height:56px !important;object-fit:contain;border:1px solid #eef0f2;border-radius:10px;background:#fff;flex:none}
  .size-popup .popup-product-title{font-size:1rem !important;font-weight:600 !important;line-height:1.3 !important;color:#111}
  .size-popup .close-btn{top:12px !important;right:12px !important;width:34px !important;height:34px !important;font-size:1rem !important}
  .size-popup h4{font-size:.8rem !important;letter-spacing:.04em;text-transform:uppercase;color:#6b7280 !important;font-weight:600 !important;padding:10px 16px !important;background:#f9fafb;border-top:1px solid #eef0f2}
  .size-popup #variantList{overflow-x:hidden !important;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  .size-popup #variantList li{display:grid !important;grid-template-columns:minmax(0,1fr) auto auto !important;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center !important;padding:12px 16px !important;border-bottom:1px solid #f1f2f4}
  .size-popup #variantList .variant-top-line{grid-column:1;grid-row:1}
  .size-popup #variantList .variant-name{font-size:1rem !important;font-weight:700 !important;color:#111;white-space:normal}
  .size-popup #variantList .size-price-row{display:contents !important}
  .size-popup #variantList .variant-price{grid-column:1 / 3;grid-row:2;font-size:1.05rem !important;font-weight:700 !important;color:#0b6b2b !important;white-space:nowrap}
  .size-popup #variantList .variant-price s{color:#9aa3af;font-weight:500;font-size:.85rem !important;margin-left:6px}
  .size-popup #variantList .variant-discount{grid-column:2;grid-row:1;justify-self:end;font-size:.7rem !important;padding:3px 8px !important;white-space:nowrap}
  .size-popup #variantList .cart-btn-slot{grid-column:3;grid-row:1 / 3;justify-self:end;display:flex;align-items:center}
  .size-popup #variantList .add-to-cart-btn{min-width:96px;height:40px;padding:0 14px !important;font-size:.9rem !important;font-weight:600;border-radius:10px !important}
  .size-popup #variantList .qty-container{height:40px}
  body:has(.size-overlay.show) #ksw-widget{display:none !important}
}