/* Midnight Commerce — Homepage */
.homeproduct,
.homepage-ads-block,
.bottoads_area,
.slider-section {
    background: transparent !important;
}

.slider-section {
    padding: 20px 0 0 !important;
    margin: 0 !important;
}

.mc-hero-grid {
    display: grid;
    grid-template-columns: minmax(210px, 22fr) minmax(0, 55fr) minmax(190px, 23fr);
    gap: 14px;
    align-items: stretch;
}

.mc-hero-grid--no-promos { grid-template-columns: minmax(220px, 23fr) minmax(0, 77fr); }

.mc-hero-categories .sidebar-menu {
    height: 100%;
    min-height: 350px;
}

.mc-hero-categories .hideshow {
    max-height: 395px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.mc-hero-slider {
    min-width: 0;
    border-radius: 18px;
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-soft);
}

.mc-hero-slider .main_slider,
.mc-hero-slider .owl-stage-outer,
.mc-hero-slider .owl-stage,
.mc-hero-slider .owl-item,
.mc-hero-slider .slider-item {
    height: 100%;
}

.mc-hero-slider .slider-item { aspect-ratio: 1060 / 395; }
.mc-hero-slider .slider-item img {
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
}

.mc-hero-slider .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
}
.mc-hero-slider .owl-dot span { width: 8px !important; height: 8px !important; margin: 0 !important; background: rgba(255,255,255,.65) !important; }
.mc-hero-slider .owl-dot.active span { width: 24px !important; border-radius: 999px !important; background: #fff !important; }

.mc-hero-promos {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 14px;
    min-width: 0;
}

.mc-hero-promo {
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--surface);
    box-shadow: var(--shadow-soft);
}

.mc-hero-promo img {
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
}

/* Trust strip */
.mc-trust-strip {
    margin-top: 16px;
    padding: 0;
}

.mc-trust-strip__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
    box-shadow: var(--shadow-soft);
}

.mc-trust-item {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 16px;
    border-right: 1px solid var(--border);
}
.mc-trust-item:last-child { border-right: 0; }
.mc-trust-item__icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: color-mix(in srgb, var(--brand-primary) 8%, white);
    color: var(--brand-primary);
    font-size: 17px;
}

.mc-trust-item__icon--asset {
    overflow: hidden;
    padding: 5px;
    background: color-mix(in srgb, var(--brand-primary) 6%, white);
}
.mc-trust-item__icon--asset img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mc-trust-item__title { display: block; color: var(--ink-900); font-size: 13px; font-weight: 720; line-height: 1.25; }
.mc-trust-item__text { display: block; margin-top: 2px; color: var(--ink-500); font-size: 11px; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.homeproduct {
    margin: 0 !important;
    padding: 44px 0 0 !important;
}

.homepage-ads-block {
    margin: 0 !important;
    padding: 44px 0 0 !important;
}
.homepage-ads-block a,
.mc-campaign-banner a { display: block; overflow: hidden; border-radius: 18px; border: 1px solid var(--border); background: var(--surface); box-shadow: var(--shadow-soft); }
.homepage-ads-block img,
.mc-campaign-banner img { display: block; width: 100%; max-height: 330px; object-fit: cover; }

.mc-deal-countdown {
    display: flex;
    justify-content: flex-end;
    margin-top: -48px;
    margin-bottom: 12px;
    pointer-events: none;
}
.mc-deal-countdown .offer_timer {
    pointer-events: auto;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--brand-accent) 8%, white);
    border: 1px solid color-mix(in srgb, var(--brand-accent) 22%, var(--border));
}

.category-slider .owl-stage,
.product_slider .owl-stage,
.related_slider .owl-stage { display: flex; }
.category-slider .owl-item,
.product_slider .owl-item,
.related_slider .owl-item { height: auto; }
.category-slider .cat_item,
.product_slider .product_item,
.related_slider .product_item { height: 100%; }

.category-slider .owl-nav button,
.product_slider .owl-nav button,
.related_slider .owl-nav button {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    color: var(--ink-700) !important;
    box-shadow: var(--shadow-soft) !important;
}

.brand-section .brand-item {
    height: 100%;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    background: var(--surface) !important;
    box-shadow: none !important;
}
.brand-section .brand-item:hover { transform: translateY(-2px); box-shadow: var(--shadow-soft) !important; border-color: color-mix(in srgb,var(--brand-primary) 24%,var(--border)) !important; }
.brand-section .brand-img { background: var(--surface-soft) !important; border-radius: 12px !important; }
.brand-section .brand-name { color: var(--ink-700) !important; font-weight: 650 !important; }

.blog-home-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-card) !important;
    background: var(--surface) !important;
    box-shadow: none !important;
}
.blog-home-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-soft) !important; border-color: color-mix(in srgb,var(--brand-primary) 24%,var(--border)) !important; }
.blog-home-img { aspect-ratio: 16/9; overflow: hidden; background: var(--surface-soft); }
.blog-home-img img { width: 100%; height: 100% !important; object-fit: cover !important; }
.blog-home-content { padding: 18px !important; }
.blog-home-title a { color: var(--ink-900) !important; font-weight: 720 !important; }
.blog-home-meta { color: var(--ink-500) !important; }
.read-more-link { color: var(--brand-primary) !important; font-weight: 700; }

.homepage-before-footer-gap { height: 48px !important; }

@media (max-width: 1199.98px) {
    .mc-hero-grid { grid-template-columns: 230px minmax(0, 1fr); }
    .mc-hero-promos { display: none; }
}

@media (max-width: 991.98px) {
    .slider-section { padding-top: 14px !important; }
    .mc-hero-grid,
    .mc-hero-grid--no-promos { display: block; }
    .mc-hero-categories { display: none; }
    .mc-hero-slider { border-radius: 14px; }
    .mc-mobile-promos { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 10px; }
    .mc-mobile-promos .mc-hero-promo { aspect-ratio: 2 / 1; }
    .mc-trust-strip__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mc-trust-item { border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
    .mc-trust-item:nth-child(2n) { border-right: 0; }
    .mc-trust-item:last-child { border-bottom: 0; }
    .homeproduct, .homepage-ads-block { padding-top: 30px !important; }
}

@media (max-width: 575.98px) {
    .mc-hero-slider .slider-item { aspect-ratio: 16 / 7; }
    .mc-mobile-promos { grid-template-columns: 1fr; }
    .mc-mobile-promos .mc-hero-promo { aspect-ratio: 2 / .92; }
    .mc-trust-item { justify-content: flex-start; padding: 10px 8px; gap: 8px; }
    .mc-trust-item__icon { width: 34px; height: 34px; flex-basis: 34px; font-size: 15px; }
    .mc-trust-item__title { font-size: 12px; }
    .mc-trust-item__text { font-size: 10px; }
    .homeproduct, .homepage-ads-block { padding-top: 26px !important; }
    .homepage-ads-block img { max-height: 220px; }
    .mc-deal-countdown { margin-top: 0; justify-content: flex-start; margin-bottom: 12px; }
}