.header-notification,
.switcher,
.minicart-wrapper .action.showcart .text,
.minicart-wrapper .action.showcart::before,
.minicart-wrapper .action.showcart .counter.qty,
.cp-footer-container .cp-footer-main .cp-fblock .cp-ftitle h3,
.cp-footer-container .cp-footer-main .cp-fblock .cp-fcontent ul li a,
.cp-footer-container .cp-footer-main .cp-fblock .cp-fcontent ul li,
.cp-footer-container .cp-footer-main .cp-fblock .cp-ftitle > p,
.copyright{
    color: #222;
}
.cp-footer-container .cp-footer-main .cp-fblock .cp-fcontent .cp-social li a {
    border-color: #333333;
    color: #222;
}
.cp-footer-container .cp-footer-main .cp-fblock .cp-fcontent .block.newsletter > .content .field.newsletter .control #newsletter {
    background-color: transparent;
    border-color: #eee;
    color: #222;
}
.cp-footer-container .cp-footer-main .cp-fblock .cp-fcontent .block.newsletter > .content .field.newsletter .control #newsletter::placeholder,
.block-search input::placeholder {
    color: #222;
}
.page-footer,
.copyright{
    background-color: #fff;
}
.scrollup {
    color: #ffffff !important;
    background-color: #333333 !important;
    border-color: #333333 !important;
}
.scrollup:hover {
    color: #333333 !important;
    background-color: #ffffff !important;
    border-color: #333333 !important;
}
.copyright {
    background-image: url('../images/footer-stripeswhite.png');
    background-position: center top;
    background-repeat: no-repeat;
}
.pad-main-bottom {
    padding-bottom: 0px;
}
.customer-welcome.active .action.switch::after{content: '\f0d7';}
#wishlist-sidebar .product-item {
    min-height: inherit;
}
#wishlist-sidebar .product-item .product-item-info {
    display: table;
    width: 100%;
}
#wishlist-sidebar .product-item .product-item-info .product-item-photo {
    position: static;
    width: auto;
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
    margin: 0px;
}
#wishlist-sidebar .product-item .product-item-info .product-item-details {
    width: 70%;
    display: table-cell;
    vertical-align: middle;
    margin: 0px;
}
#wishlist-sidebar .product-item .product-item-info .product-item-photo .product-image-container .product-image-wrapper {
    padding: 0px;
}
body .abs-actions-addto::before,
body .product-item-actions .actions-secondary > .action::before{
    overflow: inherit;
}
.checkout-payment-method .billing-address-same-as-shipping-block input {
    vertical-align: bottom;
    margin-top: 0px;
}
table.table-checkout-shipping-method tbody .row {
    margin: 0;
}
.cp-footer-container .cp-footer-main .cp-fblock .cp-fcontent {
    float: none;
}
input[type="checkbox"],
.form-edit-account .field input[type="checkbox"],
.form-newsletter-manage .field input[type="checkbox"],
.account .field input[type="checkbox"] {
    vertical-align: bottom;
    margin-top: 0px;
}
.account .page-main .block {
    margin-bottom: 15px;
}
.account .fieldset {
    margin-bottom: 20px;
}
.product-item .product-item-info .product-item-inner .box-tocart {
    margin-bottom: 12px;
}
.header.content .compare.wrapper {
    margin: 12px 0px;
}
.header.content .compare.wrapper .compare {
    margin: 0px;
}
.sidebar-additional .block-content {
  margin-top: 15px;
}
.pad-main-bottom {
    padding-bottom: 0px;
}
.cp-footer-container .cp-footer-main .cp-fblock .cp-fcontent .cp-social li {
    margin-bottom: 6px;
}
.product-item .product-img-block .product-item-photo {
    display: block;
}
.filter-options .filter-options-content {
    margin-bottom: 0px;
}
.product-item-inner .product-item-description {
    margin-top: 8px;
    height: auto !important;
    max-height: 63px !important; 
    font-weight: normal !important;
    display: block !important;
}
.product-item-inner .product-item-actions {
    margin-top: 2px !important;
}

@media screen and (max-width: 620px) {
    .catalog-category-view a.action.more {
        display: none;
    }
  /* Your CSS rules for screens with a maximum width of 620px */
}

.fieldset .review-legend.legend span {
    display: block;
    margin-right: 0px;
    margin-bottom: 8px;
}
.review-form .review-fieldset {
    margin-bottom: 20px;
}
.copyright {
    padding: 20px 0px;
}
.privacy-policy h2 {
    font-weight: 500;
    margin: 20px 0px 20px;
}
.privacy-policy ul {
    padding-left: 15px;
}
.cp-footer-container .cp-footer-main .cp-fblock .cp-fcontent ul li strong::before {
    content: "\f0da";
    font-family: 'Fontawesome';
    margin-right: 10px;
}
.form-orders-search .fieldset,
.contact .fieldset,
.search.advanced .fieldset {
    margin-bottom: 25px;
}
.fotorama__nav.fotorama__nav--thumbs {
  margin-top: 8px;
}

@media screen and (min-width: 768px){
    .page-header,
    .nav-sections{
        background-color: #fff;
    }
    .navigation .level0 > .level-top,
    .header.panel > .header.links > li.welcome,
    .header.panel > .header.links > li > a:visited,
    .header.panel > .header.links > li.welcome,
    .header.panel > .header.links > li > a:active,
    .block-search input,
    .block-search .action.search::before,
    .header.panel > .header.links > li.welcome,
    .header.panel > .header.links > li > a,
    .header.panel > .header.links > li,
    .minicart-wrapper .action.showcart.active::before {
        color: #222;
    }
    .page-header .panel.wrapper,
    .header.panel > .header.links > li,
    .page-header .switcher,
    .block-search input {
        border-color: #eee;
    }
    .navigation ul {
        border: 0px;
    }
    .nav-sections {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
    .opc-wrapper .form-login, .opc-wrapper .form-shipping-address {
        margin: 20px 0px;
        padding: 0px;
    }
    .navigation .level0.parent > .level-top > .ui-menu-icon::after {
        display: none;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px){
    #wishlist-sidebar .product-item .product-item-info .product-item-photo {
      width: 100%;
      display: block;
      text-align: left;
      padding: 0px 0px 10px;
    }
    #wishlist-sidebar .product-item .product-item-info .product-item-details {
      width: 100%;
      display: block;
    }
    .header-notification{
        width: auto;
    }
    .fs-main .fs-row .fs-inner .fs-left {
        position: static;
        margin: 0px auto 20px;
    }
    .fs-main .fs-row .fs-inner .fs-right {
        padding: 0px;
        text-align: center;
    }
    .cp-footer-container .cp-footer-main .cp-fblock .cp-ftitle h3 {
        font-size: 16px;
    }
    .cart-summary .checkout-methods-items .action.primary.checkout {
        font-size: 16px;
        padding: 12px 12px;
    }
    .header.content .compare.wrapper {
      margin: 0px 0px;
    }
    .pad-main-bottom {
      padding-bottom: 0px;
    }
    .page-main .block .hat-main.pad-main {
      padding-top: 0px;
    }
}

