/** Shopify CDN: Minification failed

Line 1876:32 Unexpected "/"

**/
.best-for-tables {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.region-table {
  flex: 1 1 300px;
}
.region-table table {
  width: 100%;
  border-collapse: collapse;
}
.region-table th,
.region-table td {
  border: 1px solid rgba(24, 51, 106, 1);
  padding: 8px;
  color:rgba(24, 51, 106, 1);
  font-family: 'Roboto';
    font-size: 16px;
}
.region-table th {
  background:rgba(240, 244, 252, 1);
  text-align: left;
  color:rgba(24, 51, 106, 1);
  font-weight:700;
  font-family: 'Roboto';
    font-size: 16px;
}

.region-table h4{
     color:rgba(118, 158, 240, 1);
     font-weight:700;
     font-size:20px;
       font-family: 'Roboto';
}

.best-for-title{
text-align:left;
font-weight: 600;
font-size: 40px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
color: rgba(24, 51, 106, 1);
text-transform:uppercase;
padding-top: 50px;
}


.best-for-toggle {
  display: none; /* desktop: hidden */
  background: none;
  border: none;
  font-size: 28px;
  font-weight: 700;
  cursor: pointer;
  line-height: 1;
  transition: transform 0.3s ease;
}

.col-laptop{
  display:block;
  margin: 0 0px 0px -24% !important
}
.col-mobile{
  display:none;
}
@media (max-width: 720px) {
  .col-laptop{
  display:none;}
  .col-mobile{
  display:block;
}
  .best-for-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 3px solid #f0f4fc;
        padding-bottom: 10px;
}
  .best-for-tables {
    display: none;
    flex-direction: column;
    gap: 15px;
            padding-top: 20px;
  }

  .best-for.active .best-for-tables {
    display: flex;
  }

  .best-for-toggle {
    display: block;
  }

  
  .best-for-title{
    font-size:24px;
       padding-top: 0px;
       margin-bottom:0;
       display: flex;
        align-items: center;
  }
  .best-for-header img {
        margin-right: 10px !important;
        width: 25px !important;
    }
}



.product-description-box {
position: relative;
  margin-top: 50px;
}

.description-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  color: #003366;
  margin-bottom: 10px;
}

.description-wrapper {
  position: relative;
  max-height: 80px;
  overflow: hidden;
 transition: max-height 0.5s ease-in-out;
}

.description-content p {
    font-size: 16px;
    color: #18336A;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
        line-height: normal;
}
.fade-effect {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(to top, white, transparent);
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.see-more {
    background: none;
    border: none;
    color: #036;
    font-weight: 700;
    cursor: pointer;
    margin: 30px auto 0;
    display: flex;
    align-items: center;
    gap: 20px;
}
.product-description-box .icon-img{
  margin-right:25px;
}
.see-more img {
  width: 10px;
    height: 8px;
}
.product-description-toggle{
      display: none;
    background: none;
    border: none;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    transition: transform .3s 
ease;
}
@media (max-width: 720px) {
.product-description-box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid #f0f4fc;
        padding-bottom: 10px;
}
.product-description-box .icon-img{
          margin-right: 10px !important;
        width: 25px !important;
}
.product-description-toggle {
    display: block;
  }
.product-description-box {
    margin-top: 15px;
}
.mc{
    padding-top: 20px;
}
}








@media (max-width: 720px) {
    .technical-table-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 3px solid #f0f4fc;
        padding-bottom: 10px;
    }
       .technical-details-box .icon-img {
        margin-right: 10px !important;
        width: 25px !important;
    }
    .technical-table-toggle{
      display:block !important;
    }
}


.technical-details-box {
  max-width: 700px;
  position: relative;
  margin-top: 20px;
}

.technical-details-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  color: #003366;
  margin-bottom: 10px;
}
.technical-details-box .icon-img{
  margin-right:25px;
}
.technical-table-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    transition: transform .3s 
ease;
}
.technical-details-wrapper {
  position: relative;
  max-height: 180px; /* altura inicial fechada */
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.technical-details-content {
  color: #333;
  line-height: 1.5em;
}

.technical-category {
  margin-bottom: 15px;
}

.technical-category h4 {
  margin: 8px 0 5px;
  font-weight: bold;
  color: #003366;
}

.technical-category ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0;
}

.fade-effect {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(to top, white, transparent);
  pointer-events: none;
  transition: opacity 0.4s ease;
}

