.elementor .dl-gear-shop{/* =========================================================
 DL GEAR — PRODUCT SHOP
========================================================= */

.dl-gear-shop {
--dl-black: #090909;
--dl-white: #ffffff;
--dl-cream: #f4f0e7;
--dl-lime: #c7ff00;
--dl-pink: #ff3cab;
--dl-blue: #3157ff;

position: relative;
overflow: hidden;
background:
  linear-gradient(
    rgba(9, 9, 9, 0.035) 1px,
    transparent 1px
  ),
  linear-gradient(
    90deg,
    rgba(9, 9, 9, 0.035) 1px,
    transparent 1px
  ),
  var(--dl-cream);
background-size: 28px 28px;
padding: 110px max(20px, calc((100vw - 1240px) / 2));
}

.dl-gear-shop::before {
content: "GEAR";
position: absolute;
top: 30px;
right: -25px;
color: rgba(9, 9, 9, 0.035);
font-family: "Black Ops One", sans-serif;
font-size: clamp(130px, 20vw, 320px);
line-height: 1;
pointer-events: none;
transform: rotate(5deg);
}

/* Section heading */

.dl-gear-shop__heading {
position: relative;
z-index: 2;
max-width: 1240px;
margin: 0 auto 62px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 50px;
}

.dl-gear-shop__heading-copy {
max-width: 820px;
}

.dl-gear-shop__eyebrow {
display: inline-block;
margin-bottom: 20px;
padding: 8px 13px;
color: var(--dl-white);
background: var(--dl-blue);
border: 2px solid var(--dl-black);
box-shadow: 5px 5px 0 var(--dl-pink);
font-family: "Black Ops One", sans-serif;
font-size: 13px;
line-height: 1.2;
letter-spacing: 0.08em;
transform: rotate(-1deg);
}

.dl-gear-shop__heading h2 {
margin: 0;
color: var(--dl-black);
font-family: "Black Ops One", sans-serif;
font-size: clamp(52px, 7vw, 100px);
font-weight: 400;
line-height: 0.84;
letter-spacing: -0.045em;
text-transform: uppercase;
}

.dl-gear-shop__heading h2 strong {
display: block;
margin-top: 14px;
width: max-content;
max-width: 100%;
color: var(--dl-pink);
font-family: "Bangers", sans-serif;
font-size: 1.08em;
font-weight: 400;
letter-spacing: 0.015em;
text-shadow:
  4px 4px 0 var(--dl-black),
  7px 7px 0 var(--dl-lime);
transform: rotate(-1.5deg);
}

.dl-gear-shop__heading p {
max-width: 680px;
margin: 30px 0 0;
color: rgba(9, 9, 9, 0.72);
font-family: Arial, sans-serif;
font-size: clamp(17px, 2vw, 20px);
line-height: 1.55;
}

/* Warning sticker */

.dl-gear-shop__warning {
flex: 0 0 175px;
padding: 23px 18px;
color: var(--dl-black);
background: var(--dl-lime);
border: 4px solid var(--dl-black);
box-shadow: 9px 9px 0 var(--dl-blue);
font-family: "Black Ops One", sans-serif;
font-size: 14px;
line-height: 1.25;
text-align: center;
transform: rotate(4deg);
}

.dl-gear-shop__warning span {
display: block;
margin: -23px -18px 16px;
padding: 8px;
color: var(--dl-white);
background: var(--dl-black);
font-family: "Bangers", sans-serif;
font-size: 24px;
letter-spacing: 0.06em;
}

/* =========================================================
 WOOCOMMERCE PRODUCT GRID
========================================================= */

.dl-gear-shop .woocommerce {
position: relative;
z-index: 2;
width: 100%;
max-width: 1240px;
margin: 0 auto;
}

.dl-gear-shop .woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 34px;
margin: 0 !important;
}

.dl-gear-shop .woocommerce ul.products::before,
.dl-gear-shop .woocommerce ul.products::after {
display: none !important;
}

.dl-gear-shop .woocommerce ul.products li.product {
position: relative;
float: none !important;
width: auto !important;
min-width: 0;
margin: 0 !important;
padding: 0 0 25px !important;
overflow: visible;
color: var(--dl-black);
background: var(--dl-white);
border: 4px solid var(--dl-black);
box-shadow: 10px 10px 0 var(--dl-blue);
transition:
  transform 180ms ease,
  box-shadow 180ms ease;
}

.dl-gear-shop .woocommerce ul.products li.product:nth-child(3n + 2) {
box-shadow: 10px 10px 0 var(--dl-pink);
}

.dl-gear-shop .woocommerce ul.products li.product:nth-child(3n + 3) {
box-shadow: 10px 10px 0 var(--dl-lime);
}

.dl-gear-shop .woocommerce ul.products li.product:hover {
transform: translate(-3px, -3px) rotate(-0.5deg);
box-shadow: 15px 15px 0 var(--dl-pink);
}

/* Product image */

