/************************/
/* custom toast styles */
@import 'loginNotification.css';

:root {
    /************************/
    /* Spacings */
    /************************/
    --spacing-1x: 0.125rem; 
    --spacing-2x: 0.25rem;
    --spacing-4x: 0.5rem;
    --spacing-5x: 0.625rem;
    --spacing-6x: 0.75rem;
    --spacing-7x: 0.875rem;
    --spacing-8x: 1rem;
    --spacing-12x: 1.5rem;
    --spacing-16x: 2rem;
    --spacing-20x: 2.5rem;
    --spacing-24x: 3rem;
    --spacing-32x: 4rem;
    --spacing-40x: 5rem;
    --spacing-48x: 6rem;
    --spacing-80x: 10rem;
    --spacing-160x: 20rem;

    /************************/
    /* Colours */
    /************************/
    --colors-gray-gray-10: #f3f3f3;
    --colors-gray-gray-100: #040404;
    --colors-gray-gray-20: #c7c7c7;
    --colors-gray-gray-30: #9c9b9c;
    --colors-gray-gray-40: #706f70;
    --colors-gray-gray-50: #444344;
    --colors-gray-gray-60: #191819;
    --colors-gray-gray-70: #141314;
    --colors-gray-gray-80: #0f0e0f;
    --colors-gray-gray-90: #0a090a;
    --colors-gray-gray-110: #16161640;
    --colors-green-green-10: #f2f8f2;
    --colors-green-green-100: #001900;
    --colors-green-green-20: #c2e0c2;
    --colors-green-green-30: #91c792;
    --colors-green-green-40: #052f5e;
    --colors-green-green-50: #052f5e;
    --colors-green-green-60: #017f02;
    --colors-green-green-70: #006501;
    --colors-green-green-80: #004c01;
    --colors-green-green-90: #003200;
    --colors-other-colors-white: #fdfdfd;
    --colors-red-red-10: #fff1f1;
    --colors-red-red-100: #2d0709;
    --colors-red-red-20: #ffd7d9;
    --colors-red-red-30: #ffb3b8;
    --colors-red-red-40: #ff8389;
    --colors-red-red-50: #fa4d56;
    --colors-red-red-60: #da1e28;
    --colors-red-red-70: #a2191f;
    --colors-red-red-80: #750e13;
    --colors-red-red-90: #520408;
    /* backgrounds */
    --background-background: var(--colors-other-colors-white);
    /* borders */
    --border-border-subtle-00: var(--colors-green-green-50);
    --border-border-subtle-01: var(--colors-other-colors-white);
    --border-border-subtle-02: var(--colors-gray-gray-60);
    /* Button */
    --button-button-danger-active: var(--colors-red-red-80);
    --button-button-danger-hover: var(--colors-red-red-70);
    --button-button-danger-primary: var(--colors-red-red-60);
    --button-button-danger-secondary: var(--colors-red-red-60);
    --button-button-disabled: var(--colors-gray-gray-30);
    --button-button-primary: var(--colors-other-colors-white);
    --button-button-primary-active: var(--colors-gray-gray-100);
    --button-button-primary-hover: var(--colors-green-green-20);
    --button-button-secondary: var(--colors-gray-gray-100);
    --button-button-secondary-active: var(--colors-green-green-50);
    --button-button-secondary-hover: var(--colors-gray-gray-50);
    /* variants */
    --focus-focus: var(--colors-green-green-50);
    --focus-focus-inverse: var(--colors-gray-gray-100);
    --layer-layer-01: var(--colors-other-colors-white);
    --layer-layer-02: var(--colors-green-green-40);
    --layer-layer-03: var(--colors-gray-gray-60);
    /* icons */
    --icon-icon-disabeled: var(--colors-gray-gray-110);
    --icon-icon-interactive: var(--colors-green-green-40);
    --icon-icon-inverse: var(--colors-gray-gray-100);
    --icon-icon-on-color: var(--colors-other-colors-white);
    --icon-icon-on-color-disabeled: var(--colors-gray-gray-50);
    --icon-icon-primary: var(--colors-gray-gray-100);
    --icon-icon-secondary: var(--colors-green-green-40);
    /* links */
    --link-link-primary: var(--colors-green-green-40);
    --link-link-primary-hover: var(--colors-green-green-30);
    /* Text */
    --text-text-disabled: var(--colors-gray-gray-110);
    --text-text-error: var(--colors-red-red-60);
    --text-text-inverse: var(--colors-gray-gray-100);
    --text-text-on-color: var(--colors-other-colors-white);
    --text-text-on-color-disabled: var(--colors-gray-gray-50);
    --text-text-placeholder: var(--colors-gray-gray-30);
    --text-text-primary-00: var(--colors-gray-gray-100);
    --text-text-primary-01: var(--colors-green-green-40);
    --text-text-secondary: var(--colors-gray-gray-50);

    --primary-color: #61AF62;
    --dark: #040404;
    --white: #FFFFFF;
    --white1: #FBFBFB;
    --white2: #F5F5F5;
    --red: #CA0017;
    --darkRed: #AB0007;
    --lightRed: #b9312d;
    --pinkRed: #DA4D5D;
    --pink: #E5808B;
    --lightPink: #F9E0E3;
    --lightPink1: #EFB3B9;
    --black: #000000;
    --black1: #030506;
    --black2: #101820;
    --grey1: #969696;
    --grey2: #212A33;
    --grey3: #D4D4D4;
    --grey4: #A9A9A9;
    --grey5: #555454;
    --grey6: #232323;
    --lightGreyBlue: #AAB2BD;
    --greyBlue: #4F5B64;
    --green: #75D100;
    --lightOrange: #f39d72;
    --blue: #2fb5d2;

    --radius: 8px;
}

.white {
    color: var(--white1);
}

.primary,
.red {
    color: var(--red);
}

.black {
    color: var(--black1);
}

/************************/
/* General styles */
/************************/
html {
    font-size: 16px;
}

body {
    margin: 0;
    padding: 0;
    border: none;
    font-family: "SF Pro Display";
    scroll-behavior: smooth;
}
input {
    font-family: "SF Pro Display";
    padding: 8px;
    border-radius: 8px;
    border: 1px solid black;
    font-size: 1rem;
    line-height: 1rem;
}

input[type="radio" i] {
    border: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    font-weight: 100;
}
a {
    color: var(--black1);
}
h2 {
    font-family: "Round8";
    font-size: 120px;
    line-height: 120px;
    font-style: normal;
}

.noScroll {
    overflow: hidden;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #052f5e;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: 0.3s ease-out;

  flex-wrap: wrap;
  align-content: center;
}
.hidden { 
    opacity: 0; 
    visibility: hidden; 
}

#preloader svg {
    max-width: 80%;
    margin: 0 auto;
}
.loader, .loader:before, .loader:after {
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    animation-fill-mode: both;
    animation: bblFadInOut 2.8s infinite ease-in-out;
}
.parent-loader{
    width: 100%;
    display: flex;
    justify-content: center;
}
.loader {
    color: var(--white);
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s;
}
.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.loader:before {
    left: -2em;
    animation-delay: -0.32s;
}
.loader:after {
    left: 2em;
}

@keyframes bblFadInOut {
    0%, 80%, 100% { box-shadow: 0 2.4em 0 -1.3em }
    40% { box-shadow: 0 2.5em 0 0 }
}
/*******************************/
/* General */
figure {
    margin: 0 0 1rem;
}

/*******************************/
/* fade */
.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1
}

/*******************************/
/* tabs */

#tab-content > .tab-pane {
    display: none;
}

#tab-content > .active {
    display: block;
}

.nav-tabs .nav-link {
    display: block;
}

/*******************************/
/* dropdown animation */
/*******************************/
.collapsing {
    height: 0;
    overflow: hidden;
}

.collapse,
.collapsing {
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height
}

[aria-expanded="true"] path {
    transition: all ease .2s;
}

[aria-expanded="true"]>svg path:nth-child(2) {
    transform: scale(1, 0)
}

/************************/
/* Buttons */
/************************/
.button,
button {
    font-family: "SF Pro Display";
    text-decoration: none;
    display: inline-block;
    border: 1.7pt solid transparent;
    background-color: transparent;
    transition: all ease .2s;
    cursor: pointer;
}

button.primary,
.button.primary,
button.red,
.button.red {
    border-color: var(--red);
    color: var(--red)
}

button.primary:hover,
.button.primary:hover,
button.red:hover,
.button.red:hover {
    border-color: var(--darkRed);
    /* color: var(--black1); */
}
button.red:active,
.button.red:active {
    border-color: var(--darkRed);
    background-color: var(--red);
}
button.white,
.button.white {
    color: var(--black);
    background: var(--white);
    border: 2px solid var(--black);
    font-size: 1rem;
    line-height: 1rem;
    padding: 12px var(--spacing-8x) !important;
    border-radius: var(--radius);
    transition: 0.2s ease;
    height: unset;
    width: unset;
}

button.white:hover,
.button.white:hover {
    background: var(--black);
    color: var(--white);
    border: 2px solid var(--black);
}

button.black,
.button.black {
    color: var(--white);
    background: var(--black);
    border: 2px solid var(--black);
    font-size: 1rem;
    line-height: 1rem;
    padding: 12px var(--spacing-8x);
    border-radius: var(--radius);
    transition: 0.2s ease;
}

button.black:hover,
.button.black:hover {
    background: var(--white);
    color: var(--black);
    border: 2px solid var(--black);
}
button.black:active,
.button.black:active {
    background: var(--white);
    color: var(--black);
    border: 2px solid var(--black);
}

button.dark,
.button.dark {
    background: var(--black2);
    color: var(--white);
}