#tech-btn {
background: none;
    border: none;
    color: #036;
    font-weight: 700;
    cursor: pointer;
    margin: 30px auto 0;
    display: flex;
    align-items: center;
    gap: 20px;

}
#tech-btn img{
  width: 10px;
    height: 8px;
}
.technical-table {
  width: 100%;
  border-collapse: collapse;
  border:0 !important;
}

.technical-table td {
 
  border:0 !important;
}

.technical-table th {
 
  border:0 !important;
}

.technical-table td {
  vertical-align: top;
  padding: 8px 10px;
}

.tech-category {
  font-weight: bold;
  color: #003366;
  white-space: nowrap;
  width: 180px; /* controla largura da coluna esquerda */
}

.tech-items ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0;
}

.tech-items li {
  margin-bottom: 5px;
}
/* Base class for the category marker */
.tech-items li::marker {
  color: var(--marker-color, #7f8c8d); /* default to gray if no color */
  font-size: 1rem; /* optional: change size */
}
.tech-category span{
  font-family:Roboto;
  font-weight:bold;
  font-size:20px;
}
.tech-items span{
  font-family:Roboto;
    font-weight:400;
  font-size:16px;
}
.technical-table td {
    vertical-align: top;
    padding: 8px 25px 8px 60px;
}
/* Optional: You can add any additional styling for category names or the images here */

@media (max-width: 720px) {
 .technical-table td {
    vertical-align: top;
      padding: 14px 16px 14px;
}
.trustbox {
    width: 100%;
    /* margin: 20px auto 20px !important; */
    overflow-x: hidden;
}
.followers {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #18336a;
    display: flex
;
    align-items: end;
    gap: 10px;
}
.social-name,.social-followers{
  display:none;
}
.trustbox .title {
          font-size: 13px !important;
        margin-bottom: 0 !important;
}
.add-to-cart,.add-to-wishlist{
  font-size: 16px !important;
      gap: 7px !important;
}
.trustbox .reviews p{
  font-size:12px !important;
}
.trustbox .reviews p span{
         margin: 0 8px 0 !important;
}
.trustbox p img {
    width: 70px !important;
}
.trustbox .divider {
    margin: 10px 0 !important;
}
.trustbox .customers {
    margin-top: 0px !important;
}


}



.product-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr 0.8fr;
  gap: 30px;
  margin-bottom: 40px;
  margin-top: 100px;
}

.product-hero__gallery .main-image img {
  width: 100%;
  
 
}

