.bogo-wrapper {
    margin-bottom: 30px;
    position: relative;
}

.bogo-card input[type="radio"] {
    display: none; /* Hide the default radio */
}

/* Style when selected */
.bogo-card input[type="radio"]:checked + .bogo-card-inner {
    border: 2px solid #0071a1;
    box-shadow: 0 0 8px rgba(0, 113, 161, 0.5);
}

/* Normal unselected card */
.bogo-card-inner {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    transition: 0.3s all;
}

.bogo-card-title {
    font-size: 0.75rem;
}

.bogo-lock-note {
    color: #888;
    font-style: italic;
    display: block;
    margin-top: 5px;
}

.bogo-item-meta {
    font-size: 0.9em;
    margin-top: 5px;
}

.bogo-free-label {
    color: #4CAF50;
    font-weight: bold;
}

.bogo-parent-info {
    color: #666;
}

/* Disable quantity input for free items */
.cart_item.bogo-free .quantity {
    pointer-events: none;
    opacity: 0.7;
}

.cart_item.bogo-free .quantity input {
    background: #f5f5f5;
    border-color: #ddd;
}

.woocommerce-error .dismiss-notice,
.woocommerce-message .dismiss-notice {
    font-size: 20px;
    color: #999;
    margin-left: 10px;
}

.bogo-swiper.swiper-container {
    position: initial;
}

.bogo-swiper .swiper-slide {
    display: flex;
    flex-direction: column; /* or row depending on layout */
    height: 100% !important;
}

.bogo-swiper .swiper-button-next,
.bogo-swiper .swiper-button-prev {
    width: 20px;
    height: 20px;
    top: 5%;
    position: absolute;
    visibility: visible !important;
}

.bogo-swiper .swiper-button-next::after,
.bogo-swiper .swiper-button-prev::after {
    font-size: 20px;
}

.bogo-swiper .swiper-button-prev {
    left: auto;
    right: 7%;
}

.bogo-swiper .swiper-button-disabled {
    opacity: 0.3 !important;
    cursor: not-allowed;
    pointer-events: none;
}

.bogo-card-disabled {
    opacity: 0.5;
    pointer-events: none;
    position: relative;
}

.out-of-stock-label {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #cc0000;
    color: #fff;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 4px;
}

.quantity-notice {
    background-color: #fff4d5;
    padding: 5px;
    border-radius: 5px;
    font-size: .75rem;
    color: #000;
    margin-bottom: 10px;
    font-weight: 600;
}

@media(max-width: 575px) {
    .bogo-wrapper {
        margin-bottom: 15px;
    }

    .bogo-wrapper h3 {
        font-size: 16px !important;
        line-height: 1.2;
        font-weight: 400 !important;
    }

    .bogo-swiper .swiper-button-next,
    .bogo-swiper .swiper-button-prev {
        top: 11%;
    }

    .bogo-swiper .swiper-button-prev {
        right: 6%;
    }

    .bogo-swiper .swiper-button-next{
        right: 0;
    }

    /*.bogo-card-inner {*/
    /*    padding: 0;*/
    /*    border: 0;*/
    /*}*/
    /*.bogo-card-title {*/
    /*    font-size: 0.65rem;*/
    /*    line-height: 1.1;*/
    /*}*/
    /*.bogo-swiper .swiper-button-next, .bogo-swiper .swiper-button-prev {*/
    /*    top: 11%;*/
    /*}*/
    /*.bogo-swiper .swiper-button-next {*/
    /*    right: 0;*/
    /*}*/
    /*.bogo-card-attribute .out-of-stock-label {*/
    /*    font-size: 9px;*/
    /*}*/
}
