/* Padding para tamanhos de tela 'sm' */
@media (max-width: 640px) {
    .p-sm-1 { padding: 4px!important; }
    .p-sm-2 { padding: 8px!important; }
    .p-sm-3 { padding: 12px!important; }
    .p-sm-4 { padding: 16px!important; }
    .p-sm-5 { padding: 20px!important; }

    .pt-sm-1 { padding-top: 4px!important; }
    .pt-sm-2 { padding-top: 8px!important; }
    .pt-sm-3 { padding-top: 12px!important; }
    .pt-sm-4 { padding-top: 16px!important; }
    .pt-sm-5 { padding-top: 20px!important; }

    .pr-sm-1 { padding-right: 4px!important; }
    .pr-sm-2 { padding-right: 8px!important; }
    .pr-sm-3 { padding-right: 12px!important; }
    .pr-sm-4 { padding-right: 16px!important; }
    .pr-sm-5 { padding-right: 20px!important; }

    .pb-sm-1 { padding-bottom: 4px!important; }
    .pb-sm-2 { padding-bottom: 8px!important; }
    .pb-sm-3 { padding-bottom: 12px!important; }
    .pb-sm-4 { padding-bottom: 16px!important; }
    .pb-sm-5 { padding-bottom: 20px!important; }

    .pl-sm-1 { padding-left: 4px!important; }
    .pl-sm-2 { padding-left: 8px!important; }
    .pl-sm-3 { padding-left: 12px!important; }
    .pl-sm-4 { padding-left: 16px!important; }
    .pl-sm-5 { padding-left: 20px!important; }
}

/* Padding para tamanhos de tela 'md' */
@media (max-width: 767px) {
    .p-md-0  { padding: 0px!important; }
    .p-md-1 { padding: 4px!important; }
    .p-md-2 { padding: 8px!important; }
    .p-md-3 { padding: 12px!important; }
    .p-md-4 { padding: 16px!important; }
    .p-md-5 { padding: 20px!important; }


    .pt-md-0 { padding-top: 0px!important; }
    .pt-md-1 { padding-top: 4px!important; }
    .pt-md-2 { padding-top: 8px!important; }
    .pt-md-3 { padding-top: 12px!important; }
    .pt-md-4 { padding-top: 16px!important; }
    .pt-md-5 { padding-top: 20px!important; }

    .pr-md-1 { padding-right: 4px!important; }
    .pr-md-2 { padding-right: 8px!important; }
    .pr-md-3 { padding-right: 12px!important; }
    .pr-md-4 { padding-right: 16px!important; }
    .pr-md-5 { padding-right: 20px!important; }

    .pb-md-1 { padding-bottom: 4px!important; }
    .pb-md-2 { padding-bottom: 8px!important; }
    .pb-md-3 { padding-bottom: 12px!important; }
    .pb-md-4 { padding-bottom: 16px!important; }
    .pb-md-5 { padding-bottom: 20px!important; }

    .pl-md-1 { padding-left: 4px!important; }
    .pl-md-2 { padding-left: 8px!important; }
    .pl-md-3 { padding-left: 12px!important; }
    .pl-md-4 { padding-left: 16px!important; }
    .pl-md-5 { padding-left: 20px!important; }
}

/* Padding para tamanhos de tela 'lg' */
@media (max-width: 1024px) {
    .p-lg-1 { padding: 4px!important; }
    .p-lg-2 { padding: 8px!important; }
    .p-lg-3 { padding: 12px!important; }
    .p-lg-4 { padding: 16px!important; }
    .p-lg-5 { padding: 20px!important; }

    .pt-lg-1 { padding-top: 4px!important; }
    .pt-lg-2 { padding-top: 8px!important; }
    .pt-lg-3 { padding-top: 12px!important; }
    .pt-lg-4 { padding-top: 16px!important; }
    .pt-lg-5 { padding-top: 20px!important; }

    .pr-lg-1 { padding-right: 4px!important; }
    .pr-lg-2 { padding-right: 8px!important; }
    .pr-lg-3 { padding-right: 12px!important; }
    .pr-lg-4 { padding-right: 16px!important; }
    .pr-lg-5 { padding-right: 20px!important; }

    .pb-lg-1 { padding-bottom: 4px!important; }
    .pb-lg-2 { padding-bottom: 8px!important; }
    .pb-lg-3 { padding-bottom: 12px!important; }
    .pb-lg-4 { padding-bottom: 16px!important; }
    .pb-lg-5 { padding-bottom: 20px!important; }

    .pl-lg-1 { padding-left: 4px!important; }
    .pl-lg-2 { padding-left: 8px!important; }
    .pl-lg-3 { padding-left: 12px!important; }
    .pl-lg-4 { padding-left: 16px!important; }
    .pl-lg-5 { padding-left: 20px!important; }
}

