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

:root {
    --font-primary: "Outfit";
    --color-primary: #4ba346;
    --color-secondary: #7cba34;
    --color-tertiary: #096e46;
    --color-bg-1: #7cba3445;
    --color-red: #b80000;
    --color-grey: #ebeded;
    --color-dark-grey: #939393;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-background: #fcfafa;
    --border-radius: 70px;
    --border-radius-md: 40px;
    --border-radius-sm: 20px;
    --width-container: 1600px;
    --spaces-lg: 100px;
    --spaces-md: 20px;
    --box-shadow: 5px 3px 11px #0000000d;
}

/****************************** GENERAL *******************************/
.grecaptcha-badge {
    visibility: hidden;
}

button {
    font-family: var(--font-primary);
}

h1 {
    font-weight: 500;
}

p {
    font-size: 16px;
    line-height: 1.5;
}

.card {
    background-color: transparent;
}

#main .page-footer {
    margin-bottom: 0;
}

.page-content.card {
    padding: 0;
}

#wrapper {
    padding-bottom: 0 !important;
}

#whatsapp-footer {
    display: block;
    position: fixed;
    right: 15px;
    bottom: 60px;
    z-index: 99;
}

#whatsapp-footer:hover {
    opacity: 0.6;
}

/* Scroll */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--color-white);
}

::-webkit-scrollbar-thumb {
    background: var(--color-tertiary);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary);
}

/* Migas de pan */
#wrapper .breadcrumb {
    margin-bottom: var(--spaces-md);
}

#wrapper .breadcrumb li span,
#wrapper .breadcrumb li::after {
    font-size: 15px;
}

#wrapper .breadcrumb li:hover a span {
    color: var(--color-secondary) !important;
}

/* Botones */
.btn-primary,
.btn-secondary,
.btn-special {
    border-radius: var(--border-radius);
    border: none;
    font-size: 16px;
    font-weight: 300 !important;
    font-family: var(--font-primary);
}

.btn-primary {
    background-color: var(--color-secondary);
    color: var(--color-black);
}

.btn-secondary {
    background-color: var(--color-primary);
    color: var(--color-white) !important;
}

.btn-primary:hover,
.btn-secondary:hover {
    background-color: var(--color-tertiary);
    color: var(--color-white);
}

.btn-primary:hover svg * {
    stroke: var(--color-white);
}

/* Slick */
.slick-lightbox button {
    outline: none !important;
}

.slick-lightbox .slick-prev,
.slick-lightbox .slick-next {
    width: 60px;
    height: 60px;
}

.slick-lightbox .slick-next {
    right: 15px;
}

.slick-lightbox .slick-prev {
    left: 15px;
}

.slick-lightbox .slick-prev:before,
.slick-lightbox .slick-next:before {
    font-size: 40px;
}

.slick-lightbox .slick-lightbox-slick-img {
    background-color: var(--color-white);
}

.slick-lightbox .slick-prev:before {
    content: "arrow_back_ios";
}

.slick-lightbox .slick-next:before {
    content: "arrow_forward_ios";
}

.slick-lightbox .slick-prev:before,
.slick-lightbox .slick-next:before {
    font-family: "Material icons";
    font-size: 30px;
    line-height: 1;
    opacity: 0.75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-lightbox .slick-prev,
.slick-lightbox .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    padding: 0;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-lightbox-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
}

.slick-lightbox-close:before {
    font-family: "Material icons";
    font-size: 50px;
    line-height: 1;
    color: white;
    opacity: 0.85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "close";
}

/* Alertas */
.alert {
    border-radius: var(--border-radius-sm);
    border: none !important;
    padding: calc(var(--spaces-md) / 2) var(--spaces-md);
    color: var(--color-black) !important;
}

.alert:before {
    display: none;
}

.alert-danger {
    background-color: var(--color-red);
    color: var(--color-white) !important;
}

.alert-warning {
    background-color: var(--color-tertiary);
    color: var(--color-white) !important;
}

.alert-success {
    background-color: var(--color-primary);
    color: var(--color-white) !important;
}

/* Formularios */
.form-control {
    border-radius: var(--border-radius-sm);
}

form .form-control-label {
    font-size: 15px;
}

.form-control-select {
    background-color: transparent;
}

.input-group .input-group-btn>.btn {
    background-color: var(--color-secondary);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    font-weight: 500;
    font-size: 15px;
}

.input-group .input-group-btn>.btn:hover {
    background-color: var(--color-tertiary);
    color: var(--color-white);
}

.custom-checkbox label {
    font-size: 14px;
}

.custom-checkbox input[type="checkbox"]+span {
    margin-top: 0;
    border-radius: 5px;
}

.psgdpr_consent_message {
    display: flex;
    align-items: center;
}

.psgdpr_consent_message a {
    text-decoration: underline;
}

input:disabled,
input:read-only {
    opacity: 0.5;
    cursor: not-allowed;
}

a:focus,
input:focus {
    outline: none;
}

form .form-clauses {
    display: block;
    line-height: 1.5;
    margin: 10px 0;
    font-size: 13px !important;
}

form .form-clauses a {
    color: var(--color-primary) !important;
}

/****************************** HEADER *******************************/
#header {
    height: fit-content;
    background-color: var(--color-background);
    height: 150px;
}

#header .header-top {
    background-color: transparent;
    margin: calc(var(--spaces-md) / 2) var(--spaces-md);
    width: calc(100% - 40px);
    z-index: 9;
    padding: 0;
    display: flex;
    justify-content: center;
    border: none !important;
}

#header .header-top .container {
    background-color: var(--color-grey);
    border-radius: var(--border-radius);
    padding: 10px var(--spaces-md);
    margin: 0;
    width: calc(var(--width-container) - 40px);
}

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

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

/* Topbar */
#header .header-nav .displayNav {
    display: flex;
    justify-content: end;
    width: 100%;
    gap: var(--spaces-md);
    padding: 5px 0;
}

#header .header-nav .displayNav p {
    margin-bottom: 0;
}

#header .header-nav .displayNav p>a {
    font-size: 14px;
    color: var(--color-white);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 300;
}

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

/* Selector idioma */
.language-selector {
    margin-left: -10px !important;
    position: relative;
}

.language-selector .language {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.language-selector span.language-code {
    text-transform: uppercase;
    font-size: 14px !important;
    display: block;
    margin: 0 10px;
}

.language-selector .dropdown-menu {
    padding: 0 5px;
    border-bottom-right-radius: var(--border-radius-sm);
    border-bottom-left-radius: var(--border-radius-sm);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    right: 2px;
    background-color: var(--color-tertiary);
    display: none;
}

.language-selector .dropdown-menu .language {
    padding: 5px;
}

#menu-modal .selectors {
    margin-bottom: 40px;
}

#menu-modal #_mobile_language_selector>div {
    display: flex;
    align-items: center;
    gap: 10px;
}

#menu-modal #_mobile_language_selector .language-selector {
    position: relative;
}

#menu-modal #_mobile_language_selector .language-selector span.language-code {
    font-size: 16px !important;
}

#menu-modal #_mobile_language_selector .language-selector svg path {
    fill: var(--color-black);
}

#menu-modal #_mobile_language_selector .dropdown-menu {
    right: 0;
    top: 0;
    margin-top: -25px;
    padding: 0;
    border-radius: var(--border-radius-sm);
}

#menu-modal #_mobile_language_selector .dropdown-menu a {
    color: var(--color-white);
}

/* Logo */
.displayLogo {
    z-index: 99;
}

#header .header-top .header__flex>div#logo {
    display: flex;
    align-items: center;
    gap: calc(var(--spaces-md) / 2);
}

#header .header-top .header__flex>div#logo .logo {
    height: 60px; /* DFDMOD línea antigua height: 40px;*/
    width: fit-content;
    padding-left: 10px;
    
}

#menu-icon {
    display: none;
}

/* Menu */
#header .header-top .header__flex>#menu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: revert;
    width: calc(100% - 450px);
}