@media screen and (max-width: 767px) {
    .action.nav-toggle::before {
        color: #222222;
    }
    .nav-toggle:hover::before {
         color: #007298;
    }
    .page-header {
        background: transparent;
    }
    .navigation .level0 {
        font-size: 14px;
    }
    .hat-main .hat-inner {
        margin-bottom: 15px;
    }
    .block-search .label::before {
        margin: 2px 7.5px 0 0;
    }
    .hab-main .hab-row .hab-inner {
        margin-bottom: 15px;
    }
    .logo img {
        max-height: none;
        vertical-align: middle;
    }
    .hb-main .hb-right .hb-top, .hb-main .hb-right .hb-bottom {
        margin: 0px;
    }
    .block-search .label::before,
    .minicart-wrapper .action.showcart.active::before{
        color: #222222;
    }
}

@media screen and (max-width: 767px) and (min-width: 640px){
    body .block-search .label::before {
        margin: 10px 7.5px 0 0;
    }
}

@media screen and (max-width: 639px){
    .minicart-wrapper{
        margin-top: 5px;
    }
    .hb-main .hb-right {
        margin-top: -25px;
    }
    .pad-main-bottom {
        padding-bottom: 0px;
    }
    .products-list .product-item .product-item-actions .actions-primary {
        display: inline-block;
        margin-right: 12px;
    }
    .products-list .product-item .product-item-actions .actions-secondary {
        display: inline-block;
    }
    .products-list .product-item-inner .product-item-description {
        display: inline-block;
        width: 100%;
    }
}

 .products.wrapper.list .product-reviews-summary {
margin: 0 auto 0 0;
}

@media screen and (max-width: 767px) {
.page-header .header.content {
padding: 10px 15px 0;
}
.page-header .nav-toggle {
top: 12px;
}
.page-header .logo {
margin: 0 0 10px 35px;
}
.page-header .minicart-wrapper {
margin: 0 0 10px 10px;
}
.page-header .block-search {
margin-top: 0;
}
.page-header .block-search .label {
width: 40px;
text-align: center;
}
body .page-header .block-search .label::before {
margin: 0 10px 0 0;
height: 43px;
line-height: 43px;
}
#wishlist-sidebar .product-item .product-item-info .product-item-photo {
    width: 70px;
}
#wishlist-sidebar .product-item .product-item-info .product-item-details {
    width: calc(100% - 70px);
}
}

.minicart-wrapper .action.showcart .counter.qty{
    padding-right: 15px;
}
/* Hide old price on product listing and detail pages */
.product-item-details .old-price,
.product-info-price .old-price {
    display: none;
}


li.item.product.product-item {
    list-style: none !important;
}
.checkout-index-index .mageb-checkout-title {
    margin-bottom: 36px;
}

/* Styles for screens with a minimum width of 768px (typical for desktop) */
@media (min-width: 768px) {
      /* Add your desktop-specific styles here */
    .payment-method-billing-address button.action.action-cancel.mageb-button {
        margin-left: 0px !important;
    }

}


.stock-availability span.instock {
    color: #7ad03a !important;
    font-size: 14px !important;
}

.stock-availability span.backorder {
    color: #fe5252 !important;
    font-size: 14px !important;
}

.breadcrumbs {
    display: block;
}

/* Media query for desktop screens */
@media only screen and (min-width: 768px) {
  #listServiceUPSADD {
    width: 40%;
  }
}

.minicart-items .item .product .product-item-details .details-qty .more {
  border: 1px solid #dddddd;
  height: 32px !important;
  width: 38px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  margin: 0;
  padding: 0;
  margin-left:-10px;
}
.minicart-items .item .product .product-item-details .details-qty .less {
  border: 1px solid #dddddd;
  height: 32px !important;
  width: 38px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  margin: 0;
  padding: 0;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat.ttf') format('ttf');
}

body {
    font-family: 'Montserrat';
}

button {
    font-family: 'Montserrat' !important;
}
.showcart::before {
     font-family: 'Bootstrap Icons' !important;
     content: '\F230' !important;
     src: url('../fonts/bootstrap-icons.woff') format('woff');
     font-size:22px;
     color: black;
     line-height: 35px !important;
}

.product-social-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before {
    content: '\e605';
}

.counter-number {
    position: relative;
    background-color: #007298; /* Change the background color as needed */
    color: #ffffff; /* Change the text color as needed */
    font-size: 14px; /* Adjust the font size as needed */
    font-weight: bold;
    padding: 2px 3px;
    border-radius: 1px; /* Make it a square by setting border-radius to a low value */
    padding-bottom: 2px !important;
}

.counter-number::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px; /* Adjust the distance of the arrow from the left side */
    border: 7px solid transparent; /* Adjust the size of the arrow */
    border-right-color: #007298; /* Match the background color of the message count */
    transform: translateY(-50%);
}

.minicart-wrapper .action.showcart .counter.qty{
    padding-right: 15px;
    margin-left: -4px;
    margin-top: -3px;
}


.ok-vat{
    color:#19cb19;
}
.error-vat{
    color: red;
}
div.formToVat {
  /* This bit sets up the horizontal layout */
  display:flex;
  flex-direction:row;
}

// checkout page css

.opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary>.title, .checkout-agreements-items .checkout-agreements-item-title, .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary>.title, .checkout-agreements-items .checkout-agreements-item-title {
    font-weight: 400;
    font-size: 2.4rem;
}

