/* =====================================================
DREAMS MOBILE HOMEPAGE MASTER CSS
APPLE-STYLE TIGHT SPACING + FULL SLIDER + PRODUCT CONTROLS
===================================================== */

:root {
    --dm-primary: #10b840;
    --dm-dark: #010f1c;
    --dm-white: #ffffff;
    --dm-soft-bg: #f3f3f3;

    --dm-section-gap-top: 8px;
    --dm-section-gap-bottom: 8px;

    --dm-title-size: 26px;
    --dm-title-mobile-size: 20px;
    --dm-title-color: #010f1c;
    --dm-title-weight: 700;
    --dm-title-margin-bottom: 4px;

    --dm-tab-gap: 8px;
    --dm-tab-font-size: 13px;
    --dm-tab-mobile-font-size: 10px;
    --dm-tab-color: #111111;
    --dm-tab-active-bg: #10b840;
    --dm-tab-active-color: #ffffff;

    --dm-product-row-gap: 6px;
    --dm-product-card-radius: 5px;

    --dm-overlay-color: linear-gradient(
        90deg,
        rgba(0, 40, 20, 0.75) 0%,
        rgba(0, 80, 40, 0.45) 40%,
        rgba(0, 0, 0, 0) 100%
    );
}

/* =====================================================
GLOBAL SECTION SPACING
===================================================== */

.dm-home-section {
    margin-top: var(--dm-section-gap-top) !important;
    margin-bottom: var(--dm-section-gap-bottom) !important;
}

