/** 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; }

/* =====================================================================
   SEARCHANISE SEARCH RESULTS PAGE - Match Native Search Styling
   Scoped to body.template-page (pages/search-results-page only)
   ===================================================================== */

/* Hide the "Search Results" page title - Searchanise provides its own header */
body.template-page .page-title { display: none !important; }

/* Reduce section top padding */
body.template-page [id^="Page--"].section-default { --PT: 20px !important; --PB: 40px !important; }

/* ---- Grid layout: sidebar left, everything else right ---- */
body.template-page #snize_results {
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  grid-template-areas:
    "sidebar controls"
    "sidebar products" !important;
  gap: 0 24px !important;
  align-items: start !important;
}

/* Hide Products/Pages tab switcher - not present on native search */
body.template-page .snize-main-panel { display: none !important; }

/* Assign grid areas */
body.template-page .snize-filters-sidebar    { grid-area: sidebar !important; float: none !important; width: auto !important; }
body.template-page .snize-horizontal-wrapper { grid-area: controls !important; float: none !important; width: auto !important; }
body.template-page .snize-search-results-main-content { grid-area: products !important; float: none !important; width: auto !important; }

/* ---- Sidebar - match native .sidebar ---- */
body.template-page .snize-filters-sidebar {
  background: #EBF1FD !important;
  padding: 20px 16px 60px !important;
  box-sizing: border-box !important;
  font-family: 'barlow', sans-serif !important;
  min-height: 600px;
}

body.template-page .snize-product-filters-block { margin-bottom: 14px !important; }

