/* =========================================================
   ZAIYRA — COMPACT SINGLE-LINE CATEGORY STRIP
========================================================= */

.ayzim-category-strip{
    width:min(1380px,calc(100% - 28px));
    margin:0 auto !important;
    padding:10px 0 8px !important;
}

.ayzim-category-strip-head{
    margin:0 0 8px !important;
    padding:0 !important;
}

.ayzim-category-strip-head h2{
    margin:0 !important;
    padding:0 !important;

    color:#17120e;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;
    font-weight:400;
    line-height:1;
}


/* SINGLE HORIZONTAL LINE */

.ayzim-category-strip-scroll{
    display:flex;
    align-items:flex-start;

    gap:14px;

    width:100%;

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

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

    scroll-behavior:smooth;
    scroll-snap-type:x proximity;

    scrollbar-width:none;
}

.ayzim-category-strip-scroll::-webkit-scrollbar{
    display:none;
}


/* CATEGORY ITEM */

.ayzim-category-strip-item{
    flex:0 0 88px;

    width:88px;

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

    display:flex;
    flex-direction:column;
    align-items:center;

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

    scroll-snap-align:start;
}


/* ROUND IMAGE */

.ayzim-category-strip-circle{
    width:78px;
    height:78px;

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

    border-radius:50%;

    overflow:hidden;

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

    background:#f5f3ef;

    border:
        1px solid
        rgba(45,35,25,.08);

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.ayzim-category-strip-circle img{
    width:100%;
    height:100%;

    display:block;

    object-fit:contain;
    object-position:center;

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

.ayzim-category-strip-placeholder{
    width:100%;
    height:100%;

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

    color:#9c7a4c;

    background:
        linear-gradient(
            145deg,
            #f2eee7,
            #e8e0d5
        );

    font-family:Georgia,serif;

    font-size:18px;
    letter-spacing:1px;
}


/* NAME */

.ayzim-category-strip-item span{
    display:block;

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

    max-width:88px;

    color:#2a241e;

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

    line-height:1.05;
}


/* HOVER */

.ayzim-category-strip-item:hover
.ayzim-category-strip-circle{
    transform:translateY(-2px);

    border-color:
        rgba(176,130,67,.38);

    box-shadow:
        0 7px 18px
        rgba(40,28,16,.08);
}


/* MOBILE */

@media(max-width:650px){

    .ayzim-category-strip{
        width:100%;

        margin:0 !important;

        padding:
            6px 0 5px !important;
    }

    .ayzim-category-strip-head{
        margin:
            0 0 6px !important;

        padding:
            0 10px !important;
    }

    .ayzim-category-strip-head h2{
        font-size:21px;
    }

    .ayzim-category-strip-scroll{
        gap:9px;

        padding:
            0 10px 1px !important;
    }

    .ayzim-category-strip-item{
        flex:0 0 68px;
        width:68px;
    }

    .ayzim-category-strip-circle{
        width:60px;
        height:60px;
    }

    .ayzim-category-strip-item span{
        max-width:68px;

        margin-top:4px !important;

        font-size:7.5px;
    }

}


/* REMOVE EXTRA SPACE BETWEEN NEIGHBOUR SECTIONS */

.promo-section{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.ayzim-category-strip + .products-section{
    margin-top:0 !important;
}


/* =========================================================
   ZAIYRA — CATEGORY GAP FIX + PREMIUM ANIMATIONS
========================================================= */

/* REMOVE EXTRA SPACE BELOW CATEGORY STRIP */
.ayzim-category-strip{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.ayzim-category-strip-scroll{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.ayzim-category-strip-item{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.ayzim-category-strip + .products-section{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* TIGHTER TEXT SPACING */
.ayzim-category-strip-item span{
    margin-bottom:0 !important;
}

/* ENTRY ANIMATION */
@keyframes ayzimCategoryEnter{
    from{
        opacity:0;
        transform:translateY(12px) scale(.96);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

.ayzim-category-strip-item{
    opacity:0;
    animation:
        ayzimCategoryEnter
        .5s
        ease
        forwards;
}

.ayzim-category-strip-item:nth-child(1){animation-delay:.03s;}
.ayzim-category-strip-item:nth-child(2){animation-delay:.06s;}
.ayzim-category-strip-item:nth-child(3){animation-delay:.09s;}
.ayzim-category-strip-item:nth-child(4){animation-delay:.12s;}
.ayzim-category-strip-item:nth-child(5){animation-delay:.15s;}
.ayzim-category-strip-item:nth-child(6){animation-delay:.18s;}
.ayzim-category-strip-item:nth-child(7){animation-delay:.21s;}
.ayzim-category-strip-item:nth-child(8){animation-delay:.24s;}
.ayzim-category-strip-item:nth-child(9){animation-delay:.27s;}
.ayzim-category-strip-item:nth-child(10){animation-delay:.30s;}

/* PREMIUM HOVER */
.ayzim-category-strip-circle{
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.ayzim-category-strip-circle img{
    transition:
        transform .38s
        cubic-bezier(.2,.7,.25,1),
        filter .28s ease;
}

.ayzim-category-strip-item:hover
.ayzim-category-strip-circle{
    transform:
        translateY(-4px)
        scale(1.03);

    border-color:
        rgba(180,135,70,.42);

    box-shadow:
        0 10px 24px
        rgba(45,30,15,.12);
}

.ayzim-category-strip-item:hover
.ayzim-category-strip-circle img{
    transform:scale(1.06);
}

.ayzim-category-strip-item span{
    transition:
        color .22s ease,
        transform .22s ease;
}

.ayzim-category-strip-item:hover span{
    color:#9a6f35;
    transform:translateY(-1px);
}

/* SMOOTH HORIZONTAL SCROLL */
.ayzim-category-strip-scroll{
    scroll-behavior:smooth;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
}

/* MOBILE */
@media(max-width:650px){

    .ayzim-category-strip{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

    .ayzim-category-strip-scroll{
        padding-bottom:0 !important;
        margin-bottom:0 !important;
    }

    .ayzim-category-strip + .products-section{
        margin-top:0 !important;
        padding-top:0 !important;
    }

    .ayzim-category-strip-item:hover
    .ayzim-category-strip-circle{
        transform:none;
    }
}

/* ACCESSIBILITY */
@media(prefers-reduced-motion:reduce){

    .ayzim-category-strip-item,
    .ayzim-category-strip-circle,
    .ayzim-category-strip-circle img,
    .ayzim-category-strip-item span{
        animation:none !important;
        transition:none !important;
    }
}


/* =========================================================
   ZAIYRA — EXACT GAP FIX + CLEAN PREMIUM CATEGORY ANIMATION
========================================================= */

/* REAL GAP SOURCE: BEST SELLERS TOP PADDING */
#bestSellers{
    padding-top:12px !important;
    margin-top:0 !important;
}

/* CATEGORY STRIP TIGHT */
#categories.ayzim-category-strip{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:8px !important;
    padding-bottom:4px !important;
}

.ayzim-category-strip-scroll{
    margin:0 !important;
    padding-bottom:0 !important;
}

.ayzim-category-strip-item{
    margin:0 !important;
    padding:0 !important;

    /* REMOVE WEIRD ENTRY ANIMATION */
    opacity:1 !important;
    animation:none !important;
    transform:none;
}

/* CLEAN PREMIUM MOTION */
.ayzim-category-strip-circle{
    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease !important;
}

.ayzim-category-strip-circle img{
    transition:
        transform .32s cubic-bezier(.2,.7,.25,1) !important;
}

.ayzim-category-strip-item span{
    transition:
        color .20s ease !important;
}

@media(hover:hover){

    .ayzim-category-strip-item:hover
    .ayzim-category-strip-circle{
        transform:translateY(-2px) scale(1.025) !important;

        border-color:
            rgba(175,128,62,.42) !important;

        box-shadow:
            0 8px 20px
            rgba(45,30,15,.10) !important;
    }

    .ayzim-category-strip-item:hover
    .ayzim-category-strip-circle img{
        transform:scale(1.045) !important;
    }

    .ayzim-category-strip-item:hover span{
        color:#986b32 !important;
        transform:none !important;
    }
}

/* MOBILE EXACT OVERRIDE */
@media(max-width:650px){

    #categories.ayzim-category-strip{
        padding-top:5px !important;
        padding-bottom:2px !important;
        margin:0 !important;
    }

    #bestSellers{
        padding-top:8px !important;
        margin-top:0 !important;
    }

    .ayzim-category-strip-item{
        animation:none !important;
        opacity:1 !important;
        transform:none !important;
    }

}


/* =========================================================
   ZAIYRA — PREMIUM CATEGORY STRIP
========================================================= */

#categories.ayzim-category-strip{
    position: relative;
    margin: 0 !important;
    padding: 14px 0 10px !important;
    background: transparent !important;
}

#categories .section-header,
#categories .section-kicker{
    display:none !important;
}

/* OUTER PREMIUM STRIP */
.ayzim-category-strip-shell{
    width:min(1320px, calc(100% - 28px));
    margin:0 auto;
    padding:18px 18px 14px;
    border-radius:28px;
    background:
        linear-gradient(180deg, #f7f2ea 0%, #f3ede4 100%);
    border:1px solid rgba(166,125,63,.14);
    box-shadow:
        0 10px 26px rgba(38,28,16,.05),
        inset 0 1px 0 rgba(255,255,255,.55);
    overflow:hidden;
}

/* SMALL PREMIUM TITLE */
.ayzim-category-strip-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 12px 0;
}

.ayzim-category-strip-title h2{
    margin:0 !important;
    font-size:15px !important;
    letter-spacing:.24em;
    text-transform:uppercase;
    font-weight:700;
    color:#9b6d37;
    font-family:inherit !important;
}

.ayzim-category-strip-title::after{
    content:"";
    flex:1;
    height:1px;
    background:linear-gradient(
        90deg,
        rgba(166,125,63,.22),
        rgba(166,125,63,.04)
    );
    border-radius:999px;
}

/* SCROLLER */
.ayzim-category-strip-scroll{
    display:flex !important;
    align-items:flex-start;
    gap:16px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 2px 6px !important;
    margin:0 !important;
    scroll-behavior:smooth;
    scrollbar-width:none;
    justify-content:flex-start;
}

.ayzim-category-strip-scroll::-webkit-scrollbar{
    display:none;
}

/* IF FEW ITEMS LOOK GOOD */
.ayzim-category-strip-scroll[data-count="1"],
.ayzim-category-strip-scroll[data-count="2"],
.ayzim-category-strip-scroll[data-count="3"]{
    justify-content:center;
}

/* ITEM */
.ayzim-category-strip-item{
    flex:0 0 auto;
    width:92px;
    text-decoration:none !important;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    animation:none !important;
    transform:none !important;
}

/* ICON CIRCLE */
.ayzim-category-strip-circle{
    width:82px;
    height:82px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 30% 30%, #fff9f1 0%, #efe6da 100%);
    border:1px solid rgba(166,125,63,.16);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.7),
        0 6px 18px rgba(33,23,13,.05);
    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease;
}

.ayzim-category-strip-circle img{
    width:100%;
    height:100%;
    object-fit:contain !important;
    object-position:center !important;
    display:block;
    transition:transform .28s ease;
}

/* TEXT */
.ayzim-category-strip-item span{
    display:block;
    max-width:92px;
    text-align:center;
    line-height:1.15;
    font-size:12px;
    font-weight:600;
    color:#2d241c;
    transition:color .22s ease;
}

/* HOVER */
@media(hover:hover){
    .ayzim-category-strip-item:hover .ayzim-category-strip-circle{
        transform:translateY(-3px);
        border-color:rgba(166,125,63,.34);
        box-shadow:
            0 10px 24px rgba(33,23,13,.09),
            inset 0 1px 0 rgba(255,255,255,.7);
    }

    .ayzim-category-strip-item:hover .ayzim-category-strip-circle img{
        transform:scale(1.05);
    }

    .ayzim-category-strip-item:hover span{
        color:#a06a2c;
    }
}

/* REMOVE SPACE BEFORE BEST SELLERS */
#bestSellers{
    margin-top:0 !important;
    padding-top:12px !important;
}

/* MOBILE */
@media(max-width:768px){

    #categories.ayzim-category-strip{
        padding:10px 0 6px !important;
    }

    .ayzim-category-strip-shell{
        width:calc(100% - 16px);
        padding:14px 10px 10px;
        border-radius:20px;
    }

    .ayzim-category-strip-title{
        margin-bottom:10px;
    }

    .ayzim-category-strip-title h2{
        font-size:12px !important;
        letter-spacing:.18em;
    }

    .ayzim-category-strip-scroll{
        gap:12px;
        padding-bottom:4px !important;
    }

    .ayzim-category-strip-item{
        width:74px;
        gap:7px;
    }

    .ayzim-category-strip-circle{
        width:66px;
        height:66px;
    }

    .ayzim-category-strip-item span{
        max-width:74px;
        font-size:11px;
    }

    #bestSellers{
        padding-top:8px !important;
    }
}


/* =========================================================
   ZAIYRA — FINAL PREMIUM SHOP-BY-CATEGORY STRIP
========================================================= */

#categories.ayzim-category-strip{
    width:min(1535px,calc(100% - 36px)) !important;
    margin:14px auto 0 !important;
    padding:0 !important;

    background:
        linear-gradient(
            180deg,
            #fbf8f3 0%,
            #f6f0e8 100%
        ) !important;

    border:
        1px solid
        rgba(133,95,48,.11) !important;

    border-radius:18px !important;

    box-shadow:
        0 12px 34px
        rgba(54,39,22,.045) !important;

    overflow:hidden !important;
}


