/* Home calibrada pela referência visual fornecida */
@media (min-width:1001px){
  .topbar{height:36px;padding:0 max(4%,calc((100% - 1280px)/2));font-size:9px}
  .header{height:118px;padding:0 max(4%,calc((100% - 1280px)/2));gap:42px}
  .header .logo{width:145px}
  .header .logo span{font-size:36px}
  .header .logo b{font-size:28px}
  .main-nav{gap:29px;font-size:16px;white-space:nowrap;letter-spacing:.01em}
  .main-nav a{padding:49px 0}
  .header-actions{gap:22px}
  .container{width:min(1280px,calc(100% - 96px))}
}

.main-nav a{display:flex;align-items:center;gap:5px}
.main-nav a i{width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.header-actions .icon-btn,.header-actions>a{width:25px;height:25px;display:grid;place-items:center;padding:0;color:#111}
.header-actions svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:color .18s,transform .18s}
.header-actions .cart-link svg{width:26px;height:26px}
.header-actions .icon-btn:hover svg,.header-actions>a:hover svg{color:var(--red);transform:translateY(-1px)}
.header-actions .cart-link b{right:-10px;top:-10px;width:19px;height:19px;font-size:10px;border:2px solid #fff}

.hero{height:500px;background-image:linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.08) 45%,transparent 72%),var(--hero-image,url('../img/hero-street-v2.png'));background-size:cover;background-position:center;color:#fff}
.hero:after,.hero-grain,.skater,.hero-index{display:none}
.hero-content{padding:72px 0 0 max(8%,calc((100% - 1280px)/2 + 55px));width:52%}
.hero h1{font-size:86px;line-height:.77;margin:0 0 28px;text-shadow:0 4px 18px #0008}
.hero .btn{padding:15px 28px;font-size:14px;gap:0}
.hero-dots{position:absolute;bottom:24px;left:50%;display:flex;gap:12px;z-index:5}
.hero-dots i{display:block;width:9px;height:3px;background:#fff;opacity:.75}
.hero-dots i:first-child{width:26px;background:var(--red)}

.home-products{padding:48px 0 42px}
.home-products .section-head{margin-bottom:22px}
.home-products .section-head h2{font-size:27px;margin:0}
.home-products .section-head>a{font-size:9px;border:0}
.home-products .product-grid{gap:22px}
.home-products .product-image{height:350px}
.home-products .product-info{padding:14px 18px}
.home-products .product-info h3{font-size:15px;max-width:190px}
.home-products .product-info strong{font-size:13px}

.home-categories{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:4px}
.home-categories .category-card{height:260px}
.home-categories .category-card:after{background:linear-gradient(transparent 35%,#000)}
.home-categories .category-card img{filter:brightness(.58) grayscale(1)}
.home-categories .category-card div{inset:auto 0 17px;text-align:center}
.home-categories .category-card h3{font-size:30px;display:inline-block;margin:0;border-bottom:5px solid var(--red);line-height:1.05;padding-bottom:3px}

.drop-banner{height:220px;margin-top:46px;padding:34px 11%;background-color:#0a0a0a;background-image:var(--drop-image,url('../img/hero-street-v2.png'));background-position:center 58%;background-size:cover;background-repeat:no-repeat}
.drop-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(0,0,0,.7) 48%,#050505 100%)}
.drop-banner>div:first-child{position:relative;z-index:3}
.drop-banner span{font-size:18px;font-family:var(--display);font-weight:800}
.drop-banner h2{font-size:49px;margin:0 0 10px}
.drop-banner .btn{padding:11px 30px;font-size:12px}
.drop-silhouette{position:absolute;left:47%;top:-95px;font:900 310px var(--display);color:#ffffff16;z-index:2}
.drop-copy{top:49px;right:10%;display:flex;flex-direction:column;line-height:1}
.drop-copy b{font:900 58px var(--display)}
.drop-copy small{font:700 16px var(--display);letter-spacing:.07em}

.benefits{width:min(1280px,calc(100% - 96px));margin-top:8px;margin-bottom:32px;padding:23px}
.instagram{width:min(1280px,calc(100% - 96px));grid-template-columns:220px repeat(5,1fr);height:175px;margin-bottom:34px}
.instagram img{height:175px}
.instagram-photo{display:block;height:175px;overflow:hidden;position:relative}.instagram-photo img{width:100%;height:100%;object-fit:cover}.instagram-video{position:absolute;right:12px;top:12px;width:30px;height:30px!important;display:grid;place-items:center;border-radius:50%;background:#000b;color:#fff;font-size:12px!important}.instagram>div>a{margin-top:20px;background:white;border:1px solid #aaa;padding:8px 16px;font:700 10px var(--body)}
.newsletter{padding-top:42px;padding-bottom:42px}
.newsletter h2{font-size:26px}

@media(max-width:1000px){
  .hero{height:560px;background-position:62% center}
  .hero-content{padding:75px 25px;width:75%}
  .home-categories{grid-template-columns:repeat(3,1fr)}
  .home-categories .category-card{height:230px}
  .instagram{grid-template-columns:180px repeat(3,1fr);height:auto}
  .instagram img{height:180px}
  .instagram-photo:nth-last-child(-n+2){display:none}
}

@media(max-width:620px){
  .hero{height:500px;background-position:68% center}
  .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent)}
  .hero-content{padding:60px 22px;width:100%}
  .hero h1{font-size:61px}
  .home-products{padding:38px 0}
  .home-products .product-image{height:245px}
  .home-products .product-info{padding:12px 4px}
  .home-categories{grid-template-columns:repeat(2,1fr)}
  .home-categories .category-card{height:220px}
  .home-categories .category-card:last-child{grid-column:1/-1}
  .drop-banner{height:260px;padding:35px 25px;background-position:60% center}
  .drop-copy{display:none}
  .benefits{width:calc(100% - 32px)}
  .instagram{width:calc(100% - 32px);grid-template-columns:1fr 1fr}
}