/** Shopify CDN: Minification failed

Line 1471:1 Expected "}" to go with "{"

**/
html {
    scroll-behavior: smooth;
}

button.product-gallery--media-thumbnail.product-gallery--image-thumbnail {
    width: 80px;
    height: 80px;
    border: 0.5px solid #DCE5DC;
    margin-bottom: 10px;
    border-radius: 4px;
}

.product-zoom--thumb-scroller button {
    margin: 8px auto;
    margin-bottom: 0px !important;
}

.product_download_resources ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product_download_resources ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
}

.product_download_resources ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #2d2c2c;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.section_the_velpo_titel {
    display: none;
}

.product_download_resources ul li a img {
    width: 33px;
}

body .div_the_velpo_titel_right {
    margin-bottom: 26px !important;
}

.product_download_resources {
    width: 100%;
    border: 0.7px solid #DCE5DC;
    padding-top: 44px;
    padding-left: 44px;
    padding-right: 44px;
    padding-bottom: 30px;
    border-radius: 4px;
    margin-top: 26px;
}

.product_download_resources h2.div_the_velpo_titel_left_h2 {
    padding: 0;
    font-style: normal;
    font-size: 16px !important;
    line-height: 22px;
    color: #2d2c2c;
    margin-bottom: 25px;
}

body .product-main {
    padding: 0;
    border: none;
    align-items: flex-start;
    flex-direction: column;
}

body .product-main .product-details {
    border: 0.7px solid #DCE5DC;
    padding-top: 44px;
    padding-bottom: 30px;
    padding-left: 44px;
    padding-right: 44px;
    border-radius: 4px;
}

body .utility-bar__social-container.utility-bar__phone svg {
    display: flex;
}

/* Utility bar phone link – base */
body .utility-bar__phone a {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}

/* Utility bar phone link – hover / focus */
body .utility-bar__phone a:hover,
body .utility-bar__phone a:focus-visible {
  color: #000;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-shadow: none;
  -webkit-text-fill-color: #000;
}

/* Keep phone icon neutral */
.utility-bar__phone a svg,
.utility-bar__phone a svg path,
.utility-bar__phone a:hover svg,
.utility-bar__phone a:hover svg path {
  fill: #000;
}
/* Utility bar top links: force calm hover */
body .utility-bar__menu-link:hover,
body .utility-bar__menu-link:focus-visible {
  color: #000 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-shadow: none !important;
  -webkit-text-fill-color: #000;
}
/* ===============================
   FOOTER BASE RESET
   =============================== */
.site-footer-wrapper a {
  text-decoration: none;
  font-weight: 400;
  text-shadow: none;
}

/* ===============================
   FOOTER NAV LINKS (menus only)
   =============================== */
.site-footer-wrapper .navmenu-link:hover,
.site-footer-wrapper .navmenu-link:focus-visible,
.site-footer-wrapper .site-footer-credits a:hover,
.site-footer-wrapper .site-footer-credits a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

/* ===============================
   FOOTER INLINE LINKS
   (Read more, email, phone)
   =============================== */
.site-footer-wrapper .rte a,
.site-footer-wrapper p a {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  font-weight: 400;
}

/* Keep inline links stable on hover */
.site-footer-wrapper .rte a:hover,
.site-footer-wrapper .rte a:focus-visible,
.site-footer-wrapper p a:hover,
.site-footer-wrapper p a:focus-visible {
  text-decoration: underline;
  text-shadow: none;
  -webkit-text-fill-color: currentColor;
}
.gallery-thumbs .swiper-wrapper {
    overflow: hidden;
    padding: 35px 0;
}

.gallery-thumbsNext svg path {
    fill: #fff;
}

body .gallery-thumbsNext {
    position: absolute;
    bottom: 0px;
    z-index: 9;
    transition: all ease .1s;
    cursor: pointer;
    width: 101%;
    background: gray;
    left: 0;
    text-align: center;
    height: 25px;
    z-index: 9999;
    line-height: 35px;
    border-radius: 0 0 4px 4px;
}

.gallery-thumbsPrev.swiper-button-disabled,
.gallery-thumbsNext.swiper-button-disabled {
    opacity: 0.5px;
}