.minicart-items .product-item-details .product-item-name-block .details-qty {
    font-size: 2.4rem !important;
}

.opc-block-summary .product-item .price {
    font-size: 1.8rem !important;
}

.opc-block-summary .items-in-cart>.title strong {
    font-size: 2.4rem !important;
    font-weight: 600!important;
}

.minicart-items .product-item-name {
    font-weight: 400 !important;
    font-size: 15px !important;
}

.opc-wrapper .form-login .fieldset .field .label, .opc-wrapper .form-shipping-address .fieldset .field .label {
    font-weight: 600 !important;
}

.checkout-index-index .opc-block-summary .minicart-items .product > .product-image-container {
  width:75px !important;
  height:84px !important;
}

.checkout-index-index .checkout-shipping-address label.label {
    font-size: 15px !important;
}

// checkout page headerblock css

// checkout page headerblock css
.checkout-index-index .nav-sections{
    display: block !important;
}

.checkout-index-index .authentication-wrapper{
    display: none !important;
} 


/* Hide sidebar-main on mobile devices */
@media only screen and (max-width: 768px) {
    .wishlist-index-index .sidebar-main {
        display: none !important;
    }

    .wishlist-index-index .sidebar-additional {
        display: none !important;
    }

    .wishlist-index-index .block-wishlist{
        display: none;
    }

    .products-grid .product-item-info .product-item-link{
        font-weight: normal !important;
    }

    .products-grid .product-item-info .product-item-link{
        font-weight: normal !important;
    }
    .wishlist-index-index button.action.share{
    margin-left: -3px !important;
}
}

.wishlist-index-index .products-grid .product-item-info .product-item-link{
    font-weight: none !important;
    font-size: 18px !important;
}


.wishlist-index-index span.toolbar-number{
    margin-left: 17px;
} 


@media (max-width: 620px) {
  .actions-toolbar .primary button span,
  .actions-toolbar .secondary a span {
    font-size: 10px !important; /* Increase font size for better readability */
  }
}



@media only screen and (max-width: 767px){
    .actions-toolbar .primary .action {
        margin: -1px 13px 0 0 !important;
    }
}

.wishlist-index-index button.action.tocart.primary span { font-size:10px; margin-left: -4px !important;}


.wishlist-index-index .product-item-inner .box-tocart{
  display:none !important;
}

.wishlist-index-index .product-item-inner .product-item-actions{
    top -35px;
}

/*.wishlist-index-index .actions-toolbar .action.update{
  display:none !important;
}*/

#wishlist-view-form .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner {
   margin-top: 13px;
   position: none !important;
   width: 100%;
}


  .wishlist-index-index .product-item-inner{
    display: block !important;
  }


  .actions-toolbar > .primary {
    display: inline-block;
  } 

 /* .wishlist-index-index .action.update{
    float: right;
    visibility: hidden;

  }*/

  .wishlist-index-index .action.share{
    float: left;
    
  }

  .wishlist-index-index .product-item-actions .action.edit::before {
    content: url('../images/new_edit_btn.png') !important; // Adjust the path and file name accordingly
}
// star icon

.wishlist-index-index .product-item-actions .action.delete:before {
    font-family: 'luma-icons' !important;
    content: '\e605' !important;
    font-size: 16px !important;
    color: #007298 !important;
    font-size: 18px !important;
}

.wishlist-index-index .product-item-actions .action.edit{
    display:none;
}

.wishlist-index-index .product-item-actions .action.delete span {
    display:none;
}


@media only screen and (max-width: 767px) {
    .wishlist-index-index .product-item-actions .action.edit {
        margin-left: -79px !important;
    }
} 


/* Base style for desktop */
.wishlist-index-index .product-item-inner .product-item-actions {
    top: -40px;
    left: 140px;
}

.wishlist-index-index .product-item-info .product-item-inner{
    height: 45px;
}

/* For tablets and larger smartphones (landscape) */
@media (max-width: 1024px) {
    .wishlist-index-index .product-item-inner .product-item-actions {
        left: 100px;
    }
}

/* For smaller tablets and larger smartphones (portrait) */
@media (max-width: 768px) {
    .wishlist-index-index .product-item-inner .product-item-actions {
        left: 80px;
    }
}

/* For mobile phones (landscape) */
@media (max-width: 480px) {
    .wishlist-index-index .product-item-inner .product-item-actions {
        left: 60px;
    }
}

/* For small mobile phones (portrait) */
@media (max-width: 320px) {
    .wishlist-index-index .product-item-inner .product-item-actions {
        left: 40px;
    }
}


.wishlist-index-index .price-box.price-configured_price {
    margin-bottom: 30px !important;
}


@font-face {
    font-family: 'Bootstrap Icons';
    src: url('../fonts/bootstrap-icons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.bi {
    font-family: 'Bootstrap Icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bi-cart::before {
    content: '\f07a'; /* Unicode value for the cart icon from bootstrap icons */
}


@media (min-width: 1024px) {
    .accordion-container ul.nav-accordion li a span {
        font-size: 13px ;
    }
    .accordion-container .submenu li.level2 {
      margin-left: 30px;
    }
}

.wishlist-index-index .products-grid .product-item .product-item-inner .product-item-actions {
  padding: 25px 0;
}


.customer-account-index,
.sales-order-history,
.downloadable-customer-products,
.wishlist-index-index,
.customer-address-index,
.customer-account-edit,
.vault-cards-listaction,
.newsletter-manage-index div#block-collapsible-nav {
    text-transform: uppercase;
}

header.links {
    text-transform: uppercase;
}

