/* @import url('productPage.css'); */
/* breadcrumbs.css?v=e7b93b38 (ήταν @import) */
.breadcrumbs {
    background-color: var(--color-white);
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .breadcrumbs .items {
    text-transform: uppercase !important;
    margin: 0 !important;
  }
  
  .breadcrumbs .items a:hover {
    color: var(--color-medium-gray) !important;
  }

  .breadcrumbs .item:not(:last-child):after {
    content: "\2f" !important;
    vertical-align: bottom !important;
  }

  .breadcrumbs .items li {
    font-size: calc(var(--default-font-size) - 6px) !important;
  }
  
  .breadcrumbs .items li:last-child {
    font-size: calc(var(--default-font-size) - 7px) !important;
    vertical-align: bottom !important;
  }
  
  .breadcrumbs .items>li a {
    font-size: calc(var(--default-font-size) - 7px) !important;
  }
  
  .breadcrumbs .items a:active,.breadcrumbs .items a:focus,.breadcrumbs .items a {
    color: var(--color-medium-gray) !important;
    letter-spacing: 0.24px !important;
    font-weight: 600 !important;
  }
  
  .breadcrumbs strong {
    font-weight: 700 !important;
    color: var(--color-black) !important;
  }

  @media screen and (max-width: 767px) {
    .breadcrumbs .items {
      display: flex; /* Display breadcrumbs in a horizontal row */
      align-items: center;
    }
    .breadcrumbs .items li {
      white-space: nowrap; /* Prevent text from wrapping */
    }
    .breadcrumbs .items li:last-child {
      white-space: nowrap; /* Prevent wrapping */
      overflow: hidden;    /* Hide overflowing text */
      text-overflow: ellipsis; /* Add '...' for truncated text */
      max-width: 200px;    /* Set maximum width for truncation */
      display: inline-block; /* Ensure ellipses work properly */
    }
  }

  @media screen and (min-width: 768px) {
    .breadcrumbs .items li {
      font-size: calc(var(--default-font-size) - 5px) !important;
    }
  
    .breadcrumbs .items li:last-child {
      font-size: calc(var(--default-font-size) - 6px) !important;
    }
    
    .breadcrumbs .items>li a {
      font-size: calc(var(--default-font-size) - 6px) !important;
    }
  }
/* @import url('loginPage.css'); */
/* card.css?v=53b91b0d (ήταν @import) */
.product-item-details {
    text-align: -webkit-match-parent !important;
    padding: 0 2% 0% 0% !important;
  }

  .cart-wrap {
    display: none;
  }

  .wishlist-link {
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 1;
  }
  
  .category-product-details-btn {
    border-color: var(--color-white);
    background: var(--color-white);
    padding: 0;
    display: flex;
    width: 23px !important;
    height: 23px !important;
  }
  
  .category-product-details-btn:hover {
    border-color: var(--color-white);
    background: var(--color-white);
  }
  
  .product-item-name .product-item-link {
    font-weight: 600 !important;
    font-size: calc(var(--default-font-size) - 6px) ;
    letter-spacing: 0.28px !important;
    text-transform: uppercase !important;
    color: var(--color-black) !important;
  }
  
  .product-item-name .product-item-link:hover {
    color: var(--color-black) !important;
  }
  
  .price-box .price {
    font-size: calc(var(--default-font-size) - 4px) !important;
    font-weight: normal !important;
    letter-spacing: 0.28px !important;
    color: var(--color-black) !important;
  }
  
  .price-box .old-price .price {
    color: #afafaf !important;
  }
  
  .price-box .special-price .price {
    color: var(--color-black) !important;
  }


  @media (min-width: 768px) {
    .category-product-details-name-actions {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
      }
      
      .product-item-name {
        grid-column: 1/12;
        width: 80%;
      }
      
      .category-product-details-icons-container {
        display: flex;
        gap: 0.5rem;
      }

      .cart-wrap{
        display: flex;
      }

      .wishlist-link {
        position: relative;
        top: 0;
        right: 0;
      }
      .product-item-name .product-item-link {
        font-size: calc(var(--default-font-size) - 4px) !important;
      }
      .price-box .price {
        font-size: calc(var(--default-font-size) - 4px) !important;
      }
  }
/* customInput.css?v=5af2007e (ήταν @import) */
/* Custom Input */

.outlined-input {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    margin-bottom: 24px !important;
  }
  
  #input-password {
    margin-bottom: 0 !important;
  }
  
  .outlined-input input {
    width: 100% !important;
    height: 50px !important;
    padding: 0 15px !important;
    font-size: calc(var(--default-font-size) - 4px) !important;
    letter-spacing: 0px !important;
    background-color: var(--color-white) !important;
    color: var(--color-black) !important;
    opacity: 1 !important;
    border: 1px solid var(--color-light-grayish-white) !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
  }
  
  .outlined-input input:focus {
    border-color: var(--color-dark-brown-gray) !important;
    /* box-shadow: 0 0 5px rgba(63, 81, 181, 0.5) !important; */
  }
  
  /* Label styles */
  .outlined-input label {
    position: absolute !important;
    top: 17px !important;
    left: 15px !important;
    font-size: calc(var(--default-font-size) - 3px) !important;
    color: var(--color-medium-gray) !important;
    background-color: transparent !important;
    /* padding: 0 4px !important; */
    transition: 0.2s ease all !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }
  
  /* .outlined-input input:focus + label,
  .outlined-input input:not(:placeholder-shown) + label {
    top: -7px !important;
    left: 12px !important;
    font-size: 12px !important;
    color: var(--color-black) !important;
    letter-spacing: 0px !important;
    background-color: var(--color-white) !important;
    padding: 0 4px !important;
  } */
  
  /* Cut-out effect */
  .outlined-input::before {
    content: "" !important;
    position: absolute !important;
    top: -1px !important;
    left: 12px !important;
    width: 0 !important;
    height: 8px !important;
    background-color: var(--color-white) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    transition: width 0.2s ease !important;
  }
  
  /* .outlined-input input:focus ~ .outlined-input::before,
  .outlined-input input:not(:placeholder-shown) ~ .outlined-input::before {
    width: 60px !important;
  } */
  
  
  .outlined-input.has-value label,
  .outlined-input input:focus + label {
    top: -7px !important;
    left: 12px !important;
    font-size: calc(var(--default-font-size) - 8px) !important;
    color: var(--color-black) !important;
    letter-spacing: 0px !important;
    background-color: var(--color-white) !important;
    padding: 0 4px !important;
  }
  
   .customer-account-login  .outlined-input.has-value::before{
    width: auto !important;
   }


  .outlined-input.has-value::before,
  .outlined-input input:focus ~ .outlined-input::before {
    width: 60px !important;
  }  

  /* Password Checkbox -> svg icon */

.show-password {
    position: absolute !important;
    right: 8px !important;
    top: 10px !important;
  }
  
  .field.password .control {
    position: relative;
  }
  
  .toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .toggle-password svg {
    width: 20px;
    height: 20px;
    fill: #999;
    transition: fill 0.3s ease;
  }
  
  .toggle-password:hover svg {
    fill: #333;
  }

  .toggle-up {
    top: 30% !important;
  }
  
  .icon-eye-off {
    fill: #ff0000;
  }
  
  /* Toggle line for icon in login page */
  
  .eye-strike {
    display: block;
  }
  
  .icon-eye-on .eye-strike {
    display: none;
  }

  @media screen and (min-width: 768px) {
    .outlined-input input { 
      font-size: calc(var(--default-font-size) - 3px) !important;

    }
    
  }
/* customSelect.css?v=a80b9364 (ήταν @import) */
/* Select Container */
.mui-select-container {
  position: relative;
  margin-bottom: 24px !important;
}

/* The Select Element */
.mui-select-container select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 50px !important;
  font-size: calc(var(--default-font-size) - 3px) !important;
  border: 1px solid var(--color-light-grayish-white);
  padding: 0 15px !important;
  background-color: var(--color-white);
  color: var(--color-black);
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Placeholder option */
.mui-select-container select option[value=""] {
  display: none; /* Hide the empty placeholder option in the dropdown */
}

/* Focus State */
.mui-select-container select:focus {
  border-color: var(--color-dark-brown-gray) !important;
  
}

#create-account:hover{
  color:white !important;
}

#create-account span:hover{
  color:white !important;
}

#create-account:focus{
  color:white !important;
}

#create-account span:focus{
  color:white !important;
}



/* Custom Arrow */
.mui-select-container::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  pointer-events: none;
  width: 22px;
  height: 22px;
}

.mui-select-container.adjust-top::after {
  top: 25px; /* Adjusted position when error exists */
}

/* Floating Label */
.mui-select-container label {
  position: absolute;
  top: 18px; 
  left: 15px;
  font-size: calc(var(--default-font-size) - 3px);
  color: var(--color-medium-gray);
  background-color: transparent;
  transform: translateY(0);
  /* padding: 0 4px; */
  transition: 0.2s ease all;
    pointer-events: none;
    z-index: 1;
}

/* When Select is Focused or Has Value */
.mui-select-container select:focus + label,
.mui-select-container select:not(:has(option[value=""]:checked)) + label {
  top: -7px !important;
  left: 12px !important;
  font-size: calc(var(--default-font-size) - 6px) !important;
  color: var(--color-black) !important;
  letter-spacing: 0px !important;
  background-color: var(--color-white) !important;
  padding: 0 4px !important;
}

/* Ensure the label stays cut-out over the border */
.mui-select-container select:focus + label,
.mui-select-container select:not(:has(option[value=""]:checked)) + label {
  background-color: transparent;
}
/* customSelectHtmlElement.css?v=ff1986c4 (ήταν @import) */
.tel-container {
  display: flex; 
  align-items: center; 
  position: relative;
  height: 50px !important;
  border: 1px solid var(--color-light-grayish-white);
  background-color: var(--color-white);
  color: var(--color-black);
}

.custom-select-container {
  flex-shrink: 0; 
  height: 100%;
  display: flex;
  align-items: center;
  background: var(--color-light-gray);
  color: var(--color-black);
}

#telephone {
  height: 100%;
  flex-grow: 1; 
  padding: 8px 12px; 
  font-size: calc(var(--default-font-size) - 2px) !important;
  outline: none;
  transition: border-color 0.2s ease;
}



.custom-select {
  padding: 8px 12px;
  cursor: pointer;
}

.custom-select span{
  font-size: calc(var(--default-font-size) - 2px) !important;
}


.selected-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.options-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-height: 400px;
  overflow-y: auto;
  z-index: 10;
  font-size: 13px;
}

.option {
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.option:hover {
  background-color: #f0f0f0;
}

.option[data-selected="true"] {
  background-color: #007bff;
  color: white;
}

.error-message {
  color: #e02b27;
  font-size: calc(var(--default-font-size) - 4px);
  margin-top: 5px;
  display: none; 
}

.error-message.active {
  display: block;
}
/* forgotPassword.css?v=776744f2 (ήταν @import) */
/* Forgot Password */


.customer-account-forgotpassword .form.password.forget .actions-toolbar>.primary {
    display: flex !important;
    justify-content: center !important;
  }
  
  .customer-account-forgotpassword .form.password.forget .actions-toolbar>.primary .action {
    background-color: var(--color-dark-brown-gray) !important;
    border-color: var(--color-dark-brown-gray) !important;
  }
  
  .customer-account-forgotpassword .form.password.forget .actions-toolbar>.primary .action span{
    color: var(--color-white) !important;
  }
  
  .customer-account-forgotpassword .form.password.forget .actions-toolbar>.primary .action:hover span{
    color: var(--color-white) !important;
  }
  
  button.action.reload.captcha-reload{
    background-color: var(--color-white) !important;
    border: 1px solid var(--color-dark-brown-gray) !important;
  }
  
  button.action.reload.captcha-reload:hover{
    background-color: #49423D !important;
    border: 1px solid #49423D !important;
  }
  
  button.action.reload.captcha-reload span{
    color: var(--color-dark-brown-gray) !important;
  }
  
  button.action.reload.captcha-reload:hover span{
    color: var(--color-gold) !important;
  }


  @media (min-width: 768px) {
    .customer-account-forgotpassword .form.password.forget .actions-toolbar>.primary .action {
        width: 40% !important;
      }

  }
  @media (min-width: 1536px) {
    .customer-account-forgotpassword .form.password.forget .actions-toolbar>.primary .action {
        width: 30% !important;
      }

  }
  @media (min-width: 1920px) {
    .customer-account-forgotpassword .form.password.forget .actions-toolbar>.primary .action {
        width: 25% !important;
      }

  }
/* @import url('contact.css'); */

/* Fonts */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/media/ee_fonts/raleway-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/media/ee_fonts/raleway-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}







