.elementor-16610 .elementor-element.elementor-element-3d642653{--display:flex;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16610 .elementor-element.elementor-element-3d642653::before, .elementor-16610 .elementor-element.elementor-element-3d642653 > .elementor-background-video-container::before, .elementor-16610 .elementor-element.elementor-element-3d642653 > .e-con-inner > .elementor-background-video-container::before, .elementor-16610 .elementor-element.elementor-element-3d642653 > .elementor-background-slideshow::before, .elementor-16610 .elementor-element.elementor-element-3d642653 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16610 .elementor-element.elementor-element-3d642653 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-16610 .elementor-element.elementor-element-3d642653.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-16610 .elementor-element.elementor-element-cd621ed.elementor-element{--align-self:center;}#elementor-popup-modal-16610 .dialog-widget-content{animation-duration:1s;border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-16610{background-color:#FFFFFF00;justify-content:flex-start;align-items:flex-end;pointer-events:all;}#elementor-popup-modal-16610 .dialog-message{width:100vw;height:auto;}@media(max-width:1024px){.elementor-16610 .elementor-element.elementor-element-3d642653{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for html, class: .elementor-element-cd621ed *//* -------------------------
   BLACK FRIDAY BANNER
------------------------- */
.nn-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75em;
    white-space: nowrap;
    padding: 14px 24px; /* desktop padding */
    background: #000;   /* banner background */
    color: #fff;
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-weight: 500;
    max-width: 100vw;
    box-sizing: border-box;
    overflow: hidden;
}

/* Text auto-scaling */
.nn-banner-text {
    font-size: clamp(12px, 2.8vw, 22px);
    line-height: 1.2;
    display: inline-block;
}

/* Button styling */
.nn-banner-btn {
    font-size: clamp(12px, 2.8vw, 22px);
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    padding: 6px 14px;
    border-radius: 4px;
    background: #000;
    color: #fff; /* white text */
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    position: relative;
    transition: background 0.2s ease;
}

/* Hover color */
.nn-banner-btn:hover {
    background: #FF0067;
}

/* Clicked corner fold */
.nn-banner-btn.clicked::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    background: linear-gradient(
        135deg,
        #FF0067 0%,
        #FF0067 50%,
        transparent 51%
    );
    border-top-right-radius: 4px;
    pointer-events: none;
}

/* -------------------------
   MOBILE RESPONSIVE
------------------------- */
@media (max-width: 768px) {
    .nn-banner {
        padding: 10px 12px;      /* smaller padding */
        gap: 0.5em;
        flex-wrap: wrap;          /* allow text + button to wrap */
    }

    .nn-banner-text,
    .nn-banner-btn {
        font-size: clamp(10px, 3vw, 18px); /* shrink text for mobile */
    }

    .nn-banner-text {
        white-space: normal; /* allow wrap if needed */
    }

    .nn-banner-btn {
        flex-shrink: 0;      /* button keeps readable size */
    }
}/* End custom CSS */