*{box-sizing:border-box}body{margin:0;background:#f8f8f8;color:#050505;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.home{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:#f8f8f8}.home-center{display:grid;justify-items:center;gap:24px;margin-top:-45px}.home-logo{width:92px;filter:drop-shadow(0 18px 13px rgba(0,0,0,.35));animation:float 3.4s ease-in-out infinite}.main-menu{display:grid;justify-items:center;gap:20px}.menu-link{background:none;border:0;color:#050505;font-size:28px;line-height:.9;font-weight:950;text-transform:uppercase;letter-spacing:-1.6px;cursor:pointer;text-shadow:0 7px 13px rgba(0,0,0,.45),0 2px 2px rgba(0,0,0,.55);transition:.18s ease}.menu-link:hover{transform:translateY(-2px)}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(3deg)}}.social{position:absolute;left:50%;bottom:115px;transform:translateX(-50%);width:22px;height:22px;display:grid;place-items:center}.social svg{width:22px;height:22px;stroke:#050505;filter:drop-shadow(0 5px 8px rgba(0,0,0,.25))}.fall-transition{position:fixed;inset:0;background:#f8f8f8;z-index:999;display:none;place-items:center}.fall-transition.active{display:grid}.fall-transition img{width:110px;filter:drop-shadow(0 20px 18px rgba(0,0,0,.38));animation:dropMan 1.15s cubic-bezier(.16,.85,.31,1.08) forwards}@keyframes dropMan{0%{transform:translateY(-120vh) rotate(-50deg) scale(.65);opacity:.9}72%{transform:translateY(-5px) rotate(8deg) scale(1.05);opacity:1}100%{transform:translateY(0) rotate(0deg) scale(1);opacity:1}}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #e7e7e7;background:#f8f8f8;position:sticky;top:0;z-index:20}.brand{font-size:26px;font-weight:950;letter-spacing:-1.5px;text-transform:uppercase;text-shadow:0 6px 12px rgba(0,0,0,.22)}.nav{display:flex;gap:24px;align-items:center}.nav a,.cart-btn{background:none;border:0;color:#050505;font-weight:950;text-transform:uppercase;font-size:14px;letter-spacing:-.4px;cursor:pointer;text-shadow:0 5px 10px rgba(0,0,0,.22)}.page-title{padding:72px 26px 38px;text-align:center}.page-title small{display:block;text-transform:uppercase;color:#777;letter-spacing:.18em;font-size:11px;margin-bottom:10px}.page-title h1{margin:0;font-size:clamp(48px,10vw,120px);line-height:.8;text-transform:uppercase;letter-spacing:-7px;text-shadow:0 14px 22px rgba(0,0,0,.23)}.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 20px 30px}.filter{background:transparent;border:1px solid #d8d8d8;padding:10px 14px;text-transform:uppercase;font-weight:900;font-size:12px;cursor:pointer}.filter.active,.filter:hover{border-color:#050505}.grid{width:min(1180px,calc(100% - 40px));margin:0 auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{position:relative;text-align:center;min-height:380px}.badge{position:absolute;top:10px;left:10px;z-index:2;font-size:11px;text-transform:uppercase;font-weight:950;background:#050505;color:#fff;padding:7px 9px}.product-art{height:300px;background:#fff;display:block;position:relative;border:1px solid #efefef;box-shadow:0 25px 35px rgba(0,0,0,.05);transition:.2s}.product-art:hover{transform:translateY(-5px);box-shadow:0 32px 45px rgba(0,0,0,.09)}.product-art:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 16px rgba(0,0,0,.22))}.mock-shirt:before{width:140px;height:160px;background:#111;clip-path:polygon(25% 0,75% 0,100% 20%,83% 38%,83% 100%,17% 100%,17% 38%,0 20%)}.mock-hoodie:before{width:150px;height:170px;background:#111;border-radius:55px 55px 4px 4px;clip-path:polygon(25% 0,75% 0,100% 24%,84% 45%,84% 100%,16% 100%,16% 45%,0 24%)}.mock-pants:before{width:110px;height:180px;background:#111;clip-path:polygon(18% 0,82% 0,95% 100%,56% 100%,50% 38%,44% 100%,5% 100%)}.mock-glasses:before{width:155px;height:48px;border:11px solid #111;border-radius:38px}.card-info{padding:14px 0 0;display:grid;gap:8px;justify-items:center}.card-info a{font-weight:950;text-transform:uppercase;letter-spacing:-.6px;text-shadow:0 7px 13px rgba(0,0,0,.18)}.card-info span{font-weight:900}.card-info select{min-height:34px;background:#fff;border:1px solid #ddd;padding:0 10px}.card-info button{background:#050505;color:#fff;border:0;padding:10px 16px;font-weight:900;text-transform:uppercase;cursor:pointer}.card.sold{opacity:.45}.card.sold:after{content:"ESGOTADO";position:absolute;inset:120px 30px auto;font-size:32px;font-weight:950;text-shadow:0 8px 15px rgba(0,0,0,.35);transform:rotate(-5deg)}.cart{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:#fff;border-left:1px solid #ddd;z-index:60;transform:translateX(100%);transition:.25s;display:flex;flex-direction:column}.cart.active{transform:none}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.20);z-index:50;opacity:0;pointer-events:none}.overlay.active{opacity:1;pointer-events:auto}.cart-head{height:74px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;padding:0 18px}.cart-head h2{margin:0;font-size:32px;text-transform:uppercase;letter-spacing:-2px}.cart-head button,.cart-item button{background:none;border:0;cursor:pointer;font-weight:950;text-transform:uppercase}.cart-items{padding:18px;flex:1;overflow:auto}.cart-item{border-bottom:1px solid #eee;padding:14px 0;display:flex;justify-content:space-between;gap:14px}.cart-item strong{display:block;text-transform:uppercase}.cart-item small{color:#777}.qty{display:flex;align-items:center;gap:10px;margin-top:8px}.qty button{border:1px solid #ddd;width:26px;height:26px}.coupon{border-top:1px solid #eee;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:8px}.coupon input{border:1px solid #ddd;padding:12px;text-transform:uppercase}.coupon button{background:#050505;color:#fff;border:0;padding:0 12px;text-transform:uppercase;font-weight:900}.coupon small{grid-column:1/-1;color:#777;text-transform:uppercase}.coupon .success{color:#008f3c}.coupon .error{color:#b00020}.cart-total{padding:0 18px 18px;display:grid;gap:8px;text-transform:uppercase}.cart-total div{display:flex;justify-content:space-between}.discount-row{color:#008f3c;display:none}.checkout{margin:0 18px 18px;min-height:50px;background:#050505;color:#fff;border:0;text-transform:uppercase;font-weight:950;cursor:pointer}.simple-page{min-height:calc(100vh - 74px);display:grid;place-content:center;text-align:center;padding:30px}.simple-page h1{font-size:clamp(54px,12vw,140px);margin:0;text-transform:uppercase;letter-spacing:-7px;text-shadow:0 14px 22px rgba(0,0,0,.23)}.simple-page p{max-width:620px;color:#555;line-height:1.7}.enter-btn{display:inline-flex;width:max-content;justify-self:center;margin-top:20px;border:1px solid #050505;padding:12px 22px;text-transform:uppercase;font-weight:900}.micro{text-transform:uppercase;color:#777;letter-spacing:.2em}@media(max-width:760px){.site-header{height:auto;min-height:74px;flex-direction:column;gap:12px;padding:18px}.nav{flex-wrap:wrap;justify-content:center}.grid{grid-template-columns:1fr}.menu-link{font-size:26px}.home-logo{width:82px}}

/* MOBILE PREMIUM UPDATE */
body{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

.home{
  animation:homeFade .7s ease both;
}

@keyframes homeFade{
  from{opacity:0;filter:blur(8px)}
  to{opacity:1;filter:blur(0)}
}

.home-center{
  animation:menuRise .85s cubic-bezier(.16,.85,.31,1) both;
}

@keyframes menuRise{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

.menu-link{
  min-width:210px;
  padding:2px 0;
}

.menu-link:active{
  transform:scale(.96);
}

.fall-transition{
  animation:fadeCover .22s ease both;
}

@keyframes fadeCover{
  from{opacity:0}
  to{opacity:1}
}

@media(max-width:760px){
  .home{
    min-height:100svh;
    padding:28px 20px;
  }

  .home-center{
    margin-top:-70px;
    gap:30px;
  }

  .home-logo{
    width:76px;
    filter:drop-shadow(0 22px 16px rgba(0,0,0,.38));
  }

  .main-menu{
    gap:24px;
  }

  .menu-link{
    font-size:34px;
    min-width:240px;
    min-height:42px;
    letter-spacing:-2.2px;
    text-shadow:
      0 10px 16px rgba(0,0,0,.42),
      0 2px 2px rgba(0,0,0,.45);
  }

  .social{
    bottom:72px;
  }

  .social svg{
    width:24px;
    height:24px;
  }

  .fall-transition img{
    width:92px;
  }

  .site-header{
    position:sticky;
    top:0;
    background:rgba(248,248,248,.86);
    backdrop-filter:blur(18px);
    padding:16px 18px;
    gap:14px;
    border-bottom:1px solid rgba(0,0,0,.08);
  }

  .brand{
    font-size:31px;
    letter-spacing:-2px;
  }

  .nav{
    width:100%;
    justify-content:center;
    gap:18px;
  }

  .nav a,
  .cart-btn{
    font-size:13px;
    min-height:38px;
    display:inline-flex;
    align-items:center;
  }

  .page-title{
    padding:54px 18px 28px;
  }

  .page-title h1{
    font-size:70px;
    letter-spacing:-5px;
  }

  .filters{
    justify-content:flex-start;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding:0 18px 28px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  .filters::-webkit-scrollbar{
    display:none;
  }

  .filter{
    flex:0 0 auto;
    scroll-snap-align:start;
    min-height:42px;
    background:#fff;
    box-shadow:0 12px 24px rgba(0,0,0,.04);
  }

  .grid{
    width:100%;
    padding:0 18px 70px;
    gap:34px;
  }

  .card{
    min-height:auto;
  }

  .product-art{
    height:390px;
    border-radius:2px;
    box-shadow:0 28px 48px rgba(0,0,0,.075);
  }

  .product-art:hover{
    transform:none;
  }

  .mock-shirt:before{
    width:165px;
    height:190px;
  }

  .mock-hoodie:before{
    width:178px;
    height:202px;
  }

  .mock-pants:before{
    width:132px;
    height:215px;
  }

  .mock-glasses:before{
    width:180px;
    height:58px;
  }

  .card-info{
    padding-top:16px;
    gap:10px;
  }

  .card-info a{
    font-size:18px;
  }

  .card-info span{
    font-size:16px;
  }

  .card-info select,
  .card-info button{
    width:100%;
    min-height:48px;
  }

  .cart{
    width:100%;
    border-left:0;
  }

  .cart-head{
    height:82px;
  }

  .cart-head h2{
    font-size:42px;
  }

  .checkout{
    min-height:56px;
  }

  .simple-page{
    min-height:calc(100svh - 110px);
    padding:26px;
  }

  .simple-page h1{
    font-size:82px;
    letter-spacing:-5px;
  }

  .simple-page p{
    font-size:15px;
  }
}

@media(max-width:390px){
  .menu-link{
    font-size:31px;
  }

  .page-title h1{
    font-size:62px;
  }

  .product-art{
    height:350px;
  }
}

/* REAL PRODUCT IMAGES + PREMIUM PRODUCT PAGE */
.image-product::before{
  display:none !important;
  content:none !important;
}

.product-art.image-product{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  height:360px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}

.product-art.image-product img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  padding:0 !important;
  filter:drop-shadow(0 22px 25px rgba(0,0,0,.18));
  transition:.25s ease;
}

.product-art.image-product:hover img{
  transform:scale(1.025);
}

.premium-product{
  min-height:calc(100vh - 74px);
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:56px;
  align-items:center;
  padding:70px 0;
}

.premium-gallery{
  min-height:680px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #eee;
  box-shadow:0 35px 60px rgba(0,0,0,.07);
}

.premium-image-wrap{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  padding:34px;
}

.premium-image{
  max-width:100%;
  max-height:620px;
  object-fit:contain;
  filter:drop-shadow(0 28px 30px rgba(0,0,0,.20));
}

.premium-info{
  display:grid;
  align-content:center;
  gap:18px;
}

.premium-info small{
  width:max-content;
  background:#050505;
  color:#fff;
  padding:8px 10px;
  text-transform:uppercase;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
}

.premium-info h1{
  margin:0;
  font-size:clamp(48px, 7vw, 96px);
  line-height:.82;
  letter-spacing:-5px;
  text-transform:uppercase;
  text-shadow:0 14px 22px rgba(0,0,0,.18);
}

.premium-price{
  font-size:24px;
  font-weight:950;
}

.premium-info p{
  max-width:540px;
  color:#555;
  line-height:1.8;
  font-size:15px;
}

.size-label{
  text-transform:uppercase;
  font-weight:950;
  font-size:12px;
  letter-spacing:.1em;
  margin-top:8px;
}

.premium-size{
  width:180px;
  height:48px;
  background:#fff;
  border:1px solid #ddd;
  padding:0 12px;
  text-transform:uppercase;
}

.premium-buy{
  width:min(100%, 420px);
  height:56px;
  background:#050505;
  color:#fff;
  border:0;
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.08em;
  cursor:pointer;
  box-shadow:0 18px 30px rgba(0,0,0,.16);
}

.premium-buy:hover{
  transform:translateY(-2px);
}

.premium-back{
  width:max-content;
  text-transform:uppercase;
  font-size:12px;
  font-weight:950;
  color:#555;
}

@media(max-width:860px){
  .premium-product{
    width:100%;
    grid-template-columns:1fr;
    gap:28px;
    padding:22px 18px 70px;
  }

  .premium-gallery{
    min-height:480px;
  }

  .premium-image-wrap{
    padding:18px;
  }

  .premium-image{
    max-height:440px;
  }

  .premium-info{
    gap:16px;
  }

  .premium-info h1{
    font-size:58px;
    letter-spacing:-4px;
  }

  .premium-size,
  .premium-buy{
    width:100%;
  }
}