/* HEADING */

.ayzim-category-strip-head{
    margin:0 !important;
    padding:15px 20px 8px !important;

    display:flex !important;
    align-items:center !important;
    gap:14px !important;
}

.ayzim-category-strip-head::after{
    content:"";

    height:1px;
    flex:1;

    background:
        linear-gradient(
            90deg,
            rgba(166,119,59,.20),
            transparent
        );
}

.ayzim-category-strip-head h2{
    margin:0 !important;
    padding:0 !important;

    color:#9b713b !important;

    font-family:
        "Helvetica Neue",
        Arial,
        sans-serif !important;

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

    line-height:1 !important;

    letter-spacing:2.6px !important;
    text-transform:uppercase !important;

    white-space:nowrap;
}


/* HORIZONTAL ROW */

.ayzim-category-strip-scroll{
    display:flex !important;

    align-items:flex-start !important;

    gap:15px !important;

    width:100% !important;

    margin:0 !important;

    padding:
        4px 20px 15px !important;

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

    scroll-behavior:smooth !important;
    scroll-snap-type:x proximity !important;

    scrollbar-width:none !important;
}

.ayzim-category-strip-scroll::-webkit-scrollbar{
    display:none !important;
}


/* WHEN ONLY A FEW CATEGORIES EXIST */