.thumb-gallery {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.thumb img {
  
 
  cursor: pointer;
}

 .product-title {
    color: #18336a;
    font-weight: 500;
    font-size: 50px;
    line-height: 100%;
    font-family: Bebas Neue;
    margin-bottom: 15px;

}
span.yotpo-sr-bottom-line-text.yotpo-sr-bottom-line-text--right-panel {
    color: #18336A !important;
    font-family: 'Roboto';
    font-size: 16px !important;
    font-weight: bold !important;
}
.product-pricing .sale-price {
  font-size: 24px;
  font-weight: bold;
  color: #d32f2f;
}

.product-pricing .old-price {
  text-decoration: line-through;
  margin-left: 10px;
  color: #777;
}

.product-pricing .discount {
  margin-left: 10px;
  color: #388e3c;
  font-weight: bold;
}

.social-proof {
  margin-top: 20px;
  padding: 15px;
  border: 2px solid #d1b35c;
  border-radius: 4px;
  background: #fffbea;
}
.trust{
  width: 73px;
height: auto;

}

.trustpilot{
  font-size:14px;
      display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    width: 100%;
    overflow: hidden;
    flex-wrap: wrap;
}
.social-icons span {
  display: block;
  margin-bottom: 5px;
}

.social-icons{
  display: flex;
    flex-direction: row;
}
.social-proof h4{
  color:rgba(24, 51, 106, 1);
  font-size:16px;
}

.product-hero__sidebar {
      position: sticky;
    top: 20px;
}

.product-hero__sidebar .sticky-box {
  padding: 20px;
  border-radius: 8px;
 background: rgba(240, 244, 252, 1);
}

.add-to-cart {
background: #18336a;
    color: #fff;
    border: none;
    padding: 12px 20px;
    cursor: pointer;
    font-size: 20px;
    width: 100%;
    margin-top: 15px;
    border-radius: 2px;
    font-family: Roboto;
    text-transform: uppercase;
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

#Quantity{
    width: 100%;
    padding: 5px 9px;
    border-radius: 4px;
    border:none;
}
.quantitybox{
    display: flex;
    align-items: center;
    gap: 20px;
    position:relative
}
.quantitybox::after {
  content: "▼";
  font-size: 12px;
  color: #333;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.info{
      display: flex;
    width: 100%;
    justify-content: space-between;
}

.info1 label{
  font-size:16px;
  color:rgba(24, 51, 106, 1);
  font-weight:400;
}

.info1{
      display: flex;
      gap:10px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.free{
  color:rgba(189, 150, 63, 1);
  font-size:16px;
}
.add-to-cart:hover {
  background: #004080;
}

.stock-msg{
    margin-top: 0;
    color: #18336A;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto';
}

.add-to-wishlist {
text-transform: uppercase;
    background: #bd963f;
    border: aliceblue;
    padding: 10px 15px;
    cursor: pointer;
    margin-top: 10px;
    width: 100%;
    color: #fff;
    font-family: Roboto;
    border-radius: 2px;
    font-size: 20px;
    display: flex
;
    justify-content: center;
    gap: 10px;
}


.add-to-cart.is-disabled,
.add-to-cart[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}


.suggested-products {
background: #fff;
    padding: 20px;
    margin-top: 20px;
}

.suggested-products h3 {
  margin-bottom: 1rem;
  font-size: 16px;
  color: #18336A;
  font-family: 'Roboto';
  font-weight: 600;
}

.suggested-item {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.checkbox-box {
  width: 25px;
  height: 18px;
  border: 2px solid #D4E2FE;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
      position: relative;
}

.checkbox-box .inner-box {
    width: 9px;
    height: 10px;
    background-color: #18336a;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 3px;
    top: 2px;
  display: none;
}

.checkbox-box.active .inner-box {
  display: block;
}

.suggested-details .title {
  font-size: 15px;
  color: #18336A;
  font-family: 'Roboto';
  line-height: 20px;
}

.suggested-details .price {
  display: block;
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: bold;
  color: #BD963F;
  margin: 4px 0;
}

.choose-link,
.remove-link {
display: block;
    font-size: 16px;
    color: #18336a;
    text-decoration: underline;
    font-family: Roboto;
    margin-top: 2px;
    cursor: pointer;
    font-weight: 500;
    margin-left: -30px;
}

.remove-link {
  color: #18336A;
}


.product-page {
  display: grid;
  grid-template-columns: 3fr 1fr; /* esquerda e direita */
  gap: 2rem;
  align-items: start;
}

.product-page__main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}




.product-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr; /* só galeria + info */
  gap: 30px;
  margin-bottom: 40px;
  margin-top: 100px;
}

.product-page {
  display: grid;
  grid-template-columns: 3fr 1fr; 
  gap: 40px;
}

.product-page__sidebar{
  margin-top:100px;
}


.product-highlights {
  margin: 40px 0;
}
.product-highlights .section-title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  
}
.highlight-list {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.highlight-item {
  flex: 1 1 calc(20% - 15px); /* 5 colunas */
  background: #e6f0ff;
  border-radius: 8px;
padding: 8px;
  text-align: center;
}
.highlight-icon {
  max-width: 50px;
  margin: 0 auto 10px;
}
.highlight-title {
font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
    font-family: 'Roboto';
}
.highlight-desc {
font-size: 16px;
    color: #fff;
    margin-bottom: 6px;
    font-family: 'Roboto';
}
.highlights-toggle{
  display:none;
}
@media (max-width: 720px) {
  .container-fluid{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
 .highlight-desc {
    margin-bottom: 0px;
}
  .highlight-title {
    margin-bottom: 0px;
}
.highlight-item{
  padding: 10px;
    text-align: left;
    display: flex;
    gap: 15px;
    align-items: center;
}
.highlight-list {
    gap: 15px;
    flex-direction: column;
    padding-top: 20px;
}
.highlight-icon {
    max-width: 50px;
    margin: 0;
}
.highlights-header{
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    border-bottom: 3px solid #f0f4fc;
        padding-bottom: 10px;
}
.product-highlights .section-title{
  font-size:24px !important;
  margin:0;
}
.highlights-header img {
    margin-right: 10px !important;
    width: 25px !important;
}
  .highlights-toggle {
    display: block !important;
    background: none;
    border: none;
    font-size: 28px;
    font-weight: 700;
    cursor: pointer;
    color: #000;
    line-height: 1;
    transition: transform 0.3s ease;
  }
  .product-highlights {
    margin: 40px 0 15px;
}
  
}

.bg-lightblue {
  background: rgba(161, 192, 255, 1);
}

.bg-midblue {
  background: rgba(118, 158, 240, 1);
}
@media (max-width: 720px) {
.specifications{
  background:#fff !important;
  margin-left:0 !important;
  margin-top:20px !important;
      padding: 0 !important;
}
.specifications img {
  margin-right: 10px !important;
        width: 25px !important;
}
.specifications .table-wrapper{
margin-top:20px;
}
.specifications .specifiations-toggle{
  display:block !important;
}
.specifications .specifiations-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 3px solid #f0f4fc;
        padding-bottom: 10px;
    }
}


.specifications{
 background: #f0f4fc;
    margin-left: -50px;
    padding-left: 55px;
    padding-right: 30px;
    padding-top: 0px;
    padding-bottom: 50px;
    margin-top: 70px;
}
.specifications tbody{
    background: #f0f4fc;
}
.specifications table thead th:not(:last-child) {
  background:rgba(255, 242, 212, 1);
  
}

.specifications table th {
  border: 1px solid rgba(144, 174, 228, 1) !important;
  padding: 2px 10px;
}

.specifications table td {
  border:1px solid rgba(144, 174, 228, 1) !important;
  padding: 2px 10px;
}

.specifications table thead th {
    color: #18336a;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Roboto';

}

.specifications table  td {
  color: rgba(24, 51, 106, 1);
  font-weight:400;
  font-size:16px;
}
.specifications .specifiations-toggle {
  display: none;
    background: none;
    border: none;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    transition: transform .3s ease;
}

.add-variant{
  background:rgba(24, 51, 106, 1);
  border-radius:2px;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:10px;
  padding-right:10px;
  color:#fff;
}


.specifications  td:last-child {
  width: 120px;      
  text-align: center; 
  white-space: nowrap; 
}







/* 🔹 Breadcrumbs */
.product-breadcrumbs {
  font-size: 14px;
  margin-bottom: 12px;
    font-family: "Roboto", sans-serif;
    display:flex;
    gap: 5px;
    margin-bottom:0;
}
.product-breadcrumbs .breadcrumb {
  color: #939EB4;
  text-decoration: none;
    font-family: "Roboto", sans-serif;
}
.product-breadcrumbs .breadcrumb:hover {
  color: #000;
}
.product-breadcrumbs .active {
  font-weight: 600;
  color: #18336A;
  font-family: "Roboto", sans-serif;
}
.product-breadcrumbs .breadcrumb:not(.active)::after {
  content: "";
}

/* 🔹 Meta Row */
.product-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0;
}
.stock-btn {
  padding: 6px 14px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}
