.elementor-23385 .elementor-element.elementor-element-2db0459 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-23385 .elementor-element.elementor-element-2db0459 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23385 .elementor-element.elementor-element-2db0459{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:25px 25px 25px 25px;}.elementor-bc-flex-widget .elementor-23385 .elementor-element.elementor-element-5ef0bae7.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-23385 .elementor-element.elementor-element-5ef0bae7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-23385 .elementor-element.elementor-element-5ef0bae7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-23385 .elementor-element.elementor-element-5ef0bae7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23385 .elementor-element.elementor-element-5ef0bae7 .elementor-element-populated a{color:#FFFFFF;}.elementor-23385 .elementor-element.elementor-element-5ef0bae7 .elementor-element-populated a:hover{color:#888888;}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-list-item-wrapper{padding-left:7px;padding-right:7px;}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-grid{margin-bottom:calc(2 * 7px );}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .categories-grid{margin-left:-7px;margin-right:-7px;}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-grid[data-hover="zoom-in"]:hover .category-bg,
					.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-grid[data-hover="zoom-in"]:hover img,
                    .elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-grid[data-hover="zoom-out"]:not(:hover) .category-bg,
                    .elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-grid[data-hover="zoom-out"]:not(:hover) img,
                    .elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-grid[data-hover="border-in"]:not(:hover) .category-bg,
                    .elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-grid[data-hover="border-in"]:not(:hover) img{transform:scale(1.2);}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-grid img{transition-duration:0.3s;}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-list-item > ul > li > a, .elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-list-item ul li:not(:last-child){margin-bottom:15px;}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-list-item ul li ul{margin-top:15px;}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-list-item .limit-link.button{margin-top:calc( 10px + 15px);}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .limit-enable .limit-link:not(:last-child){margin-bottom:calc( 10px + 15px);}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-list-item > ul > li > a{font-family:"Monda", Sans-serif;text-transform:capitalize;}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-list-item ul li ul a{font-family:"Monda", Sans-serif;}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-list-item .limit-link.button, .elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-list-item .read-more{font-family:"Monda", Sans-serif;text-transform:capitalize;color:#FFFFFF;}.elementor-23385 .elementor-element.elementor-element-ee5aee2 .category-list-item .read-more:before{background-color:#FFFFFF;}.elementor-23385 .elementor-element.elementor-element-1dcc8609 .elementor-button{background-color:#E1E1E100;font-family:"Monda", Sans-serif;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;--fill-color:#BE202E;border-radius:0px 0px 0px 0px;padding:0px 0px 5px 0px;}.elementor-23385 .elementor-element.elementor-element-1dcc8609 .elementor-button:hover, .elementor-23385 .elementor-element.elementor-element-1dcc8609 .elementor-button:hover:focus{color:#888888;}.elementor-23385 .elementor-element.elementor-element-1dcc8609 .elementor-button:hover svg, .elementor-23385 .elementor-element.elementor-element-1dcc8609 .elementor-button:hover:focus svg{fill:#888888;}.elementor-23385 .elementor-element.elementor-element-504594f6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-23385 .elementor-element.elementor-element-504594f6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://store.youngsigncompany.com/wp-content/uploads/2025/04/fabric-background-1.png");background-position:center center;background-size:cover;}.elementor-23385 .elementor-element.elementor-element-504594f6 > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0;}.elementor-bc-flex-widget .elementor-23385 .elementor-element.elementor-element-504594f6.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-23385 .elementor-element.elementor-element-504594f6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-23385 .elementor-element.elementor-element-504594f6 > .elementor-element-populated, .elementor-23385 .elementor-element.elementor-element-504594f6 > .elementor-element-populated > .elementor-background-overlay, .elementor-23385 .elementor-element.elementor-element-504594f6 > .elementor-background-slideshow{border-radius:6px 6px 6px 6px;}.elementor-23385 .elementor-element.elementor-element-504594f6 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-23385 .elementor-element.elementor-element-504594f6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23385 .elementor-element.elementor-element-6b352502{--spacer-size:35px;}.elementor-23385 .elementor-element.elementor-element-36d979cf .etheme-advanced-headline{background-color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:600;}.elementor-23385 .elementor-element.elementor-element-36d979cf .etheme-advanced-headline::selection{-webkit-text-fill-color:#FFFFFF;}.elementor-23385 .elementor-element.elementor-element-36d979cf .etheme-a-h-text-before{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:200;color:#FFFFFF;}.elementor-23385 .elementor-element.elementor-element-36d979cf .etheme-a-h-text-after{color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:300;}.elementor-23385 .elementor-element.elementor-element-7d447254{--spacer-size:35px;}.elementor-23385 .elementor-element.elementor-element-78bd507a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-23385 .elementor-element.elementor-element-78bd507a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23385 .elementor-element.elementor-element-34874687{border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;}.elementor-23385 .elementor-element.elementor-element-34874687, .elementor-23385 .elementor-element.elementor-element-34874687 > .elementor-background-overlay{border-radius:6px 6px 6px 6px;}.elementor-23385 .elementor-element.elementor-element-3f08735:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-23385 .elementor-element.elementor-element-3f08735 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23385 .elementor-element.elementor-element-3f08735 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-23385 .elementor-element.elementor-element-3f08735 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23385 .elementor-element.elementor-element-7de84be4{--slides-per-view:1;}.elementor-23385 .elementor-element.elementor-element-7de84be4 .etheme-product-grid-categories{font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;color:#787878;}.elementor-23385 .elementor-element.elementor-element-7de84be4 .etheme-product-grid-categories a{color:#787878;}.elementor-23385 .elementor-element.elementor-element-7de84be4 .etheme-product-grid-title{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-23385 .elementor-element.elementor-element-7de84be4 .price{font-family:"DM Sans", Sans-serif;font-size:17px;font-weight:400;color:#000000;}@media(max-width:1024px){.elementor-23385 .elementor-element.elementor-element-36d979cf .etheme-advanced-headline{font-size:36px;}.elementor-23385 .elementor-element.elementor-element-36d979cf .etheme-a-h-text-before{font-size:36px;}}@media(min-width:768px){.elementor-23385 .elementor-element.elementor-element-5ef0bae7{width:18.497%;}.elementor-23385 .elementor-element.elementor-element-504594f6{width:56.503%;}}@media(max-width:767px){.elementor-23385 .elementor-element.elementor-element-504594f6 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.3;}.elementor-23385 .elementor-element.elementor-element-504594f6 > .elementor-element-populated{margin:20px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for etheme_categories_lists, class: .elementor-element-ee5aee2 *//* ----------------------------------------------------------
   GLOBAL RULES — apply everywhere (desktop + mobile)
   ---------------------------------------------------------- */

/* Only affect THIS categories widget (the one with class ysc-cat-list) */

/* Make the inner grid behave like a simple single-column stack */
.ysc-cat-list .categories-lists-grid .categories-grid.row {
    display: block !important;
}

/* Force each category item wrapper to full width */
.ysc-cat-list .categories-lists-grid .category-list-item-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    clear: both !important;
}

/* Just in case XStore sets width via the parent "columns-2" class */
.ysc-cat-list .categories-lists-grid.categories-columns-2 .category-list-item-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* Inner item block */
.ysc-cat-list .categories-lists-grid .category-list-item {
    width: 100% !important;
}

/* Base style for parent category label */
.ysc-cat-list .category-list-item > ul > li > .category-name {
    position: relative;
    line-height: inherit;        /* keep same line-height as non-parent categories */
}

/* Submenu links: match main category appearance */
.ysc-cat-list .category-list-item > ul > li > ul a.category-name {
    display: block;
    font-size: inherit;          /* same size as main categories */
    font-weight: inherit;
    text-transform: inherit;
    opacity: 1;
    color: #ffffff;              /* white text on blue background */
    text-decoration: none;
}

.ysc-cat-list .category-list-item > ul > li > ul a.category-name:hover {
    text-decoration: underline;
}

/* Hide product counts in subcategories */
.ysc-cat-list .category-list-item > ul > li > ul .count {
    display: none !important;
}

/* Ensure the whole widget can sit above other stuff if needed */
.ysc-cat-list {
    position: relative;
    z-index: 50;
}

/* Fix row height ONLY in the Products (ysc-cat-list) menu */

/* Remove the global 15px margin from top-level rows in this widget */
.ysc-cat-list .category-list-item > ul > li > a {
    margin-bottom: 0 !important;
}

.ysc-cat-list .category-list-item > ul > li {
    margin-bottom: 0 !important;
}

/* Re-add spacing between submenu items only */
.ysc-cat-list .category-list-item > ul > li > ul > li:not(:last-child) {
    margin-bottom: 15px !important;   /* or 10px if you want it a bit tighter */
}

/* Subcategory (submenu) items font */
.elementor-23385 .elementor-element.elementor-element-ee5aee2 
.category-list-item > ul > li > ul > li > a {
    font-family: "Monda", Sans-serif;
    text-transform: capitalize;
}

/* ----------------------------------------------------------
   DESKTOP: fly-out submenus (screen width >= 1025px)
   ---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

    /* Make each top-level <li> a positioning context for its submenu */
    .ysc-cat-list .category-list-item > ul > li {
        position: relative;
    }

    /* FLY-OUT PANEL: hidden by default, pops to the RIGHT */
    .ysc-cat-list .category-list-item > ul > li > ul {
        display: none !important;
        position: absolute;

        /* Nudge slightly up so top aligns visually with parent line */
        top: -2.325em;           /* your tuned value */
        left: 100%;
        right: auto;

        margin: 0;
        padding: 0.75em 1.2em;
        list-style: none;

        background: #002744;
        border: 1px solid rgba(255,255,255,0.35);
        box-shadow: 0 4px 12px rgba(0,0,0,0.25);
        z-index: 999;
        min-width: 240px;
    }

    /* Spacing inside the fly-out */
    .ysc-cat-list .category-list-item > ul > li > ul > li {
        margin: 0.25em 0;
    }

    /* Show subcategories when hovering/focusing parent */
    .ysc-cat-list .category-list-item > ul > li:hover > ul,
    .ysc-cat-list .category-list-item > ul > li:focus-within > ul {
        display: block !important;
    }

    /* Only add arrow if the category has a submenu */
    .ysc-cat-list .category-list-item > ul > li:has(> ul) > .category-name {
        padding-right: 1em;   /* room for the arrow */
    }

    /* Chevron indicator (❯) – similar to header chevron */
    .ysc-cat-list .category-list-item > ul > li:has(> ul) > .category-name::after {
        content: "\276F";   /* ❯ right-facing chevron */
        font-size: 0.7em;
        margin-left: 0.4em;
        opacity: 0.7;
    }

    /* Slight hover emphasis */
    .ysc-cat-list .category-list-item > ul > li:hover:has(> ul) > .category-name::after {
        opacity: 1;
    }
}

/* ----------------------------------------------------------
   MOBILE/TABLET: stacked, no fly-out (screen width <= 1024px)
   ---------------------------------------------------------- */
@media screen and (max-width: 1024px) {

    /* Disable positioning context so submenus stay in flow */
    .ysc-cat-list .category-list-item > ul > li {
        position: static !important;
    }

    /* Submenus sit under the parent item, no fly-out */
    .ysc-cat-list .category-list-item > ul > li > ul {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;

        display: block !important;     /* always visible beneath parent */
        margin: 0.25em 0 0.5em 1.25em; /* small indent to show hierarchy */
        padding: 0;

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

    .ysc-cat-list .category-list-item > ul > li > ul > li {
        margin: 0.25em 0;
    }

    /* Keep submenu text readable on dark background */
    .ysc-cat-list .category-list-item > ul > li > ul a.category-name {
        color: #ffffff;
    }

    /* Optional: soften the chevron, since it no longer indicates a fly-out */
    .ysc-cat-list .category-list-item > ul > li:has(> ul) > .category-name::after {
        opacity: 0.6;
        font-size: 0.65em;
    }
}/* End custom CSS */