.elementor-18 .elementor-element.elementor-element-1ab4bc0f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18 .elementor-element.elementor-element-1ab4bc0f:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-1ab4bc0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f6f8fb;}.elementor-18 .elementor-element.elementor-element-3983e833{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-18 .elementor-element.elementor-element-3983e833:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-3983e833 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0f2f6b;}.elementor-18 .elementor-element.elementor-element-58365e24{--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:space-between;--align-items:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-18 .elementor-element.elementor-element-53b4bf13{text-align:start;font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-18 .elementor-element.elementor-element-17bf3772{text-align:end;font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-18 .elementor-element.elementor-element-472cd88e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-18 .elementor-element.elementor-element-472cd88e:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-472cd88e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-18 .elementor-element.elementor-element-5532d9c4{--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:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--padding-top:14px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18 .elementor-element.elementor-element-622c292b{text-align:start;}.elementor-18 .elementor-element.elementor-element-622c292b img{width:190px;}.elementor-18 .elementor-element.elementor-element-148bcc38{--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:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-2b8bb5a9 .elementor-button{background-color:#edf4ff;font-family:"Inter", Sans-serif;font-weight:800;fill:#0f2f6b;color:#0f2f6b;box-shadow:0px 8px 18px 0px rgba(21,94,239,0.16);border-radius:50px 50px 50px 50px;}.elementor-18 .elementor-element.elementor-element-2b8bb5a9 .elementor-button-content-wrapper{flex-direction:row;}.elementor-18 .elementor-element.elementor-element-23e37169 .elementor-button{background-color:#edf4ff;font-family:"Inter", Sans-serif;font-weight:800;fill:#0f2f6b;color:#0f2f6b;box-shadow:0px 8px 18px 0px rgba(21,94,239,0.16);border-radius:50px 50px 50px 50px;}.elementor-18 .elementor-element.elementor-element-23e37169 .elementor-button-content-wrapper{flex-direction:row;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-18 .elementor-element.elementor-element-74cf926{--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--cart-buttons-position-margin:auto;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#0f2f6b;--toggle-button-background-color:#ffffff;--toggle-button-border-color:#d9e2ec;--toggle-button-border-width:1px;--toggle-button-border-radius:50px;--toggle-icon-size:22px;--items-indicator-text-color:#ffffff;--items-indicator-background-color:#155eef;--cart-border-style:none;--cart-padding:24px 24px 24px 24px;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--cart-footer-buttons-border-radius:50px;}.elementor-18 .elementor-element.elementor-element-74cf926 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-18 .elementor-element.elementor-element-2fcb3753 .e-off-canvas__overlay{background-color:#12372AA6;}.elementor-18 .elementor-element.elementor-element-2fcb3753{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:center;--e-off-canvas-width:90%;--e-off-canvas-height:90%;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:0.5s;--e-off-canvas-overlay-opacity:1;}.elementor-18 .elementor-element.elementor-element-2fcb3753 .e-off-canvas__content{border-radius:10px 10px 10px 10px;box-shadow:-8px 0px 28px 0px rgba(18.000000000000007, 55, 42.00000000000002, 0.2);}.elementor-18 .elementor-element.elementor-element-17676bb2{--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;}.elementor-18 .elementor-element.elementor-element-46c0e9e2 img{width:200px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-7c3536e1{--divider-border-style:solid;--divider-border-width:1px;}.elementor-18 .elementor-element.elementor-element-7c3536e1 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-18 .elementor-element.elementor-element-7c3536e1 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a, .elementor-18 .elementor-element.elementor-element-4395a303 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a:hover,
					.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a:focus,
					.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-menu-toggle:hover,
					.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a:hover,
					.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a:focus,
					.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a.highlighted{background-color:#B8733314;}.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:#B8733314;}.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown .elementor-item, .elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-4395a303 .elementor-nav-menu--dropdown a{padding-top:12px;padding-bottom:12px;}.elementor-18 .elementor-element.elementor-element-1cccc42a{--divider-border-style:solid;--divider-border-width:1px;}.elementor-18 .elementor-element.elementor-element-1cccc42a .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-18 .elementor-element.elementor-element-1cccc42a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-repeater-item-0fcfd0b.elementor-social-icon{background-color:#155EEF;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-repeater-item-0fcfd0b.elementor-social-icon i{color:#F7F3EA;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-repeater-item-0fcfd0b.elementor-social-icon svg{fill:#F7F3EA;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-repeater-item-b811ad8.elementor-social-icon{background-color:#155EEF;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-repeater-item-b811ad8.elementor-social-icon i{color:#F7F3EA;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-repeater-item-b811ad8.elementor-social-icon svg{fill:#F7F3EA;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-repeater-item-bbb352b.elementor-social-icon{background-color:#155EEF;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-repeater-item-bbb352b.elementor-social-icon i{color:#F7F3EA;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-repeater-item-bbb352b.elementor-social-icon svg{fill:#F7F3EA;}.elementor-18 .elementor-element.elementor-element-2ad66ecc{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:18px;--grid-column-gap:9px;--grid-row-gap:0px;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-social-icon{background-color:#155EEF;--icon-padding:0.75em;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-social-icon i{color:#F7F3EA;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-social-icon svg{fill:#F7F3EA;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-icon{border-radius:50px 50px 50px 50px;}.elementor-18 .elementor-element.elementor-element-2ad66ecc .elementor-social-icon:hover{background-color:#00A6A6;}.elementor-18 .elementor-element.elementor-element-4b929fdf{--divider-border-style:solid;--divider-border-width:1px;}.elementor-18 .elementor-element.elementor-element-4b929fdf .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-18 .elementor-element.elementor-element-4b929fdf .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-18 .elementor-element.elementor-element-62c49630{text-align:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}body:not(.rtl) .elementor-18 .elementor-element.elementor-element-2f28fa83{right:10px;}body.rtl .elementor-18 .elementor-element.elementor-element-2f28fa83{left:10px;}.elementor-18 .elementor-element.elementor-element-2f28fa83{top:10px;}.elementor-18 .elementor-element.elementor-element-2f28fa83 .elementor-icon-wrapper{text-align:end;}.elementor-18 .elementor-element.elementor-element-2f28fa83.elementor-view-stacked .elementor-icon{background-color:#155EEF;}.elementor-18 .elementor-element.elementor-element-2f28fa83.elementor-view-framed .elementor-icon, .elementor-18 .elementor-element.elementor-element-2f28fa83.elementor-view-default .elementor-icon{color:#155EEF;border-color:#155EEF;}.elementor-18 .elementor-element.elementor-element-2f28fa83.elementor-view-framed .elementor-icon, .elementor-18 .elementor-element.elementor-element-2f28fa83.elementor-view-default .elementor-icon svg{fill:#155EEF;}.elementor-18 .elementor-element.elementor-element-2f28fa83.elementor-view-stacked .elementor-icon:hover{background-color:#00A6A6;}.elementor-18 .elementor-element.elementor-element-2f28fa83.elementor-view-framed .elementor-icon:hover, .elementor-18 .elementor-element.elementor-element-2f28fa83.elementor-view-default .elementor-icon:hover{color:#00A6A6;border-color:#00A6A6;}.elementor-18 .elementor-element.elementor-element-2f28fa83.elementor-view-framed .elementor-icon:hover, .elementor-18 .elementor-element.elementor-element-2f28fa83.elementor-view-default .elementor-icon:hover svg{fill:#00A6A6;}.elementor-18 .elementor-element.elementor-element-2f28fa83 .elementor-icon{font-size:25px;}.elementor-18 .elementor-element.elementor-element-2f28fa83 .elementor-icon svg{height:25px;}.elementor-18 .elementor-element.elementor-element-20c43474 .elementor-icon-wrapper{text-align:center;}.elementor-18 .elementor-element.elementor-element-20c43474.elementor-view-stacked .elementor-icon{background-color:#0f2f6b;}.elementor-18 .elementor-element.elementor-element-20c43474.elementor-view-framed .elementor-icon, .elementor-18 .elementor-element.elementor-element-20c43474.elementor-view-default .elementor-icon{color:#0f2f6b;border-color:#0f2f6b;}.elementor-18 .elementor-element.elementor-element-20c43474.elementor-view-framed .elementor-icon, .elementor-18 .elementor-element.elementor-element-20c43474.elementor-view-default .elementor-icon svg{fill:#0f2f6b;}.elementor-18 .elementor-element.elementor-element-20c43474.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-20c43474.elementor-view-framed .elementor-icon:hover, .elementor-18 .elementor-element.elementor-element-20c43474.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-20c43474.elementor-view-framed .elementor-icon:hover, .elementor-18 .elementor-element.elementor-element-20c43474.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-20c43474 .elementor-icon{font-size:22px;}.elementor-18 .elementor-element.elementor-element-20c43474 .elementor-icon svg{height:22px;}.elementor-18 .elementor-element.elementor-element-35d130b2{--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;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#d9e2ec;--border-color:#d9e2ec;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-18 .elementor-element.elementor-element-35d130b2:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-35d130b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-18 .elementor-element.elementor-element-73a49d42{--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:space-between;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-6d50eaec .elementor-button{background-color:#00a6a6;font-family:"Inter", Sans-serif;font-weight:800;fill:#ffffff;color:#ffffff;box-shadow:0px 8px 18px 0px rgba(21,94,239,0.16);border-radius:50px 50px 50px 50px;}.elementor-18 .elementor-element.elementor-element-6d50eaec .elementor-button-content-wrapper{flex-direction:row;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-5532d9c4{--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;}}/* Start custom CSS for container, class: .elementor-element-1ab4bc0f *//* =========================================================
   Asili Furniture - Header
   File: asili-header.css
   Depends on: asili-base.css
   Notes: intentionally scoped under .af-site-header
   ========================================================= */

.af-site-header {
  position: relative;
  z-index: 100;
  width: 100%;
  background: var(--af-bg-soft);
  border-bottom: 1px solid var(--af-border);
}

.af-site-header,
.af-site-header * {
  box-sizing: border-box;
}

.af-site-header a {
  text-decoration: none;
}

.af-site-header .af-header-top,
.af-site-header .af-header-main,
.af-site-header .af-header-nav-row {
  width: 100%;
}

/* Force Elementor containers to behave as rows/columns even when imported settings are ignored. */
.af-site-header .af-header-top__inner,
.af-site-header .af-header-main__inner,
.af-site-header .af-header-nav-row__inner,
.af-site-header .af-header-actions {
  --display: flex;
  display: flex !important;
}

/* =========================================================
   Top utility bar
   ========================================================= */

.af-site-header .af-header-top {
  color: #ffffff;
  background: var(--af-primary-dark);
}

.af-site-header .af-header-top__inner {
  width: min(100% - 32px, var(--af-container));
  min-height: 40px;
  margin-inline: auto;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  font-size: 13px;
  line-height: 1.4;
}

.af-site-header .af-header-top__message,
.af-site-header .af-header-top__message .elementor-widget-container {
  color: rgba(255, 255, 255, 0.92);
}

.af-site-header .af-header-top__links,
.af-site-header .af-header-top__links .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  color: rgba(255, 255, 255, 0.94);
  font-weight: 800;
}

.af-site-header .af-header-top__links a {
  color: inherit;
}

.af-site-header .af-header-top__links a:hover {
  color: #ffffff;
}

.af-site-header .af-header-separator {
  opacity: 0.45;
}

/* =========================================================
   Main header row
   ========================================================= */

.af-site-header .af-header-main {
  background: #ffffff;
}

.af-site-header .af-header-main__inner {
  width: min(100% - 32px, var(--af-container));
  min-height: 88px;
  margin-inline: auto;
  padding-block: 14px;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.af-site-header .af-header-logo {
  flex: 0 0 210px !important;
  width: 210px !important;
  max-width: 210px !important;
  min-width: 160px;
  display: flex !important;
  align-items: center !important;
}

.af-site-header .af-header-logo .elementor-widget-container {
  width: 100%;
  display: flex !important;
  align-items: center !important;
}

.af-site-header .af-header-logo img {
  width: auto !important;
  max-width: 210px !important;
  max-height: 58px !important;
  object-fit: contain;
}

/* Search */
.af-site-header .af-header-search {
  flex: 1 1 620px !important;
  width: auto !important;
  min-width: 320px !important;
  max-width: 680px !important;
}

.af-site-header .af-header-search .elementor-widget-container {
  width: 100%;
}

.af-site-header .af-product-search-form {
  position: relative;
  display: block;
  width: 100% !important;
  min-width: 0;
  margin: 0;
}

.af-site-header .af-search-input {
  width: 100% !important;
  min-width: 0;
  min-height: 48px;
  padding: 0 54px 0 18px !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 999px !important;
  color: var(--af-text) !important;
  background: var(--af-bg-soft) !important;
  font-size: 14px;
  outline: none;
  box-shadow: none !important;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.af-site-header .af-search-input:focus {
  background: #ffffff !important;
  border-color: rgba(21, 94, 239, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(21, 94, 239, 0.1) !important;
}

.af-site-header .af-search-submit {
  position: absolute !important;
  top: 50% !important;
  right: 6px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: var(--af-primary) !important;
  cursor: pointer;
}

.af-site-header .af-search-submit:hover {
  background: var(--af-primary-dark) !important;
}

/* Actions */
.af-site-header .af-header-actions {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.af-site-header .af-header-actions > .elementor-element,
.af-site-header .af-header-actions > .elementor-widget,
.af-site-header .af-header-actions > div {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

.af-site-header .af-header-account .elementor-button,
.af-site-header .af-header-call .elementor-button {
  width: auto !important;
  min-width: auto !important;
  min-height: 42px !important;
  padding: 11px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 999px !important;
  color: var(--af-primary-dark) !important;
  background: var(--af-primary-soft) !important;
  border: 1px solid rgba(21, 94, 239, 0.18) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.af-site-header .af-header-account .elementor-button:hover,
.af-site-header .af-header-call .elementor-button:hover {
  color: #ffffff !important;
  background: var(--af-primary) !important;
  border-color: var(--af-primary) !important;
}

.af-site-header .af-header-cart,
.af-site-header .af-mobile-menu {
  flex: 0 0 auto !important;
  width: auto !important;
}

.af-site-header .af-header-cart a,
.af-site-header .af-mobile-menu a,
.af-site-header .af-mobile-menu .elementor-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 999px !important;
  color: var(--af-primary-dark) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.af-site-header .af-header-cart a:hover,
.af-site-header .af-mobile-menu a:hover,
.af-site-header .af-mobile-menu .elementor-icon:hover {
  color: #ffffff !important;
  background: var(--af-primary) !important;
  border-color: var(--af-primary) !important;
}

.af-site-header .af-mobile-menu {
  display: none !important;
}

/* =========================================================
   Navigation row
   ========================================================= */

.af-site-header .af-header-nav-row {
  background: #ffffff;
  border-top: 1px solid var(--af-border);
}

.af-site-header .af-header-nav-row__inner {
  width: min(100% - 32px, var(--af-container));
  min-height: 62px;
  margin-inline: auto;
  padding-block: 8px;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.af-site-header .af-header-browse {
  flex: 0 0 240px !important;
  width: 240px !important;
  max-width: 240px !important;
}

.af-site-header .af-header-browse .elementor-widget-container {
  width: 100%;
}

.af-site-header .af-browse-categories {
  position: relative;
  width: 240px;
  max-width: 100%;
}

.af-site-header .af-browse-summary {
  min-height: 44px;
  padding: 0 16px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  border: 1px solid rgba(21, 94, 239, 0.25);
  border-radius: 999px;
  color: #ffffff !important;
  background: var(--af-primary);
  cursor: pointer;
  list-style: none;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  user-select: none;
}

.af-site-header .af-browse-summary::-webkit-details-marker,
.af-site-header .af-browse-summary::marker {
  display: none;
  content: "";
}

.af-site-header .af-browse-left,
.af-site-header .af-browse-caret,
.af-site-header .af-browse-icon,
.af-site-header .af-browse-label {
  display: inline-flex !important;
  align-items: center !important;
}

.af-site-header .af-browse-left {
  gap: 10px;
}

.af-site-header .af-browse-categories[open] .af-browse-caret {
  transform: rotate(180deg);
}

.af-site-header .af-browse-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 9999;
  width: 310px;
  max-height: 70vh;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid var(--af-border);
  border-radius: var(--af-radius-md);
  background: #ffffff;
  box-shadow: var(--af-shadow-md);
}

.af-site-header .af-browse-dropdown a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--af-text) !important;
  font-size: 14px;
  line-height: 1.35;
}

.af-site-header .af-browse-dropdown a:hover {
  color: var(--af-primary) !important;
  background: var(--af-primary-soft);
}

.af-site-header .af-browse-link--parent {
  margin-top: 4px;
  color: var(--af-primary-dark) !important;
  font-weight: 900;
}

.af-site-header .af-header-nav {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

.af-site-header .af-header-nav .elementor-widget-container {
  width: 100%;
}

.af-site-header .af-header-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  gap: 6px !important;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.af-site-header .af-header-menu::-webkit-scrollbar {
  display: none;
}

.af-site-header .af-header-menu a {
  min-height: 40px;
  padding: 11px 13px;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px;
  color: var(--af-text) !important;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.af-site-header .af-header-menu a:hover,
.af-site-header .af-header-menu a.is-active {
  color: var(--af-primary) !important;
  background: var(--af-primary-soft);
}

.af-site-header .af-header-whatsapp {
  flex: 0 0 auto !important;
  width: auto !important;
}

.af-site-header .af-header-whatsapp .elementor-button {
  width: auto !important;
  min-height: 42px !important;
  padding: 11px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: var(--af-accent) !important;
  border: 1px solid var(--af-accent) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.af-site-header .af-header-whatsapp .elementor-button:hover {
  background: var(--af-accent-dark) !important;
  border-color: var(--af-accent-dark) !important;
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1024px) {
  .af-site-header .af-header-top {
    display: none;
  }

  .af-site-header .af-header-main__inner {
    gap: 16px !important;
  }

  .af-site-header .af-header-logo {
    flex-basis: 180px !important;
    width: 180px !important;
  }

  .af-site-header .af-header-search {
    flex-basis: 420px !important;
    min-width: 220px !important;
  }

  .af-site-header .af-header-call {
    display: none !important;
  }

  .af-site-header .af-header-nav-row__inner {
    justify-content: center !important;
  }

  .af-site-header .af-header-browse,
  .af-site-header .af-header-whatsapp {
    display: none !important;
  }
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {
  .af-site-header .af-header-main__inner {
    width: min(100% - 24px, var(--af-container));
    min-height: auto;
    padding-block: 12px;
    /* flex-wrap: wrap !important; */
    gap: 12px !important;
  }

  .af-site-header .af-header-logo {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 108px) !important;
  }

  .af-site-header .af-header-logo img {
    max-width: 150px !important;
    max-height: 46px !important;
  }

  .af-site-header .af-header-search {
    order: 3;
    flex: 1 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .af-site-header .af-header-actions {
    flex: 0 0 auto !important;
    gap: 8px !important;
  }

  .af-site-header .af-header-account {
    display: none !important;
  }

  .af-site-header .af-mobile-menu {
    display: inline-flex !important;
  }

  .af-site-header .af-header-nav-row {
    display: none !important;
  }
}


/* =========================================================
   V4: Live search shortcode support
   Shortcode: [af_product_search]
   ========================================================= */

.af-site-header .af-header-search .af-nav-search,
.af-site-header .af-header-search .af-live-search {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
}

.af-site-header .af-header-search .af-nav-search-form,
.af-site-header .af-header-search .af-live-search-form {
  position: relative;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

.af-site-header .af-header-search .af-nav-search-input,
.af-site-header .af-header-search .af-live-search-input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 0 54px 0 18px !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 999px !important;
  color: var(--af-text) !important;
  background: var(--af-bg-soft) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  outline: none !important;
  box-shadow: none !important;
}

.af-site-header .af-header-search .af-nav-search-input:focus,
.af-site-header .af-header-search .af-live-search-input:focus {
  background: #ffffff !important;
  border-color: rgba(21, 94, 239, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(21, 94, 239, 0.1) !important;
}

.af-site-header .af-header-search .af-nav-search-submit {
  position: absolute !important;
  top: 50% !important;
  right: 6px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: var(--af-primary) !important;
  cursor: pointer !important;
}

.af-site-header .af-header-search .af-nav-search-submit:hover {
  background: var(--af-primary-dark) !important;
}

.af-site-header .af-live-search-panel {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 10050;
  padding: 10px;
  border: 1px solid var(--af-border);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: var(--af-shadow-md);
}

.af-site-header .af-live-search-status {
  padding: 14px;
  color: var(--af-muted);
  font-size: 14px;
  line-height: 1.4;
}

.af-site-header .af-live-search-results {
  display: grid;
  gap: 6px;
}

.af-site-header .af-live-search-item {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 8px;
  border-radius: 14px;
  color: var(--af-text) !important;
  background: #ffffff;
}

.af-site-header .af-live-search-item:hover {
  background: var(--af-primary-soft);
}

.af-site-header .af-live-search-thumb {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 12px;
  background: var(--af-bg-soft);
  border: 1px solid var(--af-border);
}

.af-site-header .af-live-search-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.af-site-header .af-live-search-info {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.af-site-header .af-live-search-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.af-site-header .af-live-search-title {
  min-width: 0;
  overflow: hidden;
  color: var(--af-primary-dark);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.af-site-header .af-live-search-price {
  color: var(--af-primary);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
}

.af-site-header .af-live-sale-badge {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 999px;
  color: #ffffff;
  background: var(--af-accent);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.af-site-header .af-live-search-view-all {
  margin-top: 8px;
  min-height: 42px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #ffffff !important;
  background: var(--af-primary);
  font-size: 14px;
  font-weight: 900;
}

/* =========================================================
   V4: Elementor floating cart / menu-cart drawer refinement
   These .elementor-18 .elementor-element.elementor-element-1ab4bc0fs target Elementor's side cart output.
   ========================================================= */

.elementor-menu-cart__container {
  z-index: 99999 !important;
}

.elementor-menu-cart__container .elementor-menu-cart__main {
  width: min(430px, 100vw) !important;
  max-width: 100vw !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  box-shadow: -18px 0 50px rgba(15, 47, 107, 0.18) !important;
}

.elementor-menu-cart__container .elementor-menu-cart__close-button,
.elementor-menu-cart__container .elementor-menu-cart__close-button-custom {
  width: 40px !important;
  height: 40px !important;
  top: 16px !important;
  right: 16px !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 999px !important;
  color: var(--af-primary-dark) !important;
  background: #ffffff !important;
}

.elementor-menu-cart__container .elementor-menu-cart__products {
  flex: 1 1 auto !important;
  margin: 34px 0 16px !important;
  padding: 0 !important;
  overflow-y: auto !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) 32px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid var(--af-border) !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-image {
  width: 74px !important;
  height: 74px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  border: 1px solid var(--af-border) !important;
  background: var(--af-bg-soft) !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name,
.elementor-menu-cart__container .elementor-menu-cart__product-name a {
  color: var(--af-primary-dark) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name {
  min-width: 0 !important;
  margin: 0 0 6px !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-price,
.elementor-menu-cart__container .elementor-menu-cart__product-price .quantity,
.elementor-menu-cart__container .elementor-menu-cart__product-price .amount {
  color: var(--af-muted) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-remove,
.elementor-menu-cart__container .remove_from_cart_button {
  position: static !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 999px !important;
  color: var(--af-muted) !important;
  background: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-remove:hover,
.elementor-menu-cart__container .remove_from_cart_button:hover {
  color: #ffffff !important;
  background: var(--af-primary) !important;
  border-color: var(--af-primary) !important;
}

.elementor-menu-cart__container .elementor-menu-cart__subtotal {
  margin: 0 !important;
  padding: 18px 0 !important;
  border-top: 1px solid var(--af-border) !important;
  border-bottom: 1px solid var(--af-border) !important;
  color: var(--af-text) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.elementor-menu-cart__container .elementor-menu-cart__footer-buttons {
  margin-top: auto !important;
  padding-top: 18px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

.elementor-menu-cart__container .elementor-menu-cart__footer-buttons a,
.elementor-menu-cart__container .elementor-button--view-cart,
.elementor-menu-cart__container .elementor-button--checkout {
  width: 100% !important;
  min-height: 46px !important;
  padding: 12px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.elementor-menu-cart__container .elementor-button--view-cart {
  color: var(--af-primary) !important;
  background: var(--af-primary-soft) !important;
  border: 1px solid rgba(21, 94, 239, 0.22) !important;
}

.elementor-menu-cart__container .elementor-button--checkout {
  color: #ffffff !important;
  background: var(--af-primary) !important;
  border: 1px solid var(--af-primary) !important;
}

.elementor-menu-cart__container .elementor-button--view-cart:hover,
.elementor-menu-cart__container .elementor-button--checkout:hover {
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .af-site-header .af-live-search-panel {
    top: calc(100% + 8px);
    border-radius: 16px;
  }

  .elementor-menu-cart__container .elementor-menu-cart__main {
    width: 92vw !important;
    padding: 20px !important;
  }

  .elementor-menu-cart__container .elementor-menu-cart__product {
    grid-template-columns: 64px minmax(0, 1fr) 30px !important;
    gap: 10px !important;
  }

  .elementor-menu-cart__container .elementor-menu-cart__product-image {
    width: 64px !important;
    height: 64px !important;
  }

  .elementor-menu-cart__container .elementor-menu-cart__footer-buttons {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   Asili Header - Elementor Menu Cart Drawer Hard Fix
   Fixes cramped product titles and oversized remove icon
   ========================================================= */

.af-site-header .elementor-menu-cart__container {
  z-index: 999999;
}

.af-site-header .elementor-menu-cart__main {
  width: min(420px, 92vw) !important;
  max-width: 420px !important;
  padding: 26px 22px !important;
  background: #ffffff !important;
  box-shadow: -18px 0 48px rgba(15, 47, 107, 0.22) !important;
}

/* Close button */
.af-site-header .elementor-menu-cart__close-button,
.af-site-header .elementor-menu-cart__close-button-custom {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--af-primary-dark) !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
}

/* Product list */
.af-site-header .elementor-menu-cart__products {
  margin-top: 46px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* Product row */
.af-site-header .elementor-menu-cart__product {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  column-gap: 14px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid var(--af-border) !important;
}

/* Product image */
.af-site-header .elementor-menu-cart__product-image {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--af-bg-soft) !important;
}

.af-site-header .elementor-menu-cart__product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Product content */
.af-site-header .elementor-menu-cart__product-name,
.af-site-header .elementor-menu-cart__product-price {
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

.af-site-header .elementor-menu-cart__product-name {
  display: block !important;
  color: var(--af-primary-dark) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.af-site-header .elementor-menu-cart__product-name a {
  color: inherit !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.af-site-header .elementor-menu-cart__product-price {
  margin-top: 5px !important;
  color: var(--af-muted) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.af-site-header .elementor-menu-cart__product-price .amount {
  color: var(--af-primary-dark) !important;
  font-weight: 900 !important;
}

/* Remove button - prevents giant X overlay */
.af-site-header .elementor-menu-cart__product-remove {
  position: static !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  justify-self: end !important;
  color: var(--af-muted) !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  opacity: 1 !important;
  transform: none !important;
}

.af-site-header .elementor-menu-cart__product-remove::before,
.af-site-header .elementor-menu-cart__product-remove::after {
  width: 12px !important;
  height: 1.5px !important;
  background: currentColor !important;
  left: 50% !important;
  top: 50% !important;
  transform-origin: center !important;
}

.af-site-header .elementor-menu-cart__product-remove::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.af-site-header .elementor-menu-cart__product-remove::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.af-site-header .elementor-menu-cart__product-remove:hover {
  color: #ffffff !important;
  background: var(--af-primary) !important;
  border-color: var(--af-primary) !important;
}

/* Subtotal */
.af-site-header .elementor-menu-cart__subtotal {
  margin-top: auto !important;
  padding: 22px 0 !important;
  border-top: 1px solid var(--af-border) !important;
  border-bottom: 1px solid var(--af-border) !important;
  color: var(--af-ink) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

/* Footer buttons */
.af-site-header .elementor-menu-cart__footer-buttons {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  padding-top: 18px !important;
}

.af-site-header .elementor-menu-cart__footer-buttons a {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.af-site-header .elementor-menu-cart__footer-buttons .elementor-button--view-cart {
  color: var(--af-primary) !important;
  background: #ffffff !important;
  border: 1px solid var(--af-border) !important;
}

.af-site-header .elementor-menu-cart__footer-buttons .elementor-button--checkout {
  color: #ffffff !important;
  background: var(--af-primary) !important;
  border: 1px solid var(--af-primary) !important;
}

/* Mobile drawer */
@media (max-width: 480px) {
  .af-site-header .elementor-menu-cart__main {
    width: 92vw !important;
    padding: 24px 16px !important;
  }

  .af-site-header .elementor-menu-cart__product {
    grid-template-columns: 64px minmax(0, 1fr) 30px !important;
    column-gap: 12px !important;
  }

  .af-site-header .elementor-menu-cart__product-image {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
  }

  .af-site-header .elementor-menu-cart__footer-buttons {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   Asili Header - Menu Cart Drawer Final Layout Fix
   Fixes title squeezing into circle + remove icon positioning
   ========================================================= */

/* Product row: image | content | remove */
.af-site-header .elementor-menu-cart__product {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) 34px !important;
  grid-template-areas: "image content remove" !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid var(--af-border) !important;
}

/* Image column */
.af-site-header .elementor-menu-cart__product-image {
  grid-area: image !important;
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 12px !important;
  background: var(--af-bg-soft) !important;
  overflow: hidden !important;
}

.af-site-header .elementor-menu-cart__product-image a,
.af-site-header .elementor-menu-cart__product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.af-site-header .elementor-menu-cart__product-image img {
  object-fit: cover !important;
}

/* Product text column */
.af-site-header .elementor-menu-cart__product-name,
.af-site-header .elementor-menu-cart__product-price {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Kill inherited circular button styles on product title */
.af-site-header .elementor-menu-cart__product-name a {
  display: -webkit-box !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--af-primary-dark) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  text-align: left !important;
  text-decoration: none !important;
  overflow: hidden !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: none !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.af-site-header .elementor-menu-cart__product-name a:hover {
  color: var(--af-primary) !important;
  background: transparent !important;
}

/* Price below title */
.af-site-header .elementor-menu-cart__product-price {
  margin-top: 6px !important;
  color: var(--af-muted) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.af-site-header .elementor-menu-cart__product-price .amount {
  color: var(--af-primary-dark) !important;
  font-weight: 900 !important;
}

/* Remove button column */
.af-site-header .elementor-menu-cart__product-remove {
  grid-area: remove !important;
  position: relative !important;
  inset: auto !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: end !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--af-muted) !important;
  background: #ffffff !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
}

.af-site-header .elementor-menu-cart__product-remove::before,
.af-site-header .elementor-menu-cart__product-remove::after {
  content: "" !important;
  position: absolute !important;
  width: 12px !important;
  height: 1.5px !important;
  left: 50% !important;
  top: 50% !important;
  background: currentColor !important;
  border: 0 !important;
  transform-origin: center !important;
}

.af-site-header .elementor-menu-cart__product-remove::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.af-site-header .elementor-menu-cart__product-remove::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.af-site-header .elementor-menu-cart__product-remove:hover {
  color: #ffffff !important;
  background: var(--af-primary) !important;
  border-color: var(--af-primary) !important;
}

/* Prevent Elementor/cart links from becoming round buttons inside drawer */
.af-site-header .elementor-menu-cart__main a:not(.elementor-button) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Keep footer buttons styled separately */
.af-site-header .elementor-menu-cart__footer-buttons a.elementor-button {
  border-radius: 999px !important;
}

.af-site-header .elementor-menu-cart__product {
  grid-template-columns: 72px minmax(0, 1fr) 32px !important;
  gap: 12px !important;
}

.af-site-header .elementor-menu-cart__product-name a {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.af-site-header .elementor-menu-cart__product-price {
  margin-top: 8px !important;
}

/* =========================================================
   Asili Header - Cart Drawer Close Button Fix
   ========================================================= */

.af-site-header .elementor-menu-cart__close-button,
.af-site-header .elementor-menu-cart__close-button-custom {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--af-muted) !important;
  background: #ffffff !important;
  border: 1px solid var(--af-border) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  cursor: pointer !important;
  z-index: 5 !important;
}

/* Reset Elementor's default giant X lines */
.af-site-header .elementor-menu-cart__close-button::before,
.af-site-header .elementor-menu-cart__close-button::after,
.af-site-header .elementor-menu-cart__close-button-custom::before,
.af-site-header .elementor-menu-cart__close-button-custom::after {
  content: "" !important;
  position: absolute !important;
  width: 16px !important;
  height: 2px !important;
  left: 50% !important;
  top: 50% !important;
  background: currentColor !important;
  border: 0 !important;
  border-radius: 999px !important;
  transform-origin: center !important;
}

.af-site-header .elementor-menu-cart__close-button::before,
.af-site-header .elementor-menu-cart__close-button-custom::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.af-site-header .elementor-menu-cart__close-button::after,
.af-site-header .elementor-menu-cart__close-button-custom::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.af-site-header .elementor-menu-cart__close-button:hover,
.af-site-header .elementor-menu-cart__close-button-custom:hover {
  color: #ffffff !important;
  background: var(--af-primary) !important;
  border-color: var(--af-primary) !important;
}

/* Give cart content enough top spacing below close button */
.af-site-header .elementor-menu-cart__products {
  margin-top: 54px !important;
}/* End custom CSS */