.ayzim-category-strip-scroll:has(
    .ayzim-category-strip-item:only-child
){
    justify-content:center !important;
}

.ayzim-category-strip-scroll:has(
    .ayzim-category-strip-item:nth-child(2):last-child
),
.ayzim-category-strip-scroll:has(
    .ayzim-category-strip-item:nth-child(3):last-child
){
    justify-content:center !important;
}


/* ITEM */

.ayzim-category-strip-item{
    flex:0 0 88px !important;

    width:88px !important;

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

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

    gap:6px !important;

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

    opacity:1 !important;

    animation:none !important;

    transform:none !important;

    scroll-snap-align:start !important;
}


/* ROUND IMAGE */

.ayzim-category-strip-circle{
    position:relative !important;

    width:76px !important;
    height:76px !important;

    margin:0 !important;

    border-radius:50% !important;

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

    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 35% 28%,
            #fffdf9 0%,
            #f2eadf 100%
        ) !important;

    border:
        1px solid
        rgba(165,120,62,.15) !important;

    box-shadow:
        0 5px 15px
        rgba(47,31,16,.055),
        inset 0 1px 0
        rgba(255,255,255,.7) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease !important;
}


.ayzim-category-strip-circle::after{
    content:"";

    position:absolute;

    inset:4px;

    border-radius:50%;

    border:
        1px solid
        rgba(255,255,255,.50);

    pointer-events:none;
}