body.template-page .snize-product-filters-title {
  font-family: 'barlow', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #183369 !important;
  padding: 10px 0 8px !important;
  border-bottom: 1px solid rgba(24,51,105,0.25) !important;
  margin-bottom: 8px !important;
  cursor: pointer;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

body.template-page .snize-product-filters-list {
  margin: 0 !important; padding: 0 !important; list-style: none !important;
}

body.template-page .snize-product-filters-list li { margin-bottom: 5px !important; }

body.template-page .snize-product-filters-list label,
body.template-page .snize-product-filters-list a {
  font-size: 13px !important;
  color: #183369 !important;
  font-family: 'Inter', sans-serif !important;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
}

/* Price range inputs */
body.template-page .snize-price-range-input {
  border: 1px solid #c0c9df !important;
  border-radius: 4px !important;
  padding: 4px 6px !important;
  width: 70px !important;
  font-family: 'barlow', sans-serif !important;
  font-size: 13px !important;
  color: #183369 !important;
}

/* ---- Controls bar (showing results + sort + toggle) ---- */
body.template-page .snize-horizontal-wrapper {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #dde3f0 !important;
  margin-bottom: 16px !important;
}

body.template-page .snize-horizontal-left {
  font-family: 'barlow', sans-serif !important;
  font-size: 14px !important;
  color: #333 !important;
  width: auto !important;
}

body.template-page .snize-horizontal-right {
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* ---- Product grid ---- */
body.template-page #snize-search-results {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---- Product card ---- */
body.template-page .snize-product {
  background: #fff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: none !important;
  list-style: none !important;
}

body.template-page .snize-product .snize-view-link {
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  color: inherit !important;
  height: 100% !important;
}

body.template-page .snize-product .snize-item { display: flex !important; flex-direction: column !important; height: 100% !important; }

body.template-page .snize-thumbnail-wrapper {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #f6f8fc !important;
}

body.template-page .snize-thumbnail {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.template-page .snize-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.template-page .snize-overhidden {
  padding: 10px 12px 14px !important;
  flex: 1 !important;
}

body.template-page .snize-title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #183369 !important;
  display: block !important;
  line-height: 1.3 !important;
  margin-bottom: 6px !important;
  white-space: normal !important;
}

body.template-page .snize-price-list {
  font-size: 15px !important;
  color: #0b0b0b !important;
  font-family: 'barlow', sans-serif !important;
  font-weight: 400 !important;
  margin-top: 4px !important;
}

body.template-page .snize-description { display: none !important; }

body.template-page .snize-buttons { margin-top: 8px !important; }

body.template-page .snize-buttons a, body.template-page .snize-buttons button {
  display: inline-block !important;
  background: #183369 !important;
  color: #fff !important;
  font-family: 'barlow', sans-serif !important;
  font-size: 13px !important;
  padding: 7px 14px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
}

/* ---- Pagination ---- */
body.template-page .snize-pagination, body.template-page [class*="snize-pag"] {
  grid-column: 2 !important;
  margin-top: 24px !important;
  text-align: center !important;
}


/* Full-width wrapper for search results page */
body.snize-results-page .wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

/* === Pagination: match collection page style === */
body.template-page .snize-pagination {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}
body.template-page .snize-pagination ul {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-wrap: wrap !important;
}
body.template-page .snize-pagination li {
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
}
body.template-page .snize-pagination li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 8px !important;
  border: 1px solid #183369 !important;
  color: #183369 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
/* Fix: override Snize CDN border:none !important (specificity 0,2,5) with ID selector (1,1,2) */
#snize_results .snize-pagination li a {
  border: 1px solid #183369 !important;
}
#snize_results .snize-pagination li a.active {
  border-color: #183369 !important;
}
body.template-page .snize-pagination li a.active {
  background: #183369 !important;
  color: white !important;
}
body.template-page .snize-pagination li a:hover {
  background: #183369 !important;
  color: white !important;
}
body.template-page .snize-pagination .snize-pagination-prev,
body.template-page .snize-pagination .snize-pagination-next {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  background: #C09440 !important;
  color: #183369 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}
body.template-page .snize-pagination .snize-pagination-prev::before {
  content: "\25B6" !important;
  display: block !important;
  transform: scaleX(-1) !important;
}
body.template-page .snize-pagination .snize-pagination-next::after {
  content: "\25B6" !important;
  display: block !important;
}
/* Fix: disabled arrow rendered as <span> — still needs border/background */
#snize_results .snize-pagination li span.snize-pagination-prev,
#snize_results .snize-pagination li span.snize-pagination-next {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  background: #C09440 !important;
  border: none !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  opacity: 0.5 !important;
}
#snize_results .snize-pagination li span.snize-pagination-prev::before {
  content: "\25B6" !important;
  display: block !important;
  transform: scaleX(-1) !important;
  color: #183369 !important;
}
#snize_results .snize-pagination li span.snize-pagination-next::after {
  content: "\25B6" !important;
  display: block !important;
  color: #183369 !important;
}
body.template-page .snize-pagination .snize-pagination-prev.disabled {
  opacity: 0.4 !important;
  cursor: default !important;
  pointer-events: none !important;
}
body.template-page .snize-pagination li > span:not([class]) {
  padding: 8px 6px !important;
  color: #183369 !important;
  font-weight: 600 !important;
}


/* Fix A: grid-template-rows + grid-template-areas
     Sidebar moved to row 2 only → controls row (row 1) stays compact */
body.template-page #snize_results {
  grid-template-areas: ". controls" "sidebar products" !important;
  grid-template-rows: auto auto auto auto !important;
}

/* Fix B: hover thumbnail - prevent CDN flip-image opacity fade */
#snize_results .snize-product:hover .snize-thumbnail img,
#snize_results .snize-product:hover span.snize-thumbnail img {
  opacity: 1 !important;
  transition: none !important;
}
#snize_results .snize-product:hover .snize-thumbnail-wrapper img {
  opacity: 1 !important;
  transition: none !important;
}

/* Fix C: pagination arrows - force identical appearance on both sides */
body.template-page .snize-pagination .snize-pagination-prev,
body.template-page .snize-pagination a.snize-pagination-prev {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  background: #C09440 !important;
  color: #183369 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  border: none !important;
  outline: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}
