/* Citro Responsive Adjuster 5.0.0
 * Built against the supplied Citro/Fruitien project backup.
 * Desktop (>1024) is intentionally not redesigned.
 */
html{overflow-x:hidden}
body.cra-auto-responsive{overflow-x:hidden}
body.cra-auto-responsive img{max-width:100%}
body.cra-auto-responsive video{max-width:100%;height:auto}

/* Fruitien Ads Manager: keep the original wide desktop strip ratio on every device.
   V4's global image height:auto was overriding the carousel's height:100%, which
   produced the large empty blue area on phones. */
body.cra-auto-responsive .fam-slider{aspect-ratio:1500/430!important}
body.cra-auto-responsive .fam-slides,
body.cra-auto-responsive .fam-slide,
body.cra-auto-responsive .fam-slide-link,
body.cra-auto-responsive .fam-slide picture{width:100%!important;height:100%!important}
body.cra-auto-responsive .fam-slide img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}

.cra4-commerce-header{display:none}

/* --------------------------------------------------------------------------
   TABLET / ASTRA MOBILE BREAKPOINT — 0..921
   -------------------------------------------------------------------------- */
@media (max-width:921px){
  /* IMPORTANT: the saved Astra option hides the PRIMARY header row on mobile.
     These rules support the PHP Astra filter and also defeat cached dynamic CSS. */
  body.cra-auto-responsive #ast-mobile-header,
  body.cra-auto-responsive .ast-mobile-header-wrap,
  body.cra-auto-responsive #ast-mobile-header .ast-primary-header-bar,
  body.cra-auto-responsive .ast-mobile-header-wrap .ast-primary-header-bar{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important}

  body.cra-auto-responsive #ast-mobile-header .ast-primary-header-bar,
  body.cra-auto-responsive .ast-mobile-header-wrap .ast-primary-header-bar{min-height:68px!important;background:linear-gradient(105deg,#0ea4e8 0%,#0874d0 100%)!important;border:0!important}

  body.cra-auto-responsive #ast-mobile-header .ast-builder-grid-row,
  body.cra-auto-responsive .ast-mobile-header-wrap .ast-builder-grid-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:68px!important;width:100%!important;max-width:100%!important;padding:0 18px!important;margin:0!important}

  body.cra-auto-responsive #ast-mobile-header .site-header-primary-section-left,
  body.cra-auto-responsive #ast-mobile-header .site-header-primary-section-right,
  body.cra-auto-responsive .ast-mobile-header-wrap .site-header-primary-section-left,
  body.cra-auto-responsive .ast-mobile-header-wrap .site-header-primary-section-right{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;min-width:0!important}
  body.cra-auto-responsive #ast-mobile-header .site-header-primary-section-right,
  body.cra-auto-responsive .ast-mobile-header-wrap .site-header-primary-section-right{justify-content:flex-end!important}

  body.cra-auto-responsive #ast-mobile-header [data-section="title_tagline"],
  body.cra-auto-responsive #ast-mobile-header [data-section="section-header-mobile-trigger"],
  body.cra-auto-responsive .ast-mobile-header-wrap [data-section="title_tagline"],
  body.cra-auto-responsive .ast-mobile-header-wrap [data-section="section-header-mobile-trigger"]{display:flex!important;visibility:visible!important;opacity:1!important}

  body.cra-auto-responsive #ast-mobile-header .site-branding,
  body.cra-auto-responsive .ast-mobile-header-wrap .site-branding{display:flex!important;align-items:center!important;margin:0!important;padding:0!important}
  body.cra-auto-responsive #ast-mobile-header .site-logo-img,
  body.cra-auto-responsive .ast-mobile-header-wrap .site-logo-img{display:block!important;margin:0!important;padding:0!important}
  body.cra-auto-responsive #ast-mobile-header .site-logo-img img,
  body.cra-auto-responsive #ast-mobile-header img.custom-logo,
  body.cra-auto-responsive .ast-mobile-header-wrap .site-logo-img img{display:block!important;width:auto!important;max-width:118px!important;max-height:52px!important;object-fit:contain!important;margin:0!important}

  body.cra-auto-responsive #ast-mobile-header .ast-button-wrap,
  body.cra-auto-responsive #ast-mobile-header .ast-mobile-menu-trigger-minimal,
  body.cra-auto-responsive .ast-mobile-header-wrap .ast-button-wrap{display:flex!important;visibility:visible!important;opacity:1!important}
  body.cra-auto-responsive #ast-mobile-header .menu-toggle,
  body.cra-auto-responsive .ast-mobile-header-wrap .menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:9px!important;border:0!important;border-radius:4px!important;background:#29369a!important;color:#fff!important;box-shadow:none!important}
  body.cra-auto-responsive #ast-mobile-header .menu-toggle svg,
  body.cra-auto-responsive .ast-mobile-header-wrap .menu-toggle svg{width:22px!important;height:22px!important;fill:currentColor!important}

  /* Responsive copies of the desktop commerce widgets. */
  .cra4-commerce-header{display:block!important;position:relative;z-index:45;width:100%;max-width:100%;background:#fff;border-bottom:1px solid #dce7f3;box-shadow:0 4px 16px rgba(15,49,95,.07);padding:10px 14px 12px}
  .cra4-commerce-quick{display:grid;grid-template-columns:minmax(0,1fr) 48px 48px;gap:8px;align-items:stretch;margin-bottom:9px}
  .cra4-commerce-location,.cra4-commerce-account{min-width:0}
  .cra4-commerce-location>a,.cra4-commerce-account>a,.cra4-fallback-location,.cra4-fallback-account{height:46px!important;min-height:46px!important;display:flex!important;align-items:center!important;text-decoration:none!important;border:1px solid #dce7f3!important;border-radius:11px!important;background:#f8fbff!important;color:#0b2d62!important;box-shadow:none!important;margin:0!important}
  .cra4-commerce-location>a{padding:6px 10px!important;gap:7px!important;overflow:hidden!important}
  .cra4-commerce-location .fruitien-location-pin{flex:0 0 18px!important;width:18px!important;height:18px!important}
  .cra4-commerce-location .fruitien-location-text{min-width:0!important;display:flex!important;flex-direction:column!important;line-height:1.05!important}
  .cra4-commerce-location .fruitien-deliver-label{font-size:9px!important;font-weight:600!important;color:#60708a!important}
  .cra4-commerce-location .fruitien-location-text strong{font-size:11px!important;line-height:1.2!important;color:#0b2d62!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:260px!important}
  .cra4-commerce-location .fruitien-location-arrow{font-size:12px!important;margin-left:auto!important;flex:0 0 auto!important}

  .cra4-commerce-account>a{width:48px!important;min-width:48px!important;padding:0!important;justify-content:center!important;overflow:hidden!important}
  .cra4-commerce-account .fruitien-account-icon{width:22px!important;height:22px!important;margin:0!important;display:flex!important}
  .cra4-commerce-account .fruitien-account-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:#223396!important;stroke-width:1.8!important}
  .cra4-commerce-account .fruitien-account-details{display:none!important}

  .cra4-commerce-cart{position:relative;width:48px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #dce7f3;border-radius:11px;background:#223396;color:#fff!important;text-decoration:none!important}
  .cra4-commerce-cart svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .cra4-mobile-cart-count{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#f47a00;color:#fff;font:700 10px/19px Arial,sans-serif;text-align:center;border:2px solid #fff}

  .cra4-commerce-search{width:100%;min-width:0}
  .cra4-commerce-search .fruitien-product-search{display:grid!important;grid-template-columns:126px minmax(0,1fr) 92px!important;align-items:center!important;width:100%!important;max-width:none!important;min-height:44px!important;margin:0!important;border:1px solid #d7e3f0!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
  .cra4-commerce-search .fruitien-search-category{height:44px!important;border-right:1px solid #e3ebf4!important}
  .cra4-commerce-search .fruitien-search-category select{width:100%!important;height:44px!important;border:0!important;border-radius:0!important;background:#f7faff!important;padding:0 28px 0 10px!important;font-size:11px!important;color:#42526a!important;box-shadow:none!important}
  .cra4-commerce-search .fruitien-search-input-wrap{height:44px!important;min-width:0!important;display:flex!important;align-items:center!important;padding:0 10px!important;gap:7px!important}
  .cra4-commerce-search .fruitien-search-icon{display:flex!important;flex:0 0 18px!important}
  .cra4-commerce-search .fruitien-search-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:#718096!important;stroke-width:1.8!important}
  .cra4-commerce-search input[type="search"]{min-width:0!important;width:100%!important;height:42px!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important;font-size:12px!important;box-shadow:none!important;outline:0!important}
  .cra4-commerce-search button[type="submit"]{height:44px!important;min-height:44px!important;border:0!important;border-radius:0!important;background:#223396!important;color:#fff!important;padding:0 13px!important;margin:0!important;font-size:11px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}
  .cra4-commerce-search .fruitien-search-button-icon{display:none!important}

  .cra4-commerce-categories{position:relative;margin-top:9px;width:100%}
  .cra4-commerce-categories .fruitien-allcat{position:relative!important;width:100%!important}
  .cra4-commerce-categories .fruitien-allcat-button,.cra4-fallback-categories{width:100%!important;min-height:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:0!important;border-radius:10px!important;background:#0755a5!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important;padding:0 14px!important;margin:0!important}
  .cra4-commerce-categories .fruitien-allcat-main-icon{display:grid!important;grid-template-columns:repeat(2,4px)!important;grid-template-rows:repeat(2,4px)!important;gap:2px!important}
  .cra4-commerce-categories .fruitien-allcat-main-icon span{width:4px!important;height:4px!important;background:#fff!important;border-radius:1px!important}
  .cra4-commerce-categories .fruitien-allcat-arrow{margin-left:2px!important}
  .cra4-commerce-categories .fruitien-allcat-dropdown{display:none!important;position:absolute!important;left:0!important;right:0!important;top:calc(100% + 6px)!important;z-index:1000!important;width:100%!important;max-height:60vh!important;overflow:auto!important;background:#fff!important;border:1px solid #dce7f3!important;border-radius:12px!important;box-shadow:0 16px 35px rgba(15,49,95,.18)!important;padding:8px!important}
  .cra4-commerce-categories .fruitien-allcat.is-open .fruitien-allcat-dropdown{display:block!important}
  .cra4-commerce-categories .fruitien-category-group{border-bottom:1px solid #edf2f7!important}
  .cra4-commerce-categories .fruitien-category-group:last-child{border-bottom:0!important}
  .cra4-commerce-categories .fruitien-category-item{display:flex!important;align-items:center!important;gap:9px!important;padding:10px!important;color:#0b2d62!important;text-decoration:none!important}
  .cra4-commerce-categories .fruitien-category-icon{width:28px!important;height:28px!important;flex:0 0 28px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .cra4-commerce-categories .fruitien-category-icon img{width:28px!important;height:28px!important;object-fit:contain!important}
  .cra4-commerce-categories .fruitien-category-name{font-size:12px!important;font-weight:700!important;flex:1!important}
  .cra4-commerce-categories .fruitien-category-children{padding:0 8px 8px 45px!important;display:grid!important;gap:5px!important}
  .cra4-commerce-categories .fruitien-category-children a{font-size:11px!important;color:#53657a!important;text-decoration:none!important}
}

/* --------------------------------------------------------------------------
   TABLET CONTENT 768..1024
   -------------------------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px){
  body.cra-auto-responsive .site-content>.ast-container,
  body.cra-auto-responsive .site-content .ast-container{max-width:100%!important;padding-left:18px!important;padding-right:18px!important}

  body.cra-auto-responsive .elementor-element.elementor-element-8decb58{--width:100%!important;--min-height:0px!important;--content-width:100%!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important}
  body.cra-auto-responsive .elementor-element.elementor-element-8decb58>.e-con-inner,
  body.cra-auto-responsive .elementor-element.elementor-element-9b98d8d{width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important}

  body.cra-auto-responsive .elementor-element.elementor-element-7b90cf2{--content-width:100%!important;width:100%!important;max-width:100%!important;padding:28px 14px 20px!important;gap:16px!important}
  body.cra-auto-responsive .elementor-element.elementor-element-c471dd6{width:auto!important;flex:1 1 auto!important}
  body.cra-auto-responsive .elementor-element.elementor-element-754949b{width:auto!important;flex:0 0 auto!important}

  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4{--content-width:100%!important;--min-height:0px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;width:100%!important;max-width:100%!important;min-height:0!important;gap:16px!important;padding:0 14px 28px!important}
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4>.e-con{--width:100%!important;width:100%!important;max-width:100%!important;min-height:280px!important;padding:16px!important}
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4 .elementor-widget-image img{height:160px!important;max-height:160px!important;object-fit:contain!important}

  body.cra-auto-responsive.woocommerce ul.products,
  body.cra-auto-responsive.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  body.cra-auto-responsive.woocommerce ul.products li.product,
  body.cra-auto-responsive.woocommerce-page ul.products li.product{width:100%!important;min-width:0!important;margin:0!important}
}

/* --------------------------------------------------------------------------
   MOBILE CONTENT <=767
   -------------------------------------------------------------------------- */
@media (max-width:767px){
  body.cra-auto-responsive .fam-slot{padding:12px 7px!important}
  body.cra-auto-responsive .fam-slider{aspect-ratio:1500/430!important;border-radius:12px!important}
  body.cra-auto-responsive .fam-slide img{height:100%!important;object-fit:cover!important}
  body.cra-auto-responsive .fam-arrow{width:30px!important;height:30px!important;margin-top:-15px!important;font-size:15px!important}
  body.cra-auto-responsive .fam-dots{bottom:5px!important;padding:4px 7px!important;gap:5px!important}
  body.cra-auto-responsive .fam-dot{width:7px!important;height:7px!important}
  body.cra-auto-responsive .site-content>.ast-container,
  body.cra-auto-responsive .site-content .ast-container{max-width:100%!important;padding-left:0!important;padding-right:0!important}

  /* Exact Elementor home hero IDs from supplied project. JS also hard-syncs its
     height to the 1920x600 slider ratio after Smart Slider finishes rendering. */
  body.cra-auto-responsive .elementor-element.elementor-element-8decb58{--width:100%!important;--min-height:0px!important;--content-width:100%!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important;align-items:stretch!important}
  body.cra-auto-responsive .elementor-element.elementor-element-8decb58>.e-con-inner,
  body.cra-auto-responsive .elementor-element.elementor-element-9b98d8d,
  body.cra-auto-responsive .elementor-element.elementor-element-9b98d8d>.elementor-widget-container{width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important}
  body.cra-auto-responsive .elementor-element.elementor-element-8decb58 .n2-section-smartslider,
  body.cra-auto-responsive .elementor-element.elementor-element-8decb58 .n2-ss-align{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}

  /* Shop By Product Range: mobile typography and spacing. */
  body.cra-auto-responsive .elementor-element.elementor-element-7b90cf2{--content-width:100%!important;width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:20px 18px 18px!important;margin:0!important}
  body.cra-auto-responsive .elementor-element.elementor-element-c471dd6{width:100%!important;max-width:100%!important;flex:none!important}
  body.cra-auto-responsive .elementor-element.elementor-element-1690fbf .elementor-heading-title{font-size:26px!important;line-height:1.08!important;letter-spacing:-.45px!important;word-spacing:0!important;margin:0!important}
  body.cra-auto-responsive .elementor-element.elementor-element-754949b{width:auto!important;max-width:100%!important;align-self:flex-start!important;flex:none!important}
  body.cra-auto-responsive .elementor-element.elementor-element-754949b .elementor-button-wrapper{text-align:left!important}
  body.cra-auto-responsive .elementor-element.elementor-element-754949b .elementor-button{width:auto!important;min-height:44px!important;padding:11px 18px!important;font-size:12px!important;white-space:nowrap!important}

  /* Home product-range cards. */
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4{--content-width:100%!important;--min-height:0px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;width:100%!important;max-width:100%!important;min-height:0!important;gap:12px!important;padding:0 14px 24px!important;margin:0!important}
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4>.e-con{--width:100%!important;--min-height:0px!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:222px!important;padding:12px 9px!important;margin:0!important;border-radius:16px!important}
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4 .elementor-widget-image{width:100%!important;max-width:100%!important}
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4 .elementor-widget-image img{width:100%!important;max-width:142px!important;height:122px!important;max-height:122px!important;object-fit:contain!important;margin:0 auto!important}
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4 .elementor-heading-title{font-size:15px!important;line-height:1.15!important;text-align:center!important;margin-top:4px!important}
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4 .elementor-widget-text-editor,
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4 .elementor-widget-text-editor p{font-size:11px!important;line-height:1.3!important;text-align:center!important;margin:3px 0 0!important}

  /* Promo + service benefits. */
  body.cra-auto-responsive .elementor-element.elementor-element-709ca85{--content-width:100%!important;width:100%!important;max-width:100%!important;margin:14px 0 20px!important;padding:0 12px!important}
  body.cra-auto-responsive .elementor-element.elementor-element-9ecec79{width:100%!important;max-width:100%!important;margin:0!important}
  body.cra-auto-responsive .elementor-element.elementor-element-9ecec79 .elementor-widget-container{margin:0!important;padding:0!important}
  body.cra-auto-responsive .elementor-element.elementor-element-9ecec79 img{width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;border-radius:12px!important}
  /* Keep the service-benefit strip in the SAME 4-across composition as desktop. */
  body.cra-auto-responsive .elementor-element.elementor-element-d8361d4{--content-width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;width:100%!important;max-width:100%!important;margin:12px 0 0!important;padding:0!important;border-radius:14px!important;overflow:hidden!important}
  body.cra-auto-responsive .elementor-element.elementor-element-d8361d4>.e-con{--width:25%!important;flex:0 0 25%!important;width:25%!important;max-width:25%!important;min-width:0!important;min-height:92px!important;padding:8px 5px!important;gap:5px!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important}
  body.cra-auto-responsive .elementor-element.elementor-element-d8361d4>.e-con .elementor-widget-image{width:24px!important;max-width:24px!important;flex:0 0 24px!important;margin:0!important}
  body.cra-auto-responsive .elementor-element.elementor-element-d8361d4>.e-con .elementor-widget-image img{width:24px!important;height:24px!important;max-width:24px!important;object-fit:contain!important}
  body.cra-auto-responsive .elementor-element.elementor-element-d8361d4>.e-con>.e-con{width:auto!important;max-width:calc(100% - 29px)!important;min-width:0!important;padding:0!important;gap:2px!important;align-items:flex-start!important}
  body.cra-auto-responsive .elementor-element.elementor-element-d8361d4 .elementor-heading-title{font-size:8.5px!important;line-height:1.15!important;margin:0!important;overflow-wrap:anywhere!important}
  body.cra-auto-responsive .elementor-element.elementor-element-d8361d4 .elementor-widget-text-editor p{font-size:6.8px!important;line-height:1.2!important;margin:2px 0 0!important;overflow-wrap:anywhere!important}

  /* WooCommerce shop/category. */
  body.cra-auto-responsive.woocommerce ul.products,
  body.cra-auto-responsive.woocommerce-page ul.products,
  body.cra-auto-responsive.woocommerce-shop ul.products,
  body.cra-auto-responsive.post-type-archive-product ul.products,
  body.cra-auto-responsive.tax-product_cat ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;padding:0 10px!important;margin:0!important}
  body.cra-auto-responsive.woocommerce ul.products li.product,
  body.cra-auto-responsive.woocommerce-page ul.products li.product{width:100%!important;min-width:0!important;margin:0!important;padding:10px!important}
  body.cra-auto-responsive.woocommerce ul.products li.product .astra-shop-thumbnail-wrap img,
  body.cra-auto-responsive.woocommerce ul.products li.product .woocommerce-loop-product__link>img{height:150px!important;max-width:145px!important;margin:0 auto 9px!important;padding:4px!important;object-fit:contain!important}
  body.cra-auto-responsive.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;line-height:1.25!important;min-height:0!important}
  body.cra-auto-responsive.woocommerce ul.products li.product .price{font-size:14px!important}
  body.cra-auto-responsive .fruitien-quantity-row{grid-template-columns:34px 1fr 34px!important;height:38px!important}
  body.cra-auto-responsive .fruitien-add-cart{min-height:40px!important;font-size:11px!important;padding:9px 7px!important}

  /* Single product / cart / checkout / account. */
  body.cra-auto-responsive.single-product .woocommerce div.product{padding:12px!important;margin:12px 10px!important;border-radius:16px!important}
  body.cra-auto-responsive.single-product .woocommerce div.product div.images,
  body.cra-auto-responsive.single-product .woocommerce div.product div.summary{float:none!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  body.cra-auto-responsive.single-product .woocommerce div.product .product_title{font-size:26px!important;line-height:1.12!important}
  body.cra-auto-responsive.single-product .woocommerce div.product form.cart{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:9px!important}
  body.cra-auto-responsive.single-product .woocommerce div.product form.cart .button{width:100%!important;min-width:0!important}

  body.cra-auto-responsive.woocommerce-cart .woocommerce,
  body.cra-auto-responsive.woocommerce-checkout .woocommerce{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin:16px auto!important}
  body.cra-auto-responsive.woocommerce-cart .woocommerce-cart-form{width:100%!important;float:none!important;padding:10px!important;overflow:visible!important}
  body.cra-auto-responsive.woocommerce-cart .cart-collaterals,
  body.cra-auto-responsive.woocommerce-cart .cart_totals{width:100%!important;float:none!important;display:block!important}
  body.cra-auto-responsive.woocommerce-checkout form.checkout{display:block!important;width:100%!important}
  body.cra-auto-responsive.woocommerce-checkout .col2-set,
  body.cra-auto-responsive.woocommerce-checkout #order_review,
  body.cra-auto-responsive.woocommerce-checkout #order_review_heading{width:100%!important;max-width:100%!important;position:static!important}
  body.cra-auto-responsive.woocommerce-checkout .form-row-first,
  body.cra-auto-responsive.woocommerce-checkout .form-row-last{float:none!important;width:100%!important}
  body.cra-auto-responsive.woocommerce-account .woocommerce-MyAccount-navigation,
  body.cra-auto-responsive.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:100%!important;max-width:100%!important}
  body.cra-auto-responsive.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:7px!important;white-space:nowrap!important}

  /* Floating buttons. */
  body.cra-auto-responsive .fruitien-floating-cart{right:12px!important;bottom:14px!important;width:54px!important;height:54px!important}
  body.cra-auto-responsive .joinchat,
  body.cra-auto-responsive .ht-ctc-chat,
  body.cra-auto-responsive #qlwapp,
  body.cra-auto-responsive .wa__btn_popup{left:12px!important;right:auto!important;bottom:14px!important;max-width:calc(100vw - 82px)!important}
}

/* Narrow phones. */
@media (max-width:560px){
  body.cra-auto-responsive #ast-mobile-header .ast-builder-grid-row,
  body.cra-auto-responsive .ast-mobile-header-wrap .ast-builder-grid-row{padding-left:14px!important;padding-right:14px!important}
  body.cra-auto-responsive #ast-mobile-header .site-logo-img img,
  body.cra-auto-responsive #ast-mobile-header img.custom-logo,
  body.cra-auto-responsive .ast-mobile-header-wrap .site-logo-img img{max-width:108px!important;max-height:48px!important}

  .cra4-commerce-header{padding:9px 10px 10px}
  .cra4-commerce-search .fruitien-product-search{grid-template-columns:minmax(0,1fr) 48px!important}
  .cra4-commerce-search .fruitien-search-category{display:none!important}
  .cra4-commerce-search button[type="submit"]{width:48px!important;padding:0!important}
  .cra4-commerce-search button[type="submit"]>span:last-child{display:none!important}
  .cra4-commerce-search .fruitien-search-button-icon{display:flex!important}
  .cra4-commerce-search .fruitien-search-button-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important}
  .cra4-commerce-location .fruitien-location-text strong{max-width:170px!important}
}

@media (max-width:380px){
  body.cra-auto-responsive .elementor-element.elementor-element-1690fbf .elementor-heading-title{font-size:22px!important;letter-spacing:-.3px!important}
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4{grid-template-columns:1fr!important;padding-left:16px!important;padding-right:16px!important}
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4>.e-con{min-height:235px!important}
  body.cra-auto-responsive .elementor-element.elementor-element-0e04ab4 .elementor-widget-image img{max-width:190px!important;height:145px!important;max-height:145px!important}
  body.cra-auto-responsive.woocommerce ul.products,
  body.cra-auto-responsive.woocommerce-page ul.products{grid-template-columns:1fr!important;padding:0 12px!important}
  .cra4-commerce-location .fruitien-location-text strong{max-width:120px!important}
}

/* ==========================================================================
   V8 FOOTER
   Final tablet/mobile desktop-composition rules are printed last in wp_footer
   so Astra Customizer responsive CSS cannot restack these columns.
   ========================================================================== */