@import "customer.css";
@import "products.css";
@import "global.css";

/****************************** HEADER *******************************/
#header {
    height: 176px;
}

#header .header-top {
    padding: var(--spaces-sm) 0;
    border-bottom: 1px solid var(--color-secondary);
    background-color: var(--color-bg);
}

#header .header-top .header__flex {
    align-items: center;
}

#header .header-top .header__flex>div {
    padding: 0;
}

#header.fixed>div {
    top: 0;
    width: 100%;
    z-index: 99;
    max-width: initial;
    border-bottom: none !important;
    position: fixed;
    background-color: var(--color-white);
    animation: 1s ease 0s normal both 1 running fixedheader;
}

@-webkit-keyframes fixedheader {
    0% {
        top: -100%;
    }

    100% {
        top: 0;
    }
}

@-moz-keyframes fixedheader {
    0% {
        top: -100%;
    }

    100% {
        top: 0;
    }
}

@keyframes fixedheader {
    0% {
        top: -100%;
    }

    100% {
        top: 0;
    }
}

/* Top bar */
#header .displayNav>div {
    padding: 8px 0;
}

#header .displayNav span,
#header .displayNav a {
    color: var(--color-white);
    line-height: 1;
    font-size: var(--text-sm);
}

#header .displayNav div {
    display: flex;
    align-items: center;
    justify-content: end;
}

#header .displayNav a {
    gap: var(--spaces-sm);
    width: fit-content;
}

#header .displayNav a:hover {
    color: var(--color-secondary);
}

/* Logo */
#header .logo {
    height: 65px;
    width: fit-content;
    object-fit: contain;
    object-position: left;
}

/* Buscador */
#header #search {
    padding: 0 var(--spaces-md);
}

.searchbar-large {
    background-color: var(--color-bg) !important;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    width: 100%;
    color: var(--color-black);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    line-height: 1;
    height: 40px;
    padding: 10px 0 10px 15px;
}

.searchbar-large span {
    font-size: var(--text-md);
}

.searchbar-large .search-button {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    height: 40px;
    width: 60px;
    background-color: var(--color-primary);
}

#content_search {
    position: fixed;
    width: 100vw;
    height: 100dvh;
    top: 0;
    margin-top: 0;
    z-index: 9999;
    padding: var(--spaces-md) !important;
    overflow: hidden !important;
}

#content_search .close_content_search {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spaces-md);
}

#content_search .close_content_search .logo {
    width: fit-content;
    object-fit: contain;
    object-position: left;
}

#content_search .close_content_search button.close {
    background-color: var(--color-black);
    border-radius: 100%;
    opacity: 1;
    float: none;
    width: 30px;
    height: 30px;
    text-shadow: none;
    color: var(--color-white);
    font-weight: 400;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    position: relative;
}

#content_search .close_content_search button.close>span {
    line-height: 1;
    position: absolute;
    top: 0;
    font-size: 28px;
}

#content_search>form {
    position: relative;
    margin-bottom: var(--spaces-md);
}

#content_search>form>input[type="text"] {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    background-color: var(--color-white) !important;
    padding: 8px 16px !important;
    width: 100% !important;
    min-width: inherit !important;
}

#content_search>form>button[type="submit"] {
    position: absolute;
    right: 10px;
    top: 50% !important;
    transform: translateY(-50%);
    display: flex;
    outline: none;
    background-color: transparent;
    border: none;
}

#content_search .allresult_searchbar .btn {
    margin-bottom: var(--spaces-md);
}

#content_search .allresult_searchbar .btn:hover {
    text-decoration: underline;
}

#content_search .result_searchbar {
    height: calc(100% - 180px);
    overflow-y: auto;
}

#content_search .result_searchbar #js-product-list .products {
    margin: 0 !important;
    gap: 20px;
}

#content_search .result_searchbar #js-product-list .products>div {
    margin: 0;
    width: calc(20% - 20px);
}

/* Iconos */
#header .block-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#header .block-icon svg {
    width: 28px;
    height: 28px;
}

#header .block-icon .block-icon-text {
    font-size: var(--text-md);
    color: var(--color-black);
    display: block;
}

#header .block-icon:hover svg {
    opacity: .6;
}

#header .block-icon:hover .block-icon-text {
    color: var(--color-primary);
}

#header #icons .blockcart .block-icon>div {
    position: relative;
    display: flex;
}

#header #icons .blockcart a.block-icon>div {
    display: flex;
    justify-content: center;
}

#header #icons .blockcart .cart-products-count {
    position: absolute;
    top: -5px;
    right: -10px;
    background-color: var(--color-primary);
    border-radius: 100%;
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
}

/* Menu */
#header .header-bottom {
    padding: var(--spaces-sm) 0;
    background-color: var(--color-bg);
}

#header .header-bottom .header__flex {
    display: flex;
    justify-content: space-between;
}

#header .header-bottom #professional-area a {
    color: var(--color-black);
}