body.template-page .snize-pagination .snize-pagination-next,
body.template-page .snize-pagination a.snize-pagination-next {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  background: #C09440 !important;
  color: #183369 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  border: none !important;
  outline: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}
body.template-page .snize-pagination .snize-pagination-prev.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* ---- Mobile: stack sidebar above products ---- */
@media (max-width: 767px) {
  body.template-page #snize_results {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "controls"
      "sidebar"
      "products" !important;
  }
  /* Fix: show .snize-main-panel on mobile (hidden on desktop) — it contains the Filters button */
  body.template-page .snize-main-panel {
    display: block !important;
    grid-area: controls !important;
    grid-column: 1 !important;
  }
  /* Fix: Snize forces .snize-pagination to column 2 — override to col 1 on mobile */
  body.template-page #snize_results .snize-pagination {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  body.template-page #snize-search-results {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  body.template-page .snize-filters-sidebar { min-height: unset !important; }
}

/* === SEARCHANISE - Grid column fix (correct selectors) === */

/* 4-column product grid using the actual UL container */
body.template-page ul.snize-search-results-content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

body.template-page ul.snize-search-results-content > .snize-product {
  flex: 0 0 calc(20% - 12.8px) !important;
  max-width: calc(20% - 12.8px) !important;
  width: calc(20% - 12.8px) !important;
  box-sizing: border-box !important;
}

/* Ensure snize-four-columns wrapper doesn't constrain */
body.template-page #snize-search-results-grid-mode {
  width: 100% !important;
}
body.template-page #snize-search-results-grid-mode > ul {
  width: 100% !important;
}

/* Mobile: 2 columns */
@media (max-width: 767px) {
  body.template-page ul.snize-search-results-content > .snize-product {
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
  }
}

/* Fix: zero Snize's built-in product margins so gap handles spacing cleanly */
body.template-page ul.snize-search-results-content > .snize-product {
  margin: 0 !important;
}

/* === SEARCHANISE - Switch product list to CSS Grid (more reliable than flex %) === */
body.template-page ul.snize-search-results-content {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
  flex-wrap: unset !important;
}
body.template-page ul.snize-search-results-content > .snize-product {
  flex: unset !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}
