/* ==========================================================
   WAIN NAKUL REDESIGN V1
   First visual layer only
========================================================== */

:root{
    --wn-bg-soft: var(--wn-color-redesign-bg-soft);
    --wn-bg-strong: var(--wn-color-redesign-bg-strong);
    --wn-border-soft: var(--wn-color-redesign-border-soft);
    --wn-shadow-soft: 0 18px 45px var(--wn-color-redesign-value-rgba-120-40-140-p12);
    --wn-text-main: var(--wn-color-redesign-text);
    --wn-text-soft: var(--wn-color-redesign-text-soft);
    --wn-accent: var(--wn-color-accent);
    --wn-accent-dark: var(--wn-color-accent-dark);
}

html,
body{
    min-height:100%;
}

body.wn4-body.wn-identity-shell{
    position:relative;
    color:var(--wn-text-main);
    background-color:var(--wn-color-redesign-value-hex-fdf7fb);
    background-image:
        linear-gradient(
            180deg,
            var(--wn-color-public-info-surface-60) 0%,
            var(--wn-color-public-info-surface-72) 40%,
            var(--wn-color-public-info-surface-84) 100%
        ),
        url('/images/wain-nakul/identity/wain-nakul-current-identity.svg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center top;
    background-attachment:fixed;
}

body.wn4-body.wn-identity-shell::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at top right, var(--wn-color-redesign-value-rgba-255-128-208-p14), transparent 32%),
        radial-gradient(circle at top left, var(--wn-color-redesign-value-rgba-112-196-255-p12), transparent 26%);
    z-index:0;
}

.wn4-header,
.wn4-main,
.wn4-footer,
.wn4-mobile-nav{
    position:relative;
    z-index:1;
}

.wn4-header{
    background:var(--wn-color-identity-rgba-255-255-255-p56);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid var(--wn-color-redesign-value-rgba-203-131-202-p18);
    box-shadow:0 8px 30px var(--wn-color-redesign-value-rgba-136-67-145-p08);
}

.wn4-header-inner{
    min-height:84px;
}

.wn4-brand img{
    max-height:56px;
    width:auto;
}

.wn4-desktop-nav a,
.wn4-header-icon,
.wn4-account-button{
    transition:all .18s ease;
}

.wn4-desktop-nav a{
    color:var(--wn-text-main);
    font-weight:700;
}

.wn4-desktop-nav a.is-active,
.wn4-desktop-nav a:hover{
    color:var(--wn-accent-dark);
}

.wn4-account-button{
    background:var(--wn-color-public-form-surface-74);
    border:1px solid var(--wn-color-redesign-value-rgba-201-127-198-p22);
    border-radius:999px;
    color:var(--wn-text-main);
    box-shadow:0 8px 20px var(--wn-color-redesign-value-rgba-127-55-143-p08);
}

.wn4-account-button:hover{
    background:var(--wn-color-info-surface-92);
    color:var(--wn-accent-dark);
}

.wn4-main{
    padding-top:18px;
    padding-bottom:32px;
}

.wn4-container{
    position:relative;
    z-index:1;
}

.wn4-footer{
    background:var(--wn-color-v4-rgba-255-255-255-62);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-top:1px solid var(--wn-color-redesign-value-rgba-203-131-202-p18);
}

.wn4-mobile-nav{
    background:var(--wn-color-public-info-surface-82);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-top:1px solid var(--wn-color-redesign-value-rgba-203-131-202-p18);
    box-shadow:0 -10px 28px var(--wn-color-redesign-value-rgba-127-55-143-p1);
}

.wn4-mobile-nav a{
    color:var(--wn-text-soft);
}

.wn4-mobile-nav a.is-active{
    color:var(--wn-accent-dark);
}

/* Soften common white surfaces without touching logic */
.wn4-main .section-card,
.wn4-main .profile-card,
.wn4-main .community-card,
.wn4-main .offer-card,
.wn4-main .settings-card,
.wn4-main .page-card,
.wn4-main .activity-card,
.wn4-main .account-card{
    background:var(--wn-bg-soft);
    border:1px solid var(--wn-border-soft);
    box-shadow:var(--wn-shadow-soft);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

/* Generic buttons */
.wn4-main button,
.wn4-main .btn,
.wn4-main [type="submit"]{
    transition:all .18s ease;
}

/* Responsive */
@media (max-width: 991px){
    body.wn4-body.wn-identity-shell{
        background-position:center top;
        background-attachment:scroll;
    }

    .wn4-header-inner{
        min-height:76px;
    }

    .wn4-brand img{
        max-height:50px;
    }
}

@media (max-width: 640px){
    body.wn4-body.wn-identity-shell{
        background-size:cover;
        background-position:center top;
    }

    .wn4-main{
        padding-top:14px;
        padding-bottom:22px;
    }
}

/* REDESIGN V1.1 — show artwork clearly */
body.wn4-body.wn-identity-shell{
    background-image:
        linear-gradient(
            180deg,
            var(--wn-color-public-info-surface-12) 0%,
            var(--wn-color-new-design-surface-22) 45%,
            var(--wn-color-public-info-surface-34) 100%
        ),
        url('/images/wain-nakul/identity/wain-nakul-current-identity.svg') !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
}

body.wn4-body.wn-identity-shell::before{
    background:
        radial-gradient(circle at 85% 10%, var(--wn-color-redesign-value-rgba-255-126-211-p06), transparent 30%),
        radial-gradient(circle at 10% 20%, var(--wn-color-redesign-value-rgba-84-183-255-p05), transparent 28%) !important;
}

/* ==========================================================
   HOME HERO — COMPACT REDESIGN
========================================================== */

.wn4-home-page .wn4h-hero{
    padding-block: var(--wn-space-lg) var(--wn-space-xs) !important;
}

.wn4-home-page .wn4h-hero-card{
    display:grid !important;

    grid-template-columns:
        minmax(240px,.72fr)
        minmax(0,1.28fr) !important;

    grid-template-areas:
        "visual copy"
        "visual location" !important;

    align-items:center !important;

    gap:var(--wn-space-lg) 24px !important;

    min-height:0 !important;

    padding:18px 22px !important;

    border-radius:28px !important;

    background:var(--wn-color-public-form-surface-70) !important;

    border:1px solid var(--wn-color-redesign-value-rgba-173-87-177-p16) !important;

    box-shadow:
        0 16px 38px var(--wn-color-redesign-value-rgba-91-40-106-p12) !important;

    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;

    overflow:hidden !important;
}


/* visual / map */
.wn4-home-page .wn4h-hero-visual{
    grid-area:visual !important;

    min-height:240px !important;
    height:240px !important;

    border-radius:22px !important;

    align-self:center !important;
}


/* copy */
.wn4-home-page .wn4h-hero-copy{
    grid-area:copy !important;

    width:100% !important;
    max-width:none !important;

    padding:0 !important;

    background:transparent !important;

    text-align:start !important;
}

.wn4-home-page .wn4h-kicker{
    font-size:13px !important;
    margin-bottom:var(--wn-space-2xs) !important;
}

.wn4-home-page .wn4h-hero h1{
    font-size:clamp(24px,2.3vw,34px) !important;
    line-height:1.2 !important;

    margin:0 0 var(--wn-space-xs) !important;
}

.wn4-home-page .wn4h-hero-copy > p{
    font-size:14px !important;
    line-height:1.7 !important;

    margin:0 0 var(--wn-space-lg) !important;
}


/* search */
.wn4-home-page .wn4h-search{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        auto !important;

    gap:var(--wn-space-sm) !important;

    margin:0 !important;
}

.wn4-home-page .wn4h-search input{
    min-height:var(--wn-size-control-compact) !important;
    height:var(--wn-size-control-compact) !important;

    padding-inline:15px !important;

    border-radius:var(--wn-radius-ui) !important;

    font-size:14px !important;
}

.wn4-home-page .wn4h-search button{
    min-height:var(--wn-size-control-compact) !important;
    height:var(--wn-size-control-compact) !important;

    padding-inline:18px !important;

    border-radius:var(--wn-radius-ui) !important;

    font-size:14px !important;
}


/* quick actions */
.wn4-home-page .wn4h-quick{
    display:flex !important;
    flex-wrap:wrap !important;

    gap:var(--wn-space-xs) !important;

    margin-top:var(--wn-space-sm) !important;
}

.wn4-home-page .wn4h-quick a{
    min-height:32px !important;

    padding:var(--wn-space-xs) 11px !important;

    border-radius:999px !important;

    font-size:12px !important;
}


/* current location */
.wn4-home-page .wn4h-location{
    grid-area:location !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:var(--wn-space-lg) !important;

    width:100% !important;

    margin:0 !important;

    padding:var(--wn-space-md) var(--wn-space-lg) !important;

    border-radius:16px !important;

    background:var(--wn-color-public-form-surface-64) !important;

    border:1px solid var(--wn-color-redesign-value-rgba-173-87-177-p14) !important;
}

.wn4-home-page .wn4h-location-info{
    gap:var(--wn-space-sm) !important;
}

.wn4-home-page .wn4h-location-pin{
    width:34px !important;
    height:34px !important;

    font-size:17px !important;
}

.wn4-home-page .wn4h-location-info strong{
    font-size:13px !important;
}

.wn4-home-page .wn4h-location-info span,
.wn4-home-page .wn4h-location-info small{
    font-size:11px !important;
}

.wn4-home-page .wn4h-location > button{
    min-height:36px !important;

    padding:7px var(--wn-space-lg) !important;

    border-radius:12px !important;

    white-space:nowrap !important;

    font-size:12px !important;
}


/* TABLET */
@media (max-width:1100px){

    .wn4-home-page .wn4h-hero-card{
        grid-template-columns:
            minmax(220px,.78fr)
            minmax(0,1.22fr) !important;

        padding:16px 18px !important;
        gap:var(--wn-space-lg) 18px !important;
    }

    .wn4-home-page .wn4h-hero-visual{
        height:220px !important;
        min-height:220px !important;
    }
}


/* PHONE */
@media (max-width:767px){

    .wn4-home-page .wn4h-hero-card{
        grid-template-columns:1fr !important;

        grid-template-areas:
            "copy"
            "visual"
            "location" !important;

        gap:var(--wn-space-lg) !important;

        padding:var(--wn-space-xl) !important;

        border-radius:22px !important;
    }

    .wn4-home-page .wn4h-hero-visual{
        width:100% !important;

        height:180px !important;
        min-height:180px !important;

        border-radius:18px !important;
    }

    .wn4-home-page .wn4h-hero-copy{
        text-align:center !important;
    }

    .wn4-home-page .wn4h-hero h1{
        font-size:24px !important;
    }

    .wn4-home-page .wn4h-search{
        grid-template-columns:1fr auto !important;
    }

    .wn4-home-page .wn4h-search input,
    .wn4-home-page .wn4h-search button{
        height:44px !important;
        min-height:44px !important;
    }

    .wn4-home-page .wn4h-quick{
        justify-content:center !important;
    }

    .wn4-home-page .wn4h-location{
        padding:9px var(--wn-space-md) !important;
    }
}

/* ==========================================================
   HOME SPONSORS — REDESIGN
========================================================== */

.wn-redesign-sponsors{
    padding-block:16px 8px;
}

.wn-redesign-sponsors .wn4-container{
    width:min(100% - 28px, 1100px);
    margin-inline:auto;
}

.wn-redesign-sponsors-head{
    display:flex;
    align-items:end;
    justify-content:space-between;

    margin-bottom:10px;

    padding-inline:4px;
}

.wn-redesign-sponsors-head span{
    display:block;

    margin-bottom:2px;

    font-size:11px;
    font-weight:700;

    color:var(--wn-color-redesign-value-hex-d31c79);
}

.wn-redesign-sponsors-head h2{
    margin:0;

    font-size:22px;
    line-height:1.2;

    color:var(--wn-color-redesign-value-hex-54104f);
}

.wn-redesign-sponsors-track{
    display:flex;
    align-items:stretch;

    gap:10px;

    overflow-x:auto;
    overflow-y:hidden;

    padding:4px 2px 10px;

    scroll-snap-type:x proximity;

    scrollbar-width:thin;

    -webkit-overflow-scrolling:touch;
}

.wn-redesign-sponsor-card{
    flex:0 0 calc((100% - 50px) / 6);

    min-width:130px;
    height:92px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:12px;

    border:
        1px solid var(--wn-color-redesign-value-rgba-163-66-154-p15);

    border-radius:20px;

    background:
        var(--wn-color-info-surface-78);

    box-shadow:
        0 10px 26px var(--wn-color-redesign-value-rgba-78-33-92-p09);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    scroll-snap-align:start;

    overflow:hidden;
}

.wn-redesign-sponsor-card img{
    display:block;

    width:auto;
    max-width:76px;

    height:auto;
    max-height:62px;

    object-fit:contain;
}

.wn-redesign-sponsor-join{
    flex-direction:column;

    gap:2px;

    text-align:center;
    text-decoration:none;

    color:var(--wn-color-redesign-value-hex-5e155d);

    background:
        linear-gradient(
            135deg,
            var(--wn-color-info-surface-86),
            var(--wn-color-redesign-value-rgba-255-225-244-p84)
        );
}

.wn-redesign-sponsor-plus{
    width:28px;
    height:28px;

    display:grid;
    place-items:center;

    margin-bottom:2px;

    border-radius:999px;

    background:var(--wn-color-redesign-value-hex-cf1d73);

    color:var(--wn-color-surface);

    font-size:19px;
    line-height:1;
}

.wn-redesign-sponsor-join strong{
    font-size:12px;
    line-height:1.25;
}

.wn-redesign-sponsor-join small{
    font-size:10px;
    font-weight:700;

    color:var(--wn-color-redesign-value-hex-cf1d73);
}


/* TABLET */
@media (max-width:1100px){

    .wn-redesign-sponsor-card{
        flex-basis:calc((100% - 30px) / 4);
    }
}


/* PHONE */
@media (max-width:767px){

    .wn-redesign-sponsors{
        padding-block:12px 6px;
    }

    .wn-redesign-sponsors .wn4-container{
        width:min(100% - 20px, 1100px);
    }

    .wn-redesign-sponsors-head h2{
        font-size:19px;
    }

    .wn-redesign-sponsors-track{
        gap:8px;
    }

    .wn-redesign-sponsor-card{
        flex-basis:42%;

        min-width:128px;
        height:82px;

        border-radius:17px;
    }

    .wn-redesign-sponsor-card img{
        max-width:66px;
        max-height:54px;
    }
}

/* ==========================================================
   SPONSORS — FINAL COMPACT POLISH
========================================================== */

.wn-redesign-sponsors{
    padding-block:10px 6px !important;
}

.wn-redesign-sponsors-head{
    margin-bottom:7px !important;
}

.wn-redesign-sponsors-head span{
    font-size:10px !important;
}

.wn-redesign-sponsors-head h2{
    font-size:20px !important;
}

/* Desktop: 6 sponsors + join card */
@media (min-width:1101px){

    .wn-redesign-sponsors-track{
        display:grid !important;
        grid-template-columns:repeat(7,minmax(0,1fr)) !important;

        gap:8px !important;

        overflow:visible !important;

        padding:2px 0 4px !important;
    }

    .wn-redesign-sponsor-card{
        min-width:0 !important;
        width:100% !important;
        height:82px !important;

        padding:9px !important;

        border-radius:17px !important;
    }

    .wn-redesign-sponsor-card img{
        max-width:66px !important;
        max-height:54px !important;
    }

    .wn-redesign-sponsor-plus{
        width:24px !important;
        height:24px !important;

        font-size:17px !important;
    }

    .wn-redesign-sponsor-join strong{
        font-size:11px !important;
    }

    .wn-redesign-sponsor-join small{
        font-size:9px !important;
    }
}


/* Tablet */
@media (min-width:768px) and (max-width:1100px){

    .wn-redesign-sponsors-track{
        overflow-x:auto !important;

        scrollbar-width:none !important;
        -ms-overflow-style:none !important;
    }

    .wn-redesign-sponsors-track::-webkit-scrollbar{
        display:none !important;
    }

    .wn-redesign-sponsor-card{
        flex:0 0 calc((100% - 24px) / 4) !important;

        min-width:140px !important;
        height:82px !important;
    }
}


/* Phone */
@media (max-width:767px){

    .wn-redesign-sponsors-track{
        overflow-x:auto !important;

        scrollbar-width:none !important;
        -ms-overflow-style:none !important;
    }

    .wn-redesign-sponsors-track::-webkit-scrollbar{
        display:none !important;
    }

    .wn-redesign-sponsor-card{
        flex:0 0 42% !important;

        min-width:124px !important;
        height:78px !important;
    }
}

/* ==========================================================
   HOME — LAUNCH OFFERS
========================================================== */

.wn-launch-section{
    padding-block:16px 10px !important;
}

.wn-launch-offers{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.wn-launch-card{
    position:relative;

    min-height:210px;

    display:flex;
    flex-direction:column;

    padding:16px 18px;

    border:1px solid var(--wn-color-redesign-value-rgba-142-46-137-p15);
    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            var(--wn-color-public-form-surface-90),
            var(--wn-color-redesign-value-rgba-255-239-249-p82)
        );

    box-shadow:
        0 14px 34px var(--wn-color-redesign-value-rgba-79-31-93-p11);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    color:var(--wn-color-redesign-value-hex-54104f);
    text-decoration:none;

    overflow:hidden;
}

.wn-launch-card::after{
    content:"";

    position:absolute;
    width:150px;
    height:150px;

    inset-inline-end:-60px;
    inset-block-end:-65px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            var(--wn-color-redesign-value-rgba-230-60-153-p15),
            var(--wn-color-redesign-value-rgba-230-60-153-0) 70%
        );

    pointer-events:none;
}