.stock-btn.in-stock {
  background: #DFF5E1;
  color: #2E7D32;
}
.stock-btn.out-stock {
  background: #FDE2E1;
  color: #C1272D;
}
.staff-pick {
      display: flex
;
    align-items: center;
    font-weight: 500;
    color: #18336A;
    gap: 6px;
    font-family: 'Roboto';
}
.thumb-icon {
  width: 20px;
  height: 20px;
}

/* 🔹 Rating */
.product-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  margin-bottom: 15px;
}
.rating-number {
  font-weight: 600;
  font-size:20px;
  color:#18336A;
  font-family:Roboto;
}
.stars {
  color: #BD963F;
  letter-spacing: 2px;
}
.rating-count {
  color: #555;
  text-decoration: underline;
}

/* 🔹 Pricing */
.product-pricing-new {
    display: flex
;
    gap: 10px;
    margin-bottom: 20px;
    align-items: anchor-center;
    margin-top: 10px;
}
.price-main {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.price-discount {
display: flex
;
    align-items: center;
    gap: 0;
    flex-direction: column;
}
.discount-percent {
background: #c1272d;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    padding: 4px 15px;
    border-radius: 5px;
}
.old-price {
  color: #939EB4;
  font-size: 18px;
}
/* 🔹 Stock Indicator */
.stock-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 400;
    color: #18336A;
    font-size: 20px;
    font-family: 'Roboto';
}
.status-circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.status-circle.in-stock {
  background-color: #27AE60; /* Green */
}
.status-circle.out-stock {
  background-color: #C1272D; /* Red */
}

/* 🔹 Staff Pick */
.staff-pick {
     display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 400;
    color: #18336A;
    font-size: 20px;
    font-family: 'Roboto';
}
.thumb-icon {
  width: 20px;
  height: 20px;
}

/* 🔹 Yotpo Rating */
.yotpo.bottomLine {
  margin: 10px 0 18px;
  font-size: 16px;
}


