/* MRC_HOME_NEW_ARRIVALS_UI_PHASE21_V1
   Premium New Arrivals heading + controls.
   Keeps Phase 18/18.1 carousel behaviour unchanged.
*/

.mrc-new-arrivals-premium{
    position:relative;
    padding-top:58px;
    padding-bottom:42px;
}

/* The global V16 .section-title forces direct div children into columns.
   This component intentionally overrides that only for New Arrivals. */
.mrc-new-arrivals-head.section-title{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;
    align-items:end!important;
    justify-content:stretch!important;
    gap:24px!important;
    margin-bottom:26px!important;
    padding:0 4px 22px;
    text-align:initial!important;
    border-bottom:1px solid rgba(88,35,104,.10);
}

.mrc-new-arrivals-head.section-title>.mrc-new-arrivals-heading{
    grid-column:2;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:0!important;
    min-width:min(420px,44vw);
}

.mrc-new-arrivals-head .mrc-new-arrivals-heading .ornament-line{
    position:relative;
    display:block;
    width:58px;
    height:8px;
    margin:0 auto 9px;
    background:none!important;
    clip-path:none!important;
}
.mrc-new-arrivals-head .mrc-new-arrivals-heading .ornament-line::before{
    content:''!important;
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background:linear-gradient(90deg,transparent,#c99b36 26%,#c99b36 74%,transparent);
    transform:translateY(-50%);
}
.mrc-new-arrivals-head .mrc-new-arrivals-heading .ornament-line::after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:7px;
    height:7px;
    border:1px solid #c99b36;
    background:#fbf8fd;
    transform:translate(-50%,-50%) rotate(45deg);
}
.mrc-new-arrivals-head .mrc-new-arrivals-heading p{
    margin:0 0 7px;
    color:#8f6b95;
    font-size:11px;
    font-weight:800;
    letter-spacing:.22em;
    line-height:1.3;
    text-transform:uppercase;
}
.mrc-new-arrivals-head .mrc-new-arrivals-heading h2{
    margin:0;
    color:#471154;
    font:600 clamp(40px,3.1vw,54px)/1.03 var(--serif);
    letter-spacing:-.025em;
}

