body.racking-modal-open{overflow:hidden}.racking-overlay[hidden]{display:none}.racking-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.52)}.racking-dialog{display:flex;flex-direction:column;width:min(920px,100%);max-height:min(94vh,1000px);background:#fff;border-radius:10px;box-shadow:0 15px 45px rgba(0,0,0,.25);overflow:hidden}.racking-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px;background:#00add2;color:#fff}.racking-header h2{color:inherit;font-size:26px;margin:0}.racking-close{border:0;background:transparent;color:#fff;font-size:34px;line-height:1;cursor:pointer}.racking-sort{flex:none;padding:14px 26px;font-weight:700}.racking-sort select{margin-left:10px;padding:7px 30px 7px 10px;border:1px solid #00add2;border-radius:5px;background:#fff}.racking-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 26px}.racking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.racking-card{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #cbd4df;border-radius:7px}.racking-card img{display:block;width:100%;height:140px;object-fit:contain;margin-bottom:8px}.racking-card h3{font-size:16px;line-height:1.2;margin:0 0 5px;font-weight:700}.racking-info{color:#00add2;margin-left:6px}.racking-sku{color:#687486;font-size:12px;font-weight:700;margin-bottom:5px}.racking-price{font-size:20px;font-weight:700;margin-bottom:8px}.racking-select{margin-top:auto;width:100%;border:0;border-radius:5px;padding:8px;background:#00add2;color:#fff;font-weight:700;cursor:pointer}.racking-select:hover,.racking-select:focus-visible{background:#008dab}.racking-footer{flex:none;padding:14px 26px}.racking-none{display:flex;align-items:center;gap:14px;width:100%;padding:10px 16px;border:1px solid #cbd4df;border-radius:6px;background:#fff;color:#17202b;text-align:left;font-weight:700;cursor:pointer}.racking-none:before{content:'';width:20px;height:20px;flex:none;border:2px solid #9ba8b7;border-radius:50%}.racking-none:hover,.racking-none:focus-visible{border-color:#00add2}@media(max-width:650px){.racking-overlay{padding:8px}.racking-dialog{max-height:96vh}.racking-header{padding:14px 16px}.racking-header h2{font-size:20px}.racking-sort,.racking-footer{padding:10px 14px}.racking-scroll{padding:0 14px}.racking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.racking-card img{height:100px}}@media(max-width:360px){.racking-grid{grid-template-columns:1fr}}
.racking-modal-source { position: relative; border: 0; min-height: 0; }
.racking-modal-source > .productCell-feat-detail { display: none; }
.racking-selector { display: flex; align-items: center; gap: 18px; width: 100%; min-height: 68px; padding: 12px 16px; border: 1px solid #cbd4df; border-radius: 6px; background: #fff; }
.racking-selector-label { display: flex; align-items: center; gap: 12px; flex: 0 0 30%; min-width: 0; padding-right: 16px; border-right: 1px solid #cbd4df; }
.racking-selector-icon { width: 36px; height: 36px; flex: none; color: #30383b; }
.racking-selector-label strong { font-size: 17px; line-height: 1.2; }
.racking-selector-value { flex: 1; min-width: 0; line-height: 1.3; }
.racking-modal-source .racking-selector-action { position: static; display: inline-flex; align-items: center; gap: 8px; flex: none; width: auto; height: auto; padding: 0; border: 0; background: transparent; color: #00add2; font-weight: 700; text-decoration: underline; cursor: pointer; }
.racking-selector-action span { font-size: 24px; line-height: 1; text-decoration: none; }
.racking-selector-action:hover, .racking-selector-action:focus-visible { color: #0086a4; }
@media (max-width: 650px) { .racking-selector { flex-wrap: wrap; gap: 8px 12px; padding: 12px; } .racking-selector-label { flex: 1 1 100%; border-right: 0; padding: 0; } .racking-selector-icon { width: 29px; height: 29px; } .racking-selector-value { flex: 1 1 45%; } .racking-modal-source .racking-selector-action { flex: 0 1 auto; } }
/* The product form can be narrow even on a wide screen. Keep the selection
   and action on separate grid tracks instead of depending on viewport width. */
html .extra-drop-list.racking-modal-source { border: 0; min-height: 0; margin: 0 0 8px; }
.racking-modal-source .racking-selector { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 10px; row-gap: 2px; min-height: 0; padding: 10px 12px; }
.racking-modal-source .racking-selector-label { display: contents; }
.racking-modal-source .racking-selector-icon { grid-column: 1; grid-row: 1 / 3; width: 30px; height: 30px; align-self: center; }
.racking-modal-source .racking-selector-label strong { grid-column: 2; grid-row: 1; min-width: 0; font-size: 15px; line-height: 1.25; overflow-wrap: anywhere; }
.racking-modal-source .racking-selector-value { grid-column: 2; grid-row: 2; min-width: 0; font-size: 14px; line-height: 1.25; overflow-wrap: anywhere; }
.racking-modal-source .racking-selector-action { grid-column: 3; grid-row: 1 / 3; align-self: center; max-width: 100%; min-width: 0; font-size: 14px; line-height: 1.2; text-align: right; white-space: normal; }
.racking-modal-source .racking-selector-action span { font-size: 20px; }
.racking-modal-source .racking-selector-action { padding: 7px 14px; border-radius: 4px; background: var(--bs-primary, rgb(31, 181, 224)); color: #fff; text-decoration: none; }
.racking-modal-source .racking-selector-action:hover, .racking-modal-source .racking-selector-action:focus-visible { background: #008dab; color: #fff; }

.racking-modal-source .racking-selector { cursor: pointer; }

.racking-modal-source .racking-selector { grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto; gap: 12px; }
.racking-modal-source .racking-selector-label { display: block; grid-column: 1; grid-row: 1; padding: 0; border: 0; font-size: 15px; line-height: 1.25; }
.racking-modal-source .racking-selector-action { grid-column: 2; grid-row: 1; justify-self: end; max-width: 100%; overflow-wrap: anywhere; text-align: center; }

.racking-overlay { z-index: 1040; }
.racking-scroll { padding-top: 16px; }

.racking-modal-source .racking-selector-action { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.racking-card .racking-info, .racking-card .racking-info:hover, .racking-card .racking-info:focus { text-decoration: none; }

.racking-modal-source .racking-selector { border-color: #07983e; background: #effaf2; }
.racking-modal-source .racking-selector-action, .racking-select { background: var(--bs-success, #019934); color: #fff; }
.racking-modal-source .racking-selector-action:hover, .racking-modal-source .racking-selector-action:focus-visible, .racking-select:hover, .racking-select:focus-visible { background: #007d2a; color: #fff; }
.racking-header { background: var(--bs-primary, #1fb5e0); }
.racking-info { color: var(--bs-primary, #1fb5e0); }
.racking-none:hover, .racking-none:focus-visible { border-color: var(--bs-primary, #1fb5e0); }
.racking-select { background: var(--bs-primary, #1fb5e0); }
.racking-select:hover, .racking-select:focus-visible { background: #008dab; color: #fff; }
.racking-header h2 { font-size: 1.25rem; line-height: 1.3; }