.product-rating-wrapper {
  display: flex
;
    gap: 10px;
    margin-bottom: 10px;
}
.product-rating-wrapper .star-container{
      fill: #BD963F !important;
    stroke: #BD963F !important;
}
  .cstm_variant_box {
    font-family: 'Bebas Neue', sans-serif;
    max-width: 600px;
    position: relative;
    margin-top: 20px;
    height: 340px;
    overflow: auto;
    scrollbar-width: none;
  }
  .cstm_variant_heading {
   font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #18336a;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 1px;
  }
  .cstm_variant_row {
display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #F0F0F0;
    background: #f9f9f9;
    padding: 10px;
    cursor:pointer;
    border-radius:0px;
  }
  .cstm_variant_row.active {
    border: 2px solid #769EF0;
    border-radius: 4px;
  position: sticky;
  top: 0;
  background: #fff; /* keep background solid so it doesn’t overlap text */
  z-index: 2;
}
  .cstm_variant_title {
    font-size: 16px;
    color: #18336A;
    font-family: 'Roboto';
    font-weight: 500;
    width:50%;
  }
  .cstm_variant_price {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Roboto';
    color: #18336A;
  }
  .cstm_compare_price {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
  }
  .cstm_discount {
    color: #e63946;
    font-weight: bold;
    font-size: 14px;
  }
  .cstm_free_shipping {
    font-size: 13px;
    color: green;
    margin-top: 3px;
  }
   .cstm_variant_box.collapsed .cstm_variant_row:not(.first-variant) {
    display: none;
  }


  .trusted-section {
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  background: #fffcf5;
  border: 2px solid #BD963F;
  border-radius: 5px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}

.trusted-heading {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 20px;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 20px;
  align-items: center;
}

.social-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.icon-circle {
  width: 40px;
  height: 40px;
  background: #BD963F;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-circle img {
  width: 20px;
  height: 20px;
}

.username {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500; /* Medium */
  color: #18336A;
}

.followers {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 400; /* Regular */
  color: #18336A;
}

.section-divider {
  border: 1px solid #BD963F;
  margin: 30px 0;
  width:100%
}

.reviews-text {
  font-size: 14px;
  color: #555;
}

.excellent-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 600; /* Semi-bold */
  font-size: 14px;
}

.reviews-text strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.product-hero__sidebar .info h3{
  font-family: 'Roboto';
    font-weight: bold;
    font-size: 14px;
    color: #18336A;
}
.product-hero__sidebar .info h3 span{
    font-weight: 700;
    font-size: 36px;
     color: #18336A !important;
}
#AddToCartForm label{
      font-family: 'Roboto';
    font-size: 16px;
    color: #18336A;
    font-weight: 500;
}



.product-hero__gallery {
    max-width: 900px;
    margin: 0 auto;
  }

  .main-slider img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
  }

  .thumb-slider {
    margin-top: 10px;
  }

  .thumb-slider .swiper-slide {
  height: 80px;
  opacity: 1;
  border-radius: 6px;
  overflow: hidden;
}

  .thumb-slider .swiper-slide-thumb-active {
    opacity: 1;
  }

  .thumb-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Square pagination dots (mobile only) */
  .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    border-radius: 2px !important;
    background: rgba(0,0,0,0.3);
  }

  .swiper-pagination-bullet-active {
    background: #A1C0FF !important;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    background: #F0F4FC;
}
@media (max-width: 720px) {
.product-hero__gallery {
  padding-bottom: 45px;
  position: relative;
}
}
  @media (min-width: 1024px) {
    .swiper-pagination {
      display: none !important;
    }
    
  }




  .specifications{

  }
        .specifications table {
      border-collapse: collapse;
      width: 100%;
      background-color: white;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }
        .specifications th, td {
      border: 1px solid #d6e0f5;
      padding: 10px 12px;
      text-align: center;
      font-size: 14px;
      color: #2c3e50;
      
    }
        .specifications th {
      background-color: #e6f0ff;
      color: #2c3e50;
      font-weight: 600;
    }
        
        .specifications td a {
color: #18336A;
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 16px;
    }
        .specifications .add-button {
      background-color: #18336a;
    color: #fff;
    border: none;
    padding: 4px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    font-family: Roboto;
    font-weight: 600;
    display: flex
;
    gap: 5px;
    align-items: center;
    width: 100%;
    justify-content: center;
    }
          .specifications .add-button svg {
    width: 26px;
}
       .specifications .add-button img {
        width:10px;
       }
    .specifications .add-button:hover {
      background-color: #1669bb;
    }
    

    * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.trustbox {
    width: 100%;
    margin: 0px auto 10px;
    /* margin: 20px auto 0; */
    padding: 10px 20px 0;
    background-color: #fffcf5;
    border: 2px solid #BD963F;
    border-radius: 10px;
}

