/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
body,
html {
  font-family: Arial, Helvetica, sans-serif;
}
#header {
  background-image: url(https://www.mitsuwahealth.com/images/bg.jpg) !important;
  border-bottom: #333 2px solid;
  background-size: cover;
  background-position-y: 170%;
  background-position-x: 100%;
  background-attachment: fixed;
  color: #fff;
}
a {
  color: #18aaa7;
}
@media screen and (min-width: 768px) {
  #header {
    min-height: 45vh !important;
  }
}

@media (min-width: 1420px) {
  .container {
    width: 1440px;
    max-width: 100%;
  }
}

#header .logo {
  filter: invert(1);
  mix-blend-mode: lighten;
}

#header .header-top .menu {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

#header a {
  color: #fff;
}

#header .header-nav {
  border: none;
}

#header .header-nav .language-selector.dropdown .expand-more {
  color: #fff;
}

#header .header-nav .user-info {
  margin-left: 1em;
}

#header .header-nav .cart-preview.active {
  background: #fff4;
  border-radius: 10px;
}

#header .header-top a[data-depth='0'] {
  color: #fff;
  text-transform: none;
  font-weight: normal;
  padding: 10px 40px;
}

.top-menu[data-depth='0'] {
  margin-bottom: 0;
  padding: 0px;
  background: #fff4;
  border-radius: 12px;
  backdrop-filter: blur(2px);
  overflow: hidden;
}

#header .header-top a[data-depth='0'] {
  color: #fff;
  text-transform: none;
  font-weight: normal;
  padding: 10px 40px;
}

#header .top-menu a[data-depth='0']:hover {
  color: #fff;
  text-decoration: none;
  background: #18aaa7b8;
}

#header .header-nav .blockcart {
  background: transparent;
  margin-top: 1px;
}

#header .header-nav .cart-preview .shopping-cart {
  color: #fff;
}
.dropdown-menu {
  background: #fff4;
  backdrop-filter: blur(10px);
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
}

.modal-content {
  background: #fff4;
  backdrop-filter: blur(10px);
}
#blockcart-modal .modal-content {
  color: #fff;
}
#blockcart-modal .modal-body,
#blockcart-modal .modal-header,
#product #block-reassurance {
  background: transparent;
}
#header a.dropdown-item {
  color: #fff;
  padding: 15px;
}
#header a.dropdown-item:hover {
  color: #fff;
  background: #18aaa7b8;
}

#mobile_top_menu_wrapper {
  background: transparent;
}
#mobile_top_menu_wrapper .js-top-menu-bottom a {
  color: #fff;
}
#wrapper {
  background: #fff;
}
.product-miniature .thumbnail-container .product-thumbnail {
  background: #ddd;
  padding: 15px;
  align-content: center;
}
.product-miniature,
.product-miniature .product {
  margin-bottom: 30px;
}
.product-miniature .thumbnail-container {
  background: transparent;
}
.product-miniature .thumbnail-container {
  margin-bottom: 0;
}
.product-miniature .highlighted-informations {
  background: transparent;
}
.product-miniature .highlighted-informations .quick-view,
.product-miniature .highlighted-informations .quick-view:hover {
  color: #fff;
  background: #18aaa7b8;
  padding: 2px 30px;
  border-radius: 6px;
}
.product-miniature
  .thumbnail-container:hover
  .highlighted-informations.no-variants {
  top: calc(100% - 2.5rem);
}
.product-miniature .thumbnail-container:hover .product-description::after {
  border-top: 0;
}
.product-miniature .product-title {
  text-align: left;
  min-height: 2.5em;
}
.product-price,
.product-miniature .product-title a {
  font-weight: bold;
  font-size: 1.15rem;
  color: #3a3939;
}

.product-miniature .product-price-and-shipping {
  text-align: left;
  font-size: 1.15rem;
  padding-bottom: 1em;
}

.btn-primary {
  color: #fff;
  background: #777;
}
.btn-primary:focus,
.btn-primary:hover {
  color: #fff;
  background: #18aaa7b8;
  transition: 0.4s ease-out;
}
#header a:hover {
  color: #18aaa7;
}
.btn-primary:hover {
  background-color: #18aaa7 !important;
  border-radius: 16px 0 16px 0;
}
#blockcart-modal,
#product-description-short h2 {
  margin-top: 20px;
  font-size: 1rem;
}
.quickview .modal-content {
  background: #f6f6f6ab;
  backdrop-filter: blur(10px);
  padding: 0 20px;
}
#product-modal .modal-content .modal-body .product-cover-modal,
.product-cover img {
  background: #fff6;
}
.product-images > li.thumb-container .thumb.selected,
.product-images > li.thumb-container .thumb:hover {
  border: #18aaa7 3px solid;
  border-radius: 6px;
}
#product-description-short p {
  color: #232323;
}
.footer-container {
  background: #333;
}
.footer-container .h3,
.footer-container .h4,
#block_myaccount_infos .myaccount-title a {
  color: #d6d6d6;
}
.block-contact,
.footer-container li a {
  color: #9e9e9e;
}
.footer-container .row {
  margin-bottom: 30px;
}
.footer-container .text-sm-center {
  text-align: right !important;
}
.footer-container .text-sm-center a {
  font-size: 0.7em;
  color: #999;
}
.product-flags li.product-flag {
  background: #18aaa7;
  font-size: 0.7rem;
  border-radius: 10px 0 10px 0;
}
.proDesc {
  color: #777;
  font-weight: normal;
  font-size: 0.85em;
  line-height: 1.1em;
}
.proDesc1 {
  color: #333;
  line-height: 1.5em;
  font-weight: bold;

  font-size: 0.8em;
  min-height: 6em;
  width: 85%;
}
.proDescLearn {
  padding-bottom: 20px;
}
.proDescLearn a {
  font-size: 0.85em;
  text-decoration: underline;
  color: #000;
}
#blockcart-modal .cart-content .page-content.page-cms ul,
#blockcart-modal .cart-content p,
.page-content.page-cms #blockcart-modal .cart-content ul,
#blockcart-modal .cart-content .page-content.page-cms ul .label,
#blockcart-modal .cart-content .page-content.page-cms ul .value,
#blockcart-modal .cart-content p .label,
#blockcart-modal .cart-content p .value,
.page-content.page-cms #blockcart-modal .cart-content ul .label,
.page-content.page-cms #blockcart-modal .cart-content ul .value,
.page-order-detail .order-items .order-item .desc .name,
#blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count,
#blockcart-modal .cart-content p.cart-products-count,
.page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count,
#blockcart-modal .product-name,
#blockcart-modal .product-price,
#blockcart-modal .modal-title,
#blockcart-modal .modal-header .close .material-icons {
  color: #fff;
}
#blockcart-modal .cart-content p.product-total {
  background: transparent;
}
.btn-secondary {
  background: transparent;
  color: #fff;
}
#blockcart-modal .modal-header .close {
  text-shadow: none;
}
#product #content {
  max-width: none;
}
#product .product_details_desc h1 {
  font-size: 1.8em;
  text-transform: none;

  min-height: 3em;
  font-weight: normal;
}