#_desktop_megamenu .pos-menu-horizontal {
    display: flex;
    align-items: center;
    justify-content: center;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item {
    margin-left: 0;
    padding: 0;
    display: flex;
    align-items: center;
    height: fit-content;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    height: auto;
    line-height: normal;
    border-bottom: none;
    z-index: 9;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a:hover {
    color: var(--color-primary) !important;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a i.fa-solid {
    font-weight: 900;
    font-size: 12px;
    color: var(--color-tertiary);
    margin-left: 5px;
    margin-bottom: 2px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>.menu_slidedown {
    top: 30px;
    left: 0 !important;
    width: 100%;
    padding-top: 60px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner {
    border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
    box-shadow: 0px 3px 11px #0000000d;
    margin: 0 20px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .title-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    width: fit-content;
    color: var(--color-black);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .title-item:hover {
    color: var(--color-secondary);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .title-item img {
    width: 40px;
    height: 40px;
}

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

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .category-menu {
    margin: var(--spaces-md);
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .category-menu>li {
    margin: 0;
    padding: 10px;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .category-menu>li.active,
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .category-menu>li:hover {
    background-color: #f8f6f6;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .category-title {
    display: flex;
    align-items: center;
    gap: 20px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .category-title .icon-category {
    background-color: var(--color-grey);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 8px;
    width: 46px;
    height: 46px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .category-title .text-category {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    width: calc(100% - 66px);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .category-title .text-category>span {
    font-size: 14px;
    line-height: 1;
    color: var(--color-black);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .category-title .text-category>.title {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-black);
    line-height: 1;
}

/* #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu {
    width: 40%;
} */

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu>div {
    display: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu>div.active {
    display: block;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu .category-sub-menu {
    background-color: var(--color-grey);
    border-radius: var(--border-radius-sm);
    padding: var(--spaces-md);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu .category-sub-menu .category-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu .category-sub-menu .category-title>div {
    display: flex;
    align-items: center;
    gap: 10px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu .category-sub-menu .category-title .icon-category {
    padding: 0 !important;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu .category-sub-menu .category-title>a.title {
    color: var(--color-primary);
    text-decoration: underline;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu .category-sub-menu .category-sub-menu2 {
    margin-top: var(--spaces-md);
    margin-left: var(--spaces-md);
    padding: 0 10px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu .category-sub-menu .category-sub-menu2.two-columns {
    columns: 2;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu .category-sub-menu .category-sub-menu2>li {
    display: flex;
    padding: 5px 0;
    gap: 10px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu .category-sub-menu .category-sub-menu2>li>a {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-black);
    line-height: normal;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner .sub-menu .category-sub-menu .category-sub-menu2>li:before {
    content: "";
    background-image: url("/themes/dfd-greenmowers/assets/img/icons/dots.svg");
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

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

.pos-menu-horizontal img:hover {
    transform: none !important;
}

.menu-mobile {
    display: none;
}

/* Menu modal */
#menu-modal {
    padding: 0 !important;
    height: 100vh;
    margin: var(--spaces-md);
    overflow-y: hidden;
    display: none;
}

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

#menu-modal .modal-content {
    border: none;
    height: 100%;
    background-color: var(--color-grey) !important;
    padding: 0 !important;
    border-radius: var(--border-radius-md);
}

#menu-modal .modal-body {
    height: auto;
    display: flex;
    flex-direction: column;
}

#menu-modal .modal-header {
    border-bottom: none;
    padding: calc(var(--spaces-md) * 2) 0;
    height: fit-content;
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: start;
}

#menu-modal .modal-header::after {
    display: none;
}

#menu-modal .close {
    float: none;
    text-align: right;
    opacity: 1;
    width: fit-content;
}

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

#menu-modal .modal-body {
    padding: 0 calc(var(--spaces-md) * 2);
    justify-content: space-between;
    height: 100%;
}

#_mobile_megamenu {
    /*height: calc(100vh - 200px);*/
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    overflow-x: hidden;
}

#_mobile_megamenu .pos-menu-horizontal .menu-item a {
    border: none !important;
    padding: calc(var(--spaces-md) / 2) 0;
    line-height: normal;
    font-size: 18px;
}

#_mobile_megamenu .pos-menu-horizontal .menu-item a>i {
    display: none;
}

#_mobile_megamenu .pos-menu-horizontal .menu-item a>span {
    font-size: inherit;
    font-weight: 500;
}

#_mobile_megamenu .pos-menu-horizontal .menu-item .category-sub-item {
    margin: 0 0 var(--spaces-md) var(--spaces-md);
}

#_mobile_megamenu .pos-menu-horizontal .menu-item .category-sub-item>div {
    display: flex;
    align-items: center;
    gap: 10px;
}

#_mobile_megamenu .pos-menu-horizontal .menu-item .category-sub-item>div>img {
    width: 25px;
    height: 25px;
}

#_mobile_megamenu .pos-menu-horizontal .menu-item .category-sub-item>div>a {
    padding: 0 !important;
    font-size: 16px;
    font-weight: 500;
}

#_mobile_megamenu .pos-menu-horizontal .menu-item .category-sub-item .category-sub-menu2 {
    margin-top: 10px;
}

#_mobile_megamenu .pos-menu-horizontal .menu-item .category-sub-item .category-sub-menu2 a {
    font-size: 15px;
    font-weight: 500;
    padding: 5px 35px;
}

#_mobile_megamenu .pos-menu-horizontal i.remove {
    display: none;
}

#_mobile_megamenu .pos-menu-horizontal .open_menu i.remove {
    display: block;
}

/* Buscador */
.search-widget>form button[type="submit"] {
    padding-right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%);
    display: flex;
}

#content_search {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    margin-top: 0;
}

#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;
}

#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;
}

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

#content_search>form>input[type="text"] {
    border: none;
    border-radius: var(--border-radius);
    background-color: var(--color-grey) !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);
    background-color: transparent !important;
    padding: 0;
}

#content_search .allresult_searchbar .btn:hover {
    color: var(--color-primary) !important;
    text-decoration: underline;
}

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

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

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

/* Iconos */
#header .header-top .header__flex #search-icons {
    gap: var(--spaces-md);
}

#header .header-top .header__flex #search-icons>div.icon {
    border: 1px solid var(--color-black);
    border-radius: 100%;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header .header-top .header__flex #search-icons>div.icon:hover {
    background-color: var(--color-bg-1);
}

#header .header-top .header__flex #search-icons>div.icon.search,
#header .header-top .header__flex #search-icons>div.icon>.blockcart,
#header .header-top .header__flex #search-icons>div.icon>.user-info>span {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/****************************** HOME *******************************/
#index #wrapper {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

#index #wrapper>.container {
    width: 100%;
    padding: 0 !important;
}

/* Titulos secciones */
.section-info {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: calc(var(--spaces-md) * 2);
}

.section-title {
    font-size: 28px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 0;
}

.section-container-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: var(--spaces-md);
}

.section-subtitle {
    text-align: center;
    margin-bottom: 0;
    font-weight: 300;
}

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

/* Bloque SEO - Buscador home*/
#home-info {
    margin-top: var(--spaces-md);
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
}

#home-info>p {
    margin-bottom: var(--spaces-md);
    color: var(--color-primary);
    font-size: 18px;
    font-weight: 500;
}

#home-info>h1 {
    font-size: 48px;
    text-align: center;
    line-height: 1;
    margin-bottom: calc(var(--spaces-md) / 2);
}

#home-info>h2 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: calc(var(--spaces-md) / 2);
    line-height: 1.3;
    text-align: center;
}

#home-info .open-searchbar {
    border: 1px solid var(--color-black);
    background-color: transparent !important;
    border-radius: var(--border-radius);
    width: 100%;
    max-width: 500px;
    margin-top: var(--spaces-md);
    padding: 10px 15px;
    color: var(--color-dark-grey);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
}

#home-info #search_widget {
    float: none;
    margin-top: var(--spaces-md);
    max-width: 500px;
    width: 100%;
}

#home-info .search-widget>form input[type="text"] {
    border-color: var(--color-black) !important;
    background-color: transparent !important;
}

#home-info-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: var(--spaces-md);
    margin-bottom: 0 !important;
}

