.elementor-12 .elementor-element.elementor-element-fd6cc44{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-12 .elementor-element.elementor-element-2038846{--display:flex;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), yekan;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-c2ffaef{--display:flex;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), yekan;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-07aa78b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-07aa78b:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-07aa78b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0,0,0,0);}.elementor-12 .elementor-element.elementor-element-a707cfa{--display:flex;}.elementor-12 .elementor-element.elementor-element-13ce62e{--display:flex;}.elementor-12 .elementor-element.elementor-element-b00c0d4{--display:flex;}.elementor-12 .elementor-element.elementor-element-e661959{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:10px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-12 .elementor-element.elementor-element-e661959 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-12 .elementor-element.elementor-element-e661959 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-12 .elementor-element.elementor-element-e661959 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Iran Yekan", yekan;font-weight:500;}.elementor-12 .elementor-element.elementor-element-dff06f3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-9b9d408{--display:flex;}.elementor-12 .elementor-element.elementor-element-01a184f{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-022da2e .elementor-icon-wrapper{text-align:center;}.elementor-12 .elementor-element.elementor-element-9bb33b4 .elementor-icon-wrapper{text-align:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), yekan;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), yekan;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-814571c .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-cc7dac5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-2d1ef77 img{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-f3b7a91 *//* =========================================
   YAZD LAPTOP - CATEGORY MEGA MENU PANEL
   Colours come from the theme variables.
========================================= */

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega {
    direction: rtl;
    text-align: right;
}

/* Main card: shop button + main categories */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__main {
    position: relative;
    width: 290px;
    padding: 12px;
    background: var(--yl-white);
    border: 1px solid var(--yl-border);
    border-radius: 14px;
    box-shadow: var(--yl-shadow);
    animation: yl-mega-in 0.28s cubic-bezier(0.22, 0.8, 0.3, 1) both;
}

@keyframes yl-mega-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* Shop button */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    margin: 0 0 10px;
    padding: 0 16px;
    border-radius: 10px;
    background: var(--yl-red);
    color: var(--yl-white);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: filter 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:hover,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:focus-visible {
    color: var(--yl-white);
    filter: brightness(0.92);
}

/* Shop icon (light colour, drawn from the SVG file) */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop-icon {
    display: block;
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    background-color: var(--yl-red-soft);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: transform 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:hover .yl-mega__shop-icon {
    transform: scale(1.12);
}

/* Main categories: max 7 rows visible, then scroll */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__list {
    max-height: calc(7 * 46px);
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
    scrollbar-width: thin;
    scrollbar-color: var(--yl-border) transparent;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 46px;
    padding: 0 14px;
    border-radius: 10px;
    color: var(--yl-black);
    font-size: 15.5px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__link,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link:focus-visible {
    background: var(--yl-red-soft);
    color: var(--yl-red);
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__chev {
    flex: 0 0 auto;
    color: var(--yl-muted);
    transition: color 0.2s ease, transform 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__link .yl-mega__chev {
    color: var(--yl-red);
    transform: translateX(-2px);
}

/* Sub categories: only exists when the category has children */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__flyout {
    position: absolute;
    top: 0;
    right: calc(100% - 12px);
    z-index: 3;
    display: flex;
    min-height: 100%;
    padding-right: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(10px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__flyout,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:focus-within > .yl-mega__flyout {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__card {
    flex: 1 1 auto;
    width: 660px;
    max-width: calc(100vw - 440px);
    max-height: 460px;
    padding: 18px 22px 20px;
    overflow-y: auto;
    background: var(--yl-white);
    border: 1px solid var(--yl-border);
    border-radius: 14px;
    box-shadow: var(--yl-shadow);
    scrollbar-width: thin;
    scrollbar-color: var(--yl-border) transparent;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__all {
    display: inline-block;
    margin: 0 0 14px;
    color: var(--yl-red);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__all:hover {
    text-decoration: underline;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__cols {
    column-count: 3;
    column-gap: 28px;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__col {
    margin: 0 0 16px;
    break-inside: avoid;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__h {
    display: block;
    margin: 0 0 6px;
    color: var(--yl-black);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub li {
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub a {
    display: block;
    padding: 4px 0;
    color: var(--yl-muted);
    font-size: 14px;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub .yl-mega__sub {
    padding-right: 12px;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__h:hover,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub a:hover {
    color: var(--yl-red);
}

@media (prefers-reduced-motion: reduce) {
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__main {
        animation: none;
    }
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__flyout,
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link,
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__chev {
        transition-duration: 0.01ms;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f3b7a91 *//* =========================================
   YAZD LAPTOP - CATEGORY MEGA MENU PANEL
   Colours come from the theme variables.
========================================= */

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega {
    direction: rtl;
    text-align: right;
}

/* Main card: shop button + main categories */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__main {
    position: relative;
    width: 290px;
    padding: 12px;
    background: var(--yl-white);
    border: 1px solid var(--yl-border);
    border-radius: 14px;
    box-shadow: var(--yl-shadow);
    animation: yl-mega-in 0.28s cubic-bezier(0.22, 0.8, 0.3, 1) both;
}

@keyframes yl-mega-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* Shop button */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    margin: 0 0 10px;
    padding: 0 16px;
    border-radius: 10px;
    background: var(--yl-red);
    color: var(--yl-white);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: filter 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:hover,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:focus-visible {
    color: var(--yl-white);
    filter: brightness(0.92);
}

/* Shop icon (light colour, drawn from the SVG file) */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop-icon {
    display: block;
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    background-color: var(--yl-red-soft);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: transform 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:hover .yl-mega__shop-icon {
    transform: scale(1.12);
}

/* Main categories: max 7 rows visible, then scroll */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__list {
    max-height: calc(7 * 46px);
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
    scrollbar-width: thin;
    scrollbar-color: var(--yl-border) transparent;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 46px;
    padding: 0 14px;
    border-radius: 10px;
    color: var(--yl-black);
    font-size: 15.5px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__link,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link:focus-visible {
    background: var(--yl-red-soft);
    color: var(--yl-red);
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__chev {
    flex: 0 0 auto;
    color: var(--yl-muted);
    transition: color 0.2s ease, transform 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__link .yl-mega__chev {
    color: var(--yl-red);
    transform: translateX(-2px);
}

/* Sub categories: only exists when the category has children */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__flyout {
    position: absolute;
    top: 0;
    right: calc(100% - 12px);
    z-index: 3;
    display: flex;
    min-height: 100%;
    padding-right: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(10px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__flyout,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:focus-within > .yl-mega__flyout {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__card {
    flex: 1 1 auto;
    width: 660px;
    max-width: calc(100vw - 440px);
    max-height: 460px;
    padding: 18px 22px 20px;
    overflow-y: auto;
    background: var(--yl-white);
    border: 1px solid var(--yl-border);
    border-radius: 14px;
    box-shadow: var(--yl-shadow);
    scrollbar-width: thin;
    scrollbar-color: var(--yl-border) transparent;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__all {
    display: inline-block;
    margin: 0 0 14px;
    color: var(--yl-red);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__all:hover {
    text-decoration: underline;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__cols {
    column-count: 3;
    column-gap: 28px;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__col {
    margin: 0 0 16px;
    break-inside: avoid;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__h {
    display: block;
    margin: 0 0 6px;
    color: var(--yl-black);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub li {
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub a {
    display: block;
    padding: 4px 0;
    color: var(--yl-muted);
    font-size: 14px;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub .yl-mega__sub {
    padding-right: 12px;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__h:hover,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub a:hover {
    color: var(--yl-red);
}

@media (prefers-reduced-motion: reduce) {
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__main {
        animation: none;
    }
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__flyout,
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link,
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__chev {
        transition-duration: 0.01ms;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f3b7a91 *//* =========================================
   YAZD LAPTOP - CATEGORY MEGA MENU PANEL
   Colours come from the theme variables.
========================================= */

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega {
    direction: rtl;
    text-align: right;
}

/* Main card: shop button + main categories */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__main {
    position: relative;
    width: 290px;
    padding: 12px;
    background: var(--yl-white);
    border: 1px solid var(--yl-border);
    border-radius: 14px;
    box-shadow: var(--yl-shadow);
    animation: yl-mega-in 0.28s cubic-bezier(0.22, 0.8, 0.3, 1) both;
}

@keyframes yl-mega-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* Shop button */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    margin: 0 0 10px;
    padding: 0 16px;
    border-radius: 10px;
    background: var(--yl-red);
    color: var(--yl-white);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: filter 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:hover,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:focus-visible {
    color: var(--yl-white);
    filter: brightness(0.92);
}

/* Shop icon (light colour, drawn from the SVG file) */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop-icon {
    display: block;
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    background-color: var(--yl-red-soft);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: transform 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:hover .yl-mega__shop-icon {
    transform: scale(1.12);
}

/* Main categories: max 7 rows visible, then scroll */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__list {
    max-height: calc(7 * 46px);
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
    scrollbar-width: thin;
    scrollbar-color: var(--yl-border) transparent;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 46px;
    padding: 0 14px;
    border-radius: 10px;
    color: var(--yl-black);
    font-size: 15.5px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__link,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link:focus-visible {
    background: var(--yl-red-soft);
    color: var(--yl-red);
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__chev {
    flex: 0 0 auto;
    color: var(--yl-muted);
    transition: color 0.2s ease, transform 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__link .yl-mega__chev {
    color: var(--yl-red);
    transform: translateX(-2px);
}

/* Sub categories: only exists when the category has children */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__flyout {
    position: absolute;
    top: 0;
    right: calc(100% - 12px);
    z-index: 3;
    display: flex;
    min-height: 100%;
    padding-right: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(10px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__flyout,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:focus-within > .yl-mega__flyout {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__card {
    flex: 1 1 auto;
    width: 660px;
    max-width: calc(100vw - 440px);
    max-height: 460px;
    padding: 18px 22px 20px;
    overflow-y: auto;
    background: var(--yl-white);
    border: 1px solid var(--yl-border);
    border-radius: 14px;
    box-shadow: var(--yl-shadow);
    scrollbar-width: thin;
    scrollbar-color: var(--yl-border) transparent;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__all {
    display: inline-block;
    margin: 0 0 14px;
    color: var(--yl-red);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__all:hover {
    text-decoration: underline;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__cols {
    column-count: 3;
    column-gap: 28px;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__col {
    margin: 0 0 16px;
    break-inside: avoid;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__h {
    display: block;
    margin: 0 0 6px;
    color: var(--yl-black);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub li {
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub a {
    display: block;
    padding: 4px 0;
    color: var(--yl-muted);
    font-size: 14px;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub .yl-mega__sub {
    padding-right: 12px;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__h:hover,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub a:hover {
    color: var(--yl-red);
}

@media (prefers-reduced-motion: reduce) {
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__main {
        animation: none;
    }
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__flyout,
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link,
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__chev {
        transition-duration: 0.01ms;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f3b7a91 *//* =========================================
   YAZD LAPTOP - CATEGORY MEGA MENU PANEL
   Colours come from the theme variables.
========================================= */

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega {
    direction: rtl;
    text-align: right;
}

/* Main card: shop button + main categories */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__main {
    position: relative;
    width: 290px;
    padding: 12px;
    background: var(--yl-white);
    border: 1px solid var(--yl-border);
    border-radius: 14px;
    box-shadow: var(--yl-shadow);
    animation: yl-mega-in 0.28s cubic-bezier(0.22, 0.8, 0.3, 1) both;
}

@keyframes yl-mega-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* Shop button */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    margin: 0 0 10px;
    padding: 0 16px;
    border-radius: 10px;
    background: var(--yl-red);
    color: var(--yl-white);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: filter 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:hover,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:focus-visible {
    color: var(--yl-white);
    filter: brightness(0.92);
}

/* Shop icon (light colour, drawn from the SVG file) */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop-icon {
    display: block;
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    background-color: var(--yl-red-soft);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: transform 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:hover .yl-mega__shop-icon {
    transform: scale(1.12);
}

/* Main categories: max 7 rows visible, then scroll */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__list {
    max-height: calc(7 * 46px);
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
    scrollbar-width: thin;
    scrollbar-color: var(--yl-border) transparent;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 46px;
    padding: 0 14px;
    border-radius: 10px;
    color: var(--yl-black);
    font-size: 15.5px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__link,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link:focus-visible {
    background: var(--yl-red-soft);
    color: var(--yl-red);
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__chev {
    flex: 0 0 auto;
    color: var(--yl-muted);
    transition: color 0.2s ease, transform 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__link .yl-mega__chev {
    color: var(--yl-red);
    transform: translateX(-2px);
}

/* Sub categories: only exists when the category has children */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__flyout {
    position: absolute;
    top: 0;
    right: calc(100% - 12px);
    z-index: 3;
    display: flex;
    min-height: 100%;
    padding-right: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(10px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__flyout,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:focus-within > .yl-mega__flyout {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__card {
    flex: 1 1 auto;
    width: 660px;
    max-width: calc(100vw - 440px);
    max-height: 460px;
    padding: 18px 22px 20px;
    overflow-y: auto;
    background: var(--yl-white);
    border: 1px solid var(--yl-border);
    border-radius: 14px;
    box-shadow: var(--yl-shadow);
    scrollbar-width: thin;
    scrollbar-color: var(--yl-border) transparent;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__all {
    display: inline-block;
    margin: 0 0 14px;
    color: var(--yl-red);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__all:hover {
    text-decoration: underline;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__cols {
    column-count: 3;
    column-gap: 28px;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__col {
    margin: 0 0 16px;
    break-inside: avoid;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__h {
    display: block;
    margin: 0 0 6px;
    color: var(--yl-black);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub li {
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub a {
    display: block;
    padding: 4px 0;
    color: var(--yl-muted);
    font-size: 14px;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub .yl-mega__sub {
    padding-right: 12px;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__h:hover,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub a:hover {
    color: var(--yl-red);
}

@media (prefers-reduced-motion: reduce) {
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__main {
        animation: none;
    }
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__flyout,
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link,
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__chev {
        transition-duration: 0.01ms;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f3b7a91 *//* =========================================
   YAZD LAPTOP - CATEGORY MEGA MENU PANEL
   Colours come from the theme variables.
========================================= */

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega {
    direction: rtl;
    text-align: right;
}

/* Main card: shop button + main categories */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__main {
    position: relative;
    width: 290px;
    padding: 12px;
    background: var(--yl-white);
    border: 1px solid var(--yl-border);
    border-radius: 14px;
    box-shadow: var(--yl-shadow);
    animation: yl-mega-in 0.28s cubic-bezier(0.22, 0.8, 0.3, 1) both;
}

@keyframes yl-mega-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* Shop button */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    margin: 0 0 10px;
    padding: 0 16px;
    border-radius: 10px;
    background: var(--yl-red);
    color: var(--yl-white);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: filter 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:hover,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:focus-visible {
    color: var(--yl-white);
    filter: brightness(0.92);
}

/* Shop icon (light colour, drawn from the SVG file) */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop-icon {
    display: block;
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    background-color: var(--yl-red-soft);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: transform 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__shop:hover .yl-mega__shop-icon {
    transform: scale(1.12);
}

/* Main categories: max 7 rows visible, then scroll */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__list {
    max-height: calc(7 * 46px);
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
    scrollbar-width: thin;
    scrollbar-color: var(--yl-border) transparent;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 46px;
    padding: 0 14px;
    border-radius: 10px;
    color: var(--yl-black);
    font-size: 15.5px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__link,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link:focus-visible {
    background: var(--yl-red-soft);
    color: var(--yl-red);
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__chev {
    flex: 0 0 auto;
    color: var(--yl-muted);
    transition: color 0.2s ease, transform 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__link .yl-mega__chev {
    color: var(--yl-red);
    transform: translateX(-2px);
}

/* Sub categories: only exists when the category has children */
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__flyout {
    position: absolute;
    top: 0;
    right: calc(100% - 12px);
    z-index: 3;
    display: flex;
    min-height: 100%;
    padding-right: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(10px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:hover > .yl-mega__flyout,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__item:focus-within > .yl-mega__flyout {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__card {
    flex: 1 1 auto;
    width: 660px;
    max-width: calc(100vw - 440px);
    max-height: 460px;
    padding: 18px 22px 20px;
    overflow-y: auto;
    background: var(--yl-white);
    border: 1px solid var(--yl-border);
    border-radius: 14px;
    box-shadow: var(--yl-shadow);
    scrollbar-width: thin;
    scrollbar-color: var(--yl-border) transparent;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__all {
    display: inline-block;
    margin: 0 0 14px;
    color: var(--yl-red);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__all:hover {
    text-decoration: underline;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__cols {
    column-count: 3;
    column-gap: 28px;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__col {
    margin: 0 0 16px;
    break-inside: avoid;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__h {
    display: block;
    margin: 0 0 6px;
    color: var(--yl-black);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub li {
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub a {
    display: block;
    padding: 4px 0;
    color: var(--yl-muted);
    font-size: 14px;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub .yl-mega__sub {
    padding-right: 12px;
}

.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__h:hover,
.elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__sub a:hover {
    color: var(--yl-red);
}

@media (prefers-reduced-motion: reduce) {
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__main {
        animation: none;
    }
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__flyout,
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__link,
    .elementor-12 .elementor-element.elementor-element-f3b7a91 .yl-mega__chev {
        transition-duration: 0.01ms;
    }
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-e661959 *//* =========================================
   YAZD LAPTOP — STORE MEGA MENU TRIGGER
========================================= */

/* تراز آیتم فروشگاه */
.elementor-12 .elementor-element.elementor-element-e661959 .e-n-menu-item:has(#yl-megamenu-trigger) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: center !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
}

/* باکس اصلی فروشگاه */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: center !important;

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 11px !important;
    gap: 13px !important;

    background: #fff5f5 !important;
    border: 1px solid #f0c6c8 !important;
    border-radius: 7px !important;

    box-shadow: none !important;
    transform: none !important;
    cursor: pointer !important;

    /* ترنزیشن هاور باکس */
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease !important;
}

/* محتوای داخلی: آیکون و نوشته */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger .e-n-menu-title-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* متن فروشگاه */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger .e-n-menu-title-text {
    color: #b81720 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    transition: color 0.3s ease !important;
}

/* آیکون فروشگاه */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger .e-n-menu-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger .e-n-menu-icon svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    fill: #c91d27 !important;
    transition: fill 0.3s ease !important;
    transform: none !important;
}

/* دکمه فلش */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger .e-n-menu-dropdown-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;

    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;

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

/* خود فلش — بدون ترنزیشن */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger .e-n-menu-dropdown-icon svg {
    display: block !important;
    width: 13px !important;
    height: 13px !important;
    fill: #b81720 !important;
    transition: none !important;
    transform: none !important;
}

/* جلوگیری از چرخش فلش */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger:hover .e-n-menu-dropdown-icon svg,
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger:focus-within .e-n-menu-dropdown-icon svg {
    transform: none !important;
}

/* هاور باکس */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger:hover {
    background: #d71920 !important;
    border-color: #d71920 !important;
    box-shadow: 0 3px 9px rgba(215, 25, 32, 0.15) !important;
}

/* رنگ متن در هاور */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger:hover .e-n-menu-title-text {
    color: #ffffff !important;
}

/* رنگ آیکون‌ها در هاور */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger:hover .e-n-menu-icon svg,
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger:hover .e-n-menu-dropdown-icon svg {
    fill: #ffffff !important;
}

/* فوکوس کیبورد */
.elementor-12 .elementor-element.elementor-element-e661959 #yl-megamenu-trigger:focus-within {
    outline: none !important;
    border-color: #d71920 !important;
}

/* =========================================
   MEGA MENU BACKDROP
   Dims and softly blurs the page while the
   category mega menu is open.
========================================= */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 999;
    background: var(--yl-overlay);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

body:has(.e-n-menu-content > .e-con.e-active)::before {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for yld-live-search, class: .elementor-element-dc036cf *//* =========================================
   Yazd Laptop — Live Search
   Elementor Custom CSS
   Desktop
========================================= */

/* Main wrapper */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search {
    position: relative;
    width: 100%;
    min-width: 0;
    direction: rtl;
    color: #171717;
    font-family: inherit;
}

/* Search field */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__field {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

/* Input */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__input {
    display: block;
    width: 100%;
    min-width: 0;
    height: 50px;
    margin: 0;
    padding: 0 16px;

    border: 1px solid #dedede;
    border-radius: 8px;
    outline: none;

    background: #fff;
    color: #171717;

    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-align: right;

    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;

    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        background-color 0.22s ease;
}

/* Hover */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__input:hover {
    border-color: #bdbdbd;
}

/* Active / focus */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__input:focus,
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__input:focus-visible {
    border-color: #d71920;
    outline: none;
    box-shadow: 0 0 0 2px rgba(215, 25, 32, 0.08);
    background: #fff;
}

/* Remove native search decorations */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__input::-webkit-search-decoration,
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__input::-webkit-search-cancel-button,
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__input::-webkit-search-results-button,
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__input::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

/* Placeholder label with magnifying glass */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__label {
    position: absolute;
    top: 50%;
    right: 16px;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 9px;

    max-width: calc(100% - 70px);
    overflow: hidden;
    margin: 0;
    padding: 0;

    border: 0;
    background: transparent;
    color: #929292;

    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: 1;
    visibility: visible;
    transform: translateY(-50%);
    pointer-events: none;

    transition:
        opacity 0.22s ease,
        visibility 0.22s ease,
        color 0.22s ease;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__label span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__label svg {
    display: block;
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__label.is-hidden {
    opacity: 0;
    visibility: hidden;
}

/* Clear button */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__clear {
    position: absolute;
    left: 10px;
    top: 50%;

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

    width: 28px;
    height: 28px;
    margin: 0;
    padding: 7px;

    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #777;
    box-shadow: none;

    cursor: pointer;
    transform: translateY(-50%);

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__clear[hidden] {
    display: none !important;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__clear:hover {
    color: #171717;
    background: #f2f2f2;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__clear:focus-visible {
    outline: 2px solid #d71920;
    outline-offset: 2px;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__clear svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

/* Results dropdown */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__results {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 9999;

    width: 100%;
    max-height: 440px;

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

    border: 1px solid #e7e7e7;
    border-radius: 10px;
    background: #fff;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    text-align: right;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__results[hidden] {
    display: none !important;
}

/* Sections */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__section {
    padding: 13px;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__section + .yl-search__section {
    border-top: 1px solid #ededed;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__heading {
    margin: 0 0 10px;
    color: #888;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
}

/* Product list */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__product-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Product row */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__product {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;

    min-width: 0;
    padding: 10px 8px;

    border-radius: 7px;
    direction: rtl;

    color: inherit;
    text-decoration: none;

    transition: background-color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__product:hover {
    background: #f7f7f7;
}

/* Product image */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__image {
    display: block;
    flex: 0 0 58px;

    width: 58px;
    height: 58px;
    min-width: 58px;

    margin: 0;
    padding: 0;

    border: 1px solid #eee;
    border-radius: 6px;
    background: #fff;

    object-fit: contain;
}

/* Product details */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__details {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;

    min-width: 0;
    margin: 0;
    padding: 0;

    text-align: right;
}

/* Product title */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__product-title {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;

    color: #222;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
    text-align: right;

    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Product price */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__price {
    display: block;
    width: 100%;

    color: #666;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    text-align: right;
}

/* Categories */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__categories {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__categories .yl-search__heading {
    margin-bottom: 8px;
}

/* Category row */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__category {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;

    min-width: 0;
    padding: 10px 8px;

    border-radius: 6px;
    direction: rtl;

    color: #333;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__category:hover {
    color: #d71920;
    background: #f7f7f7;
}

/* Folder icon */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__folder-icon {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Category title */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__category-title {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Loading and empty states */
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__loading,
.elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__empty {
    padding: 24px 16px;

    color: #777;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
    text-align: center;
}


/* Tablet landscape width and field sizing, managed in this search widget. */
@media (min-width: 1025px) and (max-width: 1199px) {
    .elementor-12 .elementor-element.elementor-element-dc036cf { flex: 0 1 auto !important; align-self: stretch !important; width: clamp(230px, 23vw, 275px) !important; max-width: 275px !important; }
    .elementor-12 .elementor-element.elementor-element-dc036cf .yl-search, .elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__field, .elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__input, .elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__results { width: 100%; min-width: 0; }
    .elementor-12 .elementor-element.elementor-element-dc036cf .yl-search__input { height: 46px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd6cc44 *//* =========================================
   YAZD LAPTOP — DESKTOP HEADER
   Black / Red / Minimal
========================================= */

.elementor-12 .elementor-element.elementor-element-fd6cc44 {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    color: var(--yl-black);
    font-family: inherit;
    box-sizing: border-box;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 *,
.elementor-12 .elementor-element.elementor-element-fd6cc44 *::before,
.elementor-12 .elementor-element.elementor-element-fd6cc44 *::after {
    box-sizing: border-box;
}

/* Main header */
.elementor-12 .elementor-element.elementor-element-fd6cc44.header {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none !important;
    box-shadow: none !important;
}

/* Main container width and spacing */
.elementor-12 .elementor-element.elementor-element-fd6cc44.header > .e-con-inner {
    width: 100%;
    max-width: 1500px;
    min-width: 0;
    margin: 0 auto;
    padding: 20px 36px;
    gap: 26px;

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

/* Do not force container direction or order */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-brand,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-navigation,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-toolbar {
    min-width: 0;
    margin-top: 0;
    margin-bottom: 0;
}

/* Brand / logo column */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-brand {
    flex: 0 0 108px;
    width: 108px;
    max-width: 108px;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo {
    width: 100%;
    max-width: 108px;
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo .elementor-widget-container,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo img {
    display: block;
    width: 100%;
    max-width: 108px;
    max-height: 84px;
    height: auto;
    object-fit: contain;
}

/* Navigation column width */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-navigation {
    flex: 1 1 auto;
    width: 30%;
    min-width: 0;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu {
    width: 100%;
    direction: rtl;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-heading {
    gap: 26px;
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-item {
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-title {
    min-height: 46px;
    margin: 0;
    padding: 0;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-title-container {
    min-height: 46px;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-title-text {
    color: #242424 !important;
    font-family: inherit;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
    white-space: nowrap;
    transition: color 0.2s ease;
}

/* Minimal hover */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-title:hover,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-item:hover > .e-n-menu-title {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-title:hover .e-n-menu-title-text,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-item:hover > .e-n-menu-title .e-n-menu-title-text {
    color: var(--yl-red) !important;
}

/* Active menu item */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-item.current-menu-item .e-n-menu-title-text,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-item.current_page_item .e-n-menu-title-text,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-item.current-menu-ancestor .e-n-menu-title-text {
    color: var(--yl-red) !important;
    font-weight: 600;
}

/* Keep menu expanded on desktop */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-toggle {
    display: none !important;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-wrapper {
    display: flex !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Toolbar width */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-toolbar {
    flex: 0 1 570px;
    width: 570px;
    min-width: 0;
    max-width: 570px;
    gap: 25px;
}

/* Search area */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-search-area {
    flex: 1 1 auto;
    width: auto;
    min-width: 180px;
    max-width: none;
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-search {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

/* Actions group */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-actions {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    gap: 12px;
    margin: 0;
    padding: 0;
}

/* Account and cart widgets */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon {
    flex: 0 0 auto;
    width: auto;
    margin: 0;
    padding: 0;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon-wrapper,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Smaller icon boxes */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;
    margin: 0;
    padding: 9px;

    color: var(--yl-black) !important;
    background: #fff !important;
    border: 1px solid var(--yl-border) !important;
    border-radius: 7px !important;
    box-shadow: none !important;

    transition: color 0.2s ease, border-color 0.2s ease;
}

/* Icon dimensions and colors */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon svg,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: currentColor !important;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon svg *,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon svg * {
    fill: currentColor !important;
    stroke: currentColor;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon:hover,
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon:hover {
    color: var(--yl-red) !important;
    background: #fff !important;
    border-color: var(--yl-red) !important;
}

/* Phone widget */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

/* Phone icon on the LEFT of the number */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon-box-wrapper {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon-box-icon {
    flex: 0 0 auto;
    margin: 0;
}

/* Smaller phone icon box */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;
    margin: 0;
    padding: 9px;

    color: var(--yl-red) !important;
    background: #fff !important;
    border: 1px solid var(--yl-border) !important;
    border-radius: 7px !important;
    box-shadow: none !important;

    transition: color 0.2s ease, border-color 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: currentColor !important;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon svg * {
    fill: currentColor !important;
    stroke: currentColor;
}

/* Phone number */
.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon-box-title {
    margin: 0;
    padding: 0;
    color: var(--yl-black) !important;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    white-space: nowrap;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon-box-title span {
    color: var(--yl-black) !important;
}

.elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone:hover .elementor-icon {
    color: var(--yl-red) !important;
    border-color: var(--yl-red) !important;
}

/* Desktop width adjustments */
@media (min-width: 1200px) {
    .elementor-12 .elementor-element.elementor-element-fd6cc44.header > .e-con-inner {
        padding-right: 36px;
        padding-left: 36px;
        gap: 26px;
    }
}

/* Smaller desktop screens */
@media (min-width: 1025px) and (max-width: 1199px) {
    .elementor-12 .elementor-element.elementor-element-fd6cc44.header > .e-con-inner {
        padding-right: 22px;
        padding-left: 22px;
        gap: 18px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-brand {
        flex-basis: 88px;
        width: 88px;
        max-width: 88px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo,
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo img {
        max-width: 88px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-toolbar {
        flex-basis: 480px;
        width: 480px;
        max-width: 480px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-search-area {
        min-width: 145px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-heading {
        gap: 17px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-title-text {
        font-size: 16px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon,
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon,
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon {
        width: 35px;
        height: 35px;
        padding: 8px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon svg,
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon svg,
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon svg {
        width: 18px;
        height: 18px;
    }
}

/* Compact header spacing after scrolling */
.elementor-12 .elementor-element.elementor-element-fd6cc44 > .e-con-inner {
    transition: gap 280ms ease, padding 280ms ease;
}
.elementor-12 .elementor-element.elementor-element-fd6cc44.is-scrolled > .e-con-inner {
    gap: clamp(12px, 1.1vw, 15px) !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
@media (prefers-reduced-motion: reduce) {
    .elementor-12 .elementor-element.elementor-element-fd6cc44 > .e-con-inner { transition-duration: 0.01ms; }
}

/* =========================================
   TABLET LANDSCAPE (1025px - 1199px)
   Sizes and spacing only
========================================= */
@media (min-width: 1025px) and (max-width: 1199px) {

    .elementor-12 .elementor-element.elementor-element-fd6cc44.header > .e-con-inner {
        padding: 14px clamp(16px, 2vw, 22px);
        gap: clamp(12px, 1.5vw, 18px);
    }

    /* Logo */
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-brand {
        flex: 0 0 clamp(76px, 7.6vw, 88px);
        width: clamp(76px, 7.6vw, 88px);
        max-width: clamp(76px, 7.6vw, 88px);
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo,
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo img {
        max-width: clamp(76px, 7.6vw, 88px);
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo img {
        max-height: 72px;
    }

    /* Navigation */
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-navigation {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-heading {
        gap: clamp(10px, 1.4vw, 17px);
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-title-text {
        font-size: clamp(15px, 1.3vw, 16px);
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu #yl-megamenu-trigger {
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        padding: 0 9px !important;
        gap: 9px !important;
    }

    /* Search, account, cart and phone area */
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-toolbar {
        flex: 0 1 clamp(390px, 40vw, 480px);
        width: clamp(390px, 40vw, 480px);
        max-width: clamp(390px, 40vw, 480px);
        gap: clamp(14px, 1.8vw, 20px);
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-search-area {
        min-width: 130px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-actions {
        gap: 8px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon,
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon,
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon {
        width: 35px;
        height: 35px;
        padding: 8px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon svg,
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon svg,
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon svg {
        width: 18px;
        height: 18px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon-box-wrapper {
        gap: 7px;
    }

    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon-box-title {
        font-size: 14px;
    }
}


/* Tablet landscape: keep the header compact and show the phone icon only. */
@media (min-width: 1025px) and (max-width: 1199px) {
    .elementor-12 .elementor-element.elementor-element-fd6cc44.header > .e-con-inner { padding-top: 10px; padding-bottom: 10px; gap: clamp(10px, 1.2vw, 15px); }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-brand { flex: 0 0 clamp(70px, 6.8vw, 82px); width: clamp(70px, 6.8vw, 82px); max-width: clamp(70px, 6.8vw, 82px); }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo, .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo img { max-width: clamp(70px, 6.8vw, 82px); }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-logo img { max-height: 68px; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-heading { gap: clamp(8px, 1vw, 12px); }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-title-text { font-size: clamp(15px, 1.25vw, 16px); }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-toolbar { flex: 0 1 clamp(420px, 42vw, 500px); width: clamp(420px, 42vw, 500px); max-width: clamp(420px, 42vw, 500px); gap: clamp(14px, 1.7vw, 20px); }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-search-area { min-width: 0; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-actions { gap: clamp(6px, .7vw, 9px); }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon, .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon, .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon { width: 34px; height: 34px; padding: 7px; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-account-icon .elementor-icon svg, .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-cart-icon .elementor-icon svg, .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon svg { width: 18px; height: 18px; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon-box-title { display: none !important; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon-box-wrapper { gap: 0; justify-content: center; }
}


/* TABLET LANDSCAPE ROW ALIGNMENT FIX (1025px–1200px): keep logo, navigation, search and actions on one centered row. */
@media (min-width: 1025px) and (max-width: 1200px) {
    .elementor-12 .elementor-element.elementor-element-fd6cc44.header > .e-con-inner { display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; gap:clamp(8px,1vw,14px) !important; padding-top:10px !important; padding-bottom:10px !important; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44.header > .e-con-inner > .header-brand, .elementor-12 .elementor-element.elementor-element-fd6cc44.header > .e-con-inner > .header-navigation, .elementor-12 .elementor-element.elementor-element-fd6cc44.header > .e-con-inner > .header-toolbar { align-self:center !important; margin-top:0 !important; margin-bottom:0 !important; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-brand { flex:0 0 clamp(68px,7vw,80px) !important; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-navigation { flex:1 1 0% !important; width:auto !important; min-width:0 !important; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu, .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu, .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-heading { width:100% !important; min-width:0 !important; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-menu .e-n-menu-heading { display:flex !important; flex-wrap:nowrap !important; align-items:center !important; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-toolbar { display:flex !important; flex:0 1 clamp(390px,41vw,470px) !important; width:clamp(390px,41vw,470px) !important; max-width:clamp(390px,41vw,470px) !important; min-width:0 !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; align-self:center !important; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-search-area { flex:1 1 0% !important; width:auto !important; min-width:0 !important; max-width:none !important; align-self:center !important; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-actions { flex:0 0 auto !important; flex-wrap:nowrap !important; align-items:center !important; align-self:center !important; }
    .elementor-12 .elementor-element.elementor-element-fd6cc44 .header-phone .elementor-icon-box-title { display:none !important; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4801489 */#yl-mobile-drawer {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  z-index: 100001 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc7dac5 */.elementor-12 .elementor-element.elementor-element-cc7dac5 { position: relative !important; min-height: 64px; width: 100% !important; }
.yl-mobile-header__logo { display: none !important; }
.elementor-widget-theme-site-logo.yl-mobile-site-logo { position: absolute !important; right: 16px !important; left: auto !important; top: 50%; transform: translateY(-50%); z-index: 5; width: 76px !important; max-width: 76px !important; }
.elementor-widget-theme-site-logo.yl-mobile-site-logo img { display: block; width: 100%; height: auto; }
.yl-mobile-header__bar { position: relative; display: flex; width: 100%; box-sizing: border-box; padding: 0 !important; }
.yl-mobile-header__actions { position: absolute !important; left: 16px !important; right: auto !important; top: 50%; transform: translateY(-50%); display: flex; flex-direction: row-reverse !important; }/* End custom CSS */