@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/d83550/00000000000000007735e60a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/d83550/00000000000000007735e60a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/d83550/00000000000000007735e60a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/4de20a/00000000000000007735e604/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/4de20a/00000000000000007735e604/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/4de20a/00000000000000007735e604/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/8738d8/00000000000000007735e611/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/8738d8/00000000000000007735e611/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/8738d8/00000000000000007735e611/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/58acf5/00000000000000007735e622/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"), url("https://use.typekit.net/af/58acf5/00000000000000007735e622/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"), url("https://use.typekit.net/af/58acf5/00000000000000007735e622/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype");
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/154cda/00000000000000007735e601/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/154cda/00000000000000007735e601/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"), url("https://use.typekit.net/af/154cda/00000000000000007735e601/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/7283cd/00000000000000007735e608/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"), url("https://use.typekit.net/af/7283cd/00000000000000007735e608/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"), url("https://use.typekit.net/af/7283cd/00000000000000007735e608/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/144da4/00000000000000007735e619/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/144da4/00000000000000007735e619/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/144da4/00000000000000007735e619/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/40d372/00000000000000007735e607/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/40d372/00000000000000007735e607/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/40d372/00000000000000007735e607/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/79862c/00000000000000007735e60e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/79862c/00000000000000007735e60e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/79862c/00000000000000007735e60e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/a99dfa/0000000000000000774e079a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/a99dfa/0000000000000000774e079a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/a99dfa/0000000000000000774e079a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/5928aa/0000000000000000774e079d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/5928aa/0000000000000000774e079d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/5928aa/0000000000000000774e079d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/bfcb85/0000000000000000774e0796/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/bfcb85/0000000000000000774e0796/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/bfcb85/0000000000000000774e0796/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/a5be65/0000000000000000774e0797/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"), url("https://use.typekit.net/af/a5be65/0000000000000000774e0797/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"), url("https://use.typekit.net/af/a5be65/0000000000000000774e0797/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/169c97/0000000000000000774e079b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/169c97/0000000000000000774e079b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"), url("https://use.typekit.net/af/169c97/0000000000000000774e079b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/568007/0000000000000000774e079f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/568007/0000000000000000774e079f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/568007/0000000000000000774e079f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/3cfecb/0000000000000000774e07a0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/3cfecb/0000000000000000774e07a0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/3cfecb/0000000000000000774e07a0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/4557d7/0000000000000000774e07ab/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"), url("https://use.typekit.net/af/4557d7/0000000000000000774e07ab/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"), url("https://use.typekit.net/af/4557d7/0000000000000000774e07ab/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype");
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/5c7a81/0000000000000000774e07a8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/5c7a81/0000000000000000774e07a8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/5c7a81/0000000000000000774e07a8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/1052c9/0000000000000000774e07a6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/1052c9/0000000000000000774e07a6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/1052c9/0000000000000000774e07a6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/b01787/0000000000000000774e07a4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/b01787/0000000000000000774e07a4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/b01787/0000000000000000774e07a4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/b61979/0000000000000000774e07a3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/b61979/0000000000000000774e07a3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/b61979/0000000000000000774e07a3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/5e7fac/0000000000000000774e07a5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/5e7fac/0000000000000000774e07a5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/5e7fac/0000000000000000774e07a5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/254928/0000000000000000774e07a9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/254928/0000000000000000774e07a9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/254928/0000000000000000774e07a9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/84ed8e/0000000000000000774e07af/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/84ed8e/0000000000000000774e07af/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/84ed8e/0000000000000000774e07af/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "proxima-nova-wide";
  src: url("https://use.typekit.net/af/1b5dbe/0000000000000000774e07a7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/1b5dbe/0000000000000000774e07a7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/1b5dbe/0000000000000000774e07a7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
}



/*homepage SEO */


.checkout-index-index .checkout-agreement.field .label{
  top:0px !important;
}


.catalog-category-view .modal-popup.confirm._show .modal-inner-wrap .modal-header .action-close{
  right:-40px !important;
}

.quickshop-main .page-title-wrapper{
  background-color:transparent !important;
}

.quickshop-main .page-title{
  text-align:left !important;
  font-weight:700 !important;
}

 .cms-codazon-home-page .quickshop-main .product-addto-links{
  position:relative !important;
  bottom:25px !important;
}


.cms-codazon-home-page .cdz-slider .banner-btn{
  align-content:center !important;
}


/* Keep visuals when h1 is demoted to h2/h3 in Page Builder */
.cms-codazon-home-page h2.section-title,
.cms-codazon-home-page h3.section-title {
  font-size: 48px;
  font-weight: 600;
  color: #fff !important;
  margin: 0;
  padding: 0;
  line-height: normal;
  text-transform: none;
  letter-spacing: normal;
}

.checkout-cart-index .edit-btn span {
  text-transform: capitalize;
}

.checkout-cart-index .quickshop-main .page-title{
  display:block !important;
}


.checkout-cart-index .qs-content .product-addto-links .action.towishlist:before {
 bottom:5px !important;
}


.catalog-product-view .product-info-main-inner .old-price.sly-old-price{
  margin-bottom:0px !important;
}

.cms-codazon-home-page .banner-btn{
  min-width: 190px !important;
  width: auto !important;
  padding: 22px 10px !important;
}

@media only screen and (max-width: 768px) {
  .cms-codazon-home-page h2.section-title,
  .cms-codazon-home-page h3.section-title {
    font-size: 36px;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1025px) {
  .cms-codazon-home-page h2.section-title,
  .cms-codazon-home-page h3.section-title {
    text-align: center !important;
  }
}



.checkout-index-index .modal-popup.confirm._show .modal-inner-wrap .modal-header .action-close{
  right:-40px !important;
}

.confirm._show .action-secondary.action-dismiss span{
  color:white 
}

.confirm._show .action-primary.action-accept{
  background:black;
  border:black !important;
}

.confirm._show .action-primary.action-accept span{
  color:white
}

/* 3.shipping test checkout */
.payment-accordion .accordion-header > span:first-child:not(.accordion-toggle) {
  font: normal normal 600 20px/24px "proxima-nova-wide", sans-serif !important;
}

.modal-popup.confirm._show .modal-inner-wrap .modal-header .action-close:before{
 background-color:white !important;
}

.payment-accordion .accordion-header span {
  background-color: transparent;
  color: black;
  cursor: pointer;
  user-select: none;
  transition: 0.3s;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: normal normal 600 20px / 24px "proxima-nova-wide", sans-serif !important;
  flex-wrap: wrap;
}


.cms-giftcard .modal-popup.confirm._show .modal-inner-wrap .modal-header .action-close {
  right:-40px !important;
}

.cms-codazon-home-page .modal-popup.confirm._show .modal-inner-wrap .modal-header .action-close{
  right:-40px !important;
}
.modal-popup.confirm._show .modal-inner-wrap .modal-header .action-close{
  background:black !important;
  border:black !important;
}

.confirm._show .action-close span{
  color:white
}

/* Shop the Look — SEO fix: h1 → p, identical layout */
.look-title-wrapper p.look-title,
.look-title-wrapper p:has(.look-desc),
.section-5 p.look-title,
.section-5 p:has(.look-desc) {
  margin: 0 0 10px;
  padding: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32.4px;
}
/* Yotpo reviews */

@media only screen and (min-width: 769px) {
  .yotpo .write-question-review-buttons-container {
      float: none !important;
      text-align: center;
  }

 .checkout-index-index .checkout-agreements-block .checkout-agreement.field{
    padding-bottom:0px !important
  }



  .yotpo .write-question-review-button{
    height: 50px !important;
    margin-bottom: 10px !important;
  }
}

.yotpo .yotpo-nav-content{
  display: none !important;
}


/*se periptwsi pou ginei tab */
.yotpo .yotpo-label-container{
  display: none !important;
}

.yotpo-default-button.yotpo-icon-btn.write-review-button{
  background:black !important;
  border:none !important;
}

.yotpo .y-label{
  display: inline !important
}

.y-label.yotpo-user-name.yotpo-font-bold.pull-left{
  color:black !important;
}


.yotpo.yotpo-main-widget{
  max-width: 760px !important;
  margin: auto;
}

.yotpo .yotpo-default-button.primary-color-btn.yotpo-submit:hover{
  background:grey !important;
}

.yotpo .primary-color-btn.yotpo-disabled:hover, .yotpo .primary-color-btn.yotpo-disabled:hover{
  background:black !important;
}

.yotpo .yotpo-regular-box .avg-score{
  color:black !important;
}

.yotpo .yotpo-nav-wrapper span{
  color:black !important;
}

.yotpo .yotpo-review .yotpo-footer .yotpo-action:hover{
  color:black !important;
}

.yotpo .yotpo-review .yotpo-footer .yotpo-action:hover .y-label{
  color:black !important;
}


.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
border-color:black !important;
}

.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper span{
  color:black !important;
}

.yotpo .yotpo-comments-box{
  border-left: 2px solid black !important;
}

.yotpo .yotpo-store-owner .y-label.yotpo-user-name{
  color:black !important;
}

.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper span:hover{
  color:black !important;
}
.yotpo .yotpo-logo-link-new{
  display: none !important;
}

.yotpo-default-button.write-review-button.write-first-review-button{
  background:black !important;
  color:white !important;
  border:none !important;
}

.yotpo .write-question-review-button-text{
  color:white !important
}

.yotpo .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button:hover{
  background:black !important;
  color:white !important;
  border:none !important;
}

.yotpo .write-review .socialize-wrapper .yotpo-or {
 margin-top:0px !important;
 margin-bottom:15px !important;
}

.yotpo .write-review .socialize-wrapper{
  display: flex !important;
  flex-direction: column !important;
}



.yotpo .write-review .connect-wrapper{
  padding-left: 0px !important;
}
.yotpo .write-review .socialize-wrapper{
  position: relative !important;
}


.yotpo .write-question-review-button .yotpo-icon:before{
  color:white !important
}

.yotpo-default-button.primary-color-btn.yotpo-submit{
  background:black !important;
  color:white !important;
  border:none !important;
}

.yotpo-thankyou-header span{
  color:black !important;
}

.yotpo-default-button.yotpo-icon-btn{
  background:black !important;
  color:white !important;
}


.yotpo .yotpo-icon-heart:before{
  color:black !important;
  position:relative !important;
  left:47px
}

.yotpo-default-button.primary-color-btn.yotpo-submit:hover{
  background:black !important;
}

.yotpoyotpo-logo-link-new{
  display: none !important;
}


.tk-proxima-nova {
  font-family: "proxima-nova", sans-serif;
}

.tk-proxima-nova-wide {
  font-family: "proxima-nova-wide", sans-serif;
}

:root {
  --color-white: #FFFFFF;
  /* Pure white */
  --color-white-transparent: #FFFFFF00;
  /* Fully transparent white */
  --color-black: #000000;
  /* Pure black */
  --color-almost-black: #020202;
  /* Near black */
  --color-light-gray: #F2F2F2;
  /* Very light gray */
  --color-gray-transparent: #00000029;
  /* Semi-transparent black (gray effect) */
  --color-medium-gray: #797979;
  /* Medium gray */
  --color-dark-brown-gray: #282522;
  /* Dark brownish gray */
  --color-btn-hover: #2F2C29;
  --color-light-grayish-white: #EBEBEB;
  /* Light grayish white */
  --color-soft-gray: #F5F5F5;
  /* Soft gray */
  --color-charcoal-gray: #585858;
  /* Charcoal gray */
  --color-gold: #ffc100;
  --default-font-size: 18px;
  --medium-font-size: 23px;
}

body,
input,
span,
p,
a,
li,
button {
  font: 400 14px / 1.35 "proxima-nova-wide", sans-serif;
  font-family: "proxima-nova-wide", sans-serif !important;
  color: var(--color-black);
}

strong {
  font: 600 14px / 1.35 "proxima-nova-wide", sans-serif !important;
}