button.dark:hover,
.button.dark:hover {
    /* background-color: var(--white);
    color: var(--black1); */
    background: var(--grey2);
}
button.dark:active,
.button.dark:active {
    border-color: var(--greyBlue);
    background-color: var(--black2);
}

.textBox p {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 2.5rem;
}

#topHeader .gender a.active {
    color: var(--colors-green-green-40);
}

/************************/

/* menu */
#offerMarquee,
#topHeader{
    position: relative !important;
}
#header.wb-zindex{
    z-index: 99999;
}
#header {
    position: absolute;
    width: 100%;
    z-index: 3;
}
#header .headerContainer{
    width: 100%;
    position: fixed !important;
    transition: 0.3s;
    z-index: 9;
}
/* menu */
@keyframes showMenu {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.topCategory {
    display: none;
}

.topCategory.active {
    display: block;
    animation: showMenu .3s;
}

/* cart number */
#wishListHeaderButton,
#mobileMenu .cart {
    position: relative;
    cursor: pointer;
}
#wishListHeaderButton span,
#compareCount span,
#compareCount > span,
#mobileMenu .cart span {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #61AF62;
    color: var(--white);
    text-align: center;
    border-radius: 50%;
}
#wishListHeaderButton .hide {
    display: none;
}
#compareCount>span[text="0"] {
    opacity: 0;
}

/*****************************/
/* compare icon */
#compareCount {
    position: relative;
}
#compareCount.disabled {
    pointer-events: none;
}
/************************/
/* Layout */
/************************/
#topHeader .col {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#topHeader .logo {
    justify-content: center;
}

.headerContainer .categories {
    position: absolute;
    top: var(--headerHeight);
    width: 100%;
    display: flex;
    padding: 25px 0;
    margin: 0;
    gap: 2rem;
    justify-content: center;
    margin-top: 5dvh;
    flex-direction: row;
}
.headerContainer .categories a {
    color: var(--white);
}
header .gender {
    display: flex;
    gap: 1rem;
}

@media (max-width: 1080px) {
    header .gender {
        display: none !important;
    }
}

.searchButton {
    display: flex;
    cursor: pointer;
}


.searchButton span {
    margin: auto;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}

header a {
    text-decoration: none;
    color: var(--black1);
}

#mobileMenu a,
header .categories a,
header .gender a {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 700;
    transition: all ease .1s;
}

header .categories a:hover,
header .gender a:hover {
    transform: scale(1.1);
}

#index .breadcrumb {
    position: absolute;
}

.row {
    display: flex;
}

#_desktop_cart,
.user-info {
    display: none;
}

#topHeader.show svg {
    color: var(--black1);
}

/************************/
/* pre-footer */
/* #preFooter {
    background: var(--grey2);
    color: var(--white);
} */

#preFooter .preFooter-item {
    display: flex;
    flex-direction: column;
    padding: 28px 48px 12px;
    align-items: center;
    border: 2px solid var(--black, #040404);
    border-radius: 8px;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}

@media (max-width: 900px) {
    #preFooter .preFooter-item {
        padding: 28px 48px 20px;
    }
}

#preFooter .preFooter-item-title {
    font-family: "Round8";
    text-transform: uppercase;

    line-height: unset;
    color: var(--black, #040404);
    
    font-size: clamp(1rem, 5vw, var(--font-size-display-xlarge, 96px));
    font-weight: var(--font-weight-bold, 500);
    line-height: 100%;
    margin: 0;
}

#preFooter .row {
    text-align: center;
}

#preFooter .col > p {
    color: var(--black, #040404);
    text-align: center;
    font-size: var(--font-size-body-large, 18px);
    font-weight: var(--font-weight-regular, 400);
    line-height: 150%;
    max-width: 30ch;
    margin: 15px auto 0;
}

#preFooter svg {
    padding: 2vw 1rem;
}

/************************/
/* footer */
footer {
    background: #191819;
    color: var(--white);
    padding: var(--spacing-40x) var(--spacing-20x);
}

@media (max-width: 768px) {
    footer {
        padding: var(--spacing-40x) 1rem var(--spacing-24x);
    }
}

footer .row {
    display: flex;

    justify-content: space-between;
    gap: var(--spacing-20x);

    @media (min-width: 1080px) {
        gap: 7rem var(--spacing-20x);
    }
}

footer .title {
    font-family: "SF Pro Display";
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: var(--spacing-8x);
}

footer a {
    font-family: "SF Pro Display";
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--white);
    text-decoration: none;
    font-weight: 400;
    transition: color 0.2s ease;
}

footer a:hover {
    color: var(--colors-gray-gray-30);
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4x);
}

/* Newsletter styles */
.block_newsletter {
    max-width: 300px;
}

.block_newsletter input[type="email"] {
    width: 100%;
    padding: var(--spacing-8x);
    background: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    margin-bottom: var(--spacing-8x);
}

.block_newsletter input[type="email"]::placeholder {
    color: var(--white);
    opacity: 0.7;
}

.block_newsletter button {
    background: var(--white);
    color: var(--black);
    border: none;
    padding: var(--spacing-8x) var(--spacing-16x);
    border-radius: var(--radius);
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease;
}

.block_newsletter button:hover {
    background: var(--colors-gray-gray-20);
}

/* Social media icons */
#socialFollow ul {
    flex-direction: row;
    gap: var(--spacing-12x);
    margin-top: var(--spacing-16x);
}

#socialFollow a {
    color: var(--white);
    font-size: 1.5rem;
}

/* Contact info */
.contactInfo {
    margin-top: var(--spacing-8x);
}

.contactInfo span {
    display: block;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--white);
}

/* Location details */
.locationDetails {
    margin-top: var(--spacing-8x);
}

.locationDetails p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--white);
    margin: 0;
}

#legal {
    display: flex;
    align-items: flex-end;
}

#legal ul {
    display: flex;
    margin: 0 auto;
}

#legal a {
    font-size: 1rem;
    line-height: 2rem;
}

footer a {
    display: inline-block;
    transform-origin: center bottom;
    transition: transform .3s cubic-bezier(.19, 1, .22, 1);
}

/* footer a:not(.compare):hover {
    transform: skew(-10deg);
} */

#newsletterForm {
    color: var(--white);
}

#newsletterForm form {
    position: relative;
}

#newsletterForm button {
    padding: 0;
    margin: 0;
    right: 0;
    top: 1.5rem;
    cursor: pointer;
}

#newsletterForm input {
    font-size: 1.25rem;
    line-height: 2rem;
    border: none;
    background: transparent;
    border-bottom: 1px solid var(--white);
    padding-bottom: 1rem;
    color: var(--white);
    border-radius: 0;
}

#newsletterForm input::placeholder {
    color: var(--white);
}

#socialFollow ul {
    display: flex;
    gap: 1rem;
    margin-bottom: 95px;
}

#contactUs .title {
    margin-bottom: 1rem;
}

.contactInfo span,
.contactInfo strong {
    
    font-size: 1rem;
}

.contactInfo strong {
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0.5rem;
    display: block;
}

.contactInfo span {
    max-width: 24rem;
    font-weight: 400;
}

#contactUs a {
    display: inline-block;
    margin-right: 20px;
}

#whereWeAre span {
    cursor: pointer;
    margin-bottom: 1rem;
}

.locationDetails p {
    
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

#whereWeAre span {
    display: flex;
    justify-content: space-between;
}

/************************/
/* Go top button */
#wasap,
#goTopButton {
    display: inline-block;
    position: fixed;
    right: 4rem;
    transition: all ease .3s;
    z-index: 2;
    border-radius: var(--spacing-8x);
}

#goTopButton {
    background: var(--white);
    border: 2px solid var(--black);
    height: 2.5rem;
    text-align: center;
    bottom: 5.5rem;
    opacity: 0;
    padding: 0.5rem;
}

#goTopButton:hover {
    cursor: pointer;
    background: var(--colors-green-green-20);
    color: var(--colors-green-green-50);
    border-color: var(--colors-green-green-50);
}

#goTopButton:active {
    background: var(--colors-green-green-20);
    color: var(--colors-green-green-50);
    border-color: var(--colors-green-green-50);
}

#goTopButton.show {
    opacity: 1;
}

/************************/
/* Whatsapp button */
#wasap {
    bottom: 1rem;
    background: var(--white);
    border: 2px solid var(--black1);
    color: var(--black1);
    padding: 11.3px;
}

#wasap:hover {
    background: var(--colors-green-green-20);
    color: var(--colors-green-green-50);
    border-color: var(--colors-green-green-50);
}

#wasap:active {
    background: var(--colors-green-green-20);
    color: var(--colors-green-green-50);
    border-color: var(--colors-green-green-50);
}

/* vector linea discontinua detras */
/************************/
.line-behind {
    font-family: "Round8";
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
}

.line-behind::after,
.line-behind::before {
    /* content: ''; */
    background-size: 3vw 6px;
    flex-grow: 1;
    /* flex-basis: 0;
    flex-shrink: 1; */
}

.line-behind::before {
    margin-right: 4vw;
    --direction: right;
    background-position: left bottom;
}

.line-behind::after {
    margin-left: 4vw;
    --direction: left;
    background-position: right bottom;
}

.line-behind::after,
.line-behind::before {
    background-image: linear-gradient(to var(--direction), currentColor 50%, transparent 0%);
}

