.fts-hero-media {
    border-radius: 60px;
    overflow: hidden;
}

.fts-hero-media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
}


/* ==========================================
   FTHESOCIETY - MINI CART DARK EDITION
   ========================================== */

/* Main drawer */
.offcanvas:has(.tf-mini-cart),
.offcanvas:has(.tf-mini-cart-main),
.offcanvas:has(.mini-cart),
.tf-mini-cart,
.tf-mini-cart-main,
.tf-mini-cart-wrap,
.tf-mini-cart-bottom,
.mini-cart {
    background-color: #101010 !important;
    color: #fff !important;
}

/* Text variables */
.tf-mini-cart,
.tf-mini-cart-main,
.tf-mini-cart-wrap {
    --main: #fff;
    --text: #fff;
    --primary: #d4af37;
    color: #fff !important;
}

/* General text */
.tf-mini-cart :is(
    h1, h2, h3, h4, h5, h6,
    p, span, a, strong, b
),
.tf-mini-cart-main :is(
    h1, h2, h3, h4, h5, h6,
    p, span, a, strong, b
) {
    color: #fff !important;
}

/* Product title, price, quantity */
.tf-mini-cart .tf-mini-cart-item,
.tf-mini-cart .tf-mini-cart-item *,
.tf-mini-cart-main .tf-mini-cart-item,
.tf-mini-cart-main .tf-mini-cart-item * {
    color: #fff !important;
}

.tf-mini-cart-item .text-secondary,
.tf-mini-cart-item .cl-text-2 {
    color: #aaa !important;
}

/* Shipping progress container */
.tf-mini-cart .tf-progress-ship,
.tf-mini-cart .shipping-progress,
.tf-mini-cart .tf-mini-cart-threshold,
.tf-mini-cart-main .tf-progress-ship,
.tf-mini-cart-main .shipping-progress,
.tf-mini-cart-main .tf-mini-cart-threshold {
    background: #1e1e1e !important;
    color: #fff !important;
}

/* Shipping text */
.tf-mini-cart .tf-progress-ship *,
.tf-mini-cart .shipping-progress *,
.tf-mini-cart .tf-mini-cart-threshold *,
.tf-mini-cart-main .tf-progress-ship *,
.tf-mini-cart-main .shipping-progress *,
.tf-mini-cart-main .tf-mini-cart-threshold * {
    color: #fff !important;
}

/* Product image */
.tf-mini-cart-item img {
    border-radius: 5px !important;
}

/* Quantity selector */
.tf-mini-cart .wg-quantity,
.tf-mini-cart-main .wg-quantity {
    background: #1b1b1b !important;
    border: 1px solid #444 !important;
    border-radius: 5px !important;
}

.tf-mini-cart .wg-quantity *,
.tf-mini-cart-main .wg-quantity * {
    color: #fff !important;
}

/* Bottom totals */
.tf-mini-cart-bottom,
.tf-mini-cart-bottom * {
    color: #fff !important;
}

.tf-mini-cart-bottom {
    border-top: 1px solid #333 !important;
}

/* Checkout button */
.tf-mini-cart-bottom .tf-btn:first-of-type {
    background: #d4af37 !important;
    border: 1px solid #d4af37 !important;
    color: #0b0b0b !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.tf-mini-cart-bottom .tf-btn:first-of-type * {
    color: #0b0b0b !important;
}

/* View Cart button */
.tf-mini-cart-bottom .tf-btn:last-of-type {
    background: transparent !important;
    border: 1px solid #777 !important;
    color: #fff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.tf-mini-cart-bottom .tf-btn:last-of-type * {
    color: #fff !important;
}

/* Cart page summary */
.cart-total,
.cart-totals,
.tf-cart-totals,
.cart-summary,
.order-summary,
.cart-sidebar {
    background: #151515 !important;
    color: #fff !important;
    border: 1px solid #303030 !important;
    border-radius: 8px !important;
}

.cart-total *,
.cart-totals *,
.tf-cart-totals *,
.cart-summary *,
.order-summary *,
.cart-sidebar * {
    color: #f5f5f5;
}

/* Summary borders */
.cart-total hr,
.cart-totals hr,
.tf-cart-totals hr,
.cart-summary hr,
.order-summary hr,
.cart-sidebar hr {
    border-color: #444 !important;
}

/* Coupon input */
.coupon-code input,
.coupon-form input,
input[name="coupon_code"] {
    background: #171717 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
}

.coupon-code input::placeholder,
.coupon-form input::placeholder,
input[name="coupon_code"]::placeholder {
    color: #888 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .tf-mini-cart,
    .tf-mini-cart-main {
        color: #fff !important;
    }

    .cart-total,
    .cart-totals,
    .tf-cart-totals,
    .cart-summary,
    .order-summary,
    .cart-sidebar {
        padding: 22px !important;
    }
}