/* [FONTS] */
@import url('https://branchbobstatic.com/fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

.text-coolGray-900 {
    color: #6a7280;
}

.popup {
    overflow-y: scroll;
}

.product-image {
  border-radius: 9px;
  margin-bottom: 20px;
}

.line-through {
  text-decoration: line-through;    
}

label {
  margin-bottom: 6px;
  display: block;
}

select {
  color: #6a7280;
  font-size: .875rem;
  line-height: 1.25rem;
  padding: 0.75rem;
  background-color: #f9fafb;
  border-width: 1px;
  border-radius: 0.5rem;
  boder-color: #e4e7eb;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  display: block;
}

/* [OVERLAY] */
.overlay-black{
  @apply bg-black/75 transition-all duration-300 fixed inset-0 w-full h-full z-10 opacity-0 invisible pointer-events-none;
}

.overlay-black.overlay-show{
  @apply opacity-100 visible pointer-events-auto;
}

.popup{
  @apply p-5 bg-light fixed bottom-0 left-0 right-0 w-full h-[90vh] z-50 rounded-t-2xl opacity-0 invisible pointer-events-none transition-all duration-500 transform translate-y-full;
}

.popup-show{
  @apply opacity-100 visible pointer-events-auto translate-y-0;
}

.nav-menu{
  @apply bg-light p-4 rounded-2xl max-w-[400px] w-[85%] fixed left-4 top-4 z-50 opacity-0 invisible pointer-events-none transition-all duration-500;
}


.nav-menu.show-menu{
  @apply opacity-100 visible pointer-events-auto;
}

/* Manifest Settings */

/* Background Color */
.bg-light{--tw-bg-opacity:1;background-color:#f77abb}

/* Button Color */ 
.bg-white{--tw-bg-opacity:1;background-color:#FFFFFF}

/* Powered by Color */ 
.powered{color:#fff}


/* Product Text Color */ 
.text-dark{--tw-text-opacity:1;color:#071330}

/* Store Title Color */ 
.store-title{--tw-text-opacity:1;color:#fff}

/* Store Slogan Color */ 
.store-slogan{--tw-text-opacity:1;color:#071330}

/* Product Price Color */ 
.product-price{--tw-text-opacity:1;color:#071330}

/* Cart Icon Color */ 
.cart-icon{--tw-text-opacity:1;color:#071330}

/* Basket Size Background Color */
.bg-coolGray{--tw-bg-opacity:1;background-color:#071330}

/* Basket Count Font Color */
.basket-count{color:#FFFFFF}

/* Navigation Open Background Color */ 
.nav-menu{pointer-events:none;visibility:hidden;position:fixed;left:1rem;top:1rem;z-index:50;width:85%;max-width:400px;border-radius:1rem;--tw-bg-opacity:1;background-color:#ffffff;padding:1rem;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}


/* tiny slider */
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

.h-25{
  height:3.8rem
 }

.social{
  width:42px;
}