body .gallery-thumbsPrev {
    position: absolute;
    top: 0;
    z-index: 9;
    cursor: pointer;
    transition: all ease .1s;
    background: gray;
    width: 100%;
    left: 0;
    text-align: center;
    height: 25px;
    line-height: 33px;
    border-radius: 4px 4px 0 0;

}

body .gallery-thumbsPrev svg path {
    fill: #fff;
}

.gallery-thumbs {
    overflow: hidden !important;
    max-height: 660px !important;
}

.gallery-thumbs .swiper-slide {
    height: 90px !important;
}

.gallery-top .swiper-slide {
    border: none !important;
}

.gallery-top {
    border: 0.5px solid #DCE5DC;
    border-radius: 4px;
}

.product-gallery--media-thumbnail[data-gallery-selected=true],
button.product-gallery--media-thumbnail.product-gallery--image-thumbnail:hover {
    box-shadow: none !important;
    border: .5px solid rgba(0, 0, 0, .7) !important;
    border-radius: 4px;
}

.product-gallery {
    width: 100% !important;
    padding-right: 0 !important;
}

figure.product-gallery--media.product-gallery--image {
    border: 0.5px solid #DCE5DC;
    border-radius: 4px;
    /* padding: 20px; */
    cursor: zoom-in
}

.product-gallery--expand {
    display: none;
}

.template-product .section_div_the_velpo_titel_right,
body .div_the_velpo_titel_left {
    margin-top: 26px !important;
}

/* .site-navigation {
    max-width: 1550px;
    width: calc(100% - 30px);
  } */
.site-navigation .navmenu-link-depth-1 {
  padding: 12px;
  font-size: clamp(14px, 1.2vw, 18px);
  white-space: nowrap;
  padding-left: clamp(2px, 0.35vw, 8px);
  padding-right: clamp(2px, 0.35vw, 8px);
  display: inline-flex;
  align-items: center;
    line-height: 1;
}

.site-navigation .navmenu-link-depth-1:hover {
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
}

.site-navigation .icon-chevron-down {
  display: none;
}

.tempalte-product .product-form--atc-button:not(.disabled):hover {
    box-shadow: 0 2px 7px #62626240;
}

.tempalte-product .form-field-select-wrapper .form-field-select:hover {
    box-shadow: none;
}

.section_the_velpo_titel {
    margin: 0;
}

.breadcrumbs-container {
    margin: 1px auto 10px auto;
}

.breadcrumbs-container {
    /* border-bottom: 1px solid #E6E6E6; */
    padding-bottom: 7px;
    padding-left: 0;
    padding-right: 0;
    max-width: 1550px;
    width: calc(100% - 30px);
}

body .custProductTitle {
    padding-top: 1px !important;
}

.custProductInfo {
    margin-top: 4px;
}

.custProductInfoBrand {
    margin-left: 13px;
}

.shopify-section:first-child .slideshow {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.product--container {
    margin-top: 0.751rem;
}

#creditkey-pdp-iframe {
    height: 54px;
}

.cps_cart>br:first-child {
    display: none;
}

.attributes-wrapper {
    font-size: 17px;
}

.attribute-wrapper {
    border: 1px solid #DCE5DC;
    padding: 0px;
    border-radius: 4px;
    text-align: center;
}

.attribute-wrapper .certificate-image {
    max-width: 100px;
    margin: 0 auto;
}

.attribute-wrapper img {
    max-width: 100%;
}

.attribute-wrapper span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    color: #2D2C2C;
}

.attributegrid--items {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 0;
    padding: 0;
}