/* IMAGE — FULL IMAGE, NO CROP */

.ayzim-category-strip-circle img{
    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:contain !important;
    object-position:center !important;

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

    transition:
        transform .28s ease !important;
}


/* FALLBACK */

.ayzim-category-strip-placeholder{
    width:100% !important;
    height:100% !important;

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

    background:
        linear-gradient(
            145deg,
            #f7f0e6,
            #eadfce
        ) !important;

    color:#a8783e !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:17px !important;

    letter-spacing:1px !important;
}


/* NAME */

.ayzim-category-strip-item > span{
    max-width:88px !important;

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

    color:#30271f !important;

    font-family:
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size:9px !important;
    font-weight:700 !important;

    line-height:1.15 !important;

    transition:
        color .2s ease !important;
}


/* PREMIUM DESKTOP HOVER */

@media(hover:hover){

    .ayzim-category-strip-item:hover
    .ayzim-category-strip-circle{

        transform:
            translateY(-3px)
            scale(1.02) !important;

        border-color:
            rgba(170,122,57,.34) !important;

        box-shadow:
            0 10px 24px
            rgba(47,31,16,.10),
            inset 0 1px 0
            rgba(255,255,255,.75) !important;
    }

    .ayzim-category-strip-item:hover
    .ayzim-category-strip-circle img{

        transform:
            scale(1.04) !important;
    }

    .ayzim-category-strip-item:hover > span{

        color:#a16f32 !important;
    }

}


