b, strong {
    font-weight: 700;
}

.form-field[class*="field-"].col-md-6,
.form-field[class*="field-"].col-sm-12 {
    width: -webkit-fill-available;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

button.next-btn[form^="lime-form-"] {
    background-color: #113649 !important;
}

btn.btn-primary.submit-btn.pull-right {
    background-color: #113649 !important;
}

.next-btn-wrapper:has(> button[form^="lime-form-"]) {
    padding: 15px;
}

.fs-5.text-inherit.opacity-100.lead.mb-3 {
    width: -webkit-fill-available;
}

/* =============================================
   Product Details Image - Custom (.swift-pdi)
   ============================================= */

/* Override h-100 so the block hugs its content instead of stretching to column height */
.swift-pdi {
    height: auto !important;
}

/* Sticky on desktop only — top offset = header height + 15px, set via JS as --swift-header-height */
@media (min-width: 992px) {
    .swift-pdi {
        position: sticky;
        top: calc(var(--swift-header-height, 0px) + 15px);
        align-self: flex-start;
    }
}

/* Carousel should not grow beyond the image — prevents gap between image and thumbnails */
.swift-pdi > .carousel {
    flex: 0 0 auto !important;
}

/* Thumbnail items — default gray border, active uses primary color */
.swift-pdi .product-thumbnail-item {
    border: 1px solid #dee2e6 !important;
    transition: border-color 0.2s ease;
    cursor: pointer;
}

.swift-pdi .product-thumbnail-item.thumbnail-active {
    border: 2px solid var(--bs-primary) !important;
}

/* Thumbnail slider wrapper (> 5 images) */
.swift-pdi .product-thumb-slider-wrapper {
    --thumb-w: 7rem;
    --thumb-gap: 0.5rem;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    box-sizing: border-box;
}

/* Both slider and non-slider thumbnail containers fill the carousel width */
.swift-pdi [id^="SmallScreenImagesThumbnails_"] {
    width: 100%;
}

/* Mobile: fluid track — 2 thumbnails visible at a time, rest swiped */
.swift-pdi .product-thumb-track {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.swift-pdi .product-thumb-track::-webkit-scrollbar {
    display: none;
}

/* Override inline min/max-width so thumbnails are exactly half the track width on mobile */
@media (max-width: 991.98px) {
    .swift-pdi .product-thumb-slider-wrapper .product-thumbnail-item {
        width: calc(50% - var(--thumb-gap) / 2) !important;
        min-width: calc(50% - var(--thumb-gap) / 2) !important;
        max-width: calc(50% - var(--thumb-gap) / 2) !important;
        flex-shrink: 0;
    }
}

/* Desktop: fixed track width shows exactly 5 thumbnails — 6th clipped */
@media (min-width: 992px) {
    .swift-pdi .product-thumb-track {
        width: calc(5 * var(--thumb-w) + 4 * var(--thumb-gap));
        flex: 0 0 auto;
        overflow-x: hidden;
    }

    .swift-pdi .product-thumb-slider-wrapper .product-thumbnail-item {
        width: var(--thumb-w) !important;
        min-width: var(--thumb-w) !important;
        max-width: var(--thumb-w) !important;
        flex-shrink: 0;
    }
}

/* Hide prev/next buttons on mobile — user swipes the track directly */
@media (max-width: 991.98px) {
    .swift-pdi .product-thumb-btn {
        display: none;
    }

    .swift-pdi .product-thumb-track {
        overflow-x: auto;
    }
}

.swift-pdi .product-thumb-btn {
    flex-shrink: 0;
    width: 3.25rem;
    height: 3.25rem;
    min-width: 52px;
    min-height: 52px;
    padding: 0;
    border: 1px solid var(--bs-border-color);
    background-color: #fff;
    border-radius: 50%;
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: opacity 0.2s ease;
}

.swift-pdi .product-thumb-btn:disabled {
    opacity: 0.25;
    cursor: default;
}