/** Shopify CDN: Minification failed

Line 842:0 Expected "}" to go with "{"

**/
/*
    © 2023 EcomGraduates.com
    https://www.ecomgraduates.com
*/

/*
    Various helper classes
*/
.z-index-1 {
  z-index: 1;
}

.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}

.lead {
  font-weight: normal;
}

.extra-small {
  font-size: 0.7rem;
}

.text-current-color {
  color: currentColor !important;
}

.headings-font-family {
  font-family: var(--bs-headings-font-family);
}

/*
    Links
*/
.link-dark {
  transition: all 0.2s ease-out;
  color: var(--bs-body-color) !important;
}

.link-dark:hover,
.link-dark:focus {
  color: var(--bs-primary) !important;
}

/*
    Text
*/
.text-muted {
  color: var(--bs-body-color) !important;
  opacity: 0.75;
}

.bg-primary .text-muted,
.bg-secondary .text-muted,
.bg-dark .text-muted {
  color: white !important;
}

/*
    Buttons (normal)
*/
.btn {
  --bs-btn-border-radius: var(--bs-border-radius);
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-darken-5);
  --bs-btn-hover-border-color: var(--bs-primary-darken-5);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-bg: var(--bs-primary-darken-5);
  --bs-btn-active-border-color: var(--bs-primary-darken-5);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-secondary-darken-5);
  --bs-btn-hover-border-color: var(--bs-secondary-darken-5);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-bg: var(--bs-secondary-darken-10);
  --bs-btn-active-border-color: var(--bs-secondary-darken-10);
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-white {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: rgba(255, 255, 255, 1);
  --bs-btn-border-color: rgba(255, 255, 255, 1);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.9);
  --bs-btn-hover-border-color: rgba(255, 255, 255, 0.9);
  --bs-btn-focus-shadow-rgb: 255, 255, 255;
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: rgba(255, 255, 255, 0.8);
  --bs-btn-active-border-color: rgba(255, 255, 255, 0.8);
  --bs-btn-disabled-bg: rgba(255, 255, 255, 1);
  --bs-btn-disabled-border-color: rgba(255, 255, 255, 1);
}

.btn-light {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--bs-light);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: var(--bs-light-darken-5);
  --bs-btn-hover-border-color: var(--bs-light-darken-5);
  --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
  --bs-btn-active-bg: var(--bs-light-darken-10);
  --bs-btn-active-border-color: var(--bs-light-darken-10);
  --bs-btn-disabled-bg: var(--bs-light);
  --bs-btn-disabled-border-color: var(--bs-light);
}

.btn-dark {
  --bs-btn-bg: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-dark-darken-5);
  --bs-btn-hover-border-color: var(--bs-dark-darken-5);
  --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-active-bg: var(--bs-dark-darken-10);
  --bs-btn-active-border-color: var(--bs-dark-darken-10);
  --bs-btn-disabled-bg: var(--bs-dark);
  --bs-btn-disabled-border-color: var(--bs-dark);
}

/*
    Buttons (outline)
*/
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-disabled-color: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-outline-dark {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-dark);
  --bs-btn-hover-border-color: var(--bs-dark);
  --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-active-bg: var(--bs-dark);
  --bs-btn-active-border-color: var(--bs-dark);
  --bs-btn-disabled-color: var(--bs-dark);
  --bs-btn-disabled-border-color: var(--bs-dark);
}

/*
    Badges
*/
.badge {
  --bs-badge-border-radius: var(--bs-border-radius);
}

/*
    Container
*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 2rem;
}

/*
    Forms
*/
.form-control,
.form-select {
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.form-control:focus,
.form-select:focus {
  color: var(--bs-body-color);
  border-color: rgba(var(--bs-body-color-rgb), 0.25);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-body-color-rgb), 0.125);
}

.text-white .form-control:focus,
.text-white .form-select:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.1);
}

.input-group-text {
  background-color: var(--bs-light-darken-5);
  border-radius: var(--bs-border-radius);
}

.input-group-sm .form-control,
.input-group-lg .form-control,
.input-group-sm .form-select,
.input-group-lg .form-select,
.input-group-sm .input-group-text,
.input-group-lg .input-group-text {
  border-radius: var(--bs-border-radius);
}