#home-info-img img {
    object-fit: contain;
    height: auto;
}

#home-info-img h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: calc(var(--spaces-md) / 2);
    text-align: center;
    margin-top: calc(var(--spaces-md) * 2);
    max-width: 600px;
}

/* Comprar por marca */

/* Carrusel de productos */
.featured-products#featured-productsbycategory .categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: calc(var(--spaces-md) * 2);
}

.featured-products#featured-productsbycategory .categories .item-category {
    padding: 0 calc(var(--spaces-md) * 2);
    cursor: pointer;
}

.featured-products#featured-productsbycategory .categories .item-category:not(:first-of-type) {
    border-left: 2px solid var(--color-secondary);
}

.featured-products#featured-productsbycategory .categories .item-category:hover,
.featured-products#featured-productsbycategory .categories .item-category.active {
    color: var(--color-secondary);
}

.featured-products#featured-productsbycategory .categories .item-category span {
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
}

.featured-products#featured-newproducts {
    margin-bottom: 0;
}

/* Miniatura de productos */
.product-miniature {
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-md);
    padding: 20px;
    background-color: var(--color-white) !important;
    margin: 10px !important;
}

.product-miniature .thumbnail-container {
    margin-bottom: 0 !important;
}

.product-miniature .thumbnail-container .product-thumbnail img {
    border-radius: var(--border-radius-md);
}

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

.product-miniature .product-description {
    padding: 0 !important;
}

.product-miniature .product-title-reference {
    margin: 10px 0;
}

.product-miniature .product-manufacturer-container {
    height: 35px;
}

.product-miniature .product-manufacturer {
    font-size: 12px;
    color: var(--color-black);
    border: 1px solid var(--color-secondary);
    padding: 0 10px;
    border-radius: var(--border-radius);
    margin-bottom: 10px;
    display: block;
    width: fit-content;
}

.product-miniature .product-manufacturer:hover {
    background-color: var(--color-secondary);
}

.product-miniature .product-title {
    padding: 0 !important;
    margin: 0 0 5px 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    height: 38px !important;
    line-height: normal !important;
}

.product-miniature .product-reference {
    font-size: 13px;
    margin-bottom: 0;
    color: var(--color-black);
}

.product-miniature .product-price-and-shipping {
    min-height: auto !important;
    justify-content: start !important;
    align-items: start !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
    flex-direction: column !important;
    line-height: normal !important;
    height: 60px;
    text-align: left !important;
}

.product-miniature .product-price-and-shipping .consult-price {
    font-size: 16px !important;
    text-transform: uppercase;
}

.product-miniature .product-price-and-shipping .price.has-discount {
    color: var(--color-red);
}

.product-miniature .product-price-and-shipping .regular-price {
    font-size: 18px !important;
    text-decoration: line-through;
    color: var(--color-dark-grey) !important;
    line-height: normal !important;
}

.product-miniature .product-price-and-shipping .price_tax {
    color: var(--color-black);
    font-size: 12px;
    font-weight: 400;
}

.product-miniature .product-price-and-shipping .price_without_customer_group_discount {
    line-height: 1;
    display: flex;
    gap: 10px;
    align-items: center;
}

.product-miniature .product-price-and-shipping .price_without_customer_group_discount .old_price {
    font-size: 18px;
    color: var(--color-dark-grey);
    text-decoration: line-through;
    font-weight: 400;
}

.product-miniature .product-price-and-shipping .price_without_customer_group_discount .discount {
    background-color: var(--color-secondary);
    border-radius: var(--border-radius-sm);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
}

.product-miniature .product-description .add-to-cart-category,
.product-miniature .product-description .btn-login {
    margin: 10px 0 0 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.product-miniature .product-description .add-to-cart-category:hover svg *,
.product-miniature .product-description .btn-login:hover svg * {
    stroke: var(--color-white);
}

.product-flags li.product-flag {
    margin-top: 10px;
    margin-left: 0;
    pointer-events: none;
    border-radius: var(--border-radius);
    text-transform: none;
}

.product-flags li.product-flag.new {
    background: var(--color-tertiary) !important;
}

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

.product-flags li.product-flag.out_of_stock {
    background: var(--color-black);
}

/* Bloque información */
#custom-text {
    display: flex;
    margin: var(--spaces-lg) auto;
}

#block-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

#block-info>.block {
    padding: 0;
    position: relative;
}

#block-info>.block.block-left {
    padding-right: calc(var(--spaces-md) / 2);
}

#block-info>.block.block-right {
    padding-left: calc(var(--spaces-md) / 2);
}

#block-info>.block.block-left>img,
#block-info>.block.block-left>.block-bg {
    border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
}

#block-info>.block>img {
    width: 100%;
}

#block-info>.block.block-right>img,
#block-info>.block.block-right>.block-bg {
    border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
}

#block-info>.block>img {
    object-fit: cover;
}

#block-info>.block>.block-bg {
    position: absolute;
    top: 0;
    width: calc(100% - 10px);
    height: 100%;
    background-color: #00000085;
}

#block-info>.block>.block-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}

#block-info>.block>.block-info p {
    color: var(--color-white);
    margin-bottom: 0;
}

#block-info>.block>.block-info>div {
    display: flex;
    align-items: center;
    gap: var(--spaces-md);
    margin-bottom: var(--spaces-md);
}

#block-info>.block>.block-info>div .block-title {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 1;
}

/****************************** FOOTER *******************************/
#footer .footer-container {
    padding: 0;
    margin-top: 0;
}

#footer .footer-container .container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spaces-md);
}

/* Reassurance */
#reassurance {
    display: flex;
    flex-wrap: wrap;
    margin: var(--spaces-lg) calc(var(--spaces-md) / -1);
}

#reassurance>div {
    display: flex;
    align-items: start;
    padding: 0 calc(var(--spaces-md) * 2);
}

#reassurance>div>img {
    margin-right: var(--spaces-md);
}

#reassurance>div>.text>p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
}

#reassurance>div>.text>p.title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 2px solid var(--color-secondary);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

/* Newsletter*/
.block_newsletter {
    float: none;
    max-width: 600px;
    margin-bottom: var(--spaces-lg);
    padding: 0 var(--spaces-md);
}

.block_newsletter>.block-newsletter-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.block_newsletter>.block-newsletter-text>p {
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    margin-bottom: var(--spaces-md);
}

.block_newsletter>.block-newsletter-text>.title-newsletter {
    color: var(--color-secondary) !important;
    font-size: 42px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.block_newsletter>.block-newsletter-text>.pretitle-newsletter {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 0;
}

.block_newsletter form .input-wrapper {
    justify-content: start;
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}

.block_newsletter form input[type="email"] {
    border-radius: var(--border-radius);
    border: 1px solid var(--color-black);
    width: 100%;
    padding: 10px 40px 10px 20px;
    font-size: 14px;
    min-width: auto;
    max-width: none;
    background-color: transparent;
}

.block_newsletter form button {
    background-color: transparent !important;
    border: none !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.block_newsletter form button:disabled {
    opacity: 0.3;
}

.block_newsletter .custom-checkbox label {
    margin-bottom: 0;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block_newsletter .custom-checkbox label a {
    color: var(--color-tertiary) !important;
}

.block_newsletter .custom-checkbox label a:hover {
    text-decoration: underline;

    color: var(--color-primary) !important;
}

.block_newsletter .custom-checkbox input[type="checkbox"] {
    margin-top: 0;
}

.block_newsletter .custom-checkbox input[type="checkbox"]+span {
    border-radius: 5px;
}

.block_newsletter .custom-checkbox span {
    font-size: 14px;
    flex: none !important;
}

/* Logo - Info contacto */
#footer .footer-container #footer-info {
    display: flex;
}

#footer .footer-container #footer-info>.footer_block {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#footer .footer-container #footer-info>.footer_block>.info {
    max-width: 400px;
    display: flex;
    flex-direction: column;
    gap: var(--spaces-md);
}

#footer .footer-container #footer-info>.footer_block>p {
    margin-bottom: 0;
}