.wn-launch-card-top{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:8px;
}

.wn-launch-icon{
    width:34px;
    height:34px;

    display:grid;
    place-items:center;

    border-radius:12px;

    background:var(--wn-color-info-surface-78);

    font-size:17px;

    box-shadow:
        0 6px 16px var(--wn-color-redesign-value-rgba-81-24-91-p08);
}

.wn-launch-badge{
    padding:6px 9px;

    border-radius:999px;

    background:var(--wn-color-redesign-value-rgba-207-29-115-p1);

    color:var(--wn-color-redesign-value-hex-c51b70);

    font-size:10px;
    font-weight:800;
}

.wn-launch-logo{
    position:relative;
    z-index:2;

    display:block;

    width:58px;
    height:58px;

    object-fit:contain;

    margin:10px 0 6px;
}

.wn-launch-copy{
    position:relative;
    z-index:2;
}

.wn-launch-copy small{
    display:block;

    margin-bottom:3px;

    color:var(--wn-color-redesign-value-hex-d31c79);

    font-size:10px;
    font-weight:800;
}

.wn-launch-copy strong{
    display:block;

    font-size:18px;
    line-height:1.35;

    color:var(--wn-color-redesign-value-hex-54104f);
}

.wn-launch-copy p{
    margin:7px 0 0;

    max-width:30ch;

    color:var(--wn-color-redesign-value-hex-765873);

    font-size:12px;
    line-height:1.65;
}

.wn-launch-card-register{
    background:
        linear-gradient(
            145deg,
            var(--wn-color-info-surface-92),
            var(--wn-color-redesign-value-rgba-246-232-255-p86)
        );
}

.wn-launch-card-contact{
    background:
        linear-gradient(
            145deg,
            var(--wn-color-info-surface-92),
            var(--wn-color-redesign-value-rgba-230-247-255-p86)
        );
}

.wn-launch-card-contact:hover{
    transform:translateY(-2px);
}


/* TABLET */
@media (max-width:1100px){

    .wn-launch-card{
        min-height:195px;

        padding:15px;
    }

    .wn-launch-copy strong{
        font-size:16px;
    }
}


/* PHONE */
@media (max-width:767px){

    .wn-launch-offers{
        grid-template-columns:1fr;
        gap:10px;
    }

    .wn-launch-card{
        min-height:0;

        padding:14px;

        border-radius:20px;
    }

    .wn-launch-logo{
        width:50px;
        height:50px;
    }

    .wn-launch-copy strong{
        font-size:16px;
    }

    .wn-launch-copy p{
        max-width:none;
    }
}

/* ==========================================================
   HOME — NEARBY EVENTS
========================================================== */

.wn-nearby-events-section{
    padding-block:14px 8px !important;
}

.wn-nearby-events-empty{
    position:relative;

    min-height:118px;

    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;

    gap:16px;

    padding:16px 18px;

    border:
        1px solid var(--wn-color-redesign-value-rgba-147-55-145-p15);

    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-surface-glass),
            var(--wn-color-redesign-value-rgba-255-235-248-p78)
        );

    box-shadow:
        0 14px 32px var(--wn-color-redesign-value-rgba-81-29-92-p1);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    overflow:hidden;
}

.wn-nearby-events-empty::after{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    inset-inline-end:-70px;
    inset-block-start:-80px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            var(--wn-color-redesign-value-rgba-218-48-145-p13),
            var(--wn-color-redesign-value-rgba-218-48-145-0) 70%
        );

    pointer-events:none;
}

.wn-nearby-events-icon{
    position:relative;
    z-index:2;

    width:62px;
    height:62px;

    display:grid;
    place-items:center;

    border-radius:20px;

    background:
        var(--wn-color-identity-rgba-255-255-255-p8);

    box-shadow:
        0 9px 22px var(--wn-color-redesign-value-rgba-84-26-95-p09);

    font-size:28px;
}

.wn-nearby-events-copy{
    position:relative;
    z-index:2;
}

.wn-nearby-events-copy small{
    display:block;

    margin-bottom:3px;

    color:var(--wn-color-redesign-value-hex-d31c79);

    font-size:11px;
    font-weight:800;
}

.wn-nearby-events-copy strong{
    display:block;

    color:var(--wn-color-redesign-value-hex-54104f);

    font-size:17px;
    line-height:1.4;
}

.wn-nearby-events-copy p{
    margin:4px 0 0;

    color:var(--wn-color-redesign-value-hex-765873);

    font-size:12px;
    line-height:1.6;
}

.wn-nearby-events-map{
    position:relative;
    z-index:2;

    min-height:42px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:6px;

    padding:8px 14px;

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-redesign-value-hex-d21e78),
            var(--wn-color-redesign-value-hex-9f267e)
        );

    color:var(--wn-color-surface);

    font-size:12px;
    font-weight:800;

    text-decoration:none;

    white-space:nowrap;

    box-shadow:
        0 8px 20px var(--wn-color-redesign-value-rgba-185-30-116-p2);
}


/* PHONE */
@media (max-width:767px){

    .wn-nearby-events-empty{
        grid-template-columns:auto minmax(0,1fr);

        gap:10px;

        min-height:0;

        padding:14px;

        border-radius:20px;
    }

    .wn-nearby-events-icon{
        width:50px;
        height:50px;

        border-radius:16px;

        font-size:23px;
    }

    .wn-nearby-events-copy strong{
        font-size:15px;
    }

    .wn-nearby-events-map{
        grid-column:1 / -1;

        width:100%;
    }
}

/* ==========================================================
   HOME — QUICK FEATURES
   فاتورتك | يوميات | فعاليات
========================================================== */

.wn-home-quick-features{
    padding-block:var(--wn-space-lg) var(--wn-space-md);
}

.wn-home-quick-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:var(--wn-space-md);
}

.wn-home-quick-card{
    position:relative;

    min-height:104px;

    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;

    gap:var(--wn-space-lg);

    padding:var(--wn-space-xl) 15px;

    border:
        1px solid var(--wn-color-redesign-value-rgba-148-55-144-p14);

    border-radius:20px;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-surface-glass),
            var(--wn-color-redesign-value-rgba-255-239-249-p8)
        );

    box-shadow:
        0 10px 26px var(--wn-color-redesign-value-rgba-77-30-90-p09);

    backdrop-filter:blur(13px);
    -webkit-backdrop-filter:blur(13px);

    color:var(--wn-color-redesign-value-hex-54104f);
    text-decoration:none;

    overflow:hidden;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.wn-home-quick-card:hover{
    transform:translateY(-2px);

    box-shadow:
        0 14px 30px var(--wn-color-redesign-value-rgba-77-30-90-p13);
}

.wn-home-quick-icon{
    width:46px;
    height:46px;

    display:grid;
    place-items:center;

    border-radius:15px;

    background:
        var(--wn-color-public-info-surface-84);

    box-shadow:
        0 7px 18px var(--wn-color-redesign-value-rgba-79-28-91-p08);

    font-size:21px;
}

.wn-home-quick-copy{
    min-width:0;
}

.wn-home-quick-copy small{
    display:block;

    margin-bottom:2px;

    color:var(--wn-color-redesign-value-hex-d31c79);

    font-size:9px;
    font-weight:800;
}

.wn-home-quick-copy strong{
    display:block;

    color:var(--wn-color-redesign-value-hex-54104f);

    font-size:17px;
    line-height:1.25;
}

.wn-home-quick-copy b{
    display:block;

    margin-top:2px;

    color:var(--wn-color-redesign-value-hex-80637d);

    font-size:10px;
    font-weight:600;
}

.wn-home-quick-arrow{
    width:28px;
    height:28px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        var(--wn-color-redesign-value-rgba-207-29-115-p09);

    color:var(--wn-color-redesign-value-hex-ce1d75);

    font-size:14px;
    font-weight:900;
}


/* TABLET */
@media (max-width:1100px){

    .wn-home-quick-card{
        min-height:96px;

        padding:var(--wn-space-lg);
    }

    .wn-home-quick-icon{
        width:42px;
        height:42px;
    }

    .wn-home-quick-copy strong{
        font-size:15px;
    }
}


/* PHONE — keep all three in one horizontal row */
@media (max-width:767px){

    .wn-home-quick-grid{
        display:flex;

        gap:var(--wn-space-sm);

        overflow-x:auto;
        overflow-y:hidden;

        padding-bottom:var(--wn-space-2xs);

        scroll-snap-type:x proximity;

        scrollbar-width:none;
        -ms-overflow-style:none;

        -webkit-overflow-scrolling:touch;
    }

    .wn-home-quick-grid::-webkit-scrollbar{
        display:none;
    }

    .wn-home-quick-card{
        flex:0 0 76%;

        min-width:230px;
        min-height:88px;

        padding:11px var(--wn-space-lg);

        border-radius:18px;

        scroll-snap-align:start;
    }

    .wn-home-quick-icon{
        width:40px;
        height:40px;

        border-radius:13px;

        font-size:19px;
    }

    .wn-home-quick-copy strong{
        font-size:15px;
    }
}

/* ==========================================================
   HOME — NEARBY PLACES COMPACT STATE
========================================================== */

#home-nearby-section{
    padding-block:12px 8px !important;
}

#home-nearby-section .wn4h-section-title{
    margin-bottom:9px !important;
}

#home-nearby-status{
    position:relative;

    width:100%;

    margin:0 0 10px !important;

    padding:14px 16px 14px 52px !important;

    border:1px solid var(--wn-color-redesign-value-rgba-147-55-145-p14);

    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-surface-glass),
            var(--wn-color-redesign-value-rgba-255-239-249-p8)
        );

    box-shadow:
        0 10px 24px var(--wn-color-redesign-value-rgba-77-30-90-p08);

    color:var(--wn-color-redesign-value-hex-765873) !important;

    font-size:12px !important;
    line-height:1.6 !important;

    min-height:52px;

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

#home-nearby-status .wn4h-status-icon{
    position:absolute;

    left:15px;
    top:50%;

    transform:translateY(-50%);

    width:28px;
    height:28px;

    display:grid;
    place-items:center;

    border-radius:10px;

    background:var(--wn-color-public-info-surface-82);

    font-size:15px;
}

#home-nearby-list:empty{
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
}

#home-nearby-section .wn4h-places{
    margin-top:0 !important;
}


/* PHONE */
@media (max-width:767px){

    #home-nearby-section{
        padding-block:10px 6px !important;
    }

    #home-nearby-status{
        padding:12px 13px 12px 46px !important;

        border-radius:16px;

        font-size:11px !important;
    }

    #home-nearby-status .wn4h-status-icon{
        left:12px;

        width:26px;
        height:26px;
    }
}

/* ==========================================================
   HOME — COMPACT FOOTER
========================================================== */

.wn-home-footer{
    padding:18px 0 var(--wn-space-xl) !important;

    background:
        linear-gradient(
            180deg,
            var(--wn-color-redesign-value-rgba-255-246-252-p68),
            var(--wn-color-public-info-surface-82)
        ) !important;

    border-top:
        1px solid var(--wn-color-redesign-value-rgba-154-58-145-p1) !important;

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.wn-home-footer-head{
    display:flex;
    justify-content:flex-start;

    margin-bottom:var(--wn-space-md);
}

.wn-home-footer-brand{
    display:inline-flex;
    align-items:center;

    gap:9px;

    padding:7px 11px;

    border:
        1px solid var(--wn-color-redesign-value-rgba-148-55-144-p11);

    border-radius:16px;

    background:
        var(--wn-color-public-info-surface-72);

    color:var(--wn-color-redesign-value-hex-54104f);
    text-decoration:none;

    box-shadow:
        0 7px 18px var(--wn-color-redesign-value-rgba-74-27-87-p06);
}

.wn-home-footer-brand img{
    width:36px;
    height:36px;

    object-fit:contain;
}

.wn-home-footer-brand span{
    display:flex;
    flex-direction:column;

    gap:1px;
}

.wn-home-footer-brand strong{
    font-size:13px;
    line-height:1.2;
}

.wn-home-footer-brand small{
    color:var(--wn-color-redesign-value-hex-876982);

    font-size:9px;
}


.wn-home-footer-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:var(--wn-space-md);
}

.wn-home-footer-card{
    min-height:118px;

    padding:13px var(--wn-space-xl);

    border:
        1px solid var(--wn-color-redesign-value-rgba-148-55-144-p12);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            var(--wn-color-redesign-value-rgba-255-255-255-p85),
            var(--wn-color-redesign-value-rgba-255-240-249-p72)
        );

    box-shadow:
        0 9px 22px var(--wn-color-redesign-value-rgba-73-27-85-p07);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.wn-home-footer-card-title{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:var(--wn-space-md);

    color:var(--wn-color-redesign-value-hex-54104f);
}

.wn-home-footer-card-title span{
    width:29px;
    height:29px;

    display:grid;
    place-items:center;

    border-radius:10px;

    background:
        var(--wn-color-redesign-value-rgba-210-30-120-p08);

    font-size:13px;
}

.wn-home-footer-card-title strong{
    font-size:14px;
}

.wn-home-footer-links{
    display:flex;
    flex-wrap:wrap;

    gap:var(--wn-space-xs);
}

.wn-home-footer-links a{
    display:inline-flex;
    align-items:center;

    min-height:28px;

    padding:5px 9px;

    border-radius:10px;

    background:
        var(--wn-color-surface-soft);

    color:var(--wn-color-redesign-value-hex-74576f);

    font-size:10px;
    font-weight:700;

    text-decoration:none;

    transition:
        background .2s ease,
        color .2s ease;
}

.wn-home-footer-links a:hover{
    background:
        var(--wn-color-redesign-value-rgba-210-30-120-p1);

    color:var(--wn-color-redesign-value-hex-c91d73);
}


.wn-home-footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:var(--wn-space-lg);

    margin-top:var(--wn-space-md);

    padding:9px 2px 0;

    border-top:
        1px solid var(--wn-color-redesign-value-rgba-148-55-144-p09);

    color:var(--wn-color-redesign-value-hex-80677d);

    font-size:9px;
}


/* TABLET */
@media (max-width:1100px){

    .wn-home-footer-card{
        min-height:108px;
    }
}


/* PHONE */
@media (max-width:767px){

    .wn-home-footer{
        padding:var(--wn-space-xl) 0 var(--wn-space-lg) !important;
    }

    .wn-home-footer-head{
        margin-bottom:var(--wn-space-sm);
    }

    .wn-home-footer-grid{
        display:flex;

        gap:var(--wn-space-sm);

        overflow-x:auto;
        overflow-y:hidden;

        padding-bottom:3px;

        scroll-snap-type:x proximity;

        scrollbar-width:none;
        -ms-overflow-style:none;

        -webkit-overflow-scrolling:touch;
    }

    .wn-home-footer-grid::-webkit-scrollbar{
        display:none;
    }

    .wn-home-footer-card{
        flex:0 0 78%;

        min-width:235px;
        min-height:104px;

        padding:var(--wn-space-lg);

        scroll-snap-align:start;
    }

    .wn-home-footer-bottom{
        font-size:8px;
    }
}

/* HOME FOOTER — REMOVE PINK BOTTOM STRIP */
.wn-home-footer{
    background:transparent !important;
    border-top:0 !important;
    box-shadow:none !important;
}


/* ==========================================================
   HOME FOOTER — NO FULL STRIP + COMPACT COPYRIGHT
========================================================== */

.wn-home-footer{
    background:transparent !important;
    border-top:0 !important;
    box-shadow:none !important;
}

/* copyright only — sized to its text */
.wn-home-footer-bottom{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:max-content !important;
    max-width:100% !important;

    gap:5px !important;

    margin:var(--wn-space-md) auto 0 !important;
    padding:var(--wn-space-xs) 11px !important;

    border:1px solid var(--wn-color-redesign-value-rgba-148-55-144-p1) !important;
    border-radius:999px !important;

    background:var(--wn-color-public-info-surface-72) !important;

    box-shadow:0 5px 14px var(--wn-color-redesign-value-rgba-73-27-85-p05) !important;

    color:var(--wn-color-redesign-value-hex-80677d) !important;

    font-size:9px !important;
    line-height:1.2 !important;

    white-space:nowrap !important;
}