@media (max-width: 991px) {
  body.template-page ul.snize-search-results-content {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 767px) {
  body.template-page ul.snize-search-results-content {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Fix: clearfix ::after becomes a grid item and pushes products - neutralize it */
body.template-page ul.snize-search-results-content.clearfix::before,
body.template-page ul.snize-search-results-content.clearfix::after {
  display: none !important;
  content: none !important;
}
/* Also override Snize's inline width:20% on product items */
body.template-page ul.snize-search-results-content > .snize-product {
  width: auto !important;
}

/* ============================================================
   Searchanise results — margin-top + native product card style
   ============================================================ */

/* 1. Top spacing on the results wrapper */
body.template-page div.snize-search-results {
  margin-top: 40px !important;
}

/* 2. Card wrapper — match .product-card (white, rounded) */
body.template-page .snize-product {
  background: #fff !important;
  border-radius: 12px !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

/* Inner item wrapper — flex column */
body.template-page .snize-product .snize-item {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  float: none !important;
  overflow: visible !important;
  width: auto !important;
}

/* thumbnail-wrapper contains image + info */
body.template-page .snize-product .snize-thumbnail-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  width: auto !important;
  float: none !important;
  overflow: visible !important;
}

/* 3. Image box */
body.template-page .snize-product .snize-thumbnail {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #f5f5f5 !important;
  border-radius: 12px 12px 0 0 !important;
  float: none !important;
  margin: 0 !important;
}
body.template-page .snize-product .snize-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  max-width: none !important;
}

/* 4. Title — Bebas Neue, dark navy */
body.template-page .snize-product .snize-title {
  display: block !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #18336a !important;
  margin: 10px 0 2px !important;
  padding: 0 12px !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  float: none !important;
  width: auto !important;
}

/* 5. Hide description */
body.template-page .snize-product .snize-description {
  display: none !important;
}

/* 6. Price — gold, large, with From label */
body.template-page .snize-product .snize-price-list {
  display: block !important;
  padding: 2px 12px 8px !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}
body.template-page .snize-product .snize-price-list::before {
  content: 'From' !important;
  display: block !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #C09440 !important;
  line-height: 1.4 !important;
}
body.template-page .snize-product .snize-price,
body.template-page .snize-product .snize-current-price,
body.template-page .snize-product .snize-price-list > span {
  font-family: 'Roboto', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #C09440 !important;
  line-height: 1 !important;
}

/* 7. Buttons — always visible, full width */
body.template-page .snize-product .snize-buttons-bottom {
  padding: 4px 12px 16px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
  transition: none !important;
  margin-top: auto !important;
  float: none !important;
  width: auto !important;
}
body.template-page .snize-product.snize-show-cta-on-hover .snize-buttons-bottom,
body.template-page .snize-product.snize-show-cta-on-hover:hover .snize-buttons-bottom {
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
}

/* 8. Add to cart button — match native SHOP NOW */
body.template-page .snize-product .snize-add-to-cart-button {
  display: block !important;
  width: 100% !important;
  background: #183369 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 10px 20px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
}
body.template-page .snize-product .snize-add-to-cart-button:hover {
  background: #0f2050 !important;
}

/* 9. Hide view-link overlay and overhidden span */
body.template-page .snize-product > .snize-view-link {
  display: none !important;
}
body.template-page .snize-product .snize-overhidden {
  display: none !important;
}


/* ============================================================
   Searchanise results margin-top + native product card style
   ============================================================ */

body.template-page div.snize-search-results {
  margin-top: 40px !important;
}
body.template-page .snize-product {
  background: #fff !important;
  border-radius: 12px !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body.template-page .snize-product .snize-item {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  float: none !important;
  overflow: visible !important;
  width: auto !important;
}
body.template-page .snize-product .snize-thumbnail-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  width: auto !important;
  float: none !important;
  overflow: visible !important;
}
body.template-page .snize-product .snize-thumbnail {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #f5f5f5 !important;
  border-radius: 12px 12px 0 0 !important;
  float: none !important;
  margin: 0 !important;
}
body.template-page .snize-product .snize-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  max-width: none !important;
}
body.template-page .snize-product .snize-description {
  display: none !important;
}
body.template-page .snize-product .snize-price-list {
  display: block !important;
  padding: 2px 12px 8px !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}
body.template-page .snize-product .snize-price-list::before {
  content: 'From' !important;
  display: block !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #C09440 !important;
  line-height: 1.4 !important;
}
body.template-page .snize-product .snize-price,
body.template-page .snize-product .snize-current-price,
body.template-page .snize-product .snize-price-list > span {
  font-family: 'Roboto', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #C09440 !important;
  line-height: 1 !important;
}
body.template-page .snize-product .snize-buttons-bottom {
  padding: 4px 12px 16px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
  transition: none !important;
  margin-top: auto !important;
  float: none !important;
  width: auto !important;
}
body.template-page .snize-product.snize-show-cta-on-hover .snize-buttons-bottom,
body.template-page .snize-product.snize-show-cta-on-hover:hover .snize-buttons-bottom {
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
}
body.template-page .snize-product .snize-add-to-cart-button {
  display: block !important;
  width: 100% !important;
  background: #183369 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 10px 20px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
}
body.template-page .snize-product .snize-add-to-cart-button:hover {
  background: #0f2050 !important;
}
body.template-page .snize-product > .snize-view-link {
  display: none !important;
}
body.template-page .snize-product .snize-overhidden {
  display: none !important;
}

/* ============================================================
   Searchanise results margin-top + native product card style
   ============================================================ */

body.template-page div.snize-search-results {
  margin-top: 40px !important;
}
body.template-page .snize-product {
  background: #fff !important;
  border-radius: 12px !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body.template-page .snize-product .snize-item {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  float: none !important;
  width: auto !important;
}
body.template-page .snize-product .snize-thumbnail-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  width: auto !important;
  float: none !important;
  overflow: visible !important;
}
body.template-page .snize-product .snize-thumbnail {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #f5f5f5 !important;
  border-radius: 12px 12px 0 0 !important;
  float: none !important;
  margin: 0 !important;
}
body.template-page .snize-product .snize-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  max-width: none !important;
}
body.template-page .snize-product .snize-description {
  display: none !important;
}
body.template-page .snize-product .snize-price-list {
  display: block !important;
  padding: 2px 12px 8px !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}