#header .header-bottom #professional-area a:hover {
    color: var(--color-primary);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content {
    display: flex;
    margin-bottom: 0;
    gap: 10px;
    position: relative;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item {
    padding: 0;
    margin: 0 !important;
    display: flex;
    align-items: center;

}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.only-modal {
    display: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a,
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>#element-open-modal {
    font-size: var(--text-md);
    border-bottom: none !important;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    line-height: 1;
    cursor: pointer;
    font-weight: 500;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>#element-open-modal {
    background-color: var(--color-primary);
    border-radius: var(--border-radius);
    color: var(--color-white);
    display: flex;
    gap: var(--spaces-sm);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>#element-open-modal:hover {
    background-color: var(--color-secondary);
    color: var(--color-primary);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a:hover {
    opacity: .6;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.featured>a,
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.featured>div:not(.pos-sub-menu) {
    color: var(--color-accent);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.featured .img-icon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

/* DFDMOD 11/07/25*/
#menu-horizontal {
    width: 100% !important;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>.menu_slidedown {
    top: 40px;
    left: 0 !important;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner {
    box-shadow: none;
    background-color: var(--color-white);
    padding: calc(var(--spaces-md)*2);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .submenu {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spaces-md);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .submenu>.submenu-item {
    width: calc(33.33% - 14px);
    display: flex;
    gap: var(--spaces-md);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .submenu>.submenu-item>img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    transform: none !important;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .submenu>.submenu-item>div {
    width: calc(100% - 80px);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .submenu>.submenu-item>div>a {
    border-bottom: 1px solid var(--color-secondary);
    padding-bottom: var(--spaces-sm);
    display: block;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .category-sub-menu {
    margin-top: var(--spaces-sm);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .submenu-item .category-sub-menu a:hover {
    transform: none;
    color: var(--color-accent);
}

#_desktop_megamenu .pos-menu-horizontal .menu-item .icon-drop-mobile i {
    width: fit-content;
    height: fit-content;
    line-height: 1.2;
    top: 0;
    right: 10px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-item>.icon-drop-mobile i {
    top: 15px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-item .icon-drop-mobile i.remove {
    display: none;
}
/* END */

/* Menu modal */
#menu-modal {
    overflow-y: hidden;
    display: none;
    z-index: 1050;
}

#menu-modal .modal-dialog {
    height: 100dvh;
    width: 50%;
    max-width: 500px;
}

#menu-modal .modal-content {
    border: none;
    height: 100%;
    background-color: var(--color-white) !important;
}

#menu-modal .modal-body {
    height: 100%;
}

#menu-modal .custom-modal-body {
    height: 100dvh;
    overflow-y: auto;
}

#menu-modal .close {
    float: none;
    font-size: 30px;
    font-weight: 100;
    opacity: .8;
    width: 100%;
    text-align: right;
}

#menu-modal .close i {
    color: var(--color-secondary);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content {
    flex-direction: column;
    gap: 0;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item {
    display: block;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.open-modal {
    margin-bottom: var(--spaces-sm) !important;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.only-modal {
    display: block;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item:not(.open-modal) {
    background-color: var(--color-bg);
    border-radius: var(--border-radius);
    margin-bottom: var(--spaces-sm) !important;
    height: 40px;
    align-items: center;
    display: none;
    position: relative; /* DFDMOD */
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item:not(.open-modal):hover {
    background-color: var(--color-accent) !important;
    color: var(--color-white) !important;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item:not(.open-modal):hover span {
    color: var(--color-white) !important;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item:not(.featured)>a,
#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>#element-open-modal {
    padding: 15px;
}


#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>#element-open-modal,
#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a {
    width: 100%;
}

#menu-modal #_desktop_megamenu .menu-content .pos-sub-menu,
#menu-modal #_desktop_megamenu .menu-content .pos-sub-menu .pos-menu-col {
    float: none;
    left: 0 !important;
    width: 100% !important;
    padding: 0;
    position: inherit;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner {
    box-shadow: none;
    background: none;
    padding: 20px 0;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-row {
    margin: 0 !important;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-row .ul-column {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-row .ul-column>.submenu-item {
    width: calc(50% - 10px);
    margin-bottom: 0;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-row .ul-column>.submenu-item>.item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-row .ul-column>.submenu-item>.item>.category-mini-img {
    border-radius: var(--border-radius);
    height: 60px;
    object-fit: contain;
    transform: none !important;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-row .ul-column>.submenu-item>.item>span {
    font-size: var(--text-sm);
    font-weight: 500;
    line-height: var(--line-height);
    text-align: center;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-row .ul-column>.submenu-item>.item:hover>span {
    color: var(--color-accent) !important;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .icon-drop-mobile {
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .open-modal .remove {
    display: none;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .open-modal.open_menu .add {
    display: none;
}

#menu-modal #_desktop_megamenu .pos-menu-horizontal .open-modal.open_menu .remove {
    display: block;
}

#menu-modal #_desktop_megamenu {
    position: relative;
}

#menu-modal .subcategories-item {
    position: absolute;
    transition: all .5s linear;
    background-color: var(--color-white);
    height: 100%;
    width: 100%;
    top: 0;
    transform: translateX(-100vw);
    padding: var(--spaces-md) 0;
    display: none;
}

#menu-modal .subcategories-item .subcategory-back {
    background-color: var(--color-primary);
    color: var(--color-white);
    padding: var(--spaces-sm);
    display: flex;
    align-items: center;
    gap: var(--spaces-sm);
}

#menu-modal .subcategories-item .subcategory-back .subcategory-back-button {
    display: flex;
    cursor: pointer;
}

#menu-modal .subcategories-item .subcategory-back a {
    color: var(--color-white);
    font-size: var(--text-md);
}

#menu-modal .subcategories-item .subcategory-back a:hover {
    color: var(--color-secondary);
}

#menu-modal .subcategories-item>div:not(.subcategory-back)>a {
    display: flex;
    padding: var(--spaces-sm) 0;
    color: var(--color-primary);
    border-bottom: 1px solid var(--color-secondary);
    font-size: var(--text-md);
}

#menu-modal .subcategories-item>div:not(.subcategory-back)>a:hover {
    color: var(--color-accent);
}

#menu-modal .subcategories-item>div:last-of-type {
    margin-bottom: var(--spaces-md);
}

#menu-modal .subcategories-item>div:last-of-type>a {
    border-bottom: none;
}

/****************************** HOME *******************************/
/* Titulos secciones */
.section-title {
    font-family: var(--font-secondary);
    font-size: var(--text-xl);
    font-weight: 900;
    line-height: 1;
    margin-bottom: var(--spaces-md);
}

/* Espacios secciones home */
.section-container {
    margin: var(--spaces-lg) 0;
}

/* Carrusel imagenes */
.carousel,
.carousel .carousel-inner,
.carousel .carousel-item {
    margin-bottom: 0;
}

.carousel .carousel-inner img {
    border-radius: var(--border-radius);
}

.carousel-indicators {
    display: none !important;
}

/* Texto SEO */
#text-seo {
    text-align: center;
    max-width: var(--width-container-min);
    margin-left: auto;
    margin-right: auto;
}

/* Carrusel de productos */
.featured-products .slick-track {
    margin-left: 0 !important;
}

.featured-products>.section-title {
    padding-right: 80px;
}

/* Miniatura de productos */
.product-miniature {
    margin: 0 var(--spaces-sm);
}

.product-miniature .wishlist-button-add {
    display: none;
}

.product-miniature .product-title {
    font-size: var(--text-sm);
    height: 60px;
    line-height: var(--line-height);
}

.product-miniature .product-price-and-shipping {
    margin-bottom: var(--spaces-sm);
}

.product-miniature .product-price-and-shipping .price-from {
    font-size: var(--text-sm);
    font-weight: 400;
}

.product-miniature .product-price-and-shipping .price {
    font-size: var(--text-lg);
}

.product-miniature .product-price-and-shipping .price.has-discount {
    color: var(--color-accent);
    font-weight: 500;
}

.product-miniature .product-price-and-shipping .regular-price {
    font-size: var(--text-md);
    color: var(--color-grey);
    text-decoration: line-through;
}

.product-flags li.product-flag {
    border-radius: var(--border-radius);
    pointer-events: none;
}

.product-flags li.product-flag.discount {
    background-color: var(--color-accent);
}

/* Categorias destacadas */
#dbhomecategories h2 {
    margin-bottom: var(--spaces-sm);
}

#dbhomecategories>ul {
    margin: 0 calc(var(--spaces-sm)/-1);
}

#dbhomecategories li {
    padding: 0;
    margin: var(--spaces-sm);
    display: flex;
    width: calc(16.66% - 20px);
    background-color: var(--color-bg);
    border-radius: var(--border-radius);

}

#dbhomecategories li a {
    border-radius: var(--border-radius);
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    padding: var(--spaces-sm) var(--spaces-sm) calc(var(--spaces-sm)*2) var(--spaces-sm);
    transition: all .3s;
    width: 100%;
}

#dbhomecategories li a:hover {
    border-color: var(--border-color);
    color: var(--color-accent);
}

#dbhomecategories li a>h3 {
    text-align: left;
    white-space: pre-wrap;
    margin-bottom: 0;
    padding-bottom: var(--spaces-sm);
}

#dbhomecategories li a>h3::before {
    transform: none;
    top: 5px;
}

#dbhomecategories li a>img {
    align-self: center;
    object-fit: contain;
}

/* Banner */
#banners-home .banner {
    width: 100%;
}

#banners-home .banner>img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
}

/* Categorias destacadas con productos */
.featured-products .featured-products-right-column {
    position: relative;
    padding: 0;
    margin-right: var(--spaces-sm);
}

.featured-products.column:nth-of-type(even) .featured-products-right-column {
    margin: 0 0 0 var(--spaces-sm);
}

.featured-products .featured-products-right-column>img {
    width: 100%;
    height: 100%;
    min-height: 500px;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.featured-products .featured-products-right-column>.text {
    position: absolute;
    left: 50%;
    top: var(--spaces-md);
    transform: translateX(-50%);
    width: calc(100% - calc(var(--spaces-md) * 2));
}

.featured-products .featured-products-right-column p {
    font-size: var(--text-md);
    color: var(--color-white);
}

.featured-products .featured-products-right-column p:first-of-type {
    font-family: var(--font-secondary);
    font-size: var(--text-xl);
}

.featured-products .featured-products-right-column a {
    text-align: center;
    font-size: var(--text-md);
    min-width: auto;
    color: var(--color-white);
}

.featured-products .featured-products-right-column a:hover {
    color: var(--color-accent);
}

.featured-products .section-container-products.with-column {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.featured-products.column:nth-of-type(even) .section-container-products {
    flex-direction: row-reverse;
}

.featured-products .section-container-products:not(.with-column) .product-miniature .product-image img {
    object-fit: contain;
}

.featured-products .section-container-products:not(.with-column) {
    margin: 0;
}

.featured-products .section-container-products>.section-products {
    padding: 0;
}

.featured-products .section-container-products>.section-products.with-column {
    margin-right: -10px;
}

.featured-products.column:nth-of-type(even) .section-container-products>.section-products.with-column {
    margin: 0 0 0 -20px;
}

.featured-products .section-container-products>.section-products.with-column>div {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--spaces-md);
}

.featured-products .section-container-products>.section-products.with-column>div>div {
    width: 25%;
}

/* Reassurance home */
#reassurance-home>p {
    max-width: var(--width-container-min);
    margin: 0 auto;
}

#reassurance-home .reassurances {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spaces-md);
    margin-top: calc(var(--spaces-lg)/2);
}

#reassurance-home .reassurances>.reassurance-item {
    background-color: var(--color-bg);
    border-radius: var(--border-radius);
    padding: var(--spaces-md);
    display: flex;
    flex-direction: column;
    gap: var(--spaces-md);
    width: calc(16.66% - 17px);
}

#reassurance-home .reassurances>.reassurance-item>img {
    width: 85px;
    height: 85px;
}

#reassurance-home .reassurances>.reassurance-item>p {
    margin-bottom: 0;
}

/* Contacto home */
#wrapper>.footer_block {
    float: none;
    padding: 0 !important;
}

#contact-home {
    padding: calc(var(--spaces-lg)/2) 0;
    background-image: url('/themes/dfd-suministros947/assets/img/background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#contact-home-container {
    background-color: #ffffffbf;
}

#contact-home-container .contact-home-section {
    gap: var(--spaces-md);
    margin: var(--spaces-md) 0;
}