#footer .footer-container #footer-info>.footer_block>p img {
    margin-top: -80px;
}

/* Links */
#footer .footer-container #footer-links-socials {
    margin-top: 80px;
}

#footer .footer-container #footer-links>div:nth-of-type(2) ul {
    columns: 2;
}

#footer .footer-container .links ul.footer_list>li::before {
    content: url("/themes/dfd-greenmowers/assets/img/icons/dots.svg");
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

#footer .footer-container .links ul.footer_list>li {
    margin-bottom: 5px;
    display: flex;
}

#footer .footer-container .links ul.footer_list>li>a {
    margin-left: 15px;
}

#footer .footer-container .title-footer {
    color: var(--color-primary);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: calc(var(--spaces-md) / 2);
}

#footer .footer-container #footer-links>.footer_block:last-of-type .footer_list {
    columns: 2;
}

/* Redes sociales*/
#footer .footer-container #footer-socials {
    margin: calc(var(--spaces-md) * 2) 0;
}

.block-social {
    float: none;
}

.block-social ul {
    gap: 10px;
}

.block-social ul li {
    width: 30px;
    height: 30px;
    margin: 0 !important;
    border-radius: 0;
}

.block-social ul li:hover {
    background-color: transparent !important;
    opacity: 0.6;
}

/* Copyright */
.copyright .copyright_content {
    padding: 10px 0;
}

.copyright .copyright_content .text_copyright {
    text-align: left;
}

.copyright .copyright_content .text_design {
    text-align: right;
}

.copyright .copyright_content p {
    margin-bottom: 0;
    font-size: 13px !important;
    color: var(--color-white) !important;
    line-height: 1 !important;
}

.copyright .copyright_content .text_design a {
    color: var(--color-white) !important;
}

.copyright .copyright_content .text_design a:hover {
    text-decoration: underline;
}

/****************************** CATEGORIA *******************************/
#category #header {
    height: auto;
}

#category #wrapper {
    padding-top: 0;
}

#category #wrapper>.container {
    width: 100%;
    padding: 0 !important;
}

#category .container-full {
    width: 100%;
    max-width: var(--width-container);
    margin: calc(var(--spaces-md) * 2) auto;
    padding: 0 var(--spaces-md);
    display: flex;
    flex-wrap: wrap;
}

/* Top categoria*/
#js-product-list-header {
    position: relative;
}

#js-product-list-header>img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

#js-product-list-header>.block-category {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-bottom: 0;
    max-width: var(--width-container);
}

#js-product-list-header>.block-category h1 {
    margin-bottom: calc(var(--spaces-md) / 2);
    font-size: 48px;
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}

#js-product-list-header>.block-category .breadcrumb {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}

#js-product-list-header>.block-category .breadcrumb li span {
    font-size: 15px;
    color: var(--color-white);
}

#js-product-list-header>.block-category .breadcrumb li::after {
    color: var(--color-white);
    font-size: 15px;
}

/* Filtrado */
#search_filters,
#search_filters_brands,
#search_filters_suppliers {
    padding: 0;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-md);
    padding: calc(var(--spaces-md) * 2) calc(var(--spaces-md) * 2);
    display: inline-block;
    width: 100%;
}

#search_filters .filter-title,
#search_filters_brands .filter-title,
#search_filters_suppliers .filter-title {
    margin: 0 0 var(--spaces-md) 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

#search_filters .facet,
#search_filters_brands .facet,
#search_filters_suppliers .facet {
    margin: var(--spaces-md) 0;
    padding-bottom: 0;
}

#search_filters .facet .title {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove {
    display: block;
}

#search_filters .facet .title[aria-expanded="true"] .collapse-icons .add,
#search_filters .facet .title .collapse-icons .remove {
    display: none;
}

#search_filters .facet .title .collapse-icons i {
    color: var(--color-tertiary);
    font-size: 12px;
}

#search_filters .facet .facet-title,
#search_filters_brands .facet .facet-title,
#search_filters_suppliers .facet .facet-title {
    width: 100% !important;
    margin: 0 !important;
    background-color: transparent;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    color: var(--color-black);
    white-space: pre-wrap;
    line-height: normal;
    padding-right: var(--spaces-md);
}

#search_filters .facet>ul,
#search_filters_brands .facet>ul,
#search_filters_suppliers .facet>ul {
    margin: var(--spaces-md) 0 0 0;
    padding-bottom: var(--spaces-md);
    border-bottom: 1px solid var(--color-grey);
}

#search_filters .facet li .facet-label a,
#search_filters_brands .facet li .facet-label a,
#search_filters_suppliers .facet li .facet-label a {
    margin-top: 0;
    font-size: 15px;
}

#search_filters .facet li .facet-label .search-link,
#search_filters_brands .facet li .facet-label .search-link,
#search_filters_suppliers .facet li .facet-label .search-link {
    font-size: inherit;
    line-height: normal;
    white-space: normal;
    color: var(--color-dark-grey);
}

#search_filters .facet li .facet-label.active .search-link,
#search_filters_brands .facet li .facet-label.active .search-link,
#search_filters_suppliers .facet li .facet-label.active .search-link {
    color: var(--color-tertiary);
}

#search_filters .facet li .facet-label .custom-checkbox .ps-shown-by-js,
#search_filters .facet li .facet-label .custom-radio .ps-shown-by-js,
#search_filters_brands .facet li .facet-label .custom-checkbox .ps-shown-by-js,
#search_filters_brands .facet li .facet-label .custom-radio .ps-shown-by-js,
#search_filters_suppliers .facet li .facet-label .custom-checkbox .ps-shown-by-js,
#search_filters_suppliers .facet li .facet-label .custom-radio .ps-shown-by-js {
    border: 1px solid var(--color-dark-grey);
    border-radius: 100%;
}

#search_filters .facet li .facet-label .custom-checkbox input[type="checkbox"]:checked+span,
#search_filters .facet li .facet-label .custom-radio input[type="checkbox"]:checked+span,
#search_filters_brands .facet li .facet-label .custom-checkbox input[type="checkbox"]:checked+span,
#search_filters_brands .facet li .facet-label .custom-radio input[type="checkbox"]:checked+span,
#search_filters_suppliers .facet li .facet-label .custom-checkbox input[type="checkbox"]:checked+span,
#search_filters_suppliers .facet li .facet-label .custom-radio input[type="checkbox"]:checked+span {
    border-color: var(--color-tertiary);
}

#search_filters .faceted-slider .ui-slider-horizontal {
    margin-top: var(--spaces-md);
    max-width: 95%;
}

#search_filters .ui-slider-horizontal .ui-widget-header,
#search_filters_brands .ui-slider-horizontal .ui-widget-header,
#search_filters_suppliers .ui-slider-horizontal .ui-widget-header {
    background: var(--color-tertiary);
}

#search_filters .ui-slider-horizontal.ui-slider .ui-slider-handle,
#search_filters_brands .ui-slider-horizontal.ui-slider .ui-slider-handle,
#search_filters_suppliers .ui-slider-horizontal.ui-slider .ui-slider-handle {
    background-color: var(--color-tertiary);
}

#search_filters .faceted-slider p {
    margin-top: var(--spaces-md);
    margin-bottom: 0;
    color: var(--color-dark-grey);
}

#_desktop_search_filters_clear_all {
    margin: 0 !important;
    display: flex;
    justify-content: center;
}

.js-search-filters-clear-all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--color-black);
    border-radius: var(--border-radius);
}

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

.js-search-filters-clear-all:hover svg * {
    stroke: var(--color-white);
}

.active_filters .filter-block {
    border-radius: var(--border-radius-sm);
}

.active_filters .filter-block .close {
    margin-top: 0;
}

.active_filters .active-filter-title {
    margin-bottom: 10px;
    display: block;
}

#filters_category {
    z-index: 9999999999;
}

#filters_category .modal-dialog .modal-content .modal-header {
    padding: calc(var(--spaces-md) / 2) 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 .modal-dialog .modal-content .modal-header .close {
    color: var(--color-secondary) !important;
    font-weight: 100;
}