div {
  font: 400 14px / 1.35 "proxima-nova-wide", sans-serif !important;
  font-family: "proxima-nova-wide", sans-serif !important;
  /* font-size: var(--default-font-size) !important; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "proxima-nova-wide", sans-serif !important;
  color: var(--color-black);
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: var(--color-black);
}

h1 span {
  font-size: calc(var(--default-font-size) - 3px) !important;
  font-weight: 600;
}

button {
  height: 60px !important;
  font-size: calc(var(--default-font-size) - 4px) !important;
}

button span {
  font-size: calc(var(--default-font-size) - 4px) !important;
}

button:hover {
  color: black;
}


.fa-facebook-f:before,
.fa-facebook:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #6c757d;
    position: relative;
    top: 4px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='currentColor' d='M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 440 146.7 540.8 258.2 568.5L258.2 398.2L205.4 398.2L205.4 320L258.2 320L258.2 286.3C258.2 199.2 297.6 158.8 383.2 158.8C399.4 158.8 427.4 162 438.9 165.2L438.9 236C432.9 235.4 422.4 235 409.3 235C367.3 235 351.1 250.9 351.1 292.2L351.1 320L434.7 320L420.3 398.2L351 398.2L351 574.1C477.8 558.8 576 450.9 576 320z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='currentColor' d='M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 440 146.7 540.8 258.2 568.5L258.2 398.2L205.4 398.2L205.4 320L258.2 320L258.2 286.3C258.2 199.2 297.6 158.8 383.2 158.8C399.4 158.8 427.4 162 438.9 165.2L438.9 236C432.9 235.4 422.4 235 409.3 235C367.3 235 351.1 250.9 351.1 292.2L351.1 320L434.7 320L420.3 398.2L351 398.2L351 574.1C477.8 558.8 576 450.9 576 320z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.custom-header .fa-facebook-f:before,
.custom-header .fa-facebook:before {
 top:0px !important
}

.cdz-popup-area .cdz-popup {
  width: 980px !important;
  max-width: 80% !important
}

.page-with-filters .primary .amscroll-text{
  text-transform: uppercase !important;
}


input {
  border: 1px solid var(--color-light-grayish-white) !important;
  background-color: var(--color-white) !important;
  color: var(--color-medium-gray) !important;
}

input[type="checkbox"] {
  border-color: var(--color-black) !important;
  color: var(--color-black) !important;
}

/* Layout */

.columns {
  width: 100% !important;
  padding: 0 !important;
}

.page-main {
  padding: 0 !important;
}

/* Calendar */

.ui-datepicker-trigger {
  display: none !important;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 1.8em;
  ;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  padding: 0;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  padding: 0;
}

div.mage-error {
  font-size: 1em;
}


.checkout-index-index .saved-list-content .fieldset.coupon .action-apply{
  background: #282522 !important;
  color: white !important;
  font: 400 14px / 1.35 "proxima-nova-wide", sans-serif !important;
  max-height: 50px !important;
}
.checkout-index-index .saved-list-content .fieldset.coupon .action-apply span{
  color: white !important;
}


/* Arrows Calendar */
.ui-datepicker .ui-datepicker-prev span {
  border-color: transparent var(--color-black) transparent transparent;
}

.ui-datepicker .ui-datepicker-next span {
  border-color: transparent transparent transparent var(--color-black);
}

/* Page title */

.page-title {
  width: 100% !important;
}

.checkout-index-index .edit-address-link{
  padding:20px!important;
}

.checkout-index-index .edit-address-link:hover{
  text-decoration: none !important;
}

.account .box-giftcards .giftcard-overview{
  margin-top:20px
}



@media (min-width: 920px) {
  .catalog-product-view .gallery-container .out-of-stock-label {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: 100px !important;
  }
}


.checkout-index-index .edit-address-link span{
  color:white !important;
}

.catalog-product-view .box-tocart .size-guide-wrap{
  display: none !important;
}

.customer-account-createpassword .page-title{
  display: none !important;
}

.checkout-onepage-success .action.print{
  float: none !important;
  max-width: max-content !important;
  margin: 25px auto !important;
  text-transform: uppercase !important;
}

.customer-account-createpassword .form.password{
  margin: auto !important;
}

.customer-account-createpassword .action.submit{
  background: #282522 !important
}

.checkout-index-index .store-switch-link{
  background: #282522 !important;
}

.customer-account-createpassword .action.submit span{
  color: white !important;
}

.footer-content-bottom .sliding-window-container label{
  cursor: pointer !important;
}

.footer-content-bottom .flex.clear-button:focus{
   color:black !important
}

.checkout-index-index .modal-popup.modal-slide .modal-inner-wrap{
  left: 50% !important;
}




.customer-account-create .actions-toolbar{
  display: flex !important;
  justify-content: center !important;
  margin-top:3% !important;
}


.footer-content-bottom .sliding-window-container{
  align-self: center
}

.footer-content-bottom .footer-address span{
  display: flex;
}

#gift-card-credit-input{
  padding-left:5px !important;
  padding-right:3px !important;
}

.customer-account-create .actions-toolbar .submit{
  min-width: 135px !important;
}


.checkout-onepage-success #registration .action.primary{
background: #282522 !important;
padding: 10px 20px !important;
}


.contact-index-index .contact-container-grid{
  max-width:1400px;
  margin: 80px auto;
}

.contact-index-index .contact-grid-element{
  width: 30%;
}


.checkout-onepage-success #registration .action.primary span{
  color: white !important
  }
  
  #back-top{
    bottom:70px !important;
  }

  #back-top a:hover{
    background: black !important;
    color: white !important;
    border-color: black !important;
  }


  .checkout-cart-index .shopping-bag-msg .msg{
    display: block !important;
  }

  #back-top a:focus{
    background: black !important;
    color: white !important;
    border-color: black !important;
  }
  

.customer-account-create .submit{
  background: black !important;
}

.customer-account-create .submit span{
  color: white !important;
}

.modal-popup._inner-scroll .modal-inner-wrap {
  max-height: 53% !important;
}

/*fotorama */

.fotorama__fullscreen .fotorama__zoom-in {
  display: none;
}

.fotorama__fullscreen .fotorama__zoom-out {
  display: none;
}

.custom-slide-counter {
  display: none;
}

.account-wrapper .block-customer-login .field.choice .secondary{
  max-width: 55%;
}

.custom-slide-counter-2 {
  display: none;
}

.account .form.check-code .action.primary{
  background: #282522 !important;
  color: white !important;
  cursor: pointer !important;
  max-height: 50px !important;
}

.account .form.check-code .action.primary span{
  color: white !important;
}



.modal-popup .fotorama__stage {
  max-height: 100%;
}

.account .order-links .item.current>:where(a,strong){
  background: black !important;
  border: none !important;
  cursor: pointer !important;
}



.gdpr-customer-settings .amgdpr-block .action.primary{
  background: black !important;
  color: white !important;
  font: 400 14px / 1.35 "proxima-nova-wide", sans-serif !important
}


.checkout-index-index .new-shipping-address-modal.modal-popup._inner-scroll .modal-inner-wrap{
  left: 50% !important;
}

.checkout-index-index .modal-popup .form-shipping-address{
  max-width: 900px !important;
}

.quickshop-main .product-info-price {
  display: grid;
}

.checkout-index-index .custom-select{
  box-shadow: none !important;
}
.checkout-index-index .custom-select:focus-within{
  box-shadow: none !important;
}

.tel-container:has(.custom-select:focus) {
  border: 1px solid black;
}

.catalog-category-view .category-product-details-icons-container:has(.action-towishlist) .cart-wrap {
  position: relative;
  top: -3px;
}

.page-footer .hover-link01 a:after {
  background-color: #000 !important;
}

.page-footer .hover-link01 a:hover,
.page-footer .hover-link01 a:focus {
  color: #000 !important;
}

.amshopby-index-index .product-item-info .cart-wrap{
  position: relative;
  top:-3px
}

.checkout-index-index .custom-select:focus{
  box-shadow: none !important;
}

.amgdprcookie-groups-modal .amgdprcookie-done{
  background: black !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: 500;
}

.amgdprcookie-groups-modal .amgdprcookie-done span{
  color: white !important;
}


.amgdprcookie-cookie-container .amgdprcookie-options{
  color: black !important;
}

.amgdprcookie-toggle-cookie .amgdprcookie-input:checked:not([disabled]) + .amgdprcookie-label{
  background: black !important;
}

.amgdprcookie-groups-modal .amgdprcookie-done:focus{
  box-shadow: none !important;
}

.amgdprcookie-groups-modal .amgdprcookie-done:hover{
  border: none !important;
}

.catalog-product-view .modal-inner-wrap .qs-content .fotorama__arr {
  display: none !important;
}

.modal-popup .fotorama__dot {
  width: 8px !important;
  height: 8px !important;
  background-color: white !important;
}

.modal-popup .fotorama__nav__shaft {
  left: 20px !important
}


.customer-account-logoutsuccess .page-main{
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap:20px
}

.customer-account-logoutsuccess .column.main{
  justify-items: center;
}

.customer-account-logoutsuccess .page-title{
  display: grid !important;
  justify-content: center !important;
}


/* Newsletter checkbox row only */
#opc-place-order-form .lioncode-newsletter.checkout-agreement {
  display: flex;
  align-items: flex-start;
  margin: 0 0 15px;
  padding: 0 0 20px;
}

/* Newsletter checkbox input only */
#opc-place-order-form .lioncode-newsletter
#lioncode-newsletter-subscribe {
  position: relative;
  top: 2px;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 1px 10px 0 0;
}

.field.choice.lioncode-newsletter.checkout-agreement .label{
  top: 3px !important;
}

/* Newsletter label only */
#opc-place-order-form .lioncode-newsletter
label[for="lioncode-newsletter-subscribe"] {
  display: block;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: proxima-nova-wide, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
  text-transform: none;
  cursor: pointer;
}

/* Prevent theme rules from changing the inner text */
#opc-place-order-form .lioncode-newsletter
label[for="lioncode-newsletter-subscribe"] > span {
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-transform: inherit;
}





/* PDP section titles: H1 look without h1 tag */
.style-h1 {
  margin: 0;
  font-weight: inherit;
  line-height: inherit;
}

/* category products desktop */
.section-tabs.carousel-category-products {
  padding: 30px 30px;

}

.section-tabs.carousel-category-products .style-h1 {
  text-align: center;
  font-size: 38px;
  text-transform: uppercase;
}

.section-tabs.carousel-category-products .grid.products-grid .products:not(.row) {
  gap: 0px
}

.section-tabs.carousel-category-products .owl-nav .owl-prev span {
  display: none;
}

.section-tabs.carousel-category-products .owl-nav .owl-next span {
  display: none;
}

