.elementor-1117 .elementor-element.elementor-element-29425fc7{--display:flex;--min-height:80px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;--z-index:9999;}.elementor-1117 .elementor-element.elementor-element-29425fc7:not(.elementor-motion-effects-element-type-background), .elementor-1117 .elementor-element.elementor-element-29425fc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1117 .elementor-element.elementor-element-29425fc7.e-con{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-2abbec2{--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:0px 0px;--row-gap:0px;--column-gap:0px;--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-1117 .elementor-element.elementor-element-2abbec2.e-con{--align-self:stretch;}.elementor-1117 .elementor-element.elementor-element-f70a939{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-1117 .elementor-element.elementor-element-f70a939.e-con{--align-self:stretch;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit-wid-con .ekit-offcanvas-toggle-wraper.before .ekit_navSidebar-button :is(svg, i){margin-right:12px;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit-wid-con .ekit-offcanvas-toggle-wraper.after .ekit_navSidebar-button :is(svg, i){margin-left:12px;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit-wid-con .ekit-sidebar-widget .ekit_widget-heading.before :is(svg, i){margin-right:12px;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit-wid-con .ekit-sidebar-widget .ekit_widget-heading.after :is(svg, i){margin-left:12px;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit-wid-con .ekit-sidebar-widget{background-color:var( --e-global-color-primary );max-width:24%;}.elementor-1117 .elementor-element.elementor-element-26de18a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:9999;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit-bg-black{background-color:#B9000000;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit-offcanvas-toggle-wraper a.ekit_offcanvas-sidebar{display:flex;flex-direction:row;width:fit-content;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit-sidebar-group{--transition-duration:0s;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_navSidebar-button{color:#FFFFFF;font-family:"Lexend Peta", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:24px;letter-spacing:0px;border-style:none;border-radius:0% 0% 0% 0%;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_navSidebar-button svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_navSidebar-button i{font-size:24px;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_navSidebar-button svg{max-width:24px;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit-offcanvas-toggle-wraper{text-align:left;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_navSidebar-button, .elementor-1117 .elementor-element.elementor-element-26de18a .ekit_social_media ul > li:last-child{padding:0px 00px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_close-side-widget{color:var( --e-global-color-secondary );background-color:var( --e-global-color-45aa84b );border-style:none;border-radius:50% 50% 50% 50%;padding:4px 7px 5px 7px;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_close-side-widget svg path{stroke:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_close-side-widget:hover{color:var( --e-global-color-secondary );}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_close-side-widget:hover svg path{stroke:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_close-side-widget i{font-size:20px;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit_close-side-widget svg{max-width:20px;}.elementor-1117 .elementor-element.elementor-element-26de18a .ekit-wid-con .ekit_sidebar-textwidget{padding:0px 0px 0px 0px;}.elementor-1117 .elementor-element.elementor-element-66c1824a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-1117 .elementor-element.elementor-element-66c1824a.e-con{--align-self:stretch;}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1117 .elementor-element.elementor-element-6c01ea3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:10;text-align:center;}.elementor-1117 .elementor-element.elementor-element-6c01ea3b.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-6c01ea3b img{width:180px;max-width:180px;}.elementor-1117 .elementor-element.elementor-element-2661279a{--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:60px 60px;--row-gap:60px;--column-gap:60px;--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-1117 .elementor-element.elementor-element-2661279a.e-con{--align-self:stretch;}.elementor-1117 .elementor-element.elementor-element-1008f92b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1117 .elementor-element.elementor-element-1008f92b.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-1008f92b .ekit_navsearch-button :is(i, svg){font-size:32px;}.elementor-1117 .elementor-element.elementor-element-1008f92b .ekit_navsearch-button, .elementor-1117 .elementor-element.elementor-element-1008f92b .ekit_search-button{color:#FFFFFF;fill:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-1008f92b .ekit_navsearch-button{border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;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 );}.elementor-1117 .elementor-element.elementor-element-5fd433c9 .elementor-icon-wrapper{text-align:center;}.elementor-1117 .elementor-element.elementor-element-5fd433c9.elementor-view-stacked .elementor-icon{background-color:#00000000;}.elementor-1117 .elementor-element.elementor-element-5fd433c9.elementor-view-framed .elementor-icon, .elementor-1117 .elementor-element.elementor-element-5fd433c9.elementor-view-default .elementor-icon{color:#00000000;border-color:#00000000;}.elementor-1117 .elementor-element.elementor-element-5fd433c9.elementor-view-framed .elementor-icon, .elementor-1117 .elementor-element.elementor-element-5fd433c9.elementor-view-default .elementor-icon svg{fill:#00000000;}.elementor-1117 .elementor-element.elementor-element-5fd433c9 .elementor-icon{font-size:32px;}.elementor-1117 .elementor-element.elementor-element-5fd433c9 .elementor-icon svg{height:32px;}.elementor-1117 .elementor-element.elementor-element-5fd433c9 .elementor-icon-wrapper svg{width:auto;}.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 );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-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 );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-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 );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-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 );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-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 );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-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 );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-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 );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1117 .elementor-element.elementor-element-93f2dc8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--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-secondary );--toggle-button-icon-hover-color:var( --e-global-color-secondary );--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--toggle-icon-size:32px;--toggle-icon-padding:0px 0px 0px 0px;--items-indicator-text-color:#FFFFFF;--items-indicator-background-color:#FF0000;--cart-background-color:#000000;--cart-border-style:none;--cart-close-icon-size:24px;--cart-close-button-color:#FFFFFF;--remove-item-button-color:#FFFFFF;--menu-cart-subtotal-color:#FFFFFF;--product-variations-color:#FFFFFF;--product-price-color:#FFFFFF;--divider-color:#FFFFFF;--subtotal-divider-color:#FFFFFF;--divider-width:1px;--subtotal-divider-top-width:1px;--subtotal-divider-right-width:1px;--subtotal-divider-bottom-width:1px;--subtotal-divider-left-width:1px;--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--view-cart-button-text-color:#000000;--view-cart-button-background-color:#FFFFFF;--view-cart-button-padding:0px 0px 0px 0px;--checkout-button-text-color:var( --e-global-color-secondary );--checkout-button-background-color:#000000;--checkout-button-padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-0px;top:-0px;}body.rtl .elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:0px;top:-0px;left:auto;}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__subtotal{font-family:"Lexend Peta", Sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;--subtotal-divider-color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );color:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__product .variation{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__product-price{font-family:"Lexend Peta", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:-0.9px;}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__product-price .product-quantity{color:#FFFFFF;font-family:"Satoshi", Sans-serif;font-size:14px;}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Lexend Peta", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1.3px;}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:"Lexend Peta", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;line-height:90px;letter-spacing:0.6px;}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .woocommerce-mini-cart__empty-message{font-family:"Lexend Peta", Sans-serif;font-size:22px;font-weight:400;text-transform:uppercase;line-height:46px;letter-spacing:0.6px;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit-wid-con .ekit-sidebar-widget{background-color:var( --e-global-color-primary );max-width:24%;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:9999;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec.elementor-element{--align-self:center;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit-bg-black{background-color:#B9000000;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit-sidebar-group{--transition-duration:0s;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_navSidebar-button{color:#FFFFFF;border-style:none;border-radius:0% 0% 0% 0%;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_navSidebar-button svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_navSidebar-button i{font-size:24px;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_navSidebar-button svg{max-width:24px;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit-offcanvas-toggle-wraper{text-align:left;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_navSidebar-button, .elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_social_media ul > li:last-child{padding:0px 00px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_close-side-widget{color:var( --e-global-color-secondary );background-color:var( --e-global-color-45aa84b );border-style:none;border-radius:50% 50% 50% 50%;padding:4px 7px 5px 7px;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_close-side-widget svg path{stroke:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_close-side-widget:hover{color:var( --e-global-color-secondary );}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_close-side-widget:hover svg path{stroke:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_close-side-widget i{font-size:20px;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_close-side-widget svg{max-width:20px;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit-wid-con .ekit_sidebar-textwidget{padding:0px 0px 0px 0px;}.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-1117 .elementor-element.elementor-element-26de18a .ekit-wid-con .ekit-sidebar-widget{max-width:32%;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1117 .elementor-element.elementor-element-2661279a{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-1117 .elementor-element.elementor-element-1008f92b .ekit_navsearch-button :is(i, svg){font-size:32px;}.elementor-1117 .elementor-element.elementor-element-5fd433c9 .elementor-icon{font-size:32px;}.elementor-1117 .elementor-element.elementor-element-5fd433c9 .elementor-icon svg{height:32px;}.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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__product .variation{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit-wid-con .ekit-sidebar-widget{max-width:32%;}}@media(max-width:767px){.elementor-1117 .elementor-element.elementor-element-29425fc7{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1117 .elementor-element.elementor-element-2abbec2{--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-1117 .elementor-element.elementor-element-26de18a .ekit_navSidebar-button{background-color:var( --e-global-color-primary );}.elementor-1117 .elementor-element.elementor-element-66c1824a{--width:50%;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1117 .elementor-element.elementor-element-6c01ea3b{text-align:start;}.elementor-1117 .elementor-element.elementor-element-6c01ea3b img{width:100%;max-width:100%;}.elementor-1117 .elementor-element.elementor-element-2661279a{--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:flex-end;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-1117 .elementor-element.elementor-element-2661279a.e-con{--align-self:stretch;}.elementor-1117 .elementor-element.elementor-element-1008f92b .ekit_navsearch-button :is(i, svg){font-size:24px;}.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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__product .variation{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1117 .elementor-element.elementor-element-4d1b3fec{width:auto;max-width:auto;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_navSidebar-button i{font-size:24px;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit_navSidebar-button svg{max-width:24px;}.elementor-1117 .elementor-element.elementor-element-4d1b3fec .ekit-wid-con .ekit-sidebar-widget{max-width:80%;}}@media(min-width:2500px){.elementor-1117 .elementor-element.elementor-element-29425fc7{--z-index:9999;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1117 .elementor-element.elementor-element-6c01ea3b img{width:76%;}.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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1117 .elementor-element.elementor-element-93f2dc8 .elementor-menu-cart__product .variation{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for elementskit-header-offcanvas, class: .elementor-element-26de18a */:root{
--oj-menu-speed:.4s;
--oj-menu-w:455px;
--oj-menu-side:32px;
--oj-content-top:110px;
--oj-admin-h:0px;
}
.admin-bar{ --oj-admin-h:32px; }
@media (max-width:782px){
.admin-bar{ --oj-admin-h:46px; }
}
@media (max-width:767px){
:root{
--oj-menu-side:24px;
--oj-content-top:100px;
}
}
.oj-header,
.oj-header .e-con,
.oj-header .e-con-inner,
.oj-header .elementor-widget-wrap,
.elementor-widget-elementskit-header-offcanvas,
.elementor-widget-elementskit-header-offcanvas .elementor-widget-container{
filter:none !important;
perspective:none !important;
backdrop-filter:none !important;
contain:none !important;
}
body.menu-open .oj-header{
transform:none !important;
will-change:auto !important;
}
.oj-header .elementor-widget-elementskit-header-offcanvas,
.elementor-widget-elementskit-header-offcanvas{
position:relative !important;
z-index:9999 !important;
}
.ekit-sidebar-group.info-group{
position:fixed !important;
top:var(--oj-admin-h) !important;
bottom:0 !important;
left:0 !important;
right:0 !important;
width:auto !important;
height:auto !important;
margin:0 !important;
z-index:999999 !important;
}
.ekit-sidebar-group .ekit-overlay{
position:fixed !important;
top:var(--oj-admin-h) !important;
bottom:0 !important;
left:0 !important;
right:0 !important;
width:auto !important;
height:auto !important;
margin:0 !important;
z-index:1 !important;
}
.ekit-sidebar-group.info-group .ekit-sidebar-widget{
position:fixed !important;
top:var(--oj-admin-h) !important;
bottom:0 !important;
left:0 !important;
right:auto !important;
width:var(--oj-menu-w) !important;
max-width:100% !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
box-sizing:border-box !important;
z-index:2 !important;
backface-visibility:hidden !important;
transform:translateX(-100%) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
.ekit-sidebar-group.info-group.ekit_isActive .ekit-sidebar-widget{
transform:translateX(0) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
@media (max-width:767px){
.ekit-sidebar-group.info-group .ekit-sidebar-widget{
left:auto !important;
right:0 !important;
width:100% !important;
transform:translateX(100%) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
.ekit-sidebar-group.info-group.ekit_isActive .ekit-sidebar-widget{
transform:translateX(0) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
}
.ekit-sidebar-group.info-group{
visibility:hidden !important;
pointer-events:none !important;
opacity:1 !important;
transition:visibility 0s linear var(--oj-menu-speed) !important;
}
.ekit-sidebar-group.info-group.ekit_isActive{
visibility:visible !important;
pointer-events:auto !important;
transition:visibility 0s linear 0s !important;
}
.ekit-sidebar-group .ekit-overlay{
opacity:0 !important;
transition:opacity var(--oj-menu-speed) ease-out 0s !important;
}
.ekit-sidebar-group.ekit_isActive .ekit-overlay{
opacity:1 !important;
transition:opacity var(--oj-menu-speed) ease-in 0s !important;
}
.ekit-sidebar-group .ekit_sidebar-textwidget,
.ekit-sidebar-group .ekit_sidebar-textwidget *,
.ekit-sidebar-group .ekit-widget-area-container,
.ekit-sidebar-group .ekit-widget-area-container *{
animation:none !important;
animation-name:none !important;
animation-duration:0s !important;
animation-delay:0s !important;
animation-play-state:paused !important;
transition:none !important;
transition-duration:0s !important;
transition-delay:0s !important;
opacity:1 !important;
visibility:visible !important;
transform:none !important;
}
.elementor-invisible{
visibility:visible !important;
opacity:1 !important;
animation:none !important;
}
.ekit-sidebar-group .ekit_widget-heading{
position:absolute !important;
top:var(--oj-x-top, 40px) !important;
transform:translateY(-50%) !important;
left:0 !important;
right:0 !important;
width:100% !important;
height:auto !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
padding: 0 var(--oj-menu-side) !important;
margin:0 !important;
float:none !important;
z-index:10 !important;
transition:none !important;
}
.ekit-sidebar-group .ekit_close-side-widget{
float:none !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:32px !important;
height:32px !important;
margin:0 !important;
}
.ekit-sidebar-group .ekit_close-side-widget .icon-cross{
font-size:22px !important;
color:#fff !important;
}
.ekit-sidebar-group .ekit_sidebar-textwidget{
padding:var(--oj-content-top) var(--oj-menu-side) 32px !important;
position:relative !important;
z-index:1 !important;
}
@media (max-width:767px){
.ekit-sidebar-group .ekit_sidebar-textwidget{
padding-bottom: calc(32px + env(safe-area-inset-bottom)) !important;
padding-left: 32px !important; /* was 24px? increase to 32px */
padding-right: 32px !important; /* same */
}
}
html body .ekit-sidebar-group.info-group .ekit-sidebar-widget{
position:fixed !important;
top:var(--oj-admin-h) !important;
bottom:0 !important;
left:0 !important;
right:auto !important;
width:var(--oj-menu-w) !important;
max-width:100% !important;
height:auto !important;
max-height:none !important;
opacity:1 !important;
transform:translateX(-100%) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
html body .ekit-sidebar-group.info-group.ekit_isActive .ekit-sidebar-widget{
transform:translateX(0) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
@media (max-width:767px){
html body .ekit-sidebar-group.info-group .ekit-sidebar-widget{
position:fixed !important;
top:var(--oj-admin-h) !important;
opacity: 1 !important;
background-color: #000000 !important;
bottom:0 !important;
left:auto !important;
right:0 !important;
width:100% !important;
max-width:100% !important;
height:100% !important;
max-height:100% !important;
min-height:0 !important;
margin:0 !important;
box-sizing:border-box !important;
transform-origin: right center !important; /* এই লাইনটি যোগ করুন */
}
html body .ekit-sidebar-group.info-group.ekit_isActive .ekit-sidebar-widget{
transform:translateX(0) !important;
}
}
html body .ekit-sidebar-group .ekit_sidebar-widget-container{
position:relative !important;
top:0 !important;
left:0 !important;
right:auto !important;
bottom:auto !important;
width:100% !important;
height:100% !important;
margin:0 !important;
transform:none !important;
translate:none !important;
transition:none !important;
animation:none !important;
}
html body .ekit-sidebar-group .ekit_sidebar-textwidget{
transform:none !important;
transition:none !important;
}
html body .ekit-sidebar-group .ekit-sidebar-widget{
overflow:hidden !important;
background:#000000 !important;
}/* End custom CSS */
/* Start custom CSS for theme-site-logo, class: .elementor-element-6c01ea3b *//* ============================================================
OJOYER — Logo renders smaller on iOS than on Android
Cause: the logo is an SVG whose ![]()
carries width="58" height="12".
iOS Safari sizes SVG images from that intrinsic value, while Chrome
on Android scales them to the container. Result: two different sizes.
Fix: state the width explicitly so no browser has to guess.
Paste in: Elementor > Site Settings > Custom CSS
============================================================ */
:root{
/* change these three numbers to resize the logo everywhere */
--oj-logo-mobile:120px;
--oj-logo-tablet:140px;
--oj-logo-desktop:150px;
}
/* header logo (Site Logo widget) */
.elementor-location-header .elementor-widget-theme-site-logo img,
.oj-header .elementor-widget-theme-site-logo img,
.elementor-widget-theme-site-logo .elementor-widget-container img{
width:var(--oj-logo-desktop) !important;
height:auto !important;
max-width:none !important; /* stops themes clamping it to 100% */
min-width:0 !important;
display:block !important;
aspect-ratio:58 / 12; /* the real proportions of the file */
object-fit:contain;
}
/* the logo link should not squash the image */
.elementor-widget-theme-site-logo a{
display:inline-block !important;
line-height:0;
}
/* tablet */
@media (max-width:1024px){
.elementor-location-header .elementor-widget-theme-site-logo img,
.oj-header .elementor-widget-theme-site-logo img,
.elementor-widget-theme-site-logo .elementor-widget-container img{
width:var(--oj-logo-tablet) !important;
}
}
/* mobile */
@media (max-width:767px){
.elementor-location-header .elementor-widget-theme-site-logo img,
.oj-header .elementor-widget-theme-site-logo img,
.elementor-widget-theme-site-logo .elementor-widget-container img{
width:var(--oj-logo-mobile) !important;
}
}
/* footer logo, keep it consistent too (edit sizes if you want it different) */
.elementor-location-footer .elementor-widget-theme-site-logo img{
width:var(--oj-logo-desktop) !important;
height:auto !important;
max-width:none !important;
aspect-ratio:58 / 12;
}
@media (max-width:767px){
.elementor-location-footer .elementor-widget-theme-site-logo img{
width:var(--oj-logo-mobile) !important;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-93f2dc8 *//* ============================================================
OJOYER — Menu Cart widget > Advanced > Custom CSS
Your last working code, rebuilt from what you pasted.
Only two changes:
- the duplicate subtotal block is removed, the VAT version kept
- section 8 added: mobile-only height fix, nothing else touched
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Lexend+Peta:wght@400;500;600;700&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap');
:root{
--cart-bg:#0b0b0c;
--cart-line:rgba(255,255,255,.10);
--cart-muted:rgba(255,255,255,.55);
--cart-tile:#161619;
--font-title:'Lexend Peta',sans-serif;
--font-body:'Satoshi','Segoe UI',sans-serif;
--cart-pad:24px;
}
/* ============================================================
0. Header must hold no transform while the cart is open, or the
fixed panel inside it stops sticking to the viewport.
============================================================ */
body.cart-open .oj-header{
transform:none !important;
will-change:auto !important;
transition:none !important;
}
.elementor-menu-cart__toggle_wrapper,
.elementor-menu-cart__wrapper{
transform:none !important;
will-change:auto !important;
filter:none !important;
perspective:none !important;
}
/* ============================================================
1. THE PANEL
============================================================ */
.elementor-menu-cart__container,
.oj-header .elementor-menu-cart__container,
.elementor-menu-cart__container.elementor-lightbox{
position:fixed !important;
top:0 !important;
bottom:0 !important;
right:0 !important;
left:auto !important;
width:400px !important;
max-width:100vw !important;
height:100vh !important;
max-height:100vh !important;
margin:0 !important;
overflow:hidden !important;
overflow-y:hidden !important;
}
@media (max-width:600px){
.elementor-menu-cart__container{ width:100vw !important; }
}
/* admin bar, logged in only */
.admin-bar .elementor-menu-cart__container,
.admin-bar .oj-header .elementor-menu-cart__container{
top:32px !important;
height:calc(100vh - 32px) !important;
max-height:calc(100vh - 32px) !important;
}
@media (max-width:782px){
.admin-bar .elementor-menu-cart__container,
.admin-bar .oj-header .elementor-menu-cart__container{
top:46px !important;
height:calc(100vh - 46px) !important;
max-height:calc(100vh - 46px) !important;
}
}
.elementor-menu-cart__main{
position:relative;
width:100% !important;
max-width:100% !important;
height:100% !important;
max-height:100% !important;
background:var(--cart-bg) !important;
color:#fff !important;
font-family:var(--font-body) !important;
-webkit-font-smoothing:antialiased;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
padding:24px var(--cart-pad) 24px !important;
box-sizing:border-box !important;
}
/* every level needs min-height:0 or the product list collapses and
the buttons ride to the top */
.elementor-menu-cart__main .widget_shopping_cart_content{
display:flex !important;
flex-direction:column !important;
flex:1 1 auto !important;
min-height:0 !important;
height:100% !important;
}
/* ============================================================
2. PANEL HEADER
============================================================ */
.elementor-menu-cart__close-button{
position:absolute !important;
top:22px !important;
right:var(--cart-pad) !important;
margin:0 !important;
color:#fff !important;
font-size:24px; line-height:1; cursor:pointer;
opacity:.8; transition:.2s; z-index:5;
}
.elementor-menu-cart__close-button:hover{ opacity:1; }
.elementor-menu-cart__products{
flex:1 1 auto !important;
min-height:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
margin:0 !important;
padding:0 4px 0 0 !important;
list-style:none !important;
}
.elementor-menu-cart__products::before{
content:"Your Cart";
display:block;
font-family:var(--font-title);
font-size:14px; font-weight:600;
letter-spacing:2px; line-height:24px;
text-transform:uppercase;
padding:0 44px 18px 0;
margin-bottom:6px;
border-bottom:1px solid var(--cart-line);
}
.elementor-menu-cart__products::-webkit-scrollbar{ width:4px; }
.elementor-menu-cart__products::-webkit-scrollbar-thumb{
background:var(--cart-line); border-radius:4px;
}
/* ============================================================
3. PRODUCT ROW
image | name | x
| 2 x €69.90 |
============================================================ */
.elementor-menu-cart__product{
display:grid !important;
grid-template-columns:64px minmax(0,1fr) 24px !important;
grid-template-rows:auto auto !important;
column-gap:16px !important;
row-gap:4px !important;
align-items:center !important;
position:relative !important;
min-height:0 !important;
padding:20px 0 !important;
margin:0 !important;
list-style:none !important;
border-bottom:1px solid var(--cart-line) !important;
}
.elementor-menu-cart__product:last-child{ border-bottom:0 !important; }
/* nothing inside a row may inflate to fill its grid cell */
.elementor-menu-cart__product > *{
min-width:0 !important;
min-height:0 !important;
}
.elementor-menu-cart__product-image{
grid-area:1 / 1 / 3 / 2 !important;
position:static !important;
transform:none !important;
width:64px !important;
height:64px !important;
margin:0 !important;
padding:0 !important;
align-self:center !important;
}
.elementor-menu-cart__product-image img{
width:64px !important;
height:64px !important;
object-fit:contain;
background:#ffffff;
border-radius:14px;
padding:8px;
box-sizing:border-box;
display:block;
}
/* name: Lexend Peta 16 / 24 / 0 */
.elementor-menu-cart__product-name{
grid-area:1 / 2 / 2 / 3 !important;
width:auto !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
align-self:end !important;
margin:0 !important;
padding:0 !important;
padding-inline-start:0 !important;
padding-inline-end:0 !important;
text-align:left !important;
}
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-name a{
font-family:var(--font-title) !important;
font-size:18px !important;
line-height:24px !important;
letter-spacing:0 !important;
font-weight:600 !important;
text-transform:capitalize !important;
color:#fff !important;
text-decoration:none !important;
}
.elementor-menu-cart__product-name a{ display:block; }
.elementor-menu-cart__product-name a:hover{ opacity:.75; }
/* price: Satoshi 16 / 24 / 0 */
.elementor-menu-cart__product-price{
grid-area:2 / 2 / 3 / 3 !important;
width:auto !important;
height:auto !important;
min-height:0 !important;
align-self:start !important;
margin:0 !important;
padding:0 !important;
padding-inline-start:0 !important;
padding-inline-end:0 !important;
text-align:left !important;
}
.elementor-menu-cart__product-price,
.elementor-menu-cart__product-price *,
.elementor-menu-cart__product-price .quantity,
.elementor-menu-cart__product-price .amount,
.elementor-menu-cart__product-price bdi{
font-family:var(--font-body) !important;
font-size:16px !important;
line-height:24px !important;
letter-spacing:0 !important;
text-decoration:none !important;
}
.elementor-menu-cart__product-price .quantity{
color:var(--cart-muted) !important;
display:inline-flex;
gap:6px;
align-items:baseline;
}
.elementor-menu-cart__product-price .amount{
color:#fff !important;
font-weight:600 !important;
}
/* ============================================================
3b. REMOVE BUTTON
The DIV is the visible circle and its ::before / ::after are the
two lines of the x. The inside is an invisible click layer,
opacity:0, so never style it. position must stay relative or the
lines stretch across the whole row.
============================================================ */
.elementor-menu-cart__product-remove{
grid-area:1 / 3 / 3 / 4 !important;
position:relative !important;
inset:auto !important;
transform:none !important;
align-self:center !important;
justify-self:end !important;
width:24px !important;
height:24px !important;
min-width:24px !important;
min-height:24px !important;
max-width:24px !important;
max-height:24px !important;
margin:0 !important;
padding:0 !important;
border:1px solid var(--cart-line) !important;
border-radius:50% !important;
background:transparent !important;
overflow:hidden !important;
transition:.2s ease;
cursor:pointer;
}
.elementor-menu-cart__product-remove::before,
.elementor-menu-cart__product-remove::after{
content:"" !important;
position:absolute !important;
top:50% !important;
left:50% !important;
width:11px !important;
height:1px !important;
margin:0 0 0 -5.5px !important;
background:var(--cart-muted) !important;
transition:.2s ease;
z-index:1;
}
.elementor-menu-cart__product-remove::before{ transform:rotate(45deg) !important; }
.elementor-menu-cart__product-remove::after{ transform:rotate(-45deg) !important; }
.elementor-menu-cart__product-remove:hover{
border-color:#ff5b5b !important;
background:rgba(255,91,91,.12) !important;
}
.elementor-menu-cart__product-remove:hover::before,
.elementor-menu-cart__product-remove:hover::after{
background:#ff5b5b !important;
}
.elementor-menu-cart__product-remove > a{
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:100% !important;
opacity:0 !important;
display:block !important;
z-index:2 !important;
overflow:hidden !important;
}
.elementor-menu-cart__product-remove > a::before,
.elementor-menu-cart__product-remove > a::after{ content:none !important; }
/* WooCommerce prints a second remove link, hide the duplicate */
.elementor-menu-cart__product-remove > a ~ a{ display:none !important; }
/* ============================================================
4. SUBTOTAL
flex-wrap plus a full width ::after gives the VAT line without
touching Elementor's markup. border:0 first, because Elementor
sets a divider on all four sides.
============================================================ */
.elementor-menu-cart__subtotal{
flex:0 0 auto !important;
display:flex !important;
flex-wrap:wrap !important;
align-items:baseline;
justify-content:space-between;
margin:0 !important;
padding:22px 0 !important;
border:0 !important;
border-top:1px solid var(--cart-line) !important;
}
.elementor-menu-cart__subtotal strong{
font-family:var(--font-title);
font-size:14px !important;
letter-spacing:1px !important;
font-weight:600;
text-transform:uppercase !important;
color:var(--cart-muted);
border:0 !important;
text-decoration:none !important;
}
.elementor-menu-cart__subtotal .amount{
font-family:var(--font-body);
font-size:20px !important;
line-height: 24px !important;
font-weight:700;
color:#fff;
border:0 !important;
text-decoration:none !important;
}
.elementor-menu-cart__subtotal::after{
content:"incl. VAT";
flex:0 0 100%;
width:100%;
margin-top:12px;
font-family:var(--font-body);
font-size:12px !important;
font-weight:400;
line-height:24px !important;
letter-spacing:.2px;
color:var(--cart-muted);
text-align:right;
}
/* ============================================================
5. FOOTER BUTTONS
============================================================ */
.elementor-menu-cart__footer-buttons{
flex:0 0 auto !important;
display:flex !important;
flex-direction:column;
gap:12px;
margin:0 !important;
padding-bottom:4px;
}
.elementor-menu-cart__footer-buttons .elementor-button{
flex:0 0 auto !important;
width:100%;
height:auto !important;
min-height:0 !important;
display:flex !important;
align-items:center;
justify-content:center;
border-radius:999px;
padding:15px 22px !important;
line-height:1.2 !important;
font-family:var(--font-body) !important;
font-size:16px !important;
letter-spacing:1.5px;
text-transform:uppercase;
font-weight:800;
transition:.2s ease;
}
/* Elementor hides this text with display:none, extra specificity wins */
.elementor-menu-cart__footer-buttons a.elementor-button .elementor-button-text{
display:inline-block !important;
visibility:visible !important;
opacity:1 !important;
font-weight: 800 !important;
font-family:var(--font-body) !important;
text-transform: capitalize !important;
font-size:16px !important;
line-height:1.2 !important;
}
.elementor-button--checkout,
.elementor-button--checkout *{
color:#000 !important;
-webkit-text-fill-color:#000 !important;
}
.elementor-button--checkout{
background:#ffffff !important;
border:none !important;
}
.elementor-button--checkout:hover{
background:#ececec !important;
transform:translateY(-1px);
}
.elementor-button--view-cart,
.elementor-button--view-cart *{
color:#fff !important;
-webkit-text-fill-color:#fff !important;
}
.elementor-button--view-cart{
background:transparent !important;
border:1px solid var(--cart-line) !important;
}
.elementor-button--view-cart:hover{
background:rgba(255,255,255,.06) !important;
border-color:rgba(255,255,255,.3) !important;
}
/* ============================================================
6. EMPTY CART MESSAGE
max-width forces the break after "NO PRODUCTS".
Wrong break point? 210 is the only number to touch.
3 lines -> raise it, try 230
"IN" on line 1 -> lower it, try 195
============================================================ */
.elementor-menu-cart__main .woocommerce-mini-cart__empty-message{
font-family:'Lexend Peta',sans-serif !important;
font-size:18px !important;
line-height:24px !important;
font-weight:400 !important;
letter-spacing:.6px !important;
text-transform:uppercase !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
text-align:left !important;
max-width:210px !important;
text-wrap:balance;
padding:40px 0 !important;
margin:0 !important;
}
/* page scroll lock while the cart is open */
body.cart-open{ overflow:hidden !important; height:100%; }
/* badge: no ring, your override */
.elementor-menu-cart__toggle .oj-cart-count{
border:0 !important;
}
/* ============================================================
7. MOBILE
============================================================ */
@media (max-width:767px){
:root{ --cart-pad:20px; }
.elementor-menu-cart__product{
grid-template-columns:56px minmax(0,1fr) 24px !important;
column-gap:14px !important;
padding:18px 0 !important;
}
.elementor-menu-cart__product-image,
.elementor-menu-cart__product-image img{
width:56px !important;
height:56px !important;
}
.elementor-menu-cart__product-image img{ border-radius:12px; padding:7px; }
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-name a,
.elementor-menu-cart__product-price,
.elementor-menu-cart__product-price *{
font-size:20px !important;
line-height:28px !important;
}
.elementor-menu-cart__subtotal .amount{ font-size:18px; }
.elementor-menu-cart__main .woocommerce-mini-cart__empty-message{
font-size:16px !important;
line-height:22px !important;
max-width:190px !important;
padding:32px 0 !important;
}
}
/* ============================================================
8. NEW — mobile only, panel cropped at the bottom
100vh is measured against the large viewport, the size the page
would have with the address bar hidden. The bar is still there,
so the panel overshoots and CHECKOUT falls off the screen.
100dvh is the real visible height.
Inside a max-width:767px query on purpose. Desktop and tablet are
not touched.
============================================================ */
@media (max-width:767px){
.elementor-menu-cart__container,
.oj-header .elementor-menu-cart__container,
.elementor-menu-cart__container.elementor-lightbox{
height:100vh !important;
max-height:100vh !important;
}
/* iPhone home bar, so CHECKOUT is never underneath it */
.elementor-menu-cart__main{
padding-bottom:calc(24px + env(safe-area-inset-bottom)) !important;
}
}
/* logged in on a phone, subtract the admin bar */
@media (max-width:767px){
.admin-bar .elementor-menu-cart__container,
.admin-bar .oj-header .elementor-menu-cart__container{
height:calc(100vh - 46px) !important;
max-height:calc(100vh - 46px) !important;
}
}
:root{
--oj-panel-speed:.4s;
}
.elementor-menu-cart__container,
.oj-header .elementor-menu-cart__container,
.elementor-menu-cart__container.elementor-lightbox{
display:block !important;
visibility:hidden !important;
opacity:1 !important;
pointer-events:none !important;
transform:translateX(100%) !important;
backface-visibility:hidden !important;
transition:transform var(--oj-panel-speed) ease-out 0s,
visibility 0s linear var(--oj-panel-speed) !important;
}
.elementor-menu-cart__container[aria-hidden="false"],
.oj-header .elementor-menu-cart__container[aria-hidden="false"],
.elementor-menu-cart__container.elementor-lightbox[aria-hidden="false"]{
visibility:visible !important;
pointer-events:auto !important;
transform:translateX(0) !important;
transition:transform var(--oj-panel-speed) ease-in 0s,
visibility 0s linear 0s !important;
}
.elementor-menu-cart__main{
transform:none !important;
transition:none !important;
animation:none !important;
opacity:1 !important;
}
.elementor-menu-cart__main .widget_shopping_cart_content,
.elementor-menu-cart__main .widget_shopping_cart_content *{
animation:none !important;
animation-duration:0s !important;
animation-delay:0s !important;
opacity:1 !important;
visibility:visible !important;
}
.elementor-menu-cart__product-remove,
.elementor-menu-cart__product-remove::before,
.elementor-menu-cart__product-remove::after,
.elementor-menu-cart__footer-buttons .elementor-button,
.elementor-menu-cart__close-button{
transition:.2s ease !important;
}
@media (max-width:767px){
.elementor-menu-cart__container,
.oj-header .elementor-menu-cart__container,
.elementor-menu-cart__container.elementor-lightbox,
.oj-header .elementor-menu-cart__container.elementor-lightbox{
left:0 !important;
right:0 !important;
width:auto !important;
max-width:none !important;
}
.elementor-menu-cart__main,
.oj-header .elementor-menu-cart__main{
width:100% !important;
max-width:100% !important;
}
}
.elementor-menu-cart__product-price,
.elementor-menu-cart__product-price *,
.elementor-menu-cart__product-price .quantity,
.elementor-menu-cart__product-price .quantity *,
.elementor-menu-cart__product-price .amount,
.elementor-menu-cart__product-price .amount *,
.elementor-menu-cart__product-price bdi,
.elementor-menu-cart__product-price bdi *,
.elementor-menu-cart__product-price .woocommerce-Price-amount,
.elementor-menu-cart__product-price .woocommerce-Price-currencySymbol,
.elementor-menu-cart__product .woocommerce-Price-amount,
.elementor-menu-cart__product .woocommerce-Price-currencySymbol{
font-family:'Satoshi','Segoe UI',sans-serif !important;
font-size:16px !important;
line-height:24px !important;
font-weight:600 !important;
letter-spacing:0 !important;
text-transform:none !important;
text-decoration:none !important;
vertical-align:baseline !important;
font-variant-numeric:normal !important;
font-feature-settings:normal !important;
font-style:normal !important;
top:auto !important;
position:static !important;
}
.elementor-menu-cart__product-price .quantity{
color:var(--cart-muted) !important;
display:inline !important;
}
.elementor-menu-cart__product-price .amount,
.elementor-menu-cart__product-price .amount *,
.elementor-menu-cart__product-price bdi,
.elementor-menu-cart__product-price .woocommerce-Price-currencySymbol{
color:#ffffff !important;
}
@media (max-width:767px){
.elementor-menu-cart__product-price,
.elementor-menu-cart__product-price *,
.elementor-menu-cart__product-price .quantity,
.elementor-menu-cart__product-price .quantity *,
.elementor-menu-cart__product-price .amount,
.elementor-menu-cart__product-price .amount *,
.elementor-menu-cart__product-price bdi,
.elementor-menu-cart__product-price bdi *,
.elementor-menu-cart__product-price .woocommerce-Price-amount,
.elementor-menu-cart__product-price .woocommerce-Price-currencySymbol{
font-size:16px !important;
line-height:24px !important;
}
}/* End custom CSS */
/* Start custom CSS for elementskit-header-offcanvas, class: .elementor-element-4d1b3fec */:root{
--oj-menu-speed:.4s;
--oj-menu-w:455px;
--oj-menu-side:32px;
--oj-content-top:110px;
--oj-admin-h:0px;
}
.admin-bar{ --oj-admin-h:32px; }
@media (max-width:782px){
.admin-bar{ --oj-admin-h:46px; }
}
@media (max-width:767px){
:root{
--oj-menu-side:24px;
--oj-content-top:100px;
}
}
.oj-header,
.oj-header .e-con,
.oj-header .e-con-inner,
.oj-header .elementor-widget-wrap,
.elementor-widget-elementskit-header-offcanvas,
.elementor-widget-elementskit-header-offcanvas .elementor-widget-container{
filter:none !important;
perspective:none !important;
backdrop-filter:none !important;
contain:none !important;
}
body.menu-open .oj-header{
transform:none !important;
will-change:auto !important;
}
.oj-header .elementor-widget-elementskit-header-offcanvas,
.elementor-widget-elementskit-header-offcanvas{
position:relative !important;
z-index:9999 !important;
}
.ekit-sidebar-group.info-group{
position:fixed !important;
top:var(--oj-admin-h) !important;
bottom:0 !important;
left:0 !important;
right:0 !important;
width:auto !important;
height:auto !important;
margin:0 !important;
z-index:999999 !important;
}
.ekit-sidebar-group .ekit-overlay{
position:fixed !important;
top:var(--oj-admin-h) !important;
bottom:0 !important;
left:0 !important;
right:0 !important;
width:auto !important;
height:auto !important;
margin:0 !important;
z-index:1 !important;
}
.ekit-sidebar-group.info-group .ekit-sidebar-widget{
position:fixed !important;
top:var(--oj-admin-h) !important;
bottom:0 !important;
left:0 !important;
right:auto !important;
width:var(--oj-menu-w) !important;
max-width:100% !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
box-sizing:border-box !important;
z-index:2 !important;
backface-visibility:hidden !important;
transform:translateX(-100%) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
.ekit-sidebar-group.info-group.ekit_isActive .ekit-sidebar-widget{
transform:translateX(0) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
@media (max-width:767px){
.ekit-sidebar-group.info-group .ekit-sidebar-widget{
left:auto !important;
right:0 !important;
width:100% !important;
transform:translateX(100%) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
.ekit-sidebar-group.info-group.ekit_isActive .ekit-sidebar-widget{
transform:translateX(0) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
}
.ekit-sidebar-group.info-group{
visibility:hidden !important;
pointer-events:none !important;
opacity:1 !important;
transition:visibility 0s linear var(--oj-menu-speed) !important;
}
.ekit-sidebar-group.info-group.ekit_isActive{
visibility:visible !important;
pointer-events:auto !important;
transition:visibility 0s linear 0s !important;
}
.ekit-sidebar-group .ekit-overlay{
opacity:0 !important;
transition:opacity var(--oj-menu-speed) ease-out 0s !important;
}
.ekit-sidebar-group.ekit_isActive .ekit-overlay{
opacity:1 !important;
transition:opacity var(--oj-menu-speed) ease-in 0s !important;
}
.ekit-sidebar-group .ekit_sidebar-textwidget,
.ekit-sidebar-group .ekit_sidebar-textwidget *,
.ekit-sidebar-group .ekit-widget-area-container,
.ekit-sidebar-group .ekit-widget-area-container *{
animation:none !important;
animation-name:none !important;
animation-duration:0s !important;
animation-delay:0s !important;
animation-play-state:paused !important;
transition:none !important;
transition-duration:0s !important;
transition-delay:0s !important;
opacity:1 !important;
visibility:visible !important;
transform:none !important;
}
.elementor-invisible{
visibility:visible !important;
opacity:1 !important;
animation:none !important;
}
.ekit-sidebar-group .ekit_widget-heading{
position:absolute !important;
top:var(--oj-x-top, 40px) !important;
transform:translateY(-50%) !important;
left:0 !important;
right:0 !important;
width:100% !important;
height:auto !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
padding: 0 var(--oj-menu-side) !important;
margin:0 !important;
float:none !important;
z-index:10 !important;
transition:none !important;
}
.ekit-sidebar-group .ekit_close-side-widget{
float:none !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:32px !important;
height:32px !important;
margin:0 !important;
}
.ekit-sidebar-group .ekit_close-side-widget .icon-cross{
font-size:22px !important;
color:#fff !important;
}
.ekit-sidebar-group .ekit_sidebar-textwidget{
padding:var(--oj-content-top) var(--oj-menu-side) 32px !important;
position:relative !important;
z-index:1 !important;
}
@media (max-width:767px){
.ekit-sidebar-group .ekit_sidebar-textwidget{
padding-bottom: calc(32px + env(safe-area-inset-bottom)) !important;
padding-left: 32px !important; /* was 24px? increase to 32px */
padding-right: 32px !important; /* same */
}
}
html body .ekit-sidebar-group.info-group .ekit-sidebar-widget{
position:fixed !important;
top:var(--oj-admin-h) !important;
bottom:0 !important;
left:0 !important;
right:auto !important;
width:var(--oj-menu-w) !important;
max-width:100% !important;
height:auto !important;
max-height:none !important;
opacity:1 !important;
transform:translateX(-100%) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
html body .ekit-sidebar-group.info-group.ekit_isActive .ekit-sidebar-widget{
transform:translateX(0) !important;
transition:transform var(--oj-menu-speed) ease-in 0s !important;
}
@media (max-width:767px){
html body .ekit-sidebar-group.info-group .ekit-sidebar-widget{
position:fixed !important;
top:var(--oj-admin-h) !important;
opacity: 1 !important;
background-color: #000000 !important;
bottom:0 !important;
left:auto !important;
right:0 !important;
width:100% !important;
max-width:100% !important;
height:100% !important;
max-height:100% !important;
min-height:0 !important;
margin:0 !important;
box-sizing:border-box !important;
transform-origin: right center !important; /* এই লাইনটি যোগ করুন */
}
html body .ekit-sidebar-group.info-group.ekit_isActive .ekit-sidebar-widget{
transform:translateX(0) !important;
}
}
html body .ekit-sidebar-group .ekit_sidebar-widget-container{
position:relative !important;
top:0 !important;
left:0 !important;
right:auto !important;
bottom:auto !important;
width:100% !important;
height:100% !important;
margin:0 !important;
transform:none !important;
translate:none !important;
transition:none !important;
animation:none !important;
}
html body .ekit-sidebar-group .ekit_sidebar-textwidget{
transform:none !important;
transition:none !important;
}
html body .ekit-sidebar-group .ekit-sidebar-widget{
overflow:hidden !important;
background:#000000 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2661279a *//* ===== HEADER ICONS — desktop/tablet 32px, mobile 24px ===== */
:root{ --icon:32px; }
@media (max-width:767px){ :root{ --icon:24px; } }
/* icon box = variable size (right-side hamburger scoped to .oj-right-burger only) */
.elementor-widget-elementskit-header-search .ekit_navsearch-button,
.elementor-widget-icon .elementor-icon,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button,
.oj-right-burger .ekit_navSidebar-button{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:var(--icon) !important;
height:var(--icon) !important;
padding:0 !important;
margin:0 !important;
line-height:0 !important;
border:0 !important;
min-height:0 !important;
background:transparent !important;
box-shadow:none !important;
}
/* SVGs fill the box, flush */
.elementor-widget-elementskit-header-search .ekit_navsearch-button svg,
.elementor-widget-icon .elementor-icon svg,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button svg,
.oj-right-burger .ekit_navSidebar-button svg{
display:block !important;
width:var(--icon) !important;
height:var(--icon) !important;
}
/* hide cart price text + qty so only the icon shows */
.elementor-widget-woocommerce-menu-cart .elementor-button-text,
.elementor-widget-woocommerce-menu-cart .elementor-button-icon-qty{display:none !important}
/* cart: collapse every wrapper layer to the icon size */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__wrapper,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_wrapper,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle,
.elementor-widget-woocommerce-menu-cart .elementor-button-wrapper,
.elementor-widget-woocommerce-menu-cart .elementor-button-icon{
display:flex !important;
align-items:center !important;
justify-content:center !important;
line-height:0 !important;
height:var(--icon) !important;
min-height:0 !important;
margin:0 !important;
padding:0 !important;
}
/* right-side burger hides the "menu" text that comes after the svg (icon only) */
.oj-right-burger .ekit_navSidebar-button{font-size:0 !important}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Satoshi';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://ojoyer.com/wp-content/uploads/2026/07/Satoshi-Variable.ttf') format('truetype');
}
@font-face {
font-family: 'Satoshi';
font-style: normal;
font-weight: 600;
font-display: auto;
src: url('https://ojoyer.com/wp-content/uploads/2026/07/Satoshi-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'Satoshi';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://ojoyer.com/wp-content/uploads/2026/07/Satoshi-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */