#sp-header{
    top: 50px;z-index:101;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

#sp-header.header-nectar .container {
    background-color: #fff !important;
}
.burger-icon>span, .com-content.view-article .burger-icon>span, .com-easystore.view-checkout .burger-icon>span {
    background-color: #000000 !important;
}
.filtrado .ja-mg-sidebar.sidebar-main {
    top: 130px;
}
.logo-image {
    margin-top: -6px;
    filter: none ! IMPORTANT;
}
.onlineshops h2 {
    font-size: 24px;
}
#sp-main-body {
    padding: 130px 0;
}
.com_finder button.btn.btn-primary {
    background: #000;
}
.com_finder figure.result__image {
    max-width: 137px;
    float: inline-start;
   margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
}
.com_finder p.result-text {
    font-size: 14px;    margin-top: 10px;
}
.com_finder .mark, .com_finder mark {
    background-color: #ddd;
    border: 1px solid #000;
}
a {
    color: #000 ;
}
a:hover {
    color: #666; 
}
.wf-mediabox {
    z-index: 999999;
}
span.wf-icon-zoom-link {
    display: none;
}
.wf-mediabox-caption {
    display: none;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus, .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover , .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a  {
    color: #000000;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
    border-bottom: 0px solid rgba(32, 31, 31, 0.1) !important;
    margin-bottom: 0;
    max-width: max-content;
    text-align: center;
    margin: 0 auto;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #000;
    font-weight: bold;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
    padding: 12px 0px !important;
    margin: 5px 0px !important;
}

@media (max-width: 480px) {
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
    border-bottom: 0px solid rgba(32, 31, 31, 0.1);
    margin-bottom: 0;
    max-width: auto;
    text-align: center;
    margin: 0 auto;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul {
    margin-left: 0px;
}
li.menu-deeper.menu-parent {
    min-width: -webkit-fill-available;
}


.sun-optics .uk-width-1-2\@m.uk-scrollspy-inview .uk-panel.uk-padding.uk-width-1-1 {
        transform: scale(0.75) translate(-10%, -20%);
        padding: 0;
        position: absolute;
        left: 0;
        width: 100%;
    }
.sun-optics h2 {
    font-weight: 700;
    font-size: 36px !important;
}
.sun-optics .uk-width-1-2\@m.uk-scrollspy-inview {
    max-width: fit-content;
}
.sun-optics img.uk-transition-scale-up.uk-transition-opaque {
    filter: opacity(0.5);
}
a.sppb-btn.sppb-btn-custom.sppb-btn-custom.rustybut {
    background: #000;
    color: #fff;
}
.sun-optics h3 {
    font-size: 24px;
    line-height: 1  !important;  margin-bottom: 5px !important;
}
.uk-scope .sun-optics *+.uk-margin {
    margin-top: 10px !important;
}
}
@media (max-width: 380px) {
.sun-optics h2 {
    font-size: 34px !important;        width: max-content;
}

}
@media (min-width: 1200px) and (max-width: 1440px) {
.sp-pagebuilder-popup .sp-pagebuilder-container-popup .page-content.builder-container {
    min-width: 90vw;
    left: 5vw !important;
}
}
@media (min-width: 1080px) {
#sp-menu.menu-center .sp-megamenu-wrapper {
    margin-left: -132px;
}
}
@media (min-width: 1300px) {
    .sppb-row-container ,     .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 1280px;
    }

}
@media (min-width: 1440px) {
    .sppb-row-container, .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 90%;
    }
}
@media (max-width: 992px) {
    .logo-image-phone {
        height: 48px !Important;
    }
}
@media (min-width: 992px) and  (max-width: 1200px) {
.logo-image {        width: auto;
    height: 30px !Important;
}
}
@media (max-width: 768px) {
.shoponline img {
    height: 34vh;
    object-fit: cover;
}
    .logo-image-phone {
        height: 40px ! Important;filter: none !important;
    }
.menus , .footer h3, .menus .sppb-addon.sppb-addon-header{
    text-align: center;display: block;
}
.footer h3 {
    font-size: 20px;
    margin-bottom: 20px ! IMPORTANT;
    margin-top: 30px !important;
}
.newsletter {
        text-align: center;
        max-width: 240px;
        margin: 0 auto;
}
.newsletter input {
    max-width: 175px;
    font-size: 12px;
    margin: 0 auto;
    margin-bottom: 15px;
}
}
@media (min-width: 991.98px) {
#sp-header.header-nectar .container {
    padding: 0px 30px;
}
}