/* wish list button */
.product-description {
    position: relative;
}
.wishlist-button-add {
    padding: 0;
}
.wishlist-button-add i {
    background-color: transparent;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
}
.wishlist-button-add .disabled {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjEwMzkgNy41MDQ2MUMyMy44MDYgNy44Mzc2NiAyNC40NDE2IDguMzI1NDMgMjQuOTczNCA4LjkzOTE4QzI2LjA1OSAxMC4xOTE5IDI2LjY2NjYgMTEuODcyMSAyNi42NjY4IDEzLjYyMTVDMjYuNjY3IDE1LjM3MSAyNi4wNTk3IDE3LjA1MTQgMjQuOTc0NSAxOC4zMDQ0TDE2LjAxMDEgMjYuMTY2N0w3LjAyNjM2IDE4LjMwNDRDNS45NDA5NyAxNy4wNTE1IDUuMzMzNSAxNS4zNzEyIDUuMzMzNSAxMy42MjE4QzUuMzMzNSAxMS44NzIzIDUuOTQwOTcgMTAuMTkyIDcuMDI2MzYgOC45MzkxOEM3LjU1ODIxIDguMzI1NDMgOC4xOTM4NSA3LjgzNzY2IDguODk1ODkgNy41MDQ2MUM5LjU5NzkyIDcuMTcxNTcgMTAuMzUyMSA3IDExLjExNCA3QzExLjg3NTkgNyAxMi42MzAxIDcuMTcxNTcgMTMuMzMyMiA3LjUwNDYxQzE0LjAzNDIgNy44Mzc2NiAxNC42Njk5IDguMzI1NDMgMTUuMjAxNyA4LjkzOTE4TDE1Ljk5OTQgOS44NTQ1OEwxNi43OTgxIDguOTM5MThDMTcuMzI5OSA4LjMyNTQzIDE3Ljk2NTcgNy44Mzc2NiAxOC42Njc4IDcuNTA0NjFDMTkuMzY5OCA3LjE3MTU3IDIwLjEyMzkgNyAyMC44ODU4IDdDMjEuNjQ3NyA3IDIyLjQwMTkgNy4xNzE1NyAyMy4xMDM5IDcuNTA0NjFaIiBzdHJva2U9IiMwMzA1MDYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+Cjwvc3ZnPgo=");
}
.wishlist-button-add .enabled {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuOTAwMzkxKSIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMjQuMDAzOCA4LjUwNDYxQzI0LjcwNTkgOC44Mzc2NiAyNS4zNDE1IDkuMzI1NDMgMjUuODczMyA5LjkzOTE4QzI2Ljk1ODkgMTEuMTkxOSAyNy41NjY1IDEyLjg3MjEgMjcuNTY2NyAxNC42MjE1QzI3LjU2NjkgMTYuMzcxIDI2Ljk1OTYgMTguMDUxNCAyNS44NzQ0IDE5LjMwNDRMMTYuOTEgMjcuMzMzM0w3LjkyNjI3IDE5LjMwNDRDNi44NDA4OCAxOC4wNTE1IDYuMjMzNCAxNi4zNzEyIDYuMjMzNCAxNC42MjE4QzYuMjMzNCAxMi44NzIzIDYuODQwODggMTEuMTkyIDcuOTI2MjcgOS45MzkxOEM4LjQ1ODExIDkuMzI1NDMgOS4wOTM3NiA4LjgzNzY2IDkuNzk1NzkgOC41MDQ2MUMxMC40OTc4IDguMTcxNTcgMTEuMjUyIDggMTIuMDEzOSA4QzEyLjc3NTggOCAxMy41MyA4LjE3MTU3IDE0LjIzMjEgOC41MDQ2MUMxNC45MzQxIDguODM3NjYgMTUuNTY5OCA5LjMyNTQzIDE2LjEwMTYgOS45MzkxOEwxNi44OTkzIDEwLjg1NDZMMTcuNjk4IDkuOTM5MThDMTguMjI5OCA5LjMyNTQzIDE4Ljg2NTYgOC44Mzc2NiAxOS41Njc3IDguNTA0NjFDMjAuMjY5NyA4LjE3MTU3IDIxLjAyMzggOCAyMS43ODU3IDhDMjIuNTQ3NiA4IDIzLjMwMTggOC4xNzE1NyAyNC4wMDM4IDguNTA0NjFaIiBmaWxsPSIjMDMwNTA2IiBzdHJva2U9IiMwMzA1MDYiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48L3N2Zz4=");
}

/* language and currency */
.language-selector a,
.currency-selector a,
.language-selector span,
.currency-selector span {
    
    color: var(--black);
    text-transform: uppercase;
    white-space: nowrap;
}

.language-selector .language-selector-text {
    color: var(--black);
}

.language-selector ul,
.currency-selector ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    height: 0;
}

/*****************************/
/* product card */
.product .overLay {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: all ease .2s; 
    
    --swiper-navigation-color: var(--black1);
    --swiper-navigation-top-offset: 25%;
    position: absolute;
    width: 100%;
}

.product > .product-miniature {
    position: relative;
}

.overLay .colorSlider,
.overLay .tallas {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 1.5rem; */
    padding: 1px 1rem;
}

.overLay .colorSlider .swiper-wrapper,
.overLay .tallas .swiper-wrapper {
    /* padding: 0 1rem; */
}

.overLay .colorSlider svg,
.overLay .tallas svg {
    width: 1.5rem;
    height: 1.5rem;
    background: var(--white);
    box-shadow: 0px 0px 32px -2px rgba(0, 0, 0, 0.16);
}

.overLay a {
    
    color: var(--black1);
    text-decoration: none;
}

.overLay .current {
    border: 1px solid #D9D9D9;
}

.overLay .talla {
    min-width: 2.5rem;
}

.overLay .talla a {
    font-size: 1rem;
    line-height: 2.5rem;
    font-weight: 400;
    border: 1px solid #D9D9D9;
    display: block;
    min-width: 2.5rem;
    text-align: center;
    box-sizing: border-box;
    padding: 0 0.5rem;
    background-color: var(--white);
}

.overLay .talla a:hover {
    background-color: var(--colors-green-green-40);
    color: var(--white);
}

.colorSlider {
    padding: 1.5rem 0;
}

.product-thumbnail {
    box-sizing: border-box;
}

.product-thumbnail img {
    height: auto;
    transition: all ease .2s;

    width: 100%;
}

.colorSlider img {
    /* max-width: 100px; */
    width: 100%;
}
.alert-danger {
    color: var(--red);
    font-weight: 400;
    margin-bottom: .5em;
}
.thumbnail-container .floatingInfo {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    padding: 1rem;
    gap: .5rem;
    width: 100%;
    box-sizing: border-box;
}
/*****************************/
/* cart summary */
#cartSummary {
    display: flex;
    position: fixed;
    z-index: 4;
    background: var(--white);
    
    color: var(--black1);
    border: 2px solid var(--black);
    flex-direction: column;
    overflow: scroll;
    transition: all ease-in 0.3s;
}

#cartSummary.show {
    margin-right: 0;
}

#cartSummary .header {
    padding: 1.5rem 1rem 1rem 1.5rem;
    background: var(--white);
    position: sticky;
    top: 0;
    z-index: 1;
}

#cartSummary .close {
    width: 2rem;
    height: 2rem;
    color: var(--black1);
    cursor: pointer;
}

#cartSummary .product {
    background-color: var(--white1);
}

#cartSummary .title {
    font-weight: 700;
}

#cartSummary .name {
    font-weight: 400;
}

#cartSummary .totalAndButtons {
    background-color: var(--white);
    margin-top: auto;
    position: sticky;
    box-sizing: border-box;
    box-shadow: 0px 4px 64px -16px rgba(0, 0, 0, 0.05);
}

#cartSummary .totalAndButtons > div {
    margin-bottom: 0.5rem;
}

#cartSummary .price p {
    line-height: 1.5rem;
}
#cartSummary .voucher .label {
    text-transform: uppercase;
    font-weight: 400;
}
#cartSummary .actions {
    border-bottom: 1px solid var(--white1);
    padding-bottom: 2.5rem;
    display: flex;
    gap: 2.5rem;
    margin-top: 2rem;
}
#cartSummary .wishlist-button-add {
    position: relative;
    top: 0;
    left: 0;
}
#cartSummary .wishlist-button-add i {
    width: 1.5rem;
    height: 1.5rem;
}
#cartSummary .wishlist-button-add > ::before {
    font-family: "SF Pro Display";
    text-transform: none;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    position: relative;
    top: 3px;
    left: 2rem;
    white-space: nowrap;
}
#cartSummary .wishlist-button-add .enabled::before {
    content: "Quitar de favoritos";
}
#cartSummary .wishlist-button-add .disabled::before {
    content: "Mover a favoritos";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#cartSummary .wishlist-button-add + .wishlist-button-add {
    display: none !important;
}
#cartSummary .actions a {
    color: #040404;
    display: flex;
    gap: 0.5rem;
}

#cartSummary .actions svg {
    width: 1.5rem;
    height: 1.5rem;
    color: #040404;
}

#cartSummary .cart-total {
    font-weight: 400;
}

#cartSummary .qty {
    display: flex;
    gap: 14px;
    height: 28px;
    align-items: center;
    margin-top: 1rem;
    justify-content: space-between;
}

#cartSummary .qty input {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

#cartSummary .attributes,
#cartSummary .qty {
    font-weight: 400;
    line-height: 1rem;
}

#cartSummary .qty input {
    text-align: center;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1rem;
    padding: 4px 8px;
    box-sizing: border-box;
    
    border-radius: 0.5rem;
    border: 1.75px solid #191819;
    background-color: #FBFBFB;
    min-width: inherit;
    width: 4rem;
}

#cartSummary .attributes {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#cartSummary .discount-percent {
    font-weight: 400;
    color: var(--colors-green-green-40);
}

#cartSummary .regular-price {
    color: var(--grey1);
    text-decoration-line: line-through;
    font-weight: 400;
}

#cartSummary .row {
    justify-content: space-between;
}

#cartSummary .buttons a {
    font-weight: 400;
    line-height: 1rem;
    padding: 1rem 0;
    width: 100%;
}