#contact-home-container .contact-home-section>div {
    width: calc(50% - 10px);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius);
    padding: var(--spaces-md);
}

#contact-home-container .contact-home-section>div>p:first-of-type {
    font-weight: 900;
}

#contact-home-container .contact-home-section>div>p:last-of-type {
    margin: 0;
}

/****************************** FOOTER *******************************/
#footer .footer-container {
    padding: var(--spaces-lg) 0 calc(var(--spaces-lg)/2) 0;
}

/* Logo footer */
#footer-general #about-us {
    display: flex;
    flex-direction: column;
    gap: var(--spaces-md);
}

#footer-general #about-us img {
    height: 100px !important;
    width: 100% !important;
    object-fit: contain;
    object-position: left;
}

#footer-general #about-us p {
    margin-bottom: 0;
    padding-right: var(--spaces-lg);
}

/* Enlaces */
#footer-general {
    position: relative;
}

#footer-general>hr {
    height: 3px;
    border: none;
    background: var(--color-white);
    position: absolute;
    right: 15px;
    top: 88px;
    width: calc(100% - 65px);
}

#footer-general .footer_block:not(:first-of-type) {
    width: 22%;
}

#footer-general .footer_block.links .h3,
#footer-general .footer_block.links h3 {
    color: var(--color-secondary) !important;
    text-transform: uppercase;
    font-size: var(--text-lg);
    font-weight: 500;
    display: block;
    margin-bottom: var(--spaces-md);
    margin-top: 65px;
    line-height: var(--line-height);
}

#footer-general .footer_block.links ul li {
    margin-bottom: var(--spaces-sm);
}

#footer-general .contact-info {
    display: flex;
    flex-direction: column;
}

#footer-general .contact-info>.contact-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: var(--spaces-sm);
}

#footer-general #about-us p,
#footer-general .footer_block.links ul li a,
#footer-general .contact-info>.contact-info-item a,
#footer-general .contact-info>.contact-info-item span {
    font-size: var(--text-sm);
}

#footer-general .footer_block.links ul li a:hover,
#footer-general .contact-info a:hover,
#footer-general .contact-info a:hover span {
    color: var(--color-secondary);
}

/* Accesibilidad */
#accesibility {
    background-color: var(--color-secondary);
    padding: 10px 0;
}

#accesibility>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 var(--spaces-sm);
}

#accesibility>div:first-of-type {
    padding-bottom: 10px;
}

#accesibility img {
    margin: 0 10px;
}

#accesibility p {
    font-size: var(--text-xs);
    color: var(--color-black);
    margin: 5px 10px;
    text-align: center;
}

.accessibility-trigger.aioa_bottom_left button {
    left: 15px !important;
    bottom: 50px !important;
}

/****************************** CATEGORIA *******************************/
/* Top categoria*/
.block-category {
    margin-bottom: var(--spaces-md);
}

.block-category #category-description {
    line-height: var(--line-height);
    margin-top: var(--spaces-md);
}

.block-category #more-description {
    color: var(--color-primary);
    text-decoration: underline;
    cursor: pointer;
}

.block-category #more-description:hover {
    color: var(--color-secondary);
}

#view-all-categories:hover {
    color: var(--color-accent);
}


#subcategories.hidden {
    display: none;
}

#subcategories ul li {
    max-width: none;
    width: calc(20% - 20px);
    margin: var(--spaces-sm);
    flex-grow: 0;
    display: flex;

}

#subcategories ul li .subcategory-name {
    background-color: var(--color-bg);
    border-radius: var(--border-radius);
    padding: 10px 20px;
    font-size: var(--text-sm);
    width: 100%;
    line-height: var(--line-height);
}

#subcategories ul li .subcategory-name:hover {
    background-color: var(--color-primary);
    color: var(--color-white) !important;
}

/* Filtrado */
#products-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: calc(var(--spaces-lg)/2) 0;
    width: 100%;
}

#products-top>div {
    padding: 0;
}

#products-top>div:first-of-type {
    display: flex;
    flex-direction: column;
    gap: var(--spaces-sm);
}

#products-top>#js-product-list-top>div {
    padding: 0;
    justify-content: end;
}

#search_filters {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    gap: var(--spaces-sm);
    margin-right: var(--spaces-md);
}

#search_filters .facet {
    min-width: 110px
}

.facet-dropdown {
    background: var(--color-white);
    box-shadow: none;
    border: none;
    position: relative;
}


.facet-dropdown .select-title>span,
#js-products-list-top .products-sort-order label,
#js-products-list-top #selectProductSort,
.facet-dropdown .select-list,
.faceted-slider p {
    font-size: var(--text-md);
}

.facet-dropdown .select-title {
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    border: 1px solid var(--color-primary);
    height: 40px;
    color: var(--color-black);
    padding: var(--spaces-sm);
    justify-content: space-between;
}

.facet-dropdown.open>.select-title {
    border: 1px solid var(--color-secondary);
}

.facet-dropdown .dropdown-menu {
    min-width: 200px;
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 1rem;
    color: var(--color-black);
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius);

}

.facet-dropdown .select-list {
    padding: 5px 20px;
    border-bottom: 1px solid var(--color-grey);
}

.facet-dropdown .select-list:last-of-type {
    border-bottom: none;
}

.facet-dropdown .select-list:hover {
    background-color: var(--color-secondary);
    color: var(--color-black);
}

.open>.dropdown-menu {
    display: block !important;
}

.faceted-slider {
    background-color: white;
    padding: 15px;
}

.products-selection {
    margin-bottom: 0;
}

.products-sort-order {
    padding: 0;
    display: flex;
    justify-content: end;
}

#selectProductSort {
    font-size: var(--text-md);
    font-family: var(--font-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius) !important;
    height: 40px;
    padding: var(--spaces-sm) var(--spaces-md);
    max-width: none;
    width: fit-content;
    background-color: transparent !important;
}

.active_filters {
    background-color: white;
    padding: 0;
}

.active_filters .active-filter-title {
    margin-bottom: var(--spaces-sm);
    margin-top: 0;
    display: block;
    font-size: var(--text-md);
}

.active_filters>div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.active_filters ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
}

.js-search-filters-clear-all {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.js-search-filters-clear-all:hover {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    color: var(--color-primary);
}

.js-search-filters-clear-all,
.active_filters .filter-block {
    border-radius: var(--border-radius);
    font-size: var(--text-md);
    padding: 5px 10px;
    margin: 0;
    border: 1px solid var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 35px;
}

.js-search-filters-clear-all i {
    margin-top: 0 !important;
}

.active_filters .filter-block:hover {
    opacity: .6;
}

#filters_category .modal-dialog .modal-content .modal-header {
    padding: var(--spaces-sm) var(--spaces-md);
    background-color: var(--color-black);
}

#filters_category .modal-dialog .modal-content .modal-header .modal-title {
    font-size: var(--text-md);
}

#filters_category #search_filters {
    max-height: none !important;
    margin: 5px 0 0 0 !important;
    height: calc(100% - 70px);
    flex-direction: column;
}

#filters_category #search_filters>.facet {

    margin: 5px 10px;
}

#filters_category .facet-dropdown .select-title {
    justify-content: space-between;
}

#filters_category .facet-dropdown .dropdown-menu {
    max-height: none;
    box-shadow: none;
}

#filters_category #search_filter_controls {
    display: flex;
    background-color: white;
}

#filters_category #search_filter_controls .ok {
    background-color: var(--color-primary);
    border-radius: var(--border-radius);
    width: 100%;
    margin: 10px;
}

#filters_category #search_filter_controls .ok:hover {
    background-color: var(--color-primary);
}

.products-sort-order select {
    background: url('/themes/dfd-suministros947/assets/img/icons/arrow.svg') no-repeat right var(--color-grey) !important;
    -webkit-appearance: none;
    background-position: calc(100% - 10px) center !important;
    line-height: .8;
    padding-right: 30px !important;
}

/* Listado de productos */
#products .products>div {
    margin-bottom: var(--spaces-md);
    width: 16.66%;
}

/* Paginacion */
#products .pagination {
    margin: var(--spaces-md) 0 0 0;
    display: flex;
}

#products .pagination .group-button {
    justify-content: center;
}

.pagination .page-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: var(--text-md);
}

.pagination .page-list li {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal !important;
}

.pagination .page-list li.arrow {
    border: none !important;
}

.pagination .page-list li,
.pagination .page-list li>a {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.pagination .page-list li:not(.arrow):hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.pagination .page-list li.current {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.pagination .page-list li.current a {
    color: var(--color-white);
}

.pagination .page-list li a,
.pagination .page-list li .spacer {
    min-width: 35px;
    height: 35px;
    justify-content: center;
    text-align: center;
    display: flex;
    align-items: center;
}

/* Descripcion completa */
#full-description ul {
    list-style: disc;
    padding-left: var(--spaces-md);
}

/****************************** PRODUCTO *******************************/
#product #wrapper .breadcrumb li:last-child,
#product #wrapper .breadcrumb li:nth-last-child(2):after {
    display: none;
}