.section-tabs.carousel-category-products .owl-nav .owl-prev {
  transform: translate(-15px, 10px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  top: calc((100% - 170px) / 2) !important;
  background: white !important;
  border-color: #EBEBEB !important;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 0;
  border-width: 1px;
  border-style: solid;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: absolute;
  transition: all 500ms ease;
  backface-visibility: hidden;
  color: #fff;
  z-index: 50;
  background-image: url(/pub/media/wysiwyg/icons/arrow-left.png) !important;
  background-position: center !important;
  background-size: 25px 25px !important;
  background-repeat: no-repeat !important;
  left: -5px
}

.section-tabs.carousel-category-products .owl-nav .owl-next {
  transform: translate(-15px, 10px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  top: calc((100% - 170px) / 2) !important;
  background: white !important;
  border-color: #EBEBEB !important;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 0;
  border-width: 1px;
  border-style: solid;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: absolute;
  transition: all 500ms ease;
  backface-visibility: hidden;
  color: #fff;
  z-index: 50;
  background-image: url(/pub/media/wysiwyg/icons/arrow-right.png) !important;
  background-position: center !important;
  background-size: 25px 25px !important;
  background-repeat: no-repeat !important;
  right: -30px
}



.cms-about-us .breadcrumbs{
  display: none !important;
}


.customer-account-create._keyfocus *:focus{
  box-shadow: none !important;
}

.customer-account-create .tel-container:focus-within {
  border-color: black !important;
}

.cms-core-values .breadcrumbs{
  display: none !important;
}

.cms-terms-conditions .terms-page{
  max-width: 800px !important;
}

.cms-about-us .page-title-wrapper{
  display: none !important;
}


.block.crosssell .action.tocart.primary {
  padding: 7px 7px !important
}

.block.crosssell .add-to-cart button {
  background: transparent !important;
  border: none !important;
  margin-top: 20px;
  color: black;
}

.block.crosssell .product-item-info .add-to-cart {
  display: flex;
  flex-direction: row;
  margin-top: auto;
  justify-content: center;
}

.complete-the-look {
  .block.crosssell .product-item-info .add-to-cart {
    margin-top: auto;
  }

}

.block.crosssell .add-to-cart img {
  position: relative;
  bottom: -38px;
  max-width: 23px;
  max-height: 23px;

}

.block.crosssell .product-item-name a {
  font: 600 14px / 1.35 proxima-nova-wide, sans-serif;
  text-transform: uppercase;
  font-weight: 600 !important;
  letter-spacing: 0.28px !important;
  text-transform: uppercase !important;
  color: var(--color-black) !important;
  font-size: calc(var(--default-font-size) - 4px) !important;

}

/* PDP carousels: remove Codazon style-22 corner frame on hover (keep image fade) */
.catalog-product-view .block.crosssell .product-list-style-22 .product-image-container::before,
.catalog-product-view .block.crosssell .product-list-style-22 .product-image-container::after,
.catalog-product-view .carousel-category-products .product-list-style-22 .product-image-container::before,
.catalog-product-view .carousel-category-products .product-list-style-22 .product-image-container::after,
.complete-the-look .product-list-style-22 .product-item:hover .product-image-container::before,
.complete-the-look .product-list-style-22 .product-item:hover .product-image-container::after,
.carousel-category-products .product-list-style-22 .product-item:hover .product-image-container::before,
.carousel-category-products .product-list-style-22 .product-item:hover .product-image-container::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

.block.crosssell .slick-prev,
.block.crosssell .slick-next {
  font-size: 0 !important;
}

#bestSellers-container .title-wishlist .product-item-name a{
  width: 95%;
}



.cms-codazon-home-page .category-product-details-btn:focus{
  border: none !important;
}



.block.crosssell .product-item-details {
  padding: 10px 15px 0 15px !important;
  min-height: 17vh;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

.block.crosssell .swatch-option:focus {
  box-shadow: none;
}


.block.crosssell .swatch-attribute-label {
  padding-bottom: 0px !important;
  font: 600 13px / 1.35 "proxima-nova-wide", sans-serif !important;
  align-self: center;
}

.block.crosssell .swatch-toggle-icon {
  font: 400 24px / 1.35 "proxima-nova-wide", sans-serif !important
}

.block.crosssell .price-box {
  margin: 5px 0 0 0 !important
}

.block.crosssell .swatch-toggle-container {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EBEBEB;
  padding: 5px 10px;
  margin-top: 20px;
  max-width: 100%;
}

.block.crosssell .swatch-header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.block.crosssell .swatch-attribute-options {
  margin: 0;
}

.block.crosssell .swatch-option.text.selected {
  border: 1px solid var(--color-black) !important;
  background: var(--color-white) !important;
  color: var(--color-black) !important;
}

.modal-inner-wrap button:hover {
  background: black !important;
}


.block.crosssell .swatch-option:not(.disabled):hover:after,
.block.crosssell .swatch-option.selected:not(.disabled):after {
  display: none !important;
}


.block.crosssell .swatch-option.text {
  height: 34px;
  width: auto;
  text-align: center;
  align-content: center;
  font: normal normal 600 11px/13px "proxima-nova-wide" !important;
}

.block.crosssell .slick-list.draggable {
  width: 100%;
}

.block.crosssell .product-item-name {
  display: inline-flex !important;
  width: 100% !important;
  gap: 15px;
}

.complete-the-look {
  .block.crosssell .product-item-name a {
    width: 95% !important;
  }
}



.customer-account-create .tel-container #telephone{
  color: black !important
}


.block.crosssell .add-to-wishlist {
  display: inline-flex !important;
}

.block.crosssell .block-title strong {
  text-transform: uppercase !important;
  font-family: "proxima-nova-wide", sans-serif !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important; 
  text-align: center !important;
}

@media (max-width: 768px) {
  .block.crosssell .block-title strong {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }
}

.block.crosssell .block-title {
  display: flex !important;
  justify-content: center !important;
}


.block.crosssell .product-image-photo {
  height: 100%
}

.cms-codazon-home-page .section-tabs .category-products-crosssell .product-image-photo{
  height: 90%;
}



.block.crosssell .flex-grid {
  overflow: visible !important;
}

.block.crosssell .product-image-wrapper {
  max-height: 604px;
}

.block.crosssell .product-list-style-22 .product-item:hover .product-image-photo.main-img {
  max-height: 604px !important
}


.modal-popup .modal-inner-wrap .modal-header .action-close:before {
  content: "" !important;
  font-family: unset !important;
  font-size: 0 !important;
  width: 22px;
  height: 22px;
  display: block;
  margin: auto;
  background-color: #000; /* icon color */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M8.423 9.27.85 16.842 0 16 7.575 8.422 0 .846.85 0 8.423 7.574 16 0l.849.85L9.271 8.422 16.845 16 16 16.842Z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M8.423 9.27.85 16.842 0 16 7.575 8.422 0 .846.85 0 8.423 7.574 16 0l.849.85L9.271 8.422 16.845 16 16 16.842Z'/%3E%3C/svg%3E") center / contain no-repeat;
}





/*
.block.crosssell .slick-slider img{
  max-height: 605px !important;
}
*/


.amgdprcookie-bar-block button{
  border: none !important;
}



.block.crosssell {
  margin-bottom: 20px;
  padding: 0px
}

.block.crosssell .product-image-container {
  max-height: 605.4px !important;
}


.block.crosssell .slick-track {
  display: flex;
  gap: 20px;
}


.block.crosssell .slick-slide {
  max-width: 605.4px;
}

.checkout-accordion.shipping-accordion .action-show-popup span{
  color: white !important;
}

.checkout-accordion.shipping-accordion .action-show-popup:active,
.checkout-accordion.shipping-accordion .action-show-popup:focus{
  background: black !important;
}


.block.crosssell .product-image-photo {
  margin: unset
}

.block.crosssell .owl-carousel.owl-loaded {
  display: flex;
}

.block.crosssell .owl-carousel .owl-prev span {
  display: none !important;
}

.block.crosssell .owl-carousel .owl-prev::before {
  display: none !important
}

.block.crosssell .owl-carousel .owl-next::before {
  display: none !important
}


.block.crosssell .owl-carousel .owl-next span {
  display: none !important;
}

.section-tabs.carousel-category-products .product-item-top {
  margin-bottom: 0px;
}

.section-tabs.carousel-category-products .product.details {
  margin-top: 0px !important
}


/* block widget new products */

.catalog-product-view .block.widget .block-title strong{
  font-size: 38px !important;
  text-transform: uppercase;
  font-family: "proxima-nova-wide", sans-serif !important;
  font-weight:400 !important
}
.catalog-product-view .block.widget .block-title{
text-align: center !important;
}

.catalog-product-view .block-products-list .brand-loader{
  display: block ;
}



.catalog-product-view .block.widget .price-box .price-label{
display: none ;
}

.catalog-product-view .block.widget .product-item-name a{
transition: 500ms;
text-transform: uppercase;
font-family: "proxima-nova-wide", sans-serif !important;
font-size: calc(var(--default-font-size) 18px- 4px) !important;
font-weight: 600 !important;
letter-spacing: 0.28px !important;
}

.catalog-product-view .block.widget .product-item-name{
max-width: 65% !important;
}

.catalog-product-view .new-products-carousel .action-towishlist{
max-height: 23px !important;
}


.catalog-produce-view .block.widget .product-image-photo {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

.catalog-produce-view .block.widget .product-image-photo.loaded {
  opacity: 1;
}


.wishlist-index-index .products-grid .box-tocart .product-item-actions{
  margin-top:0px !important;
}


.wishlist-index-index .wishlist-item-bottom .edit{
  order:2
}



.catalog-product-view .new-products-carousel .action.tocart.primary{
max-height: 23px !important;
}

.catalog-product-view .new-products-carousel .product-item-details{
margin-top:30px !important;
min-height: 30px !important;
}

.catalog-product-view .new-products-carousel .price-box{
margin:0px !important
}

.catalog-product-view .block.widget.block-products-list {
  background-image: url(/media/wysiwyg/homepage/section-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0px;
  margin-top:20px;
}


.custom-header .action.create-account{
  width: 100%;
}


.product-item .product-item-top {
  margin-bottom: 0px !important;
}


.fotorama__fullscreen .custom-slide-counter {
  display: block !important;
  position: absolute !important;
  left: 4.5% !important;
  top: -90px !important;
  z-index: 1001 !important;
  font-size: calc(var(--default-font-size) - 3px) !important;
  letter-spacing: 0.3px;
}


.fotorama__fullscreen .custom-slide-counter-2 {
  display: block !important;
  position: absolute !important;
  top: 93.2vh !important;
  left: 1.25% !important;
  z-index: 1001 !important;
  font-size: calc(var(--default-font-size) - 3px) !important;
  letter-spacing: 0.3px;
}

.fotorama__fullscreen .fotorama__arr {
  background-color: transparent !important;
  align-items: center;
  justify-content: center;
  /* width: 40px !important; */
}

.fotorama__fullscreen .fotorama__wrap--no-controls .fotorama__arr--prev {
  display: none !important
}

.fotorama__fullscreen .fotorama__wrap--no-controls .fotorama__arr--next {
  display: none !important
}

.fotorama__fullscreen .fotorama__arr--prev {
  display: flex !important
}

.fotorama__fullscreen .fotorama__arr--next {
  display: flex !important
}

.fotorama__fullscreen .fotorama__arr--prev .fotorama__arr__arr {
  background-image: url(/media/wysiwyg/icons/Icon-arrow_down.png);
  background-position: center !important;
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
  left: 30%;
}

.fotorama__fullscreen .fotorama__arr--next .fotorama__arr__arr {
  background-image: url(/media/wysiwyg/icons/Icon-arrow_down.png);
  background-position: center !important;
  transform: translate3d(-50%, -50%, 0) rotate(270deg);
  left: 70%;
}

.block.crosssell .owl-prev {
  transform: translate(-15px, 10px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: white !important;
  border-color: #EBEBEB !important;
  width: 40px;
  height: 40px !important;
  text-align: center;
  font-size: 0;
  border-width: 1px;
  border-style: solid;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: absolute;
  transition: all 500ms ease;
  backface-visibility: hidden;
  color: #fff;
  z-index: 500;
  background-image: url('/pub/media/wysiwyg/icons/arrow-left.png') !important;
  background-position: center !important;
  background-size: 25px 25px !important;
  background-repeat: no-repeat !important;
  left: 0.5%;
  top: 20vh;
}

.block.crosssell .owl-next {
  transform: translate(15px, 10px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: white !important;
  border-color: #EBEBEB !important;
  width: 40px;
  height: 40px !important;
  right: 0;
  text-align: center;
  font-size: 0;
  border-width: 1px;
  border-style: solid;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: absolute;
  transition: all 500ms ease;
  backface-visibility: hidden;
  color: #fff;
  z-index: 500;
  background-image: url('/pub/media/wysiwyg/icons/arrow-right.png') !important;
  background-position: center !important;
  background-size: 25px 25px !important;
  background-repeat: no-repeat !important;
  right: 0.5%;
  top: 20vh;
}

.w-full {
  width: 100%;
}

/* Checkout agreements: validation error on next line */
.checkout-index-index .checkout-agreements .checkout-agreement.field {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.checkout-index-index .checkout-agreements .checkout-agreement.field > .mage-error,
.checkout-index-index .checkout-agreements .checkout-agreement.field > div.mage-error {
  display: block;
  clear: both;
  margin-top: 6px;
  margin-left: 0;
  top:-4px !important;
}

.customer-address-index .modal-popup .modal-inner-wrap .modal-header .action-close {
 right:-40px !important;
}


.minicart-items .action.delete {
  background: black !important;
  border: 1px solid black !important
}

.minicart-items .action.delete::before {
  position: relative !important;
  bottom: 4px !important
}


.block-minicart button span span {
  color: white !important;
}


.block-minicart .action.close:hover {
  background: black !important;
}

.action.primary.checkout:hover span {
  color: white !important
}

.checkout-onepage-success .checkout-success div.primary{
  padding-top:0px !important
}

.catalog-product-view .product-right .page-title-wrapper .page-title span {
  font: 700 18px / 1.35 "proxima-nova-wide", sans-serif !important;
}


.action.primary.checkout:hover {
  background: #282522 !important;
}

.action.primary.checkout {
  background: #282522 !important;
}

.action.primary.checkout span {
  color: white !important;
}

.page-footer .block.newsletter input::placeholder {
  color: #666666 !important;
}

.sliding-window-container .dropdown.switcher-dropdown .lang-img {
  width: 16px !important;
  height: 12px !important;
}



/* edw gia tablet */

@media (max-width:1100px) and (min-width:750px) {
  .account .pager .limiter .limiter-label{
    display: none !important;
  }
  .amgdprcookie-groups-modal .modal-inner-wrap {
    width: 60% !important
   }


  .checkout-index-index #icon_-_email{ width:22px !important; height: 22px !important; }

  .checkout-index-index .new-shipping-address-modal.modal-popup._inner-scroll .modal-inner-wrap {
    width: 70vw !important;
    max-width: 70vw !important;
    min-height: 0px !important;
    max-height: 70% !important;
    left:0 !important;
    margin:auto !important
  }


  .account.mpgiftcard-index-index .box-information{
    width: auto !important;
    max-width: 57% !important;
  }

}



@media (min-width:768px) {
  .fotorama__fullscreen .custom-slide-counter {
    top: 85vh !important;
    left: 2.5% !important;
  }

  .page-header .panel.wrapper .switcher .options .action.toggle:after{
    right:-20px !important
  }

  .fotorama__fullscreen .fotorama__arr--next .fotorama__arr__arr {
    background-image: url(/media/wysiwyg/icons/Icon-arrow_down@2x.png);
    left: 50%;
  }

  .fotorama__fullscreen .fotorama__arr--prev .fotorama__arr__arr {
    background-image: url(/media/wysiwyg/icons/Icon-arrow_down@2x.png);
    left: 50%;
  }

  .hidden-md {
    display: none;
  }

}


@media (min-width: 1440px) {
  .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full {
    height: 100% !important;
    width: auto !important;
  }


}

@media screen and (min-width: 768px) {
  h1 span {
    font-size: var(--default-font-size) !important;
  }

  button {
    font-size: calc(var(--default-font-size) - 2px) !important;
  }

  button span {
    font-size: calc(var(--default-font-size) - 4px) !important;
  }

}

.pointer-events-none {
  pointer-events: none;
}

.cms-codazon-home-page .block.crosssell .owl-carousel.owl-loaded{
  display:block !important; 
}


.cms-codazon-home-page .section-5 .block.crosssell .swatch-toggle-container{
  display:none !important;
}

.cms-codazon-home-page .section-5 .block.crosssell .add-to-cart{
  display:none !important;
}


.catalog-product-view #back-top{
  bottom:100px !important;
}

/*filter grid*/
.filter-content .filter-options-item .items{
  grid-template-columns:repeat(1,1fr) !important;
}



.quickshop-wrapper .page-title-wrapper{
  display: block !important;
}

.guestwishlist-index-index .quickshop-main .product-addto-links{
  position:relative !important;
  bottom:25px !important;
}

.wishlist-index-index .quickshop-main .product-addto-links{
  position:relative !important;
  bottom:25px !important;
}

.quickshop-wrapper .page-title-wrapper .page-title{
  display: block !important;
}

.guestwishlist-index-index .product-info-main .price-box .old-price{
  margin-bottom: 0px !important;
}

.wishlist-index-index .product-info-main .price-box .old-price{
  margin-bottom: 0px !important;
}

.qs-content .product-addto-links .action.towishlist:before{
  display: none !important;
}


/* mobile responsive */
@media (max-width:768px) {


/* wishlist mobile */

body.wishlist-index-index .section-tabs.carousel-highlights .owl-nav .owl-prev,
body.wishlist-index-index .section-tabs.carousel-highlights .owl-nav .owl-next,
body.guestwishlist-index-index .section-tabs.carousel-highlights .owl-nav .owl-prev,
body.guestwishlist-index-index .section-tabs.carousel-highlights .owl-nav .owl-next {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  border: 1px solid #EBEBEB !important;
  background: #FFFFFF !important;
  font-size: 0 !important;
}

body.wishlist-index-index .section-tabs.carousel-highlights .owl-nav .owl-prev span,
body.wishlist-index-index .section-tabs.carousel-highlights .owl-nav .owl-next span,
body.guestwishlist-index-index .section-tabs.carousel-highlights .owl-nav .owl-prev span,
body.guestwishlist-index-index .section-tabs.carousel-highlights .owl-nav .owl-next span {
  width: 24px !important;
  height: 24px !important;
  border: none !important;
  background-size: 14px 14px !important;
  font-size: 0 !important;
  line-height: 24px !important;
}

body.wishlist-index-index .section-tabs.carousel-highlights .product-item-link,
body.guestwishlist-index-index .section-tabs.carousel-highlights .product-item-link {
  font: 800 11px / 1.2 "proxima-nova-wide", sans-serif !important;
}

  body.wishlist-index-index #itemsContainer.products-wishlist .product-item-info,
body.guestwishlist-index-index #itemsContainer.products-wishlist .product-item-info {
  display: grid;
  grid-template-columns: 112px 1fr;
  grid-template-areas:
    "photo meta"
    "actions actions";
  column-gap: 12px;
  align-items: start;
}

body.wishlist-index-index #itemsContainer.products-wishlist .edit-btn svg#Icon_-_edit,
body.guestwishlist-index-index #itemsContainer.products-wishlist .edit-btn svg#Icon_-_edit {
  position: relative;
  top: 3px;
}

body.wishlist-index-index #itemsContainer.products-wishlist .product-item-photo,
body.guestwishlist-index-index #itemsContainer.products-wishlist .product-item-photo {
  grid-area: photo;
  flex: none;
  width: 112px;
  max-width: 112px;
  min-width: 112px;
}

body.wishlist-index-index #itemsContainer.products-wishlist .product-image-container,
body.guestwishlist-index-index #itemsContainer.products-wishlist .product-image-container {
  width: 100% !important;
  max-width: 100%;
}

body.wishlist-index-index #itemsContainer.products-wishlist .product-item-details,
body.guestwishlist-index-index #itemsContainer.products-wishlist .product-item-details {
  display: contents;
}

body.wishlist-index-index #itemsContainer.products-wishlist .product-item-details > div:first-child,
body.guestwishlist-index-index #itemsContainer.products-wishlist .product-item-details > div:first-child {
  grid-area: meta;
  min-width: 0;
}

