@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//jardim360.com/wp-content/themes/woodmart/fonts/woodmart-font-3-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//jardim360.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//jardim360.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//jardim360.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//jardim360.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//jardim360.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//jardim360.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//jardim360.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//jardim360.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(37,42,39);
	--wd-text-font-size: 15px;
	--wd-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(20,55,43);
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(37,42,39);
	--wd-entities-title-color-hover: rgb(31, 77, 58);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(20,55,43);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(31,77,58);
	--wd-alternative-color: rgb(123,174,60);
	--btn-default-font-family: "Manrope", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-bgcolor: rgb(31,77,58);
	--btn-default-bgcolor-hover: rgb(20,55,43);
	--btn-accented-font-family: "Manrope", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 600;
	--btn-accented-bgcolor: rgb(123,174,60);
	--btn-accented-bgcolor-hover: rgb(99,143,47);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(63,151,72);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(217,164,65);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(31,77,58);
	--wd-link-color-hover: rgb(123,174,60);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,246,241);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(247,246,241);
}

/* =========================================================
   JARDIM360 — CUSTOM HEADER ACTIONS
   Remove default WoodMart visual language
========================================================= */


/* Контейнер всей группы */

.j360-header-actions{
  display:flex;
  align-items:center;
}


/* =========================================================
   SEARCH / WISHLIST / ACCOUNT / CART
========================================================= */

.wd-header-search,
.wd-header-wishlist,
.wd-header-my-account,
.wd-header-cart{

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

}


/* Убираем стандартные текстовые подписи */

.wd-header-search .wd-tools-text,
.wd-header-wishlist .wd-tools-text,
.wd-header-my-account .wd-tools-text,
.wd-header-cart .wd-tools-text{

  display:none !important;

}


/* Сам элемент WoodMart */

.wd-header-search > a,
.wd-header-wishlist > a,
.wd-header-my-account > a,
.wd-header-cart > a{

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:38px !important;
  height:38px !important;

  padding:0 !important;
  margin:0 !important;

  background:transparent !important;
  border:0 !important;
  border-radius:50% !important;

  color:#14372B !important;

  transition:
    color .2s ease,
    background .2s ease,
    transform .2s ease !important;

}


/* =========================================================
   ICON
========================================================= */

.wd-header-search .wd-tools-icon,
.wd-header-wishlist .wd-tools-icon,
.wd-header-my-account .wd-tools-icon,
.wd-header-cart .wd-tools-icon{

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:38px !important;
  height:38px !important;

  background:transparent !important;
  border:0 !important;

}


/* =========================================================
   HOVER
========================================================= */

.wd-header-search > a:hover,
.wd-header-wishlist > a:hover,
.wd-header-my-account > a:hover,
.wd-header-cart > a:hover{

  color:#7BAE3C !important;

  background:#F3F7EF !important;

  transform:translateY(-1px);

}


/* =========================================================
   CART PRICE
========================================================= */

.wd-header-cart .wd-tools-text{

  display:none !important;

}


/* Скрываем стандартный счётчик, если он выглядит слишком
   по-WoodMart */

.wd-header-cart .wd-tools-count{

  font-size:9px !important;
  font-weight:700 !important;

  min-width:15px !important;
  height:15px !important;

  line-height:15px !important;

  top:1px !important;
  right:0 !important;

  background:#1F4D3A !important;
  color:#fff !important;

  border:2px solid #fff !important;

}


/* =========================================================
   SEPARATOR BEFORE ACTIONS
========================================================= */

.wd-header-cart{

  margin-left:8px !important;
  padding-left:12px !important;

  border-left:1px solid #E5E8E3 !important;

}


/* =========================================================
   HEADER ALIGNMENT
========================================================= */

.whb-header .wd-header-search,
.whb-header .wd-header-wishlist,
.whb-header .wd-header-my-account,
.whb-header .wd-header-cart{

  vertical-align:middle;

}


/* =========================================================
   REMOVE WOODMART EXTRA BACKGROUNDS
========================================================= */

.whb-header .wd-tools-element,
.whb-header .wd-header-cart,
.whb-header .wd-header-wishlist,
.whb-header .wd-header-my-account,
.whb-header .wd-header-search{

  box-shadow:none !important;

}


/* =========================================================
   DESKTOP
========================================================= */