/* Padding para tamanhos de tela 'xl' */
@media (max-width: 1280px) {
    .p-xl-1 { padding: 4px!important; }
    .p-xl-2 { padding: 8px!important; }
    .p-xl-3 { padding: 12px!important; }
    .p-xl-4 { padding: 16px!important; }
    .p-xl-5 { padding: 20px!important; }

    .pt-xl-1 { padding-top: 4px!important; }
    .pt-xl-2 { padding-top: 8px!important; }
    .pt-xl-3 { padding-top: 12px!important; }
    .pt-xl-4 { padding-top: 16px!important; }
    .pt-xl-5 { padding-top: 20px!important; }

    .pr-xl-1 { padding-right: 4px!important; }
    .pr-xl-2 { padding-right: 8px!important; }
    .pr-xl-3 { padding-right: 12px!important; }
    .pr-xl-4 { padding-right: 16px!important; }
    .pr-xl-5 { padding-right: 20px!important; }

    .pb-xl-1 { padding-bottom: 4px!important; }
    .pb-xl-2 { padding-bottom: 8px!important; }
    .pb-xl-3 { padding-bottom: 12px!important; }
    .pb-xl-4 { padding-bottom: 16px!important; }
    .pb-xl-5 { padding-bottom: 20px!important; }

    .pl-xl-1 { padding-left: 4px!important; }
    .pl-xl-2 { padding-left: 8px!important; }
    .pl-xl-3 { padding-left: 12px!important; }
    .pl-xl-4 { padding-left: 16px!important; }
    .pl-xl-5 { padding-left: 20px!important; }
}


p, h1 ,h2, h3, h4, h5, a, span  {
 
    font-family: 'Montserrat'!important;
    
}


.h4 {
  font-size: 16px!important;
  font-weight: 400!important;
}

.h3{
  font-weight: 600!important;
  font-size: 30px!important;
}

.max-product .product-drible .wishlist-button-add{
  display: none!important;
}

.product-add-to-cart .js-product-add-to-cart .wishlist-button-add{
  display: flex;
}

.text-default{
  font-size: 12px!important;

}

.text-title-drible{
  font-family: 'Gelasio', serif!important;
}

.font-size-10 {
  font-size: 10px!important;
}

.font-size-12 {
  font-size: 12px!important;
}

.font-size-13 {
  font-size: 13px!important;
}
.font-size-14 {
  font-size: 14px!important;
}

.font-size-15 {
  font-size: 15px!important;
}
.font-size-16 {
  font-size: 16px!important;
}

.font-size-18 {
  font-size: 18px!important;
}

.font-size-20 {
  font-size: 20px!important;
}

.font-size-24 {
  font-size: 24px!important;
}

.font-size-28 {
  font-size: 28px!important;
}

.font-size-30 {
  font-size: 30px!important;
}
.font-size-32 {
  font-size: 32px!important;
}

.font-size-36 {
  font-size: 36px!important;
}

.font-size-40 {
  font-size: 40px!important;
}

.font-size-48 {
  font-size: 48px!important;
}

.font-size-56 {
  font-size: 56px!important;
}

.font-size-64 {
  font-size: 64px!important;
}


.fw-100 {
  font-weight: 100!important; /* Thin */
}

.fw-200 {
  font-weight: 200!important; /* Extra Light */
}

.fw-300 {
  font-weight: 300!important; /* Light */
}

.fw-400 {
  font-weight: 400!important; /* Normal */
}

.fw-500 {
  font-weight: 500!important; /* Medium */
}

.fw-600 {
  font-weight: 600!important; /* Semi Bold */
}

.fw-700 {
  font-weight: 700!important; /* Bold */
}

.fw-800 {
  font-weight: 800!important; /* Extra Bold */
}

.fw-900 {
  font-weight: 900!important; /* Black */
}

/* ----------- Drible Utilities --------------*/

/* Text */

.text-underline {
  text-decoration: underline!important;
}
.text-decoration {
  text-decoration: none !important;
}

.text-start {
  text-align: start!important;
}

