/* ── Home Design style cards carousel (see home-design-carousel.js) ───────── */
/* Before the script runs, keep extra cards off-screen instead of squashing them */
.elementor-element-5e631fc > .elementor-container { overflow: hidden; }
.elementor-element-5e631fc > .elementor-container > .elementor-column { flex-shrink: 0; }

.mn-hd-row { display: block !important; }
.mn-hd-carousel { position: relative; width: 100%; }
.mn-hd-track .slick-track { display: flex !important; }
.mn-hd-track .slick-slide { height: auto; }
.mn-hd-track .slick-slide > div { height: 100%; }
/* same height the row had before (scales with screen width) */
.mn-hd-track .mn-hd-slide { display: flex !important; width: 100% !important; min-height: max(350px, 24.3vw); }
.mn-hd-track .mn-hd-slide > .elementor-widget-wrap { width: 100%; }

/* Round arrows matching Nest Plus */
.mn-hd-track .mn-hd-arrow {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
    width: 46px; height: 46px; padding: 0; border-radius: 50%;
    border: 1px solid rgba(179, 165, 143, .7); background: rgba(38, 10, 16, .82); color: #fff;
    display: grid; place-items: center; cursor: pointer; backdrop-filter: blur(4px);
    transition: opacity .3s, background .3s; box-shadow: none;
}
.mn-hd-track .mn-hd-arrow:hover { background: #4e131e; }
.mn-hd-track .mn-hd-arrow svg { width: 16px; height: 16px; }
.mn-hd-track .mn-hd-prev { left: 20px; }
.mn-hd-track .mn-hd-next { right: 20px; }
.mn-hd-track .mn-hd-next svg { transform: rotate(180deg); }
.mn-hd-track .mn-hd-arrow.slick-disabled { opacity: 0; pointer-events: none; }

/* Hand cursor over the cards; closed hand while dragging */
.mn-hd-track .slick-list { cursor: grab; }
.mn-hd-track .slick-list:active,
.mn-hd-track .slick-list.dragging { cursor: grabbing; }

/* Navigation dots matching Nest Plus: 32px click target, 12px visible dot */
.mn-hd-track .mn-hd-dots { display: flex !important; justify-content: center; align-items: center; gap: 4px; margin: 0; padding: 10px 0 0; list-style: none; background: #fff; }
.mn-hd-track .mn-hd-dots li { margin: 0; padding: 0; }
.mn-hd-track .mn-hd-dots button { position: relative; display: block; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; font-size: 0; box-shadow: none; }
.mn-hd-track .mn-hd-dots button::before { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%;
    border: 1.5px solid #b3a58f; background: transparent; transition: background .3s, transform .3s, border-color .3s; }
.mn-hd-track .mn-hd-dots button:hover::before { border-color: #4e131e; background: rgba(78, 19, 30, .18); }
.mn-hd-track .mn-hd-dots .slick-active button::before { background: #4e131e; border-color: #4e131e; transform: scale(1.25); }
/* keep arrows centred on the cards, not on cards + dots */
.mn-hd-track .mn-hd-arrow { top: calc(50% - 21px); }

@media (max-width: 767px) {
    .mn-hd-track .mn-hd-slide { min-height: 300px; }
    .mn-hd-track .mn-hd-arrow { width: 40px; height: 40px; }
    .mn-hd-track .mn-hd-prev { left: 10px; }
    .mn-hd-track .mn-hd-next { right: 10px; }
}