.trustbox .title {
  font-size: 16px;
  font-weight: 600;
  color: #18336A;
  margin-bottom: 10px;
  font-family:Roboto;
}

.trustbox .socials {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.trustbox .social {
    text-align: center;
    display: flex
;
    gap: 10px;
}

.trustbox .icon-bg {
  background-color: #BD963F; /* Updated icon background color */
  padding: 10px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  margin-bottom: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.trustbox .icon-bg img {
  width: 25px;
  height: 25px;
}

.social-name {
font-size: 14px;
    color: #18336A;
    margin-bottom: 0;
    font-family: Roboto;
    font-weight: 500;
}

.trustbox .social-followers {
    font-size: 12px;
    color: #18336A;
    margin-bottom: 0;
    font-family: Roboto;
    font-weight: 400;
}

.trustbox .divider {
  border-top: 2px solid #BD963F; /* Updated divider color */
  margin: 15px 0;
}

.trustbox .customers {
  margin-top: 20px;
}


.per-piece{
  color:#939EB4;font-weight: 500;font-size:20px;font-family: 'Roboto';
}




.sidebarinfo {
  margin-top: 10px;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

/* Each line pair */
.sidebarinfo .info-row {
display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 6px 0;
}

/* Left side text */
.sidebarinfo .left p {
  color: #18336a;
  font-size: 16px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin: 0;
}

/* Right side text */
.sidebarinfo .right p {
  color: #18336a;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  margin: 0;
  text-align: right;
}

/* Links on right side */
.sidebarinfo .right .link {
  color: #2D5EC3;
  text-decoration: underline;
}
.sidebarinfo .right{
 flex:1
}
.sidebarinfo .left{
    flex:1
}
.sidebarinfo .right .link:hover {
  text-decoration: none;
}

/* Responsive layout */
@media (max-width: 720px) {
 

  .sidebarinfo .right p {
    
    margin-top: 4px;
  }
}









/* Make Yotpo stars white inside recommended products */
.recommended-products .yotpo .yotpo-icon-star,
.recommended-products .yotpo .yotpo-icon-half-star,
.recommended-products .yotpo .yotpo-icon-empty-star {
  color: #fff !important;
  fill: #fff !important;
}

/* Decimal rating number style */
.recommended-products .yotpo-bottomline .yotpo-bottomline-score,
.recommended-products span.yotpo-sr-bottom-line-text.yotpo-sr-bottom-line-text--right-panel {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 600;
}

.recommended-products {
  padding: 40px 0;
}
.recommended-products {
  opacity: 0;
  transition: opacity 0.6s ease;
}
.recommended-products.loaded {
  opacity: 1;
}
.recommended-products .products-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}
.recommended-products .product-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    text-align: left;
}

.recommended-products .image-wrapper {
  position: relative;
}
.recommended-products .image-wrapper img {
  width: 100%;
  display: block;
  border-radius: 0; /* keep edges clean */
  box-shadow: inset -10px -15px 25px rgba(0, 0, 0, 0.4);
}
.recommended-products .rating-box {
  position: absolute;
  bottom: 0px;
  left: 10px;
  right: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 14px;
}
.recommended-products .product-info {
  padding: 15px;
}
.recommended-products .product-title {
    font-size: 12px;
    color: #18336A;
    margin-bottom: 5px;
    font-family: 'Roboto';
    text-align: left;
    height: 26px;
}
.recommended-products .price-box {
  margin-bottom: 10px;
}
.recommended-products .current-price {
    font-weight: 700;
    color: #C09440;
    font-family: 'Roboto';
    font-size: 20px;
}
.recommended-products .compare-price {
  text-decoration: line-through;
  margin-left: 8px;
  color: #888;
}
.recommended-products .color-swatches {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 10px;
}
.recommended-products .swatch-img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #ccc;
}
.recommended-products .shop-now-btn {
display: inline-flex
;
    align-items: center;
    justify-content: center;
    background: #18336a;
    color: #fff;
    border-radius: 2px;
    padding: 8px 16px;
    font-size: 12px;
    text-decoration: none;
    transition: .3s;
    width: 100%;
    font-family:Roboto;
}
.recommended-products .shop-now-btn:hover {
  background: #0f2047;
}
.recommended-products .btn-icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.recommended-products span.yotpo-sr-bottom-line-text.yotpo-sr-bottom-line-text--right-panel{
  color: #fff !important;
    font-size: 10px !important;
}
.recommended-products svg.star-container {
    width: 8px !important;
}


.infomobile{
display:none;

}

