.consumables-order {
    padding-bottom: 7rem
}

.consumables-order h3 {
    color: var(--purple);
    font-size: 2.5rem;
    margin-bottom: 1rem
}

.consumables-order>div>p {
    font-size: 1.375rem;
    margin-bottom: 2.5rem
}

.consumables-order .inquiry-form__fields {
    gap: 1.25rem 1.5rem
}

.consumables-choices {
    grid-column: 1/-1;
    border: 0;
    margin: 0;
    padding: 1rem 0;
    color: var(--ink);
    min-width: 0
}

.consumables-choices legend {
    font-size: 1.25rem;
    color: var(--purple);
    margin-bottom: .5rem
}

.consumables-choices label {
    font-size: 1.25rem;
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    margin-right: 2rem;
    cursor: pointer;
    margin-top: .5rem
}

.consumables-choices input {
    width: 1.375rem;
    height: 1.375rem;
    accent-color: var(--teal)
}

.consumables-order .inquiry-form--compact .form-consent {
    grid-row: auto
}

.consumables-order .inquiry-form--compact .inquiry-form__submit {
    grid-row: 7
}

.consumables-order .inquiry-form--compact .form-consent {
    grid-row: 7
}

.consumables-brand {
    background: url(../img/pages/consumables/consumables-brand-background.png) center/cover;
    padding: 7rem 0;
    min-height: 57rem
}

.consumables-brand h2 {
    margin-bottom: 2rem
}

.consumables-brand>div>p {
    font-size: 1.375rem;
    line-height: 2.5rem
}

.consumables-brand__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    margin-top: 4rem
}

.consumables-card {
    background: #fff;
    border-radius: 3.125rem;
    overflow: hidden
}

.consumables-card img {
    height: 21rem;
    object-fit: contain;
    width: 100%
}

.consumables-card h3 {
    background: linear-gradient(105deg, var(--purple), var(--teal));
    color: white;
    padding: 2rem 3rem;
    font-size: 1.5rem;
    font-weight: 400
}

@media(max-width:640px) {
    .consumables-order {
        padding-bottom: 48px
    }

    .consumables-order h3 {
        font-size: 22px;
        margin-bottom: 12px
    }

    .consumables-order>div>p {
        font-size: 14px;
        margin-bottom: 24px
    }

    .consumables-order .inquiry-form {
        padding: 0
    }

    .consumables-order .inquiry-form__fields {
        gap: 12px
    }

    .consumables-choices {
        padding: 12px 0
    }

    .consumables-choices legend {
        font-size: 13px;
        margin-bottom: 8px
    }

    .consumables-choices label {
        font-size: 12px;
        margin-right: 16px;
        margin-top: 12px;
        gap: 6px
    }

    .consumables-choices input {
        width: 16px;
        height: 16px
    }

    .consumables-order .inquiry-form--compact .inquiry-form__submit,
    .consumables-order .inquiry-form--compact .form-consent {
        grid-row: auto
    }

    .consumables-brand {
        min-height: 0;
        padding: 48px 0
    }

    .consumables-brand h2 {
        margin-bottom: 18px
    }

    .consumables-brand>div>p {
        font-size: 14px;
        line-height: 1.9
    }

    .consumables-brand__cards {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 28px
    }

    .consumables-card {
        border-radius: 20px
    }

    .consumables-card img {
        height: 230px
    }

    .consumables-card h3 {
        padding: 20px 24px;
        font-size: 18px
    }
}

.consumables-order .inquiry-form--compact .inquiry-form__submit,
.consumables-order .inquiry-form--compact .form-consent {
    grid-row: 6
}

@media(max-width:640px) {

    .consumables-order .inquiry-form--compact .inquiry-form__submit,
    .consumables-order .inquiry-form--compact .form-consent {
        grid-row: auto
    }
}
/* NenoVision: centered product artwork and a responsive looping carousel. */
.consumables-brand h2{margin-bottom:1.5rem}
.consumables-brand>div>p{line-height:2.25rem}
.consumables-brand__carousel{position:relative;margin-top:4.375rem}
.consumables-brand__viewport{overflow:hidden;outline-offset:6px}
.consumables-brand__cards{display:flex;gap:3.125rem;margin:0;transition:transform 550ms cubic-bezier(.22,1,.36,1);touch-action:pan-y;cursor:grab;user-select:none}
.consumables-brand__cards.is-dragging{transition:none!important;cursor:grabbing}
.consumables-brand__cards .consumables-card{display:block;flex:0 0 calc((100% - 6.25rem)/3);min-width:0;border-radius:2.5rem;background:#fff}
.consumables-card__visual{height:21.125rem;display:grid;place-items:center;background:#fff}
.consumables-brand__cards .consumables-card img{display:block;width:66%;height:auto;max-height:14rem;object-fit:contain;-webkit-user-drag:none}
.consumables-brand__cards .consumables-card h3{min-height:7rem;padding:1.375rem 3.25rem;font-size:1.375rem;line-height:2.25rem;font-weight:400}
.consumables-brand__cards .consumables-card:hover{translate:none;box-shadow:none}
.consumables-brand__arrow{position:absolute;top:50%;transform:translateY(-50%);width:5rem;height:5rem;display:grid;place-items:center;border:1px solid #776ab0;border-radius:.625rem;color:var(--purple);background:transparent;transition:background-color 220ms,border-color 220ms}
.consumables-brand__arrow--prev{left:-6.25rem}
.consumables-brand__arrow--next{right:-6.25rem}
.consumables-brand__arrow img{width:1.5rem;height:auto}
.consumables-brand__arrow--next img{transform:rotate(180deg)}
.consumables-brand__arrow:hover{background:var(--purple);border-color:var(--purple)}
.consumables-brand__arrow:hover img{filter:brightness(0) invert(1)}
.consumables-brand__position{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1200px){
 .consumables-brand__carousel{margin-left:3.5rem;margin-right:3.5rem}
 .consumables-brand__arrow{width:2.75rem;height:4rem}
 .consumables-brand__arrow--prev{left:-3.5rem}.consumables-brand__arrow--next{right:-3.5rem}
}
@media(min-width:641px) and (max-width:1100px){
 .consumables-brand__cards .consumables-card{flex-basis:calc((100% - 3.125rem)/2)}
}
@media(max-width:640px){
 .consumables-brand__carousel{margin:28px 0 0;padding-bottom:62px}
 .consumables-brand__cards{gap:20px}
 .consumables-brand__cards .consumables-card{flex-basis:100%;border-radius:24px}
 .consumables-card__visual{height:230px}
 .consumables-brand__cards .consumables-card img{width:66%;max-height:170px}
 .consumables-brand__cards .consumables-card h3{min-height:84px;padding:16px 24px;font-size:16px;line-height:26px}
 .consumables-brand__arrow{top:auto;bottom:0;transform:none;width:44px;height:44px;border-radius:7px}
 .consumables-brand__arrow--prev{left:0}.consumables-brand__arrow--next{right:0}
 .consumables-brand__arrow img{width:20px}
 .consumables-brand__position{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:auto;height:auto;clip-path:none;font-size:14px;line-height:20px;color:var(--purple)}
 .consumables-brand>div>p{font-size:14px;line-height:1.9}
}