#filters_category .modal-body {
    height: calc(100% - 130px);
    overflow-y: auto;
    padding: 0;
}

#filters_category #search_filters {
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: column;
    box-shadow: none;
    border-radius: 0;
    padding-left: 0 !important;
}

#filters_category #search_filters .filter-title {
    display: none;
}

#filters_category #search_filters>.facet {
    margin: 0;
    padding: 10px var(--spaces-md);
    border-bottom: 1px solid var(--color-grey);
    padding-bottom: 0 !important;
}

#filters_category #search_filters .facet .facet-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

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

#filters_category #search_filters .facet ul li {
    margin-bottom: 0;
    padding: 5px 10px !important;
}

#filters_category #search_filters .facet>ul,
#filters_category #search_filters_brands .facet>ul,
#filters_category #search_filters_suppliers .facet>ul {
    margin-top: 0;
}

#filters_category #search_filters .facet>ul,
#filters_category #search_filters_brands .facet>ul,
#filters_category #search_filters_suppliers .facet>ul {
    border-bottom: none;
}

#filters_category .active_filters {
    margin-bottom: 0;
    background-color: var(--color-grey);
    padding: 10px var(--spaces-md) 0 var(--spaces-md);
}

#filters_category #search_filter_controls {
    display: flex;
    background-color: white;
    width: 100%;
    padding: var(--spaces-md);
}

#filters_category #search_filter_controls .ok {
    background-color: var(--color-primary);
    width: 100%;
    margin: 0 !important;
}

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

#filters_category .js-search-filters-clear-all {
    display: none;
}

/* Listado de productos */
#products .page-not-found {
    max-width: none;
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow);
    padding: var(--spaces-md);
}

#js-product-list-top {
    margin: 0 0 calc(var(--spaces-md) * 2) 0 !important;
    padding: 0;
    border: none;
}

#js-product-list-top>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: var(--spaces-md);
}

#js-product-list-top #selectProductSort {
    border: 1px solid var(--color-secondary);
    border-radius: var(--border-radius-md);
    background-color: transparent;
    padding: 10px 20px;
    font-size: 14px;
    max-width: none;
    width: fit-content;
}

#js-product-list-top #view-product-list {
    display: flex;
    align-items: center;
    gap: 10px;
}

#js-product-list-top #view-product-list>div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-black);
    height: 40px;
    padding: 0 var(--spaces-md);
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

#js-product-list-top #view-product-list>div.selected,
#js-product-list-top #view-product-list>div:hover {
    background-color: var(--color-grey);
    border-radius: var(--border-radius);
}

#products .products>div {
    width: 33.33%;
}

#products .products.list {
    margin: 0 !important;
}

#products .products.list>div {
    width: 100%;
}

#products .products.list .product-miniature-list {
    display: flex;
    align-items: center;
    border: 1px solid var(--color-grey);
    height: 100%;
    margin-top: -1px;
}

#products .products.list .product-miniature-list>div {
    padding: 10px;
    display: flex;
    align-items: center;
    height: 100%;
}

#products .products.list .product-miniature-list>div:not(.product-miniature-list-image) {
    border-left: 1px solid var(--color-grey);
}

#products .products.list .product-miniature-list>.product-miniature-list-image img {
    width: 100px;
    height: fit-content;
    object-fit: contain;
}

#products .products.list .product-miniature-list>.product-miniature-list-ref .product-reference {
    margin-bottom: 0;
}

#products .products.list .product-miniature-list>.product-miniature-list-title .product-title {
    height: auto;
    margin: 0;
    font-weight: 500;
}

#products .products.list .product-miniature-list>.product-miniature-list-prices,
#products .products.list .product-miniature-list>.product-miniature-list-prices>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#products .products.list .product-miniature-list>.product-miniature-list-prices .consult-price {
    text-transform: uppercase;
    font-size: 14px;
}

#products .products.list .product-miniature-list>.product-miniature-list-prices.no-price>div {
    filter: blur(5px);
    pointer-events: none;
    user-select: none;
}

#products .products.list .product-miniature-list>.product-miniature-list-prices .product-price-and-shipping {
    min-height: auto;
    height: auto;
    justify-content: center;
    align-items: baseline;
    gap: 5px;
}

#products .products.list .product-miniature-list>.product-miniature-list-prices .product-price-and-shipping .price {
    font-size: 18px;
    line-height: normal;
}

#products .products.list .product-miniature-list>.product-miniature-list-prices .product-price-and-shipping .price.has-discount {
    color: var(--color-red);
}

#products .products.list .product-miniature-list>.product-miniature-list-prices .product-price-and-shipping .regular-price {
    text-decoration: line-through;
}

#products .products.list .product-miniature-list>.product-miniature-list-prices .price_tax {
    color: var(--color-black);
    font-size: 12px;
}

#products .products.list .product-miniature-list>.product-miniature-list-prices .price_without_customer_group_discount {
    line-height: 1;
}

#products .products.list .product-miniature-list>.product-miniature-list-prices .price_without_customer_group_discount .old_price {
    color: var(--color-dark-grey);
    text-decoration: line-through;
}

#products .products.list .product-miniature-list>.product-miniature-list-actions {
    display: flex;
    justify-content: center;
}

#products .products.list .product-miniature-list>.product-miniature-list-actions form {
    display: flex;
    gap: 10px;
}

#products .products.list .product-miniature-list>.product-miniature-list-actions .btn-login {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.bootstrap-touchspin {
    background-color: var(--color-grey);
    border-radius: 10px;
}

.bootstrap-touchspin #quantity_wanted,
.js-cart-line-product-quantity {
    height: 50px !important;
    width: 50px !important;
    left: 0;
    padding: 0 10px;
    border: none;
    background-color: transparent !important;
    text-align: center;
}

.bootstrap-touchspin .input-group-btn-vertical {
    flex-direction: column;
    padding-right: 5px;
    height: 50px !important;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn-touchspin {
    height: 25px;
    width: 25px;
    left: auto;
    right: 0;
    border: none;
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn-touchspin i {
    color: var(--color-primary);
    position: relative;
    top: auto;
    left: auto;
}

#products .products.list .product-miniature-list>.product-miniature-list-actions .add-to-cart-category {
    width: 50px;
    height: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#products .products.list .product-miniature-list>.product-miniature-list-actions button:hover svg * {
    stroke: var(--color-white);
}

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

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

#products .pagination #btn_inifinitescroll {
    margin: 0;
    color: var(--color-black);
}

.pagination .page-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 16px;
    background: transparent;
}

.pagination .page-list li,
.pagination .page-list li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
    color: var(--color-black) !important;
}

.pagination .page-list li>a {
    margin-left: 2px;
    margin-top: 2px;
}

.pagination .page-list li:hover {
    opacity: 0.6;
}

.pagination .page-list li:not(.arrow) a {
    min-width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal !important;
    border: 1px solid var(--color-secondary);
    border-radius: 100%;
}

.pagination .page-list li.arrow svg {
    width: 25px;
    height: 25px;
}

.pagination li.current a {
    background-color: var(--color-secondary);
}

/* Bottom categoria (Descripcion completa)*/
#category #full-column {
    max-width: var(--width-container);
    margin: 0 auto;
    padding: 0 var(--spaces-md);
}

/****************************** PRODUCTO *******************************/
#product .product_topview.product_columns_2 {
    padding: 0;
}

/* Bloque izq. */
#product .product_topview.product_columns_2 .block_left {
    padding-right: var(--spaces-lg);
}

/* Imagenes */
#product .product_topview.product_columns_2 .block_left #content .product-cover img,
#product .product_topview.product_columns_2 .block_left #content .product-images img {
    border-radius: var(--border-radius-md);
}

/* Bloque der. */
.price_outstanding {
    padding: 0;
    background-color: transparent;
}

/* Titulo - Descripción */
#product .product_topview .product-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: var(--spaces-md);
}

#product .product_topview .product-info>div:not(.product-description, .product-manufacturer) {
    padding-right: 60px;
}