.custom-mob-menu a.level-top { border-bottom:none !important; font-size:20px; color:#222222 !important;}
.custom-mob-menu span { font-weight:700 !important}

.sales-order-view .order-details-items a { color:#007298;}



@media (max-width: 768px) {
    ul.header.links a {
        text-transform: uppercase !important;
        font-size: 14px !important;
    }
    .switcher-language .switcher-option a{
    font-size: 14px !important;
    }


    .switcher-language span{
        font-size: 14px !important;
    }

    ul.nav-accordion li a.level-top span {
        margin-left: 3px !important;
    }

    .nav-3 span {
        margin-left: 4px;
    }

    .nav-1 span {
        margin-left: 4px !important;
    }

}

@media only screen and (max-width: 768px) {
    .cart.table-wrapper .action-towishlist:before {
        content: '\e605' !important;
    }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
    .wishlist-index-index .actions-toolbar > .primary {
        display: inline-block;
        width: 100% !important;
    }
}

/*@media (min-width: 1024px) {
    .accordion-container ul.nav-accordion li a span {
        font-size: 9.7px ;
        font-weight:500;
    }
    
}*/
/*
jQuery("#wishlist-view-form").next().next().hide(); 
*/


.submenu li.level1 {
  margin-left: -16px;
}


















.account .product.data.items > .item.title > strong {
    font-weight: 400;
    line-height: 40px;
    font-size: 1.4rem;
    color: #666666;
    text-decoration: none;
    background: #f2f2f2;
    border: 1px solid #dddddd;
    border-bottom: none;
    height: 40px;
    padding: 1px 35px 1px 35px;
  }


  .account .product.data.items > .item.title > strong:visited {
    color: #666666;
    text-decoration: none;
  }

  .account .product.data.items > .item.title > strong:hover {
    color: #666666;
    text-decoration: none;
  }
  .account .product.data.items > .item.title > strong:active {
    color: #222222;
    text-decoration: none;
  }
  .account .product.data.items > .item.title:not(.disabled) > strong:focus,
  .account .product.data.items > .item.title:not(.disabled) > strong {
    background: #ffffff;
  }
  .account .product.data.items > .item.title:not(.disabled) > strong:active,
  .account .product.data.items > .item.title.active > strong,
  .account .product.data.items > .item.title.active > strong:focus,
  .account .product.data.items > .item.title.active > strong:hover {
    background: #ffffff;
    color: #222222;
    text-decoration: none;
  }
  .account .product.data.items > .item.title.active > strong,
  .account .product.data.items > .item.title.active > strong:focus,
  .account .product.data.items > .item.title.active > strong:hover {
    padding-bottom: 2px;
  }


  .account .product.data.items > .item.title > strong {
    height: 18px;
    display: block;
    position: relative;
    z-index: 2;
  }

  .account .product.data.items > .item.title > strong {
    height: 18px;
    display: block;
    position: relative;
    z-index: 2;
  }

  .account .product.data.items > .item.title > strong {
    font-weight: 400;
    line-height: 40px;
    font-size: 1.4rem;
    color: #666666;
    text-decoration: none;
    background: #f2f2f2;
    border: 1px solid #dddddd;
    border-bottom: none;
    height: 40px;
    padding: 1px 35px 1px 35px;
  }

  .account .product.data.items > .item.title > strong:visited {
    color: #666666;
    text-decoration: none;
  }

  .account .product.data.items > .item.title > strong:hover {
    color: #666666;
    text-decoration: none;
  }


   .account .product.data.items > .item.title > strong:active {
    color: #222222;
    text-decoration: none;
  }
  .account .product.data.items > .item.title:not(.disabled) > strong:focus,
  .account .product.data.items > .item.title:not(.disabled) > strong:hover {
    background: #ffffff;
  }
  .account .product.data.items > .item.title:not(.disabled) > strong:active,
  .account .product.data.items > .item.title.active > strong,
  .account .product.data.items > .item.title.active > strong:focus,
  .account .product.data.items > .item.title.active > strong:hover {
    background: #ffffff;
    color: #222222;
  }
  .account .product.data.items > .item.title.active > strong,
  .account .product.data.items > .item.title.active > strong:focus,
  .account .product.data.items > .item.title.active > strong:hover {
    padding-bottom: 2px;
  }


.account .order-details-items,.block-order-details-view {
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  margin-bottom: 20px;
  padding-bottom: 10px;

  margin-left: 0px;
  padding-left: 10px;

  margin-right: 2px;
  padding-right: 10px;
}



.account .items.order-links.product.data.items {
    border-bottom: 1px solid #dddddd;;
}

.account .order-details-items,.block-order-details-view {
    margin-top: -20px;
    padding-top: 10px;
}

.sales-order-view a.action.track {
    margin-left: 5px;
    color: #007298;
}

.checkout-cart-index .item-info .decreaseQty{
    height: 36px;
    margin-bottom: 2px;
}

.checkout-cart-index .item-info .increaseQty{
    height: 36px;
    margin-bottom: 2px;
}

.minicart-items .item .product .product-item-details .details-qty .more{
    margin-bottom: 2px;
}


.minicart-items .item .product .product-item-details .details-qty .less{
    margin-bottom: 2px;
}



/* background remove amasty one step checkout*/

.checkout-index-index .am-checkout:not(.-modern){
    background: none !important;
}

@media screen and (max-width: 767px) {
    .checkout-index-index .opc-estimated-wrapper {
        display: none !important;
    }

    .checkout-index-index .amcheckout-title-container{
        margin-left: 10px;
    }

    .checkout-index-index .header.content .nav-toggle{
        display: block !important;
    }

    .checkout-index-index .header .nav-toggle{
        display: block !important;
    }
}
.checkout-index-index .form-shipping-address{
    background: none !important;
}


.checkout-index-index .form-login{
    background: none !important;
}

.checkout-index-index .opc-block-summary{
    background: none !important;
}

@media only screen and (max-width: 639px)
.opc-wrapper .methods-shipping {
    border-bottom: 1px solid #ddd;
    padding-top: 30px;
    background:none !important;
}

form#co-shipping-method-form{
    background:none !important;
}

.checkout-index-index .checkout-block {
    border: 1px solid rgba(0, 0, 0, 0.1); /* Light gray frame */
    box-shadow: none !important;         /* Remove any shadow */
}






a#lang_en:before {
    background-position: -7777px 0 !important;
}

a#lang_en:before {
    background-image: url(//bermantec.nl/wp-content/themes/oceanwp/assets/img/rect_bright.png);
    -webkit-background-size: auto 20px !important;
    background-size: auto 20px !important;
    border-radius: 0 !important;
    width: 30px !important;
    height: 20px !important;
    content: "";
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    overflow: hidden;
}

a#lang_nl:before {
    background-position: -5121px 0 !important;
}