body.wishlist-index-index #itemsContainer.products-wishlist .product-item-actions,
body.guestwishlist-index-index #itemsContainer.products-wishlist .product-item-actions {
  display: flex !important;
  grid-area: actions !important;
  width: 100% !important;
  max-width: none !important;
  justify-content: flex-end !important;
  margin-top: 12px;
}

body.wishlist-index-index #itemsContainer.products-wishlist .actions-primary,
body.guestwishlist-index-index #itemsContainer.products-wishlist .actions-primary {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  gap: 12px;
}


  .wishlist-index-index .section-tabs .product.details .product-item-link{
    font: 800 11px/1.2 "proxima-nova-wide", sans-serif !important;
  }

  .questwishlist-index-index .section-tabs .product.details .product-item-link{
    font: 800 11px/1.2 "proxima-nova-wide", sans-serif !important;
  }

  .block.search .product-item .product-item-name .product-item-link{
    font: 800 11px/1.2 "proxima-nova-wide", sans-serif !important;
  }
    .header-panel-left:has(#sliding-menu.open) {
      z-index: 1100 !important;
    }
  
    #sliding-menu.open {
      z-index: 1101 !important; 
    }

  .has_modal_popup .modal-popup.confirm._show .modal-inner-wrap .modal-header .action-close{
    right:0px !important;
  }

  .has_modal_popup .modal-header .action-close{
    right: 0px !important;
  }

  .cms-codazon-home-page .modal-popup.confirm._show .modal-inner-wrap .modal-header .action-close{
    right:0px !important;
  }

  .modal-popup .modal-content {
    padding-right:3rem !important;
  }


  .checkout-cart-index .actions-toolbar .fme-btn{
    margin-top:2px !important;
  }

  .checkout-cart-index .carousel-highlights .product.name.product-item-name{
    margin-top:0px !important;
  }

  .checkout-cart-index .best-sellers-grid-wrapper .product-item-details {
    margin-top:1rem !important;

  }



  .checkout-cart-index .edit-btn{
    display: flex !important;
  }

  .checkout-cart-index .carousel-highlights .category-product-details-name-actions .product-item-link{
    font: 600 11px / 1.2 "proxima-nova-wide", sans-serif !important;

  }

  .checkout-cart-index .edit-btn svg{
    top:0px !important;
    margin-right:5px !important;
  }

  .cms-codazon-home-page .container-fluid.space-base.casual-summer{
    min-height: 0px !important;
  }

  .cms-codazon-home-page .container-fluid.space-base.casual-summer .section-2{
    gap:0px !important;
  }


  .product-view-style-03.catalog-product-view .product-info-main .product-social-links .product-addto-links {
    top:6px !important;
  }

  #amasty-shopby-product-list .message.info.empty {
    padding: 12px 16px 12px 44px !important;
    min-height: 44px;
    box-sizing: border-box;
  }
  #amasty-shopby-product-list .message.info.empty > :first-child::before {
    top: 43%;
    margin-top: 0;
    transform: translateY(-50%);
  }



  .block.filter .filter-options .filter-options-content .item{
    overflow: auto !important;
  }

    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.region"] {
        width: 100% !important;
    }


  .cms-codazon-home-page .cdz-tabs .grid-style-22 .owl-next{
    display: none !important;
  }

  .cms-codazon-home-page .amenities-wrapper .amenity-item{
    text-align: center !important;
  }

  .cms-codazon-home-page .cdz-tabs .grid-style-22 .owl-prev{
    display: none !important;
  }

  .catalog-category-view  .product.details .product.name .product-item-link{
   font:800 12px/1.2 "proxima-nova-wide", sans-serif !important

  }

  .cms-codazon-home-page .cdz-tabs .tab-content .category-product-details-name-actions .product-item-link{
    font: 800 13px/1.2 "proxima-nova-wide", sans-serif !important
  }

  /* Homepage Shop the Look — inset carousel (section-5 only) */
  .cms-codazon-home-page .section-5 .shop-look-home-minimal {
    padding-inline: 10% !important;
    box-sizing: border-box;
  }

  
  .cms-codazon-home-page .block.crosssell .owl-next{
    display:none !important;
  }

  .cms-codazon-home-page .block.crosssell .owl-prev{
    display:none !important;
  }

  .cms-codazon-home-page .block.crosssell .product-item-name{
    font-size:12px !important;
  }

 .section-tabs .block.crosssell .owl-next {
    right: -8% !important;
  }

  .checkout-index-index .modal-popup.agreements-modal .modal-inner-wrap{
    left: 5% !important;
  }
  
  .product-info-main-inner .yotpoBottomLine{
    display: none !important;
  }


  /* sticky add-to-cart bottom bar */
  #sticky-addtocart-bar {
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
    gap: 10px !important;
    border-top: 1px solid #eee;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
  }

  #sticky-addtocart-bar .scr-pinfo {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 2px !important;
  }

  #sticky-addtocart-bar .scr-pname {
    font: 600 11px/1.25 "proxima-nova-wide", sans-serif !important;
    color: #000 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  #sticky-addtocart-bar .scr-pp {
    font: 800 12px/1.2 "proxima-nova-wide", Arial, sans-serif !important;
    color: #000 !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  #sticky-addtocart-bar .action.sticky-cart-btn {
    height: auto !important;
    min-height: 44px !important;
    max-height: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 46% !important;
    flex: 0 0 auto !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    background: #000 !important;
    border: 1px solid #000 !important;
    color: #fff !important;
    font-family: "proxima-nova-wide", sans-serif !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  #sticky-addtocart-bar .action.sticky-cart-btn span {
    color: #fff !important;
    font: 600 11px/1.25 "proxima-nova-wide", Arial, sans-serif !important;
    font-size: 11px !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    display: block !important;
  }

  #sticky-addtocart-bar .action.sticky-cart-btn:hover,
  #sticky-addtocart-bar .action.sticky-cart-btn:focus,
  #sticky-addtocart-bar .action.sticky-cart-btn:hover span,
  #sticky-addtocart-bar .action.sticky-cart-btn:focus span {
    color: #fff !important;
    background: #000 !important;
  }

  #sticky-addtocart-bar .sticky-cart-btn::after {
    display: none !important;
    content: none !important;
  }

  .cdz-panel-open-right #sticky-addtocart-bar,
  .nav-before-open.nav-open #sticky-addtocart-bar {
    display: none !important;
  }

  /* PDP: size chart on same row as price (after JS moves it into .product-info-price) */
  .catalog-product-view .product-info-main-inner .product-info-price.size-guide-in-price {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    column-gap: 10px !important;
    row-gap: 6px !important;
    width: 100% !important;
  }

  .catalog-product-view .product-info-main-inner .product-info-price.size-guide-in-price .product-info-stock-sku {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .guestwishlist-index-index .block .product-item .product-item-link{
    font:700 11px / 1.2 "proxima-nova-wide", sans-serif !important;
  }

  .guestwishlist-index-index .product-item .product-name a{
    font:700 11px / 1.2 "proxima-nova-wide", sans-serif !important;
  }

  .catalog-product-view .product-info-main-inner .product-info-price.size-guide-in-price .price-box {
    flex: 0 0 auto !important;
    margin: 0 !important;
    max-width: none !important;
  }

  .guestwishlist-index-index .best-sellers-grid-wrapper .product-item-details{
    margin-top:0rem !important;
  }

  .catalog-product-view .page-title-wrapper.product{
    min-height: 85px !important;
  }

  .catalog-product-view .product-info-main-inner .product-add-form{
    margin-top:10px !important;
  }

  .guestwishlist-index-index .wishlist-action-label{
    color:black !important;
  }

  .catalog-product-view .product-info-main-inner .product-info-price.size-guide-in-price .size-guide-wrap {
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
    position: relative !important;
    top: 32px !important;
    right: auto !important;
    left: auto !important;
    width: auto !important;
    padding-left: 30px !important;
  }


  .section-tabs .block.crosssell .action.tocart.primary{
    padding:7px 7px !important
  }

  .section-tabs.carousel-category-products{
    padding:0px 0 !important;
  }

  .block.crosssell .product-item-name {
    gap:12px !important;
  }

  .block.crosssell .product-item-info .add-to-cart{
    margin-top:20px !important;
    gap:0px !important;
  }

  .add-to-cart .action.tocart.primary{
    margin:auto !important;
  }


  .product-view-style-03 .catalog-product-view .product-info-main-inner .product-info-price.size-guide-in-price .size-guide-wrap:before,
  .catalog-product-view .product-info-main-inner .product-info-price.size-guide-in-price .size-guide-wrap:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
  }

  .catalog-product-view .product-info-main-inner .product-info-price.size-guide-in-price .size-guide-link {
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  
  .header-search .block.block-search .control{
    padding-left: 30px !important;
  }

  #safari-mobi-search-root .search-carousel-wrapper, #header-search-wrap.mobi-search-active .search-carousel-wrapper{
    padding: 40px 0 0 30px !important;
  }

  .block.search .product-item .product-item-name .product-item-link, .product-item .product-item-link, .product-item .product.name a {
    font: 400 11px/1.2 "proxima-nova-wide", sans-serif !important;
  }

  .cms-codazon-home-page #country-continue{
    max-height: 40px !important;
  }

  .main-widget .write-question-review-buttons-container .write-question-review-button{
    height: 40px !important;
  }

  .yotpo .socialize .yotpo-default-button.yotpo-icon-btn{
     margin-top: 10px !important;
     margin-right:5px !important;
     position:relative !important;
     right:1px !important;
  }

  .yotpo .socialize-wrapper{
    text-align: center !important;
  }

  .yotpo .yotpo-or{
    margin:auto !important;
    position:relative !important;
    right:5px !important;
  }

  .yotpo .yotpo-icon-heart:before{
    left:0px !important;
  }

  #contact-page h3{
    width: 65% !important;
  }

  .contact-index-index .contact-grid-element{
    width:55% !important;
  }


.contact-index-index .contact-container-grid{
  margin: 40px auto !important;
}

  .amgdprcookie-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
}

