/* [JOSE] Import Google Fonts to avoid text flickering */
/* ubuntu-300 - latin */
/* [Sergi]
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300.eot');
    src: local(''), url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300.eot?#iefix') format('embedded-opentype'),
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300.woff2') format('woff2'),
    url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300.woff') format('woff'),
    url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300.ttf') format('truetype'),
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300.svg#Ubuntu') format('svg');
    font-display: swap;
}
*/
/* ubuntu-regular - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''), url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* ubuntu-italic - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    src: url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* ubuntu-300italic - latin */
/* [Sergi]
@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 300;
    src: url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300italic.eot');
    src: local(''), url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300italic.eot?#iefix') format('embedded-opentype'),
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300italic.woff2') format('woff2'),
    url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300italic.woff') format('woff'),
    url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300italic.ttf') format('truetype'),
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-300italic.svg#Ubuntu') format('svg');
    font-display: swap;
}
*/
/* ubuntu-500 - latin */
/* [Sergi]
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500.eot');
    src: local(''), url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500.eot?#iefix') format('embedded-opentype'),
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500.woff2') format('woff2'),
    url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500.woff') format('woff'),
    url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500.ttf') format('truetype'),
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500.svg#Ubuntu') format('svg');
    font-display: swap;
}
*/
/* ubuntu-500italic - latin */
/* [Sergi]
@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 500;
    src: url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500italic.eot');
    src: local(''), url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500italic.eot?#iefix') format('embedded-opentype'),
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500italic.woff2') format('woff2'),
    url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500italic.woff') format('woff'),
    url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500italic.ttf') format('truetype'),
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-500italic.svg#Ubuntu') format('svg');
    font-display: swap;
}
*/
/* ubuntu-700italic - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 700;
    src: url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* ubuntu-700 - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''), url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://static1.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700.woff') format('woff'), /* Modern Browsers */
    url('https://static2.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('https://static3.idnovate.com/themes/idnovatechild/assets/fonts/ubuntu-v19-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
    font-display: swap;
}
p {
    overflow: hidden;
}
.lead {
    font-weight: 400!important;
}
.font-weight-light {
    font-weight: 400!important;
}
.page-my-account #content .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.page-my-account #content .links a {
    display: inline-block;
    padding: 0 0.9375rem;
    margin-bottom: 1.875rem;
    font-size: 1rem;
    font-weight: 700;
    color: #7a7a7a;
    text-align: center;
    text-transform: uppercase;
}
.page-my-account #content .links a i {
    display: block;
    width: 100%;
    padding-bottom: 2.4rem;
    font-size: 2.6rem;
    color: #232323;
}
.page-my-account #content .links a span.link-item {
    display: block;
    height: 100%;
    padding: 1rem;
    background: #f8f8f8;
}
.page-my-account .page-footer {
    padding-bottom: 35px;
}
body#history .table .thead-default tr th:nth-child(5) {
    width: 221px;
}
/* Apply font to counter of products in the header cart */
.ps-shoppingcart .cart-products-count-btn {
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}
@media (max-width: 1280px) {
    body#history .table .order-actions .btn-sm,
    body#history .table th .btn-sm {
        display: block;
        margin-bottom: 5px;
    }
}
/** TERTIARY BUTTON **/
.btn-tertiary {
    color: #fff;
    background-color: #2c8dbe;
    border-color: #2c8dbe
}
.btn-tertiary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}
.btn-tertiary:focus,
.btn-tertiary.focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, 0.5)
}
.btn-tertiary.disabled,
.btn-tertiary:disabled {
    color: #fff;
    background-color: #2c8dbe;
    border-color: #2c8dbe
}
.btn-tertiary:not(:disabled):not(.disabled):active,
.btn-tertiary:not(:disabled):not(.disabled).active,
.show>.btn-tertiary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}
.btn-tertiary:not(:disabled):not(.disabled):active:focus,
.btn-tertiary:not(:disabled):not(.disabled).active:focus,
.show>.btn-tertiary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, 0.5)
}
/** MY ACCOUNT ORDER DETAIL PAGE **/
.order-message-form .form-fields label.form-control-label {text-align: right;}
/** BLOCK SEARCH STICKY **/
#sticky-search-wrapper {
    position: absolute;
    top: 50%;
    right: 8.4rem;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#sticky-search-wrapper .title {
    display: none !important;
}
#sticky-search-wrapper i.fa {
    font-size: 1.5rem;
}
#sticky-user-wrapper {
    position: absolute;
    top: 50%;
    right: 6.4rem;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#sticky-support-wrapper {
    position: absolute;
    top: 50%;
    right: 4rem;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#sticky-user-wrapper .title,