@media(min-width:851px){

  .wd-header-search > a,
  .wd-header-wishlist > a,
  .wd-header-my-account > a,
  .wd-header-cart > a{

    width:40px !important;
    height:40px !important;

  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:850px){

  .wd-header-wishlist,
  .wd-header-my-account{

    display:none !important;

  }

  .wd-header-search > a,
  .wd-header-cart > a{

    width:38px !important;
    height:38px !important;

  }

}@media (max-width: 576px) {
	/* =========================================================
   JARDIM360 — MOBILE BOTTOM NAVBAR
   Floating / Equal Width / Responsive
   ========================================================= */

@media (max-width: 1024px){

  /* =====================================================
     MAIN FLOATING BAR
     ===================================================== */

  .wd-toolbar{
    position: fixed !important;

    left: 12px !important;
    right: 12px !important;

    bottom:
      calc(10px + env(safe-area-inset-bottom)) !important;

    width: auto !important;

    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;

    padding: 0 6px !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    box-sizing: border-box !important;

    background: rgba(255,255,255,.97) !important;

    border: 1px solid #E5E8E3 !important;
    border-radius: 18px !important;

    box-shadow:
      0 8px 30px rgba(20,55,43,.14),
      0 2px 8px rgba(20,55,43,.06) !important;

    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;

    z-index: 9999 !important;
  }


  /* =====================================================
     EVERY BUTTON = EXACTLY 25%
     ===================================================== */

  .wd-toolbar .wd-tools-element{

    width: 25% !important;
    min-width: 25% !important;
    max-width: 25% !important;

    flex: 0 0 25% !important;

    height: 64px !important;

    min-height: 64px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
  }


  /* =====================================================
     BUTTON LINK
     ===================================================== */

  .wd-toolbar .wd-tools-element > a{

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: 54px !important;

    margin: 0 !important;
    padding: 5px 3px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    box-sizing: border-box !important;

    border-radius: 13px !important;

    color: #68706B !important;

    text-decoration: none !important;

    transition:
      background-color .2s ease,
      color .2s ease,
      transform .2s ease !important;
  }


  /* =====================================================
     ICON
     ===================================================== */

  .wd-toolbar .wd-tools-element .wd-tools-icon{

    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;
    min-height: 24px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 24px !important;

    color: #68706B !important;

    box-sizing: border-box !important;
  }


  .wd-toolbar .wd-tools-element .wd-tools-icon:before{

    font-size: 21px !important;

    line-height: 1 !important;

    color: inherit !important;

    transition:
      color .2s ease,
      transform .2s ease !important;
  }


  /* =====================================================
     TEXT LABEL
     ===================================================== */

  .wd-toolbar .wd-tools-element .wd-tools-text{

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 11px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    text-align: center !important;

    font-family:
      Manrope,
      Inter,
      Arial,
      sans-serif !important;

    font-size: 9px !important;

    line-height: 11px !important;

    font-weight: 600 !important;

    letter-spacing: 0 !important;

    color: #68706B !important;

    box-sizing: border-box !important;
  }


  /* =====================================================
     HOVER
     ===================================================== */

  .wd-toolbar .wd-tools-element > a:hover{

    background: #EAF2E4 !important;

    color: #1F4D3A !important;
  }


  .wd-toolbar .wd-tools-element > a:hover
  .wd-tools-icon{

    color: #1F4D3A !important;
  }


  .wd-toolbar .wd-tools-element > a:hover
  .wd-tools-text{

    color: #1F4D3A !important;
  }


  .wd-toolbar .wd-tools-element > a:hover
  .wd-tools-icon:before{

    transform: translateY(-1px) !important;
  }


  /* =====================================================
     ACTIVE ITEM
     ===================================================== */

  .wd-toolbar
  .wd-tools-element.active > a{

    background: #EAF2E4 !important;

    color: #1F4D3A !important;
  }


  .wd-toolbar
  .wd-tools-element.active
  .wd-tools-icon{

    color: #1F4D3A !important;
  }


  .wd-toolbar
  .wd-tools-element.active
  .wd-tools-text{

    color: #1F4D3A !important;
  }


  /* =====================================================
     REMOVE WOODMART SEPARATORS
     ===================================================== */

  .wd-toolbar
  .wd-tools-element:before,

  .wd-toolbar
  .wd-tools-element:after{

    display: none !important;

    content: none !important;
  }


  /* =====================================================
     CART COUNTER
     ===================================================== */

  .wd-toolbar
  .wd-tools-element
  .wd-cart-number{

    position: absolute !important;

    background: #7BAE3C !important;

    color: #ffffff !important;

    border: 2px solid #ffffff !important;

    min-width: 17px !important;
    width: 17px !important;

    height: 17px !important;

    padding: 0 !important;

    margin: 0 !important;

    font-family:
      Inter,
      Arial,
      sans-serif !important;

    font-size: 9px !important;

    line-height: 13px !important;

    text-align: center !important;

    border-radius: 50% !important;

    top: -3px !important;
    right: -7px !important;

    box-sizing: border-box !important;
  }


  /* =====================================================
     PAGE CONTENT CLEARANCE
     ===================================================== */

  .sticky-toolbar-on{

    padding-bottom:
      calc(84px + env(safe-area-inset-bottom)) !important;
  }


  /* =====================================================
     SCROLL TO TOP
     ===================================================== */

  .sticky-toolbar-on
  .scrollToTop{

    bottom:
      calc(88px + env(safe-area-inset-bottom)) !important;
  }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 480px){

  .wd-toolbar{

    left: 9px !important;
    right: 9px !important;

    bottom:
      calc(8px + env(safe-area-inset-bottom)) !important;

    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;

    padding: 0 5px !important;

    border-radius: 17px !important;
  }


  .wd-toolbar
  .wd-tools-element{

    width: 25% !important;
    min-width: 25% !important;
    max-width: 25% !important;

    flex: 0 0 25% !important;

    height: 62px !important;
    min-height: 62px !important;
  }


  .wd-toolbar
  .wd-tools-element > a{

    width: 100% !important;
    min-width: 100% !important;

    height: 54px !important;

    padding:
      4px 2px !important;

    gap: 4px !important;

    border-radius: 12px !important;
  }


  .wd-toolbar
  .wd-tools-element
  .wd-tools-icon{

    width: 23px !important;
    height: 23px !important;

    min-width: 23px !important;
    min-height: 23px !important;

    flex-basis: 23px !important;
  }


  .wd-toolbar
  .wd-tools-element
  .wd-tools-icon:before{

    font-size: 20px !important;
  }


  .wd-toolbar
  .wd-tools-element
  .wd-tools-text{

    font-size: 9px !important;

    line-height: 10px !important;

    height: 10px !important;
  }


  .sticky-toolbar-on{

    padding-bottom:
      calc(82px + env(safe-area-inset-bottom)) !important;
  }


  .sticky-toolbar-on
  .scrollToTop{

    bottom:
      calc(86px + env(safe-area-inset-bottom)) !important;
  }

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 360px){

  .wd-toolbar{

    left: 7px !important;
    right: 7px !important;
  }


  .wd-toolbar
  .wd-tools-element
  .wd-tools-text{

    font-size: 8.5px !important;
  }

}
}