.amgdprcookie-table-wrapper .amgdprcookie-table {
    min-width: 560px;
}

.amgdprcookie-groups-modal .amgdprcookie-tbody{
  max-height:45vh !important;
}

  .account .columns .column.main{
    padding: 0px 20px 60px 20px !important
  }

  .amgdprcookie-button{
    max-width: 100% !important;
  }

  .amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-save,
  .amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-decline {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    height: auto !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.35 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .amgdprcookie-modal-template .amgdprcookie-button.-save,
  .amgdprcookie-modal-template .amgdprcookie-button.-decline {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    height: auto !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.35 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .amgdprcookie-groups-modal .modal-header{
    padding-left:1rem !important
  }


.amgdprjs-bar-template.-popup{
  top: auto !important;
  bottom: 2% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  max-width: 90% !important;
  min-width: 90% !important;
}

@supports (-webkit-touch-callout: none) {
  .amgdprjs-bar-template.-popup {
    bottom: 0.6% !important;
  }
}

.amgdprjs-bar-template.-popup .amgdprcookie-bar-container {
  padding:20px 20px !important
}


  .cdz-popup-area .cdz-popup{
    max-width: 95% !important;
}

.best-sellers-mobile{
  padding:30px !important
}


.best-sellers-container h3{
  font-size: 24px !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}



.customer-account-create .column.main{
  order:1 !important;
}

.customer-account-create .create_page-grid .fieldset:last-child{
  margin-top:20px !important;
}

 .customer-account-create .field.choice.newsletter {
  order:2 !important;
  width:100% !important;
}

 .customer-account-create .actions-toolbar{
  order:3 !important;
  margin: auto !important;
  padding-top:20px !important;
  padding-bottom: 20px !important;

}

.catalog-category-view .columns{
  padding:0px !important
}

.catalog-category-view .toolbar{
  padding: 0px 20px 15px 20px !important;
  border-bottom: 2px solid #F5F5F5 !important
}

.cms-giftcard .breadcrumbs .item strong{
  font-size: calc(var(--default-font-size) - 7px) !important;
}

.catalog-category-view .products.product-items{
  padding-top:10px !important;
  padding-inline: 20px !important;
}

  .sliding-window-container .sliding-window.open{
    padding-top: 50px !important;
  }
.catalog-product-view .breadcrumbs .item.product strong{
  font-size:calc(var(--default-font-size) - 7px) !important
}

.catalog-product-view .accordion-header{
  font: normal normal 600 14px/24px "proxima-nova-wide"  ,sans-serif !important;
}
.catalog-product-view .product-options-bottom .qtybox-anchor{
  min-height: 140px !important;
}

.catalog-product-view .product-options-bottom .box-tocart{
  margin:0px !important
}


.catalog-product-view .product-options-bottom .fieldset:last-child {
  margin-bottom: 0px !important;
}


  #close-sliding-window{
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    height:auto !important
  }

  #sliding-window .switcher{
    display: block !important;
  }


  .cms-boutiques .ui-tabs .tab-title{
    padding:1rem 5px !important
  }

  body._has-modal {
    position: fixed !important;
    top: 0 !important;
    overflow: hidden !important;
  }

  .fotorama__fullscreen .fotorama__stage .fotorama__zoom-out {
    display: block !important;
  }

  .fotorama__fullscreen .fotorama__stage .fotorama__zoom-in {
    display: block !important;
  }

  .fotorama__fullscreen .fotorama__zoom-in {
    bottom: 20px;
    right: 80px;
    top: inherit;
    background-image: url(/media/wysiwyg/icons/custom-plus-crosshair.png);
    background-position: center !important;
    background-color: transparent !important;
    width: 30px;
    height: 30px;
  }

  .fotorama__fullscreen .fotorama__zoom-out {
    bottom: 20px;
    right: 30px;
    top: inherit;
    background-image: url(/media/wysiwyg/icons/custom-minus-crosshair.png);
    background-position: center !important;
    background-color: transparent !important;
    width: 30px;
    height: 30px;
  }

  .fotorama__fullscreen .custom-slide-counter-2 {
    display: block !important;
  }

  .fotorama__fullscreen .custom-slide-counter {
    display: block !important;
  }

  .fotorama__fullscreen .fotorama-item .fotorama__nav-wrap {
    display: none !important;
  }

  .fotorama__active .fotorama__dot {
    background-color: #000 !important;
    border-color: #000 !important;
  }

  .fotorama__dot {
    height: 8px !important;
    width: 8px !important;
    cursor: pointer;
  }



  .section-tabs.carousel-category-products .grid.products-grid .products:not(.row),
  .grid.products-grid.products:not(.row) {
    overflow: visible
  }

  .block.crosssell .owl-prev {
    left: 0% !important;
  }

  .block.crosssell .owl-loaded .owl-stage {
    padding-inline: 0px !important;
  }




  .block.crosssell .block-title strong {
    font: normal normal normal 24px / 30px "proxima-nova-wide", sans-serif !important
  }

  .block.crosssell .block-title.title {
    margin-bottom: 10px !important;
  }

  .block.crosssell .wishlist-icon {
    max-width: 24px !important;
  }
  



  .section-tabs.carousel-category-products .owl-nav .owl-prev {
    left: -1% !important;
    top: 9vh !important;
    width: 30px !important;
    height: 30px !important;
    background-image: none !important;
  }

  .section-tabs.carousel-category-products .style-h1 {
    margin: 0 0 0px !important
  }

  .section-tabs.carousel-category-products .owl-prev:before {
    content: '\2192' !important;
    transform: scaleX(-1);
    color: black;
    font: normal normal 20px / 1 FontAwesome !important;
  }

  .section-tabs.carousel-category-products .owl-next:before {
    content: '\2192' !important;
    color: black;
    font: normal normal 20px / 1 FontAwesome !important;

  }

  .block.crosssell .owl-next:before {
    display: block !important;
    content: '\2192' !important;
    color: black !important;
    font: normal normal 20px / 1 FontAwesome !important;
  }

  .block.crosssell .owl-prev:before {
    content: '\2192' !important;
    transform: scaleX(-1) !important;
    color: black !important;
    font: normal normal 20px / 1 FontAwesome !important;
    display: block !important
  }

  .block.crosssell .owl-next.disabled {
    display: none !important;
  }

  .block.crosssell .owl-prev.disabled {
    display: none !important;
  }

  .block.crosssell .swatch-toggle-container{
    padding:0px 10px !important;
  }

  .catalog-product-view .section-tabs.carousel-category-products .owl-nav .owl-next {
    top: 9vh !important;
    width: 30px !important;
    height: 30px !important;
    background-image: none !important;
  }

  .section-tabs.carousel-category-products .style-h1 {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }

  .section-tabs.carousel-category-products .product-item-details {
    padding: 0 0 0 1% !important
  }

  .complete-the-look {
    .block.crosssell .product-image-container {
      max-height: 179px !important;
    }
  }


  .block.crosssell .product-item {
    padding: 0px !important
  }

  .block.crosssell .owl-next {
    width: 30px !important;
    height: 30px !important;
    background: white !important;
    top: 9vh !important;
    right: 1% !important;
  }

  .block.crosssell .block-content .products {
    margin: 0px !important
  }


  .block.crosssell .owl-prev {
    width: 30px !important;
    height: 30px !important;
    background: white !important;
    top: 9vh !important
  }

  .block.crosssell .owl-nav .owl-prev:before {
    content: '\2192' !important;
    transform: scaleX(-1);
    color: black;
    font: normal normal 20px / 1 FontAwesome !important;
    display: block !important
  }

  .block.crosssell .owl-nav .owl-next:before {
    content: '\2192' !important;
    color: black;
    font: normal normal 20px / 1 FontAwesome !important;
    display: block !important
  }

  .block.crosssell .product-item-name a {
    font-weight: 600 !important;
    font-size: calc(var(--default-font-size) - 6px) !important;
    letter-spacing: 0.28px !important;
    text-transform: uppercase !important;
    color: var(--color-black) !important;
    top: 2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
  }


  .block.crosssell .product-item-details {
    padding: 5px 2% 0 1px !important
  }





  .block.crosssell .flex {
    padding-inline-start: 0px !important;
    padding-inline-end: 0px !important;
  }

  .complete-the-look {
    .block.crosssell .product-item-name a {
      display: flex;
      justify-content: flex-end;
    }
  }

  .block.crosssell .add-to-cart img {
    bottom: -16px !important
  }

  .complete-the-look {
    .block.crosssell .product-item-details {
      min-height: 24vh !important;
    }
  }



  .block.crosssell .owl-carousel.owl-loaded {
    padding-inline: 0px !important
  }

  .column.main .block.crosssell {
    margin-bottom: 0px !important;
    padding: 0px 30px
  }

  .block.crosssell .add-to-cart button {
    margin-top: 0px !important;
  }

  .block.crosssell .slick-track {
    gap: 10px !important
  }

  .block.crosssell .product-list-style-22 .product-item-info {
    min-height: 422px;
  }

  .block.crosssell .swatch-option.text {
    height: auto !important;
    padding: 5px !important
  }



  /* responsive Collection Highliht */

  .catalog-product-view .block.widget.block-products-list .owl-nav .owl-prev  span{
    display: none !important;
  }

  .catalog-product-view .block.widget.block-products-list .owl-nav .owl-next  span{
    display: none !important;
  }

  .catalog-product-view .new-products-carousel .action.tocart{
    display: none !important
  }

  .catalog-product-view .new-products-carousel .owl-nav .owl-next{
          top: 30% !important;
          width: 30px !important;
          height: 30px !important;
          background-image: none !important;
          right: -7% !important;
          transform: translate(-15px, 10px) !important;
          opacity: 1 !important;
          visibility: visible !important;
          background: white !important;
          border-color: #EBEBEB !important;
          text-align: center;
          font-size: 0;
          border-width: 1px;
          border-style: solid;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          position: absolute;
          transition: all 500ms ease;
          backface-visibility: hidden;
          color: #fff;
          z-index: 50;
          background-position: center !important;
          background-size: 25px 25px !important;
          background-repeat: no-repeat !important;
   }

   .catalog-product-view .block.widget.block-products-list .owl-next:before {
        content: '\2192' !important;
        color: black;
        font: normal normal 20px / 1 FontAwesome !important;
    }


  .catalog-product-view .block.widget.block-products-list .owl-nav .owl-prev{
      left: -1% !important;
      top: 30% !important;
      width: 30px !important;
      height: 30px !important;
      background-image: none !important;
      transform: translate(-15px, 10px) !important;
      opacity: 1 !important;
      visibility: visible !important;
      background: white !important;
      border-color: #EBEBEB !important;
      text-align: center;
      font-size: 0;
      border-width: 1px;
      border-style: solid;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      position: absolute;
      transition: all 500ms ease;
      backface-visibility: hidden;
      color: #fff;
      z-index: 50;
      background-position: center !important;
      background-size: 25px 25px !important;
      background-repeat: no-repeat !important;
  }


  .catalog-product-view .block.widget .owl-prev:before{
          content: '\2192' !important;
          transform: scaleX(-1);
          color: black;
          font: normal normal 20px / 1 FontAwesome !important;
  }

  .catalog-product-view .block.widget.block-products-list .owl-nav .owl-next {
    top: 30% !important;
    width: 30px !important;
    height: 30px !important;
    background-image: none !important;
    right: 20px;
  }


  .catalog-product-view .block.widget.block-products-list .block-title strong{
    font-size: 29px !important;
  }


  .catalog-product-view .block.widget.block-products-list{
    padding: 30px 30px !important
  }

  .catalog-product-view .block.widget.block-products-list .product-item-details{
    margin:0 0 0 1% !important
  }

  .catalog-product-view .new-products-carousel .product-item-details {
    min-height: 0px !important;
    margin-top:0px !important
  }

 


  /*apple ios mobile */
  @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  
   
    .block.crosssell .product-item-details {
      min-height: 27vh !important
    }


    .checkout-index-index .page-header.custom-header{
      min-width: 100% !important;
    }


  }

}