.wn-home-footer .wn4-container{
    text-align:center;
}

@media (max-width:767px){
    .wn-home-footer-bottom{
        padding:5px 9px !important;
        font-size:8px !important;
    }
}


/* ==========================================================
   HOME FOOTER — CARDS ONLY, NO FULL-WIDTH STRIP
========================================================== */

.wn-home-footer,
.wn4-footer.wn-home-footer{
    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-top:0 !important;

    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

/* do not create any full-width overlay */
.wn-home-footer::before,
.wn-home-footer::after{
    display:none !important;
    content:none !important;
}

/* Keep only the cards themselves */
.wn-home-footer-grid{
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

/* Small copyright pill remains */
.wn-home-footer-bottom{
    background:var(--wn-color-info-surface-78) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}


/* ==========================================================
   HOME HERO — FINAL POLISH
========================================================== */

.wn4-home-page .wn4h-hero{
    padding-block:var(--wn-space-md) var(--wn-space-sm) !important;
}

.wn4-home-page .wn4h-hero-card{
    grid-template-columns:
        minmax(285px,.88fr)
        minmax(0,1.12fr) !important;

    grid-template-areas:
        "visual copy"
        "visual location" !important;

    gap:var(--wn-space-md) 20px !important;

    padding:16px 18px !important;

    border-radius:26px !important;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-info-surface-78),
            var(--wn-color-redesign-value-rgba-252-242-251-p67)
        ) !important;

    border:1px solid var(--wn-color-redesign-value-rgba-159-63-157-p13) !important;

    box-shadow:
        0 14px 34px var(--wn-color-redesign-value-rgba-75-28-91-p1) !important;
}


/* MAP */
.wn4-home-page .wn4h-hero-visual{
    height:220px !important;
    min-height:220px !important;

    border-radius:20px !important;

    box-shadow:
        inset 0 0 0 1px var(--wn-color-redesign-value-rgba-153-62-154-p08),
        0 8px 22px var(--wn-color-redesign-value-rgba-83-31-96-p06) !important;
}

.wn4-home-page .wn4h-map-brand{
    width:76px !important;
    height:76px !important;

    border-radius:22px !important;
}

.wn4-home-page .wn4h-map-brand img{
    width:54px !important;
    height:54px !important;
}

.wn4-home-page .wn4h-map-food-sign{
    width:42px !important;
    height:42px !important;

    border-radius:13px !important;
}


/* COPY */
.wn4-home-page .wn4h-hero-copy{
    align-self:end !important;
}

.wn4-home-page .wn4h-kicker{
    display:inline-flex !important;
    align-items:center !important;

    width:max-content !important;

    margin-bottom:5px !important;

    padding:5px var(--wn-space-md) !important;

    border:1px solid var(--wn-color-redesign-value-rgba-202-29-113-p12) !important;
    border-radius:999px !important;

    background:var(--wn-color-surface-soft) !important;

    color:var(--wn-color-redesign-value-hex-b51b68) !important;

    font-size:11px !important;
    font-weight:800 !important;
}

.wn4-home-page .wn4h-hero h1{
    margin:0 0 var(--wn-space-2xs) !important;

    font-size:clamp(27px,2.15vw,32px) !important;
    line-height:1.15 !important;

    color:var(--wn-color-redesign-value-hex-671467) !important;
}

.wn4-home-page .wn4h-hero-copy > p{
    max-width:600px !important;

    margin:0 0 var(--wn-space-md) !important;

    color:var(--wn-color-redesign-value-hex-6f5a6e) !important;

    font-size:12px !important;
    line-height:1.55 !important;
}


/* SEARCH */
.wn4-home-page .wn4h-search{
    grid-template-columns:minmax(0,1fr) 94px !important;

    gap:7px !important;
}

.wn4-home-page .wn4h-search input{
    height:43px !important;
    min-height:43px !important;

    padding-inline:var(--wn-space-xl) !important;

    border-radius:13px !important;

    background:var(--wn-color-info-surface-86) !important;

    font-size:12px !important;

    box-shadow:
        inset 0 0 0 1px var(--wn-color-redesign-value-rgba-163-76-157-p08) !important;
}

.wn4-home-page .wn4h-search button{
    height:43px !important;
    min-height:43px !important;

    padding-inline:var(--wn-space-xl) !important;

    border-radius:13px !important;

    font-size:12px !important;
    font-weight:800 !important;

    box-shadow:
        0 7px 16px var(--wn-color-redesign-value-rgba-193-28-111-p16) !important;
}


/* QUICK LINKS */
.wn4-home-page .wn4h-quick{
    gap:5px !important;

    margin-top:7px !important;
}

.wn4-home-page .wn4h-quick a{
    min-height:27px !important;

    display:inline-flex !important;
    align-items:center !important;

    padding:var(--wn-space-2xs) var(--wn-space-md) !important;

    border-radius:999px !important;

    background:var(--wn-color-public-form-surface-66) !important;

    border:1px solid var(--wn-color-redesign-value-rgba-187-55-149-p1) !important;

    font-size:10px !important;
    font-weight:800 !important;
}


/* CURRENT LOCATION */
.wn4-home-page .wn4h-location{
    align-self:start !important;

    min-height:54px !important;

    padding:7px 9px !important;

    gap:var(--wn-space-md) !important;

    border-radius:14px !important;

    background:
        var(--wn-color-public-info-surface-72) !important;

    box-shadow:
        0 6px 17px var(--wn-color-redesign-value-rgba-77-29-89-p05) !important;
}

.wn4-home-page .wn4h-location-info{
    display:flex !important;
    align-items:center !important;

    gap:7px !important;
}

.wn4-home-page .wn4h-location-pin{
    width:31px !important;
    height:31px !important;

    flex:0 0 31px !important;

    font-size:14px !important;
}

.wn4-home-page .wn4h-location-info strong{
    display:block !important;

    font-size:12px !important;
    line-height:1.25 !important;
}

.wn4-home-page .wn4h-location-info span,
.wn4-home-page .wn4h-location-info small{
    display:block !important;

    font-size:9px !important;
    line-height:1.3 !important;
}

.wn4-home-page .wn4h-location > button{
    min-height:32px !important;

    padding:5px var(--wn-space-md) !important;

    border-radius:10px !important;

    font-size:10px !important;
    font-weight:800 !important;
}


/* TABLET */
@media (min-width:768px) and (max-width:1100px){

    .wn4-home-page .wn4h-hero-card{
        grid-template-columns:
            minmax(245px,.9fr)
            minmax(0,1.1fr) !important;

        gap:var(--wn-space-md) var(--wn-space-xl) !important;

        padding:var(--wn-space-xl) 15px !important;
    }

    .wn4-home-page .wn4h-hero-visual{
        height:205px !important;
        min-height:205px !important;
    }

    .wn4-home-page .wn4h-hero h1{
        font-size:26px !important;
    }
}


/* PHONE */
@media (max-width:767px){

    .wn4-home-page .wn4h-hero-card{
        grid-template-columns:1fr !important;

        grid-template-areas:
            "copy"
            "visual"
            "location" !important;

        gap:var(--wn-space-md) !important;

        padding:var(--wn-space-lg) !important;

        border-radius:20px !important;
    }

    .wn4-home-page .wn4h-hero-copy{
        text-align:start !important;
    }

    .wn4-home-page .wn4h-kicker{
        margin-inline:auto 0 !important;
    }

    .wn4-home-page .wn4h-hero h1{
        font-size:24px !important;
    }

    .wn4-home-page .wn4h-hero-copy > p{
        font-size:11px !important;
    }

    .wn4-home-page .wn4h-hero-visual{
        height:165px !important;
        min-height:165px !important;

        border-radius:16px !important;
    }

    .wn4-home-page .wn4h-map-brand{
        width:64px !important;
        height:64px !important;
    }

    .wn4-home-page .wn4h-map-brand img{
        width:46px !important;
        height:46px !important;
    }

    .wn4-home-page .wn4h-search{
        grid-template-columns:minmax(0,1fr) 76px !important;
    }

    .wn4-home-page .wn4h-search input,
    .wn4-home-page .wn4h-search button{
        height:41px !important;
        min-height:41px !important;
    }

    .wn4-home-page .wn4h-quick{
        justify-content:flex-start !important;
    }

    .wn4-home-page .wn4h-location{
        min-height:50px !important;
    }
}


/* ==========================================================
   HOME HERO — SHOWCASE STYLE
========================================================== */

.wn-home-showcase{
    padding:34px 0 24px !important;
}

.wn-home-showcase .wn4-container{
    width:min(100% - 32px, 1100px) !important;
}

.wn-home-showcase-inner{
    display:flex;
    flex-direction:column;
    align-items:center;

    max-width:900px;

    margin-inline:auto;

    text-align:center;
}


/* SMALL LOGO */
.wn-home-showcase-logo{
    width:92px;
    height:92px;

    display:grid;
    place-items:center;

    margin-bottom:var(--wn-space-sm);

    border-radius:28px;

    background:
        var(--wn-color-public-form-surface-20);

    filter:
        drop-shadow(0 10px 18px var(--wn-color-redesign-value-rgba-91-34-111-p14));
}

.wn-home-showcase-logo img{
    width:78px;
    height:78px;

    object-fit:contain;
}


/* COPY */
.wn-home-showcase-copy h1{
    margin:0 !important;

    color:var(--wn-color-redesign-value-hex-481483) !important;

    font-size:clamp(38px,4vw,58px) !important;
    font-weight:900 !important;

    line-height:1.05 !important;

    text-shadow:
        0 2px 0 var(--wn-color-redesign-value-rgba-255-255-255-p32);
}

.wn-home-showcase-copy strong{
    display:block;

    margin-top:9px;

    color:var(--wn-color-redesign-value-hex-321b74);

    font-size:20px;
    font-weight:900;
}

.wn-home-showcase-copy p{
    margin:var(--wn-space-2xs) 0 0 !important;

    color:var(--wn-color-redesign-value-hex-453572) !important;

    font-size:14px !important;
    font-weight:700 !important;
}


/* SEARCH + LOCATION */
.wn-home-showcase-actions{
    width:100%;

    display:grid;
    grid-template-columns:minmax(0,1fr) 205px;

    gap:var(--wn-space-md);

    margin-top:22px;
}

.wn-home-showcase-search{
    width:100% !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) 120px !important;

    gap:0 !important;

    padding:5px !important;

    border:1px solid var(--wn-color-redesign-value-rgba-177-64-176-p22) !important;
    border-radius:999px !important;

    background:var(--wn-color-public-form-surface-90) !important;

    box-shadow:
        0 12px 28px var(--wn-color-redesign-value-rgba-83-31-104-p12) !important;
}

.wn-home-showcase-search input{
    height:50px !important;
    min-height:50px !important;

    border:0 !important;
    outline:0 !important;

    border-radius:999px !important;

    background:transparent !important;

    padding-inline:18px !important;

    font-size:13px !important;
}

.wn-home-showcase-search button{
    height:50px !important;
    min-height:50px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    border-radius:999px !important;

    font-size:13px !important;
    font-weight:900 !important;
}


/* LOCATION PILL */
.wn-home-showcase-location{
    width:100% !important;
    min-height:62px !important;

    margin:0 !important;
    padding:5px !important;

    display:block !important;

    border:2px solid var(--wn-color-redesign-value-rgba-191-52-215-p7) !important;
    border-radius:999px !important;

    background:var(--wn-color-surface-glass) !important;

    box-shadow:
        0 10px 25px var(--wn-color-redesign-value-rgba-89-31-105-p1) !important;
}

.wn-home-showcase-location > button{
    width:100% !important;
    height:50px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:var(--wn-space-sm) !important;

    border:0 !important;
    border-radius:999px !important;

    background:transparent !important;

    color:var(--wn-color-redesign-value-hex-341d83) !important;

    font-size:14px !important;
    font-weight:900 !important;
}

.wn-home-showcase-location > button span{
    font-size:20px;
}

.wn-home-showcase-location-data{
    display:none !important;
}


/* QUICK LINKS */
.wn-home-showcase-quick{
    justify-content:center !important;

    margin-top:var(--wn-space-md) !important;

    gap:var(--wn-space-xs) !important;
}

.wn-home-showcase-quick a{
    min-height:28px !important;

    padding:var(--wn-space-2xs) 11px !important;

    background:var(--wn-color-v4-rgba-255-255-255-62) !important;

    border:
        1px solid var(--wn-color-redesign-value-rgba-170-62-162-p12) !important;

    border-radius:999px !important;

    font-size:10px !important;
}


/* TABLET */
@media (max-width:1100px){

    .wn-home-showcase{
        padding-top:26px !important;
    }

    .wn-home-showcase-copy h1{
        font-size:42px !important;
    }

    .wn-home-showcase-actions{
        grid-template-columns:minmax(0,1fr) 180px;
    }

    .wn-home-showcase-logo{
        width:82px;
        height:82px;
    }

    .wn-home-showcase-logo img{
        width:68px;
        height:68px;
    }
}


/* PHONE */
@media (max-width:767px){

    .wn-home-showcase{
        padding:20px 0 16px !important;
    }

    .wn-home-showcase .wn4-container{
        width:min(100% - 22px, 1100px) !important;
    }

    .wn-home-showcase-logo{
        width:72px;
        height:72px;

        margin-bottom:var(--wn-space-xs);
    }

    .wn-home-showcase-logo img{
        width:60px;
        height:60px;
    }

    .wn-home-showcase-copy h1{
        font-size:34px !important;
    }

    .wn-home-showcase-copy strong{
        font-size:16px;
    }

    .wn-home-showcase-copy p{
        font-size:11px !important;
    }

    .wn-home-showcase-actions{
        grid-template-columns:1fr;

        gap:var(--wn-space-sm);

        margin-top:16px;
    }

    .wn-home-showcase-search{
        grid-template-columns:minmax(0,1fr) 90px !important;
    }

    .wn-home-showcase-search input,
    .wn-home-showcase-search button{
        height:var(--wn-size-control-mobile) !important;
        min-height:var(--wn-size-control-mobile) !important;
    }

    .wn-home-showcase-location{
        width:175px !important;

        margin-inline:auto !important;
    }
}


/* ==========================================================
   HOME HERO — MATCH REFERENCE COMPOSITION
========================================================== */

.wn4-home-page .wn-home-showcase{
    min-height:520px !important;

    display:flex !important;
    align-items:center !important;

    padding:28px 0 34px !important;
}

.wn4-home-page .wn-home-showcase-inner{
    width:100% !important;
    max-width:1060px !important;

    margin:auto !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
}


/* MAIN LOGO */
.wn4-home-page .wn-home-showcase-logo{
    width:150px !important;
    height:150px !important;

    margin:0 auto var(--wn-space-2xs) !important;

    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    filter:
        drop-shadow(0 12px 18px var(--wn-color-redesign-value-rgba-91-34-111-p14)) !important;
}

.wn4-home-page .wn-home-showcase-logo img{
    width:145px !important;
    height:145px !important;

    object-fit:contain !important;
}


/* TITLE */
.wn4-home-page .wn-home-showcase-copy h1{
    margin:-4px 0 4px !important;

    font-size:54px !important;
    line-height:1 !important;
    font-weight:900 !important;

    color:var(--wn-color-redesign-value-hex-3d197c) !important;
}

.wn4-home-page .wn-home-showcase-copy strong{
    display:block !important;

    margin-top:var(--wn-space-lg) !important;

    color:var(--wn-color-redesign-value-hex-281a6a) !important;

    font-size:20px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
}

.wn4-home-page .wn-home-showcase-copy p{
    margin:var(--wn-space-xs) 0 0 !important;

    color:var(--wn-color-redesign-value-hex-392b70) !important;

    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
}


/* SEARCH + LOCATION — ONE CONNECTED ROW */
.wn4-home-page .wn-home-showcase-actions{
    width:min(100%, 980px) !important;

    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;

    gap:var(--wn-space-md) !important;

    margin:26px auto 0 !important;
}


/* SEARCH */
.wn4-home-page .wn-home-showcase-search{
    flex:1 1 auto !important;

    width:auto !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;

    direction:ltr !important;

    gap:5px !important;

    margin:0 !important;
    padding:5px !important;

    border:1px solid var(--wn-color-redesign-value-rgba-174-61-171-p2) !important;
    border-radius:999px !important;

    background:var(--wn-color-info-surface-92) !important;

    box-shadow:
        0 10px 25px var(--wn-color-redesign-value-rgba-76-31-96-p11) !important;
}