.form-check-input {
  background-color: var(--bs-body-bg);
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-check-input:focus {
  border-color: rgba(var(--bs-primary-rgb), 0.5);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-range::-webkit-slider-thumb {
  background-color: var(--bs-primary);
}

.form-range::-webkit-slider-thumb:active {
  background-color: rgba(var(--bs-primary-rgb), 0.75);
}

.form-range::-moz-range-thumb {
  background-color: var(--bs-primary);
}

.form-range::-moz-slider-thumb:active {
  background-color: rgba(var(--bs-primary-rgb), 0.75);
}

.form-range::-webkit-slider-runnable-track {
  background-color: var(--bs-light-darken-5);
}

/* 
    Dropdowns 
*/
.dropdown-menu {
  --bs-dropdown-border-color: var(--bs-border-color);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-light-darken-5);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: var(--bs-primary);
}

.dropdown-menu.show:not([data-popper-placement]) {
  animation: dropdown_menu_fade_aninatiom 0.2s ease-out;
}

@keyframes dropdown_menu_fade_aninatiom {
  from {
    transform: translateY(-0.375rem);
  }
  to {
    transform: translateY(0);
  }
}

.dropdown-item {
  transition: background 0.2s ease-out;
  font-size: 0.925rem;
}

/*
    Img thumbnail
*/
.img-thumbnail {
  background-color: var(--bs-body-bg);
}

/*
    Alerts
*/
.alert-primary {
  --bs-alert-color: var(--bs-primary);
  --bs-alert-bg: rgba(var(--bs-primary-rgb), 0.125);
  --bs-alert-border-color: rgba(var(--bs-primary-rgb), 0.25);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary);
  --bs-alert-bg: rgba(var(--bs-secondary-rgb), 0.125);
  --bs-alert-border-color: rgba(var(--bs-secondary-rgb), 0.25);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark);
  --bs-alert-bg: rgba(var(--bs-dark-rgb), 0.125);
  --bs-alert-border-color: rgba(var(--bs-dark-rgb), 0.25);
}

.alert-success {
  --bs-alert-color: var(--bs-success-darken);
  --bs-alert-bg: rgba(var(--bs-success-rgb), 0.125);
  --bs-alert-border-color: rgba(var(--bs-success-rgb), 0.25);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-darken);
  --bs-alert-bg: rgba(var(--bs-danger-rgb), 0.125);
  --bs-alert-border-color: rgba(var(--bs-danger-rgb), 0.25);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-darken);
  --bs-alert-bg: rgba(var(--bs-warning-rgb), 0.125);
  --bs-alert-border-color: rgba(var(--bs-warning-rgb), 0.25);
}

.alert-info {
  --bs-alert-color: var(--bs-info-darken);
  --bs-alert-bg: rgba(var(--bs-info-rgb), 0.125);
  --bs-alert-border-color: rgba(var(--bs-info-rgb), 0.25);
}

/*
    Tabs
*/
.nav-tabs {
  border-bottom-color: var(--bs-border-color);
}

.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
}

/*
    Btn Close
*/
.btn-close:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/*
    Offcanvas
*/
.offcanvas {
  --bs-offcanvas-bg: var(--bs-body-bg);
}

.offcanvas {
  border: none !important;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.25);
}

.offcanvas-backdrop.show {
  opacity: 1;
}

.offcanvas.offcanvas-from-bottom {
  transform: translateY(100%);
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none;
}

@media (max-width: 575px) {
  .offcanvas.offcanvas-mobile-full {
    width: 100%;
  }
}

/*
    Modal
*/
.modal {
  --bs-modal-bg: var(--bs-body-bg);
}

.modal-backdrop.show {
  opacity: 1;
}

.modal-content {
  border-radius: var(--bs-border-radius);
}

/*
    Popovers
*/
.popover {
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-color: var(--bs-border-color);
  --bs-popover-header-bg: var(--bs-light);
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-border: var(--bs-border-color);
  /* --bs-popover-border-radius: var(--bs-border-radius);
    --bs-popover-inner-border-radius: var(--bs-border-radius); */
}

.popover-body p {
  margin-bottom: 0;
}

/*
    Accordion
*/
.accordion {
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-focus-border-color: rgba(var(--bs-primary-rgb), 0.5);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-primary-rgb), 0.25);
  --bs-accordion-active-color: var(--bs-primary);
  --bs-accordion-active-bg: var(--bs-light);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: var(--bs-border-radius);
}

.accordion-button:focus {
  border: none;
  box-shadow: none;
}

.accordion-button:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.1);
}

/*
    Tables
*/
.table {
  --bs-table-striped-bg: rgba(0, 0, 0, 0.025);
  --bs-table-striped-color: currentColor;
}

.table-light {
  --bs-table-bg: var(--bs-light);
  --bs-table-color: var(--bs-body-color);
  --bs-table-border-color: var(--bs-border-color);
}

/*
    Pagination 
*/
.pagination {
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
}

/*
    Spinners
*/
.spinner-border-sm {
  --bs-spinner-border-width: 0.15em;
}

/*
    Card
*/
.card {
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-inner-border-radius: var(--bs-border-radius);
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-border-color: var(--bs-border-color);
  --bs-card-color: var(--bs-body-color);
}

.card-header {
  background-color: var(--bs-light);
  border-bottom-color: var(--bs-border-color);
}

/*
    Progress
*/
.progress {
  background-color: var(--bs-light-darken-5);
}

.progress-bar {
  background-color: var(--bs-primary);
}

/*
    Hr (separators
*/
hr,
.hr {
  opacity: 0.1;
}

/*
    Text ellipsis
*/
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
    Breadcrumbs
*/
.breadcrumb {
  --bs-breadcrumb-margin-bottom: 0;
  --bs-breadcrumb-font-size: 0.875rem;
  --bs-breadcrumb-item-active-color: rgba(var(--bs-body-color-rgb), 0.5);
}