.dl-gear-shop .woocommerce ul.products li.product a img {
width: 100%;
aspect-ratio: 1 / 1;
margin: 0 0 24px !important;
display: block;
object-fit: cover;
object-position: center;
border-bottom: 4px solid var(--dl-black);
transition: transform 300ms ease;
}

.dl-gear-shop .woocommerce ul.products li.product:hover a img {
transform: scale(1.025);
}

/* Sale badge */

.dl-gear-shop .woocommerce span.onsale {
top: 14px !important;
right: 14px !important;
left: auto !important;
z-index: 4;
min-width: auto;
min-height: auto;
margin: 0 !important;
padding: 10px 13px !important;
color: var(--dl-white);
background: var(--dl-pink);
border: 3px solid var(--dl-black);
border-radius: 0;
box-shadow: 4px 4px 0 var(--dl-lime);
font-family: "Black Ops One", sans-serif;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
transform: rotate(4deg);
}

/* Product title */

.dl-gear-shop .woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 0 22px !important;
color: var(--dl-black);
font-family: "Black Ops One", sans-serif;
font-size: clamp(20px, 2vw, 27px) !important;
font-weight: 400;
line-height: 1.08;
text-transform: uppercase;
}

/* Product price */

.dl-gear-shop .woocommerce ul.products li.product .price {
margin: 14px 22px 20px !important;
color: var(--dl-blue) !important;
font-family: "Bangers", sans-serif;
font-size: 27px !important;
letter-spacing: 0.04em;
}

.dl-gear-shop .woocommerce ul.products li.product .price del {
color: rgba(9, 9, 9, 0.45);
font-size: 19px;
}

.dl-gear-shop .woocommerce ul.products li.product .price ins {
color: var(--dl-pink);
text-decoration: none;
}

/* Product button */

.dl-gear-shop .woocommerce ul.products li.product .button {
margin: 0 22px !important;
padding: 14px 17px !important;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--dl-black) !important;
background: var(--dl-lime) !important;
border: 3px solid var(--dl-black) !important;
border-radius: 0 !important;
box-shadow: 5px 5px 0 var(--dl-pink);
font-family: "Black Ops One", sans-serif;
font-size: 13px !important;
line-height: 1;
letter-spacing: 0.03em;
text-transform: uppercase;
transition:
  transform 160ms ease,
  box-shadow 160ms ease,
  background 160ms ease;
}

.dl-gear-shop .woocommerce ul.products li.product .button:hover {
color: var(--dl-white) !important;
background: var(--dl-black) !important;
box-shadow: 2px 2px 0 var(--dl-pink);
transform: translate(3px, 3px);
}

/* Hide AJAX added-to-cart confirmation beside button */

.dl-gear-shop .woocommerce a.added_to_cart {
margin: 14px 22px 0;
color: var(--dl-black);
font-family: "Black Ops One", sans-serif;
font-size: 12px;
text-transform: uppercase;
}

/* Pagination */

.dl-gear-shop .woocommerce nav.woocommerce-pagination {
margin-top: 60px;
}

.dl-gear-shop .woocommerce nav.woocommerce-pagination ul {
border: 0;
display: flex;
justify-content: center;
gap: 10px;
}

.dl-gear-shop .woocommerce nav.woocommerce-pagination ul li {
border: 0;
}

.dl-gear-shop .woocommerce nav.woocommerce-pagination ul li a,
.dl-gear-shop .woocommerce nav.woocommerce-pagination ul li span {
min-width: 45px;
height: 45px;
padding: 0;
display: grid;
place-items: center;
color: var(--dl-black);
background: var(--dl-white);
border: 3px solid var(--dl-black);
font-family: "Black Ops One", sans-serif;
}

.dl-gear-shop .woocommerce nav.woocommerce-pagination ul li span.current,
.dl-gear-shop .woocommerce nav.woocommerce-pagination ul li a:hover {
color: var(--dl-black);
background: var(--dl-lime);
}

/* Tablet */

@media (max-width: 1024px) {
.dl-gear-shop {
  padding-top: 90px;
  padding-bottom: 90px;
}

.dl-gear-shop .woocommerce ul.products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

/* Mobile */

@media (max-width: 767px) {
.dl-gear-shop {
  padding: 75px 16px;
}

.dl-gear-shop__heading {
  margin-bottom: 48px;
  display: block;
}

.dl-gear-shop__heading h2 {
  font-size: clamp(48px, 15vw, 72px);
}

.dl-gear-shop__heading h2 strong {
  text-shadow:
    3px 3px 0 var(--dl-black),
    5px 5px 0 var(--dl-lime);
}

.dl-gear-shop__warning {
  width: 160px;
  margin: 45px 12px 0 auto;
}

.dl-gear-shop .woocommerce ul.products {
  grid-template-columns: 1fr;
  gap: 38px;
}

.dl-gear-shop .woocommerce ul.products li.product {
  box-shadow: 7px 7px 0 var(--dl-blue);
}
}\n}