.offcanvas-menu img.logo-image {
    height: 35px;width: auto;
}
.uk-scope .uk-slideshow-items, .wk-scope .wk-slideshow-items {
    height:86.8vh;
}
.uk-scope .slides .uk-dotnav>*>* {
    border: 1px solid #d3d2d2 !important;
}
.uk-scope .slides .uk-dotnav>.uk-active>* {
    background-color: rgb(229 229 229 / 70%);
    border-color: transparent;
}
.sp-megamenu-parent li a, .sp-megamenu-parent li span, .offcanvas-menu li a, .offcanvas-menu li span {
    text-transform: uppercase;    color: #000 !important;
}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    line-height: 60px;
}



.offcanvas-menu ul.menu li:hover::after, li.sp-menu-item.current-item.active:after, li.sp-menu-item .active:after, .offcanvas-inner ul.menu>li.active:after{
width: 50px;
    height: 3px;
    background: #000;
    content: "";
    display: block;
    margin-top: -12px;
    margin-left: 0px;
}
li.sp-menu-item.alias-parent-active:after, .sp-megamenu-parent li:hover::after, li.sp-menu-item.sp-has-child:hover::after, li.sp-menu-item.active:after{
width: 50px;
    height: 3px;
    background: #000;
    content: "";
    display: block;
    margin-top: -12px;
    margin-left: 18px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:after, .offcanvas-inner ul.menu>li:after, .offcanvas-inner ul.menu>li:hover:after, .offcanvas-inner ul.menu>li.active:after,.offcanvas-menu ul.menu li:hover::after {
    margin-left: 4px !important;
    margin-top: -9px;
    margin-bottom: 5px;
}



.com-content.view-article #sp-header .sp-megamenu-parent>li.active>a, .com-content.view-article #sp-header .sp-megamenu-parent>li.active:hover>a, .com-easystore.view-checkout #sp-header .sp-megamenu-parent>li.active>a, .com-easystore.view-checkout #sp-header .sp-megamenu-parent>li.active:hover>a {
    color: #000;
}
ul.sp-dropdown-items li a {
    line-height: 30px !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #000;
}
.search-wrapper {
    position: relative; /* 1. Contenedor de referencia */
    display: inline-block; /* 2. Para que ocupe solo el espacio necesario */
}
.view-search button.btn.btn-primary {
    padding: 0px 10px;
    font-size: 16px;
    line-height: 1 !important;
    max-height: 31px;
    border: 0;
}

.com_finder .mark, .com_finder mark, .mark, mark {
    background-color: transparent;
    border: 1px solid #000;
    padding: 2px 10px 0;
}

.view-search .search-pages-counter {
    font-size: 14px;
    margin-top: 20px;
}
.search-input-container {
    position: absolute;
    top: -25%;
    left: -274%;
    transform: translateX(-50%);
    width: 140px;
    padding-top: 0px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.25s ease-in-out;
    z-index: 1000;
    background-color: #fff;
    border-radius: 0;
    /* box-shadow: 0 0px rgba(0, 0, 0, 0.2); */
    border-bottom: 2px solid;
    width: 0;
}


.search-input-container.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    width: 130px;
    transition: width .4s cubic-bezier(.1,.6,.4,1), opacity .4s cubic-bezier(.1,.6,.4,1), margin .4s cubic-bezier(.1,.6,.4,1);
}
.search-input-container input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px; 
    border: 0px solid #ccc !important;
    border-radius: 4px;margin-bottom: 0;
}
.sidebarform .mmldir-search-fields-form-elem .mmlsearch-query {
    padding: 0 !important;
    border: 0 !important;
}
.awesomplete input {
    background: #fff;
}