/* 
    Ratio
*/
.ratio-3x4 {
  --bs-aspect-ratio: calc(4 / 3 * 100%);
}

.ratio-9x16 {
  --bs-aspect-ratio: calc(16 / 9 * 100%);
}

.ratio-9x21 {
  --bs-aspect-ratio: calc(21 / 9 * 100%);
}

/*
    Recaptcha page
*/
.shopify-challenge__container {
  padding: 2rem;
}

/*
    Policy pages
*/
.shopify-policy__container {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
  max-width: 720px !important;
}

/*
    Shopify's system errors
*/
.errors ul {
  margin-bottom: 0;
}

/*
    Rich Text Editor (rte)
*/
.rte img {
  max-width: 100%;
  height: auto;
}

.rte p:last-child {
  margin-bottom: 0;
}

.text-white .rte a:not(.btn) {
  color: white;
}
.pix-delivery-row {
  display: flex !important;
  gap: 15px !important;
  width: 100% !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  margin-top: 0 !important;
}
.pix-delivery-row > .pix-delivery-item {
  flex: 1 1 calc(50% - 7.5px) !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 0 !important;
}
.pix-delivery-item > span {
  min-width: 0 !important;
  overflow: hidden !important;
  /* white-space: nowrap !important; */
}
.icon-value {
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
}
.span-discount {
  white-space: nowrap !important;
  font-size: 0.8em !important;
  align-items: center !important;
}
/* .span-value {
  font-size: 0.9em !important;
} */

@media (max-width: 1024px) {
  .pix-delivery-item > span {
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: normal !important;
  }
  .pix-icon {
    width: 12px !important;
    height: 14px !important;
  }
  .icon-value {
    white-space: nowrap !important;
    display: flex !important;
  }
  .span-discount {
    white-space: nowrap !important;
    font-size: 10px !important;
    text-align: left !important;
  }
  .span-value {
    font-size: 0.7em !important;
  }
}
.pix-delivery-item {
  display: flex !important;
  /* flex-direction: column !important;
    gap: 0px !important; */
}
/* .span-value {
  font-size: 0.7em !important;
}
.delivery-text-calculate { */

@media (max-width: 900px) {
  .span-discount {
    font-size: 0.9em !important; 
  }
}

@media (max-width: 764px) {
  .span-discount {
    font-size: 0.7em !important;
  }
}

@media (max-width: 480px) {
  .pix-delivery-row {
    flex-direction: row !important; 
    gap: 6px !important; 
  }
  .pix-delivery-row > .pix-delivery-item {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    padding: 4px 2px !important; 
  }
  .span-discount {
    font-size: 9px !important;
  }
  .delivery-text-calculate {
    font-size: 8px !important;
  }
  .text-delivery span:first-child {
    font-size: 12px !important; 
  }
}

@media (max-width: 426px) {
  .pix-delivery-row {
    flex-direction: row !important; 
    gap: 4px !important; 
  }
  .pix-delivery-row > .pix-delivery-item {
    flex: 1 1 50% !important; 
    min-width: 0 !important;
    padding: 3px 1px !important; 
  }
  .span-discount {
    font-size: 7px !important;
  }
  .delivery-text-calculate {
    font-size: 7px !important;
  }
  .text-delivery span:first-child {
    font-size: 10px !important; 
  }
  .pix-icon {
    width: 12px !important;
    height: 13px !important;
  }
  .bi-truck {
    width: 12px !important;
    height: 12px !important;
  }

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

@media (max-width: 376px) {
  .pix-delivery-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 3px !important;
  }
  .pix-delivery-row > .pix-delivery-item {
    flex: 1 1 50% !important; 
    width: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    text-align: left !important;
    padding: 4px 2px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    gap: 3px !important;
  }
  /* Bloco Pix */
  .pix-icon {
    width: 12px !important;
    height: 14px !important;
  }
  .span-value {
    font-size: 9px !important;
  }
  .span-discount {
    font-size: 7px !important;
  }
  .icon-value {
    gap: 1px !important;
  }
  /* Ícone do caminhão */
  .bi-truck {
    width: 12px !important;
    height: 12px !important;
  }
  .text-delivery {
    font-size: 9px !important;
    line-height: 12px !important;
    /* white-space: nowrap !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .delivery-text-calculate {
    font-size: 6px !important;
    line-height: 9px !important;
  }
  .icon-truck {
    gap: 1px !important;
  }
  .span-value {
    font-size: 7px !important;
  }
}

/* teste */
/*



    Collapsible tables
*/
@media (max-width: 991px) {
  .table-collapsible table {
    border: 0;
  }
  .table-collapsible table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .table-collapsible table tr {
    display: block;
    padding: 0.5rem 0;
    border: none;
    border-bottom: 1px solid var(--bs-dark);
  }
  .table-collapsible table tr:first-child {
    border-top: 1px solid var(--bs-dark);
  }
  .table-collapsible table td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.95rem;
    padding: 0.5rem 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .table-collapsible table td::before {
    content: attr(data-label);
    font-weight: bold;
    padding-right: 1rem;
  }
  .table-collapsible table td:last-child {
    border-bottom: 0;
  }
}