.brand-mark {
  width: 52px;
  font-size: 19px;
  letter-spacing: 1px;
  clip-path: polygon(0 0, 100% 0, 100% 74%, 80% 100%, 0 100%);
}

.brand-image {
  width: 255px;
  height: 78px;
  overflow: hidden;
  -webkit-mask-image: radial-gradient(ellipse 94% 88% at center, #000 82%, transparent 100%);
  mask-image: radial-gradient(ellipse 94% 88% at center, #000 82%, transparent 100%);
}

.brand-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 43%;
  filter: contrast(1.03);
}

.footer-brand {
  width: 310px;
  height: 155px;
}

.brand strong {
  font-size: 19px;
  letter-spacing: 1.4px;
}

.brand small {
  font-size: 6px;
  letter-spacing: 2.8px;
}

.nozzle i {
  width: 150px;
  height: 58px;
  background: linear-gradient(#e1e4e2, #68726f 52%, #bbc1be);
  clip-path: polygon(0 25%, 20% 25%, 31% 0, 70% 0, 82% 35%, 100% 42%, 100% 58%, 82% 65%, 70% 100%, 31% 100%, 20% 75%, 0 75%);
  filter: drop-shadow(0 15px 12px #000);
  transform: rotate(-12deg);
}

.nozzle i::before {
  width: 30px;
  height: 58px;
  left: 34px;
  top: 0;
  border-left: 5px solid #343c3a;
  border-right: 5px solid #343c3a;
}

.nozzle i::after {
  width: 48px;
  height: 6px;
  right: -35px;
  top: 26px;
  background: linear-gradient(90deg, #bfc5c2, transparent);
}

.custom-nozzle {
  background: linear-gradient(145deg, #303936, #101515);
}

.custom-nozzle i {
  filter: sepia(.35) saturate(1.6) hue-rotate(6deg) drop-shadow(0 15px 12px #000);
}

.custom-nozzle::before {
  content: "SEGÚN MUESTRA";
  position: absolute;
  right: 12px;
  bottom: 10px;
  z-index: 2;
  color: var(--lime);
  font: 600 8px var(--body);
  letter-spacing: 1.6px;
}

.machine-models {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 10px 0 20px;
  padding: 0;
}

.machine-models li {
  padding: 6px 8px;
  border: 1px solid #46514e;
  color: #cdd3d0;
  font: 600 8px var(--body);
  letter-spacing: .7px;
}

.nozzle-product {
  min-height: 475px;
}

@media (max-width: 700px) {
  .brand-image { width: 190px; height: 60px; }
  .footer-brand { width: 260px; height: 130px; }
  .site-header .brand strong { font-size: 15px; }
  .site-header .brand small { letter-spacing: 1.6px; }
}