#searchIcon.fa-times {
    width: 27px;
}
#searchIcon:hover , #offcanvas-toggler:hover, .burger-icon:hover {
    opacity: 0.7;
    transform: scale(1.1);
}

.offcanvas-inner .search-input-container {
    display: block;
    opacity: 1;
    visibility: visible;
    top: 0;
    pointer-events: all;
    transform: none;
    position: relative;
    left: 7px;    width: 187px;
    display: inline-flex;
}

.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons {
    font-size: 25px;
}

.destaca ul.mod-articles-items.mod-articles-grid.grid-cols-4.mod-list {
    display: flex;
}


 .wk-scope .sun-optics .wk-text-center,  .uk-scope .sun-optics .uk-text-center {
    text-align: center !important;
    padding: 0;
    margin: 0;
    display: grid;
}
.sun-optics img {
    width: -webkit-fill-available;
}


.sppb-btn.rustybut, .colecciones a.uk-button {
    color: #000; font-size:20px; background:#fff;
    border: 1.8px solid #000;
    padding: 12px 30px; font-weight:600;
    border-radius: 14px;
    line-height: 1.2;
}
.sppb-btn.rustybut:hover , .colecciones a.uk-button:hover{
    color: #fff; background:#000;text-decoration:none;border-color: transparent !important;
}
.sun-optics h2 {
    font-weight: 700;
    font-size: 40px;
}


.colecciones img {
    min-width: -webkit-fill-available;
}
.colecciones .uk-inline-clip.uk-transition-toggle {
    min-width: 100%;
}
.colecciones a.uk-button {
    position: absolute;
    bottom: 6.5%;
    margin: 0 auto;
    left: calc(50% - 87px);
    padding: 10px 40px;
}
.colecciones p {
    margin: 0 auto;
}
.uk-scope .uk-overlay-primary {
    --uk-inverse: light;
    background: rgba(34, 34, 34, .5);
}
.colecciones .uk-position-relative, .uk-scope .colecciones .uk-margin {
    margin: 0;
}
.uk-scope .colecciones .uk-dotnav {
    height: 30px;
    padding-top: 10px;    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: -webkit-fill-available;
}
.center {
    margin: 0 auto;
}
img.inverse {
    filter: invert(1) !important;
}

.footer h3 {
    font-size: 20px;
    margin-bottom: 20px ! IMPORTANT;
}
/*.footer .log {
    text-align: center;
}*/
.footer ul.social-icons a {
    font-size: 20px;
}
.footer img.logo-image.cacic.center {
    height: 40px;
}
.footer .log p {
    margin: 0;
}
.footer .menus li a:hover:after {
    content: "";
    width: 33px;
    height: 2px;
    color: #ccc;
    display: block;
    background: #cbc8c8cf;
    margin-top: 5px; margin-bottom:-5px;
}

.newsletter {
    font-size: 12px;
    line-height: 1.5;
}
input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], select:not(.form-select), .form-control, .sppb-form-control {
    border-bottom: 1px solid #CCC !important;
    padding: 5px !important; color: #666 !important;
    margin-bottom: 5px !important;
}
.footer input.btn {
    color: #fff;
    font-size: 14px  !important;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0px;
}
.footer input.btn:hover {
   text-decoration:underline;
}
.newsletter input {
    max-width: 175px !important;
    font-size: 12px !important;
}
.destaca h3.mod-articles-title {
    font-size: 20px;
    margin-top: 10px;
}
.destaca h3.mod-articles-title a {
color:#000;
}
.scrollea {
    display: flex;
}
.scrollea .item {
    margin: 10px 20px 40px;
    text-align: center;
    min-width: 300px;
}
.scrollea .item:hover img, .scrollea .item:hover h3 {
    opacity: 0.8;
    transform: scale(1.1);
}

.scrollea .item:hover .cucarda{
    opacity: 1;    transform: scale(1.1);
}


.scrollea  .cucarda {
    position: absolute;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: -10px;
    margin-top: -13px;z-index: 1;
}

