.elementor-34 .elementor-element.elementor-element-ec0be29{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .elementor-repeater-item-a458785 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://amarkashimpur.com/wp-content/uploads/2026/09/hero-slide.jpg);background-size:cover;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .elementor-repeater-item-a458785 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .elementor-repeater-item-d67499a .swiper-slide-bg{background-color:#833ca3;background-image:url(https://amarkashimpur.com/wp-content/uploads/2026/09/hero-slide.jpg);background-size:cover;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .elementor-repeater-item-d67499a .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .swiper-slide{transition-duration:calc(5000ms*1.2);height:500px;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .elementor-slide-button{background-color:#F8B241;font-family:"Anek Bangla", Sans-serif;font-weight:500;border-radius:100px;color:#000000;border-color:#F8B241;}.elementor-34 .elementor-element.elementor-element-2f9c5d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .swiper-slide-inner{padding:0px 0px 0px 240px;text-align:start;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:15px;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .elementor-slide-heading{font-family:"Anek Bangla", Sans-serif;font-weight:600;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .elementor-slide-description{font-family:"Anek Bangla", Sans-serif;font-weight:400;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFFFFF;opacity:1;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .swiper-pagination-bullet-active{background-color:#F8B241;}.elementor-34 .elementor-element.elementor-element-f113e35{--display:flex;}.elementor-34 .elementor-element.elementor-element-71f4b23{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-6a1166d .elementor-heading-title{font-family:"Anek Bangla", Sans-serif;font-weight:600;color:#09776A;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-34 .elementor-element.elementor-element-e0411c2.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-34 .elementor-element.elementor-element-e0411c2.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#09776A;}.elementor-34 .elementor-element.elementor-element-e0411c2.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#09776A;}.elementor-34 .elementor-element.elementor-element-e0411c2.elementor-wc-products ul.products li.product .price{color:#09776A;}.elementor-34 .elementor-element.elementor-element-e0411c2.elementor-wc-products ul.products li.product .price ins{color:#09776A;}.elementor-34 .elementor-element.elementor-element-e0411c2.elementor-wc-products ul.products li.product .price ins .amount{color:#09776A;}.elementor-34 .elementor-element.elementor-element-e0411c2.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-34 .elementor-element.elementor-element-98c7f13{--display:flex;--overlay-opacity:0.44;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-98c7f13::before, .elementor-34 .elementor-element.elementor-element-98c7f13 > .elementor-background-video-container::before, .elementor-34 .elementor-element.elementor-element-98c7f13 > .e-con-inner > .elementor-background-video-container::before, .elementor-34 .elementor-element.elementor-element-98c7f13 > .elementor-background-slideshow::before, .elementor-34 .elementor-element.elementor-element-98c7f13 > .e-con-inner > .elementor-background-slideshow::before, .elementor-34 .elementor-element.elementor-element-98c7f13 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(333deg, #09776A 0%, #F8B241 89%);}.elementor-34 .elementor-element.elementor-element-98c7f13 > .elementor-shape-top svg, .elementor-34 .elementor-element.elementor-element-98c7f13 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:44px;}.elementor-34 .elementor-element.elementor-element-c4262c8 .elementor-heading-title{font-family:"Anek Bangla", Sans-serif;font-weight:600;color:#09776A;}.elementor-34 .elementor-element.elementor-element-e4c67d7 .akc-vsw-card{background-color:#FFFFFF;border-radius:14px;}.elementor-34 .elementor-element.elementor-element-e4c67d7 .akc-vsw-btn{background-color:#0A7C6E;}.elementor-34 .elementor-element.elementor-element-e4c67d7 .akc-vsw-btn:hover{background-color:#08695E;}.elementor-34 .elementor-element.elementor-element-23160d9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-34 .elementor-element.elementor-element-d360c91 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-weight:800;text-transform:uppercase;fill:#000000;color:#000000;background-image:linear-gradient(122deg, #0A7C6E 36%, #F8B241 82%);}.elementor-34 .elementor-element.elementor-element-89bc255 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-weight:800;text-transform:uppercase;fill:#000000;color:#000000;background-image:linear-gradient(342deg, #0A7C6E 36%, #F8B241 65%);}@media(max-width:1024px){.elementor-34 .elementor-element.elementor-element-e0411c2.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-2f9c5d8 .swiper-slide{height:216px;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .swiper-slide-contents{max-width:54%;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .swiper-slide-inner{padding:0px 0px 0px 20px;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .elementor-slide-heading{font-size:20px;}.elementor-34 .elementor-element.elementor-element-2f9c5d8 .elementor-slide-description{font-size:8px;}.elementor-34 .elementor-element.elementor-element-71f4b23{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-6a1166d{padding:0px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-e0411c2.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-34 .elementor-element.elementor-element-c4262c8{padding:0px 0px 0px 10px;}.elementor-34 .elementor-element.elementor-element-23160d9{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-34 .elementor-element.elementor-element-d360c91 .elementor-button{font-size:11px;}.elementor-34 .elementor-element.elementor-element-89bc255 .elementor-button{font-size:11px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-e0411c2 *//* ============================================================ AMAR KASHIMPUR FOOD MARKETPLACE COMPLETE PRODUCT + POPULAR SECTION CSS DESKTOP + TABLET + MOBILE ============================================================ */ /* ============================================================ 1. GLOBAL RESET ============================================================ */ .ak-food-products, .ak-popular-products { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .ak-food-products *, .ak-popular-products * { box-sizing: border-box; } .ak-food-products ul.products, .ak-food-products .products, .ak-popular-products ul.products, .ak-popular-products .products { margin: 0 !important; padding: 0 !important; } /* ============================================================ 2. MAIN PRODUCT GRID — DESKTOP ============================================================ */ .ak-food-products ul.products, .ak-food-products .products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 22px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* ============================================================ 3. PRODUCT CARD — DESKTOP ============================================================ */ .ak-food-products ul.products li.product, .ak-food-products .products li.product { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #e4ece9 !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; } /* Desktop hover */ @media (min-width: 768px) { .ak-food-products ul.products li.product:hover, .ak-food-products .products li.product:hover { transform: translateY(-4px) !important; border-color: rgba(10, 124, 110, 0.20) !important; box-shadow: 0 12px 30px rgba(10, 124, 110, 0.10) !important; } } /* ============================================================ 4. PRODUCT IMAGE — DESKTOP ============================================================ */ .ak-food-products ul.products li.product img, .ak-food-products .products li.product img, .ak-food-products .products li.product .attachment-woocommerce_thumbnail { display: block !important; width: 100% !important; height: 230px !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; border: 0 !important; } /* ============================================================ 5. PRODUCT LINK ============================================================ */ .ak-food-products .products li.product .woocommerce-loop-product__link { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; } /* ============================================================ 6. HIDE PRODUCT CATEGORY LABEL ============================================================ */ /* This removes labels such as: রেস্টুরেন্ট that were creating unnecessary space above the title. */ .ak-food-products .products li.product .ast-woo-product-category, .ak-food-products .products li.product .product-category, .ak-food-products .products li.product .woocommerce-loop-product__category, .ak-food-products .products li.product .posted_in, .ak-food-products .products li.product .product_meta { display: none !important; } /* ============================================================ 7. PRODUCT TITLE — DESKTOP ============================================================ */ .ak-food-products .products li.product .woocommerce-loop-product__title, .ak-food-products .products li.product h2, .ak-food-products .products li.product h3 { margin: 14px 16px 5px !important; padding: 0 !important; min-height: 28px !important; font-family: "Noto Sans Bengali", sans-serif !important; font-size: 18px !important; line-height: 1.4 !important; font-weight: 700 !important; color: #17211f !important; } /* ============================================================ 8. PRICE — DESKTOP ============================================================ */ .ak-food-products .products li.product .price { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 5px !important; margin: 2px 16px 12px !important; padding: 0 !important; min-height: 22px !important; font-family: "Noto Sans Bengali", sans-serif !important; font-size: 18px !important; line-height: 1.3 !important; font-weight: 800 !important; color: #0A7C6E !important; } /* Sale price */ .ak-food-products .products li.product .price ins { text-decoration: none !important; color: #0A7C6E !important; font-weight: 800 !important; } /* Old price */ .ak-food-products .products li.product .price del { color: #9ba6a3 !important; font-size: 13px !important; font-weight: 500 !important; margin: 0 !important; } /* ============================================================ 9. ADD TO CART — DESKTOP ============================================================ */ .ak-food-products .products li.product .add_to_cart_button, .ak-food-products .products li.product a.button { display: flex !important; align-items: center !important; justify-content: center !important; width: calc(100% - 32px) !important; height: 44px !important; min-height: 44px !important; margin: 0 16px 16px !important; padding: 0 14px !important; border: 0 !important; border-radius: 12px !important; background: #0A7C6E !important; color: #ffffff !important; font-family: "Noto Sans Bengali", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; box-shadow: none !important; transition: background .2s ease, transform .2s ease !important; } /* Desktop button hover */ @media (min-width: 768px) { .ak-food-products .products li.product .add_to_cart_button:hover, .ak-food-products .products li.product a.button:hover { background: #086b60 !important; color: #ffffff !important; transform: translateY(-1px) !important; } } /* ============================================================ 10. SALE BADGE ============================================================ */ .ak-food-products .products li.product .onsale { top: 12px !important; left: 12px !important; right: auto !important; min-width: auto !important; min-height: auto !important; margin: 0 !important; padding: 6px 10px !important; border-radius: 999px !important; background: #F59E0B !important; color: #ffffff !important; font-family: "Noto Sans Bengali", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; z-index: 5 !important; } /* ============================================================ 11. RATING ============================================================ */ .ak-food-products .products li.product .star-rating { margin: 5px 16px !important; } /* ============================================================ 12. OUT OF STOCK ============================================================ */ .ak-food-products .products li.product .out-of-stock { color: #d64545 !important; font-weight: 700 !important; } /* ============================================================ 13. TABLET ============================================================ */ @media (max-width: 1024px) and (min-width: 768px) { .ak-food-products, .ak-popular-products { max-width: calc(100% - 32px) !important; } .ak-food-products ul.products, .ak-food-products .products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; } .ak-food-products .products li.product img { height: 215px !important; } .ak-food-products .products li.product .woocommerce-loop-product__title, .ak-food-products .products li.product h2, .ak-food-products .products li.product h3 { font-size: 16px !important; } } /* ============================================================ 14. MOBILE PRODUCT SECTION ============================================================ */ @media (max-width: 767px) { .ak-food-products { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 10px !important; } /* ======================================================== MOBILE GRID ======================================================== */ .ak-food-products ul.products, .ak-food-products .products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ======================================================== MOBILE CARD ======================================================== */ .ak-food-products ul.products li.product, .ak-food-products .products li.product { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #e3ebe8 !important; border-radius: 15px !important; overflow: hidden !important; box-shadow: 0 3px 12px rgba(0,0,0,.055) !important; transform: none !important; } /* ======================================================== MOBILE IMAGE ======================================================== */ .ak-food-products .products li.product img, .ak-food-products .products li.product .attachment-woocommerce_thumbnail { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* ======================================================== HIDE CATEGORY LABEL MOBILE ======================================================== */ .ak-food-products .products li.product .ast-woo-product-category, .ak-food-products .products li.product .product-category, .ak-food-products .products li.product .woocommerce-loop-product__category, .ak-food-products .products li.product .posted_in, .ak-food-products .products li.product .product_meta { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* ======================================================== HIDE EMPTY STAR/RATING SPACE ======================================================== */ .ak-food-products .products li.product .star-rating { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* ======================================================== MOBILE TITLE ======================================================== */ .ak-food-products .products li.product .woocommerce-loop-product__title, .ak-food-products .products li.product h2, .ak-food-products .products li.product h3 { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: 38px !important; margin: 8px 10px 3px !important; padding: 0 !important; font-family: "Noto Sans Bengali", sans-serif !important; font-size: 14px !important; line-height: 1.35 !important; font-weight: 700 !important; color: #17211f !important; } /* ======================================================== MOBILE PRICE ======================================================== */ .ak-food-products .products li.product .price { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 4px !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 2px 10px 7px !important; padding: 0 !important; font-family: "Noto Sans Bengali", sans-serif !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: 800 !important; color: #0A7C6E !important; } /* Sale price */ .ak-food-products .products li.product .price ins { text-decoration: none !important; font-size: 16px !important; font-weight: 800 !important; color: #0A7C6E !important; } /* Old price */ .ak-food-products .products li.product .price del { font-size: 10px !important; line-height: 1 !important; font-weight: 500 !important; color: #a7afad !important; margin: 0 !important; } /* ======================================================== MOBILE ADD TO CART ======================================================== */ .ak-food-products .products li.product .add_to_cart_button, .ak-food-products .products li.product a.button { display: flex !important; align-items: center !important; justify-content: center !important; width: calc(100% - 20px) !important; height: 40px !important; min-height: 40px !important; margin: 0 10px 10px !important; padding: 0 8px !important; border: 0 !important; border-radius: 10px !important; background: #0A7C6E !important; color: #ffffff !important; font-family: "Noto Sans Bengali", sans-serif !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; transition: background .2s ease, transform .15s ease !important; } /* Button press */ .ak-food-products .products li.product .add_to_cart_button:active, .ak-food-products .products li.product a.button:active { transform: scale(.98) !important; } /* ======================================================== MOBILE SALE BADGE ======================================================== */ .ak-food-products .products li.product .onsale { top: 8px !important; left: 8px !important; right: auto !important; min-width: auto !important; min-height: auto !important; margin: 0 !important; padding: 5px 8px !important; border-radius: 999px !important; background: #F59E0B !important; color: #ffffff !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.2 !important; z-index: 5 !important; } /* ======================================================== REMOVE EXTRA LINK SPACING ======================================================== */ .ak-food-products .products li.product .woocommerce-loop-product__link { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ======================================================== REMOVE DEFAULT WOO EXTRA MARGINS ======================================================== */ .ak-food-products .products li.product > * { box-sizing: border-box !important; } } /* ============================================================ 15. SMALL MOBILE ============================================================ */ @media (max-width: 380px) { .ak-food-products { padding-left: 8px !important; padding-right: 8px !important; } .ak-food-products ul.products, .ak-food-products .products { gap: 8px !important; } .ak-food-products .products li.product .woocommerce-loop-product__title, .ak-food-products .products li.product h2, .ak-food-products .products li.product h3 { margin: 8px 9px 3px !important; font-size: 13px !important; line-height: 1.35 !important; max-height: 36px !important; } .ak-food-products .products li.product .price { margin: 2px 9px 6px !important; font-size: 14px !important; } .ak-food-products .products li.product .price ins { font-size: 14px !important; } .ak-food-products .products li.product .add_to_cart_button, .ak-food-products .products li.product a.button { width: calc(100% - 18px) !important; height: 38px !important; min-height: 38px !important; margin: 0 9px 9px !important; border-radius: 9px !important; font-size: 12px !important; } .ak-food-products .products li.product .onsale { top: 7px !important; left: 7px !important; padding: 4px 7px !important; font-size: 9px !important; } } /* ============================================================ 16. POPULAR PRODUCTS SECTION ============================================================ */ .ak-popular-products { width: 100%; max-width: 1200px; margin: 40px auto; padding: 26px; background: #f1f8f6; border-radius: 24px; box-sizing: border-box; } /* Popular heading */ .ak-popular-products h2, .ak-popular-products h3, .ak-popular-products .elementor-heading-title { margin: 0 0 18px !important; padding: 0 !important; font-family: "Noto Sans Bengali", sans-serif !important; font-size: 25px !important; line-height: 1.35 !important; font-weight: 800 !important; color: #17211f !important; } /* Popular grid */ .ak-popular-products ul.products, .ak-popular-products .products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; margin: 0 !important; padding: 0 !important; } /* Popular card */ .ak-popular-products ul.products li.product, .ak-popular-products .products li.product { width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #e2ebe8 !important; border-radius: 17px !important; overflow: hidden !important; box-shadow: 0 4px 15px rgba(0,0,0,.045) !important; } /* Popular image */ .ak-popular-products .products li.product img { display: block !important; width: 100% !important; height: 190px !important; object-fit: cover !important; margin: 0 !important; } /* ============================================================ 17. POPULAR TABLET ============================================================ */ @media (max-width: 1024px) and (min-width: 768px) { .ak-popular-products { max-width: calc(100% - 32px) !important; } .ak-popular-products ul.products, .ak-popular-products .products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 15px !important; } } /* ============================================================ 18. POPULAR MOBILE ============================================================ */ @media (max-width: 767px) { .ak-popular-products { width: 100% !important; max-width: 100% !important; margin: 28px 0 25px !important; padding: 18px 10px 22px !important; border-radius: 20px !important; } .ak-popular-products h2, .ak-popular-products h3, .ak-popular-products .elementor-heading-title { margin: 0 0 14px !important; font-size: 20px !important; } .ak-popular-products ul.products, .ak-popular-products .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .ak-popular-products .products li.product img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; } } /* ============================================================ 19. ELEMENTOR HEIGHT PROTECTION ============================================================ */ .ak-food-products, .ak-popular-products { min-height: 0 !important; } .ak-food-products > .elementor-container, .ak-food-products > .e-con-inner, .ak-popular-products > .elementor-container, .ak-popular-products > .e-con-inner { min-height: 0 !important; } /* ============================================================ 20. REMOVE COMMON ELEMENTOR SPACER ============================================================ */ @media (max-width: 767px) { .ak-food-products .elementor-spacer, .ak-popular-products .elementor-spacer { height: 0 !important; } } /* ============================================================ 21. MOBILE NAVIGATION SAFETY ============================================================ */ @media (max-width: 767px) { body.akc-has-mnav .ak-food-products { margin-bottom: 10px !important; } body.akc-has-mnav .ak-popular-products { margin-bottom: 10px !important; } } /* ============================================================ 22. FINAL MOBILE CLEANUP ============================================================ */ @media (max-width: 767px) { /* Prevent accidental minimum heights */ .ak-food-products .products li.product, .ak-food-products .products li.product .woocommerce-loop-product__link, .ak-food-products .products li.product .woocommerce-loop-product__title, .ak-food-products .products li.product .price { min-height: 0 !important; } /* Make sure card content doesn't create hidden gaps */ .ak-food-products .products li.product::before, .ak-food-products .products li.product::after { display: none !important; content: none !important; } }/* End custom CSS */