.elementor-2910 .elementor-element.elementor-element-98240ed{--display:flex;--min-height:0px;--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;--overlay-opacity:1;--padding-top:05em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-2910 .elementor-element.elementor-element-98240ed:not(.elementor-motion-effects-element-type-background), .elementor-2910 .elementor-element.elementor-element-98240ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBF2FA;}.elementor-2910 .elementor-element.elementor-element-98240ed::before, .elementor-2910 .elementor-element.elementor-element-98240ed > .elementor-background-video-container::before, .elementor-2910 .elementor-element.elementor-element-98240ed > .e-con-inner > .elementor-background-video-container::before, .elementor-2910 .elementor-element.elementor-element-98240ed > .elementor-background-slideshow::before, .elementor-2910 .elementor-element.elementor-element-98240ed > .e-con-inner > .elementor-background-slideshow::before, .elementor-2910 .elementor-element.elementor-element-98240ed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#EBF2FA;--background-overlay:'';}.elementor-2910 .elementor-element.elementor-element-5d3f5318{--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-start;--align-items:center;--gap:0px 106px;--row-gap:0px;--column-gap:106px;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:0%;}.elementor-2910 .elementor-element.elementor-element-3ae92663{text-align:start;}.elementor-2910 .elementor-element.elementor-element-3ae92663 .elementor-heading-title{color:var( --e-global-color-016c171 );}.elementor-2910 .elementor-element.elementor-element-28601ae8{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;--e-search-placeholder-color:var( --e-global-color-primary );--e-search-input-color:var( --e-global-color-cfa1f76 );--e-search-icon-label-color:var( --e-global-color-4989307 );--e-search-icon-label-size:21px;--e-search-input-gap:25px;}.elementor-2910 .elementor-element.elementor-element-28601ae8 .e-search-input{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );border-radius:7px 7px 7px 7px;}.elementor-2910 .elementor-element.elementor-element-28601ae8.e-focus{--e-search-input-color:var( --e-global-color-7fbea4f );--e-search-icon-label-color:var( --e-global-color-332724a );}.elementor-2910 .elementor-element.elementor-element-693171f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2910 .elementor-element.elementor-element-693171f1:not(.elementor-motion-effects-element-type-background), .elementor-2910 .elementor-element.elementor-element-693171f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBF2FA;}.elementor-2910 .elementor-element.elementor-element-1d28953f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2910 .elementor-element.elementor-element-7c62f5eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2910 .elementor-element.elementor-element-73741a90{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2910 .elementor-element.elementor-element-73741a90.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2910 .elementor-element.elementor-element-73741a90.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-2910 .elementor-element.elementor-element-37697462{--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:3%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2910 .elementor-element.elementor-element-37697462:not(.elementor-motion-effects-element-type-background), .elementor-2910 .elementor-element.elementor-element-37697462 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBF2FA;}.elementor-2910 .elementor-element.elementor-element-4625620e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-2910 .elementor-element.elementor-element-418829eb{--display:flex;--border-radius:14px 14px 14px 14px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-2910 .elementor-element.elementor-element-418829eb:not(.elementor-motion-effects-element-type-background), .elementor-2910 .elementor-element.elementor-element-418829eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4989307 );}.elementor-2910 .elementor-element.elementor-element-c531c9f{--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:flex-start;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-4d462f5 );--border-color:var( --e-global-color-4d462f5 );--padding-top:0px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-2910 .elementor-element.elementor-element-27c18ca0 > .elementor-widget-container{background-color:transparent;padding:5px 10px 5px 10px;background-image:linear-gradient(135deg, var( --e-global-color-ec3c7a7 ) 0%, var( --e-global-color-3ee16e7 ) 100%);border-radius:7px 7px 7px 7px;}.elementor-2910 .elementor-element.elementor-element-27c18ca0 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-4989307 );}.woocommerce .elementor-2910 .elementor-element.elementor-element-5c330f90 .term-description{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-2910 .elementor-element.elementor-element-6606d4e1{--display:flex;--border-radius:14px 14px 14px 14px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-2910 .elementor-element.elementor-element-6606d4e1:not(.elementor-motion-effects-element-type-background), .elementor-2910 .elementor-element.elementor-element-6606d4e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4989307 );}.elementor-2910 .elementor-element.elementor-element-c50b414{--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-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2910 .elementor-element.elementor-element-5f2c8f6e .elementor-button{background-color:var( --e-global-color-332724a );}.elementor-2910 .elementor-element.elementor-element-5f2c8f6e .elementor-button:hover, .elementor-2910 .elementor-element.elementor-element-5f2c8f6e .elementor-button:focus{background-color:var( --e-global-color-d49ac81 );}.elementor-2910 .elementor-element.elementor-element-5f2c8f6e .elementor-button-content-wrapper{flex-direction:row;}.elementor-2910 .elementor-element.elementor-element-ba5761d{--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-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2910 .elementor-element.elementor-element-1723ebad .elementor-heading-title{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );color:var( --e-global-color-primary );}.elementor-2910 .elementor-element.elementor-element-10f99e58{--grid-side-margin:5px;--grid-column-gap:5px;--grid-row-gap:5px;--grid-bottom-margin:5px;}.elementor-2910 .elementor-element.elementor-element-10f99e58 .elementor-share-btn{font-size:calc(0.8px * 10);}.elementor-2910 .elementor-element.elementor-element-17f4345d{--display:flex;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-2910 .elementor-element.elementor-element-796f55b1 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:var( --e-global-color-text );color:var( --e-global-color-ec3c7a7 );padding:5px 10px 5px 10px;border-radius:30px 30px 30px 30px;}.elementor-2910 .elementor-element.elementor-element-796f55b1 > .elementor-widget-container{background-color:transparent;padding:1px 1px 1px 1px;background-image:linear-gradient(90deg, var( --e-global-color-ec3c7a7 ) 0%, var( --e-global-color-3ee16e7 ) 100%);border-radius:30px 30px 30px 30px;box-shadow:0px 0px 30px 0px rgba(45.00000000000001, 104.00000000000017, 255, 0.3);}.elementor-2910 .elementor-element.elementor-element-796f55b1.elementor-element{--align-self:center;}.elementor-2910 .elementor-element.elementor-element-796f55b1 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-secondary );margin:0px 0px 0px 0px;font-family:var( --e-global-typography-84ca66e-font-family ), Sans-serif;font-size:var( --e-global-typography-84ca66e-font-size );font-weight:var( --e-global-typography-84ca66e-font-weight );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-2910 .elementor-element.elementor-element-10db761b{text-align:center;}.elementor-2910 .elementor-element.elementor-element-10db761b .elementor-heading-title{color:var( --e-global-color-016c171 );}.elementor-2910 .elementor-element.elementor-element-48198b5f{--swiper-slides-to-display:5;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-2910 .elementor-element.elementor-element-48198b5f > .elementor-widget-container{padding:2% 5% 2% 5%;}.elementor-2910 .elementor-element.elementor-element-48198b5f .swiper-slide > .elementor-element{height:100%;}.elementor-2910 .elementor-element.elementor-element-3d8f5258{--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;--padding-top:2em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-2910 .elementor-element.elementor-element-3d8f5258:not(.elementor-motion-effects-element-type-background), .elementor-2910 .elementor-element.elementor-element-3d8f5258 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBF2FA;}.elementor-2910 .elementor-element.elementor-element-2db663fd{--display:flex;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-2910 .elementor-element.elementor-element-bbd91b2 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:var( --e-global-color-text );color:var( --e-global-color-ec3c7a7 );padding:5px 10px 5px 10px;border-radius:30px 30px 30px 30px;}.elementor-2910 .elementor-element.elementor-element-bbd91b2 > .elementor-widget-container{background-color:transparent;padding:1px 1px 1px 1px;background-image:linear-gradient(90deg, var( --e-global-color-ec3c7a7 ) 0%, var( --e-global-color-3ee16e7 ) 100%);border-radius:30px 30px 30px 30px;box-shadow:0px 0px 30px 0px rgba(45.00000000000001, 104.00000000000017, 255, 0.3);}.elementor-2910 .elementor-element.elementor-element-bbd91b2.elementor-element{--align-self:center;}.elementor-2910 .elementor-element.elementor-element-bbd91b2 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-secondary );margin:0px 0px 0px 0px;font-family:var( --e-global-typography-84ca66e-font-family ), Sans-serif;font-size:var( --e-global-typography-84ca66e-font-size );font-weight:var( --e-global-typography-84ca66e-font-weight );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-2910 .elementor-element.elementor-element-1aa31b4b{text-align:center;}.elementor-2910 .elementor-element.elementor-element-1aa31b4b .elementor-heading-title{color:var( --e-global-color-016c171 );}.elementor-2910 .elementor-element.elementor-element-116c59{--display:flex;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-2910 .elementor-element.elementor-element-7b79b8e3{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:42px;}.elementor-2910 .elementor-element.elementor-element-5ac057bb .elementor-heading-title{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-5e902c13{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:42px;}.elementor-2910 .elementor-element.elementor-element-56507a1 .elementor-heading-title{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-2b2d36a4{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:42px;}.elementor-2910 .elementor-element.elementor-element-63ea9233 .elementor-heading-title{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-24cb7ba3{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:42px;}.elementor-2910 .elementor-element.elementor-element-750ae78b .elementor-heading-title{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-71df1000{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:42px;}.elementor-2910 .elementor-element.elementor-element-731df900 .elementor-heading-title{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-7e2b9c43{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:42px;}.elementor-2910 .elementor-element.elementor-element-fc28b7b .elementor-heading-title{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-7796a02{--display:flex;}.elementor-2910 .elementor-element.elementor-element-a8b6eb5 .elementor-heading-title{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-1ab9162f{--n-accordion-title-font-size:var( --e-global-typography-7044a64-font-size );--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-016c171 );--n-accordion-title-hover-color:var( --e-global-color-d49ac81 );--n-accordion-title-active-color:var( --e-global-color-016c171 );--n-accordion-icon-size:21px;--n-accordion-icon-normal-color:var( --e-global-color-text );--n-accordion-icon-hover-color:var( --e-global-color-d49ac81 );--n-accordion-icon-active-color:var( --e-global-color-d49ac81 );}.elementor-2910 .elementor-element.elementor-element-1ab9162f > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-4d462f5 );}.elementor-2910 .elementor-element.elementor-element-1ab9162f > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-4d462f5 );}.elementor-2910 .elementor-element.elementor-element-1ab9162f > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:#02010100;}.elementor-2910 .elementor-element.elementor-element-1ab9162f {--n-accordion-padding:21px 0px 21px 0px;}:where( .elementor-2910 .elementor-element.elementor-element-1ab9162f > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-7044a64-font-family ), Sans-serif;font-weight:var( --e-global-typography-7044a64-font-weight );line-height:var( --e-global-typography-7044a64-line-height );}@media(min-width:768px){.elementor-2910 .elementor-element.elementor-element-1d28953f{--width:20%;}.elementor-2910 .elementor-element.elementor-element-7c62f5eb{--width:80%;}.elementor-2910 .elementor-element.elementor-element-418829eb{--width:70%;}.elementor-2910 .elementor-element.elementor-element-6606d4e1{--width:30%;}.elementor-2910 .elementor-element.elementor-element-17f4345d{--content-width:640px;}.elementor-2910 .elementor-element.elementor-element-3d8f5258{--content-width:840px;}.elementor-2910 .elementor-element.elementor-element-2db663fd{--content-width:640px;}}@media(max-width:1366px) and (min-width:768px){.elementor-2910 .elementor-element.elementor-element-418829eb{--width:60%;}}@media(max-width:1366px){.elementor-2910 .elementor-element.elementor-element-5d3f5318{--padding-top:0%;--padding-bottom:0%;--padding-left:2.5%;--padding-right:0%;}.elementor-2910 .elementor-element.elementor-element-28601ae8 .e-search-input{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-4625620e{--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2910 .elementor-element.elementor-element-27c18ca0 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.woocommerce .elementor-2910 .elementor-element.elementor-element-5c330f90 .term-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-2910 .elementor-element.elementor-element-1723ebad .elementor-heading-title{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-2910 .elementor-element.elementor-element-796f55b1 .elementskit-section-title-wraper .elementskit-section-title{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-2910 .elementor-element.elementor-element-48198b5f{--swiper-slides-to-display:3;}.elementor-2910 .elementor-element.elementor-element-bbd91b2 .elementskit-section-title-wraper .elementskit-section-title{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-2910 .elementor-element.elementor-element-5ac057bb .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-56507a1 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-63ea9233 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-750ae78b .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-731df900 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-fc28b7b .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-a8b6eb5 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-1ab9162f{--n-accordion-title-font-size:var( --e-global-typography-7044a64-font-size );}:where( .elementor-2910 .elementor-element.elementor-element-1ab9162f > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-7044a64-line-height );}}@media(max-width:1200px){.elementor-2910 .elementor-element.elementor-element-c50b414{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2910 .elementor-element.elementor-element-5f2c8f6e .elementor-button{padding:10px 10px 10px 10px;}.elementor-2910 .elementor-element.elementor-element-ba5761d{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2910 .elementor-element.elementor-element-48198b5f{--swiper-slides-to-display:3;}}@media(max-width:1024px){.elementor-2910 .elementor-element.elementor-element-98240ed{--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-2910 .elementor-element.elementor-element-28601ae8 .e-search-input{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-693171f1{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2910 .elementor-element.elementor-element-73741a90.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2910 .elementor-element.elementor-element-27c18ca0 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.woocommerce .elementor-2910 .elementor-element.elementor-element-5c330f90 .term-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-2910 .elementor-element.elementor-element-c50b414{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2910 .elementor-element.elementor-element-5f2c8f6e .elementor-button{padding:9px 9px 9px 9px;}.elementor-2910 .elementor-element.elementor-element-1723ebad .elementor-heading-title{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );} .elementor-2910 .elementor-element.elementor-element-10f99e58{--grid-side-margin:5px;--grid-column-gap:5px;--grid-row-gap:5px;--grid-bottom-margin:5px;}.elementor-2910 .elementor-element.elementor-element-796f55b1 .elementskit-section-title-wraper .elementskit-section-title{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-2910 .elementor-element.elementor-element-48198b5f{--swiper-slides-to-display:2;}.elementor-2910 .elementor-element.elementor-element-3d8f5258{--padding-top:1em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-2910 .elementor-element.elementor-element-bbd91b2 .elementskit-section-title-wraper .elementskit-section-title{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-2910 .elementor-element.elementor-element-116c59{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-2910 .elementor-element.elementor-element-5ac057bb .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-56507a1 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-63ea9233 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-750ae78b .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-731df900 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-fc28b7b .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-a8b6eb5 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-1ab9162f{--n-accordion-title-font-size:var( --e-global-typography-7044a64-font-size );}:where( .elementor-2910 .elementor-element.elementor-element-1ab9162f > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-7044a64-line-height );}}@media(max-width:880px){.elementor-2910 .elementor-element.elementor-element-28601ae8{--container-widget-width:38%;--container-widget-flex-grow:0;width:var( --container-widget-width, 38% );max-width:38%;}.elementor-2910 .elementor-element.elementor-element-693171f1{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2910 .elementor-element.elementor-element-c50b414{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2910 .elementor-element.elementor-element-5f2c8f6e .elementor-button{padding:10px 10px 10px 10px;}.elementor-2910 .elementor-element.elementor-element-48198b5f{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2910 .elementor-element.elementor-element-98240ed{--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-2910 .elementor-element.elementor-element-5d3f5318{--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:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-2910 .elementor-element.elementor-element-28601ae8{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}.elementor-2910 .elementor-element.elementor-element-28601ae8 .e-search-input{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-73741a90.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2910 .elementor-element.elementor-element-4625620e{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-2910 .elementor-element.elementor-element-418829eb{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2910 .elementor-element.elementor-element-27c18ca0 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.woocommerce .elementor-2910 .elementor-element.elementor-element-5c330f90 .term-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-2910 .elementor-element.elementor-element-5f2c8f6e .elementor-button{padding:9px 9px 9px 9px;}.elementor-2910 .elementor-element.elementor-element-1723ebad .elementor-heading-title{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );} .elementor-2910 .elementor-element.elementor-element-10f99e58{--grid-side-margin:5px;--grid-column-gap:5px;--grid-row-gap:5px;--grid-bottom-margin:5px;}.elementor-2910 .elementor-element.elementor-element-796f55b1.elementor-element{--align-self:center;}.elementor-2910 .elementor-element.elementor-element-796f55b1 .elementskit-section-title-wraper .elementskit-section-title{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-2910 .elementor-element.elementor-element-48198b5f{--swiper-slides-to-display:1;}.elementor-2910 .elementor-element.elementor-element-3d8f5258{--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-2910 .elementor-element.elementor-element-bbd91b2.elementor-element{--align-self:center;}.elementor-2910 .elementor-element.elementor-element-bbd91b2 .elementskit-section-title-wraper .elementskit-section-title{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-2910 .elementor-element.elementor-element-116c59{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-2910 .elementor-element.elementor-element-7b79b8e3{--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;}.elementor-2910 .elementor-element.elementor-element-5ac057bb .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-5e902c13{--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:14px;}.elementor-2910 .elementor-element.elementor-element-56507a1 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-2b2d36a4{--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:14px;}.elementor-2910 .elementor-element.elementor-element-63ea9233 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-24cb7ba3{--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:14px;}.elementor-2910 .elementor-element.elementor-element-750ae78b .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-71df1000{--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:14px;}.elementor-2910 .elementor-element.elementor-element-731df900 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-7e2b9c43{--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:14px;}.elementor-2910 .elementor-element.elementor-element-fc28b7b .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-a8b6eb5 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-1ab9162f {--n-accordion-padding:14px 0px 14px 0px;}.elementor-2910 .elementor-element.elementor-element-1ab9162f{--n-accordion-title-font-size:var( --e-global-typography-7044a64-font-size );}:where( .elementor-2910 .elementor-element.elementor-element-1ab9162f > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-7044a64-line-height );}}@media(max-width:1024px) and (min-width:768px){.elementor-2910 .elementor-element.elementor-element-1d28953f{--width:100%;}.elementor-2910 .elementor-element.elementor-element-7c62f5eb{--width:100%;}.elementor-2910 .elementor-element.elementor-element-17f4345d{--content-width:540px;}.elementor-2910 .elementor-element.elementor-element-2db663fd{--content-width:540px;}}@media(max-width:880px) and (min-width:768px){.elementor-2910 .elementor-element.elementor-element-1d28953f{--width:100%;}.elementor-2910 .elementor-element.elementor-element-7c62f5eb{--width:100%;}}@media(min-width:2400px){.elementor-2910 .elementor-element.elementor-element-28601ae8 .e-search-input{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-27c18ca0 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.woocommerce .elementor-2910 .elementor-element.elementor-element-5c330f90 .term-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-2910 .elementor-element.elementor-element-1723ebad .elementor-heading-title{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-2910 .elementor-element.elementor-element-796f55b1 .elementskit-section-title-wraper .elementskit-section-title{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-2910 .elementor-element.elementor-element-48198b5f{--swiper-slides-to-display:3;}.elementor-2910 .elementor-element.elementor-element-bbd91b2 .elementskit-section-title-wraper .elementskit-section-title{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-2910 .elementor-element.elementor-element-5ac057bb .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-56507a1 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-63ea9233 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-750ae78b .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-731df900 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-fc28b7b .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-a8b6eb5 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-2910 .elementor-element.elementor-element-1ab9162f{--n-accordion-title-font-size:var( --e-global-typography-7044a64-font-size );}:where( .elementor-2910 .elementor-element.elementor-element-1ab9162f > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-7044a64-line-height );}}/* Start custom CSS for search, class: .elementor-element-28601ae8 *//* ========================================================= WARSI COMPUTERS — ADVANCED WOO SEARCH BAR Premium minimal light theme using the real AWS search button ========================================================= */ /* ===== Main Wrapper ===== */ .aws-wrapper { position: relative; display: flex; align-items: center; width: 100%; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 28px rgba(15, 23, 42, 0.06); transition: border-color .25s ease, box-shadow .25s ease, background .25s ease, transform .25s ease; overflow: hidden; } /* Subtle top highlight */ .aws-wrapper::before { content: ""; position: absolute; top: 0; left: 10%; width: 80%; height: 1px; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0) 100% ); pointer-events: none; z-index: 1; } .aws-wrapper:hover { border-color: #cbd5e1; box-shadow: 0 2px 4px rgba(15, 23, 42, 0.05), 0 14px 34px rgba(15, 23, 42, 0.08); transform: translateY(-1px); } .aws-wrapper:focus-within { background: #ffffff; border-color: rgba(37, 99, 235, 0.45); box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10), 0 14px 34px rgba(15, 23, 42, 0.08); } /* ===== Accessible Label ===== */ .aws-search-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* ===== Search Field ===== */ .aws-wrapper .aws-search-field { flex: 1 1 auto; width: 100%; height: 46px; margin: 0 !important; padding: 0 12px 0 15px !important; border: none !important; outline: none !important; background: transparent !important; color: #0f172a !important; font-family: "Inter", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 46px !important; box-shadow: none !important; } .aws-wrapper .aws-search-field::placeholder { color: #94a3b8 !important; font-family: "Inter", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; } /* ===== Search Button ===== */ .aws-wrapper .aws-search-btn.aws-form-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 52px; width: 52px; height: 46px; margin: 0 !important; padding: 0 !important; border: none !important; border-left: 1px solid #e2e8f0; background: #f8fafc; cursor: pointer; transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease; z-index: 2; } /* Button top highlight */ .aws-wrapper .aws-search-btn.aws-form-btn::before { content: ""; position: absolute; top: 0; left: 14%; width: 72%; height: 1px; background: rgba(255, 255, 255, 0.9); pointer-events: none; } /* Button hover */ .aws-wrapper .aws-search-btn.aws-form-btn:hover { background: #2563eb; border-left-color: #2563eb; box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px rgba(37, 99, 235, 0.20); } /* Button active */ .aws-wrapper .aws-search-btn.aws-form-btn:active { transform: scale(0.98); } /* ===== Search Icon ===== */ .aws-wrapper .aws-search-btn_icon { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .aws-wrapper .aws-search-btn_icon svg { width: 19px; height: 19px; fill: #334155; transition: transform .25s ease, fill .25s ease, opacity .25s ease; } .aws-wrapper .aws-search-btn.aws-form-btn:hover .aws-search-btn_icon svg { fill: #ffffff; transform: scale(1.04); } /* ===== Clear Button ===== */ .aws-wrapper .aws-search-clear { position: absolute; right: 58px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 999px; background: #f1f5f9; border: 1px solid #e2e8f0; cursor: pointer; z-index: 3; transition: background .2s ease, border-color .2s ease, transform .2s ease; } .aws-wrapper .aws-search-clear span { display: inline-flex; align-items: center; justify-content: center; color: #64748b; font-size: 14px; line-height: 1; font-weight: 400; } .aws-wrapper .aws-search-clear:hover { background: #e2e8f0; border-color: #cbd5e1; transform: translateY(-50%) scale(1.04); } .aws-wrapper .aws-search-clear:hover span { color: #0f172a; } /* ===== Loader ===== */ .aws-wrapper .aws-loader { position: absolute; right: 17px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; border: 2px solid #e2e8f0; border-top-color: #2563eb; border-right-color: #16a34a; background: transparent; animation: warsiAwsSpin 0.8s linear infinite; opacity: 0.95; z-index: 4; } @keyframes warsiAwsSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .aws-wrapper .aws-loader[style*="display: none"] { display: none !important; } /* ===== Input + Button Alignment Fix ===== */ .aws-wrapper input[type="hidden"] { display: none !important; } /* ===== Mobile ===== */ @media (max-width: 767px) { .aws-wrapper { border-radius: 12px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 22px rgba(15, 23, 42, 0.06); } .aws-wrapper .aws-search-field { height: 42px; line-height: 42px !important; padding: 0 10px 0 12px !important; font-size: 13px !important; } .aws-wrapper .aws-search-field::placeholder { font-size: 13px !important; } .aws-wrapper .aws-search-btn.aws-form-btn { flex: 0 0 46px; width: 46px; height: 42px; } .aws-wrapper .aws-search-btn_icon svg { width: 17px; height: 17px; } .aws-wrapper .aws-search-clear { right: 50px; width: 20px; height: 20px; } .aws-wrapper .aws-loader { right: 15px; width: 13px; height: 13px; margin-top: -6.5px; } }/* End custom CSS */ /* Start custom CSS for woofilters, class: .elementor-element-7ecd8c1 *//* ========================================================= WARSI COMPUTERS — PROFESSIONAL VERTICAL FILTER SIDEBAR Clean checklist design for WooBeWoo / WBW filters Light theme adjusted for page background: #EBF2FA ========================================================= */ /* ===== Main Filter Wrapper ===== */ .elementor-woofilters .wpfMainWrapper{ position: relative; display: flex !important; flex-direction: column !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; padding: 12px !important; margin: 0 0 24px 0 !important; background: radial-gradient(circle at 15% 20%, rgba(45,104,255,0.07), transparent 24%), radial-gradient(circle at 85% 80%, rgba(17,167,92,0.05), transparent 26%), linear-gradient(135deg, #ffffff 0%, #f8fbff 100%); border: 1px solid rgba(148,163,184,0.32); border-radius: 16px; box-shadow: 0 12px 28px rgba(15,23,42,0.08), inset 0 1px 0 rgba(255,255,255,0.75); overflow: visible; } /* Top gloss line */ .elementor-woofilters .wpfMainWrapper::before{ content: ""; position: absolute; top: 0; left: 10%; width: 80%; height: 1px; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0) 100% ); pointer-events: none; } /* ===== Filter Block ===== */ .elementor-woofilters .wpfFilterWrapper{ width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px !important; background: rgba(235,242,250,0.62); border: 1px solid rgba(148,163,184,0.24); border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.72), 0 6px 14px rgba(15,23,42,0.05); transition: .3s ease; } .elementor-woofilters .wpfFilterWrapper:hover{ background: rgba(255,255,255,0.78); border-color: rgba(100,116,139,0.28); } /* ===== Filter Title ===== */ .elementor-woofilters .wpfFilterTitle{ display: flex !important; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px !important; padding-bottom: 7px !important; border-bottom: 1px solid rgba(148,163,184,0.22); } .elementor-woofilters .wpfFilterTitle .wfpTitle{ color: #0f172a !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2em !important; letter-spacing: 0.02em; text-transform: uppercase; } .elementor-woofilters .wpfTitleToggle{ color: rgba(51,65,85,0.58) !important; font-size: 11px !important; } /* ========================================================= CLEAN CHECKLIST DESIGN ========================================================= */ /* List area */ .elementor-woofilters .wpfCheckboxHier, .elementor-woofilters .wpfFilterContent{ width: 100% !important; } /* Remove old dropdown arrow */ .elementor-woofilters .wpfCheckboxHier::after{ display: none !important; } /* List wrapper */ .elementor-woofilters ul.wpfFilterVerScroll, .elementor-woofilters .wpfCheckboxHier ul{ display: flex !important; flex-direction: column !important; gap: 6px !important; max-height: 220px; overflow-y: auto; overflow-x: hidden; margin: 0 !important; padding: 0 3px 0 0 !important; list-style: none !important; } /* Force horizontal category list into vertical */ .elementor-woofilters .wpfFilterLayoutHor{ display: flex !important; flex-direction: column !important; } /* List item */ .elementor-woofilters .wpfCheckboxHier li{ width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* Main clickable row */ .elementor-woofilters .wpfLiLabel{ display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; min-height: 34px !important; margin: 0 !important; padding: 7px 8px !important; border-radius: 9px !important; background: transparent !important; border: 1px solid transparent !important; cursor: pointer; transition: background .25s ease, border-color .25s ease, color .25s ease; } /* Hover */ .elementor-woofilters .wpfLiLabel:hover{ background: rgba(255,255,255,0.74) !important; border-color: rgba(148,163,184,0.28) !important; } /* Checkbox wrapper */ .elementor-woofilters .wpfCheckbox{ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 15px !important; width: 15px !important; height: 15px !important; margin: 0 !important; } /* Hide real checkbox but keep it functional */ .elementor-woofilters .wpfCheckbox input[type="checkbox"]{ position: absolute !important; opacity: 0 !important; width: 15px !important; height: 15px !important; margin: 0 !important; cursor: pointer !important; z-index: 2; } /* Custom checkbox box */ .elementor-woofilters .wpfCheckbox label{ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; margin: 0 !important; padding: 0 !important; border-radius: 4px !important; border: 1px solid rgba(100,116,139,0.34) !important; background: rgba(255,255,255,0.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.86); cursor: pointer !important; } /* Checked checkbox */ .elementor-woofilters .wpfCheckbox input[type="checkbox"]:checked + label{ background: linear-gradient(135deg, #2D68FF 0%, #11A75C 100%) !important; border-color: transparent !important; box-shadow: 0 0 0 2px rgba(45,104,255,0.16), 0 4px 10px rgba(15,23,42,0.14); } /* White tick mark */ .elementor-woofilters .wpfCheckbox input[type="checkbox"]:checked + label::after{ content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; transform: rotate(45deg); } /* Text area */ .elementor-woofilters .wpfDisplay, .elementor-woofilters .wpfValue{ display: flex !important; align-items: center !important; flex: 1 1 auto !important; min-width: 0 !important; } /* Option text */ .elementor-woofilters .wpfFilterTaxNameWrapper{ color: rgba(15,23,42,0.74) !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.35em !important; transition: color .25s ease; } /* Selected text */ .elementor-woofilters .wpfCheckbox input[type="checkbox"]:checked ~ label, .elementor-woofilters li:has(input[type="checkbox"]:checked) .wpfFilterTaxNameWrapper{ color: #0f172a !important; font-weight: 500 !important; } /* Selected row highlight */ .elementor-woofilters li:has(input[type="checkbox"]:checked) > .wpfLiLabel{ background: rgba(45,104,255,0.08) !important; border-color: rgba(45,104,255,0.20) !important; } /* Count */ .elementor-woofilters .wpfCount{ margin-left: auto !important; color: rgba(51,65,85,0.48) !important; font-size: 11px !important; } /* Scrollbar */ .elementor-woofilters ul.wpfFilterVerScroll::-webkit-scrollbar{ width: 4px; } .elementor-woofilters ul.wpfFilterVerScroll::-webkit-scrollbar-track{ background: rgba(148,163,184,0.18); border-radius: 999px; } .elementor-woofilters ul.wpfFilterVerScroll::-webkit-scrollbar-thumb{ background: linear-gradient(180deg, #2D68FF 0%, #11A75C 100%); border-radius: 999px; } /* ========================================================= PRICE SLIDER ========================================================= */ .elementor-woofilters #wpfSliderRange, .elementor-woofilters .wpfPriceFilterRange{ height: 6px; margin: 10px 3px 14px !important; border: none !important; border-radius: 999px; background: rgba(148,163,184,0.22) !important; box-shadow: inset 0 1px 2px rgba(15,23,42,0.10); } .elementor-woofilters .ui-slider-range{ background: linear-gradient(90deg, #2D68FF 0%, #11A75C 100%) !important; border-radius: 999px !important; } .elementor-woofilters .ui-slider-handle{ width: 15px !important; height: 15px !important; top: 50% !important; margin-top: -7.5px !important; margin-left: -7.5px !important; border: 2px solid rgba(255,255,255,0.95) !important; border-radius: 50% !important; background: #FFFFFF !important; box-shadow: 0 5px 12px rgba(15,23,42,0.16), 0 0 0 4px rgba(45,104,255,0.07); cursor: grab !important; } /* Price inputs */ .elementor-woofilters .wpfPriceInputs{ display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; color: rgba(15,23,42,0.74); font-family: "Inter", sans-serif !important; font-size: 12px !important; } .elementor-woofilters .wpfCurrencySymbol{ display: inline-flex !important; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; background: rgba(45,104,255,0.10); border: 1px solid rgba(45,104,255,0.20); color: #1D4ED8; font-size: 11px; font-weight: 600; } .elementor-woofilters .wpfPriceRangeField{ flex: 1 1 66px; min-width: 0; height: 28px !important; padding: 0 8px !important; border-radius: 8px !important; border: 1px solid rgba(148,163,184,0.28) !important; background: rgba(255,255,255,0.82) !important; color: #0f172a !important; font-family: "Inter", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; text-align: center; } /* ========================================================= FILTER BUTTON ========================================================= */ .elementor-woofilters .wpfFilterButtons{ width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-woofilters .wpfFilterButton, .elementor-woofilters .wpfButton{ width: 100% !important; min-height: 46px !important; padding: 0 18px !important; border-radius: 12px !important; border: 1px solid rgba(148,163,184,0.30) !important; background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important; color: #0f172a !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.02em; text-transform: uppercase; box-shadow: 0 10px 20px rgba(15,23,42,0.08), inset 0 1px 0 rgba(255,255,255,0.72); cursor: pointer; transition: .3s ease; } .elementor-woofilters .wpfFilterButton:hover, .elementor-woofilters .wpfButton:hover{ background: linear-gradient(135deg, #2D68FF 0%, #11A75C 100%) !important; color: #FFFFFF !important; border-color: transparent !important; transform: translateY(-2px); } /* ===== Hide Screen Reader Labels ===== */ .elementor-woofilters .wpfSrOnly{ position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; } /* ===== Responsive ===== */ @media (max-width: 1024px){ .elementor-woofilters .wpfMainWrapper{ width: 100% !important; } } @media (max-width: 767px){ .elementor-woofilters .wpfMainWrapper{ padding: 12px !important; border-radius: 14px !important; } .elementor-woofilters .wpfLiLabel{ min-height: 36px !important; } }/* End custom CSS */ /* Start custom CSS for wc-archive-products, class: .elementor-element-73741a90 *//* ========================================================= WARSI COMPUTERS — PRODUCT ARCHIVE WIDGET FINAL UPDATED VERSION GRID: Desktop / Large Laptop: 5 columns Tablet: 4 columns Mobile: 2 columns Small Mobile: 1 column UPDATED: - Full product titles always visible - No 3-line title clipping / ellipsis - Prices remain aligned using flex layout - Sale badge = top left - Out of Stock badge = top right - Both badges use same sizing/layout - Sale keeps Warsi blue/green gradient - Out of Stock uses black background ========================================================= */ /* ========================================================= 1. ARCHIVE WRAPPER ========================================================= */ .elementor-widget-wc-archive-products .woocommerce { width: 100%; } /* ========================================================= 2. PRODUCT GRID DESKTOP / LARGE LAPTOP — 5 COLUMNS ========================================================= */ .elementor-widget-wc-archive-products ul.products { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 16px !important; width: 100%; margin: 0 !important; padding: 0 !important; list-style: none !important; align-items: stretch !important; clear: both; } /* Remove WooCommerce clearfix */ .elementor-widget-wc-archive-products ul.products::before, .elementor-widget-wc-archive-products ul.products::after { display: none !important; content: none !important; } /* ========================================================= 3. PRODUCT CARD ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product { position: relative; display: flex !important; flex-direction: column !important; justify-content: flex-start; width: 100% !important; height: 100% !important; min-height: 100%; margin: 0 !important; padding: 0 !important; float: none !important; clear: none !important; background: #FFFFFF; border: 1px solid rgba(148, 163, 184, 0.26); border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(15,23,42,0.08); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease; } /* ========================================================= TOP HIGHLIGHT ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product::before { content: ""; position: absolute; top: 0; left: 10%; width: 80%; height: 1px; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.95) 50%, rgba(255,255,255,0) 100% ); z-index: 2; pointer-events: none; } /* ========================================================= SOFT CARD GLOW ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product::after { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at 20% 20%, rgba(45,104,255,.06), transparent 35% ), radial-gradient( circle at 80% 80%, rgba(17,167,92,.05), transparent 38% ); opacity: .9; pointer-events: none; z-index: 0; } /* ========================================================= CARD HOVER ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product:hover { transform: translateY(-6px); border-color: rgba(100,116,139,.34); background: #FDFEFF; box-shadow: 0 18px 40px rgba(15,23,42,.12); } /* ========================================================= 4. PRODUCT LINK Flex is important for keeping price alignment while allowing the complete product title to grow naturally. ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product a.woocommerce-LoopProduct-link { position: relative; z-index: 1; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100%; min-height: 0; padding: 12px 12px 0 12px !important; text-decoration: none !important; } /* ========================================================= 5. PRODUCT IMAGE ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product a.woocommerce-LoopProduct-link > img { display: block; width: 100%; flex-shrink: 0; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; margin: 0 0 12px 0 !important; background: #F1F5F9; border-radius: 10px !important; overflow: hidden; transition: transform .45s ease, filter .35s ease; } /* Product image hover */ .elementor-widget-wc-archive-products ul.products li.product:hover a.woocommerce-LoopProduct-link > img { transform: scale(1.03); filter: saturate(1.04); } /* ========================================================= 6. PRODUCT TITLE FULL TITLE — NO CLAMPING IMPORTANT: - Full title is always shown - No "..." - No fixed max-height - No overflow hiding - Short titles retain a minimum area - Longer titles can grow naturally ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title { display: block !important; width: 100%; color: #0F172A; font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px !important; font-weight: 600; line-height: 1.3em !important; letter-spacing: -0.01em; margin: 0 0 8px 0 !important; padding: 0 !important; /* Reserve space for shorter titles */ min-height: 4.8em; /* Let longer titles grow */ height: auto !important; max-height: none !important; /* Never hide title */ overflow: visible !important; text-overflow: clip !important; white-space: normal !important; word-break: normal; overflow-wrap: break-word; /* Disable Elementor / theme line clamping */ -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; line-clamp: unset !important; flex-shrink: 0; } /* ========================================================= 7. PRICE margin-top:auto pushes the price toward the bottom of the flexible product-link area. This allows: - Complete titles - Equal card heights - Price alignment within each row ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product .price { display: flex !important; align-items: center; flex-wrap: wrap; flex-shrink: 0; gap: 8px; color: #475569; font-family: "Inter", sans-serif; font-size: 14px !important; font-weight: 400; line-height: 1.4em; margin-top: auto !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; padding-top: 10px !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } /* Price amount */ .elementor-widget-wc-archive-products ul.products li.product .price .amount { color: #0F172A; font-family: "Plus Jakarta Sans", sans-serif; font-size: 15px !important; font-weight: 600; line-height: 1.3em; } /* Old price */ .elementor-widget-wc-archive-products ul.products li.product .price del { opacity: .45; } /* Sale price */ .elementor-widget-wc-archive-products ul.products li.product .price ins { text-decoration: none; } /* ========================================================= 8. ADD TO CART / READ MORE / SELECT OPTIONS ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product > .button, .elementor-widget-wc-archive-products ul.products li.product > a.button { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; width: calc(100% - 24px) !important; min-height: 42px !important; margin: 0 12px 12px 12px !important; padding: 12px 14px !important; background: rgba(235,242,250,.82) !important; color: #0F172A !important; border: 1px solid rgba(148,163,184,.28) !important; border-radius: 10px !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1em !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap; overflow: hidden; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 8px 20px rgba(15,23,42,.08); transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease, color .3s ease; } /* ========================================================= BUTTON GLOSS ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product > .button::before, .elementor-widget-wc-archive-products ul.products li.product > a.button::before { content: ""; position: absolute; top: 0; left: 10%; width: 80%; height: 1px; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.95) 50%, rgba(255,255,255,0) 100% ); pointer-events: none; } /* ========================================================= BUTTON HOVER ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product > .button:hover, .elementor-widget-wc-archive-products ul.products li.product > a.button:hover { background: linear-gradient( 135deg, #2D68FF 0%, #11A75C 100% ) !important; border-color: transparent !important; color: #FFFFFF !important; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(15,23,42,.14), 0 0 0 1px rgba(255,255,255,.30); } /* Loading state */ .elementor-widget-wc-archive-products ul.products li.product .button.loading::after { top: 50% !important; transform: translateY(-50%); } /* ========================================================= 9. ADDED TO CART ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product > .added_to_cart { position: relative; z-index: 3; display: inline-flex !important; align-items: center; justify-content: center; flex-shrink: 0; width: calc(100% - 24px) !important; min-height: 40px !important; margin: -4px 12px 12px 12px !important; padding: 10px 14px !important; background: rgba(17,167,92,.10) !important; color: #15803D !important; border: 1px solid rgba(17,167,92,.24) !important; border-radius: 10px !important; font-family: "Inter", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; text-decoration: none !important; transition: background .25s ease, border-color .25s ease; } .elementor-widget-wc-archive-products ul.products li.product > .added_to_cart:hover { background: rgba(17,167,92,.16) !important; border-color: rgba(17,167,92,.34) !important; } /* ========================================================= 10. PRODUCT STATUS BADGES Same size / layout ========================================================= */ /* ========================================================= SALE BADGE — TOP LEFT Warsi Blue / Green Gradient ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product .onsale { position: absolute !important; top: 12px !important; left: 12px !important; right: auto !important; bottom: auto !important; z-index: 7 !important; display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: auto !important; height: auto !important; min-height: auto !important; margin: 0 !important; padding: 7px 10px !important; background: linear-gradient( 135deg, #2D68FF 0%, #11A75C 100% ) !important; color: #FFFFFF !important; border: 1px solid rgba(255,255,255,.24) !important; border-radius: 999px !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1em !important; letter-spacing: .01em; text-align: center; white-space: nowrap; box-shadow: 0 8px 18px rgba(15,23,42,.16); pointer-events: none; } /* ========================================================= OUT OF STOCK BADGE — TOP RIGHT Black Background / White Text ========================================================= */ .elementor-widget-wc-archive-products ul.products li.product .warsi-out-of-stock-badge { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; bottom: auto !important; z-index: 7 !important; display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: auto !important; height: auto !important; min-height: auto !important; margin: 0 !important; padding: 7px 10px !important; background: rgba(15,23,42,.92) !important; color: #FFFFFF !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1em !important; letter-spacing: .01em; text-align: center; white-space: nowrap; box-shadow: 0 8px 18px rgba(15,23,42,.18); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } /* ========================================================= 11. SHOP TOOLBAR ========================================================= */ .elementor-widget-wc-archive-products .woocommerce .woocommerce-result-count, .elementor-widget-wc-archive-products .woocommerce .woocommerce-ordering { position: relative; z-index: 5; margin-top: 0 !important; margin-bottom: 20px !important; } /* ========================================================= RESULT COUNT ========================================================= */ .elementor-widget-wc-archive-products .woocommerce .woocommerce-result-count { float: left; display: inline-flex; align-items: center; min-height: 48px; padding: 0 16px; background: #FFFFFF; color: #475569; border: 1px solid rgba(148,163,184,.28); border-radius: 12px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4em; box-shadow: 0 8px 24px rgba(15,23,42,.08); } .elementor-widget-wc-archive-products .woocommerce .woocommerce-result-count::before { content: ""; width: 8px; height: 8px; margin-right: 10px; border-radius: 50%; background: linear-gradient( 135deg, #2D68FF 0%, #11A75C 100% ); box-shadow: 0 0 12px rgba(45,104,255,.24); flex-shrink: 0; } /* ========================================================= 12. ORDERING ========================================================= */ .elementor-widget-wc-archive-products .woocommerce .woocommerce-ordering { float: right; display: inline-flex; align-items: center; } /* Dropdown arrow */ .elementor-widget-wc-archive-products .woocommerce .woocommerce-ordering::after { content: ""; position: absolute; right: 16px; top: 50%; width: 10px; height: 10px; border-right: 2px solid rgba(15,23,42,.66); border-bottom: 2px solid rgba(15,23,42,.66); transform: translateY(-70%) rotate(45deg); pointer-events: none; z-index: 3; } /* Select */ .elementor-widget-wc-archive-products .woocommerce .woocommerce-ordering select.orderby { appearance: none; -webkit-appearance: none; -moz-appearance: none; min-width: 230px; min-height: 48px; padding: 0 46px 0 16px !important; background: #FFFFFF !important; color: #0F172A !important; border: 1px solid rgba(148,163,184,.28) !important; border-radius: 12px !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1em !important; box-shadow: 0 8px 24px rgba(15,23,42,.08); outline: none !important; cursor: pointer; transition: border-color .3s ease, background .3s ease, box-shadow .3s ease; } /* Ordering hover */ .elementor-widget-wc-archive-products .woocommerce .woocommerce-ordering select.orderby:hover { border-color: rgba(100,116,139,.36) !important; background: #FDFEFF !important; } /* Ordering focus */ .elementor-widget-wc-archive-products .woocommerce .woocommerce-ordering select.orderby:focus { border-color: rgba(45,104,255,.45) !important; box-shadow: 0 0 0 3px rgba(45,104,255,.12), 0 10px 28px rgba(15,23,42,.10); } /* Options */ .elementor-widget-wc-archive-products .woocommerce .woocommerce-ordering select.orderby option { background: #FFFFFF; color: #0F172A; } /* ========================================================= 13. PAGINATION ========================================================= */ .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination { margin-top: 28px; text-align: center; } .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul { display: inline-flex !important; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; list-style: none !important; } .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li { float: none !important; margin: 0 !important; padding: 0 !important; border: none !important; overflow: visible !important; list-style: none !important; } /* Pagination buttons */ .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li a, .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li span { position: relative; display: inline-flex !important; align-items: center; justify-content: center; min-width: 46px; height: 46px; padding: 0 14px !important; background: #FFFFFF !important; color: #0F172A !important; border: 1px solid rgba(148,163,184,.28) !important; border-radius: 12px !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1em !important; text-decoration: none !important; box-shadow: 0 8px 20px rgba(15,23,42,.08); transition: transform .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease, color .3s ease; } /* Pagination gloss */ .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li a::before, .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li span::before { content: ""; position: absolute; top: 0; left: 14%; width: 72%; height: 1px; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.95) 50%, rgba(255,255,255,0) 100% ); pointer-events: none; } /* Pagination hover */ .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li a:hover { transform: translateY(-2px); background: linear-gradient( 135deg, #2D68FF 0%, #11A75C 100% ) !important; border-color: transparent !important; color: #FFFFFF !important; box-shadow: 0 12px 24px rgba(15,23,42,.14); } /* Current page */ .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li .page-numbers.current { background: linear-gradient( 135deg, #2D68FF 0%, #11A75C 100% ) !important; border-color: transparent !important; color: #FFFFFF !important; box-shadow: 0 12px 24px rgba(15,23,42,.14), 0 0 0 1px rgba(255,255,255,.30); } /* Prev / Next */ .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li .prev, .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li .next { min-width: auto; padding: 0 18px !important; } /* ========================================================= 14. TABLET / SMALL LAPTOP <= 1024px 4 COLUMNS ========================================================= */ @media (max-width: 1024px) { .elementor-widget-wc-archive-products ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 15px !important; } /* * Narrower cards naturally wrap titles more. * Give short titles a little more reserved space, * but still NEVER limit longer titles. */ .elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title { min-height: 6.2em; height: auto !important; max-height: none !important; overflow: visible !important; -webkit-line-clamp: unset !important; line-clamp: unset !important; } } /* ========================================================= 15. MOBILE <= 767px 2 COLUMNS ========================================================= */ @media (max-width: 767px) { .elementor-widget-wc-archive-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } /* Toolbar */ .elementor-widget-wc-archive-products .woocommerce .woocommerce-result-count, .elementor-widget-wc-archive-products .woocommerce .woocommerce-ordering { float: none !important; width: 100%; } .elementor-widget-wc-archive-products .woocommerce .woocommerce-result-count { justify-content: center; text-align: center; margin-bottom: 12px !important; } .elementor-widget-wc-archive-products .woocommerce .woocommerce-ordering { display: block; } .elementor-widget-wc-archive-products .woocommerce .woocommerce-ordering select.orderby { width: 100%; min-width: 100%; } /* Full product title */ .elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; min-height: 0; height: auto !important; max-height: none !important; overflow: visible !important; white-space: normal !important; text-overflow: clip !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; line-clamp: unset !important; } /* Price */ .elementor-widget-wc-archive-products ul.products li.product .price .amount { font-size: 15px !important; } /* Slightly smaller badges */ .elementor-widget-wc-archive-products ul.products li.product .onsale, .elementor-widget-wc-archive-products ul.products li.product .warsi-out-of-stock-badge { top: 10px !important; padding: 6px 8px !important; font-size: 10px !important; } .elementor-widget-wc-archive-products ul.products li.product .onsale { left: 10px !important; } .elementor-widget-wc-archive-products ul.products li.product .warsi-out-of-stock-badge { right: 10px !important; } /* Pagination */ .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul { gap: 8px; } .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li a, .elementor-widget-wc-archive-products .woocommerce nav.woocommerce-pagination ul li span { min-width: 42px; height: 42px; border-radius: 10px !important; } } /* ========================================================= 16. SMALL MOBILE <= 480px 1 COLUMN ========================================================= */ @media (max-width: 480px) { .elementor-widget-wc-archive-products ul.products { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; gap: 14px !important; } /* * Full-width cards have enough space, * so no reserved title height is necessary. */ .elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title { min-height: 0; height: auto !important; max-height: none !important; overflow: visible !important; } }/* End custom CSS */