.sp-pagebuilder-container-popup .sppb-row-container {
    max-width: 100%;
}


@media (max-width: 767px){
    p.intro {
        color: #000;
        font-size: 20px;
        margin-bottom: 30px;
        margin-top: 0px;
    }
span.sidebarform .mmlinput-sec .label {
    color: #000;
}
    .noresult {
        font-size: 16px;
        color: #000 !important;
        text-align: center;
        font-weight: normal;
        margin-bottom: 10px;
    }
}
@media (min-width: 768px){
    p.intro {
        color: #fff;
        font-size: 20px;
        margin-bottom: 15px;
        margin-top: 109px;
    }
}
@media (min-width: 979px) and (max-width: 1400px){
    #locationresult #resulttop .row0, #locationresult #resulttop .row1 {
        width: 31.5%;
        float: left;
        margin: 10px;
        border: none;
    }
}
@media (min-width: 1400px) {
    #locationresult #resulttop .row0, #locationresult #resulttop .row1 {
        width: 32%;
    }
.sun-optics .uk-panel.uk-padding.uk-width-1-1 {
    margin: 0 auto;
    padding: 0% 26%;
}
}

@media (min-width: 768px) and (max-width: 1399px) {
.sun-optics .uk-panel.uk-padding.uk-width-1-1 {
    margin: 0 auto;
    padding: 0% 19.4%;
}
}

#maps {
    background: url(/images/Rusty/Store/store-int.jpg);
    /* background-attachment: local;  background-position-y: -2%; */
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-size: initial;z-index: 1;
    min-height: 450px;min-width: 100%;
}
.noresult {
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.map_canvas {
    z-index: 99;
}
.map_canvas img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
    width: auto !important;
    height: auto !important;
}
.mmldirectory-advanced-search-content {
    border-bottom: 0px solid #e8e8e8;
}
#maps .sidebarmenu {
    background: #000;
}

#maps .sidebarform {
    z-index: 100;
    height: 450px !important;
}

.maps #sp-main-body {
    padding: 130px 0;
}

img.mmllogo, span.myaddress a, a.mymap.mymap-inverse.resultmymap , img.mymap-icon, span.detailsicon, .leaflet-popup-tip-container {
    display: none !important;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    min-height: 55px;
    float: left;}

.myaddress {
    margin-bottom: 10px;
}
#resulttop .resultbar .locationsactive {
    border-top: 3px solid #000 !important;
    box-shadow: 1px 3px 15px #333;
}
#locationresult #resulttop address {
    width: 98%;
}
.leaflet-pane.leaflet-popup-pane .location-title a, .leaflet-pane.leaflet-popup-pane .location-title {
    margin: 0px 0px 3px !important;
    font-size: 16px;
    text-transform: uppercase;
}
.location-title, .location-title a {
    text-transform: uppercase;
}
div.row1 address, div.row0 address {
    margin-bottom: 0px;
}
.resultbar span.location-title {
    margin-top: 7px;
}
.mmlinput-sec.mmlinput-distance {
    padding: 0 !IMPORTANT;
    margin-top: -30px !important;
    margin-bottom: 5px;
}
.mmlinput-sec.mmlinput-distance output.label{
font-size:12px;
    text-transform: capitalize;
}
i.mml-icon-remove-circle {
    padding: 5px 5px 0px;
    margin-bottom: -10px;
}

.res269 main#sp-component {
    max-width: 528px;
    margin: 0 auto;
    margin-top: 50px;
}
.res269 .rsform-block.rsform-block-texto-html.rsform-type-freetext p {
    font-size: 16px;
}
.res269 .formError, .res269 .formRed, .contacto  .formError, .contacto .formRed  {
    color: #cf4d4d !important;
    font-weight: 700;
    font-size: 12px;
}
.res269 button#Ingresar , .contacto button#ENVIA{
    background: #000;
    border: 0;
}
.res269 button#Ingresar:hover , .contacto button#ENVIA:hover{
    color: #000;
    border: 1px solid #000;background:#fff;