#product .product_topview .product-info .product-manufacturer {
    margin-bottom: 0;
    color: var(--color-black);
    border: 1px solid var(--color-secondary);
    border-radius: var(--border-radius);
    display: block;
    width: fit-content;
}

#product .product_topview .product-info .product-manufacturer a {
    padding: 5px 15px;
    display: flex;
    line-height: normal;
}

#product .product_topview .product-info .product-manufacturer:hover {
    background-color: var(--color-tertiary);
    border-color: var(--color-tertiary);
}

#product .product_topview .product-info .product-manufacturer:hover a {
    color: var(--color-white) !important;
}

#product .product_topview .product-info p {
    margin-bottom: 0;
}

#product .product_topview .product-info .product_name {
    font-size: 28px;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 1;
}

#product .product_topview .product-info .product-reference {
    font-weight: 500;
}

#product .product_topview .product-info .product-description * {
    font-family: var(--font-primary) !important;
}

#product .product_topview .product-info .product-description>a {
    color: var(--color-primary);
    text-decoration: underline;
    cursor: pointer;
}

#product .product_topview .product-info .product-description>a:hover {
    color: var(--color-tertiary);
}

#product .product_topview .product-info {
    position: relative;
}

#product .product_topview .product-info .wishlist-button-add {
    right: 0;
    top: 0;
    position: absolute;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid var(--color-primary);
}

#product .product_topview .product-info .wishlist-button-add {
    width: 50px;
    height: 50px;
}

#product .product_topview .product-info .wishlist-button-add .custom-wishlist-icon::before {
    display: none;
}

#product .product_topview .product-info .wishlist-button-add .custom-wishlist-icon {
    background-image: url("../img/icons/wishlist.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}

#product .product_topview .product-info .wishlist-button-add .custom-wishlist-icon.solid {
    background-image: url("../img/icons/wishlist-solid.svg");
}

/* Precios */
.product-information {
    line-height: 1;
}

.price_outstanding .product-prices .product-price {
    margin-bottom: 0;
}

.price_outstanding .product-prices .product-price .current-price {
    align-items: baseline;
    gap: 10px;
}

.price_outstanding .product-prices .product-price .current-price .price_with_tax {
    height: auto;
    line-height: 1;
    font-size: 28px;
    margin-right: 0;
}

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

.price_outstanding .product-prices .product-price .current-price .price_without_customer_group_discount {
    display: flex;
    gap: 10px;
    align-items: end;
}

.price_outstanding .product-prices .product-price .current-price .price_without_customer_group_discount>.old_price {
    height: auto;
    line-height: 1;
    font-size: 24px;
    color: var(--color-dark-grey);
    text-decoration: line-through;
}

.price_outstanding .product-prices .product-price .current-price .price_without_customer_group_discount>.discount {
    background-color: var(--color-secondary);
    border-radius: var(--border-radius-sm);
    padding: 5px 10px;
}

.price_outstanding .product-prices .product-price .current-price .show_pvp span.old_price {
    font-size: 18px !important;
    text-decoration: line-through;
    color: var(--color-dark-grey) !important;
    line-height: normal !important;
}

.price_outstanding .product-prices .product-price .current-price .show_discount {
    margin: 0 !important;
    align-self: center;
}

.price_outstanding .product-prices .product-price.has-discount .discount {
    border-radius: var(--border-radius-md);
    font-size: 14px;
    padding: 4px 15px;
    margin-right: 10px;
}

.price_outstanding .product-prices .product-price .current-price .price_tax {
    font-size: 18px;
    font-weight: 500;
}

.price_outstanding .product-prices .product-price .price-with-taxes {
    margin-top: 10px;
    font-size: 15px;
}

/* Añadir al carrito */
.product_add_to_cart .product-quantity .qty {
    margin-right: 0;
    width: fit-content;
    min-width: auto;
    width: 90px;
    margin-bottom: 0 !important;
}

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

.product_add_to_cart .product-quantity .add .add-to-cart {
    background-color: var(--color-secondary);
    color: var(--color-black);
    border-radius: var(--border-radius);
    border: none;
    font-size: 16px;
    font-weight: 500 !important;
    font-family: var(--font-primary);
}

.product_add_to_cart .product-quantity .add .add-to-cart:hover {
    background-color: var(--color-tertiary);
    color: var(--color-white);
}

.product_add_to_cart .product-quantity .add .add-to-cart:hover svg * {
    stroke: var(--color-white);
}

.product_add_to_cart .btn-login,
.product_add_to_cart .product-quantity .add .add-to-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 50px;
}

.product_add_to_cart .btn-login {
    width: 100%;
}

.product_add_to_cart .no-stock-warning {
    margin-top: var(--spaces-md);
}

/* Solicitar informacion de producto  */
#form-request-information .product_info {
    background-color: var(--color-grey);
    border-radius: var(--border-radius-sm);
    border: none;
}

#form-request-information form .button-submit-request:hover {
    background-color: var(--color-tertiary);
    opacity: 1;
}

/* Productos relacionados */
#product-accessories {
    margin-top: var(--spaces-md);
    background-color: var(--color-grey);
    border-radius: var(--border-radius-sm);
    padding: var(--spaces-md);
}

#product-accessories .products-accessories-title {
    font-weight: 600;
    font-size: 16px;
}

#product-accessories .product-miniature {
    border-radius: var(--border-radius-sm);
    padding: 10px;
    margin: 0 5px;
}

#product-accessories .product-miniature .thumbnail-container .product-thumbnail img {
    border-radius: var(--border-radius-sm);
}

#product-accessories .product-miniature .product-info {
    margin-bottom: 0;
}

#product-accessories .product-miniature .product-description {
    line-height: 1 !important;
}

#product-accessories .product-miniature .product-reference {
    color: var(--color-tertiary);
}

#product-accessories .product-miniature .product-title-reference {
    margin-bottom: 0;
}

#product-accessories .product-miniature .product-title {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

#product-accessories .product-miniature .product-reference {
    font-size: 12px !important;
}

#product-accessories .product-miniature .product-price-and-shipping .price {
    font-size: 18px !important;
}

#product-accessories .product-miniature .product-price-and-shipping .regular-price {
    font-size: 14px !important;
}

#product-accessories .product-miniature .product-price-and-shipping {
    gap: 0 !important;
    flex-direction: column;
}

#product-accessories .product-miniature .product-price-and-shipping .price_tax {
    font-size: 12px;
    font-weight: 500;
}

#product-accessories .product-miniature .product-price-add {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    height: 40px;
}

#product-accessories .product-miniature .product-price-add.no-price {
    height: auto;
}

#product-accessories .product-miniature .product-description .add-to-cart-category {
    border-radius: 100%;
    margin-top: 0 !important;
    width: 40px;
    height: 40px;
    padding: 0;
}

/* Tabs producto */
#product #content-wrapper .product-container {
    display: flex;
}

#product .product-tabs {
    padding: 0;
}

#product .product-tabs .tabs {
    margin: var(--spaces-lg) 0;
    background-color: transparent;
    padding: 0;
}

.tabs .nav-tabs {
    display: flex;
    justify-content: center;
}

.tabs .nav-tabs .nav-link {
    background-color: transparent !important;
    text-transform: uppercase;
}

/* Productos misma categoría / Más vistos */
#product .featured-products {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#product .featured-products,
#product .featured-products .section-container-title {
    margin-bottom: 0;
}

/****************************** CMS *******************************/
.page-header h1 {
    margin-bottom: var(--spaces-md);
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: normal;
}

.page-cms.page-content h2,
.page-cms.page-content h2 *,
.page-cms.page-content h3,
.page-cms.page-content h4 {
    font-weight: 600;
    font-size: 20px;
    margin-top: var(--spaces-md);
    line-height: normal;
    text-transform: uppercase;
}

.page-cms.page-content a {
    text-decoration: underline;
    overflow-wrap: break-word;
}

.page-cms.page-content .table-container {
    width: 100%;
    overflow-x: auto;
    margin: var(--spaces-md) 0;
}

.page-cms.page-content table {
    border-radius: var(--border-radius-md);
    border: 1px solid var(--color-grey);
}

