/* Small base styles to complement Tailwind CDN */
html,body{height:100%;}
img{display:block;max-width:100%;height:auto}
body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Floate Whatsapp*/
.floate{
	position:fixed;
	width:60px;
	height:60px;
	bottom:110px;
	right:40px;
	/*background-color:var(--bs-primary);
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;*/
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.floate img {
    width:60px;
}

/* Homepage contact block tweaks */
.home-contact-cta img{width:20px;height:20px}
.home-contact-cta{display:inline-flex;align-items:center;gap:8px}


@media (max-width: 575px) {
  .floate{
    position:fixed;
    width:60px;
    height:60px;
    bottom:100px;
    right:5px;
    /*background-color:var(--bs-primary);
    color:#ffffff;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;*/
    z-index:100;
  }
  
  .my-float{
    margin-top:16px;
  }

  .product-title-link-image-2{
    color: #FFFFFF;
    /* text-align: center; */
    /* align-items: center; */
    margin-left: -50px;
  }

  
  .pack-title-image {
    min-height:100px;
  }
}

/* Whatsapp End */


/* Phone Button */
.floatmob{
	position:fixed;
	width:60px;
	height:60px;
	bottom:165px;
	right:40px;
  /* use site primary color directly to avoid relying on an undefined CSS variable */
  background-color: #D4A373;
	color:#ffffff;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.mobfloat{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  margin:0;
  /* slightly larger icon on desktop */
  font-size:24px;
}

@media (max-width: 575px) {
  .floatmob{
    position:fixed;
    width:60px;
    height:60px;
    bottom:150px;
    right:5px;
  background-color: #D4A373;
    color:#ffffff;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
  }
  
  /* keep the icon centered on small screens */
  .mobfloat{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    margin:0;
  /* slightly larger icon on mobile */
  font-size:22px;
    line-height:1;
  }
}

/* Phone Button End */