.globos-catalog-page {
  position:relative;
  overflow:hidden
}
.globos-catalog-page+.globos-footer {
  padding-top:0
}
.globos-catalog-shell {
  position:relative;
  width:100%;
  background:linear-gradient(145deg,#121713,#0b0f0c 68%,#1d100b);
  isolation:isolate;
  overflow:hidden
}
.globos-catalog-shell::before,.globos-catalog-shell::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:620px;
  aspect-ratio:1;
  background:#fff;
  -webkit-mask:url("../images/globos-mark.svg") center/contain no-repeat;
  mask:url("../images/globos-mark.svg") center/contain no-repeat;
  opacity:.035;
  pointer-events:none
}
.globos-catalog-shell::before {
  right:-120px;
  top:-100px;
  transform:rotate(9deg)
}
.globos-catalog-shell::after {
  left:-170px;
  bottom:-160px;
  transform:rotate(-12deg)
}
.globos-catalog-hero {
  display:grid;
  max-width:none;
  min-height:0;
  margin: 120px 20px 0px 20px;
  padding:42px 48px 40px;
  border:1px solid #343b35;
  border-radius:28px;
  background:linear-gradient(135deg,#151b17e8,#0c110ede 72%);
  box-shadow:0 22px 70px #0003;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:54px;
  align-items:center
}
.globos-catalog-intro {
  max-width:680px
}
.globos-catalog-intro>span,.globos-catalog-heading>span {
  color:var(--globos-orange);
  font-size:11px;
  font-weight:800;
  letter-spacing:.2em
}
.globos-catalog-intro h1 {
  margin:14px 0 20px;
  font-size:clamp(52px,5vw,82px);
  line-height:.9;
  letter-spacing:-.07em
}
.globos-catalog-intro h1 em {
  color:var(--globos-orange);
  font-style:normal
}
.globos-catalog-intro p {
  max-width:620px;
  margin:0;
  color:var(--globos-muted);
  font-size:15px;
  line-height:1.55
}
.globos-catalog-heading {
  padding:24px 0 2px 34px;
  border-left:1px solid #343b35
}
.globos-catalog-heading h2 {
  margin:12px 0 22px;
  font-size:clamp(42px,4vw,64px);
  line-height:.96;
  letter-spacing:-.06em
}
.globos-catalog-filters {
  display:flex;
  gap:8px;
  flex-wrap:wrap
}
.globos-catalog-filters button {
  min-height:46px;
  padding:0 20px;
  border:1px solid #343b35;
  border-radius:999px;
  background:#0d110e;
  color:#b9bdb9;
  font-weight:700;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease
}
.globos-catalog-filters button:hover {
  border-color:#f45a2480;
  color:#fff;
  transform:translateY(-1px)
}
.globos-catalog-filters button.is-active {
  border-color:var(--globos-orange);
  background:var(--globos-orange);
  color:#fff
}
.globos-catalog-grid {
  display:grid;
  padding:24px 22px 38px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px
}
.globos-catalog-card {
  display:flex;
  min-width:0;
  border:1px solid #343b35;
  border-radius:20px;
  background:rgba(19,23,20,.94);
  overflow:hidden;
  flex-direction:column;
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease
}
.globos-catalog-card:hover {
  border-color:#f45a2470;
  box-shadow:0 24px 50px #0005;
  transform:translateY(-4px)
}
.globos-catalog-card[hidden] {
  display:none
}
.globos-catalog-card-image {
  display:grid;
  position:relative;
  height:255px;
  margin:9px;
  border-radius:14px;
  background:linear-gradient(145deg,#202621,#111512);
  place-items:center;
  overflow:hidden
}
.globos-catalog-card-image::after {
  content:"";
  position:absolute;
  inset:auto 12% 0;
  height:1px;
  background:linear-gradient(90deg,transparent,#f45a2470,transparent)
}
.globos-catalog-card-image img {
  width:auto;
  height:auto;
  max-width:82%;
  max-height:86%;
  object-fit:contain;
  filter:drop-shadow(0 20px 18px #0008);
  transition:transform .35s ease
}
.globos-catalog-card:hover .globos-catalog-card-image img {
  transform:scale(1.045)
}
.globos-catalog-card[data-shop-product="adapter"] .globos-catalog-card-image img,
.globos-catalog-card[data-shop-product="key"] .globos-catalog-card-image img {
  max-width:72%;
  max-height:72%
}
.globos-catalog-card[data-shop-product="reducer"] .globos-catalog-card-image img,
.globos-catalog-card[data-shop-product="reducer_hose"] .globos-catalog-card-image img {
  max-width:62%;
  max-height:62%
}
.globos-catalog-card[data-shop-product="empty_10"] .globos-catalog-card-image img {
  max-width:58%;
  max-height:58%
}
.globos-catalog-card-image>span {
  position:absolute;
  left:12px;
  top:12px;
  padding:7px 10px;
  border:1px solid #83b98b26;
  border-radius:999px;
  background:#172119;
  color:#9bc9a2;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}
.globos-catalog-card-body {
  min-height:152px;
  padding:15px 20px 12px
}
.globos-catalog-card-body small {
  color:var(--globos-orange);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em
}
.globos-catalog-card-body h3 {
  margin:8px 0;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.025em
}
.globos-catalog-card-body p {
  margin:0;
  color:#858a85;
  font-size:12px;
  line-height:1.55
}
.globos-catalog-card>footer {
  display:flex;
  margin-top:auto;
  padding:14px 20px 18px;
  border-top:1px solid #292e2a;
  align-items:center;
  justify-content:space-between;
  gap:12px
}
.globos-catalog-card>footer>b {
  font-size:18px;
  white-space:nowrap
}
.globos-catalog-card>footer>a {
  display:flex;
  min-width:130px;
  height:42px;
  padding:0 9px 0 17px;
  border:1px solid var(--globos-orange);
  border-radius:999px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease
}
.globos-catalog-card>footer>a i {
  color:var(--globos-orange);
  font-style:normal;
  transition:color .2s ease,transform .2s ease
}
.globos-catalog-card>footer>a:hover {
  background:var(--globos-orange);
  box-shadow:0 10px 25px #f45a2430;
  transform:translateY(-1px)
}
.globos-catalog-card>footer>a:hover i {
  color:#fff;
  transform:rotate(45deg)
}
@media(max-width:1400px) {
  .globos-catalog-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .globos-catalog-hero {
    margin-right:0;
    margin-left:0;
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)
  }
}
@media(max-width:1050px) {
  .globos-catalog-hero {
    min-height:0;
    margin-top:104px;
    padding:38px 34px;
    grid-template-columns:1fr;
    gap:30px
  }
  .globos-catalog-intro {
    max-width:780px
  }
  .globos-catalog-heading {
    max-width:850px;
    padding:26px 0 0;
    border-top:1px solid #343b35;
    border-left:0
  }
  .globos-catalog-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:680px) {
  .globos-catalog-hero {
    margin:88px 10px 0;
    padding:28px 22px 24px;
    border-radius:22px;
    gap:24px
  }
  .globos-catalog-intro h1 {
    margin-bottom:16px;
    font-size:48px
  }
  .globos-catalog-intro p {
    font-size:13px
  }
  .globos-catalog-heading h2 {
    margin-bottom:22px;
    font-size:42px
  }
  .globos-catalog-filters {
    gap:7px
  }
  .globos-catalog-filters button {
    min-height:40px;
    padding:0 13px;
    font-size:11px
  }
  .globos-catalog-grid {
    padding:12px 8px 22px;
    grid-template-columns:1fr;
    gap:10px
  }
  .globos-catalog-card-image {
    height:245px
  }
  .globos-catalog-card-body {
    min-height:0;
    padding-bottom:18px
  }
}