.page-cms.page-content table th,
.page-cms.page-content table td {
    background-color: transparent;
    border: 1px solid var(--color-grey);
}

/****************************** PAGINA CONTACTO *******************************/
.dbcontactinfo_sidebar {
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-md);
    padding: calc(var(--spaces-md) * 2);
}

.dbcontactinfo_sidebar>.title {
    display: none;
}

.dbcontactinfo_sidebar .block_icon {
    border: none;
}

.dbcontactinfo_sidebar .block_icon:first-of-type {
    border-bottom: 1px solid var(--color-grey);
}

.dbcontactinfo_sidebar .block_icon>i,
.dbcontactinfo_sidebar .block_icon>img {
    font-size: 25px;
    display: flex;
    justify-content: center;
    margin-right: 10px;
}

.dbcontactinfo_sidebar .block_icon .blockicon_content {
    width: calc(100% - 45px);
    font-size: 15px;
}

.dbcontactinfo_sidebar .block_icon .blockicon_content>.title {
    font-weight: 500;
}

.dbcontactinfo_sidebar .block_icon .blockicon_content .value a {
    overflow-wrap: break-word;
    word-break: break-word;
}

#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 15px;
}

.contact-form .btn.btn-primary {
    opacity: 1 !important;
    cursor: pointer !important;
}

/****************************** MARCAS *******************************/
#manufacturer h1,
#search h1 {
    margin-bottom: var(--spaces-md);
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: normal;
    text-align: center;
}

#manufacturer #main #list-manufacturers {
    margin: 0 calc(var(--spaces-md) / -2);
}

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

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

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

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

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

#manufacturer #main ul .brand-img>h2 {
    font-family: var(--font-primary);
    text-transform: uppercase;
    font-size: 16px;
    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: 20px;
    height: 150px;
}

#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-sm);
    font-size: 0.9em;
}

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

.manufacturer_short_desc {
    margin-bottom: var(--spaces-md);
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent !important;
}

#manufacturer .manufacturer-cover>img {
    object-fit: contain;
    max-width: 300px;
    width: fit-content;
}

/****************************** 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 {
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-md);
    padding: calc(var(--spaces-md) * 2);
    max-width: 700px;
    background-color: var(--color-white);
    margin: 0 auto;
}

/* Mi cuenta */
#my-account .subtitle {
    font-size: 18px;
    margin-top: var(--spaces-md);
}

#my-account .link-item {
    background-color: var(--color-white);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-sm);
    font-weight: 500;
    font-size: 16px;
}

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

#my-account .link-item>.history-content .desc {
    font-size: 14px;
}

#my-account .link-item>i {
    color: var(--color-tertiary);
}

#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-tertiary);
    min-height: auto;
    color: var(--color-white);
    padding: 10px 20px;
    width: fit-content;
    margin-bottom: 0;
    border-radius: var(--border-radius);
}

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

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

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

.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_account .item {
    font-size: 15px;
}

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

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

.card.card_account {
    padding: 0 20px;
}

.page-addresses .address {
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow);
}

.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;
}

/* Wishlist */
.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-sm);
    border: none !important;
}

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

.wishlist-modal .modal-body .form-group .form-control {
    color: var(--color-black);
    border-width: 0;
    background-color: var(--color-grey);
    border-radius: var(--border-radius-sm);
}

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

.wishlist-modal .modal-header .modal-title {
    font-size: var(--text-md);
    text-transform: uppercase;
    font-weight: 700;
}

.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-grey) !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 .wishlist-list .wishlist-list-item p {
    font-size: var(--text-md);
}

.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(--color-bg-1) !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-radius: var(--border-radius-sm) !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: var(--color-white) !important;
    border-radius: var(--border-radius-md);
    padding: var(--spaces-md);
    margin: 10px !important;
    width: auto !important;
    box-shadow: var(--box-shadow);
    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;
}

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

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

#history .order_history {
    background-color: var(--color-white);
    border: none;
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow);
}

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

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

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

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

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

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

#order-detail .order_actions .oactions .oaction {
    border: none;
    color: var(--color-black);
    font-weight: 500;
    padding: 8px 20px;
    background-color: var(--color-white);
    box-shadow: var(--box-shadow);
    color: var(--color-black) !important;
}

#order-detail .order_actions .oactions .oaction:hover {
    color: var(--color-grey);
    background-color: var(--color-secondary);
    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-sm);
}

#order-detail .order_resume>.box,
.page-order-detail .order-items,
.page-order-detail .box {
    border: none;
    background-color: var(--color-white);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow);
}

.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 / Devoluciones */
#order-slip .box-table,
#discount .box-table,
#order-follow .box-table {
    box-shadow: none;
    border: none;
    border-radius: var(--border-radius-sm);
    background-color: var(--color-grey);
    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: 15px;
}

#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-sm);
    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: 15px;
}

#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);
}

/* RGPD */
.psgdprinfo17 {
    border-radius: var(--border-radius-md);
    box-shadow: var(--box-shadow);
}

.psgdprinfo17>a {
    font-size: 15px;
}

/****************************** PÁGINAS CARRITO - CHECKOUT  *******************************/
/* Carrito lateral */
#blockcart-modal .modal-header {
    background-color: var(--color-tertiary);
}

/* Carrito */
.cart-item {
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-sm);
}

.cart-grid-right .cart-summary .cart-summary_header,
.cart-grid-body .card-block {
    border-bottom: 1px solid var(--color-grey);
    margin-bottom: var(--spaces-md);
}

.cart-grid-right .cart-summary .cart-summary_header,
.cart-grid-body .card-block h1 {
    font-size: 20px;
    font-weight: 500;
}

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

.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: 15px;
}

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

.cart-grid-right .cart-summary .card-block.cart-summary-totals {
    padding: 0 !important;
}

.cart-grid-right .cart-summary .card-block.cart-summary-totals .cart-summary-line.cart-total {
    margin-top: 0;
    padding-top: var(--spaces-md) !important;
}

.cart-grid-right .cart-summary .card-block.cart-summary-totals .cart-summary-line.cart-total .label,
.cart-grid-right .cart-summary .card-block.cart-summary-totals .cart-summary-line.cart-total .value {
    font-size: 20px;
    font-weight: 500;
}

.card-block.cart-summary-totals .cart-summary-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    padding: 0 !important;
}

.block-promo .promo-code-button {
    padding: 0 0 var(--spaces-md) 0 !important;
}

.block-promo .promo-input {
    height: 35px;
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
    border: none;
    color: var(--color-black) !important;
}

.block-promo .promo-input+button {
    margin-top: 0;
    border: none;
    min-width: 100px;
    height: 35px;
    margin-bottom: 2px;
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    background-color: var(--color-secondary);
    line-height: 1;
}

.block-promo .promo-code .alert-danger {
    background-color: var(--color-secondary) !important;
    color: var(--color-black) !important;
}

.block-promo .promo-input+button:hover {
    background-color: var(--color-primary);
}

.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;
    font-size: 15px;
}

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

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

.block-promo .promo-code .alert-danger .js-error-text {
    font-size: 14px;
}

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

.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-grid-right .separator_voucher {
    margin: 0;
}

#cart #cartopdf a {
    background-color: var(--color-secondary) !important;
}

#cart #cartopdf a:hover {
    background-color: var(--color-primary) !important;
}

/* Checkout */
body#checkout section.checkout-step {
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow);
}

body#checkout section.checkout-step .address-item {
    border-radius: var(--border-radius-sm);
    box-shadow: var(--box-shadow);
}

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

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

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.-reachable.-complete h1 .step-edit:hover {
    color: var(--color-primary) !important;
}

body#checkout #checkout-payment-step .modal-dialog {
    max-width: 1000px;
}

body#checkout #checkout-payment-step .modal-dialog .modal-content {
    border-radius: var(--border-radius-sm);
}

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

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

#order-confirmation .page-order-confirmation.card,
#order-confirmation .page-order-confirmation .card-block {
    padding: var(--spaces-sm) 0;
}

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

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

#order-confirmation .page-order-confirmation #order-details .total {
    font-weight: 600;
}

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

