/* ── Cookie Banner ─────────────────────────────────────────────── */
.link-color-update {
    color: #000000;
}

/* Card carousel scrolling */
.vds-card-carousel__container {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.vds-card-carousel__container::-webkit-scrollbar {
    display: none !important;
}

.vds-card-carousel__container {
    cursor: grab !important;
}

.vds-card-carousel__container:active {
    cursor: grabbing !important;
}

/* Mobile departments nav: hide on desktop (desktop bar in header already handles it) */
@media screen and (min-width: 992px) {
    #mobile-departments-nav {
        display: none !important;
    }
}

/* Bar indicator for snap scroller */
.vivid-bar-indicator {
    position: relative;
    width: 180px;
    height: 4px;
    background-color: rgba(0,0,0,0.15);
    border-radius: 2px;
    overflow: hidden;
}
.vivid-bar-indicator__scroller {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.vivid-bar-indicator__scroller-bar {
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 2px;
}
/* Snap scroller: hide nav/indicator on desktop (all cards visible) */
@media screen and (min-width: 992px) {
    #snap-scroller-next,
    #snap-scroller-indicator {
        display: none !important;
    }
}

/* All deals links media queries */
@media screen and (max-width: 992px) {
    .all-deals-link-desktop {
        display: none !important;
    }

    .all-deals-link-mobile {
        display: inline !important;
    }
}