.dm-home-section + p,
.dm-home-section p:empty,
main > p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dm-home-section .container {
    max-width: 1320px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Kill large theme spacing */
.tp-product-area,
.tp-product-section,
.tp-feature-area,
.tp-blog-area,
.tp-gallery-area,
.tp-product-groups {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* =====================================================
SECTION-SPECIFIC SPACING
===================================================== */

.dm-hero-slider {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

.dm-trending-products {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.dm-top-ads {
    margin-top: 6px !important;
    margin-bottom: 4px !important;
}

.dm-site-features {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
}

.dm-mobile-products,
.dm-category-products {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.dm-deal-of-day {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.dm-wide-ads {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
}

.dm-new-arrivals {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.dm-product-columns {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.dm-blog-section {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.dm-gallery-section {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.dm-recently-viewed {
    margin-top: 8px !important;
    margin-bottom: 20px !important;
}

/* =====================================================
SECTION TITLES
===================================================== */

.dm-home-section .tp-section-title-wrapper,
.tp-section-title-wrapper {
    margin-bottom: var(--dm-title-margin-bottom) !important;
    padding-bottom: 0 !important;
}

.dm-home-section .tp-section-title,
.dm-home-section .section-title,
.dm-home-section h2,
.dm-home-section h3,
.tp-section-title {
    font-size: var(--dm-title-size) !important;
    color: var(--dm-title-color) !important;
    font-weight: var(--dm-title-weight) !important;
    line-height: 1.1 !important;
    margin-bottom: var(--dm-title-margin-bottom) !important;
    padding-bottom: 0 !important;
}

/* =====================================================
FULL WIDTH SLIDER
===================================================== */

.dm-full-slider {
    position: relative !important;
    height: 650px !important;
    overflow: hidden !important;
    background: #000 !important;
}

.dm-full-slider-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.dm-full-slider-video {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.dm-full-slider-video iframe,
.dm-full-slider-video video,
.dm-full-slider-video .ratio,
.dm-full-slider-video .ratio iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 120vw !important;
    height: 67.5vw !important;
    min-width: 100% !important;
    min-height: 100% !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
}

.dm-full-slider-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: var(--dm-overlay-color) !important;
}

.dm-full-slider-content-wrap {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 14% !important;
    padding-right: 14% !important;
}

.dm-full-slider-content-box {
    width: 100% !important;
    max-width: 720px !important;
}

.dm-full-slider-content,
.dm-full-slider-content span,
.dm-full-slider-content h3,
.dm-full-slider-content p {
    color: #ffffff !important;
}

.dm-full-slider .tp-slider-btn {
    display: flex !important;
    width: 100% !important;
}

.dm-full-slider .tp-btn,
.dm-full-slider .tp-btn-white {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 14px !important;
    padding: 14px 34px !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

.dm-full-slider .tp-btn:hover,
.dm-full-slider .tp-btn-white:hover {
    background: #ffffff !important;
    color: #0b7f55 !important;
    border-color: #ffffff !important;
}

/* Slider alignment */
.dm-full-slider.dm-align-left .dm-full-slider-content-wrap {
    justify-content: flex-start !important;
}

.dm-full-slider.dm-align-left .dm-full-slider-content {
    text-align: left !important;
}

.dm-full-slider.dm-align-left .tp-slider-btn {
    justify-content: flex-start !important;
}

.dm-full-slider.dm-align-center .dm-full-slider-content-wrap {
    justify-content: center !important;
}

.dm-full-slider.dm-align-center .dm-full-slider-content {
    text-align: center !important;
}

.dm-full-slider.dm-align-center .tp-slider-btn {
    justify-content: center !important;
}

.dm-full-slider.dm-align-right .dm-full-slider-content-wrap {
    justify-content: flex-end !important;
}

.dm-full-slider.dm-align-right .dm-full-slider-content {
    text-align: right !important;
}

.dm-full-slider.dm-align-right .tp-slider-btn {
    justify-content: flex-end !important;
}

/* =====================================================
PRODUCT GRID / CARD SPACING
===================================================== */

.tp-product-item,
.tp-product-item-2,
.tp-product-item-3,
.tp-product-item-4 {
    margin-bottom: var(--dm-product-row-gap) !important;
    border-radius: var(--dm-product-card-radius) !important;
    overflow: hidden !important;
}

.tp-product-area .row,
.tp-shop-area .row,
.tp-product-wrapper .row {
    row-gap: var(--dm-product-row-gap) !important;
}

.tp-product-area [class*="col-"],
.tp-shop-area [class*="col-"],
.tp-product-wrapper [class*="col-"] {
    padding-bottom: var(--dm-product-row-gap) !important;
}

.tp-product-area .container > .row:first-child {
    margin-bottom: 0 !important;
}

.tp-product-area .row.mb-50,
.tp-product-area .mb-50,
.tp-product-area .mb-40,
.tp-product-area .mb-35,
.tp-product-area .mb-30,
.tp-product-section .mb-50,
.tp-product-section .mb-40,
.tp-product-section .mb-35,
.tp-product-section .mb-30 {
    margin-bottom: 6px !important;
}

/* =====================================================
PRODUCT TABS
===================================================== */

.tp-product-tab {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tp-product-tab .nav-tabs,
.tp-product-tab .nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--dm-tab-gap) !important;
    border: none !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

.tp-product-tab .nav-tabs .nav-link,
.tp-product-tab .nav .nav-link,
.tp-product-tab button {
    background: transparent !important;
    color: var(--dm-tab-color) !important;
    border: 1.5px solid var(--dm-tab-color) !important;
    border-radius: 999px !important;
    padding: 6px 14px !important;
    font-size: var(--dm-tab-font-size) !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    transition: all 0.25s ease !important;
}

.tp-product-tab .nav-tabs .nav-link:hover,
.tp-product-tab .nav .nav-link:hover,
.tp-product-tab button:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--dm-tab-color) !important;
    border-color: var(--dm-tab-color) !important;
}

.tp-product-tab .nav-tabs .nav-link.active,
.tp-product-tab .nav-tabs .nav-link[aria-selected="true"],
.tp-product-tab .nav .nav-link.active,
.tp-product-tab button.active {
    background: var(--dm-tab-active-bg) !important;
    color: var(--dm-tab-active-color) !important;
    border-color: var(--dm-tab-active-bg) !important;
}

.tp-product-tab .nav-tabs::before,
.tp-product-tab .nav-tabs::after {
    display: none !important;
}

.tp-product-tab-content,
.tab-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* =====================================================
ADS
===================================================== */

.dm-top-ads img,
.dm-wide-ads img {
    display: block !important;
    border-radius: 10px !important;
}

.dm-top-ads .row,
.dm-wide-ads .row {
    row-gap: 8px !important;
}

/* =====================================================
SITE FEATURES
===================================================== */

.dm-site-features .tp-feature-area {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.dm-site-features .tp-feature-item {
    border-radius: 12px !important;
}

/* =====================================================
MOBILE OPTIMIZATION
===================================================== */

@media (max-width: 767px) {
    :root {
        --dm-section-gap-top: 6px;
        --dm-section-gap-bottom: 6px;
        --dm-title-size: var(--dm-title-mobile-size);
        --dm-title-margin-bottom: 2px;
        --dm-tab-gap: 6px;
        --dm-product-row-gap: 12px;
    }

    .dm-home-section {
        margin-top: var(--dm-section-gap-top) !important;
        margin-bottom: var(--dm-section-gap-bottom) !important;
    }

    .dm-home-section .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .dm-hero-slider {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
    }

    .dm-trending-products,
    .dm-top-ads,
    .dm-site-features,
    .dm-mobile-products,
    .dm-category-products,
    .dm-deal-of-day,
    .dm-wide-ads,
    .dm-new-arrivals,
    .dm-product-columns,
    .dm-blog-section,
    .dm-gallery-section {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .dm-recently-viewed {
        margin-top: 6px !important;
        margin-bottom: 20px !important;
    }

    .tp-product-area,
    .tp-product-section,
    .tp-feature-area,
    .tp-blog-area,
    .tp-gallery-area,
    .tp-product-groups,
    .tp-product-area .container,
    .tp-product-section .container,
    .tp-product-groups .container {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        margin-top: 0 !important;
    }

    .dm-home-section .tp-section-title-wrapper,
    .tp-section-title-wrapper {
        margin-bottom: 2px !important;
        padding-bottom: 0 !important;
    }

    .dm-home-section .tp-section-title,
    .dm-home-section h2,
    .dm-home-section h3,
    .tp-section-title {
        font-size: var(--dm-title-mobile-size) !important;
        line-height: 1.1 !important;
        margin-bottom: 2px !important;
        padding-bottom: 0 !important;
    }

    .tp-product-tab,
    .tp-product-tab .nav,
    .tp-product-tab .nav-tabs {
        margin-top: 0 !important;
        margin-bottom: 4px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .tp-product-tab .nav-tabs .nav-link,
    .tp-product-tab .nav .nav-link,
    .tp-product-tab button {
        font-size: var(--dm-tab-mobile-font-size) !important;
        line-height: 1.15 !important;
        padding: 5px 12px !important;
        margin: 0 !important;
    }

    .tp-product-area .row,
    .tp-shop-area .row,
    .tp-product-wrapper .row {
        row-gap: 8px !important;
    }

    .tp-product-area [class*="col-"],
    .tp-shop-area [class*="col-"],
    .tp-product-wrapper [class*="col-"] {
        padding-bottom: 12px !important;
    }

    .dm-full-slider {
        height: 600px !important;
    }

    .dm-full-slider-content-wrap {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .dm-full-slider-content-box {
        max-width: 100% !important;
    }

    .dm-full-slider-content h3 {
        font-size: 40px !important;
        line-height: 1.1 !important;
    }

    .dm-full-slider-content p {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }

    .dm-site-features .tp-feature-area {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}

/* =====================================================
FIX GAP ABOVE "DEAL OF THE DAY"
===================================================== */

/* Reduce previous section bottom spacing */
.dm-site-features,
.dm-top-ads,
.dm-wide-ads {
    margin-bottom: 4px !important;
}

/* Remove top gap of deal section */
.dm-deal-of-day {
    margin-top: 3px !important;
    padding-top: 0 !important;
}

/* Kill container top spacing */
.dm-deal-of-day .container {
    padding-top: 0 !important;
}

/* =====================================================
FIX GAP BETWEEN TITLE AND PRODUCTS
===================================================== */

/* Title wrapper tighter */
.dm-deal-of-day .tp-section-title-wrapper {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

/* Title tighter */
.dm-deal-of-day .tp-section-title {
    margin-bottom: -12px !important;
    line-height: 1.05 !important;
}

/* Remove tab spacing if exists */
.dm-deal-of-day .tp-product-tab {
    margin-bottom: 2px !important;
}

/* Remove hidden large spacing classes */
.dm-deal-of-day .mb-50,
.dm-deal-of-day .mb-40,
.dm-deal-of-day .mb-35,
.dm-deal-of-day .mb-30 {
    margin-bottom: 4px !important;
}

/* Remove top padding before product grid */
.dm-deal-of-day .tp-product-area,
.dm-deal-of-day .tp-product-section {
    padding-top: 0 !important;
}

/* =====================================================
TIGHTEN PRODUCT GRID START
===================================================== */

.dm-deal-of-day .tp-product-area .row {
    margin-top: 0 !important;
}

/* =====================================================
OPTIONAL: EVEN TIGHTER (APPLE STYLE)
Uncomment if you want ultra compact
===================================================== */

/*
.dm-deal-of-day {
    margin-top: 0 !important;
}

.dm-deal-of-day .tp-section-title-wrapper {
    margin-bottom: 0 !important;
}

.dm-deal-of-day .tp-section-title {
    margin-bottom: 0 !important;
}
*/

/* =====================================================
SMOOTH FLASH SALE COUNTDOWN COUNTERS
===================================================== */

.dm-deal-of-day .tp-product-countdown,
.dm-deal-of-day .product-countdown,
.dm-deal-of-day [class*="countdown"] {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

/* Counter boxes */
.dm-deal-of-day .tp-product-countdown-inner,
.dm-deal-of-day .tp-product-countdown-item,
.dm-deal-of-day [class*="countdown"] span,
.dm-deal-of-day [class*="countdown"] .countdown-item {
    transition: all 0.35s ease !important;
    transform-origin: center !important;
}

/* Smooth number movement */
.dm-deal-of-day [class*="countdown"] strong,
.dm-deal-of-day [class*="countdown"] b,
.dm-deal-of-day [class*="countdown"] .number {
    display: inline-block !important;
    transition: transform 0.35s ease, opacity 0.35s ease !important;
    animation: dmCounterSmooth 1s ease-in-out infinite;
}

/* Soft pulse every second */
@keyframes dmCounterSmooth {
    0% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }

    45% {
        transform: translateY(-2px) scale(1.03);
        opacity: 0.92;
    }

    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

/* Counter box hover polish */
.dm-deal-of-day [class*="countdown"] span:hover,
.dm-deal-of-day [class*="countdown"] .countdown-item:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08) !important;
}

/* Mobile */
@media (max-width: 767px) {
    .dm-deal-of-day .tp-product-countdown,
    .dm-deal-of-day .product-countdown,
    .dm-deal-of-day [class*="countdown"] {
        gap: 6px !important;
    }

    .dm-deal-of-day [class*="countdown"] strong,
    .dm-deal-of-day [class*="countdown"] b,
    .dm-deal-of-day [class*="countdown"] .number {
        animation-duration: 1s !important;
    }
}

/* =====================================================
DREAMS MOBILE — SECTION MIDPOINT GAP CONTROLS
Paste BELOW your existing CSS
===================================================== */

:root {
    /* Main section-to-section gaps */
    --dm-gap-hero-to-trending: 0px;
    --dm-gap-trending-to-ads: 6px;
    --dm-gap-ads-to-features: 4px;
    --dm-gap-features-to-mobile-products: 6px;
    --dm-gap-mobile-products-to-deal: 4px;
    --dm-gap-deal-to-wide-ads: 6px;
    --dm-gap-wide-ads-to-new-arrivals: 6px;
    --dm-gap-new-arrivals-to-columns: 6px;
    --dm-gap-columns-to-blog: 8px;
    --dm-gap-blog-to-gallery: 8px;
    --dm-gap-gallery-to-recent: 8px;

    /* Header/title to content/card gaps */
    --dm-header-to-tabs-gap: 2px;
    --dm-tabs-to-cards-gap: 4px;
    --dm-header-to-cards-gap: 4px;

    /* Section header style */
    --dm-heading-size: 26px;
    --dm-heading-mobile-size: 20px;
    --dm-heading-color: #010f1c;
    --dm-heading-weight: 700;
}

/* =====================================================
01. HERO SLIDER → TRENDING PRODUCTS
===================================================== */

.dm-hero-slider {
    margin-bottom: var(--dm-gap-hero-to-trending) !important;
}

.dm-trending-products {
    margin-top: var(--dm-gap-hero-to-trending) !important;
}

/* =====================================================
02. TRENDING PRODUCTS → TOP ADS
===================================================== */

.dm-trending-products {
    margin-bottom: var(--dm-gap-trending-to-ads) !important;
}

.dm-top-ads {
    margin-top: var(--dm-gap-trending-to-ads) !important;
}

/* =====================================================
03. TOP ADS → SITE FEATURES
===================================================== */

.dm-top-ads {
    margin-bottom: var(--dm-gap-ads-to-features) !important;
}

.dm-site-features {
    margin-top: var(--dm-gap-ads-to-features) !important;
}

/* =====================================================
04. SITE FEATURES → MOBILE / CATEGORY PRODUCTS
===================================================== */

.dm-site-features {
    margin-bottom: var(--dm-gap-features-to-mobile-products) !important;
}

.dm-mobile-products,
.dm-category-products {
    margin-top: var(--dm-gap-features-to-mobile-products) !important;
}

/* =====================================================
05. MOBILE PRODUCTS → DEAL OF THE DAY
===================================================== */

.dm-mobile-products,
.dm-category-products {
    margin-bottom: var(--dm-gap-mobile-products-to-deal) !important;
}

.dm-deal-of-day {
    margin-top: var(--dm-gap-mobile-products-to-deal) !important;
}

/* =====================================================
06. DEAL OF THE DAY → WIDE ADS
===================================================== */

.dm-deal-of-day {
    margin-bottom: var(--dm-gap-deal-to-wide-ads) !important;
}

.dm-wide-ads {
    margin-top: var(--dm-gap-deal-to-wide-ads) !important;
}

/* =====================================================
07. WIDE ADS → NEW ARRIVALS
===================================================== */

.dm-wide-ads {
    margin-bottom: var(--dm-gap-wide-ads-to-new-arrivals) !important;
}

.dm-new-arrivals {
    margin-top: var(--dm-gap-wide-ads-to-new-arrivals) !important;
}

/* =====================================================
08. NEW ARRIVALS → PRODUCT COLUMNS
===================================================== */

.dm-new-arrivals {
    margin-bottom: var(--dm-gap-new-arrivals-to-columns) !important;
}

.dm-product-columns {
    margin-top: var(--dm-gap-new-arrivals-to-columns) !important;
}

/* =====================================================
09. PRODUCT COLUMNS → BLOG
===================================================== */

.dm-product-columns {
    margin-bottom: var(--dm-gap-columns-to-blog) !important;
}

.dm-blog-section {
    margin-top: var(--dm-gap-columns-to-blog) !important;
}

/* =====================================================
10. BLOG → GALLERY
===================================================== */

.dm-blog-section {
    margin-bottom: var(--dm-gap-blog-to-gallery) !important;
}

.dm-gallery-section {
    margin-top: var(--dm-gap-blog-to-gallery) !important;
}

/* =====================================================
11. GALLERY → RECENTLY VIEWED
===================================================== */

.dm-gallery-section {
    margin-bottom: var(--dm-gap-gallery-to-recent) !important;
}

.dm-recently-viewed {
    margin-top: var(--dm-gap-gallery-to-recent) !important;
}

/* =====================================================
ALL SECTION HEADERS / TITLES
Move headings closer to cards and borders
===================================================== */

.dm-home-section .tp-section-title-wrapper,
.dm-home-section .section-title-wrapper,
.tp-section-title-wrapper {
    margin-top: 0 !important;
    margin-bottom: var(--dm-header-to-tabs-gap) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dm-home-section .tp-section-title,
.dm-home-section h2,
.dm-home-section h3,
.tp-section-title {
    font-size: var(--dm-heading-size) !important;
    color: var(--dm-heading-color) !important;
    font-weight: var(--dm-heading-weight) !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
    margin-bottom: var(--dm-header-to-cards-gap) !important;
    padding-bottom: 0 !important;
}

/* =====================================================
HEADLINE → TABS → CARDS CONTROL
Especially for Trending Products
===================================================== */

.dm-home-section .tp-product-tab {
    margin-top: 0 !important;
    margin-bottom: var(--dm-tabs-to-cards-gap) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dm-home-section .tp-product-tab .nav-tabs,
.dm-home-section .tp-product-tab .nav {
    margin-top: 0 !important;
    margin-bottom: var(--dm-tabs-to-cards-gap) !important;
}

/* Remove common hidden theme gaps */
.dm-home-section .mb-50,
.dm-home-section .mb-45,
.dm-home-section .mb-40,
.dm-home-section .mb-35,
.dm-home-section .mb-30,
.dm-home-section .mb-25,
.dm-home-section .mb-20 {
    margin-bottom: 4px !important;
}

/* Remove top padding before cards */
.dm-home-section .tp-product-area,
.dm-home-section .tp-product-section,
.dm-home-section .tp-product-groups,
.dm-home-section .tp-blog-area,
.dm-home-section .tp-gallery-area {
    padding-top: 0 !important;
}

/* Cards should start close to title/tabs */
.dm-home-section .tp-product-area .row,
.dm-home-section .tp-product-wrapper .row,
.dm-home-section .tab-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* =====================================================
SPECIAL: DEAL OF THE DAY TITLE → CARDS
===================================================== */

.dm-deal-of-day .tp-section-title-wrapper {
    margin-bottom: 0 !important;
}

.dm-deal-of-day .tp-section-title {
    margin-bottom: -8px !important;
}

.dm-deal-of-day .tp-product-area,
.dm-deal-of-day .tp-product-section {
    padding-top: 0 !important;
}

/* =====================================================
SPECIAL: TRENDING PRODUCTS HEADER → CARDS
===================================================== */

.dm-trending-products .tp-section-title-wrapper {
    margin-bottom: 0 !important;
}

.dm-trending-products .tp-product-tab {
    margin-top: -2px !important;
    margin-bottom: 4px !important;
}

/* =====================================================
MOBILE — EVEN TIGHTER MIDPOINTS
===================================================== */

@media (max-width: 767px) {
    :root {
        --dm-gap-hero-to-trending: 0px;
        --dm-gap-trending-to-ads: 4px;
        --dm-gap-ads-to-features: 3px;
        --dm-gap-features-to-mobile-products: 4px;
        --dm-gap-mobile-products-to-deal: 3px;
        --dm-gap-deal-to-wide-ads: 4px;
        --dm-gap-wide-ads-to-new-arrivals: 4px;
        --dm-gap-new-arrivals-to-columns: 4px;
        --dm-gap-columns-to-blog: 5px;
        --dm-gap-blog-to-gallery: 5px;
        --dm-gap-gallery-to-recent: 5px;

        --dm-header-to-tabs-gap: 0px;
        --dm-tabs-to-cards-gap: 3px;
        --dm-header-to-cards-gap: 2px;

        --dm-heading-size: var(--dm-heading-mobile-size);
    }

    .dm-home-section .tp-section-title,
    .dm-home-section h2,
    .dm-home-section h3,
    .tp-section-title {
        line-height: 1.05 !important;
    }

    .dm-deal-of-day .tp-section-title {
        margin-bottom: -6px !important;
    }

    .dm-trending-products .tp-product-tab {
        margin-top: -4px !important;
        margin-bottom: 3px !important;
    }
}


/* =====================================================
DEAL OF THE DAY — HEADER STYLE (WHITE + RED UNDERLINE)
===================================================== */

/* Make heading white, bigger */
.dm-deal-of-day .tp-section-title {
    color: #ffffff !important;
    font-size: 32px !important;   /* increase size */
    font-weight: 800 !important;  /* stronger */
    line-height: 1.1 !important;
    position: relative;
    display: inline-block;
}

/* Remove theme underline/green highlight */
.dm-deal-of-day .tp-section-title span,
.dm-deal-of-day .tp-section-title strong {
    color: #ffffff !important;
    border: none !important;
}

/* RED underline */
.dm-deal-of-day .tp-section-title::after {
    content: "";
    display: block;
    width: 60px;          /* underline width */
    height: 3px;          /* thickness */
    background: #ff2b2b;  /* red */
    margin-top: 6px;
    border-radius: 2px;
}

/* Center alignment (optional) */
.dm-deal-of-day .tp-section-title-wrapper {
    text-align: center !important;
}