a#lang_nl:before {
    background-image: url(//bermantec.nl/wp-content/themes/oceanwp/assets/img/rect_bright.png);
    -webkit-background-size: auto 20px !important;
    background-size: auto 20px !important;
    border-radius: 0 !important;
    width: 30px !important;
    height: 20px !important;
    content: "";
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    overflow: hidden;
}


a#lang_de:before {
    background-position: -2753px 0 !important;
}

a#lang_de:before {
    background-image: url(//bermantec.nl/wp-content/themes/oceanwp/assets/img/rect_bright.png);
    -webkit-background-size: auto 20px !important;
    background-size: auto 20px !important;
    border-radius: 0 !important;
    width: 30px !important;
    height: 20px !important;
    content: "";
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    overflow: hidden;
}


a#lang_fr:before {
    background-position: -2561px 0 !important;
}

a#lang_fr:before {
    background-image: url(//bermantec.nl/wp-content/themes/oceanwp/assets/img/rect_bright.png);
    -webkit-background-size: auto 20px !important;
    background-size: auto 20px !important;
    border-radius: 0 !important;
    width: 30px !important;
    height: 20px !important;
    content: "";
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    overflow: hidden;
}












.industry-block .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p span, .industry-block .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p span span{
font-size:22px !important;
}


.industry-block .gmt-widget:not(:last-child) {
    margin-bottom: 0px !important; 
}

.industry-block .gmt-image img{
width:100% !important;
}