/* Bloque izq. */
#product .product_topview.product_columns_2 .block_left {
    width: 50%;
}

/* Imagenes */
.product-cover>.thumb-item:not(:first-of-type) {
    display: none;
}

.product-cover .slick-prev,
.product-cover .slick-next {
    width: 25px !important;
    height: 25px !important;
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);

}

.product-cover .slick-arrow img {
    background-color: transparent !important;
}

.product-cover .slick-next {
    right: 0;
}

/* Bloque der. */
#product .product_topview.product_columns_2 .block_right {
    width: calc(50% - 20px);
    height: fit-content;
    position: sticky;
    top: 100px;
}

/* Información producto */
#product .product-info .product-info-top {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: var(--spaces-md);
    margin-bottom: var(--spaces-sm);
    height: 50px;
}

#product .product-info .product-info-top .manufacturer-logo {
    height: 45px;
    object-fit: contain;
    object-position: right;
}

#product .product-info .product-name {
    font-family: var(--font-primary);
    font-weight: 500;
    line-height: var(--line-height);
}

#product .product-info .product-reference {
    margin-top: var(--spaces-sm) !important;
}

/* DFDMOD 2025-07-25 Maquetar packs */
/*#product #zhproductpack-products article
{
    border: 1px solid var(--color-black);
    border-radius: var(--border-radius);
    margin-bottom: var(--spaces-sm);
}
#product #zhproductpack-products .pack-product-container
{
    flex-wrap: wrap;
}
#product #zhproductpack-products .pack-product-container .pack-product-container-data
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
#product #zhproductpack-products .pack-product-container .pack-product-quantity
{
    border: none;
}
#product #zhproductpack-products .pack-product-container .pack-product-quantity .js-cart-line-product-quantity
{
    height: 24px;
    text-align: center;
}
#product #zhproductpack-products .pack-product-container .pack-product-quantity .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up
{
    left: 0;
    height: 24px;
}
#product #zhproductpack-products .pack-product-container .pack-product-quantity .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down
{
    left: -88px;
    margin-top: 0;
    height: 24px;
}
#product #zhproductpack-products .pack-product-container  .product-variants>.product-variants-item
{
    width: 30%;
    display: inline-block;
    margin-left: 2%;
}*/
/* Precios */
#product .product-buy {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: calc(var(--spaces-md)*2);
    margin-top: var(--spaces-md);
}

.price_outstanding {
    position: relative;
}

.price_outstanding .product-prices .product-price {
    margin-bottom: var(--spaces-sm);
}

.price_outstanding .product-prices .product-price .current-price>* {
    line-height: 1;
}

.price_outstanding .product-prices .product-price .current-price .price_with_tax.has-discount {
    color: var(--color-accent);
}

.price_outstanding .product-prices .product-price .current-price .old_price {
    color: var(--color-grey);
    text-decoration: line-through;
}

.price_outstanding .product-prices .product-price .current-price .price_tax {
    color: var(--color-grey);
}

.has-discount .discount {
    border-radius: var(--border-radius);
    background-color: var(--color-accent);
    padding: 10px;
}

.price_outstanding .product-prices .tax-shipping-delivery-label .available_stock {
    padding: 0;
    background-color: transparent;
}

.product-prices .tax-shipping-delivery-label .available_stock.last_remaining_items,
.product-prices .tax-shipping-delivery-label .available_stock.unavailable {
    color: var(--color-red);
}

.price_outstanding .wishlist-button-add {
    left: 0;
    top: 15px;
    position: absolute;
    box-shadow: none;
    background-color: transparent;
    justify-content: start;
    margin: 0;
}

.price_outstanding .wishlist-button-add {
    width: 28px;
    height: 28px;
    padding: 0;
}

.price_outstanding .wishlist-button-add .custom-wishlist-icon {
    background-image: url('../img/icons/heart.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
}

.price_outstanding .wishlist-button-add .custom-wishlist-icon.solid {
    background-image: url('../img/icons/heart-solid.svg');
}

/* Variantes */
.price_outstanding .product_variants {
    margin-top: var(--spaces-sm);
}

.price_outstanding #see-table-comb {
    width: 100%;
    margin-top: var(--spaces-md);
}

#tablecombz-wrapper {
    margin-top: var(--spaces-lg);
}

.tablecombz-fm {
    margin-bottom: var(--spaces-md);
}

.tablecombz-fm select {
    font-size: var(--text-md);
    font-family: var(--font-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius) !important;
    height: 45px;
    padding: var(--spaces-sm) var(--spaces-md);
    max-width: 300px;
    width: fit-content;
    background-color: transparent !important;
    background: url('/themes/dfd-suministros947/assets/img/icons/arrow.svg') no-repeat right !important;
    -webkit-appearance: none;
    background-position: calc(100% - 10px) center !important;
    line-height: 1.2;
    padding-right: 30px !important;
    margin-bottom: var(--spaces-sm);
    color: var(--color-black) !important;
}

#tablecombz-table>div {
    border-bottom: 1px solid var(--color-secondary);
    padding: var(--spaces-sm);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#tablecombz-table>div>div {
    text-align: center;
}

.tablecombz-attributes {
    display: flex;
    justify-content: space-around;
    column-gap: var(--spaces-md);
    flex-wrap: wrap;

}

.tablecombz-attributes>div {
    width: calc(50% - var(--spaces-md));
}

.tablecombz-attributes>div span {
    font-size: var(--text-md);
}

.tablecombz-price .price {
    font-size: var(--text-lg);
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.tablecombz-price .price-lowered>div {
    display: flex;
    gap: var(--spaces-sm);
    justify-content: center;
}

.tablecombz-price .price-lowered .price-regular {
    font-size: var(--text-sm);
}

.tablecombz-price .price-lowered .price-discount {
    font-size: var(--text-sm);
    background-color: var(--color-accent);
    border-radius: var(--border-radius);
    color: var(--color-white);
    width: fit-content;
    padding: 0 10px;
}

.tablecombz-price .price-lowered .price-value {
    color: var(--color-accent);
}

.tablecombz-quantity-wanted {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tablecombz-quantity-wanted .product-quantity {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: fit-content;
}

.tablecombz-quantity-wanted .product-quantity .qty {
    height: auto;
}

.tablecombz-quantity-wanted .input-quantity-wanted {
    background-color: var(--color-bg);
    border: none !important;
    border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
}

.tablecombz-quantity-wanted .qty-down,
.tablecombz-quantity-wanted .qty-up {
    border: none !important;
    background-color: var(--color-bg);
}

.tablecombz-quantity-wanted .qty-up {
    border-radius: 0 var(--border-radius) 0 0 !important;
}

.tablecombz-quantity-wanted .qty-down {
    border-radius: 0 0 var(--border-radius) 0 !important;
}

.tablecombz-table .min-qty-label {
    font-size: var(--text-xs);
    font-weight: 500;
    font-style: italic;
    color: var(--color-grey);
    line-height: 1;
    margin-top: 5px;
}

/* Añadir al carrito */
.product_add_to_cart {
    margin-top: var(--spaces-md);
}

.product_add_to_cart .product-minimal-quantity {
    margin-bottom: var(--spaces-md);
    font-size: var(--text-sm);
    background-color: var(--color-bg);
    border-radius: var(--border-radius);
    padding: var(--spaces-md);
}

.product_add_to_cart .product-quantity #quantity_wanted,
.js-cart-line-product-quantity {
    font-size: var(--text-md);
    border-radius: 0 !important;
    background-color: var(--color-bg);
    color: var(--color-primary);
}

.js-cart-line-product-quantity,
.bootstrap-touchspin #quantity_wanted,
.bootstrap-touchspin #quantity_wanted_miniature,
.bootstrap-touchspin .input-group-btn-vertical .btn-touchspin {
    border-color: var(--color-bg) !important;
    background-color: var(--color-bg) !important;
    -webkit-appearance: none;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}


.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.bootstrap-touchspin .input-group-btn-vertical i {
    color: var(--color-primary);
}

.product_add_to_cart .product-quantity .add {
    height: 44px;
    width: calc(100% - 115px);
}



/* Reassurance */
.blockreassurance_product {
    gap: var(--spaces-sm);
}

.blockreassurance_product>.clearfix {
    display: none;
}

.blockreassurance_product>div {
    display: flex;
    align-items: center;
}

.blockreassurance_product>div .block-title>span.title {
    font-weight: 400;
    font-size: var(--text-md);
    line-height: 1;
}

/* Descripción*/
#product .product-description {
    margin-top: var(--spaces-md);
}

/* Productos relacionados */
/* Productos misma categoría / Más vistos */

/****************************** CMS *******************************/
#cms .page-content h2 {
    font-size: var(--text-lg);
    line-height: var(--line-height);
    margin-top: var(--spaces-md);
    margin-bottom: var(--spaces-sm);
}