.wn4-home-page .wn-home-showcase-search input{
    flex:1 1 auto !important;

    width:auto !important;
    min-width:0 !important;

    height:54px !important;
    min-height:54px !important;

    order:1 !important;

    padding:0 22px !important;

    border:0 !important;
    border-radius:999px !important;

    background:transparent !important;
    box-shadow:none !important;

    direction:rtl !important;
    text-align:right !important;

    color:var(--wn-color-redesign-value-hex-4e3a61) !important;

    font-size:15px !important;
}

.wn4-home-page .wn-home-showcase-search button{
    flex:0 0 145px !important;

    width:145px !important;

    height:54px !important;
    min-height:54px !important;

    order:2 !important;

    padding:0 18px !important;

    border-radius:999px !important;

    font-size:15px !important;
    font-weight:900 !important;
}


/* LOCATION */
.wn4-home-page .wn-home-showcase-location{
    grid-area:auto !important;

    flex:0 0 220px !important;

    width:220px !important;
    min-width:220px !important;
    min-height:64px !important;

    margin:0 !important;
    padding:5px !important;

    display:block !important;

    border:2px solid var(--wn-color-redesign-value-rgba-190-59-213-p72) !important;
    border-radius:999px !important;

    background:var(--wn-color-info-surface-92) !important;

    box-shadow:
        0 10px 24px var(--wn-color-redesign-value-rgba-78-29-100-p1) !important;
}

.wn4-home-page .wn-home-showcase-location > button{
    width:100% !important;

    height:52px !important;
    min-height:52px !important;

    margin:0 !important;
    padding:0 16px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    border:0 !important;
    border-radius:999px !important;

    background:transparent !important;

    color:var(--wn-color-redesign-value-hex-302079) !important;

    font-size:15px !important;
    font-weight:900 !important;
}


/* location data remains available to JS but not visually duplicated */
.wn4-home-page .wn-home-showcase-location-data{
    display:none !important;
}


/* REMOVE THE FOUR SMALL HERO CHIPS */
.wn4-home-page .wn-home-showcase-quick{
    display:none !important;
}


/* search feedback */
.wn4-home-page #searchFeedback{
    width:min(100%,980px) !important;
    margin:5px auto 0 !important;
}


/* TABLET */
@media (min-width:768px) and (max-width:1100px){

    .wn4-home-page .wn-home-showcase{
        min-height:460px !important;
    }

    .wn4-home-page .wn-home-showcase-logo{
        width:125px !important;
        height:125px !important;
    }

    .wn4-home-page .wn-home-showcase-logo img{
        width:120px !important;
        height:120px !important;
    }

    .wn4-home-page .wn-home-showcase-copy h1{
        font-size:46px !important;
    }

    .wn4-home-page .wn-home-showcase-actions{
        width:min(100%,var(--wn-layout-content-max)) !important;
    }

    .wn4-home-page .wn-home-showcase-location{
        flex-basis:190px !important;
        width:190px !important;
        min-width:190px !important;
    }
}


/* PHONE */
@media (max-width:767px){

    .wn4-home-page .wn-home-showcase{
        min-height:0 !important;

        padding:24px 0 26px !important;
    }

    .wn4-home-page .wn-home-showcase-logo{
        width:100px !important;
        height:100px !important;
    }

    .wn4-home-page .wn-home-showcase-logo img{
        width:96px !important;
        height:96px !important;
    }

    .wn4-home-page .wn-home-showcase-copy h1{
        font-size:36px !important;
    }

    .wn4-home-page .wn-home-showcase-copy strong{
        font-size:16px !important;
    }

    .wn4-home-page .wn-home-showcase-copy p{
        font-size:12px !important;
    }

    .wn4-home-page .wn-home-showcase-actions{
        flex-direction:column !important;

        width:100% !important;

        gap:var(--wn-space-sm) !important;

        margin-top:18px !important;
    }

    .wn4-home-page .wn-home-showcase-search{
        width:100% !important;
        flex:none !important;
    }

    .wn4-home-page .wn-home-showcase-search input,
    .wn4-home-page .wn-home-showcase-search button{
        height:var(--wn-size-control) !important;
        min-height:var(--wn-size-control) !important;
    }

    .wn4-home-page .wn-home-showcase-search button{
        flex-basis:92px !important;
        width:92px !important;
    }

    .wn4-home-page .wn-home-showcase-location{
        flex:none !important;

        width:190px !important;
        min-width:190px !important;

        margin-inline:auto !important;
    }
}


/* ==========================================================
   HOME HERO — REFERENCE MATCH V18
========================================================== */

.wn4-home-page .wn-home-showcase{
    min-height:720px !important;

    display:flex !important;
    align-items:center !important;

    padding:34px 0 28px !important;
}

.wn4-home-page .wn-home-showcase .wn4-container{
    width:min(100% - 28px, 1180px) !important;
}

.wn4-home-page .wn-home-showcase-inner{
    width:100% !important;
    max-width:1080px !important;

    margin:auto !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
}


/* OFFICIAL PIN ONLY */
.wn4-home-page .wn-home-showcase-logo{
    width:315px !important;
    height:330px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 auto -20px !important;
    padding:0 !important;

    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    filter:
        drop-shadow(0 15px 20px var(--wn-color-redesign-value-rgba-84-28-111-p18)) !important;
}

.wn4-home-page .wn-home-showcase-logo img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
}


/* ARABIC BRAND TITLE */
.wn4-home-page .wn-home-showcase-copy h1{
    margin:0 !important;

    color:var(--wn-color-redesign-value-hex-351778) !important;

    font-size:58px !important;
    line-height:.98 !important;
    font-weight:900 !important;

    letter-spacing:-2px !important;

    text-shadow:
        0 2px 0 var(--wn-color-redesign-value-rgba-255-255-255-p35) !important;
}


/* ENGLISH BRAND TITLE */
.wn4-home-page .wn-home-showcase-en{
    margin-top:var(--wn-space-xs) !important;

    direction:ltr !important;

    color:var(--wn-color-redesign-value-hex-452083) !important;

    font-size:31px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

.wn4-home-page .wn-home-showcase-en span{
    color:var(--wn-color-redesign-value-hex-ec287d) !important;
}


/* TAGLINE */
.wn4-home-page .wn-home-showcase-copy strong{
    display:block !important;

    margin-top:18px !important;

    color:var(--wn-color-redesign-value-hex-2d216f) !important;

    font-size:21px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
}

.wn4-home-page .wn-home-showcase-copy p{
    margin:7px 0 0 !important;

    color:var(--wn-color-redesign-value-hex-34276e) !important;

    font-size:16px !important;
    line-height:1.4 !important;
    font-weight:800 !important;
}


/* SEARCH + CURRENT LOCATION */
.wn4-home-page .wn-home-showcase-actions{
    width:min(100%,1050px) !important;

    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;

    gap:var(--wn-space-lg) !important;

    margin:28px auto 0 !important;
}


/* SEARCH BAR */
.wn4-home-page .wn-home-showcase-search{
    flex:1 1 auto !important;

    width:auto !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;

    direction:ltr !important;

    gap:var(--wn-space-2xs) !important;

    margin:0 !important;
    padding:5px !important;

    border:1px solid var(--wn-color-redesign-value-rgba-171-64-173-p18) !important;
    border-radius:999px !important;

    background:var(--wn-color-footer-surface-94) !important;

    box-shadow:
        0 12px 28px var(--wn-color-redesign-value-rgba-71-29-93-p12) !important;
}

.wn4-home-page .wn-home-showcase-search input{
    flex:1 1 auto !important;

    width:auto !important;
    min-width:0 !important;

    height:58px !important;
    min-height:58px !important;

    order:1 !important;

    padding:0 24px !important;

    border:0 !important;
    outline:0 !important;

    border-radius:999px !important;

    background:transparent !important;
    box-shadow:none !important;

    direction:rtl !important;
    text-align:right !important;

    color:var(--wn-color-redesign-value-hex-4d4260) !important;

    font-size:16px !important;
}

.wn4-home-page .wn-home-showcase-search input::placeholder{
    color:var(--wn-color-redesign-value-hex-aaa1ae) !important;
    opacity:1 !important;
}

.wn4-home-page .wn-home-showcase-search button{
    flex:0 0 160px !important;

    width:160px !important;

    height:58px !important;
    min-height:58px !important;

    order:2 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    padding:0 20px !important;

    border-radius:999px !important;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-redesign-value-hex-ef287d),
            var(--wn-color-redesign-value-hex-c51a69)
        ) !important;

    color:var(--wn-color-surface) !important;

    font-size:16px !important;
    font-weight:900 !important;

    box-shadow:
        0 9px 20px var(--wn-color-redesign-value-rgba-201-25-107-p24) !important;
}


/* CURRENT LOCATION */
.wn4-home-page .wn-home-showcase-location{
    grid-area:auto !important;

    flex:0 0 230px !important;

    width:230px !important;
    min-width:230px !important;
    min-height:70px !important;

    margin:0 !important;
    padding:5px !important;

    display:block !important;

    border:2px solid var(--wn-color-redesign-value-hex-ce51df) !important;
    border-radius:999px !important;

    background:var(--wn-color-footer-surface-94) !important;

    box-shadow:
        0 10px 24px var(--wn-color-redesign-value-rgba-73-30-99-p1) !important;
}

.wn4-home-page .wn-home-showcase-location > button{
    width:100% !important;

    height:56px !important;
    min-height:56px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:var(--wn-space-md) !important;

    margin:0 !important;
    padding:0 18px !important;

    border:0 !important;
    border-radius:999px !important;

    background:transparent !important;

    color:var(--wn-color-redesign-value-hex-352080) !important;

    font-size:17px !important;
    font-weight:900 !important;
}

.wn4-home-page .wn-home-showcase-location > button span{
    font-size:24px !important;
}


/* Keep location data for JS, no duplicate visual text */
.wn4-home-page .wn-home-showcase-location-data{
    display:none !important;
}


/* No small category pills inside hero */
.wn4-home-page .wn-home-showcase-quick{
    display:none !important;
}


.wn4-home-page #searchFeedback{
    width:min(100%,1050px) !important;
    margin:var(--wn-space-xs) auto 0 !important;
}


/* TABLET */
@media (min-width:768px) and (max-width:1100px){

    .wn4-home-page .wn-home-showcase{
        min-height:620px !important;
    }

    .wn4-home-page .wn-home-showcase-logo{
        width:245px !important;
        height:260px !important;

        margin-bottom:-14px !important;
    }

    .wn4-home-page .wn-home-showcase-copy h1{
        font-size:48px !important;
    }

    .wn4-home-page .wn-home-showcase-en{
        font-size:26px !important;
    }

    .wn4-home-page .wn-home-showcase-actions{
        width:min(100%,850px) !important;
    }

    .wn4-home-page .wn-home-showcase-location{
        flex-basis:195px !important;
        width:195px !important;
        min-width:195px !important;
    }

    .wn4-home-page .wn-home-showcase-search button{
        flex-basis:125px !important;
        width:125px !important;
    }
}


/* PHONE */
@media (max-width:767px){

    .wn4-home-page .wn-home-showcase{
        min-height:0 !important;

        padding:24px 0 28px !important;
    }

    .wn4-home-page .wn-home-showcase-logo{
        width:185px !important;
        height:195px !important;

        margin-bottom:-8px !important;
    }

    .wn4-home-page .wn-home-showcase-copy h1{
        font-size:38px !important;
        letter-spacing:-1px !important;
    }

    .wn4-home-page .wn-home-showcase-en{
        font-size:21px !important;
    }

    .wn4-home-page .wn-home-showcase-copy strong{
        margin-top:13px !important;
        font-size:16px !important;
    }

    .wn4-home-page .wn-home-showcase-copy p{
        font-size:12px !important;
    }

    .wn4-home-page .wn-home-showcase-actions{
        width:100% !important;

        flex-direction:column !important;

        gap:9px !important;

        margin-top:20px !important;
    }

    .wn4-home-page .wn-home-showcase-search{
        width:100% !important;
        flex:none !important;
    }

    .wn4-home-page .wn-home-showcase-search input,
    .wn4-home-page .wn-home-showcase-search button{
        height:50px !important;
        min-height:50px !important;
    }

    .wn4-home-page .wn-home-showcase-search button{
        flex-basis:94px !important;
        width:94px !important;

        font-size:13px !important;
    }

    .wn4-home-page .wn-home-showcase-location{
        flex:none !important;

        width:190px !important;
        min-width:190px !important;
        min-height:60px !important;

        margin-inline:auto !important;
    }

    .wn4-home-page .wn-home-showcase-location > button{
        height:var(--wn-size-control) !important;
        min-height:var(--wn-size-control) !important;

        font-size:14px !important;
    }
}


/* ==========================================================
   HOME HERO — REFERENCE FINAL ALIGNMENT V19
========================================================== */

@media (min-width:1101px){

    /* مساحة الـ Hero مثل المرجع */
    .wn4-home-page .wn-home-showcase{
        min-height:790px !important;
        padding:48px 0 70px !important;

        align-items:flex-start !important;
    }

    .wn4-home-page .wn-home-showcase-inner{
        max-width:1180px !important;

        padding-top:20px !important;
    }


    /* الدبوس */
    .wn4-home-page .wn-home-showcase-logo{
        width:350px !important;
        height:365px !important;

        margin:0 auto -28px !important;
    }


    /* وين ناكل؟ */
    .wn4-home-page .wn-home-showcase-copy h1{
        font-size:66px !important;
        line-height:.95 !important;

        letter-spacing:-2.5px !important;
    }


    /* WEEN NAKL? */
    .wn4-home-page .wn-home-showcase-en{
        margin-top:7px !important;

        font-size:34px !important;
    }


    /* النص */
    .wn4-home-page .wn-home-showcase-copy strong{
        margin-top:18px !important;

        font-size:23px !important;
    }

    .wn4-home-page .wn-home-showcase-copy p{
        margin-top:7px !important;

        font-size:17px !important;
    }


    /* ======================================================
       موقع + بحث
       الموقع يسار / البحث يمين
    ====================================================== */

    .wn4-home-page .wn-home-showcase-actions{
        width:min(100%,1120px) !important;

        direction:ltr !important;

        display:grid !important;

        grid-template-columns:
            245px
            minmax(0,1fr) !important;

        align-items:center !important;

        gap:var(--wn-space-lg) !important;

        margin:30px auto 0 !important;
    }


    /* الموقع على اليسار */
    .wn4-home-page .wn-home-showcase-location{
        grid-column:1 !important;
        grid-row:1 !important;

        width:245px !important;
        min-width:245px !important;

        min-height:74px !important;

        margin:0 !important;
    }

    .wn4-home-page .wn-home-showcase-location > button{
        height:60px !important;
        min-height:60px !important;

        font-size:18px !important;
    }


    /* البحث على اليمين */
    .wn4-home-page .wn-home-showcase-search{
        grid-column:2 !important;
        grid-row:1 !important;

        width:100% !important;

        min-height:74px !important;

        margin:0 !important;

        direction:ltr !important;
    }

    .wn4-home-page .wn-home-showcase-search input{
        height:62px !important;
        min-height:62px !important;

        font-size:16px !important;
    }

    .wn4-home-page .wn-home-showcase-search button{
        width:170px !important;
        flex-basis:170px !important;

        height:62px !important;
        min-height:62px !important;

        font-size:17px !important;
    }

}


/* TABLET */
@media (min-width:768px) and (max-width:1100px){

    .wn4-home-page .wn-home-showcase-actions{
        direction:ltr !important;

        display:grid !important;
        grid-template-columns:195px minmax(0,1fr) !important;
    }

    .wn4-home-page .wn-home-showcase-location{
        grid-column:1 !important;
        grid-row:1 !important;
    }

    .wn4-home-page .wn-home-showcase-search{
        grid-column:2 !important;
        grid-row:1 !important;
    }

}


/* PHONE — البحث أولاً ثم الموقع تحته */
@media (max-width:767px){

    .wn4-home-page .wn-home-showcase-actions{
        display:flex !important;
        flex-direction:column !important;

        direction:rtl !important;
    }

    .wn4-home-page .wn-home-showcase-search{
        order:1 !important;
    }

    .wn4-home-page .wn-home-showcase-location{
        order:2 !important;
    }

}


/* ==========================================================
   HOME HERO — SMALLER + UNIFIED SEARCH/LOCATION BAR V22
========================================================== */