#cartSummary .totalAndButtons a {
    /* width: calc(50% - 1rem); */
    box-sizing: border-box;
    text-transform: none;
    text-align: center;
}

#productCardOverLay {
    display: none;
}

#cartSummary .input-group-btn {
    display: none;
}
.qty > .input-group {
    display: flex;
    gap: 1rem;
}
input:focus-visible {
    outline: none;
}
.js-cart-line-product-quantity::-webkit-outer-spin-button,
.js-cart-line-product-quantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.js-cart-line-product-quantity {
    -moz-appearance: textfield;
    height: 2rem;
    box-sizing: border-box;
    width: 3.5rem;
}
.input-group-btn-vertical {
    box-sizing: border-box;
    display: flex;
    gap: .5rem;
    align-items: center;
}
.input-group-btn-vertical > button {
    width: 2rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;

    /* Copia de los estilos del .button.white pero sin background */
    color: var(--black);
    border: 2px solid transparent;
    font-size: 16px;
    padding: 0 !important;
    border-radius: var(--radius);
    transition: 0.2s ease;

    &:hover {
        border: 2px solid var(--black);
    }
}
.js-increase-product-quantity {
    background-image: url('/themes/wb-theme/assets/img/plus-card.svg');
}
.js-decrease-product-quantity {
    background-image: url('/themes/wb-theme/assets/img/line-card.svg');
}
/************************/
/* Product Card*/
/************************/

#js-product-list .product,
.product-slider .product {
    background: var(--white);
    box-shadow: 0px 4px 64px -16px rgba(0, 0, 0, 0.05);

    border: 2px solid var(--black);
    border-radius: 8px;
    overflow: hidden;
}
.product-thumbnail {
    display: inline-block;
    width: 100%;
}

.thumbnail-container {
    position: relative;
}

.thumbnail-container .product-title a,
.thumbnail-container .price,
.thumbnail-container .regular-price {
    text-decoration: none;
    font-weight: 400;
    color: var(--black1);
}

.thumbnail-container .regular-price {
    margin-right: 1rem;
    text-decoration: line-through;
}

.thumbnail-container .quantity { 
    border-radius: 8px;
    border: 2px solid var(--colors-green-green-50, #319732);
    background: #ffffff;
    color: var(--colors-green-green-40, #61AF62);
}

.product-description-discount {
    color: var(--colors-green-green-40, #61AF62);
    margin-right: 1rem;
}

.product .discount-percentage {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: var(--colors-green-green-40, #61AF62);
    color: var(--white);
    border-radius: 8px;
    border: 2px solid var(--colors-green-green-50, #319732);
    font-size: var(--font-size-label-small, 14px);
    letter-spacing: 0.42px;

    font-weight: 700;
    line-height: 1rem;
    padding: 12px 16px;
}

.overLay .compare {
    display: flex;
    align-items: center;
}

/* compare notification */
#cdpcp-items-wrapper .row {
    padding: 0;
    display: flex;
}

.compareNotification .button {
    width: 100%;
}

.more {
    display: none;
}

.thumbnail-container .eco {
    border-radius: 8px;
    border: 1px solid var(--colors-green-green-40, #61AF62);
    background: #ffffff;
    color: var(--colors-green-green-40, #61AF62);
}
/*****************************/
/* search */

#search_category {
    border: none;
    background: transparent;
    
    font-weight: 400;
    font-size: 24px;
    line-height: 16px;

}

#search_category,
#search_query_top {
    border-bottom: 1px solid var(--black);
    padding: 0.6rem;
}
.breadcrumb li:last-of-type svg {
    display: none;
}
.breadcrumb.hide {
    display: flex;
    gap: 0.69rem;
}
#breadcrumbToggle {
    display: none;
    cursor: pointer;
}
.breadcrumb.hide #breadcrumbToggle {
    display: flex;
    align-items: flex-end;
    margin: auto 0;
}
.breadcrumb.hide li {
    display: none;
}
.breadcrumb.hide ul li:nth-last-child(3) ~ li {
    display: block;
}
#topHeader.fixed {
    top: 0;
}

/*****************************/
/* order status */
.label-pill.dark,
.label-pill.bright {
    color: var(--white);
}
#order-detail .alert {
    padding: 1rem 0;
}
#order-detail .alert p {
    font-size: 1.25rem;
    font-weight: 400;
}
/*****************************/
/* scroll bar */
::-webkit-scrollbar {
    width: .5rem;
}

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

::-webkit-scrollbar-thumb:hover {
    background: var(--darkRed); 
}
#search_category {
    display: none;
}
/*****************************/
/* #region Password Show/Hide */

