.product-name-two {
    margin-top: 200px;
    margin-bottom: 200px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.product-details-section {
    margin-top: 200px;
}

@media (max-width:991px) {
    .product-details-section {
        margin-top: 120px !important;
    }
}

@media (max-width:767px) {
    .product-details-section {
        margin-top: 170px !important;
    }
}

@media (max-width:419px) {
    .product-details-section {
        margin-top: 170px !important;
    }
}

@media (max-width:353px) {
    .product-details-section {
        margin-top: 160px !important;
    }
}

/* Left Column: Product Images */
.product-images-column .main-product-image-wrapper {
    border: 2px solid var(--rose);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
    /* For potential zoom icon or similar */
}

.product-images-column .main-product-image-wrapper img {
    width: 100%;
    max-height: 665px;
    /* Max height for main image */
    object-fit: contain;
    /* Or 'cover' based on your images */
    display: block;
}


.product-thumbnail-gallery {
    display: flex;
    gap: 10px;
    /* Space between thumbnails */
    overflow-x: auto;
    /* Scroll if too many thumbnails */
    padding-bottom: 10px;
    /* For scrollbar visibility */
}

.product-thumbnail-gallery .thumbnail-item {
    width: 80px;
    /* Thumbnail size */
    height: 80px;
    object-fit: cover;
    border: 2px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.product-thumbnail-gallery .thumbnail-item:hover,
.product-thumbnail-gallery .thumbnail-item.active {
    border-color: var(--rose);
    /* Green border for active/hover */
}


/* Right Column: Product Info */
.product-info-column {
    padding-left: 25px;
    /* Space from image column */
}

.product-info-column .product-title {
    font-size: 1.8rem;
    /* Adjust as needed */
    font-weight: 700;
    color: #253D4E;
    /* Dark blue/grey */
    margin-bottom: 15px;
}

.product-info-column .price-section {
    margin-bottom: 20px;
    display: flex;
    align-items: baseline;
    /* Align prices and discount */
}

.product-info-column .current-price {
    font-size: 2rem;
    font-weight: 700;
    color: var(--rose);
    /* Green */
    margin-right: 10px;
}

.product-info-column .old-price {
    font-size: 1.1rem;
    color: #ADADAD;
    /* Light grey */
    text-decoration: line-through;
    margin-right: 10px;
}

.product-info-column .discount-percentage-badge {
    background-color: #FFEDED;
    /* Light pink background */
    color: #E57373;
    /* Reddish text for discount */
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
}

.product-info-column .size-options-section {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-info-column .options-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #253D4E;
    margin-right: 5px;
}

.product-info-column .btn-size-option {
    background-color: #F3F4F7;
    /* Light grey */
    color: #555;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    /* Pill shape */
    padding: 6px 15px;
    font-size: 0.85rem;
    font-weight: 500;
}

.product-info-column .btn-size-option.active,
.product-info-column .btn-size-option:hover {
    background-color: var(--rose);
    color: white;
    border-color: var(--rose);
}

.product-info-column .pickup-availability-section {
    margin-bottom: 20px;
    font-size: 0.9rem;
}

.product-info-column .pickup-availability-section p {
    margin-bottom: 5px;
}

.product-info-column .pickup-availability-section i.fa-check-circle {
    color: var(--rose);
    margin-right: 6px;
}

.product-info-column .availability-note {
    font-size: 0.8rem;
    color: #7E7E7E;
}

.product-info-column .check-availability-link {
    color: var(--rose);
    text-decoration: none;
    font-weight: 500;
}

.product-info-column .check-availability-link:hover {
    text-decoration: underline;
}

.product-info-column .short-description-section {
    margin-bottom: 25px;
    font-size: 0.9rem;
    line-height: 1.6;
}

.product-info-column .quantity-actions-section {
    display: flex;
    align-items: center;
    gap: 10px;
    /* Space between quantity, add to cart, and icons */
    margin-bottom: 25px;
}

.quantity-selector {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.quantity-selector .quantity-input {
    width: 50px;
    text-align: center;
    border: none;
    padding: 0.5rem 0.2rem;
    font-size: 1rem;
    font-weight: 600;
    color: #253D4E;
    -moz-appearance: textfield;
    /* Hide arrows for Firefox */
}

.quantity-selector .quantity-input::-webkit-outer-spin-button,
.quantity-selector .quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    /* Hide arrows for Chrome, Safari, Edge, Opera */
    margin: 0;
}

.quantity-selector .btn-quantity-modifier {
    background: transparent;
    border: none;
    color: #7E7E7E;
    padding: 0.5rem 0.6rem;
    cursor: pointer;
    font-size: 0.8rem;
}

.quantity-selector .btn-quantity-modifier:hover {
    color: #253D4E;
}

.quantity-selector .btn-quantity-modifier.decrease {
    border-right: 1px solid #e0e0e0;
}

.quantity-selector .btn-quantity-modifier.increase {
    border-left: 1px solid #e0e0e0;
}


.product-info-column .btn-add-to-cart-main {
    background-color: orange;
    color: #000;
    border: none;
    padding: 0.7rem 1.5rem;
    border-radius: 5px;
    font-weight: 600;
    font-size: 0.95rem;
    flex-grow: 1;
    /* Allow button to take more space if needed */
}

.product-info-column .btn-add-to-cart-main:hover {
    background-color: #2f9a6a;
    color: #fff;
}

.product-info-column .btn-add-to-cart-main i {
    margin-right: 8px;
}

.product-info-column .btn-add-to-cart-main-one {
    background-color: var(--rose);
    color: #fff;
    border: none;
    padding: 0.7rem 1.5rem;
    border-radius: 5px;
    font-weight: 600;
    font-size: 0.95rem;
    flex-grow: 1;
}

.product-info-column .btn-add-to-cart-main-one:hover {
    background-color: #2f9a6a;
    color: #fff;
}


.product-info-column .btn-icon-action {
    background-color: #f3f4f7;
    border: 1px solid #e0e0e0;
    color: #7E7E7E;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-info-column .btn-icon-action:hover {
    background-color: #e9ecef;
    color: #253D4E;
}

.product-info-column .product-meta-info {
    font-size: 0.85rem;
    border-top: 1px solid #e9ecef;
    padding-top: 20px;
}

.product-info-column .product-meta-info p {
    margin-bottom: 8px;
}

.product-info-column .product-meta-info strong {
    color: #253D4E;
}

.product-info-column .product-meta-info a {
    color: #3BB77E;
    text-decoration: none;
}

.product-info-column .product-meta-info a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 991.98px) {

    /* Tablet */
    .product-images-column {
        margin-bottom: 30px;
    }

    .product-info-column {
        padding-left: 15px;
    }

    /* Reset padding for stacked layout */
}

@media (max-width: 575.98px) {

    /* Small Mobile */
    .product-info-column .product-title {
        font-size: 1.5rem;
    }

    .product-info-column .current-price {
        font-size: 1.7rem;
    }

    .quantity-actions-section {
        flex-wrap: wrap;
        /* Allow buttons to wrap */
    }

    .product-info-column .btn-add-to-cart-main {
        width: 100%;
        margin-bottom: 10px;
    }

    .product-info-column .btn-icon-action {
        flex-grow: 1;
        /* Make icon buttons share space */
    }
}



/* description and addtional info section start */

.product-info-tabs-section {
    padding: 20px 0;
}

.custom-product-tabs .nav-tabs {
    border-bottom: none;
    margin-bottom: 25px;
}

.nav-tabs{
    border: none !important;
}


.tab-pane {
    border: 2px solid var(--rose);
    padding: 10px;
    border-radius: 10px;
}

.custom-product-tabs .nav-link {
    background-color: #fff;
    /* White background for inactive tabs */
    border: 1px solid var(--rose) !important;
    /* Light grey border */
    color: #7E7E7E;
    /* Grey text for inactive tabs */
    border-radius: 30px;
    /* Pill shape */
    padding: 0.6rem 1.5rem;
    /* Adjust padding */
    margin-right: 10px;
    /* Space between tabs */
    font-weight: 600;
    font-size: 0.95rem;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.custom-product-tabs .nav-link:hover {
    border-color: #c0c0c0;
    /* Slightly darker border on hover for inactive */
    color: #555;
}

.custom-product-tabs .nav-link.active {
    background-color: #E6F5EC;
    /* Light green background for active tab */
    color: #3BB77E;
    /* Green text for active tab */
    border-color: 1px var(--rose);
    border: 2px solid var(--rose);
    /* Match background or a slightly darker green */
}

.custom-product-tabs .nav-link.active:hover {
    border-color: #ccebd9;
    /* Adjust hover for active tab if needed */
}

.tab-content {
    display: flex;
    flex-direction: column;
    text-align: start;
    align-items: start;
    justify-content: start;
    margin-top: 10px;
}


.tab-content-custom {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #555;
}

.tab-content-custom h4.content-subheading {
    font-size: 1.25rem;
    font-weight: 700;
    color: #253D4E;
    /* Dark blue/grey heading color */
    margin-top: 25px;
    /* Space above subheading */
    margin-bottom: 15px;
    text-align: start;
}

.tab-content-custom h4.content-subheading:first-child {
    margin-top: 0;
    /* No top margin for the very first subheading in a tab */
}

.tab-content-custom p {
    margin-bottom: 1.2rem;
}

.tab-content-custom ul {
    padding-left: 20px;
    /* Indent for lists */
    margin-bottom: 1.2rem;
}

.tab-content-custom ul li {
    margin-bottom: 0.5rem;
}

/* Responsive adjustments for tabs */
@media (max-width: 575.98px) {

    /* Small mobile */
    .custom-product-tabs .nav-tabs {
        flex-wrap: nowrap;
        /* Prevent wrapping to keep them in a line */
        overflow-x: auto;
        /* Allow horizontal scrolling for tabs */
        padding-bottom: 10px;
        /* Space for scrollbar */
        white-space: nowrap;
        /* Ensure tabs stay in one line for scrolling */
    }

    .custom-product-tabs .nav-item {
        display: inline-block;
        /* For horizontal scroll */
    }

    .custom-product-tabs .nav-link {
        font-size: 0.9rem;
        padding: 0.5rem 1.2rem;
    }

    .tab-content-custom {
        font-size: 0.9rem;
    }

    .tab-content-custom h4.content-subheading {
        font-size: 1.1rem;
    }
}

/* Related section start */

.related-products-section {
    padding: 20px 0;
    /* background-color: #f8f9fa; */
    /* Optional section background */
}

.section-title-related {
    font-size: 1.8rem;
    /* Adjust as needed */
    font-weight: 700;
    color: #253D4E;
    /* Dark blue/grey text color */
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    /* Space for the underline */
    display: inline-block;
    /* To make underline only as wide as text */
}

.section-title-related::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    /* Width of the underline */
    height: 3px;
    /* Thickness */
    background-color: #3BB77E;
    /* Green underline color */
    border-radius: 2px;
}

/* Product Card Styles (Reusing common elements) */
.related-product-card {
    border: 1px solid #f0f0f0;
    /* Lighter border */
    border-radius: 10px;
    background-color: #fff;
    /* White card background */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    overflow: hidden;
    /* For discount badge */
    display: flex;
    flex-direction: column;
    height: 100%;
    /* For Swiper to manage height */
}

.related-product-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
    transform: translateY(-3px);
}