/* BEST SELLERS DIRECTLY BELOW */

#categories.ayzim-category-strip
+ #bestSellers,
#categories.ayzim-category-strip
+ .products-section{

    margin-top:0 !important;

    padding-top:
        24px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){

    #categories.ayzim-category-strip{

        width:calc(100% - 14px) !important;

        margin:
            8px auto 0 !important;

        border-radius:
            14px !important;
    }


    .ayzim-category-strip-head{

        padding:
            11px 11px 7px !important;
    }


    .ayzim-category-strip-head h2{

        font-size:
            7px !important;

        letter-spacing:
            2px !important;
    }


    .ayzim-category-strip-scroll{

        gap:
            9px !important;

        padding:
            2px 11px 10px !important;

        justify-content:flex-start !important;
    }


    .ayzim-category-strip-scroll:has(
        .ayzim-category-strip-item:only-child
    ),
    .ayzim-category-strip-scroll:has(
        .ayzim-category-strip-item:nth-child(2):last-child
    ),
    .ayzim-category-strip-scroll:has(
        .ayzim-category-strip-item:nth-child(3):last-child
    ){
        justify-content:center !important;
    }


    .ayzim-category-strip-item{

        flex:
            0 0 66px !important;

        width:
            66px !important;

        gap:
            4px !important;
    }


    .ayzim-category-strip-circle{

        width:
            58px !important;

        height:
            58px !important;
    }


    .ayzim-category-strip-item > span{

        max-width:
            66px !important;

        font-size:
            7.5px !important;
    }


    #categories.ayzim-category-strip
    + #bestSellers,
    #categories.ayzim-category-strip
    + .products-section{

        padding-top:
            15px !important;
    }

}