@media (min-width:768px){

    /* تصغير بسيط للشعار */
    .wn4-home-page .wn-home-showcase-logo{
        width:310px !important;
        height:325px !important;

        margin-bottom:-24px !important;
    }

    .wn4-home-page .wn-home-showcase-copy h1{
        font-size:60px !important;
    }

    .wn4-home-page .wn-home-showcase-en{
        font-size:31px !important;
    }

    .wn4-home-page .wn-home-showcase-copy strong{
        margin-top:15px !important;
        font-size:20px !important;
    }

    .wn4-home-page .wn-home-showcase-copy p{
        margin-top:5px !important;
        font-size:15px !important;
    }


    /* ======================================================
       شريط واحد: موقعي الآن + البحث
    ====================================================== */

    .wn4-home-page .wn-home-showcase-actions{
        width:min(100%,1040px) !important;

        display:grid !important;
        grid-template-columns:210px minmax(0,1fr) !important;

        direction:ltr !important;

        gap:0 !important;

        margin:24px auto 0 !important;
        padding:5px !important;

        border:1px solid var(--wn-color-redesign-value-rgba-173-67-177-p24) !important;
        border-radius:999px !important;

        background:var(--wn-color-footer-surface-94) !important;

        box-shadow:
            0 12px 28px var(--wn-color-redesign-value-rgba-73-30-96-p12) !important;

        overflow:hidden !important;
    }


    /* موقعي الآن = أول جزء من نفس الشريط */
    .wn4-home-page .wn-home-showcase-location{
        grid-column:1 !important;
        grid-row:1 !important;

        width:100% !important;
        min-width:0 !important;
        min-height:56px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        border-radius:999px 0 0 999px !important;

        background:transparent !important;

        box-shadow:none !important;
    }

    .wn4-home-page .wn-home-showcase-location > button{
        width:100% !important;

        height:56px !important;
        min-height:56px !important;

        margin:0 !important;
        padding:0 18px !important;

        border:0 !important;
        border-inline-end:1px solid var(--wn-color-redesign-value-rgba-72-31-126-p12) !important;
        border-radius:999px 0 0 999px !important;

        background:transparent !important;

        color:var(--wn-color-redesign-value-hex-352080) !important;

        font-size:15px !important;
        font-weight:900 !important;
    }

    .wn4-home-page .wn-home-showcase-location > button span{
        font-size:21px !important;
    }


    /* البحث = الجزء الثاني من نفس الشريط */
    .wn4-home-page .wn-home-showcase-search{
        grid-column:2 !important;
        grid-row:1 !important;

        width:100% !important;
        min-width:0 !important;
        min-height:56px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;

        border:0 !important;
        border-radius:0 999px 999px 0 !important;

        background:transparent !important;

        box-shadow:none !important;
    }

    .wn4-home-page .wn-home-showcase-search input{
        height:56px !important;
        min-height:56px !important;

        padding-inline:20px !important;

        font-size:14px !important;
    }

    .wn4-home-page .wn-home-showcase-search button{
        flex:0 0 135px !important;

        width:135px !important;

        height:var(--wn-size-control) !important;
        min-height:var(--wn-size-control) !important;

        margin:var(--wn-space-2xs) !important;

        border-radius:999px !important;

        font-size:14px !important;
    }
}


/* الهاتف يبقى مناسبًا ولا ينضغط */
@media (max-width:767px){

    .wn4-home-page .wn-home-showcase-logo{
        width:165px !important;
        height:175px !important;
    }

    .wn4-home-page .wn-home-showcase-copy h1{
        font-size:35px !important;
    }
}


/* ==========================================================
   HOME HERO — SEARCH + LOCATION SEPARATE, SAME ROW V23
========================================================== */

@media (min-width:768px){

    /* الحاوية فقط لترتيب الاثنين في نفس السطر */
    .wn4-home-page .wn-home-showcase-actions{
        width:min(100%,1040px) !important;

        display:grid !important;
        grid-template-columns:205px minmax(0,1fr) !important;

        direction:ltr !important;

        align-items:center !important;

        gap:var(--wn-space-md) !important;

        margin:24px auto 0 !important;
        padding:0 !important;

        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;

        overflow:visible !important;
    }


    /* موقعي الآن — صندوق مستقل */
    .wn4-home-page .wn-home-showcase-location{
        grid-column:1 !important;
        grid-row:1 !important;

        width:100% !important;
        min-width:0 !important;
        min-height:58px !important;

        margin:0 !important;
        padding:var(--wn-space-2xs) !important;

        background:var(--wn-color-footer-surface-94) !important;

        border:2px solid var(--wn-color-redesign-value-hex-ce51df) !important;
        border-radius:999px !important;

        box-shadow:
            0 9px 22px var(--wn-color-redesign-value-rgba-73-30-96-p1) !important;
    }

    .wn4-home-page .wn-home-showcase-location > button{
        width:100% !important;

        height:var(--wn-size-control) !important;
        min-height:var(--wn-size-control) !important;

        margin:0 !important;
        padding:0 15px !important;

        border:0 !important;
        border-radius:999px !important;

        background:transparent !important;

        color:var(--wn-color-redesign-value-hex-352080) !important;

        font-size:14px !important;
        font-weight:900 !important;
    }


    /* البحث — شريط مستقل */
    .wn4-home-page .wn-home-showcase-search{
        grid-column:2 !important;
        grid-row:1 !important;

        width:100% !important;
        min-width:0 !important;
        min-height:58px !important;

        margin:0 !important;
        padding:var(--wn-space-2xs) !important;

        display:flex !important;
        align-items:center !important;

        background:var(--wn-color-footer-surface-94) !important;

        border:1px solid var(--wn-color-redesign-value-rgba-173-67-177-p2) !important;
        border-radius:999px !important;

        box-shadow:
            0 9px 22px var(--wn-color-redesign-value-rgba-73-30-96-p1) !important;
    }

    .wn4-home-page .wn-home-showcase-search input{
        height:var(--wn-size-control) !important;
        min-height:var(--wn-size-control) !important;

        padding-inline:20px !important;

        font-size:14px !important;
    }

    .wn4-home-page .wn-home-showcase-search button{
        flex:0 0 130px !important;

        width:130px !important;

        height:var(--wn-size-control) !important;
        min-height:var(--wn-size-control) !important;

        margin:0 !important;

        border-radius:999px !important;

        font-size:14px !important;
    }
}


/* ==========================================================
   HOME HERO — FINAL SEARCH + LOCATION V24
========================================================== */

@media (min-width:768px){

    .wn4-home-page .wn-home-showcase-actions{
        width:min(100%,860px) !important;

        display:grid !important;
        grid-template-columns:180px minmax(0,1fr) !important;

        direction:ltr !important;
        align-items:center !important;

        gap:var(--wn-space-lg) !important;

        margin:22px auto 0 !important;
        padding:0 !important;

        background:none !important;
        border:0 !important;
        box-shadow:none !important;
    }

    /* موقعي الآن */
    .wn4-home-page .wn-home-showcase-location{
        grid-column:1 !important;

        width:180px !important;
        min-width:180px !important;
        min-height:54px !important;

        padding:3px !important;
        margin:0 !important;

        border:2px solid var(--wn-color-redesign-value-hex-cf51df) !important;
        border-radius:999px !important;

        background:var(--wn-color-footer-surface-94) !important;

        box-shadow:0 8px 20px var(--wn-color-redesign-value-rgba-74-29-96-p1) !important;
    }

    .wn4-home-page .wn-home-showcase-location > button{
        width:100% !important;

        height:var(--wn-size-control-compact) !important;
        min-height:var(--wn-size-control-compact) !important;

        padding:0 var(--wn-space-lg) !important;

        border:0 !important;
        border-radius:999px !important;

        background:transparent !important;

        font-size:13px !important;
        font-weight:900 !important;

        gap:7px !important;
    }

    /* البحث */
    .wn4-home-page .wn-home-showcase-search{
        grid-column:2 !important;

        width:100% !important;
        min-height:54px !important;

        padding:3px !important;
        margin:0 !important;

        border:1px solid var(--wn-color-redesign-value-rgba-173-67-177-p18) !important;
        border-radius:999px !important;

        background:var(--wn-color-footer-surface-94) !important;

        box-shadow:0 8px 20px var(--wn-color-redesign-value-rgba-74-29-96-p1) !important;
    }

    .wn4-home-page .wn-home-showcase-search input{
        height:var(--wn-size-control-compact) !important;
        min-height:var(--wn-size-control-compact) !important;

        padding-inline:18px !important;

        font-size:13px !important;
    }

    .wn4-home-page .wn-home-showcase-search button{
        flex:0 0 116px !important;

        width:116px !important;

        height:var(--wn-size-control-compact) !important;
        min-height:var(--wn-size-control-compact) !important;

        margin:0 !important;

        border-radius:999px !important;

        font-size:13px !important;
    }
}


/* الجوال */
@media (max-width:767px){

    .wn4-home-page .wn-home-showcase-actions{
        display:flex !important;
        flex-direction:column !important;

        gap:var(--wn-space-sm) !important;

        width:100% !important;
    }

    .wn4-home-page .wn-home-showcase-search{
        order:1 !important;
        width:100% !important;
    }

    .wn4-home-page .wn-home-showcase-location{
        order:2 !important;

        width:170px !important;
        min-width:170px !important;

        margin-inline:auto !important;
    }
}


/* ==========================================================
   HOME HERO — FORCE SAME HORIZONTAL LINE V25
========================================================== */

@media (min-width:768px){

    .wn4-home-page .wn-home-showcase-actions{
        width:min(100%,860px) !important;

        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;

        gap:var(--wn-space-lg) !important;

        margin:22px auto 0 !important;
        padding:0 !important;

        direction:ltr !important;
    }

    /* موقعي الآن */
    .wn4-home-page .wn-home-showcase-location{
        flex:0 0 180px !important;

        width:180px !important;
        min-width:180px !important;

        height:54px !important;
        min-height:54px !important;
        max-height:54px !important;

        margin:0 !important;
        padding:3px !important;

        position:static !important;
        inset:auto !important;
        top:auto !important;
        bottom:auto !important;

        transform:none !important;

        align-self:center !important;

        grid-area:auto !important;
        grid-row:auto !important;
        grid-column:auto !important;
    }

    .wn4-home-page .wn-home-showcase-location > button{
        height:var(--wn-size-control-compact) !important;
        min-height:var(--wn-size-control-compact) !important;
        max-height:var(--wn-size-control-compact) !important;

        margin:0 !important;
    }

    /* البحث */
    .wn4-home-page .wn-home-showcase-search{
        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

        height:54px !important;
        min-height:54px !important;
        max-height:54px !important;

        margin:0 !important;
        padding:3px !important;

        position:static !important;
        inset:auto !important;
        top:auto !important;
        bottom:auto !important;

        transform:none !important;

        align-self:center !important;

        grid-area:auto !important;
        grid-row:auto !important;
        grid-column:auto !important;
    }

    .wn4-home-page .wn-home-showcase-search input,
    .wn4-home-page .wn-home-showcase-search button{
        height:var(--wn-size-control-compact) !important;
        min-height:var(--wn-size-control-compact) !important;
        max-height:var(--wn-size-control-compact) !important;
    }
}


/* WN CATEGORY CARDS V2 START */

.wn4-home-page .home-category-shell-v2{
    width:100% !important;
    position:relative !important;
}

.wn4-home-page .home-category-shell-v2 > .home-carousel-arrow{
    display:none !important;
}

.wn4-home-page .home-category-cards{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
    width:100% !important;
    overflow:visible !important;
    padding:var(--wn-space-2xs) !important;
}

.wn4-home-page .home-category-card-v2{
    position:relative !important;

    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;

    padding:0 !important;
    margin:0 !important;

    display:block !important;

    overflow:hidden !important;

    border:0 !important;
    border-radius:24px !important;

    background:var(--wn-color-surface) !important;

    box-shadow:
        0 10px 26px var(--wn-color-redesign-value-rgba-64-42-135-p1),
        0 2px 7px var(--wn-color-redesign-value-rgba-193-21-115-p05) !important;

    text-decoration:none !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}

.wn4-home-page .home-category-card-v2:hover{
    transform:translateY(-4px) !important;

    box-shadow:
        0 16px 34px var(--wn-color-redesign-value-rgba-64-42-135-p15),
        0 4px 12px var(--wn-color-redesign-value-rgba-193-21-115-p08) !important;
}

.wn4-home-page .home-category-card-v2 > img{
    display:block !important;

    width:100% !important;
    height:auto !important;

    aspect-ratio:1.28 / 1 !important;

    object-fit:cover !important;
    object-position:center !important;

    border:0 !important;
    border-radius:24px !important;

    background:var(--wn-color-surface) !important;
}

.wn4-home-page .home-category-card-label{
    position:absolute !important;

    inset-inline:0 !important;
    bottom:0 !important;

    min-height:62px !important;

    padding:var(--wn-space-sm) var(--wn-space-xl) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-top:1px solid var(--wn-color-redesign-value-rgba-109-82-182-p08) !important;

    background:var(--wn-color-v4-rgba-255-255-255-97) !important;

    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

.wn4-home-page .home-category-card-copy{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    gap:2px !important;

    text-align:center !important;
}

.wn4-home-page .home-category-card-copy strong{
    color:var(--wn-color-redesign-value-hex-24156f) !important;

    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
}

.wn4-home-page .home-category-card-copy small{
    color:var(--wn-color-redesign-value-hex-7667a7) !important;

    font-size:10px !important;
    font-weight:700 !important;

    line-height:1.3 !important;
}

.wn4-home-page .home-category-card-arrow{
    position:absolute !important;

    inset-inline-end:13px !important;
    top:50% !important;

    width:34px !important;
    height:34px !important;

    transform:translateY(-50%) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    background:linear-gradient(
        135deg,
        var(--wn-color-redesign-value-hex-ff5cac) 0%,
        var(--wn-color-redesign-value-hex-c83dd7) 55%,
        var(--wn-color-redesign-value-hex-7765f6) 100%
    ) !important;

    color:var(--wn-color-surface) !important;

    font-size:26px !important;
    font-weight:500 !important;
    line-height:1 !important;

    box-shadow:0 5px 14px var(--wn-color-redesign-value-rgba-203-61-215-p22) !important;
}

.wn4-home-page .home-special-row-single{
    grid-template-columns:1fr !important;
}

/* Tablet */

@media (max-width:1100px){

    .wn4-home-page .home-category-cards{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:15px !important;
    }

}

/* Mobile */

@media (max-width:767px){

    .wn4-home-page .home-category-cards{
        display:grid !important;

        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:var(--wn-space-md) !important;

        overflow:visible !important;

        padding:2px !important;
    }

    .wn4-home-page .home-category-card-v2{
        width:100% !important;
        flex:none !important;

        border-radius:18px !important;
    }

    .wn4-home-page .home-category-card-v2 > img{
        border-radius:18px !important;
    }

    .wn4-home-page .home-category-card-label{
        min-height:54px !important;

        padding:
            var(--wn-space-xs) 38px
            var(--wn-space-xs) var(--wn-space-sm) !important;
    }

    .wn4-home-page .home-category-card-copy strong{
        font-size:12px !important;
    }

    .wn4-home-page .home-category-card-copy small{
        font-size:8px !important;
    }

    .wn4-home-page .home-category-card-arrow{
        inset-inline-end:8px !important;

        width:29px !important;
        height:29px !important;

        font-size:22px !important;
    }

}

/* Small phones */

@media (max-width:390px){

    .wn4-home-page .home-category-cards{
        gap:var(--wn-space-sm) !important;
    }

    .wn4-home-page .home-category-card-copy strong{
        font-size:11px !important;
    }

}

/* WN CATEGORY CARDS V2 END */






/* WN ACTIVITY TEMPLATE LOWER V2 START */


/* ==========================================================
   المرجع: بطاقة النشاط الحالية
========================================================== */

.wn4-home-page .wn-activity-card-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:16px;
}


/* البطاقة */

.wn4-home-page .wn-activity-template-card{
    position:relative;

    display:block;

    min-width:0;

    overflow:hidden;

    border:
        1px solid var(--wn-color-redesign-value-rgba-90-62-143-p08);

    border-radius:20px;

    background:var(--wn-color-surface);

    box-shadow:
        0 9px 24px var(--wn-color-redesign-value-rgba-54-31-97-p1);

    text-decoration:none;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.wn4-home-page .wn-activity-template-card:hover{
    transform:translateY(-3px);

    box-shadow:
        0 13px 30px var(--wn-color-redesign-value-rgba-54-31-97-p14);
}


/* ==========================================================
   الصورة / التصميم الكامل في الأعلى
========================================================== */

.wn4-home-page .wn-activity-template-media{
    width:100%;

    aspect-ratio:1.32 / 1;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            var(--wn-color-new-design-page-soft),
            var(--wn-color-redesign-value-hex-f6f4ff)
        );
}

.wn4-home-page .wn-activity-template-media > img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;
}


/* ==========================================================
   الشريط الأبيض أسفل الصورة
========================================================== */

.wn4-home-page .wn-activity-template-footer{
    position:relative;

    min-height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:
        7px 46px
        7px 13px;

    background:var(--wn-color-surface);

    border-top:
        1px solid var(--wn-color-redesign-value-rgba-88-61-139-p07);

    text-align:center;
}