#cms .page-content table {
    margin-bottom: var(--spaces-md);
}

#cms .page-content table tbody td {
    border: 1px solid var(--color-grey);
}

#cms .page-content table p {
    margin-bottom: 0;
}

#cms .page-content .table-container {
    width: 100%;
    overflow: auto;
}

#cms .page-content img {
    border-radius: var(--border-radius);
}

/****************************** PAGINA CONTACTO *******************************/
#contactinfo-sidebar {
    background-color: var(--color-bg);
    border-radius: var(--border-radius);
    padding: var(--spaces-md);
}

#contactinfo-sidebar * {
    color: var(--color-black);
}

#contactinfo-sidebar a:hover {
    color: var(--color-primary);
}

#contactinfo-sidebar .block_icon {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border: none;
    margin-bottom: var(--spaces-sm);
    padding-bottom: var(--spaces-sm);
}


#contactinfo-sidebar .block_icon>i,
#contactinfo-sidebar .block_icon>img {
    font-size: var(--text-xl);
    display: flex;
    justify-content: center;
    margin-right: 10px;
    width: 35px;
    height: auto;
}

#contactinfo-sidebar .block_icon .blockicon_content {
    width: calc(100% - 45px);
    font-size: var(--text-md);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

#contactinfo-sidebar .block_icon .blockicon_content>.title {
    font-weight: 500;
}

#contactinfo-sidebar .block_icon .blockicon_content p {
    margin-bottom: 0;
}

#contactinfo-sidebar .block_icon .blockicon_content .value a {
    overflow-wrap: break-word;
    word-break: break-word;
}

#contactinfo-sidebar .block_icon .blockicon_content .value a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

#contactinfo-sidebar .block_icon:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#contact #content-wrapper #content {
    padding-top: 0;
    background-color: transparent !important;
}

.contact-form {
    background-color: transparent;
    color: var(--color-black);
    padding: 0;
}

.contact-form .title_contactform {
    text-transform: uppercase;
    padding: 0;
}

/****************************** MARCAS *******************************/
#manufacturer.listing #content-wrapper {
    padding: 0 var(--spaces-md) !important;
}

#manufacturer.listing #products .products {
    margin: 0 -10px !important;
}

#manufacturer #main ul:not(.product-flags) {
    margin: var(--spaces-md) -10px 0 -10px;

}

#manufacturer #main ul.product-flags {
    align-items: start;
}

#manufacturer #main ul .brand {
    min-width: 0;
    margin: 0;
    padding: 0;
}

#manufacturer #main ul .brand:hover {
    box-shadow: none;
}

#manufacturer #main ul .brand>div {
    margin: 10px;
    padding: var(--spaces-md);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}

#manufacturer #main ul .brand>div:hover {
    border-color: var(--color-accent);
}

#manufacturer #main ul .brand-img {
    width: auto;
}

#manufacturer #main ul .brand-img>h2 {
    text-transform: uppercase;
    font-size: var(--text-md);
    line-height: normal;
    color: var(--color-black);
    height: 40px;
    font-weight: 500;
}

#manufacturer #main ul .brand img {
    width: fit-content;
    height: fit-content;
    object-fit: contain;
    padding: 0;
    height: 100px;
}

#manufacturer #main ul .brand .brand-infos {
    height: auto;
}

#manufacturer #main ul .brand .brand-infos p {
    margin-bottom: var(--spaces-md);
    height: 60px;
}

#manufacturer #main ul .brand .brand-infos a {
    font-weight: normal;
    width: 100%;
    color: var(--color-black);
    padding: 10px;
}

#manufacturer #main ul .brand .brand-infos a.num-products {
    padding: var(--spaces-md);
}

#manufacturer #main ul .brand .brand-infos a.btn {
    text-decoration: underline;
}

#manufacturer #main ul .brand .brand-infos a.btn:hover {
    color: var(--color-secondary);
}

#manufacturer #main ul .brand-products {
    display: block !important;
}

#manufacturer #main ul .brand .brand-product {
    display: flex;
    flex-direction: column;
}

#manufacturer #main ul .brand .brand-product a.button {
    padding: 8px;
    margin-top: 10px;
    background-color: var(--color-secondary);
    color: var(--color-black);
    border-radius: var(--border-radius);
}

#manufacturer #main ul .brand .brand-product a.button:hover {
    background-color: var(--color-secondary);
}

#manufacturer .manufacturer_short_desc>div:first-of-type {
    width: calc(100% - 150px);
}

#manufacturer .manufacturer-cover {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spaces-md);
}

#manufacturer .manufacturer-cover img {
    width: 150px;
    height: 100px;
    object-fit: contain;
    object-position: right;
}

#manufacturer .manufacturer_short_desc {
    margin: 0 0 var(--spaces-md) 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#manufacturer-short_description {
    margin-top: var(--spaces-md);
    padding: 0;
    font-size: var(--text-md);
}

#manufacturer-short_description p {
    font-size: var(--text-md);
}

#manufacturer-short_description p * {
    font-family: inherit;
    font-size: var(--text-md);
}

#manufacturer #js-product-list-top .total-filter-products p {
    padding-left: 0;
}

/****************************** PÁGINAS MI CUENTA  *******************************/
/* Iniciar sesión / Crear cuenta / Contraseña */
.page-authentication .page-header,
.page-registration .page-header,
.page-password .page-header {
    text-align: center;
}

.page-authentication #content,
.page-registration #content,
.page-password #content {
    border-radius: var(--border-radius);
    padding: 0 calc(var(--spaces-md)* 2);
    max-width: 700px;
    margin: 0 auto var(--spaces-md) auto;
}

.page-authentication #content .form-control,
.page-registration #content .form-control,
.page-password #content .form-control {
    background-color: var(--color-white);
}

.page-password #main .page-footer .account-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Mi cuenta */
#my-account .subtitle {
    font-size: var(--text-xl);
    font-family: var(--font-secondary);
    margin-top: var(--spaces-md);
}

#my-account .link-item {
    border-radius: var(--border-radius);
    border: 1px solid var(--color-primary);
    font-weight: 500;
    font-size: var(--text-md);
}

#my-account .link-item:hover {
    background-color: var(--color-bg);
}

#my-account .link-item>.history-content .title {
    line-height: 1;
}

#my-account .link-item>.history-content .desc {
    font-size: var(--text-sm);
}

#my-account #link_logout {
    width: 300px;
    height: auto;
    display: flex;
    width: 100%;
    justify-content: center;
}

#my-account #link_logout .link_item {
    width: fit-content;
    margin: var(--spaces-md) 0;
}

#my-account #link_logout .link-item {
    background-color: var(--color-primary);
    min-height: auto;
    color: var(--color-white);
    padding: 10px 20px;
    width: fit-content;
    margin-bottom: 0;
    border-radius: var(--border-radius);
    border: none !important;
}

#my-account #link_logout .link-item i {
    color: var(--color-white);
    width: auto;
}

#my-account #link_logout .link-item:hover {
    background-color: var(--color-secondary);
    color: var(--color-primary);
}

#my-account #link_logout .link-item:hover i {
    color: var(--color-primary);
}

.navigation_account .title {
    padding-top: 0;
    text-transform: uppercase;
    color: var(--color-black);
}

.navigation_desktop .card {
    padding: var(--spaces-md) 0;
    margin-bottom: 0 !important;
}

.navigation_desktop>.card:first-of-type {
    padding-top: 0;
}

.navigation_mobile {
    border: 1px solid var(--border-color);
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    font-weight: 500;
}

.navigation_mobile .item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.navigation_mobile .item i {
    width: 20px;
}

.navigation_mobile .btn-link {
    font-weight: 500;
}

.navigation_account .item {
    font-size: var(--text-md);
}

.navigation_account .item:hover {
    color: var(--color-primary);
}

.navigation_account .item i {
    width: 15px;
}

.card.card_account {
    padding: 0 var(--spaces-md);
}

#my-account .my-account-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
}

.page-addresses .address {
    border-radius: var(--border-radius);
    border: 1px solid var(--color-primary);
}

.page-addresses .addresses-footer {
    margin: 0;
}

.page-addresses .addresses-footer .btn-secondary {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 10px;
}

.page-addresses .addresses-footer .btn-secondary span {
    margin: 0;
}

/* Pedidos */
#history .orders_history {
    margin-top: var(--spaces-md);
}

#history .order_history {
    background-color: transparent;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}

#history .order_history .history_buttons {
    border-radius: 0;
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spaces-sm);
}