.mrc-new-arrivals-head.section-title>.mrc-new-arrivals-actions{
    grid-column:3;
    justify-self:end;
    align-self:center;
    display:flex!important;
    width:auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    margin:0!important;
    text-align:left!important;
}
.mrc-new-arrivals-nav{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:8px;
    padding:4px;
    border:1px solid rgba(93,26,114,.11);
    border-radius:999px;
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 24px rgba(74,28,88,.05);
}
.mrc-new-arrivals-head .mrc-loop-nav{
    display:grid!important;
    width:38px;
    height:38px;
    flex:0 0 38px;
    place-items:center;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#5d1a72;
    box-shadow:none;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.mrc-new-arrivals-head .mrc-loop-nav:hover{
    transform:none;
    background:#5d1a72;
    color:#fff;
}
.mrc-new-arrivals-head .mrc-loop-nav:focus-visible,
.mrc-new-arrivals-view-all:focus-visible{
    outline:3px solid rgba(93,26,114,.18);
    outline-offset:2px;
}
.mrc-new-arrivals-head .mrc-new-arrivals-view-all{
    position:static!important;
    display:inline-flex;
    min-height:46px;
    margin:0!important;
    padding:0 18px;
    align-items:center;
    justify-content:center;
    border:1px solid #5d1a72;
    border-radius:999px;
    background:#5d1a72;
    color:#fff!important;
    font-size:12px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
    box-shadow:0 10px 24px rgba(93,26,114,.13);
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.mrc-new-arrivals-head .mrc-new-arrivals-view-all:hover{
    transform:translateY(-1px);
    background:#49115a;
    box-shadow:0 13px 28px rgba(93,26,114,.18);
}

/* Soft edge treatment makes an auto-scrolling, partially visible card look intentional. */
.mrc-new-arrivals-viewport{
    position:relative;
    margin:0 -2px;
    padding:0 2px;
    overflow:hidden;
}
.mrc-new-arrivals-viewport::before,
.mrc-new-arrivals-viewport::after{
    content:'';
    position:absolute;
    z-index:4;
    top:0;
    bottom:10px;
    width:24px;
    pointer-events:none;
}
.mrc-new-arrivals-viewport::before{
    left:0;
    background:linear-gradient(90deg,#fbf8fd 0,rgba(251,248,253,.78) 35%,rgba(251,248,253,0) 100%);
}
.mrc-new-arrivals-viewport::after{
    right:0;
    background:linear-gradient(270deg,#fbf8fd 0,rgba(251,248,253,.78) 35%,rgba(251,248,253,0) 100%);
}

.home-new-arrivals-listing.mrc-loop-track{
    padding:6px 3px 16px!important;
    scroll-padding-inline:3px;
}
.home-new-arrivals-listing.mrc-loop-track>.listing-product-card{
    min-width:0!important;
    max-width:none!important;
    border-radius:22px;
    box-shadow:0 10px 28px rgba(76,38,92,.055);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.home-new-arrivals-listing.mrc-loop-track>.listing-product-card:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(76,38,92,.09);
}

/* Four clean cards on wide desktop, then progressively responsive. */
@media (min-width:1280px){
    .home-new-arrivals-listing.mrc-loop-track>.listing-product-card{
        flex:0 0 calc((100% - 66px)/4)!important;
    }
}
@media (min-width:901px) and (max-width:1279px){
    .mrc-new-arrivals-head.section-title{
        grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)!important;
    }
    .home-new-arrivals-listing.mrc-loop-track>.listing-product-card{
        flex:0 0 calc((100% - 44px)/3)!important;
    }
    .mrc-new-arrivals-head .mrc-new-arrivals-view-all{
        padding-inline:15px;
    }
}
@media (max-width:900px){
    .mrc-new-arrivals-premium{
        padding-top:48px;
    }
    .mrc-new-arrivals-head.section-title{
        grid-template-columns:1fr!important;
        align-items:center!important;
        gap:18px!important;
        padding-bottom:20px;
    }
    .mrc-new-arrivals-head.section-title>.mrc-new-arrivals-heading{
        grid-column:1;
        min-width:0;
        width:100%;
    }
    .mrc-new-arrivals-head.section-title>.mrc-new-arrivals-actions{
        grid-column:1;
        justify-self:center;
        justify-content:center!important;
        flex-wrap:wrap;
    }
    .home-new-arrivals-listing.mrc-loop-track>.listing-product-card{
        flex:0 0 calc((100% - 22px)/2)!important;
    }
}
@media (max-width:680px){
    .mrc-new-arrivals-premium{
        padding-top:40px;
        padding-bottom:30px;
    }
    .mrc-new-arrivals-head.section-title{
        margin-bottom:18px!important;
        padding-inline:0;
    }
    .mrc-new-arrivals-head .mrc-new-arrivals-heading h2{
        font-size:36px;
    }
    .mrc-new-arrivals-head.section-title>.mrc-new-arrivals-actions{
        width:100%!important;
        gap:9px!important;
    }
    .mrc-new-arrivals-head .mrc-new-arrivals-view-all{
        min-height:42px;
        padding:0 14px;
        font-size:11px;
    }
    .mrc-new-arrivals-nav{
        padding:3px;
    }
    .mrc-new-arrivals-head .mrc-loop-nav{
        width:35px;
        height:35px;
        flex-basis:35px;
    }
    .mrc-new-arrivals-viewport::before,
    .mrc-new-arrivals-viewport::after{
        width:14px;
    }
    .home-new-arrivals-listing.mrc-loop-track{
        gap:16px!important;
    }
    .home-new-arrivals-listing.mrc-loop-track>.listing-product-card{
        flex:0 0 min(82vw,310px)!important;
        min-width:min(82vw,310px)!important;
    }
}

@media (prefers-reduced-motion:reduce){
    .home-new-arrivals-listing.mrc-loop-track>.listing-product-card,
    .mrc-new-arrivals-head .mrc-loop-nav,
    .mrc-new-arrivals-view-all{
        transition:none!important;
    }
}