.wn4-home-page .wn-activity-template-footer strong{
    display:block;

    color:var(--wn-color-redesign-value-hex-241363);

    font-size:13px;
    font-weight:800;

    line-height:1.25;
}


/* ==========================================================
   السهم — نفسه في بطاقات الأنشطة
========================================================== */

.wn4-home-page .wn-activity-template-arrow{
    position:absolute;

    inset-inline-start:12px;
    top:50%;

    transform:translateY(-50%);

    width:31px;
    height:31px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:var(--wn-color-surface);

    background:
        linear-gradient(
            135deg,
            var(--wn-color-redesign-value-hex-ee3b97),
            var(--wn-color-redesign-value-hex-a14ee8)
        );

    box-shadow:
        0 4px 10px var(--wn-color-redesign-value-rgba-201-49-176-p2);

    font-size:22px;
    font-weight:500;

    line-height:1;
}


/* ==========================================================
   الرعاة — صورة اللوجو كاملة في الجزء العلوي
========================================================== */

.wn4-home-page .wn-sponsor-full-art{
    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        radial-gradient(
            circle at 50% 42%,
            var(--wn-color-surface) 0,
            var(--wn-color-new-design-page-soft) 48%,
            var(--wn-color-redesign-value-hex-f3efff) 100%
        );
}

.wn4-home-page .wn-sponsor-full-art img{
    width:46%;
    height:46%;

    object-fit:contain;
}


/* انضم كراعٍ */

.wn4-home-page .wn-sponsor-join-art{
    width:100%;
    height:100%;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:var(--wn-space-md);

    color:var(--wn-color-redesign-value-hex-b12078);

    background:
        linear-gradient(
            145deg,
            var(--wn-color-redesign-value-hex-fff5fa),
            var(--wn-color-redesign-value-hex-f3efff)
        );
}

.wn4-home-page .wn-sponsor-join-art span{
    width:56px;
    height:56px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:var(--wn-color-surface);

    background:
        linear-gradient(
            135deg,
            var(--wn-color-redesign-value-hex-ef3c97),
            var(--wn-color-redesign-value-hex-8b51ec)
        );

    font-size:30px;
    font-weight:700;
}

.wn4-home-page .wn-sponsor-join-art strong{
    color:var(--wn-color-redesign-value-hex-5b216e);

    font-size:13px;
    font-weight:800;
}


/* ==========================================================
   عروض الافتتاح
   3 بطاقات لكن بنفس قالب النشاط
========================================================== */

.wn4-home-page .wn-launch-offers{
    grid-template-columns:
        repeat(3,minmax(0,1fr));
}


/* ==========================================================
   الفعاليات
========================================================== */

.wn4-home-page .wn-nearby-events-card-grid{
    grid-template-columns:
        repeat(4,minmax(0,1fr));
}


/* ==========================================================
   Tablet
========================================================== */

@media (max-width:1100px){

    .wn4-home-page .wn-activity-card-grid,
    .wn4-home-page .wn-launch-offers,
    .wn4-home-page .wn-nearby-events-card-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* ==========================================================
   Mobile
========================================================== */

@media (max-width:767px){

    .wn4-home-page .wn-activity-card-grid,
    .wn4-home-page .wn-launch-offers,
    .wn4-home-page .wn-nearby-events-card-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:var(--wn-space-md);
    }

    .wn4-home-page .wn-activity-template-card{
        border-radius:17px;
    }

    .wn4-home-page .wn-activity-template-footer{
        min-height:47px;

        padding:
            var(--wn-space-xs) 39px
            var(--wn-space-xs) var(--wn-space-sm);
    }

    .wn4-home-page .wn-activity-template-footer strong{
        font-size:11px;
    }

    .wn4-home-page .wn-activity-template-arrow{
        inset-inline-start:8px;

        width:28px;
        height:28px;

        font-size:20px;
    }

}

/* WN ACTIVITY TEMPLATE LOWER V2 END */



/* WN APPROVED VISUAL CARDS V1 START */

/*
|--------------------------------------------------------------------------
| الصور الست المعتمدة فقط
| لا يغيّر بطاقات الأنشطة
| لا يغيّر بطاقات الرعاة
|--------------------------------------------------------------------------
*/

.wn4-home-page .wn-approved-cards-section{
    padding-block:22px !important;
}

.wn4-home-page .wn-approved-cards-grid{
    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:16px !important;

    align-items:start !important;

    width:100% !important;
}

.wn4-home-page .wn-approved-visual-card{
    display:block !important;

    width:100% !important;

    padding:0 !important;
    margin:0 !important;

    overflow:hidden !important;

    border:0 !important;
    border-radius:20px !important;

    background:transparent !important;

    box-shadow:
        0 9px 24px var(--wn-color-redesign-value-rgba-54-31-97-p11) !important;

    text-decoration:none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.wn4-home-page .wn-approved-visual-card:hover{
    transform:translateY(-3px) !important;

    box-shadow:
        0 13px 30px var(--wn-color-redesign-value-rgba-54-31-97-p15) !important;
}

.wn4-home-page .wn-approved-visual-card img{
    display:block !important;

    width:100% !important;
    height:auto !important;

    aspect-ratio:1 / 1 !important;

    object-fit:cover !important;
    object-position:center !important;

    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    border-radius:20px !important;

    background:transparent !important;
}

/*
|--------------------------------------------------------------------------
| البطاقة المفردة للفعاليات:
| نفس قياس بطاقات العروض ولا تتمدد بعرض الصفحة
|--------------------------------------------------------------------------
*/

.wn4-home-page .wn-approved-single-grid{
    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;
}


/* Tablet */

@media (max-width:1100px){

    .wn4-home-page .wn-approved-cards-grid,
    .wn4-home-page .wn-approved-single-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:var(--wn-space-xl) !important;
    }

}


/* Mobile */

@media (max-width:767px){

    .wn4-home-page .wn-approved-cards-section{
        padding-block:16px !important;
    }

    .wn4-home-page .wn-approved-cards-grid,
    .wn4-home-page .wn-approved-single-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:var(--wn-space-md) !important;
    }

    .wn4-home-page .wn-approved-visual-card,
    .wn4-home-page .wn-approved-visual-card img{
        border-radius:16px !important;
    }

}

/* WN APPROVED VISUAL CARDS V1 END */


/* WN NEARBY EMPTY CLEANUP START */

/*
|--------------------------------------------------------------------------
| أماكن قريبة منك
| إذا لا توجد نتائج، لا نعرض الشريط الأبيض القديم
|--------------------------------------------------------------------------
*/

.wn4-home-page #home-nearby-section[hidden]{
    display:none !important;
}

.wn4-home-page #home-nearby-section.wn-nearby-empty{
    display:none !important;
}

.wn4-home-page #home-nearby-status:empty{
    display:none !important;
}

.wn4-home-page #home-nearby-status{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    min-height:0 !important;
}

/* WN NEARBY EMPTY CLEANUP END */



/* WN JASSIM ICON V1 START */

.wn4-home-page .wn4h-jassim-button.wn4h-jassim-icon-button{
    width:72px !important;
    height:72px !important;

    min-width:72px !important;
    min-height:72px !important;

    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:0 !important;
    border-radius:22px !important;

    background:transparent !important;

    box-shadow:
        0 10px 26px var(--wn-color-redesign-value-rgba-63-32-105-p18) !important;

    overflow:hidden !important;

    font-size:0 !important;
}

.wn4-home-page .wn4h-jassim-icon-image{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:center !important;

    border-radius:22px !important;
}

.wn4-home-page .wn4h-jassim-button.wn4h-jassim-icon-button:hover{
    transform:translateY(-2px) scale(1.03) !important;

    box-shadow:
        0 14px 30px var(--wn-color-redesign-value-rgba-63-32-105-p22) !important;
}

@media (max-width:767px){

    .wn4-home-page .wn4h-jassim-button.wn4h-jassim-icon-button{
        width:58px !important;
        height:58px !important;

        min-width:58px !important;
        min-height:58px !important;

        border-radius:18px !important;
    }

    .wn4-home-page .wn4h-jassim-icon-image{
        border-radius:18px !important;
    }

}

/* WN JASSIM ICON V1 END */



/* WN JASSIM PANEL V2 START */


/* ==========================================================
   الحاوية
========================================================== */

.wn4-home-page .wn4h-jassim{
    position:fixed !important;

    inset-inline-end:22px !important;
    bottom:22px !important;

    z-index:9995 !important;
}


/* ==========================================================
   النافذة
========================================================== */

.wn4-home-page .wn4h-jassim-panel{
    position:absolute !important;

    inset-inline-end:0 !important;
    bottom:84px !important;

    width:min(380px, calc(100vw - 28px)) !important;
    max-height:min(610px, calc(100vh - 130px)) !important;

    display:flex !important;
    flex-direction:column !important;

    overflow:hidden !important;

    border:
        1px solid var(--wn-color-redesign-value-rgba-96-58-145-p1) !important;

    border-radius:28px !important;

    background:
        var(--wn-color-redesign-value-rgba-255-250-253-p97) !important;

    box-shadow:
        0 24px 65px var(--wn-color-redesign-value-rgba-55-27-91-p25) !important;

    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
}

.wn4-home-page .wn4h-jassim-panel[hidden]{
    display:none !important;
}


/* ==========================================================
   الرأس
========================================================== */

.wn4-home-page .wn4h-jassim-head{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    min-height:82px !important;

    padding:var(--wn-space-lg) var(--wn-space-xl) !important;

    border-bottom:
        1px solid var(--wn-color-redesign-value-rgba-91-55-139-p08) !important;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-redesign-value-rgba-255-241-249-p98),
            var(--wn-color-redesign-value-rgba-242-238-255-p98)
        ) !important;
}

.wn4-home-page .wn4h-jassim-head::after{
    content:"" !important;

    position:absolute !important;

    width:110px !important;
    height:110px !important;

    inset-inline-end:-32px !important;
    top:-56px !important;

    border-radius:50% !important;

    background:
        var(--wn-color-redesign-value-rgba-232-56-150-p08) !important;

    pointer-events:none !important;
}

.wn4-home-page .wn4h-jassim-profile{
    position:relative !important;
    z-index:2 !important;

    display:flex !important;
    align-items:center !important;

    gap:11px !important;
}

.wn4-home-page .wn4h-jassim-profile-image{
    width:52px !important;
    height:52px !important;

    flex:0 0 52px !important;

    object-fit:cover !important;

    border-radius:16px !important;

    box-shadow:
        0 5px 14px var(--wn-color-redesign-value-rgba-76-43-121-p16) !important;
}

.wn4-home-page .wn4h-jassim-profile-copy{
    display:flex !important;
    flex-direction:column !important;

    gap:2px !important;
}

.wn4-home-page .wn4h-jassim-profile-copy strong{
    color:var(--wn-color-redesign-value-hex-351253) !important;

    font-size:17px !important;
    font-weight:900 !important;
}

.wn4-home-page .wn4h-jassim-profile-copy small{
    color:var(--wn-color-redesign-value-hex-9b668d) !important;

    font-size:11px !important;
    font-weight:700 !important;
}


/* ==========================================================
   إغلاق
========================================================== */

.wn4-home-page .wn4h-jassim-close{
    position:relative !important;
    z-index:3 !important;

    width:34px !important;
    height:34px !important;

    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:0 !important;
    border-radius:50% !important;

    color:var(--wn-color-redesign-value-hex-64295f) !important;

    background:
        var(--wn-color-info-surface-78) !important;

    box-shadow:
        0 3px 10px var(--wn-color-redesign-value-rgba-72-40-101-p08) !important;

    font-size:22px !important;
    line-height:1 !important;

    cursor:pointer !important;
}


/* ==========================================================
   المحادثة
========================================================== */

.wn4-home-page .wn4h-jassim-messages{
    flex:1 1 auto !important;

    min-height:210px !important;
    max-height:330px !important;

    overflow-y:auto !important;

    padding:18px var(--wn-space-xl) !important;

    display:flex !important;
    flex-direction:column !important;

    gap:var(--wn-space-md) !important;

    scrollbar-width:thin !important;
}

.wn4-home-page .wn4h-jassim-bot{
    align-self:flex-start !important;

    max-width:86% !important;

    padding:11px 13px !important;

    border-radius:
        18px 18px 18px 6px !important;

    color:var(--wn-color-redesign-value-hex-48205b) !important;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-v4-fff2f8),
            var(--wn-color-redesign-value-hex-f6f1ff)
        ) !important;

    border:
        1px solid var(--wn-color-redesign-value-rgba-117-77-170-p08) !important;

    box-shadow:
        0 4px 14px var(--wn-color-redesign-value-rgba-69-38-102-p06) !important;

    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.7 !important;
}

.wn4-home-page .wn4h-jassim-user{
    align-self:flex-end !important;

    max-width:86% !important;

    padding:11px 13px !important;

    border-radius:
        18px 18px 6px 18px !important;

    color:var(--wn-color-surface) !important;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-redesign-value-hex-eb3d92),
            var(--wn-color-redesign-value-hex-a54ee6)
        ) !important;

    box-shadow:
        0 5px 14px var(--wn-color-redesign-value-rgba-192-53-161-p16) !important;

    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.7 !important;
}


/* ==========================================================
   الأسئلة السريعة
========================================================== */

.wn4-home-page .wn4h-jassim-quick{
    display:flex !important;

    gap:7px !important;

    overflow-x:auto !important;

    padding:
        var(--wn-space-2xs) var(--wn-space-xl) var(--wn-space-lg) !important;

    scrollbar-width:none !important;
}

.wn4-home-page .wn4h-jassim-quick::-webkit-scrollbar{
    display:none !important;
}

.wn4-home-page .wn4h-jassim-quick button{
    flex:0 0 auto !important;

    min-height:33px !important;

    padding:
        7px 11px !important;

    border:
        1px solid var(--wn-color-redesign-value-rgba-190-62-158-p12) !important;

    border-radius:999px !important;

    color:var(--wn-color-redesign-value-hex-7b2867) !important;

    background:
        var(--wn-color-v4-fff2f8) !important;

    font-size:10px !important;
    font-weight:800 !important;

    cursor:pointer !important;
}


/* ==========================================================
   حقل الكتابة
========================================================== */

.wn4-home-page .wn4h-jassim-form{
    display:flex !important;
    align-items:center !important;

    gap:var(--wn-space-sm) !important;

    padding:11px var(--wn-space-lg) !important;

    border-top:
        1px solid var(--wn-color-redesign-value-rgba-92-56-139-p08) !important;

    background:
        var(--wn-color-redesign-value-rgba-255-255-255-p91) !important;
}

.wn4-home-page .wn4h-jassim-form input{
    flex:1 1 auto !important;

    min-width:0 !important;
    height:43px !important;

    padding-inline:var(--wn-space-xl) !important;

    border:
        1px solid var(--wn-color-redesign-value-rgba-91-55-139-p1) !important;

    border-radius:15px !important;

    outline:none !important;

    color:var(--wn-color-redesign-value-hex-421850) !important;

    background:
        var(--wn-color-redesign-value-hex-faf7fc) !important;

    font-size:12px !important;
}

.wn4-home-page .wn4h-jassim-form input:focus{
    border-color:
        var(--wn-color-redesign-value-rgba-220-57-145-p42) !important;

    box-shadow:
        0 0 0 3px var(--wn-color-redesign-value-rgba-222-58-145-p08) !important;
}

.wn4-home-page .wn4h-jassim-form button{
    flex:0 0 auto !important;

    height:43px !important;

    padding-inline:17px !important;

    border:0 !important;
    border-radius:15px !important;

    color:var(--wn-color-surface) !important;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-redesign-value-hex-ec3c93),
            var(--wn-color-redesign-value-hex-a64fe7)
        ) !important;

    box-shadow:
        0 5px 14px var(--wn-color-redesign-value-rgba-191-49-158-p18) !important;

    font-size:11px !important;
    font-weight:900 !important;

    cursor:pointer !important;
}


/* ==========================================================
   Mobile
========================================================== */

@media (max-width:767px){

    .wn4-home-page .wn4h-jassim{
        inset-inline:
            11px !important;

        bottom:
            11px !important;
    }

    .wn4-home-page .wn4h-jassim-panel{
        position:fixed !important;

        inset-inline:
            10px !important;

        bottom:
            80px !important;

        width:auto !important;

        max-height:
            calc(100vh - 105px) !important;

        border-radius:
            23px !important;
    }

    .wn4-home-page .wn4h-jassim-head{
        min-height:
            72px !important;
    }

    .wn4-home-page .wn4h-jassim-profile-image{
        width:46px !important;
        height:46px !important;

        flex-basis:
            46px !important;

        border-radius:
            14px !important;
    }

    .wn4-home-page .wn4h-jassim-messages{
        min-height:
            180px !important;

        max-height:
            48vh !important;
    }

}

/* WN JASSIM PANEL V2 END */



