
:root{
  --black:#080808;
  --black2:#0f0f0f;
  --graphite:#171717;
  --graphite2:#202020;
  --metal:#2a2a2a;
  --orange:#d46c1a;
  --orange2:#ff8a24;
  --bronze:#8d5a2d;
  --gold:#c79b63;
  --cream:#efe3d1;
  --paper:#f2ede5;
  --paper-text:#272320;
  --muted:#a79f95;
  --line:rgba(255,255,255,.12);
  --shadow:0 12px 34px rgba(0,0,0,.35);
  --wide:1440px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.45;
  color:var(--cream);
  background:
    radial-gradient(circle at 50% 0,rgba(212,108,26,.08),transparent 26%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.010) 0 1px,transparent 1px 10px),
    #181818;
}
body.no-scroll{overflow:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.wide-container{width:min(calc(100% - 40px),var(--wide));margin:auto}
.benefits-bar{
  background:#050505;
  border-bottom:1px solid #542c0f;
  color:#f3eee6;
}
.benefits-list{
  min-height:40px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:center;
  text-align:center;
  font-size:11px;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.benefits-list span{
  padding:0 10px;
  border-right:1px solid rgba(255,255,255,.08);
  white-space:nowrap;
}
.benefits-list span:last-child{border-right:0}
.main-header{
  position:sticky;
  top:0;
  z-index:80;
  background:
  radial-gradient(circle at 15% 50%,rgba(230,90,15,.22),transparent 28%),
  linear-gradient(180deg,#30221e,#171717);
  border-bottom:1px solid #4c2b13;
  box-shadow:0 12px 36px rgba(0,0,0,.33);
}
.main-header-grid{
  min-height:116px;
  display:grid;
  grid-template-columns:260px minmax(360px,1fr) 430px;
  align-items:center;
  gap:28px;
}
.main-logo{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.main-logo-frame{
    width:225px;
    height:88px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
    radial-gradient(circle at 50% 50%,rgba(230,90,15,.18),transparent 55%),
    linear-gradient(180deg,#30221e,#171717);
    border:none;
    border-radius:6px;
    box-shadow:0 4px 18px rgba(0,0,0,.35);
}
.main-logo-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.45));
}
.header-search{
  height:50px;
  display:flex;
  overflow:hidden;
  border-radius:4px;
  border:1px solid #6d553f;
  background:#131313;
}
.header-search input{
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  color:#f3ede5;
  padding:0 18px;
  font-size:16px;
}
.header-search button{
  width:66px;
  border:0;
  color:#fff;
  font-size:24px;
  background:linear-gradient(180deg,#d57a28,#a94a0f);
}
.account-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.action-item{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  color:#e9dfd2;
}
.action-icon{
  flex:0 0 auto;
  font-size:28px;
  color:var(--orange2);
}
.action-item strong,
.action-item small{display:block}
.action-item strong{
  font-size:12px;
  font-weight:700;
}
.action-item small{
  font-size:11px;
  color:#b0a79b;
}
.cart-action b{
  display:inline-grid;
  place-items:center;
  min-width:22px;
  height:22px;
  margin-left:6px;
  padding:0 6px;
  border-radius:999px;
  background:var(--orange);
  color:#fff;
  font-size:12px;
}
.mobile-menu-button{
  display:none;
  border:1px solid #615445;
  background:#171717;
  color:#fff;
  border-radius:4px;
  padding:10px 12px;
}
.category-nav{
  border-top:1px solid rgba(255,255,255,.04);
  background:#111;
}
.category-nav-inner{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.category-nav a{
  padding:16px 6px;
  text-transform:uppercase;
  font-family:Georgia,serif;
  letter-spacing:.04em;
  font-size:13px;
  white-space:nowrap;
  color:#e1d7ca;
}
.category-nav a:hover,
.category-nav a.active,
.category-nav .offers-link{color:var(--orange2)}
.new-hero{
  height:560px;
  position:relative;
  overflow:hidden;
  background:#060606;
  border-bottom:1px solid #4d311c;
}
.new-hero-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 34%,rgba(0,0,0,.18) 62%,rgba(0,0,0,.08) 100%),
    url("../img/hero-forja.svg") center/cover no-repeat;
}
.new-hero-content{
  position:relative;
  height:100%;
}
.perfect-hero-align{
  display:flex;
  align-items:center;
}
.hero-copy-panel{
  width:min(48%,650px);
  padding-left:30px;
  text-shadow:0 3px 16px rgba(0,0,0,.6);
}
.forge-eyebrow{
  display:block;
  margin-bottom:12px;
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-family:Georgia,serif;
  font-size:16px;
}
.hero-copy-panel h1{
  margin:0;
  font-family:Georgia,serif;
  text-transform:uppercase;
  font-size:70px;
  line-height:.95;
  letter-spacing:.02em;
  color:#efe4d3;
}
.hero-copy-panel h1 em{
  font-style:normal;
  color:var(--orange2);
}
.hero-copy-panel > p{
  margin:18px 0 10px;
  font-family:Georgia,serif;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#d1b89d;
  font-size:22px;
  font-weight:700;
}
.hero-brand-lines strong{
  text-transform:uppercase;
  font-family:Georgia,serif;
  color:#bca992;
  letter-spacing:.12em;
  font-size:18px;
}
.new-hero-buttons{
  display:flex;
  gap:16px;
  margin-top:28px;
}
.orange-cta,.outline-cta{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border-radius:4px;
  text-transform:uppercase;
  font-size:12px;
  font-weight:800;
  letter-spacing:.07em;
}
.orange-cta{
  border:1px solid #f08c32;
  color:#fff;
  background:linear-gradient(180deg,#da7a26,#a6460d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.outline-cta{
  border:1px solid #a75a23;
  background:rgba(0,0,0,.25);
  color:#efe5d6;
}
.orange-cta:hover,.outline-cta:hover{filter:brightness(1.08)}
.hero-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:none;
  color:#efe3d0;
  font-size:52px;
  text-shadow:0 2px 8px #000;
  opacity:.8;
}
.hero-prev{left:6px}
.hero-next{right:6px}
.hero-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
}
.hero-dots span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#e6ddd3;
  opacity:.55;
}
.hero-dots span.active{
  background:var(--orange2);
  opacity:1;
}
.category-showcase{
  background:#242424;
  border-bottom:1px solid #504032;
  padding:14px 0 18px;
}
.category-showcase-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}
.category-showcase-card{
  height:196px;
  position:relative;
  overflow:hidden;
  background:#111;
  border:1px solid #7e6348;
  box-shadow:var(--shadow);
}
.category-showcase-card::before{
  content:"";
  position:absolute;
  inset:0;
  border:2px solid rgba(217,124,44,.16);
  pointer-events:none;
}
.category-showcase-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.88;
  transition:transform .25s ease, opacity .25s ease;
}
.category-showcase-card:hover img{
  transform:scale(1.05);
  opacity:1;
}
.category-showcase-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(transparent 34%,rgba(0,0,0,.95));
}
.category-showcase-card > div{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:2;
  text-align:center;
}
.category-showcase-card h2{
  margin:0;
  font-family:Georgia,serif;
  text-transform:uppercase;
  font-size:21px;
  letter-spacing:.07em;
}
.category-showcase-card p{
  margin:3px 0 8px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#d7c9ba;
}
.category-showcase-card span{
  display:inline-block;
  padding:5px 18px;
  border:1px solid #cb6620;
  font-size:10px;
  text-transform:uppercase;
}
.featured-products-section{
  background:#242424;
  padding:2px 0 18px;
}
.ornament-title{
  min-height:46px;
  display:grid;
  align-items:center;
  grid-template-columns:1fr auto 1fr auto;
  gap:14px;
}
.ornament-title.centered{
  grid-template-columns:1fr auto 1fr;
}
.ornament-title span{
  height:1px;
  background:linear-gradient(90deg,transparent,var(--orange2));
}
.ornament-title span:last-of-type{
  background:linear-gradient(90deg,var(--orange2),transparent);
}
.ornament-title h2{
  margin:0;
  color:#e6d6c5;
  font-family:Georgia,serif;
  font-size:28px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.ornament-title a{
  font-size:10px;
  text-transform:uppercase;
  color:#bfb2a2;
}
.featured-products-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.new-product-card{
  overflow:hidden;
  border-radius:8px;
  background:var(--paper);
  color:var(--paper-text);
  border:1px solid #c7baab;
  box-shadow:var(--shadow);
}
.product-card-image{
  position:relative;
  height:195px;
  background:#f0eae1;
}
.product-card-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.product-stamp{
  position:absolute;
  left:10px;
  top:10px;
  z-index:2;
  padding:4px 12px;
  border-radius:999px;
  background:#dc6f18;
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.new-product-info{
  padding:12px 14px 14px;
}
.product-mini-category{
  display:block;
  color:#8a715c;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.new-product-info h3{
  margin:3px 0 4px;
  font-size:15px;
  line-height:1.15;
}
.new-product-info p{
  margin:0;
  color:#655f58;
  font-size:10px;
  min-height:28px;
}
.new-price-area{margin-top:8px}
.old-price{
  display:block;
  color:#817a72;
  font-size:10px;
  text-decoration:line-through;
}
.new-price-area strong{
  display:block;
  font-size:18px;
  line-height:1.2;
}
.new-price-area small{
  display:block;
  font-size:10px;
}
.product-card-actions{
  display:grid;
  grid-template-columns:1fr 38px;
  gap:8px;
  margin-top:10px;
}
.forge-buy-button{
  border:0;
  border-radius:4px;
  background:linear-gradient(180deg,#c5661a,#8c3607);
  color:#fff;
  font-size:10px;
  text-transform:uppercase;
  font-weight:800;
  min-height:32px;
}
.favorite-button{
  border:1px solid #a59c91;
  border-radius:4px;
  background:transparent;
  color:#6a625a;
  font-size:19px;
}
.wholesale-section{
  background:#242424;
  padding:0 0 18px;
}
.wholesale-banner{
  position:relative;
  overflow:hidden;
  min-height:160px;
  display:flex;
  align-items:center;
  border:1px solid #6b4322;
  background:
    linear-gradient(90deg,#181818 0%,#1a1511 42%,rgba(38,17,4,.86)),
    radial-gradient(circle at 78% 50%,rgba(255,118,24,.45),transparent 32%);
  box-shadow:var(--shadow);
}
.wholesale-copy{
  position:relative;
  z-index:2;
  padding:22px 0 22px 42px;
}
.wholesale-copy > span{
  display:block;
  font-family:Georgia,serif;
  font-size:34px;
  text-transform:uppercase;
}
.wholesale-copy h2{
  margin:-6px 0 4px;
  font-family:Georgia,serif;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:28px;
  color:var(--orange2);
}
.wholesale-copy p{
  margin:0 0 10px;
  font-size:13px;
  color:#ddd2c2;
}
.wholesale-emblem{
  margin-left:auto;
  width:42%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.wholesale-emblem img{
  width:100%;
  max-width:460px;
  opacity:.5;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.4));
}
.popular-categories-section{
  background:#242424;
  padding:0 0 24px;
}
.popular-category-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:18px;
  padding:0 10px;
}
.popular-category{text-align:center}
.popular-circle{
  aspect-ratio:1;
  border-radius:50%;
  overflow:hidden;
  background:#111;
  border:2px solid #7d6044;
  box-shadow:inset 0 0 0 4px #26211c, var(--shadow);
}
.popular-circle img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.popular-category strong{
  display:block;
  margin-top:6px;
  font-family:Georgia,serif;
  text-transform:uppercase;
  font-size:11px;
  color:#dfcbb8;
}
.new-footer{
  background:#181818;
  border-top:1px solid #54331c;
  padding-top:16px;
}
.new-footer-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr 1.2fr;
  gap:26px;
}
.footer-logo-area img{
  width:190px;
  height:100px;
  object-fit:contain;
  object-position:left center;
}
.footer-logo-area p{
  max-width:260px;
  margin:0;
  color:#ada397;
  font-size:11px;
}
.social-row{
  display:flex;
  gap:8px;
  margin-top:10px;
}
.social-row a{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #5d5348;
  color:#e5d7c7;
  font-size:11px;
}
.new-footer h3{
  margin:4px 0 10px;
  color:#dac8b4;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.new-footer a,
.new-footer span{
  display:block;
  margin:6px 0;
  color:#aaa29a;
  font-size:10px;
}
.payment-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.payment-badges b{
  padding:4px 8px;
  border-radius:3px;
  background:#eee;
  color:#1d2338;
  font-size:8px;
}
.payment-area p{
  color:#a99d90;
  font-size:10px;
}
.security-box{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:0 8px;
  align-items:center;
  color:var(--orange2);
  margin-top:8px;
}
.security-box strong,
.security-box span{
  margin:0;
  font-size:10px;
}
.footer-copy{
  margin-top:14px;
  padding:10px 0 12px;
  text-align:center;
  border-top:1px solid #2c2c2c;
  color:#898078;
  font-size:10px;
}
.internal-page-hero{
  padding:70px 0;
  background:
    linear-gradient(90deg,#070707,rgba(7,7,7,.75)),
    url("../img/hero-forja.svg") center/cover no-repeat;
  border-bottom:1px solid #5f371e;
}
.internal-page-hero span{
  color:var(--orange2);
  font-size:12px;
  letter-spacing:.18em;
}
.internal-page-hero h1{
  margin:6px 0;
  font-family:Georgia,serif;
  font-size:52px;
}
.internal-page-hero p{
  margin:0;
  color:#c2b6a9;
}
.shop-section{
  background:#242424;
  padding:34px 0 50px;
}
.new-shop-toolbar{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}
.new-search-box{
  width:360px;
}
.new-search-box input{
  width:100%;
  height:46px;
  border:1px solid #6a523e;
  background:#151515;
  color:#f4ede3;
  padding:0 14px;
  border-radius:4px;
}
.new-filters{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.filter-pill{
  padding:10px 14px;
  border-radius:4px;
  border:1px solid #6a543f;
  background:#171717;
  color:#efe3d3;
  font-size:10px;
  text-transform:uppercase;
}
.filter-pill.active{
  border-color:#eb7e28;
  background:#a8470d;
}
.shop-product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.empty-state{
  margin-top:20px;
  color:#d7ccc0;
  text-align:center;
}
.page-hero,
.section .container{
  width:min(calc(100% - 40px),1180px);
  margin:auto;
}
.page-hero{
  padding:70px 0;
  background:#111;
}
.page-hero h1{
  margin:0;
  font-family:Georgia,serif;
  font-size:50px;
}
.section{padding:50px 0}
.product-detail,
.story-grid,
.contact-grid,
.cart-layout,
.prose{
  width:min(calc(100% - 40px),1180px);
  margin:40px auto;
}
.product-detail{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}
.product-main-image{
  background:#111;
  border:1px solid #5d4432;
}
.product-main-image img{width:100%}
.thumbnail-row{
  display:flex;
  gap:8px;
  margin-top:8px;
}
.thumbnail{
  width:82px;
  background:#111;
  border:1px solid #655240;
}
.product-summary h1{
  font-family:Georgia,serif;
  font-size:48px;
  margin:0 0 10px;
}
.detail-price strong{
  font-size:34px;
}
.buy-box{
  display:flex;
  gap:12px;
  margin-top:16px;
}
.buy-box input{
  height:46px;
  width:100px;
  border:1px solid #635140;
  background:#111;
  color:#fff;
  padding:0 12px;
}
.detail-benefits{
  display:grid;
  gap:10px;
  margin-top:24px;
}
.detail-benefits div{
  padding:14px;
  border:1px solid #5f4634;
  background:#161616;
}
.detail-benefits span{color:#bbb}
.contact-grid,
.story-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
}
.story-card,
.contact-card{
  padding:24px;
  border:1px solid #574435;
  background:#161616;
}
.story-card img{
  margin:auto;
}
.contact-form{
  display:grid;
  gap:12px;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  border:1px solid #5c4a3d;
  background:#111;
  color:#fff;
  padding:12px;
}
.cart-layout{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:24px;
}
.cart-items,
.cart-summary{
  background:#191919;
  border:1px solid #564333;
  padding:20px;
}
.cart-row{
  display:grid;
  grid-template-columns:90px 1fr auto;
  gap:14px;
  padding:15px 0;
  border-bottom:1px solid #313131;
}
.cart-row img{
  width:90px;
  height:90px;
  object-fit:cover;
}
.qty-controls{
  display:flex;
  align-items:center;
  gap:8px;
}
.qty-controls button{
  width:32px;
  height:32px;
  border:1px solid #5e5144;
  background:#121212;
  color:#fff;
}
.remove-item{
  border:0;
  padding:0;
  background:none;
  color:#de7a29;
}
.summary-row,
.summary-total{
  display:flex;
  justify-content:space-between;
  padding:12px 0;
  border-bottom:1px solid #313131;
}
.summary-total{font-weight:700}
.coupon-box{
  display:flex;
  gap:8px;
  margin:14px 0;
}
.coupon-box input{
  flex:1;
  padding:10px;
  border:1px solid #5f5143;
  background:#111;
  color:#fff;
}
.coupon-box button{
  border:0;
  padding:0 14px;
  color:#fff;
  background:#9d430d;
}
.prose h2{
  font-family:Georgia,serif;
}
.floating-whatsapp{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:120;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:#25d366;
  color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.wa-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  font-size:18px;
  font-weight:700;
}
.wa-text strong,
.wa-text small{
  display:block;
  line-height:1.2;
}
.wa-text small{
  opacity:.88;
  font-size:11px;
}
.age-gate{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(0,0,0,.9);
  backdrop-filter:blur(12px);
}
.age-card{
  width:min(600px,100%);
  padding:38px;
  text-align:center;
  border-radius:22px;
  background:#151515;
  border:1px solid #7b431b;
}
.age-mark{
  width:76px;
  height:76px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--orange);
  color:#150800;
  font-size:25px;
  font-weight:700;
}
.age-card h2{
  margin:0 0 10px;
  font-family:Georgia,serif;
  font-size:36px;
}
.age-card p{
  color:#bcb2a8;
}
.age-actions{
  display:flex;
  justify-content:center;
  gap:12px;
}

@media (max-width:1200px){
  .main-header-grid{grid-template-columns:210px 1fr 360px}
  .account-actions{grid-template-columns:1fr 1fr}
  .account-actions .action-item:nth-child(2){display:none}
  .category-showcase-grid{grid-template-columns:repeat(3,1fr)}
  .featured-products-grid{grid-template-columns:repeat(3,1fr)}
  .shop-product-grid{grid-template-columns:repeat(3,1fr)}
  .popular-category-grid{grid-template-columns:repeat(4,1fr)}
  .new-footer-grid{grid-template-columns:repeat(3,1fr)}
  .payment-area{grid-column:span 3}
}
@media (max-width:860px){
  .benefits-list{grid-template-columns:repeat(2,1fr)}
  .benefits-list span:nth-child(n+3){display:none}
  .main-header{position:relative}
  .main-header-grid{
    min-height:84px;
    grid-template-columns:120px 1fr auto;
    gap:12px;
  }
  .main-logo-frame{width:110px;height:60px}
  .account-actions{display:none}
  .mobile-menu-button{display:block}
  .header-search{height:42px}
  .header-search input{font-size:14px}
  .category-nav{display:none}
  .category-nav.open{display:block}
  .category-nav-inner{
    min-height:unset;
    flex-direction:column;
    align-items:flex-start;
    padding:10px 0 14px;
  }
  .category-nav a{padding:8px 0}
  .new-hero{height:480px}
  .new-hero-bg{
    background-position:66% center;
  }
  .hero-copy-panel{
    width:100%;
    padding:20px;
    background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.36));
  }
  .hero-copy-panel h1{font-size:48px}
  .hero-copy-panel > p{font-size:16px}
  .hero-brand-lines strong{font-size:14px}
  .new-hero-buttons{flex-direction:column;align-items:flex-start}
  .category-showcase-grid{grid-template-columns:repeat(2,1fr)}
  .featured-products-grid{grid-template-columns:repeat(2,1fr)}
  .shop-product-grid{grid-template-columns:repeat(2,1fr)}
  .new-shop-toolbar{flex-direction:column}
  .new-search-box{width:100%}
  .popular-category-grid{grid-template-columns:repeat(4,1fr)}
  .new-footer-grid{grid-template-columns:repeat(2,1fr)}
  .wholesale-banner{min-height:180px}
  .wholesale-copy{padding-left:22px}
  .wholesale-emblem{
    position:absolute;
    inset:0 0 0 auto;
    width:50%;
    opacity:.26;
  }
  .product-detail,
  .story-grid,
  .contact-grid,
  .cart-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width:520px){
  .wide-container,
  .page-hero,
  .section .container,
  .product-detail,
  .story-grid,
  .contact-grid,
  .cart-layout,
  .prose{
    width:min(calc(100% - 24px),1180px);
  }
  .benefits-bar{display:none}
  .main-header-grid{grid-template-columns:90px 1fr auto}
  .main-logo-frame{width:84px;height:54px}
  .header-search input{padding:0 10px}
  .header-search button{width:52px;font-size:20px}
  .new-hero{height:430px}
  .hero-copy-panel h1{font-size:38px}
  .hero-arrow{display:none}
  .category-showcase-grid{grid-template-columns:1fr}
  .featured-products-grid,
  .shop-product-grid{grid-template-columns:1fr}
  .popular-category-grid{grid-template-columns:repeat(2,1fr)}
  .new-footer-grid{grid-template-columns:1fr}
  .payment-area{grid-column:auto}
  .age-actions{flex-direction:column}
  .floating-whatsapp{
    right:12px;
    bottom:12px;
    padding:10px 12px;
  }
  .wa-text{display:none}
}
/* AJUSTE FINAL DO LOGO */
.main-logo,
.main-logo-frame{
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.main-logo::before,
.main-logo::after,
.main-logo-frame::before,
.main-logo-frame::after{
    content: none !important;
    display: none !important;
}

.main-logo-frame{
    width: 120px !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.main-logo-frame img{
    width: 99px !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    filter: none !important;
}
/* AUMENTA O LOGO SOMENTE NO COMPUTADOR */
@media (min-width: 769px){
    .main-logo-frame{
        width: 135px !important;
    }

    .main-logo-frame img{
        width: 110px !important;
        height: auto !important;
    }
}
/* AJUSTE DEFINITIVO DA IMAGEM DO BANNER */
.new-hero-bg{
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #050505 !important;
}

/* AJUSTE DO BANNER NO CELULAR */
@media (max-width: 768px){
    .new-hero{
        height: 500px !important;
    }

    .new-hero-bg{
        background-size: cover !important;
        background-position: 72% center !important;
    }
}