/* mobile landscape */
@media (max-width: 1024px) and (orientation: landscape) {

  body._has-modal {
    position: fixed !important;
    top: 0 !important;
    overflow: hidden !important;
  }

  body.cart-informed-modal-opened {
    position: fixed !important;
    top: 0 !important;
    overflow: hidden !important;
  }

  .modal-popup._inner-scroll .modal-inner-wrap {
    max-height: 90% !important;
  }

  .block-content .col-sm-10 .minicart-items-wrapper .product-item-details .col-xs-14 {
    padding-left: 10px !important;
  }

  .item .minicart-items .update-cart-item {
    display: none !important;
  }

  .minicart-items-wrapper .product-item-details {
    padding: 0px 2% 0px 2% !important
  }

  .qs-modal.product-options-modal .quickshop-wrapper .quickshop-main {
    max-height: 90vh !important;
    padding: 0px 20px -2px 0px !important;
  }

  .modal-popup .qs-content .quickshop-wrapper {
    display: block !important;
  }

  .qs-modal.product-options-modal .quickshop-wrapper .quickshop-media {
    display: block !important;
    max-height: 100% !important;
  }

  .cms-codazon-home-page .qs-modal .product-info-main .box-tocart .actions {
    margin-top: 20px !important
  }

  .modal-popup .qs-content .fotorama__stage {
    max-height: 100% !important;
  }

  .qs-modal .product-info-main .box-tocart .actions {
    margin-top: 0px !important
  }

  .modal-popup .page-title-wrapper.product {
    margin-top: 40px !important;
    width: 84% !important;
  }

  .modal-popup .view-details {
    margin-top: 5px !important
  }

  .custom-slide-counter-2 {
    display: none !important;
  }

  .modal-popup .page-title-wrapper .page-title span {
    font: normal normal bold 15px/22px "proxima-nova-wide" !important;
  }

  .quickshop-main .product-options-wrapper .swatch-option.text {
    height: 46px !important;
    width: 46px !important;
    font-size: calc(var(--default-font-size) - 6px) !important;
    line-height: 45px !important;
  }

  .product-info-main .product-options-wrapper .fieldset {
    margin-bottom: 0px !important
  }

  .modal-popup .fotorama__stage__frame .fotorama__img {
    width: 100% !important;
  }

  .modal-popup .fotorama__nav-wrap--horizontal.fotorama__nav-wrap {
    position: relative !important;
    top: -35px !important
  }

  .modal-popup .fotorama-item .fotorama__wrap {
    height: 90vh !important
  }

  .gallery-container .fotorama__wrap .fotorama__arr {
    display: none !important
  }

  .qs-content .product-info-main .box-tocart,
  .product-options-bottom .box-tocart {
    margin: 0px 0px !important
  }

  .grid.products-grid .products:not(.row) {
    gap: 0px !important;
  }

  .section-tabs.carousel-category-products .owl-nav .owl-prev {
    left: -3px !important;
  }

  .section-tabs.carousel-category-products .owl-nav .owl-prev.disabled {
    display: none !important;
  }

  .section-tabs.carousel-category-products .owl-nav .owl-next.disabled {
    display: none !important;
  }

  .section-tabs.carousel-category-products .product-item-details {
    padding: 0 2% 0 1% !important
  }


  /* ========================== COMPLETE THE LOOK ========================== */
  .complete-the-look {
    .block.crosssell .owl-prev {
      top: 30% !important;
      left: 3% !important
    }

    .block.crosssell .owl-next {
      top: 30% !important;
      right: 3% !important
    }

    .block.crosssell .owl-carousel.owl-loaded {
      padding-inline: 25px !important
    }

    /* ios apple landscape */
    @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
      .block.crosssell .product-item-details {
        padding: 180px 5px 0 1px !important;
      }

      .block.crosssell .product-item-name {
        width: 100% !important;
      }

      .block.crosssell .product-item-name a {
        position: relative !important;
        justify-content: flex-start !important;
        top: -5% !important
      }

      .block.crosssell .owl-carousel.owl-loaded {
        padding-inline: 0px !important
      }

      .block.crosssell .owl-item .product-item-details {
        min-height: 365px !important;
      }

    }

    /* tablet */



    @media (max-width:1024px) and (min-width:700px) {
      .block.crosssell .owl-next {
        top: 25% !important;
        right: 0% !important
      }



   
      .checkout-index-index svg#icon_-_email {
        width: 22px !important;
        height: 22px !important;
    }


      .account .limiter-label{
        display: none !important;
      }


      .block.crosssell .owl-prev {
        top: 25% !important;
        left: 0% !important
      }

      .block.crosssell .product-item-details {
        padding: 10px 5px 0 15px
      }

      .block.crosssell .product-item-name {
        max-width: 99% !important;
      }

      .block.crosssell .owl-carousel.owl-loaded {
        padding-inline: 0px !important
      }


    }

  }
}

/* ============================================================================== */



/* Small phones (≤380px) — country banner + cookie bar */
@media only screen and (max-width: 380px) {
  #country-selector-banner {
    padding: 10px 14px !important;
    gap: 10px !important;
  }

  #country-selector-banner > span {
    font-size: 13px !important;
    line-height: 1.35;
  }

  #country-selector-banner > div {
    gap: 12px !important;
    padding-right: 0 !important;
  }

  #country-selector-banner .country-select-field label {
    font-size: 11px !important;
    margin-bottom: 1px !important;
  }

  #country-select {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 15px !important;
    padding-right: 26px !important;
  }

  #country-continue {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 12px !important;
    font-size: 11px !important;
    height: 40px !important;
  }

  #country-close {
    width: 18px !important;
    height: 18px !important;
  }

  .amgdprjs-bar-template.-popup {
    top: auto !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 94% !important;
    min-width: 94% !important;
  }

  @supports (-webkit-touch-callout: none) {
    .amgdprjs-bar-template.-popup {
      bottom: 0 !important;
    }
  }

  .amgdprjs-bar-template.-popup .amgdprcookie-bar-container {
    padding: 12px !important;
  }

  .amgdprcookie-bar-container .amgdprcookie-bar-title span {
    font-size: 12.5px !important;
  }

  .amgdprcookie-bar-container .amgdprcookie-policy {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .amgdprcookie-bar-container .amgdprcookie-buttons-block {
    gap: 8px !important;
  }

  .amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-save,
  .amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-decline,
  .amgdprcookie-modal-template .amgdprcookie-button.-save,
  .amgdprcookie-modal-template .amgdprcookie-button.-decline {
    min-height: 44px !important;
    padding: 8px 12px !important;
    font-size: 11px !important;
  }

  .amgdprcookie-bar-container .amgdprcookie-button.-settings {
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    height: auto !important;
    padding: 4px 0 !important;
    text-align:center !important;
  }



}





.wishlist-link {

  path {
    transition: all 0.1s ease;
  }

  path:hover {
    fill: #00000029;
    stroke: #aea7a729;
  }
}

@media only screen and (max-width : 520px) {
  .btn-wishlist-header {
    display: none;
  }
}


.text-black {
  color: black !important;
}


/* arrows for carousel */

.grid-style-22 {
  .owl-next span {
    color: white !important;
    background-image: url(/pub/media/wysiwyg/icons/arrow-right-thinner.svg);
    width: 40px;
    height: 40px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #EBEBEB;

  }

  .owl-prev span {
    color: white !important;
    background-image: url(/pub/media/wysiwyg/icons/arrow-right-thinner.svg); /* same SVG */
    width: 40px;
    height: 40px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    transform: rotate(180deg); 
    border: 1px solid #EBEBEB;

  }
}


/* owl carousel add to wishlist guest */

@media only screen and (max-width : 768px) {

  .grid-style-22 {
    .action-towishlist {
      position: absolute;
      top: 10px;
      right: 5px;
      z-index: 1;
    }
  }
}

.link-dark {
  a {
    transition: 0.5s;
    background: #282522;
    border-radius: 0;
    border: none;
  }

  span {
    color: white;
    transition: 0.5s;
  }
}

.link-dark:hover {
  a {
    background: #2f2c29;
    border: none;
  }

  span {
    color: #e2ac06;
  }
}


/* 404 Page */

.cms-no-route {

  .page-title {
    display: none !important;
  }

  h1 {
    font-size: 60px;
    font-weight: 500;

  }

  h3 {
    font-size: 16px;
    font-weight: 600;
    max-width: 382px;
    margin: auto;

  }

  span {
    a {
      font-weight: 600;
      font-size: 15px;
    }
  }

  .pagebuilder-button-primary {
    padding: 22px 28px;
    margin: 0;
  }

}



/* Term and Conditions */

.cms-terms-conditions {
  .breadcrumbs {
    display: none;
  }

  h1 {
    font-size: 38px;
  }

  h2 {
    font-weight: 500;
  }

  .terms-page {
    max-width: 520px;
    margin: auto;
  }

  .pagebuilder-column {
    gap: 30px;
  }
}


/* Privacy */

.cms-data-protection-policy {
  .breadcrumbs {
    display: none;
  }

  h1 {
    font-size: 38px;
    font-weight: 600;
  }

  .data-protection-page {
    max-width: 582px;
    margin: auto;
    padding: 0px 10px;
  }

  p {
    font-weight: 300;
  }

  .subtitle {
    p {
      margin: 0;
    }
  }

}

/* Cookie Policy */

.cms-cookies-policy {
  .breadcrumbs {
    display: none;
  }

  .page-main {
    max-width: 1170px;
    padding: 20px !important;
  }



  h1 {
    font-size: 38px;
    font-weight: 500;
  }
}

/* Wholesale enquiries */
.cms-wholesale-enquiries {

  .breadcrumbs {
    display: none;
  }


  .page-main {
    align-content: center;
  }

}

.wholesale-page {

  gap: 28px;

  h1 {
    font-size: 38px;
  }

  a {
    font-weight: 600;
  }

  .msg-1 {
    p {
      max-width: 614px;
      margin: auto;
    }
  }

  .msg-2 {
    p {
      max-width: 614px;
      margin: auto;
    }
  }

  .msg-3 {
    p {
      max-width: 810px;
      margin: auto;
    }
  }

  @media only screen and (max-width : 768px) {

    margin: 50px 0px;

    h1 {
      font-size: 26px;
    }

  }

}

/* Thank you page */

.checkout-onepage-success {

  .page-main {
    margin-top: 100px;
    margin-bottom: 100px;
    align-content: center;

  }

  .page-title {
    text-align: center;
    margin-bottom: 20px;

    span {
      font-size: 38px;
    }
  }

  .checkout-success {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .print {
    background: #282522;
    color: white;
    padding: 10px 20px;
    transition: 0.5s;
  }

  .print:hover {
    color: #FFC100;
    background: #2f2c29;
  }

  .continue {
    background: #282522 !important;
    color: white;
    padding: 10px 20px !important;
    transition: 0.5s !important;

    span {
      color: white;
      transition: 0.5s !important;
    }
  }

  .continue:hover {
    background: #2f2c29;

    span {
      color: white !important;

    }
  }

  .action.primary:hover {
    span {
      color: white;
    }
  }

}

.category-product-details-name-actions {
  display: grid;
  align-items: start;
  gap: 8px;

  .cart-wrap {
    .action.primary {
      background: transparent;
    }
  }
}

.category-product-details-icons-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;

  .action.primary.disabled {
    display: flex;
  }
}

/* Homepage HIGHLIGHTS (section-tabs) — title left, cart + wishlist icons right (same row) */
.cms-codazon-home-page .section-tabs .highlights-home-grid .product-item-top {
  margin-bottom: 0;
}

.cms-codazon-home-page .section-tabs .highlights-home-grid .product-item-details {
  position: relative;
  min-height: 0 !important;
  padding: 0px 0 0 !important;
  margin-top: 0;
}

.cms-codazon-home-page .homepage-highlights .cart-wrap{
  position: relative;
  top:-3px;
}


.cms-codazon-home-page .section-tabs .highlights-home-grid .product-image-container,
.cms-codazon-home-page .section-tabs .highlights-home-grid .product-image-wrapper {
  max-height: none !important;
}

.cms-codazon-home-page .section-tabs .highlights-home-grid .product-image-photo {
  position: static !important;
  height: auto !important;
  max-height: none !important;
  width: 100%;
}

.cms-codazon-home-page .section-tabs .highlights-home-grid .category-product-details-name-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
  grid-template-columns: unset !important;
}

.cms-codazon-home-page .section-tabs .highlights-home-grid .category-product-details-name-actions .product-item-name {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 56px) !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.cms-codazon-home-page .section-tabs .highlights-home-grid .category-product-details-name-actions .product-item-link {
  display: inline-block;
}

.cms-codazon-home-page .section-tabs .highlights-home-grid .category-product-details-icons-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  margin-left: auto !important;
}

.cms-codazon-home-page .section-tabs .highlights-home-grid .category-product-details-icons-container .cart-wrap,
.cms-codazon-home-page .section-tabs .highlights-home-grid .category-product-details-icons-container .add-to-wishlist {
  flex: 0 0 auto;
}

.catalog-category-view .quickshop-main .product-addto-links{
  position:relative !important;
  bottom:45px !important;
}

.cms-codazon-home-page .section-tabs .highlights-home-grid .category-product-details-btn {
  padding: 0;
  border: none;
  background: transparent;
  line-height: 0;
  position:relative;
  bottom:3px
}


#toggle-giftcard{
  position: relative;
  top:-2px
}

#toggle-discount{
  position: relative;
  top:-2px
}

.checkout-index-index .opc-block-methods{
  margin-top:40px
}

.product-view-style-03.catalog-product-view .product-info-main .product-social-links .product-addto-links{
  top:0px;
}

.checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-payment-method .payment-option.opc-payment-additional.gift-code{
  margin-top:20px 
}

.checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-payment-method .payment-option.opc-payment-additional.discount-code{
  margin-top:00px
}


.checkout-index-index .coupon-message.coupon-message-success {
    margin: 0 0 10px;
    padding: 10px 20px;
    display: block;
    line-height: 1.2em;
    font-size: 1.3rem;
    background: #e5efe5;
    color: #006400;
    padding-left: 40px;
    position: relative;
 }


 .section-tabs .cdz-tabs .product-item-details{
  margin-top:0px 
 }

 .cdz-popup-area .cdz-backface::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 40px;
  z-index: 999;
  cursor: pointer;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: center;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'>\
<path fill='white' d='M10.943 11.78l7.573 7.572-.849.842-7.574-7.574-7.575 7.575-.85-.842 7.575-7.573-7.575-7.576.85-.846 7.575 7.574 7.574-7.574.849.846z'/>\
</svg>");
 }