@media screen and (min-width: 993px) and (max-width: 1023px) {
    .all-deals-link-desktop,
    .all-deals-link-mobile {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) {
    .all-deals-link-desktop {
        display: inline !important;
    }

    .all-deals-link-mobile {
        display: none !important;
    }
}

/* ── Cookie Banner ─────────────────────────────────────────────── */
.drag-bar{padding:12px 0;cursor:pointer;margin:auto;width:64px}.drag-bar:after{content:"";display:block;background-color:#0000003d;border-radius:10px;height:4px}.sf-cookie-banner{position:fixed;inset:auto 0 0;z-index:999999;height:auto;--sf-cookie-banner-gutter: 24px;--sf-cookie-banner-gap: 32px}.sf-cookie-banner__block{position:relative;background-color:#ffcb05;inset:auto 0 0;margin:0 auto;border-radius:24px 24px 0 0;max-width:768px;max-height:100svh;z-index:999999;overflow-y:auto}@media screen and (max-width: 768px){.sf-cookie-banner{--sf-cookie-banner-gap: 24px}}@media screen and (max-width: 450px){.sf-cookie-banner{--sf-cookie-banner-gutter: 16px}}.sf-cookie-banner     p{margin-bottom:0}.sf-cookie-banner     .vivid-button{max-width:218px;margin:0}.sf-cookie-banner-back{display:inline-block;font-family:MTNBrighterSans-ExtraBold;color:#202020;font-size:clamp(16px,4.44vw,20px);margin-bottom:20px;cursor:pointer}.sf-cookie-banner-column{padding:32px 48px}.sf-cookie-banner-column__title{font-family:MTNBrighterSans-ExtraBold;color:#202020;font-size:clamp(24px,6.66vw,24px)}.sf-cookie-banner-column__content{font-family:MTNBrighterSans-ExtraLight;color:#202020;font-size:clamp(16px,4.44vw,16px);padding-bottom:var(--sf-cookie-banner-gap)}.sf-cookie-banner-column__content--reduced-padding{padding-bottom:calc(var(--sf-cookie-banner-gap) * .5)}.sf-cookie-banner-column__content--small{font-size:clamp(16px,4.44vw,20px)}.sf-cookie-banner-column__content    >p>a{font-family:MTNBrighterSans-ExtraBold;color:#202020;text-decoration:underline}@media screen and (max-width: 450px){.sf-cookie-banner-column{padding:24px 16px 32px}}.sf-cookie-banner-actions{display:flex;align-items:center;justify-content:space-between;gap:24px}@media screen and (max-width: 450px){.sf-cookie-banner-actions{flex-direction:column-reverse;align-items:flex-start}}.sf-cookie-banner-actions-primary{display:flex;gap:24px;justify-content:flex-end;flex-grow:1}.sf-cookie-banner-actions-primary:first-child{justify-content:flex-start}@media screen and (max-width: 450px){.sf-cookie-banner-actions-primary{width:100%;flex-direction:column-reverse}}.sf-cookie-banner-actions__button--link{font-family:MTNBrighterSans-Bold;cursor:pointer;background:none;border:none;gap:2px;color:#202020;border-bottom:1px solid #000;line-height:100%;padding-inline:0}.sf-cookie-banner-actions     .vivid-button-tertiary-light{border:1px solid #000}.sf-cookie-banner-card-holder{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--sf-cookie-banner-gap)}.sf-cookie-banner-card{background-color:#fff;border-radius:16px;padding:24px}.sf-cookie-banner-card-header{display:flex;align-items:center;gap:16px}.sf-cookie-banner-card.is-open .sf-cookie-banner-card-header{margin-bottom:24px}.sf-cookie-banner-card-header__title{font-family:MTNBrighterSans-ExtraBold;font-size:clamp(16px,4.44vw,20px);margin-bottom:0}.sf-cookie-banner-card-header__label{font-family:MTNBrighterSans-Regular;color:#000000a3;font-size:14px;margin-left:auto}.sf-cookie-banner-card-header   vivid-switch{margin-left:auto}.sf-cookie-banner-card-header   vivid-switch     .vivid-switch-button-text{display:none}.sf-cookie-banner-card-header   vivid-switch     .vivid-switch-button{padding-bottom:0}.sf-cookie-banner-card-content{overflow:hidden}.sf-cookie-banner-card-content__body{font-family:MTNBrighterSans-Regular;font-size:16px;padding-top:24px}
cookie-banner-root { display: block !important; }
.sf-cookie-banner { transform: translateY(100%); transition: transform 0.3s ease-out; }
.cookie-banner--visible .sf-cookie-banner { transform: translateY(0); }
.cookie-toggle { position: relative; display: inline-block; width: 48px; height: 24px; flex-shrink: 0; margin-left: auto; }
.cookie-toggle__input { opacity: 0; width: 0; height: 0; }
.cookie-toggle__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e8e8e8; border-radius: 24px; transition: background-color 0.25s; }
.cookie-toggle__slider::before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background-color: #000; border-radius: 50%; transition: transform 0.25s; }
.cookie-toggle__input:checked + .cookie-toggle__slider { background-color: #ffcb05; }
.cookie-toggle__input:checked + .cookie-toggle__slider::before { transform: translateX(24px); background-color: #fff; }
.sf-cookie-banner-card-header { cursor: pointer; }
.sf-cookie-banner-card.is-open .sf-cookie-banner-card-header { margin-bottom: 24px; }
.sf-cookie-banner-card-content { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.35s ease-out, opacity 0.25s ease-out; }
.sf-cookie-banner-card.is-open .sf-cookie-banner-card-content { max-height: 500px; opacity: 1; transition: max-height 0.45s ease-in, opacity 0.3s ease-in; }
.sf-cookie-banner-card-content > * { overflow: hidden; }
.vivid-divider-line { height: 1px; background-color: rgba(0,0,0,0.12); width: 100%; }

/* Desktop menu items: keep left-aligned, not 100% width */
.vivid-mega-nav-header-desktop-menu__item {
    width: auto !important;
    min-width: auto !important;
}

/* ── Header scroll hide / show ─────────────────────────────────── */
.vivid-mega-nav-wrapper--card {
    transition: transform 0.3s ease-in-out, visibility 0s;
}
.vivid-mega-nav-wrapper--scroll-hidden {
    transform: translateY(-100%);
    visibility: hidden;
    transition: transform 0.3s ease-in-out, visibility 0s 0.3s;
}

/* ── Custom Pages Spacing ─────────────────────────────────────────────── */
.custom-pages-spacing {
    margin: 6rem 0;
}

@media screen and (min-width: 1024px) {
    .custom-pages-spacing {
        margin: 8rem 0;
    }
}