#productModal.sticker-size-menu-active .sticker-native-size-label{display:none!important}
#productModal.sticker-size-menu-active .sticker-size-quantity-row{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
#productModal.sticker-size-menu-active .sticker-size-menu{width:100%;min-width:0;margin:18px 0 14px;box-sizing:border-box}
#productModal.sticker-size-menu-active .sticker-size-menu h3{margin:0 0 10px;font:700 14px/1.4 Arial,sans-serif}
#productModal.sticker-size-menu-active .sticker-size-menu-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0}
#productModal.sticker-size-menu-active .sticker-size-menu-options button{min-width:0;min-height:44px;width:100%;padding:9px 6px;border:1px solid #d60020;border-radius:0;background:#fff;color:#a90019;font:600 13px/1.3 Arial,sans-serif;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;cursor:pointer;box-sizing:border-box}
#productModal.sticker-size-menu-active .sticker-size-menu-options button[aria-pressed="true"]{background:#d60020;color:#fff}
#productModal.sticker-size-menu-active .sticker-size-menu-options button:focus-visible{outline:3px solid #171717;outline-offset:2px}
#productModal.sticker-size-menu-active .sticker-size-menu-options button:disabled{opacity:.5;cursor:not-allowed}
#productModal .sticker-size-menu[hidden]{display:none!important}
#productModal.sticker-size-menu-active #materialCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:stretch;gap:8px;min-width:0}
#productModal.sticker-size-menu-active #materialCards[hidden]{display:none!important}
#productModal.sticker-size-menu-active #materialCards .material-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:3px 8px;align-content:start;width:100%;min-width:0;max-width:none;padding:8px;overflow:visible;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
#productModal.sticker-size-menu-active #materialCards .material-card b,
#productModal.sticker-size-menu-active #materialCards .material-card small{grid-column:2;min-width:0;min-height:0;margin:0;white-space:normal;overflow:visible;overflow-wrap:normal;word-break:normal;hyphens:none;text-overflow:clip;line-height:1.35}
#productModal.sticker-size-menu-active #materialCards .material-card b{font-size:13px}
#productModal.sticker-size-menu-active #materialCards .material-card small{font-size:11px}
#productModal.sticker-size-menu-active #materialCards .material-thumb{grid-column:1;grid-row:1/3;width:44px;height:44px;max-width:100%;background:#f5f3ef}
#productModal.sticker-size-menu-active #materialCards .material-thumb img{width:100%!important;height:100%!important;object-fit:contain}
#productModal.sticker-size-menu-active #materialCards .material-card:not(:has(.material-thumb)){grid-template-columns:minmax(0,1fr)}
#productModal.sticker-size-menu-active #materialCards .material-card:not(:has(.material-thumb)) b,
#productModal.sticker-size-menu-active #materialCards .material-card:not(:has(.material-thumb)) small{grid-column:1}
@media(max-width:760px){
  /* A 1fr track otherwise keeps the config's intrinsic minimum at 320 px. */
  #productModal.sticker-size-menu-active .product-modal{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr);box-sizing:border-box}
  #productModal.sticker-size-menu-active .config{width:100%;max-width:100%;min-width:0;padding:28px 16px;box-sizing:border-box}
  #productModal.sticker-size-menu-active .config > *{min-width:0;max-width:100%;box-sizing:border-box}
  #productModal.sticker-size-menu-active .config .field-row:not(.sticker-size-quantity-row){grid-template-columns:repeat(2,minmax(0,1fr))}
  #productModal.sticker-size-menu-active .config .field-row label,
  #productModal.sticker-size-menu-active .config input,
  #productModal.sticker-size-menu-active .config select{min-width:0;max-width:100%;box-sizing:border-box}
  #productModal.sticker-size-menu-active .modal-visual{min-width:0;max-width:100%}
}