.kraft-block { position: relative; z-index: 1; }
.kraft-block .kraft-block__header { margin-bottom: 2.4rem; }

.kraft-block__bg-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.kraft-block__bg-image img { width: 100%; height: 100%; object-fit: cover; }
.kraft-block__bg-image::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 15%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .75) 90%) }

.kraft-block__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

@media (min-width: 1200px) {
    .kraft-block .kraft-block__header { margin-bottom: 4.8rem; }
}


/*** ----- Block: Header subpage ----- ***/
.kraft-block--header-subpage {
    &.has-bg-image { border-bottom: 0; color: #fff;
        .kraft-breadcrumbs * { color: #fff; }
    }
}

/*** ----- Block: Text shortcode ----- ***/
.kraft-block--text-shortcode {
    &.bg--gradient-1 .card { background: rgba(255,255,255,.05); border: none;
        .wpcf7-submit { --bg-clr: #fff; --clr: var(--clr-text); --hover-bg-clr: #ccc; }
    }
}

@media (min-width: 992px) {
    .kraft-block--text-shortcode .card { --p: 3.2rem; }
}

/*** ----- Block: Text media ----- ***/
.kraft-block--text-media .kraft-block__inner { border-radius: .35rem; overflow: clip; }
.kraft-block--text-media .kraft-block__inner:is(.bg--dark, .bg--light) .text { padding: 2.4rem 2rem; }
.kraft-block--text-media .kraft-block__inner:is(.bg--dark, .bg--light) .row { align-items: stretch; margin-inline: 0; }
.kraft-block--text-media .kraft-block__inner:is(.bg--dark, .bg--light) .row .col { padding: 0; }
.kraft-block--text-media .kraft-block__inner:is(.bg--dark, .bg--light) .col--text { align-self: center; }
.kraft-block--text-media .kraft-block__inner:is(.bg--dark, .bg--light) figure { height: 100%; }
.kraft-block--text-media .kraft-block__inner:is(.bg--dark, .bg--light) figure img { height: 100%; object-fit: cover; }

@media (min-width: 768px) {
    .kraft-block--text-media .kraft-block__inner:is(.bg--dark, .bg--light) .text { padding: 3.2rem; }
}

@media (min-width: 992px) {
    .kraft-block--text-media .kraft-block__inner:is(.bg--dark, .bg--light) .text { padding: 4.8rem; }
}

@media (min-width: 1200px) {
    .kraft-block--text-media .kraft-block__inner:is(.bg--dark, .bg--light) .text { padding: 6.4rem; }
}

/*** ----- Block: categories ----- ***/
.kraft-categories { display: flex; flex-wrap: wrap; flex-direction: column; }
.kraft-categories strong { font-size: 1.6rem; line-height: 1; display: block; width: 100%; margin-bottom: 1rem; }
.kraft-categories a { color: var(--clr-text); font-weight: 500; font-size: clamp(1.4rem, 1vw + 1rem, 1.6rem); line-height: 1.2; padding: .75rem 1.6rem; display: flex; align-items: center; justify-content: space-between; column-gap: 2rem; border: 1px solid var(--clr-border); border-radius: .35rem; transition: color var(--ts-duration) var(--ts-function); }
.kraft-categories a:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.kraft-categories a + a { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.kraft-categories a:hover { color: var(--clr-primary); }

@media (min-width: 768px) {
    .kraft-categories.kraft-categories--inline { flex-direction: row; gap: 2rem; }
    .kraft-categories.kraft-categories--inline a { border-radius: .35rem; padding: 1.4rem 2rem; }
}

/*** ----- Block: products ----- ***/
.kraft-block--products { overflow: hidden; }
.kraft-block--products .blaze-slider .blaze-track-container { overflow: visible; }

/*** ----- Block: Logos ----- ***/
.kraft-block--logos figure { display: grid; place-items: center; border: 1px solid var(--clr-border); padding: 2rem; border-radius: .35rem; margin: 1px 0; }
.kraft-block--logos figure img { width: 100%; height: auto; }

/*** ----- Block: Samples ----- ***/
.kraft-block--samples {


    &.bg--dark {
        .btn--white { --hover-bg-clr: #ccc; --hover-clr: var(--clr); }

        .blaze-slider .blaze-pagination button.active { background-color: #fff; }
    }
}
.kraft-block--samples .kraft-block__body { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: 'body'; gap: 4.8rem; align-items: center; }
.kraft-block--samples .blaze-slider { --slides-to-show: 1; --slide-gap: 20px; padding: 2.4rem; margin-block: -2.4rem; overflow: clip; }
.kraft-block--samples .blaze-slider .blaze-track-container { overflow: inherit; }
.kraft-block--samples .blaze-slider .blaze-controls { justify-content: start; }

@media (min-width: 768px) {
    .kraft-block--samples .kraft-block__body > * { grid-area: body; }
    .kraft-block--samples .blaze-slider { width: 55%; margin-left: auto; }  
}

@media (min-width: 1344px) {
    .kraft-block--samples .blaze-slider { padding-right: calc((100vw - 1320px + 24px) / 2); }
}

/*** ----- Block: USPS ----- ***/
.kraft-block--usps .container > .text { text-align: center; }
.kraft-block--usps .container > .text .usps { text-align: left; }
.kraft-block--usps .container > .text .btn-group { justify-content: center; }

/*** ----- Block: Reviews ----- ***/
.kraft-block--reviews .row { row-gap: 3.2rem; }  

.kraft-terms-group { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 2rem 3.2rem; }
.kraft-terms-group .kraft-term { scroll-snap-align: start; text-decoration: none; color: var(--clr-text); }
.kraft-terms-group .kraft-term .term-title { white-space: nowrap; font-size: clamp(2rem, 2vw + 3rem, 3.2rem); }
.kraft-terms-group .kraft-term span { white-space: nowrap; display: flex; column-gap: 1rem; align-items: center;  }