#sticky-support-wrapper .title {
    display: none !important;
}
#sticky-user-wrapper i.fa,
#sticky-support-wrapper i.fa {
    font-size: 1.5rem;
}
/** REVIEW STARS **/
.product-subtitle-rating {
    font-size: 0.85rem;
}
.product-subtitle-rating .fa-star:before {
    content: "\f005\f005\f005\f005\f005"!important;
    color: #cbc4c4;
    position: absolute;
}
.product-subtitle-rating .fa-star-0:before {
    content: "" !important;
}
.product-subtitle-rating .fa-star-05:after {
    content: "\f089";
}
.product-subtitle-rating .fa-star-1:after {
    content: "\f005";
}
.product-subtitle-rating .fa-star-15:after {
    content: "\f005\f089";
}
.product-subtitle-rating .fa-star-2:after {
    content: "\f005\f005";
}
.product-subtitle-rating .fa-star-25:after {
    content: "\f005\f005\f089";
}
.product-subtitle-rating .fa-star-3:after {
    content: "\f005\f005\f005";
}
.product-subtitle-rating .fa-star-35:after {
    content: "\f005\f005\f005\f089";
}
.product-subtitle-rating .fa-star-4:after {
    content: "\f005\f005\f005\f005";
}
.product-subtitle-rating .fa-star-45:after {
    content: "\f005\f005\f005\f005\f089";
}
.product-subtitle-rating .fa-star-5:after {
    content: "\f005\f005\f005\f005\f005";
}
.product-subtitle-rating .fa-star:after {
    color: #fbbb22;
    position: relative;
}
:not(.product-subtitle) .product-subtitle-rating .fa-star-05:after {
    margin-right: 56px;
}
:not(.product-subtitle) .product-subtitle-rating .fa-star-1:after {
    margin-right: 50px;
}
:not(.product-subtitle) .product-subtitle-rating .fa-star-15:after {
    margin-right: 43px;
}
:not(.product-subtitle) .product-subtitle-rating .fa-star-2:after {
    margin-right: 37px;
}
:not(.product-subtitle) .product-subtitle-rating .fa-star-25:after {
    margin-right: 31px;
}
:not(.product-subtitle) .product-subtitle-rating .fa-star-3:after {
    margin-right: 25px;
}
:not(.product-subtitle) .product-subtitle-rating .fa-star-35:after {
    margin-right: 19px;
}
:not(.product-subtitle) .product-subtitle-rating .fa-star-4:after {
    margin-right: 13px;
}
:not(.product-subtitle) .product-subtitle-rating .fa-star-45:after {
    margin-right: 6px;
}
body#product .product-subtitle .product-subtitle-rating .fa-star {
    width: 62px;
}
.product-subtitle-rating .fa-star-0 {
    display: none!important;
}
/** PRODUCT PAGE **/
body#product .col-add-to-cart-reviews {font-size: 0.8rem;margin-bottom: 0.4rem;width: 100%;margin-top: -0.6rem;margin-left: 7.5rem;}
body#product .col-add-to-cart-reviews span {font-size: 0.8rem!important;}
body#product .product-add-to-cart-go-reviews {text-decoration: underline;}
@media (max-width: 767px) {
    body#product .col-add-to-cart-reviews {margin-bottom: 0!important;margin-top: 0!important;margin-left: 10rem!important;}
    body#product .product-quantity>.col {margin-bottom: 0!important;}
}
#quickview-modal .quickview-info .col-add-to-cart-reviews {display: none;}
body#product .product-licenses {display: block;font-size: 0.85rem;}
.product_header_container .product-price,
.product_p_price_container .product-price {font-size: 2rem;}
.product_p_price_container .product-discount {font-size: 1.25rem;}
.custom-attribute-option {width: 100px;border-radius: 5px;}
.input-color:checked+span,
.input-color:hover+span,
.input-radio:checked+span,
.input-radio:hover+span {
    padding: 0 4px;
    border: 2px solid rgba(160, 160, 160, 0.25);
    line-height: calc(1.5rem - 4px);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 80%);
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.custom-attribute-option .product-attribute-name {
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 0.95rem;
}
.custom-attribute-option .product-price {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
}
.recommended-tooltip {
    position: relative;
    right: 25px;
    bottom: 35px;
    padding: 7px;
    border-radius: 7px;
    border: solid #ff0076;
    background: #ff0076;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 600;
    box-shadow: 5px 5px 5px -2px rgb(0 0 0 / 80%);
}
.recommended-tooltip:before {
    z-index: 10;
    content: "";
    position: absolute;
    right: 75%;
    top: 100%;
    transform: rotate(-75deg);
    width: 0;
    height: 0;
    box-sizing: border-box;
    border-top: 8px solid transparent;
    border-right: 20px solid #ff0076;
    border-bottom: 8px solid transparent;
}
#quickview-modal .modal-content {
    background: #fff;
}
/*
#quickview-modal-product-content .recommended-tooltip {
    display: none;
}
*/
#quickview-modal-product-content .fa-angle-right,
#quickview-modal-product-content .fa-angle-left {
    color: #fff;
}
/* tooltip en el quick view */
.bs-tooltip-top {z-index: 999999;}
/** MY ACCOUNT ORDERS LIST **/
body#history .text-center.order-actions {padding: 0;}
/** OTHER **/
.text-muted {
    font-size: 0.9rem;
}
.product-attributes.text-muted {
    display: inline-block;
    padding: 5px;
    color: #fff!important;
    background-color: #4cbb6c;
    /*border: 1px solid #e3e3e3;*/
    opacity: 1!important;
}
.modal-dialog {
    margin: 10px auto;
}
.product-variants>.product-variants-item {
    margin: 0.5rem 0 0;
}
.product-features {
    margin-top: 0;
}
#back-to-top {
    display: none;
}
.elementor-button {
    transition: none;
}
.elementor-counter .elementor-counter-title {
    padding-top: 15px;
    line-height: 1.5;
}
/* category footer text pending Zebra */
/*
#category .elementor-top-section {
    display: none;
}*/
/* Sticky cart */
@media (max-width: 767px) {
    body#product {
        margin-bottom: 100px;
    }
    #index .product-subtitle-rating,
    #category .product-subtitle-rating {
        min-height: 19px;
    }
}
@media (min-width: 767px) {
    #index .products-grid .product-miniature-default .product-title {
        min-height: 57px;
    }
    #category .products-grid .product-miniature-default .product-title {
        min-height: 38px;
    }
    #index .product-subtitle-rating,
    #category .product-subtitle-rating {
        min-height: 22px;
    }
}
.select-title .select-title-name {
    max-width: inherit;
}

.simpleblog__post__content p {
    overflow: hidden;
}

.simpleblog__listing__post__wrapper__content__readmore {
    clear: both;
}
.simpleblog__listing__post__wrapper__content__readmore span {
    text-decoration: none;
}

.simpleblog__listing__post__wrapper__content.card-block p {
    min-height: 405px;
}

.simpleblog__listing__post__wrapper__content__headline.post-title {
    min-height: 55px;
}

.simpleblog__post__img {
    width: 100%;
    min-height: 250px;
    text-align: center;
    display: table;
    margin-bottom: 20px;
}

.simpleblog__post__img__container {
    margin: 2rem;
    display: table-cell;
    vertical-align: middle;
}