#history .order_history .history_buttons>a {
    border: none !important;
    text-decoration: none;
    background-color: var(--color-primary) !important;
    border-radius: var(--border-radius) !important;
    color: var(--color-white);
    width: fit-content;
    margin-bottom: 0;
    font-size: var(--text-sm);
    font-weight: 500;
}

#history .order_history .history_buttons>a:hover {
    color: var(--color-white);
    background-color: var(--color-secondary) !important;
    text-decoration: none;
}

#order-detail .order_actions .oactions {
    flex-wrap: wrap;
    gap: 10px;

}

#order-detail .order_actions .oactions .oaction,
#history .order_history .history_buttons>a {
    background-color: transparent;
    margin: 0 !important;
}

#history .order_history .history_buttons>a:hover {
    border-radius: var(--border-radius);
}

#order-detail .order_actions .oactions .oaction {
    border: 1px solid var(--border-color);
    color: var(--color-black);
    font-weight: 500;
    padding: 8px 20px;
}

#order-detail .order_actions .oactions .oaction:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
    text-decoration: none;
}

#order-detail .order_actions .oactions .oaction:first-child {
    border-left: none;
    border-right: none;
}

#order-detail .order_actions .oactions .oaction {
    border-radius: var(--border-radius);
}

#order-detail .order_resume>.box,
.page-order-detail .order-items,
.page-order-detail .box {
    border: 1px solid var(--border-color);
    background-color: transparent;
    border-radius: var(--border-radius);
}

.page-order-detail .box {
    padding: var(--spaces-md);
}

.page-order-detail .order-items .order-item {
    border: none !important;
    background-color: transparent;
}

.page-order-detail .order-items .order-item .desc .name {
    font-size: var(--text-md);
}

.page-order-detail .order-items .order-item .desc .quantity,
.page-order-detail .order-items .order-item .desc .ref {
    font-size: var(--text-xs);
}

#order-detail .order_info {
    margin: var(--spaces-md) 0;
}

#order-detail .order_info>div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#order-detail .panel.sample table {
    width: 100%;
    margin-top: var(--spaces-md);
}

.order-message-form .form-control {
    background-color: var(--color-white);
}

/* Cupones de descuentos / Facturas abono */
#order-slip .box-table,
#discount .box-table,
#order-follow .box-table {
    box-shadow: none;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: var(--spaces-md);
    margin: var(--spaces-md) 0;
}

#discount table,
#order-slip table,
#order-follow table {
    width: 100%;
}

#discount table tbody tr:not(:last-of-type),
#order-slip table tbody tr:not(:last-of-type),
#order-follow table tbody tr:not(:last-of-type) {
    border-bottom: none;
}

#discount table td,
#discount table th,
#order-slip table td,
#order-slip table th,
#order-follow table td,
#order-follow table th {
    padding: 10px;
    background-color: transparent;
    color: var(--color-black);
    font-size: var(--text-sm);
}

#discount table th,
#order-slip table th,
#order-follow table th {
    font-weight: 600;
}

.page-order-detail #order-products.return {
    width: 100%;
}

.page-order-detail #order-products.return td {
    padding: 10px 0;
}

.page-order-detail #order-products.return td.qty .current {
    float: none;
    text-align: left;
}

#order-return-infos {
    margin: var(--spaces-md) 0;
}

#order-return-infos>.card-block,
#order-return-reminder>.card-block {
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius);
    padding: var(--spaces-md);
}

#order-return-infos table {
    width: 100%;
}

#order-return-infos table thead {
    border-bottom: 1px solid var(--color-primary);
}

#order-return-infos table * {
    font-size: var(--text-md);
}

#order-return-infos table th,
#order-return-infos table td {
    padding: 5px 5px 5px 0;
}

#order-return-reminder a {
    text-decoration: underline;
    color: var(--color-secondary);
}

/* Favoritos */
.wishlist-modal *:not(.btn-primary, .btn-secondary) {
    color: var(--color-black) !important;
}

.wishlist-modal .close span {
    color: var(--color-black) !important;
}

.wishlist-modal .modal-title {
    color: var(--color-black) !important;
    padding-top: 0 !important;
}

.wishlist-modal .modal-content {
    border-radius: var(--border-radius);
    border: none !important;
}

.wishlist-modal .modal-content label {
    color: var(--color-black);
}

.wishlist-modal .modal-body .form-group .form-control {
    color: var(--color-black);
    background-color: transparent;
    border-width: 1px;
}

.wishlist-modal .modal-text {
    color: var(--color-black) !important;
    line-height: 1.5 !important;
}

.wishlist-modal .modal-footer .btn-primary:hover {
    color: var(--color-secondary) !important;
    color: var(--color-primary) !important;
}

.wishlist-modal .modal-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: end;
}

.wishlist-modal .modal-footer a {
    width: fit-content;
}

.wishlist-modal .modal-footer .btn.modal-cancel {
    margin-right: 5px;
    margin-top: 0 !important;
}

.wishlist-modal .modal-content li {
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--color-bg) !important;
}

.wishlist-modal .modal-content li:last-of-type {
    border-bottom: none !important;
}

.wishlist-modal .wishlist-list .wishlist-list-item:hover {
    background-color: transparent !important;
}

.wishlist-modal .modal-footer .text-primary {
    color: var(--color-primary) !important;
}

#module-blockwishlist-lists .wishlist-container .card-block {
    padding: 0;
    box-shadow: none !important;
}

#module-blockwishlist-lists .wishlist-container-header .text-primary {
    color: var(--color-black) !important;
}

.wishlist-list-item {
    border-bottom: 1px solid var(--border-color) !important;
}

.wishlist-list-item-title {
    font-weight: 500 !important;
}

.wishlist-list-item:hover .wishlist-list-item-title {
    color: var(--color-primary) !important;
}

.wishlist-list-item-right .dropdown-menu {
    position: absolute;
    z-index: 9;
    box-shadow: none !important;
    border-color: var(--border-color) !important;
    border-radius: var(--border-radius) !important;
}

.wishlist-products-container .sort-by-row {
    display: none !important;
}

.wishlist-products-list {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

.wishlist-products-item {
    margin: 10px 0 !important;
    width: 25%;
    display: block;
}

.wishlist-product {
    background-color: transparent !important;
    border-radius: var(--border-radius);
    padding: 0;
    margin: 10px !important;
    width: auto !important;
    max-width: none !important;
}

.wishlist-product .wishlist-product-availability {
    display: none;
}

.wishlist-product .wishlist-product-right,
.wishlist-product-bottom {
    padding: 0;
}

.wishlist-product-addtocart {
    border-radius: var(--border-radius);
    height: auto;
    border: none !important;
    font-size: 15px;
    min-height: 30px;
    line-height: normal;
    background-color: var(--color-primary);
    color: var(--color-white);
}

.wishlist-product-addtocart:hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
}

.wishlist-product-image {
    width: 100% !important;
    background-color: var(--color-white);
}

.wishlist-product-unavailable {
    opacity: 1 !important;
}

.wishlist-product-title {
    line-height: normal !important;
    color: var(--color-black) !important;
}

.wishlist-product-price {
    margin-bottom: 10px;
}

.wishlist-product-price,
.wishlist-product-price-promo {
    font-weight: 700 !important;
    font-size: 14px;
}

.wishlist-product-price-promo {
    font-weight: 400 !important;
}

.wishlist-button-add {
    box-shadow: none !important;
}

.wishlist-add-to-new:hover {
    color: var(--color-primary);
}

.wishlist-products-container .wishlist-button-add i,
.wishlist-product-combinations a:hover {
    color: var(--color-black) !important;
}


.wishlist-footer-links {
    margin-top: var(--spaces-md);
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wishlist-footer-links>a {

    display: flex;
    align-items: center;
}

/* RGPD */
.psgdprinfo17 {
    border-radius: var(--border-radius);
    background-color: var(--color-bg);
}

.psgdprinfo17 h2 {
    font-size: var(--text-lg);
    font-family: var(--font-secondary);
}

#module-psgdpr-gdpr .page-content .container {
    padding: 0 !important;
}

/****************************** PÁGINAS CARRITO - CHECKOUT  *******************************/
/* Carrito lateral */
#blockcart-modal .modal-body .modal_products .modal_product .modal_products_info .product-name .product-name-value {
    margin-bottom: var(--spaces-sm);
    display: block;
}

#blockcart-modal .modal-body .modal_products .modal_product .modal_products_info .product-name .product-attributes {
    line-height: 1;
}

#blockcart-modal .modal-body .modal_products .modal_product .modal_products_info .product-name .product-attributes .label {
    font-weight: 600;
}

/* Carrito */
#cart #wrapper {
    padding-top: var(--spaces-md) !important;
}