.show-passwd-button:hover {
    cursor: pointer;
}
.show-passwd-button {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    border: none;
    padding: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-42%);
}
.js-visible-password[type="password"] ~ .show-passwd-button {
    /* Open eye Icon */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjAwNzUgMzEuNUMyNi4zNzAyIDMxLjUgMjguMzc2NiAzMC42NzMgMzAuMDI2NiAyOS4wMTkxQzMxLjY3NjYgMjcuMzY1MiAzMi41MDE2IDI1LjM1NjkgMzIuNTAxNiAyMi45OTQxQzMyLjUwMTYgMjAuNjMxNCAzMS42NzQ2IDE4LjYyNSAzMC4wMjA3IDE2Ljk3NUMyOC4zNjY4IDE1LjMyNSAyNi4zNTg0IDE0LjUgMjMuOTk1NyAxNC41QzIxLjYzMjkgMTQuNSAxOS42MjY2IDE1LjMyNyAxNy45NzY2IDE2Ljk4MDlDMTYuMzI2NiAxOC42MzQ4IDE1LjUwMTYgMjAuNjQzMSAxNS41MDE2IDIzLjAwNTlDMTUuNTAxNiAyNS4zNjg2IDE2LjMyODUgMjcuMzc1IDE3Ljk4MjUgMjkuMDI1QzE5LjYzNjQgMzAuNjc1IDIxLjY0NDcgMzEuNSAyNC4wMDc1IDMxLjVaTTIzLjk4OTggMjguNkMyMi40MzEgMjguNiAyMS4xMDk5IDI4LjA1NDQgMjAuMDI2NiAyNi45NjMzQzE4Ljk0MzIgMjUuODcyMSAxOC40MDE2IDI0LjU0NzEgMTguNDAxNiAyMi45ODgzQzE4LjQwMTYgMjEuNDI5NCAxOC45NDcxIDIwLjEwODMgMjAuMDM4MyAxOS4wMjVDMjEuMTI5NSAxNy45NDE3IDIyLjQ1NDUgMTcuNCAyNC4wMTMzIDE3LjRDMjUuNTcyMSAxNy40IDI2Ljg5MzIgMTcuOTQ1NiAyNy45NzY2IDE5LjAzNjdDMjkuMDU5OSAyMC4xMjc5IDI5LjYwMTYgMjEuNDUyOSAyOS42MDE2IDIzLjAxMTdDMjkuNjAxNiAyNC41NzA2IDI5LjA1NiAyNS44OTE3IDI3Ljk2NDggMjYuOTc1QzI2Ljg3MzYgMjguMDU4MyAyNS41NDg2IDI4LjYgMjMuOTg5OCAyOC42Wk0yNC4wMDE2IDM4QzE5LjQwMTYgMzggMTUuMjA5OSAzNi43NSAxMS40MjY2IDM0LjI1QzcuNjQzMjMgMzEuNzUgNC43MjA2NSAyOC40NDg3IDIuNjU4ODEgMjQuMzQ2MkMyLjU1Mzk4IDI0LjE4MjEgMi40NzY1NiAyMy45ODA0IDIuNDI2NTYgMjMuNzQxM0MyLjM3NjU2IDIzLjUwMjIgMi4zNTE1NiAyMy4yNTUxIDIuMzUxNTYgMjNDMi4zNTE1NiAyMi43NDQ5IDIuMzc2NTYgMjIuNDk3OCAyLjQyNjU2IDIyLjI1ODdDMi40NzY1NiAyMi4wMTk2IDIuNTUzOTggMjEuODE4IDIuNjU4ODEgMjEuNjUzOUM0LjcyMDY1IDE3LjU1MTMgNy42NDMyMyAxNC4yNSAxMS40MjY2IDExLjc1QzE1LjIwOTkgOS4yNSAxOS40MDE2IDggMjQuMDAxNiA4QzI4LjYwMTYgOCAzMi43OTMyIDkuMjUgMzYuNTc2NiAxMS43NUM0MC4zNTk5IDE0LjI1IDQzLjI4MjUgMTcuNTUxMyA0NS4zNDQzIDIxLjY1MzlDNDUuNDQ5MSAyMS44MTggNDUuNTI2NiAyMi4wMTk2IDQ1LjU3NjYgMjIuMjU4N0M0NS42MjY2IDIyLjQ5NzggNDUuNjUxNiAyMi43NDQ5IDQ1LjY1MTYgMjNDNDUuNjUxNiAyMy4yNTUxIDQ1LjYyNjYgMjMuNTAyMiA0NS41NzY2IDIzLjc0MTNDNDUuNTI2NiAyMy45ODA0IDQ1LjQ0OTEgMjQuMTgyMSA0NS4zNDQzIDI0LjM0NjJDNDMuMjgyNSAyOC40NDg3IDQwLjM1OTkgMzEuNzUgMzYuNTc2NiAzNC4yNUMzMi43OTMyIDM2Ljc1IDI4LjYwMTYgMzggMjQuMDAxNiAzOFoiIGZpbGw9IiNBOUE5QTkiLz4KPC9zdmc+Cg==");
}
.js-visible-password[type="text"] ~ .show-passwd-button {
    /* Closed eye Icon */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM3LjkwMTYgMzMuNDk5OUwzMS40NTE2IDI3LjA0OTlDMzEuNzg0OSAyNi41MTY2IDMyLjA0MzIgMjUuODkxNiAzMi4yMjY2IDI1LjE3NDlDMzIuNDA5OSAyNC40NTgyIDMyLjUwMTYgMjMuNzMzMiAzMi41MDE2IDIyLjk5OTlDMzIuNTAxNiAyMC42MzMyIDMxLjY3NjYgMTguNjI0OSAzMC4wMjY2IDE2Ljk3NDlDMjguMzc2NiAxNS4zMjQ5IDI2LjM2ODIgMTQuNDk5OSAyNC4wMDE2IDE0LjQ5OTlDMjMuMjY4MiAxNC40OTk5IDIyLjU1MTYgMTQuNTgzMiAyMS44NTE2IDE0Ljc0OTlDMjEuMTUxNiAxNC45MTY2IDIwLjUxODIgMTUuMTgzMiAxOS45NTE2IDE1LjU0OTlMMTQuNDUxNiA5Ljk5OTlDMTUuNjE4MiA5LjQ2NjU3IDE3LjEwOTkgOC45OTk5IDE4LjkyNjYgOC41OTk5QzIwLjc0MzIgOC4xOTk5IDIyLjUxODIgNy45OTk5IDI0LjI1MTYgNy45OTk5QzI4Ljc1MTYgNy45OTk5IDMyLjkwMTYgOS4yMzMyNCAzNi43MDE2IDExLjY5OTlDNDAuNTAxNiAxNC4xNjY2IDQzLjQwMTYgMTcuNDgzMiA0NS40MDE2IDIxLjY0OTlDNDUuNTAxNiAyMS44MTY2IDQ1LjU2ODIgMjIuMDE2NiA0NS42MDE2IDIyLjI0OTlDNDUuNjM0OSAyMi40ODMyIDQ1LjY1MTYgMjIuNzMzMiA0NS42NTE2IDIyLjk5OTlDNDUuNjUxNiAyMy4yNjY2IDQ1LjYzNDkgMjMuNTI0OSA0NS42MDE2IDIzLjc3NDlDNDUuNTY4MiAyNC4wMjQ5IDQ1LjUwMTYgMjQuMjMzMiA0NS40MDE2IDI0LjM5OTlDNDQuNTM0OSAyNi4yMzMyIDQzLjQ2ODIgMjcuOTE2NiA0Mi4yMDE2IDI5LjQ0OTlDNDAuOTM0OSAzMC45ODMyIDM5LjUwMTYgMzIuMzMzMiAzNy45MDE2IDMzLjQ5OTlaTTM5LjcwMTYgNDMuNjk5OUwzMi40MDE2IDM2LjU0OTlDMzEuMjM0OSAzNy4wMTY2IDI5LjkxODIgMzcuMzc0OSAyOC40NTE2IDM3LjYyNDlDMjYuOTg0OSAzNy44NzQ5IDI1LjUwMTYgMzcuOTk5OSAyNC4wMDE2IDM3Ljk5OTlDMTkuNDAxNiAzNy45OTk5IDE1LjE4NDkgMzYuNzY2NiAxMS4zNTE2IDM0LjI5OTlDNy41MTgyMyAzMS44MzMyIDQuNjAxNTYgMjguNTE2NiAyLjYwMTU2IDI0LjM0OTlDMi41MDE1NiAyNC4xNDk5IDIuNDM0OSAyMy45NDE2IDIuNDAxNTYgMjMuNzI0OUMyLjM2ODIzIDIzLjUwODIgMi4zNTE1NiAyMy4yNjY2IDIuMzUxNTYgMjIuOTk5OUMyLjM1MTU2IDIyLjczMzIgMi4zNzY1NiAyMi40NzQ5IDIuNDI2NTYgMjIuMjI0OUMyLjQ3NjU2IDIxLjk3NDkgMi41MzQ5IDIxLjc2NjYgMi42MDE1NiAyMS41OTk5QzMuMzAxNTYgMjAuMDk5OSA0LjE5MzIzIDE4LjY0MTYgNS4yNzY1NiAxNy4yMjQ5QzYuMzU5OSAxNS44MDgyIDcuNjM0OSAxNC40NjY2IDkuMTAxNTYgMTMuMTk5OUwzLjg1MTU2IDcuOTQ5OUMzLjU1MTU2IDcuNjQ5OSAzLjQwMTU2IDcuMjk5OSAzLjQwMTU2IDYuODk5OUMzLjQwMTU2IDYuNDk5OSAzLjU1MTU2IDYuMTQ5OSAzLjg1MTU2IDUuODQ5OUM0LjE1MTU2IDUuNTQ5OSA0LjUwOTkgNS4zOTk5IDQuOTI2NTYgNS4zOTk5QzUuMzQzMjMgNS4zOTk5IDUuNzAxNTYgNS41NDk5IDYuMDAxNTYgNS44NDk5TDQxLjgwMTYgNDEuNjQ5OUM0Mi4wNjgyIDQxLjkxNjYgNDIuMjAxNiA0Mi4yNDE2IDQyLjIwMTYgNDIuNjI0OUM0Mi4yMDE2IDQzLjAwODIgNDIuMDY4MiA0My4zNDk5IDQxLjgwMTYgNDMuNjQ5OUM0MS41MzQ5IDQzLjk4MzIgNDEuMTkzMiA0NC4xNDk5IDQwLjc3NjYgNDQuMTQ5OUM0MC4zNTk5IDQ0LjE0OTkgNDAuMDAxNiA0My45OTk5IDM5LjcwMTYgNDMuNjk5OVpNMjQuMDAxNiAzMS40OTk5QzI0LjQ2ODIgMzEuNDk5OSAyNC45NjgyIDMxLjQ1ODIgMjUuNTAxNiAzMS4zNzQ5QzI2LjAzNDkgMzEuMjkxNiAyNi40ODQ5IDMxLjE2NjYgMjYuODUxNiAzMC45OTk5TDE2LjAwMTYgMjAuMTQ5OUMxNS44MzQ5IDIwLjU0OTkgMTUuNzA5OSAyMC45OTk5IDE1LjYyNjYgMjEuNDk5OUMxNS41NDMyIDIxLjk5OTkgMTUuNTAxNiAyMi40OTk5IDE1LjUwMTYgMjIuOTk5OUMxNS41MDE2IDI1LjM5OTkgMTYuMzM0OSAyNy40MTY2IDE4LjAwMTYgMjkuMDQ5OUMxOS42NjgyIDMwLjY4MzIgMjEuNjY4MiAzMS40OTk5IDI0LjAwMTYgMzEuNDk5OVpNMjkuMjUxNiAyNC44NDk5TDIyLjE1MTYgMTcuNzQ5OUMyNC4yMTgyIDE2Ljk4MzIgMjYuMTM0OSAxNy4zODMyIDI3LjkwMTYgMTguOTQ5OUMyOS42NjgyIDIwLjUxNjYgMzAuMTE4MiAyMi40ODMyIDI5LjI1MTYgMjQuODQ5OVoiIGZpbGw9IiNBOUE5QTkiLz4KPC9zdmc+Cg==");
}