.simpleblog__listing__post__wrapper .simpleblog__post__img__contain {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: black;
    background: rgba(255, 255, 255, 0.6);
    padding: 1.5rem;
    display: inline-block;
    max-width: 90%;
}

.simpleblog__post .simpleblog__post__img__contain {
    font-size: 2rem;
    line-height: 3.5rem;
    color: black; background: rgba(255, 255, 255, 0.6);
    padding: 2rem;
    display: inline-block;
    max-width: 90%;
}

.simpleblog__comments-empty,
.blog-mb {
    margin-bottom: 40px;
}

.see-expand,
.see-append {
    margin-top: 1rem;
}
.ns-box {
    top: 3rem;
}
#steco-conditions-to-approve {
    margin: 2rem 0 1rem;
}
.input-group .input-group-btn>.btn {
    text-transform: none;
}

.simpleblog__post a:link:not(.nav-link):not(.btn),
.simpleblog__post a:visited:not(.nav-link):not(.btn) {
    color: #007bff;
}

.category-content .title {
     font-size: 20pt;
     font-weight: bold;
}

.category-content .subtitle {
     font-size: 15pt;
     font-weight: bold;
}

.category-content .subsubtitle {
     font-size: 14pt;
     text-decoration: underline;
}

.ps-emailsubscription-block .btn-subscribe {
    background: none;
}

#footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe {
    color: white;
}

#footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover {
    color: #FF0076;
}

ul.social-list-group li.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem 0.75rem 0rem;
    background-color: #fff;
    border: none;
}

#module-ph_simpleblog-single span,
#module-ph_simpleblog-single p {
    font-family: Ubuntu, Arial, Helvetica!important;
}

.page-authentication #content {
    padding: 0rem;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    border-radius: 15px;
}

.login-form, .register-form {
    margin-top: 15px;
    padding: 2rem 4rem;
    margin: 0 auto;
}

.login-form.acc, .register-form.acc {
    border-right: 1px solid #f1f1f1;
}

.no-account {
    margin-top: 15px;
}
.no-account a {
    color: #ff0076 !important;
}

.form-search-control {
    text-align: left;
}

#search_widget .autocomplete-suggestions {
    max-height: 450px;
}

.js-product-images-modal-bg {
    display: inline-block;
    max-width: none !important;
    max-height: none !important;
    margin: auto;
    vertical-align: middle;
    z-index: -100;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-transform: translate3d(0, 0, 0) scale(7) rotate(0.01deg);
    transform: translate3d(0, 0 ,0) scale(7) rotate(0.01deg);
    min-width: 100% !important;
    min-height: 100% !important;
}

.js-product-images-modal-bg > img {
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur);
    -webkit-filter: blur(20px) brightness(60%);
    filter: blur(20px) brightness(60%);
    margin: auto;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: auto !important;
    height: auto !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.easyzoom-product,
.easyzoom-modal {
    cursor: zoom-in;
}

#content-wrapper .page-title:after {
    margin-left: 10px;
}

.elementor-text-editor a {
    text-decoration: underline;
}

/* Search bar in homepage */
.search-widget .form-search-control {
    padding-left: 3rem;
    padding-right: 1rem;
}

.search-widget .search-btn {
    left: 0;
    right: auto;
}

/* Search bar in toolbar */
.bg-search {
    background: rgba(0, 0, 0, 0.5);
    display: block;
    opacity: 0;
    z-index: -1;
    position: fixed;
    width: 100%;
    height:  100vh;
}

.bg-search-active {
    opacity: 1;
    z-index: 1;
}

#header-search-btn .fullscreen-search .form-search-control {
    padding-left: 4rem;
}
/* Adjust placeholder to input width
https://stackoverflow.com/questions/39761030/placeholder-auto-wrap-inside-a-input-field
*/
@media (max-width: 575.98px) {
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      white-space:pre-line;
      position:relative;
      top:-7px;

    }
    ::-moz-placeholder { /* Firefox 19+ */
       white-space:pre-line;
       position:relative;
       top:-7px;
    }
    :-ms-input-placeholder { /* IE 10+ */
        white-space:pre-line;
        position:relative;
        top:-7px;
    }
    :-moz-placeholder { /* Firefox 18- */
       white-space:pre-line;
       position:relative;
       top:-7px;
    }
}

/* Red border for newsletter checkbox */
.custom-checkbox-highlight span {
    border: 1px solid red !important;
}

.products-grid .product-miniature-layout-1 .product-description {
    background-color: white;
}

.whatsapp-badge {
    z-index: 3 !important;
}

.header-nav .col-auto:empty {
    display: none;
}

.alert-gdrp {
    margin-top: 1rem;
    font-size: 0.75rem;
    max-height: 100px;
    text-align: left;
    overflow: auto;
}

/* Hide WhatsApp and Tawk.to chat buttons in checkout mobile */
@media only screen and (max-width: 600px) {
    #module-steasycheckout-default .whatsappchat-anchor,
    #module-steasycheckout-default .widget-visible {
        display: none;
     }
 }

/* ===== IDN-TEXT-HIDE-RESTORE: Bootstrap 5 (PS9) eliminó la utilidad .text-hide,
 * que el theme/idnovatesupport usan para ocultar el valor base del feature de soporte
 * ("3 meses") al elegir la combinación "1 año". Restaurada (versión BS4) + regla
 * específica para los spans de soporte (display:none para no dejar hueco). ===== */
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.message-support.text-hide { display: none !important; }
/* ===== /IDN-TEXT-HIDE-RESTORE ===== */

