/* PUCKUPS / Leather V3 – genuine RAMBOX leather, continuous layout.
   Image crop is pure leather grain and tiles without seam resets.
   The original physical orange/gray stitched band appears ONCE at the Shop
   introduction, not repeated every 200px down the mobile page.
   Carbon Fiber V1 remains preserved as separate CSS+SVG assets. */
body.home {
  background-color:#08090c !important;
  background-image:
    linear-gradient(rgba(1,2,4,.12),rgba(1,2,4,.12)),
    url("../../pu-leather-grain-seamless-v2.jpg") !important;
  background-size:100% 100%,340px 340px !important;
  background-repeat:no-repeat,repeat !important;
  background-position:center top,center top !important;
  background-attachment:scroll !important;
}
body.home main#top {
  background:transparent !important;
}
body.home header {
  background-color:#08090c !important;
  background-image:
    linear-gradient(180deg,rgba(3,4,7,.45),rgba(3,4,7,.64)),
    url("../../pu-leather-grain-seamless-v2.jpg") !important;
  background-size:100% 100%,340px 340px !important;
  background-repeat:no-repeat,repeat !important;
  background-position:center top,center top !important;
  border-bottom:1px solid rgba(91,94,102,.46);
  box-shadow:0 6px 16px rgba(0,0,0,.48);
}
body.home #shop.section {
  position:relative;
  isolation:isolate;
  background:rgba(4,6,9,.10) !important;
  border-top:1px solid rgba(108,112,119,.16);
  border-bottom:1px solid rgba(108,112,119,.16);
  box-shadow:none;
}
body.home #shop.section::after {
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:clamp(230px,31vw,500px);
  background-image:url("../../pu-leather-genuine-orange-gray-v2.jpg");
  background-size:100% auto;
  background-position:center top;
  background-repeat:no-repeat;
  opacity:.50;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 38%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 38%,transparent 100%);
  z-index:0;
  pointer-events:none;
}
body.home #shop.section > * {
  position:relative;
  z-index:1;
}
body.home .feature2,
body.home .feature2:nth-child(even),
body.home .contact2 {
  background:rgba(4,6,9,.10) !important;
  box-shadow:none;
  border-top:1px solid rgba(108,112,119,.15);
}
body.home .contact2 .pu-contact-panel {
  background:linear-gradient(135deg,rgba(15,18,24,.89),rgba(5,7,10,.93)) !important;
  box-shadow:0 15px 36px rgba(0,0,0,.36);
}
body.home footer {
  background-color:#07090c !important;
  background-image:
    linear-gradient(rgba(3,4,7,.58),rgba(3,4,7,.72)),
    url("../../pu-leather-grain-seamless-v2.jpg") !important;
  background-size:100% 100%,340px 340px !important;
  background-repeat:no-repeat,repeat !important;
}
body.home .pack,body.home .pack:not(.pu-amazon-pack),body.home .pu-amazon-pack {
  background-color:#13161a;
  background-image:linear-gradient(145deg,#1a1c22,#0b0d11 80%);
}
@media(max-width:800px){
  body.home {
    background-size:100% 100%,122px 122px !important;
  }
  body.home header, body.home footer {
    background-size:100% 100%,122px 122px !important;
  }
  body.home .hero2 .hero-copy {
    background-color:#08090c !important;
    background-image:
      linear-gradient(120deg,rgba(4,6,9,.53),rgba(4,6,9,.68)),
      url("../../pu-leather-grain-seamless-v2.jpg") !important;
    background-size:100% 100%,122px 122px !important;
    background-position:center,center !important;
    background-repeat:no-repeat,repeat !important;
  }
  body.home #shop.section::after {
    height:230px;
    opacity:.42;
  }
  body.home #shop.section,
  body.home .feature2,
  body.home .feature2:nth-child(even),
  body.home .contact2 {
    background:rgba(4,6,9,.10) !important;
  }
}