padding:15px 31px;
}
.res269 .form-group.rsform-block.rsform-block-ingresar.rsform-type-submitbutton .formControls.col-sm-9, .contacto .form-group.rsform-block.rsform-block-ingresar.rsform-type-submitbutton .formControls.col-sm-9 {
    padding: 0 !important;
}
.res269 div#rsform_3_page_0 {
    margin-top: 20px;
}
.contacto main#sp-component {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 50px;
}
.contacto h2 {
    margin-bottom: 20px;
}
.contacto em {
    font-size: 14px;
}

input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="date"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,select:not(.form-select):focus,.form-control:focus,.sppb-form-control:focus {
    color: #000;
    background: transparent;
    border-color: #000;
    outline: 0
}
.newsletter input[type="text"]:focus {
    color: #eee;
    background: transparent;
    border-color: #eee;
    outline: 0
}

.com_finder #sp-main-body .container {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 30px;
}

.producto section#sp-main-body {
    padding-top: 130px;    background-color: #fff;
}

/* Transiciones para la imagen principal de la galería */
.main-product-image {
    transition: opacity 0.3s ease-in-out;
}

/* Estado para desvanecer la imagen */
.main-product-image.fade-out {
    opacity: 0;
}

/* Contenedor de miniaturas de galería vertical */
.gallery-thumbnails-list {
    transition: opacity 0.3s ease-in-out;
}

.gallery-thumbnails-list.fade-out {
    opacity: 0;
}

/* Transiciones para el selector de variantes (sin borde inicial) */
.variant-selector-item {
    transition: transform 0.2s ease-in-out; /* Solo transform y otros */
    /* Asegúrate de que no haya un 'border' inicial ni 'border-color' */
}

.variant-selector-item:hover {
    transform: scale(1.05); /* Ligeramente más grande al pasar el mouse */
    /* No hay border-color aquí si no quieres borde al hover */
}

/* No hay border para la variante activa si se eliminó en el JS/HTML */
.variant-selector-item.active {
    /* border: 2px solid #007bff !important; */ /* Esta línea se ELIMINA si no quieres borde activo */
}

/* Transiciones para el nombre de la variante */
.variant-name-display {
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    display: inline-block;
}

.variant-name-display.fade-and-shrink {
    opacity: 0;
    transform: scale(0.95);
}

/* --- ESTILOS CORREGIDOS PARA LA GALERÍA IZQUIERDA --- */
.gallery-thumbnail-item {
    filter: blur(0.8px); /* Aplica un ligero desenfoque a las no activas */
    border: none; /* Asegurarse de que no haya borde inicial */
    transition: filter 0.2s ease-in-out, border 0.2s ease-in-out; /* Transición para el filtro y el borde */
	margin: 0 auto;
}

.gallery-thumbnail-item.active {
    filter: none; /* Elimina cualquier filtro (blur, brillo) para la activa */
    opacity: 1; /* Asegura opacidad completa */
    /* border: 2px solid #333;  /* Comenta o elimina si no quieres borde en la activa */
}
.gallery-main-image-display {
    padding: 0;
}
/* --- Estilos para la Nueva Sección Inferior --- */
.product-details-bottom-section {
    margin-top: 3rem;
    padding: 20px; /* Añadimos padding al row contenedor */
    /* background-color: #f0f0f0; Si quieres un fondo para esta sección */
}
.view-category .container {
  padding: 0;  max-width: 100%;
}

.view-category .article-list .article .article-body .article-header h2 a {
    color: #000 !important;
    text-align: center;
}
.view-category .article-list .article .article-body .article-header h2 {
    text-align: center;
}
.view-category.recycled .article-list .article .article-body .article-header h2 a {
    color: #49847E !important;
    text-align: center;
}


.blog.producto.recycled .article-list, .blog.producto.outdoor .article-list {
    max-width: 1100px;   /* overflow: hidden;*/
    margin: 0 auto;
}

.view-article .related-article-list-container .related-article-list-wrap .article-list .article .article-header h2 a {
    color: #888 !important;
    font-size: 18px !important;
}