/* ============ IDN-CONTACTFORM-POLISH v2 (home / Elementor ContactForm) ============ */
.elementor-contactform-wrapper { max-width: 720px; margin: 0 auto; background: #ffffff; border-radius: 18px; padding: 2.4rem 2.2rem; box-shadow: 0 12px 45px rgba(0,0,0,.07); }
.elementor-contactform-wrapper .contact-form,
.elementor-contactform-wrapper .form-fields { display: flex; flex-direction: column; gap: 1.45rem; }
.elementor-contactform-wrapper .form-group { margin-bottom: 0; }
/* Etiquetas */
.elementor-contactform-wrapper .form-control-label { font-weight: 600; font-size: .9rem; color: #2b2b2b; margin-bottom: .5rem; padding: 0; text-align: left; display: block; }
/* Inputs / textarea */
.elementor-contactform-wrapper .form-control,
.elementor-contactform-wrapper input[type="email"],
.elementor-contactform-wrapper input[type="text"],
.elementor-contactform-wrapper textarea {
  width: 100%; border: 1px solid #e4e4e4; border-radius: 10px; padding: .9rem 1.1rem; background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.02); transition: border-color .2s ease, box-shadow .2s ease; font-size: .95rem;
}
.elementor-contactform-wrapper .form-control::placeholder,
.elementor-contactform-wrapper textarea::placeholder { color: #bcbcbc; }
.elementor-contactform-wrapper .form-control:focus,
.elementor-contactform-wrapper textarea:focus { border-color: #ff0076; box-shadow: 0 0 0 4px rgba(255,0,118,.13); outline: none; }
.elementor-contactform-wrapper textarea { min-height: 160px; resize: vertical; }
/* Adjunto: input (nombre) + botón EN LA MISMA LÍNEA */
.elementor-contactform-wrapper .elementor-attachment-field .bootstrap-filestyle,
.elementor-contactform-wrapper .elementor-attachment-field .input-group { display: flex !important; flex-wrap: nowrap; align-items: stretch; width: 100%; }
.elementor-contactform-wrapper .elementor-attachment-field .bootstrap-filestyle > input.form-control,
.elementor-contactform-wrapper .elementor-attachment-field .input-group > input.form-control { flex: 1 1 auto; min-width: 0; border-radius: 10px 0 0 10px; border-right: 0; background: #fafafa; }
.elementor-contactform-wrapper .elementor-attachment-field .group-span-filestyle { display: flex; }
.elementor-contactform-wrapper .elementor-attachment-field .group-span-filestyle .btn,
.elementor-contactform-wrapper .elementor-attachment-field .btn {
  border-radius: 0 10px 10px 0 !important; background: #1a1a1a !important; border: 1px solid #1a1a1a !important; color: #fff !important;
  font-weight: 600 !important; white-space: nowrap !important; padding: 0 1.4rem !important; line-height: 49px !important;
  display: inline-flex !important; align-items: center !important; margin: 0 !important; transition: background .2s ease !important;
}
.elementor-contactform-wrapper .elementor-attachment-field .btn:hover { background: #ff0076 !important; border-color: #ff0076 !important; }
/* Consentimiento RGPD */
.elementor-contactform-wrapper .gdpr_module_2 { border: 1px solid #ececec; border-radius: 12px; padding: 1rem 1.15rem; background: #fcfcfc; }
.elementor-contactform-wrapper .alert-gdrp { border-radius: 10px; font-size: .82rem; line-height: 1.5; margin-top: .6rem; }
.elementor-contactform-wrapper .custom-checkbox { align-items: flex-start; gap: .5rem; }
/* reCAPTCHA centrado */
.elementor-contactform-wrapper .g-recaptcha,
.elementor-contactform-wrapper [class*="recaptcha"] { display: flex; justify-content: center; margin: .4rem 0 1rem; }
/* Botón Enviar = igual que los botones de la tienda (rosa, borde 4px, cuadrado, invierte al hover) */
.elementor-contactform-wrapper .form-footer { text-align: center; }
.elementor-contactform-wrapper button[type="submit"],
.elementor-contactform-wrapper input[type="submit"],
.elementor-contactform-wrapper .form-footer button {
  background: #ff0076 !important; color: #fff !important; border: solid 4px #ff0076 !important; border-radius: 0 !important;
  padding: .55rem 2.8rem !important; font-weight: 600 !important; font-size: 1rem !important; line-height: 1.6 !important;
  cursor: pointer; transition: all .2s ease !important;
}
.elementor-contactform-wrapper button[type="submit"]:hover,
.elementor-contactform-wrapper input[type="submit"]:hover,
.elementor-contactform-wrapper .form-footer button:hover { background: #fff !important; color: #ff0076 !important; border-color: #ff0076 !important; }
/* ============ /IDN-CONTACTFORM-POLISH ============ */


/* ============ IDN-BLOG-HOME (SOLO widget Elementor .elementor-blog-posts; NO la página /blog) ============ */
.elementor-blog-posts .row.simpleblog-posts { align-items: stretch; }
.elementor-blog-posts .simpleblog-posts-column { display: flex; flex-direction: column; }
.elementor-blog-posts .simpleblog__listing__post { display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; }
.elementor-blog-posts .simpleblog__listing__post__wrapper.cardblog {
  display: flex; flex-direction: column; height: 100%; flex: 1 1 auto; width: 100%;
  border: 1px solid #ececec; border-radius: 14px; overflow: hidden; background: #fff;
  box-shadow: 0 4px 18px rgba(0,0,0,.05); transition: transform .2s ease, box-shadow .2s ease;
}
.elementor-blog-posts .simpleblog__listing__post__wrapper.cardblog:hover {
  transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,.11);
}
.elementor-blog-posts .simpleblog__post__img { margin-bottom: 0; }
.elementor-blog-posts .simpleblog__listing__post__wrapper__content.card-block {
  display: flex; flex-direction: column; flex: 1 1 auto; padding: 1.3rem 1.3rem .4rem;
}
.elementor-blog-posts .simpleblog__listing__post__wrapper__content .elementor-align-center { margin-top: auto; padding-top: 1.1rem; }
.elementor-blog-posts .simpleblog__listing__post__wrapper__footer {
  margin-top: 0 !important; padding: .85rem 1.3rem 1.15rem !important; border-top: 1px solid #f1f1f1; font-size: .85rem;
}
.elementor-blog-posts .simpleblog__listing__post__wrapper__content__readmore.btn { white-space: nowrap; }
/* ============ /IDN-BLOG-HOME ============ */

/* ============================================================================
   IDN CHECKOUT SUMMARY (paso "Resumen de la compra") — restyle moderno
   Respeta el magenta de la tienda (#ff0076). Scoped a la columna de resumen.
   ============================================================================ */
.steco-checkout-summary .checkout-summary-block{
  background:#fff; border:1px solid #ececf1; border-radius:16px;
  padding:18px 20px; box-shadow:0 8px 30px rgba(30,30,60,.07);
}
/* lista de productos */
.steco-checkout-summary .small_cart_product_list{ margin:0; padding:0; list-style:none; }
.steco-checkout-summary .small_cart_product_list .line_item{
  padding:14px 2px; border-bottom:1px solid #f1f1f6;
}
.steco-checkout-summary .small_cart_product_list .line_item:first-child{ padding-top:4px; }
.steco-checkout-summary .small_cart_product_list .line_item:last-child{ border-bottom:0; }

/* totales — compactos y modernos (override de steasycheckout/front.css con #id + !important) */
#js-checkout-summary .cart-summary-totals{ margin-top:8px !important; opacity:1 !important; }
#js-checkout-summary .steco_cart_summay_box{ margin-bottom:0 !important; }
#js-checkout-summary .cart-summary-line{
  display:flex !important; align-items:center; justify-content:space-between;
  width:100%; padding:3px 4px !important; margin:0 !important; min-height:0 !important; font-size:15px;
}
#js-checkout-summary .cart-summary-line .label{ color:#454b5c !important; font-weight:600 !important; flex:1 1 auto; }
#js-checkout-summary .cart-summary-line .value{ color:#1f2330 !important; font-weight:700; min-width:0 !important; text-align:right; }
#js-checkout-summary .cart-summary-line .label.sub,
#js-checkout-summary .cart-summary-line .value.sub{ color:#5f6575 !important; font-weight:500 !important; font-size:14.5px; }
/* subtotales como filas de tabla con separador sutil, para que se lean mejor */
#js-checkout-summary .cart-summary-subtotals{ padding:8px 4px !important; border-bottom:1px solid #f0f1f5 !important; }
#js-checkout-summary .cart-summary-totals .cart-summary-line:not(.cart-total){ padding:8px 4px !important; border-bottom:1px solid #f0f1f5 !important; }
#js-checkout-summary .cart-summary-line.cart-total{
  margin-top:8px !important; padding:13px 16px !important;
  background:#f8f8fb; border:1px solid #ededf2; border-radius:12px; font-size:18px;
}
#js-checkout-summary .cart-summary-line.cart-total .label{ color:#1d1d2b !important; font-weight:800 !important; }
#js-checkout-summary .cart-summary-line.cart-total .value{ color:#ff0076 !important; font-weight:800; font-size:23px; line-height:1; min-width:0 !important; }

/* código promocional */
#js-checkout-summary .promo-code{ margin-top:16px; padding-top:14px; border-top:1px dashed #e7e7ef; }
#js-checkout-summary .steco_promo_title{ font-weight:700; color:#2a2a3a; margin-bottom:10px; font-size:14.5px; }
#js-checkout-summary .promo-code .input-group{ display:flex !important; align-items:stretch; flex-wrap:nowrap; }
#js-checkout-summary .promo-input.form-control{
  flex:1 1 auto; height:48px !important; min-height:48px; margin:0 !important;
  border:1px solid #dfe0ea !important; border-right:0 !important; border-radius:0 !important;
  padding:0 15px; font-size:14px; box-shadow:none; box-sizing:border-box !important; line-height:normal; background:#fff;
}
#js-checkout-summary .promo-input.form-control:focus{ border-color:#ff0076 !important; outline:none; box-shadow:none; }
#js-checkout-summary .promo-code .input-group-btn{ display:flex !important; margin:0 !important; }
#js-checkout-summary .promo-code .input-group-btn .btn,
#js-checkout-summary .promo-code .steco_btn{
  height:48px !important; min-height:48px; min-width:96px; margin:0 !important; border:0 !important; border-radius:0 !important;
  padding:0 24px !important; box-sizing:border-box !important; line-height:normal;
  display:inline-flex !important; align-items:center; justify-content:center;
  background:#1d1d2b !important; color:#fff !important; font-weight:600; transition:background .15s ease;
}
#js-checkout-summary .promo-code .input-group-btn .btn:hover,
#js-checkout-summary .promo-code .steco_btn:hover{ background:#000 !important; color:#fff !important; }

/* términos y condiciones */
#steco-conditions-to-approve{ margin:18px 0 6px; }
#steco-conditions-to-approve .js-terms{ color:#55596b; font-size:14px; line-height:1.5; }
.terms_conditions_message{ border-radius:10px; }

/* botón de pedido — conserva el magenta de la tienda, con pulido */
#payment-confirmation{ margin-top:10px; }
#payment-confirmation .btn,
#payment-confirmation button:not(.steco_btn){
  width:100%; border-radius:0; padding:16px 20px;
  font-weight:700; font-size:16px; letter-spacing:.02em;
  box-shadow:none; transition:filter .15s ease;
}
#payment-confirmation .btn:hover,
#payment-confirmation button:not(.steco_btn):hover{
  filter:brightness(1.04); transform:none; box-shadow:none;
}

/* ===== IDN CHECKOUT TERMS MODAL — estilo + (cierre via theme.js, BS4 dismiss roto en BS5) ===== */
#modal.modal{ background:rgba(20,20,40,.5); }
#modal .modal-dialog{ max-width:660px; margin:6vh auto; }
#modal .modal-content{
  position:relative; border:0; border-radius:16px; padding:8px;
  box-shadow:0 24px 70px rgba(0,0,0,.28); background:#fff;
}
#modal .st_modal_close{
  position:absolute; top:12px; right:14px; z-index:2;
  width:38px; height:38px; border:0; border-radius:50%;
  background:#f1f1f6; color:#444; font-size:20px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:background .15s ease, color .15s ease;
}
#modal .st_modal_close:hover{ background:#ff0076; color:#fff; }
#modal .js-modal-content{ padding:26px 28px !important; max-height:72vh; overflow:auto; line-height:1.6; color:#3a3e4d; }
#modal .js-modal-content h1, #modal .js-modal-content h2, #modal .js-modal-content h3{ color:#1d1d2b; }

