/* ======================================
   CUSTOM PRODUCT PAGE - LIV 6784
====================================== */

/* ======= Text-Box Über Produktbild [ = _insekten_top_text ] ======= */
.custom-insekten-banner-wrapper {
    margin: 20px 0 5px 0;
    text-align: right;
    position: absolute;
    right: 0;
    z-index: 1000;
}
.custom-insekten-banner-label { /* Text-Styling */
    display: inline-block;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
    white-space: nowrap;
    background-color: #9caf93;
}
.custom-insekten-banner-label i { /* Text-Icon */
    margin-right: 3px;
    vertical-align: middle;
}
@media (max-width: 1000px) {
    .custom-insekten-banner-label { /* Text-Styling */
        font-size: 13px;
    }
}
@media (min-width: 1000px) {
    .custom-insekten-banner-wrapper {
        position: absolute;
        right: 40%;
        z-index: 1000;
        margin: 0;
        top: 10px;
    }
}

/* ======= Text-Box Über Produkttitel [ = _insekten_above_title_text ] ======= */
.custom-above-title-banner-wrapper {
    margin-bottom: 8px;
    text-align: left;
}
.custom-above-title-banner-label { /* Text-Styling */
    display: inline-block;
    padding: 6px 12px;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
    white-space: nowrap;
    background-color: #9caf93;
}
.custom-above-title-banner-label i { /* Text-Icon */
    margin-right: 3px;
    vertical-align: middle;
}


/* ======= Bee Donation Badge [ = _bee_donation_badge ] ======= */
.custom-bee-donation-badge-wrapper {
    right: 0;
    position: absolute;
    margin: 3%;
}
.custom-bee-donation-badge {
    margin: 3%;
    z-index: 10;
}
.custom-bee-donation-badge img {
    max-width: 150px;
    width: 5em;
    height: auto;
}
@media (max-width: 1000px) {
    .custom-bee-donation-badge {
	right: 0;
    }
    .custom-bee-donation-badge img {
        width: 6em;
    }
}
@media (max-width: 600px) {
    .custom-bee-donation-badge img {
        width: 5em;
    }
}
@media (max-width: 320px) {
    .custom-bee-donation-badge img {
        width: 4em;
    }
}



/* =========================================================
      Produkt Info Labels (ID: #produktinformationen)
========================================================== */
.product-info-label-banner { /* Text-Styling */
    padding: 10px 22px;
    white-space: nowrap;
    background-color: #9caf93;
}
.product-info-label-banner > p {
    font-size: 14px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
}
.product-info-label-banner i { /* Text-Icon */
    margin: 0 3px;
    vertical-align: baseline;
}
@media (max-width: 690px) {
    .product-info-label-banner { /* Stacked Vertically*/
	width: fit-content;
	margin: auto;
    }
    .product-info-label-banner > p {
        font-size: 14px;
	text-align: center;
    }
}


/* =========================================================
   Custom Slider Card Styling (ID: #product-benefits-slider)
========================================================== */
div.owl-stage {
    padding: 0 !important;
}
#product-benefits-slider .benefit-card {
    width: 100%;
    max-width: 250px;
    aspect-ratio: 2 / 3;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
}
#product-benefits-slider .benefit-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
#product-benefits-slider .benefit-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#product-benefits-slider .benefit-card-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(28, 38, 42);
    padding: 16px 14px;
    transform: translateY(0);
    transition: transform 0.3s ease;
}
#product-benefits-slider .benefit-card-feature {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}
#product-benefits-slider .benefit-card-icon {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
#product-benefits-slider .benefit-card-icon svg {
    width: 100%;
    height: 100%;
    fill: #ffffff;
    display: block;
}
#product-benefits-slider .benefit-card-feature span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: break-word;
}

@media (max-width: 480px) {
    #product-benefits-slider .benefit-card {
        max-width: 100%;
    }
    #product-benefits-slider .benefit-card-footer {
        padding: 14px 12px;
    }
    #product-benefits-slider .benefit-card-icon {
        width: 26px;
        height: 26px;
        min-width: 26px;
    }
    #product-benefits-slider .benefit-card-feature span {
        font-size: 12px;
    }
}



/* ====================================
   WooCommerce Review Slider
==================================== */
.woocommerce div#reviews div#comments { /* Main Container */
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.woocommerce div#reviews h2.woocommerce-Reviews-title { /* Title */
    margin-bottom: 0;
    padding: 0 7.5%;
    border: none;
}
.woocommerce div#reviews div#comments ol.commentlist { /* Slider Wrapper */
    max-height: 250px;
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 20px 0;
    margin: 0;
    list-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.woocommerce div#reviews div#comments ol.commentlist::-webkit-scrollbar { /* Hide scrollbar */
    display: none;
}
.woocommerce div#reviews div#comments ol.commentlist > li.comment,
.woocommerce div#reviews div#comments ol.commentlist > li.review { /* Review Cards */
    flex: 0 0 380px;
    scroll-snap-align: start;
    list-style: none;
}
.woocommerce div#reviews div#comments ol.commentlist > li.comment div.comment_container,
.woocommerce div#reviews div#comments ol.commentlist > li.review div.comment_container { /* Card Styling */
    border: 1px solid #9caf88;
    border-radius: 18px;
    background-color: #B1BFA5;
    padding: 25px;
    margin: 0;
    height: 100%;
    box-sizing: border-box;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}