/* #endregion Password Show/Hide */
/*****************************/
/* Mobile and Tablet */
@media (max-width: 1081px), (min-width: 991px) and (any-hover: none) {
    /* old web message */
    #topHeader.open .oldWeb {
        width: calc(100% + 4rem);
        margin-left: -2rem;
    }
    .oldWeb a {
        font-size: 0.625rem;
        line-height: 0.5rem;
    }
    .oldWeb {
        padding: 0.3125rem 0;
    }
    .oldWeb svg {
        padding: .25rem;
        width: 1.5rem;
        box-sizing: border-box;
    }
    /* old web modal */
    .oldwebModal .container {
        width: calc(100% - 2rem);
        padding: 2rem;
        height: calc(100% - 2rem);
        overflow: scroll;
    }
    .oldwebModal .close {
        top: .5rem;
        right: .5rem;
        width: 1.5rem;
    }
    .oldwebModal h3 {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }
    .oldwebModal p {
        font-size: 0.875rem;
        line-height: 1.5rem; 
    }
    .oldwebModal button {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1rem;
        padding: 1rem 1.5rem 0.9375rem 1.5rem;
    }
    .oldwebModal a {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.5rem;
    }
    .oldwebModal .row {
        margin-top: 1.3rem;
        flex-direction: column;
        gap: 2.25rem;
    }

    /*************/
    /* menu */
    #mobileMenu svg {
        color: var(--black1);
    }

    #openMobileMenu {
        box-shadow: 0px 0px 32px -8px rgba(0, 0, 0, 0.16);
        cursor: pointer;
    }

    #topHeader {
        display: block;
    }

    .topCategory {
        display: none;
        opacity: 0;
        transform: translateY(-10px);
        transition: all ease .2s;
    }

    .topCategory.active {
        display: block;
        opacity: 1;
        transform: none;
        position: relative;
    }

    #mobileMenu {
        position: fixed;
        background: var(--white);
        z-index: 3;
    }

    .topCategory,
    #top_menu {
        overflow: scroll;
    }

    #top_menu,
    #openMenu {
        display: none;
    }

    #top_menu.show {
        display: flex;
        gap: 1rem;
        width: 100%;
        order: 2;
    }

    #closeMenu {
        display: none;
        position: fixed;
        bottom: 1rem;
        left: calc(50% - 24px);
        width: 3rem;
        height: 3rem;
        background: var(--white);
        padding: 6.86px;
        box-shadow: 0px 0px 32px -8px rgba(0, 0, 0, 0.16);
        box-sizing: border-box;
        cursor: pointer;
        z-index: 1;
    }

    #topHeader.open #mobileMenu {
        display: none;
    }

    #topHeader.open .logo .gender {
        display: none;
    }

    #topHeader.open #closeMenu {
        display: block;
        color: var(--black1);
        box-shadow: 0px 0px 10px rgb(0 0 0 / 21%);
        z-index: 9;
    }

    #topHeader.open .profile {
        color: var(--black1);
    }

    /* animation */
    #topHeader #menuContainer {
        position: fixed;
        width: 100%; 
        /* border: 1px solid var(--black); */
    }

    #topHeader.open::before {
        content: '';
        position: fixed;
        display: block;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(2px);
    }

    #topHeader.open #menuContainer {
        
        width: auto;
        background-color: var(--white);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 3;
        animation: menuOpen .3s forwards;
    }
    /* ***************************** */
    @keyframes menuOpen {
        from {
            top: 100%;
            opacity: 0;
        }
        
        to {
            opacity: 1;
            top: 3rem;
        }
    }
      
    /* ***************************** */

    .menu-item span {
        width: calc(100% - 1rem);
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-item[data-depth="2"] > span,
    .menu-item[data-depth="3"] > span {
        
        font-size: 0.875rem;
        line-height: 1.5rem;
    }

    .menu-item[data-depth="2"] > a,
    .menu-item[data-depth="2"] > span {
        font-weight: 700;
    }

    .menu-item[data-depth="3"] > span,
    .menu-item[data-depth="4"] > span {
        font-weight: 400;
    }

    .menu-item[data-depth="1"] svg,
    .menu-item[data-depth="2"] svg {
        color: var(--black1);
    }

    .menu-item[data-depth="3"] svg,
    .menu-item[data-depth="4"] svg {
        display: none;
    }

    .menu-item[data-depth="1"] > span {
        border-bottom: 1px solid transparent;
        padding: 0.25rem 0;
    }

    .menu-item[data-depth="1"] > span[aria-expanded="true"] {
        border-color: var(--button-button-secondary-active);
        color: var(--button-button-secondary-active);
    }

    .menu-item[data-depth="1"],
    .menu-item[data-depth="2"] {
        position: relative;
    }

    .menu-item[data-depth="1"]:not(:first-child) {
        margin-top: 1rem;
    }

    .menu-item[data-depth="2"] > [id^="toggle-category"] {
        padding-left: 1rem;
    }

    /* language and currency */
    .language-selector,
    .currency-selector {
        display: none;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMTYyIDcuOTUwNDlMMCAxLjY0NjQ4SDEwLjMyNEw1LjE2MiA3Ljk1MDQ5WiIgZmlsbD0iIzAzMDUwNiIvPgo8L3N2Zz4K");
        background-repeat: no-repeat;
        background-position: right 4px;
        padding-right: 18px;
        cursor: pointer;
    }

    .language-selector.open ul,
    .currency-selector.open ul {
        display: block;
        height: auto;
    }

    #topHeader.open .language-selector,
    #topHeader.open .currency-selector {
        display: inline-block;
    }

    #menuContainer>.selectors {
        display: flex;
        order: 1;
        gap: 1.5rem;
        width: 100%;
    }

    #topHeader .profile {
        display: none;
        color: var(--black1);
        margin-left: auto;
    }

    #topHeader.open .profile {
        display: block;
    }

    #extraLinks {
        order: 3;
    }

    #topHeader.open .gender {
        order: 4;
        margin: auto auto 0;
        position: relative;
        top: auto;
        left: auto;
    }

    #topHeader.open .gender a {
        color: var(--black1);
    }

    #topHeader.open .gender a.active {
        color: var(--red);
    }

    /*****************************/
    /* cart summary */
    #cartSummary {
        box-shadow: 0px 0px 32px -8px rgba(0, 0, 0, 0.16);
        box-sizing: border-box;
        display: none;
    }

    #cartSummary.show {
        display: flex;
        position: relative;
    }
    .cartSummaryBox.show {
        content: '';
        position: fixed;
        z-index: 6;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(2px);
    }

    /* #cartSummary::after {
        content: '';
        border: 1px solid var(--black);
        position: fixed;
        z-index: -1;
    } */

    #cartSummary .header {
        justify-content: center;
        text-align: center;
        box-sizing: border-box;
    }

    #cartSummary .title {
        font-size: 0.875rem;
        line-height: 1rem;
    }

    .cartSummaryBox .close {
        display: none;
    }
    .cartSummaryBox.show .close {
        display: block;
        position: fixed;
        bottom: 1rem;
        background-color: var(--white);
        width: 3rem;
        height: 3rem;
        padding: 7px;
        box-sizing: border-box;
        left: calc(50% - 1.5rem);
        z-index: 4;
        color: var(--black1);
        cursor: pointer;
        box-shadow: 0px 0px 10px rgb(0 0 0 / 21%);
        z-index: 9;
    }

    #cartSummary .buttons {
        padding: 1rem 0 2.5rem;
        gap: 0.5rem;
    }

    /******************************/
    /* product overlay */
    #productCardOverLay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        /* height: 100vh; */
        width: 100%;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(2px);
        box-sizing: border-box;
        z-index: 3;
    }

    #productCardOverLay.show {
        display: block;
    }
    #productCardOverLay .header {
        margin-top: auto;
    }
    #productCardOverLay .overLay {
        background-color: var(--white);
        padding: 1.5rem 1rem 5rem;
        box-sizing: border-box;
        box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.02), 0px 4px 16px rgba(0, 0, 0, 0.03);
        position: relative;
        overflow: scroll;
        height: calc(100% - .5rem);
        display: flex;
        flex-direction: column;
    }

    #productCardOverLay .close {
        position: fixed;
        bottom: 1rem;
        display: block;
        left: calc(50% - 24px);
        width: 3rem;
        height: 3rem;
        box-shadow: 0px 0px 32px -8px rgba(0, 0, 0, 0.16);
        box-sizing: border-box;
        background: var(--white);
        padding: 6.86px;
    }

    .overLay .tallas {
        overflow: scroll;
        padding: 0;
    }

    .overLay .product-title {
        text-transform: uppercase;
        color: var(--black1);
    }

    .overLay .regular-price {
        color: var(--grey1);
    }

    .overLay .price {
        color: var(--colors-green-green-40);
    }

    .overLay img {
        width: 100%;
        height: auto;
    }

    .overLay .colorBox a {
        display: inline-block;
    }

    .overLay .colorBox .current {
        border: 1px solid var(--grey4);
        box-sizing: border-box;
    }

    .overLay .tallas a {
        display: inline-block;
        text-align: center;
        border: 0.5px solid #D9D9D9;
        margin-right: -1px;
    }

    .overLay button.dark {
        font-weight: 700;
    }

    .overLay .wishlist-button {
        right: 0;
        top: 0;
    }

}

/* form validation */
.has-error input,
.form-group .form-control.invalid {
    border: 1px solid var(--red);
}
form .error-message {
    color: var(--red);
    font-weight: 400;
    /* padding-top: 1rem; */
    font-size: .875rem;
    display: block;
}
form [name="psgdpr"] + .error-message {
    position: absolute;
    top: 2rem;
}
/************ login *****************/

.links p{
    display: none;
}
#registration .container #content-wrapper .form-fields .form-group label,
#identity .container #content-wrapper .form-fields .form-group label{
    display: flex;
    margin-bottom: 0.5rem;
    gap: 0.4rem;
}
#registration .container #content-wrapper .form-fields .form-group label div br, 
#identity .container #content-wrapper .form-fields .form-group label div br{
    display: none;
}

/************ authentication *****************/
.form-group .show-passwd-button{
    right: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%);
}
#address .container #content-wrapper input[type="text"],
#address .container #content-wrapper input[type="email"],
#address .container #content-wrapper input[type="tel"],
#identity .container #content-wrapper input[type="text"],
#identity .container #content-wrapper input[type="password"],
#identity .container #content-wrapper input[type="email"],
#identity .container #content-wrapper input[type="tel"],
#identity .container #content-wrapper input[type="date"],
#registration .container #content-wrapper input[type="text"],
#registration .container #content-wrapper input[type="email"],
#registration .container #content-wrapper input[type="tel"],
#registration .container #content-wrapper input[type="password"],
#password .container #content-wrapper input[type="password"],
.page-customer-account .container #content-wrapper input[type="text"],
.page-customer-account .container #content-wrapper input[type="tel"],
.page-customer-account .container #content-wrapper input[type="email"],
.page-customer-account .container #content-wrapper input[type="password"] {
    width: 100%;
    min-width: 200px;
    border: 1px solid #C9C9C9;
    background: var(--03-White-00-White, #FFF);
    margin-bottom: 1rem;
    padding: 10px 16px;
}
/************ Input-birthday *****************/
#registration .container #content-wrapper .form-group.birthday input#field-birthday{
    color: var(--grey1);
    border: 1px solid #C9C9C9;
    background: var(--03-White-00-White, #FFF);
    margin-bottom: 1rem;
    padding: 10px 16px;
}


#authentication .container #content-wrapper button#submit-login,
#password .container #content-wrapper button#send-reset-link,
.page-customer-account .container #content-wrapper button[type="submit"],
#registration .container #content-wrapper .form-footer button[type="submit"]{
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem; 
    padding: 0.5rem 2.5rem;
    border-radius: 0.5rem;
    color: var(--white);
    border: 2px solid #191819;
    background: var(--black);
    box-shadow: 0px 4px 32px -16px rgba(0, 0, 0, 0.03);
}
.right-col.page-header{
    padding-bottom: 0 !important;
}
/************ Menu de usuario *****************/
.userAccount .material-icons,
.userAccount .header,
.userAccount .wrapper a p{
    display: none;
}
.userAccount .wrapper{
    padding-top: 3rem;
}
.userAccount .left-col{
    padding: 3rem 0;
}