/* ===== IDN CHECKOUT v2 — refuerzos tras feedback ===== */
/* 1) ocultar "Coste adicional" cuando esta vacio. El template le pone steco_display_none por
 * defecto y front.js se lo quita (show_payment_fee) cuando un metodo de pago tiene recargo.
 * Especificidad (1,2,0) para ganar al ".cart-summary-line{display:flex!important}" de abajo. */
#js-checkout-summary .cart-summary-line.steco_display_none{ display:none !important; }

/* 2) totales como tabla limpia: label a la izquierda, importe a la derecha, alineados */
#js-checkout-summary .cart-summary-line{
  display:flex !important; flex-direction:row !important; align-items:baseline;
  justify-content:space-between !important; gap:14px; width:100% !important; float:none !important;
  padding:5px 2px !important; margin:0 !important;
}
#js-checkout-summary .cart-summary-line > .label{ flex:1 1 auto !important; text-align:left !important; margin:0 !important; }
#js-checkout-summary .cart-summary-line > .value,
#js-checkout-summary .cart-summary-line > .value.price{
  flex:0 0 auto !important; text-align:right !important; min-width:0 !important; margin:0 !important; white-space:nowrap;
}
#js-checkout-summary .cart-summary-line.cart-total{ align-items:center; }

/* 2b) Método de pago — opciones como tarjetas modernas (blancas sobre el fondo gris del paso) */
.steco_payment .payment-options{ padding:0 !important; }
.steco_payment .payment-option{
  background:#fff !important; border:1px solid #e3e6ee !important; border-radius:12px !important;
  padding:13px 16px !important; margin:0 0 10px !important;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.steco_payment .payment-option:last-child{ margin-bottom:0 !important; }
.steco_payment .payment-option:hover{ border-color:#ffaccf !important; box-shadow:0 2px 8px rgba(0,0,0,.05) !important; }
.steco_payment .payment-option:has(input.steco-custom-input:checked){
  border-color:#ff0076 !important; background:#fff5f9 !important; box-shadow:0 2px 10px rgba(255,0,118,.10) !important;
}
/* el gris real esta en el <label> (front.css .payment-option label{background:#f2f2f2}) -> transparente */
.steco_payment .payment-option label.steco_flex_container,
.steco-payment-option .payment-option label{
  background:transparent !important; border:0 !important; padding:0 !important;
  margin:0 !important; cursor:pointer; align-items:center;
}
.steco_payment .steco_payment_option_title{ font-weight:600 !important; color:#2b2f3a !important; }

/* 3) login / nuevo cliente: tarjetas blancas tipo "metodo de pago" */
#steco_pi_forms .card{
  background:#fff !important; background-image:none !important;
  border:1px solid #e3e6ee !important; border-radius:12px !important;
  margin-bottom:10px !important; box-shadow:none !important; overflow:visible !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
#steco_pi_forms .card:last-child{ margin-bottom:0 !important; }
#steco_pi_forms .card:hover{ border-color:#ffaccf !important; box-shadow:0 2px 8px rgba(0,0,0,.05) !important; }
#steco_pi_forms .card-header,
#steco_pi_forms .card-header > div{ background:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; }
/* La barra del header se hizo transparente arriba; el módulo deja el texto del heading SELECCIONADO
   en blanco (#fff, pensado para barra oscura) porque STECO_PI_HEADING_COLOR_SELECTED está vacío.
   Sobre fondo transparente quedaba invisible (p.ej. al expandir login / tras error de credenciales).
   Forzamos un color de texto visible en todos los estados. */
#steco_pi_forms .card-header > div{ color:#444444 !important; }
#steco_pi_forms .card:has(input[name="steco_pi_form"]:checked){
  border-color:#ff0076 !important; box-shadow:0 2px 10px rgba(255,0,118,.10) !important;
}

/* separar el boton "Iniciar sesion" del de loginotp "Enviar codigo de verificacion" */
#steco_login_form .form-footer{ display:flex !important; gap:10px; flex-wrap:wrap; align-items:stretch; }
#steco_login_form .form-footer > .steco_btn{ flex:0 1 auto; margin:0 !important; }
/* botón loginotp "Enviar código": MISMO formato que el resto del tema (btn-primary): cuadrado + hover invierte */
#loginotp-send-btn,
#loginotp-send-btn.loginotp-send-btn--secondary{
  flex:0 1 auto; margin:0 !important; height:auto;
  display:inline-flex !important; align-items:center; justify-content:center; gap:8px;
  background:#ff0076 !important; color:#fff !important;
  border:solid 4px #ff0076 !important; border-radius:0 !important;
  padding:.5rem 1rem !important; font-weight:600;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
#loginotp-send-btn::before{
  font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f0e0"; /* envelope */
  font-size:.95em; line-height:1;
}
#loginotp-send-btn:hover,
#loginotp-send-btn:focus,
#loginotp-send-btn:active{
  background:#fff !important; color:#ff0076 !important; border-color:#ff0076 !important;
}