body.template-page .snize-product .snize-price-list::before {
  content: 'From' !important;
  display: block !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #C09440 !important;
  line-height: 1.4 !important;
}
body.template-page .snize-product .snize-price,
body.template-page .snize-product .snize-current-price,
body.template-page .snize-product .snize-price-list > span {
  font-family: 'Roboto', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #C09440 !important;
  line-height: 1 !important;
}
body.template-page .snize-product .snize-buttons-bottom {
  padding: 4px 12px 16px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
  transition: none !important;
  margin-top: auto !important;
  float: none !important;
  width: auto !important;
}
body.template-page .snize-product.snize-show-cta-on-hover .snize-buttons-bottom,
body.template-page .snize-product.snize-show-cta-on-hover:hover .snize-buttons-bottom {
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
}
body.template-page .snize-product .snize-add-to-cart-button {
  display: block !important;
  width: 100% !important;
  background: #183369 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 10px 20px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
}
body.template-page .snize-product .snize-add-to-cart-button:hover {
  background: #0f2050 !important;
}
body.template-page .snize-product > .snize-view-link {
  display: none !important;
}
body.template-page .snize-product .snize-overhidden {
  display: none !important;
}
/* ============================================================
   CARD FIX: undo broken flex, use block flow + absolute button
   ============================================================ */

/* Card: block, relative, min-height for consistent sizing */
body.template-page .snize-product {
  display: block !important;
  min-height: 370px !important;
  position: relative !important;
  overflow: hidden !important;
  padding-bottom: 62px !important;
}
/* Inner item: back to block flow */
body.template-page .snize-product .snize-item {
  display: block !important;
  height: auto !important;
  flex: unset !important;
  float: none !important;
  width: 100% !important;
}
/* thumbnail-wrapper: block flow */
body.template-page .snize-product .snize-thumbnail-wrapper {
  display: block !important;
  height: auto !important;
  flex: unset !important;
  float: none !important;
  width: 100% !important;
}

/* Title */
/* Description: hide */
body.template-page .snize-product .snize-description {
  display: none !important;
}
/* Price list: block, gold */
body.template-page .snize-product .snize-price-list {
  display: block !important;
  padding: 2px 12px 8px !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}
body.template-page .snize-product .snize-price-list::before {
  content: 'From' !important;
  display: block !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #C09440 !important;
  line-height: 1.4 !important;
}
body.template-page .snize-product .snize-price,
body.template-page .snize-product .snize-current-price,
body.template-page .snize-product .snize-price-list > span {
  font-family: 'Roboto', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #C09440 !important;
  line-height: 1 !important;
}
/* Buttons: absolute at bottom of card */
body.template-page .snize-product .snize-buttons-bottom {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 0 12px 14px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}
body.template-page .snize-product.snize-show-cta-on-hover .snize-buttons-bottom,
body.template-page .snize-product.snize-show-cta-on-hover:hover .snize-buttons-bottom {
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  transform: none !important;
}
/* Add to cart button: match native SHOP NOW */
body.template-page .snize-product .snize-add-to-cart-button {
  display: block !important;
  width: 100% !important;
  background: #183369 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 10px 20px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
}
body.template-page .snize-product .snize-add-to-cart-button:hover {
  background: #0f2050 !important;
}
/* Hide overlay anchor and overhidden */
body.template-page .snize-product > .snize-view-link {
  display: none !important;
}
body.template-page .snize-product .snize-overhidden {
  display: none !important;
}
/* ============================================================
   FINAL FIX: snize-view-link wraps all content — show it as block
   ============================================================ */
