.webp .spr {
	background-image: url(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites.webp?20260923121912);
}
.no-webp .spr {
	background-image: url(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites.png?20260923121912);
}
.spr, .spr-after:after, .spr-before:before {
	background-repeat: no-repeat;
	background-size: 824px 874px;
	display: inline-block;
}

.spr-after:after, .spr-before:before {
	top: 0;
	margin: 0;
	padding: 0;
	content: "";
	display: inline-block;
	position: relative;
}

.spr-after:after {
	right: 0;
}

.spr-before:before {
	left: 0;
}.c-category_icon_2, .c-category_icon_2-after:after, .c-category_icon_2-before:before, .c-category_icon_2:active, .c-category_icon_2:focus, .c-category_icon_2:hover { background-position: 0 0; width: 640px; height: 116.66666666667px; }.c-panyo_times, .c-panyo_times-after:after, .c-panyo_times-before:before, .c-panyo_times:active, .c-panyo_times:focus, .c-panyo_times:hover { background-position: 0 -117.33333333333px; width: 90px; height: 90px; }.c-mercadopago, .c-mercadopago-after:after, .c-mercadopago-before:before, .c-mercadopago:active, .c-mercadopago:focus, .c-mercadopago:hover { background-position: -90.666666666667px -117.33333333333px; width: 182.33333333333px; height: 42.333333333333px; }.c-btn-prendamex, .c-btn-prendamex-after:after, .c-btn-prendamex-before:before, .c-btn-prendamex:active, .c-btn-prendamex:focus, .c-btn-prendamex:hover { background-position: 0 -208px; width: 116px; height: 64px; }.c-btn-kiosko, .c-btn-kiosko-after:after, .c-btn-kiosko-before:before, .c-btn-kiosko:active, .c-btn-kiosko:focus, .c-btn-kiosko:hover { background-position: -116.66666666667px -208px; width: 116px; height: 64px; }.c-btn-coppel, .c-btn-coppel-after:after, .c-btn-coppel-before:before, .c-btn-coppel:active, .c-btn-coppel:focus, .c-btn-coppel:hover { background-position: -233.33333333333px -208px; width: 115.66666666667px; height: 64px; }.c-btn-oxxo, .c-btn-oxxo-after:after, .c-btn-oxxo-before:before, .c-btn-oxxo:active, .c-btn-oxxo:focus, .c-btn-oxxo:hover { background-position: -349.66666666667px -208px; width: 115.66666666667px; height: 64px; }.c-btn-elektra, .c-btn-elektra-after:after, .c-btn-elektra-before:before, .c-btn-elektra:active, .c-btn-elektra:focus, .c-btn-elektra:hover { background-position: -466px -208px; width: 115.66666666667px; height: 64px; }.c-btn-amex, .c-btn-amex-after:after, .c-btn-amex-before:before, .c-btn-amex:active, .c-btn-amex:focus, .c-btn-amex:hover { background-position: 0 -272.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-banorte, .c-btn-banorte-after:after, .c-btn-banorte-before:before, .c-btn-banorte:active, .c-btn-banorte:focus, .c-btn-banorte:hover { background-position: -116.33333333333px -272.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-7eleven, .c-btn-7eleven-after:after, .c-btn-7eleven-before:before, .c-btn-7eleven:active, .c-btn-7eleven:focus, .c-btn-7eleven:hover { background-position: -232.66666666667px -272.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-carnet, .c-btn-carnet-after:after, .c-btn-carnet-before:before, .c-btn-carnet:active, .c-btn-carnet:focus, .c-btn-carnet:hover { background-position: -349px -272.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-extra, .c-btn-extra-after:after, .c-btn-extra-before:before, .c-btn-extra:active, .c-btn-extra:focus, .c-btn-extra:hover { background-position: -465.33333333333px -272.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-waldos, .c-btn-waldos-after:after, .c-btn-waldos-before:before, .c-btn-waldos:active, .c-btn-waldos:focus, .c-btn-waldos:hover { background-position: 0 -337.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-usdc, .c-btn-usdc-after:after, .c-btn-usdc-before:before, .c-btn-usdc:active, .c-btn-usdc:focus, .c-btn-usdc:hover { background-position: -116.33333333333px -337.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-visa, .c-btn-visa-after:after, .c-btn-visa-before:before, .c-btn-visa:active, .c-btn-visa:focus, .c-btn-visa:hover { background-position: -232.66666666667px -337.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-inbursa, .c-btn-inbursa-after:after, .c-btn-inbursa-before:before, .c-btn-inbursa:active, .c-btn-inbursa:focus, .c-btn-inbursa:hover { background-position: -349px -337.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-telecomm, .c-btn-telecomm-after:after, .c-btn-telecomm-before:before, .c-btn-telecomm:active, .c-btn-telecomm:focus, .c-btn-telecomm:hover { background-position: -465.33333333333px -337.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-banamex, .c-btn-banamex-after:after, .c-btn-banamex-before:before, .c-btn-banamex:active, .c-btn-banamex:focus, .c-btn-banamex:hover { background-position: 0 -402px; width: 115.66666666667px; height: 64px; }.c-btn-santander, .c-btn-santander-after:after, .c-btn-santander-before:before, .c-btn-santander:active, .c-btn-santander:focus, .c-btn-santander:hover { background-position: -116.33333333333px -402px; width: 115.66666666667px; height: 64px; }.c-btn-chedraui, .c-btn-chedraui-after:after, .c-btn-chedraui-before:before, .c-btn-chedraui:active, .c-btn-chedraui:focus, .c-btn-chedraui:hover { background-position: -232.66666666667px -402px; width: 115.66666666667px; height: 64px; }.c-btn-f-benavides, .c-btn-f-benavides-after:after, .c-btn-f-benavides-before:before, .c-btn-f-benavides:active, .c-btn-f-benavides:focus, .c-btn-f-benavides:hover { background-position: -349px -402px; width: 115.66666666667px; height: 64px; }.c-btn-usdt, .c-btn-usdt-after:after, .c-btn-usdt-before:before, .c-btn-usdt:active, .c-btn-usdt:focus, .c-btn-usdt:hover { background-position: -465.33333333333px -402px; width: 115.66666666667px; height: 64px; }.c-btn-hsbc, .c-btn-hsbc-after:after, .c-btn-hsbc-before:before, .c-btn-hsbc:active, .c-btn-hsbc:focus, .c-btn-hsbc:hover { background-position: 0 -466.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-esquivar, .c-btn-esquivar-after:after, .c-btn-esquivar-before:before, .c-btn-esquivar:active, .c-btn-esquivar:focus, .c-btn-esquivar:hover { background-position: -116.33333333333px -466.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-bbva, .c-btn-bbva-after:after, .c-btn-bbva-before:before, .c-btn-bbva:active, .c-btn-bbva:focus, .c-btn-bbva:hover { background-position: -232.66666666667px -466.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-mastercard, .c-btn-mastercard-after:after, .c-btn-mastercard-before:before, .c-btn-mastercard:active, .c-btn-mastercard:focus, .c-btn-mastercard:hover { background-position: -349px -466.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-paycash, .c-btn-paycash-after:after, .c-btn-paycash-before:before, .c-btn-paycash:active, .c-btn-paycash:focus, .c-btn-paycash:hover { background-position: -465.33333333333px -466.66666666667px; width: 115.66666666667px; height: 64px; }.c-btn-more-bit, .c-btn-more-bit-after:after, .c-btn-more-bit-before:before, .c-btn-more-bit:active, .c-btn-more-bit:focus, .c-btn-more-bit:hover { background-position: 0 -531.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-bitcoin, .c-btn-bitcoin-after:after, .c-btn-bitcoin-before:before, .c-btn-bitcoin:active, .c-btn-bitcoin:focus, .c-btn-bitcoin:hover { background-position: -116.33333333333px -531.33333333333px; width: 115.66666666667px; height: 64px; }.c-btn-ethereum, .c-btn-ethereum-after:after, .c-btn-ethereum-before:before, .c-btn-ethereum:active, .c-btn-ethereum:focus, .c-btn-ethereum:hover { background-position: -232.66666666667px -531.33333333333px; width: 115.66666666667px; height: 64px; }.c-compra-segura, .c-compra-segura-after:after, .c-compra-segura-before:before, .c-compra-segura:active, .c-compra-segura:focus, .c-compra-segura:hover { background-position: 0 -596px; width: 85.333333333333px; height: 85.333333333333px; }.c-label-amex, .c-label-amex-after:after, .c-label-amex-before:before, .c-label-amex:active, .c-label-amex:focus, .c-label-amex:hover { background-position: -349px -531.33333333333px; width: 120px; height: 53.333333333333px; }.c-label-atrato, .c-label-atrato-after:after, .c-label-atrato-before:before, .c-label-atrato:active, .c-label-atrato:focus, .c-label-atrato:hover { background-position: -469.66666666667px -531.33333333333px; width: 120px; height: 50px; }.c-label-firstdata, .c-label-firstdata-after:after, .c-label-firstdata-before:before, .c-label-firstdata:active, .c-label-firstdata:focus, .c-label-firstdata:hover { background-position: -86px -596px; width: 120px; height: 50px; }.c-tc-seal-white, .c-tc-seal-white-after:after, .c-tc-seal-white-before:before, .c-tc-seal-white:active, .c-tc-seal-white:focus, .c-tc-seal-white:hover { background-position: -640.66666666667px 0; width: 105px; height: 52.666666666667px; }.c-btn-banorte-sm-white, .c-btn-banorte-sm-white-after:after, .c-btn-banorte-sm-white-before:before, .c-btn-banorte-sm-white:active, .c-btn-banorte-sm-white:focus, .c-btn-banorte-sm-white:hover { background-position: -273.66666666667px -117.33333333333px; width: 136.66666666667px; height: 40px; }.c-mn_ruler, .c-mn_ruler-after:after, .c-mn_ruler-before:before, .c-mn_ruler:active, .c-mn_ruler:focus, .c-mn_ruler:hover { background-position: -206.66666666667px -596px; width: 100px; height: 50px; }.c-feenicia-header, .c-feenicia-header-after:after, .c-feenicia-header-before:before, .c-feenicia-header:active, .c-feenicia-header:focus, .c-feenicia-header:hover { background-position: -307.33333333333px -596px; width: 100px; height: 50px; }.c-icon_step_2, .c-icon_step_2-after:after, .c-icon_step_2-before:before, .c-icon_step_2:active, .c-icon_step_2:focus, .c-icon_step_2:hover { background-position: -640.66666666667px -53.333333333333px; width: 80.333333333333px; height: 61.666666666667px; }.c-icon_step_3, .c-icon_step_3-after:after, .c-icon_step_3-before:before, .c-icon_step_3:active, .c-icon_step_3:focus, .c-icon_step_3:hover { background-position: -640.66666666667px -115.66666666667px; width: 80px; height: 61.666666666667px; }.c-icon_step_1, .c-icon_step_1-after:after, .c-icon_step_1-before:before, .c-icon_step_1:active, .c-icon_step_1:focus, .c-icon_step_1:hover { background-position: -640.66666666667px -178px; width: 80.333333333333px; height: 61.333333333333px; }.c-icon_step_4, .c-icon_step_4-after:after, .c-icon_step_4-before:before, .c-icon_step_4:active, .c-icon_step_4:focus, .c-icon_step_4:hover { background-position: -640.66666666667px -240px; width: 80.333333333333px; height: 61.333333333333px; }.c-icon_step_5, .c-icon_step_5-after:after, .c-icon_step_5-before:before, .c-icon_step_5:active, .c-icon_step_5:focus, .c-icon_step_5:hover { background-position: -640.66666666667px -302px; width: 80.333333333333px; height: 61.333333333333px; }.c-btn-banamex-sm-white, .c-btn-banamex-sm-white-after:after, .c-btn-banamex-sm-white-before:before, .c-btn-banamex-sm-white:active, .c-btn-banamex-sm-white:focus, .c-btn-banamex-sm-white:hover { background-position: -411px -117.33333333333px; width: 115px; height: 40px; }.c-btn-santander-sm-white, .c-btn-santander-sm-white-after:after, .c-btn-santander-sm-white-before:before, .c-btn-santander-sm-white:active, .c-btn-santander-sm-white:focus, .c-btn-santander-sm-white:hover { background-position: -90.666666666667px -160.33333333333px; width: 114px; height: 40px; }.c-cmmi-logo, .c-cmmi-logo-after:after, .c-cmmi-logo-before:before, .c-cmmi-logo:active, .c-cmmi-logo:focus, .c-cmmi-logo:hover { background-position: -205.33333333333px -160.33333333333px; width: 150px; height: 30px; }.c-pci, .c-pci-after:after, .c-pci-before:before, .c-pci:active, .c-pci:focus, .c-pci:hover { background-position: -640.66666666667px -364px; width: 83.333333333333px; height: 53.333333333333px; }.c-atrato_icon_1, .c-atrato_icon_1-after:after, .c-atrato_icon_1-before:before, .c-atrato_icon_1:active, .c-atrato_icon_1:focus, .c-atrato_icon_1:hover { background-position: -640.66666666667px -418px; width: 65px; height: 65px; }.c-atrato_icon_3, .c-atrato_icon_3-after:after, .c-atrato_icon_3-before:before, .c-atrato_icon_3:active, .c-atrato_icon_3:focus, .c-atrato_icon_3:hover { background-position: -640.66666666667px -483.66666666667px; width: 65px; height: 65px; }.c-atrato_icon_4, .c-atrato_icon_4-after:after, .c-atrato_icon_4-before:before, .c-atrato_icon_4:active, .c-atrato_icon_4:focus, .c-atrato_icon_4:hover { background-position: -640.66666666667px -549.33333333333px; width: 65px; height: 65px; }.c-atrato_icon_2, .c-atrato_icon_2-after:after, .c-atrato_icon_2-before:before, .c-atrato_icon_2:active, .c-atrato_icon_2:focus, .c-atrato_icon_2:hover { background-position: -640.66666666667px -615px; width: 65px; height: 65px; }.c-label-evo, .c-label-evo-after:after, .c-label-evo-before:before, .c-label-evo:active, .c-label-evo:focus, .c-label-evo:hover { background-position: -408px -596px; width: 120px; height: 35px; }.c-label-paypal, .c-label-paypal-after:after, .c-label-paypal-before:before, .c-label-paypal:active, .c-label-paypal:focus, .c-label-paypal:hover { background-position: -86px -646.66666666667px; width: 120px; height: 34px; }.c-label-mercadopago, .c-label-mercadopago-after:after, .c-label-mercadopago-before:before, .c-label-mercadopago:active, .c-label-mercadopago:focus, .c-label-mercadopago:hover { background-position: -206.66666666667px -646.66666666667px; width: 120px; height: 31.333333333333px; }.c-btn-esquivar-sm-white, .c-btn-esquivar-sm-white-after:after, .c-btn-esquivar-sm-white-before:before, .c-btn-esquivar-sm-white:active, .c-btn-esquivar-sm-white:focus, .c-btn-esquivar-sm-white:hover { background-position: -526.66666666667px -117.33333333333px; width: 93.333333333333px; height: 40px; }.c-chat-asesor, .c-chat-asesor-after:after, .c-chat-asesor-before:before, .c-chat-asesor:active, .c-chat-asesor:focus, .c-chat-asesor:hover { background-position: 0 -682px; width: 60px; height: 60px; }.c-mn-pala, .c-mn-pala-after:after, .c-mn-pala-before:before, .c-mn-pala:active, .c-mn-pala:focus, .c-mn-pala:hover { background-position: -60.666666666667px -682px; width: 60px; height: 60px; }.c-mn-chat, .c-mn-chat-after:after, .c-mn-chat-before:before, .c-mn-chat:active, .c-mn-chat:focus, .c-mn-chat:hover { background-position: -121.33333333333px -682px; width: 60px; height: 60px; }.c-mn-phone, .c-mn-phone-after:after, .c-mn-phone-before:before, .c-mn-phone:active, .c-mn-phone:focus, .c-mn-phone:hover { background-position: -182px -682px; width: 60px; height: 60px; }.c-instagram_follow, .c-instagram_follow-after:after, .c-instagram_follow-before:before, .c-instagram_follow:active, .c-instagram_follow:focus, .c-instagram_follow:hover { background-position: -356px -160.33333333333px; width: 124px; height: 29px; }.c-btn-f-benavides-sm-white, .c-btn-f-benavides-sm-white-after:after, .c-btn-f-benavides-sm-white-before:before, .c-btn-f-benavides-sm-white:active, .c-btn-f-benavides-sm-white:focus, .c-btn-f-benavides-sm-white:hover { background-position: -242.66666666667px -682px; width: 88.666666666667px; height: 40px; }.c-esoluciones-white, .c-esoluciones-white-after:after, .c-esoluciones-white-before:before, .c-esoluciones-white:active, .c-esoluciones-white:focus, .c-esoluciones-white:hover { background-position: -327.33333333333px -646.66666666667px; width: 164.66666666667px; height: 21.333333333333px; }.c-esoluciones-wo, .c-esoluciones-wo-after:after, .c-esoluciones-wo-before:before, .c-esoluciones-wo:active, .c-esoluciones-wo:focus, .c-esoluciones-wo:hover { background-position: -332px -682px; width: 164.66666666667px; height: 21.333333333333px; }.c-btn-7eleven-sm-white, .c-btn-7eleven-sm-white-after:after, .c-btn-7eleven-sm-white-before:before, .c-btn-7eleven-sm-white:active, .c-btn-7eleven-sm-white:focus, .c-btn-7eleven-sm-white:hover { background-position: 0 -742.66666666667px; width: 87.666666666667px; height: 40px; }.c-label-openpay, .c-label-openpay-after:after, .c-label-openpay-before:before, .c-label-openpay:active, .c-label-openpay:focus, .c-label-openpay:hover { background-position: -480.66666666667px -160.33333333333px; width: 120px; height: 29px; }.c-btn-hsbc-sm-white, .c-btn-hsbc-sm-white-after:after, .c-btn-hsbc-sm-white-before:before, .c-btn-hsbc-sm-white:active, .c-btn-hsbc-sm-white:focus, .c-btn-hsbc-sm-white:hover { background-position: -88.333333333333px -742.66666666667px; width: 86px; height: 40px; }.c-label-holacash, .c-label-holacash-after:after, .c-label-holacash-before:before, .c-label-holacash:active, .c-label-holacash:focus, .c-label-holacash:hover { background-position: -175px -742.66666666667px; width: 120px; height: 27.333333333333px; }.c-btn-elektra-sm-white, .c-btn-elektra-sm-white-after:after, .c-btn-elektra-sm-white-before:before, .c-btn-elektra-sm-white:active, .c-btn-elektra-sm-white:focus, .c-btn-elektra-sm-white:hover { background-position: -746.33333333333px 0; width: 78.333333333333px; height: 40px; }.c-btn-coppel-sm-white, .c-btn-coppel-sm-white-after:after, .c-btn-coppel-sm-white-before:before, .c-btn-coppel-sm-white:active, .c-btn-coppel-sm-white:focus, .c-btn-coppel-sm-white:hover { background-position: -746.33333333333px -40.666666666667px; width: 78px; height: 40px; }.c-pmt-openpay_TE, .c-pmt-openpay_TE-after:after, .c-pmt-openpay_TE-before:before, .c-pmt-openpay_TE:active, .c-pmt-openpay_TE:focus, .c-pmt-openpay_TE:hover { background-position: -582.33333333333px -208px; width: 55px; height: 55.333333333333px; }.c-pmt-openpay_TC, .c-pmt-openpay_TC-after:after, .c-pmt-openpay_TC-before:before, .c-pmt-openpay_TC:active, .c-pmt-openpay_TC:focus, .c-pmt-openpay_TC:hover { background-position: -581.66666666667px -272.66666666667px; width: 55px; height: 55.333333333333px; }.c-pmt-mercadopago_store_oxxo, .c-pmt-mercadopago_store_oxxo-after:after, .c-pmt-mercadopago_store_oxxo-before:before, .c-pmt-mercadopago_store_oxxo:active, .c-pmt-mercadopago_store_oxxo:focus, .c-pmt-mercadopago_store_oxxo:hover { background-position: -581.66666666667px -337.33333333333px; width: 55px; height: 55.333333333333px; }.c-pmt-openpay, .c-pmt-openpay-after:after, .c-pmt-openpay-before:before, .c-pmt-openpay:active, .c-pmt-openpay:focus, .c-pmt-openpay:hover { background-position: -581.66666666667px -402px; width: 55px; height: 55.333333333333px; }.c-pmt-openpay_ET, .c-pmt-openpay_ET-after:after, .c-pmt-openpay_ET-before:before, .c-pmt-openpay_ET:active, .c-pmt-openpay_ET:focus, .c-pmt-openpay_ET:hover { background-position: -581.66666666667px -466.66666666667px; width: 55px; height: 55.333333333333px; }.c-pmt-mercadopago_bank_banamex, .c-pmt-mercadopago_bank_banamex-after:after, .c-pmt-mercadopago_bank_banamex-before:before, .c-pmt-mercadopago_bank_banamex:active, .c-pmt-mercadopago_bank_banamex:focus, .c-pmt-mercadopago_bank_banamex:hover { background-position: -746.33333333333px -81.333333333333px; width: 55px; height: 55.333333333333px; }.c-pmt-mercadopago_bank_bancomer, .c-pmt-mercadopago_bank_bancomer-after:after, .c-pmt-mercadopago_bank_bancomer-before:before, .c-pmt-mercadopago_bank_bancomer:active, .c-pmt-mercadopago_bank_bancomer:focus, .c-pmt-mercadopago_bank_bancomer:hover { background-position: -746.33333333333px -137.33333333333px; width: 55px; height: 55.333333333333px; }.c-pmt-mercadopago_card, .c-pmt-mercadopago_card-after:after, .c-pmt-mercadopago_card-before:before, .c-pmt-mercadopago_card:active, .c-pmt-mercadopago_card:focus, .c-pmt-mercadopago_card:hover { background-position: -746.33333333333px -193.33333333333px; width: 55px; height: 55.333333333333px; }.c-pmt-cod, .c-pmt-cod-after:after, .c-pmt-cod-before:before, .c-pmt-cod:active, .c-pmt-cod:focus, .c-pmt-cod:hover { background-position: -746.33333333333px -249.33333333333px; width: 55px; height: 55px; }.c-pmt-cashepay, .c-pmt-cashepay-after:after, .c-pmt-cashepay-before:before, .c-pmt-cashepay:active, .c-pmt-cashepay:focus, .c-pmt-cashepay:hover { background-position: -746.33333333333px -305px; width: 55px; height: 55px; }.c-sm-ship-store, .c-sm-ship-store-after:after, .c-sm-ship-store-before:before, .c-sm-ship-store:active, .c-sm-ship-store:focus, .c-sm-ship-store:hover { background-position: -746.33333333333px -360.66666666667px; width: 55px; height: 55px; }.c-sm-ship-free, .c-sm-ship-free-after:after, .c-sm-ship-free-before:before, .c-sm-ship-free:active, .c-sm-ship-free:focus, .c-sm-ship-free:hover { background-position: -746.33333333333px -416.33333333333px; width: 55px; height: 55px; }.c-sm-ship-flat, .c-sm-ship-flat-after:after, .c-sm-ship-flat-before:before, .c-sm-ship-flat:active, .c-sm-ship-flat:focus, .c-sm-ship-flat:hover { background-position: -746.33333333333px -472px; width: 55px; height: 55px; }.c-sm-ship-pickup, .c-sm-ship-pickup-after:after, .c-sm-ship-pickup-before:before, .c-sm-ship-pickup:active, .c-sm-ship-pickup:focus, .c-sm-ship-pickup:hover { background-position: -746.33333333333px -527.66666666667px; width: 55px; height: 55px; }.c-pmt-firstdata, .c-pmt-firstdata-after:after, .c-pmt-firstdata-before:before, .c-pmt-firstdata:active, .c-pmt-firstdata:focus, .c-pmt-firstdata:hover { background-position: -746.33333333333px -583.33333333333px; width: 55px; height: 55px; }.c-pmt-mercadopago, .c-pmt-mercadopago-after:after, .c-pmt-mercadopago-before:before, .c-pmt-mercadopago:active, .c-pmt-mercadopago:focus, .c-pmt-mercadopago:hover { background-position: -746.33333333333px -639px; width: 55px; height: 55px; }.c-pmt-bankdeposit, .c-pmt-bankdeposit-after:after, .c-pmt-bankdeposit-before:before, .c-pmt-bankdeposit:active, .c-pmt-bankdeposit:focus, .c-pmt-bankdeposit:hover { background-position: -746.33333333333px -694.66666666667px; width: 55px; height: 55px; }.c-label-netpay, .c-label-netpay-after:after, .c-label-netpay-before:before, .c-label-netpay:active, .c-label-netpay:focus, .c-label-netpay:hover { background-position: -528.66666666667px -596px; width: 106.66666666667px; height: 26.333333333333px; }.c-btn-amex-sm-white, .c-btn-amex-sm-white-after:after, .c-btn-amex-sm-white-before:before, .c-btn-amex-sm-white:active, .c-btn-amex-sm-white:focus, .c-btn-amex-sm-white:hover { background-position: 0 -783.33333333333px; width: 69px; height: 40px; }.c-btn-paypal-sm-white, .c-btn-paypal-sm-white-after:after, .c-btn-paypal-sm-white-before:before, .c-btn-paypal-sm-white:active, .c-btn-paypal-sm-white:focus, .c-btn-paypal-sm-white:hover { background-position: -69.666666666667px -783.33333333333px; width: 66px; height: 40px; }.c-mn-logo-2, .c-mn-logo-2-after:after, .c-mn-logo-2-before:before, .c-mn-logo-2:active, .c-mn-logo-2:focus, .c-mn-logo-2:hover { background-position: 0 -824px; width: 50px; height: 50px; }.c-mn_box, .c-mn_box-after:after, .c-mn_box-before:before, .c-mn_box:active, .c-mn_box:focus, .c-mn_box:hover { background-position: -50.666666666667px -824px; width: 50px; height: 50px; }.c-btn-bbva-sm-white, .c-btn-bbva-sm-white-after:after, .c-btn-bbva-sm-white-before:before, .c-btn-bbva-sm-white:active, .c-btn-bbva-sm-white:focus, .c-btn-bbva-sm-white:hover { background-position: -136.33333333333px -783.33333333333px; width: 62.333333333333px; height: 40px; }.c-label-citibanamex, .c-label-citibanamex-after:after, .c-label-citibanamex-before:before, .c-label-citibanamex:active, .c-label-citibanamex:focus, .c-label-citibanamex:hover { background-position: -492.66666666667px -646.66666666667px; width: 120px; height: 20px; }.c-label-compropago, .c-label-compropago-after:after, .c-label-compropago-before:before, .c-label-compropago:active, .c-label-compropago:focus, .c-label-compropago:hover { background-position: -497.33333333333px -682px; width: 120px; height: 18.333333333333px; }.c-btn-visa-sm-white, .c-btn-visa-sm-white-after:after, .c-btn-visa-sm-white-before:before, .c-btn-visa-sm-white:active, .c-btn-visa-sm-white:focus, .c-btn-visa-sm-white:hover { background-position: -199.33333333333px -783.33333333333px; width: 55px; height: 40px; }.c-btn-extra-sm-white, .c-btn-extra-sm-white-after:after, .c-btn-extra-sm-white-before:before, .c-btn-extra-sm-white:active, .c-btn-extra-sm-white:focus, .c-btn-extra-sm-white:hover { background-position: -255px -783.33333333333px; width: 54px; height: 40px; }.c-icon-call, .c-icon-call-after:after, .c-icon-call-before:before, .c-icon-call:active, .c-icon-call:focus, .c-icon-call:hover { background-position: -590.33333333333px -531.33333333333px; width: 45px; height: 45px; }.c-icon-chat, .c-icon-chat-after:after, .c-icon-chat-before:before, .c-icon-chat:active, .c-icon-chat:focus, .c-icon-chat:hover { background-position: -101.33333333333px -824px; width: 45px; height: 45px; }.c-icon-kitchen, .c-icon-kitchen-after:after, .c-icon-kitchen-before:before, .c-icon-kitchen:active, .c-icon-kitchen:focus, .c-icon-kitchen:hover { background-position: -147px -824px; width: 45px; height: 45px; }.c-btn-carnet-sm-white, .c-btn-carnet-sm-white-after:after, .c-btn-carnet-sm-white-before:before, .c-btn-carnet-sm-white:active, .c-btn-carnet-sm-white:focus, .c-btn-carnet-sm-white:hover { background-position: -309.66666666667px -783.33333333333px; width: 44.333333333333px; height: 40px; }.c-openpay-header, .c-openpay-header-after:after, .c-openpay-header-before:before, .c-openpay-header:active, .c-openpay-header:focus, .c-openpay-header:hover { background-position: -295.66666666667px -742.66666666667px; width: 72px; height: 24px; }.c-paypal-header, .c-paypal-header-after:after, .c-paypal-header-before:before, .c-paypal-header:active, .c-paypal-header:focus, .c-paypal-header:hover { background-position: -368.33333333333px -742.66666666667px; width: 72px; height: 24px; }.c-banamex-header, .c-banamex-header-after:after, .c-banamex-header-before:before, .c-banamex-header:active, .c-banamex-header:focus, .c-banamex-header:hover { background-position: -441px -742.66666666667px; width: 72px; height: 24px; }.c-compropago-header, .c-compropago-header-after:after, .c-compropago-header-before:before, .c-compropago-header:active, .c-compropago-header:focus, .c-compropago-header:hover { background-position: -513.66666666667px -742.66666666667px; width: 72px; height: 24px; }.c-btn-oxxo-sm-white, .c-btn-oxxo-sm-white-after:after, .c-btn-oxxo-sm-white-before:before, .c-btn-oxxo-sm-white:active, .c-btn-oxxo-sm-white:focus, .c-btn-oxxo-sm-white:hover { background-position: -354.66666666667px -783.33333333333px; width: 42px; height: 40px; }.c-mn-cat-icon-3, .c-mn-cat-icon-3-after:after, .c-mn-cat-icon-3-before:before, .c-mn-cat-icon-3:active, .c-mn-cat-icon-3:focus, .c-mn-cat-icon-3:hover { background-position: -397.33333333333px -783.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-8, .c-mn-cat-icon-8-after:after, .c-mn-cat-icon-8-before:before, .c-mn-cat-icon-8:active, .c-mn-cat-icon-8:focus, .c-mn-cat-icon-8:hover { background-position: -438px -783.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-7, .c-mn-cat-icon-7-after:after, .c-mn-cat-icon-7-before:before, .c-mn-cat-icon-7:active, .c-mn-cat-icon-7:focus, .c-mn-cat-icon-7:hover { background-position: -478.66666666667px -783.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-4, .c-mn-cat-icon-4-after:after, .c-mn-cat-icon-4-before:before, .c-mn-cat-icon-4:active, .c-mn-cat-icon-4:focus, .c-mn-cat-icon-4:hover { background-position: -519.33333333333px -783.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-5, .c-mn-cat-icon-5-after:after, .c-mn-cat-icon-5-before:before, .c-mn-cat-icon-5:active, .c-mn-cat-icon-5:focus, .c-mn-cat-icon-5:hover { background-position: -560px -783.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-9, .c-mn-cat-icon-9-after:after, .c-mn-cat-icon-9-before:before, .c-mn-cat-icon-9:active, .c-mn-cat-icon-9:focus, .c-mn-cat-icon-9:hover { background-position: -600.66666666667px -783.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-6, .c-mn-cat-icon-6-after:after, .c-mn-cat-icon-6-before:before, .c-mn-cat-icon-6:active, .c-mn-cat-icon-6:focus, .c-mn-cat-icon-6:hover { background-position: -641.33333333333px -783.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-1, .c-mn-cat-icon-1-after:after, .c-mn-cat-icon-1-before:before, .c-mn-cat-icon-1:active, .c-mn-cat-icon-1:focus, .c-mn-cat-icon-1:hover { background-position: -682px -783.33333333333px; width: 40px; height: 40px; }.c-mn-cat-icon-2, .c-mn-cat-icon-2-after:after, .c-mn-cat-icon-2-before:before, .c-mn-cat-icon-2:active, .c-mn-cat-icon-2:focus, .c-mn-cat-icon-2:hover { background-position: -722.66666666667px -783.33333333333px; width: 40px; height: 40px; }.c-btn-mastercard-sm-white, .c-btn-mastercard-sm-white-after:after, .c-btn-mastercard-sm-white-before:before, .c-btn-mastercard-sm-white:active, .c-btn-mastercard-sm-white:focus, .c-btn-mastercard-sm-white:hover { background-position: -706.33333333333px -418px; width: 38.333333333333px; height: 40px; }.c-label-mitwpp, .c-label-mitwpp-after:after, .c-label-mitwpp-before:before, .c-label-mitwpp:active, .c-label-mitwpp:focus, .c-label-mitwpp:hover { background-position: -586.33333333333px -742.66666666667px; width: 69.333333333333px; height: 22px; }.c-btn-chedraui-sm-white, .c-btn-chedraui-sm-white-after:after, .c-btn-chedraui-sm-white-before:before, .c-btn-chedraui-sm-white:active, .c-btn-chedraui-sm-white:focus, .c-btn-chedraui-sm-white:hover { background-position: -706.33333333333px -483.66666666667px; width: 32px; height: 40px; }.c-label-stripe, .c-label-stripe-after:after, .c-label-stripe-before:before, .c-label-stripe:active, .c-label-stripe:focus, .c-label-stripe:hover { background-position: -656.33333333333px -742.66666666667px; width: 50.333333333333px; height: 20px; }.c-sucursales_icon_1, .c-sucursales_icon_1-after:after, .c-sucursales_icon_1-before:before, .c-sucursales_icon_1:active, .c-sucursales_icon_1:focus, .c-sucursales_icon_1:hover { background-position: -706.33333333333px -549.33333333333px; width: 29.333333333333px; height: 30px; }.c-sucursales_icon_2, .c-sucursales_icon_2-after:after, .c-sucursales_icon_2-before:before, .c-sucursales_icon_2:active, .c-sucursales_icon_2:focus, .c-sucursales_icon_2:hover { background-position: -706.33333333333px -615px; width: 29.333333333333px; height: 30px; }.c-sucursales_icon_3, .c-sucursales_icon_3-after:after, .c-sucursales_icon_3-before:before, .c-sucursales_icon_3:active, .c-sucursales_icon_3:focus, .c-sucursales_icon_3:hover { background-position: -746.33333333333px -750.33333333333px; width: 29.333333333333px; height: 30px; }.c-COPPEL, .c-COPPEL-after:after, .c-COPPEL-before:before, .c-COPPEL:active, .c-COPPEL:focus, .c-COPPEL:hover { background-position: -601.33333333333px -160.33333333333px; width: 35px; height: 21.666666666667px; }.c-EXTRA, .c-EXTRA-after:after, .c-EXTRA-before:before, .c-EXTRA:active, .c-EXTRA:focus, .c-EXTRA:hover { background-position: -776.33333333333px -750.33333333333px; width: 35px; height: 21.666666666667px; }.c-FARMACIA_BENAVIDES, .c-FARMACIA_BENAVIDES-after:after, .c-FARMACIA_BENAVIDES-before:before, .c-FARMACIA_BENAVIDES:active, .c-FARMACIA_BENAVIDES:focus, .c-FARMACIA_BENAVIDES:hover { background-position: -763.33333333333px -783.33333333333px; width: 35px; height: 21.666666666667px; }.c-OXXO, .c-OXXO-after:after, .c-OXXO-before:before, .c-OXXO:active, .c-OXXO:focus, .c-OXXO:hover { background-position: -192.66666666667px -824px; width: 35px; height: 21.666666666667px; }.c-SEVEN_ELEVEN, .c-SEVEN_ELEVEN-after:after, .c-SEVEN_ELEVEN-before:before, .c-SEVEN_ELEVEN:active, .c-SEVEN_ELEVEN:focus, .c-SEVEN_ELEVEN:hover { background-position: -228.33333333333px -824px; width: 35px; height: 21.666666666667px; }.c-ELEKTRA, .c-ELEKTRA-after:after, .c-ELEKTRA-before:before, .c-ELEKTRA:active, .c-ELEKTRA:focus, .c-ELEKTRA:hover { background-position: -264px -824px; width: 35px; height: 21.666666666667px; }.c-CASA_LEY, .c-CASA_LEY-after:after, .c-CASA_LEY-before:before, .c-CASA_LEY:active, .c-CASA_LEY:focus, .c-CASA_LEY:hover { background-position: -299.66666666667px -824px; width: 35px; height: 21.666666666667px; }.c-FARMACIA_ABC, .c-FARMACIA_ABC-after:after, .c-FARMACIA_ABC-before:before, .c-FARMACIA_ABC:active, .c-FARMACIA_ABC:focus, .c-FARMACIA_ABC:hover { background-position: -335.33333333333px -824px; width: 35px; height: 21.666666666667px; }.c-FARMACIA_ESQUIVAR, .c-FARMACIA_ESQUIVAR-after:after, .c-FARMACIA_ESQUIVAR-before:before, .c-FARMACIA_ESQUIVAR:active, .c-FARMACIA_ESQUIVAR:focus, .c-FARMACIA_ESQUIVAR:hover { background-position: -371px -824px; width: 35px; height: 21.666666666667px; }.c-PITICO, .c-PITICO-after:after, .c-PITICO-before:before, .c-PITICO:active, .c-PITICO:focus, .c-PITICO:hover { background-position: -406.66666666667px -824px; width: 35px; height: 21.666666666667px; }.c-TELECOMM, .c-TELECOMM-after:after, .c-TELECOMM-before:before, .c-TELECOMM:active, .c-TELECOMM:focus, .c-TELECOMM:hover { background-position: -442.33333333333px -824px; width: 35px; height: 21.666666666667px; }.c-CHEDRAUI, .c-CHEDRAUI-after:after, .c-CHEDRAUI-before:before, .c-CHEDRAUI:active, .c-CHEDRAUI:focus, .c-CHEDRAUI:hover { background-position: -478px -824px; width: 35px; height: 21.666666666667px; }.c-btn-visa-sm, .c-btn-visa-sm-after:after, .c-btn-visa-sm-before:before, .c-btn-visa-sm:active, .c-btn-visa-sm:focus, .c-btn-visa-sm:hover { background-position: -242.66666666667px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-kiosko-sm, .c-btn-kiosko-sm-after:after, .c-btn-kiosko-sm-before:before, .c-btn-kiosko-sm:active, .c-btn-kiosko-sm:focus, .c-btn-kiosko-sm:hover { background-position: -278.33333333333px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-prendamex-sm, .c-btn-prendamex-sm-after:after, .c-btn-prendamex-sm-before:before, .c-btn-prendamex-sm:active, .c-btn-prendamex-sm:focus, .c-btn-prendamex-sm:hover { background-position: -314px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-carnet-sm, .c-btn-carnet-sm-after:after, .c-btn-carnet-sm-before:before, .c-btn-carnet-sm:active, .c-btn-carnet-sm:focus, .c-btn-carnet-sm:hover { background-position: -349.66666666667px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-elektra-sm, .c-btn-elektra-sm-after:after, .c-btn-elektra-sm-before:before, .c-btn-elektra-sm:active, .c-btn-elektra-sm:focus, .c-btn-elektra-sm:hover { background-position: -385.33333333333px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-inbursa-sm, .c-btn-inbursa-sm-after:after, .c-btn-inbursa-sm-before:before, .c-btn-inbursa-sm:active, .c-btn-inbursa-sm:focus, .c-btn-inbursa-sm:hover { background-position: -421px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-oxxo-sm, .c-btn-oxxo-sm-after:after, .c-btn-oxxo-sm-before:before, .c-btn-oxxo-sm:active, .c-btn-oxxo-sm:focus, .c-btn-oxxo-sm:hover { background-position: -456.66666666667px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-bbva-sm, .c-btn-bbva-sm-after:after, .c-btn-bbva-sm-before:before, .c-btn-bbva-sm:active, .c-btn-bbva-sm:focus, .c-btn-bbva-sm:hover { background-position: -492.33333333333px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-extra-sm, .c-btn-extra-sm-after:after, .c-btn-extra-sm-before:before, .c-btn-extra-sm:active, .c-btn-extra-sm:focus, .c-btn-extra-sm:hover { background-position: -528px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-amex-sm, .c-btn-amex-sm-after:after, .c-btn-amex-sm-before:before, .c-btn-amex-sm:active, .c-btn-amex-sm:focus, .c-btn-amex-sm:hover { background-position: -563.66666666667px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-waldos-sm, .c-btn-waldos-sm-after:after, .c-btn-waldos-sm-before:before, .c-btn-waldos-sm:active, .c-btn-waldos-sm:focus, .c-btn-waldos-sm:hover { background-position: -599.33333333333px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-coppel-sm, .c-btn-coppel-sm-after:after, .c-btn-coppel-sm-before:before, .c-btn-coppel-sm:active, .c-btn-coppel-sm:focus, .c-btn-coppel-sm:hover { background-position: -635px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-banamex-sm, .c-btn-banamex-sm-after:after, .c-btn-banamex-sm-before:before, .c-btn-banamex-sm:active, .c-btn-banamex-sm:focus, .c-btn-banamex-sm:hover { background-position: -670.66666666667px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-mastercard-sm, .c-btn-mastercard-sm-after:after, .c-btn-mastercard-sm-before:before, .c-btn-mastercard-sm:active, .c-btn-mastercard-sm:focus, .c-btn-mastercard-sm:hover { background-position: -706.33333333333px -722.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-banorte-sm, .c-btn-banorte-sm-after:after, .c-btn-banorte-sm-before:before, .c-btn-banorte-sm:active, .c-btn-banorte-sm:focus, .c-btn-banorte-sm:hover { background-position: -707.33333333333px -742.66666666667px; width: 35px; height: 19.333333333333px; }.c-btn-esquivar-sm, .c-btn-esquivar-sm-after:after, .c-btn-esquivar-sm-before:before, .c-btn-esquivar-sm:active, .c-btn-esquivar-sm:focus, .c-btn-esquivar-sm:hover { background-position: -513.66666666667px -824px; width: 35px; height: 19.333333333333px; }.c-btn-paypal-sm, .c-btn-paypal-sm-after:after, .c-btn-paypal-sm-before:before, .c-btn-paypal-sm:active, .c-btn-paypal-sm:focus, .c-btn-paypal-sm:hover { background-position: -549.33333333333px -824px; width: 35px; height: 19.333333333333px; }.c-btn-7eleven-sm, .c-btn-7eleven-sm-after:after, .c-btn-7eleven-sm-before:before, .c-btn-7eleven-sm:active, .c-btn-7eleven-sm:focus, .c-btn-7eleven-sm:hover { background-position: -585px -824px; width: 35px; height: 19.333333333333px; }.c-btn-santander-sm, .c-btn-santander-sm-after:after, .c-btn-santander-sm-before:before, .c-btn-santander-sm:active, .c-btn-santander-sm:focus, .c-btn-santander-sm:hover { background-position: -620.66666666667px -824px; width: 35px; height: 19.333333333333px; }.c-btn-f-benavides-sm, .c-btn-f-benavides-sm-after:after, .c-btn-f-benavides-sm-before:before, .c-btn-f-benavides-sm:active, .c-btn-f-benavides-sm:focus, .c-btn-f-benavides-sm:hover { background-position: -656.33333333333px -824px; width: 35px; height: 19.333333333333px; }.c-btn-chedraui-sm, .c-btn-chedraui-sm-after:after, .c-btn-chedraui-sm-before:before, .c-btn-chedraui-sm:active, .c-btn-chedraui-sm:focus, .c-btn-chedraui-sm:hover { background-position: -692px -824px; width: 35px; height: 19.333333333333px; }.c-btn-paycash-sm, .c-btn-paycash-sm-after:after, .c-btn-paycash-sm-before:before, .c-btn-paycash-sm:active, .c-btn-paycash-sm:focus, .c-btn-paycash-sm:hover { background-position: -727.66666666667px -824px; width: 35px; height: 19.333333333333px; }.c-btn-hsbc-sm, .c-btn-hsbc-sm-after:after, .c-btn-hsbc-sm-before:before, .c-btn-hsbc-sm:active, .c-btn-hsbc-sm:focus, .c-btn-hsbc-sm:hover { background-position: -763.33333333333px -824px; width: 35px; height: 19.333333333333px; }.c-calendar, .c-calendar-after:after, .c-calendar-before:before, .c-calendar:active, .c-calendar:focus, .c-calendar:hover { background-position: -706.33333333333px -580px; width: 25px; height: 25px; }.c-gift_icon, .c-gift_icon-after:after, .c-gift_icon-before:before, .c-gift_icon:active, .c-gift_icon:focus, .c-gift_icon:hover { background-position: -721.66666666667px -53.333333333333px; width: 24px; height: 24px; }.c-label-cashepay, .c-label-cashepay-after:after, .c-label-cashepay-before:before, .c-label-cashepay:active, .c-label-cashepay:focus, .c-label-cashepay:hover { background-position: -620.66666666667px -117.33333333333px; width: 19.333333333333px; height: 19.333333333333px; }.c-flag-es, .c-flag-es-after:after, .c-flag-es-before:before, .c-flag-es:active, .c-flag-es:focus, .c-flag-es:hover { background-position: -613.33333333333px -646.66666666667px; width: 23px; height: 15px; }.c-flag-en, .c-flag-en-after:after, .c-flag-en-before:before, .c-flag-en:active, .c-flag-en:focus, .c-flag-en:hover { background-position: -721.33333333333px -115.66666666667px; width: 23px; height: 15px; }.c-icon_mexican_flag, .c-icon_mexican_flag-after:after, .c-icon_mexican_flag-before:before, .c-icon_mexican_flag:active, .c-icon_mexican_flag:focus, .c-icon_mexican_flag:hover { background-position: -721.66666666667px -178px; width: 15px; height: 15px; }@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
	.webp .spr {
	background-image: url(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@2x.webp?20260923121912);
	}
	.no-webp .spr {
		background-image: url(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@2x.png?20260923121912);
	}
	.spr,
	.spr-after:after,
	.spr-before:before {
		-webkit-background-size: 824px 874px;
		-moz-background-size: 824px 874px;
		background-size: 824px 874px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3) {
	.webp .spr {
	background-image: url(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@3x.webp?20260923121912);
	}
	.no-webp .spr {
		background-image: url(https://panyoli.httcommerce.com/includes/templates/bootstrap/images/sprites/sprites@3x.png?20260923121912);
	}
	.spr,
	.spr-after:after,
	.spr-before:before {
		-webkit-background-size: 824px 874px;
		-moz-background-size: 824px 874px;
		background-size: 824px 874px;
	}
}