.cart-grid-body .card-block h1 {
    font-size: var(--text-xl);
    line-height: normal;
    text-align: left;
    margin-bottom: 0;
    font-weight: 600;
}

#cart .cart-grid-right .cart-summary {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: var(--spaces-md) 0 0 0;
    background-color: transparent;
}


.cart-grid-right .cart-summary .cart-summary_header {
    display: none;
}

.cart-grid-body .cart-overview {
    padding: 0;
}

.cart-grid-body .cart-overview>.no-items {
    display: block;
    margin-top: var(--spaces-md);
}

.cart-grid-body .card-block {
    padding: calc(var(--spaces-md)/2) 0;
    border-bottom: 1px solid var(--color-light-grey);
}

.cart-summary .card-block {
    padding: var(--spaces-md);
}


#cart .cart-grid-right .cart-summary *:not(.btn-primary, .btn-primary *, .alert *, i::before) {
    color: var(--color-black);
    font-weight: 500;
}

#cart .cart-grid-right .cart-summary .cart-summary-totals {
    padding: 0 var(--spaces-md);
}

.cart-grid-right .cart-summary .cart-detailed-totals .card-block {
    padding: var(--spaces-md);
}

.cart-grid-right .cart-summary .cart-detailed-totals .cart-summary-line .label,
.cart-grid-right .cart-summary .cart-detailed-totals .cart-summary-line .value {
    font-size: var(--text-md);
}

.cart-item {
    border-bottom: 1px solid var(--color-grey);
}

.cart-item .cart__product-price .product-totalprice {
    font-weight: 600;
    font-size: var(--text-lg);
}

.cart-item .cart__product-qty .input-group {
    z-index: 1;
}

.block-promo .promo-code-button {
    padding-top: 10px;
    padding-bottom: 10px;
}

.block-promo .promo-input {
    height: 35px;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    border: none;
    color: var(--color-black) !important;
    font-size: var(--text-md);
    background-color: var(--color-bg);
}

.block-promo .promo-input+button {
    margin-top: 0;
    border: none;
    min-width: 100px;
    height: 35px;
    font-size: var(--text-md);
    margin-bottom: 2px;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    background-color: var(--color-primary);
}

.block-promo .promo-input+button:hover {
    background-color: var(--color-accent);
    color: var(--color-white) !important;
}

.block-promo .promo-name .cart-summary-line .label {
    color: var(--color-primary) !important;
    font-weight: 600 !important;
    font-size: var(--text-md) !important;
}

.block-promo .promo-name .cart-summary-line span {
    color: var(--color-primary);
}

.promo-name .cart-summary-line,
.promo-name .cart-summary-line * {
    color: var(--color-red) !important;
}

.block-promo .promo-code-button.cancel-promo {
    color: var(--color-black);
}

.block-promo .promo-code .alert-danger::after {
    border-bottom-color: var(--color-red)
}

.cart-grid-right .promo-discounts {
    padding: 5px;
}

.cart-grid-right .promo-discounts .cart-summary-line .label .code {
    color: var(--color-primary);
}

.cart-grid-right .cart-summary .cart-detailed-totals #cart-subtotal-discount .value {
    color: var(--color-primary);
}

.cart-item .cart__product-name a {
    font-size: var(--text-md) !important;
    font-weight: 500 !important;
    margin-bottom: var(--spaces-sm);
    display: block;
}

.cart-item .cart__product-name a:hover {
    color: var(--color-accent);
}

.cart-item .cart__product-name .product-attributes>span {
    font-size: var(--text-xs) !important;
}

.cart-item .cart__product-name .product-attributes>.label {
    font-weight: 600 !important;
}

/* Checkout */
body#checkout section.checkout-step {
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
}

body#checkout section.checkout-step .step-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--text-lg);
}

body#checkout section.checkout-step .forgot-password>a {
    font-size: var(--text-sm);
    text-decoration: underline;
}

body#checkout section.checkout-step .address-item {
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
}

body#checkout section.checkout-step .delivery-options .delivery-option,
body#checkout section.checkout-step .payment-options .payment-option {
    border-radius: var(--border-radius);
}

body#checkout #delivery textarea {
    border-radius: var(--border-radius);
    width: 100%;
    border-color: #e0e0e0;
}

body#checkout #delivery>label {
    font-size: var(--text-sm);
}

body#checkout section.checkout-step .payment-options .payment-option {
    display: flex;
    align-items: center;
}

body#checkout section.checkout-step .payment-options .payment-option label {
    margin-bottom: 0;
}

body#checkout section.checkout-step #conditions-to-approve .js-terms {
    font-size: var(--text-sm);
}

body#checkout section.checkout-step #conditions-to-approve .js-terms>a {
    text-decoration: underline;
}

body#checkout section.checkout-step.-reachable.-complete h1 .step-edit:hover {
    color: var(--color-primary) !important;
}

body#checkout .cart-grid-right .card {
    border-radius: var(--border-radius);
    border: 1px solid var(--color-primary);
}

body#checkout .cart-grid-right .card .cart-summary_header {
    font-size: var(--text-lg);
    line-height: 1.2;
    margin-bottom: 0;
    font-weight: 600;
    background-color: transparent;
    border-bottom: 1px solid var(--color-primary);
}

body#checkout .cart-grid-right .card .cart-summary_header span {
    font-size: var(--text-sm);
}

body#checkout .cart-grid-right .card .card-block-products .cart-summary-products #cart-summary-product-list {
    font-size: var(--text-sm);
}

body#checkout .cart-grid-right .card .card-block-products .cart-summary-products #cart-summary-product-list li.media .media-body .product-name {
    line-height: 1;
    font-size: var(--text-sm);
}

body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line,
body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .label,
body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .value {
    font-size: var(--text-md);
}

body#checkout .modal:not(#menu-modal) .modal-dialog {
    max-width: 800px !important;
}

body#checkout .modal-content {
    background: var(--color-white);
}

body#checkout .modal-content * {
    font-size: var(--text-sm);
}

body#checkout .modal-content .close span {
    font-size: var(--text-lg) !important;
}

/* Confirmacion de compra*/
#order-confirmation #content-hook_order_confirmation {
    padding: 0;
    margin: 0;
}

#order-confirmation #content-hook_order_confirmation>div {
    padding: 0;
}

#order-confirmation .page-order-confirmation.card,
#order-confirmation .page-order-confirmation .card-block {
    padding: 0;
}

#order-confirmation .page-order-confirmation .card-block>.row {
    margin: 0;
}

#order-confirmation .page-order-confirmation #order-details {
    background-color: transparent;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: var(--spaces-md);
    margin-top: 0;
}

#order-confirmation .page-order-confirmation #order-details .total {
    font-weight: 600;
    font-size: var(--text-lg);
}

#order-confirmation .page-order-confirmation #order-info {
    padding: 0 calc(var(--spaces-md)*2);
}

/* RESPONSIVE */
@media(max-width: 1200px) {

    /****************************** HEADER *******************************/
    /* Buscador */
    #content_search .result_searchbar #js-product-list .products>div {
        width: calc(33.33% - 20px);
    }

    /****************************** HOME *******************************/
    /* Categorias destacadas */
    #dbhomecategories li {
        width: calc(25% - 20px);
    }
}