/* ===== IDN CHECKOUT v3 — botones sociales separados ===== */
#steco_pi_forms .steco_social_login_box,
.steco_social_login_box{ display:flex !important; flex-wrap:wrap; gap:8px; margin-bottom:30px !important; }
.steco_social_login_box .steco_social_login{
  margin:0 !important; border-radius:8px !important; flex:1 1 auto;
}

/* ===== IDN CHECKOUT v4 ===== */
/* 4) mostrar el radio aunque NO esté seleccionado (el tema lo oculta en modo tick_selected_only)
   y darle un círculo claramente visible (pago, login/registro y entrega) */
.tick_selected_only .steco-custom-input-box.steco-tick,
.tick_selected_only #steco_pi_forms > .card > .card-header .steco-custom-input-box.steco-tick{
  display:inline-block !important;
}
.steco-custom-input-box .steco-custom-input-item.steco-custom-input-radio{
  width:17px !important; height:17px !important;
  border:1.5px solid #bcc1d0 !important; background:#fff !important;
}
/* marcado: punto magenta relleno (anillo blanco) cuando el radio está seleccionado */
.steco-custom-input-box input[type=radio]:checked + .steco-custom-input-item.steco-custom-input-radio{
  border-color:#ff0076 !important; background:#ff0076 !important;
  box-shadow:inset 0 0 0 3px #fff !important;
}
/* ocultar el check-icono interno (usamos el punto relleno) */
.steco-custom-input-box .steco-custom-input-item.steco-custom-input-radio i.checkbox-checked{ display:none !important; }