.industry-block .gmt-widget-container{margin:0 0 0 0 !important;}

        /* Heading styling */
        .industry-block {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        

        .industry-block .gmt-section:not(:last-child) {
            margin-bottom: 20px;
        }

        /* Center last 2 items in last row */
        @media (min-width: 969px) {
            .industry-block .gmt-section:last-child .gmt-row {
                display: grid;
                grid-template-columns: 1fr auto auto 1fr;
                justify-items: center;
            }

            .industry-block .gmt-section:last-child .gmt-row .gmt-col-25:nth-child(1) {
                display: none;
            }

            .industry-block .gmt-section:last-child .gmt-row .gmt-col-25:nth-child(2) {
                grid-column: 2 / 3;
                margin-right: 20px;
            }

            .industry-block .gmt-section:last-child .gmt-row .gmt-col-25:nth-child(3) {
                grid-column: 3 / 4;
                margin-left: 20px;
            }

            .industry-block .gmt-section:last-child .gmt-row .gmt-col-25:nth-child(4) {
                display: none;
            }
        }

        /* Make each column a hover box - square shape */
        .industry-block .gmt-column.gmt-col-33,
        .industry-block .gmt-column.gmt-col-25 {
            position: relative;
            width: 100%;
            max-width: 385px;
            height: auto;
            overflow: hidden;
            cursor: pointer;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            padding: 0;
            margin: 0 auto;
        }

        .industry-block .gmt-column.gmt-col-33:hover,
        .industry-block .gmt-column.gmt-col-25:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
        }

        /* Image styling */
        .industry-block .gmt-column .gmt-image {
            width: 100%;
            z-index: 1;
            overflow: hidden;
            display: block;
        }

        .industry-block .gmt-column .gmt-image img,
        .industry-block .gmt-column .gmt-image picture,
        .industry-block .gmt-column .gmt-image picture img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.3s ease;
        }

        .industry-block .gmt-column:hover .gmt-image img {
            transform: scale(1.1);
        }

        /* Title label - first text editor (title) */
        .industry-block .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            background: none;
            padding: 20px;
            pointer-events: none;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            width: 100%;
        }

        .industry-block .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p {
            color: white !important;
            font-size: 30px;
            font-weight: 900;
            text-align: center !important;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0;
            padding: 0;
            transition: opacity 0.3s ease;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .industry-block .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p span,
        .industry-block .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p span span {
            color: white !important;
            text-align: center !important;
            display: block;
            width: 100%;
            margin: 0 0 60px 0;
            padding: 0;
            font-size: 30px;
        }

        /* Description text - second text editor */
        .industry-block .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(3) {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 3;
            background: white;
            padding: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .industry-block .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(3) .gmt-text-editor {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .industry-block .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(3) .gmt-text-editor p {
            color: black;
            font-size: 16px;
            line-height: 1.8;
            text-align: center;
            margin: 0;
        }

        /* Hover effects */
        .industry-block .gmt-column:hover .gmt-widget-wrap > .gmt-element:nth-child(3) {
            opacity: 1;
            visibility: visible;
        }

        .industry-block .gmt-column:hover .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p {
            opacity: 0;
        }

        /* Hide empty columns */
        .industry-block .gmt-column-wrap:not(.gmt-element-populated) {
            display: none;
        }

        /* Responsive */
        @media (max-width: 968px) {
            .industry-block .gmt-section .gmt-row {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 640px) {
            .industry-block .gmt-section .gmt-row {
                grid-template-columns: 1fr;
            }

            .industry-block .gmt-column:not(.gmt-col-100) .gmt-text-editor p span[data-ccp-charstyle="Strong Emphasis"] {
                font-size: 32px;
            }
        }



             /* Why Choose Us Block Styling */
        .why-choose-us {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
      
        .why-choose-us .gmt-image img{
max-width:100% !important;
}

        /* Heading styling */
        .why-choose-us .gmt-text-title {
            text-align: center;
            color: #333;
            font-size: 42px;
            font-weight: bold;
            margin-bottom: 30px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        /* Text paragraphs section */
        .why-choose-us .gmt-section:nth-child(2) .gmt-text-editor {
            max-width: 1200px;
            margin: 0 auto 40px;
            padding: 0 20px;
        }

        .why-choose-us .gmt-section:nth-child(2) .gmt-text-editor p {
            font-size: 16px;
            line-height: 1.8;
            color: #333;
            margin-bottom: 15px;
        }

        /* Grid layout for 2x2 boxes */
        .why-choose-us .gmt-section:nth-child(n+3) .gmt-row {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            padding: 15px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .why-choose-us .gmt-section:nth-child(n+3) {
            margin-bottom: 20px;
        }

        /* Make each column a hover box */
        .why-choose-us .gmt-column.gmt-col-50 {
            position: relative;
            width: 100%;
            height: auto;
            overflow: hidden;
            cursor: pointer;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            padding: 0;
            margin: 0;
        }

        .why-choose-us .gmt-column.gmt-col-50:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
        }

        /* Image styling */
        .why-choose-us .gmt-column .gmt-image {
            width: 100%;
            height: 100%;
            z-index: 1;
            overflow: hidden;
            display: block;
        }

        .why-choose-us .gmt-column .gmt-image img,
        .why-choose-us .gmt-column .gmt-image picture,
        .why-choose-us .gmt-column .gmt-image picture img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
            transition: transform 0.3s ease;
        }

        .why-choose-us .gmt-column:hover .gmt-image img {
            transform: scale(1.1);
        }

        /* Title label - second text editor (title) */
        .why-choose-us .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            background: none;
            padding: 20px;
            pointer-events: none;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            width: 100%;
        }

        .why-choose-us .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p {
            color: white !important;
            font-size: 30px;
            font-weight: 900;
            text-align: center !important;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0;
            padding: 0;
            transition: opacity 0.3s ease;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .why-choose-us .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p span,
        .why-choose-us .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p span span {
            color: white !important;
            text-align: center !important;
            display: block;
            width: 100%;
            margin: 0 0 60px 0;
            padding: 0;
            font-size: 30px;
        }

        /* Description text - third text editor */
        .why-choose-us .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(3) {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 3;
            background: white;
            padding: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .why-choose-us .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(3) .gmt-text-editor {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .why-choose-us .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(3) .gmt-text-editor p {
            color: black;
            font-size: 16px;
            line-height: 1.8;
            text-align: center;
            margin: 0;
        }

        /* Hover effects */
        .why-choose-us .gmt-column:hover .gmt-widget-wrap > .gmt-element:nth-child(3) {
            opacity: 1;
            visibility: visible;
        }

        .why-choose-us .gmt-column:hover .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p {
            opacity: 0;
        }

        /* Widget spacing */
        .why-choose-us .gmt-widget:not(:last-child) {
            margin-bottom: 0px !important; 
        }

        .why-choose-us .gmt-widget-container {
            margin: 0 0 0 0 !important;
        }

        /* Hide empty columns */
        .why-choose-us .gmt-column-wrap:not(.gmt-element-populated) {
            display: none;
        }

        /* Responsive */
        @media (max-width: 968px) {
            .why-choose-us .gmt-section:nth-child(n+3) .gmt-row {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 640px) {
            .why-choose-us .gmt-text-title {
                font-size: 32px;
            }

            .why-choose-us .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p span,
            .why-choose-us .gmt-column .gmt-widget-wrap > .gmt-element:nth-child(2) .gmt-text-editor p span span {
                font-size: 24px;
            }
        }


.industry-block .gmt-column-gap-default>.gmt-row>.gmt-column>.gmt-element-populated{
    padding: 0px !important;
}

.industry-block .gmt-column-gap-default>.gmt-row>.gmt-column>.gmt-element-populated{
    padding: 0px !important;
}

.why-choose-us .gmt-column-gap-default>.gmt-row>.gmt-column>.gmt-element-populated{
    padding: 0px !important;
}

.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
    color: white;
}










/* ============================================================
   BERMANTEC — Full Custom CSS
   Desktop changes only where noted | Mobile unchanged
   ============================================================ */

/* Prevent double logo flash on load */
.page-header .panel.wrapper .desktop-logo-wrapper {
    display: none;
}

/* ============================================================
   DESKTOP (min 768px)
   ============================================================ */
@media only screen and (min-width: 768px) {

    /* ---------- Same padding for logo row + search row ---------- */
    .page-header .panel.wrapper,
    .page-header .header.content {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        width: 100%;
    }

    /* ---------- LOGO in panel.wrapper ---------- */
    .header.content > .nav-toggle,
    .header.content > .logo {
        display: none !important;
    }

    .page-header .panel.wrapper .desktop-logo-wrapper {
        display: block !important;
        float: none;
        margin: 0;
        flex-shrink: 0;
    }

    .page-header .panel.wrapper .desktop-logo-wrapper .logo {
        float: left;
        margin: 0;
        max-width: 50%;
    }

    .page-header .panel.wrapper .desktop-logo-wrapper .logo img {
        display: block;
        max-height: 43px;
        max-width: 148px;
        width: auto;
        height: auto;
    }

    /* ---------- TOP ROW LAYOUT ---------- */
    .page-header .panel.wrapper .header.panel {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Flags — top margin */
    .page-header .panel.wrapper .header-notification,
    .page-header .panel.wrapper .switcher-language {
        float: none;
        margin-left: 15px;
        margin-top: 12px;
        line-height: normal;
        max-width: none;
    }

    .page-header .panel.wrapper #new_lang,
    .page-header .panel.wrapper #new_lang.inmenu {
        display: inline-flex !important;
        align-items: flex-start;
        vertical-align: top;
    }

    .page-header .panel.wrapper #new_lang a,
    .page-header .panel.wrapper .lang-link {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px 0 0;
    }

    /* Header links — same top margin as flags */
    .page-header .panel.wrapper .header.panel > .header.links {
        float: right;
        margin-top: 12px;
        margin-left: auto;
    }

    .page-header .panel.wrapper .header.panel > .header.links > li {
        line-height: 20px;
        vertical-align: top;
    }

    .page-header .panel.wrapper .header.panel > .header.links > li > a {
        line-height: 20px;
    }

    /* ---------- MINICART in header links row ---------- */
    .page-header {
        position: relative;
    }

    .page-header .header.content > .minicart-wrapper {
        position: absolute;
        top: 22px;
        right: 20px;
        float: none;
        margin: 0;
        z-index: 6;
        display: block !important;
    }

    .page-header .header.content > .minicart-wrapper .action.showcart .text {
        display: inline-block;
    }

    /* ---------- SEARCH BAR — full width from logo left ---------- */
    .page-header .header.content {
        display: block;
        margin: auto !important;
        clear: both;
        margin: 0;
        padding-top: 0;
        padding-bottom: 10px;
    }

    .page-header .header.content .block-search {
        float: none !important;
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 5px 0 !important;
        clear: both;
        box-sizing: border-box;
    }

    .page-header .header.content .block-search .control {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .page-header .header.content .block-search input {
        width: 100% !important;
        box-sizing: border-box;
        height: 40px;
        border-color: #007298 !important;
    }

    .page-header .header.content .block-search .action.search {
        right: 0;
        top: 5px;
    }

    .page-header .header.content .block-search .action.search::before,
    .block-search .action.search::before {
        color: #007298 !important;
    }

    /* ---------- NAVIGATION — center ---------- */
    .nav-sections {
        text-align: center;
    }

    .nav-sections .navigation {
        text-align: center;
        width: 100%;
    }

    .nav-sections .navigation > ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        float: none;
    }

    .nav-sections .navigation .level0 {
        float: none !important;
        display: inline-block;
    }

}

/* ============================================================
   MOBILE (max 767px) — logo + minicart unchanged
   ============================================================ */
@media only screen and (max-width: 767px) {

    /* Hide desktop logo */
    .page-header .panel.wrapper .desktop-logo-wrapper {
        display: none !important;
    }

    /* Minicart — default header position */
    .page-header .header.content > .minicart-wrapper {
        position: static !important;
        float: right !important;
        display: block !important;
        top: auto !important;
        right: auto !important;
        margin: 0 0 10px 10px !important;
        z-index: 5;
    }

    .page-header .header.content > .minicart-wrapper .action.showcart .text {
        display: none;
    }
}

/* ============================================================
   NAVIGATION COLORS — #007298
   ============================================================ */

/* Top menu — active */
.nav-sections .navigation .level0.active > .level-top,
.nav-sections .navigation .level0.active > a.level-top,
.nav-sections .navigation .level0.has-active > .level-top {
    background-color: #007298 !important;
    border-color: #007298 !important;
    color: #ffffff !important;
}

/* Top menu — hover */
.nav-sections .navigation .level0 > .level-top:hover,
.nav-sections .navigation .level0:hover > .level-top {
    background-color: #007298 !important;
    border-color: #007298 !important;
    color: #ffffff !important;
}

/* Submenu — active & hover */
.navigation .level0 .submenu a.ui-state-active,
.navigation .level0 .submenu a:hover,
.navigation .level0 .submenu a:focus,
.navigation .level0 .submenu a.ui-state-focus {
    color: #007298 !important;
    background-color: transparent !important;
}

/* Submenu top border */
.navigation .level0 .submenu {
    border-top-color: #007298 !important;
}

/* Mobile navigation */
@media only screen and (max-width: 767px) {
    .nav-sections .navigation .level0.active > a,
    .nav-sections .navigation .level0.active > .level-top,
    .nav-sections .navigation .level0 > a:hover {
        background-color: #007298 !important;
        border-color: #007298 !important;
        color: #ffffff !important;
    }
}

/* ============================================================
   SEARCH BAR BORDER — #007298
   ============================================================ */
.page-header .block-search input,
.block-search input {
    border-color: #007298 !important;
}

.page-header .block-search input:focus,
.block-search input:focus {
    border-color: #007298 !important;
    outline: none;
    box-shadow: 0 0 0 1px #007298;
}

.block-search .action.search::before,
.block-search .label::before {
    color: #007298 !important;
}

.hero-content .block-search input,
.hero-content #search {
    border-color: #007298 !important;
}

.hero-content .block-search .action.search::before {
    color: #007298 !important;
}

/* ============================================================
   BREADCRUMB ACTIVE COLOR — #007298
   ============================================================ */
.breadcrumbs .items {
    color: #333;
}

.breadcrumbs .item strong {
    color: #007298 !important;
    font-weight: 600;
}

.breadcrumbs .item a {
    color: #333;
}

.breadcrumbs .item a:hover,
.breadcrumbs .item a:focus {
    color: #007298 !important;
}

.breadcrumbs .item:not(:last-child):after {
    color: #999 !important;
}

/* ========== DESKTOP — center search bar ========== */
@media only screen and (min-width: 768px) {

    .page-header .header.content .block-search {
        float: none !important;
        display: block;
        width: 70% !important;          /* adjust width if needed */
        max-width: 800px;
        margin: 5px auto 0 auto !important;  /* centers horizontally */
        padding: 5px 0 !important;
        clear: both;
        box-sizing: border-box;
    }

    .page-header .header.content .block-search .control {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .page-header .header.content .block-search input {
        width: 100% !important;
        box-sizing: border-box;
    }
}

 ========== DESKTOP — fix minicart position (top row, not on search bar) ========== 
@media only screen and (min-width: 768px) {

    .page-header {
        position: relative;
    }

    /* Minicart in header links row */
    .page-header .header.content > .minicart-wrapper {
        position: absolute !important;
        top: 12px !important;        /* top row — was 22px, caused overlap */
        right: 20px !important;
        float: none !important;
        margin: 0 !important;
        z-index: 10;
        display: block !important;
    }

    .page-header .header.content > .minicart-wrapper .action.showcart .text {
        display: inline-block;
    }

    /* Centered search bar — below top row, no overlap */
    .page-header .header.content .block-search {
        float: none !important;
        display: block;
        width: 70% !important;
        max-width: 800px;
        margin: 8px auto 0 auto !important;
        padding: 5px 0 !important;
        clear: both;
        box-sizing: border-box;
    }

    .page-header .header.content .block-search .control,
    .page-header .header.content .block-search input {
        width: 100% !important;
        box-sizing: border-box;
    }
}

/* ========== DESKTOP — wider centered search bar ========== */
@media only screen and (min-width: 768px) {

    .page-header .header.content .block-search {
        width: 90% !important;       /* was 70% — increase width */
        max-width: 1100px;         /* was 800px — allow wider on large screens */
        margin: 8px auto 0 auto !important;
    }

    .page-header .header.content .block-search .control,
    .page-header .header.content .block-search input {
        width: 100% !important;
    }
}

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

    .page-header .header.content .block-search {
        width: 100% !important;
        max-width: 1100px;
        margin: 8px auto 0 auto !important;
    }
}

/*@media only screen and (min-width: 768px) {

    .page-header .header.content {
        margin-left: 16.5%;
    }
}


@media only screen and (max-width: 767px) {
    .page-header .header.content {
        margin-left: 1%;
    }
}*/


/* ========== DESKTOP — minicart in header links row ========== */
@media only screen and (min-width: 768px) {

    .page-header .panel.wrapper .header.panel > .minicart-wrapper {
        display: block !important;
        float: right !important;
        margin: 12px 0 0 10px !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 10;
    }

    .page-header .panel.wrapper .header.panel > .minicart-wrapper .action.showcart .text {
        display: inline-block;
    }
}

/* ========== MOBILE — minicart in header bar (NOT header links) ========== */
@media only screen and (max-width: 767px) {

    .page-header {
        position: relative;
    }

    /* Move cart out of header links row → next to logo */
    .page-header .panel.wrapper .header.panel > .minicart-wrapper {
        position: absolute !important;
        top: 12px !important;
        right: 15px !important;
        bottom: auto !important;
        left: auto !important;
        float: none !important;
        margin: 0 !important;
        display: block !important;
        z-index: 25;
    }

    .page-header .panel.wrapper .header.panel > .minicart-wrapper .action.showcart .text {
        display: none;
    }

    /* Hide cart inside mobile slide menu / header links */
    .nav-sections .minicart-wrapper,
    .header.panel > .header.links + .minicart-wrapper {
        /* cart uses absolute above — not in links flow */
    }
}

@media only screen and (min-width: 768px){
.page-header .header.content > .minicart-wrapper {
    position: absolute !important;
    top: -48px !important;
    right: 10px !important;
    float: none !important;
    margin: 0 !important;
    z-index: 10;
    display: block !important;
}
}


/* Show all navigation menu items on every page */
@media only screen and (min-width: 768px) {
    body:not(.cms-index-index) .navigation > ul > li.level0:nth-child(1),
    body:not(.cms-index-index) .navigation > ul > li.level0:nth-child(3) {
        display: inline-block !important;
    }
}


/* ============================================================
   NAVIGATION — ACCUEIL active only on homepage
   Menu order: 1=ACCUEIL, 2=QUI SOMMES-NOUS, 3=PRODUITS, 4=NOUS CONTACTER
   ============================================================ */

/* Desktop — reset ACCUEIL active style off homepage */
@media only screen and (min-width: 768px) {
    body:not(.cms-index-index) .nav-sections .navigation > ul > li.level0:nth-child(1).active > .level-top,
    body:not(.cms-index-index) .nav-sections .navigation > ul > li.level0:nth-child(1).active > a.level-top,
    body:not(.cms-index-index) .nav-sections .navigation > ul > li.level0:nth-child(1).has-active > .level-top,
    body:not(.cms-index-index) .nav-sections .navigation > ul > li.level0:nth-child(1) > .level-top.ui-state-active {
        background-color: transparent !important;
        border-color: transparent !important;
        color: #333 !important;
    }
}

/* Mobile — same behavior */
@media only screen and (max-width: 767px) {
    body:not(.cms-index-index) .nav-sections .navigation > ul > li.level0:nth-child(1).active > a,
    body:not(.cms-index-index) .nav-sections .navigation > ul > li.level0:nth-child(1).active > .level-top,
    body:not(.cms-index-index) .nav-sections .navigation > ul > li.level0:nth-child(1).has-active > .level-top,
    body:not(.cms-index-index) .nav-sections .navigation > ul > li.level0:nth-child(1) > .level-top.ui-state-active {
        background-color: transparent !important;
        border-color: transparent !important;
        color: #333 !important;
    }
}


/* ============================================================
   CHECKOUT — hide duplicate logo (right side, after header links)
   Keep left logo in .desktop-logo-wrapper
   ============================================================ */
body.checkout-index-index .page-header .panel.wrapper .header.panel > .logo {
    display: none !important;
}



/* ============================================================
   DESKTOP — logo 190px, flags 180px, 20px gap (sprite-safe)
   ============================================================ */
@media only screen and (min-width: 768px) {

    /* Logo — 190px */
    .page-header .panel.wrapper .desktop-logo-wrapper .logo {
        max-width: none;
    }

    .page-header .panel.wrapper .desktop-logo-wrapper .logo img {
        display: block;
        width: 190px !important;
        max-width: 190px !important;
        height: auto !important;
        max-height: 55px;
    }

    /* Flags — 20px after logo */
    .page-header .panel.wrapper .header-notification,
    .page-header .panel.wrapper .switcher-language {
        margin-left: 20px !important;
        margin-top: 12px;
    }

    /* Scale entire flag row to 180px without breaking sprite positions */
    .page-header .panel.wrapper #new_lang,
    .page-header .panel.wrapper #new_lang.inmenu {
        display: inline-flex !important;
        align-items: center;
        justify-content: space-between;
        width: 150px;                    /* base width: 4×30px + gaps */
        transform: scale(1.2);           /* 150 × 1.2 = 180px total */
        transform-origin: left center;
        margin: 0;
        vertical-align: middle;
    }

    .page-header .panel.wrapper #new_lang a,
    .page-header .panel.wrapper .lang-link {
        margin: 0 !important;
    }

    /* Remove any previous overrides on :before — let theme sprite CSS work */
    .page-header .panel.wrapper #new_lang a.lang-link:before,
    .page-header .panel.wrapper a#lang_en:before,
    .page-header .panel.wrapper a#lang_fr:before,
    .page-header .panel.wrapper a#lang_nl:before,
    .page-header .panel.wrapper a#lang_de:before {
        width: 30px !important;
        height: 20px !important;
        background-size: auto 20px !important;
        -webkit-background-size: auto 20px !important;
        margin-right: 0 !important;
    }
}








.counter-number {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px !important; 
    width: 22px;         /* same width for 0, 1, 2… */
    height: 24px !important;           /* only extra space for 10+ */
    box-sizing: border-box;
    background-color: #007298;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    border-radius: 1px;
    font-variant-numeric: tabular-nums;  /* equal digit widths */
}

.counter-number::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    border: 7px solid transparent;
    border-right-color: #007298;
    transform: translateY(-50%);
}

div#switcher-language {
    margin-left: 54px !important;
}

.checkout-index-index .page-header .minicart-wrapper {
    display: block !important;
}

.checkout-index-index .action.showcart{
    display: block !important;
}

@media (min-width: 768px){
    .navigation .level0 .submenu a {
        text-align: left;
    }
}









#search_mini_form .action.search{
    opacity:1 !important;
}


.cms-fr-new-homepage .gmt-magento-recently-compared-products .price-box {
    display:none
}

.cms-fr-new-homepage .header.content .block.block-search {
    display:none !important;
}