/* Mobile-first overrides */
@media (max-width: 576px) {
    .slider-nav-reveal .flickity-prev-next-button.next{
        right: 10px !important;
    }
      .slider-nav-reveal .flickity-prev-next-button.previous{
        left: 10px !important;
    }
    .btn-banner .button {
    font-size: 12px !important;
    text-transform: capitalize;
    padding: 5px 15px !important;
    margin: 0;
}
    .quantity input[type=number] {
        width: 1.5em;
    }
    .dk-product-cat-title {
        margin: 0 0 1em ;
    }
    .category-page-row {
    padding-top: 15px;
}
.shop-container .term-description, .shop-container .page-description {
    text-align: center;
    margin-bottom: 1em;
    font-size: .9em;
}
.dk-shop-filter {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 5px;
    gap: 8px;
}
.dk-filter-btn{
        margin-bottom: 0;
        font-size: .9em;
}

.row-slider .flickity-slider > .product-small.col,
.products-slider .flickity-slider > .product-small.col,
.woocommerce .flickity-slider > .product-small.col {
    width: 66.8% !important;
    max-width: 66.8% !important;
}
span.dk-inline-sale-badge {
    margin-left: 3px;
    padding: 3px 3px;
}
.box-slider-3 .col-inner.slick-slider .slick-list,
.box-slider-4 .col-inner.slick-slider .slick-list {
    margin: 0 -7.5px;
    padding-bottom: 30px;
}

.box-slider-3 .col-inner.slick-slider .slick-slide,
.box-slider-4 .col-inner.slick-slider .slick-slide {
    margin: 0 7.5px;
}

.artisan-products .row.align-center .col .col-inner {
    overflow: hidden;
}
.artisan-products .row.align-center {
    margin: 0;
    overflow: hidden;
}
.product-info {
    padding-top: 20px;
}
.ux-quantity.quantity .ux-quantity__button {
    width: 55px;
}
.product-main .row-small>.flickity-viewport>.flickity-slider>.col{
    padding: 0 5px 19.6px;
}
.product-main .product-thumbnails a {
    border-radius: 15px;
}

/* Slick mobile dots: show as numbers 1,2,3... in white */
.box-slider-3 .slick-dots li button,
.box-slider-4 .slick-dots li button {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    width: 20px;
    height: 20px;
    padding: 0;
}

.box-slider-3 .slick-dots li button:before,
.box-slider-4 .slick-dots li button:before {
    content: none;
}

.box-slider-3 .slick-dots li.slick-active button,
.box-slider-4 .slick-dots li.slick-active button {
    color: #000;
    font-weight: 700;
    background: #fff;
    border-radius: 999px;
}
}
@media (min-width: 768px) {
.cfw-tw .items-start {
    align-items: flex-start;
    flex-wrap: nowrap !important;
    gap: 2em;
    padding: 2em 0;
}
}