@media(max-width: 991px) {

    /****************************** HEADER *******************************/
    #header {
        height: 117px;
    }

    /* Menu modal */
    #menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item:not(.open-modal,.submenu) {
        display: flex;
    }

    #menu-modal #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.submenu {
        display: block; /* DFDMOD */
    }

    #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>.menu_slidedown{
        top: 0;
        padding: var(--spaces-md) !important;
    }

    #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>.menu_slidedown .submenu-item {
        position: relative;
    }
    /****************************** HOME *******************************/
    /* Categorias destacadas */
    #dbhomecategories li {
        width: calc(33.33% - 20px);
    }

    /* Categorias destacadas con productos */
    .featured-products .featured-products-right-column>img {
        margin-bottom: var(--spaces-sm);
        height: 300px;
        min-height: auto;
    }

    .featured-products .featured-products-right-column {
        margin: 0 !important;
    }

    .featured-products .section-container-products>.section-products.with-column {
        margin: 0 !important;
    }

    .featured-products .section-container-products>.section-products.with-column>div {
        margin: 0 -10px;
    }

    /* Reassurance home */
    #reassurance-home .reassurances>.reassurance-item {
        width: calc(33.33% - 14px);
    }

    /****************************** FOOTER *******************************/
    #footer-general>hr {
        display: none;
    }

    #footer-general .footer_block:first-of-type {
        width: 100%;
    }

    #footer-general .footer_block:not(:first-of-type) {
        width: 50%;
    }

    /* Enlaces */
    #footer-general .footer_block.links .h3,
    #footer-general .footer_block.links h3 {
        margin-top: calc(var(--spaces-md)*2);
    }


    /****************************** CATEGORIA *******************************/
    /* Top categoria*/
    #subcategories ul li {
        width: calc(33.33% - 20px);
    }

    /* Listado de productos */
    #products .products>div {
        width: 33.33%;
    }

    /****************************** PRODUCTO *******************************/
    /* Bloque izq. */
    #product .product_topview.product_columns_2 .block_left,
    #product .product_topview.product_columns_2 .block_right {
        width: 100%;
    }

    .product-images.slider-nav {
        display: none;
    }

    /* Variantes */
    #tablecombz-wrapper {
        margin-top: var(--spaces-md);
    }

    .tablecombz-fm {
        margin-bottom: 0;
    }

    #tablecombz-table>div {
        padding: var(--spaces-md) 0 var(--spaces-sm) 0;
    }

    #tablecombz-table>div>div {
        text-align: left;
        padding: 0;
    }

    .tablecombz-price {
        margin-top: var(--spaces-sm);
    }

    .tablecombz-price .price-lowered .price-value {
        font-size: var(--text-xl);
    }

    .tablecombz-price .price-lowered>div {
        justify-content: start;
    }

    .tablecombz-attributes {
        justify-content: start;
    }

    .tablecombz-quantity-wanted {
        align-items: end;
    }

    /****************************** PAGINA CONTACTO *******************************/
    #contact #content-wrapper #content {
        padding: var(--spaces-md) 0 0 0;
    }

    .contact-form .title_contactform {
        width: 100%;
        text-align: center;
    }

    /****************************** PÁGINAS MI CUENTA  *******************************/
    /* Favoritos */
    .wishlist-products-item {
        width: 33.333%;
    }

}

@media(max-width: 767px) {

    /****************************** HEADER *******************************/
    /* Top bar */
    #header .displayNav div {
        justify-content: center;
    }

    /* Buscador */
    #content_search .result_searchbar #js-product-list .products>div {
        width: calc(50% - 20px);
    }

    /* Menu modal */
    #menu-modal .modal-dialog {
        width: 100%;
        max-width: none;
    }

    #menu-modal .modal-header {
        padding-bottom: var(--spaces-md);
    }

    #menu-modal .modal-header>.logo {
        width: 180px;
        height: auto;
    }

    #menu-modal .modal-body {
        padding: 0 var(--spaces-md);
    }


    /****************************** HOME *******************************/
    /* Categorias destacadas */
    #dbhomecategories li {
        width: calc(50% - 20px);
    }

    /* Categorias destacadas con productos */
    .featured-products .section-container-products>.section-products.with-column>div>div {
        width: 50%;
    }

    /* Reassurance home */
    #reassurance-home .reassurances>.reassurance-item {
        width: calc(50% - 10px);
        gap: var(--spaces-sm);
    }

    #reassurance-home .reassurances>.reassurance-item>img {
        width: 40px;
        height: 40px;
    }

    #reassurance-home .reassurances>.reassurance-item>p {
        font-size: var(--text-sm);
    }

    /****************************** FOOTER *******************************/
    /* Logo footer */
    #footer-general #about-us {
        padding-bottom: var(--spaces-md);
    }

    /* Enlaces */
    #footer-general .footer_block {
        padding: 0;
    }

    #footer-general .footer_block:not(:first-of-type) {
        width: 100%;
    }

    #footer-general .footer_block.links .h3,
    #footer-general .footer_block.links h3 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .links .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: var(--spaces-md);
    }

    .links .title::after {
        display: none;
    }

    /* Info contacto */
    #footer-general .contact-info>p {
        padding-bottom: var(--spaces-md);
    }

    /****************************** CATEGORIA *******************************/
    /* Top categoria*/
    #subcategories {
        display: none;
    }

    #subcategories ul li {
        width: calc(50% - 20px);
    }

    /* Filtrado */
    #products-top {
        flex-direction: column-reverse;
    }

    #selectProductSort {
        width: 100%;
        margin-bottom: var(--spaces-sm);
    }

    /****************************** PRODUCTO *******************************/
    /* Bloque izq. */

    /* Variantes */
    .tablecombz-quantity-wanted {
        align-items: center;
    }

    /****************************** PÁGINAS MI CUENTA  *******************************/
    #my-account .my-account-container>a {
        width: 100%;
    }

    /* Pedidos */
    #order-detail .order_actions .oactions .oaction,
    #history .order_history .history_buttons>a {
        width: 100%;
    }

    /* Cupones de descuentos / Facturas abono */
    #discount #content-wrapper .cart-rules,
    #order-slip #content-wrapper .credit-slips,
    #order-follow #content-wrapper .order-returns {
        margin-top: var(--spaces-md);
    }

    #discount #content-wrapper .cart-rules .cart-rule,
    #order-slip #content-wrapper .credit-slips .credit-slip,
    #order-follow #content-wrapper .order-returns .order-return {
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius);
        padding: 10px 15px;
        margin-bottom: 15px;
    }

    #discount #content-wrapper .cart-rules .cart-rule ul,
    #order-slip #content-wrapper .credit-slips .credit-slip ul,
    #order-follow #content-wrapper .order-returns .order-return ul {
        margin-bottom: 0;
        background-color: transparent;
        padding: 0 10px;
    }

    #discount #content-wrapper .cart-rules .cart-rule li,
    #order-slip #content-wrapper .credit-slips .credit-slip li,
    #order-follow #content-wrapper .order-returns .order-return li {
        display: flex;
        padding: 5px 0;
    }

    #discount #content-wrapper .cart-rules .cart-rule li>strong,
    #discount #content-wrapper .cart-rules .cart-rule li>span,
    #order-slip #content-wrapper .credit-slips .credit-slip li>strong,
    #order-follow #content-wrapper .order-returns .order-return li>strong {
        width: 45%;
    }

    /* Favoritos */
    .wishlist-products-item:not(:last-child) {
        border-bottom: 1px solid var(--color-light-grey);
        height: fit-content;
    }

    .wishlist-products-container .page-content.card {
        margin-top: 0 !important;
        box-shadow: none !important;
    }

    .wishlist-product-image {
        width: 100px !important;
    }


    /****************************** PÁGINAS CARRITO - CHECKOUT  *******************************/
    /* Confirmacion de compra*/
    #order-confirmation .page-order-confirmation #order-details {
        margin-bottom: var(--spaces-md);
    }

}

@media(max-width: 576px) {

    /****************************** HEADER *******************************/
    #header {
        height: 101px;
    }

    /* Logo */
    #header .logo {
        height: 50px;
    }

    /* Buscador */
    #content_search .result_searchbar #js-product-list .products>div {
        width: 100%;
    }


    /****************************** HOME *******************************/
    /* Espacios secciones home */
    .section-container {
        margin: calc(var(--spaces-lg)/2) 0;
    }

    #dbhomecategories li a>h3 {
        font-size: var(--text-sm);
    }

    /* Carrusel de productos */
    .featured-products .product-miniature .product-title {
        font-size: var(--text-sm);
    }

    /* Miniatura de productos */
    .product-miniature .product-price-and-shipping .price {
        font-size: var(--text-lg);
    }

    .product-miniature .product-price-and-shipping .price-from,
    .product-miniature .product-price-and-shipping .regular-price {
        font-size: var(--text-md);
    }

    /* Reassurance home */
    #reassurance-home .reassurances {
        margin-top: var(--spaces-md);
    }

    /* Contacto home */
    #contact-home-container {
        padding: var(--spaces-md) !important;
    }

    #contact-home-container .contact-home-section>div {
        width: 100%;
    }

    #contact-home-container .contact-home-buttons {
        gap: var(--spaces-sm) !important
    }

    /****************************** FOOTER *******************************/
    /* Logo footer */
    #footer-general #about-us p {
        padding-right: 0;
    }

    /****************************** CATEGORIA *******************************/
    /* Listado de productos */
    #products .products>div {
        width: 50%;
    }

    /****************************** PRODUCTO *******************************/
    /* Información producto */
    #product .product-info .product-name {
        font-size: var(--text-lg);
    }

    /* Añadir al carrito */
    #product .product-buy {
        padding: var(--spaces-md);
    }

    /* DFDMOD 2025-07-25 Maquetar packs */
    #product #zhproductpack-products .pack-product-container  .product-variants>.product-variants-item
    {
        width: 46%;
    }

    /****************************** PÁGINAS MI CUENTA  *******************************/
    /* Iniciar sesión / Crear cuenta / Contraseña */
    .page-authentication #content,
    .page-registration #content,
    .page-password #content {
        padding: var(--spaces-md);
    }

    /* Mi cuenta */
    .page-addresses .card_address {
        padding-right: 0 !important;
    }
}