body.widget-snippet .home-product-items{
    max-width:1600px;
        margin: 0 auto;
}
body.widget-snippet .single-product-items {
  display: block;
  padding:15px;
}
body.widget-snippet .single-product-items a {
  padding:15px;
  display: block;
}
.home-product-area {
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 0 10px;
}
h2.home-product-title {
    width: 100%;
    text-align: center;
    padding: 0 0 50px;
    font-family: var(--bk-font-heading, 'DynaPuff');
    font-style: var(--bk-h2-style, normal);
    font-weight: var(--bk-h2-weight, 400);
    font-size: var(--bk-h2-size, 54px);
    line-height: var(--bk-h2-line-height, 54px);
    color: var(--bk-color-ink, #000000);
}
.single-product-items .product-content button.more {
    margin: 0 auto;
    display: block;
    background: var(--bk-color-primary, #FF6B35);
    border: 1px solid var(--bk-color-primary, #FF6B35);
    font-family: var(--bk-font-heading, 'DynaPuff');
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    padding: 0 10px;
    height: 52px;
    max-width: 185px;
    line-height: 52px;
    color: var(--bk-color-background, #ffffff);
}
.single-product-items .product-content button.more:after {
  content: "";
  display: inline-block;
  width: 26px;
  height: 24px;
  overflow: hidden;
  position: relative;
  top: 6px;
  margin: 0 0 0 5px;
  background: url("/template/dd91171d/images/arrow-right-long.png");
  background-position-y: 0;
}
.single-product-items:hover .product-content button.more:after{}

.widget-snippet .single-product-items a:hover button.more {
      background: var(--bk-color-ink, #000000);
    color: var(--bk-color-background, #fff);
    border: 1px solid var(--bk-color-ink, #000000);
}
.home-product-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.single-product-items {
    width: calc(100%/3 - 40px);
    margin: 0 20px 40px;
  position: relative;
  display: none;
}
.single-product-items .product-content h3 {
    color: var(--bk-color-ink, #000);
    text-align: center;
    font-family: var(--bk-font-heading, 'DynaPuff');
    font-style: var(--bk-h3-style, normal);
    font-weight: var(--bk-h3-weight, 500);
    font-size: var(--bk-h3-size, 28px);
    line-height: var(--bk-h3-line-height, 28px);
    letter-spacing: var(--bk-h3-letter-spacing, 1px);
      margin: 0 0 12px;
}
.single-product-items .product-content p {
  font-family: var(--bk-font-base, 'Open Sans');
  font-style: var(--bk-p-style, normal);
  font-weight: var(--bk-p-weight, 400);
  font-size: var(--bk-p-size, 16px);
  line-height: var(--bk-p-line-height, 26px);
  text-align: center;
    color: var(--bk-color-ink, #000);
    margin: 0 0 24px;
}

.single-product-items .product-content {
    padding: 32px 0;
  position:relative;
}
.single-product-items .product-pic {
    max-width:440px;
    max-height:406px;
    overflow:hidden;
    border-radius: 20px;
}
.single-product-items .product-pic img {object-fit: cover;width: 100%;height: 100%;  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.single-product-items:hover .product-pic img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.single-product-items a {
    width: 100%;
    height: 100%;
}
.widget-snippet .single-product-items a:hover  .product-content h3{
        text-decoration: none;
    color:var(--bk-color-primary, #FF6B35);
  	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

@media screen and (max-width: 1400px){
.home-product-items {
    max-width: 100%;
    margin: 0 auto;
}
}

@media screen and (max-width: 1200px){
  .home-product-area {
    padding: 70px 0 25px;
}
.single-product-items .product-content h3 {
    font-size: 24px;
    line-height: 28px;
}
.single-product-items .product-content p {
    font-size: 15px;
    line-height: 24px;
}
h2.home-product-title {
    font-size: 42px;
    line-height: 34px;
}
}
@media screen and (max-width: 991px){
  .home-product-area {
    padding: 40px 0 0px;
}
  h2.home-product-title {
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 30px;
}
  .single-product-items .product-content h3 {
    font-size: 22px;
}
.single-product-items .product-pic {
    max-height: 170px;
}

.single-product-items .product-content button.more {
    padding: 7px 20px 12px;
    width: 160px;
}
}
@media screen and (max-width: 767px){
.single-product-items {
    width: 100%;
    margin: 0 15px 20px;
}
  h2.home-product-title {
    font-size: 24px;
    line-height: 12px;
    padding-bottom: 28px;
}
  .single-product-items .product-content h3 {
    font-size: 18px;
    margin: 0 0 10px;
}
  .single-product-items .product-content button.more {
    padding: 9px 10px 15px;
    width: 160px;
    height: 50px;
}
}