.related-product-image-wrapper {
    position: relative;
    background-color: #F7F8FA;
    /* Very light grey for image background */
    /* padding: 15px; */
    /* Padding around image */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.related-product-image-wrapper img {
    width: 100%;
    height: 100%;
    /* Adjust image height */
    object-fit: cover;
    /* Or 'cover' */
}

.discount-badge-related {
    /* Same as before, red badge */
    position: absolute;
    top: 12px;
    left: -28px;
    background-color: #dc3545;
    color: white;
    padding: 4px 30px 4px 25px;
    font-size: 0.7rem;
    font-weight: 600;
    transform: rotate(-45deg);
    transform-origin: top left;
    z-index: 1;
    line-height: 1;
}

/* Hover actions for product card image */
.product-actions-overlay {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    /* Pill shape for the group */
    padding: 5px;
    display: flex;
    gap: 5px;
    opacity: 0;
    /* Hidden by default */
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    transform: translateX(-50%) translateY(10px);
    /* Start slightly lower */
}

.related-product-card:hover .product-actions-overlay {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.product-actions-overlay .btn-action-icon {
    background-color: transparent;
    border: none;
    color: #555;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.product-actions-overlay .btn-action-icon:hover {
    background-color: var(--rose);
    color: white;
}


.related-product-card .card-body {
    padding: 15px;
    text-align: left;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.stock-status-related {
    font-size: 0.8rem;
    font-weight: 600;
    color: #3BB77E;
    /* Green */
    margin-bottom: 6px;
}

.product-title-related {
    font-size: 0.9rem;
    font-weight: 600;
    color: #253D4E;
    margin-bottom: 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 38px;
    /* Approx for 2 lines */
    flex-grow: 1;
    /* Push price down */
}

.price-area-related .current-price-related {
    font-size: 1rem;
    font-weight: 700;
    color: #3BB77E;
    margin-right: 6px;
}

.price-area-related .old-price-related {
    font-size: 0.8rem;
    color: #ADADAD;
    text-decoration: line-through;
}

/* No Add to Cart button in this design, just price */


/* Promo Banner (Right Side) */
.related-promo-banner {
    /* background-color: #F0EADA; */
    /* Light beige from image */
    border-radius: 10px;
    padding: 25px;
    /* height: 100%; */
    /* Make it same height as product cards */
    display: flex;
    align-items: center;
    /* Vertically align content if less text */
    position: relative;
    overflow: hidden;
    min-height: 370px;
    /* Ensure it has some height */
}

@media(max-width:1024px) {
    .related-promo-banner {
        min-height: 300px;
    }
}

@media(max-width:991px) {
    .related-promo-banner {
        display: none;
    }
}

.related-promo-banner .banner-content-promo {
    position: relative;
    z-index: 2;
    max-width: 60%;
    /* Limit text width */
}

.related-promo-banner .eyebrow-promo {
    font-size: 0.8rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
    display: block;
}

.related-promo-banner h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    /* Green text */
    line-height: 1.3;
}

.related-promo-banner .banner-image-promo {
    position: absolute;
    bottom: 0;
    right: -20px;
    /* max-height: 90%; */
    max-width: 110%;
    object-fit: contain;
    z-index: 1;
}

/* Swiper Styles */
.related-products-slider .swiper {
    padding-bottom: 10px;
    /* Space for scrollbar if needed, or pagination */
}


/* Responsive */
@media (max-width: 991.98px) {

    /* Tablets */
    .related-promo-banner-col {
        margin-top: 30px;

    }

    .related-promo-banner .banner-content-promo {
        max-width: 100%;
        text-align: center;
    }

    .related-promo-banner .banner-image-promo {
        max-width: 50%;
        right: 50%;
        transform: translateX(50%);
        bottom: 10px;
        max-height: 120px;
    }
}

@media (max-width: 767.98px) {

    /* Mobile */
    .section-title-related {
        font-size: 1.5rem;
    }

    .related-product-image-wrapper img {
        height: 100%;
    }

    .product-title-related {
        font-size: 0.85rem;
        min-height: 36px;
    }
}

.description-heading li {
    text-align: start;
}