body.template-page .snize-product > .snize-view-link {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
}
/* ============================================================
   FIX: snize-overhidden is the info section, show it as block
   ============================================================ */
body.template-page .snize-product .snize-overhidden {
  display: block !important;
  visibility: visible !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  opacity: 1 !important;
}
/* Force button opacity 1 — Snize hover animation keeps it at 0 */
body.template-page .snize-product .snize-add-to-cart-button {
  opacity: 1 !important;
}
body.template-page .snize-product .snize-buttons-bottom,
body.template-page .snize-product .snize-buttons {
  opacity: 1 !important;
}
/* ============================================================
   Image fill+center, Shop Now button, Yotpo stars
   ============================================================ */

/* Thumbnail: centered, height fills container */
body.template-page .snize-product .snize-thumbnail {
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  width: 100% !important;
  background: #f5f5f5 !important;
  border-radius: 12px 12px 0 0 !important;
  float: none !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
body.template-page .snize-product .snize-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  position: static !important;
  transform: none !important;
  max-width: none !important;
}

/* Shop Now button — replaces Add to Cart via JS */
body.template-page .snize-product .snize-shop-now-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #183369 !important;
  color: #fff !important;
  border-radius: 5px !important;
  padding: 10px 20px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  letter-spacing: 0.5px !important;
  width: 100% !important;
}
body.template-page .snize-product .snize-shop-now-btn:hover {
  background: #0f2050 !important;
}
body.template-page .snize-product .snize-btn-icon {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

/* Yotpo stars inside Snize card */
body.template-page .snize-product .snize-yotpo-rating {
  padding: 2px 12px 4px !important;
  display: none !important;
}
body.template-page .snize-product .snize-yotpo-rating[data-has-reviews] {
  padding: 2px 12px 4px !important;
  display: block !important;
}
body.template-pa
/* Yotpo review count text: match star orange color, hide when zero */
body.template-page .snize-product .yotpo-sr-bottom-line-text {
  color: rgba(227, 112, 21, 1) !important;
}
/* [data-no-reviews] approach replaced by [data-has-reviews] */ge .snize-product .snize-yotpo-rating .yotpo-widget-instance {
  min-height: 20px !important;
}
/* ============================================================
   AUTOCOMPLETE RESET — undo card styles inside #snize-instant-search-results
   ============================================================ */
#snize-instant-search-results .snize-product,
#snize-instant-search-results .snize-product * {
  min-height: unset !important;
  padding-bottom: 0 !important;
  background: unset !important;
  border-radius: unset !important;
  overflow: unset !important;
  display: revert !important;
  position: revert !important;
  flex: unset !important;
  flex-direction: unset !important;
  height: revert !important;
  width: revert !important;
  opacity: revert !important;
  visibility: revert !important;
  transform: revert !important;
  object-fit: revert !important;
  float: revert !important;
  margin: revert !important;
  font-family: revert !important;
  font-size: revert !important;
  font-weight: revert !important;
  color: revert !important;
  text-transform: revert !important;
  line-height: revert !important;
  padding: revert !important;
  letter-spacing: revert !important;
  cursor: revert !important;
  border: revert !important;
  text-align: revert !important;
  gap: revert !important;
  align-items: revert !important;
  justify-content: revert !important;
}
/* ── Autocomplete: match live-theme styling ─────────────── */
/* Snize CDN handles layout, thumbnails (70x70), and description visibility.
   We only override font-family, title color, and hide the dropdown arrow. */