.product-hero__sidebar .sticky-box {
    padding: 20px;
    border-radius: 8px;
    background: rgba(240, 244, 252, 1);
    padding-top: 28px !important;
}
@media (max-width: 720px) {



 .product-single .container-fluid{
  padding-top:130px;
 }



#shopify-section-template--18727766261871__main .wrapper--full-padded{
  position:relative;
}
#shopify-section-template--18727766261871__main .wrapper--full-padded .imagecolum{
    margin-top: 150px;

}

 
.product-pricing-new{
  display:none;
}

.infomobile{
display: flex;
    flex-direction: column;

}

.col-lg-5 nav{
  display:none;
}

.col-lg-5 .product-title{
  display:none;
}

.col-lg-5 .product-meta-row{
  display:none;
}

.col-lg-5 .product-rating-wrapper{
  display:none;
}

.infomobile .product-title{
  color:#18336A;
  font-weight:700;
  text-transform:uppercase;
  font-size:28px;
}

.stock-status,.staff-pick{
  font-size:16px;
}

.product-rating-wrapper .star-container path {
    fill: #bd963f !important;
    stroke: #bd963f !important;
}


.specifications .specifiations-toggle,.product-description-toggle,.highlights-toggle {
   font-weight:500;
}


.trustbox {
   margin-bottom:24px;
}


}


/* Keep dropdown box styles */
.cstm_variant_box {
    font-family: 'Bebas Neue', sans-serif !important;
    max-width: 600px !important;
    position: relative !important;
    margin-top: 20px !important;
    height: 340px !important;
    overflow: auto !important;
    scrollbar-width: none !important;
    transition: max-height 0.3s ease !important; /* smooth collapse */
}

/* Collapsed: hide all except first-variant */
.cstm_variant_box.collapsed .cstm_variant_row {
    display: none !important;
}
.cstm_variant_box.collapsed .cstm_variant_row.first-variant,
.cstm_variant_box.collapsed .cstm_variant_row.selected {
    display: flex !important; /* always show first and selected variant */
}

/* Variant row styling */
.cstm_variant_row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #F0F0F0 !important;
    background: #f9f9f9 !important;
    padding: 10px !important;
    cursor: pointer !important;
    border-radius: 0px !important;
    transition: background 0.2s ease !important;
}
.cstm_variant_row.active,
.cstm_variant_row.selected {
    border: 2px solid #769EF0 !important;
    border-radius: 4px !important;
    background: #fff !important;
}

/* First variant sticky */
.cstm_variant_row.first-variant {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
}


.jh-model-selector {
  position: relative;
}

.jh-model-selector__list {
  position: absolute !important;
  top: 100%  !important;
  left: 0  !important;
  width: 100%  !important;
  z-index: 999  !important;
  background: #fff  !important;
  border: 1px solid #ddd;
  max-height: 300px;
  overflow-y: auto;
  margin-left:0 !important;
}

.jh-model-selector {
   max-width:100% !important;
}


product-image {
  
   height:100% !important;
  
    transition: transform 0.3s 
ease;
}




* DESKTOP — sempre escondido */
.mobile-sticky-bar {
  display: none !important;
}

@media (max-width: 720px) {

  /* estado base — escondida */
  .mobile-sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 14px 20px;
    background:#F0F4FC;
    z-index: 9999999999;
    box-shadow: 0px -4px 15.6px rgba(24, 51, 106, 0.15);

    display: flex !important;
    flex-direction: column; /* ← se quer coluna, coloque AQUI */
    justify-content: space-between;
    align-items: center;

    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.35s ease, opacity 0.35s ease;
  }

  /* estado visível — aparece suavemente */
  .mobile-sticky-bar.visible {
    transform: translateY(0);
    opacity: 1;
  }

  /* z-index do chat */
  .zsiq_custommain, .zsiq_floatmain {
    z-index: 99 !important;
  }
}