/* 5) padding interno en las tarjetas de login / nuevo cliente (estaban pegados al borde) */
#steco_pi_forms .card-header{ padding:0 !important; }
#steco_pi_forms .card-header > div{ padding:14px 16px !important; margin:0 !important; }
#steco_pi_forms #collapse_login,
#steco_pi_forms #collapse_register{ padding:2px 16px 16px !important; }

/* el "?" de licencias: icono question-circle oscuro (igual que en el checkout) */
.steco_license_help{ cursor:help; color:#2b2f3a !important; text-decoration:none; margin-left:4px; }
.steco_license_help i{ font-size:14px; line-height:1; vertical-align:middle; }

/* tooltip magenta del "?" (ficha de producto Y quickview; replica el tooltip BS del checkout sin depender de su JS) */
.steco_license_help[data-tip]{ position:relative; }
.steco_license_help[data-tip]:hover::after,
.steco_license_help[data-tip]:focus::after{
  content:attr(data-tip);
  position:absolute; left:50%; bottom:calc(100% + 9px); transform:translateX(-50%);
  width:230px; max-width:60vw; background:#ff0076; color:#fff;
  padding:11px 14px; border-radius:8px; font-size:13px; line-height:1.4;
  font-weight:400; text-align:center; white-space:normal; z-index:100000;
  box-shadow:0 6px 20px rgba(255,0,118,.28);
}
.steco_license_help[data-tip]:hover::before,
.steco_license_help[data-tip]:focus::before{
  content:""; position:absolute; left:50%; bottom:calc(100% + 3px); transform:translateX(-50%);
  border:7px solid transparent; border-top-color:#ff0076; z-index:100000;
}

/* popup animado "añadido al carrito": separación entre la miniatura y el texto (la fila es no-gutters) */
#blockcart-notification .ns-content{ padding-left:14px; }

/* quickview: las flechas prev/next venían desactivadas (display:none final) por el tema.
   Las mostramos y solo las estilamos (SIN tocar su posición original en el lateral del modal).
   El .hide() inline del JS las sigue ocultando cuando no hay producto anterior/siguiente. */
#quickview-modal .js-quickview-np-btn{
  display:block; padding:0; text-align:center;
  width:46px; height:46px; line-height:46px; font-size:1.8rem;
  color:#1d1d2b; background:#fff; border:1px solid #e3e6ee; border-radius:50%;
  box-shadow:0 2px 12px rgba(0,0,0,.15);
}
#quickview-modal .js-quickview-np-btn:hover{ background:#ff0076; color:#fff; border-color:#ff0076; }
/* el chevron <i> tiene color propio (blanco); lo forzamos oscuro por defecto y blanco en hover */
#quickview-modal .js-quickview-np-btn i{ color:#1d1d2b; }
#quickview-modal .js-quickview-np-btn:hover i{ color:#fff; }

/* ficha de producto: compactar el espacio entre métodos de pago, banner PayPal y pestañas
   (el banner paypalfeeplus inflaba con padding:1rem y .product-tabs tenía margin-top:3rem) */
#product #ma-container_hookDisplayAfterProductAddCartBtn_4{ margin-bottom:2px !important; }
#product .paypalfeeplus_show_product17{ padding:.35rem 0 !important; margin-top:-6px !important; text-align:left !important; }
#product #paypalfeeplus_message_product{ text-align:left !important; }
#product .product-tabs{ margin-top:1.2rem !important; }

/* el banner PayPal va dentro de .product-additional-info, que añadía padding-top:1rem + border-top:
   esa era la separación grande que no se reducía. La compactamos. */
#product .product-additional-info{ padding-top:.3rem !important; border-top:0 !important; }

/* quickview: mostrar las miniaturas bajo la imagen principal (el tema las ocultaba con .mask{display:none}).
   No se inicializa su Swiper, así que las mostramos como fila horizontal clicable. */
#quickview-modal .js-qv-mask.mask{ display:block !important; margin-top:12px; }
#quickview-modal #product-images-thumbs{ overflow:visible !important; }
#quickview-modal #product-images-thumbs .swiper-wrapper{ display:flex !important; flex-wrap:wrap; gap:8px; transform:none !important; height:auto !important; }
#quickview-modal #product-images-thumbs .swiper-slide{ flex:0 0 auto; width:60px !important; height:auto !important; margin:0 !important; }
#quickview-modal #product-images-thumbs .swiper-button-prev,
#quickview-modal #product-images-thumbs .swiper-button-next{ display:none !important; }
#quickview-modal #product-images-thumbs .thumb{ cursor:pointer; border:2px solid #e3e6ee; border-radius:6px; width:100%; height:auto; transition:border-color .15s ease; }
#quickview-modal #product-images-thumbs .thumb:hover{ border-color:#ffaccf; }
#quickview-modal #product-images-thumbs .thumb.selected{ border-color:#ff0076; }

/* botón "Cancelar" del form de dirección: quitar el subrayado de btn-link, como los demás */
.steco-cancel-address, a.steco-cancel-address, a.steco-cancel-address:hover, a.steco-cancel-address:focus{ text-decoration:none !important; }

