button:disabled {background: #eeeeee;color: #ababab;border: solid 1px #ababab;}
button:disabled:hover {cursor: not-allowed;opacity: 1;background: #eeeeee;}
input[type="radio"], label {cursor: pointer;}
 #shopperInventoryContainer, td.imgProd {display: none;}
table tbody {display: block;overflow-y: scroll;scrollbar-width: none;}
table thead, table tbody tr {display: table;width: 99.9%;table-layout: fixed;}
th {font-weight: normal;}
td {padding: 3px;}
th {padding: 10px 3px;}
th, td {border: unset;border-left: none;border-right: none;}
td.urlImg, td.imgPortada, td.imgsGaleria {display: none;}

#showPopUp {background: #3383f5;}
#inventoryTable thead {background-color: #3383f5;}
.comisionProd {display: none;}
.goHomeBtn {border: solid 2px #fff;padding: 4px 10px;border-radius: 5px;  cursor: pointer;color: #fff;}
input:disabled {opacity: 1;background: #f9f9f9;}
tbody tr:nth-child(even) {background-color: #e3f1f9;}
tr.trTdProductControls:hover {background: #fff !important;color: #000 !important;}
tr.trTdProductControls {height: 60px;background: #fff !important;}
tr.trTdProductControls td {background: #f5f5f5;text-align: center;}
.descProducto {word-wrap: break-word;padding-left: 10px;}
.precioProducto {text-align: center;}
#prodUSATbody td {border: unset;}
#inventoryTable {margin-bottom: 1em;border-radius: 0;}
#barraTop {background: #00294C;color: #fff;padding: 0.7em 0.5em;text-align: left;position: relative;z-index: 999;}
.nombreUsuario {display: inline-block;position: relative;left: 5px;bottom: 4px;}
#logout {float: right;}
#logout, #cerrarPopupVentas, #cerrarTables, #cerrarPopupPagos {display: inline-block;background: #3383F5;color: #fff;padding: 3px 10px;border-radius: 5px;cursor: pointer;text-decoration: none;}
#historialNotas:hover, #logout:hover, #whatsapp_boton_span_pc:hover, #whatsapp_boton_span_cel:hover {opacity: 0.8;}
.idShopper {display: none;}
.tipoTransmi {display: none;}
#fieldIdShopperDiv {display: none;}
#tipoTRansmision {text-align: center;width: 10px;color: #fff;background: #0f5b9c;border: unset;font-size: 1em;}
#searchInput {margin: 0;width: 200px;height: 23px;text-align: center;border: solid 1px #4f9fe3;border-radius: 4px;outline: none;}
#showPopUpDiv {text-align: center;display: flex;align-items: center;justify-content: center;}
#editProductsBtn {background: #3383f5;padding: 11px 7px 4px 7px;border-radius: 4px;margin-left: 0.5em;margin-right: 1em;cursor: pointer;vertical-align: middle;}
#editProductsBtn:hover {opacity: 0.8;}
#editProductsBtn img {width: 20px;}
#startSellLive {font-weight: bold;}
#startSellLive, #endTransmitServMP {font-size: 1.1em;padding: 0.35em 0;margin-right: 10px;}
.selected-row {background-color: #f5f5f5 !important;color: #444;}
#showPopUp {font-size: 1.1em;padding: 0.35em 0;}
#camposAddProducto {text-align: center;margin-top: 1em;padding: 0em 1em 1em 1em;}
#camposAddProducto input {padding: 8px 0;margin-bottom: 10px;width: 350px;font-size: 1.8em;border: solid 1px #5fa3df;border-radius: 3px;text-align: center;font-family: system-ui;}
#cerrarPopUp {font-size: 0.8em;cursor: pointer;position: relative;left: 90px;top: -5px;}
#addProduct {display: none;}
#addphoto, #addProduct {font-size: 1.5em;font-weight: bold;margin-top: 0.5em;width: 250px;}
#addProduct img {display: none;width: 20px;position: absolute;margin-top: 3px;margin-left: 20px;}
#fieldIdProd {color: green;font-weight: 600;font-size: 2.3em !important;letter-spacing: 1px;}
#fieldDescProd {font-size: 1.2em !important;height: 36px;}
#fieldComisionProdDiv {display: none;}
#camposAddProducto label {float: left;font-size: 0.9em;}
#camposAddProducto div {margin-top: 0.5em;}
#datosShoppSearchInptDiv {display: block;margin: 0.5em;padding: 0.5em;}
#datosShoppDiv {text-align: center;padding: 0.5em;margin-bottom: 0.8em;}
.mySalesDiv, #wspContainer {display: inline-block;padding: 0.5em;}
#historialNotas, .btnsMenu {display: block;text-align: center;width: 250px;background: #1e8be7;color: #fff;border-radius: 5px;padding: 0.8em 0;cursor: pointer;}
tbody:not(#tableTotalesNotaTbody) tr:hover {background-color: #f5f5f5 !important;color: #444 !important;cursor: pointer;}
#endTransmit {width: fit-content;padding: 0.35em 1.3em;font-size: 1.1em;margin-right: 0.5em;}
#servicioBdDiv, #transmisionBdDiv, #comisionProdBdDiv {display: none;}
#inptProduct {display: inline-block;}
#editProdTitleCerrar {margin: 0.5em 0;}
#idProductEditDivstyle {position: relative; display: inline-block;}
#idProductEditOverlay {height: 36px;cursor: pointer;background: transparent;margin-top: -30px;position: relative;}
#idProductEditDiv {display: inline-block;}
.tipoTransmisionAll {visibility: hidden;}
#transmiBDiv {display: none;}
#idTransmisionBD {letter-spacing: 1px;}
#searchInput2 {margin-left: 0.5em;border: solid 1px #4f9fe3;margin-top: 0.5em;padding: 0.61728rem;margin-bottom: 0.61728rem;font-size: 16.2px;border-radius: 0.18519rem;outline: none;background: #fff;}
.clsSearchInput {border: solid 1px #ccc;padding: 0px 6px 3px 6px;border-radius: 50%;cursor: pointer;background: #3383f5;color: #fff;position: relative;bottom: 19px;right: 18px;}
#fieldVariacionesDiv {display: none;margin-top: 1.5em !important;}
#fieldVariaciones {width: 250px;font-size: 1.25em;}
#fieldVariaciones span {left: 0;}
#fieldVariaciones .span1 {font-size: 1.2em;}

/*Imagen general producto - popup ver imagen*/
td.idProducto {display: none;}
td.descProducto span, td.descProduct span {display: block;padding: 5px 0;font-size: 0.88em;color: #444;font-weight: bold;}
.idProducto {text-align: center !important;}
.imgProdGralContDiv {display: flex;justify-content: center;}
.imgProdGralDiv {display: flex;align-items: center;width: 75px;height: 100px;padding: 2px;border-radius: 3px;border: 1px solid #ddd;background: #fff;}
.imgProdGral {max-width: 100%;max-height: 100%;}
.imgProdGralQuery {width: 25px;height: 30px;padding: 2px;border-radius: 3px;border: 1px solid #ddd;background: #fff;}

/*copy Prod ico*/
.copyProd:hover {opacity: 0.8;}
.copyProd:before {background: url(https://mydealshopper.com/wp-content/uploads/2024/05/duplicar.png) no-repeat;content: "";display: inline-block;vertical-align: middle;background-size: contain;background-origin: content-box;background-color: #e4002b;width: 15px;height: 15px;margin-right: 5px;padding: 5px;border-radius: 5px;}

/*Link MydealPay ico*/
.linkMydealPay:hover {opacity: 0.8;}
.linkMydealPay:before {background: url(https://mydealshopper.com/wp-content/uploads/2025/03/link-ico.png) no-repeat;content: "";display: inline-block;vertical-align: middle;background-size: contain;background-origin: content-box;background-color: #e4002b;width: 23px;height: 23px;margin-right: 5px;    padding: 1px;border-radius: 5px;}


/*Alert Temporal*/
.jGrowl {width: 100%;justify-content: center;display: flex;}
.jGrowl-message {font-size: 2.5em;margin: 0.5em;}
.jGrowl-notification .jGrowl-close {font-size: 2em;font-weight: normal;}
.jGrowl-close:hover {opacity: 0.85;color: red;font-weight: bold;}

/*Popup btns menu*/
#popupBtnsMenu {overflow: auto;background: #efefef;z-index: 9;}
.popupBtnsMenu {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;height: 100vh;}
#btnsMenuContainer {display: flex;width: 100vw;height: 100vh;justify-content: center;align-items: center;background: #fff;}
.popupBtnsMenuDiv {display: grid;position: absolute;top: 20%;}
.popupBtnsMenuDiv div {padding: 1em 2em;margin: 0.5em 0;font-size: 1.5em;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;width: 240px;}
.boton span {position: relative;left: 50px;}
.btnsTitle1 {left: 65px !important;}
.btnIco, .btnIco1 {width: 50px;position: absolute;left: 30px;margin-top: -10px;}
.btnIco1 {left: 40px;}
	
/*popUp popupAddProducto*/
#popupAddProducto {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;}
#addProductoContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 2em;}
#camposaddProductoDiv {width: fit-content;background: #fff;border-radius: 3px;border-top-left-radius: 10px;border-top-right-radius: 10px;}

/*popUp Variaciones*/
#popupVariacionesProd {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.overlayVariacionesProd {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;}
#variacionesProdContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 1em;}
#variacionesProdContainer input:focus-visible, #variacionesProdContainer select:focus-visible {outline: 1px solid #5fa3df;}
.variacionesProdContent {width: 400px;background: #fff;border-radius: 5px;padding: 0em 1em 2em 1em;}
#cerrarPopUpVariacionesProd {background: #e4002b;color: #fff;padding: 0.2em 0.5em;border-radius: 4px;cursor: pointer;font-size: 1em;font-weight: bold;position: relative;left: 7px;bottom: 6px;}
#selectAttributeWrap {display: flex; align-items: center; gap: 8px; justify-content: center; padding: 0.8em 0 0.5em 0; }
#attributeSelect {width: 70%;font-size: 1em;}
#addAttributeBtnDiv {display: flex;justify-content: center;}
#attributeSelect, #addAttributeBtn {padding: 8px 12px; border: 1px solid #5fa3df; border-radius: 6px;}
#addAttributeBtn {display: none;background: #e4002b;font-size: 1em;color: #fff; border: none; cursor: pointer;}
#addAttributeBtn:hover, #createVariationBtn:hover, .attribute-header button:hover, #addProductsBtn:hover {opacity: 0.8;}
#otherAttributeInputs { justify-content: center; margin: 10px 0; display: none; gap: 8px; }
#otherAttributeInputs input {width: 40%;text-align: center;padding: 8px; border: 1px solid #5fa3df; border-radius: 4px;}
#attributeArea {display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0;border-top: solid 1px #ccc;padding: 1em 0 0 0.5em;place-content: center;}
#attributeAreaText {color: #333;width: 100%;text-align: center;}
.attribute-box {width: 42%;text-align: center;border: 1px solid #ccc; border-radius: 8px; padding: 10px; position: relative; background: #fafafa;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.attribute-header {margin: 10px 0 15px 0;}
.attribute-header button {background: transparent; border: none; font-size: 16px; cursor: pointer;font-weight: bold;position: absolute;right: 3px;top: 2px;color: #e4002b;}
.clone {left: 3px;width: fit-content;}
.attribute-input {width: 85%; padding: 6px; border: 1px solid #5fa3df; border-radius: 4px;font-size: 14px;margin-bottom: 10px;}
input.attribute-input {text-align: center;}
#variationDetails { display: none; width: 100%; gap: 7px; justify-content: center; margin: 5px 0;}
#variationDetailsInptsDiv {text-align: center;}
#variationDetailsInptsDiv input {width: 27%;height: 20px;text-align: center; padding: 8px; border: 1px solid #5fa3df; border-radius: 4px;margin-bottom: 5px;}
#commission {display: none;}
#createVariationBtnDiv {text-align: center;margin-bottom: 5px;}
#createVariationBtn {background: #e4002b;font-size: 1em;color: #fff; border: none; padding: 8px 14px;border-radius: 6px; cursor: pointer;}
#yourProducts {border-top: solid 1px #ccc;}
#yourProducts h3 {margin: 15px 0 10px 0;}	
#productTables {display: grid;place-content: center;}
.variacionProductTop {margin: 0.5em 0;}
.variacionProduct {display: flex;align-items: center;width: 200px;font-size: 0.9em;justify-content: center;background: #fff;color: #222;border: solid 1px #5fa3df;border-radius: 7px;padding: 1.2em 2.5em 0.8em 1.2em;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.variacionProductContent {min-width: 125px;}
.codeVariableDiv {padding-bottom: 2px;}
.codeVariable {font-weight: bold;color: #333;}
.descVariable {font-size: 1.1em;}
.priceQtyVariableDiv {padding: 6px 0 2px 0;}
.priceVariable {font-size: 1.2em;font-weight: bold;}
.qtyVariable {float: right;font-weight: bold;color: #444;padding-top: 1px;}
.commisVariable {font-size: 0.95em;font-weight: bold;color: #444;}
.chkVariableDiv {margin-top: 2px;}
.chkVariable {font-size: 0.95em;color: #444;}
.delVariacDiv {text-align: right;height: 0;position: relative;top: 6px;left: -8px;}
.delVariac {background: #e4002b;color: #fff;padding: 0px 6px 2px 6px;border-radius: 3px;}
.delVariac:hover {opacity: 0.9;}
#addProductsBtnDiv {display: none;text-align: center;}
#addProductsBtn {background: #e4002b;font-size: 1em;color: #fff; border: none; padding: 10px 50px;border-radius: 6px; cursor: pointer; margin-top: 20px;}

/*popUp popupEditProd*/
#popupEditProd {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;background: #efefef;}
.overlayEditProd {position: fixed;top: 0;z-index: 9;left: 0;right: 0;}
#editProdContainer {width: 100%;padding: 0.5em 0;}
#searchCodeDel {display: inline-block;width: 48%;text-align: right;margin-right: 1em;}
#btnsDel {display: inline-block;width: 48%;place-content: center;}
#editProdFields {display: inline-flex;width: 100%;justify-content: center;text-align: center;}
#idProductEdit {font-size: 1.3em; font-weight: bold; color: #0f5b9c; padding: 5px; text-align: center; border: solid 1px #57b9e4; border-radius: 5px;position: relative;bottom: 2px;background: #fff;}
#idProductEdit::placeholder {font-weight: normal;}
label[for="idProductEdit"] {display: block;text-align: left;margin-left: 0.3em;}
#delProduct {display: block;margin-bottom: 0.5em;}
#delAllProducts {display: block;}
#editProdFields div span img {width: 20px;margin-right: 0.3em;position: relative;top: 2px;}
#cerrarPopUpEditDiv {text-align: right;}
#cerrarPopUpEdit {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;top: 10px;}
#cerrarPopUpEdit:hover {opacity: 0.8;}

/* popupVentas */
#popupVentas {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;background: #efefef;}
.overlayPopupVentas {position: fixed;top: 0;z-index: 9;left: 0;right: 0;}
#popupVentasContainer {width: 100%;height: 100vh;}
#notashistorialDiv {padding: 3px;}
#historialNotasTab th, #historialNotasTab td {text-align: center;}
#historialNotasTab .numNota {width: 25%;}
#historialNotasTab .status {width: 25%;}
#historialNotasTab .fecha {width: 25%;}
#historialNotasTab .btnVer {width: 25%;}
.btnVer .boton {width: 30px;background: #3383f5;}
#popupVentasContainer .titulo {display: inline-block;font-weight: bold;padding: 5px;}
#cerrarPopupVentas {float: right;position: relative;top: 5px;right: 5.3px;}
.topbarPopups {background: #0f5b9c;padding: 0.3em 0.5em;margin-bottom: 0.5em;}
#cerrarPopupVentas:hover {cursor: pointer;width: auto;opacity: 0.8;}
#querySalesDiv {color: #fff;padding: 0.3em 0;}
.querySales.boton {margin-left: 0.5em;width: auto;}
#tables {display: none;position: fixed;top: 0;z-index: 10;background: #efefef;height: 100vh;overflow: scroll;margin-bottom: 2em;}
#tableUSA, #tableInter, #tableTotalesNotaDiv {padding: 3px;}
#historialNotasTab tbody {max-height: 73vh;}
#reportTit {display: none;color: #fff;padding: 0 5px;}
#cerrarTablesDiv {float: right;}
#cerrarTables {position: relative;top: -0.32em;right: 5.3px;}
#cerrarTables:hover {cursor: pointer;opacity: 0.8;}
.tablesTitle {display: block;font-weight: bold;padding: 5px;}
#tableInter {margin: 1.5em 0 2.5em 0;}
#tableTotalesNotaDiv {margin-bottom: 1em;}
#tableTotalesNota #trCupon {display: none;}
.prodInternacionalDiv {margin-top: 8px;text-align: right;padding-right: 5px;float: right;}
#tables .btn-descargar {cursor: pointer;background: #e4002b;border: none;color: #fff;padding: 0.5em 1em;border-radius: 4px;display: inline-block;text-decoration: none;}
#tables .btn-descargar:hover {opacity: 0.8;}
#guiaInterDownload .btn-descargar {font-size: 0.9em;margin-bottom: 0.5em;}

#prodUSATable .imgProdQuery {width: 8%;}
#prodUSATable .idCompra {width: 12%;}
#prodUSATable .idProd {width: 13%;display: none;}	
#prodUSATable .descProduct {width: 26%;}
#prodUSATable .precioProd {width: 16%;}
#prodUSATable .comiProd {width: 10%;}
#prodUSATable .btnGuia {width: 10%;}

#reqPayment {justify-content: center;display: flex;margin-bottom: 6em;}
#numReporte {display: none;}
.reqPaymentSpan {font-size: 1em;padding: 0.85em 4.15em;background: #e4002b;border: unset;border-radius: 5px;color: #fff;cursor: pointer;}
.reqPaymentSpan:hover {opacity: 0.8;}
.reqPaymentSpan img {position: absolute;width: 36px;margin-left: -25px;margin-top: -10px;}
.reqPaymentSpan span {position: relative;left: 25px;}
.delOrder button {margin-right: 0.25em;padding: 6px 8px;font-size: 0.8em;border-radius: 50%;background: #e4002b;border: solid 1px #e4002b;cursor: pointer;}
.delOrder button:hover {opacity: 0.8;}
.delOrder img {width: 15px;}

#tableTotalesNotaTbody .td1_width {width: 10%;}
#prodUSATable th, #prodUSATable td, #prodInterTable th, #prodInterTable td {text-align: center;}
#prodUSATable .idCompra, #prodInterTable .idCompra, #prodUSATable .descProduct, #prodInterTable .descProduct {text-align: left;}
#prodInterTable .idProd {display: none;}
#prodUSATbody, #prodInterTbody {max-height: 200px;}
.sowMoreLess {display: inline-flex;align-items: center;padding: 5px;font-size: 0.9em;cursor: pointer;}
.sowMoreLess svg {width: 15px;margin-left: 3px;}
.titleTotales {text-align: right;padding-right: 1em;}
.valTotales {text-align: left;padding-left: 1em;}
#verMasFees {font-size: 0.95em;text-decoration: underline;cursor: pointer;color: #0c86ee;}
.feesVerMas, .shippingVerMas {display: none;font-size: 0.95em;}

/*popUp popupTipoTransmision*/
#popupTipoTransmision {display: flex;justify-content: center;align-items: center;transition: opacity 1.5s ease;overflow: auto;padding: 0 3px;background: #fff;}
#btnsTipoTransmision {background: #fff;width: 45%;text-align: center;padding: 1.5em 0.5em 2em 0.5em;;border-radius: 5px;
	background-image: url(https://mydealshopper.com/wp-content/uploads/2025/07/img1407258.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}

/* Popup select tiendas PS */
#popupSelectTiendasPS {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.popupSelectTiendasPS {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 999;}
#selectTiendasPSContainer {width: 100%;display: inline-flex;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#selectTiendasPS {max-width: 350px;border-radius: 10px;}
.titleTop {background: #0f5b9c;color: #fff;text-align: center;padding: 0.5em 0;font-size: 1.5em;font-weight: bold;border-top-left-radius: 10px;border-top-right-radius: 10px;}
#contentPadding {padding: 0.5em 1em 0 1em;background: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: auto;}
#seleTienPScerrar {font-size: 0.8em;cursor: pointer;position: relative;left: 90px;top: -5px;}
#tiendasPSselect {display: none;}
#startBtn {width: 100%;margin: 0.8em 0 0.8em 0;font-size: 1.2em;font-weight: bold;padding: 0.5em 1.5em;}
#buscarTiendaInpt, .inptComis {width: 280px;;border: solid 1px #4f9fe3;padding: 0.61728rem;margin-bottom: 0.61728rem;font-size: 1em;border-radius: 0.18519rem;outline: none;background: #fff;}
.inptComis {width: 70px;text-align: center;margin: 0.5em 0 0.5em 1.5em;padding: 0.55rem;}
.comisDiv {margin: 10px 0;}
#resultSearchSelTienda {display: none;position: absolute;width: 300px;background: #fff;margin-top: -10px;list-style: none; padding: 0;border: 1px solid #4f9fe3;height: 165px; overflow-y: auto;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
#resultSearchSelTienda li {cursor: pointer;padding: 7px;border-bottom: 1px solid #ddd;}
#resultSearchSelTienda li:hover {background: #0f5b9c;color: #fff}
#resultSearchSelTienda #id-default {display: none;}
.titlePlatforms {display: block;margin: 0.3em 0 0.5em;}
.titleSeleTienPS {display: block;margin: 1em 0;}
.titleSeleTienPS-1 {font-weight: bold;}
.porcentSigno {font-size: 1.2em;}
.checkePlatformsContainer {display: inline-flex;width: 100%;}
.checkePlatforms {width: 45%;padding: 0 0.5em 0;}

/* Popup select tiendas MP */
#popupSelectTiendasMP {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.popupSelectTiendasMP {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 999;}
#selectTiendasMPContainer {width: 100%;display: inline-flex;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#containerMP {max-width: 350px;border-radius: 10px;}
#seleTienMPcerrar {font-size: 0.8em;cursor: pointer;position: relative;left: 90px;top: -5px;}
#contentPaddingMP {padding: 0.5em 1em 0.5em 1em;background: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: auto;}
.contentPaddingInMP {margin: 1em 0 0.5em 0;}
#startBtnMP {width: 100%;margin: 0.8em 0 0.8em 0;font-size: 1.2em;font-weight: bold;padding: 0.5em 1.5em;}

/*Boton wsp*/
#wspContainer {margin-top: 3px;}
#wspContainer a {text-decoration: unset;}
#whatsapp_boton_span_pc, .whatsapp_boton_span_pc {background: #25d366;color: #fff;border-radius: 5px;padding: 0.7em 5.35em;}
#whatsapp_boton_span_cel, .whatsapp_boton_span_cel {background: #25d366;color: #fff;border-radius: 5px;padding: 0.7em 5.35em;}
.whatsapp_boton_span:hover {opacity: 0.8;}
@media (min-width: 768px) {
	#wspContainer .whatsapp_boton_pc {display: contents;}
	#wspContainer .whatsapp_boton_cel {display: none;}
}
@media (max-width: 768px) {
	#wspContainer .whatsapp_boton_pc {display: none;}
	#wspContainer .whatsapp_boton_cel {display: contents;}
}

/*******Landing productos asociado******/
/*------Portada------*/
#iframe_landingAsoc_pc .wpb_wrapper {padding: 0 1.1em;}
#videoContainer_landingAsoc {padding: 16em;}
#portadaDsk {max-width: 550px;}
@media (max-width: 768px) {#portadaDsk {max-width: 90%;}}
.seguirShopperDiv {height: 0;}
button.seguirShopper {position: relative;top: 55px;left: 135px;font-size: 1.1em;font-weight: bold;background: #00a2fd;color: #fff;border: 4px solid #fff;border-radius: 30px;padding: 2px 20px;cursor: pointer;}
@media (max-width:  460px) {button.seguirShopper {left: 120px;padding: 2px 7px;}}
@media (max-width:  400px) {button.seguirShopper {left: 110px;top: 45px;font-size: 0.95em;}}

/*------WSP-Img------*/
#wspDiv {margin-top: 1em;}
#wspDiv .titleWsp {font-size: 2.2em;font-weight: bold;color: #1370b7;line-height: 1;display: block;padding: 0 0.3em;}
#wspDiv #wspContainer {margin: 1em 0;font-size: 1.2em;}
#wspDiv #wspContainer span {font-weight: bold;}

/*------Redes------*/
.all-networks{ margin:6px 0 6px; }
.redesAsocHTMLcontainer .redesUl{display:flex; gap:14px; align-items:center; justify-content: center; list-style:none; padding:0; margin:0;}
.redesAsocHTMLcontainer .redesUl li img {display:block;width:85px;border-radius: 20px;}
.redesAsocHTMLcontainer .redesUl li .facebook.onlive img { width: 85px !important;}
.redesAsocHTMLcontainer .redesUl li .facebook img { width: 65px !important;}

/*------Productos------*/
#landinAsocContainer {text-align: center;}
#asocProdContent {text-align: center;padding: 3px;}
.product {width: 24%;margin-top: 10px;padding: 7px 5px 15px 5px;display: inline-block; vertical-align: top;border: solid 1px #ccc;background: #fff;border-radius: 5px;}
.product:hover {opacity: 0.9;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.productidDiv {font-size: 0.8em;font-weight: bold;}
.descProd {cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;font-weight: bold;font-size: 0.88em;}
.btnBuy {width: 85%;margin-top: 0.5em;padding: 6px;display: inline-block;background: #e4002b;color: #ffffff !important;font-size: 1em;cursor: pointer;border: unset;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;text-transform: uppercase;font-family: system-ui;font-weight: 600;text-decoration: none;}
.btnBuy:hover {opacity: 0.8;}
.btnBuy .fa-solid.fa-hand-pointer {position: relative;left: 0.5em;top: 0.2em;rotate: -25deg;font-size: 1.2em;}
.product-image {cursor: pointer;margin: 0 0 5px 0;height: 200px;}
.product-image img {width: 100%;height: 100%;object-fit: contain;object-position: center center;border-radius: 3px;}
.infoProd span {display: block;margin: 5px;}

/*------Popup gallery prod asoc------*/
.popup {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);overflow: auto;}
.popup-content {position: relative;margin: 0 auto;padding: 10px 10px 20px 10px;background-color: #fff;border-radius: 5px;width: 900px;text-align: center;}
.close, .cerrar {position: absolute;top: 10px;right: 10px;font-size: 20px;background: #e4002b;color: #fff;border-radius: 3px;padding: 0px 8px 3px 8px;cursor: pointer;z-index: 9;}
.close:hover, .cerrar:hover {opacity: 0.8;}
#imageWrapper {height: 85vh;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;background-color: #f1eff0;padding: 0.3em;}
.popup-gallery img {max-width: 100%;max-height: 100%;object-fit: contain;border-radius: 5px;}
.nav-button {background: #f1eff0;color: #000;padding: 5px 10px;cursor: pointer;border: none;border-radius: 3px;position: absolute;top: 40vh;font-size: 1em;}
.nav-button:hover {background-color: #222;color: #fff;}
#prevImage {left: 20px;}
#nextImage {right: 20px;}
.precProd {font-size: 0.9em;}
#comprarGalleryBtn .btnBuy {width: 300px;}
.pagination-bullets {display: flex;place-content: center;align-items: center;padding: 0.5em 0;}
.bullet {display: inline-block;width: 10px;height: 10px;margin: 0 5px;background-color: #ccc;border-radius: 50%;cursor: pointer;}
.bullet.active {background-color: #333;}
#popupImage {transition: transform 0.45s ease-in-out;cursor: zoom-in;}
.image-flip-next {transform: rotateY(-90deg);}
.image-flip-prev {transform: rotateY(90deg);}
.popup-gallery {overflow: hidden;}


/*dropDown menu*/
.dropbtn {cursor: pointer;}
.dropbtn:hover {opacity: 0.8;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;width: 350px;position: absolute;background: #f3f3f3;border-radius: 3px;min-width: 160px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 99;margin-top: 11px;left: -8px;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}
.dropbtn img {width: 13px;background: #3383F5;padding: 6px 8px;border-radius: 4px;}
.dropdownIco {width: 37px;position: absolute;left: 105px;margin-top: -8px;}
.btnsMenu span {position: relative;left: 25px;}

/*sweetalert2*/
.swal2-confirm {background: #e4002b;}
.swal2-confirm:hover {background: #e4002b;opacity: 0.8}
.swal2-confirm:focus {box-shadow: 0 0 0 2px #56a6eb;}
.swal2-cancel {background: #e4002b;}
.swal2-cancel:hover {background: #e4002b;opacity: 0.8;}
div:where(.swal2-icon).swal2-question {border-color: #0f5b9c !important;color: #0f5b9c !important;font-weight: bold;}

/*input adjuntar tickets*/
#receiptUploadDiv {text-align: center;margin-bottom: 6em;}
.receipt-upload-label {display: inline-block;width: 200px;background-color: #007BFF;color: white;padding: 10px 0;border-radius: 4px;cursor: pointer;font-size: 14px;margin-bottom: 6px;}
.receipt-upload-label:hover, #receiptUploadBtn:hover {opacity: 0.8;}
.receipt-upload-input {display: none;}
.info-text {display: block;font-size: 13px;color: #555;}
.file-names {display: inline-block;text-align: left;font-size: 13px;color: #333;margin-top: 8px;list-style: decimal;}
.file-names li {margin-bottom: 4px;}
.file-warning {color: red;margin-top: 8px;font-size: 13px;}
#receiptUploadBtn {background: #e4002b;border: unset;border-radius: 5px;color: #fff;cursor: pointer;padding: 10px 0;font-size: 14px;width: 200px;}
#receiptUploadedDiv {text-align: center;}
#receiptUploadedText {display: block;}
#pendingReceipt {margin-top: 6px;}
#pendingReceipt span {font-size: 13px;padding: 3px 6px;border-radius: 5px;border: solid 2px #3383f5;}

/*Radios tipo de producto*/
fieldset {box-sizing: border-box;border: solid 1px #5fa3df;margin-bottom: 1em;border-radius: 3px;padding: 0;}
.titleRadTipProd {text-align: left;font-size: 0.9em;display: block;margin-bottom: 3px;}
.toggle {margin: 1em 0 !important;box-sizing: border-box;display: inline-block;}
.toggle input {width: 0;height: 0;position: absolute;left: -9999px;}
.toggle input + label {margin: 0;padding: 0.75em 1.5em;box-sizing: border-box;position: relative;display: inline-block;border: solid 1px #DDD;background-color: #FFF;font-size: 1rem;line-height: 140%;font-weight: 600;text-align: center;box-shadow: 0 0 0 rgba(255, 255, 255, 0);transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;}
.toggle input + label:first-of-type {border-radius: 6px 0 0 6px;border-right: none;}
.toggle input + label:last-of-type {border-radius: 0 6px 6px 0;border-left: none;}
.toggle input:checked + label {background-color: #3383f5;color: #FFF;box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);border-color: #3383f5;z-index: 1;}
.toggle label:hover {opacity: 0.7;}

/* Subir imagen de producto generl*/
#popupCamara {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.overlayCamara {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;}
#popupCamaraContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 2em;}
#cerrarPopUpCamara {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;float: right;top: -25px;left: 13px;}
#cerrarPopUpCamara:hover {background: #f50532;}
.wrap {max-width: 490px;;background: #fff;border-radius: 3px;margin: 0 0.3em;padding: 1em 0.3em; border-radius: 5px;}
.wrap .row { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; padding: 0 0.5em; }
.wrap .row.center { place-content: center; }
.wrap button { padding: 10px 14px; border: none; border-radius: 8px; cursor: pointer; }
.wrap .btn { font-size: 0.9em;background:#e4002b; color:#fff; min-width: 120px; }
.wrap .btn:hover {opacity: 0.85;}
.wrap #btnCamara, .wrap #btnArchivo {background: #3383f5;}
.wrap #btnReintentar { display:none; }
.wrap #btnCerrarCam { display:none; }
.wrap video, .wrap img, .wrap canvas { width: 100%; max-height: 380px; border-radius: 10px; background:#000; object-fit: contain; }
.wrap #video {margin-top: 0.75em;}
.wrap #previewBox { border-radius: 10px; min-height: 120px; display: none; }
.wrap .hidden { display:none; }

/* Mostrar imagen de producto generl popUp*/
#popupImgProd {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.overlayImgProd {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;}
#popupImgProdContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 2em;}
#cerrarPopUpImgProd {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;float: right;top: -25px;left: 13px;}
#cerrarPopUpCamara:hover {background: #f50532;}
.wrapImgProd {max-width: 490px;;background: #fff;border-radius: 3px;margin: 0 0.3em;padding: 1em 0.3em; border-radius: 5px;}
#wraImgProdUrl img {max-width: 420px;}

/*Checkboxes Persistent*/
div#chkPersistentDiv, div#chkPersistentVariablesDiv {
    display: none !important;
}
#chkPersistentDiv, #chkPersistentVariablesDiv  {display: none;}
.switch_box.box_1, .switch_box.box_2 {margin-bottom: 1em;}
.switch_box.box_2 {font-size: 0.9em;text-align: center;margin: 0.3em 0 0.8em 0;}
.switch_box.box_1 div, .switch_box.box_2 div {display: inline-flex;align-items: center;}
.switch_box label {float: unset !important;margin-right: 7px;}
input[type="checkbox"].switch_1:checked, input[type="checkbox"].switch_2:checked {background: #0ebeff !important;}
input[type="checkbox"].switch_1, input[type="checkbox"].switch_2 {font-size: 17px !important;appearance: none !important;width: 3.5em !important;height: 1.5em;border-radius: 3em !important;position: relative;cursor: pointer;outline: none;transition: all .2s ease-in-out !important;padding: 0 !important;margin: 0 !important;background: #f5f5f5;border: solid 1px #5fa3df;}
input[type="checkbox"].switch_1:checked:after, input[type="checkbox"].switch_2:checked:after {left: calc(100% - 1.5em);}
input[type="checkbox"].switch_1:after, input[type="checkbox"].switch_2:after {position: absolute;content: "";width: 1.5em;height: 1.5em;border-radius: 50%;background: #fff;box-shadow: 0 0 .25em rgba(0, 0, 0, .3);transform: scale(.85) !important;left: 0;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;top: -1px;}

/**Checkboxes Plataformas*/
.checkbox {display: inline-flex;padding: 5px 0;cursor: pointer;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-select: none;    -moz-user-select: none;user-select: none;align-items: center;width: 47%;}
.check-group {background: #fff;width: 100%;padding: 0 0.5rem;border: 1px solid #fff;border-radius: 5px;}
.checkbox__input {position: absolute;width: 1.375em;height: 1.375em;opacity: 0;cursor: pointer;}
[type=checkbox], [type=radio] {box-sizing: border-box;padding: 0;}
svg:not(:root) {overflow: hidden;}
.checkbox__icon {width: 1.375em;height: 1.375em;flex-shrink: 0;overflow: visible;}
.checkbox__icon .tick {stroke-dasharray: 20px;stroke-dashoffset: 20px;transition: stroke-dashoffset 0.2s ease-out;}
.checkbox__input:checked + .checkbox__icon .tick {stroke-dashoffset: 0;}
.checkbox__label {margin-left: 0.5em;}
.check-group input[type=checkbox]:checked {counter-increment: checked;}

/* Subir imagen de producto variables generl*/
#popupCamaraVariables {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.overlayCamaraVariables {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;}
#popupCamaraVariablesContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 2em;}
#cerrarPopUpCamaraVariables {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;float: right;top: -25px;left: 13px;}
#cerrarPopUpCamaraVariables:hover {background: #f50532;}
.wrap {max-width: 490px;background: #fff;margin: 0 0.3em;padding: 1em 0.3em;border-radius: 5px;}
.wrap .row { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; padding: 0 0.5em; }
.wrap .row.center { place-content: center; }
.wrap button { padding: 10px 18px; border: none; border-radius: 4px; cursor: pointer;font-weight: bold; }
.wrap .btn { font-size: 0.9em;background:#e4002b; color:#fff; min-width: 120px; }
.wrap .btn:hover {opacity: 0.85;}
.wrap #btnCamaraVariables, .wrap #btnArchivoVariables {background: #0f5b9c;}
.wrap video, .wrap img, .wrap canvas { width: 100%; max-height: 380px; border-radius: 10px; background:#000; object-fit: contain; }
.wrap #videoVariables {margin-top: 0.75em;}
.wrap #previewBoxVariables { border-radius: 10px; min-height: 120px;}

/*Subir imagenes para productos sellers landingasoc*/
#popupfotosProdSellers {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.overlayfotosProdSellers {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;}
#popupfotosProdSellersContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 2em;}
#popupfotosProdSellersWrap {width: 430px;padding: 1em 0.8em;background: #fff;margin: 0 0.3em;border-radius: 5px;}
#cerrarPopUpfotosProdSellers {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;float: right;top: -12px;left: 22px;}
#cerrarPopUpfotosProdSellers:hover {background: #f50532;}
#popupfotosProdSellers .uploader-wrap{max-width:640px;margin:0 auto;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial}
#popupfotosProdSellers .blocklabel{display:block;margin:18px 0 8px;color:#1f2937;font-weight:600}
#popupfotosProdSellers .dropzone{border:1px solid #cbd5e1;border-radius:8px;padding:14px;background:#fff;position:relative}
#popupfotosProdSellers .dropzone.cover{display:flex;align-items:center;justify-content:center;min-height:80px;}
#popupfotosProdSellers .dropzone.gallery{padding:12px}
#popupfotosProdSellers .dz-empty{display: inline-flex;flex-direction: column;align-items: center;justify-content: center;color: #111827;height: 100%;cursor: pointer;text-align: center;background: #eef2f9;padding: 10px 25px;border-radius: 10px;}
#popupfotosProdSellers .dz-empty .dz-icon{width:36px;height:36px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:25px;padding: 0px 3px 5px 3px;}
#popupfotosProdSellers .dz-empty .dz-icon img {background: #a5a5a5;border-radius: 5px;padding: 3px 5px;width: 90%;}
#popupfotosProdSellers .dz-empty .dz-text{font-size:14px;}
#popupfotosProdSellers .dz-preview{position:relative;width:100%;height:100%}
#popupfotosProdSellers .dz-preview img{max-width:35%;object-fit:contain;display:block;margin:auto;background: #fff;border: 1px solid #e5e7eb;}
#popupfotosProdSellers .hidden{display:none}
#popupfotosProdSellers .thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom: 10px;}
#popupfotosProdSellers .thumb{position:relative;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}
#popupfotosProdSellers .thumb img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}
#popupfotosProdSellers .galleryAddBtn {text-align: center;}
#popupfotosProdSellers .btn-x{position: absolute;top: 2px;right: 3px;width: 23px;height: 23px;border: solid 1px #aaa;border-radius: 50%;color: #333;background: #fff;font-size: 20px;cursor: pointer;padding: unset;line-height: 22px;}
#popupfotosProdSellers  #coverPreview .btn-x {right: 34%;}
#popupfotosProdSellers .helper{font-size: 0.8em;color:#6b7280;margin:5px 2px 10px 2px;text-align: center;}
#popupfotosProdSellers .saveImagesDiv {text-align: center;padding-top: 15px;}
#popupfotosProdSellers .primary{font-size: 1.1em;background:#e4002b;color:#fff;border:none;border-radius:4px;padding:10px 35px;cursor:pointer}
#popupfotosProdSellers .status{margin-top:10px;font-size:14px}
#popupfotosProdSellers .status.ok{color:#065f46}
#popupfotosProdSellers .status.err{color:#b91c1c;text-align: center;}
.addFotoProdSeller:before {background: url('https://mydealshopper.com/wp-content/uploads/2025/10/addImgIco2.png') no-repeat;
content: "";display: inline-block;vertical-align: middle;background-size: contain;background-origin: content-box;background-color: #e4002b;width: 23px;height: 23px;margin-right: 5px;padding: 1px;border-radius: 5px;}
#popupfotosProdSellersLoading {display: none;position: absolute;top: 46%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;z-index: 999;}

/*Responsive*/
@media (max-width: 1200px) {
	#btnsTipoTransmision {width: 55%;}
}
@media (max-width: 1100px) {
	#btnsTipoTransmision {width: 65%;}
}
@media (max-width: 992px) {
	.btnBuy {width: 95%;font-size: 0.85em;}
	.btnBuy .fa-solid.fa-hand-pointer {font-size: 1em;top: 0.13em;}
}
@media (max-width: 926px) {.popup-content {width: 870px;}}
@media (max-width: 885px) {.popup-content {width: 840px;}}
@media (max-width: 855px) {.popup-content {width: 810px;}}
@media (max-width: 820px) {.popup-content {width: 780px;}}
@media (max-width: 790px) {.popup-content {width: 750px;}}
@media (max-width: 768px) {
	#editProdContainer {padding: 1em 0;}
	#btnsTipoTransmision {width: 100%;}
	#showPopUpDiv {width: 100%;place-content: center;margin-bottom: 0.3em;}
	#endTransmitDiv, #showPopUpDelBtns {margin: 0.5em 0;}
	#endTransmit {width: 130px;}
	#showPopUp {width: 130px;}
	#startSellLive, #endTransmitServMP {width: 160px;}
	.product {width: 32%;}
	.btnBuy {width: 85%;font-size: 0.8em;}
	.popup-content {width: 720px;}
}
@media (max-width: 735px) {.popup-content {width: 690px;}}
@media (max-width: 715px) {.popup-content {width: 660px;}}
@media (max-width: 675px) {.popup-content {width: 640px;}}
@media (max-width: 670px) {.popup-content {width: 620px;}
	#editProdContainer {padding: 3.65em 0;}
	#showPopUpDiv {display: block}
	#endTransmit {width: 204px;margin-right: 0;}
	#showPopUp {width: 200px;}
	#startSellLive, #endTransmitServMP {width: 247px;margin-right: 0;}
	#editProductsBtn {margin-right: 0;}
	#searchInputDiv {padding-top: 0.5em;position: relative;top: 10px;}
	#searchInput {width: 225px;}
}
@media (max-width: 645px) {.popup-content {width: 620px;}}
@media (max-width: 630px) {.popup-content {width: 600px;}}
@media (max-width: 620px) {.popup-content {width: 580px;}}
@media (max-width: 600px) {
	#editProdContainer {padding: 0 0 2.55em 0;}
	#editProdFields {display: grid;}
	#searchCodeDel {width: unset;text-align: center;margin-right: 0;}
	#btnsDel {display: grid;width: 100%;}
	#delProduct {padding: 0.3em 2.5em;}
	#delAllProducts {padding: 0.3em 2.5em;}
	.idCompra {display: none;}
	#prodUSATable .imgProdQuery {width: 13%;
}
}
@media (max-width: 595px) {.popup-content {width: 560px;}}
@media (max-width: 580px) {
	#idProductEdit {display: inline-block;}
}
@media (max-width: 576px) {
	#idProductEdit {display: inline-block;}
    .page-id-10022 .vc_column_container>.vc_column-inner {padding-right: 0px;}
}
@media (max-width: 560px) {.popup-content {width: 540px;}}
@media (max-width: 550px) {
	.idProducto {width: 20%;} .descProducto {width: 37%;} .precioProducto {width: 20%;} .qtyProducto {width: 13%;text-align: center;}
	.comisionProd, .comiProd, .fechaProducto {display: none !important;}
	#showPopUp {margin-right: 0;}
}
@media (max-width: 540px) {.popup-content {width: 520px;}}
@media (max-width: 520px) {.popup-content {width: 500px;}}
@media (max-width: 500px) {
	.product {width: 49%;}
	.popup-content {width: 480px;}
}
@media (max-width: 490px) {.wrap {max-width: unset;width: 100%;}}
@media (max-width: 480px) {.popup-content {width: 460px;}}
@media (max-width: 460px) {.popup-content {width: 440px;}}
@media (max-width: 430px) {
	.popup-content {width: 420px;}
	#wraImgProdUrl img {max-width: unset;width: 100%;}
	#popupfotosProdSellers .wrap {width: 100%;}
}
@media (max-width: 420px) {.popup-content {width: 410px;}}
@media (max-width: 410px) {.popup-content {width: 400px;}}
@media (max-width: 400px) {.popup-content {width: 390px;}}
@media (max-width: 390px) {.popup-content {width: 380px;}}
@media (max-width: 385px) {#attributeArea {gap: 5px;}}
@media (max-width: 380px) {.popup-content {width: 360px;}}
@media (max-width: 360px) {.popup-content {width: 340px;}}
@media (max-width: 340px) {.popup-content {width: 320px;}}
@media (max-width: 320px) {.popup-content {width: 300px;}}