:root {   --bg: #0A0A0A;   --bg2: #111;   --bg3: #1A1A1A;   --card: #141414;   --hover: #1E1E1E;   --gold: #C8AA6E;   --gold-l: #D4BC8A;   --gold-d: #A08050;   --txt: #F5F5F5;   --txt2: #A0A0A0;   --muted: #666;   --brd: #222;   --brd2: #2A2A2A;   --red: #C0392B;   --green: #27AE60;   --gg: linear-gradient(135deg,#C8AA6E,#A08050);   --shadow: 0 20px 60px rgba(0,0,0,.5);   --gs: 0 4px 30px rgba(200,170,110,.15);   --swiper-theme-color:var(--gold); } *,*::before,*::after {   margin: 0;   padding: 0;   box-sizing: border-box } html {   scroll-behavior: smooth } body {   background: var(--bg);   color: var(--txt);   font-family: 'Barlow',sans-serif;   overflow-x: hidden;   -webkit-font-smoothing: antialiased } a {   text-decoration: none;   color: inherit } ul {   list-style: none } button {   font-family: inherit } img {   max-width: 100%;   display: block } ::-webkit-scrollbar {   width: 8px } ::-webkit-scrollbar-track {   background: var(--bg) } ::-webkit-scrollbar-thumb {   background: var(--gold-d);   border-radius: 4px } @keyframes fadeInUp {   from {  opacity: 0;  transform: translateY(30px)   }   to {  opacity: 1;  transform: translateY(0)   } } @keyframes fadeIn {   from {  opacity: 0   }   to {  opacity: 1   } } @keyframes pulse {   0%,100% {  opacity: 1   }   50% {  opacity: .5   } } @keyframes spin {   from {  transform: rotate(0)   }   to {  transform: rotate(360deg)   } } .ai {   opacity: 0;   transform: translateY(20px);   transition: opacity .6s,transform .6s } .ai.v {   opacity: 1;   transform: translateY(0) } .tb {   background: var(--bg2);   border-bottom: 1px solid var(--brd);   padding: 8px 0;   font-size: 12px;   color: var(--txt2);   letter-spacing: .5px } .tb-i {   max-width: 1360px;   margin: 0 auto;   padding: 0 24px;   display: flex;   justify-content: space-between;   align-items: center } .tb-l {   display: flex;   gap: 20px;   align-items: center } .tb-l span {   display: flex;   align-items: center;   gap: 6px } .tb-r {   display: flex;   gap: 16px;   align-items: center } .tb-r a {   color: var(--txt2);   transition: color .2s;   display: flex;   align-items: center;   gap: 4px } .tb-r a:hover {   color: var(--gold) } .hdr {   position: sticky;   top: 0;   z-index: 100;   border-bottom: 1px solid var(--brd);   backdrop-filter: blur(20px);   background: rgba(10,10,10,.95) } .hdr-i {   max-width: 1360px;   margin: 0 auto;   padding: 0 24px;   display: flex;   align-items: center;   justify-content: space-between;   height: 76px;   } header a .logo-img {   height: 48px;   width: auto;   object-fit: contain } .ft-br .logo-img {   height: 52px } .nav {   display: flex;   align-items: center } .nav a {   font-family: 'Barlow Condensed',sans-serif;   font-size: 14px;   font-weight: 600;   letter-spacing: 1.5px;   text-transform: uppercase;   color: var(--txt2);   padding: 26px 16px;   position: relative;   transition: color .3s;   white-space: nowrap } .nav a:hover,.nav li.selected a {   color: var(--gold) } .nav a::after {   content: '';   position: absolute;   bottom: 0;   left: 50%;   transform: translateX(-50%);   width: 0;   height: 2px;   background: var(--gold);   transition: width .3s } .nav a:hover::after,.nav li.selected a::after {   width: 60% } .hdr-act {   display: flex;   align-items: center;   gap: 6px } .hb {   width: 40px;   height: 40px;   display: flex;   align-items: center;   justify-content: center;   background: 0;   border: 1px solid transparent;   border-radius: 4px;   color: var(--txt2);   cursor: pointer;   transition: all .2s;   position: relative } .hb:hover {   color: var(--gold);   border-color: var(--brd2);   background: var(--bg3) } .cb {   position: absolute;   top: 4px;   right: 4px;   width: 16px;   height: 16px;   background: var(--red);   border-radius: 50%;   font-size: 10px;   display: flex;   align-items: center;   justify-content: center;   color: #fff;   font-weight: 700 } .mt {   display: none;   width: 40px;   height: 40px;   background: 0;   border: 1px solid var(--brd2);   border-radius: 4px;   color: var(--txt);   cursor: pointer;   align-items: center;   justify-content: center } .mo {   position: fixed;   inset: 0;   background: rgba(0,0,0,.8);   z-index: 200;   opacity: 0;   pointer-events: none;   transition: opacity .3s } .mo.op {   opacity: 1;   pointer-events: all } .md {   position: fixed;   top: 0;   right: 0;   width: 320px;   height: 100%;   background: var(--bg2);   z-index: 201;   transform: translateX(100%);   transition: transform .3s;   padding: 24px;   overflow-y: auto;   border-left: 1px solid var(--brd) } .md.op {   transform: translateX(0) } .mc {   width: 40px;   height: 40px;   background: 0;   border: 1px solid var(--brd2);   border-radius: 4px;   color: var(--txt);   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   margin-bottom: 24px;   margin-left: auto } .mn {   display: flex;   flex-direction: column;   gap: 4px } .mn a {   font-family: 'Barlow Condensed',sans-serif;   font-size: 16px;   letter-spacing: 2px;   text-transform: uppercase;   font-weight: 600;   color: var(--txt2);   padding: 14px 0;   border-bottom: 1px solid var(--brd);   display: block;   transition: color .2s } .mn a:hover {   color: var(--gold) } .hero {   position: relative;   height: 420px;   overflow: hidden;   display: flex;   align-items: center;   background: #0d0d0d } .hero-bg {   position: absolute;   inset: 0;   background: url(//arsenal.puze.com.br/__arsenal/imgs/back.webp) center/cover no-repeat;   opacity: .72 } .hero::after {   content: '';   position: absolute;   inset: 0;   background: linear-gradient(90deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.5) 55%,rgba(10,10,10,.2) 100%);   z-index: 1 } .hero-ch {   position: absolute;   left: calc(50% - 50px);   top: calc(50% - 200px);   transform: translate(-50%,-50%);   opacity: .2;   z-index: 2;   animation: spin 25s linear infinite;   pointer-events: none } .hero-c {   position: relative;   z-index: 3;   max-width: 1360px;   margin: 0 auto;   padding: 0 24px;   width: 100% } .hero-badge {   display: inline-flex;   align-items: center;   gap: 8px;   background: rgba(200,170,110,.1);   border: 1px solid rgba(200,170,110,.2);   padding: 6px 16px;   border-radius: 2px;   font-family: 'Barlow Condensed',sans-serif;   font-size: 12px;   letter-spacing: 3px;   text-transform: uppercase;   color: var(--gold);   margin-bottom: 20px;   animation: fadeIn .6s } .hero-badge-dot {   width: 6px;   height: 6px;   background: var(--gold);   border-radius: 50%;   animation: pulse 2s infinite } .hero h1, #login-show h1 {   font-family: 'Bebas Neue',sans-serif;   font-size: clamp(42px,6vw,72px);   line-height: .95;   letter-spacing: 2px;   margin-bottom: 16px;   opacity: 0;   animation: fadeInUp .7s .1s forwards } .hero h1 span {   color: var(--gold) } form.loginform button {   font-family: 'Bebas Neue',sans-serif;   font-size:20px;   width:100%; } .hero-d {   font-size: 16px;   color: var(--txt2);   max-width: 480px;   line-height: 1.6;   margin-bottom: 28px;   opacity: 0;   animation: fadeInUp .7s .2s forwards } .hero-btns {   display: flex;   gap: 12px;   opacity: 0;   animation: fadeInUp .7s .3s forwards } .bp {   font-family: 'Barlow Condensed',sans-serif;   font-size: 14px;   font-weight: 600;   letter-spacing: 2px;   text-transform: uppercase;   padding: 14px 32px;   background: var(--gg);   color: var(--bg);   border: none;   border-radius: 2px;   cursor: pointer;   transition: all .3s;   display: inline-flex;   align-items: center;   gap: 8px } .bp:hover {   transform: translateY(-2px);   box-shadow: var(--gs) } .bo {   font-family: 'Barlow Condensed',sans-serif;   font-size: 14px;   font-weight: 600;   letter-spacing: 2px;   text-transform: uppercase;   padding: 14px 32px;   background: 0;   color: var(--txt);   border: 1px solid var(--brd2);   border-radius: 2px;   cursor: pointer;   transition: all .3s } .bo:hover {   border-color: var(--gold);   color: var(--gold) } .trust {   background: var(--bg2);   border-bottom: 1px solid var(--brd);   padding: 22px 0 } .trust-i {   max-width: 1360px;   margin: 0 auto;   padding: 0 24px;   display: grid;   grid-template-columns: repeat(3,1fr);   gap: 24px } .ti {   display: flex;   align-items: center;   gap: 14px;   padding: 0 20px;   border-right: 1px solid var(--brd) } .ti:last-child {   border-right: none } .ti-icon {   color: var(--gold);   flex-shrink: 0 } .ti h4 {   font-family: 'Barlow Condensed',sans-serif;   font-size: 13px;   letter-spacing: 1.5px;   text-transform: uppercase;   font-weight: 600;   color: var(--txt);   margin-bottom: 1px } .ti p {   font-size: 12px;   color: var(--muted) } .sec {   padding: 80px 0 } .sec-i {   max-width: 1360px;   margin: 0 auto;   padding: 0 24px } .sec-h {   display: flex;   align-items: flex-end;   justify-content: space-between;   margin-bottom: 40px } .sl {   font-family: 'Barlow Condensed',sans-serif;   font-size: 12px;   letter-spacing: 4px;   text-transform: uppercase;   color: var(--gold);   font-weight: 500;   margin-bottom: 8px;   display: flex;   align-items: center;   gap: 12px } .sl::before {   content: '';   display: block;   width: 30px;   height: 1px;   background: var(--gold) } .st {   font-family: 'Bebas Neue',sans-serif;   font-size: clamp(32px,4vw,48px);   letter-spacing: 2px;   line-height: 1 } .slink {   font-family: 'Barlow Condensed',sans-serif;   font-size: 13px;   letter-spacing: 2px;   text-transform: uppercase;   color: var(--gold);   display: flex;   align-items: center;   gap: 6px;   transition: gap .3s;   font-weight: 600;   white-space: nowrap } .slink:hover {   gap: 12px } .cat-row {   display: flex;   gap: 10px;   margin-bottom: 32px;   overflow-x: auto;   padding-bottom: 8px;   -webkit-overflow-scrolling: touch } .cat-row::-webkit-scrollbar {   height: 0 } .cat-pill {   display: flex;   align-items: center;   gap: 8px;   padding: 10px 18px;   background: var(--card);   border: 1px solid var(--brd);   border-radius: 4px;   cursor: pointer;   transition: all .3s;   white-space: nowrap;   flex-shrink: 0 } .cat-pill:hover,.cat-pill.ac {   border-color: var(--gold-d);   background: rgba(200,170,110,.08) } .cat-pill svg {   opacity: .5;   transition: opacity .3s } .cat-pill:hover svg,.cat-pill.ac svg {   opacity: 1;   stroke: var(--gold) } .cpn {   font-family: 'Barlow Condensed',sans-serif;   font-size: 13px;   letter-spacing: 1px;   text-transform: uppercase;   font-weight: 600;   color: var(--txt2) } .cat-pill:hover .cpn,.cat-pill.ac .cpn {   color: var(--gold) } .sec-prod {   background: var(--bg2);   border-top: 1px solid var(--brd);   border-bottom: 1px solid var(--brd) } .pgrid {  } .pc {   background: var(--card);   border: 1px solid var(--brd);   border-radius: 4px;   overflow: hidden;   transition: all .3s;   cursor: pointer } .pc.hid {   display: none } .pc:hover {   border-color: var(--brd2);   transform: translateY(-4px);   box-shadow: var(--shadow) } .pi {   width: 100%;   aspect-ratio: 1;   display: flex;   align-items: center;   justify-content: center;   position: relative;   overflow: hidden } .pbadge {   position: absolute;   top: 12px;   left: 12px;   font-family: 'Barlow Condensed',sans-serif;   font-size: 10px;   letter-spacing: 1.5px;   text-transform: uppercase;   font-weight: 700;   padding: 4px 10px;   border-radius: 2px;   background: var(--gold);   color: var(--bg);   z-index: 2 } .pbadge.pr {   background: var(--red);   color: #fff } .pbadge.nw {   background: var(--green);   color: #fff } .pi img {   width: 100%;   height: 100%;   object-fit: cover } .pinfo {   padding: 16px } .pcat {   font-size: 11px;   letter-spacing: 1px;   text-transform: uppercase;   color: var(--gold-d);   margin-bottom: 6px } .pnm {   font-family: 'Barlow Condensed',sans-serif;   font-size: 16px;   font-weight: 600;   margin-bottom: 8px } .prt {   display: flex;   align-items: center;   gap: 2px;   margin-bottom: 10px;   color: var(--gold);   font-size: 13px } .prt .dm {   opacity: .2 } .prt span {   font-size: 12px;   color: var(--muted);   margin-left: 4px } .ppr {   display: flex;   align-items: baseline;   gap: 8px } .ppr-c {   font-family: 'Barlow Condensed',sans-serif;   font-size: 22px;   font-weight: 700;   color: var(--gold) } .ppr-o {   font-size: 14px;   color: var(--muted);   text-decoration: line-through } .padd {   width: 100%;   padding: 12px;   font-family: 'Barlow Condensed',sans-serif;   font-size: 12px;   letter-spacing: 2px;   text-transform: uppercase;   font-weight: 600;   background: var(--bg3);   border: none;   border-top: 1px solid var(--brd);   color: var(--txt2);   cursor: pointer;   transition: all .3s;   text-align: center; } .padd:hover {   background: var(--gold);   color: var(--bg) } .about {   background: var(--bg2);   border-top: 1px solid var(--brd);   border-bottom: 1px solid var(--brd) } .ab-g {   display: grid;   grid-template-columns: 1fr 1fr;   gap: 64px;   align-items: center } .ab-img {   aspect-ratio: 4/3;   background: linear-gradient(135deg,#1a1510,#111);   border-radius: 4px;   position: relative;   overflow: hidden;   border: 1px solid var(--brd);   display: flex;   align-items: center;   justify-content: center } .ab-stats {   position: absolute;   bottom: 0;   left: 0;   right: 0;   display: grid;   grid-template-columns: repeat(3,1fr);   background: rgba(10,10,10,.92);   backdrop-filter: blur(10px) } .ab-st {   padding: 16px;   text-align: center;   border-right: 1px solid var(--brd) } .ab-st:last-child {   border-right: none } .ab-num {   font-family: 'Bebas Neue',sans-serif;   font-size: 32px;   color: var(--gold);   line-height: 1 } .ab-lab {   font-size: 11px;   letter-spacing: 1px;   text-transform: uppercase;   color: var(--muted);   margin-top: 2px } .ab-txt h3 {   font-family: 'Bebas Neue',sans-serif;   font-size: 36px;   letter-spacing: 2px;   margin-bottom: 20px;   line-height: 1.1 } .ab-txt h3 span {   color: var(--gold) } .ab-txt p {   color: var(--txt2);   line-height: 1.8;   margin-bottom: 16px;   font-size: 15px } .ab-line {   width: 60px;   height: 2px;   background: var(--gold);   margin-bottom: 24px } .brands {   padding: 48px 0;   border-bottom: 1px solid var(--brd) } .brands-i {   max-width: 1360px;   margin: 0 auto;   padding: 0 24px;   display: flex;   align-items: center;   justify-content: center;   gap: 60px } .br-it {   font-family: 'Bebas Neue',sans-serif;   font-size: 28px;   letter-spacing: 4px;   color: var(--muted);   opacity: .35;   transition: opacity .3s;   cursor: default;   white-space: nowrap } .br-it:hover {   opacity: .7 } .nwsg {  } .nwc {   background: var(--card);   border: 1px solid var(--brd);   border-radius: 4px;   overflow: hidden;   transition: all .3s;   cursor: pointer } .nwc:hover {   border-color: var(--brd2);   transform: translateY(-3px) } .nwi {   height: 200px;   position: relative;   overflow: hidden } .nwi img {   width: 100%;   height: 100%;   object-fit: cover } .nwi::after {   content: '';   position: absolute;   inset: 0;   background: linear-gradient(0deg,rgba(20,20,20,.7) 0%,transparent 50%) } .nwtag {   position: absolute;   top: 12px;   left: 12px;   z-index: 2;   font-family: 'Barlow Condensed',sans-serif;   font-size: 10px;   letter-spacing: 1.5px;   text-transform: uppercase;   font-weight: 600;   padding: 4px 12px;   background: var(--gold);   color: var(--bg);   border-radius: 2px } .nwb {   padding: 20px } .nwdt {   font-size: 12px;   color: var(--muted);   margin-bottom: 8px } .nwtt {   font-family: 'Barlow Condensed',sans-serif;   font-size: 18px;   font-weight: 600;   line-height: 1.3 } .faq {   background: var(--bg2);   border-top: 1px solid var(--brd) } .faq-g {   display: grid;   grid-template-columns: 1fr 1.5fr;   gap: 64px;   align-items: start } .faq-intro p {   color: var(--txt2);   font-size: 15px;   line-height: 1.7;   margin-bottom: 32px } .faq-cta {   text-align: center;   padding: 32px;   background: var(--card);   border: 1px solid var(--brd);   border-radius: 4px } .faq-cta p {   color: var(--txt2);   margin-bottom: 8px;   font-size: 14px } .faq-cta a {   color: var(--gold);   font-weight: 600 } .fql {   display: flex;   flex-direction: column;   gap: 8px } .fqi {   background: var(--card);   border: 1px solid var(--brd);   border-radius: 4px;   overflow: hidden;   transition: border-color .3s } .fqi.op {   border-color: var(--gold-d) } .fqq {   width: 100%;   padding: 18px 20px;   display: flex;   align-items: center;   justify-content: space-between;   background: 0;   border: none;   color: var(--txt);   font-family: 'Barlow',sans-serif;   font-size: 14px;   font-weight: 500;   cursor: pointer;   text-align: left;   transition: color .3s } .fqq:hover {   color: var(--gold) } .fqic {   transition: transform .3s;   color: var(--gold);   flex-shrink: 0 } .fqi.op .fqic {   transform: rotate(180deg) } .fqa {   max-height: 0;   overflow: hidden;   padding: 0 20px;   font-size: 14px;   color: var(--txt2);   line-height: 1.7;   transition: all .35s } .fqi.op .fqa {   max-height: 200px;   padding: 0 20px 18px } .cta {   background: linear-gradient(135deg,#1a1510,#0d0d0d 50%,#1a1510);   padding: 80px 0;   text-align: center;   position: relative;   overflow: hidden;   border-top: 1px solid var(--brd);   border-bottom: 1px solid var(--brd) } .cta::before {   content: '';   position: absolute;   inset: 0;   opacity: .03;   background: repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(200,170,110,.1) 2px,rgba(200,170,110,.1) 4px) } .cta-c {   position: relative;   z-index: 2 } .cta-c h2 {   font-family: 'Bebas Neue',sans-serif;   font-size: clamp(32px,5vw,52px);   letter-spacing: 3px;   margin-bottom: 12px } .cta-c h2 span {   color: var(--gold) } .cta-c>p {   color: var(--txt2);   font-size: 16px;   margin-bottom: 32px;   max-width: 500px;   margin-left: auto;   margin-right: auto } .nlf {   display: flex;   max-width: 480px;   margin: 0 auto } .nli {   flex: 1;   padding: 14px 20px;   background: var(--bg3);   border: 1px solid var(--brd2);   border-right: none;   border-radius: 2px 0 0 2px;   color: var(--txt);   font-family: 'Barlow',sans-serif;   font-size: 14px;   outline: none;   transition: border-color .3s } .nli:focus {   border-color: var(--gold-d) } .nli::placeholder {   color: var(--muted) } .nlb {   padding: 14px 28px;   background: var(--gg);   border: none;   border-radius: 0 2px 2px 0;   color: var(--bg);   font-family: 'Barlow Condensed',sans-serif;   font-size: 13px;   letter-spacing: 2px;   text-transform: uppercase;   font-weight: 600;   cursor: pointer;   transition: opacity .3s;   white-space: nowrap } .nlb:hover {   opacity: .9 } .ft {   background: var(--bg2);   border-top: 1px solid var(--brd);   padding: 64px 0 0 } .ft-i {   max-width: 1360px;   margin: 0 auto;   padding: 0 24px } .ft-g {   display: grid;   grid-template-columns: 1.5fr 1fr 1fr 1.2fr;   gap: 48px;   padding-bottom: 48px;   border-bottom: 1px solid var(--brd) } .ft-desc {   font-size: 14px;   color: var(--muted);   line-height: 1.7;   margin-bottom: 20px } .redes-sociais {   display: flex;   gap: 8px } .redes-sociais a {   width: 36px;   height: 36px;   display: flex;   align-items: center;   justify-content: center;   border: 1px solid var(--brd2);   border-radius: 4px;   color: var(--muted);   background: 0;   cursor: pointer;   transition: all .3s } .tb .redes-sociais a {   width:16px;   height:16px;   border:none; } .redes-sociais a:hover {   border-color: var(--gold);   color: var(--gold);   background: rgba(200,170,110,.05) } .ft-col h4 {   font-family: 'Barlow Condensed',sans-serif;   font-size: 13px;   letter-spacing: 2px;   text-transform: uppercase;   font-weight: 600;   margin-bottom: 20px } .ft-lk {   display: flex;   flex-direction: column;   gap: 10px } .ft-lk a {   font-size: 14px;   color: var(--muted);   transition: color .2s } .ft-lk a:hover {   color: var(--gold) } .ft-ci {   display: flex;   align-items: flex-start;   gap: 10px;   margin-bottom: 14px;   color: var(--muted);   font-size: 14px } .ft-ci svg {   flex-shrink: 0;   color: var(--gold);   margin-top: 2px } .ft-bot {   padding: 20px 0;   display: flex;   align-items: center;   justify-content: space-between;   font-size: 12px;   color: var(--muted) } .ft-pay {   display: flex;   gap: 8px } .pay {   padding: 4px 10px;   background: var(--bg3);   border: 1px solid var(--brd);   border-radius: 3px;   font-family: 'Barlow Condensed',sans-serif;   font-size: 11px;   color: var(--muted) } .btt {   position: fixed;   bottom: 8px;   left: 24px;   width: 44px;   height: 44px;   background: var(--gold);   border: none;   border-radius: 4px;   color: var(--bg);   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   z-index: 99;   transition: all .3s;   opacity: 0;   transform: translateY(20px);   pointer-events: none } .btt.vis {   opacity: 1;   transform: translateY(0);   pointer-events: all } .btt:hover {   background: var(--gold-l);   transform: translateY(-2px) } .waf {   position: fixed;   bottom: 24px;   right: 24px;   width: 52px;   height: 52px;   background: #25D366;   border: none;   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;   cursor: pointer;   z-index: 99;   color: #fff;   box-shadow: 0 4px 20px rgba(37,211,102,.3);   transition: transform .3s } .waf:hover {   transform: scale(1.1) } @media(max-width: 1024px) {   .nav {  display:none   }   .mt {  display: flex   }   .hero {  height: 380px   }   .pgrid { }   .ab-g {  grid-template-columns: 1fr;  gap: 32px   }   .faq-g {  grid-template-columns: 1fr   }   .ft-g {  grid-template-columns: repeat(2,1fr);  gap: 32px   }   .brands-i {  flex-wrap: wrap;  gap: 30px   }   .nwsg { } } @media(max-width: 640px) {   .tb {  display:none   }   .hero {  height: 340px   }   .trust-i {  grid-template-columns: 1fr   }   .ti {  border-right: none;  border-bottom: 1px solid var(--brd);  padding: 16px 0   }   .ti:last-child {  border-bottom: none   }   .pgrid,.nwsg {  grid-template-columns: 1fr   }   .ft-g {  grid-template-columns: 1fr   }   .sec-h {  flex-direction: column;  align-items: flex-start;  gap: 16px   }   .nlf,.hero-btns {  flex-direction: column   }   .nlb {  border-radius: 2px   }   .nli {  border-right: 1px solid var(--brd2);  border-radius: 2px   }   .ft-bot {  flex-direction: column;  gap: 12px;  text-align: center   } }  .pgrid .swiper-item-list .swiper-slide {   max-width:310px; } .pc.ai {   width: 310px;   display:flex;   flex-direction:column;   flex: 0 0 auto; } .pc.ai .padd {   margin-top:auto; } .swiper-noticias .swiper-slide {   max-width:420px; } .nwc.ai {   width:100%; } .car-fullqtde {  position: absolute;   top: 4px;   right: 4px;   width: 16px;   height: 16px;   background: var(--red);   border-radius: 50%;   font-size: 10px;   display: flex;   align-items: center;   justify-content: center;   color: #fff;   font-weight: 700; } .carrinhobt {   position:relative; } .fullcarSideBar, .colorboxOpened-login-show #cboxLoadedContent {   background:black; }  form.sample input.input, form.sample textarea.input, .carfull input {   background:rgba(255,255,255,0.1);   border:1px solid var(--gold);   color: white; } .carfull input {   color:white;   border:none; } form.sample button {   background:var(--gold); } .colorboxOpened-login-show #cboxLoadedContent a {   color:var(--gold); } .container-busca {   margin:20px; } form.buscabutton-default .formbutton-align {   top: 41%; } .carfull a.samplebtn {   background: var(--bg2);   color: white; } .carfull table.tabcarrinho.sample tr {   background:var(--bg); } .carfull table.tabcarrinho.sample tr.odd {   background: var(--bg3); } .carfull table.tabcarrinho {   background:black;   border:none; } .carfull .endbar, .carfull .desconto-line {   background:black;   border:none; } .carfull a.samplebtn.fechar {   border:none; } .breadcrumb {   background: var(--bg2);   border-bottom: 1px solid var(--brd);   padding: 14px 0 } .bc-i {   max-width: 1360px;   margin: 0 auto;   padding: 0 24px;   display: flex;   align-items: center;   gap: 8px;   font-size: 13px;   color: var(--muted);   flex-wrap: wrap } .bc-i a {   color: var(--muted);   transition: color .2s } .bc-i a:hover {   color: var(--gold) } .bc-i .bc-sep {   color: var(--brd2);   font-size: 11px } .bc-i .bc-current {   color: var(--gold) } .prod-page {   padding: 48px 0 80px } .prod-grid {   display: grid;   grid-template-columns: 1.1fr 1fr;   gap: 60px;   margin-bottom: 64px }  .gallery-main {   aspect-ratio: 1;   background: linear-gradient(145deg,#1a1a1a,#1f1f1f,#181818);   border: 1px solid var(--brd);   border-radius: 6px;   display: flex;   align-items: center;   justify-content: center;   overflow: hidden;   position: relative;   cursor: zoom-in } .gallery-main img {   width: 88%;   height: 88%;   object-fit: contain;   transition: transform .4s } .gallery-main:hover img {   transform: scale(1.06) } .gallery-tag {   position: absolute;   top: 16px;   left: 16px;   font-family: 'Barlow Condensed',sans-serif;   font-size: 11px;   letter-spacing: 1.5px;   text-transform: uppercase;   font-weight: 700;   padding: 5px 12px;   border-radius: 2px;   background: var(--gold);   color: var(--bg);   z-index: 2 } .gallery-thumbs {   display: grid;   grid-template-columns: repeat(4,1fr);   gap: 10px;   margin-top: 14px } .thumb {   aspect-ratio: 1;   background: linear-gradient(145deg,#161616,#1a1a1a);   border: 1px solid var(--brd);   border-radius: 4px;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   overflow: hidden;   transition: border-color .3s;   padding: 8px } .thumb:hover,.thumb.ac {   border-color: var(--gold) } .thumb img {   width: 100%;   height: 100%;   object-fit: contain;   opacity: .85 }  .prod-brand {   font-family: 'Barlow Condensed',sans-serif;   font-size: 13px;   letter-spacing: 3px;   text-transform: uppercase;   color: var(--gold);   margin-bottom: 8px;   display: flex;   align-items: center;   gap: 10px } .prod-brand::before {   content: '';   display: block;   width: 30px;   height: 1px;   background: var(--gold) } .prod-title {   font-family: 'Bebas Neue',sans-serif;   font-size: 42px;   line-height: 1;   letter-spacing: 1.5px;   margin-bottom: 14px } .prod-meta {   display: flex;   align-items: center;   gap: 16px;   margin-bottom: 20px;   font-size: 13px;   color: var(--muted);   padding-bottom: 20px;   border-bottom: 1px solid var(--brd) } .prod-meta-rt {   display: flex;   align-items: center;   gap: 6px;   color: var(--gold) } .prod-meta-rt span {   color: var(--muted);   margin-left: 4px } .prod-meta-sep {   width: 1px;   height: 14px;   background: var(--brd2) } .prod-meta-stk {   color: var(--green);   font-weight: 600;   display: flex;   align-items: center;   gap: 6px } .prod-meta-stk::before {   content: '';   width: 6px;   height: 6px;   background: var(--green);   border-radius: 50% } .prod-pricebox {   padding: 24px 0;   border-bottom: 1px solid var(--brd);   margin-bottom: 24px } .prod-old {   font-size: 16px;   color: var(--muted);   text-decoration: line-through;   margin-bottom: 4px } .prod-pricerow {   display: flex;   align-items: baseline;   gap: 12px;   margin-bottom: 6px } .prod-pricenow {   font-family: 'Bebas Neue',sans-serif;   font-size: 48px;   color: var(--gold);   line-height: 1 } .prod-discount {   padding: 4px 10px;   background: var(--red);   color: #fff;   border-radius: 2px;   font-size: 12px;   font-weight: 700;   letter-spacing: .5px } .prod-installments {   font-size: 14px;   color: var(--txt2) } .prod-installments strong {   color: var(--gold);   font-weight: 600 } .prod-pix {   margin-top: 8px;   display: flex;   align-items: center;   gap: 8px;   font-size: 14px;   color: var(--green);   font-weight: 600 } .prod-desc {   font-size: 15px;   color: var(--txt2);   line-height: 1.7;   margin-bottom: 24px }  .opt-block {   margin-bottom: 20px } .opt-label {   font-family: 'Barlow Condensed',sans-serif;   font-size: 12px;   letter-spacing: 2px;   text-transform: uppercase;   color: var(--txt2);   margin-bottom: 10px;   font-weight: 600 } .opt-label span {   color: var(--gold);   margin-left: 6px } .opt-row {   display: flex;   gap: 8px;   flex-wrap: wrap } .opt-btn {   padding: 10px 18px;   background: var(--card);   border: 1px solid var(--brd);   border-radius: 3px;   color: var(--txt);   font-family: 'Barlow',sans-serif;   font-size: 13px;   cursor: pointer;   transition: all .2s } .opt-btn:hover {   border-color: var(--gold-d) } .opt-btn.ac {   border-color: var(--gold);   background: rgba(200,170,110,.08);   color: var(--gold) }  .prod-actions {   display: flex;   gap: 12px;   margin-bottom: 20px;   flex-wrap: wrap } .qty-box {   display: flex;   align-items: center;   background: var(--card);   border: 1px solid var(--brd);   border-radius: 3px;   overflow: hidden } .qty-btn {   width: 42px;   height: 48px;   background: 0;   border: none;   color: var(--txt);   font-size: 18px;   cursor: pointer;   transition: color .2s } .qty-btn:hover {   color: var(--gold) } .qty-input {   width: 50px;   height: 48px;   background: 0;   border: none;   color: var(--txt);   text-align: center;   font-family: 'Barlow',sans-serif;   font-size: 15px;   font-weight: 600;   outline: none;   border-left: 1px solid var(--brd);   border-right: 1px solid var(--brd) } .car-bt-comprar-eprod {   flex: 1;   min-width: 200px;   padding: 0 32px;   height: 48px;   background: var(--gg);   color: var(--bg);   border: none;   border-radius: 3px;   font-family: 'Barlow Condensed',sans-serif;   font-size: 14px;   font-weight: 700;   letter-spacing: 2px;   text-transform: uppercase;   cursor: pointer;   transition: all .3s;   display: inline-flex;   align-items: center;   justify-content: center;   gap: 8px } .car-bt-comprar-eprod:hover {   transform: translateY(-2px);   box-shadow: var(--gs) } .btn-cart {   padding: 0 24px;   height: 48px;   background: var(--bg3);   color: var(--txt);   border: 1px solid var(--brd);   border-radius: 3px;   font-family: 'Barlow Condensed',sans-serif;   font-size: 13px;   font-weight: 600;   letter-spacing: 1.5px;   text-transform: uppercase;   cursor: pointer;   transition: all .3s;   display: inline-flex;   align-items: center;   gap: 8px } .btn-cart:hover {   border-color: var(--gold);   color: var(--gold) } .btn-wish {   width: 48px;   height: 48px;   background: var(--bg3);   color: var(--txt2);   border: 1px solid var(--brd);   border-radius: 3px;   cursor: pointer;   display: inline-flex;   align-items: center;   justify-content: center;   transition: all .3s } .btn-wish:hover {   border-color: var(--red);   color: var(--red) }  .ship-calc {   background: var(--card);   border: 1px solid var(--brd);   border-radius: 4px;   padding: 18px;   margin-bottom: 20px } .bigtext-titcar-cep {   font-family: 'Barlow Condensed',sans-serif;   font-size: 13px;   letter-spacing: 1.5px;   text-transform: uppercase;   font-weight: 600;  display: flex;   align-items: center;   gap: 8px;   color: var(--gold) } .ship-calc-row {   display: flex;   gap: 8px } .ship-calc .cepfield-one {   flex: 1;   padding: 10px 14px;   background: var(--bg3);   border: 1px solid var(--brd2);   border-radius: 3px;   color: var(--txt);   font-family: 'Barlow',sans-serif;   font-size: 13px;   outline: none } .ship-input:focus {   border-color: var(--gold-d) } .btcep {   padding: 10px 18px;   background: var(--bg3);   border: 1px solid var(--brd2);   border-radius: 3px;   color: var(--txt);   font-family: 'Barlow Condensed',sans-serif;   font-size: 12px;   letter-spacing: 1.5px;   text-transform: uppercase;   font-weight: 600;   cursor: pointer;   transition: all .2s } .btcep:hover {   border-color: var(--gold);   color: var(--gold) }  .prod-trust {   display: grid;   grid-template-columns: repeat(3,1fr);   gap: 8px;   border-top: 1px solid var(--brd);   padding-top: 20px } .pt-i {   display: flex;   align-items: center;   gap: 10px;   font-size: 12px;   color: var(--txt2) } .pt-i svg {   color: var(--gold);   flex-shrink: 0 }  .prod-tabs {   margin-top: 48px;   border-top: 1px solid var(--brd) } .tabs-nav {   display: flex;   border-bottom: 1px solid var(--brd);   overflow-x: auto } .tab-btn {   padding: 18px 24px;   background: 0;   border: none;   color: var(--txt2);   font-family: 'Barlow Condensed',sans-serif;   font-size: 14px;   letter-spacing: 2px;   text-transform: uppercase;   font-weight: 600;   cursor: pointer;   position: relative;   transition: color .3s;   white-space: nowrap } .tab-btn:hover {   color: var(--txt) } .tab-btn.ac {   color: var(--gold) } .tab-btn.ac::after {   content: '';   position: absolute;   bottom: -1px;   left: 0;   right: 0;   height: 2px;   background: var(--gold) } .tab-content {   display: none;   padding: 32px 0;   font-size: 15px;   color: var(--txt2);   line-height: 1.8 } .tab-content.ac {   display: block } .tab-content h3 {   font-family: 'Barlow Condensed',sans-serif;   font-size: 18px;   color: var(--txt);   text-transform: uppercase;   letter-spacing: 1.5px;   margin-bottom: 16px;   margin-top: 24px;   font-weight: 600 } .tab-content h3:first-child {   margin-top: 0 } .tab-content p {   margin-bottom: 14px } .tab-content ul {   padding-left: 24px;   margin-bottom: 14px } .tab-content ul li {   margin-bottom: 8px }  .specs-tbl {   width: 100%;   border-collapse: collapse } .specs-tbl tr {   border-bottom: 1px solid var(--brd) } .specs-tbl td {   padding: 14px 0;   font-size: 14px } .specs-tbl td:first-child {   color: var(--txt2);   font-family: 'Barlow Condensed',sans-serif;   letter-spacing: 1px;   text-transform: uppercase;   font-size: 12px;   font-weight: 600;   width: 40% } .specs-tbl td:last-child {   color: var(--txt);   font-weight: 500 }  .rev-summary {   display: grid;   grid-template-columns: 1fr 2fr;   gap: 40px;   padding: 24px;   background: var(--card);   border: 1px solid var(--brd);   border-radius: 6px;   margin-bottom: 32px } .rev-score {   text-align: center } .rev-num {   font-family: 'Bebas Neue',sans-serif;   font-size: 64px;   color: var(--gold);   line-height: 1 } .rev-stars {   color: var(--gold);   font-size: 18px;   margin: 6px 0 } .rev-count {   color: var(--muted);   font-size: 13px } .rev-bars {   display: flex;   flex-direction: column;   gap: 8px;   justify-content: center } .rev-bar-row {   display: flex;   align-items: center;   gap: 12px;   font-size: 13px;   color: var(--txt2) } .rev-bar-l {   width: 30px;   color: var(--gold) } .rev-bar-track {   flex: 1;   height: 6px;   background: var(--bg3);   border-radius: 3px;   overflow: hidden } .rev-bar-fill {   height: 100%;   background: var(--gold);   border-radius: 3px } .rev-bar-c {   width: 30px;   text-align: right;   color: var(--muted) } .rev-item {   padding: 20px 0;   border-bottom: 1px solid var(--brd) } .rev-item:last-child {   border-bottom: none } .rev-h {   display: flex;   align-items: center;   justify-content: space-between;   margin-bottom: 8px } .rev-author {   font-weight: 600;   color: var(--txt);   font-size: 14px } .rev-date {   color: var(--muted);   font-size: 12px } .rev-rating {   color: var(--gold);   font-size: 13px;   margin-bottom: 6px } .rev-text {   font-size: 14px;   color: var(--txt2);   line-height: 1.7 }  .related-section {   padding: 64px 0;   background: var(--bg2);   border-top: 1px solid var(--brd) } @media(max-width: 1024px) {   .prod-grid {  grid-template-columns:1fr;  gap: 32px   }   .prod-title {  font-size: 34px   }   .prod-pricenow {  font-size: 38px   }   .rev-summary {  grid-template-columns: 1fr;  gap: 20px   } } @media(max-width: 640px) {   .prod-trust {  grid-template-columns:1fr   }   .prod-actions {  flex-direction: column   }   .qty-box {  width: 100%;  justify-content: space-between   }   .car-bt-comprar-eprod,.btn-cart {  width: 100%   } } .numberControlUnifiedLayout {   border-color:white; } .numberControlUnifiedLayout .numberControl, .numberControlUnifiedLayout input {   color:white; } .wrapbtcomprar .car-bt-line-button {   align-items:stretch;   gap:10px;   margin:10px 0 } .fullbg {   overflow:initial; } .listprodutos {   display: flex;   gap: 10px;   flex-wrap: wrap;   justify-content: center; } h2.eprod-recomenda {   margin-bottom: 10px; } a.mod-backtopage-simple.btn {   color: var(--gold);   margin-top: 10px; } .full-pagamento .pagamento-wrap-around-opt, .full-comprar-entrega .desconto-line {   border-color:white;   color:white; } .full-pagamento .esc-pagamento {   color:white; } .full-pagamento .esc-pagamento:before {   border-color:white;   outline-color:white; } .full-pagamento .esc-pagamento.clicked:before {   border-color:white;   outline-color:white; } .carfull .showfrete {   background:var(--bg); } .full-pagamento .endereco-wrap.clicked {   background:var(--gold);   color:black; } .full-pagamento .endereco-wrap .opt-pagamento:before {   border-color:white; } .full-pagamento .endereco-wrap:hover {   background:var(--gold);   color:black; } .full-pagamento .endereco-wrap:hover .opt-pagamento:before {   border-color:black; } .carfull table.tabcarrinho thead {   color:white; } h1.eprodutos-categtit {   text-align: center; } ul.simple-menu {   display: flex; }