#order-confirmation .page-order-confirmation .see-order-details {
    text-decoration: underline;
}

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

    /****************************** HEADER *******************************/
    #header .header-top .container {
        padding: calc(var(--spaces-md) / 2) var(--spaces-md);
    }

    /* Logo */
    #menu-icon {
        display: flex;
    }

    /* Menu */
    #_desktop_megamenu,
    .menu-desktop {
        display: none;
    }

    .menu-mobile {
        display: block;
    }

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

    /* Iconos */

    /****************************** FOOTER *******************************/
    #footer .footer-container .container>div {
        width: 100%;
    }

    /* Reassurance */
    #reassurance>div {
        padding: 0 var(--spaces-md);
    }

    /* Logo - Info contacto */
    #footer .footer-container #footer-info>.footer_block>p img {
        display: none;
    }

    /* Links */
    #footer .footer-container #footer-links-socials {
        margin-top: 0;
    }

    #footer .footer-container #footer-links-socials>div,
    #footer .footer-container #footer-links-socials>div>div {
        padding: 0;
    }
}

@media (max-width: 991px) {

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

    /****************************** HOME *******************************/
    /* Bloque información */
    #block-info>.block {
        padding: 0 !important;
        margin: 0 var(--spaces-md);
    }

    #block-info>.block.block-right {
        margin-top: var(--spaces-md);
    }

    #block-info>.block>img,
    #block-info>.block>.block-bg {
        border-radius: var(--border-radius-md) !important;
    }

    #block-info>.block>.block-bg {
        width: 100%;
    }

    /****************************** FOOTER *******************************/
    /* Reassurance */
    #reassurance {
        gap: var(--spaces-md);
    }

    #reassurance>div {
        align-items: center;
    }

    #reassurance>div>.text {
        width: calc(100% - 80px);
    }

    /* Copyright */
    .copyright .copyright_content p {
        text-align: center !important;
    }

    /****************************** CATEGORIA *******************************/
    #category #left-column,
    #category #content-wrapper {
        width: 100%;
        padding: 0;
    }

    /* Listado de productos */
    #js-product-list-top>div {
        justify-content: center;
    }

    /****************************** PRODUCTO *******************************/
    /* Bloque izq. */
    #product .product_topview.product_columns_2 .block_left {
        padding-right: 0;
    }

    /****************************** PAGINA CONTACTO *******************************/
    #contact #content-wrapper #content {
        padding: 0 !important;
    }

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

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

@media (max-width: 768px) {

    /****************************** HEADER *******************************/
    /* Logo */
    #header .logo {
        height: 40px;
        width: fit-content;
    }

    /* Menu modal */
    #menu-modal {
        height: auto;
    }

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

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

    /* Iconos */
    #header .header-top .header__flex #search-icons>div.icon {
        border: none;
        width: fit-content !important;
        height: fit-content !important;
    }

    #header .header-top .header__flex #search-icons>div.icon.search,
    #header .header-top .header__flex #search-icons>div.icon>.blockcart,
    #header .header-top .header__flex #search-icons>div.icon>.user-info>span {
        width: fit-content !important;
        height: fit-content !important;
    }

    #header .header-top .header__flex #search-icons>div.icon:hover {
        background-color: transparent;
    }

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

    /* Carrusel de productos */
    .featured-products#featured-productsbycategory .categories {
        gap: 10px;
        margin-bottom: var(--spaces-md);
    }

    .featured-products#featured-productsbycategory .categories .item-category {
        border: 1px solid var(--color-primary) !important;
        border-radius: var(--border-radius);
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .featured-products#featured-productsbycategory .categories .item-category.active {
        background-color: var(--color-primary);
        color: var(--color-white);
    }

    /* Miniatura de productos */
    .product-miniature .product-description .add-to-cart-category svg {
        display: none;
    }

    /* Bloque información */
    #custom-text {
        margin: calc(var(--spaces-lg) / 2) auto;
    }

    /****************************** FOOTER *******************************/
    #footer .footer-container .container>div {
        padding: 0;
    }

    /* Reassurance */
    #reassurance {
        margin-bottom: calc(var(--spaces-lg) / 2);
        margin-top: calc(var(--spaces-lg) / 2);
    }

    /* Newsletter*/
    .block_newsletter {
        margin-bottom: calc(var(--spaces-lg) / 2);
    }

    /* Links */
    #footer .footer-container .title-footer {
        margin-bottom: 0;
    }

    #footer .footer-container #footer-links>div:nth-of-type(2) ul {
        columns: 1;
    }

    .links .title {
        display: flex;
        justify-content: space-between;
    }

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

    .links .title i {
        color: var(--color-secondary) !important;
        font-size: 14px;
    }

    /* Redes sociales*/
    #footer .footer-container #footer-socials {
        margin-top: 0;
        margin-bottom: 0;
    }

    .block-social ul {
        justify-content: start;
        margin-top: calc(var(--spaces-md) / 2);
    }

    .block-social ul li {
        width: 25px;
        height: 25px;
    }

    /****************************** CATEGORIA *******************************/
    /* Top categoria*/
    #js-product-list-header>img {
        height: 300px;
    }

    #js-product-list-header>.block-category h1 {
        font-size: 38px;
    }

    /* Listado de productos */
    #js-product-list-top>div {
        gap: 10px;
    }

    #js-product-list-top>div>.filter-button,
    #js-product-list-top>div>.sort-by-row {
        width: calc(50% - 10px);
    }

    #js-product-list-top .products-sort-order,
    #js-product-list-top #selectProductSort {
        width: 100% !important;
    }

    #products .products>div {
        width: 100%;
    }

    #products .products.list .product-miniature-list {
        flex-wrap: wrap;
        height: auto;
    }

    #products .products.list .product-miniature-list>.product-miniature-list-prices,
    #products .products.list .product-miniature-list>.product-miniature-list-actions {
        border-top: 1px solid var(--color-grey);
        height: 80px;
    }

    #products .products.list .product-miniature-list>div:not(.product-miniature-list-actions) {
        border-left: 0 !important;
    }

    #products .products.list .product-miniature-list>.product-miniature-list-image img {
        width: 60px;
    }

    #products .products.list .product-miniature-list>.product-miniature-list-title .product-title {
        padding-left: 0;
        font-size: 15px;
    }

    /****************************** MARCAS *******************************/
    #manufacturer #js-product-list-top>div>.sort-by-row {
        width: 100%;
    }

    /****************************** PÁGINAS MI CUENTA  *******************************/
    /* 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: none;
        border-radius: var(--border-radius-sm);
        background-color: var(--color-grey);
        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: 50%;
    }

    /* Wishlist */
    .wishlist-product {
        margin: 0 !important;
    }

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

@media (max-width: 576px) {

    /****************************** HEADER *******************************/
    /* Logo */
    #header .logo {
        height: 30px !important;
    }

    /* Iconos */
    #header .header-top .header__flex #search-icons {
        gap: calc(var(--spaces-md) / 2);
    }

    /****************************** HOME *******************************/
    /* Titulos secciones */
    .section-container-title>img {
        width: 40px;
        height: 40px;
    }

    .section-title {
        font-size: 24px;
    }

    /* Espacios secciones home */
    .section-info {
        margin-bottom: var(--spaces-md);
    }

    /* Bloque SEO - Buscador home*/
    #home-info>h1 {
        font-size: 38px;
    }

    /* Bloque información */
    #block-info>.block>img {
        height: 350px;
    }

    #block-info>.block>.block-info {
        width: 100%;
        padding: var(--spaces-md);
    }

    #block-info>.block>.block-info>div .block-title {
        font-size: 24px;
    }

    /****************************** CATEGORIA *******************************/
    /* Listado de productos */
    #products .products.list .product-miniature-list>.product-miniature-list-actions .btn-login svg {
        display: none;
    }

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

    /* Wishlist */
    .wishlist-modal .modal-footer>.btn {
        width: 100%;
        margin: 0 !important;
    }

    .wishlist-modal .modal-footer::after {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    #dfdpopup>div>div.img>img {
        width: 70% !important;
    }
}