.userAccount li,
.userAccount li a{
    display: block;
}
.userAccount .wrapper .logout{
    display: flex;
    align-items: center;
}
.userAccount .wrapper .logout svg {
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
}

/************ address *****************/
#floatingButton{
    margin-top: 1rem;
}
/************ form  *****************/
.firstname span,
.lastname span{
    display: none;
}
.register-form p{
    font-size: 1rem;
    color: #030506;
    font-weight: 400;
    line-height: 1.5rem;
}
.register-form p a{
    margin-left: 0.5rem;
    color: #030506;
}
/************ wishlist *****************/
#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item a{
    cursor: pointer;
}
.wishlist-modal .wishlist-list-item p {
  font-weight: 400 !important;
  line-height: 1.5rem;
  color: var(--black) !important;
}
.form-control.form-control-lg{
    font-weight: 400 !important;
    border: 1px solid #C9C9C9;
    margin-bottom: 1.5rem;
    background: #FFF !important;
    border-radius: 0.5rem !important;
    padding: 10px 16px;
    width: 91%;
}
.wishlist-modal .wishlist-list-item{
    border-radius: 0.5rem;
}
.wishlist-toast{
    display: none;
}

/************ view *****************/
#module-blockwishlist-lists .wishlist-modal .modal-dialog{
    border-radius: 0.5rem;
    border: 2px solid var(--black);
}
#view .wishlist-modal .modal-dialog{
    border-radius: 0.5rem;
    border: 2px solid var(--black);
    padding: 1.5rem 2rem !important;
}
#view .wishlist-products-container-header .sort-by-row{
    display: none;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product .wishlist-product-bottom .wishlist-product-addtocart{
    display: none;
    /* Tiene un bug - se pociciona mal */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    color: var(--white);
    border: 2px solid #191819;
    background: var(--black);
    box-shadow: 0px 4px 32px -16px rgba(0, 0, 0, 0.03);
    width: 10rem;
}
#view .wishlist-pagination.pagination .col-md-4{
    padding-bottom: 0.5rem;
}
#view .wishlist-pagination.pagination ul {
    display: flex;
    gap: 10px;
    padding: 0;
}
#view .wishlist-pagination.pagination li {
  list-style: none;
}
#view .wishlist-pagination.pagination li a {
  background: var(--black);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 2px solid var(--black);
  cursor: pointer;
  display: block;
}
#view .wishlist-pagination.pagination li a.previous span i{
    display: none;
}
#view .wishlist-pagination.pagination li a.next span i{
    display: none;
}

#view .wishlist-pagination.pagination li.current a {
  background: var(--white);
  color: var(--black);
}
#module-blockwishlist-lists .right-col .modal-wrapper .wishlist-create .wishlist-modal,
#module-blockwishlist-lists .right-col .modal-wrapper .wishlist-delete .wishlist-modal{
    display: none;
}


/************ wishlist *****************/
#module-blockwishlist-lists .right-col a.wishlist-add-to-new .material-icons{
    display: none;
}
#module-blockwishlist-lists .wishlist-toast.success{
    border: unset !important;
}
#module-blockwishlist-lists .wishlist-toast.success p{
    color: var(--black1);
    font-size: 1rem;
    font-weight: 400;
    border: 2px solid #191819;
    border-radius: 0.5rem;
}

#module-blockwishlist-lists .right-col a.wishlist-add-to-new {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 0.5rem 2.5rem;
    border-radius: 0.5rem;
    color: var(--white);
    border: 2px solid #191819;
    background: var(--black);
    box-shadow: 0px 4px 32px -16px rgba(0, 0, 0, 0.03);
    cursor: pointer;
}
#module-blockwishlist-lists ul.wishlist-list{
    border-radius: 0.5rem;
    padding: 0;
}
#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item {
    border-bottom: 1px solid #C9C9C9;
    display: block;
}
#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item a.wishlist-list-item-link{
    display: flex;
    padding: 1rem 0rem;
    min-height: inherit;
    justify-content: space-between;
}
#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item a.wishlist-list-item-link p.wishlist-list-item-title{
    color: #030506;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    width: 50%;
    display: flex;
    justify-content: space-between;
}
#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item a.wishlist-list-item-link .wishlist-list-item-right{
    display: flex;
    gap: 0.5rem;
}
#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item a.wishlist-list-item-link .wishlist-list-item-right button {
    cursor: pointer;
    width: 19px;
    height: 19px;
    padding: 0 !important;
}

#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item a.wishlist-list-item-link .wishlist-list-item-right .dropdown-menu.show{
    display: flex;
    justify-content: space-between;
    min-width: 9rem;
}
#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item a.wishlist-list-item-link .wishlist-list-item-right .dropdown-menu.show button{
    width: 100% !important;
    color: var(--black1);
}
#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item a.wishlist-list-item-link .wishlist-list-item-right .dropdown-menu.show button:hover{
    color: var(--grey1);
}
#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item a.wishlist-list-item-link .wishlist-list-item-right .showMore{
    background-image: url('/themes/wb-theme/assets/img/edit.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}
#module-blockwishlist-lists ul.wishlist-list li.wishlist-list-item a.wishlist-list-item-link .wishlist-list-item-right .delete{
    background-image: url('/themes/wb-theme/assets/img/delete.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

/************ view *****************/
#view .wishlist-products-list {
    padding: 0;
}
#view .wishlist-products-list li.wishlist-products-item{
    list-style: none;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #E7E7E7;
    padding: 2rem 0;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product{
    display: flex;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product a.wishlist-product-link{
    text-decoration: none;
    display: flex;
    gap: 1.5rem;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product a.wishlist-product-link img{
    width: 100%;
    max-width: 8.5rem;
    aspect-ratio: 1/1;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product a.wishlist-product-link .wishlist-product-right{
    display: flex;
    flex-wrap: wrap;
    width: 30rem;
    align-content: flex-start;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product a.wishlist-product-link .wishlist-product-right p.wishlist-product-title{
    width: 50%;
    padding-right: 3rem;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product a.wishlist-product-link .wishlist-product-right p.wishlist-product-price{
    width: 50%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
    color: #040404;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product a.wishlist-product-link .wishlist-product-right p.wishlist-product-price span{
    color: #444344 !important;
    text-decoration: line-through;
    margin-right: 0.5rem;
    font-weight: 700;
}

#view .wishlist-products-list li.wishlist-products-item .wishlist-product a.wishlist-product-link .wishlist-product-right .wishlist-product-combinations{
    width: 100%;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product a.wishlist-product-link .wishlist-product-right .wishlist-product-combinations a{
    display: none;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product a.wishlist-product-link .wishlist-product-right .wishlist-product-combinations .wishlist-product-combinations-text{
    font-weight: 700;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product .wishlist-product-bottom{
    position: relative;
}
#view .wishlist-products-list li.wishlist-products-item .wishlist-product .wishlist-product-bottom .wishlist-button-add{
    width: 10rem;
    right: 0;
    position: relative;
    top: 0;
    transform: translateY(0%);
}
#view p.wishlist-list-empty{
    font-size: 1.125rem;
    font-weight: 700;
}
/************ View-wishlist modal *****************/
#module-blockwishlist-lists .wishlist-modal .modal-footer button.modal-cancel.dark{
    background-color: var(--black) !important;
    color: var(--white) !important;
}
#module-blockwishlist-lists .wishlist-modal .modal-footer button,
#view .wishlist-modal .modal-footer button {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
    padding: 1rem;
    width: 100%;

    text-transform: none;
    border-radius: 0.5rem;
    border: 2px solid var(--black);
    box-shadow: 0px 4px 20px -16px rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
#module-blockwishlist-lists .wishlist-modal .modal-body,
#module-blockwishlist-lists .wishlist-modal .modal-footer,
#view .wishlist-modal .modal-body,
#view .wishlist-modal .modal-footer{
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
}
#module-blockwishlist-lists .wishlist-modal .modal-footer button.dark,
#module-blockwishlist-lists .wishlist-modal .modal-footer button.delete,
#view .wishlist-modal .modal-footer button.delete {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
    padding: 1rem;
    width: 100%;
    text-transform: none;
    border-radius: 0.5rem;
    border: 2px solid var(--black);
    background-color: var(--white);
    color: var(--black);
    box-shadow: 0px 4px 20px -16px rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
#module-blockwishlist-lists .wishlist-modal .modal-body .form-group.form-group-lg input{
    margin-top: 0.5rem;
}

/************ GDPR *****************/
#module-psgdpr-gdpr .container .right-col #exportDataToCsv,
#module-psgdpr-gdpr .container .right-col #exportDataToPdf{
    position: relative;
    float: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem; 
    padding: 0.5rem 2.5rem 0.5rem 3.75rem;
    border-radius: 0.5rem;
    color: var(--white);
    border: 2px solid #191819;
    background: var(--black);
    text-decoration: none;
    box-shadow: 0px 4px 32px -16px rgba(0, 0, 0, 0.03);
}
#module-psgdpr-gdpr .container .right-col #exportDataToCsv:before,
#module-psgdpr-gdpr .container .right-col #exportDataToPdf:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 2.5rem;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url('/themes/wb-theme/assets/img/icon-dowload.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
#topHeader.top ~ .row.categories{
    display: flex;
}
#topHeader ~ .row.categories{
    display: none;
}
/************ tallas *****************/
#sizeGuide #measure{
    border-radius: 0.5rem;
    border: 2px solid var(--black);
    padding: 0.5rem 1.5rem;
    background-color: #FBFBFB;
}
#sizeGuide .tableBox-wrapper-title{
    color: #030506;
    font-family: "SF Pro Display";
}
/************ CMS *****************/
.page-cms .container .page-content{
    padding: 2rem 0;
}
/* .page-cms .container h1,
.page-cms .container h2,
.page-cms .container h3,
.page-cms .container h4,
.page-cms .container h5,
.page-cms .container h6{
    font-weight: 400;
    font-family: "SF Pro Display";
} */
.page-cms .wb-theme-page-column-cms-space p{
    font-weight: 400;
    font-family: "SF Pro Display";
    margin: 0 1rem;
}
#cms #content.page-cms-8{
    background-color: transparent;
}
#cms .wb-table td{
    padding-right: 0rem;
    border: 1px solid #C9C9C9;
}
#cms .wb-table {
    margin: 3rem 1rem;
}
.menu.show ~ .gender {
    display: none !important;
}