/* WN ACTIVITY TYPE ART V1 START */

/*
|--------------------------------------------------------------------------
| النشاط الفعلي
| نفس رسم النوع ولكن بهوية ثانية حتى لا يكرر بطاقة القسم
|--------------------------------------------------------------------------
*/

.wn4-home-page .wn4h-place-type-art{
    position:relative !important;

    overflow:hidden !important;

    border:
        1px solid var(--wn-color-redesign-value-rgba-84-50-128-p12) !important;

    border-radius:20px !important;

    background:
        linear-gradient(
            150deg,
            var(--wn-color-redesign-value-hex-fffaf6) 0%,
            var(--wn-color-new-design-page-soft) 48%,
            var(--wn-color-redesign-value-hex-f6f1ff) 100%
        ) !important;

    box-shadow:
        0 9px 24px var(--wn-color-redesign-value-rgba-62-37-97-p11) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.wn4-home-page .wn4h-place-type-art:hover{
    transform:translateY(-3px) !important;

    box-shadow:
        0 14px 30px var(--wn-color-redesign-value-rgba-62-37-97-p16) !important;
}


/* ==========================================================
   الرسم العلوي
========================================================== */

.wn4-home-page .wn4h-place-type-media{
    position:relative !important;

    overflow:hidden !important;

    background:
        linear-gradient(
            145deg,
            var(--wn-color-redesign-value-hex-f7eeff),
            var(--wn-color-redesign-value-hex-fff2f6),
            var(--wn-color-redesign-value-hex-fff9ef)
        ) !important;
}

.wn4-home-page .wn4h-place-type-media::after{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    pointer-events:none !important;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-redesign-value-rgba-104-73-214-p08),
            var(--wn-color-redesign-value-rgba-235-55-145-p05),
            var(--wn-color-redesign-value-rgba-255-177-85-p06)
        ) !important;

    mix-blend-mode:soft-light !important;
}

.wn4-home-page .wn4h-place-type-image{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:center !important;

    transform:scale(1.025) !important;

    filter:
        saturate(.90)
        contrast(.97)
        brightness(1.02)
        hue-rotate(-7deg) !important;
}


/* ==========================================================
   البيانات — تبقى بيانات النشاط نفسها
========================================================== */

.wn4-home-page .wn4h-place-type-art .wn4h-place-body{
    position:relative !important;

    background:
        linear-gradient(
            135deg,
            var(--wn-color-v4-rgba-255-255-255-98),
            var(--wn-color-redesign-value-rgba-255-248-252-p98)
        ) !important;

    border-top:
        1px solid var(--wn-color-redesign-value-rgba-84-50-128-p08) !important;
}

.wn4-home-page .wn4h-place-type-art .wn4h-place-body > strong{
    color:var(--wn-color-redesign-value-hex-4c195f) !important;

    font-weight:900 !important;
}


/* البيانات الثانوية */

.wn4-home-page .wn4h-place-type-art .wn4h-place-meta{
    color:var(--wn-color-redesign-value-hex-806c82) !important;
}


/* لمسة مختلفة لكل نوع */

.wn4-home-page .wn4h-place-type-art.type-restaurant{
    --wn-type-accent:var(--wn-color-redesign-value-hex-d83f91);
}

.wn4-home-page .wn4h-place-type-art.type-cafe{
    --wn-type-accent:var(--wn-color-redesign-value-hex-8454d8);
}

.wn4-home-page .wn4h-place-type-art.type-coffee_shop{
    --wn-type-accent:var(--wn-color-redesign-value-hex-654fd7);
}

.wn4-home-page .wn4h-place-type-art.type-food_truck{
    --wn-type-accent:var(--wn-color-redesign-value-hex-e34e83);
}

.wn4-home-page .wn4h-place-type-art.type-buffet{
    --wn-type-accent:var(--wn-color-redesign-value-hex-b34dc4);
}

.wn4-home-page .wn4h-place-type-art.type-kitchen{
    --wn-type-accent:var(--wn-color-redesign-value-hex-df6a6a);
}

.wn4-home-page .wn4h-place-type-art.type-bakery_sweets{
    --wn-type-accent:var(--wn-color-redesign-value-hex-eb718f);
}

.wn4-home-page .wn4h-place-type-art.type-home_made{
    --wn-type-accent:var(--wn-color-redesign-value-hex-8964d9);
}

.wn4-home-page .wn4h-place-type-art.type-omani_sweets{
    --wn-type-accent:var(--wn-color-redesign-value-hex-bd6949);
}

.wn4-home-page .wn4h-place-type-art::before{
    content:"" !important;

    position:absolute !important;
    z-index:3 !important;

    inset-inline-start:0 !important;
    bottom:0 !important;

    width:4px !important;
    height:42% !important;

    border-radius:0 6px 6px 0 !important;

    background:
        var(--wn-type-accent,var(--wn-color-redesign-value-hex-d83f91)) !important;

    opacity:.72 !important;

    pointer-events:none !important;
}


/* Mobile */

@media (max-width:767px){

    .wn4-home-page .wn4h-place-type-art{
        border-radius:17px !important;
    }

}

/* WN ACTIVITY TYPE ART V1 END */


/* WN RESTAURANTS COMPACT CATEGORY HERO START */

/*
|--------------------------------------------------------------------------
| نستبدل البطاقة الكبيرة بصريًا ببطاقة قسم المطاعم المعتمدة
|--------------------------------------------------------------------------
*/

.wn4r-page .wn4r-hero{
    padding-block:18px !important;
}

.wn4r-page .wn4r-hero-card{
    width:280px !important;
    max-width:100% !important;

    min-height:0 !important;
    height:215px !important;

    margin-inline-start:auto !important;

    padding:0 !important;

    overflow:hidden !important;

    border:0 !important;
    border-radius:22px !important;

    background:
        url('/images/wain-nakul/categories-v2/restaurants.png')
        center / cover
        no-repeat !important;

    box-shadow:
        0 12px 30px var(--wn-color-redesign-value-rgba-60-31-87-p15) !important;
}


/* نخفي محتوى الهيدر القديم لأن النص موجود داخل البطاقة المصوّرة */

.wn4r-page .wn4r-hero-card .wn4r-hero-copy,
.wn4r-page .wn4r-hero-card .wn4r-hero-icon{
    display:none !important;
}


/* Tablet */

@media (max-width:1100px){

    .wn4r-page .wn4r-hero-card{
        width:260px !important;
        height:200px !important;
    }

}


/* Mobile */

@media (max-width:767px){

    .wn4r-page .wn4r-hero{
        padding-block:12px !important;
    }

    .wn4r-page .wn4r-hero-card{
        width:210px !important;
        height:162px !important;

        margin-inline:auto !important;

        border-radius:18px !important;
    }

}

/* WN RESTAURANTS COMPACT CATEGORY HERO END */

/* WN RESTAURANTS HERO CENTER V2 START */


/* ==========================================================
   البطاقة في الوسط
========================================================== */

.wn4r-page .wn4r-hero{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    padding:
        22px 16px
        12px !important;
}


/* ==========================================================
   بطاقة المطاعم
   نقص الجزء السفلي حتى لا يظهر السهم
========================================================== */

.wn4r-page .wn4r-hero-card{
    width:280px !important;
    height:184px !important;

    min-height:0 !important;

    margin:
        0 auto !important;

    padding:0 !important;

    overflow:hidden !important;

    border:0 !important;
    border-radius:22px !important;

    background-image:
        url('/images/wain-nakul/categories-v2/restaurants.png') !important;

    background-repeat:
        no-repeat !important;

    background-size:
        100% auto !important;

    background-position:
        center top !important;

    box-shadow:
        0 10px 26px var(--wn-color-redesign-value-rgba-60-31-87-p14) !important;
}


/* نخفي عناصر الهيدر القديمة */

.wn4r-page .wn4r-hero-card .wn4r-hero-copy,
.wn4r-page .wn4r-hero-card .wn4r-hero-icon{
    display:none !important;
}


/* ==========================================================
   شريط لا توجد مطاعم
========================================================== */

.wn4r-page .wn4r-location-status{
    width:
        min(430px, calc(100% - 28px)) !important;

    min-height:
        0 !important;

    margin:
        8px auto
        24px !important;

    padding:
        10px 16px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    border-radius:
        16px !important;

    text-align:center !important;

    background:
        var(--wn-color-redesign-value-rgba-255-250-253-p94) !important;

    box-shadow:
        0 7px 18px var(--wn-color-redesign-value-rgba-59-34-83-p08) !important;

    font-size:
        11px !important;
}


/* أيقونة الموقع داخل الشريط */

.wn4r-page .wn4r-location-status-icon{
    flex:
        0 0 auto !important;
}


/* ==========================================================
   Tablet
========================================================== */

@media (max-width:1100px){

    .wn4r-page .wn4r-hero-card{
        width:260px !important;
        height:171px !important;
    }

}


/* ==========================================================
   Mobile
========================================================== */

@media (max-width:767px){

    .wn4r-page .wn4r-hero{
        padding:
            14px 12px
            8px !important;
    }

    .wn4r-page .wn4r-hero-card{
        width:220px !important;
        height:145px !important;

        border-radius:
            18px !important;
    }

    .wn4r-page .wn4r-location-status{
        width:
            min(340px, calc(100% - 24px)) !important;

        margin:
            7px auto
            18px !important;

        padding:
            9px 12px !important;

        border-radius:
            14px !important;

        font-size:
            10px !important;
    }

}

/* WN RESTAURANTS HERO CENTER V2 END */

/* WN RESTAURANTS HERO CROP FINAL START */

/* إظهار اسم المطاعم كاملًا مع إبقاء السهم خارج البطاقة */
.wn4r-page .wn4r-hero-card{
    height:198px !important;
    background-size:100% auto !important;
    background-position:center top !important;
}

/* Mobile */
@media (max-width:767px){
    .wn4r-page .wn4r-hero-card{
        height:156px !important;
    }
}

/* WN RESTAURANTS HERO CROP FINAL END */

/* WN CAFES COMPACT HERO V1 START */


/* البطاقة في المنتصف */

.wn4-cafes-list-page .wn4r-hero{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    padding:
        22px 16px
        12px !important;
}


/* بطاقة المقاهي المعتمدة */

.wn4-cafes-list-page .wn4r-hero-card{
    width:280px !important;
    height:198px !important;

    min-height:0 !important;

    margin:
        0 auto !important;

    padding:0 !important;

    overflow:hidden !important;

    border:0 !important;
    border-radius:22px !important;

    background-image:
        url('/images/wain-nakul/categories-v2/cafes.png') !important;

    background-repeat:no-repeat !important;
    background-size:100% auto !important;
    background-position:center top !important;

    box-shadow:
        0 10px 26px var(--wn-color-redesign-value-rgba-60-31-87-p14) !important;
}


/* النص والأيقونة القديمة لا نحتاجهما */

.wn4-cafes-list-page
.wn4r-hero-card
.wn4r-hero-copy,

.wn4-cafes-list-page
.wn4r-hero-card
.wn4r-hero-icon{
    display:none !important;
}


/* شريط حالة الموقع الصغير أسفل البطاقة */

.wn4-cafes-list-page .wn4r-location-status{
    width:
        min(430px, calc(100% - 28px)) !important;

    min-height:0 !important;

    margin:
        8px auto
        24px !important;

    padding:
        10px 16px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    border-radius:16px !important;

    text-align:center !important;

    background:
        var(--wn-color-redesign-value-rgba-255-250-253-p94) !important;

    box-shadow:
        0 7px 18px var(--wn-color-redesign-value-rgba-59-34-83-p08) !important;

    font-size:11px !important;
}


.wn4-cafes-list-page .wn4r-location-status-icon{
    flex:0 0 auto !important;
}


/* Tablet */

@media (max-width:1100px){

    .wn4-cafes-list-page .wn4r-hero-card{
        width:260px !important;
        height:184px !important;
    }

}


/* Mobile */

@media (max-width:767px){

    .wn4-cafes-list-page .wn4r-hero{
        padding:
            14px 12px
            8px !important;
    }

    .wn4-cafes-list-page .wn4r-hero-card{
        width:220px !important;
        height:156px !important;

        border-radius:18px !important;
    }

    .wn4-cafes-list-page .wn4r-location-status{
        width:
            min(340px, calc(100% - 24px)) !important;

        margin:
            7px auto
            18px !important;

        padding:
            9px 12px !important;

        border-radius:14px !important;

        font-size:10px !important;
    }

}

/* WN CAFES COMPACT HERO V1 END */

/* WN CAFES COMPACT HERO FINAL START */

/* إظهار اسم المقاهي كاملًا مع بقاء السهم مخفيًا */
.wn4-cafes-list-page .wn4r-hero-card{
    width:280px !important;
    height:216px !important;

    background-size:100% auto !important;
    background-position:center top !important;
}


/* تصغير حالة عدم وجود مقاهي */
.wn4-cafes-list-page .wn4r-empty{
    width:min(430px, calc(100% - 28px)) !important;

    min-height:0 !important;

    margin:
        14px auto
        24px !important;

    padding:
        16px 18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:18px !important;

    text-align:center !important;

    background:
        var(--wn-color-redesign-value-rgba-255-250-253-p94) !important;

    box-shadow:
        0 7px 18px var(--wn-color-redesign-value-rgba-59-34-83-p08) !important;
}


/* إزالة أي ارتفاع قديم كبير */
.wn4-cafes-list-page .wn4r-empty p{
    margin:0 !important;
}


/* Tablet */
@media (max-width:1100px){

    .wn4-cafes-list-page .wn4r-hero-card{
        width:260px !important;
        height:201px !important;
    }

}


/* Mobile */
@media (max-width:767px){

    .wn4-cafes-list-page .wn4r-hero-card{
        width:220px !important;
        height:170px !important;
    }

    .wn4-cafes-list-page .wn4r-empty{
        width:min(340px, calc(100% - 24px)) !important;

        margin:
            10px auto
            18px !important;

        padding:
            12px 14px !important;

        border-radius:15px !important;
    }

}

/* WN CAFES COMPACT HERO FINAL END */

/* WN CAFES INTERNAL NO HERO FINAL START */

/*
|--------------------------------------------------------------------------
| داخل صفحة المقاهي:
| لا صورة قسم ولا بطاقة تعريفية
|--------------------------------------------------------------------------
*/

.wn4-cafes-list-page .wn4r-hero{
    display:none !important;
}


/* ==========================================================
   شريط الموقع يصبح أول عنصر بصري بعد زر العودة
========================================================== */

.wn4-cafes-list-page .wn4r-location-status{
    width:min(430px, calc(100% - 28px)) !important;

    min-height:0 !important;

    margin:
        28px auto
        30px !important;

    padding:
        10px 16px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    border-radius:16px !important;

    text-align:center !important;

    background:
        var(--wn-color-redesign-value-rgba-255-250-253-p94) !important;

    box-shadow:
        0 7px 18px var(--wn-color-redesign-value-rgba-59-34-83-p08) !important;

    font-size:11px !important;
}


/* ==========================================================
   جميع المقاهي
========================================================== */

.wn4-cafes-list-page .wn4r-section{
    margin-top:0 !important;
}


/* رسالة عدم وجود أنشطة تبقى صغيرة */

.wn4-cafes-list-page .wn4r-empty{
    width:min(430px, calc(100% - 28px)) !important;

    min-height:0 !important;

    margin:
        14px auto
        24px !important;

    padding:
        14px 18px !important;

    border-radius:16px !important;

    text-align:center !important;

    background:
        var(--wn-color-redesign-value-rgba-255-250-253-p94) !important;

    box-shadow:
        0 7px 18px var(--wn-color-redesign-value-rgba-59-34-83-p08) !important;
}


/* ==========================================================
   Mobile
========================================================== */

@media (max-width:767px){

    .wn4-cafes-list-page .wn4r-location-status{
        width:min(340px, calc(100% - 24px)) !important;

        margin:
            18px auto
            22px !important;

        padding:
            9px 12px !important;

        border-radius:14px !important;

        font-size:10px !important;
    }

    .wn4-cafes-list-page .wn4r-empty{
        width:min(340px, calc(100% - 24px)) !important;

        padding:
            12px 14px !important;

        border-radius:14px !important;
    }

}

/* WN CAFES INTERNAL NO HERO FINAL END */

/* ==========================================================
   WN CATEGORY INNER FINAL — NO CATEGORY IMAGE
   2026-09-17
========================================================== */


/*
|--------------------------------------------------------------------------
| 1. لا صورة ولا بطاقة قسم داخل صفحة القسم
|--------------------------------------------------------------------------
*/

.wn4-category-inner-final .wn4r-hero{
    display:none !important;
}


/*
|--------------------------------------------------------------------------
| 2. رفع المحتوى بعد زر العودة
|--------------------------------------------------------------------------
*/

.wn4-category-inner-final .wn4r-content{
    padding-top:24px !important;
}