#snize-instant-search-results span.snize-description {
  display: none !important;
}
#snize-instant-search-results span.snize-title {
  display: block;
  color: #1d3869 !important;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 100%;
  font-family: "Inter", sans-serif !important;
}
#snize-instant-search-results div.snize-dropdown-arrow {
  display: none !important;
}
#snize-instant-search-results span.snize-discounted-price {
  color: #9C9C9C;
}
#snize-instant-search-results .snize-price-list span.snize-highlight-saving-text {
  color: #9C9C9C;
}
/* Thumbnail height clamp — prevents landscape images from expanding the image area */
#snize_results .snize-product .snize-thumbnail-wrapper,
#snize_results .snize-product .snize-thumbnail {
  height: 252px !important;
  max-height: 252px !important;
  min-height: 252px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}
#snize_results .snize-product .snize-item-image {
  width: 252px !important;
  height: 252px !important;
  object-fit: contain !important;
}


/* Override: arrow buttons must have no border — beats (1,1,2) specificity of the li a page-number rule */
#snize_results .snize-pagination li a.snize-pagination-prev,
#snize_results .snize-pagination li a.snize-pagination-next {
  border: none !important;
  margin-top: 0px !important;
}
#snize_results .snize-pagination li span.snize-pagination-prev,
#snize_results .snize-pagination li span.snize-pagination-next {
  border: none !important;
  margin-top: 0px !important;
}

@media (max-width: 767px) {
  /* Close button position in mobile filters modal */
  #snize-modal-mobile-filters-dialog button.snize-close-button {
    left: 80% !important;
  }

  /* Shop Now button font size on mobile */
  body.template-page .snize-product .snize-shop-now-btn {
    font-size: 12px !important;
  }

  /* Hide view mode switcher (grid/list/row icons) on mobile */
  #snize_results.snize-mobile-design.snize-new-version div.snize-main-panel-view-mode {
    display: none !important;
  }

  /* Remove fixed thumbnail height on mobile — let aspect-ratio handle it */
  #snize_results .snize-product .snize-thumbnail-wrapper,
  #snize_results .snize-product .snize-thumbnail {
    height: unset !important;
    max-height: unset !important;
    min-height: unset !important;
  }
}

@media (max-width: 767px) {
  /* Remove fixed width/height on product image — let it scale naturally */
  #snize_results .snize-product .snize-item-image {
    width: unset !important;
    height: unset !important;
  }
}

@media (max-width: 767px) {
  /* Rule A: hide active-1 on mobile — prevents pagination wrapping to 2 rows */
  body.template-page .snize-pagination li:not(:has(.snize-pagination-prev)):has(+ li a.active) {
    display: none !important;
  }
  /* Rule B: hide active-2 on true middle pages only.
     Guard: target must be exactly 3 hops after prev button (i.e. left ellipsis is at pos2),
     AND right ellipsis must exist 5 hops further. */
  body.template-page .snize-pagination li:has(a.snize-pagination-prev) + li + li + li:has(+ li + li a.active):has(+ li + li + li + li + li span) {
    display: none !important;
  }
  /* Rule C: hide left ellipsis on true middle pages only.
     Guard: active must be 3 hops ahead, AND right ellipsis (span) must be 6 hops ahead. */
  body.template-page .snize-pagination li:has(span):not(:has(a)):has(+ li + li + li a.active):has(+ li + li + li + li + li + li span) {
    display: none !important;
  }
  /* Rule D: hide active+2 on middle pages — only when 3+ items follow (prevents near-end firing) */
  body.template-page .snize-pagination li:has(a.active) + li + li:not(:has(.snize-pagination-next)):has(+ li + li + li) {
    display: none !important;
  }
}