/************ Newsletter-modal ************/
.swal-modal{
    margin: 0;
    padding: 2rem 1rem 1rem;
    border-radius: 0 !important;
}
.swal-modal .swal-icon.swal-icon--error,
.swal-modal .swal-icon.swal-icon--success{
    display: none;
}
.swal-modal .swal-title{
    font-family: 'SF Pro Display';
    font-size: 2rem;
    line-height: 2rem;
    color: var(--black1);
}
.swal-modal .swal-content div{
    font-family: 'SF Pro Display';
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--black1);
}
.swal-modal .swal-footer {
    margin: 0;
    text-align: inherit;
}
.swal-modal .swal-footer .swal-button.swal-button--confirm{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 0.5rem 2.5rem;
    border-radius: 0.5rem;
    color: var(--white);
    border: 2px solid #191819;
    background: var(--black);
}
.swal-button:focus {
    box-shadow: inherit !important;
}
@media screen and (max-width: 1080px) {
    /********* marca ************/
    body[data-page-id="manufacturer"] #wrapper .container #content-wrapper{
        padding-top: 3rem;
    }
    body[data-page-id="manufacturer"] #wrapper .container h1 {
        color: var(--black);
        font-size: clamp(4rem, 6vw, 5rem);
        line-height: clamp(4rem, 6vw, 5rem);
        font-weight: 400;
        margin: 0 0 3rem 0;
        font-family: "Round8";
    }
    
    body[data-page-id="manufacturer"] #wrapper .container .brand{
        width: calc(50% - 0.75rem);
        aspect-ratio: 1;
    }
    body[data-page-id="manufacturer"] #wrapper .container .brand-img img{
        width: 100%;
        height: 100%;
    }
    
    /************ Newsletter-modal ************/
    .swal-modal {
        width: calc(100% - 2rem);
    }
    /************ Newsletter ************/
    #newsletterpop_outer {
        overflow: inherit !important;
    }
    /************ box ************/
    #newsletterpop_outer #newsletterpop_box{
        top: 50% !important;
        left: 50%;
        margin: 0;
        transform: translate(-50%, -50%);
        /* border-radius: 0.5rem; */
        width: calc(100% - 2rem);
        position: relative;
    }
    /************ logo ************/
    #newsletterpop_outer #newsletterpop_box #newsletterpop_logo {
        display: flex;
        justify-content: center;
        padding-top: 2.5rem;
    }
    #newsletterpop_outer #newsletterpop_box #newsletterpop_logo svg{
        max-width: 80%;
    }
    /************ title ************/
    #newsletterpop_outer #newsletterpop_box #newsletterpop_title{
        color: var(--black);
        font-family: 'SF Pro Display';
        font-size: 2rem;
        font-weight: 700;
        margin-top: 1.25rem;
    }
    /************ description ************/
    #newsletterpop_outer #newsletterpop_box #newsletterpop_description {
        font-family: 'SF Pro Display';
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5rem;
        color: var(--black);
        margin: 1.5rem auto 2rem;
    }
    /************ submitbox ************/
    #newsletterpop_outer #newsletterpop_box #newsletterpop_submitbox{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    /************ input ************/
    #newsletterpop_outer #newsletterpop_box #newsletterpop_submitbox  #newsletterpop_input{
        border: 1px solid #C9C9C9;
        background: #FFF;
        padding: 10px 16px;
        box-sizing: border-box;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5rem;
        height: auto;
    }
    /************ submit ************/
    #newsletterpop_outer #newsletterpop_box #newsletterpop_submitbox #newsletterpop_submit{
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5rem;
        font-family: 'SF Pro Display';
        text-transform: uppercase;
        padding: 0.625rem 2.5rem;
        border-radius: 0.5rem;
        color: var(--white);
        border: 2px solid #191819;
        background: var(--black);
        height: auto;
        width: auto;
        margin: 0;
        box-sizing: border-box;
    }
    /************ Optional ************/
    #newsletterpop_outer #newsletterpop_box #newsletterpop_submitbox #newsletter_inputs,
    #newsletterpop_outer #newsletterpop_box #newsletterpop_submitbox .clearfix{
        display: none;
    }
    /************ close ************/
    #newsletterpop_outer #newsletterpop_box #txtmpl{
        padding: 0;
        font-size: 0;
        position: absolute;
        left: 50%;
        top: 100%;
        right: inherit;
        background: #FFF;
        width: 3rem;
        height: 3rem;
        transform: translate(-50%, -50%);
        z-index: 5;
    }
    #newsletterpop_outer #newsletterpop_box #txtmpl:before{
        content: "";
        position: absolute;
        pointer-events: none;
        background-image: url('/themes/wb-theme/assets/img/x.svg');
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 2.14288rem;
        height: 2.14288rem;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 1;
    }
}
@media screen and (min-width: 1081px) {
    /************ cookies ************/
    #cookiesplus-modal-container #cookiesplus-modal{
        padding: 3.5rem 5rem;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-close-and-reject{
        padding: 0;
        font-size: 2.5rem;
        font-weight: 400;
        line-height: 1.5rem;
        position: absolute;
        right: 1.5rem;
        top: 1.4rem;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-text p{
        color: var(--black1);
        font-family: "SF Pro Display";
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.8rem; 
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-finalities{
        padding-top: 1rem;
    }
    .cookiesplus-finality-title{
        justify-content: flex-start;
    }
    .cookiesplus-finality-switch{
        height: 22px;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions .first-layer{
        width: 100%;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions .first-layer .row{
        display: flex;
        position: relative;
        justify-content: flex-end;
        gap: 1rem;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions .first-layer .row .col-xs-12:nth-of-type(2){
        position: absolute;
        left: 0;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions .cookiesplus-btn.cookiesplus-more-information{
        position: relative;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions .cookiesplus-btn.cookiesplus-more-information::before{
        content: "";
        position: absolute;
        top: 50%;
        left: 2.75rem;
        transform: translate(-50%, -50%);
        width: 1.125rem;
        height: 1.125rem;
        background-image: url('/themes/wb-theme/assets/img/config.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        pointer-events: none;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions .cookiesplus-btn.cookiesplus-more-information span{
        color: var(--black);
        background: var(--white);
        padding: 0.5rem 2.5rem 0.5rem 3.75rem;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions .cookiesplus-btn{
        background-color: inherit;
        border: inherit;
        padding: 0;
    }
    #cookiesplus-modal-container #cookiesplus-modal .second-layer .cookiesplus-btn.cookiesplus-save.cookiesplus-accept-selected,
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions .cookiesplus-btn span{
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem;
        padding: 0.5rem 2.5rem;
        border-radius: 0.5rem;
        color: var(--white);
        border: 2px solid #191819;
        background: var(--black);
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions .second-layer{
        width: 100%;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions .second-layer .row{
        display: flex;
        gap: 1rem;
    }
    #cookiesplus-modal-container #cookiesplus-modal .cookiesplus-actions #cookiesplus-back{
        display: none;
    }
}

/********* marca-global ************/
body[data-page-id="manufacturer"] #wrapper .container ul{
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 0;
}
body[data-page-id="manufacturer"] #wrapper .container ul li {
    list-style: none;
}
body[data-page-id="manufacturer"] #wrapper .container .brand-infos,
body[data-page-id="manufacturer"] #wrapper .container .brand-products{
    display: none;
}

/* PS Main Menu Responsive Styles */
#top_menu .menu-item {
    /* Base desktop styles inherited */
}

/* Mobile and Tablet View Styles */
#top_menu.mobile-tablet-view .menu-item {
    width: 100%;
}

/* #top_menu.mobile-tablet-view .collapse {
    display: none;
} */

#top_menu.mobile-tablet-view .collapse.show {
    display: block;
}

/* Desktop/Mobile specific elements */
#top_menu.mobile-tablet-view .desktop-only {
    display: none !important;
}

#top_menu .mobile-specific {
    display: none;
}

#top_menu.mobile-tablet-view .mobile-specific {
    display: block;
}

/* Responsive Menu Media Queries */
@media (max-width: 767px) {
    /* Mobile Menu */
    #top_menu {
        width: 100%;
        padding: 0;
    }

    #top_menu .menu-item span[data-toggle="collapse"] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 10px 15px;
        cursor: pointer;
    }

    #top_menu .collapse, #top_menu .collapsing {
        padding-left: 15px;
        margin-top: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 1079px) {
    /* Tablet Menu */
    #top_menu {
        width: 100%;
        padding: 0 15px;
    }

    #top_menu .menu-item span[data-toggle="collapse"] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 12px 15px;
        cursor: pointer;
    }

    #top_menu .collapse {
        padding-left: 2rem;
    }
}

@media (min-width: 1080px) {
    /* Desktop Menu */
    #top_menu {
        display: flex;
        flex-wrap: wrap;
    }

    #top_menu .menu-item span[data-toggle="collapse"] {
        display: none;
    }

    #top_menu .collapse {
        display: block !important;
    }
}

.page-content.page-not-found {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}