/* Pronet Design - Switch dropdown for option types switchselect / switchproduct */
.pn-switch-host { position: relative; }
.product-options .form-group.pn-switch-host { display: block; }
.product-options .form-group.pn-switch-host > label.control-label { display: flex; flex-wrap: nowrap; align-items: flex-start; width: 100%; max-width: 100%; margin: 0 0 6px; padding: 0; }
.pn-switch-native { display: none !important; }
.pn-switch { position: relative; width: 100%; max-width: 420px; }
.pn-switch.is-open { z-index: 1050; }
.pn-switch-toggle { display: flex; align-items: center; width: 100%; min-height: 44px; padding: 8px 36px 8px 12px; background: #f5f5f5; border: 1px solid #b5b5b5; border-radius: 4px; text-align: left; font-size: 14px; line-height: 1.3; color: #2c2e35; cursor: pointer; position: relative; outline: none; }
.pn-switch-toggle:hover, .pn-switch-toggle:focus { background: #ededed; }
.pn-switch-toggle:after { content: ""; position: absolute; right: 14px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid #555; border-bottom: 2px solid #555; transform: rotate(45deg); transition: transform .15s; }
.pn-switch.is-open .pn-switch-toggle:after { transform: rotate(-135deg); margin-top: -2px; }
.pn-switch-icon { flex: 0 0 64px; width: 64px; height: 42px; margin-right: 12px; border: 1px solid #d5d5d5; border-radius: 3px; background-color: #eee; background-size: cover; background-position: center; }
.pn-switch-toggle .pn-switch-icon { flex: 0 0 48px; width: 48px; height: 32px; margin-right: 10px; }
.pn-switch-text { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pn-switch-toggle .pn-switch-text ~ .pn-switch-fallback { display: none; }
.pn-switch-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 1050; margin: 0; padding: 0; list-style: none; background: #fff; border: 1px solid #e0e2e6; border-radius: 0 0 4px 4px; box-shadow: 0 4px 44px rgba(0,0,0,.17); max-height: 340px; overflow-y: auto; }
.pn-switch.is-open .pn-switch-menu { display: block; }
.pn-switch-item { display: flex; align-items: center; padding: 6px 12px; font-size: 14px; color: #2c2e35; cursor: pointer; border-bottom: 1px solid #f2f2f2; }
.pn-switch-item:last-child { border-bottom: 0; }
.pn-switch-item:hover { background: #f5f5f5; }
.pn-switch-item.is-active { color: #e53935; font-weight: 600; }
.pn-switch-item.is-active .pn-switch-icon { border-color: #e53935; }
.pn-switch-no-icon .pn-switch-icon { display: none; }
.pn-switch-preview { display: none; position: absolute; z-index: 99999; padding: 4px; background: #fff; border: 1px solid #ddd; box-shadow: 0 4px 24px rgba(0,0,0,.2); pointer-events: none; }
.pn-switch-preview.is-visible { display: block; }
.pn-switch-preview img { display: block; max-width: 240px; max-height: 240px; width: auto; height: auto; }
@media (max-width: 767px) {
	.pn-switch { max-width: none; }
	.pn-switch-preview { display: none !important; }
}