#product .product_details_desc .product-description p {
  color: #333;
  font-weight: bold;
  line-height: 1.5em;
}

#product .product-prices span {
  font-size: 1.8rem;
  font-weight: normal;
}
#product .product-quantity {
  flex-wrap: wrap;
  gap: 2em;
}

#product .product-information .tabs {
  padding: 0;
}
#product .product-information .tabs ul.nav-tabs li:not(:first-child) {
  display: none;
}

#product .product-information .tabs .nav-tabs .nav-link.active {
  color: #555;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.8em;
  padding: 10px;
}
#product .product-information .tabs .nav-tabs,
#product .product-information .tabs .nav-tabs .nav-link.active {
  border-bottom: #18aaa7 2px solid;
}
#product .product-information #description .product-description {
  display: flex;
  gap: 2em;
}
#product .product-information #description .product-description > div {
  flex: 1 1 48%;
  padding: 1%;
}
#product .product-information #description .product-description > div h3 {
  font-size: 2em !important;
  font-weight: normal !important;
  line-height: 1.5em;
  margin-top: 2em !important;
}
#product
  .product-information
  #description
  .product-description
  > div
  h3:first-child {
  margin-top: 1em !important;
}
#product .product-information #description .product-description > div p {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #333 !important;
}
.product-information .product-description ul li {
  color: #333;
}
#product .product-information .tabs .tab-pane {
  padding-top: 0;
}
.js-show-details {
  display: none;
}
#cart-summary-product-list.collapse {
  display: contents !important;
}
#cart-summary-product-list .product-name {
  max-width: 20em;
  display: block;
}
#cart-summary-product-list .product-name a {
  color: #333;
  font-size: 1em;
  font-weight: bold;
}
body#checkout #cart-summary-product-list li {
  margin-bottom: 15px;
  padding-top: 10px;
  border-top: #ddd 1px solid;
}
body#checkout #cart-summary-product-list img {
  border: none;
  width: 80px;
}
@media screen and (max-width: 767px) {
  .dropdown select {
    background: none;
    color: #fff;
  }
  .dropdown select option {
    color: #000;
    background: #fff4;
  }
  #header .top-logo {
    justify-content: end;
  }
  #header .top-logo img {
    min-height: 66px;
    mix-blend-mode: color-dodge;
  }
}

.product-miniature .thumbnail-top {
  border-radius: 6px;
}
.featured-products .col-xl-3:first-child {
  width: 50%;
}

.featured-products
  .col-xl-3:first-child
  .product-miniature
  .product-description,
.featured-products .col-xl-3:first-child .product-miniature {
  background: #ddd;
}
.featured-products .col-xl-3:first-child .product-miniature {
  border-radius: 6px;
  height: calc(100% - 40px);
  overflow: hidden;
}
.featured-products
  .col-xl-3:first-child
  .product-miniature
  .thumbnail-container {
  display: flex;
}
.featured-products
  .col-xl-3:first-child
  .product-miniature
  .thumbnail-container
  > div:first-child {
  flex: 1 1 65%;
  align-content: center;
}
.featured-products
  .col-xl-3:first-child
  .product-miniature
  .thumbnail-container
  > div:nth-child(2) {
  flex: 1 1 35%;
  align-content: center;
}

.featured-products
  .col-xl-3:first-child
  .product-miniature
  .thumbnail-container
  .product-thumbnail
  img {
  height: auto;
  width: 100%;
  max-width: 370px;
}
.carrier-hasLogo > div.col-md-4 {
  width: 100%;
}
body#checkout section.checkout-step .delivery-options .delivery-option img {
  width: auto;
}
.carrier-hasLogo .carriere-name-container {
  display: none;
}
@media screen and (max-width: 1420px) {
  .featured-products
    .col-xl-3:first-child
    .product-miniature
    .thumbnail-container {
    flex-direction: column;
    width: 100%;
  }
  .featured-products
    .col-xl-3:first-child
    .product-miniature
    .thumbnail-container
    > div:nth-child(2) {
    padding: 20px;
  }
}
@media screen and (max-width: 575px) {
  .product-miniature .thumbnail-container,
  .featured-products .col-xl-3:first-child {
    width: 100%;
  }
}