.woocommerce div#reviews div#comments img.avatar,
.woocommerce div#reviews div#comments time.woocommerce-review__published-date, /* Hide Elements */
.woocommerce div#reviews div#comments .comment-text div > img {
    display: none !important;
}
.woocommerce div#reviews div#comments ol.commentlist .star-rating { /* Hide Stars In Review Box */
    display: none !important;
}
div#reviews.woocommerce-Reviews div#comments h2.woocommerce-Reviews-title {
    border-right: none !important;
}
.woocommerce-tabs #reviews .woocommerce-Reviews-title .nectar-average-count { /* Review Text */
    margin-bottom: 0;
}

h2.woocommerce-Reviews-title {
    display: flex;
    justify-content: space-between;
    height: auto;
    flex-wrap: wrap;
    gap: 15px;
}
.woocommerce-tabs[data-tab-style] #reviews #comments ol.commentlist 
> li.comment div.comment_container div.comment-text { /* Hide Avatar Placeholder*/
    margin: 0;
}
.woocommerce-tabs[data-tab-style] #reviews #comments ol.commentlist
> li.comment div.comment_container div.comment-text p.meta {
    padding: 10px 0 5px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    padding: 0;
}
.review .comment_container .comment-text {
    margin-left: 0;
    display: flex;
    flex-direction: column-reverse !important;
    justify-content: flex-start;
    height: 100%;
}
.woocommerce div#reviews div#comments strong.woocommerce-review__author { /* Author */
    font-size: 18px;
    font-weight: 600;
    color: #2d2d2d;
}
.woocommerce div#reviews div#comments em.woocommerce-review__verified { /* Verified */
    font-size: 13px;
    opacity: 0.7;
}
.woocommerce div#reviews div#comments ol.commentlist 
div.comment_container div.comment-text div.description > p { /* Description */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: 15px;
    line-height: 1.6;
    padding-bottom: 10px;
}
@media (max-width: 998px) {
    div#reviews.woocommerce-Reviews div#comments h2.woocommerce-Reviews-title {
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .woocommerce div#reviews div#comments ol.commentlist > li.comment,
    .woocommerce div#reviews div#comments ol.commentlist > li.review {
        flex: 0 0 85%;
    }
    .woocommerce div#reviews div#comments div.comment_container {
        padding: 20px;
    }
    .woocommerce div#reviews div#comments em.woocommerce-review__verified { /* Verified */
        display: none;
    }
}

.nectar-average-count-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas:
    "score stars"
    "score text";
  column-gap: 12px;
  align-items: center;
}

/* Große Zahl links */
.nectar-average-count {
  grid-area: score;
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
}

/* Sterne rechts oben */
.nectar-average-count-wrap > div {
  grid-area: stars;
  display: flex;
  align-items: center;
}

/* Stern-Style ggf. etwas kompakter */
.star-rating {
  display: inline-block;
  line-height: 1;
}

/* Text rechts unten */
.total-num {
  grid-area: text;
  font-size: 14px;
  color: #666;
  line-height: 1.2;
}

/* ======= Desktop Scrollbar ======= */
@media (min-width: 1025px) {
    .woocommerce div#reviews div#comments ol.commentlist {
        scrollbar-width: thin; /* Firefox */
        scrollbar-color: #9caf88 transparent;
    }
    .woocommerce div#reviews div#comments ol.commentlist::-webkit-scrollbar {
        display: block;
        height: 10px;
    }
    .woocommerce div#reviews div#comments ol.commentlist::-webkit-scrollbar-track {
        background: #e9ede3;
        border-radius: 10px;
    }
    .woocommerce div#reviews div#comments ol.commentlist::-webkit-scrollbar-thumb {
        background-color: #9caf88;
        border-radius: 10px;
        border: 2px solid #e9ede3;
    }
    .woocommerce div#reviews div#comments ol.commentlist::-webkit-scrollbar-thumb:hover {
        background-color: #7f9473;
    }
    .woocommerce div#reviews div#comments ol.commentlist div.comment_container {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}

.nectar-average-count-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas:
    "score stars"
    "score text";
  column-gap: 12px;
  align-items: center;
}

/* Große Zahl links */
.nectar-average-count {
  grid-area: score;
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
}

/* Sterne rechts oben */
.nectar-average-count-wrap > div {
  grid-area: stars;
}


/* Stern-Style ggf. etwas kompakter */
.star-rating {
    margin-left: 0 !important;
}

