/* Shared storefront rules extracted from administration styles. */
:root {
  --brand-primary: #124c70;
  --brand-accent: #e73535;
}
button,
.button {
  background: var(--brand-accent);
}
.secondary {
  background: #e9eef1;
}
.campaign-banner {
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: 16px;
  z-index: 1000;
  padding: 18px;
  background: white;
  border: 1px solid #ddd;
  box-shadow: 0 5px 30px #0002;
  border-radius: 14px;
}
.campaign-dialog img {
  max-width: 100%;
  max-height: 260px;
  object-fit: contain;
}
footer {
  background: var(--brand-primary);
}

.product-image {
  position: relative;
}
.product-badges {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  pointer-events: none;
}
.product-promo-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 5px 8px;
  border-radius: 7px;
  background: #fffffff2;
  color: #203c4b;
  box-shadow: 0 1px 5px #0001;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}
.product-promo-badge svg {
  flex-shrink: 0;
}
.product-showcase {
  margin: 42px 0;
}
.product-showcase .section-head p {
  font-size: 14px;
  color: #627784;
  margin: 7px 0 0;
}
.showcase-controls {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 8px 0;
}
.showcase-controls button {
  padding: 7px 15px;
}
.showcase-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 60px) / 4);
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 12px;
}
.showcase-track .product {
  scroll-snap-align: start;
}
.showcase-track:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 4px;
}
@media (max-width: 900px) {
  .showcase-track {
    grid-auto-columns: calc((100% - 40px) / 3);
  }
}
@media (max-width: 700px) {
  .showcase-track {
    grid-auto-columns: 76%;
    gap: 14px;
  }
  .product-promo-badge {
    font-size: 10px;
    padding: 4px 6px;
  }
  .product-badges {
    left: 7px;
    right: 7px;
    top: 7px;
  }
  .product-showcase .section-head {
    gap: 15px;
  }
  .product-showcase h2 {
    font-size: 24px;
  }
  .product-showcase .section-head a {
    font-size: 12px;
    white-space: nowrap;
  }
}
.hero-slide[hidden] {
  display: none !important;
}
.hero-slider {
  margin-bottom: 40px;
  outline-offset: 4px;
}
.hero-slider .hero {
  margin-bottom: 0;
}
.hero-slide h2 {
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.15;
  margin: 15px 0;
}
.hero-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px;
}
.hero-dots {
  display: flex;
  gap: 8px;
}
.hero-dots button[aria-current="true"] {
  background: var(--blue);
  color: white;
}
@media (max-width: 700px) {
  .hero-controls {
    gap: 8px;
    padding: 12px 0;
  }
  .hero-controls button {
    padding: 9px 12px;
  }
  .hero-dots {
    gap: 5px;
  }
  .hero-slider .hero-copy {
    padding: 24px;
  }
  .hero-slider .hero img {
    width: 100%;
    object-fit: cover;
  }
}


.product-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:14px;margin:5px 0 22px}.product-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.list-return{display:inline-block;margin-bottom:18px}.search{align-items:end;flex-wrap:wrap;max-width:100%;gap:10px;margin-bottom:24px}.search>input{min-width:230px;flex:1;height:46px}.search>button{height:46px;padding:10px 24px}.search>label{margin:0;min-width:135px}.search select{height:46px;margin:0}.header-search{display:flex;align-items:center;gap:6px;margin-left:auto}.header-search input{width:190px;min-height:34px;height:34px;margin:0;font-size:13px}.header-search button{padding:6px 10px;font-size:13px}.social-follow{margin-top:16px}.social-icons{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.social-icons a{display:inline-flex!important;align-items:center;gap:6px}.social-icons svg{width:23px;height:23px;flex-shrink:0}.utility-navigation .social-follow{display:flex;align-items:center;gap:10px;margin:0}.utility-navigation .social-icons{margin:0}.utility-navigation .social-icons a span{display:none}.utility-navigation .social-icons svg{width:18px;height:18px}.whatsapp-help{position:fixed;right:20px;bottom:22px;z-index:35;border-radius:30px;background:#126b43;color:white!important;padding:14px 20px;box-shadow:0 4px 22px #0002;font-weight:600;font-size:14px}.whatsapp-help:hover{background:#0e5636}.whatsapp-help:focus-visible{outline:3px solid #fff;outline-offset:3px}.image-unavailable{display:grid;place-items:center;min-height:160px;width:100%;height:100%;background:#edf2f4;color:#546774;font-size:14px}.hero-slide img{width:100%;height:100%;object-fit:contain;background:white}.product-knowledge{margin:45px 0;padding:28px;background:white;border:1px solid #dce4e9;border-radius:14px}.knowledge-links{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid #dce4e9;padding-bottom:16px;margin-bottom:24px}.product-knowledge p{max-width:90ch;line-height:1.8}.product-knowledge details{border-bottom:1px solid #dce4e9;padding:18px 0}.product-knowledge summary{font-weight:650;font-size:18px;cursor:pointer}.product-knowledge [id]{scroll-margin-top:110px}.guide-card{display:block;background:white;border:1px solid #dce4e9;border-radius:14px;overflow:hidden;color:inherit;text-decoration:none}.guide-card>img{width:100%;aspect-ratio:3/2;object-fit:cover}.guide-card>div{padding:23px}.guide-card h2{font-size:23px;line-height:1.3;margin:12px 0}.guide-card small{color:#536b79}.guide-card p{color:#536b79;line-height:1.7}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-cover{width:100%;max-height:460px;object-fit:cover;border-radius:14px;margin:20px 0}.blog-filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.blog-filters button[aria-pressed=true]{background:#163f55;color:white}.article{max-width:960px;margin:auto}.article p{line-height:1.85}.article h2{margin-top:36px}.related-products{margin:40px 0}.product-info .price{font-size:20px}.price-caption{display:block;font-size:13px;font-weight:400;color:#546774;margin-top:4px}@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-search input{width:145px}.product-knowledge{padding:20px}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.header-search{width:100%;margin:8px 0}.header-search input{width:100%}.utility-navigation{flex-wrap:wrap}.utility-navigation .social-follow{width:100%;margin:8px 0}.whatsapp-help{right:12px;bottom:14px;padding:12px 15px}.product-knowledge{padding:16px}.knowledge-links{gap:12px;font-size:14px}.hero-slide img{aspect-ratio:3/2;object-fit:contain}.search>label{flex:1}.search>input{min-width:180px}}

.product-info .product-type{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.utility-navigation{align-items:center}.hero-slider .hero-slide{overflow:hidden}

.technical-specs{margin:20px 0}.technical-specs>div{display:grid;grid-template-columns:minmax(150px,1fr) 3fr;gap:20px;padding:12px 0;border-bottom:1px solid #edf0f3}.technical-specs dt{font-weight:600}.technical-specs dd{margin:0;line-height:1.6}@media(max-width:600px){.technical-specs>div{grid-template-columns:1fr;gap:5px}}

.guide-card>img{object-fit:contain;background:white}.blog-cover{object-fit:contain;background:white}