* {
          box-sizing: border-box;
          margin: 0;
          padding: 0;
      }
      body {
          font-family: 'Montserrat', sans-serif;
          background-color: #ffffff;
          color: #211915;
          -webkit-font-smoothing: antialiased;
      }
      a {
          text-decoration: none;
          color: inherit;
      }
      ul {
          list-style: none;
      }
      button {
          font-family: 'Montserrat', sans-serif;
          cursor: pointer;
      }
      
      .container {
          width: 100%;
          
          max-width: 1440px; 
          margin: 0 auto;
          padding: 0 60px; 
      }
      
      .top-bar {
          background-color: #211915;
          color: #f5f5f5;
      }
      
      .top-bar-content {
          display: grid;
          
          grid-template-columns: auto 1fr auto; 
          gap: 20px;
          align-items: center;
          height: 80px;
      }
      .top-bar .logo img {
          display: block;
      }
      .search-container {
          display: flex;
          background-color: #fff;
          border-radius: 4px;
          overflow: hidden;
          max-width: 600px;
      }
      .search-container input {
          flex-grow: 1;
          border: none;
          padding: 12px 20px;
          color: #211915;
          font-size: 12px;
          font-style: italic;
          font-weight: 500;
          line-height: 120%;
          font-family: 'Montserrat', sans-serif;
      }
      .search-container input:focus {
          outline: none;
      }
      .search-container input::placeholder {
          color: #979899;
          font-style: italic;
          font-weight: 500;
      }
      .search-icon-wrapper {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0 20px;
          background-color: #fff;
          cursor: pointer;
      }
      .search-icon-wrapper svg {
          width: 16px;
          height: 16px;
          stroke: #211915;
      }
      
      
      .header-right-widgets {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 40px;
          width: fit-content;
      }
      .promo-logo img {
          display: block;
          max-height: 50px;
          max-width: 100%;
      }
      .header-widget {
          display: flex;
          align-items: center;
          gap: 10px;
      }
      
      .header-widget.rastreio-widget .widget-icon-wrapper {
          background-color: #E30613;
          border-radius: 4px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 4px;
      }
      .header-widget .widget-icon {
          display: block;
          max-height: 28px;
          max-width: 100%;
      }
      .widget-text {
          display: flex;
          flex-direction: column;
          white-space: nowrap;
      }
      .widget-title {
          font-size: 12px;
          font-weight: 600;
          color: #f5f5f5;
      }
      .widget-link {
          font-size: 12px;
          font-weight: 400;
          color: #f5f5f5;
          text-decoration: underline;
      }
      .header-icon {
          display: flex;
          align-items: center;
          justify-content: center;
      }
      
      .header-icon svg {
          width: 24px;
          height: 24px;
          stroke: #f5f5f5;
          fill: none;
          stroke-width: 2;
      }
      
      .nav-menu-wrapper {
          height: 40px;
          background-color: #393939;
      }
      
      .nav-menu {
          height: 100%;
      }
      .nav-menu ul {
          display: flex;
          align-items: center;
          justify-content: space-between;
          height: 100%;
      }
      .nav-menu li a {
          display: flex;
          align-items: center;
          gap: 8px;
          color: #f8f8f8;
          font-weight: 500;
          line-height: 150%;
          text-transform: uppercase;
          font-size: 13px;
          position: relative;
          padding: 10px 5px;
          z-index: 1;
          
      }
      .nav-menu li a svg {
          width: 16px;
          height: 16px;
          stroke: #f8f8f8;
      }
      
      .nav-menu li a::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #e30613;
          transform: scaleX(0) skewX(-20deg);
          transition: transform 0.3s ease;
          transform-origin: center; 
          z-index: -1;
      }
      .nav-menu li a:hover::after {
          transform: scaleX(1) skewX(-20deg);
      }
      
      
      .breadcrumb-container {
          padding-top: 20px;
          padding-bottom: 20px;
          font-size: 12px;
          color: #979899;
          font-weight: 400;
          line-height: 150%;
          text-transform: capitalize;
          display: flex;
          flex-wrap: wrap;
          gap: 6px;
      }
      
      .breadcrumb-container span {
          display: flex;
          align-items: center;
          gap: 6px;
      }
      .breadcrumb-active {
          color: #e30613;
          font-weight: 700;
          text-wrap: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
      }
      
      
      .product-main {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 30px;
          margin-bottom: 80px;
      }
      
      
      .product-gallery .main-image {
          background-color: #f5f5f5;
          border-radius: 3px;
          width: 100%;
          height: auto;
          max-height: 600px;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          border: 1px solid #eee;
      }
      .product-gallery .main-image img {
          width: 100%;
          height: 100%;
          max-height: 600px;
          object-fit: contain;
      }
      .thumbnail-images {
          display: flex;
          gap: 10px;
          margin-top: 10px;
      }
      .thumbnail-images img {
          width: 80px;
          height: 80px;
          object-fit: cover;
          border: 2px solid #d9d9d9;
          border-radius: 3px;
          cursor: pointer;
          transition: border-color 0.2s;
      }
      .thumbnail-images img.active,
      .thumbnail-images img:hover {
          border-color: #e30613;
      }
      
      .product-info {
         
      }
      .product-rating {
          display: flex;
          align-items: center;
          gap: 8px;
          user-select: none;
      }
      .product-rating .stars {
          display: flex;
          gap: 2px;
      }
      .product-rating .stars svg {
          width: 20px;
          height: 20px;
      }
      .product-rating .rating-count {
          font-size: 14px;
          color: #393939;
      }
      .product-info h1 {
          margin: 12px 0;
          font-weight: 700;
          font-style: italic;
          font-size: 30px;
          color: #211915;
          line-height: 1.25;
      }
      .nutri-table-link {
          display: flex;
          align-items: center;
          gap: 3px;
          width: fit-content;
          color: #e30613;
          font-weight: 500;
          line-height: 150%;
          font-size: 12px;
          text-decoration: underline;
      }
      .nutri-table-link svg {
          width: 14px;
          height: 14px;
          stroke: #e30613;
          fill: none;
          stroke-width: 2;
      }
      .price-box {
          border-top: 1px solid #d9d9d9;
          border-bottom: 1px solid #d9d9d9;
          padding: 20px 0;
          margin: 20px 0;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          justify-content: flex-start;
          gap: 5px;
      }
      .price-main {
          display: flex;
          align-items: baseline;
          flex-wrap: wrap;
          gap: 10px;
      }
      .price-pix {
          color: #2f8241;
          font-size: 22px;
          font-weight: 700;
      }
      .price-pix-label {
          font-size: 12px;
          font-weight: 400;
          line-height: 150%;
          color: #393939;
      }
      .price-installments {
          font-size: 13px;
          color: #393939;
      }
      .btn-buy-now {
          width: 100%;
          padding: 16px;
          font-size: 16px;
          font-weight: 700;
          color: #fff;
          background-color: #2f8241;
          border: none;
          border-radius: 4px;
          cursor: pointer;
          transition: background-color 0.2s;
          text-transform: uppercase;
      }
      .btn-buy-now:hover {
          background-color: #266a35;
      }
      .secure-payment-text {
          font-size: 12px;
          color: #979899;
          text-align: center;
          margin-top: 10px;
      }
      .trust-badges {
          display: flex;
          justify-content: space-around;
          flex-wrap: wrap;
          gap: 15px;
          margin: 25px 0;
      }
      .badge {
          display: flex;
          align-items: center;
          gap: 8px;
          font-size: 12px;
          font-weight: 600;
      }
      .badge svg {
          width: 28px;
          height: 28px;
      }
      
      .badge-truck { color: #2f8241; }
      .badge-shield { color: #007bff; }
      .badge-card { color: #6f42c1; }
      .combo-highlights {
          margin-top: 20px;
      }
      .combo-highlights h3 {
          font-size: 16px;
          font-weight: 700;
          margin-bottom: 12px;
          color: #211915;
      }
      .combo-highlights ul {
          list-style: none;
      }
      .combo-highlights li {
          font-size: 14px;
          line-height: 1.7;
          color: #393939;
      }
      
      
      .product-details-tabs {
          margin-bottom: 80px;
      }
      .tab-navigation {
          display: flex;
          flex-wrap: wrap;
          gap: 30px;
          border-bottom: 2px solid #d9d9d9;
      }
      .tab-link {
          border: none;
          background: none;
          font-family: 'Montserrat', sans-serif;
          font-size: 16px;
          font-weight: 600;
          color: #393939;
          padding: 15px 0;
          cursor: pointer;
          position: relative;
          transition: color 0.2s;
      }
      
      .tab-link:hover {
          color: #e7000b;
      }
      .tab-link.active {
          color: #e7000b;
      }
      .tab-link.active::after {
          content: '';
          position: absolute;
          bottom: -2px;
          left: 0;
          width: 100%;
          height: 3px;
          background-color: #e7000b;
      }
      .tab-content {
          padding: 30px 0;
      }
      .tab-pane {
          display: none;
          opacity: 0;
          transition: opacity 0.3s ease;
          color: #393939;
          line-height: 1.7;
      }
      .tab-pane.active {
          display: block;
          opacity: 1;
      }
      
      .tab-pane h3 {
          margin: 20px 0 10px;
          font-size: 18px;
          font-weight: 700;
          color: #211915;
      }
      
      .tab-pane p {
          margin-bottom: 15px;
      }
      
      .tab-pane ul {
          list-style: disc;
          margin-left: 20px;
          margin-bottom: 15px;
      }
      .highlight-box {
          padding: 20px;
          border-radius: 8px;
          margin: 25px 0;
      }
      
      .highlight-box h3 {
          margin-top: 0;
      }
      .highlight-box.red-bg {
          background-color: rgba(227, 6, 19, 0.08);
          border: 1px solid rgba(227, 6, 19, 0.1);
      }
      .highlight-box.green-bg {
          background-color: rgba(47, 130, 65, 0.08);
          border: 1px solid rgba(47, 130, 65, 0.1);
      }
      
      .footer {
          background-color: #211915;
          color: #f5f5f5;
      }
      
      .footer-content {
          display: grid;
          grid-template-columns: auto 1fr 1fr 1fr 1fr;
          gap: 40px;
          padding-top: 32px;
          padding-bottom: 32px;
      }
      .footer-logo img {
          width: 203px;
          height: auto;
      }
      .footer-links, .footer-col {
          display: flex;
          flex-direction: column;
          gap: 14px;
	
      }
      .footer-links h4, .footer-col h4 {
          color: #fff;
          font-weight: 600;
          font-size: 14px;
          margin-bottom: 10px;
          text-transform: uppercase;
      }
      .footer-links a, .footer-col a {
          color: #f5f5f5;
          
          font-weight: 400;
          transition: color 0.2s;
	font-size:12px;
	font-weight:500;
	line-height:150%
	font-family: "Montserrat", sans-serif;
      }
      .footer-links a:hover, .footer-col a:hover {
          color: #fff;
          text-decoration: underline;
      }
      .footer-col .social-title,
      .footer-col .security-title {
          margin-top: 20px;
      }
      .social-icons {
          display: flex;
          flex-direction: column;
          gap: 10px;
      }
      .social-icons a {
          display: flex;
          align-items: center;
          gap: 8px;
	font-size:12px;
	font-weight:500;
	line-height:150%
	font-family: "Montserrat", sans-serif;
      }
      
      .social-icons svg {
          width: 20px;
          height: 20px;
          fill: #fff;
      }
      .payment-icons {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
      }
      
.security-icons {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
	width:auto !important;
}
      .payment-icons img {
          height: 25px;
          background: #fff;
          border-radius: 3px;
	
      }
.payment-icons img {
    width: 35px;
	max-height:420px;
}
      .security-icons img {
          height: 40px;
	max-width: 100%
	width:auto !important;
	display:block;
      }
      .back-to-top {
          margin-top: 20px;
          font-weight: 700;
          color: #fff;
          text-align: right;
          text-decoration: none;
      }
      
      
      
      @media (max-width: 992px) {
          .container {
              padding: 0 30px;
          }
          .top-bar-content {
              grid-template-columns: auto 1fr;
              gap: 15px;
          }
          .header-right-widgets {
              grid-column: 1 / -1;
              justify-content: flex-end;
              gap: 20px;
          }
          .promo-logo,
          .header-widget:nth-of-type(2) { 
              display: none;
          }
          .nav-menu ul {
              gap: 15px;
              justify-content: flex-start;
              overflow-x: auto;
          }
          .product-main {
              grid-template-columns: 1fr;
              margin-bottom: 40px;
          }
          .footer-content {
              grid-template-columns: 1fr 1fr;
          }
          .footer-logo {
              grid-column: 1 / -1;
              margin-bottom: 20px;
          }
      }
      
      @media (max-width: 768px) {
          .container {
              padding: 0 15px;
          }
          .top-bar-content {
              grid-template-columns: auto 1fr;
              height: auto;
              padding-top: 15px;
              padding-bottom: 15px;
          }
          .search-container {
	  grid-column: 1 / -1;
              grid-row: 2;
              margin-top: 10px;
          }
          .header-right-widgets {
              grid-row: 1;
              grid-column: 2 / 3;
              gap: 15px;
          }
          .promo-logo, .header-widget {
              display: none; 
          }
          .header-icon { display: flex; } 
          .product-info h1 {
              font-size: 24px;
          }
          .footer-content {
              grid-template-columns: 1fr;
              gap: 20px;
          }
	
	
      }