/* Category Products — use Complete the Look cross-sell card styling */
.section-tabs.carousel-category-products .block.crosssell .product-item-details {
  padding: 10px 15px 0 15px !important;
  min-height: 17vh;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

.carousel-category-products .product-item-name a {
  display: inline-block;
  width: 95% !important;
}

@media (max-width: 768px) {
  .section-tabs.carousel-category-products .block.crosssell .product-image-container {
    max-height: 179px !important;
  }

  .section-tabs.carousel-category-products .block.crosssell .product-item-details {
    padding: 5px 2% 0 1px !important;
    min-height: 24vh !important;
  }

  /* PDP carousels: cart icon before label, Greek label wraps */
  .complete-the-look .block.crosssell .add-to-cart,
  .section-tabs.carousel-category-products .add-to-cart {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .complete-the-look .block.crosssell .add-to-cart img,
  .section-tabs.carousel-category-products .add-to-cart img,
  .section-tabs.carousel-category-products .block.crosssell .add-to-cart img {
    order: 0 !important;
    position: static !important;
    bottom: auto !important;
    flex: 0 0 23px !important;
    width: 23px !important;
    height: 23px !important;
    max-width: 23px !important;
    max-height: 23px !important;
    margin: 2px 0 0 0 !important;
    align-self: flex-start !important;
  }

  .complete-the-look .block.crosssell .add-to-cart button,
  .section-tabs.carousel-category-products .add-to-cart button,
  .section-tabs.carousel-category-products .block.crosssell .add-to-cart button,
  .section-tabs.carousel-category-products .action.tocart.primary {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: calc(100% - 31px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.25 !important;
    text-align: left !important;
    font-size: 11px !important;
    background: transparent !important;
    border: none !important;
    color: #000 !important;
  }
}

/* Shop the Look (homepage section-5) — mobile carousel clip fix.
   CMS Page Builder sets .cdz-tabs-wrap { max-width: 300px } which, combined with
   Owl init before layout is ready, leaves .owl-stage-outer at ~34px (overflow:hidden). */
@media (max-width: 768px) {
  .section-5 .row.visible-xs > .col-sm-12 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  .section-5 .row.visible-xs .cdz-tabs-wrap,
  .section-5 .row.visible-xs .cdz-tabs-wrap.cdz-product-wrap {
    max-width: 100% !important;
    width: 100% !important;
  }

  .section-5 .row.visible-xs .cdz-tabs.df-tabs.hidden {
    display: block !important;
    height: auto !important;
  }

  .section-5 .row.visible-xs .cdz-tabs.df-tabs .tab-item,
  .section-5 .row.visible-xs .cdz-tabs.df-tabs .tab-item.active {
    display: block !important;
  }

  .section-5 .row.visible-xs .block.crosssell,
  .section-5 .row.visible-xs .block.crosssell .block-content,
  .section-5 .row.visible-xs .crosssell-products-carousel,
  .section-5 .row.visible-xs .block.crosssell .products,
  .section-5 .row.visible-xs .owl-carousel,
  .section-5 .row.visible-xs .owl-carousel.owl-loaded {
    width: 100% !important;
    max-width: 100% !important;
  }

  .section-5 .row.visible-xs .owl-carousel .owl-stage-outer {
    width: 100% !important;
    max-width: 100% !important;
  }

  .section-5 .row.visible-xs .product-image-container,
  .section-5 .row.visible-xs .product-image-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .section-5 .row.visible-xs .product-image-photo {
    width: 100% !important;
    object-fit: cover;
  }
}

/* 15/10/2026: «προϊόντα της κατηγορίας» στο κάτω μέρος του προϊόντος φορτώνει όταν φτάσει ο επισκέπτης (272/351 → 101 → 464/748 px)
   και σπρώχνει το υποσέλιδο δύο φορές (CLS 0,19–0,37). Δεσμεύουμε από πριν το τελικό ύψος. */
.catalog-product-view .section-tabs.carousel-category-products { min-height: 464px; }
@media (min-width: 768px) { .catalog-product-view .section-tabs.carousel-category-products { min-height: 482px; } }
@media (min-width: 1024px) { .catalog-product-view .section-tabs.carousel-category-products { min-height: max(727px, calc(425px + 23.6vw)); } }

/* 15/10/2026 (founder «ναι, διόρθωσε και την κεφαλίδα»): στην πρώτη κύλιση το μενού (js-sticky-menu) γίνεται position:fixed και η
   κεφαλίδα μαζεύει 82→1 px (κινητό) / 72→0 px (≥768) — όλη η σελίδα ανεβαίνει απότομα (CLS ~0,10 σε κάθε σελίδα). Κρατάμε το ύψος. */
.page-header.custom-header:has(.js-sticky-menu) { min-height: 82px !important; }
@media (min-width: 768px) { .page-header.custom-header:has(.js-sticky-menu) { min-height: 72px !important; } }

/* 16/10/2026 (founder «ναι, διόρθωσε και το κουμπί»): τα κουτάκια μεγεθών τα ζωγραφίζει το swatch-renderer ΜΕΤΑ τη φόρτωση (0 → 198 px
   στο κινητό) και σπρώχνουν «Προσθήκη στο καλάθι» / «Άμεση αγορά» προς τα κάτω (CLS ~0,05). Κρατάμε τον χώρο ΜΟΝΟ όσο δεν έχουν
   ζωγραφιστεί· μετά μένει το πραγματικό ύψος (κανένα κενό). 198/121 = το συνηθισμένο (6–8 μεγέθη) σε δείγμα 16 προϊόντων. */
.catalog-product-view .product-options-wrapper .swatch-opt:not(:has(.swatch-attribute)) { min-height: 198px; }
@media (min-width: 768px) { .catalog-product-view .product-options-wrapper .swatch-opt:not(:has(.swatch-attribute)) { min-height: 121px; } }

/* 16/10/2026 (founder ενέκρινε τις προτάσεις με εικόνα πριν/μετά): ελάχιστη αλλαγή χρώματος για αντίθεση ≥4,5 και περιοχή αφής 44 px. */
.breadcrumbs .items a { color: #757575 !important; }                 /* ήταν #797979 — 4,35 → 4,61 */
.ee-stories-native { --mut: #736c63 !important; }                   /* «03 — Stories»: ήταν #8c8479 — 3,28 → 4,60 */
#RECV9LT { display: inline-block; padding: 11px 0; }                /* ΕΠΙΚΟΙΝΩΝΙΑ: 23 px → 44 px περιοχή αφής */

/* 16/10/2026 (founder «οκ»): στις κατηγορίες το ψίχουλο κάθεται σε #f5f5f5 — το #757575 έδινε 4,23. #6f6f6f περνά και στα δύο φόντα
   (λευκό 5,02 · #f5f5f5 4,61). ΕΠΙΚΟΙΝΩΝΙΑ: 42 → 44 px. */
.breadcrumbs .items a { color: #6f6f6f !important; }
#RECV9LT { padding: 12px 0; }

/*ee-cookie-bar 16/10/2026 — founder: συμπαγής λωρίδα κάτω, ίδια σε 6 γλώσσες, κινητό και υπολογιστής· δύο ίσα κουμπιά (Αποδοχή / Μόνο απαραίτητα), ρυθμίσεις σε σύνδεσμο*/
.amgdprjs-bar-template.-popup{top:auto!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important}
.amgdprjs-bar-template.-popup .modal-popup.amgdprcookie-bar-container.-popup{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;width:100%!important;max-width:none!important;max-height:none!important;transform:none!important;border-radius:0!important;box-shadow:0 -1px 8px rgba(0,0,0,.12)!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important}
.amgdprjs-bar-template.-popup .amgdprcookie-bar-block{padding:0!important;margin:0 auto!important;width:auto!important;max-width:1180px!important}
.amgdprjs-bar-template.-popup .amgdprcookie-bar-title{display:none!important}
.amgdprjs-bar-template.-popup .amgdprcookie-policy{font-size:12px!important;line-height:1.35!important;margin:0 0 8px!important;max-height:none!important}
.amgdprjs-bar-template.-popup .amgdprcookie-buttons-block{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 8px!important;margin:0!important;padding:0!important}
.amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-save,.amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-decline{flex:1 1 0!important;order:1!important;width:auto!important;min-width:0!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 6px!important;font-size:12px!important;line-height:1.15!important;letter-spacing:.03em!important;background:#111!important;color:#fff!important;border:1px solid #111!important;white-space:normal!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-decline{order:2!important}
.amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-settings{order:3!important;flex:1 0 100%!important;height:18px!important;min-height:0!important;line-height:18px!important;margin:0!important;padding:0 2px!important;font-size:11px!important;background:none!important;border:0!important;color:inherit!important;text-decoration:underline!important;text-align:center!important;white-space:nowrap!important}
@media (min-width:768px){
.amgdprjs-bar-template.-popup .modal-popup.amgdprcookie-bar-container.-popup{padding:12px 24px!important}
.amgdprjs-bar-template.-popup .amgdprcookie-bar-block{display:flex!important;align-items:center!important;gap:24px!important}
.amgdprjs-bar-template.-popup .amgdprcookie-policy{flex:1 1 auto!important;margin:0!important;font-size:13px!important}
.amgdprjs-bar-template.-popup .amgdprcookie-buttons-block{flex:0 0 auto!important;flex-wrap:nowrap!important;gap:10px!important}
.amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-save,.amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-decline{flex:0 0 190px!important;width:190px!important}
.amgdprjs-bar-template.-popup .amgdprcookie-bar-container .amgdprcookie-button.-settings{flex:0 0 auto!important;height:40px!important;line-height:40px!important;padding:0 4px!important}
}
/*/ee-cookie-bar*/

/* 17/10/2026 founder: ένας εκκαθαριστής ανά γλώσσα (Viva el, Stripe αλλού)· κάτω από τον τίτλο «Online πληρωμή»
   μικρός υπότιτλος μόνο με τους τρόπους που ισχύουν (Stripe: απόδειξη elements/sessions· Viva: μόνο «κάρτα» μέχρι επιβεβαίωση). */
.payment-method-title label[for="stripe_payments"]::after,
.payment-method-title label[for="paymentmethod"]::after{display:block;margin-top:3px;font-size:12px;line-height:1.45;font-weight:400;color:#5f5a54;letter-spacing:.01em;text-transform:none;white-space:normal}
.payment-method-title label[for="stripe_payments"],
.payment-method-title label[for="paymentmethod"]{max-width:560px}
html[lang="en"] .payment-method-title label[for="stripe_payments"]::after{content:"Card, Apple Pay, Google Pay, Klarna and other payment methods – choose just below"}
html[lang="de"] .payment-method-title label[for="stripe_payments"]::after{content:"Karte, Apple Pay, Google Pay, Klarna und weitere Zahlungsarten – Auswahl direkt darunter"}
html[lang="it"] .payment-method-title label[for="stripe_payments"]::after{content:"Carta, Apple Pay, Google Pay, Klarna e altri metodi – li scegli qui sotto"}
html[lang="fr"] .payment-method-title label[for="stripe_payments"]::after{content:"Carte, Apple Pay, Google Pay, Klarna et autres moyens de paiement – à choisir juste en dessous"}
html[lang="nl"] .payment-method-title label[for="stripe_payments"]::after{content:"iDEAL, kaart, Apple Pay, Google Pay, Klarna en meer – kies hieronder"}
html[lang="el"] .payment-method-title label[for="paymentmethod"]::after{content:"Κάρτα, Apple Pay, Google Pay, IRIS, Klarna — στην ασφαλή σελίδα της Viva"}

/* 17/10/2026 founder (βίντεο, Windows/Chrome): τσεκαρισμένο κουτάκι = ίδιο με άδειο. Το θέμα έχει appearance:none και δείχνει
   το «τσεκαρισμένο» μόνο με μαύρο φόντο (το γλύφο CodazonFont ::before το κρύβει inline CSS)· σε αντίθεση/forced colors το
   φόντο παρακάμπτεται → τα κλικ αλλάζουν κατάσταση αόρατα. Εδώ: σημάδι τικ σε SVG σε κάθε τσεκαρισμένο κουτάκι, και φυσικό
   κουτάκι του browser όταν τα χρώματα επιβάλλονται από το σύστημα. Εξαιρούνται τα ειδικά των Amasty (cookies/φίλτρα). */
input[type="checkbox"]:checked:not([class*="amgdpr"]):not([class*="amshopby"]){background-color:#000!important;border-color:#000!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:12px 12px!important}
@media (forced-colors: active){
  input[type="checkbox"]:not([class*="amgdpr"]):not([class*="amshopby"]){-webkit-appearance:checkbox!important;appearance:auto!important;forced-color-adjust:auto!important;background-image:none!important}
  input[type="checkbox"]:not([class*="amgdpr"]):not([class*="amshopby"])::before,input[type="checkbox"]:not([class*="amgdpr"]):not([class*="amshopby"])::after{display:none!important}
}