.woocommerce .star-rating span::before {
    color: #f2d672;
}

/* Text rechts unten */
.total-num {
  grid-area: text;
  color: #666;
  text-align: left;
}

/* =========================================================
   Custom Benefits Comparison Table (ID: #comparison-table)
========================================================== */
/* ===== DESKTOP RESPONSIVE --> 1025px + ===== */
/* ===== LAPTOP RESPONSIVE --> 769px – 1024px ===== */
#comparison-table .comparison-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 0px 60px 20px;
}
#comparison-table table,
#comparison-table thead,
#comparison-table tbody,
#comparison-table tr,
#comparison-table th,
#comparison-table td {
    background: transparent;
    background-color: transparent;
}
#comparison-table table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
#comparison-table thead th {
    vertical-align: middle;
}
#comparison-table thead th:not(:first-child) {
    text-align: center;
}
#comparison-table th,
#comparison-table td {
    padding: 28px 16px;
    text-align: center;
    vertical-align: middle;
}
#comparison-table th:first-child,
#comparison-table td:first-child {
    text-align: left;
    width: 30%;
    font-family: EuclidSquare;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6rem;
    padding: 28px 28px;
}
#comparison-table table,
#comparison-table th,
#comparison-table td,
#comparison-table tr,
#comparison-table thead,
#comparison-table tbody {
    border: none;
}
#comparison-table thead tr {
    border-bottom: 3px solid #d9d9d9;
}
#comparison-table tbody tr {
    border-bottom: 3px solid #d9d9d9;
}
#comparison-table .product-img {
    display: block;
    height: 140px;
    margin: 0 auto;
    max-width: 100%;
    object-fit: contain;
}
#comparison-table .icon-svg svg {
    width: 100%;
    height: 100%;
    display: block;
}
#comparison-table .icon-check,
#comparison-table .icon-cross {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
#comparison-table .icon-check { /* FONT AWESOME - CHECK ICON */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23a8b89a' d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z'/%3E%3C/svg%3E");
}
#comparison-table .icon-cross { /* FONT AWESOME - CROSS ICON */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23d94a4a' d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z'/%3E%3C/svg%3E");
}

/* ===== TABLET RESPONSIVE --> 601px – 768px ===== */
@media (max-width: 768px) {
    #comparison-table .comparison-wrapper {
        padding: 0px 40px 20px;
    }
    #comparison-table th {
        padding: 28px 0;
    }
    #comparison-table th:first-child,
    #comparison-table td:first-child {
        width: 30%;
        font-size: 1.2rem;
        font-weight: 600;
	line-height: 1.4rem;
        padding: 28px 16px;
    }
    #comparison-table .product-img {
        height: 110px;
        margin: 0 auto;
    }
}

/* ===== MOBILE RESPONSIVE --> 481px – 600px ===== */
@media (max-width: 600px) {
    #comparison-table th {
        padding: 20px 0;
    }
    #comparison-table .icon-check,
    #comparison-table .icon-cross {
        width: 42px;
        height: 42px;
    }
}

/* ===== SMALL MOBILE RESPONSIVE --> 320px – 480px ===== */
@media (max-width: 480px) {
    #comparison-table .comparison-wrapper {
      padding: 0px 2% 20px;
    }
    #comparison-table th, 
    #comparison-table td {
        padding: 20px 0;
    }
    #comparison-table th:first-child,
    #comparison-table td:first-child {
       font-size: 1rem;
       font-weight: 600;
       line-height: 1.2rem;
       padding: 20px 10px;
    }
    #comparison-table .product-img {
       height: 90px;
       margin: 0 auto;
    }
    #comparison-table .icon-check,
    #comparison-table .icon-cross {
       width: 38px;
       height: 38px;
    }
    #comparison-table .icon-svg {
        width: 38px;
       height: 38px;
    }
}
    
/* ===== EXTRA SMALL MOBILE RESPONSIVE --> >320px ===== */
@media (max-width: 320px) {
    #comparison-table .comparison-wrapper {
        padding: 0px 5px 20px;
    }
    #comparison-table th:first-child,
    #comparison-table td:first-child {
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1.1rem;
    }
    #comparison-table th {
        padding: 20px 0px;
    }
    #comparison-table td {
        padding: 20px 10px;
    }
    #comparison-table .icon-check, 
    #comparison-table .icon-cross {
        width: 32px;
        height: 32px;
    }
}




/* =========================================================
                 Upsells Section Styling
========================================================== */

/* ======= Related Products Section Disabled ======= 
body.single-product .related.products {
  display: none;
}


section.up-sells.upsells.products {
    display: none;
}
*/


.related-upsell-carousel.nectar-woo-flickity section > h2 {
    margin-left: 30px;
}

/*Add To Cart Footer*/
.footerAddToCart{
margin: 0 auto;
    display: block;
    text-align: center;
}