.elementor-74 .elementor-element.elementor-element-331c28fc{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-46506a1f{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-830360{--display:flex;--min-height:74px;--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;--justify-content:space-between;--align-items:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-830360.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-2f216100{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-74 .elementor-element.elementor-element-587e26ab{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-74 .elementor-element.elementor-element-587e26ab img{width:96px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-74 .elementor-element.elementor-element-69dea290{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 5px / 2 );}.elementor-74 .elementor-element.elementor-element-69dea290.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-e95f4c8-font-family ), Sans-serif;font-size:var( --e-global-typography-e95f4c8-font-size );font-weight:var( --e-global-typography-e95f4c8-font-weight );line-height:var( --e-global-typography-e95f4c8-line-height );word-spacing:var( --e-global-typography-e95f4c8-word-spacing );}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-7574741 );fill:var( --e-global-color-7574741 );padding-left:15px;padding-right:15px;padding-top:0px;padding-bottom:0px;}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--main .elementor-item:hover, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-a24524e );fill:var( --e-global-color-a24524e );}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-a24524e );}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:5px;}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-menu-toggle{color:var( --e-global-color-7574741 );fill:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown{background-color:#03071296;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a24524e );border-radius:10px 10px 10px 10px;}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a:hover, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a:focus, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a.highlighted, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-menu-toggle:hover, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-menu-toggle:focus{color:var( --e-global-color-a24524e );}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a:hover, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a:focus, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a.highlighted{background-color:#00B8FF12;}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-7574741 );background-color:#071728;}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown .elementor-item, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-e95f4c8-font-family ), Sans-serif;font-size:var( --e-global-typography-e95f4c8-font-size );font-weight:var( --e-global-typography-e95f4c8-font-weight );word-spacing:var( --e-global-typography-e95f4c8-word-spacing );}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 30px 0px rgba(0, 183.9999999999998, 255, 0.12);}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px;}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-74 .elementor-element.elementor-element-78c951dd{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-74 .elementor-element.elementor-element-41ce9d42{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button{font-family:var( --e-global-typography-e95f4c8-font-family ), Sans-serif;font-size:var( --e-global-typography-e95f4c8-font-size );font-weight:var( --e-global-typography-e95f4c8-font-weight );line-height:var( --e-global-typography-e95f4c8-line-height );word-spacing:var( --e-global-typography-e95f4c8-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-74 .elementor-element.elementor-element-876cffe{padding:0px 3px 0px 0px;--main-alignment:center;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#00B8FF;--toggle-button-background-color:#071522;--toggle-button-border-color:#00B8FF;--toggle-button-border-width:0px;--toggle-button-border-radius:8px;--toggle-icon-size:16px;--toggle-icon-padding:9px 9px 9px 9px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-74 .elementor-element.elementor-element-876cffe.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container{left:0;right:auto;transform:none;}.elementor-74 .elementor-element.elementor-element-876cffe .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-74 .elementor-element.elementor-element-6f851bd{--display:flex;}.elementor-74 .elementor-element.elementor-element-f18964f{--display:flex;}.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-74 .elementor-element.elementor-element-6f8ebef .elementor-icon-wrapper{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-fdbdcf4{font-family:"PFX1 Font", Sans-serif;font-size:22px;font-weight:500;line-height:1.5em;color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-157079c{--display:flex;}.elementor-74 .elementor-element.elementor-element-3dd27de .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-3ca4075{color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-04290a2{--display:flex;}.elementor-74 .elementor-element.elementor-element-142471e .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-244e265{color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-e0a6fa2{--display:flex;}.elementor-74 .elementor-element.elementor-element-502462b .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-7ce9ac6{color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-cf3429a{--display:flex;}.elementor-74 .elementor-element.elementor-element-824f26d .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-e1e4fca{color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-45ed237{--display:flex;}.elementor-74 .elementor-element.elementor-element-740dab1 .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-54ef4df{color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-6d34cae{--display:flex;}.elementor-74 .elementor-element.elementor-element-985580b{--display:flex;}.elementor-74 .elementor-element.elementor-element-9b702e7 .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-f56ca82{font-family:"PFX1 Font", Sans-serif;font-size:22px;font-weight:500;line-height:1.5em;color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-71467e7{--display:flex;}.elementor-74 .elementor-element.elementor-element-2f01329 .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-e7b3e53{color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-ece79d7{--display:flex;}.elementor-74 .elementor-element.elementor-element-5424000 .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-5573b2a{color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-fb737d4{--display:flex;}.elementor-74 .elementor-element.elementor-element-506aa95 .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-b233a68{color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-e32c7c4{--display:flex;}.elementor-74 .elementor-element.elementor-element-2ed6459 .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-9cf1ba7{color:var( --e-global-color-7574741 );}.elementor-74 .elementor-element.elementor-element-2d72220{--display:flex;}.elementor-74 .elementor-element.elementor-element-8ac0cd6{padding:0px 3px 0px 0px;--main-alignment:center;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-a24524e );--toggle-button-background-color:var( --e-global-color-primary );--toggle-button-border-color:var( --e-global-color-a24524e );--toggle-button-border-width:0px;--toggle-icon-size:16px;--toggle-icon-padding:9px 9px 9px 9px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-74 .elementor-element.elementor-element-8ac0cd6 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.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-74 .elementor-element.elementor-element-331c28fc{--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-74 .elementor-element.elementor-element-46506a1f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:14px;--padding-left:22px;--padding-right:22px;}.elementor-74 .elementor-element.elementor-element-830360{--min-height:72px;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-2f216100{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-e95f4c8-font-size );line-height:var( --e-global-typography-e95f4c8-line-height );word-spacing:var( --e-global-typography-e95f4c8-word-spacing );}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown .elementor-item, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-e95f4c8-font-size );word-spacing:var( --e-global-typography-e95f4c8-word-spacing );}.elementor-74 .elementor-element.elementor-element-78c951dd{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-74 .elementor-element.elementor-element-41ce9d42{padding:0px 18px 0px 18px;}.elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button{font-size:var( --e-global-typography-e95f4c8-font-size );line-height:var( --e-global-typography-e95f4c8-line-height );word-spacing:var( --e-global-typography-e95f4c8-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-74 .elementor-element.elementor-element-6f851bd{--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;--justify-content:space-between;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-74 .elementor-element.elementor-element-fdbdcf4{font-size:20px;line-height:1.5em;}.elementor-74 .elementor-element.elementor-element-6d34cae{--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;--justify-content:space-between;}.elementor-74 .elementor-element.elementor-element-f56ca82{font-size:20px;line-height:1.5em;}.elementor-74 .elementor-element.elementor-element-2d72220{--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;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-74 .elementor-element.elementor-element-b3ffed2{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-74 .elementor-element.elementor-element-8ac0cd6{padding:0px 0px 0px 0px;--main-alignment:center;}.elementor-74 .elementor-element.elementor-element-8ac0cd6.elementor-element{--align-self:flex-end;}}@media(max-width:767px){.elementor-74 .elementor-element.elementor-element-331c28fc{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-74 .elementor-element.elementor-element-46506a1f{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:14px;--padding-right:14px;}.elementor-74 .elementor-element.elementor-element-830360{--min-height:66px;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-2f216100{--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;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-e95f4c8-font-size );line-height:var( --e-global-typography-e95f4c8-line-height );word-spacing:var( --e-global-typography-e95f4c8-word-spacing );}.elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown .elementor-item, .elementor-74 .elementor-element.elementor-element-69dea290 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-e95f4c8-font-size );word-spacing:var( --e-global-typography-e95f4c8-word-spacing );}.elementor-74 .elementor-element.elementor-element-78c951dd{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-74 .elementor-element.elementor-element-41ce9d42{padding:0px 14px 0px 14px;}.elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button{font-size:var( --e-global-typography-e95f4c8-font-size );line-height:var( --e-global-typography-e95f4c8-line-height );word-spacing:var( --e-global-typography-e95f4c8-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-74 .elementor-element.elementor-element-6f851bd{--width:100%;--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;--justify-content:space-between;--align-items:center;}.elementor-74 .elementor-element.elementor-element-f18964f{--width:15%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-74 .elementor-element.elementor-element-fdbdcf4{font-size:18px;line-height:1.5em;}.elementor-74 .elementor-element.elementor-element-157079c{--width:15%;}.elementor-74 .elementor-element.elementor-element-04290a2{--width:15%;}.elementor-74 .elementor-element.elementor-element-e0a6fa2{--width:15%;}.elementor-74 .elementor-element.elementor-element-cf3429a{--width:15%;}.elementor-74 .elementor-element.elementor-element-45ed237{--width:15%;}.elementor-74 .elementor-element.elementor-element-6d34cae{--width:100%;--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;--justify-content:space-between;--align-items:center;}.elementor-74 .elementor-element.elementor-element-985580b{--width:15%;}.elementor-74 .elementor-element.elementor-element-f56ca82{font-size:18px;line-height:1.5em;}.elementor-74 .elementor-element.elementor-element-71467e7{--width:15%;}.elementor-74 .elementor-element.elementor-element-ece79d7{--width:15%;}.elementor-74 .elementor-element.elementor-element-fb737d4{--width:15%;}.elementor-74 .elementor-element.elementor-element-e32c7c4{--width:15%;}}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-331c28fc{--width:100%;}.elementor-74 .elementor-element.elementor-element-46506a1f{--width:100%;}.elementor-74 .elementor-element.elementor-element-830360{--content-width:1360px;}.elementor-74 .elementor-element.elementor-element-2f216100{--width:15%;}.elementor-74 .elementor-element.elementor-element-78c951dd{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-74 .elementor-element.elementor-element-46506a1f{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-41ce9d42 *//* ========================================================= PFX1 ACCOUNT ACTION — DYNAMIC ACCENT Exact Match With Desktop Menu Cart Class: pfx-header-account Version: 2026-07.28 ========================================================= */ /* ========================================================= 01) TOKENS + WIDGET ========================================================= */ .elementor-74 .elementor-element.elementor-element-41ce9d42 { --pfx-account-accent: var(--pfx-accent, #00B8FF); --pfx-account-accent-rgb: var(--pfx-accent-rgb, 0, 184, 255); width: auto !important; max-width: 38px !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================================= 02) WRAPPER ========================================================= */ .elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button-wrapper { width: 38px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================================= 03) BUTTON ========================================================= */ .elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button { position: relative !important; width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--pfx-account-accent) !important; border: 1px solid rgba(var(--pfx-account-accent-rgb), .46) !important; border-radius: 8px !important; background: linear-gradient( 180deg, rgba(var(--pfx-account-accent-rgb), .075), rgba(var(--pfx-account-accent-rgb), .025) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 0 rgba(var(--pfx-account-accent-rgb), 0) !important; text-decoration: none !important; transform: none !important; transition: color 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease !important; } /* ========================================================= 04) TEXT ========================================================= */ .elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button-text { display: none !important; } /* ========================================================= 05) ICON ========================================================= */ .elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button-icon { width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: inherit !important; } .elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button-icon svg { width: 16px !important; height: 16px !important; margin: 0 !important; fill: currentColor !important; color: inherit !important; } .elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button-icon i { font-size: 16px !important; line-height: 1 !important; color: inherit !important; } /* ========================================================= 06) HOVER ========================================================= */ .elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button:hover { color: #FFFFFF !important; border-color: rgba(var(--pfx-account-accent-rgb), .82) !important; background: radial-gradient( circle at 50% 0%, rgba(var(--pfx-account-accent-rgb), .34), transparent 52% ), linear-gradient( 135deg, rgba(var(--pfx-account-accent-rgb), .88), rgba(var(--pfx-account-accent-rgb), .62) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 24px rgba(var(--pfx-account-accent-rgb), .30), 0 0 46px rgba(var(--pfx-account-accent-rgb), .16) !important; transform: none !important; } /* ========================================================= 07) FOCUS ========================================================= */ .elementor-74 .elementor-element.elementor-element-41ce9d42 .elementor-button:focus-visible { outline: 2px solid rgba(var(--pfx-account-accent-rgb), .78) !important; outline-offset: 2px !important; } /* ========================================================= 08) NOTIFICATION BADGE ========================================================= */ .elementor-74 .elementor-element.elementor-element-41ce9d42[data-pfx-notifications]:not([data-pfx-notifications="0"]):not([data-pfx-notifications=""]) .elementor-button::after { content: attr(data-pfx-notifications); position: absolute !important; top: -7px !important; left: -8px !important; min-width: 16px !important; height: 16px !important; padding: 0 4px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(var(--pfx-account-accent-rgb), .68) !important; border-radius: 999px !important; background: #04111D !important; color: #FFFFFF !important; font-family: inherit !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: 0 0 7px rgba(var(--pfx-account-accent-rgb), .45), 0 0 13px rgba(var(--pfx-account-accent-rgb), .20) !important; pointer-events: none !important; z-index: 10 !important; } /* ========================================================= 09) REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-74 .elementor-element.elementor-element-41ce9d42 *, .elementor-74 .elementor-element.elementor-element-41ce9d42 *::before, .elementor-74 .elementor-element.elementor-element-41ce9d42 *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-876cffe *//* ========================================================= PFX1 DESKTOP MENU CART MINI CART DROPDOWN — WIDE / CLEAN PRODUCT LAYOUT Class: pfx-header-menu-cart Version: 2026-08-01.3 — Safe Hidden-State Fix FULL REPLACEMENT ========================================================= */ /* ========================================================= 01) TOKENS + WIDGET ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe { --pfx-cart-accent: var(--pfx-accent, #00B8FF); --pfx-cart-accent-rgb: var(--pfx-accent-rgb, 0, 184, 255); --pfx-cart-deep-rgb: var(--pfx-accent-deep-rgb, 0, 123, 255); --pfx-cart-text: #D6E3F3; --pfx-cart-muted: #8FA6BF; --pfx-cart-bg-1: rgba(5, 16, 29, .985); --pfx-cart-bg-2: rgba(2, 7, 16, .995); --pfx-mini-cart-width: 330px; --pfx-mini-cart-radius: 12px; width: auto !important; max-width: 38px !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; position: relative !important; overflow: visible !important; } /* ========================================================= 02) WRAPPERS ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__wrapper, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle_wrapper, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle { position: relative !important; overflow: visible !important; } /* ========================================================= 03) HEADER TOGGLE ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle .elementor-button, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle_button { position: relative !important; width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; color: var(--pfx-cart-accent) !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .46) !important; border-radius: 8px !important; background: linear-gradient( 180deg, rgba(var(--pfx-cart-accent-rgb), .075), rgba(var(--pfx-cart-deep-rgb), .025) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 0 rgba(var(--pfx-cart-accent-rgb), 0) !important; transform: none !important; transition: color 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle .elementor-button-text, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle .elementor-menu-cart__subtotal { display: none !important; } /* ========================================================= 04) TOGGLE ICON ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle .elementor-button-icon { /* * IMPORTANT: * static باعث می‌شود Badge نسبت به کل دکمه سبد * Position بگیرد، نه نسبت به خود SVG. */ position: static !important; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: inherit !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle .elementor-button-icon svg { width: 16px !important; height: 16px !important; margin: 0 !important; fill: currentColor !important; color: inherit !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle .elementor-button-icon i { font-size: 16px !important; line-height: 1 !important; color: inherit !important; } /* ========================================================= 05) CART BADGE Outside icon — Top Left ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle .elementor-button-icon-qty { position: absolute !important; top: -8px !important; left: -8px !important; right: auto !important; bottom: auto !important; min-width: 17px !important; width: auto !important; height: 17px !important; min-height: 17px !important; padding: 0 4px !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .82) !important; border-radius: 999px !important; background: #04111D !important; color: #FFFFFF !important; font-family: inherit !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: 0 0 7px rgba(var(--pfx-cart-accent-rgb), .52), 0 0 14px rgba(var(--pfx-cart-deep-rgb), .26) !important; transform: none !important; z-index: 20 !important; pointer-events: none !important; } /* ========================================================= 06) HOVER / OPEN / FOCUS ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle .elementor-button:hover, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle_button:hover, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle .elementor-button[aria-expanded="true"], .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle_button[aria-expanded="true"] { color: #FFFFFF !important; border-color: rgba(var(--pfx-cart-accent-rgb), .82) !important; background: radial-gradient( circle at 50% 0%, rgba(var(--pfx-cart-accent-rgb), .34), transparent 52% ), linear-gradient( 135deg, rgba(var(--pfx-cart-deep-rgb), .88), rgba(var(--pfx-cart-accent-rgb), .72) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 24px rgba(var(--pfx-cart-accent-rgb), .32), 0 0 48px rgba(var(--pfx-cart-deep-rgb), .20) !important; transform: none !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle .elementor-button:focus-visible, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle_button:focus-visible { outline: 2px solid rgba(var(--pfx-cart-accent-rgb), .78) !important; outline-offset: 2px !important; } /* ========================================================= 06.5) CLOSED / OPEN STATE SAFETY IMPORTANT: The previous CSS forced transform:none on the cart panel, so Elementor could not keep the closed panel off-canvas. These rules fully remove the closed panel from layout and pointer interaction, then restore it only when opened. ========================================================= */ /* Closed state: never cover login/register or any page control */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__container[aria-hidden="true"], .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__main[aria-hidden="true"] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transform: none !important; } /* Defensive fallback for every descendant of a closed cart */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__container[aria-hidden="true"] *, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__main[aria-hidden="true"] * { pointer-events: none !important; } /* Open state */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__container[aria-hidden="false"], .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__main[aria-hidden="false"] { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: none !important; } /* Keep the toggle usable at all times */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle *, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__toggle_button { pointer-events: auto !important; } /* ========================================================= 07) DROPDOWN CONTAINER — DESKTOP ========================================================= */ @media (min-width: 1025px) { .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__container { position: absolute !important; top: calc(100% + 4px) !important; left: -12px !important; right: auto !important; bottom: auto !important; width: var(--pfx-mini-cart-width) !important; min-width: var(--pfx-mini-cart-width) !important; max-width: var(--pfx-mini-cart-width) !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; z-index: 999999 !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__container::before { display: none !important; content: none !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__main { position: relative !important; width: var(--pfx-mini-cart-width) !important; min-width: var(--pfx-mini-cart-width) !important; max-width: var(--pfx-mini-cart-width) !important; height: auto !important; min-height: 0 !important; max-height: min(500px, calc(100vh - 120px)) !important; margin: 0 !important; padding: 12px 12px 14px !important; direction: rtl !important; color: var(--pfx-cart-text) !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .34) !important; border-radius: var(--pfx-mini-cart-radius) !important; background: radial-gradient( 430px 170px at 92% -10%, rgba(var(--pfx-cart-accent-rgb), .18), transparent 68% ), linear-gradient( 180deg, var(--pfx-cart-bg-1), var(--pfx-cart-bg-2) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 18px 44px rgba(0,0,0,.38), 0 0 24px rgba(var(--pfx-cart-accent-rgb), .09) !important; backdrop-filter: blur(18px) saturate(120%) !important; -webkit-backdrop-filter: blur(18px) saturate(120%) !important; overflow-x: hidden !important; overflow-y: auto !important; box-sizing: border-box !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__main::before { content: "" !important; position: absolute !important; top: -5px !important; left: 18px !important; width: 9px !important; height: 9px !important; border-top: 1px solid rgba(var(--pfx-cart-accent-rgb), .34) !important; border-left: 1px solid rgba(var(--pfx-cart-accent-rgb), .34) !important; background: rgba(5,16,29,.99) !important; transform: rotate(45deg) !important; pointer-events: none !important; } } /* ========================================================= 08) CLOSE BUTTON ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__close-button { width: 17px !important; min-width: 17px !important; height: 17px !important; min-height: 17px !important; margin: 0 0 5px auto !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #FF5A6B !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__close-button:hover, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__close-button:focus-visible { color: #FF7A87 !important; background: transparent !important; box-shadow: none !important; outline: none !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__close-button::before, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__close-button::after { width: 12px !important; height: 1.6px !important; background: currentColor !important; border-radius: 999px !important; } /* ========================================================= 09) CART CONTENT ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .widget_shopping_cart_content, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__products, .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart { width: 100% !important; color: var(--pfx-cart-text) !important; background: transparent !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__products, .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart { margin: 0 !important; padding: 0 !important; } /* ========================================================= 10) ELEMENTOR PRODUCT ROW ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product { position: relative !important; display: grid !important; grid-template-columns: 52px minmax(0, 1fr) 24px !important; grid-template-rows: auto auto !important; column-gap: 10px !important; row-gap: 4px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; padding: 10px 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(var(--pfx-cart-accent-rgb), .11) !important; background: transparent !important; box-sizing: border-box !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-image { grid-column: 1 !important; grid-row: 1 / 3 !important; width: 52px !important; min-width: 52px !important; align-self: center !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-image img { display: block !important; width: 52px !important; height: 52px !important; margin: 0 !important; object-fit: cover !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .18) !important; border-radius: 9px !important; background: rgba(255,255,255,.025) !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-name { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-name, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-name a { color: var(--pfx-cart-text) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.55 !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-name a:hover { color: var(--pfx-cart-accent) !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-price { grid-column: 2 !important; grid-row: 2 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: var(--pfx-cart-muted) !important; font-size: 11px !important; line-height: 1.5 !important; white-space: normal !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-price *, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-price .amount { color: var(--pfx-cart-muted) !important; font-size: 11px !important; line-height: 1.5 !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-remove { grid-column: 3 !important; grid-row: 1 / 3 !important; align-self: center !important; justify-self: center !important; position: relative !important; inset: auto !important; width: 22px !important; min-width: 22px !important; height: 22px !important; min-height: 22px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--pfx-cart-muted) !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .16) !important; border-radius: 6px !important; background: transparent !important; transform: none !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__product-remove:hover { color: #FFFFFF !important; border-color: rgba(var(--pfx-cart-accent-rgb), .50) !important; background: rgba(var(--pfx-cart-accent-rgb), .08) !important; } /* ========================================================= 11) CLASSIC WOO MINI-CART FALLBACK ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart-item { position: relative !important; min-height: 64px !important; margin: 0 !important; padding: 10px 32px 10px 62px !important; border-bottom: 1px solid rgba(var(--pfx-cart-accent-rgb), .11) !important; background: transparent !important; box-sizing: border-box !important; } .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart-item a:not(.remove) { display: block !important; color: var(--pfx-cart-text) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.55 !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: anywhere !important; } .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart-item a:not(.remove):hover { color: var(--pfx-cart-accent) !important; } .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart-item img { position: absolute !important; top: 10px !important; left: 0 !important; width: 52px !important; height: 52px !important; margin: 0 !important; object-fit: cover !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .18) !important; border-radius: 9px !important; background: rgba(255,255,255,.025) !important; } .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart-item .quantity, .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart-item .amount { color: var(--pfx-cart-muted) !important; font-size: 11px !important; line-height: 1.5 !important; } .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart-item a.remove { position: absolute !important; top: 50% !important; right: 2px !important; width: 22px !important; height: 22px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--pfx-cart-muted) !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .16) !important; border-radius: 6px !important; background: transparent !important; transform: translateY(-50%) !important; } .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart-item a.remove:hover { color: #FFFFFF !important; border-color: rgba(var(--pfx-cart-accent-rgb), .50) !important; background: rgba(var(--pfx-cart-accent-rgb), .08) !important; } /* ========================================================= 12) EMPTY CART ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart__empty-message, .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__empty-message { margin: 2px 0 !important; padding: 12px 10px !important; color: var(--pfx-cart-muted) !important; text-align: center !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.7 !important; border: 1px dashed rgba(var(--pfx-cart-accent-rgb), .20) !important; border-radius: 8px !important; background: rgba(var(--pfx-cart-accent-rgb), .025) !important; } /* ========================================================= 13) SUBTOTAL ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__main .elementor-menu-cart__subtotal { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 10px 0 8px !important; padding: 9px 0 !important; color: var(--pfx-cart-text) !important; font-size: 12px !important; line-height: 1.5 !important; border-top: 1px solid rgba(var(--pfx-cart-accent-rgb), .12) !important; border-bottom: 1px solid rgba(var(--pfx-cart-accent-rgb), .12) !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__main .elementor-menu-cart__subtotal .amount { color: var(--pfx-cart-accent) !important; font-weight: 700 !important; white-space: nowrap !important; } /* ========================================================= 14) FOOTER BUTTONS ========================================================= */ .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__footer-buttons, .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart__buttons { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin-top: 9px !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__footer-buttons .elementor-button, .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart__buttons a.button { min-height: 36px !important; margin: 0 !important; padding: 0 10px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--pfx-cart-text) !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: center !important; white-space: nowrap !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .30) !important; border-radius: 8px !important; background: rgba(var(--pfx-cart-accent-rgb), .05) !important; transform: none !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__footer-buttons .elementor-button:hover, .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart__buttons a.button:hover { color: #FFFFFF !important; border-color: rgba(var(--pfx-cart-accent-rgb), .64) !important; background: rgba(var(--pfx-cart-accent-rgb), .11) !important; box-shadow: 0 0 14px rgba(var(--pfx-cart-accent-rgb), .10) !important; } .elementor-74 .elementor-element.elementor-element-876cffe .elementor-menu-cart__footer-buttons .elementor-button--checkout, .elementor-74 .elementor-element.elementor-element-876cffe .woocommerce-mini-cart__buttons a.checkout { color: #FFFFFF !important; background: linear-gradient( 135deg, rgba(var(--pfx-cart-deep-rgb), .82), rgba(var(--pfx-cart-accent-rgb), .62) ) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-331c28fc *//* ========================================================= PFX HEADER — UNIVERSAL DESIGN SYSTEM V3 Single Geometry Contract + Dynamic Page Accent Version: 2026-08.1 / 1360 / SITE-WIDE Elementor controls: - Layout - Container direction - Order - Width distribution - Responsive structure CSS controls: - Shared shell width and edge gap - Header visual appearance - Theme colors inherited from each page - Borders, glow and hover/focus - Desktop navigation and submenu - Header action buttons Required page-level theme variables: --pfx-shell-width --pfx-shell-edge-gap --pfx-accent --pfx-accent-rgb --pfx-accent-deep --pfx-accent-deep-rgb --pfx-accent-highlight --pfx-accent-highlight-rgb ========================================================= */ /* ========================================================= 01) QUICK SETTINGS ========================================================= */ .elementor-74 .elementor-element.elementor-element-331c28fc { /* Shared alignment contract */ --pfx-header-width: var( --pfx-shell-width, var(--pfx-content-width, 1360px) ); --pfx-header-side-space: var( --pfx-shell-edge-gap, var(--pfx-page-gutter, 20px) ); /* Main shell */ --pfx-header-height: 74px; --pfx-header-radius: 18px; /* Spacing */ --pfx-header-top-space: 22px; --pfx-shell-side-padding: 24px; /* Background */ --pfx-bg-1: rgba(3, 7, 17, 0.86); --pfx-bg-2: rgba(2, 4, 10, 0.97); /* Page-owned accent */ --pfx-cyan: var(--pfx-accent, #00B8FF); --pfx-cyan-rgb: var(--pfx-accent-rgb, 0, 184, 255); --pfx-violet: var(--pfx-accent-deep, #007BFF); --pfx-violet-rgb: var(--pfx-accent-deep-rgb, 0, 123, 255); --pfx-magenta: var(--pfx-accent-highlight, var(--pfx-accent, #00B8FF)); --pfx-magenta-rgb: var( --pfx-accent-highlight-rgb, var(--pfx-accent-rgb, 0, 184, 255) ); --pfx-theme-gradient: linear-gradient( 105deg, var(--pfx-cyan) 0%, var(--pfx-violet) 62%, var(--pfx-magenta) 100% ); /* Borders */ --pfx-border: rgba(var(--pfx-violet-rgb), 0.36); --pfx-border-strong: rgba(var(--pfx-magenta-rgb), 0.76); --pfx-border-soft: rgba(var(--pfx-violet-rgb), 0.22); /* Text */ --pfx-white: #FFFFFF; --pfx-text: #D6E3F3; --pfx-muted: #8FA6BF; /* Logo */ --pfx-logo-width: 96px; /* Desktop navigation — geometry is identical in all states */ --pfx-nav-font: 13px; --pfx-nav-item-height: 34px; --pfx-nav-gap: 18px; /* Desktop dropdown */ --pfx-dropdown-width: 240px; --pfx-dropdown-radius: 16px; --pfx-dropdown-item-height: 44px; /* Actions */ --pfx-action-width: 42px; --pfx-action-height: 36px; --pfx-action-radius: 10px; --pfx-action-gap: 5px; /* Mobile */ --pfx-mobile-action-width: 38px; --pfx-mobile-action-height: 36px; } /* ========================================================= 02) SAFE RESET ========================================================= */ .elementor-74 .elementor-element.elementor-element-331c28fc, .elementor-74 .elementor-element.elementor-element-331c28fc *, .elementor-74 .elementor-element.elementor-element-331c28fc *::before, .elementor-74 .elementor-element.elementor-element-331c28fc *::after { box-sizing: border-box; } .elementor-74 .elementor-element.elementor-element-331c28fc p, .elementor-74 .elementor-element.elementor-element-331c28fc h1, .elementor-74 .elementor-element.elementor-element-331c28fc h2, .elementor-74 .elementor-element.elementor-element-331c28fc h3, .elementor-74 .elementor-element.elementor-element-331c28fc h4, .elementor-74 .elementor-element.elementor-element-331c28fc h5, .elementor-74 .elementor-element.elementor-element-331c28fc h6, .elementor-74 .elementor-element.elementor-element-331c28fc ul { margin-block-start: 0; margin-block-end: 0; } .elementor-74 .elementor-element.elementor-element-331c28fc ul { padding: 0; list-style: none; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-trust-strip, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-trust-card, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-desktop-menu, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-mobile-nav, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-logo-text { display: none !important; } /* ========================================================= 03) OUTER HEADER ========================================================= */ .elementor-74 .elementor-element.elementor-element-331c28fc { width: 100%; max-width: 100%; margin: 0 !important; position: sticky !important; top: 0; z-index: 999 !important; padding: var(--pfx-header-top-space) var(--pfx-header-side-space) 0 var(--pfx-header-side-space) !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; isolation: isolate; } body.admin-bar .elementor-74 .elementor-element.elementor-element-331c28fc { top: 32px; } @media (max-width: 782px) { body.admin-bar .elementor-74 .elementor-element.elementor-element-331c28fc { top: 46px; } } .elementor-74 .elementor-element.elementor-element-331c28fc::before, .elementor-74 .elementor-element.elementor-element-331c28fc::after, .elementor-74 .elementor-element.elementor-element-331c28fc > .elementor-background-overlay { content: none !important; display: none !important; background: none !important; opacity: 0 !important; box-shadow: none !important; } /* ========================================================= 04) GLASS SHELL ========================================================= */ .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-shell { width: min(100%, var(--pfx-header-width)) !important; max-width: var(--pfx-header-width) !important; flex: 0 0 auto !important; height: var(--pfx-header-height) !important; min-height: var(--pfx-header-height) !important; margin: 0 auto !important; padding: 0 var(--pfx-shell-side-padding) !important; position: relative !important; display: flex !important; align-items: center !important; overflow: visible !important; isolation: isolate; border-radius: var(--pfx-header-radius) !important; border: 1px solid var(--pfx-border) !important; background: radial-gradient( circle at 10% 0%, rgba(var(--pfx-cyan-rgb), 0.15), transparent 32% ), radial-gradient( circle at 76% 0%, rgba(var(--pfx-violet-rgb), 0.13), transparent 38% ), radial-gradient( circle at 100% 100%, rgba(var(--pfx-magenta-rgb), 0.08), transparent 36% ), linear-gradient( 180deg, var(--pfx-bg-1), var(--pfx-bg-2) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 0 22px rgba(var(--pfx-cyan-rgb), .055), 0 0 42px rgba(var(--pfx-violet-rgb), .055), 0 18px 54px rgba(0,0,0,.30) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: border-color 220ms ease, box-shadow 220ms ease !important; } /* Unified interaction with hero */ .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-shell:hover, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-shell:focus-within { border-color: var(--pfx-border-strong) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 22px rgba(var(--pfx-cyan-rgb), .20), 0 0 48px rgba(var(--pfx-violet-rgb), .16), 0 0 72px rgba(var(--pfx-magenta-rgb), .075), 0 18px 54px rgba(0,0,0,.30) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-shell > .elementor-background-overlay { display: none !important; background: none !important; opacity: 0 !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-shell > * { position: relative; z-index: 1; } /* ========================================================= 05) SUBTLE TEXTURE + TOP LINE ========================================================= */ .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-shell::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .055; border-radius: inherit; background-image: linear-gradient( rgba(255,255,255,.045) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,.045) 1px, transparent 1px ); background-size: 72px 72px; mask-image: radial-gradient( circle at 50% 10%, black 0%, transparent 72% ); -webkit-mask-image: radial-gradient( circle at 50% 10%, black 0%, transparent 72% ); } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-shell::after { content: ""; position: absolute; z-index: 2; top: 0; left: 10%; right: 10%; height: 1px; pointer-events: none; background: linear-gradient( 90deg, transparent, var(--pfx-cyan), rgba(255,255,255,.28), var(--pfx-violet), var(--pfx-magenta), transparent ); box-shadow: 0 0 14px rgba(var(--pfx-cyan-rgb), .24), 0 0 24px rgba(var(--pfx-violet-rgb), .16), 0 0 34px rgba(var(--pfx-magenta-rgb), .08); } /* ========================================================= 06) MAIN ROW ========================================================= */ .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-main { width: 100% !important; height: calc( var(--pfx-header-height) - 2px ) !important; min-height: calc( var(--pfx-header-height) - 2px ) !important; position: relative !important; z-index: 1 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-main::before, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-main::after, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-main > .elementor-background-overlay { content: none !important; display: none !important; background: none !important; opacity: 0 !important; box-shadow: none !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-main > .e-con, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-main > .elementor-container, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-main > .elementor-element.e-con { background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 07) LOGO ========================================================= */ .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-logo-mark, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-logo-mark .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-logo-area .elementor-widget-container { width: var(--pfx-logo-width) !important; max-width: var(--pfx-logo-width) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-logo-mark img, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-logo-area img { max-width: var(--pfx-logo-width) !important; height: auto !important; display: block !important; object-fit: contain !important; filter: drop-shadow( 0 0 11px rgba(var(--pfx-cyan-rgb), .18) ) drop-shadow( 0 0 22px rgba(var(--pfx-violet-rgb), .11) ) drop-shadow( 0 0 30px rgba(var(--pfx-magenta-rgb), .045) ); } /* ========================================================= 08) DESKTOP NAVIGATION ========================================================= */ @media (min-width: 1025px) { .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-menu-toggle { display: none !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { display: none !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main { overflow: visible !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: var(--pfx-nav-gap) !important; overflow: visible !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li { width: auto !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; position: relative !important; overflow: visible !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item { position: relative !important; width: auto !important; min-height: var(--pfx-nav-item-height) !important; height: var(--pfx-nav-item-height) !important; max-height: var(--pfx-nav-item-height) !important; margin: 0 !important; padding: 7px 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 0 !important; color: var(--pfx-text) !important; background: transparent !important; box-shadow: none !important; font-family: inherit !important; font-size: var(--pfx-nav-font) !important; line-height: 1.45 !important; font-weight: 700 !important; letter-spacing: 0 !important; white-space: nowrap !important; transform: none !important; transition-property: color, text-shadow !important; transition-duration: 220ms !important; transition-timing-function: ease !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item::after { content: ""; position: absolute; right: 0; left: 0; bottom: 0; height: 1px; opacity: 0; background: var(--pfx-theme-gradient); box-shadow: 0 0 12px rgba(var(--pfx-cyan-rgb), .20), 0 0 20px rgba(var(--pfx-violet-rgb), .14), 0 0 28px rgba(var(--pfx-magenta-rgb), .07); transition: opacity 220ms ease; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item:hover, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item:focus-visible, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item.elementor-item-active, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > .elementor-item, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > .elementor-item, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.current_page_item > .elementor-item { color: var(--pfx-white) !important; text-shadow: 0 0 12px rgba(var(--pfx-cyan-rgb), .18), 0 0 23px rgba(var(--pfx-violet-rgb), .14), 0 0 30px rgba(var(--pfx-magenta-rgb), .06); } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item:hover::after, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item:focus-visible::after, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item.elementor-item-active::after, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > .elementor-item::after, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > .elementor-item::after, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.current_page_item > .elementor-item::after { opacity: 1; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.menu-item-has-children { padding-left: 17px !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.menu-item-has-children::after { content: ""; position: absolute !important; left: 1px !important; top: 50% !important; width: 6px !important; height: 6px !important; border-right: 1.5px solid var(--pfx-cyan) !important; border-bottom: 1.5px solid var(--pfx-cyan) !important; transform: translateY(-72%) rotate(45deg) !important; opacity: .82 !important; pointer-events: none !important; z-index: 5 !important; filter: drop-shadow( 0 0 5px rgba(var(--pfx-cyan-rgb), .50) ); transition: opacity 220ms ease, border-color 220ms ease, filter 220ms ease; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.menu-item-has-children:hover::after { opacity: 1 !important; border-color: var(--pfx-magenta) !important; filter: drop-shadow( 0 0 7px rgba(var(--pfx-magenta-rgb), .55) ); } } /* ========================================================= 08.1) NAV STATE GEOMETRY LOCK Elementor or WordPress current-menu classes may change visual state, but must never change dimensions or move the header. ========================================================= */ @media (min-width: 1025px) { .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item:hover, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item:focus, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item:focus-visible, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item.elementor-item-active, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > .elementor-item, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > .elementor-item, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main > .elementor-nav-menu > li.current_page_item > .elementor-item { min-height: var(--pfx-nav-item-height) !important; height: var(--pfx-nav-item-height) !important; max-height: var(--pfx-nav-item-height) !important; margin: 0 !important; padding: 7px 0 !important; border: 0 !important; font-family: inherit !important; font-size: var(--pfx-nav-font) !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: 0 !important; transform: none !important; } } /* ========================================================= 09) DESKTOP SUBMENU ========================================================= */ @media (min-width: 1025px) { .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main li.menu-item-has-children > ul.sub-menu { position: absolute !important; top: calc(100% + 10px) !important; right: 0 !important; left: auto !important; min-width: var(--pfx-dropdown-width) !important; width: var(--pfx-dropdown-width) !important; padding: 8px !important; margin: 0 !important; direction: rtl !important; text-align: right !important; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-4px); border: 1px solid rgba(var(--pfx-violet-rgb), .38) !important; border-radius: var(--pfx-dropdown-radius) !important; background: radial-gradient( circle at 18% 0%, rgba(var(--pfx-cyan-rgb), .12), transparent 40% ), radial-gradient( circle at 84% 0%, rgba(var(--pfx-violet-rgb), .15), transparent 43% ), radial-gradient( circle at 100% 100%, rgba(var(--pfx-magenta-rgb), .07), transparent 39% ), linear-gradient( 180deg, rgba(7,18,31,.985), rgba(2,7,16,.99) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.085), 0 0 0 1px rgba(var(--pfx-violet-rgb), .035), 0 0 20px rgba(var(--pfx-cyan-rgb), .08), 0 0 34px rgba(var(--pfx-violet-rgb), .09), 0 22px 54px rgba(0,0,0,.52) !important; backdrop-filter: blur(18px) saturate(125%) !important; -webkit-backdrop-filter: blur(18px) saturate(125%) !important; overflow: visible !important; z-index: 99999 !important; transition: opacity 170ms ease, visibility 170ms ease, transform 170ms ease !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main li.menu-item-has-children:hover > ul.sub-menu, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main li.menu-item-has-children:focus-within > ul.sub-menu, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main li.menu-item-has-children > ul.sub-menu[aria-hidden="false"] { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main li.menu-item-has-children > ul.sub-menu::after { content: ""; position: absolute; top: -11px; right: 0; left: 0; height: 11px; background: transparent; pointer-events: auto; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main li.menu-item-has-children > ul.sub-menu::before { content: ""; position: absolute; top: 0; right: 14%; left: 14%; height: 1px; pointer-events: none; border-radius: 100%; background: var(--pfx-theme-gradient); box-shadow: 0 0 11px rgba(var(--pfx-cyan-rgb), .20), 0 0 18px rgba(var(--pfx-violet-rgb), .14), 0 0 24px rgba(var(--pfx-magenta-rgb), .07); z-index: 4; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li { position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; direction: rtl !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li > a, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li > .elementor-sub-item { position: relative !important; width: 100% !important; min-height: var(--pfx-dropdown-item-height) !important; padding: 0 36px 0 14px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; direction: rtl !important; text-align: right !important; color: var(--pfx-text) !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 9px !important; font-family: inherit !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.5 !important; white-space: nowrap !important; text-shadow: none !important; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, text-shadow 180ms ease !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li > a::after { display: none !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li::before { content: ""; position: absolute; right: 16px; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: rgba(var(--pfx-violet-rgb), .30); box-shadow: 0 0 0 rgba(var(--pfx-violet-rgb), 0); transform: translateY(-50%); pointer-events: none; z-index: 5; transition: background-color 180ms ease, box-shadow 180ms ease; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li > a:hover, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li > a:focus-visible, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li > .elementor-item-active { color: var(--pfx-white) !important; background: linear-gradient( 90deg, rgba(var(--pfx-cyan-rgb), .05), rgba(var(--pfx-violet-rgb), .12), rgba(var(--pfx-magenta-rgb), .06) ) !important; border-color: rgba(var(--pfx-violet-rgb), .22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 0 14px rgba(var(--pfx-cyan-rgb), .05), 0 0 22px rgba(var(--pfx-violet-rgb), .06) !important; text-shadow: 0 0 10px rgba(var(--pfx-cyan-rgb), .15), 0 0 18px rgba(var(--pfx-violet-rgb), .11) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li:hover::before, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li:focus-within::before { background: var(--pfx-magenta); box-shadow: 0 0 8px rgba(var(--pfx-cyan-rgb), .45), 0 0 14px rgba(var(--pfx-violet-rgb), .35), 0 0 20px rgba(var(--pfx-magenta-rgb), .24); } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main ul.sub-menu > li:not(:last-child) > a::before { content: ""; position: absolute; right: 14px; left: 14px; bottom: -1px; height: 1px; background: linear-gradient( 90deg, transparent, rgba(143,166,191,.10), transparent ); pointer-events: none; } } /* ========================================================= 10) ACTION AREA + BUTTON SIZES ========================================================= */ .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-actions { gap: var(--pfx-action-gap) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login .elementor-button, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta .elementor-button { width: var(--pfx-action-width) !important; min-width: var(--pfx-action-width) !important; max-width: var(--pfx-action-width) !important; height: var(--pfx-action-height) !important; min-height: var(--pfx-action-height) !important; max-height: var(--pfx-action-height) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login .elementor-button, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta .elementor-button { padding: 0 !important; border-radius: var(--pfx-action-radius) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; transition: color 220ms ease, background 220ms ease, border-color 220ms ease, box-shadow 220ms ease !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login .elementor-button-text, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta .elementor-button-text { display: none !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login .elementor-button-icon, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta .elementor-button-icon { margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 15.5px !important; line-height: 1 !important; color: inherit !important; transition: color 220ms ease, fill 220ms ease !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login .elementor-button-icon svg, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta .elementor-button-icon svg { width: 15.5px !important; height: 15.5px !important; fill: currentColor !important; } /* Account button */ .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login .elementor-button { color: var(--pfx-cyan) !important; background: radial-gradient( circle at 30% 0%, rgba(var(--pfx-cyan-rgb), .20), transparent 48% ), radial-gradient( circle at 80% 100%, rgba(var(--pfx-violet-rgb), .13), transparent 50% ), linear-gradient( 180deg, rgba(11,21,36,.78), rgba(5,13,24,.52) ) !important; border: 1px solid rgba(var(--pfx-violet-rgb), .44) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 15px rgba(var(--pfx-cyan-rgb), .10), 0 0 24px rgba(var(--pfx-violet-rgb), .07) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login .elementor-button:hover, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login .elementor-button:focus-visible { color: var(--pfx-white) !important; background: radial-gradient( circle at 30% 0%, rgba(255,255,255,.20), transparent 42% ), var(--pfx-theme-gradient) !important; border-color: rgba(var(--pfx-magenta-rgb), .78) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 20px rgba(var(--pfx-cyan-rgb), .25), 0 0 36px rgba(var(--pfx-violet-rgb), .19), 0 0 48px rgba(var(--pfx-magenta-rgb), .08) !important; } /* Cart / secondary action */ .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta .elementor-button { color: var(--pfx-text) !important; background: linear-gradient( 180deg, rgba(11,21,36,.68), rgba(5,13,24,.44) ) !important; border: 1px solid var(--pfx-border-soft) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 12px rgba(var(--pfx-cyan-rgb), .035), 0 0 18px rgba(var(--pfx-violet-rgb), .035) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta .elementor-button:hover, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta .elementor-button:focus-visible { color: var(--pfx-magenta) !important; background: radial-gradient( circle at 25% 0%, rgba(var(--pfx-cyan-rgb), .13), transparent 50% ), radial-gradient( circle at 85% 100%, rgba(var(--pfx-magenta-rgb), .10), transparent 48% ), linear-gradient( 180deg, rgba(13,28,46,.92), rgba(5,13,24,.68) ) !important; border-color: rgba(var(--pfx-magenta-rgb), .52) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 16px rgba(var(--pfx-cyan-rgb), .12), 0 0 28px rgba(var(--pfx-violet-rgb), .11), 0 0 36px rgba(var(--pfx-magenta-rgb), .06) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login .elementor-button:active, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-cta .elementor-button:active { box-shadow: inset 0 2px 5px rgba(0,0,0,.26), 0 0 12px rgba(var(--pfx-violet-rgb), .11) !important; } /* ========================================================= 11) TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-74 .elementor-element.elementor-element-331c28fc { padding: 12px var(--pfx-header-side-space) 0 !important; --pfx-header-height: 64px; --pfx-shell-side-padding: 14px; --pfx-logo-width: 86px; --pfx-action-width: var(--pfx-mobile-action-width); --pfx-action-height: var(--pfx-mobile-action-height); } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-shell { height: var(--pfx-header-height) !important; min-height: var(--pfx-header-height) !important; padding: 0 var(--pfx-shell-side-padding) !important; border-radius: 14px !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-main { height: calc( var(--pfx-header-height) - 2px ) !important; min-height: calc( var(--pfx-header-height) - 2px ) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-login { display: none !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-nav-menu--main { display: none !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-menu-toggle { width: 36px !important; height: 36px !important; padding: 0 !important; margin: 0 !important; color: var(--pfx-white) !important; background: radial-gradient( circle at 30% 0%, rgba(var(--pfx-cyan-rgb), .14), transparent 48% ), radial-gradient( circle at 85% 100%, rgba(var(--pfx-violet-rgb), .11), transparent 48% ), linear-gradient( 180deg, rgba(11,21,36,.78), rgba(5,13,24,.58) ) !important; border: 1px solid rgba(var(--pfx-violet-rgb), .34) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 14px rgba(var(--pfx-cyan-rgb), .08), 0 0 22px rgba(var(--pfx-violet-rgb), .07) !important; transition: color 220ms ease, background 220ms ease, border-color 220ms ease, box-shadow 220ms ease !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-menu-toggle:hover, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-menu-toggle:focus-visible, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-menu-toggle.elementor-active { color: var(--pfx-magenta) !important; border-color: var(--pfx-border-strong) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 0 18px rgba(var(--pfx-cyan-rgb), .15), 0 0 28px rgba(var(--pfx-violet-rgb), .13), 0 0 36px rgba(var(--pfx-magenta-rgb), .06) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-menu-toggle i, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-menu-toggle svg, .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-nav .elementor-menu-toggle span { color: inherit !important; fill: currentColor !important; font-size: 19px !important; } } /* ========================================================= 12) MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-74 .elementor-element.elementor-element-331c28fc { --pfx-header-height: 60px; --pfx-logo-width: 78px; --pfx-action-width: 38px; --pfx-action-height: 36px; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-shell { height: var(--pfx-header-height) !important; min-height: var(--pfx-header-height) !important; } .elementor-74 .elementor-element.elementor-element-331c28fc .pfx-header-main { height: calc( var(--pfx-header-height) - 2px ) !important; min-height: calc( var(--pfx-header-height) - 2px ) !important; } } /* ========================================================= 13) ACCESSIBILITY ========================================================= */ .elementor-74 .elementor-element.elementor-element-331c28fc a:focus-visible, .elementor-74 .elementor-element.elementor-element-331c28fc button:focus-visible, .elementor-74 .elementor-element.elementor-element-331c28fc .elementor-button:focus-visible { outline: 2px solid rgba(var(--pfx-magenta-rgb), .72) !important; outline-offset: 3px !important; } /* ========================================================= 14) REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-74 .elementor-element.elementor-element-331c28fc *, .elementor-74 .elementor-element.elementor-element-331c28fc *::before, .elementor-74 .elementor-element.elementor-element-331c28fc *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f851bd *//* ========================================================= PFX1 TABLET BOTTOM NAVIGATION Version: 2026-07 Revision: Dynamic Accent / Elementor Responsive Safe IMPORTANT: Responsive visibility is controlled ONLY by Elementor. This CSS never forces display:flex on the root container. ========================================================= */ /* ========================================================= 01) DESIGN TOKENS ========================================================= */ .elementor-74 .elementor-element.elementor-element-6f851bd { --pfx-tablet-nav-max-width: 920px; --pfx-tablet-nav-height: 80px; --pfx-tablet-nav-bottom: 14px; --pfx-tablet-nav-side-space: 22px; --pfx-tablet-nav-radius: 22px; --pfx-tablet-nav-bg-1: rgba(5, 12, 24, 0.94); --pfx-tablet-nav-bg-2: rgba(2, 6, 15, 0.98); --pfx-tablet-nav-accent: var(--pfx-accent, #00B8FF); --pfx-tablet-nav-accent-rgb: var(--pfx-accent-rgb, 0, 184, 255); --pfx-tablet-nav-deep-rgb: var(--pfx-accent-deep-rgb, 0, 123, 255); --pfx-tablet-nav-border: rgba(var(--pfx-tablet-nav-accent-rgb), 0.28); --pfx-tablet-nav-text: #8FA6BF; --pfx-tablet-nav-text-active: #FFFFFF; } /* ========================================================= 02) ROOT BAR DO NOT SET DISPLAY HERE ========================================================= */ .elementor-74 .elementor-element.elementor-element-6f851bd { position: fixed !important; left: 50% !important; right: auto !important; bottom: calc( var(--pfx-tablet-nav-bottom) + env(safe-area-inset-bottom, 0px) ) !important; transform: translateX(-50%) !important; width: calc( 100% - (var(--pfx-tablet-nav-side-space) * 2) ) !important; max-width: var(--pfx-tablet-nav-max-width) !important; min-height: var(--pfx-tablet-nav-height) !important; margin: 0 !important; padding: 8px 12px !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 0 !important; direction: rtl !important; z-index: 99999 !important; overflow: visible !important; isolation: isolate; border: 1px solid var(--pfx-tablet-nav-border) !important; border-radius: var(--pfx-tablet-nav-radius) !important; background: radial-gradient( circle at 50% 0%, rgba(var(--pfx-tablet-nav-accent-rgb), .13), transparent 45% ), radial-gradient( circle at 12% 100%, rgba(var(--pfx-tablet-nav-deep-rgb), .07), transparent 42% ), linear-gradient( 180deg, var(--pfx-tablet-nav-bg-1), var(--pfx-tablet-nav-bg-2) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 24px rgba(var(--pfx-tablet-nav-accent-rgb), .08), 0 18px 48px rgba(0,0,0,.46) !important; backdrop-filter: blur(18px) saturate(125%) !important; -webkit-backdrop-filter: blur(18px) saturate(125%) !important; } /* ========================================================= 03) SAFE RESET ========================================================= */ .elementor-74 .elementor-element.elementor-element-6f851bd, .elementor-74 .elementor-element.elementor-element-6f851bd *, .elementor-74 .elementor-element.elementor-element-6f851bd *::before, .elementor-74 .elementor-element.elementor-element-6f851bd *::after { box-sizing: border-box; } .elementor-74 .elementor-element.elementor-element-6f851bd p, .elementor-74 .elementor-element.elementor-element-6f851bd span, .elementor-74 .elementor-element.elementor-element-6f851bd h1, .elementor-74 .elementor-element.elementor-element-6f851bd h2, .elementor-74 .elementor-element.elementor-element-6f851bd h3, .elementor-74 .elementor-element.elementor-element-6f851bd h4, .elementor-74 .elementor-element.elementor-element-6f851bd h5, .elementor-74 .elementor-element.elementor-element-6f851bd h6 { margin: 0 !important; } /* ========================================================= 04) NAV ITEMS ========================================================= */ .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account { width: 15% !important; min-width: 0 !important; height: 62px !important; min-height: 62px !important; margin: 0 !important; padding: 5px 4px !important; position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; flex: 0 0 15% !important; overflow: visible !important; cursor: pointer; color: var(--pfx-tablet-nav-text) !important; border: 1px solid transparent !important; border-radius: 14px !important; background: transparent !important; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important; } /* ========================================================= 05) INTERNAL COLUMN STRUCTURE ========================================================= */ .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home > .e-con, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools > .e-con, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses > .e-con, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts > .e-con, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge > .e-con, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account > .e-con { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 3px !important; } /* ========================================================= 06) ICON ========================================================= */ .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home .elementor-widget-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools .elementor-widget-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses .elementor-widget-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts .elementor-widget-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge .elementor-widget-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account .elementor-widget-icon { order: 1 !important; width: 100% !important; margin: 0 !important; } .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home .elementor-widget-icon .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools .elementor-widget-icon .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses .elementor-widget-icon .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts .elementor-widget-icon .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge .elementor-widget-icon .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account .elementor-widget-icon .elementor-widget-container { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account .elementor-icon { width: 25px !important; height: 25px !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--pfx-tablet-nav-text) !important; background: transparent !important; border: 0 !important; font-size: 20px !important; line-height: 1 !important; transition: color 180ms ease, filter 180ms ease !important; } .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home .elementor-icon svg, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools .elementor-icon svg, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses .elementor-icon svg, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts .elementor-icon svg, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge .elementor-icon svg, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account .elementor-icon svg { width: 20px !important; height: 20px !important; fill: currentColor !important; } /* ========================================================= 07) LABEL ========================================================= */ .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home .elementor-widget-text-editor, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools .elementor-widget-text-editor, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses .elementor-widget-text-editor, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts .elementor-widget-text-editor, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge .elementor-widget-text-editor, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account .elementor-widget-text-editor { order: 2 !important; width: 100% !important; margin: 0 !important; } .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home p, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools p, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses p, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts p, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge p, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account p, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home span, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools span, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses span, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts span, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge span, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account span { display: block !important; color: inherit !important; font-family: inherit !important; font-size: 11.5px !important; font-weight: 650 !important; line-height: 1.2 !important; white-space: nowrap !important; text-align: center !important; margin: 0 !important; transition: color 180ms ease, text-shadow 180ms ease !important; } /* ========================================================= 08) HOVER ========================================================= */ .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home:hover, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools:hover, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses:hover, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts:hover, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge:hover, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account:hover, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home:focus-within, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools:focus-within, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses:focus-within, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts:focus-within, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge:focus-within, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account:focus-within { color: var(--pfx-tablet-nav-text-active) !important; background: radial-gradient( circle at 50% 0%, rgba(var(--pfx-tablet-nav-accent-rgb), .17), transparent 60% ), rgba(var(--pfx-tablet-nav-accent-rgb), .045) !important; border-color: rgba(var(--pfx-tablet-nav-accent-rgb), .17) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 16px rgba(var(--pfx-tablet-nav-accent-rgb), .065) !important; } .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home:hover .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools:hover .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses:hover .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts:hover .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge:hover .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account:hover .elementor-icon { color: var(--pfx-tablet-nav-accent) !important; filter: drop-shadow( 0 0 7px rgba(var(--pfx-tablet-nav-accent-rgb), .58) ); } /* ========================================================= 09) ACTIVE STATE ========================================================= */ .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home.is-active, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools.is-active, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses.is-active, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts.is-active, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge.is-active, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account.is-active { color: var(--pfx-tablet-nav-text-active) !important; border-color: rgba(var(--pfx-tablet-nav-accent-rgb), .22) !important; background: radial-gradient( circle at 50% 0%, rgba(var(--pfx-tablet-nav-accent-rgb), .24), transparent 60% ), linear-gradient( 180deg, rgba(var(--pfx-tablet-nav-accent-rgb), .09), rgba(var(--pfx-tablet-nav-deep-rgb), .035) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 20px rgba(var(--pfx-tablet-nav-accent-rgb), .10) !important; } .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home.is-active .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools.is-active .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses.is-active .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts.is-active .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge.is-active .elementor-icon, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account.is-active .elementor-icon { color: var(--pfx-tablet-nav-accent) !important; filter: drop-shadow( 0 0 9px rgba(var(--pfx-tablet-nav-accent-rgb), .72) ); } .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home.is-active::after, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools.is-active::after, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses.is-active::after, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts.is-active::after, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge.is-active::after, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account.is-active::after { content: ""; position: absolute; bottom: 1px; left: 50%; width: 18px; height: 2px; transform: translateX(-50%); border-radius: 999px; background: var(--pfx-tablet-nav-accent); box-shadow: 0 0 8px rgba(var(--pfx-tablet-nav-accent-rgb), .78), 0 0 16px rgba(var(--pfx-tablet-nav-deep-rgb), .38); } /* ========================================================= 10) LINKS ========================================================= */ .elementor-74 .elementor-element.elementor-element-6f851bd a { color: inherit !important; text-decoration: none !important; } .elementor-74 .elementor-element.elementor-element-6f851bd a:focus-visible { outline: 2px solid rgba(var(--pfx-tablet-nav-accent-rgb), .72); outline-offset: 2px; border-radius: 8px; } /* ========================================================= 11) SMALL TABLET ========================================================= */ @media (max-width: 820px) { .elementor-74 .elementor-element.elementor-element-6f851bd { --pfx-tablet-nav-side-space: 14px; --pfx-tablet-nav-radius: 18px; --pfx-tablet-nav-height: 76px; } .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account { height: 58px !important; min-height: 58px !important; } .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-home .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-tools .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-courses .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-podcasts .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-knowledge .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6f851bd .pfx-tablet-nav-account .elementor-heading-title { font-size: 10.5px !important; } } /* ========================================================= 12) REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-74 .elementor-element.elementor-element-6f851bd *, .elementor-74 .elementor-element.elementor-element-6f851bd *::before, .elementor-74 .elementor-element.elementor-element-6f851bd *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6d34cae *//* ========================================================= PFX1 MOBILE BOTTOM NAVIGATION Version: 2026-07 Revision: Dynamic Accent / Elementor Responsive Safe IMPORTANT: Responsive visibility is controlled ONLY by Elementor. This CSS never forces display:flex on the root container. Parent: - pfx-mobile-bottom-nav Items: - pfx-mobile-nav-home - pfx-mobile-nav-tools - pfx-mobile-nav-courses - pfx-mobile-nav-content - pfx-mobile-nav-account ========================================================= */ /* ========================================================= 01) DESIGN TOKENS ========================================================= */ .elementor-74 .elementor-element.elementor-element-6d34cae { --pfx-mobile-nav-max-width: 520px; --pfx-mobile-nav-height: 74px; --pfx-mobile-nav-bottom: 10px; --pfx-mobile-nav-side-space: 12px; --pfx-mobile-nav-radius: 20px; --pfx-mobile-nav-bg-1: rgba(5, 12, 24, 0.93); --pfx-mobile-nav-bg-2: rgba(2, 6, 15, 0.97); --pfx-mobile-nav-accent: var(--pfx-accent, #00B8FF); --pfx-mobile-nav-accent-rgb: var(--pfx-accent-rgb, 0, 184, 255); --pfx-mobile-nav-deep-rgb: var(--pfx-accent-deep-rgb, 0, 123, 255); --pfx-mobile-nav-border: rgba(var(--pfx-mobile-nav-accent-rgb), 0.28); --pfx-mobile-nav-border-active: rgba(var(--pfx-mobile-nav-accent-rgb), 0.60); --pfx-mobile-nav-text: #8FA6BF; --pfx-mobile-nav-text-active: #FFFFFF; } /* ========================================================= 02) ROOT BAR DO NOT SET DISPLAY HERE ========================================================= */ .elementor-74 .elementor-element.elementor-element-6d34cae { position: fixed !important; left: 50% !important; right: auto !important; bottom: calc( var(--pfx-mobile-nav-bottom) + env(safe-area-inset-bottom, 0px) ) !important; transform: translateX(-50%) !important; width: calc( 100% - ( var(--pfx-mobile-nav-side-space) * 2 ) ) !important; max-width: var(--pfx-mobile-nav-max-width) !important; min-height: var(--pfx-mobile-nav-height) !important; margin: 0 !important; padding: 8px 8px !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 0 !important; direction: rtl !important; z-index: 99999 !important; overflow: visible !important; isolation: isolate; border: 1px solid var(--pfx-mobile-nav-border) !important; border-radius: var(--pfx-mobile-nav-radius) !important; background: radial-gradient( circle at 50% 0%, rgba(var(--pfx-mobile-nav-accent-rgb), .13), transparent 45% ), radial-gradient( circle at 15% 100%, rgba(var(--pfx-mobile-nav-deep-rgb), .07), transparent 42% ), linear-gradient( 180deg, var(--pfx-mobile-nav-bg-1), var(--pfx-mobile-nav-bg-2) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 22px rgba(var(--pfx-mobile-nav-accent-rgb), .08), 0 16px 42px rgba(0,0,0,.46) !important; backdrop-filter: blur(18px) saturate(125%) !important; -webkit-backdrop-filter: blur(18px) saturate(125%) !important; } /* ========================================================= 03) SAFE RESET ========================================================= */ .elementor-74 .elementor-element.elementor-element-6d34cae, .elementor-74 .elementor-element.elementor-element-6d34cae *, .elementor-74 .elementor-element.elementor-element-6d34cae *::before, .elementor-74 .elementor-element.elementor-element-6d34cae *::after { box-sizing: border-box; } .elementor-74 .elementor-element.elementor-element-6d34cae p, .elementor-74 .elementor-element.elementor-element-6d34cae span, .elementor-74 .elementor-element.elementor-element-6d34cae h1, .elementor-74 .elementor-element.elementor-element-6d34cae h2, .elementor-74 .elementor-element.elementor-element-6d34cae h3, .elementor-74 .elementor-element.elementor-element-6d34cae h4, .elementor-74 .elementor-element.elementor-element-6d34cae h5, .elementor-74 .elementor-element.elementor-element-6d34cae h6 { margin: 0 !important; } /* ========================================================= 04) NAV ITEMS ========================================================= */ .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account { width: 19.2% !important; min-width: 0 !important; height: 56px !important; min-height: 56px !important; margin: 0 !important; padding: 4px 2px !important; position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 3px !important; flex: 0 0 19.2% !important; overflow: visible !important; cursor: pointer; color: var(--pfx-mobile-nav-text) !important; border: 1px solid transparent !important; border-radius: 13px !important; background: transparent !important; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important; } /* ========================================================= 05) INTERNAL STRUCTURE ICON ABOVE / LABEL BELOW ========================================================= */ .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home > .e-con, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools > .e-con, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses > .e-con, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content > .e-con, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account > .e-con { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 2px !important; } /* ========================================================= 06) ICON WIDGET ========================================================= */ .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home .elementor-widget-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools .elementor-widget-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses .elementor-widget-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content .elementor-widget-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account .elementor-widget-icon { order: 1 !important; width: 100% !important; margin: 0 !important; } .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home .elementor-widget-icon .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools .elementor-widget-icon .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses .elementor-widget-icon .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content .elementor-widget-icon .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account .elementor-widget-icon .elementor-widget-container { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account .elementor-icon { width: 22px !important; height: 22px !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--pfx-mobile-nav-text) !important; background: transparent !important; border: 0 !important; font-size: 18px !important; line-height: 1 !important; transition: color 180ms ease, filter 180ms ease !important; } .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home .elementor-icon svg, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools .elementor-icon svg, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses .elementor-icon svg, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content .elementor-icon svg, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account .elementor-icon svg { width: 18px !important; height: 18px !important; fill: currentColor !important; } /* ========================================================= 07) LABEL ========================================================= */ .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account .elementor-widget-heading, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home .elementor-widget-text-editor, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools .elementor-widget-text-editor, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses .elementor-widget-text-editor, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content .elementor-widget-text-editor, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account .elementor-widget-text-editor { order: 2 !important; width: 100% !important; margin: 0 !important; } .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home .elementor-widget-heading .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools .elementor-widget-heading .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses .elementor-widget-heading .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content .elementor-widget-heading .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account .elementor-widget-heading .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home .elementor-widget-text-editor .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools .elementor-widget-text-editor .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses .elementor-widget-text-editor .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content .elementor-widget-text-editor .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account .elementor-widget-text-editor .elementor-widget-container { margin: 0 !important; padding: 0 !important; text-align: center !important; } .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home p, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools p, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses p, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content p, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account p, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home span, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools span, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses span, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content span, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account span { display: block !important; color: inherit !important; font-family: inherit !important; font-size: 10px !important; font-weight: 650 !important; line-height: 1.15 !important; white-space: nowrap !important; text-align: center !important; margin: 0 !important; transition: color 180ms ease, text-shadow 180ms ease !important; } /* ========================================================= 08) HOVER / TOUCH FEEDBACK ========================================================= */ .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home:hover, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools:hover, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses:hover, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content:hover, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account:hover, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home:focus-within, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools:focus-within, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses:focus-within, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content:focus-within, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account:focus-within { color: var(--pfx-mobile-nav-text-active) !important; background: radial-gradient( circle at 50% 0%, rgba(var(--pfx-mobile-nav-accent-rgb), .16), transparent 58% ), rgba(var(--pfx-mobile-nav-accent-rgb), .045) !important; border-color: rgba(var(--pfx-mobile-nav-accent-rgb), .16) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 14px rgba(var(--pfx-mobile-nav-accent-rgb), .06) !important; } .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home:hover .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools:hover .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses:hover .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content:hover .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account:hover .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home:focus-within .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools:focus-within .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses:focus-within .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content:focus-within .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account:focus-within .elementor-icon { color: var(--pfx-mobile-nav-accent) !important; filter: drop-shadow( 0 0 7px rgba(var(--pfx-mobile-nav-accent-rgb), .55) ); } /* ========================================================= 09) ACTIVE STATE ========================================================= */ .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home.is-active, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools.is-active, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses.is-active, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content.is-active, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account.is-active { color: var(--pfx-mobile-nav-text-active) !important; border-color: rgba(var(--pfx-mobile-nav-accent-rgb), .20) !important; background: radial-gradient( circle at 50% 0%, rgba(var(--pfx-mobile-nav-accent-rgb), .22), transparent 58% ), linear-gradient( 180deg, rgba(var(--pfx-mobile-nav-accent-rgb), .085), rgba(var(--pfx-mobile-nav-deep-rgb), .035) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 18px rgba(var(--pfx-mobile-nav-accent-rgb), .09) !important; } .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home.is-active .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools.is-active .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses.is-active .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content.is-active .elementor-icon, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account.is-active .elementor-icon { color: var(--pfx-mobile-nav-accent) !important; filter: drop-shadow( 0 0 8px rgba(var(--pfx-mobile-nav-accent-rgb), .70) ); } /* Active indicator */ .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home.is-active::after, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools.is-active::after, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses.is-active::after, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content.is-active::after, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account.is-active::after { content: ""; position: absolute; bottom: 1px; left: 50%; width: 14px; height: 2px; transform: translateX(-50%); border-radius: 999px; background: var(--pfx-mobile-nav-accent); box-shadow: 0 0 7px rgba(var(--pfx-mobile-nav-accent-rgb), .75), 0 0 14px rgba(var(--pfx-mobile-nav-deep-rgb), .38); } /* ========================================================= 10) LINKS ========================================================= */ .elementor-74 .elementor-element.elementor-element-6d34cae a { color: inherit !important; text-decoration: none !important; } .elementor-74 .elementor-element.elementor-element-6d34cae a:focus-visible { outline: 2px solid rgba(var(--pfx-mobile-nav-accent-rgb), .72); outline-offset: 2px; border-radius: 8px; } /* ========================================================= 11) SMALL MOBILE ========================================================= */ @media (max-width: 380px) { .elementor-74 .elementor-element.elementor-element-6d34cae { --pfx-mobile-nav-side-space: 8px; --pfx-mobile-nav-radius: 17px; --pfx-mobile-nav-height: 70px; } .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account { height: 54px !important; min-height: 54px !important; } .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home p, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools p, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses p, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content p, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account p, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-home span, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-tools span, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-courses span, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-content span, .elementor-74 .elementor-element.elementor-element-6d34cae .pfx-mobile-nav-account span { font-size: 9px !important; } } /* ========================================================= 12) REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-74 .elementor-element.elementor-element-6d34cae *, .elementor-74 .elementor-element.elementor-element-6d34cae *::before, .elementor-74 .elementor-element.elementor-element-6d34cae *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-8ac0cd6 *//* ========================================================= PFX1 RESPONSIVE MENU CART TABLET + MOBILE Class: pfx-responsive-menu-cart Version: 2026-07-29.3 هدف: - ظاهر یکسان با Desktop Cart - Toggle: 38x36 - Badge بیرون آیکون در بالا-چپ - Mini Cart: 330px - Mobile-safe width - Product layout بدون روی‌هم‌افتادگی ========================================================= */ /* ========================================================= 01) TOKENS + ROOT ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 { --pfx-cart-accent: var(--pfx-accent, #00B8FF); --pfx-cart-accent-rgb: var(--pfx-accent-rgb, 0, 184, 255); --pfx-cart-deep-rgb: var(--pfx-accent-deep-rgb, 0, 123, 255); --pfx-cart-text: #D6E3F3; --pfx-cart-muted: #8FA6BF; --pfx-cart-bg-1: rgba(5, 16, 29, .985); --pfx-cart-bg-2: rgba(2, 7, 16, .995); --pfx-mini-cart-width: 330px; --pfx-mini-cart-radius: 12px; width: 38px !important; min-width: 38px !important; max-width: 38px !important; margin: 0 !important; padding: 0 !important; flex: 0 0 38px !important; position: relative !important; overflow: visible !important; z-index: 50 !important; } /* ========================================================= 02) ELEMENTOR WRAPPERS ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-widget-container, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__wrapper, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle_wrapper, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle { position: relative !important; overflow: visible !important; } /* ========================================================= 03) TOGGLE SIZE ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle .elementor-button, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle_button { position: relative !important; width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; color: var(--pfx-cart-accent) !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .46) !important; border-radius: 8px !important; background: linear-gradient( 180deg, rgba(var(--pfx-cart-accent-rgb), .075), rgba(var(--pfx-cart-deep-rgb), .025) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 0 rgba(var(--pfx-cart-accent-rgb), 0) !important; transform: none !important; transition: color 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease !important; } /* Hide subtotal / text from header toggle */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle .elementor-button-text, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle .elementor-menu-cart__subtotal { display: none !important; } /* ========================================================= 04) CART ICON ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle .elementor-button-icon { /* * Badge باید نسبت به کل Toggle قرار بگیرد، * نه نسبت به SVG. */ position: static !important; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: inherit !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle .elementor-button-icon svg { width: 16px !important; height: 16px !important; margin: 0 !important; fill: currentColor !important; color: inherit !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle .elementor-button-icon i { font-size: 16px !important; line-height: 1 !important; color: inherit !important; } /* ========================================================= 05) BADGE OUTSIDE — TOP LEFT ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle .elementor-button-icon-qty { position: absolute !important; top: -8px !important; left: -8px !important; right: auto !important; bottom: auto !important; min-width: 17px !important; width: auto !important; height: 17px !important; min-height: 17px !important; margin: 0 !important; padding: 0 4px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .82) !important; border-radius: 999px !important; background: #04111D !important; color: #FFFFFF !important; font-family: inherit !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: 0 0 7px rgba(var(--pfx-cart-accent-rgb), .52), 0 0 14px rgba(var(--pfx-cart-deep-rgb), .26) !important; transform: none !important; z-index: 30 !important; pointer-events: none !important; } /* ========================================================= 06) HOVER / OPEN / FOCUS ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle .elementor-button:hover, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle_button:hover, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle .elementor-button[aria-expanded="true"], .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle_button[aria-expanded="true"] { color: #FFFFFF !important; border-color: rgba(var(--pfx-cart-accent-rgb), .82) !important; background: radial-gradient( circle at 50% 0%, rgba(var(--pfx-cart-accent-rgb), .34), transparent 52% ), linear-gradient( 135deg, rgba(var(--pfx-cart-deep-rgb), .88), rgba(var(--pfx-cart-accent-rgb), .72) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 24px rgba(var(--pfx-cart-accent-rgb), .32), 0 0 48px rgba(var(--pfx-cart-deep-rgb), .20) !important; transform: none !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle .elementor-button:focus-visible, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__toggle_button:focus-visible { outline: 2px solid rgba(var(--pfx-cart-accent-rgb), .78) !important; outline-offset: 2px !important; } /* ========================================================= 07) RESPONSIVE MINI CART CONTAINER ========================================================= */ @media (max-width: 1024px) { .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__container { position: absolute !important; top: calc(100% + 7px) !important; /* * Cart در سمت چپ Responsive Header قرار دارد. * Dropdown از همان سمت باز می‌شود. */ left: 0 !important; right: auto !important; bottom: auto !important; width: min( var(--pfx-mini-cart-width), calc(100vw - 24px) ) !important; min-width: min( var(--pfx-mini-cart-width), calc(100vw - 24px) ) !important; max-width: min( var(--pfx-mini-cart-width), calc(100vw - 24px) ) !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; overflow: visible !important; z-index: 999999 !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__container::before { display: none !important; content: none !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__main { position: relative !important; width: min( var(--pfx-mini-cart-width), calc(100vw - 24px) ) !important; min-width: 0 !important; max-width: min( var(--pfx-mini-cart-width), calc(100vw - 24px) ) !important; height: auto !important; min-height: 0 !important; max-height: min( 500px, calc(100vh - 125px) ) !important; margin: 0 !important; padding: 12px 12px 14px !important; box-sizing: border-box !important; direction: rtl !important; color: var(--pfx-cart-text) !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .34) !important; border-radius: var(--pfx-mini-cart-radius) !important; background: radial-gradient( 430px 170px at 92% -10%, rgba(var(--pfx-cart-accent-rgb), .18), transparent 68% ), linear-gradient( 180deg, var(--pfx-cart-bg-1), var(--pfx-cart-bg-2) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 18px 44px rgba(0,0,0,.38), 0 0 24px rgba(var(--pfx-cart-accent-rgb), .09) !important; backdrop-filter: blur(18px) saturate(120%) !important; -webkit-backdrop-filter: blur(18px) saturate(120%) !important; overflow-x: hidden !important; overflow-y: auto !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__main::before { content: "" !important; position: absolute !important; top: -5px !important; left: 18px !important; width: 9px !important; height: 9px !important; border-top: 1px solid rgba(var(--pfx-cart-accent-rgb), .34) !important; border-left: 1px solid rgba(var(--pfx-cart-accent-rgb), .34) !important; background: rgba(5, 16, 29, .99) !important; transform: rotate(45deg) !important; pointer-events: none !important; } } /* ========================================================= 08) CLOSE BUTTON ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__close-button { width: 17px !important; min-width: 17px !important; height: 17px !important; min-height: 17px !important; margin: 0 0 5px auto !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #FF5A6B !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__close-button:hover, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__close-button:focus-visible { color: #FF7A87 !important; background: transparent !important; box-shadow: none !important; outline: none !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__close-button::before, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__close-button::after { width: 12px !important; height: 1.6px !important; background: currentColor !important; border-radius: 999px !important; } /* ========================================================= 09) CART CONTENT ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .widget_shopping_cart_content, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__products, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart { width: 100% !important; color: var(--pfx-cart-text) !important; background: transparent !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__products, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart { margin: 0 !important; padding: 0 !important; } /* ========================================================= 10) ELEMENTOR PRODUCT ROW ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product { position: relative !important; display: grid !important; grid-template-columns: 52px minmax(0, 1fr) 24px !important; grid-template-rows: auto auto !important; column-gap: 10px !important; row-gap: 4px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 10px 0 !important; border-bottom: 1px solid rgba(var(--pfx-cart-accent-rgb), .11) !important; background: transparent !important; box-sizing: border-box !important; } /* Product image */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-image { grid-column: 1 !important; grid-row: 1 / 3 !important; width: 52px !important; min-width: 52px !important; align-self: center !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-image img { display: block !important; width: 52px !important; height: 52px !important; margin: 0 !important; object-fit: cover !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .18) !important; border-radius: 9px !important; background: rgba(255,255,255,.025) !important; } /* Product name */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-name { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-name, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-name a { color: var(--pfx-cart-text) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.55 !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-name a:hover { color: var(--pfx-cart-accent) !important; } /* Product price */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-price { grid-column: 2 !important; grid-row: 2 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: var(--pfx-cart-muted) !important; font-size: 11px !important; line-height: 1.5 !important; white-space: normal !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-price *, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-price .amount { color: var(--pfx-cart-muted) !important; font-size: 11px !important; line-height: 1.5 !important; } /* Remove */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-remove { grid-column: 3 !important; grid-row: 1 / 3 !important; align-self: center !important; justify-self: center !important; position: relative !important; inset: auto !important; width: 22px !important; min-width: 22px !important; height: 22px !important; min-height: 22px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--pfx-cart-muted) !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .16) !important; border-radius: 6px !important; background: transparent !important; transform: none !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__product-remove:hover { color: #FFFFFF !important; border-color: rgba(var(--pfx-cart-accent-rgb), .50) !important; background: rgba(var(--pfx-cart-accent-rgb), .08) !important; } /* ========================================================= 11) CLASSIC WOOCOMMERCE FALLBACK ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart-item { position: relative !important; min-height: 64px !important; margin: 0 !important; padding: 10px 32px 10px 62px !important; border-bottom: 1px solid rgba(var(--pfx-cart-accent-rgb), .11) !important; background: transparent !important; box-sizing: border-box !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart-item a:not(.remove) { display: block !important; color: var(--pfx-cart-text) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.55 !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: anywhere !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart-item a:not(.remove):hover { color: var(--pfx-cart-accent) !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart-item img { position: absolute !important; top: 10px !important; left: 0 !important; width: 52px !important; height: 52px !important; margin: 0 !important; object-fit: cover !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .18) !important; border-radius: 9px !important; background: rgba(255,255,255,.025) !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart-item .quantity, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart-item .amount { color: var(--pfx-cart-muted) !important; font-size: 11px !important; line-height: 1.5 !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart-item a.remove { position: absolute !important; top: 50% !important; right: 2px !important; width: 22px !important; height: 22px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--pfx-cart-muted) !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .16) !important; border-radius: 6px !important; background: transparent !important; transform: translateY(-50%) !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart-item a.remove:hover { color: #FFFFFF !important; border-color: rgba(var(--pfx-cart-accent-rgb), .50) !important; background: rgba(var(--pfx-cart-accent-rgb), .08) !important; } /* ========================================================= 12) EMPTY CART ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart__empty-message, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__empty-message { margin: 2px 0 !important; padding: 12px 10px !important; color: var(--pfx-cart-muted) !important; text-align: center !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.7 !important; border: 1px dashed rgba(var(--pfx-cart-accent-rgb), .20) !important; border-radius: 8px !important; background: rgba(var(--pfx-cart-accent-rgb), .025) !important; } /* ========================================================= 13) SUBTOTAL ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__main .elementor-menu-cart__subtotal { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 10px 0 8px !important; padding: 9px 0 !important; color: var(--pfx-cart-text) !important; font-size: 12px !important; line-height: 1.5 !important; border-top: 1px solid rgba(var(--pfx-cart-accent-rgb), .12) !important; border-bottom: 1px solid rgba(var(--pfx-cart-accent-rgb), .12) !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__main .elementor-menu-cart__subtotal .amount { color: var(--pfx-cart-accent) !important; font-weight: 700 !important; white-space: nowrap !important; } /* ========================================================= 14) FOOTER BUTTONS ========================================================= */ .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__footer-buttons, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart__buttons { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin-top: 9px !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__footer-buttons .elementor-button, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart__buttons a.button { min-height: 36px !important; margin: 0 !important; padding: 0 10px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--pfx-cart-text) !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: center !important; white-space: nowrap !important; border: 1px solid rgba(var(--pfx-cart-accent-rgb), .30) !important; border-radius: 8px !important; background: rgba(var(--pfx-cart-accent-rgb), .05) !important; transform: none !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__footer-buttons .elementor-button:hover, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart__buttons a.button:hover { color: #FFFFFF !important; border-color: rgba(var(--pfx-cart-accent-rgb), .64) !important; background: rgba(var(--pfx-cart-accent-rgb), .11) !important; box-shadow: 0 0 14px rgba(var(--pfx-cart-accent-rgb), .10) !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__footer-buttons .elementor-button--checkout, .elementor-74 .elementor-element.elementor-element-8ac0cd6 .woocommerce-mini-cart__buttons a.checkout { color: #FFFFFF !important; background: linear-gradient( 135deg, rgba(var(--pfx-cart-deep-rgb), .82), rgba(var(--pfx-cart-accent-rgb), .62) ) !important; } /* ========================================================= 15) MOBILE TUNING ========================================================= */ @media (max-width: 767px) { .elementor-74 .elementor-element.elementor-element-8ac0cd6 { --pfx-mini-cart-width: 330px; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__container { width: min( 330px, calc(100vw - 24px) ) !important; min-width: 0 !important; max-width: calc(100vw - 24px) !important; } .elementor-74 .elementor-element.elementor-element-8ac0cd6 .elementor-menu-cart__main { width: min( 330px, calc(100vw - 24px) ) !important; min-width: 0 !important; max-width: calc(100vw - 24px) !important; max-height: calc( 100vh - 150px - env(safe-area-inset-bottom, 0px) ) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2d72220 *//* ========================================================= PFX1 RESPONSIVE HEADER — CLEAN BUILD V4 Tablet + Mobile Dynamic Accent PERFECT LOGO / CART VERTICAL ALIGNMENT Class: pfx-responsive-header IMPORTANT: - Does NOT style Menu Cart appearance - Does NOT change Cart button dimensions/colors - Only aligns header children - Elementor controls responsive visibility ========================================================= */ /* ========================================================= 01) VARIABLES ========================================================= */ .elementor-74 .elementor-element.elementor-element-2d72220 { --pfx-rh-max-width: 980px; --pfx-rh-height: 64px; --pfx-rh-side-space: 18px; --pfx-rh-padding-x: 18px; --pfx-rh-radius: 17px; /* Shared action line */ --pfx-rh-action-height: 36px; /* CENTRAL ACCENT */ --pfx-rh-accent: var(--pfx-accent, #00B8FF); --pfx-rh-accent-rgb: var(--pfx-accent-rgb, 0, 184, 255); /* Neutral dark surface */ --pfx-rh-bg-top: rgba(4, 10, 15, .955); --pfx-rh-bg-bottom: rgba(2, 7, 12, .985); --pfx-rh-border: rgba( var(--pfx-rh-accent-rgb), .28 ); --pfx-rh-border-hover: rgba( var(--pfx-rh-accent-rgb), .54 ); } /* ========================================================= 02) MAIN HEADER ========================================================= */ .elementor-74 .elementor-element.elementor-element-2d72220 { position: relative !important; width: calc( 100% - (var(--pfx-rh-side-space) * 2) ) !important; max-width: var(--pfx-rh-max-width) !important; height: var(--pfx-rh-height) !important; min-height: var(--pfx-rh-height) !important; margin: 14px auto 0 auto !important; padding: 0 var(--pfx-rh-padding-x) !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; direction: rtl !important; overflow: visible !important; z-index: 9990 !important; isolation: isolate; border: 1px solid var(--pfx-rh-border) !important; border-radius: var(--pfx-rh-radius) !important; background: radial-gradient( circle at 50% 0%, rgba( var(--pfx-rh-accent-rgb), .085 ), transparent 52% ), linear-gradient( 180deg, var(--pfx-rh-bg-top), var(--pfx-rh-bg-bottom) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.055), inset 0 0 18px rgba( var(--pfx-rh-accent-rgb), .025 ), 0 0 18px rgba( var(--pfx-rh-accent-rgb), .075 ), 0 0 34px rgba( var(--pfx-rh-accent-rgb), .035 ), 0 12px 34px rgba(0,0,0,.34) !important; backdrop-filter: blur(18px) saturate(125%) !important; -webkit-backdrop-filter: blur(18px) saturate(125%) !important; transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease !important; } /* ========================================================= 03) HEADER HOVER Accent only — NO movement ========================================================= */ .elementor-74 .elementor-element.elementor-element-2d72220:hover, .elementor-74 .elementor-element.elementor-element-2d72220:focus-within { border-color: var(--pfx-rh-border-hover) !important; background: radial-gradient( circle at 50% 0%, rgba( var(--pfx-rh-accent-rgb), .13 ), transparent 54% ), linear-gradient( 180deg, var(--pfx-rh-bg-top), var(--pfx-rh-bg-bottom) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), inset 0 0 20px rgba( var(--pfx-rh-accent-rgb), .035 ), 0 0 22px rgba( var(--pfx-rh-accent-rgb), .15 ), 0 0 42px rgba( var(--pfx-rh-accent-rgb), .07 ), 0 14px 36px rgba(0,0,0,.38) !important; transform: none !important; } /* ========================================================= 04) DIRECT CHILDREN THIS IS THE ALIGNMENT FIX Logo widget and Cart widget now share exactly the same 36px vertical alignment line. ========================================================= */ .elementor-74 .elementor-element.elementor-element-2d72220 > .elementor-element, .elementor-74 .elementor-element.elementor-element-2d72220 > .e-con { flex: 0 0 auto !important; flex-shrink: 0 !important; height: var(--pfx-rh-action-height) !important; min-height: var(--pfx-rh-action-height) !important; margin: 0 !important; padding: 0 !important; align-self: center !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; } /* ========================================================= 05) LOGO WIDGET ========================================================= */ .elementor-74 .elementor-element.elementor-element-2d72220 .elementor-widget-image { width: auto !important; max-width: none !important; height: var(--pfx-rh-action-height) !important; min-height: var(--pfx-rh-action-height) !important; margin: 0 !important; padding: 0 !important; align-self: center !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; } /* ========================================================= 06) LOGO CONTAINER ========================================================= */ .elementor-74 .elementor-element.elementor-element-2d72220 .elementor-widget-image .elementor-widget-container { width: auto !important; height: var(--pfx-rh-action-height) !important; min-height: var(--pfx-rh-action-height) !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; } /* ========================================================= 07) LOGO LINK ========================================================= */ .elementor-74 .elementor-element.elementor-element-2d72220 .elementor-widget-image a { width: auto !important; height: var(--pfx-rh-action-height) !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; } /* ========================================================= 08) LOGO IMAGE ========================================================= */ .elementor-74 .elementor-element.elementor-element-2d72220 .elementor-widget-image img { display: block !important; width: auto !important; height: auto !important; max-width: 92px !important; max-height: 32px !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; vertical-align: middle !important; position: relative !important; top: 0 !important; transform: none !important; } /* ========================================================= 09) TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-74 .elementor-element.elementor-element-2d72220 { --pfx-rh-max-width: 960px; --pfx-rh-height: 64px; --pfx-rh-side-space: 18px; --pfx-rh-padding-x: 18px; --pfx-rh-radius: 17px; --pfx-rh-action-height: 36px; margin-top: 14px !important; } .elementor-74 .elementor-element.elementor-element-2d72220 .elementor-widget-image img { max-width: 92px !important; max-height: 32px !important; } } /* ========================================================= 10) MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-74 .elementor-element.elementor-element-2d72220 { --pfx-rh-height: 58px; --pfx-rh-side-space: 10px; --pfx-rh-padding-x: 14px; --pfx-rh-radius: 15px; --pfx-rh-action-height: 36px; margin-top: calc( 10px + env( safe-area-inset-top, 0px ) ) !important; gap: 12px !important; } .elementor-74 .elementor-element.elementor-element-2d72220 .elementor-widget-image img { max-width: 78px !important; max-height: 29px !important; } } /* ========================================================= 11) SMALL MOBILE ========================================================= */ @media (max-width: 380px) { .elementor-74 .elementor-element.elementor-element-2d72220 { --pfx-rh-height: 56px; --pfx-rh-side-space: 8px; --pfx-rh-padding-x: 12px; --pfx-rh-radius: 14px; --pfx-rh-action-height: 36px; } .elementor-74 .elementor-element.elementor-element-2d72220 .elementor-widget-image img { max-width: 72px !important; max-height: 27px !important; } } /* ========================================================= 12) REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-74 .elementor-element.elementor-element-2d72220, .elementor-74 .elementor-element.elementor-element-2d72220 *, .elementor-74 .elementor-element.elementor-element-2d72220 *::before, .elementor-74 .elementor-element.elementor-element-2d72220 *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }/* End custom CSS */