:root{
  --tg-primary:#0398d9;
  --tg-primary-dark:#027fb7;
  --tg-dark:#0b0b0b;
  --tg-dark-2:#141414;
  --tg-text:#1f2937;
  --tg-muted:#6b7280;
  --tg-radius:24px;
  --tg-shadow:0 18px 45px rgba(0,0,0,.08);
}

body{
  background:#f7f9fc;
  color:var(--tg-text);
}

a{
  text-decoration:none;
}

img{
  max-width:100%;
  height:auto;
}

.btn-primary{
  background:var(--tg-primary);
  border-color:var(--tg-primary);
}

.btn-primary:hover,
.btn-primary:focus{
  background:var(--tg-primary-dark);
  border-color:var(--tg-primary-dark);
}

.btn-outline-primary{
  color:var(--tg-primary);
  border-color:var(--tg-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus{
  background:var(--tg-primary);
  border-color:var(--tg-primary);
}

.site-header{
  position:sticky;
  top:0;
  z-index:1045;
  background:rgba(10,10,10,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.site-navbar{
  min-height:84px;
}

.site-logo img{
  height:42px;
  width:auto;
  display:block;
}

.main-nav .nav-link{
  color:rgba(255,255,255,.86);
  font-weight:600;
  padding:.95rem 1rem;
}

.main-nav .nav-link:hover,
.main-nav .nav-link:focus,
.main-nav .nav-link.active{
  color:#fff;
}

.main-nav .dropdown-menu{
  background:#141414;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:.6rem;
  min-width:280px;
  box-shadow:0 20px 45px rgba(0,0,0,.28);
}

.main-nav .dropdown-item{
  color:rgba(255,255,255,.88);
  border-radius:12px;
  padding:.8rem 1rem;
  font-weight:500;
}

.main-nav .dropdown-item:hover,
.main-nav .dropdown-item:focus{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.8rem 1.15rem;
  border-radius:999px;
  background:var(--tg-primary);
  color:#fff;
  font-weight:700;
}

.nav-cta:hover{
  background:var(--tg-primary-dark);
  color:#fff;
}

.navbar-toggler{
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none !important;
}

.navbar-toggler-icon{
  filter:invert(1);
}

.offcanvas.offcanvas-end{
  background:#111;
  color:#fff;
  border-left:1px solid rgba(255,255,255,.08);
}

.offcanvas-logo{
  height:36px;
  width:auto;
}

.offcanvas .nav-link{
  color:rgba(255,255,255,.88);
  font-weight:600;
  padding:.85rem 0;
}

.offcanvas .dropdown-menu{
  background:#181818;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
}

.offcanvas .dropdown-item{
  color:rgba(255,255,255,.88);
}

.offcanvas .dropdown-item:hover,
.offcanvas .dropdown-item:focus{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.section-title{
  font-size:clamp(2rem,4vw,3.6rem);
  font-weight:800;
  line-height:1.05;
}

.section-lead{
  font-size:1.125rem;
  color:var(--tg-muted);
}

.card-soft,
.box-soft{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--tg-shadow);
}

.footer-logo{
  height:38px;
  width:auto;
}

/* Hero */

.hero-home{
  position:relative;
  padding:6rem 0 5rem;
  background:linear-gradient(180deg, #eef7fc 0%, #f7f9fc 100%);
  overflow:hidden;
}

.hero-home-copy h1{
  font-size:clamp(2.7rem,6vw,5.2rem);
  font-weight:800;
  line-height:1.02;
}

.hero-home-copy p{
  font-size:1.1rem;
  color:var(--tg-muted);
  max-width:720px;
}

.eyebrow{
  display:inline-block;
  padding:.45rem .8rem;
  border-radius:999px;
  background:rgba(3,152,217,.10);
  color:var(--tg-primary);
  font-weight:600;
  font-size:.9rem;
  margin-bottom:1rem;
}

.hero-feature-list{
  display:grid;
  gap:.85rem;
}

.hero-feature-list div{
  display:flex;
  align-items:center;
  font-weight:600;
  color:var(--tg-text);
  font-size:1rem;
}

.hero-feature-list i{
  color:var(--tg-primary);
  width:1.5rem;
  text-align:center;
}

.hero-visual{
  position:relative;
  min-height:520px;
  padding:2rem;
  overflow:hidden;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
}

.hero-visual-image{
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
  border-radius:20px;
  display:block;
}

.hero-floating-badge{
  position:absolute;
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.06);
  border-radius:999px;
  padding:.8rem 1rem;
  box-shadow:0 14px 30px rgba(0,0,0,.10);
  font-weight:700;
  color:#1f2937;
}

.hero-floating-badge i{
  color:var(--tg-primary);
}

.hero-badge-1{
  top:28px;
  right:28px;
}

.hero-badge-2{
  left:28px;
  bottom:96px;
}

.hero-badge-3{
  right:28px;
  bottom:32px;
}

.soft-glow{
  position:absolute;
  inset:auto auto 8% -120px;
  width:360px;
  height:360px;
  background:radial-gradient(circle, rgba(3,152,217,.12) 0%, rgba(3,152,217,0) 70%);
  pointer-events:none;
  z-index:1;
}

.soft-glow-2{
  position:absolute;
  inset:10% -80px auto auto;
  width:300px;
  height:300px;
  background:radial-gradient(circle, rgba(3,152,217,.10) 0%, rgba(3,152,217,0) 70%);
  pointer-events:none;
  z-index:1;
}

/* Generic cards / content sections */

.product-list-card,
.contact-card,
.product-image-box,
.product-info-box,
.value-card{
  background:#fff;
  border-radius:28px;
  box-shadow:var(--tg-shadow);
}

.product-list-card{
  overflow:hidden;
  height:100%;
}

.product-list-card img{
  width:100%;
  height:360px;
  object-fit:contain;
  padding:1.25rem;
  background:#fff;
}

.value-card{
  padding:2rem;
  height:100%;
}

.highlight-band{
  background:linear-gradient(135deg, #0398d9 0%, #026e9e 100%);
  color:#fff;
  border-radius:28px;
  padding:3rem;
}

.page-hero,
.contact-hero,
.product-hero{
  padding:5rem 0 3rem;
  background:linear-gradient(180deg, #eef7fc 0%, #f7f9fc 100%);
}

.contact-card,
.product-info-box{
  padding:2rem;
}

.product-image-box{
  padding:2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:520px;
}

.product-image-box img{
  max-width:100%;
  max-height:440px;
  object-fit:contain;
  filter:drop-shadow(0 24px 24px rgba(0,0,0,.16));
}

.form-note{
  font-size:.95rem;
  color:#6b7280;
}

.accent-badge{
  display:inline-block;
  padding:.5rem .85rem;
  border-radius:999px;
  font-weight:700;
  color:#fff;
  margin-bottom:1rem;
}

/* Responsive */

@media (min-width:992px){
  .main-nav .dropdown:hover > .dropdown-menu{
    display:block;
  }
}

@media (max-width:991.98px){
  .hero-visual{
    min-height:auto;
  }

  .hero-visual-image{
    min-height:320px;
  }

  .hero-floating-badge{
    position:static;
    margin-top:1rem;
    display:flex;
    width:100%;
    justify-content:center;
  }
}

.facts-band{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:1rem;
  background:#fff;
  border-radius:28px;
  padding:1.25rem;
  box-shadow:var(--tg-shadow);
}

.facts-band-item{
  height:100%;
  border-radius:22px;
  padding:1.25rem 1rem;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  border:1px solid rgba(3,152,217,.08);
  text-align:center;
}

.facts-band-icon{
  font-size:2rem;
  color:var(--tg-primary);
  margin-bottom:.9rem;
}

.facts-band-content h3{
  font-size:1.05rem;
  font-weight:700;
  margin-bottom:.65rem;
  color:var(--tg-text);
}

.facts-band-content p{
  font-size:.95rem;
  line-height:1.55;
  color:var(--tg-muted);
  margin:0;
}

@media (max-width: 1399.98px){
  .facts-band{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media (max-width: 991.98px){
  .facts-band{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media (max-width: 575.98px){
  .facts-band{
    grid-template-columns:1fr;
  }
}

.facts-strip{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem;
  background:#fff;
  border-radius:28px;
  padding:1.25rem 1.5rem;
  box-shadow:var(--tg-shadow);
}

.facts-strip-item{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  padding:.9rem 1.1rem;
  border-radius:999px;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  border:1px solid rgba(0,0,0,.05);
  color:var(--tg-text);
  font-weight:700;
}

.facts-strip-item i{
  color:var(--product-accent, var(--tg-primary));
  font-size:1.1rem;
}

.contact-card-form{
  padding:2.25rem;
}

.product-choice-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:.85rem;
}

.product-choice{
  position:relative;
}

.product-choice-input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.product-choice-label{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:64px;
  padding:1rem 1rem;
  border-radius:18px;
  border:1px solid rgba(3,152,217,.14);
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  cursor:pointer;
  transition:all .2s ease;
  text-align:center;
}

.product-choice-title{
  font-weight:700;
  color:var(--tg-text);
  line-height:1.25;
}

.product-choice-label:hover{
  border-color:rgba(3,152,217,.34);
  box-shadow:0 10px 24px rgba(3,152,217,.08);
}

.product-choice-input:checked + .product-choice-label{
  background:linear-gradient(180deg, rgba(3,152,217,.14) 0%, rgba(3,152,217,.08) 100%);
  border-color:var(--tg-primary);
  box-shadow:0 12px 28px rgba(3,152,217,.14);
}

.sidebar-product-list{
  display:grid;
  gap:1rem;
}

.sidebar-product-item{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1rem;
  border:1px solid rgba(0,0,0,.06);
  border-radius:20px;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.sidebar-product-item:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.08);
  border-color:rgba(3,152,217,.18);
}

.sidebar-product-image{
  width:84px;
  min-width:84px;
  height:84px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:#fff;
}

.sidebar-product-image img{
  max-width:100%;
  max-height:72px;
  object-fit:contain;
}

.sidebar-product-content h3{
  font-size:1rem;
  font-weight:700;
  color:var(--tg-text);
  margin:0 0 .25rem 0;
}

.sidebar-product-content p{
  font-size:.92rem;
  color:var(--tg-muted);
  margin:0;
}

@media (max-width: 575.98px){
  .product-choice-grid{
    grid-template-columns:1fr;
  }
}

.product-hero{
  padding:5rem 0 3rem;
  background:linear-gradient(180deg, #eef7fc 0%, #f7f9fc 100%);
}

.theme-bacteria{
  --product-accent:#0398d9;
  --product-accent-dark:#027fb7;
  --product-accent-soft:rgba(3,152,217,.10);
}

.theme-scratch{
  --product-accent:#dc2626;
  --product-accent-dark:#b91c1c;
  --product-accent-soft:rgba(220,38,38,.10);
}

.theme-anti-glare{
  --product-accent:#eab308;
  --product-accent-dark:#ca8a04;
  --product-accent-soft:rgba(234,179,8,.14);
}

.theme-privacy{
  --product-accent:#16a34a;
  --product-accent-dark:#15803d;
  --product-accent-soft:rgba(22,163,74,.10);
}

.product-hero .accent-badge{
  background:var(--product-accent);
}

.product-breadcrumb-wrap{
  display:flex;
}

.product-breadcrumb{
  background:#fff;
  border-radius:999px;
  padding:.8rem 1rem;
  box-shadow:var(--tg-shadow);
}

.product-breadcrumb .breadcrumb-item,
.product-breadcrumb .breadcrumb-item a{
  color:#4b5563;
  font-weight:600;
  text-decoration:none;
}

.product-breadcrumb .breadcrumb-item.active{
  color:var(--product-accent);
}

.product-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  color:#9ca3af;
}

.btn-product{
  background:var(--product-accent);
  border:1px solid var(--product-accent);
  color:#fff;
  font-weight:700;
}

.btn-product:hover,
.btn-product:focus{
  background:var(--product-accent-dark);
  border-color:var(--product-accent-dark);
  color:#fff;
}

.btn-product-outline{
  background:#fff;
  border:1px solid var(--product-accent);
  color:var(--product-accent);
  font-weight:700;
}

.btn-product-outline:hover,
.btn-product-outline:focus{
  background:var(--product-accent-soft);
  border-color:var(--product-accent);
  color:var(--product-accent);
}

.product-content-box,
.product-side-card{
  background:#fff;
  border-radius:28px;
  box-shadow:var(--tg-shadow);
  padding:2rem;
}

.product-benefits-grid{
  display:grid;
  gap:.9rem;
}

.product-benefit-item{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  padding:1rem 1rem;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  border:1px solid rgba(0,0,0,.05);
  border-radius:18px;
}

.product-benefit-item i{
  color:var(--product-accent);
  margin-top:.15rem;
}

.product-variant-block{
  margin-top:2.5rem;
  padding-top:2.5rem;
  border-top:1px solid rgba(0,0,0,.08);
}

.product-variant-title{
  font-size:1.85rem;
  line-height:1.1;
  font-weight:800;
  margin-bottom:1.5rem;
  color:var(--product-accent);
}

.product-variant-subtitle{
  font-size:1.1rem;
  font-weight:700;
  margin-bottom:1rem;
}

.product-variant-image-box{
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  border-radius:24px;
  padding:1.5rem;
  text-align:center;
  box-shadow:0 14px 30px rgba(0,0,0,.06);
}

.product-variant-image-box img{
  max-width:100%;
  max-height:280px;
  object-fit:contain;
  filter:drop-shadow(0 20px 20px rgba(0,0,0,.14));
}

.product-variant-badge{
  max-height:76px;
  width:auto;
}

.product-feature-list{
  padding-left:1.1rem;
}

.product-feature-list li{
  margin-bottom:.55rem;
}

.product-spec-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}

.product-spec-tag{
  display:inline-flex;
  align-items:center;
  padding:.55rem .8rem;
  border-radius:999px;
  font-size:.92rem;
  font-weight:700;
  color:var(--product-accent);
  background:var(--product-accent-soft);
  border:1px solid rgba(0,0,0,.04);
}

.accordion-button:not(.collapsed){
  color:var(--product-accent);
  background:var(--product-accent-soft);
  box-shadow:none;
}

.accordion-button:focus{
  border-color:var(--product-accent);
  box-shadow:0 0 0 .25rem rgba(0,0,0,.04);
}

/* Product themes */

.product-hero{
  padding:5rem 0 3rem;
  background:linear-gradient(180deg, #eef7fc 0%, #f7f9fc 100%);
}

.theme-bacteria{
  --product-accent:#0398d9;
  --product-accent-dark:#027fb7;
  --product-accent-soft:rgba(3,152,217,.10);
}

.theme-scratch{
  --product-accent:#dc2626;
  --product-accent-dark:#b91c1c;
  --product-accent-soft:rgba(220,38,38,.10);
}

.theme-anti-glare{
  --product-accent:#eab308;
  --product-accent-dark:#ca8a04;
  --product-accent-soft:rgba(234,179,8,.14);
}

.theme-privacy{
  --product-accent:#16a34a;
  --product-accent-dark:#15803d;
  --product-accent-soft:rgba(22,163,74,.10);
}

.product-hero .accent-badge{
  background:var(--product-accent);
}

.product-breadcrumb-wrap{
  display:flex;
}

.product-breadcrumb{
  background:#fff;
  border-radius:999px;
  padding:.8rem 1rem;
  box-shadow:var(--tg-shadow);
}

.product-breadcrumb .breadcrumb-item,
.product-breadcrumb .breadcrumb-item a{
  color:#4b5563;
  font-weight:600;
  text-decoration:none;
}

.product-breadcrumb .breadcrumb-item.active{
  color:var(--product-accent);
}

.product-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  color:#9ca3af;
}

.btn-product{
  background:var(--product-accent);
  border:1px solid var(--product-accent);
  color:#fff;
  font-weight:700;
}

.btn-product:hover,
.btn-product:focus{
  background:var(--product-accent-dark);
  border-color:var(--product-accent-dark);
  color:#fff;
}

.btn-product-outline{
  background:#fff;
  border:1px solid var(--product-accent);
  color:var(--product-accent);
  font-weight:700;
}

.btn-product-outline:hover,
.btn-product-outline:focus{
  background:var(--product-accent-soft);
  border-color:var(--product-accent);
  color:var(--product-accent);
}

.product-content-box,
.product-side-card{
  background:#fff;
  border-radius:28px;
  box-shadow:var(--tg-shadow);
  padding:2rem;
}

.product-benefits-grid{
  display:grid;
  gap:.9rem;
}

.product-benefit-item{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  padding:1rem 1rem;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  border:1px solid rgba(0,0,0,.05);
  border-radius:18px;
}

.product-benefit-item i{
  color:var(--product-accent);
  margin-top:.15rem;
}

.product-variant-block{
  margin-top:2.5rem;
  padding-top:2.5rem;
  border-top:1px solid rgba(0,0,0,.08);
}

.product-variant-title{
  font-size:1.85rem;
  line-height:1.1;
  font-weight:800;
  margin-bottom:1.5rem;
  color:var(--product-accent);
}

.product-variant-subtitle{
  font-size:1.1rem;
  font-weight:700;
  margin-bottom:1rem;
}

.product-variant-image-box{
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  border-radius:24px;
  padding:1.5rem;
  text-align:center;
  box-shadow:0 14px 30px rgba(0,0,0,.06);
}

.product-variant-image-box img{
  max-width:100%;
  max-height:280px;
  object-fit:contain;
  filter:drop-shadow(0 20px 20px rgba(0,0,0,.14));
}

.product-variant-badge{
  max-height:76px;
  width:auto;
}

.product-feature-list{
  padding-left:1.1rem;
}

.product-feature-list li{
  margin-bottom:.55rem;
}

.product-spec-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}

.product-spec-tag{
  display:inline-flex;
  align-items:center;
  padding:.55rem .8rem;
  border-radius:999px;
  font-size:.92rem;
  font-weight:700;
  color:var(--product-accent);
  background:var(--product-accent-soft);
  border:1px solid rgba(0,0,0,.04);
}

.facts-strip{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem;
  background:#fff;
  border-radius:28px;
  padding:1.25rem 1.5rem;
  box-shadow:var(--tg-shadow);
}

.facts-strip-item{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  padding:.9rem 1.1rem;
  border-radius:999px;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  border:1px solid rgba(0,0,0,.05);
  color:var(--tg-text);
  font-weight:700;
}

.facts-strip-item i{
  color:var(--product-accent, var(--tg-primary));
  font-size:1.1rem;
}

.accordion-button:not(.collapsed){
  color:var(--product-accent);
  background:var(--product-accent-soft);
  box-shadow:none;
}

.accordion-button:focus{
  border-color:var(--product-accent);
  box-shadow:0 0 0 .25rem rgba(0,0,0,.04);
}

/* Products page */

.products-hero{
  position:relative;
  overflow:hidden;
}

.product-theme-card{
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:28px;
  box-shadow:var(--tg-shadow);
}

.product-list-topbar{
  height:8px;
  background:var(--product-accent);
}

.product-list-inner{
  padding:1.5rem;
  background:#fff;
}

.product-list-image-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:300px;
  border-radius:22px;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
}

.product-list-image-wrap img{
  max-width:100%;
  max-height:260px;
  object-fit:contain;
  filter:drop-shadow(0 20px 20px rgba(0,0,0,.14));
}

.product-mini-badge{
  display:inline-flex;
  align-items:center;
  padding:.55rem .85rem;
  border-radius:999px;
  font-weight:700;
  background:var(--product-accent-soft);
  color:var(--product-accent);
}

.product-lead{
  color:var(--product-accent-dark);
}

.product-feature-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}

.product-feature-chip{
  display:inline-flex;
  align-items:center;
  padding:.55rem .8rem;
  border-radius:999px;
  background:var(--product-accent-soft);
  color:var(--product-accent);
  font-size:.92rem;
  font-weight:700;
  border:1px solid rgba(0,0,0,.04);
}

.tg-product-carousel {
  position: relative;
  padding-bottom: 3.5rem;
}

.tg-product-carousel .carousel-item {
  padding: 0 3.5rem;
}

.tg-carousel-image {
  max-height: 420px;
  object-fit: contain;
}

.tg-product-carousel .carousel-control-prev,
.tg-product-carousel .carousel-control-next {
  width: 48px;
  height: 48px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(3, 152, 217, 0.12);
  border-radius: 50%;
  opacity: 1;
}

.tg-product-carousel .carousel-control-prev {
  left: 0.5rem;
}

.tg-product-carousel .carousel-control-next {
  right: 0.5rem;
}

.tg-product-carousel .carousel-control-prev-icon,
.tg-product-carousel .carousel-control-next-icon {
  filter: invert(24%) sepia(94%) saturate(2710%) hue-rotate(176deg) brightness(94%) contrast(98%);
  width: 1.2rem;
  height: 1.2rem;
}

.tg-product-carousel .carousel-indicators {
  margin-bottom: 0;
  bottom: 0;
}

.tg-product-carousel .carousel-indicators [data-bs-target] {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 0;
  background-color: rgba(3, 152, 217, 0.3);
}

.tg-product-carousel .carousel-indicators .active {
  background-color: #0398d9;
}

@media (max-width: 991.98px) {
  .tg-product-carousel .carousel-item {
    padding: 0 0.75rem;
  }

  .tg-product-carousel .carousel-control-prev,
  .tg-product-carousel .carousel-control-next {
    width: 40px;
    height: 40px;
  }

  .tg-carousel-image {
    max-height: 300px;
  }
}