.text-black {
  color: black!important;
}
/* Display */
.d-none {
  display: none !important ;
}
.d-inline {
  display: inline !important ;
}
.d-inline-block {
  display: inline-block !important ;
}
.d-block {
  display: block !important ;
}
.d-flex {
  display: flex !important ;
}
.d-inline-flex {
  display: inline-flex !important ;
}

/* Flexbox */
.flex-row {
  flex-direction: row !important ;
}
.flex-row-reverse {
  flex-direction: row-reverse !important ;
}
.flex-column {
  flex-direction: column !important ;
}
.flex-column-reverse {
  flex-direction: column-reverse !important ;
}

.justify-start {
  justify-content: flex-start !important ;
}
.justify-end {
  justify-content: flex-end !important ;
}
.justify-center {
  justify-content: center !important ;
}
.justify-between {
  justify-content: space-between !important ;
}
.justify-around {
  justify-content: space-around !important ;
}

.align-start {
  align-items: flex-start !important ;
}
.align-end {
  align-items: flex-end !important ;
}
.align-center {
  align-items: center !important ;
}
.align-baseline {
  align-items: baseline !important ;
}
.align-stretch {
  align-items: stretch !important ;
}

/* Alinhamento de texto */
.text-left {
  text-align: left !important ;
}
.text-right {
  text-align: right !important ;
}
.text-center {
  text-align: center !important ;
}
.text-justify {
  text-align: justify !important ;
}



/* Peso da fonte */
.font-normal {
  font-weight: 400 !important ;
}
.font-bold {
  font-weight: 700 !important ;
}
.font-bolder {
  font-weight: bolder !important ;
}
.font-light {
  font-weight: 300 !important ;
}

/* Gap */
.gap-0 {
  gap: 0 !important ;
}
.gap-1 {
  gap: 0.25rem !important ;
}
.gap-2 {
  gap: 0.5rem !important ;
}
.gap-3 {
  gap: 1rem !important ;
}
.gap-4 {
  gap: 1.5rem !important ;
}
.gap-5 {
  gap: 2rem !important ;
}
.gap-6 {
  gap: 2.5rem !important ;
}
.gap-7 {
  gap: 3rem !important ;
}

/* Gap específico para linhas (row-gap) */
.row-gap-0 {
  row-gap: 0 !important ;
}
.row-gap-1 {
  row-gap: 0.25rem !important ;
}
.row-gap-2 {
  row-gap: 0.5rem !important ;
}
.row-gap-3 {
  row-gap: 1rem !important ;
}
.row-gap-4 {
  row-gap: 1.5rem !important ;
}
.row-gap-5 {
  row-gap: 2rem !important ;
}
.row-gap-6 {
  row-gap: 2.5rem !important ;
}
.row-gap-7 {
  row-gap: 3rem !important ;
}

/* Gap específico para colunas (column-gap) */
.column-gap-0 {
  column-gap: 0 !important ;
}
.column-gap-1 {
  column-gap: 0.25rem !important ;
}
.column-gap-2 {
  column-gap: 0.5rem !important ;
}
.column-gap-3 {
  column-gap: 1rem !important ;
}
.column-gap-4 {
  column-gap: 1.5rem !important ;
}
.column-gap-5 {
  column-gap: 2rem !important ;
}
.column-gap-6 {
  column-gap: 2.5rem !important ;
}
.column-gap-7 {
  column-gap: 3rem !important ;
}

/* Width & Height */
.padding-reponsive {
  padding-top: 20vh !important;
}

.no-padding {
  padding: 0 !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.h-50 {
  height: 50% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}


.p-50 {
  padding-left: 50px!important;
  padding-right: 50px!important;
}


@media (max-width: 800px) {
  .p-50 {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
}


/* CheckBox */
.custom-label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 15px;
  margin-right: 15px;
  font-weight: 300;
  font-size: 12px;
}

.custom-label:before {
  content: "";
  display: inline-block;
 
  width: 10px;
  height: 10px;
 
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 20%;
  vertical-align: middle;
  bottom: 1px;
  border: 1px solid #1C1B1E;
  background-color: #ffffff;

}

input[type=checkbox] {
  display: none;
}
.checkbox .custom-label:before {
  border-radius: 3px;
}

input[type=checkbox]:checked + .custom-label:before {
 
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  font-size: 12px;
  color: #fff;
  border: 1px solid #1C1B1E;
  background-color: #CCBDAA;
  text-align: center;
  line-height: 12px;
}