/*
|--------------------------------------------------------------------------
| 3. شريط الموقع هو العنصر الأول داخل القسم
|--------------------------------------------------------------------------
*/

.wn4-category-inner-final .wn4r-location-status{
    width:min(430px, calc(100% - 28px)) !important;

    min-height:0 !important;

    margin:
        0 auto
        34px !important;

    padding:
        10px 16px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    border:
        1px solid var(--wn-color-redesign-value-rgba-111-67-122-p07) !important;

    border-radius:16px !important;

    background:
        var(--wn-color-redesign-value-rgba-255-250-253-p94) !important;

    box-shadow:
        0 7px 18px var(--wn-color-redesign-value-rgba-59-34-83-p08) !important;

    color:var(--wn-color-redesign-value-hex-756875) !important;

    text-align:center !important;

    font-size:11px !important;
    line-height:1.6 !important;
}


.wn4-category-inner-final
.wn4r-location-status-icon{
    flex:0 0 auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:var(--wn-color-redesign-value-hex-ed3c91) !important;
}


/*
|--------------------------------------------------------------------------
| 4. قسم "جميع ..."
|--------------------------------------------------------------------------
*/

.wn4-category-inner-final .wn4r-section{
    margin-top:0 !important;
}


.wn4-category-inner-final
.wn4r-section-heading{
    margin-bottom:18px !important;
}


/*
|--------------------------------------------------------------------------
| 5. إخفاء صندوق "لا توجد ... منشورة حاليًا"
|
| لأن شريط الموقع فوقه يقوم بعرض الحالة،
| فلا نريد رسالة فارغة مكررة.
|--------------------------------------------------------------------------
*/

.wn4-category-inner-final .wn4r-empty{
    display:none !important;
}


/*
|--------------------------------------------------------------------------
| 6. لا نلمس بطاقات الأنشطة نفسها
|--------------------------------------------------------------------------
*/

.wn4-category-inner-final .wn4r-card{
    /* intentionally unchanged */
}


/* ==========================================================
   TABLET
========================================================== */

@media (min-width:768px) and (max-width:1100px){

    .wn4-category-inner-final .wn4r-content{
        padding-top:20px !important;
    }

    .wn4-category-inner-final
    .wn4r-location-status{
        width:min(400px, calc(100% - 28px)) !important;

        margin-bottom:28px !important;
    }

}


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

@media (max-width:767px){

    .wn4-category-inner-final .wn4r-content{
        padding-top:14px !important;
    }

    .wn4-category-inner-final
    .wn4r-location-status{
        width:min(340px, calc(100% - 24px)) !important;

        margin:
            0 auto
            22px !important;

        padding:
            9px 12px !important;

        border-radius:14px !important;

        font-size:10px !important;
    }

    .wn4-category-inner-final
    .wn4r-section-heading{
        margin-bottom:14px !important;
    }

}


/* WN CATEGORY INNER FINAL END */


/* =========================================================
   WAIN NAKUL — FOOTER CARDS FINAL SYSTEM
   توحيد بطاقات أسفل الصفحة مع نظام البطاقات المعتمد
========================================================= */

.wn-home-footer{
    background:transparent !important;
    padding:28px 0 22px !important;
}


/* الشبكة */
.wn-home-footer-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;

    gap:16px !important;

    align-items:stretch !important;

    width:100% !important;

    margin:0 !important;
}


/* البطاقة */
.wn-home-footer-card{
    display:flex !important;
    flex-direction:column !important;

    min-width:0 !important;
    min-height:170px !important;
    height:100% !important;

    padding:22px !important;

    border:1px solid var(--wn-color-redesign-value-rgba-105-38-112-p08) !important;
    border-radius:22px !important;

    background:var(--wn-color-surface-glass) !important;

    box-shadow:
        0 10px 30px var(--wn-color-redesign-value-rgba-82-31-91-p07) !important;

    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;

    overflow:hidden !important;
}


/* العنوان */
.wn-home-footer-card-title{
    display:flex !important;
    align-items:center !important;

    gap:var(--wn-space-md) !important;

    margin:0 0 18px !important;

    min-width:0 !important;
}


/* أيقونة العنوان */
.wn-home-footer-card-title > span{
    display:grid !important;
    place-items:center !important;

    flex:0 0 38px !important;

    width:38px !important;
    height:38px !important;

    border-radius:12px !important;

    background:var(--wn-color-site-bg) !important;

    font-size:18px !important;
    line-height:1 !important;
}


/* نص العنوان */
.wn-home-footer-card-title > strong{
    margin:0 !important;

    font-size:17px !important;
    font-weight:800 !important;

    line-height:1.35 !important;

    color:var(--wn-color-redesign-value-hex-491750) !important;
}


/* روابط البطاقة */
.wn-home-footer-links{
    display:flex !important;
    flex-wrap:wrap !important;

    gap:var(--wn-space-sm) !important;

    margin-top:auto !important;

    min-width:0 !important;
}


/* كل رابط = chip بنفس النظام */
.wn-home-footer-links a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:36px !important;

    padding:var(--wn-space-sm) 13px !important;

    border:1px solid var(--wn-color-redesign-value-rgba-105-38-112-p08) !important;
    border-radius:12px !important;

    background:var(--wn-color-surface) !important;

    color:var(--wn-color-redesign-value-hex-5d245f) !important;

    font-size:13px !important;
    font-weight:700 !important;

    line-height:1.2 !important;

    text-decoration:none !important;

    box-shadow:
        0 3px 10px var(--wn-color-redesign-value-rgba-72-28-78-p04) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        background .18s ease !important;
}


/* Hover */
@media (hover:hover){

    .wn-home-footer-links a:hover{
        transform:translateY(-1px) !important;

        border-color:var(--wn-color-redesign-value-rgba-194-24-117-p18) !important;

        background:var(--wn-color-v4-fff8fb) !important;

        box-shadow:
            0 6px 15px var(--wn-color-redesign-value-rgba-92-30-86-p08) !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (min-width:768px) and (max-width:1100px){

    .wn-home-footer-grid{
        gap:var(--wn-space-xl) !important;
    }

    .wn-home-footer-card{
        min-height:160px !important;

        padding:18px !important;

        border-radius:20px !important;
    }

    .wn-home-footer-card-title{
        margin-bottom:15px !important;
    }

}


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

@media (max-width:767px){

    .wn-home-footer{
        padding:20px 0 18px !important;
    }

    .wn-home-footer-grid{
        grid-template-columns:1fr !important;

        gap:var(--wn-space-lg) !important;

        overflow:visible !important;
    }

    .wn-home-footer-card{
        min-height:auto !important;

        padding:16px !important;

        border-radius:18px !important;
    }

    .wn-home-footer-card-title{
        margin-bottom:13px !important;
    }

    .wn-home-footer-card-title > span{
        flex-basis:36px !important;

        width:36px !important;
        height:36px !important;
    }

    .wn-home-footer-card-title > strong{
        font-size:16px !important;
    }

    .wn-home-footer-links{
        gap:7px !important;
    }

    .wn-home-footer-links a{
        min-height:34px !important;

        padding:7px 11px !important;

        font-size:12.5px !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width:390px){

    .wn-home-footer-links a{
        flex:1 1 auto !important;
    }

}


/* =========================================================
   WAIN NAKUL — FOOTER FINAL CLEAN
   إزالة بطاقة الهوية العائمة والإبقاء على 3 بطاقات فقط
========================================================= */

/* إزالة البطاقة الصغيرة:
   وين ناكل؟ — اكتشف مكانك القادم
*/
.wn-home-footer-head{
    display:none !important;
}


/* القسم النهائي */
.wn-home-footer{
    padding:22px 0 24px !important;
}


/* البطاقات الثلاث فقط */
.wn-home-footer-grid{
    width:100% !important;

    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;

    gap:16px !important;

    align-items:stretch !important;
}


/* توحيد البطاقات */
.wn-home-footer-card{
    width:100% !important;
    min-width:0 !important;

    height:100% !important;
    min-height:170px !important;

    margin:0 !important;
}


/* الحقوق أسفل البطاقات */
.wn-home-footer-bottom{
    margin-top:16px !important;

    padding-top:var(--wn-space-xl) !important;

    text-align:center !important;
}


/* =========================
   iPad / Tablet
========================= */

@media (min-width:768px) and (max-width:1100px){

    .wn-home-footer-grid{
        gap:var(--wn-space-xl) !important;
    }

    .wn-home-footer-card{
        min-height:160px !important;
    }

}


/* =========================
   Mobile
========================= */

@media (max-width:767px){

    .wn-home-footer{
        padding:16px 0 20px !important;
    }

    .wn-home-footer-grid{
        grid-template-columns:1fr !important;

        gap:var(--wn-space-lg) !important;
    }

    .wn-home-footer-card{
        min-height:auto !important;
    }

    .wn-home-footer-bottom{
        margin-top:var(--wn-space-lg) !important;
    }

}


/* =========================================================
   WAIN NAKUL — FOOTER FINAL SPACING
========================================================= */

.wn4-home-page .wn-home-footer{
    margin-top:32px !important;
    padding-top:0 !important;
}

.wn4-home-page .wn-home-footer-grid{
    margin-top:0 !important;
}

@media (max-width:767px){

    .wn4-home-page .wn-home-footer{
        margin-top:22px !important;
    }

}

/* =========================================================
   HOME — FINAL GAP BEFORE FOOTER CARDS
========================================================= */

.wn4-home-page .wn-approved-cards-section{
    margin-bottom:24px !important;
    padding-bottom:0 !important;
}

.wn4-home-page .wn-home-footer{
    margin-top:0 !important;
    padding-top:0 !important;
}

@media (max-width:767px){

    .wn4-home-page .wn-approved-cards-section{
        margin-bottom:18px !important;
    }

}


/* WN OMANI SWEETS EMPTY STATE FIX */
.wn4-omani-sweets-page
.wn4-category-inner-final
.wn4r-empty{
    display:block !important;
    grid-column:1 / -1 !important;
    width:min(430px, calc(100% - 28px)) !important;
    margin:14px auto 24px !important;
}
/* WN OMANI SWEETS EMPTY STATE FIX END */

/* WN_WHITE_SHELL_V1_START
   Official white shell for Wain Nakul
---------------------------------------------------------- */

:root {
    --wn-bg-soft: #ffffff;
    --wn-bg-strong: #ffffff;
    --wn-border-soft: #eee8ef;

    --wn-surface: #ffffff;
    --wn-surface-strong: #ffffff;
    --wn-surface-soft: #faf8fa;
}

/* Main application shell */
body.wn4-body.wn-identity-shell,
.wn-identity-shell {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Remove old pink / blue ambient layers */
body.wn4-body.wn-identity-shell::before,
.wn-identity-shell::before {
    background: none !important;
}

/* Main structural areas */
.wn4-header,
.wn4-main,
.wn4-footer,
.wn4-mobile-nav {
    background-color: #ffffff !important;
}

/* Header */
.wn4-header {
    background: #ffffff !important;
    border-bottom: 1px solid #eee8ef !important;
    box-shadow: 0 2px 12px rgba(40, 20, 45, 0.04) !important;
}

/* Footer */
.wn4-footer {
    background: #ffffff !important;
    border-top: 1px solid #eee8ef !important;
}

/* Mobile navigation */
.wn4-mobile-nav {
    background: #ffffff !important;
    border-top: 1px solid #eee8ef !important;
    box-shadow: 0 -3px 14px rgba(40, 20, 45, 0.05) !important;
}

/* Standard cards */
.wn4-main .section-card,
.wn4-main .profile-card,
.wn4-main .community-card,
.wn4-main .offer-card,
.wn4-main .settings-card,
.wn4-main .page-card,
.wn4-main .activity-card,
.wn4-main .account-card {
    background: #ffffff !important;
    border-color: #eee8ef !important;
}

/* Soft secondary surfaces only */
.wn4-main .wn-surface-soft,
.wn4-main [data-wn-surface="soft"] {
    background: #faf8fa !important;
}

/* WN_WHITE_SHELL_V1_END */

/* WN_HOME_FOOTER_WHITE_V1_START
   White structural surfaces for home footer
---------------------------------------------------------- */

.wn4-home-page .wn-home-footer {
    background: #ffffff !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

/* Footer information cards */
.wn4-home-page .wn-home-footer-card {
    background: #ffffff !important;
    border: 1px solid #eee8ef !important;

    box-shadow:
        0 6px 18px rgba(40, 20, 45, 0.045) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Small brand block */
.wn4-home-page .wn-home-footer-brand {
    background: #ffffff !important;
    border-color: #eee8ef !important;

    box-shadow:
        0 4px 14px rgba(40, 20, 45, 0.04) !important;
}

/* Copyright / lower divider */
.wn4-home-page .wn-home-footer-bottom {
    border-top-color: #eee8ef !important;
}

/* WN_HOME_FOOTER_WHITE_V1_END */

/* ==========================================================
   PUBLIC ACTIVITY ORDER META V1
========================================================== */

.wn4r-card .wn4r-service-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin-top:10px;
}

.wn4r-card .wn4r-service-chip{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 8px;
    border:1px solid var(--wn4-line);
    border-radius:999px;
    background:var(--wn-color-surface);
    color:var(--wn4-muted);
    font-size:8px;
    font-weight:800;
    line-height:1.4;
}

.wn4r-card .wn4r-service-chip.is-open,
.wn4r-card .wn4r-service-chip.is-accepting{
    border-color:var(--wn-color-v4-rgba-34-128-86-14);
    background:var(--wn-color-v4-eefaf4);
    color:var(--wn-color-v4-27845a);
}

.wn4r-card .wn4r-service-chip.is-closed,
.wn4r-card .wn4r-service-chip.is-paused{
    background:var(--wn-color-v4-fff1f2);
    color:var(--wn-color-v4-b53c4c);
}

@media (max-width:767px){
    .wn4r-card .wn4r-service-row{
        gap:5px;
        margin-top:8px;
    }

    .wn4r-card .wn4r-service-chip{
        min-height:21px;
        padding:2px 6px;
        font-size:7px;
    }
}

/* ==========================================================
   PUBLIC ACTIVITY FILTERS V1
========================================================== */

.wn4r-filter-section{
    padding-top:18px;
}

.wn4r-filter-panel{
    display:grid;
    gap:14px;
    padding:16px;
    border:1px solid var(--wn4-line);
    border-radius:18px;
    background:var(--wn-color-surface);
}

.wn4r-filter-grid{
    display:grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap:12px;
}

.wn4r-filter-field{
    display:grid;
    gap:7px;
}

.wn4r-filter-field label{
    color:var(--wn-brand-deep);
    font-size:12px;
    font-weight:800;
}

.wn4r-filter-field select{
    width:100%;
    min-height:44px;
    padding:0 12px;
    border:1px solid var(--wn4-line);
    border-radius:12px;
    background:var(--wn-color-surface);
    color:var(--wn-brand-deep);
    font:inherit;
}

.wn4r-filter-toggles{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.wn4r-filter-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:7px 11px;
    border:1px solid var(--wn4-line);
    border-radius:999px;
    cursor:pointer;
    color:var(--wn-brand-deep);
    font-size:11px;
    font-weight:800;
}

.wn4r-filter-toggle input{
    margin:0;
}

.wn4r-filter-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.wn4r-filter-submit,
.wn4r-filter-reset{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 14px;
    border-radius:12px;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
}

.wn4r-filter-submit{
    border:1px solid var(--wn-brand-deep);
    background:var(--wn-brand-deep);
    color:var(--wn-color-surface);
    cursor:pointer;
}

.wn4r-filter-reset{
    border:1px solid var(--wn4-line);
    background:var(--wn-color-surface);
    color:var(--wn-brand-deep);
}

@media (min-width:768px) and (max-width:1050px){
    .wn4r-filter-grid{
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width:767px){
    .wn4r-filter-section{
        padding-top:12px;
    }

    .wn4r-filter-panel{
        gap:12px;
        padding:12px;
        border-radius:15px;
    }

    .wn4r-filter-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .wn4r-filter-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .wn4r-filter-submit,
    .wn4r-filter-reset{
        width:100%;
    }
}

/* ==========================================================
   PUBLIC ACTIVITY DISTANCE V1
========================================================== */

.wn4r-nearest-sort{
    font-family:inherit;
    cursor:pointer;
}

.wn4r-nearest-sort[disabled]{
    cursor:wait;
    opacity:.65;
}

.wn4r-nearest-sort[aria-pressed="true"]{
    border-color:var(--wn-brand-deep);
    background:var(--wn-brand-deep);
    color:var(--wn-color-surface);
}

.wn4r-nearest-status{
    display:block;
    color:var(--wn4-muted);
    font-size:10px;
    font-weight:700;
    line-height:1.7;
}

.wn4r-nearest-status[hidden]{
    display:none;
}