.superior {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.inferior {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.inferior .mobile-price {
  color:#18336A;
  font-size:32px;
  font-weight:800;
}

.col1 p {
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  color:#18336A;
  margin-bottom:0;
}

.specifications.esconder{
display:none;
}



  /* === J&H Custom Variant Dropdown ===================== */

.jh-model-selector {
  margin: 16px 0 24px;
  max-width: 640px;
  font-family: inherit;
}

.jh-model-selector__label {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #123b7a;
  margin-bottom: 8px;
}
.col2 .discount-percent{
font-size:10px;
}
.jh-model-selector__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 3px;
  border: 1px solid #2f63d8;
  background-color: #ffffff;
  cursor: pointer;
  text-align: left;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.jh-model-selector__trigger:hover {
  border-color: #1f4fc6;
}

.jh-model-selector.is-open .jh-model-selector__trigger {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #2f63d8;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
}

.jh-model-selector__trigger-title {
  flex: 1 1 auto;
  margin-right: 12px;
  font-size: 20px;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jh-model-selector__trigger-price {
  flex: 0 0 auto;
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
}

.jh-model-selector__trigger-discount {
  margin-left: 4px;
  color: #d41924;
  font-weight: 700;
}

.jh-model-selector__trigger-icon {
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
}

/* List */

.jh-model-selector__list {
  position: relative;
  top: 100%;
  width:100%;
  left: -20px;
  right: 0;
  margin-top: -1px;
  background-color: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18);
  max-height: 360px;
  overflow-y: auto;
  z-index: 50;
  list-style: none;
  padding: 0;
}

.jh-model-selector__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  font-size: 20px;
  cursor: pointer;
  color: #111827;
  background-color: #ffffff;
  border-top: 1px solid #f3f4f6;
  transition: background-color 0.12s ease;
}

.jh-model-selector__option:first-child {
  border-top: none;
}

.jh-model-selector__option:hover {
  background-color: #f3f4ff;
}

.jh-model-selector__option.is-active {
  background-color: #e8f0ff;
  font-weight: 600;
}

.jh-model-selector__option-title {
  flex: 1 1 auto;
  margin-right: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jh-model-selector__option-price {
  flex: 0 0 auto;
  white-space: nowrap;
  font-weight: 600;
}

.jh-model-selector__option-discount {
  margin-left: 4px;
  color: #d41924;
  font-weight: 700;
}

.jh-model-selector__option.is-unavailable {
  color: #9ca3af;
  cursor: not-allowed;
}

.jh-model-selector__option.is-unavailable:hover {
  background-color: #ffffff;
}

#QuantityDesktop,#QuantityMobile{
width:100%;

}

@media (max-width: 768px) {
  .jh-model-selector {
    max-width: 100%;
  }


  

  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  
    color: #F0F4FC;
    opacity: 1;
}



}





.suggested-details .choose-link{
display:none;

}
.specs-toggle-btn.see-more.is-open span{


}


.highlight-emoji{
font-size:60px;
}

.esconderdesktop{
display:none;

}

.tech-variant{
margin-top:20px;
}


@media only screen and (max-width: 600px) {
 .esconderdesktop{
display:block;

}

.escondermobile{
display:none;
}
}



.product-hero__sidebar {
    position: sticky;
    top: 180px;
}

.table-wrapper {
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.specs-toggle-btn {
  margin-top: 15px;
  background: none;
  border: none;
  color: #123c8b;
  font-weight: 600;
  cursor: pointer;
}

.specs-toggle-btn:hover {
  text-decoration: underline;
}


.suggested-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.checkbox-box {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  cursor: pointer;
}


.tech-variant h4:first-child {
  display: none;
}



.tech-variant p {

}

/* label (lado esquerdo) */
.tech-variant p {
  color: rgba(24, 51, 106, 1);
   font-weight: bold;
}

/* valor (lado direito) */
.tech-variant strong {
  color:rgba(24, 51, 106, 1);
  font-weight: 400;
  text-align: right;
}


.sidebarinfo{
  border-bottom:0 !important;
}

.thumb-slider .swiper-wrapper {
  display: flex !important;
}

.thumb-slider .swiper-slide {
  flex-shrink: 0 !important;
  width: 80px !important;
  height: 80px !important;
}
.thumb-slider .swiper-slide img {
  pointer-events: none !important;
}
@media only screen and (max-width: 600px) {
.custom-home-section.categories .colletion-header {
   
    padding-top: 205px !important;
   
}}
@media (max-width: 767px) {
  .product-breadcrumbs {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .product-breadcrumbs .breadcrumb {
    margin: 0;
  }
}
/* Padding-top only needed when nav+announcement bar overlap (<=600px) */
@media (min-width: 601px) and (max-width: 720px) {
  .product-single .container-fluid {
    padding-top: 0;
  }
}

/* -- Loopz gift button visibility -- */
@media (max-width: 767px) {
  .loopz-gift-btn:not(.loopz-gift-mobile) { display: none !important; }
}
@media (min-width: 768px) {
  .loopz-gift-btn.loopz-gift-mobile { display: none !important; }
}

/* Hide Loopz app-injected button — custom overlay buttons used instead */
#loopz-send-as-gift-button { display: none !important; }