/* === #1 Botón add-to-cart: estado de carga con spinner (no botón "muerto") === */
#product .add-to-cart .spinner-icon { display: none; }
#product .add-to-cart.processing-add .bag-icon { display: none; }
#product .add-to-cart.processing-add .spinner-icon { display: inline-block; }
#product .add-to-cart.processing-add {
    opacity: 1 !important;
    cursor: wait;
    pointer-events: none;
}

/* === #2 Descripción de producto colapsable (See more / See less) === */
.product-description-collapsible {
    position: relative;
    max-height: 300px;
    overflow: hidden;
    transition: max-height .35s ease;
}
.product-description-collapsible:not(.expanded)::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 70px;
    background: linear-gradient(rgba(255,255,255,0), #fff);
    pointer-events: none;
}
.see-toggle-wrapper { margin-top: .6rem; }
.see-expand.hide, .see-append.hide { display: none; }

/* PDP: las 5 estrellas grises (en flujo) definen el ancho real; las doradas van superpuestas encima;
   así el (nº) cae justo a la derecha sin pisarse y sin adivinar un ancho fijo. */
body#product .product-subtitle-rating {
    white-space: nowrap;
    vertical-align: middle;
}
body#product .product-subtitle .product-subtitle-rating .fa-star {
    position: relative;
    display: inline-block;
    width: auto;
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px;
}
body#product .product-subtitle .product-subtitle-rating .fa-star:before {
    position: static;
}
body#product .product-subtitle .product-subtitle-rating .fa-star:after {
    position: absolute;
    left: 0;
    top: 0;
}

/* Checkout: el header simple (#checkout-header) solo lleva "Continuar comprando".
   Ocultar el botón de Soporte del header de tienda, tanto en su sitio como cuando
   el sticky lo mueve a #sticky-support-wrapper. */
body:has(#checkout-header) #header-support-btn,
body:has(#checkout-header) #sticky-support-wrapper,
body:has(#checkout-header) .header-support-btn {
    display: none !important;
}

/* IDNOVATE-PATCH (PS9): #product-modal (zoom de imagen) - el Swiper interno de miniaturas no
   inicializa, asi que las imagenes se apilan a tamano completo y alargan el modal (habia que
   scrollear). Igual que el fix de #quickview-modal: tira de miniaturas como fila compacta. */
#product-modal .modal-product-thumbs{ overflow:visible !important; height:auto !important; margin-top:10px; }
#product-modal .modal-product-thumbs .swiper-wrapper{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:8px; transform:none !important; height:auto !important; }
#product-modal .modal-product-thumbs .swiper-slide{ flex:0 0 auto; width:56px !important; height:auto !important; margin:0 !important; }
#product-modal .modal-product-thumbs .thumb{ width:100% !important; height:auto !important; cursor:pointer; border:2px solid #e3e6ee; border-radius:6px; }
#product-modal .modal-product-thumbs .swiper-button-prev,
#product-modal .modal-product-thumbs .swiper-button-next{ display:none !important; }

/* IDNOVATE-PATCH (PS9): #product-modal - centrar el dialogo en el viewport. El tema usa
   top:50% + translateY(-50%) + min-height:100% y dejaba el dialogo a ~556px (descentrado, habia
   que scrollear). Lo centramos con flex y quitamos ese posicionamiento roto. */
#product-modal.modal.show{ display:flex !important; align-items:center !important; justify-content:center !important; }
#product-modal .modal-dialog{ position:relative !important; top:0 !important; transform:none !important; min-height:0 !important; height:auto !important; margin:auto !important; }
#product-modal .modal-content{ position:relative !important; min-height:0 !important; height:auto !important; }

/* IDNOVATE-PATCH (PS9): el fondo borroso del modal es hermano del .modal-dialog; al flexar
   #product-modal se volvia un flex-item y empujaba el dialogo (pequeno, a la derecha).
   Lo sacamos del flujo (absolute) -> el unico flex-item es el dialogo -> centrado. */
#product-modal .js-product-images-modal-bg{ position:absolute !important; inset:0 !important; }

/* IDNOVATE-PATCH (PS9): galeria modal zoom - contenedor real #modal-product-thumbs (no la clase).
   Miniaturas como fila compacta + sin scroll del modal + flechas inyectadas. */
#product-modal #modal-product-thumbs{ overflow:visible !important; height:auto !important; margin-top:10px; }
#product-modal #modal-product-thumbs .swiper-wrapper{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:8px; transform:none !important; height:auto !important; }
#product-modal #modal-product-thumbs .swiper-slide{ flex:0 0 auto; width:56px !important; height:auto !important; margin:0 !important; }
#product-modal #modal-product-thumbs .js-modal-thumb{ width:100% !important; height:auto !important; cursor:pointer; border:2px solid #e3e6ee; border-radius:6px; display:block; }
#product-modal #modal-product-thumbs .js-modal-thumb.selected{ border-color:#e2127a; }
#product-modal.modal{ overflow:hidden !important; }
#product-modal .modal-body{ position:relative; }
#product-modal .idn-nav{ position:absolute; top:38%; transform:translateY(-50%); z-index:20; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:rgba(0,0,0,.45); color:#fff; font-size:20px; line-height:44px; cursor:pointer; transition:background .15s; }
#product-modal .idn-nav:hover{ background:rgba(0,0,0,.7); }
#product-modal .idn-nav-prev{ left:14px; }
#product-modal .idn-nav-next{ right:14px; }

/* IDNOVATE-PATCH (PS9): ocultar las flechas NATIVAS del Swiper del modal (no funcionan;
   navegamos con las .idn-nav inyectadas). */
#product-modal .swiper-button-next,
#product-modal .swiper-button-prev,
#product-modal .swiper-button-lock{ display:none !important; }

/* IDNOVATE-PATCH (PS9): scroll-lock del body con el buscador fullscreen abierto (que la rueda
   scrollee el desplegable de resultados, no la pagina de detras). */
body.idn-search-open {
    overflow: hidden;
}