.attributegrid--items.products-per-row-4 .productgrid--item {
    width: 130px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.attributegrid--items.products-per-row-4 .productgrid--item:last-child {
    margin-right: 0;
}

@media screen and (min-width: 1024px) {
    .attributegrid--items.products-per-row-4 .productgrid--item {
        width: 182px;
        margin-bottom: 20px;
        margin-right: 26px;
    }
}

/* ============================================== Add Custom CSS============================================ */
/* product detail page */
[data-product-gallery-aspect-ratio=natural] .product-gallery--media img {
    width: auto;
    /* display: block; */
    height: auto;
    max-width: initial;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    /* padding: 20px; */
}

.gallery-navigation--scroll-button.scroll-right,
.gallery-navigation--scroll-button.scroll-right {
    height: 80px;
}

[data-product-gallery-aspect-ratio=natural] .product-gallery--image-background {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.pswp__scroll-wrap {
    width: 90%;
    /* border: 0.5px solid #DCE5DC;   */
    left: 10%;
}

.pswp .product-zoom--thumbnails {
    width: 100px;
    float: left;
    position: relative;
}

.video_image.popup_image img {
    width: 100%;
}

.pswp .product-gallery--media-thumbnail-img {
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.product-gallery--media-thumbnail .product-gallery--media-thumbnail-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
    width: 75px;
}

/* .product-gallery--external-video iframe{
    margin-top: -70px;
    height: 880px !important;
  } */
.pswp .product-zoom--thumb-scroller {
    max-height: 42.25rem;
}

.gallery-navigation--scroller {
    padding: 0px;
}

.pswp .product-zoom--thumbnails img {
    max-width: 100%;
}

.pswp-video-container {
    width: 98%;
    height: 100%;
    display: none;
}

/* .pswp-video-container iframe{
    width: 100%;
    height: 100%;
  } */
@media screen and (min-width: 720px) {
    [data-product-gallery-thumbnails=left] .product-gallery--navigation {
        margin-right: 26px;
        margin-left: 0px;
    }

    .gallery-navigation--scroller button {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .pswp__scroll-wrap {
        height: calc(100% - 16px);
        top: 8px;
    }

    .pswp .product-gallery--media-thumbnail-img {
        width: auto;
        margin: 0 auto;
    }

    [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail {
        margin-top: 0px;
    }

    .product-gallery--media.product-gallery--image {
        height: 100%;
    }

    .product-gallery--viewer.product-gallery--has-media {
        height: 745px !important;
    }

    [data-product-gallery-thumbnails=left] .product-gallery--navigation,
    [data-product-gallery-thumbnails=left] .gallery-navigation--scroller {
        max-height: 745px !important;
    }

    /* .product-gallery--image-background img{
      margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }  */
    [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail-img-wrapper {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        cursor: pointer;
        width: 75px;
        overflow: hidden;
    }

    /* [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail-img{
       height:auto;
       position: absolute;
       top: 50%;
       left: 50%;
       -ms-transform: translate(-50%,-50%);
       transform: translate(-50%,-50%);
     } */
    [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail-img {
        width: auto;
        display: block;
        max-width: 100%;
        max-height: 100%;
    }

    .pswp .product-zoom--thumbnails {
        margin: 0px;
    }

}

.gallery-navigation--scroller button:last-child {
    margin-bottom: 0px;
}



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

    .product-main .product-details {
        padding: 20px !important;
    }
}

@media screen and (max-width: 910px) and (min-width: 720px) {
    [data-product-gallery-aspect-ratio=natural] .product-gallery--media img {
        width: 100%;
    }
}

@media screen and (min-width: 720px) and (min-width: 1080px) {
    [data-product-gallery-thumbnails=left] .gallery-navigation--scroller {
        width: 98px;
    }

    [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail {
        width: 82px;
        height: 82px;
    }

    [data-product-gallery-thumbnails=left] .product-gallery--navigation {
        max-width: 80px;
    }
}

@media only screen and (max-width: 720px) {
    .product-gallery {
        padding-left: 0px;
    }

    /* MAIN IMAGE CONTAINER 1:1 */
    [data-product-gallery-aspect-ratio=natural] .product-gallery--media {
        aspect-ratio: 1 / 1;
        position: relative;
        overflow: hidden;
    }

    /* MAIN IMAGE */
    [data-product-gallery-aspect-ratio=natural] .product-gallery--media img,
    .product-gallery--media svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* THUMBNAIL CONTAINER */
    .product-gallery--media-thumbnail,
    .product-gallery--media-thumbnail-link,
    .product-gallery--media-thumbnail-wrapper {
        aspect-ratio: 1 / 1;
        position: relative;
        overflow: hidden;
    }

    /* THUMBNAIL IMAGE */
    .product-gallery--media-thumbnail-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        position: absolute;
        inset: 0;
        transform: none;
        margin: 0;
    }

    .gallery-navigation--scroller button:last-child {
        margin-bottom: 10px;
    }

    .main_video_container.medias_mian iframe {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        min-height: unset;
    }

    .pswp .product-zoom--thumbnails {
        position: absolute;
        width: 100% !important;
    }

    .product-main {
        width: 100%;
    }

    .pswp__scroll-wrap {
        width: 100% !important;
        left: 0px !important;
    }
} /* <-- This closing brace is around line 28 */

/* ADD THE NEW CODE HERE - RIGHT AFTER LINE 28 */
@media only screen and (max-width: 720px) {
    /* Make image container square (1:1 aspect ratio) */
    [data-product-gallery-aspect-ratio=natural] .product-gallery--media {
        aspect-ratio: 1 / 1;
        overflow: hidden;
        position: relative;
    }
    
    /* Ensure image fills the square container */
    [data-product-gallery-aspect-ratio=natural] .product-gallery--media img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}



::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: initial;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

/** 16-04-2024 **/
/* .moretext {display: none;}
    .moreless-button{cursor:pointer;font-size:14px;}
  .moreless-button svg{transform:rotate(270deg);}
  a.moreless-button {display: flex;align-items: center;justify-content: flex-end;} */
.flex-show {
    display: grid;
    grid-template-columns: 220px calc(100% - 210px);
    grid-template-rows: auto auto;
    grid-template-areas:
        "masthead masthead"
        "sidebar product-items-wrapper";
    column-gap: 25px;
}

.flex-show h1.collection--title {
    margin: 0;
    font-size: 1.625rem;
}

.flex-show-child1 {
    padding: 0px 10px;
    justify-content: center;
    display: flex;
}

.flex-show-child1.collection--image img {
    max-height: 250px;
    object-fit: contain;
}

.flex-show-child2 {
    width: 82.5%;
    padding: 7px 0px;
    border-left: none;
}

.flex-show-child2 p {
    font-size: .850rem;
    margin-top: 5px;
    margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
    .flex-show-child1 {
        width: 100%;
        padding: 0px;
    }

    .flex-show-child2 {
        width: 100%;
        border-left: none;
        padding: 0px;
    }
}

@media screen and (min-width: 1024px) {
    .site-footer-block-item:first-child {
        width: 30%;
    }

    .site-footer-block-item:nth-child(2) {
        width: 20%;
    }
}

.site-footer-credits:not(:first-child) {
    margin-top: 20px;
}

.site-footer-block-item p {
    margin-top: .3125rem;
    margin-bottom: 0;
}

.hide-on-desktop {
    display: none;
}

@media (max-width: 767px) {
    .hide-on-desktop {
        display: list-item;
    }
}

.menu-list-link {
    font-size: 14px;
    /* Adjust this size as needed */
}

.menu-list-link:hover {
    color: #D9230F;

    /* Optional: red hover effect for interaction */
    /* Hide on desktop */
    .hide-on-desktop {
        display: none;
    }

    /* Show on mobile */
    @media (max-width: 767px) {
        .hide-on-desktop {
            display: list-item;
        }
    }
}

/* Removes extra bottom spacing from title when no links are shown */
.no-links-margin {
    margin-bottom: 0;
}
.discontinued-banner {
  background: #fff6e5;
  border: 1px solid #ffb84d;
  color: #663c00;
  padding: 14px 18px;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.6;
  margin: 20px 0 18px;
  text-align: center;
  font-weight: 500;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.discontinued-banner strong {
  font-weight: 600;
}
.discontinued-banner {
  margin: 24px 0 22px; /* slightly more space around */
}


nav.productgrid--utils.productgrid--utils--visible-mobile.productgrid--utils-container.productgrid--utils-sticky {
    border: 1px solid rgba(225, 227, 230, 1);
    padding: 5px 10px;
    border-radius: 4px;
    box-shadow: 0px 3px 5px 0px rgba(217, 217, 217, 0.3);
}

.productgrid--sidebar {
    border: 1px solid var(--Color3, rgba(225, 227, 230, 1));
    box-shadow: 0px 3px 5px 0px rgba(217, 217, 217, 0.3);
    border-radius: 4px;
    height: max-content;
}

h2.productgrid--sidebar-title {
    background: rgba(248, 249, 250, 1);
    margin: 0;
    padding: 10px;
    font-size: .925rem;
}

.productgrid--sidebar-group,
.collection-filters__filter-group {
  padding: 10px;
}

.utils-sortby .form-field-select-wrapper svg {
    right: -15px;
}

span.subcollections-grid__item-info.subcollections-grid__item-title {
    display: none !important;
}

li.subcollections-grid__item {
    border: 1px solid var(--Color3, rgba(225, 227, 230, 1));
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 3px 5px 0px rgba(217, 217, 217, 0.3);
    padding: 0px;
    border-radius: 4px;
    min-height: 130px;
    height: 130px;
}

nav.productgrid--sidebar-section {
    margin: 0;
}

.free-ship {
    font-weight: 700;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: 0;
    vertical-align: middle;
    color: rgba(30, 89, 154, 1);
    margin: 0;
    padding-top: 9px !important;
    padding-bottom: 15px !important;
}

@media (max-width: 767px) {

    .subcollections-grid__item-image img,
    .subcollections-grid__item-image svg {
        width: 100%;
        height: 80px;
        object-fit: contain;
    }

    li.subcollections-grid__item {
        padding: 10px;
    }

    
}

.product-form--regular .form-field-select-wrapper .form-field-select {
    min-height: 66px;
    border: .7px solid #DCE5DC;
    border-radius: 4px;
    transition: all ease .4s;
    padding: 10px;
    text-align: center;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
}

.site-footer-wrapper{
  overflow:hidden;
}

/*-- Added by Aktar--*/
@media screen and (min-width: 1024px) {
.site-footer-block-item {
    flex-shrink: unset;
   
}

}

@media screen and (min-width: 860px) {
    .collection--section .productgrid--outer {
        grid-template-columns: auto;
    }
}
.site-navigation {
    max-width: 1550px;
    width: calc(100% - 30px);
}
@media screen and (max-width: 1400px) {
    .productitem--title {overflow:hidden}
}
@media screen and (max-width: 1250px) {
    .productgrid--item .price.productitem__price{
        flex-direction: column-reverse !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        height:41px;
    }
    .help_center_links .product-form--atc-button {
    width: 190px;
}
}
@media screen and (max-width: 1024px) {
.subcollections-grid__item-image img, .subcollections-grid__item-image svg {
   max-width: 100%;
}

}
.site-header-main, .utility-bar__content, .site-navigation {
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (min-width: 860px) {
    .search--section .layout--has-sidebar .productgrid--wrapper
 {
        display: grid;
        grid-template-columns: 185px calc(100% - 210px);
        grid-template-rows: auto auto;
        grid-template-areas:
        "masthead masthead"
        "sidebar productgrid--items";
        column-gap: 25px;
        row-gap: 2rem;
    }
}
.productgrid--sidebar-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    width: 100%;
    padding: 1px;
    cursor: pointer;
    background: none;
    border: none;
}
.collection-filters__filter-group {
    padding: 1rem 0;
    border-top: 1px solid rgba(0,0,0,.15);
}
@media screen and (min-width: 860px) {
    .productgrid--sidebar {
        float: left;
        display: inline-block;
        width: 220px;
    }
}
.collection-filters__filter-group {
    padding: 10px;
}
@media screen and (min-width: 860px) {
    .search--section .layout--has-sidebar .productgrid--wrapper {
        grid-template-columns: min-content;
    }
    .search--section .layout--has-sidebar {
        padding-left: 15px;
        padding-right: 15px;
    }
    .search--section .productgrid--items {
    margin-top: 0;
}
}
@media screen and (min-width: 860px) {
    .collection--section .productgrid--outer {
        grid-template-columns: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}


span.atc-button--text {
    font-weight: bold;
    font-size: 14px;
}
.productitem--title {
    font-weight: 600;
    font-size: 15px;
    height:60px;
    position:relative;
}
.productitem--title .lText{
    overflow: hidden;
    height: 60px;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.lText.active{
    background: #fff;
    position: absolute;
    height:auto !important
}
.productitem--emphasis .productitem__price .price__current {
    font-size: 24px;
    font-weight: 600;
}
.productgrid--item .price.productitem__price {
    display: flex;
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: flex-end;
}

/* hide text by default */
.hide { display: none; }

/* === Certifications block layout === */

/* remove any “card” styling coming from product grid styles */
.attributes-wrapper .productgrid--item,
.attributes-wrapper .attribute-wrapper {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* remove spacing/padding that makes the row look centered */
.attributes-wrapper {
  padding: 0 !important;
}

/* make the UL a left-aligned flex row */
.attributes-wrapper ul.attributegrid--items {
  display: flex !important;
  flex-wrap: wrap;              /* stays one row if it fits; wraps on smaller screens */
  justify-content: flex-start !important;
  align-items: flex-start;
  gap: 50px;                    /* spacing between icons */
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}

/* stop theme grid from forcing widths that cause odd spacing */
.attributes-wrapper ul.attributegrid--items > li.productgrid--item {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;    /* don't stretch */
  margin: 0 !important;
  padding: 0 !important;
  
}

/* optional: center text under each icon, keep it tidy */
.attributes-wrapper .attribute-wrapper {
  text-align: center;
}

/* Force certification label text to wrap at ~100px */
.div_the_velpo_titel_right 
.attributes-wrapper 
.productgrid--item span {
  display: block;
  max-width: 105px;
  margin: 8px auto 0; /* center text under icon */
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
hyphens: none;
  text-align: center;
  line-height: 1.3;}


  /* Certifications & Approvals layout (left aligned, up to 4 per row) */
.div_the_velpo_titel_right .attributes-wrapper .attributegrid--items{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;   /* LEFT align */
  align-items: flex-start !important;
  gap: 24px !important;
  

  margin: 16px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* each cert tile = max 4 per row */
.div_the_velpo_titel_right .attributes-wrapper .attributegrid--items > li.productgrid--item{
  flex: 0 0 calc(25% - 18px) !important;   /* 4 columns */
  max-width: calc(25% - 18px) !important;
  margin-left: 0px !important;
  margin-bottom: 10px !important;
}

/* If you want the icon+label centered INSIDE each column (usually looks best) */
.div_the_velpo_titel_right .attributes-wrapper .attribute-wrapper{
  text-align: center;
}

.small-searchbar {
    flex: 1 1 auto;
}
.small-searchbarsm{
  display:none;
}
.site-header-right {
   position: relative;
}
.site-header-cart {
    right: 0;
}
.product-Mobile {
    display: none;
}
html.js.no-touch {
    
    overflow: scroll;
}
html.js.no-touch ::-webkit-scrollbar {
  width: 0px;
}
body {
    height: 100%;
   
}
 .product--outer {
        gap: 20px;
    }
@media only screen and (max-width:1279px){
[data-product-gallery-aspect-ratio=natural] .product-gallery--media img {
   /* aspect-ratio: 1/1; */
}

[data-product-gallery-aspect-ratio=natural] .product-gallery--image-background {
    aspect-ratio: 1/1;
    margin: auto;
}
.product-gallery {
    flex-direction: column-reverse;
    padding: 0;
    gap: 15px;
}
[data-product-gallery-thumbnails=left] .gallery-navigation--scroller {
    width: 100%;
    overflow-x: hidden;
    flex-wrap: nowrap;
    margin: 0;
}
[data-product-gallery-thumbnails=left] .gallery-navigation--scroller {
    width: 100%;
    overflow-x: hidden;
    flex-wrap: nowrap;
    margin: 0;
    }
 [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail {
    margin-top: 0;
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.product_left_Bar {
    max-width: calc(100% - 420px) !important;
    width: 100%;
}
.div_the_velpo_titel_left{
      width: 100%;
}
.product-main {
    width: 400px;
   
}
 .product--outer {
        gap: 0px;
    }
 body .product-main {
    
    margin-left: 20px;
}
}
@media only screen and (max-width:1023px){
    a.site-header-cart--button , .site-header-menu-toggle--button  {
        padding: 0;
    }
    .site-header-right {
        height: max-content;
    }
    .site-header-right, .site-header-cart {
        height: max-content;
    }
    button.site-header-menu-toggle {
        position: static;
        height: max-content;
        width: max-content;
    }
    .site-header-main-content {
        gap: 16px;
    }
    .site-logo-image {
    transform: translateY(-7px);
}
     .site-header-cart {
        gap: 0px !important;
        position: static;
        width: auto;
    }
     button.site-header-menu-toggle , .site-header-right {
        transform: translateY(3px);
    }
    .site-header-main {
        display: flex;
        align-items: center;
        padding: 24px 15px;
    }
    .site-header-main {
        gap: 15px;
    }
    .site-header-main::before , .site-header-main::after {
        display:none;
    }
    .site-header-wrapper {
        box-shadow: 0 1px 4px #80808040;
    }
    .site-header {
        margin-bottom: 10px;
    }
    .site-header-main .live-search {
        margin-right: 0;
    }
    article.product--outer {
        flex-direction: column;
    }
    .product-main {
        width: 100%;
    }
    .section_div_the_velpo_titel_right {
        width: 100%;
        max-width: 100% !important;
    }
    .product-gallery {
        flex-direction: column-reverse;
        padding: 0;
        gap: 15px;
    }
    .product-gallery--media.product-gallery--image {
        height: 720px;
    }
    [data-product-gallery-aspect-ratio=natural] .product-gallery--media img {
        object-fit: contain;
    }
    .product_left_Bar, .div_the_velpo_titel_left {
    max-width: 100%!important;
    width: 100%;
}
    [data-product-gallery-aspect-ratio=natural] .product-gallery--media img {
    width: auto;
}
[data-product-gallery-thumbnails=left] .gallery-navigation--scroller {
    width: 100%;
    overflow-x: hidden;
    flex-wrap: nowrap;
    margin: 0;
    }
 [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail {
    margin-top: 0;
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.product-gallery--navigation {
    max-width: 100% !important;
    width: 100% !important;
}

img.product-gallery--loaded-image {
    padding: 15px;
}
.site-header-right {
    transform: translateY(0px);
}
.gallery-navigation--scroller button {
    flex-shrink: 0;
}
.gallery-navigation--scroller {
    overflow-x: auto !important;
}

.product-Desktop {
    display: none;
}
.product-Mobile {
    display: block;
    /* margin-top: 25px;
    padding: 40px;
    border: 0.7px solid #DCE5DC; */
}
.product-main {
    width: 100%;
    margin: 20px 0 0 !important;
}

}

@media only screen and (max-width:720px){
    .small-searchbar {
        display:none;
    }
   
    .site-header-main {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0;
        align-items: center;
         gap: 0px;
    }
    button.site-header-menu-toggle , .site-header-right {
        transform: translateY(10px);
    }
    .site-header-main {
        display: flex;
        align-items: center;
        padding: 10px 15px 0;
    }
      .site-logo-image {
        transform: translateY(0px);
    }
    .small-searchbarsm {
        display: block;
        padding: 0px 15px 10px;
        margin-bottom: 10px;
    }
    .product-gallery--media.product-gallery--image {
        height: auto;
    }
    .product-Mobile {
    padding: 26px;
}

@media only screen and (max-width:399px){
    .site-header-main-content {
        width: 70%;
    }
}

/* nav.site-navigation {
    position: relative;
}

ul.navmenu.navmenu-depth-1.ulFallBack svg{
    display:none;
}
.site-navigation .navmenu-depth-1 {
    z-index: 2;
}
ul.navmenu.navmenu-depth-1.ulFallBack {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: max-content;
    padding: 0 15px;
}
ul.navmenu.navmenu-depth-1.ulFallBack.dom-ready {
    display: none;
}
nav.site-navigation.removeRelative {
    position: static;
}
.site-navigation  ul.navmenu.navmenu-depth-1.navmenu-depth-load {
    opacity:0;
    visibility: hidden;
   
}
.site-navigation.removeRelative  ul.navmenu.navmenu-depth-1.navmenu-depth-load {
    opacity: 1;
    visibility: visible;
    
}
 ul.navmenu.navmenu-depth-1.ulFallBack.dom-ready {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s ease;
} */
 /* Only hide menu items during active initialization */
html.nav-initializing #site-header-nav .navmenu-item {
  opacity: 0;
  transition: opacity 0.15s ease-in;
}

/* Show when not initializing */
html:not(.nav-initializing) #site-header-nav .navmenu-item {
  opacity: 1;
}