:root{
    --tb-week-card-w: 28rem;
    --tb-fixed-card-w: 48rem;
    --tb-hero-card-w: 30rem;
    --tb-gap: clamp(1.6rem, 1.4vw, 3.2rem);
    --tb-hero-gap: clamp(2rem, 6vw, 10rem);
}

.main-bbq-grm-wrapper {
    max-width: calc((var(--tb-hero-card-w) * 2) + (var(--tb-hero-gap) * 1));
    margin-inline: auto;
}

@media (max-width: 1089px){
    .main-bbq-grm-wrapper {
        max-width: var(--tb-hero-card-w);
    }
}

.ct-div-block.bbq-grm-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(2rem, 6vw, 10rem);
}

.week-deals-wrapper {
    max-width: calc((var(--tb-week-card-w) * 4) + (var(--tb-gap) * 3));
    margin-inline: auto;

    .week-deals-sub-wrapper {
        gap: var(--tb-gap);
    }
}

@media (max-width: 1937px){
    .week-deals-wrapper {
        max-width: calc((var(--tb-week-card-w) * 3) + (var(--tb-gap) * 2));
    }
}

@media (max-width: 1459px){
    .week-deals-wrapper {
        max-width: calc((var(--tb-week-card-w) * 2) + (var(--tb-gap) * 1));
    }
}

@media (max-width: 985px){
    .week-deals-wrapper {
        max-width: var(--tb-week-card-w);
    }
}

.week-bonus-deal-wrapper {
    justify-content: end !important;
}

@media (max-width: 1937px){
    .week-bonus-deal-wrapper {
        justify-content: center !important;
    }
}

.fixed-deals-wrapper {
    max-width: calc((var(--tb-fixed-card-w) * 3) + (var(--tb-gap) * 2));
    margin-inline: auto;
}

@media (max-width: 2436px){
    .fixed-deals-wrapper {
        max-width: calc((var(--tb-fixed-card-w) * 2) + (var(--tb-gap) * 1));
    }
}

@media (max-width: 1625px){
    .fixed-deals-wrapper {
        max-width: var(--tb-fixed-card-w);
    }
}

@media (max-width: 785px){
    .fixed-deals-wrapper {
        max-width: 27rem;
    }
}

.ct-div-block.week-deal-card,
.ct-div-block.fixed-deal-card {
    position: relative;
    display:flex;
    flex-direction:column;
    flex: 0 1 calc((100% - (var(--tb-gap) * 2)) / 3);
    min-width: var(--tb-fixed-card-w);
    max-width: var(--tb-fixed-card-w);
    padding: clamp(1.1rem, 1.4vw, 2.2rem);
    border-radius: 1.2rem;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(28,44,84,0.14);
    box-shadow:
            0 18px 45px rgba(0,0,0,0.08),
            0 6px 18px rgba(0,0,0,0.06);

    overflow:hidden;

    &.ct-div-block.week-deal-card {
        flex: 0 1 calc((100% - (var(--tb-gap) * 3)) / 4);
        min-width: var(--tb-week-card-w);
        max-width: var(--tb-week-card-w);
        min-height: fit-content;
    }

    &.is-hidden {
        display: none;
    }
}

.week-deal-card::before,
.fixed-deal-card::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height: 4px;
    background: linear-gradient(
            90deg,
            rgba(28,44,84,0),
            rgba(28,44,84,1),
            rgba(28,44,84,0)
    );
    opacity: 0.9;
}

@media (max-width: 1937px){
    .week-deal-card{
        flex-basis: calc((100% - (var(--tb-gap) * 2)) / 3);
    }
}

@media (max-width: 1459px){
    .week-deal-card{
        flex-basis: calc((100% - (var(--tb-gap) * 1)) / 2);
    }
}

@media (max-width: 985px){
    .week-deal-card{
        flex-basis: 100%;
    }
}

@media (max-width: 640px){
    .week-deals > .week-deal-card{
        flex-basis: 100% !important;
        min-width: auto !important;
        max-width: 100% !important;
    }
}

.ct-div-block.week-deals,
.ct-div-block.fixed-deals {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: clamp(1.6rem, 1.4vw, 3.2rem);
    margin: 0 auto;
    --ophuis-blue:#1c2c54;

    &.ct-div-block.week-deals {
        gap: var(--tb-gap);
        justify-content: center;
    }
}

.fixed-deals > .fixed-deal-card {
    flex: 0 0 calc(33.333% - 3.2rem);
}

@media (max-width: 2436px) {
    .ct-div-block.fixed-deals {
        justify-content: center;
    }

    .fixed-deals > .fixed-deal-card {
        flex: 0 0 calc(50% - 2rem);
    }
}

@media (max-width: 785px) {
    .ct-div-block.fixed-deal-card {
        min-width: 27rem;
    }
}

@media (max-width: 495px) {
    .ct-div-block.fixed-deal-card {
        min-width: 100%;
    }
}

.deal-img{
    border-radius: 1rem;
    overflow:hidden;
    border: 1px solid rgba(0,0,0,0.10);
    box-shadow: 0 10px 22px rgba(0,0,0,0.08);
}

.deal-img img{
    width:100%;
    height: 11rem;
    object-fit: contain;
    object-position: center;
    background: #fff;
    display:block;
}

.piggy-slider-wrapper {
    max-width: 80.4rem;
    margin-inline: auto;
}

@media (max-width: 1348px){
    .piggy-slider-wrapper {
        max-width: 53.8rem;
    }
}

@media (max-width: 863px){
    .piggy-slider-wrapper {
        max-width: 28.2rem;
    }
}

@media (max-width: 700px){
    .piggy-slider-wrapper {
        max-width: 22rem;
    }
}

div.n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: nowrap !important;
    position: relative !important;
    bottom: 0.5rem !important;
    -webkit-tap-highlight-color: transparent;
}

.n2-ss-slider .n2-ss-layer-row-inner {
    justify-content: center !important;
    align-items: center !important;
}

#piggy-slider-shortcode-mobile {
    display: none;
}

@media (max-width: 700px) {
    #piggy-slider-shortcode {
        display: none;
    }

    #piggy-slider-shortcode-mobile {
        display: block;
    }
}

body.oxygen-builder-body .is-hidden {
    display: block !important;
    opacity: 0.5;
    position: relative !important;
}