/** Shopify CDN: Minification failed

Line 1919:0 Unexpected "}"
Line 3434:3 Expected identifier but found whitespace
Line 5559:3 Unexpected ","
Line 6605:0 Unexpected "<"
Line 6850:0 Unexpected "<"

**/





/*============================================================================
Get font-families from theme settings
==============================================================================*/







/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*------------*/
body {
  font-family:  Rubik, sans-serif ;
  font-weight: 400;
  color: #5a6069;
  font-size: 13px;
  line-height: 1.428571429;
  width: 100%;
  position: relative;
  background: #ffffff;
}
.common-home {
  background: #14151b;
  color: #5a6069;
}
*:focus{
  outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
  color: #ae2fe3;
  line-height: 1.35;
  font-family:  Oswald, sans-serif ;
}
/* default font size */
.fa {
  font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
  font-size: 33px;
}
h2 {
  font-size: 27px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 15px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10.2px;
}
a {
  color: #6c6f7a;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
a:focus,
a:active,
a:hover {
  text-decoration: none;
  color: #df15e5;
}
legend {
  font-size: 18px;
  padding: 7px 0px;
  font-family:  Oswald, sans-serif ;
  color: #ae2fe3;
}
label {
  font-size: 13px;
  font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
  font-size: 12px;
}
input[type=text] {
  min-width: 50px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
  font-size: 12px;
}
.input-group .input-group-addon {
  font-size: 12px;
  height: 30px;
}
img{
  max-width: 100%; 
  height: auto;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
  display: inline;
}
.flip{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
}
div.required .control-label:before {
  content: '* ';
  color: #F00;
  font-weight: bold;
}
/* tooltip */
.tooltip.top .tooltip-arrow {
  border-top-color: #df15e5;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #df15e5;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #df15e5;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #df15e5;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #df15e5;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #df15e5;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #df15e5;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #df15e5;
}
.tooltip-inner{
  background: #df15e5;
}
.alert{
  text-align: center;
  font-size: 13px;
  margin: 0;
  border-radius: 0;
  border: none;
}
/* transition */
a:hover,.banner-3 a:hover::before,
#button-guest:hover, #button-search:hover, #button-review:hover, #button-account:hover,
#button-login:hover, #button-confirm:hover, #button-payment-method:hover, #button-register:hover,
#button-shipping-method:hover, #button-quote:hover, #button-coupon:hover,
.form-horizontal input.btn:hover, a.btn:hover, input[type='submit']:hover, .button:hover,
.product-layout:hover  .action-links-link,
.static-policy .col:hover .text-content h2, .static-policy .col:hover .col-img .hover,
.layout1:hover .btn-wishlist, .layout1:hover .btn-compare,
.banner-2 a:hover::before, .product-image:hover .img-r,
.banner-1 > div:hover img{
  -webkit-transition: ease-in-out all .3s;
  -moz-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}
#button-guest:hover, #button-search:hover, #button-review:hover, #button-account:hover,
#button-login:hover, #button-confirm:hover, #button-payment-method:hover, #button-register:hover,
#button-shipping-method:hover, #button-quote:hover, #button-coupon:hover,
.form-horizontal input.btn:hover, a.btn:hover, input[type='submit']:hover, .button:hover{
  color: #fff;
  background: #df15e5;
}
#button-guest, #button-search, #button-review, #button-account, #button-login, #button-confirm,
#button-payment-method, #button-shipping-method, #button-quote, #button-coupon, #button-register,
.form-horizontal input.btn, a.btn, input[type='submit'], .button{
  border: none;
  background: #ae2fe3;
  padding: 0px 20px;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  line-height: 44px;
  display: inline-block;
  vertical-align: top;
  border-radius: 30px;
  font-family:  Oswald, sans-serif ;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
#button-voucher,
#button-coupon{
  height: 34px;
  line-height: 34px;
  margin-left: 10px;
  border-radius: 20px;
}
#button-search + h2{
  display: none;
}
#button-search{
  margin: 15px 0;
}
#modal-agree{
  z-index: 9999;
}
/* owl carousel */
.owl-carousel.owl-theme:hover .owl-nav div {
  opacity: 1;
}

.owl-carousel.owl-theme .owl-dot:hover span,
.owl-carousel.owl-theme .owl-dot.active span {
  background: transparent;
}
.owl-carousel.owl-theme  .owl-dots {
  margin-top: 40px;
}
.owl-carousel.owl-theme  .owl-dot {
  display:inline-block;
  vertical-align:top;
  margin:5px 15px;
  position: relative;
}

.tt-product2 .owl-carousel.owl-theme  .owl-dot {
  margin:5px 10px;
}

.owl-carousel.owl-theme  .owl-dot span {
  display: block;
  width: 15px;
  height: 15px;
  margin: 0;
  border-radius: 0;
  /*background: 0;*/
  border: 1px solid rgba(255,255,255,0.2);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tt-product2 .owl-carousel.owl-theme  .owl-dot span {
  border: 1px solid transparent;
}
.owl-carousel.owl-theme  .owl-dot span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 7px;
  height: 7px;
  background: rgba(20, 21, 27, 0.2);
}
.owl-carousel.owl-theme .owl-dot.active span, .owl-carousel.owl-theme .owl-dot:hover span{
  border-color: #df15e5;
}
.tt-product2 .owl-carousel.owl-theme  .owl-dot.active span,.tt-product2 .owl-carousel.owl-theme  .owl-dot:hover span{
  background: transparent;
}
.owl-carousel.owl-theme  .owl-dot.active span:before,.owl-carousel.owl-theme  .owl-dot:hover span:before {
  background: #df15e5;
}
.tt-product2 .owl-carousel.owl-theme .owl-nav {
  margin: 0;
}
.owl-carousel.owl-theme .owl-nav div {
  position: absolute;
  top: 50%;
  font-size: 0;
  margin: 0;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  padding: 0;
  line-height: 46px;
  border: 2px solid #efefef;
  color: #9e9e9e;
  background: #01010154;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
    .owl-carousel.owl-theme .owl-nav div {
        opacity: 1;
    }
}
.tt-product2 .owl-carousel.owl-theme .owl-nav div, .common-home .owl-carousel.owl-theme .owl-nav div {
  border: 2px solid #21252c;
  color: #838896;
}
.owl-carousel.owl-theme .owl-nav div:before {
  font-family: "Ionicons";
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  width: 100%;
}
.owl-carousel.owl-theme .owl-nav div.owl-prev {
  left: -65px;
}
.owl-carousel.owl-theme .owl-nav div.owl-prev:before {
  content: "\f124";
}
.owl-carousel.owl-theme .owl-nav div.owl-next {
  right: -65px;
}
.owl-carousel.owl-theme .owl-nav div.owl-next:before {
  content: "\f125";
}
.owl-carousel.owl-theme .owl-nav div:hover {
  background: #df15e5;
  border-color: #df15e5;
  color: #fff;
  -webkit-box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
}
.tt-product2 .owl-carousel.owl-theme .owl-nav div:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*--------------*/
/* newsletter popup */
.b-close{
  display: block;
}
.newletter-popup{
  background: #fff;
  top: 50% !important;
  position: fixed !important;
  padding: 0;
  text-align: center;
  -moz-transform:  translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
#boxes .newletter-title h2{
  font-size: 24px;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0 0 15px;
}
.newletter-popup #dialog {
  padding: 50px 20px;
}
#boxes .box-content label{
  font-weight: 400;
  max-width: 650px;
}
#boxes  #frm_subscribe .required{
  color: #f00;
  padding-right: 5px;
}
#boxes  #frm_subscribe a{
  cursor: pointer;
}
#boxes  #frm_subscribe #subscribe_pemail{
  background: #EBEBEB none repeat scroll 0% 0%;
  border: medium none;
  height: 40px;
  width: 65%;
  margin: 20px 0;
  padding:0 15px;
}
#boxes .box-content .subscribe-bottom{
  margin-top: 20px;
}
#boxes .box-content .subscribe-bottom  label{
  margin: 0;
}
#boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again{
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  margin-top: -1px;
}
#boxes  #frm_subscribe #notification{
  color: #f00;
}
#boxes  #frm_subscribe #notification .success{
  color: #67D7BB;
}
#popup2{
  text-align: center;
  background: #333;
  border-radius: 0;
  cursor: pointer;
  float: right;
  /*padding: 5px 10px;*/
  color: #fff;
  margin-top: -49px;
  margin-right: -19px;
}
#popup2:hover {
  background:#df15e5;
}
/* newsllter */
.newletter-subscribe-container {
  text-align: center;
  margin-top: 85px;
  padding: 100px 0;
  border-top: 1px solid #21252c;
}
.f2 .newletter-subscribe-container {	
  border-top: 1px solid #ebebeb;
}
.newletter-subscribe-container .container-inner {

}
.newletter-subscribe-container .container-inner img.icon-newletter {
  position: absolute;
  bottom:4px;
  left:-110px;
}
#dialog-normal .newletter-title {display: block;}

#dialog-normal .newletter-title label {
  color: #838896;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}
#dialog-normal .newletter-title label span {
  color: #df15e5;
}
#dialog-normal .newletter-title h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 0;
  color: #fff;
}
.f2 #dialog-normal .newletter-title h4 {
  color: #181b23;
}
#dialog-normal .newletter-title p{
  display: block;
  margin: 0;
}
#dialog-normal .newleter-content{display: block;margin-top: 55px;position: relative;}
#subscribe {
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#subscribe_email{
  display: inline-block;
  background: #21252c;
  padding: 10px 70px 10px 25px;
  border: 0;
  border-bottom: 1px solid #1c1d25;
  line-height: 16px;
  height: 56px;
  border-radius: 30px;
  color: #5a6069;
  font-size: 12px;
  width: 620px;
  font-weight: 400;
}
.f2 #subscribe_email{
  background: #efefef;
  border-bottom: 0px;	
}
#subscribe .btn:hover{
  opacity: 0.8;
}
.f2 #subscribe .btn:hover{
  opacity: 0.6;
}
#subscribe .btn {
  position: absolute;
  top: 50%;
  right: 7px;
  text-transform: uppercase;
  line-height: 46px;
  height: 46px;
  width: 46px;
  padding: 0;
  font-size: 0;
  font-weight: 500;
  text-align: center;
  background: #df15e5;
  color: #fff;
  -webkit-box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  border-radius: 100%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.f2 #subscribe .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#subscribe .btn:before {
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-weight: 600;
}
#notification-normal{
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
}

#notification-normal div.warning{
  color: red;
  text-align: center
}
/* Header */
header {
  margin-bottom: 1px;
}
.common-home header {
  margin-bottom: 0;
}
.common-home header.hd2 {
  position: relative;
}
.common-home header.hd2 .header-top {
  min-height: 0;
  background: none;
}
.common-home header.hd2 .header-inner {
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.common-home header.hd2 .header-inner:after {
  opacity: 0;
}
.common-home header.hd2 #search input {
  background: transparent;
}
.common-home header.hd2 #logo {
  padding: 60px 0;
}
.common-home .header-top, .common-home .hd3 .header-top, .common-home .hd4 .header-top {
  min-height: 0;
  background: none;
}
.product-category .header-top {
  background-position: center;
  background-repeat: repeat-x;
}
.header-top {
  position: relative;
  min-height: 1px;
  background-position: center;
  background-repeat: repeat-x;
}
.header-inner {
  text-align: center;
  padding-top: 10px; /* Ajuste conforme necessário */
  padding-right: 20px; /* Ajuste conforme necessário */
  padding-bottom: 10px; /* Ajuste conforme necessário */
  padding-left: 10px; /* Ajuste conforme necessário */
  background: #22232b;
  position: relative;
  z-index: 10;
}

/* Estilos específicos para telas com largura máxima de 479px */
@media (max-width: 479px) {
  .header-inner {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px;    
  }
}

.hd3 .header-inner {
  text-align: center;
  padding: 0px;
  z-index: 10;
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 2px solid #df15e5;
}
.hd4 .header-inner {
  text-align: center;
  padding: 0px;
  z-index: 10;
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  border-bottom: 0px solid #df15e5;
}
header:not(.hd3) .header-inner:after {
  content: "";
  position: absolute;
  left: 0;
  right:0;
  bottom: 0;
  height: 2px;
  background: #df15e5;
  z-index: -1;
}
header.hd4 .header-inner:after {
  background: transparent; 
  height: 0px; 
}
.hd3 #middle, .hd4 #middle {
  position: relative;
  z-index: 2;
}
.header-inner .container-inner {
  position: relative;
}
.hd4 .header-inner .container-inner {
  position: relative;
  background: #fff;
  padding: 0 30px;
  border-radius: 3px;
}
header .box {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

header .box-left {
  left: 0;
  right: 0;
}
header.hd3 .box-left {
  left: 0;
  right: inherit;
}
header .box-right {
  right: -1px;
}
header.hd4 .box-right {
  right: 44px;
}
header .box-setting {
  float: left;
  margin: 0 10px;
}
.setting-button,#cart > button {
  font-size: 24px;
  color: #fff;
  width: 40px;
  border: 0;
  padding: 0;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  box-shadow: none !important;
  /*background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon_setting.png?v=815986) center no-repeat;*/
}
.hd4 .setting-button,.hd4 #cart > button {
  color: #fff;
  /*background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon_setting_black.png?v=69397610590916017611768429900) center no-repeat;*/

}
/*.setting-button:hover {
background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon_setting_hover.png?v=815986) center no-repeat;
}*/
#cart > button {
  background: none;
  /* background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon_cart.png?v=815986) center no-repeat;*/
}
.hd4 #cart > button {
  /*background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon_cart_black.png?v=815986) center no-repeat;*/
}
.setting-button > i:hover,#cart > button > i:hover { 
  color : #df15e5;
}
#cart > button > i:hover {
  /* background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon_cart_hover.png?v=815986) center no-repeat;*/
}
header .setting-content .text-ex,header .setting-content  .btn-link-current{
  margin-right: 9px;
  color: #ae2fe3;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 25px;
  padding: 0;
  font-size: 12px;
  border: 0;
  pointer-events: none;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  font-family:  Oswald, sans-serif ;
}
header .setting-content .text-ex {
  margin-right: 5px;
}
header .setting-content > div {
  margin-bottom: 14px;
}
header .setting-content > div:last-child {
  margin-bottom: 0;
}
header .setting-content .content {
  border-top: 1px solid #efefef;
  margin-top: 3px;
  padding-top: 4px;
  padding-left: 20px;
}
header .btn-group .dropdown-menu{
  position: absolute;
  right: 0;
  float: none;
  width: 280px;
  padding:35px 40px 32px 40px;
  left: auto;
  text-align: left;
  font-size: 13px;
  margin: 10px 0 0 0;
  background: white;
  border-radius: 3px;
  border: none;
  -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
  box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
}
header .btn-group header-links {
  left: auto;
  right: -15px;
}
header .setting-content .btn-group .dropdown-menu li {padding-left: 20px;}
header .btn-group .dropdown-menu li:last-child {
  border:0;
}
header .btn-group .dropdown-menu li > a,
header .btn-group .dropdown-menu li> button,
header.hd3 .btn-group .dropdown-menu li > a,
header.hd3 .btn-group .dropdown-menu li> button,
header.hd4 .btn-group .dropdown-menu li > a,
header.hd4 .btn-group .dropdown-menu li> button{
  font-size: 13px;
  padding: 3px 0;
  line-height: 24px;
  display: block;
  text-transform: capitalize;
  font-weight: normal;
  height: inherit;
  border-radius: 0;
  text-align: left;
  color: #6c6f7a;
}
header .btn-group .dropdown-menu li > a:hover,
header .btn-group .dropdown-menu li> button:hover {
  text-decoration: none;
  color: #df15e5;
}
header .btn-group .dropdown-menu li a img,
header .btn-group .dropdown-menu li button img{
  vertical-align: baseline;
  margin-right:5px;
}
header .btn-group .dropdown-menu > a:hover,
header .btn-group .dropdown-menu > button:hover,
header .btn-group .dropdown-menu .item-selected{
  color: #df15e5;
  text-decoration: none;
}
.logo-container {display: inline-block;vertical-align: top;float: left;max-width: 250px;position: relative;z-index: 1;}
.hd3 .logo-container {float: none;}

#logo{
  padding: 28px 0;
}
.hd3 #logo{
  padding: 60px 0;
}
.hd4 #logo{
  padding: 22px 0;
}
#logo a{
  display: inline-block;
}
.headerSpace {
  display: none;
}

.hd3 .switch {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}
.hd3 .switch:last-child {
  margin-right: 0;
}
.hd3 .switch .text-ex {
  display: none;
}
.hd3 .switch .btn-group .dropdown-menu {
  right: auto;
  left: 0;
  width: auto;
  padding: 15px 20px;
  /* min-width: auto; */
}
.hd3 .switch .btn-link {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  border: 0;
  padding: 10px 0;
  text-decoration: none;
}
.hd3 .switch .btn-link:hover {
  color: #df15e5;
}

/* Search */
.search-button {
  font-size: 15px;
  color: #fff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  cursor: pointer;
  box-shadow: none !important;
}
.hd3 .search-button {
  display:none;
}
.hd4 .search-button {
  color: #fff;
  text-align: center;
}
.search-button:before {
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
}
.search-button[aria-expanded="true"]:before {
  content: "\f00d";
}
.search-button:hover {
  color: #df15e5 !Important;
}
#search .search-content {
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  right: 100%;
  width: auto;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hd3 #search .search-content {
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  right: initial;
  top: initial;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); 
}
#search {
  float: left;
}
.hd3 #search {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 112;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#search input {
    height: 35px;
    font-size: 12px;
    color: #5a6069;
    width: 350px;
    font-weight: 400;
    background: #22232b;
    border: 0;
    border-radius: 10px;
    box-shadow: none !important;
    padding: 0 37px 0 15px;
    position: relative;
}

.hd3 #search input {
  color: #dfdfdf;
  background: transparent;
}
.hd4 #search input {
  background: #fff;
}
#search .search-content:before {
  content: "";
  position: absolute;
  height: 25px;
  width: 2px;
  background: #df15e5;
  left: 0;
  top: 0;
  bottom: 0;
  margin:auto;
  z-index: 8;
}
#search .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
#search .input-group-btn button {
  background: transparent;
  border: 0;
  height: 35px;
  width: 35px;
  line-height: 35px;
  padding: 0;
  box-shadow: none !important;
  margin: 0;
}
#search .input-group-btn button{
  font-size: 15px;
  color: #fff;
}
.hd4 #search .input-group-btn button{
  color: #ae2fe3;
}
#search .input-group-btn button:hover {
  color: #df15e5;
}
#search .input-group-btn button:before {
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
}
#search ::-webkit-input-placeholder { /* Chrome */
  color: #5a6069;
}
#search :-ms-input-placeholder { /* IE 10+ */
  color: #5a6069;
}
#search ::-moz-placeholder { /* Firefox 19+ */
  color: #5a6069;
  opacity: 1;
}
#search :-moz-placeholder { /* Firefox 4 - 18 */
  color: #5a6069;
  opacity: 1;
}
/* search category */
.top-search {
}
#search-by-category {
  position: relative;
  width: 100%;
}
#search-by-category .search-container{
}
#search-by-category .search-container .categories-container{
  position: absolute;
  padding: 10px 0;
  left: 0;
  top: 0;
}
#search-by-category .search-container #text-search{
  padding: 0 55px 0 190px;
  height: 49px;
  border-radius: 3px;
  font-size: 12px;
  border: 0;
  z-index: 1;
  background: #fff;
  color: #c2c2c2;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
#search-by-category #sp-btn-search{
  position: absolute;
  right: 0px;
  top: 0;
}
#search-by-category .search-container .categories-container .hover-cate p{
  margin:0;
  color: #363f4d;
  padding: 0 30px 0 25px;
  cursor: pointer;
  overflow: hidden;
  position:relative;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 29px;
}
#search-by-category .search-container .categories-container .hover-cate p:after {
  content:"";
  position: absolute;
  width: 1px;
  height: 16px;
  background: #e1e1e1;
  right: 0;
  top: 50%;
  -moz-transform:  translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#search-by-category .search-container .categories-container .hover-cate p i{display: inline-block;vertical-align: top;font-size: inherit;line-height: inherit;margin-left: 19px;}
#search-by-category .search-container .categories-container .hover-cate .cate-items{
  z-index: 9999 !important;
  position: absolute;
  display: none;
  background: #FFF;
  max-height: 300px;
  overflow: auto;
  margin-top: 0px;
  border: 1px solid #ddd!important;
  padding: 5px;
  width:100%;
  cursor: pointer;
  top: 100%;
  text-align: left;
}
.cate-items li {
  text-transform: capitalize;
  color: #363f4d;
  font-size: 11px;
  list-style: none;
  line-height: 18px;
}
.cate-items li:hover{
  color:#df15e5
}
.cate-items li.f1 {
  padding-left: 5px;
}
.cate-items li.f2 {
  padding-left: 15px;
}
#search-by-category .search-ajax{
  position: absolute;
  z-index: 9999 !important;
  background: none repeat scroll 0% 0% #fff;
  left: 0px;
  top: 100%;
  width: 88%;
}
.ajax-result-item .product-info .detail .price-box .old-price{
  text-decoration: line-through;
  color: #acacac;
  font-weight: 400;
}
.ajax-result-item .product-info .detail .price-box p{
  display: inline-block;
}
.ajax-result-item .product-info .detail .price-box{
  font-weight: 700;
  margin: 0 0 10px 0;
}
.ajax-result-item .product-info .detail .product-name{
  margin: 10px 0;
}
#search-by-category .search-ajax li{
  list-style: none;
}
#search-by-category .search-ajax .ajax-result-container{
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
#search-by-category .search-ajax .ajax-result-container .ajax-result-msg{
  padding: 20px;
  margin: 0;
  color: #646464;
}
#search-by-category .search-ajax .ajax-result-container .ajax-result-list{
  display:block;
  border:1px solid #ddd;
  max-height:300px;
  overflow: auto;
  padding:10px;
}
#btn-search-category:hover{
  color: #363f4d;
}
#btn-search-category{
  background: #df15e5;
  border:none!important;
  padding:0;
  box-shadow:none;
  text-shadow:none;
  border-radius: 3px;
  height: 49px;
  width: 49px;
  color: #fff;
  font-size: 0;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 49px;
}
#btn-search-category:before {
  font-family: 'Stroke-Gap-Icons';
  content: "\e6a4";
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#wishlist-total, #link-compare {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 32px;
  font-size: 13px;
  color: #df15e5;
  text-transform: capitalize;
  text-align: center;
}
#wishlist-total .icon, #link-compare .icon, #cart > button .icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#wishlist-total .text, #link-compare .text, #cart .text {
  display: none;
}
#wishlist-total:hover, #link-compare:hover,#cart > button:hover {
  color: #df15e5;
}
#link-compare span {
  display:none;
}
.search-container{}
.cart-container{
  padding: 45px 15px 0 0;
  width: 18%;
}
#wishlist-total .count,#cart-total
{
  position: absolute;
  display: block;
  color: #22232b;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #fff;
  top: 4px;
  /*bottom: 0;*/
  margin: auto;
  left: 80%;
  border-radius: 100%;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
}

.hd4 #wishlist-total .count,.hd4 #cart-total
{
  color: #21252c;
  background: #fff;
}
#cart .dropdown-menu {
}
#cart{
  width: auto;
  float: left;
}
#cart-total .total-price{
  color: #fff;
}

#cart .info-item >a {
  text-transform: uppercase;
  color: #ae2fe3;
  font-weight: 500;
  font-family:  Oswald, sans-serif ;
}
#cart .mycart {
  display: none;
}
#cart .dropdown-menu .text-empty{
  margin: 0;
  padding: 10px 0;
}

.top-menu {
  position: relative;
  z-index: 7;
  background: #df15e5;
}
.hd3 .top-menu, .hd4 .top-menu {
  z-index: 1;
  background: #22232b;
}
.common-home .top-menu {
  /* margin-bottom: 30px; */
}
.top-menu .col {
  float: left;
}
.top-menu .col-menu {
}
.common-home .fix-header{

}
.fix-header{
  border: none;
  background: rgba(29, 28, 28, 0.67);
  box-shadow: 0 0 5px #bdbdbd;
  -moz-box-shadow: 0 0 5px #bdbdbd;
  -webkit-box-shadow: 0 0 5px #bdbdbd;
  -o-box-shadow: 0 0 5px #bdbdbd;
  -ms-box-shadow: 0 0 5px #bdbdbd;
  width: 100%;
  max-width: 100% !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 889;
  margin: 0 auto;
  /* padding: 5px 0; */
  position: fixed !important;
  -webkit-animation-name: fadeInDown;
  -webkit-animation-duration: 5.0s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: anim_titles;
  -moz-animation-duration: 5.0s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
}
header.hd2 .fix-header{
  border: none;
  background: rgba(29, 28, 28, 0.67) !important;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}
header.hd3 .fix-header{
  border: none;
  border-bottom: 1px solid rgba(255,255,255,0.1); 
  width: 100%;
}
header.hd4 .fix-header{
  border: none;
  background: rgba(255, 255, 255, 0.67) !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.hd4 .fix-header .container-inner {
  background: transparent;
}
.fix-header #logo {

}
header.hd2 .fix-header #logo {
  padding: 15px 0 !important;
}
header.hd3 .fix-header #logo {
  padding: 5px 0;
}
header.hd2 .fix-header #logo {
  padding: 15px 0;
}
.fix-header #logo img {
  max-height: 40px;
}
.fix-header #pt_custommenu::after, 
.fix-header #pt_custommenu::before{
  display: none;
}
.fix-header .pt_custommenu div.pt_menu .parentMenu a {
  /* padding-top: 15px; */
  /* padding-bottom: 15px; */
}
header.hd2 .fix-header .pt_custommenu div.pt_menu .parentMenu a {
  padding-top: 16px;
  padding-bottom: 17px;
}
header.hd4 .fix-header .pt_custommenu div.pt_menu .parentMenu a {
  padding-top: 17px;
  padding-bottom: 17px;
}
.fix-header #pt_custommenu{
  margin: 0;
}
.fix-header .cart-container,
.fix-header .search-container,
.fix-header .logo-container{
  /* display: none; */
}
.fix-header .vermagemenu-container{
  display: none;
}
body:not(.common-home) .vermagemenu-container .vermagemenu{
  position: static;
  margin-bottom: 50px;
}
body:not(.common-home) .vermagemenu-container{
  width: 100%;
  padding: 0;
}
body:not(.common-home) header:not(.fix-header) .hozmenu-container{
  width: 100%;
}
/* cms block */
.banner-static {
  text-align: center;
  clear: both;
  /* overflow: hidden; */
}
.banner-static .owl-pagination {
  position:absolute;
  left:0;
  right:0;
  margin: auto;
  bottom: 2%;
}
.banner-static .image a {
  position: relative;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: top;
}

.banner-static .image a .text {
  font-family:  Oswald, sans-serif ;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner-static .image a .text .text1,
.banner-static .image a .text .text2,
.banner-static .image a .text .text3,
.banner-static .image a .text .link{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.banner-static .image a:hover .text .text1 {
  -webkit-animation: fadeInUp 400ms ease-in-out;
  -moz-animation: fadeInUp 400ms ease-in-out;
  -ms-animation: fadeInUp 400ms ease-in-out;
  animation: fadeInUp 400ms ease-in-out;
}
.banner-static .image a:hover .text .text2 {
  -webkit-animation: fadeInUp 600ms ease-in-out;
  -moz-animation: fadeInUp 600ms ease-in-out;
  -ms-animation: fadeInUp 600ms ease-in-out;
  animation: fadeInUp 600ms ease-in-out;
}
.banner-static .image a:hover .text .text3 {
  -webkit-animation: fadeInUp 800ms ease-in-out;
  -moz-animation: fadeInUp 800ms ease-in-out;
  -ms-animation: fadeInUp 800ms ease-in-out;
  animation: fadeInUp 800ms ease-in-out;
}
.banner-static .image a:hover .text .link {
  -webkit-animation: fadeInUp 1000ms ease-in-out;
  -moz-animation: fadeInUp 1000ms ease-in-out;
  -ms-animation: fadeInUp 1000ms ease-in-out;
  animation: fadeInUp 1000ms ease-in-out;
}
.static-menu-bottom {
  padding: 30px 30px 5px 30px;
}
.static-sidebar a {
  border-radius: 3px;
}
.static-sidebar a img:hover {
  opacity: 0.8;
}
/*---*/
.static-welcome {
  text-align: center;
  overflow: hidden;
  margin-top: 84px;
}
.static-welcome .title {
  margin-bottom: 88px;
}
.static-welcome .title h2 {
  font-size: 120px;
  color: #5a6069;
  opacity: 0.1;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
}
.static-welcome .title h3 {
  font-size: 36px;
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
  line-height: 1;
  margin: -76px 0 0 0;
}
.static-welcome .title h3 strong {
  font-weight: 600;
  display: block;
}
.static-welcome .content {

}
.static-welcome .content .image {
  float: left;
  text-align: right;
  width: 50%;
  padding-right: 30px;
}
.static-welcome .content .text {
  overflow: hidden;
  text-align:left;
  max-width: 516px;
  padding-left: 30px;
  padding-right: 15px;
}
.static-welcome .content .text.text1 {
  text-align:center;
  max-width: 80%;
  margin: 0px auto;
}
.static-welcome .content .text h3 {
  margin: 0 0 30px 0;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 200;
  line-height: 1.1;
  color: #838896;
}
.static-welcome .content .text h3 span {
  display: block;
}
.static-welcome .content .text h3 span.word2 {
  font-size: 30px;
  color: #df15e5;
  font-weight: 600;
}
.static-welcome .content .text h3 span.word3 {
  font-size: 12px;
  letter-spacing: 5px
}
.static-welcome .content .text p {
  line-height: 24px;
  font-size: 13px;
  margin-bottom: 35px;
}
.static-welcome .author .name {
  font-weight: 200;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  display: block;
  margin-bottom: 32px;
  margin-top: 0;
}
/*---*/
.static-top-aero1 {
  margin-top: 60px;
}
.static-top-aero1 .col {
  margin-top: 30px;
}
.static-top-aero1 a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.static-top-aero1 .text {
  line-height: 1;
}
.static-top-aero1 .text .text1 {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;	
}
.static-top-aero1 .text .text2 {
  display: block;
  color: #ffde00;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 5px;
}
.static-top-aero1 .text .text3 {
  display: block;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 20px;
}
/*---*/
.static-bottom-aero1 {
  margin-top: 70px;
}
.static-bottom-aero1 a,.static-bottom-aero1 img {
  width: 100%;
}
.static-bottom-aero1 a,.static-bottom-aero1.alt img {
  border-radius: 3px;
}
.static-bottom-aero1 .col {
  float: left;
  width: 50%;
  margin-top: 30px;
}
.static-bottom-aero1 .text {
  padding: 0 10px;
  max-width: 620px;
  margin: auto;
}
.static-bottom-aero1.alt .text {
  padding: 0 25px;
}
.static-bottom-aero1 .text .text1 {
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  display: block;
  font-weight: 500;
}
.static-bottom-aero1 .text .text2 {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  display: block;
  font-weight: 500;
  letter-spacing: 5px;
  margin-top: 3px;
}
.static-bottom-aero1.alt .text .text2 {
  font-size: 24px;
}
.static-bottom-aero1 .text .text3 {
  font-size: 14px;
  color: #fff;
  display: block;
  line-height: 24px;
  font-family:  Rubik, sans-serif ;
  margin-top: 20px;
}
.static-bottom-aero1 .text .link, .static-top-aero1 .text .link, .static-top-aero4 .text .link {
  font-size: 12px;
  color: #383838;
  text-transform: uppercase;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  line-height: 46px;
  padding: 0 25px;
  padding-right: 60px;
  border-radius: 30px;
  font-weight: 500;
  position: relative;
  margin-top: 42px;
}
.static-bottom-aero1 .text .link:after, .static-top-aero1 .text .link:after, .static-top-aero4 .text .link:after {
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #383838;
  color: #fff;
  border-radius: 100%;
  position: absolute;
  right: 4px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  text-align: center;
  font-weight: 600;
}
.static-bottom-aero1 .text .link:hover, .static-top-aero1 .text .link:hover, .static-top-aero4 .text .link:hover {
  background:#df15e5;
  color: #fff !important;
  -webkit-box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
}
.static-bottom-aero1 .text .link:hover:after, .static-top-aero1 .text .link:hover:after, .static-top-aero4 .text .link:hover:after {
  background:#fff;
  color: #303030;
}

.static-top-aero4 {
  margin-top: 60px;
}
.static-top-aero4 .col {
  margin-top: 30px;
}
.static-top-aero4 a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.static-top-aero4 .image a .text {
  line-height: 1;
  top: auto;
  right: auto;
  left: 30px;
  text-align: left;
  bottom: 30px;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.static-top-aero4 .text .text1 {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;	
}
.static-top-aero4 .text .text2 {
  display: block;
  color: #ffde00;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 500;
}
.static-top-aero4 .text .text3 {
  display: block;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 25px;
}
/* Products */
/*-product in common-home-*/
.common-home .item .item-inner {  
  
  border: 2px solid #21252c;
  
}
.common-home .product-name a {
  color: #838896;
  min-height: 55px;
}

.common-home .item-inner .ratings {
  border-bottom: 1px solid #21252c;
   max-height: 52pX;
}
.common-home .item-inner .product-name {
  border-bottom: 1px solid #21252c;
  min-height: 33px;
}
.common-home .item-inner  button.btn-cart {
  background: #ae2fe3;
  color: #ffffff;
}
.common-home .item-inner  button.btn-cart:hover {
  background:#df15e5;
  color: #fff;
  -webkit-box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
}
.common-home .item-inner .product-des {
  display:none;
}
.common-home .large-product .item-inner .product-des {
  border-bottom: 1px solid #21252c;
  display: block;
}

.common-home .tt-product2 .item .item-inner {
  
  border: 2px solid #21252c;
  
}
.common-home .tt-product2 .product-name a {
  color: #181b23;
}
.common-home .tt-product2 .item-inner .ratings {
  border-bottom: 1px solid #efefef;
}
.common-home .tt-product2 .item-inner .product-name {
  border-bottom: 1px solid #efefef;
}
.common-home .tt-product2 .item-inner  button.btn-cart {
  background: #efefef;
}
.common-home .tt-product2 .item-inner  button.btn-cart:hover {
  background:#df15e5;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.common-home .tt-product2 .item-inner .product-des {
  display:none;
}
.common-home .tt-product2 .large-product .item-inner .product-des {

  border-bottom: 1px solid #efefef;
}
/*---*/ 
.owl-item.active .item {
  -moz-animation: zoomIn 500ms ease;
  -o-animation: zoomIn 500ms ease;
  -webkit-animation: zoomIn 500ms ease;
  animation: zoomIn 500ms ease;
}
.item .item-inner {
  position: relative;
  
  border: 2px solid #efefef;
  
  overflow: hidden;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.label-product {
  color: #fff;
  
  background:url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/bkg_label_new.png?v=88956864207727387431768429900) center no-repeat;
  
  line-height: 22px;
  padding-left: 5px;
  min-width: 56px;
  font-weight: 500;
  text-align: center;
  position: absolute;
  top: 41px;
  right: 14px;
  text-transform: uppercase;
  font-size: 10px;
  z-index: 3;
}
.ocbestsellerproducts .list-style .item .item-inner .label-product {
  display: none;
}
.label_sale {
  
  background:url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/bkg_label_sale.png?v=122410794571474597661768429900) center no-repeat;
  
  top: 15px;
}
.label-product.label_sold {
  font-size: 9px;
}
.item-inner .images-container {
  position: relative;
  background: #fff0;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 1369px) and (min-height: 1151px) {
  .owl-stage-outer .image.images-container {
    position: relative;
    background: #fff0;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    min-height: 444.36px;
  }
}



@media (min-width: 768px) and (max-width: 991px) {
  .item-inner .images-container {
    min-height: 398.98px !important;
    max-height: 398.98px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

  .product-layout.product-grid.grid-style.col-lg-6.col-md-6.col-sm-6.col-xs-6.product-item .item-inner .images-container {
    min-height: 494.63px !important;
    max-height: 494.63px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

@media (max-width: 1024px) {
  .sub-col.col-sm-12.col-md-12 .item-inner .images-container {
    min-height: 511.47px !important;
    max-height: 676.48px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

.product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .item-inner .images-container {
  position: relative;
  background: #fff0;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

/* iPhone 11/XR: 414x896 */
@media (max-width: 414px) and (max-height: 896px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .item-inner .images-container {
    min-height: 259.48px !important;
    max-height: 259.48px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
/* iPhone 12: 390x844 */
@media (max-width: 390px) and (max-height: 844px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .item-inner .images-container {
    min-height: 241.48px !important;
    max-height: 241.48px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
/* iPhone 14 Pro Max: 430x932 */
@media (max-width: 430px) and (max-height: 932px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .item-inner .images-container {
    min-height: 271.48px !important;
    max-height: 271.48px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
/* iPad Pro: 1024x1366 */
@media (max-width: 1024px) and (max-height: 1366px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .item-inner .images-container {
    min-height: 312.73px !important;
    max-height: 312.73px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

.product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .images-container {
  position: relative;
  background: #fff0;
  text-align: center;
  overflow: hidden;
  justify-content: center !important;
  align-items: center !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Para telas de 992px a 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .images-container {
    min-height: 312.73px !important;
    max-height: 312.73px !important;
  }
}

/* Para telas de 1200px e acima */
@media (min-width: 1200px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .images-container {
    min-height: 398.95px !important;
    max-height: 398.95px !important;
  }
}
@media (min-width: 1280px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .images-container {
    min-height: 504px !important;
    max-height: 504px !important;
  }
}

/* iPhone 11/XR: 414x896 */
@media (max-width: 414px) and (max-height: 896px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .images-container {
    min-height: 259.48px !important;
    max-height: 259.48px !important;
  }
}

/* iPhone 12: 390x844 */
@media (max-width: 390px) and (max-height: 844px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .images-container {
    min-height: 241.48px !important;
    max-height: 241.48px !important;
  }
}

/* iPhone 14 Pro Max: 430x932 */
@media (max-width: 430px) and (max-height: 932px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .item-inner .images-container {
    min-height: 271.48px !important;
    max-height: 271.48px !important;
  }
}

/* iPad Pro: 1024x1366 */
@media (min-width: 1024px) and (max-width: 1366px) {
  .product-layout.product-grid.grid-style.col-lg-3.col-md-3.col-sm-3.col-xs-6.product-item .item-inner .images-container {
    min-height: 312.73px !important;
    max-height: 312.73px !important;
  }
}

/* FILEIRA DE 2 LINHAS PARA CELULAR */
.product-layout.product-grid.grid-style.col-lg-6.col-md-6.col-sm-6.col-xs-6.product-item .item-inner .images-container {
  position: relative;
  background: #fff0;
  text-align: center;
  overflow: hidden;
  justify-content: center !important;
  align-items: center !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.product-layout.product-grid.grid-style.col-lg-6.col-md-6.col-sm-6.col-xs-6.product-item .item-inner .images-container {
  position: relative;
  background: #fff0;
  text-align: center;
  overflow: hidden;
  justify-content: center !important;
  align-items: center !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Para telas de 992px a 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .product-layout.product-grid.grid-style.col-lg-6.col-md-6.col-sm-6.col-xs-6.product-item .item-inner .images-container {
    min-height: 476.75px !important;
    max-height: 476.75px !important;
  }
}

/* iPad Pro: 1024x1366 */
@media (min-width: 1024px) and (max-width: 1366px) {
  .product-layout.product-grid.grid-style.col-lg-6.col-md-6.col-sm-6.col-xs-6.product-item .item-inner .images-container {
    min-height: 494.61px !important;
    max-height: 494.61px !important;
  }
}

/* iPhone 11/XR: 414x896 */
@media (max-width: 414px) and (max-height: 896px) {
  .product-layout.product-grid.grid-style.col-lg-6.col-md-6.col-sm-6.col-xs-6.product-item .item-inner .images-container {
    min-height: 259.48px !important;
    max-height: 259.48px !important;
  }
}

/* iPhone 12: 390x844 */
@media (max-width: 390px) and (max-height: 844px) {
  .product-layout.product-grid.grid-style.col-lg-6.col-md-6.col-sm-6.col-xs-6.product-item .item-inner .images-container {
    min-height: 241.48px !important;
    max-height: 241.48px !important;
  }
}

/* iPhone 14 Pro Max: 430x932 */
@media (max-width: 430px) and (max-height: 932px) {
  .product-layout.product-grid.grid-style.col-lg-6.col-md-6.col-sm-6.col-xs-6.product-item .item-inner .images-container {
    min-height: 271.48px !important;
    max-height: 271.48px !important;
  }
}

/* Para telas de 1200px e acima */
@media (min-width: 1200px) {
  .product-layout.product-grid.grid-style.col-lg-6.col-md-6.col-sm-6.col-xs-6.product-item .item-inner .images-container {
    min-height: 624px !important;
    max-height: 624px !important;
  }
}


.product-layout.product-grid.grid-style.col-lg-4.col-md-4.col-sm-4.col-xs-4.product-item .images-container {
  position: relative;
  background: #fff0;
  text-align: center;
  overflow: hidden;
  justify-content: center !important;
  align-items: center !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

/* Coluna de 3 itens desktop */
.product-layout.product-grid.grid-style.col-lg-4.col-md-4.col-sm-4.col-xs-4.product-item .images-container {
  position: relative;
  background: #fff0;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Para telas de 768px a 991px */
@media (min-width: 768px) and (max-width: 991px) {
  .product-layout.product-grid.grid-style.col-lg-4.col-md-4.col-sm-4.col-xs-4.product-item .images-container {
    min-height: 324px !important;
    max-height: 324px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

/* Para telas de 992px a 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .product-layout.product-grid.grid-style.col-lg-4.col-md-4.col-sm-4.col-xs-4.product-item .images-container {
    min-height: 312.73px !important;
    max-height: 312.73px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
/* Para telas de 1200px e acima */
@media (min-width: 1200px) {
  .product-layout.product-grid.grid-style.col-lg-4.col-md-4.col-sm-4.col-xs-4.product-item .images-container {
    min-height: 398.95px !important;
    max-height: 398.95px !important;
  }
}
/* Pagina principal */
.sub-col.col-sm-12.col-md-12 .item-inner .images-container {
  position: relative;
  background: #fff0;
  text-align: center;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Para telas de 768px a 991px */
@media (min-width: 768px) and (max-width: 991px) {
  .sub-col.col-sm-12.col-md-12 .item-inner .images-container {
    min-height: 511.5px !important;
    max-height: 511.5px !important;
  }
}

/* Para telas de 992px a 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .sub-col.col-sm-12.col-md-12 .item-inner .images-container {
    min-height: 676.48px !important;
    max-height: 676.48px !important;
  }
}

/* iPad Pro: 1024x1366 */
@media (min-width: 1024px) and (max-width: 1366px) {
  .sub-col.col-sm-12.col-md-12 .item-inner .images-container {
    min-height: 676.48px !important;
    max-height: 676.48px !important;
  }
}

/* Para telas de 1200px e acima */
@media (min-width: 1200px) {
  .sub-col.col-sm-12.col-md-12 .item-inner .images-container {
    min-height: 399.02px !important;
    max-height: 399.02px !important;
  }
}





.item-inner .images-container .product-image {
  position:relative;
  display: block;
  text-align: center;
}
@media screen and (min-width: 1024px) and (min-height: 1366px) {
  .item-inner .images-container {
    position: relative;
    background: #fff0;          /* transparente */
    text-align: center;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
    min-height: 339px;
  }
}
@media screen and (min-width: 1280px) {
  .item-inner .images-container {
    min-height: 504px;
    max-height: 504px;
  }
}
.item-inner .images-container img {
  margin: auto;
}


.item-inner .images-container .img-r {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  opacity:0;
  visibility:hidden;
  z-index:1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.item-inner:hover .images-container .img-r {
  opacity:1;
  visibility: visible;
}
.item-inner  button.btn-quickview {
  line-height: 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  background: transparent;
  text-transform: capitalize;
  color: #363c45;
  font-weight: normal;
  letter-spacing: 0;
  font-size: 0;
  text-align: center;
  border: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.item-inner  button.btn-quickview:before {
  content: "\f06e";
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
  width: 100%;
  font-weight: 600;
}
.qv-button-container {
  display: block;
}
.tt-product {
}
.item-inner  .action-links button {
  display: block;
  margin-bottom: 6px;
}

.item-inner  .action-links button:hover {
  color: #df15e5;
  background: transparent;
}
.item-inner  .action-links button:last-child {
  margin-bottom: 0;
}
.item-inner  button.btn-cart {
  background: #bf32e6;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 44px;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 22px;
  padding-left: 1px !important;
  padding-right: 1px !important;

}
.item-inner  button.btn-cart:before {
  content: "";
  margin-right: 3px;
  margin-top: -6px;
  width: 16px;
  height: 16px;
  background:url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon-btn-cart.png?v=49143710134177844491768429900) center no-repeat;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.item-inner  button.btn-cart:hover {
  background:#df15e5;
  color: #fff;
}
.item-inner  button.btn-cart:hover:before {
  background:url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon-btn-cart-hover.png?v=108254937457284171301768429900) center no-repeat;
}
button.btn-compare span, 
button.btn-wishlist span{
  display: none;
} 
button.btn-compare i, 
button.btn-wishlist i{
  display: none;
} 
button.btn-compare, 
button.btn-wishlist {
  line-height: 30px;
  height: 30px;
  width: 30px;
  display: block;
  background: transparent;
  font-weight: normal;
  font-size: 0;
  padding: 0;
  text-align: center;
  color: #363c45;
}
button.btn-compare:before, 
button.btn-wishlist:before {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
  width: 100%;
  font-weight: 600;
}
button.btn-compare:before {
  content: "\f012";
  font-weight: 600;
}

.item-inner .caption {
  padding: 0 1px 7px 1px;
  background: transparent;
  text-align: left;
  overflow: hidden;
  position: relative;
  min-height: 290px;
  
}
.item-inner .caption-top {
  padding-top: 0;
  margin-bottom: 16px;
}
.item-inner .caption .manufacture-product {
  display: none;
  min-height: 55px;
}
.item-inner .product-name {
  margin-bottom: 0;
  display: block;
  margin-top: 0;
  padding: 1px 0;
  border-bottom: 1px solid #efefef;
}
.item-inner .product-des {
  line-height: 24px;
  letter-spacing: 0.25px;
  border-bottom: 1px solid #efefef;
  padding: 14px 0;
}
.product-name a {
  color: #ae2fe3;
  padding: 5px;
  display: block;
  text-transform: uppercase;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.25px;
  min-height: 97.13px;
  align-content: center;
}
.product-name a:hover {
  color: #df15e5;
  min-height: 50px;
}
.item-inner .ratings {
  padding: 13px 0;
  border-bottom: 1px solid #efefef;
  min-height: 59px;
  max-height: 59px;
}
.ratings {
  display:block;
}
.ratings > span {
  text-transform: capitalize;
  margin-right: 10px;
  color: #5a6069;
  font-size: 13px;
}
.ratings a {
  font-size: 12px;
  color: #adadad;
  line-height: 1;
  margin-left: 10px;
}
.ratings a:hover {
  color: #df15e5;
}
.ratings a.review-count {
  margin-right: 10px;
  margin-left: 20px;
}
.ratings .rating-box {
  display: inline-block;
  vertical-align:top;
  margin-top: 2px;
  /*color: #adadad;*/
}
.rating-box div[class^='rating']{
  background: url('../image/rating0.png') no-repeat;
  font-size: 0;
  height: 12px;
  width: 72px;
}
.rating-box div.rating1{
  background-image: url('../image/rating1.png');
}
.rating-box div.rating2{
  background-image: url('../image/rating2.png');
}
.rating-box div.rating3{
  background-image: url('../image/rating3.png');
}
.rating-box div.rating4{
  background-image: url('../image/rating4.png');
}
.rating-box div.rating5{
  background-image: url('../image/rating5.png');
}
.price-box p {
  display: inline-block;
  vertical-align:top;
  margin-bottom: 0;
}
.price-box .price-tax {
  display: none;
}
.price-box .price {
  color: #835b9fe6;
  font-size: 14px;
  font-weight: 500;
}
.price-box p.special-price .price{
  color: #835b9f;
  font-weight: 500;
}
.price-box p.old-price {
  margin-left: 5px;
}
.price-box p.old-price .price {
  text-decoration: line-through;
  font-weight: 200;
  color: #6c6f7a;
}
.common-home .price-box p.old-price .price {
  color: #838896;
}
.rate-special {
  color: #30343c;
  background: #ffcd05;
  line-height: 25px;
  display: inline-block;
  vertical-align: top;
  border-radius: 2px;
  padding: 0 5px;
  position: relative;
  margin: 16px 6px 0 0;
}
.common-home .sub-col.col-sm-12.col-md-12 .rate-special {
  display: none !important;
}
.rate-special:after {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid #ffcd05;
  position: absolute;
  right: -8px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.item-inner .caption .price-box {
  margin-top: 16px;
  
  vertical-align: top;
  padding: 2.5px 0;
  min-width: 137px;
}
.price-box {
  font-family:  Oswald, sans-serif ;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.item-inner .caption .price-box label {
  margin:0;
  font-size: 13px;
  display: none;
  color: #363f4d;
}
/* module title*/
.common-home .module-title h2 {
  background: #14151b;
  color: #fff;
}
.common-home .module-title h2:before,.common-home .module-title h2:after  {
  background: #14151b;
}
.common-home .module-title.title2 h2 {
  background: #fff;
  color: #181b23;
}
.common-home .module-title.title2 h2:before,.common-home .module-title.title2 h2:after  {
  background: #fff;
}
.module-title {
  text-align: center;
  position: relative;
  margin-top: 100px;
  margin-bottom: 17px;
}
.module-title:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 9px;
  width: 50%;
  border-top: 1px solid #21252c;
  border-bottom: 1px solid #21252c;
}
.module-title:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 1px;
  width: 70%;
  background: #21252c;
}

.module-title h2 {
  margin: 0 auto;
  z-index: 2;
  font-size: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ae2fe3;
  line-height: 62px;
  padding: 0px 63px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: inset 0 3px 0 0 #21252c, inset 0 -3px 0 0 #21252c;
  -moz-box-shadow: inset 0 3px 0 0 #21252c,inset 0 -3px 0 0 #21252c;
  box-shadow: inset 0 3px 0 0 #21252c, inset 0 -3px 0 0 #21252c;
}
.module-title h2:before,.module-title h2:after  {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  background: #fff;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: -63px;
  margin: auto 0;
  border: 4px solid #21252c;
  -webkit-transform: rotate(45deg) skew(26deg,26deg);
  -moz-transform: rotate(45deg) skew(26deg,26deg);
  -ms-transform: rotate(45deg) skew(26deg,26deg);
  -o-transform: rotate(45deg) skew(26deg,26deg);
  transform: rotate(45deg) skew(26deg,26deg);
}
.module-title h2:after {
  left:auto;
  right: -63px;
}
.module-title h2 span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 30px;
}
.module-title h2 span:before {
  content: "\f005";
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.module-title h2 span:after {
  content: "\f005";
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.module-description {
  line-height: 24px;
  text-align: center;
  margin-bottom: 7px;
  margin-top: 0;
}
.module-description p {
  margin: 0;
}
/* grid-style */
.tt-product .product-layout.grid-style{
  margin-top: 45px;
}

.grid-style .item-inner  .action-links {
  position: absolute;
  top: 14px;
  left: 10px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.grid-style .item-inner:hover  .action-links {
  left: 18px;
  opacity: 1;
}
/* list-style*/
.list-style {
  border:0;
  padding:0;
  margin-top:0;
}
.list-style .module-title {
}
.list-style .label-pro-new,.list-style .label-pro-sale {
  right:0;
}
.list-style .item {
}
.list-style .item .item-inner:before {
  display: none;
}
.list-style .item .item-inner {
  margin:0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.ocbestsellerproducts .list-style .item .item-inner {
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius:0;
}
.list-style .item .item-inner .images-container {
  float: left;
  width: 31.5%;
  padding: 0;
}
.ocbestsellerproducts .list-style .item .item-inner .images-container { 
  width: 32.435%;
  border-radius: 10px;
}
.list-style .item .item-inner .caption {
  text-align: left;
  padding-left: 15px;
  padding-right: 0;
  overflow: hidden;
  padding-top: 11px;
}
.ocbestsellerproducts .list-style .item .item-inner .caption {
  padding-top: 8px;
  padding-bottom: 0;
}

.ocbestsellerproducts .list-style .item-inner .ratings,.list-style .product-name {
  border:0;
  padding: 0;
}
.ocbestsellerproducts .list-style .product-name {
  margin-top: 7px;
  margin-bottom: 7px;
  border-bottom: 0px; 
}
.list-style .product-name {
}
.ocbestsellerproducts.list-style .product-name a {
  color: #838896;
}
.ocbestsellerproducts .list-style .product-name a:hover {
  color: #df15e5;
}
.list-style .item-inner .price-box {
  margin-top: 15px; 
}
.list-style .item-inner  .action-links {
  margin-top: 58px;
}
.list-style.product-layout {
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px dotted #efefef;
}
.ocbestsellerproducts .list-style.product-layout {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(33, 37, 44, 0.3);
}
.list-style.product-layout:last-child {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.bestseller-full .owl-item.active:before {
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(33, 37, 44, 0.3);
  left: -15px;
  top: 0;
  bottom: 0;
  position: absolute;

}
.bestseller-full .owl-item.active.first:before {
  display: none;
}
.bestseller-full {
  /*background: url(../image/bkg_module_list.jpg) center;*/
  background-position: center;
  padding-bottom: 100px;
  /*margin-top: 100px;*/
}
.bestseller-full .tt-product {
  margin-top: 53px;
}
.bestseller-full .module-title h2 {
  background: #221e1c;
  color: #fff;
}
.bestseller-full .module-title h2:before,.bestseller-full .module-title h2:after {
  background: #221e1c;
}
.bestseller-full .owl-carousel.owl-theme  .owl-dots {
  margin-top: 58px !important;
}
/* large-product */
.large-product .item-inner .ratings {
  padding: 16px 0;
  margin-top: 5px;
}
.large-product .item-inner .product-name {
  padding: 19px 0;
  margin-top: 2px;
}
.large-product .item-inner  button.btn-cart {
  line-height: 56px;
  margin-top: 31px;
}
/* module-nav2 */
.module-nav2  .owl-carousel.owl-theme .owl-nav {
  position: absolute;
  right: -7px;
  top: -50px;
  margin: 0;
}
.module-nav2  .owl-carousel.owl-theme .owl-nav div {
  position: relative;
  display: inline-block;
  vertical-align: top;
  opacity: 1;
  width: 20px;
  background: transparent;
  border-radius: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0;
}
.module-nav2  .owl-carousel.owl-theme .owl-nav div:before {
  font-size: 14px;
}
.module-nav2  .owl-carousel.owl-theme .owl-nav div.disabled {
  color: #b2b2b2 !important;
}
.module-nav2  .owl-carousel.owl-theme .owl-nav div:hover {
  color: #df15e5;
  background: none;
}
.module-nav2  .owl-carousel.owl-theme .owl-nav div.owl-prev {
  margin-right: 14px;
}
.module-nav2  .owl-carousel.owl-theme .owl-nav div.owl-prev:after {
  content: "";
  height: 13px;
  width: 1px;
  background: #e1e1e1;
  position: absolute;
  right: -7px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.module-nav2 .owl-carousel.owl-theme  .owl-dots {
  position: absolute;
  right: -5px;
  top: -60px;
  margin: 0;
}
/* slider-group */
.slider-group {
  margin-top: 20px;
}
/* background-full */
.background-full {
  background: #f6f6f6;
  padding-bottom: 80px; 
}
.background-full2 {
  padding-bottom: 60px;
}
/* product-tabs-category-container-slider */
.tabs-category-slider {
}
.tabs-category-slider .module-title {

}

.tabs-category-slider .tabs-categorys {
  z-index: 1;
  display: block;
  text-align: center;
  margin-top: 34px;
  margin-bottom: 3px;
}

.tabs-category-slider .tabs-categorys li {
  display: inline-block;
  vertical-align: top;
  margin-right: 40px;
  position: relative;
}

.tabs-category-slider .tabs-categorys li:last-child {
  margin-right: 0;
}

.tabs-category-slider .tabs-categorys li:after {
  content: "";
  width: 7px;
  height: 7px;
  background: #434449;
  position: absolute;
  right: -27px;
  top: 9px;
  transform: rotate(45deg);
}

.tabs-category-slider.tt-product2 .tabs-categorys li:after {
  background: #e1e1e1;
}

.tabs-category-slider .tabs-categorys li:last-child:after {
  display: none;
}

.tabs-category-slider .tabs-categorys li a {
  font-size: 12px;
  color: #838896;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 200;
  cursor: pointer;
  display: block;
}

.tabs-category-slider.tt-product2 .tabs-categorys li a {
  color: #181b23;
}

.tabs-category-slider .tabs-categorys li a:hover,
.tabs-category-slider .tabs-categorys li.active a {
  color: #fff;
}

/* =====================================================
   DESKTOP – Tabs de categoria (≥ 768 px)
   ===================================================== */
@media (min-width: 768px){

  /* Container das abas */
  .tabs-category-slider .tabs-categorys{
    display:flex;                 /* alinha lado a lado */
    justify-content:center;       /* centraliza grupo */
    gap:12px;                     /* espaço uniforme */
    margin:34px 0 3px;
  }

  /* Limpa margem antiga dos <li> */
  .tabs-category-slider .tabs-categorys li{
    margin:0;
    position:relative;
  }

  /* Some com o losango separador */
  .tabs-category-slider .tabs-categorys li:after{
    display:none;
  }

  /* Visual base dos botões (links) */
  .tabs-category-slider .tabs-categorys li a{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 20px;
    min-width:160px;              /* largura mínima p/ uniformizar */
    background:#222;              /* fundo neutro escuro */
    border-radius:6px;
    font-size:13px;
    font-weight:500;
    line-height:1.2;
    text-transform:uppercase;
    color:#e1e1e1;
    transition:background .25s,color .25s;
  }

  /* Hover e estados ativos/selecionados —
     agora ficam com fundo branco (#fff) e texto preto (#000) */
  .tabs-category-slider .tabs-categorys li a:hover,
  .tabs-category-slider .tabs-categorys li.active   > a,
  .tabs-category-slider .tabs-categorys li.current  > a,
  .tabs-category-slider .tabs-categorys li.is-active> a,
  .tabs-category-slider .tabs-categorys li.selected > a,
  .tabs-category-slider .tabs-categorys li a[aria-selected="true"]{
    background:#fff !important;  /* fundo branco */
    color:#000 !important;       /* texto preto */
  }

  /* Esconde links vazios (evita “botão fantasma”) */
  .tabs-category-slider .tabs-categorys li a:empty{
    display:none;
  }

  /* Mantém o efeito pulsante quando houver .pulsando */
  .tabs-category-slider .tabs-categorys li a.pulsando{
    animation:pulse 1s infinite!important;
    background:#df15e5!important;
    color:#fff!important;
  }
}


/* ---------- MOBILE RESPONSIVO ---------- */
@media (max-width: 767px) {
  .tabs-category-slider .tabs-categorys {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .tabs-category-slider .tabs-categorys li {
    flex: 1 1 48%;
    max-width: 48%;
    margin: 0 !important;
    text-align: center;
  }

  .tabs-category-slider .tabs-categorys li:after {
    display: none !important;
  }

  .tabs-category-slider .tabs-categorys li a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1px; /* define altura mínima */
    padding: 10px;
    font-size: 11px;
    background-color: #222;
    border-radius: 6px;
    color: white !important;
    height: 100%; /* força altura igual */
    text-align: center;
    text-wrap: balance;
  }
}
/* ========= EFEITO PULSAR  ========= */
.tabs-categorys li a.pulsando{
  animation: pulse 1s infinite!important;   /* anima apenas o botão */
  background:#df15e5!important;
  color:#fff!important;
  transition:background .3s!important;
}

.tabs-categorys li a.pulsando span{
  color:#fff!important;                     /* só muda a cor do texto */
}

@keyframes pulse{
  0%  {transform:scale(1);   box-shadow:0 0 0 0   rgba(223,21,229,.7);}
  70% {transform:scale(1.05);box-shadow:0 0 0 10px rgba(223,21,229,0);}
  100%{transform:scale(1);   box-shadow:0 0 0 0   rgba(223,21,229,0);}
}



.tabs-category-slider.tt-product2 .tabs-categorys li a:hover,.tabs-category-slider.tt-product2 .tabs-categorys li.active a {
  color: #df15e5;
}
.tabs-category-slider .product-des, .related-container .product-des {
  display: none; 
}
/* product-tabs-container-slider */
.product-tabs-container-slider .module-title h2 {
  display: none;
}
.product-tabs-container-slider .tabs {
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 17px;
}
.product-tabs-container-slider .tabs li {
  font-size: 14px;
  color: #bbbbbb;
  line-height: 26px;
  float: left;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  margin-right: 35px;
}
.product-tabs-container-slider .tabs li:last-child {
  margin:0;
}
.product-tabs-container-slider .tabs li:hover,.product-tabs-container-slider .tabs li.active {
  color: #333333;
}
.owl-demo-tabproduct .item:not(:first-child):last-child .item-inner .images-container {
  float: left;
  width: 45%;
}
.owl-demo-tabproduct .item:not(:first-child):last-child .item-inner .caption {
  overflow: hidden;
}
.owl-demo-tabproduct .item:not(:first-child):last-child .item-inner .quick-view,.owl-demo-tabproduct .item:not(:first-child):last-child .item-inner .action-links {
  display: none;
}
.owl-demo-tabproduct .item:not(:first-child):last-child .item-inner .caption .price-box {
  opacity: 1;
  visibility: visible;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}
/* featured-categories-container */
.featured-categories-container {
  margin-bottom: 80px; 
}
.featured-categories-container .owl-item.active {
  border-right: 1px solid #ebebeb; 
}
.featured-categories-container .owl-item.active.last {
  border:none;
}
.fcategory-content .image {
  display:block;
  border-radius: 1px;
  overflow: hidden;
}
.owl-featured-categories {
  border: 1px solid #ebebeb;
  background: #fff; 
}
.fcategory-content {
  padding:20px; 
}
.fcategory-content .image img {
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.fcategory-content .image:hover img {
  -moz-transform: scale3d(1.03, 1.03, 1.03);
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  -o-transform: scale3d(1.03, 1.03, 1.03);
  -ms-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
}
.featured-categories-container .content-thumb .name {
  margin-top: 17px;
  margin-bottom: 16px;
}
.featured-categories-container .content-thumb .name a {
  font-size: 14px;
  color: #df15e5;
  display: block;
  font-weight: 500;
}
.featured-categories-container .content-thumb .name a:hover {
  color: #df15e5;
}
.sub-featured-categories li a {
  display: block;
  font-size: 13px;
  color: #7a7a7a;
  line-height: 24px;
}
.sub-featured-categories li a:hover {
  color: #df15e5;
  padding-left: 7px;
}
.featured-categories-container .view-more {
  line-height: 29px;
  padding: 0 20px;
  color: #949494;
  text-transform: capitalize;
  background: #f1f1f1;
  border-radius: 3px;
  display:inline-block;
  vertical-align: top;
  margin-top: 21px;
}
.featured-categories-container .view-more:hover {
  background: #df15e5;
  color: #fff;
}
/* CountDown */
.occountdown_module  {
}
.item-inner .caption .available {
  display: none;
}
.occountdown_module .item-inner .caption .available {
  font-size: 13px;
  color: #363f4d;
  margin-bottom: 0;
  margin-top: 20px;
  text-transform: capitalize; 
  display: block;
}
.occountdown_module .item-inner .caption .available span {
  color: #df15e5;
  margin-left: 3px;
}
.occountdown_module .product-des {
  font-size: 13px;
  color: #7a7a7a;
  line-height: 24px;
  margin-top: 18px;
  display: block;
  margin-bottom: 25px;
}
.text-hurryup {
  float: left;
  font-family:  Rubik, sans-serif ;
  font-size: 14px;
  color: #a8a8a8;
  margin-bottom: 0;
  margin-right: 20px;
}
.text-hurryup strong {
  display: block;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 18px;
  color: #3d3d3d;
}
.is-countdown {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 2;
}
.countdown-row {
  display: block;
  margin: 0 -3.5px;
  overflow: hidden;
}
.countdown-section {
  width: 25%;
  max-width: 65px;
  padding: 0 2.5px;
  display: inline-block;
  vertical-align: top;
}
.countdown-section .time-info {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background: #fff;
  border: 1px solid #efefef;
  padding: 11px 0;
  border-radius: 3px;
}
.common-home .countdown-section .time-info {
  border: 1px solid #ebebeb;
}
.countdown-section:last-child {
  border: 0;
}
.countdown-amount {
  font-size: 16px;
  line-height: 1;
  color: #2c2c37;
  position: relative;
  display: block;
  font-weight: 700;
  font-family:  Oswald, sans-serif ;
}
.countdown-period {
  display: block;
  font-size: 12px;
  color: #c8c8c8;
}
/* oc-featured-products */
.oc-featured-products {
  margin-bottom: 80px;
}
/* testimonial */
.testimonial-container {
  /*background: url(../image/bkg_testtimor.jpg) center;*/
  background-position: center;
  padding: 130px 0 143px 0;
  /*margin-top: 100px;*/
}
.testimonial-container .module-title {
  /*display: none;*/
}
.testimonial-images {
  display: block;
  text-align: center;
  padding: 30px;
  margin-bottom: 6px;
}
.testimonial-images img {
  -webkit-box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  display: inline-block;
  vertical-align: top;
  border-radius: 100%;
  margin: auto;
}
.testimonial-box{
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  max-width: 920px;
  margin: auto;
  padding: 0 80px;
  letter-spacing: 0.25px;
  position: relative;
}
.testimonial-box:before,.testimonial-box:after {
  content:"";
  width: 51px;
  height: 41px;
  background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon1.png?v=123011779290068712851768429900);
  position: absolute;
  left: 0;
  top: 0;
}
.testimonial-box:after {
  background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon2.png?v=134904010466879629391768429900);
  left: auto;
  right: 0;
}
.testimonial-box a {
  color: #838896;
}
.testimonial-author {
  text-transform: uppercase;
  color: #fff;
  font-weight: 200;
  text-align: center;
  margin-top: 40px;
}
.testimonial-container .owl-carousel.owl-theme  .owl-dot {
  margin: 0 75px;
}
.testimonial-container .owl-carousel.owl-theme  .owl-dot:before {
  content: '';
  display: block;
  width: 123px;
  height: 1px;
  background: #5a6069;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -137px;
}
.testimonial-container .owl-carousel.owl-theme  .owl-dot:last-child:after {
  content: '';
  display: block;
  width: 123px;
  height: 1px;
  background: #5a6069;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: -137px;
}
.testimonial-container .owl-carousel.owl-theme  .owl-dots {
  margin-top: 55px;
}
.testimonial-container .owl-carousel.owl-theme  .owl-dot:before {

}
.row-testimonials {
  padding: 20px;
  border: 1px solid #ebebeb;
  margin-bottom: 30px;
  text-align: center;
}

/* corporate */
./*-full {
  background: #181b23;
}*/
.ma-corporate-about {
  text-align: left;
  margin-top: 70px;
  margin-bottom: 100px;
}
.ma-corporate-about .col {
  margin-top: 80px;
}

.ma-corporate-about .block-wrapper {
  display: inline-block;
  vertical-align: top;
  padding: 26px 30px;
  border: 1px solid #21252c;
  border-radius: 10px;
  position: relative;
  min-height: 412px;
}
/*.ma-corporate-about .block-wrapper:after {
content: "\e615";
font-family: 'Stroke-Gap-Icons';
font-size: 36px;
color: #ffffff;
background: #181b23;
position: absolute;
right: -20px;
line-height: 66px;
width: 40px;
text-align: center;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}*/
.ma-corporate-about .block-wrapper i {
  content: "\e615";
  font-size: 36px;
  color: #df15e5;
  /*background: #181b23;*/
  position: absolute;
  right: -20px;
  line-height: 66px;
  width: 40px;
  text-align: center;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*.ma-corporate-about .block-wrapper.wrapper2:after {
content:"\e653";
}
.ma-corporate-about .block-wrapper.wrapper3:after {
content: "\e67f";
}*/

.ma-corporate-about .block-wrapper .text-des {
  text-align: left;
  display: block;
}
.ma-corporate-about .block-wrapper .text-des h3 {
  color: #ffffff;
  font-weight: 200;
  text-transform: uppercase;
  margin: 0;
  font-size: 14px;
  display: block;
  margin-bottom: 7px;
}
.ma-corporate-about .block-wrapper .text-des p {
  font-weight: 400;
  line-height: 24px;
  display: block;
  margin: 0;
}

.ma-corporate-about1 {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 7;
  border-top: 1px solid #21252c;
}
.ma-corporate-about1 .row {
  margin: 0;
}
.ma-corporate-about1 .col {
  padding: 0;
}
.ma-corporate-about1 .col:nth-child(2) {
  border-left: 1px solid #21252c;
  border-right: 1px solid #21252c;
}
.ma-corporate-about1 .block-wrapper {
  display: inline-block;
  vertical-align: top;
  padding: 29px 15px;
  border-radius: 10px;
  position: relative;
}


.ma-corporate-about1 .block-wrapper .text-des {
  text-align: center;
  display: block;
}
.ma-corporate-about1 .block-wrapper .text-des h3 {
  color: #ffffff;
  font-weight: 200;
  text-transform: uppercase;
  margin: 0;
  font-size: 14px;
  display: block;
  margin-bottom: 7px;
}
.ma-corporate-about1 .block-wrapper .text-des p {
  font-weight: 400;
  line-height: 18px;
  display: block;
  margin: auto;
  max-width: 240px;
  color: #6c7076;
}
/* End Corporate */
/* instagram_block_home */
#instagram_block_home {
  /* margin-top: 100px;
  margin-bottom: 100px; */
  position: relative;
}
#instagram_block_home a:hover img {
  opacity: 0.8;
}
#instagram_block_home .title_block {
  z-index: 2;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
#instagram_block_home .title_block h3 {
  line-height: 35px;
  color: #fff;
  font-size: 12px;
  background: #23232c;
  padding: 0 20px;
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  margin: 0;
}
#instagram_block_home .title_block h3:before {
  content:"\f350";
  font-family: "Ionicons";
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
/* blog */
.menu-recent {

}
.menu-recent .articles-container {
  margin-top: 52px;
}
.menu-recent img {
  width: 100%;
}
.menu-recent .articles-inner {
  border-right: 0 !important;
  clear: both;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-bottom: 15px;
}
.menu-recent .row_items .articles-inner:not(:first-child) {
  margin-top: 30px;
}
.menu-recent .articles-image {
  position: relative;
  float: left;
  width: 47.37%;
}
.menu-recent .articles-image.alt {
  float: none;
  width: 100%;
}
.menu-recent .articles-image a:hover img {
  opacity: 0.8;
}
.menu-recent .aritcles-content {
  padding-left: 30px;
  float: left;
  width: 52.63%;
  padding-top: 35px;
}
.menu-recent .aritcles-content.alt {
  padding: 30px 20px;
  float: none;
  width: 100%;
}
.menu-recent .articles-image a {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  position: relative;
  border-radius: 3px;
}

.articles-name {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  margin-bottom: 13px;
  margin-top: 10px;
  color: #838896;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family:  Oswald, sans-serif ;
}
.blog2 .articles-name {
  color: #181b23;
}
.articles-date {
  font-size: 14px;
  text-transform: uppercase;
  font-weight:500;
  color: #df15e5;
  font-family:  Oswald, sans-serif ;
}
.articles-date span {
  font-size: 36px;
}
.articles-intro p {
  line-height: 24px;
  padding: 16px 0;
  font-weight: 400;
  margin: 0;
  border-top: 1px solid #1e2229;
}
.blog2 .articles-intro p {
  border-top: 1px solid #efefef;
}
.menu-recent .author {
  text-transform: capitalize;
  display: block;
  margin-bottom: 19px;
  letter-spacing: 0.25px;
}
.menu-recent .author:before {
  content: "\f044";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
}
.menu-recent .author span {
  color: #df15e5;
}
.menu-recent .read-more {
  color: #838896;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
  margin-top: 11px;
  line-height: 46px;
  padding: 0 50px;
  background: #21252c;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  font-family:  Oswald, sans-serif ;
}
.blog2.menu-recent .read-more {
  font-size: 12px;
  background: #efefef;
}
.menu-recent .read-more:hover {
  background: #df15e5;
  color: #fff;
  -webkit-box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
}
.blog2.menu-recent .read-more:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.blog-blog .intro-content img,.blog-article .article-description img {
  float: left;
  margin-right: 30px;
  margin-bottom: 15px;
}
.blog-blog .article-list,.blog-article .article-container{
  clear: both;
  overflow: hidden;
  margin-bottom: 15px;
}
.article-description p,.intro-content p {
  line-height: 24px;
}
/* brand */
.brand-slider img {
  display:inline-block;
  vertical-align:top;
}
.brand-slider img:hover {
  opacity: 0.7;
}
.brand-slider {
  padding: 80px 0;
  text-align: center;
}
/* Social */
.follow {
  display: block;
  margin-top: 32px;
}
.follow label {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px;
}
ul.link-follow {
  display: inline-block;
  vertical-align: top;
  margin-left: 60px;
  float: left;
}
ul.link-follow li {
  float: left;
  margin-right: 10px;
  margin: 5px 0;
}
ul.link-follow li:last-child {
  margin-right: 0;
}
ul.link-follow li a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: #838896;
  font-size: 0;
  line-height: 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: center;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
ul.link-follow li a:before {
  font-size: 14px;
}
ul.link-follow li a span {
  display: none;
}
ul.link-follow li a:hover {
  color: #df15e5;
}
/* footer */
.common-home footer {
  margin-top: 0;
}
footer{
  /*background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/bkg_footer.jpg?v=29645506695966265021768429900) center;*/
  border-top: 2px solid #df15e5;
  margin-top: 100px;
  background-color: #14151b;
}
.footer-top {
  padding: 100px 0 30px 0;
}
footer .col-footer{
  margin-bottom: 30px;
  border-right: 1px solid rgba(90, 96, 105, 0.4);
}
footer .col-footer:last-child { 
  border: 0;
}
.footer-title h3{
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
  margin-top: 7px;
}
footer h4 {
  color: #ffffff;
}
.col1 .footer-title {
  display: none;
}
.footer-content {
  line-height: 24px;
  font-weight: 400;
}
.footer-content .logo-footer {
  display: block;
  margin-bottom: 34px;
}
.footer-content .des {
  color: #5a6069;
  margin-bottom:0;
  letter-spacing: 0.25px;
}
.footer-contact {
  color: #ffffff;
  line-height: 23px;
  letter-spacing: 0.25px;
  margin-top: 40px;
}
.footer-contact li:before {
  content: "\e6ab";
  font-family: 'Stroke-Gap-Icons';
  font-size: 16px;
  color: #df15e5;
  margin-right: 12px;
}
.footer-contact li.phone:before {
  content: "\e640";
}
.footer-contact li.email:before {
  content: "\e6b7";
}
.footer-tags a {
  line-height: 32px;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  background: #2e2e2e;
  color: #545454;
  border-radius: 3px;
  padding: 0 20px;
  margin-bottom: 15px;
}
.footer-tags a:hover {
  color: #ffffff;
}
.footer-contact li {
  padding: 3px 0;
}
.footer-contact li span {
  min-width: 53px;
  margin-right: 13px;
  display: inline-block;
  vertical-align: top;
}
.footer-payment {
  display:block;
  margin-top: 8px;
  float: right;
}
.footer-payment label {
  color: #363f4d;
  margin-bottom: 10px;
  display: block;
  font-size: 13px;
  font-style: italic;
}
footer .list-unstyled.text-content li a:hover{
  color: #df15e5;
  padding-left: 7px;
}
footer .list-unstyled.text-content li a{
  color: #5a6069;
  display: block;
  font-weight: 400;
  padding: 6px 0;
}
.footer-middle {
  background:#232f3e;
}
.footer-middle .container-inner {
  padding: 40px 0;
  border-top: 1px solid rgba(255,255,255,0.05);
}
.tag-static{
}
.tag-static li a:first-child{
  padding: 0 15px;
  font-weight: 400;
  color: #ffffff;
  background:#37475a;
  border-radius: 2px;
  margin-right: 8px;
}
.tag-static li a:first-child:after,.tag-static li a:last-child:after {
  display:none;
}
.tag-static li a {
  line-height: 32px;
  text-transform: capitalize;
  color: #5b697b;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.tag-static li a:after {
  content:"/";
  display: inline-block;
  vertical-align: top;
  margin:0 9px;
  color: #5b697b;
}
.tag-static li a:hover {
  color: #ffffff;
}
.tag-static li {
  display: block;
  margin-bottom: 8px;
}
.tag-static li:last-child {
  margin-bottom:0;
}

.footer-bottom .container-inner {
  padding: 51px 0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-top: 1px solid rgba(131, 136, 150, 0.3);
  text-align: center;
}
.footer-bottom .footer-copyright {
  float: left;
  color: #838896;
  font-size: 13px;
  background: none;
  text-transform: capitalize;
  font-weight: 400;
  text-align: left;
  padding: 13px 0;
}
.footer-bottom .footer-copyright a {
  color: #df15e5;
}
.footer-bottom .footer-copyright a:hover {
  text-decoration: underline;
}
#back-top:hover{
  opacity: 0.8;
}
#back-top{
  position: fixed;
  bottom: 210px;
  right: 8%;
  text-align: center;
  cursor: pointer;
  line-height: 56px;
  height: 56px;
  font-size: 16px;
  width: 56px;
  padding: 0;
  font-weight: 500;
  text-align: center;
  background: #df15e5;
  color: #fff;
  -webkit-box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  border-radius: 100%;
  z-index: 999;
}
#back-top i{font-size: 16px;}
@media(max-width: 1400px){
  #back-top{
    bottom: 110px;
    right: 3%;
  }
}
@media(max-width: 1024px){
  #back-top{
    right: 30px;
    bottom: 125px;
    line-height: 46px;
    height: 46px;
    width: 46px;
  }
}

/* breadcrumb */
.common-home .breadcrumbs {
  display: none;
}
.breadcrumbs {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hd3 .breadcrumbs {	
  top: 67%;  
}
.hd4 .breadcrumbs {	
  top: 60%;  
}
.breadcrumbs h1 {
  color: #fff;
  font-weight: 500;
  font-size: 48px;
  margin-bottom: 2px;
  margin-top: 0;
  text-transform: uppercase;
}
.breadcrumb{
  margin: 0;
  background: none;
  padding: 13px 0;
  text-transform: capitalize;
}
.breadcrumb li:before {
  margin: 0 5px;
}
.breadcrumb li a:hover{
  color: #df15e5;
}
.breadcrumb li a{
  color: #fff;
  font-size: 16px;
}
.breadcrumb>li+li:before {
  color: #fff;
}
.breadcrumb li:last-child a {
  /*color: #df15e5;*/
}
/* */

/* toolbar */
.category-image {
  margin-top: 30px;
}
.category-image img {
  border: none;
}
.text-refine {
  margin-top: 0;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.list-cate li {
  padding: 5px 0;
  font-size: 14px
}
#compare-total {
  line-height: 28px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  font-size: 14px;
}
.toolbar-products {
  padding: 6px 21px;
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: center;
  border: 2px solid #efefef;
  border-radius: 4px;
}
.toolbar-products.toolbar-bottom {
  margin-bottom:0;
  margin-top: 10px;
}
.toolbar-products .modes {
  display:inline-block;
  vertical-align: top;
  padding: 13px 0;
}
.toolbar-products .toolbar-amount {
  line-height: 35px;
  padding: 0;
  font-size: 12px;
  color: #6c6f7a;
  display: inline-block;
  vertical-align: top;
  padding: 5px 0;
  font-size: 14px;
}
#grid-view i,#list-view i {
  display: none;
}
.modes button {
  width: 20px;
  height: 18px;
  padding: 0;
  margin-right: 15px;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}
#grid-view {
  background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/bkg_grid.png?v=86758014070796127121768429900) center no-repeat;
}
#grid-view.selected,#grid-view:hover {
  background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/bkg_grid_hover.png?v=115709071362651952431768429900) center no-repeat;
}
#list-view {
  background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/bkg_list.png?v=93855187547749145851768429900) center no-repeat;
}
#list-view.selected,#list-view:hover {
  background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/bkg_list_hover.png?v=132823342033999423891768429900) center no-repeat;
}
.toolbar-products .sorter {
  margin-left: 45px;
  display: inline-block;
  vertical-align: top;
  padding: 5px 0;
}
.toolbar-products .limiter {
  display: inline-block;
  vertical-align: top;
  padding: 5px 0;
}
.toolbar-products .sorter label,.toolbar-products .limiter label {
  display:inline-block;
  vertical-align: top;
  line-height: 35px;
  margin: 0;
  color: #6c6f7a;
  font-size: 14px;
  margin-right: 8px;
}
.toolbar-products .sorter select, .toolbar-products .limiter select {
  padding: 0 15px;
  height: 35px;
  font-size: 13px;
  color: #6c6f7a;
  border-radius: 25px;
  display: inline-block;
  vertical-align: top;
  width: auto;
  border: 1px solid #efefef;
  box-shadow: none;
}
.toolbar-products .pages {
  display:inline-block;
  vertical-align: top;
  padding: 8.5px 0;
}
.toolbar-products .pages ul {
  margin: 0;
  border-radius:0;
}
.toolbar-products .pages ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.toolbar-products .pages ul li a {
  color: #ae2fe3;
  font-size: 13px;
  font-weight: 400;
  padding: 0 4px;
  width: 28px;
  border-radius: 100%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: none;
  background: #efefef;
}
.toolbar-products .pages ul li span {
  color: #fff;
  background: none;
  font-size: 13px;
  border: none;
  padding: 0 4px;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  line-height: 28px;
}
.toolbar-products .pages ul li.active span,.toolbar-products .pages ul li:hover a {
  color: #fff;
  background: #df15e5;
  border: none;
}
/* category */
.category-img {
  display: block;
  margin-bottom: 20px;
  border-radius: 3px;
  overflow: hidden;
}
.category-img img {
  border: none;
}
.custom-products {
}
.custom-products .product-grid {
  margin-bottom: 30px;
}
.product-grid .product-des {
  display: none;
}
.product-list {margin-bottom: 30px;padding: 0 15px;}
.product-list .item .item-inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background: #efefef;
}
.product-list .col-image, .product-list .col-des {padding: 0;}
.product-list .col-des {background: #fff;}
.product-list .images-container {
}
.product-list .caption {padding: 11px 25px 25px 25px;}
.product-list .caption-top {
  padding-top: 10px;
}
.product-list .product-name {
}
.product-list .product-name a {
}
.product-list .item-inner .caption .price-box {
}
.product-list .price-box .price {
}
.product-list .product-des {border: 0;}
.product-list .button.btn-cart{
  width: auto;
  min-width: 230px;
  margin-top: 12px;
  float: left;
  margin-right: 20px;
}
.product-list .action-links {
  display: inline-block;
  vertical-align: top;
}
.product-list .item-inner .action-links button {
  margin-right: 6px;
  float: left;
  margin-top: 12px;
  margin-bottom: 0;
  height: 44px;
  line-height: 44px;
  width: 44px;
  background: #efefef;
}
.product-list .item-inner .action-links button:before {
  font-size: 16px;
}
.product-list .action-links button:last-child {
  margin-right: 0;
}
.product-list .item-inner .action-links button:hover {
  background: #df15e5;
  color: #fff;
}
/* product detail */
.thumbnail, .img-thumbnail {
  -webkit-box-shadow:none;
  box-shadow: none;
  padding:0;
  border-radius:0;
  border: 0;
}
.thumbnails {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 10px;
}
.thumbnails .thumbnail{margin:0;}
.zoomContainer {
  top: 0px !important;
  left: 15px !important;
  right: 0px;
  bottom: 0px;
  width: 100% !important;
}
.zoomContainer .zoomLens {
  width: 100px !important;
  height: 100px !important;
}
.product-quickview .product-info-main .button-cart {
  min-width: auto;
}
.product-quickview .zoomContainer .zoomLens {
  display: none !important;
}
.product-quickview .thumbnails {
  pointer-events: none;
}
.product-quickview .ratings a {
  display: none;
}
.zoomContainer .zoomWindowContainer .zoomWindow {
  margin-left: 15px;
  border-color: #df15e5 !important;
}
.image-additional-container {padding: 0 20px;}
.image-additional-container .thumbnail{
  margin: 0;
  opacity: 0.2;
  border-radius: 7px;
  overflow: hidden;
}
.image-additional-container .thumbnail:hover,.image-additional-container .thumbnail.current-additional {opacity: 1;}
.owl-style3  {
}
.owl-style3  .owl-item {
}
.owl-style3  .owl-carousel.owl-theme .owl-nav div.owl-prev {
  left: -30px !important;
  opacity: 1;
}
.owl-style3  .owl-carousel.owl-theme .owl-nav div.owl-next {
  right: -30px !important;
  opacity: 1;
}
/* Desktop / padrão */
.product-info-main .product-name {
  font-size: 24px;
  font-weight: 500;
  color: #682783;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 14px;
  border-bottom: 1px solid #efefef;
  font-family: 'Rubik', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Mobile */
@media (max-width: 600px) {
  .product-info-main .product-name {
    font-size: 18px;
  }
}

.product-info-main .ratings{
  padding: 13px 0;
  border-bottom: 1px solid #efefef;
}
.product-info-main .rate-special {
  margin-top: 19px;
}
.product-info-main .price-box {
  margin-top: 19px;
  display: inline-block;
  vertical-align: top;
  padding: 2.5px 0;
  min-width: 370px;
}
.product-info-main .price-box .price {
}
.product-info-main .short-des {
  line-height: 24px;
  margin-top: 15px;
  padding-bottom: 17px;
}
#input-quantity2, #minus2, #plus2,
#Quantity, #minus, #plus {
  height: 21px;
  box-shadow: none;
  font-weight: 400;
  text-align: center;
  width: 20px;
  font-size: 12px;
  border-radius: 0;
  border: none;
  padding: 0;
  color: #efefef;
}
#minus,#minus2 {
  position: absolute;
  top: 0px;
  right: 14px;
  border-bottom: 1px solid #efefef;
  height: 19px;
}
#plus,#plus2 {
  position: absolute;
  bottom: 0;
  right: 14px;
}
#input-quantity2,
#Quantity {
  width: 50px;
  min-width: auto;
  height: 40px;
  line-height: 50px;
  color: #ae2fe3;
  font-size: 14px;
}
.product-info-main .form-group {
  display:inline-block;
  vertical-align: top;
  width: 100%;
}
label[for='Quantity']{
  float: left;
  line-height: 32px;
  padding: 5px 0;
  margin-right: 30px;
  margin-bottom: 0;
  color: #6c6f7a;
}
.product-info-main .button-cart{
  float: left;
  margin-top: 15px;
  margin-right: 20px;
  padding: 0 40px;
  line-height: 42px;
  background: #67106a;
  color: #dadada;
  font-size: 16px;
}
.product-info-main .button-cart:hover {
  background: ;
  color: #ffffff;
}
/*.product-info-main .button-cart:before {
content: "";
margin-right: 8px;
margin-top: -3px;
width: 16px;
height: 16px;
background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon-btn-cart.png?v=49143710134177844491768429900) center no-repeat;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.product-info-main .button-cart:hover:before {
background: url(//actionfigurebrasil.com.br/cdn/shop/t/36/assets/icon-btn-cart-hover.png?v=108254937457284171301768429900) center no-repeat;
}*/
.product-info-main button.btn-wishlist,.product-info-main button.btn-compare {
  line-height: 42px;
  height: 42px;
  float: left;
  width: 42px;
  margin-top: 15px;
  background:#efefef;
}
.product-info-main button.btn-wishlist:before,.product-info-main button.btn-compare:before {
  font-size: 16px;
}
.product-info-main button.btn-wishlist {
  margin-right: 20px;
}
.product-info-main button.btn-wishlist:hover,.product-info-main button.btn-compare:hover {
  background: #df15e5;
  color: #fff;
}
#product2.has-option,
#product.has-option{
  max-height: 300px;
  overflow: auto;
  border: 1px solid #efefef;
  padding: 20px;
}
#product + div{
  margin: 20px 0;
}
.quantity-box {
  float: left;
  position: relative;
  padding-right: 25px;
  border: 1px solid #efefef;
  border-radius: 25px;
  padding: 0 15px;
  padding-right: 40px;
}
.product-info-main label[for='Quantity'],
.product-info-main .quantity-box { margin-top: 15px; margin-right: 20px; }

.product-info-main .box-options { padding: 8px 0; }

.product-info-main ul.list-unstyled { }

.product-info-main ul.list-unstyled li { display: block; line-height: 24px; }

/* span padrão da lista */
.product-info-main ul.list-unstyled li span {
  color: #df15e5;
  margin-left: 5px;
}

/* links padrão da lista */
.product-info-main ul.list-unstyled li a {
  color: #df15e5;
  text-decoration: none;
}
.product-info-main ul.list-unstyled li a:hover { text-decoration: underline; }

/* ── CTA “Veja nossos clientes” – versão premium ── */
.customers-cta{
  margin-top:10px;
}

.customers-cta .cta-link{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  width:100%;
  padding:12px 16px;
  min-height:44px;

  border-radius:14px;
  border:1px solid rgba(185,122,255,0.35);

  background: radial-gradient(circle at top left,
    rgba(226,63,255,0.10) 0%,
    rgba(255,255,255,0.98) 55%,
    rgba(245,240,255,1) 100%
  );

  box-shadow:
    0 10px 22px rgba(50,0,70,0.16),
    inset 0 0 12px rgba(180,120,255,0.10);

  font-family:'Rubik', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size:15px;
  font-weight:600;
  color:#4f3f6a;

  text-decoration:none;
  overflow:hidden;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    color .25s ease,
    background .25s ease;
  isolation:isolate;
  cursor:pointer;
}

/* ícone de estrela antes do texto (menor) */
.customers-cta .cta-link::before{
  content:"⭐";
  font-size:14px;           /* ↓ menor */
  line-height:1;
  flex-shrink:0;
  transition:transform .25s ease, filter .25s ease;
}

/* texto acima da “tinta” e herdando a cor */
.customers-cta .cta-link .label{
  position:relative;
  z-index:1;
  margin-left:0;
  color:inherit !important;
}

/* círculo do Position Aware */
.customers-cta .cta-link .ink{
  position:absolute;
  width:0;
  height:0;
  border-radius:50%;
  background:#402041;       /* sem  */
  transform:translate(-50%, -50%);
  transition:width .45s ease, height .45s ease, opacity .45s ease;
  z-index:0;
  opacity:.95;
  margin-left:0;
}

/* HOVER/ACTIVE – fundo e borda #402041 */
.customers-cta .cta-link:hover,
.customers-cta .cta-link.active{
  transform:translateY(-2px) scale(1.01);
  background:#402041;
  border-color:#402041;
  box-shadow:
    0 16px 30px rgba(50,0,70,0.22),
    inset 0 0 18px rgba(200,130,255,0.16);
  color:#fff;
}

.customers-cta .cta-link:hover::before,
.customers-cta .cta-link.active::before{
  transform:scale(1.06);
  filter:drop-shadow(0 0 4px rgba(255,255,255,0.7));
}

.customers-cta .cta-link:hover .ink,
.customers-cta .cta-link.active .ink{
  width:360%;
  height:360%;
}

/* Animação de pulsar (usada só no mobile) */
@keyframes cta-pulse-mobile {
  0% {
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(141,89,255,0.32);
  }
  50% {
    transform:scale(1.03);
    box-shadow:0 0 0 12px rgba(141,89,255,0);
  }
  100% {
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(141,89,255,0);
  }
}

/* Mobile */
@media (max-width:1024px){
  .customers-cta .cta-link{
    padding:12px;
    font-size:14px;
    line-height:20px;
    min-height:42px;
    animation:cta-pulse-mobile 2.6s ease-in-out infinite;
  }
}

.product-info-detailed {
  margin-top: 30px;
}
.product-info-detailed .nav-tabs, .product-info-detailed .mobtab {
  margin-bottom: 0;
  border-top: 1px solid #efefef;
  padding-top: 48px;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.product-info-detailed .mobtab {
  margin-bottom: 10px;
  padding: 5px;
}

.product-info-detailed .nav-tabs li {
  margin-bottom: 0;
  position: relative;
  margin-right: 50px;
}
.product-info-detailed .nav-tabs li:last-child {
  margin-right:0;
}
.mobtab {
  text-align: center;
  display: none;
  margin-bottom: 25px;
}
.product-info-detailed .nav-tabs li a, .product-info-detailed .mobtab a {
  font-size: 14px;
  color: #ae2fe3 !important;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 0;
  border: none !important;
  padding: 8px 0;
  margin: 0;
  background: none;
  font-family:  Oswald, sans-serif ;
}
.product-info-detailed .mobtab a {
  display:block;
  width: 100%;
}
.product-info-detailed .nav-tabs li.active a,.product-info-detailed .nav-tabs li a:hover,
.product-info-detailed .mobtab a:hover, .product-info-detailed .mobtab a.active {
  color: #5b1d69  !important;
  border-radius: 0;
}
.product-info-detailed .nav-tabs li.active a:before {
  opacity: 1;
}
.product-info-detailed .tab-content {
  line-height: 30px;
  padding-top: 30px;
}
@media (max-width: 567px) {
  .mobtab {
    display: block;
  }
  .product-info-detailed .nav-tabs {
    display: none;
  }
  .product-info-detailed .tab-content {
    padding: 0px 10px;
    border-top: none;
  }
}
#tab-description p {
  margin:0;
}
.bootstrap-datetimepicker-widget a[data-action]{
  padding: 0 !important;
}
.bootstrap-datetimepicker-widget td span:hover{
  background: none !important;
}
.bootstrap-datetimepicker-widget td span{
  height: 40px !important;
  line-height: 40px !important;
  margin: 0px !important;
}
.alert.alert-success{
  text-align: center;
  font-size: 14px;
  margin: 0;
}
.account-login .well{
  background: none;
  box-shadow: none;
}
#map-canvas{
  min-height: 400px;
  margin: 20px 0;
}
.information-contact form .required{
  margin-bottom: 20px;
}
.bootstrap-datetimepicker-widget a[data-action] {
  border: none;
  height: auto;
}
#content{
  min-height: 300px;
}
.btn-quickview span{
}
.btn-quickview i {
  display: none;
}
#cart .dropdown-menu {
  margin: 0;
  padding: 10px 30px 0 30px !important;
  width: 350px;
  right: -15px;
  left: auto;
  list-style: none none;
  border: 0;
  background: #fff;
  margin-top: 11px;
  box-sizing: border-box;
  top: 100%;
}
#cart .dropdown-menu:after,#cart .dropdown-menu:before,
.box-setting .dropdown-menu:after,.box-setting .dropdown-menu:before {
  border-bottom-style: solid;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
#cart .dropdown-menu:before,
.box-setting .dropdown-menu:before {
  border: 7px solid;
  border-color: transparent transparent #fff transparent;
  z-index: 99;
  right: 26px;
  top: -12px;
  opacity: 0;
}
.box-setting .dropdown-menu:before {
  right: 13px;
}
#cart .dropdown-menu:after,
.box-setting .dropdown-menu:after {
  border: 8px solid;
  border-color: transparent transparent #fff transparent;
  z-index: 98;
  right: 25px;
  top: -15px;
}
.box-setting .dropdown-menu:after {
  right: 12px;
}
#cart .total-price {
  font-size: 14px;
  font-weight: 500;
  margin-left: 17px;
  padding: 12px 0;
  display: inline-block;
  vertical-align: top;
}
#cart .cart-close {
  position: absolute;
  top: 20px;
  right: 0;
  font-weight: 400;
}
#cart .cart-empty{
  padding-bottom: 25px;
  padding-top: 15px;
  margin: 0;
  color: #3e3d43;
}

#cart .dropdown-menu > li:first-child .table > tbody > tr > td{
  border: 0;
}
#cart .dropdown-menu > li:last-child .table > tbody > tr > td.text-left {
  color: #3e3d43;
  font-weight: 500;
  font-size: 12px;
  padding: 5px 0;
  text-transform: uppercase;
  font-family:  Oswald, sans-serif ;
}
#cart .dropdown-menu > li:last-child .table > tbody > tr > td.text-right {
  color: #ae2fe3;
  font-size: 14px;
  padding: 5px 0;
  font-weight: 500;
  font-family:  Oswald, sans-serif ;
}
#cart .dropdown-menu > li:last-child .table > tbody > tr:last-child > td.text-right {
  font-size: 18px;
  font-weight: 700;
}
#cart .dropdown-menu > li:first-child .table > tbody > tr {
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  display: block;
}
#cart .table > tbody > tr > td{
  border: none;
  padding: 0;
}
#cart .cart-close button{
  background: none;
  color: #5a6069;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 18px;
}
#cart .cart-close button:hover {
  color: #df15e5;
}
#cart .cart-quantity{
  color: #5a6069;
  line-height: 20px;
  display: block;
  padding: 5px 0;
  font-size: 13px;
}
#cart .cart-price {
  font-size: 14px;
  color: #df15e5;
  padding-top: 2px;
  display: block;
  font-weight: 500;
  font-family:  Oswald, sans-serif ;
}
#cart .cart-name {
  color: #363f4d;
  font-size: 14px;
  line-height: 18px;
  display: block;
}
#cart .cart-name:hover {
  color: #df15e5;
}
#cart .cart-button{
  padding: 30px 0;
  margin: 0 -30px;
  background: #22232b;
}
#cart p.cart-button a:last-child{
}
#cart p.cart-button a{
  border: none;
  background: #fff;
  color: #3e3d43;
  line-height: 44px;
  text-align: center;
  padding: 0 35px;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 30px;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
  margin: 7px;
  font-family:  Oswald, sans-serif ;
}
#cart p.cart-button a strong {
  font-weight: 400;
}
#cart p.cart-button a:hover{
  background: #df15e5;
  color: #fff;
  -webkit-box-shadow: 0 0 20px 5px rgba(229,21,21,0.3);
  box-shadow: 0 0 20px 5px rgba(229,21,21,0.3)
}
#cart p.cart-button a:hover i{
  color: #fff;
}
#cart p.cart-button a i{
  padding-left: 5px;
  font-size: 10px;
  display: none;
}
#cart .dropdown-menu .info-item{
  padding-left: 10px;
}
#cart .dropdown-menu .has-scroll{
  max-height: 282px;
  overflow: auto;
  padding: 0 30px;
  margin: 0 -30px;
}
/*
*  STYLE 6
*/
#cart .dropdown-menu .has-scroll::-webkit-scrollbar-track
{
  background-color: #fff;
}
#cart .dropdown-menu .has-scroll::-webkit-scrollbar
{
  width: 5px;
  background-color: #fff;
}
#cart .dropdown-menu .has-scroll::-webkit-scrollbar-thumb
{
  background-color: #ccc;	
  background-image: -webkit-linear-gradient(45deg,
    rgba(255, 255, 255, .2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .2) 50%,
    rgba(255, 255, 255, .2) 75%,
    transparent 75%,
    transparent)
}
#cart .dropdown-menu .has-scroll table {
  margin-bottom: 0; 
}
#cart .dropdown-menu tr td strong{
  color: #ae2fe3;
  font-weight: 500;
  float: left;
  padding: 2px 0;
  font-size: 12px;
  text-transform: uppercase;
}
.fluid-width >.container {
  width: auto;
  padding: 0 75px;
  max-width: 1920px;
  margin: auto;
}

@media(max-width: 1599px){
  .header-top {
    min-height: 1px;
  }
  header.hd3 .header-top {
    min-height: 530px;
  }
  header.hd4 .header-inner { 
    top: 30px;
  }
  .fluid-width >.container {
    padding: 0 30px;
  }
  .common-home header.hd2 #logo, .common-home header.hd3 #logo{
    padding: 40px 0;
  }
}
/* responsive */
@media(max-width: 1349px){
  .owl-carousel.owl-theme .owl-nav div.owl-prev {
    left: 0;
  }
  .owl-carousel.owl-theme .owl-nav div.owl-next {
    right: 0;
  }
}
@media(max-width: 1199px){
  header.hd3 .header-top, header.hd4 .header-top {
    min-height: 400px;
  }
  .hd3 .breadcrumbs {
    top: 50%;
  }
  .menu-recent .aritcles-content {
    padding-top: 15px;
  }
  .ma-corporate-about1 {
    position: static;
    background: #ffffff;
  }
  .hd3 .header-inner {
    position: relative;
    background: #ffffff;
  }
  .hd4 .header-inner {
    position: relative;
    background: #181b23;
    padding: 30px 0;
    top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .static-top-aero1 .text .text1, .static-top-aero4 .text .text1 {
    font-size: 13px;	
  }
  .static-top-aero1 .text .text2, .static-top-aero4 .text .text2 {
    font-size: 18px;
  }
  .static-top-aero1 .text .text3, .static-top-aero4 .text .text3 {
    font-size: 12px;
    margin-top: 15px;
  }
  .static-bottom-aero1 .text .text1 {
    font-size: 14px;
  }
  .static-bottom-aero1 .text .text2 {
    font-size: 24px;
    margin-top: 0;
  }
  .static-bottom-aero1.alt .text .text2 {
    font-size: 20px;
    letter-spacing: 3px;
  }
  .static-bottom-aero1 .text .text3 {
    font-size: 13px;
    margin-top: 10px;
    line-height: 20px
  }
  .static-bottom-aero1 .text .link {
    font-size: 12px;
    line-height: 36px;
    padding: 0 20px;
    padding-right: 45px;
    border-radius: 25px;
    margin-top: 32px;
  }
  .static-bottom-aero1 .text .link:after {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
@media(max-width: 991px){
  .col-order {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .col-order #content {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    float: none;
  }
  .col-order #column-left {
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    float: none;
  }
  #column-left,#column-right {
    margin-top: 30px;
  }
  .common-home header.hd2 .header-inner {
    position: relative;
    /*background: #22232b;*/
  }
  .common-home header.hd2 .header-inner:after {
    opacity: 1;
  }
  .common-home header.hd2 #search input {
    /*background: #22232b;*/
  }
  .common-home header.hd2 #logo {
    padding: 28px 0;
  }
  .static-welcome {
    margin-top: 44px;
  }
  .static-welcome .title {
    margin-bottom: 60px;
  }
  header {
    margin-bottom: 60px;
  }
  header .box-left {
    right: auto;
  }
  .logo-container {
    padding-left: 45px;
    position: static;
  }
  .hd3 #search {
    width: 100%;
    margin-top: 30px;
    position: static;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    float: none;
  }
  .hd3 #search input {
    width: 100%;
  }
  .hd4 .container {
    padding-left: 0;
    padding-right: 0;
  }
  header.hd4 .box-left {
    left: inherit;
  }
  header.hd4 .header-inner {
    top: 0px;
  }
  .module-title {
    margin-top: 60px;
  }
  .static-top-aero1 {
    margin-top: 30px;
  }
  .module-title:before {
    width: 80%;
  }
  .module-title:after {
    width: 100%;
  }
  .bestseller-full {
    margin-top: 60px;
    padding-bottom: 60px;
  }
  .static-middle-aero1.alt {
    margin-top: 30px;
  }
  .newletter-subscribe-container {
    margin-top: 45px;
    padding-top: 60px;
  }
  .ma-corporate-about {
    margin-top: 30px;
    margin-bottom: 60px;
  }
  .testimonial-container {
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 73px;
  }
  footer {
    margin-top: 60px;
  }
  footer .col4 {
    clear: left;
  }
  .footer-top {
    padding: 53px 0 15px 0;
  }
  ul.link-follow {
    margin: 0;
    float: none;
  }
  .footer-bottom .footer-copyright,.footer-payment{
    float: none;
    display: block;
    text-align: center;
    max-width: none;
    line-height: 1.2;
  }
  .newletter-popup,
  .b-modal{
    display: none !important;
  }
  .zoomContainer,
  .vermagemenu-container,
  #search-by-category .search-container .categories-container
  {
    display: none !important;
  }
}

@media(min-width: 768px) {
  .toolbar-products .modes {
    float: left;
    margin-right: 20px;
  }
  .toolbar-products .sorter,.toolbar-products .limiter ,.toolbar-products .pages {
    float: right;
  }
  .toolbar-products .toolbar-amount {
    float: left;
  }

}
@media(max-width: 767px){
  .header-top {
    min-height: 1px !important;
  }
  .common-home .header-top {
    display: none;
  }
  .link-compare {
    text-align: center;
  }
  .fluid-width >.container {
    padding: 0 15px;
  }
  .product-info-main {
    margin-top: 30px
  }
  .module-title {
    padding-right: 0 !important;
  }
  .static-bottom-aero1 .col{
    width: 100%;
    float: none;
  }
  #subscribe_email,#subscribe {
    width: 100%;
  }
  .ma-corporate-about, .ma-corporate-about1 {
    text-align: center;
  }
  .ma-corporate-about1 .col:nth-child(2) {
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.15);
    border-left: 0;
    border-right: 0;
  }
  .testimonial-container .owl-carousel.owl-theme  .owl-dot {
    margin: 0 10px;
  }
  .testimonial-container .owl-carousel.owl-theme  .owl-dot:before,
  .testimonial-container .owl-carousel.owl-theme  .owl-dot:after {
    display: none !important;
  }
}
@media(max-width: 640px){ 
  .hd3 #logo {
    padding: 28px 0;
  }
  .hd3 .logo-container {
    display: block;
    padding: 0;
  }
  header.hd3 .box {
    position: relative;
    margin-bottom: 10px;
    left: auto;
    right: auto;
    display: inline-block;
    vertical-align: top;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .hd3 #cart,header.hd3 .box-setting {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  header.hd3 .box-setting {
    margin: 0 0 0 10px;
  }
}
@media(max-width: 567px){ 
  .product-info-detailed .nav-tabs li {
    float: none;
    display: block;
    margin-right: 0;
  }

  .static-bottom-aero1 .text .text1 {
    font-size: 14px;
  }
  .static-bottom-aero1 .text .text2 {
    font-size: 24px;
    margin-top: 0;
  }
  .static-bottom-aero1 .text .text3 {
    font-size: 13px;
    margin-top: 10px;
    line-height: 20px
  }
  .static-bottom-aero1 .text .link {
    font-size: 12px;
    line-height: 36px;
    padding: 0 20px;
    padding-right: 45px;
    border-radius: 25px;
    margin-top: 32px;
  }
  .static-bottom-aero1 .text .link:after {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
@media(min-width: 481px){
  .product-list .item .item-inner {
    display: table;
  }
  .product-list .col-image, .product-list .col-des {
    display: table-cell;
    vertical-align: middle;
    float: none;
    overflow: hidden;
  }
}
@media(max-width: 479px){

  .ma-corporate-about .block-wrapper:after {
    right: -15px;
  }
  .toolbar-products .sorter,.toolbar-products .limiter {
    display: block;
    margin: 0;
  }
  .logo-container {
    max-width: 50%;
  }
  .hd3 .logo-container {
    max-width: 100%;
  }
  .header-inner {
    padding: 0 px;
  }
  header .box-setting {
    margin: 0;
  }

  #search .search-content {
    top: 100%;
    right: -75px;
    margin-top: 15px;
  }
  #cart {
    margin: 0 5px;
  }
  #cart .dropdown-menu {
    width: 250px;
    right: -30px;
  }
  #cart .dropdown-menu::before {
    right: 41px;
  }
  #cart .dropdown-menu::after {
    right: 40px;
  }
  header .box-setting .dropdown-menu {
    right: -60px;
  }
  .box-setting .dropdown-menu:before {
    right: 75px;
  }
  .box-setting .dropdown-menu:after {
    right: 74px;
  }
  .product-info-main .button-cart {
    min-width: auto;
  }
  .menu-recent .articles-image {
    width: 100%;
    float: none;
  }
  .menu-recent .aritcles-content {
    padding-left: 0;
    float: none;
    width: 100%;
  }
  .static-welcome .title h2 {
    font-size: 90px;
  }
  .static-welcome .content .image {
    float: none;
    width: 100%;
    padding: 0;
  }
  .static-welcome .content .text {
    padding: 0 15px;
  }
  .module-title {
    margin-top: 40px;
  }
  .module-title h2 {
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .module-title h2:before,.module-title h2:after,
  .module-title:before,.module-title:after {
    display:none;
  }
  .testimonial-box {
    padding: 0 50px;
  }
  .static-bottom-aero1 .text .text1 {
    font-size: 12px;
  }
  .static-bottom-aero1 .text .text2 {
    font-size: 18px;
    margin-top: 0;
    letter-spacing: 2px;
  }
  .static-bottom-aero1 .text .text3 {
    font-size: 12px;
    margin-top: 5px;
    line-height:18px
  }
  .static-bottom-aero1 .text .link {
    font-size: 10px;
    line-height: 36px;
    padding: 0 20px;
    padding-right: 45px;
    border-radius: 25px;
    margin-top: 15px;
  }
  .static-bottom-aero1 .text .link:after {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .breadcrumbs h1 {
    font-size: 35px;
  }
}
/*Fix products-grid */
.custom-category .product-grid.col-lg-3 .item-inner button.btn-cart {
  padding: 0 20px;
}
.custom-category .product-grid.col-lg-divide-5 .item-inner button.btn-cart span {
  display: none;
}

@media (min-width: 1200px){
  .custom-products .product-grid.three-items:nth-child(3n+1),
  .custom-products .product-grid.four-items:nth-child(4n+1),
  .custom-products .product-grid.two-items:nth-child(2n+1)
  {  clear: left;} 
}
@media (max-width: 1199px) and (min-width: 992px){
  .custom-products .product-grid.three-items:nth-child(3n+1), 
  .custom-products .product-grid.four-items:nth-child(4n+1),
  .custom-products .product-grid.two-items:nth-child(2n+1)
  {clear: left;}
}
@media (max-width: 991px) and (min-width: 481px){
  .custom-products .product-grid:nth-child(2n+1) {clear: left;}
}
@media (max-width: 480px) and (min-width: 0px){
  /*.custom-products .product-grid:nth-child(1n+1) {clear: left;}
  .custom-products .product-grid{width: 100%;}  */
  .custom-category .product-grid .item-inner .action-links {
    display: none;
  }
  .custom-category .product-grid .product-name {
    padding: 10px 0;
  }
  .custom-category .product-grid .product-name a {
    font-size: 12px;
  }
  .custom-category .product-grid .price-box .price {
    font-size: 11px;
  }
  .custom-category .product-grid .item-inner .caption .price-box {
    margin-top: 5px;
  }
  .custom-category .product-grid .item-inner .ratings {
    padding: 5px 0;
  }
  .custom-category .product-grid .price-box p.old-price .price {
    font-size: 11px;
  }
  .custom-category .product-grid .price-box p.old-price {
    padding-top: 0px;
  }
  .custom-category .product-grid span.spr-badge-caption {
    display: none;
  },
  .custom-category .product-grid .cc .countdown-section {
    margin-left: 6px;
  }
  .custom-category .product-grid .item-inner .caption {
    
    text-align: center;
  }
  .custom-category .product-grid .item-inner button.btn-cart {
    padding: 0 5px;
    margin-top: 10px;
    line-height: 36px;
    
  }
  .custom-category .product-grid .item-inner button.btn-cart:before {
    display: none;
  }
  .custom-category .product-grid .label-product {
    font-size: 9px;
  }
}
/*Fix products-no-slider */
.two_items,.three_items,.four_items,.six_items {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .six_items:nth-child(6n+1),
  .four_items:nth-child(4n+1),
  .three_items:nth-child(3n+1),
  .two_items:nth-child(2n+1)
  {  clear: left;} 
} 

/* full width */
.full-width{
  margin: 0 !important;
  padding: 0;
}
.full-width > .container{
  width: 100% !important;
  padding: 0;
}
.full-width > .container  .sub-row,
.full-width > .container  > .row{
  margin: 0
}
.full-width > .container  .sub-row > div,
.full-width > .container .row > .main-col{
  padding: 0;
}
.special-row{
  background: #f8f8f8;
  padding-top: 60px;
}

.brands .owl-carousel .owl-item img {
  display: block;
  margin: 0px auto;
}
/* Padding padrão para o logo */
.logo-padding {
  padding: 10px 80px 1px 10px;
}

/* Ajustes responsivos a partir de 768px */
@media (min-width: 768px) {
  .logo-padding {
    padding: 10px 150px 1px 10px;
    max-height: 80px; /* Definindo a altura máxima para o logo */
  }
}

/* Padding padrão para o logo dentro do div#logo */
#logo {
  padding: 10px 80px 1px 10px;
}

/* Ajustes responsivos a partir de 768px */
@media (min-width: 768px) {
  #logo {
    padding: 10px 150px 1px 10px;
  }

  #logo .img-responsive {
    max-height: 80px; /* Definindo a altura máxima para o logo dentro do div#logo */
  }
}


  .highlight {
    background-color: yellow; /* Cor de fundo de destaque */
    font-weight: bold;       /* Texto em negrito */
  }


  #nextButton {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    background: #007BFF;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    z-index: 1000;
  }

  .highlight {
    background-color: yellow;
  }

  .form-group {
    display: flex;
    align-items: center; /* Alinha verticalmente ao centro */
    gap: 10px; /* Espaçamento entre os itens */
    flex-wrap: wrap; /* Permite que itens quebrem linha se necessário */
  }
  .form-horizontal .form-group {
  display: block; 
  }
  .quantity-box {
    display: flex;
    align-items: center; /* Alinha itens da caixa de quantidade ao centro */
    margin-right: 10px; /* Espaçamento entre a caixa de quantidade e o próximo elemento */
  }

  .button-cart {
    flex-shrink: 0; /* Impede que o botão de adicionar ao carrinho encolha */
  }

  .btn-wishlist {
    margin-right: 10px; /* Espaçamento entre o botão de lista de desejos e o botão de adicionar ao carrinho */
  }

#ra-verified-seal {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1000;
  transform-origin: bottom left;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  border-radius: 10%; 
  overflow: hidden; 
}

@media only screen and (max-width: 768px) {
  #ra-verified-seal {
    transform: scale(0.75);
    left: 10px;
    bottom: 10px;
  }
}

.floating-btn {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 1000;
}

.floating-btn .cta {
    display: inline-block;
    padding: 15px 30px;
    background-color: #6225E6;
    color: #fff;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    border-radius: 30px;
    box-shadow: 6px 6px 0 black;
    transition: 0.3s ease;
    transform: skewX(-15deg); /* Mantém o estilo inclinado */
}

.floating-btn .cta:hover {
    background-color: #FBC638;
    box-shadow: 10px 10px 0 #000;
}

.floating-btn .cta span {
    transform: skewX(15deg);
}

.ex-text-led {
    font-weight: bold;
    color: #bb0f9e;
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle; /* Garante que o texto esteja alinhado corretamente */
}

.ex-text-led::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    animation: led-glow 2s linear infinite;
    pointer-events: none; /* Impede que o pseudo-elemento interfira no clique */
}

@keyframes led-glow {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* ---------- Botão Buscar estilizado ---------- */
.btnBuscarCol {
  position: relative;
  display: inline-block;
  width: 160px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  color: #fff;                /* texto padrão branco */
  background: #df15e5;        /* cor principal */
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.3s ease, letter-spacing 0.3s ease, color 0.3s ease;
  margin-left: 10px;
}

/* SVG ocupa toda a área do botão */
.btnBuscarCol svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* contorno na cor principal */
.btnBuscarCol rect {
  fill: none;
  stroke: #df15e5;            /* contorno rosa */
  stroke-width: 2;
  stroke-dasharray: 422, 0;
  transition: all 0.35s linear;
}

/* HOVER */
.btnBuscarCol:hover {
  background: #471e60;    /* deixa apenas o contorno */
  letter-spacing: 1px;
  color: #d3d3d3;             /* texto cinza-claro */
}

.btnBuscarCol:hover rect {
  stroke-width: 4;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
/* ===== layout do formulário ===== */
.collection-search-bar form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;                /* ← espaço real entre input e botão */
}

/* o grupo do input cresce e o campo preenche esse grupo */
.collection-search-bar .form-group {
  flex: 1 1 auto;
  margin: 0;                /* zera margem Bootstrap extra */
}

.collection-search-bar .form-group input {
  width: 100%;              /* ocupa toda a largura só dentro do grupo */
}

/* ---------- Botão Buscar estilizado ---------- */
.btnBuscarCol {
  position: relative;
  display: inline-block;
  line-height: 45px;
  padding: 0 32px;          /* botão agora ajusta a largura ao texto  */
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  color: #fff;
  background: #df15e5;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.3s ease, letter-spacing 0.3s ease, color 0.3s ease;
  /* REMOVIDO margin-left: 10px;  */
}

/* SVG ocupa toda a área do botão */
.btnBuscarCol svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* contorno na cor principal */
.btnBuscarCol rect {
  fill: none;
  stroke: #df15e5;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
  transition: all 0.35s linear;
}

/* HOVER */
.btnBuscarCol:hover {
  background: #471e60;
  letter-spacing: 1px;
  color: #d3d3d3;
}

.btnBuscarCol:hover rect {
  stroke-width: 4;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
/* --- espaçamento acima/abaixo da barra de busca --- */
.collection-search-bar {
  margin: 24px 0 32px;   /* top 24 px  |  bottom 32 px  (ajuste à vontade) */
}
/* --- ajuste fino do mobile --- */
@media (max-width: 767px) {

  /* faz input e botão ocuparem 100 % sem recuos laterais */
  .collection-search-bar .form-group {
    flex: 1 1 100%;
    margin: 0 !important;      /* remove margem bootstrap */
    padding: 0;                /* garante alinhamento */
  }

  #collectionSearch {
    width: 100%;
  }

  .btnBuscarCol {
    width: 100%;
    margin: 12px 0 0;          /* só respiro vertical */
    box-sizing: border-box;    /* inclui o padding na largura */
  }
}
/* — efeito visual disparado via JS (ENTER ou clique) — */
.btnBuscarCol.run-effect {
  background: #471e60;           /* mesma cor que você usa no :hover */
  letter-spacing: 1px;
  color: #d3d3d3;
}

.btnBuscarCol.run-effect rect {
  stroke-width: 4;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  transition: all 1.35s cubic-bezier(.19,1,.22,1);
}

/* ===== Faixa A-Z ===== */
.alpha-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0;position:relative;font-weight:600}
.alpha-nav span{cursor:pointer;padding:4px 10px;border-radius:4px;color:#df15e5;position:relative;transition:color .25s}
.alpha-nav span::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:transparent;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.19,1,.22,1),background .35s}

.alpha-nav span:hover,
.alpha-nav span.active{color:#471e60}                /* texto roxo em hover */

.alpha-nav span:hover::after,
.alpha-nav span.active::after{background:#df15e5;transform:scaleX(1)}

.alpha-nav span.active{
  background:#471e60;          /* fundo roxo-escuro */
  color:#fff;                  /* texto branco      */
  border-radius:4px;
  padding:4px 10px;
}


/* ---------- contêiner da lista ---------- */
.match-wrap{
  position:relative;
  overflow:visible;      /* não “corta” o botão */
}

/* ---------- BOTÃO FECHAR (base única) ---------- */
.match-close{
  /* dimensões fixas 1 × 1 => círculo perfeito */
  width:44px;height:44px;aspect-ratio:1/1;
  display:inline-flex;align-items:center;justify-content:center;

  background:#df15e5;color:#fff;
  border:none;border-radius:50%;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
  cursor:pointer;
  font-size:0;line-height:0;          /* evita achatamento no iOS */
  z-index:9999;
  transition:background .25s,transform .15s;
  position:fixed;                    /* defini-lo aqui simplifica  */
}

/* “×” via pseudo-elemento (não deforma o círculo) */
.match-close::before{
  content:"×";
  font-size:22px;line-height:1;
  pointer-events:none;
}

/* ---------- DESKTOP (≥ 768 px) ---------- */
@media (min-width:768px){
  .match-close{
    top:50%;                         /* meio da janela            */
    right:150px;                      /* ↑ mude para 150 px se quiser */
    transform:translateY(-50%);
  }
  .match-close:hover{transform:scale(1.05) translateY(-50%)}
}

/* ---------- MOBILE (< 768 px) ---------- */
@media (max-width:767px){
  .match-close{
    bottom:18px;right:18px;          /* canto inferior-direito    */
    top:auto;transform:none;
  }
  .match-close:hover{transform:scale(1.05)}
}

/* estado hover (cor muda p/ roxo-escuro) */
.match-close:hover{background:#471e60}




/* === AFB — card + grid + texto visível (isolado ao #afb-info) === */

/* 1) Caixa */
#afb-info .afb-card{
  display:block !important;
  background:#fff !important;
  border:1px solid #e9ebef !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  box-shadow:0 4px 14px rgba(0,0,0,.06) !important;
  margin:12px 0 !important;
  box-sizing:border-box !important;
  color:#5a6069 !important;
  font-family: inherit !important;
}

/* 2) Grid interno (texto | vídeo) */
#afb-info .afb-cols{
  display:grid !important;
  grid-template-columns:minmax(260px, 1fr) 180px !important;
  align-items:start !important;
  column-gap:14px !important;
  row-gap:0 !important;
  margin-right:0 !important;
}

/* 3) Coluna de texto */
#afb-info .afb-meta{ min-width:0 !important; }
#afb-info .afb-list{ list-style:none !important; margin:0 !important; padding:0 !important; }
#afb-info .afb-item{
  display:grid !important;
  grid-template-columns:max-content 1fr !important;
  column-gap:8px !important;
  align-items:start !important;
  margin:6px 0 !important;
  line-height:1.25 !important;
  text-align:left !important;
  visibility:visible !important;
  opacity:1 !important;
}
#afb-info .afb-item .label{ color:#5a6069 !important; font-weight:600 !important; white-space:nowrap !important; }
#afb-info .afb-item .value{ color:#c48ed5 !important; font-weight:600 !important; }
#afb-info .afb-item .value.ok{ color:#1a9e28 !important; }
#afb-info .afb-item a{ color:#2b2f33 !important; text-decoration:none !important; }
#afb-info .afb-item a:hover{ text-decoration:underline !important; }

/* 3.1) Pontinhos coloridos antes dos rótulos */
#afb-info .afb-list .label{
  position: relative;
  padding-left: 18px; /* espaço pro pontinho */
}
/* base do “pontinho” (pílula inclinada) */
#afb-info .afb-list .label::before{
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%) rotate(-18deg);
  width: 10px;
  height: 6px;
  border-radius: 6px;
  background: #cfd6e0; /* fallback */
}
/* 1º item (Marca) */
#afb-info .afb-list li.afb-item:nth-of-type(1) .label::before{ background: #f59e0b; }
/* 2º item (Disponibilidade) */
#afb-info .afb-list li.afb-item:nth-of-type(2) .label::before{ background: #3b82f6; }
/* 3º item (Tempo de entrega) */
#afb-info .afb-list li.afb-item:nth-of-type(3) .label::before{ background: #8b5cf6; }

/* 4) Vídeo (coluna direita) */
#afb-info .afb-video{
  position:relative !important;
  width:180px !important; max-width:180px !important; min-width:180px !important;
  justify-self:end !important; align-self:start !important;
  border-radius:10px !important; overflow:hidden !important; background:#000 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
  z-index:1 !important;
}
#afb-info .afb-video video{
  display:block !important;
  width:100% !important; height:auto !important;
  aspect-ratio:10/13 !important; object-fit:cover !important; background:#000 !important;
}

/* 5) Controles do vídeo — classes únicas (não conflitam com .btn do tema) */
#afb-info .afb-video__ctrls{
  position:absolute !important; right:8px !important; bottom:8px !important;
  display:flex !important; gap:6px !important; justify-content:flex-end !important;
}
#afb-info .afb-video__btn{
  appearance:none; -webkit-appearance:none;
  border:0 !important; outline:0 !important;
  padding:6px 10px !important; border-radius:10px !important;
  font:600 12px/1 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  color:#fff !important; background:rgba(0,0,0,.55) !important; cursor:pointer !important;
}
#afb-info .afb-video__btn:hover{ background:rgba(0,0,0,.72) !important; }

/* 6) MOBILE — vídeo em cima, texto embaixo */
@media (max-width:720px){
  #afb-info .afb-card{ padding:12px 12px !important; }

  #afb-info .afb-cols{
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
    column-gap: 0 !important;
  }

  #afb-info .afb-video{
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    align-self: start !important;
    margin-bottom: 4px !important;
  }
  #afb-info .afb-meta{
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
  }

  #afb-info .afb-video video{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 10/16 !important;
    object-fit: cover !important;
    display: block !important;
  }
}


/* === Corrige alinhamento dos botões na página de produto === */

/* Desktop: mantém como o tema já faz, só garante altura/alinhamento dos botões */
.product .box-info-product .form-group,
.product-info .form-group {
  align-items: stretch;                 /* evita altura desigual */
}

/* Mobile: empilha os controles em coluna e deixa os botões 100% */
@media (max-width: 768px){
  .product .box-info-product .form-group,
  .product-info .form-group{
    display: flex !important;
    flex-direction: column !important;  /* Qtd/ícones em cima, botões abaixo */
    align-items: stretch !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }

  /* botões realmente em largura total */
  .product .box-info-product .form-group .btn,
  .product .box-info-product .form-group .shopify-payment-button__button,
  .product-info .form-group .btn,
  .product-info .form-group .shopify-payment-button__button{
    width: 100% !important;
    display: block !important;
  }

  /* se existir o wrapper do botão do Shopify, garante que ocupe a linha toda */
  .product .box-info-product .form-group .shopify-payment-button,
  .product-info .form-group .shopify-payment-button{
    width: 100% !important;
  }
}



/* ===== AFB BOX (blindada) ===== */
/* ===== AFB BOX ===== */
#afb-info { 
  margin: 10px 0 6px; 
}

#afb-info .afb-card{
  background:#fff;
  border:1px solid #efefef;
  border-radius:10px;
  padding:12px;
}

/* ===== COLUNAS ===== */
#afb-info .afb-cols{
  display:flex;
  gap:16px;
  align-items:flex-start;
}

/* Coluna de texto agora 68% — mais espaço */
#afb-info .afb-meta{ 
  flex: 1 1 68%; 
}

/* ===== LISTA ===== */
#afb-info .afb-list{ 
  list-style:none; 
  margin:0; 
  padding:0; 
  display:grid; 
  row-gap:8px; 
}

#afb-info .afb-item{
  display:flex; 
  gap:8px; 
  align-items:center;
  background:#fafafa; 
  border:1px dashed #efefef;
  border-radius:8px; 
  padding:8px 10px;
}

/* Label com largura fixa */
#afb-info .afb-item .label{
  min-width:150px; 
  font-weight:600; 
  font-size:12px;
  color: #6c6f7a;
}

/* Valor com quebra natural — nunca estoura */
#afb-info .afb-item .value{
  font-size:13px; 
  color: #ae2fe3;
  white-space:normal;
  word-break:break-word;
  flex-shrink:1;
}

#afb-info .afb-item .value.ok{ 
  color:#2bb32b; 
  font-weight:600; 
}
#afb-info .afb-item .value.no{ 
  color:#c0392b; 
  font-weight:600; 
}

#afb-info .afb-item a{ 
  color: #df15e5; 
  text-decoration: underline; 
}

/* ===== VÍDEO ===== */
#afb-info .afb-video{
  width:220px;       /* antes 240 – reduzido para dar mais espaço ao texto */
  min-width:220px;
  background:#000;
  border-radius:10px; 
  overflow:hidden; 
  position:relative;
}

#afb-info .afb-video video{
  display:block; 
  width:100%; 
  aspect-ratio:16/9; 
  object-fit:cover; 
  pointer-events:none;
}

#afb-info .afb-video__ctrls{
  position:absolute; 
  left:8px; 
  right:8px; 
  bottom:8px;
  display:flex; 
  gap:8px; 
  justify-content:center;
}

#afb-info .afb-video__btn{
  border:0; 
  padding:6px 10px; 
  border-radius:999px;
  background:rgba(0,0,0,.55); 
  color:#fff; 
  font-size:12px; 
  cursor:pointer;
}

#afb-info .afb-video__btn:hover{ 
  background:rgba(0,0,0,.75); 
}

/* ===== RESPONSIVO ===== */
@media (max-width: 767px){
  #afb-info .afb-cols{ flex-direction:column; }
  #afb-info .afb-item .label{ min-width:unset; }
  #afb-info .afb-video{ width:100%; min-width:0; }
}

/* Mobile — texto em cima, vídeo embaixo */
@media (max-width: 768px){
  #afb-info .afb-meta { 
    order: 1 !important;
    grid-row: 1 !important;
  }
  #afb-info .afb-video { 
    order: 2 !important;
    grid-row: 2 !important;
    margin-top: 8px !important;
  }
}

/* Garante cliques no vídeo e botões */
#afb-info .afb-video{ 
  position:relative !important; 
  z-index:5 !important; 
}
#afb-info .afb-video__ctrls{ 
  z-index:6 !important; 
  pointer-events:auto !important; 
}
#afb-info .afb-video video{ 
  pointer-events:auto !important; 
}




/* ==== BUSCA — mobile: centralizada e largura cheia ==== */
:root{
  --search-top: 64px;   /* ajuste a altura desejada */
  --search-xpad: 12px;  /* margem lateral */
}

/* ==== Regra geral até 768px ==== */
@media (max-width:768px){

  /* zera qualquer inline do Popper/Bootstrap */
  #search .dropdown-menu.search-content[style]{
    left:auto !important; right:auto !important;
    top:auto !important; bottom:auto !important;
    transform:none !important; translate:none !important;
    margin-left:0 !important; margin-right:0 !important;
  }

  /* neutraliza regras do tema */
  #search .search-content{
    top:auto !important; bottom:auto !important;
    left:auto !important; right:auto !important;
    margin:0 !important; padding:0 !important;
    transform:none !important; width:auto !important;
  }

  /* nossa posição: FIXA + CENTRALIZADA + largura da viewport */
  #search .dropdown-menu.search-content,
  #search .dropdown-menu.search-content[style]{
    position:fixed !important;
    top:var(--search-top) !important;

    left:50% !important; right:auto !important;
    transform:translateX(-50%) !important;

    width:calc(100vw - (var(--search-xpad) * 2)) !important;
    min-width:calc(100vw - (var(--search-xpad) * 2)) !important;
    max-width:calc(100vw - (var(--search-xpad) * 2)) !important;
    box-sizing:border-box !important;

    margin:0 !important; padding:8px 10px !important;
    background:#222 !important; color:#e7e7e7 !important;
    border:0 !important; border-radius:10px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.25) !important;
    z-index:10000 !important;
  }

  /* input + botão */
  #search .dropdown-menu.search-content #text-search{
    display:block !important; width:100% !important; height:40px !important;
    padding:0 38px 0 12px !important; background:#222 !important; color:#e7e7e7 !important;
    border:1px solid rgba(255,255,255,.15) !important; border-radius:8px !important; box-shadow:none !important;
  }
  #search .dropdown-menu.search-content #text-search::placeholder{ color:rgba(231,231,231,.6) !important; }
  #search .dropdown-menu.search-content .input-group-btn{
    position:absolute !important; top:50% !important; right:18px !important; transform:translateY(-50%) !important;
  }
  #search .dropdown-menu.search-content .input-group-btn .btn{
    background:transparent !important; border:0 !important; width:24px !important; height:24px !important; padding:0 !important;
  }

  /* resultados abaixo do input */
  #search .dropdown-menu.search-content .search-results{
    position:fixed !important;
    top:calc(var(--search-top) + 0px) !important;
    left:50% !important; transform:translateX(-50%) !important;
    width:calc(100vw - (var(--search-xpad) * 2)) !important;
    max-height:55vh !important; overflow:auto !important; display:none;
    background:#fff !important; color:#222 !important; border-radius:10px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.25) !important; z-index:10000 !important;
  }

  /* remove backdrop branco do Bootstrap */
  .dropdown-backdrop{ display:none !important; }
}

/* ==== Ajuste específico iPad Mini (768px exato) ==== */
@media (max-width: 768px) and (min-width: 768px) {
  #search .dropdown-menu.search-content,
  #search .dropdown-menu.search-content[style] {
      position: fixed !important;
      top: var(--search-top) !important;
      left: -160% !important;
      right: auto !important;
      transform: translateX(-50%) !important;
      width: calc(100vw - (var(--search-xpad) * 2)) !important;
      min-width: calc(100vw - (var(--search-xpad) * 2)) !important;
      max-width: calc(100vw - (var(--search-xpad) * 2)) !important;
      box-sizing: border-box !important;
      margin: 0 !important;
      padding: 8px 10px !important;
      background: #222 !important;
      color: #e7e7e7 !important;
      border: 0 !important;
      border-radius: 10px !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .25) !important;
      z-index: 10000 !important;
  }
}

/* ==== Ajuste específico iPhone 14 Pro Max (430px) ==== */
@media (max-width: 430px) {
  #search .dropdown-menu.search-content,
  #search .dropdown-menu.search-content[style] {
      position: fixed !important;
      top: var(--search-top) !important;
      left: -50% !important;
      right: auto !important;
      transform: translateX(-50%) !important;
      width: calc(100vw - (var(--search-xpad) * 2)) !important;
      min-width: calc(100vw - (var(--search-xpad) * 2)) !important;
      max-width: calc(100vw - (var(--search-xpad) * 2)) !important;
      box-sizing: border-box !important;
      margin: 0 !important;
      padding: 8px 10px !important;
      background: #222 !important;
      color: #e7e7e7 !important;
      border: 0 !important;
      border-radius: 10px !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .25) !important;
      z-index: 10000 !important;
  }
}

/* ==== Ajuste específico iPhone XR (414px) ==== */
@media (max-width: 414px) {
  #search .dropdown-menu.search-content,
  #search .dropdown-menu.search-content[style] {
      position: fixed !important;
      top: var(--search-top) !important;
      left: -45% !important;
      right: auto !important;
      transform: translateX(-50%) !important;
      width: calc(100vw - (var(--search-xpad) * 2)) !important;
      min-width: calc(100vw - (var(--search-xpad) * 2)) !important;
      max-width: calc(100vw - (var(--search-xpad) * 2)) !important;
      box-sizing: border-box !important;
      margin: 0 !important;
      padding: 8px 10px !important;
      background: #222 !important;
      color: #e7e7e7 !important;
      border: 0 !important;
      border-radius: 10px !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .25) !important;
      z-index: 10000 !important;
  }
}

/* ==== Ajuste específico iPhone 12 Pro (390px) ==== */
@media (max-width: 390px) {
  #search .dropdown-menu.search-content,
  #search .dropdown-menu.search-content[style] {
      position: fixed !important;
      top: var(--search-top) !important;
      left: -35% !important;
      right: auto !important;
      transform: translateX(-50%) !important;
      width: calc(100vw - (var(--search-xpad) * 2)) !important;
      min-width: calc(100vw - (var(--search-xpad) * 2)) !important;
      max-width: calc(100vw - (var(--search-xpad) * 2)) !important;
      box-sizing: border-box !important;
      margin: 0 !important;
      padding: 8px 10px !important;
      background: #222 !important;
      color: #e7e7e7 !important;
      border: 0 !important;
      border-radius: 10px !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .25) !important;
      z-index: 10000 !important;
  }
}
/* ===== EXCEÇÕES: sempre LEGADO nestes contêineres ===== */
.form_buy_sticky .price-box .afb--modern,
.fix-header1 .price-box .afb--modern,
.fix-header2 .price-box .afb--modern { 
  display: none !important; 
}
.form_buy_sticky .price-box .afb--legacy,
.fix-header1 .price-box .afb--legacy,
.fix-header2 .price-box .afb--legacy { 
  display: block !important; 
}

/* (já tínhamos) Mega-menu sempre no LEGADO */
#pt_custommenu .price-box .afb--modern { display: none !important; }
#pt_custommenu .price-box .afb--legacy { display: block !important; }


/* Por padrão: mostra o card moderno, esconde o legado */
.price-box .afb--legacy { display: none; }
.price-box .afb--modern { display: block; }

/* Dentro do mega-menu: mostra SOMENTE o legado (seu bloco antigo) */
#pt_custommenu .price-box .afb--modern { display: none !important; }
#pt_custommenu .price-box .afb--legacy { display: block !important; }

/* ajustes rápidos para o card moderno (já existentes no seu tema, mantidos aqui só se precisar) */
.price-box .afb-price__card{
  background:#fff;border-radius:14px;padding:14px 16px;
  box-shadow:0 10px 22px rgba(0,0,0,.06);border:2px solid transparent;
  background: linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#37174f,#df15e5) border-box;
}
.price-box .afb-price__line{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.price-box .afb-price__installments-prefix{font-size:16px;color:#5A6069}
.price-box .afb-price__installments-v{font-weight:900;font-size:30px;line-height:1;color:#df15e5}
.price-box .afb-price__new{font-weight:700;font-size:16px;color:#2b2f33}
.price-box .afb-price__old{font-weight:600;color:#98a1b3;text-decoration:line-through;font-size:14px}
.price-box .afb-badge--tax{color:#5a6069;background:#f2f3f7;border:1px dashed #d9dde6}
@media (max-width:600px){ .price-box .afb-price__installments-v{font-size:26px} }
/* Site inteiro: legado por padrão */
.price-box .afb--modern { display: none; }
.price-box .afb--legacy { display: block; }
/* 1) âncora pro card absoluto */
.price-box .afb-price__card{
  position: relative; /* << essencial */
}

/* 2) reserva espaço pro card no desktop */
@media (min-width: 992px){
  .price-box .afb-price__card{
    padding-right: 190px; /* espaço pro card do brinde */
  }
}

/* 3) CARD LATERAL (desktop) */
.afb-gift-card[data-afb-gift-card]{
  position: absolute;
  right: 14px;
  top: 14px;

  width: 160px;
  height: 210px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(160,90,255,.35);

  background:
    radial-gradient(120% 140% at 12% 0%, rgba(255,43,247,.18), rgba(0,0,0,0) 55%),
    linear-gradient(135deg, rgba(140,60,255,.14), rgba(255,43,247,.10));

  transform-style: preserve-3d;
  transition: transform .18s ease, filter .18s ease;

  display: none; /* JS liga quando tiver imagem */
}

/* hover tilt leve */
@media (min-width: 992px){
  .price-box .afb-price__card:hover .afb-gift-card[data-afb-gift-card]{
    transform: rotateX(6deg) rotateY(-8deg);
    filter: brightness(1.06);
  }
}

/* 4) MOBILE: some com o card SEMPRE */
@media (max-width: 991px){
  .price-box .afb-price__card{
    padding-right: 16px !important; /* volta ao normal */
  }
  .afb-gift-card[data-afb-gift-card]{
    display: none !important;
  }
}

/* 5) evita imagem quebrada (alt “Brinde” aparecendo) */
img[data-afb-gift-img]:not([src]),
img[data-afb-gift-img][src=""]{
  display: none;
}




<style>
  /* ─────────── Lista e itens da caixa AFB (franquia, marca, etc.) ─────────── */

  #afb-info .afb-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  #afb-info .afb-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    border-radius: 8px;
    padding: 6px 8px;
    transition:
      background-color 0.2s ease,
      transform 0.2s ease,
      box-shadow 0.2s ease;

    /* animação de entrada suave */
    opacity: 0;
    transform: translateY(4px);
    animation: afbFadeUp 0.35s ease-out forwards;
  }

  /* Escadinha nos itens */
  #afb-info .afb-item:nth-child(1) { animation-delay: 0.05s; }
  #afb-info .afb-item:nth-child(2) { animation-delay: 0.10s; }
  #afb-info .afb-item:nth-child(3) { animation-delay: 0.15s; }
  #afb-info .afb-item:nth-child(4) { animation-delay: 0.20s; }
  #afb-info .afb-item:nth-child(5) { animation-delay: 0.25s; }

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

  /* Hover leve em cada linha (apenas em dispositivos com hover) */
  @media (hover: hover) {
    #afb-info .afb-item:hover {
      background-color: rgba(106, 43, 184, 0.06);
      transform: translateY(-1px);
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
    }
  }

  /* Label + bolinha padrão (lilás) */

  #afb-info .afb-item .label {
    position: relative;
    padding-left: 16px;
    font-size: 13px;
    font-weight: 600;
    color: #5c5c68;
    margin-right: 6px;
    white-space: nowrap;
  }

  #afb-info .afb-item .label::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #d4c7f5; /* lilás padrão */
  }

  #afb-info .afb-item .value {
    font-size: 13px;
    font-weight: 500;
    color: #222230;
    margin-left: auto;
    text-align: right;
  }

  #afb-info .afb-item .value a {
    color: #37174f;
    text-decoration: none;
    font-weight: 600;
  }

  #afb-info .afb-item .value a:hover {
    text-decoration: underline;
  }

  /* ─────────── Franquia (pill roxo principal) ─────────── */

  #afb-info .afb-item--franchise .label {
    color: #6a2bb8;
  }

  #afb-info .afb-item--franchise .label::before {
    background: #6a2bb8; /* dot roxo combinando com pill */
  }

  #afb-info .afb-item--franchise .value a {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    background: linear-gradient(135deg, #6a2bb8, #b26bff);
    background-size: 140% 140%;
    color: #ffffff;
  }

  #afb-info .afb-item--franchise .value a:hover {
    opacity: 0.94;
  }

  /* ─────────── Marca (pill na versão antiga, com bolinha dentro) ─────────── */

  /* deixa o label da marca padrão (mesmo lilás da label geral) */

  #afb-info .afb-item--brand .value a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(106, 43, 184, 0.06); /* roxinho leve */
    font-weight: 600;
    color: #1f1530;
    text-decoration: none;
  }

  #afb-info .afb-item--brand .value a::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #6a2bb8;
    opacity: 0.9;
  }

  #afb-info .afb-item--brand .value a:hover {
    background: rgba(106, 43, 184, 0.12);
  }

  /* ─────────── Disponibilidade (verde com ping) ─────────── */

  #afb-info .afb-item--availability .label::before {
    background: #21c45d;
  }

  #afb-info .afb-item--availability .value.ok {
    position: relative;
    padding-left: 20px;
    font-weight: 600;
    color: #21c45d;
  }

  #afb-info .afb-item--availability .value.ok::before,
  #afb-info .afb-item--availability .value.ok::after {
    content: "";
    position: absolute;
    left: 10px; /* centro da bolinha/pulso */
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 999px;
  }

  /* bolinha fixa */
  #afb-info .afb-item--availability .value.ok::before {
    width: 8px;
    height: 8px;
    background-color: #21c45d;
  }

  /* “onda” expandindo em volta da mesma bolinha */
  #afb-info .afb-item--availability .value.ok::after {
    width: 16px;
    height: 16px;
    background-color: rgba(33, 196, 93, 0.35);
    animation: afbPing 1.6s ease-out infinite;
  }

  @keyframes afbPing {
    0% {
      transform: translate(-50%, -50%) scale(0.4);
      opacity: 0.8;
    }
    80% {
      transform: translate(-50%, -50%) scale(1.4);
      opacity: 0;
    }
    100% {
      transform: translate(-50%, -50%) scale(1.4);
      opacity: 0;
    }
  }

  #afb-info .afb-item--availability .value.no {
    font-weight: 600;
    color: #e25252;
  }

  /* ─────────── Prazo de entrega ─────────── */

  #afb-info .afb-item--leadtime .label {
    font-size: 12px;
    color: #77748a;
  }

  #afb-info .afb-item--leadtime .value {
    font-size: 12px;
    font-weight: 500;
    color: #5a4f82; /* roxo acinzentado, mais suave */
  }

  /* ─────────── SKU / Código de barras dentro da caixa ─────────── */

  #afb-info .afb-item--sku .value,
  #afb-info .afb-item--barcode .value {
    font-family: monospace;
    font-size: 12px;
  }

  /* ─────────── Preço embutido (desktop) ─────────── */

  #afb-info .afb-inline-price {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #efeff5;
  }

  #afb-info .afb-inline-price .price-box {
    margin: 0;
  }


</style>




/* =========================================================
   AFB CUSTOMERS — SCOPE BASE (V2)
   - Fundo + glow em TODAS as páginas customers
   - Remove branco do tema em TODAS as páginas customers
   - Container full + remove footer SOMENTE em /account
========================================================= */

/* ====== SCOPE BASE: TODAS customers (login/register/account/orders/order/addresses...) ====== */
body[class*="template-customers-"]{
  background:#070710 !important;
}

/* fundo full-bleed: TODAS customers */
body[class*="template-customers-"]::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(197,107,240,.18), transparent 60%),
    radial-gradient(900px 500px at 110% 0%, rgba(94,58,238,.18), transparent 55%),
    #070710;
}

/* wrapper branco do tema: TODAS customers */
body[class*="template-customers-"] #wrapper,
body[class*="template-customers-"] .wrapper,
body[class*="template-customers-"] .afb-page-wrapper,
body[class*="template-customers-"] #content,
body[class*="template-customers-"] .main-row,
body[class*="template-customers-"] .container,
body[class*="template-customers-"] .row{
  background: transparent !important;
}

/* =========================================================
   AJUSTES EXCLUSIVOS DO /ACCOUNT
========================================================= */

/* não “apertar” (SÓ /account) */
body.template-customers-account .container{
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* remove footer SOMENTE /account */
body.template-customers-account #shopify-section-footer,
body.template-customers-account footer,
body.template-customers-account .section-footer{
  display:none !important;
}

body.template-customers-account #quickview-wrapper{ display:none !important; }
body.template-customers-account .headerSpace{ background:#070710 !important; }

/* =========================================================
   ROOT DO DASH
========================================================= */
body.template-customers-account .afb-account{
  --afb-max: 1560px;
  max-width: var(--afb-max);
  margin: 0 auto;
  padding: clamp(18px, 2.2vw, 34px) clamp(14px, 2.6vw, 48px) 72px;

  font-family: var(--font-body-family, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  color: rgba(255,255,255,.92);
}

body.template-customers-account .afb-account--dark{
  position:relative;
  min-height:100vh;
}

/* breakpoints */
@media (min-width:1600px){ body.template-customers-account .afb-account{ --afb-max:1600px; } }
@media (min-width:1400px) and (max-width:1599px){ body.template-customers-account .afb-account{ --afb-max:1480px; } }
@media (min-width:1200px) and (max-width:1399px){ body.template-customers-account .afb-account{ --afb-max:1320px; } }
@media (max-width:1199px){ body.template-customers-account .afb-account{ --afb-max:100%; } }

/* =========================================================
   HEADER
========================================================= */
body.template-customers-account .afb-account__header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

body.template-customers-account .afb-account__hello h1{
  margin:0;
  font-weight:980;
  letter-spacing:.2px;
  font-size: clamp(26px, 2.25vw, 38px);
  line-height:1.06;

  background: linear-gradient(90deg,
    rgba(255,255,255,.92) 0%,
    rgba(197,107,240,.95) 35%,
    rgba(94,58,238,.95) 65%,
    rgba(255,255,255,.92) 100%
  );
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;

  position:relative;
  display:inline-block;
  filter: drop-shadow(0 10px 26px rgba(0,0,0,.35));
  animation: afbTitleShine 10s ease-in-out infinite;
}

@keyframes afbTitleShine{
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}

body.template-customers-account .afb-account__hello h1::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  width:88%;
  height:2px;
  border-radius:99px;
  background: linear-gradient(90deg,
    rgba(197,107,240,0),
    rgba(197,107,240,.65),
    rgba(94,58,238,.65),
    rgba(94,58,238,0)
  );
  opacity:.55;
}

body.template-customers-account .afb-account__hello p{
  margin:10px 0 0;
  font-size:13px;
  color: rgba(255,255,255,.60);
}

body.template-customers-account .afb-account__quick{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

body.template-customers-account .afb-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border-radius:999px;
  text-decoration:none;
  color: rgba(255,255,255,.90);

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: 0 10px 26px rgba(0,0,0,.22);
  transition: transform .18s ease, filter .18s ease, background .18s ease, box-shadow .18s ease;
}

body.template-customers-account .afb-chip__dot{
  width:8px;height:8px;border-radius:50%;
  background: linear-gradient(180deg, rgba(197,107,240,1), rgba(94,58,238,1));
  box-shadow: 0 0 14px rgba(197,107,240,.45);
}

body.template-customers-account .afb-chip--ghost{ background: rgba(255,255,255,.035); }

@media (max-width:900px){
  body.template-customers-account .afb-account__header{ flex-direction:column; align-items:flex-start; }
  body.template-customers-account .afb-account__quick{ width:100%; justify-content:flex-start; }
  body.template-customers-account .afb-account__hello h1::after{ width:100%; }
}

/* =========================================================
   PANELS (SÓ UMA DEFINIÇÃO)
========================================================= */
body.template-customers-account .afb-panel{
  position:relative;
  border-radius:18px;
  padding:16px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.35), 0 -18px 26px rgba(255,255,255,.05) inset;
}
@media (max-width:900px){
  body.template-customers-account .afb-panel{ padding:14px; }
}

body.template-customers-account .afb-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* AFB PANEL HEAD H2 — premium */
body.template-customers-account .afb-panel__head h2{
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;

  font-family:"Outfit","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:18px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-0.02em;

  color: rgba(255,255,255,.94);
  text-shadow: 0 10px 28px rgba(0,0,0,.45);
}

/* dot premium (sem “bolota” forte) */
body.template-customers-account .afb-panel__head h2::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  flex:0 0 10px;

  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), transparent 45%),
    linear-gradient(180deg, rgba(197,107,240,1), rgba(94,58,238,1));

  box-shadow:
    0 0 0 4px rgba(197,107,240,.10),
    0 10px 26px rgba(0,0,0,.35),
    0 0 18px rgba(197,107,240,.18);
}

/* risquinho de continuidade (fica chique e discreto) */
body.template-customers-account .afb-panel__head h2::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  margin-left:10px;
  border-radius:999px;
  background: linear-gradient(90deg,
    rgba(155,107,255,.55),
    rgba(90,180,255,.28),
    rgba(255,255,255,.08),
    transparent
  );
  opacity:.9;
}

/* mobile */
@media (max-width: 480px){
  body.template-customers-account .afb-panel__head h2{ font-size:16.5px; }
  body.template-customers-account .afb-panel__head h2::after{ opacity:.75; }
}
/* dot pulse */
body.template-customers-account .afb-panel__head h2::before{
  animation: afbH2DotPulse 2.2s ease-in-out infinite;
  will-change: transform, box-shadow, opacity;
}

/* shimmer na linha */
body.template-customers-account .afb-panel__head h2::after{
  position: relative;
  overflow: hidden;
}
body.template-customers-account .afb-panel__head h2::after{
  background-size: 220% 100%;
  animation: afbH2LineShimmer 3.6s ease-in-out infinite;
  will-change: background-position, opacity;
}

@keyframes afbH2DotPulse{
  0%,100%{
    transform: scale(1);
    opacity: .95;
    box-shadow:
      0 0 0 4px rgba(197,107,240,.10),
      0 10px 26px rgba(0,0,0,.35),
      0 0 18px rgba(197,107,240,.18);
  }
  50%{
    transform: scale(1.08);
    opacity: 1;
    box-shadow:
      0 0 0 6px rgba(197,107,240,.12),
      0 12px 30px rgba(0,0,0,.40),
      0 0 24px rgba(155,107,255,.22);
  }
}

@keyframes afbH2LineShimmer{
  0%,100%{ background-position: 0% 50%; opacity: .85; }
  50%{     background-position: 100% 50%; opacity: 1; }
}

/* respeita acessibilidade */
@media (prefers-reduced-motion: reduce){
  body.template-customers-account .afb-panel__head h2::before,
  body.template-customers-account .afb-panel__head h2::after{
    animation: none !important;
  }
}
/* ======================================================
   AFB PANEL BG — 3) LIQUID BLOB
====================================================== */
body.template-customers-account .afb-panel{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

body.template-customers-account .afb-panel::before{
  content:"";
  position:absolute;
  inset:-140px;
  z-index:0;
  pointer-events:none;

  background:
    radial-gradient(420px 360px at 22% 22%, rgba(197,107,240,.28), transparent 65%),
    radial-gradient(520px 440px at 80% 30%, rgba(94,58,238,.22), transparent 66%),
    radial-gradient(520px 460px at 45% 120%, rgba(90,180,255,.14), transparent 68%);

  filter: saturate(1.15);
  opacity:1;
  animation: afbBlobBase 9.2s ease-in-out infinite;
  will-change: transform, opacity;
}

/* blob com “deformação” via posições */
body.template-customers-account .afb-panel::after{
  content:"";
  position:absolute;
  inset:-160px;
  z-index:1;
  pointer-events:none;

  background:
    radial-gradient(closest-side at 30% 45%, rgba(155,107,255,.22), transparent 70%),
    radial-gradient(closest-side at 65% 35%, rgba(255,255,255,.10), transparent 72%),
    radial-gradient(closest-side at 55% 70%, rgba(197,107,240,.16), transparent 70%);

  mix-blend-mode: screen;
  opacity:.85;
  filter: blur(0.3px);
  background-size: 160% 160%;
  animation: afbBlobMorph 6.6s ease-in-out infinite;
  will-change: background-position, opacity;
}

@keyframes afbBlobBase{
  0%,100%{ transform: translate3d(-14px,-12px,0) scale(1); opacity:.92; }
  50%{ transform: translate3d(18px,14px,0) scale(1.06); opacity:1; }
}
@keyframes afbBlobMorph{
  0%  { background-position: 20% 40%; opacity:.70; }
  33% { background-position: 80% 30%; opacity:.95; }
  66% { background-position: 50% 85%; opacity:.90; }
  100%{ background-position: 20% 40%; opacity:.70; }
}

@media (max-width:900px){
  body.template-customers-account .afb-panel::after{ opacity:.72; }
}
@media (prefers-reduced-motion: reduce){
  body.template-customers-account .afb-panel::before,
  body.template-customers-account .afb-panel::after{ animation:none !important; }
}


body.template-customers-account .afb-panel__sub{
  font-size:12px;
  color: rgba(255,255,255,.70);
  padding:7px 10px;
  border-radius:999px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  max-width:52%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (max-width:900px){
  body.template-customers-account .afb-panel__sub{ max-width:100%; }
}

body.template-customers-account .afb-panel--side{ margin-bottom:14px; }

/* =========================================================
   HOVERS “BRILHO BRANCO”
========================================================= */
body.template-customers-account .afb-account a,
body.template-customers-account .afb-account a:visited{
  color: rgba(255,255,255,.90) !important;
  text-decoration:none !important;
}

@media (hover:hover){
  body.template-customers-account .afb-chip:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,.085);
    box-shadow:
      0 10px 26px rgba(0,0,0,.22),
      0 0 0 1px rgba(255,255,255,.16),
      0 0 26px rgba(255,255,255,.12);
  }
  body.template-customers-account .afb-btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 0 28px rgba(255,255,255,.12);
  }
}

body.template-customers-account .afb-chip:focus-visible,
body.template-customers-account .afb-btn:focus-visible,
body.template-customers-account .afb-pagination a:focus-visible{
  outline:none !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.18), 0 0 0 6px rgba(197,107,240,.18) !important;
  border-radius:999px !important;
}

/* =========================================================
   TOP CARDS
========================================================= */
body.template-customers-account .afb-dash-cards{
  display:grid;
  grid-template-columns: 1.4fr 1.2fr .8fr;
  gap:12px;
  margin:18px 0 22px;
}
@media (max-width:1100px){
  body.template-customers-account .afb-dash-cards{ grid-template-columns: 1fr 1fr; }
}
@media (max-width:720px){
  body.template-customers-account .afb-dash-cards{ grid-template-columns: 1fr; }
}

@property --a{ syntax:"<angle>"; inherits:false; initial-value:0deg; }
@keyframes afbSpin{ to{ --a: 360deg; } }

body.template-customers-account .afb-dash-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  border-radius:18px;
  text-decoration:none;
  color: rgba(255,255,255,.92);
  background:
    radial-gradient(at 88% 40%, rgba(10,10,18,1) 0px, transparent 60%),
    radial-gradient(at 0% 80%, rgba(94,58,238,.22) 0px, transparent 60%),
    rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.35), 0 -18px 26px rgba(255,255,255,.06) inset;
  overflow:hidden;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  transform: translateZ(0);
}
body.template-customers-account .afb-dash-card__border{
  pointer-events:none;
  position:absolute;
  inset:-1px;
  border-radius:18px;
  background: conic-gradient(from var(--a),
    rgba(255,255,255,0) 0deg,
    rgba(255,255,255,0) 120deg,
    rgba(197,107,240,.95) 170deg,
    rgba(94,58,238,.95) 220deg,
    rgba(255,255,255,0) 300deg,
    rgba(255,255,255,0) 360deg
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding:1px;
  opacity:.75;
  animation: afbSpin 7s linear infinite;
}
body.template-customers-account .afb-dash-card__icon{
  width:46px;height:46px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
body.template-customers-account .afb-dash-card__txt strong{ display:block; font-size:14px; }
body.template-customers-account .afb-dash-card__txt span{ display:block; margin-top:4px; font-size:12px; color: rgba(255,255,255,.58); }
body.template-customers-account .afb-dash-card__arrow{ margin-left:auto; opacity:.75; transition: transform .22s ease, opacity .22s ease; }
body.template-customers-account .afb-dash-card:hover{
  transform: translateY(-2px);
  filter: saturate(1.05);
  box-shadow: 0 18px 55px rgba(0,0,0,.45), 0 -18px 26px rgba(255,255,255,.08) inset;
}
body.template-customers-account .afb-dash-card:hover .afb-dash-card__arrow{ transform: translateX(4px); opacity:1; }
body.template-customers-account .afb-dash-card--ghost{ background: rgba(255,255,255,.03); }

/* =========================================================
   LAYOUT
========================================================= */
body.template-customers-account .afb-account__layout{
  display:grid;
  grid-template-columns: 1.75fr 1fr;
  gap:16px;
  align-items:start;
}
@media (min-width:1600px){
  body.template-customers-account .afb-account__layout{ grid-template-columns: 1.9fr 1fr; }
}
@media (min-width:1200px) and (max-width:1399px){
  body.template-customers-account .afb-account__layout{ grid-template-columns: 1.6fr 1fr; }
}
@media (max-width:900px){
  body.template-customers-account .afb-account__layout{ grid-template-columns: 1fr; }
}

/* =========================================================
   ORDERS
========================================================= */
body.template-customers-account .afb-orders-grid{
  display:flex;
  flex-direction:column;
  gap:12px;
}

body.template-customers-account .afb-order-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px 14px 12px;
  border-radius:16px;
  text-decoration:none;
  color: rgba(255,255,255,.92);
  overflow:hidden;
  background:
    radial-gradient(at 88% 40%, rgba(8,8,16,1) 0px, transparent 60%),
    radial-gradient(at 0% 78%, rgba(197,107,240,.22) 0px, transparent 60%),
    radial-gradient(at 100% 100%, rgba(255,43,247,.14) 0px, transparent 60%),
    rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 12px 34px rgba(0,0,0,.35), 0 -18px 26px rgba(255,255,255,.05) inset;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  transform: translateZ(0);
}
body.template-customers-account .afb-order-card__border{
  pointer-events:none;
  position:absolute;
  inset:-1px;
  border-radius:16px;
  background: conic-gradient(from var(--a),
    rgba(255,255,255,0) 0deg,
    rgba(255,255,255,0) 120deg,
    rgba(197,107,240,.95) 170deg,
    rgba(94,58,238,.95) 220deg,
    rgba(255,255,255,0) 300deg,
    rgba(255,255,255,0) 360deg
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding:1px;
  opacity:.68;
  animation: afbSpin 6.5s linear infinite;
}
body.template-customers-account .afb-order-card:hover{
  transform: translateY(-2px);
  filter: saturate(1.05);
  box-shadow: 0 18px 55px rgba(0,0,0,.45), 0 -18px 26px rgba(255,255,255,.08) inset;
}
body.template-customers-account .afb-order-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
body.template-customers-account .afb-order-card__title strong{ display:block; font-size:14px; letter-spacing:.2px; }
body.template-customers-account .afb-order-card__date{ display:inline-block; margin-top:4px; font-size:12px; color: rgba(255,255,255,.60); }
body.template-customers-account .afb-order-card__total{ font-weight:950; font-size:14px; white-space:nowrap; }
body.template-customers-account .afb-order-card__mid{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
body.template-customers-account .afb-order-card__bottom{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,.08); }
body.template-customers-account .afb-order-card__hint{ font-size:12px; color: rgba(255,255,255,.58); }
body.template-customers-account .afb-order-card__chev{ opacity:.75; transition: transform .22s ease, opacity .22s ease; }
body.template-customers-account .afb-order-card:hover .afb-order-card__chev{ transform: translateX(4px); opacity:1; }

body.template-customers-account .afb-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: rgba(255,255,255,.90);
}
body.template-customers-account .afb-badge--green{ background: rgba(46,204,113,.16); border-color: rgba(46,204,113,.25); }
body.template-customers-account .afb-badge--yellow{ background: rgba(241,196,15,.16); border-color: rgba(241,196,15,.25); }
body.template-customers-account .afb-badge--red{ background: rgba(231,76,60,.16); border-color: rgba(231,76,60,.25); }

body.template-customers-account .afb-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:950;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
}

@media (max-width:520px){
  body.template-customers-account .afb-order-card{ padding:14px 12px 12px; }
  body.template-customers-account .afb-order-card__top{ gap:10px; }
  body.template-customers-account .afb-order-card__total{ font-size:13px; }
  body.template-customers-account .afb-badge{ padding:7px 10px; font-size:11.5px; }
}

/* =========================================================
   SIDE + BUTTONS
========================================================= */
body.template-customers-account .afb-profile{ display:flex; gap:12px; align-items:center; margin-top:6px; }
body.template-customers-account .afb-profile__avatar{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background: linear-gradient(180deg, rgba(197,107,240,.85), rgba(94,58,238,.85));
  box-shadow: 0 0 18px rgba(197,107,240,.22);
  font-weight:950;
}
body.template-customers-account .afb-profile__meta strong{ display:block; font-weight:900; }
body.template-customers-account .afb-profile__meta span{ display:block; margin-top:4px; font-size:12px; color: rgba(255,255,255,.58); }

body.template-customers-account .afb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border-radius:999px;
  text-decoration:none;
  font-weight:950;
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  transition: transform .18s ease, filter .18s ease;
}
body.template-customers-account .afb-btn--grad{
  background: linear-gradient(180deg, rgba(94,58,238,1), rgba(197,107,240,1));
  box-shadow: 0 0 22px rgba(197,107,240,.18);
  border-color: rgba(255,255,255,.10);
}

/* =========================================================
   PAGINAÇÃO — FIX DEFINITIVO (V4) [ESCOPO: /account]
   - remove "caixa sobre caixa"
   - impede texto virar bolinha
   - bolinha roxa 100% circular
   - respiro com os pedidos
========================================================= */

/* === A SUA CAIXA (única caixa visível) === */
body.template-customers-account .afb-pagination{
  margin-top: 18px !important;               /* respiro com os pedidos */
  padding: 16px 18px !important;
  border-radius: 18px !important;

  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.25) !important;

  width: 100% !important;
  box-sizing: border-box !important;

  position: relative !important;
  overflow: visible !important;
}

/* === ZERA COMPLETAMENTE A "CAIXA" DO TEMA POR DENTRO (evita caixa sobre caixa) === */
body.template-customers-account .afb-pagination .toolbar.toolbar-products.toolbar-bottom,
body.template-customers-account .afb-pagination #pagination,
body.template-customers-account .afb-pagination .pagination,
body.template-customers-account .afb-pagination .pagination-custom{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;

  width: 100% !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  position: static !important;
  float: none !important;
  clear: none !important;
}

/* === TEXTO "Mostrando 1 para 20..." (NUNCA vira botão) === */
body.template-customers-account .afb-pagination .toolbar-amount,
body.template-customers-account .afb-pagination .toolbar .toolbar-amount,
body.template-customers-account .afb-pagination .pagination__text,
body.template-customers-account .afb-pagination .pagination-custom .pagination__text{
  /* aparência */
  font-size: 12px !important;
  color: rgba(255,255,255,.60) !important;
  white-space: nowrap !important;

  /* mata qualquer estilo pill/círculo do tema */
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  display: block !important;
  line-height: 1.2 !important;

  position: static !important;
}

/* remove pseudo-elementos (bolinhas/ícones) que alguns temas colocam no texto */
body.template-customers-account .afb-pagination .toolbar-amount::before,
body.template-customers-account .afb-pagination .toolbar-amount::after,
body.template-customers-account .afb-pagination .pagination__text::before,
body.template-customers-account .afb-pagination .pagination__text::after{
  content: none !important;
  display: none !important;
}

/* === LISTA DE PÁGINAS (sem caixa interna) === */
body.template-customers-account .afb-pagination .pages,
body.template-customers-account .afb-pagination #pagination ul,
body.template-customers-account .afb-pagination .pagination ul,
body.template-customers-account .afb-pagination .pagination-custom ul{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  position: static !important;
}

/* zera o LI (evita o roxo virar quadrado no LI) */
body.template-customers-account .afb-pagination li{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* === BOTÕES (apenas DENTRO de UL/LI ou .pages) — NÃO pega o texto === */
body.template-customers-account .afb-pagination .pages a,
body.template-customers-account .afb-pagination .pages span,
body.template-customers-account .afb-pagination #pagination ul li a,
body.template-customers-account .afb-pagination #pagination ul li span,
body.template-customers-account .afb-pagination .pagination ul li a,
body.template-customers-account .afb-pagination .pagination ul li span,
body.template-customers-account .afb-pagination .pagination-custom ul li a,
body.template-customers-account .afb-pagination .pagination-custom ul li span{
  width: 38px !important;
  height: 38px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 999px !important;
  overflow: hidden !important;          /* garante círculo com gradiente */
  box-sizing: border-box !important;

  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;

  color: rgba(255,255,255,.88) !important;
  font-weight: 900 !important;
  font-size: 12px !important;

  text-decoration: none !important;
  line-height: 1 !important;

  transition: transform .18s ease, background .18s ease, filter .18s ease !important;
}

/* hover */
body.template-customers-account .afb-pagination a:hover{
  transform: translateY(-1px) !important;
  background: rgba(255,255,255,.10) !important;
  filter: saturate(1.05) !important;
}

/* ATIVO — roxo aplicado NO BOTÃO (nunca no LI) */
body.template-customers-account .afb-pagination .pages a.current,
body.template-customers-account .afb-pagination .pages span.current,
body.template-customers-account .afb-pagination .pages a.active,
body.template-customers-account .afb-pagination .pages span.active,
body.template-customers-account .afb-pagination li.current > a,
body.template-customers-account .afb-pagination li.current > span,
body.template-customers-account .afb-pagination li.active > a,
body.template-customers-account .afb-pagination li.active > span{
  background: linear-gradient(180deg, #c56bf0, #5e3aee) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 0 18px rgba(197,107,240,.35) !important;
  color: #fff !important;

  /* força recorte circular mesmo se algum browser "quadrar" o gradiente */
  clip-path: circle(50% at 50% 50%) !important;
}

/* =========================================================
   MOBILE — texto em cima, botões embaixo (bonito e com wrap)
========================================================= */
@media (max-width: 640px){
  body.template-customers-account .afb-pagination .toolbar.toolbar-products.toolbar-bottom,
  body.template-customers-account .afb-pagination #pagination,
  body.template-customers-account .afb-pagination .pagination,
  body.template-customers-account .afb-pagination .pagination-custom{
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 12px !important;
  }

  body.template-customers-account .afb-pagination .pages,
  body.template-customers-account .afb-pagination #pagination ul,
  body.template-customers-account .afb-pagination .pagination ul,
  body.template-customers-account .afb-pagination .pagination-custom ul{
    justify-content: center !important;
    flex-wrap: wrap !important;
    row-gap: 10px !important;
  }

  body.template-customers-account .afb-pagination{
    padding: 14px 14px !important;
    margin-top: 14px !important;
  }

  body.template-customers-account .afb-pagination .pages a,
  body.template-customers-account .afb-pagination .pages span,
  body.template-customers-account .afb-pagination #pagination ul li a,
  body.template-customers-account .afb-pagination #pagination ul li span{
    width: 36px !important;
    height: 36px !important;
  }
}
/* =========================================================
   MODAL — FIX V5 (ESCOPO: /account)
   - X no fluxo (não absolute)
   - Total pill no topo (sem misturar com título)
   - Itens só produtos
   - Endereço/status em área própria
========================================================= */

body.template-customers-account .afb-modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}
body.template-customers-account .afb-modal[aria-hidden="false"]{ display:block; }

body.template-customers-account .afb-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.template-customers-account .afb-modal__dialog{
  position: relative;
  width: min(980px, calc(100vw - 24px));
  margin: 40px auto;
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(800px 400px at 10% -10%, rgba(197,107,240,.18), transparent 60%),
    radial-gradient(700px 380px at 110% 0%, rgba(94,58,238,.18), transparent 55%),
    rgba(10,10,18,.95);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 70px rgba(0,0,0,.55);
}

body.template-customers-account .afb-modal__head{
  padding: 16px 16px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

body.template-customers-account .afb-modal__headLeft h3{
  margin: 0;
  font-size: 18px;
  letter-spacing: .2px;
}

body.template-customers-account .afb-modal__headLeft .afb-muted{
  margin: 6px 0 0;
  font-size: 12px;
  opacity: .75;
}

body.template-customers-account .afb-modal__headRight{
  display:flex;
  align-items:center;
  justify-content:flex-end;

  gap:10px;

  /* evita quebrar e “tortar” no mobile */
  flex-wrap: nowrap;
  min-width: max-content;

  /* garante que botões não estiquem estranho */
  white-space: nowrap;
}

/* se algum botão/link dentro estiver “explodindo” largura */
body.template-customers-account .afb-modal__headRight > *{
  flex: 0 0 auto;
}

/* mobile bem pequeno: só reduz o espaçamento */
@media (max-width:420px){
  body.template-customers-account .afb-modal__headRight{ gap:8px; }
}
/* ======================================================
   AFB MODAL HEAD — PREMIUM (dot + line + glow + shimmer)
   (cola abaixo do seu bloco atual)
====================================================== */

/* garante contexto pro fundo animado */
body.template-customers-account .afb-modal__head{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

/* glow base no head */
body.template-customers-account .afb-modal__head::before{
  content:"";
  position:absolute;
  inset:-80px;
  z-index:0;
  pointer-events:none;

  background:
    radial-gradient(520px 260px at 16% 40%, rgba(197,107,240,.26), transparent 62%),
    radial-gradient(560px 300px at 86% 10%, rgba(94,58,238,.22), transparent 66%),
    radial-gradient(520px 280px at 60% 130%, rgba(90,180,255,.12), transparent 66%);

  opacity:.95;
  filter: saturate(1.12) blur(.2px);
  transform: translate3d(0,0,0);
  animation: afbModalHeadGlow 7.4s ease-in-out infinite;
  will-change: transform, opacity;
}

/* sheen (faixa de vidro) */
body.template-customers-account .afb-modal__head::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:1;
  pointer-events:none;

  background:
    linear-gradient(120deg,
      transparent 0%,
      rgba(255,255,255,.10) 18%,
      transparent 38%,
      rgba(155,107,255,.10) 60%,
      transparent 80%
    );

  background-size: 240% 100%;
  opacity:.70;
  mix-blend-mode: screen;
  animation: afbModalHeadSheen 4.8s ease-in-out infinite;
  will-change: background-position, opacity;
}

/* traz o conteúdo pra frente */
body.template-customers-account .afb-modal__headLeft,
body.template-customers-account .afb-modal__headRight{
  position: relative;
  z-index: 2;
}

/* H3 premium (mesma vibe do painel) */
body.template-customers-account .afb-modal__headLeft h3{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;

  font-family:"Outfit","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight: 900;
  letter-spacing: -0.02em;
  text-shadow: 0 10px 28px rgba(0,0,0,.45);
  color: rgba(255,255,255,.95);
}

/* dot premium */
body.template-customers-account .afb-modal__headLeft h3::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  flex:0 0 10px;

  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), transparent 45%),
    linear-gradient(180deg, rgba(197,107,240,1), rgba(94,58,238,1));

  box-shadow:
    0 0 0 4px rgba(197,107,240,.10),
    0 10px 26px rgba(0,0,0,.35),
    0 0 18px rgba(197,107,240,.18);

  animation: afbModalH3DotPulse 2.2s ease-in-out infinite;
  will-change: transform, box-shadow, opacity;
}

/* risquinho de continuidade */
body.template-customers-account .afb-modal__headLeft h3::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  margin-left:10px;
  border-radius:999px;

  background: linear-gradient(90deg,
    rgba(155,107,255,.58),
    rgba(90,180,255,.28),
    rgba(255,255,255,.08),
    transparent
  );

  opacity:.9;
  background-size: 220% 100%;
  animation: afbModalH3LineShimmer 3.6s ease-in-out infinite;
  will-change: background-position, opacity;
}

/* subtexto mais clean */
body.template-customers-account .afb-modal__headLeft .afb-muted{
  position: relative;
  z-index: 2;
  opacity: .78;
}

/* responsivo: deixa o head respirar */
@media (max-width: 520px){
  body.template-customers-account .afb-modal__head{
    padding: 14px 14px 10px;
  }
  body.template-customers-account .afb-modal__headLeft h3{
    font-size: 16.5px;
  }
  body.template-customers-account .afb-modal__headLeft h3::after{
    opacity:.72;
  }
}

/* animações */
@keyframes afbModalHeadGlow{
  0%,100%{ transform: translate3d(-14px,-10px,0) scale(1); opacity:.90; }
  50%{     transform: translate3d(18px,12px,0) scale(1.06); opacity:1; }
}
@keyframes afbModalHeadSheen{
  0%,100%{ background-position: 0% 50%; opacity:.55; }
  50%{     background-position: 100% 50%; opacity:.82; }
}
@keyframes afbModalH3DotPulse{
  0%,100%{
    transform: scale(1);
    opacity:.95;
    box-shadow:
      0 0 0 4px rgba(197,107,240,.10),
      0 10px 26px rgba(0,0,0,.35),
      0 0 18px rgba(197,107,240,.18);
  }
  50%{
    transform: scale(1.10);
    opacity: 1;
    box-shadow:
      0 0 0 6px rgba(197,107,240,.12),
      0 12px 30px rgba(0,0,0,.40),
      0 0 24px rgba(155,107,255,.22);
  }
}
@keyframes afbModalH3LineShimmer{
  0%,100%{ background-position: 0% 50%; opacity:.85; }
  50%{     background-position: 100% 50%; opacity:1; }
}

/* acessibilidade */
@media (prefers-reduced-motion: reduce){
  body.template-customers-account .afb-modal__head::before,
  body.template-customers-account .afb-modal__head::after,
  body.template-customers-account .afb-modal__headLeft h3::before,
  body.template-customers-account .afb-modal__headLeft h3::after{
    animation:none !important;
  }
}

body.template-customers-account .afb-pill--total{
  font-weight: 950;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
}

body.template-customers-account .afb-modal__open{
  white-space: nowrap;
}

body.template-customers-account .afb-modal__close{
  position: relative;            /* necessário pros ::before/::after */
  width: 40px;
  height: 40px;
  flex: 0 0 40px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);

  cursor: pointer;
  padding: 0;

  /* mata o “X torto” do caractere/ícone antigo */
  font-size: 0;
  line-height: 0;
  color: rgba(255,255,255,.92);

  transition: transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* X desenhado por CSS (centralizado) */
body.template-customers-account .afb-modal__close::before,
body.template-customers-account .afb-modal__close::after{
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;

  width: 16px;                  /* tamanho do X */
  height: 2px;                  /* espessura */
  border-radius: 999px;

  background: rgba(255,255,255,.92);
  transform-origin: center;
}

body.template-customers-account .afb-modal__close::before{
  transform: translate(-50%, -50%) rotate(45deg);
}
body.template-customers-account .afb-modal__close::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Hover “branco brilhando” no desktop (sem roxo padrão) */
@media (hover:hover) and (pointer:fine){
  body.template-customers-account .afb-modal__close:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.18);
    box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 14px 40px rgba(0,0,0,.35);
  }
}

/* Active */
body.template-customers-account .afb-modal__close:active{
  transform: translateY(0);
  background: rgba(255,255,255,.12);
}

/* modal fixo */
body.template-customers-account .afb-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;
}

/* dialog: coluna + trava overflow externo */
body.template-customers-account .afb-modal__dialog{
  max-height: calc(100dvh - 18px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* conteúdo: É AQUI que rola */
body.template-customers-account .afb-modal__content{
  padding: 14px 16px 16px;

  flex: 1 1 auto;
  min-height: 0; /* essencial */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}

/* trava fundo quando modal aberto */
html.afb-modal-open,
body.afb-modal-open{
  overflow: hidden !important;
  height: 100% !important;
}

body.template-customers-account .afb-modal__grid{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 12px;
  margin-bottom: 12px;
}

@media (max-width: 900px){
  body.template-customers-account .afb-modal__dialog{ margin: 18px auto; }
  body.template-customers-account .afb-modal__grid{ grid-template-columns: 1fr; }
  body.template-customers-account .afb-modal__head{ align-items: flex-start; }
}

body.template-customers-account .afb-modal__card{
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  padding: 14px;
}

body.template-customers-account .afb-modal__cardHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
/* ======================================================
   AFB MODAL CARD — MAIS LEGÍVEL (sem efeito)
   (cola abaixo do seu bloco atual)
====================================================== */

/* card mais “premium” e fácil de ler */
body.template-customers-account .afb-modal__card{
  position: relative;
  border-radius: 16px;
  padding: 14px;

  /* contraste melhor */
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(0,0,0,.18));
  border: 1px solid rgba(255,255,255,.12);

  /* profundidade sutil */
  box-shadow:
    0 14px 40px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.06);

  /* respiro */
  overflow: hidden;
}

/* leve highlight no topo do card (guia o olho) */
body.template-customers-account .afb-modal__card::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height: 48px;
  pointer-events:none;

  background:
    radial-gradient(420px 90px at 30% 0%, rgba(197,107,240,.10), transparent 60%),
    radial-gradient(360px 90px at 80% 0%, rgba(94,58,238,.08), transparent 62%);
  opacity: .95;
}

/* garante conteúdo acima do highlight */
body.template-customers-account .afb-modal__card > *{
  position: relative;
  z-index: 1;
}

/* header do card: mais “organizado” */
body.template-customers-account .afb-modal__cardHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  margin: 0 0 10px;
  padding: 2px 0 10px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

/* título do card */
body.template-customers-account .afb-modal__cardHead strong{
  font-family:"Outfit","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: rgba(255,255,255,.93);
}

/* pílulas do head (ex: itens/Tracking/Total) mais legíveis */
body.template-customers-account .afb-modal__cardHead .afb-pill{
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

/* texto dentro do card: melhora leitura geral */
body.template-customers-account .afb-modal__card .afb-muted{
  color: rgba(255,255,255,.78);
}

/* blocos internos (itens/summary/endereço) com espaçamento mais confortável */
body.template-customers-account .afb-modal__items{
  display: grid;
  gap: 10px;
}

/* cada item mais “separado” e fácil de escanear */
body.template-customers-account .afb-item{
  border-radius: 14px;
  padding: 10px 10px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

/* título do item: um pouco mais forte */
body.template-customers-account .afb-item__title{
  color: rgba(255,255,255,.94);
}

/* preço do item: destaca sem gritar */
body.template-customers-account .afb-item__price{
  color: rgba(255,255,255,.90);
  font-weight: 800;
}

/* meta do item: mais suave */
body.template-customers-account .afb-item__meta{
  color: rgba(255,255,255,.72);
}

/* resumo: linhas com separação boa */
body.template-customers-account .afb-sumrow{
  padding: 6px 0;
  border-bottom: 1px dashed rgba(255,255,255,.10);
}
body.template-customers-account .afb-sumrow:last-child{
  border-bottom: 0;
}

/* mobile: um pouco mais compacto */
@media (max-width: 520px){
  body.template-customers-account .afb-modal__card{
    padding: 12px;
    border-radius: 14px;
  }
  body.template-customers-account .afb-item{
    padding: 10px;
  }
}

body.template-customers-account .afb-modal__items{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.template-customers-account .afb-modal__meta{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.template-customers-account .afb-item{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
}

body.template-customers-account .afb-item__dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: 4px;
  background: linear-gradient(180deg, rgba(197,107,240,1), rgba(94,58,238,1));
  box-shadow: 0 0 16px rgba(197,107,240,.25);
}

body.template-customers-account .afb-item__txt{
  font-size: 12.5px;
  color: rgba(255,255,255,.82);
  line-height: 1.35;
}

body.template-customers-account .afb-divider{
  height: 1px;
  background: rgba(255,255,255,.08);
  margin: 12px 0;
}

body.template-customers-account .afb-modal__summary{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.template-customers-account .afb-sumrow{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
}

body.template-customers-account .afb-sumrow__k{ opacity: .75; }
body.template-customers-account .afb-sumrow__v{
  font-size: 12.5px;
  color: rgba(255,255,255,.82);
}

body.template-customers-account .afb-skel{
  height: 14px;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.11), rgba(255,255,255,.06));
  background-size: 200% 100%;
  animation: afbSkel 1.1s ease-in-out infinite;
}
body.template-customers-account .afb-skel + .afb-skel{ margin-top: 10px; }
body.template-customers-account .skel-sm{ height: 12px; }

@keyframes afbSkel{
  0%{ background-position: 200% 0; }
  100%{ background-position: -200% 0; }
}

html.afb-modal-open body.template-customers-account,
body.template-customers-account.afb-modal-open{
  overflow: hidden !important;
}

/* ===== AFB MODAL — itens organizados (V5) ===== */
body.template-customers-account .afb-item__body{ flex: 1; min-width: 0; }

body.template-customers-account .afb-item__top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body.template-customers-account .afb-item__title{
  font-weight: 800;
  font-size: 13px;
  color: rgba(255,255,255,.92);
  line-height: 1.25;
  word-break: break-word;
}

body.template-customers-account .afb-item__price{
  flex: 0 0 auto;
  font-weight: 900;
  font-size: 13px;
  color: rgba(255,255,255,.92);
  white-space: nowrap;
}

body.template-customers-account .afb-item__meta{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255,255,255,.68);
  line-height: 1.3;
}
/* =========================================================
   AFB — ACCOUNT DASH (PATCH PREMIUM) [ESCOPO: /account]
   - Badges duplos (Pagamento + Envio) no card
   - Pill do status no modal com cor inteligente
========================================================= */

/* badges em linha dentro do card */
body.template-customers-account .afb-order-card__badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

/* garante layout bom no miolo do card */
body.template-customers-account .afb-order-card__mid{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

/* badge azul (você usa no "Em trânsito") */
body.template-customers-account .afb-badge--blue{
  background: rgba(94,58,238,.16);
  border-color: rgba(94,58,238,.25);
}

/* pill do status no modal (cores premium) */
body.template-customers-account #afbModalStatus.is-ok{
  background: rgba(60,255,170,.12);
  border: 1px solid rgba(60,255,170,.35);
  box-shadow: 0 0 18px rgba(60,255,170,.14);
}
body.template-customers-account #afbModalStatus.is-warn{
  background: rgba(255,210,60,.12);
  border: 1px solid rgba(255,210,60,.35);
  box-shadow: 0 0 18px rgba(255,210,60,.14);
}
body.template-customers-account #afbModalStatus.is-bad{
  background: rgba(255,80,120,.12);
  border: 1px solid rgba(255,80,120,.35);
  box-shadow: 0 0 18px rgba(255,80,120,.14);
}
body.template-customers-account #afbModalStatus.is-neutral{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: none;
}
/* =========================================================
   AFB ACCOUNT — COMPAT LAYER (do V8)
   (somente o que faltava no seu stylesheet)
========================================================= */

/* box-sizing seguro só no dashboard */
body.template-customers-account .afb-account,
body.template-customers-account .afb-account *{
  box-sizing: border-box;
}

/* links neutros */
body.template-customers-account .afb-account a{
  color: inherit;
  text-decoration: none;
}

/* helper de texto “muted” (o V8 usava bastante) */
body.template-customers-account .afb-muted{
  color: rgba(255,255,255,.68);
}

/* cores extras que o V8 tinha (se você usar em algum lugar) */
body.template-customers-account .afb-badge--purple{
  background: rgba(155,107,255,.12);
  border-color: rgba(155,107,255,.28);
}
body.template-customers-account .afb-badge--gold{
  background: rgba(255,214,107,.12);
  border-color: rgba(255,214,107,.28);
}

/* waitlist limited (se existir esse esquema no HTML) */
body.template-customers-account .afb-order-card.afb-scheme--waitlist-limited .afb-pill{
  background: linear-gradient(135deg, rgba(255,214,107,.22), rgba(155,107,255,.16));
  border-color: rgba(255,214,107,.30);
}

body.template-customers-account .afb-dash-card__border,
body.template-customers-account .afb-order-card__border{
  z-index: 0;
}

body.template-customers-account .afb-dash-card > *:not(.afb-dash-card__border),
body.template-customers-account .afb-order-card > *:not(.afb-order-card__border){
  position: relative;
  z-index: 1;
}
/* =========================================================
   AFB ACCOUNT — SIDE / ADDRESS / SUPPORT (PATCH)
   Colar NO FINAL do seu CSS
========================================================= */

/* ASIDE (coluna direita) */
body.template-customers-account .afb-side{
  display:flex;
  flex-direction:column;
  gap:16px;
  align-items:stretch;
}

/* sticky no desktop (opcional e seguro) */
@media (min-width: 901px){
  body.template-customers-account .afb-side{
    position: sticky;
    top: 18px;
  }
}

/* card interno do endereço (dentro do panel) */
body.template-customers-account .afb-address-card{
  margin-top:14px;
  border-radius:16px;
  padding:12px 12px;
  background: rgba(255,255,255,.028);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

body.template-customers-account .afb-address-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

body.template-customers-account .afb-address-card__head strong{
  font-weight:950;
  letter-spacing:.2px;
  font-size:13px;
}

body.template-customers-account .afb-address-card__head a{
  font-size:12px;
  opacity:.78;
  text-decoration:none;
}
@media (hover:hover){
  body.template-customers-account .afb-address-card__head a:hover{
    opacity:1;
    text-decoration:underline;
  }
}

body.template-customers-account .afb-address-card__body{
  font-size:12.5px;
  color: rgba(255,255,255,.82);
  line-height:1.45;
}

/* estado vazio (sem endereço) */
body.template-customers-account .afb-empty{
  margin-top:14px;
  border-radius:16px;
  padding:14px 14px;
  background:
    linear-gradient(135deg, rgba(197,107,240,.10), rgba(94,58,238,.08));
  border:1px dashed rgba(197,107,240,.35);
}

body.template-customers-account .afb-empty strong{
  display:block;
  font-size:13px;
  font-weight:950;
  margin-bottom:10px;
}

body.template-customers-account .afb-empty .afb-btn{
  width:100%;
  justify-content:center;
}

/* suporte: botões alinhados e “premium” */
body.template-customers-account .afb-support{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:10px;
}

body.template-customers-account .afb-support .afb-btn{
  width:100%;
  justify-content:center;
}

/* botão especial (LE) que seu JS aplica */
body.template-customers-account .afb-btn--gold{
  background: linear-gradient(180deg, rgba(255,214,107,1), rgba(197,107,240,.95)) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: 0 0 22px rgba(255,214,107,.16), 0 0 18px rgba(197,107,240,.12) !important;
}

/* pequenos ajustes de respiro no mobile */
@media (max-width: 900px){
  body.template-customers-account .afb-side{
    position: static;
  }
}
/* =========================================================
   AFB — CUSTOMER SCOPE BLINDADO (ANTI-QUEBRA)
   - Não depende de "template-customers-..." nem de hacks
   - Evita "ficou tudo texto cru" por selector que não casa
========================================================= */

body.afb-customers{
  background:#070710 !important;
}

/* wrapper branco do tema (quando existir) */
body.afb-customers #wrapper,
body.afb-customers .wrapper,
body.afb-customers #content,
body.afb-customers .main-row,
body.afb-customers .container,
body.afb-customers .row{
  background: transparent !important;
}

/* (opcional) se você quer esconder footer em customer */
body.afb-customers #shopify-section-footer,
body.afb-customers footer,
body.afb-customers .section-footer{
  display:none !important;
}

/* =========================================================
   GUARD: se algum bloco novo zerar .container/.row e quebrar
   (igual no seu print), isso restaura o layout do tema.
   Aplicar só em account/orders/order (não mexe em addresses).
========================================================= */

body.template-customers-account .container,
body.template-customers-orders .container,
body.template-customers-order .container,
body.template-customers-account .row,
body.template-customers-orders .row,
body.template-customers-order .row{
  width: revert !important;
  max-width: revert !important;
  padding-left: revert !important;
  padding-right: revert !important;
  margin-left: revert !important;
  margin-right: revert !important;
}
/* ======================================================
   AFB — SUPPORT (PANEL + MODAL) — PREMIUM ISOLADO (V2)
   - NÃO usa .afb-btn (evita conflito/pseudo “fantasma”)
   - click-area = visual (sem deslocamento)
   - sem pseudo maluco empurrando layout
====================================================== */

body.template-customers-account .afb-supPanel,
body.template-customers-account .afb-supPanel *{
  box-sizing: border-box;
}

/* ====== PANEL ====== */
body.template-customers-account .afb-supPanel{
  position: relative;
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.35), 0 -18px 26px rgba(255,255,255,.05) inset;
  overflow: hidden;
}

@media (max-width:900px){
  body.template-customers-account .afb-supPanel{ padding: 14px; }
}

/* ====== HEAD (SEM pseudo que empurra) ====== */
body.template-customers-account .afb-supHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

body.template-customers-account .afb-supHead__left{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

body.template-customers-account .afb-supHead__dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  flex: 0 0 10px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), transparent 45%),
    linear-gradient(180deg, rgba(197,107,240,1), rgba(94,58,238,1));
  box-shadow:
    0 0 0 4px rgba(197,107,240,.10),
    0 10px 26px rgba(0,0,0,.35),
    0 0 18px rgba(197,107,240,.18);
}

body.template-customers-account .afb-supHead__title{
  margin: 0;
  font-family: "Outfit","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size: 18px;
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: rgba(255,255,255,.94);
  text-shadow: 0 10px 28px rgba(0,0,0,.45);
  white-space: nowrap;
}

body.template-customers-account .afb-supHead__line{
  height: 1px;
  border-radius: 999px;
  flex: 1 1 auto;
  min-width: 20px;
  background: linear-gradient(90deg,
    rgba(155,107,255,.55),
    rgba(90,180,255,.28),
    rgba(255,255,255,.08),
    transparent
  );
  opacity: .9;
}

body.template-customers-account .afb-supHead__sub{
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 850;
  color: rgba(255,255,255,.78);
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  white-space: nowrap;
}

@media (max-width:520px){
  body.template-customers-account .afb-supHead__title{ font-size: 16.5px; }
  body.template-customers-account .afb-supHead__line{ opacity: .72; }
  body.template-customers-account .afb-supHead__sub{ font-size: 11.5px; }
}

/* ====== BUTTONS (ZERO conflito) ====== */
body.template-customers-account .afb-supBtns{
  display: grid;
  gap: 10px;
}

/* “blindagem” contra pseudo/efeitos do tema */
body.template-customers-account .afb-supBtn,
body.template-customers-account .afb-supBtn::before,
body.template-customers-account .afb-supBtn::after{
  background-clip: padding-box;
}

body.template-customers-account .afb-supBtn{
  -webkit-tap-highlight-color: transparent;
  text-decoration: none !important;
  cursor: pointer;

  display:flex;
  align-items:center;
  justify-content:center;
  width: 100%;
  min-height: 54px;

  padding: 14px 18px;
  border-radius: 999px;

  font-size: 13px;
  font-weight: 950;
  line-height: 1.1;
  color: rgba(255,255,255,.92);

  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);

  box-shadow:
    0 18px 48px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.06);

  position: relative;
  transform: translateZ(0); /* estabiliza render */
  user-select: none;

  transition: transform .18s ease, filter .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* grad premium sem pseudo (evita “fantasmas”) */
body.template-customers-account .afb-supBtn--grad{
  border-color: rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, rgba(94,58,238,1), rgba(197,107,240,1));
  box-shadow:
    0 18px 54px rgba(0,0,0,.38),
    0 0 22px rgba(197,107,240,.18);
}

@media (hover:hover) and (pointer:fine){
  body.template-customers-account .afb-supBtn:hover{
    transform: translateY(-1px);
    filter: saturate(1.05);
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
    box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 18px 52px rgba(0,0,0,.40);
  }
  body.template-customers-account .afb-supBtn--grad:hover{
    background: linear-gradient(180deg, rgba(104,68,255,1), rgba(215,123,255,1));
    box-shadow: 0 0 0 1px rgba(255,255,255,.14), 0 22px 66px rgba(0,0,0,.44), 0 0 26px rgba(197,107,240,.20);
  }
}

body.template-customers-account .afb-supBtn:active{
  transform: translateY(0);
  filter: saturate(1);
}

body.template-customers-account .afb-supBtn:focus-visible{
  outline: none !important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.18),
    0 0 0 6px rgba(197,107,240,.18),
    0 18px 48px rgba(0,0,0,.34);
}

/* ======================================================
   DIALOG — PREMIUM (sem reset do tema)
====================================================== */
body.template-customers-account dialog#afbSupportDlg.afb-supDlg{
  position: fixed !important;
  inset: 0 !important;

  width: 100vw !important;
  height: 100dvh !important;
  height: 100vh !important;

  margin: 0 !important;
  padding: 16px !important;
  border: 0 !important;
  background: transparent !important;

  display: none !important;
  z-index: 2147483647 !important;

  /* blindagem contra transform do tema */
  transform: none !important;
  filter: none !important;
}

body.template-customers-account dialog#afbSupportDlg.afb-supDlg[open]{
  display: grid !important;
  place-items: center !important;
}

body.template-customers-account dialog#afbSupportDlg.afb-supDlg::backdrop{
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* backdrop interno clicável */
body.template-customers-account .afb-supDlg__backdrop{
  position: absolute;
  inset: 0;
}

/* card */
body.template-customers-account .afb-supDlg__card{
  width: min(760px, 100%);
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.94);

  background:
    radial-gradient(700px 320px at 16% 0%, rgba(155,107,255,.18), transparent 60%),
    radial-gradient(680px 340px at 88% 110%, rgba(90,230,150,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.48));

  box-shadow:
    0 34px 140px rgba(0,0,0,.70),
    0 0 0 1px rgba(255,255,255,.05) inset;

  overflow: hidden;
  position: relative;
  isolation: isolate;
}

/* topo */
body.template-customers-account .afb-supDlg__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 14px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

body.template-customers-account .afb-supDlg__title{
  font-weight: 950;
  letter-spacing: -0.01em;
  font-size: 16px;
}

body.template-customers-account .afb-supDlg__sub{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255,255,255,.74);
  line-height: 1.35;
}

/* close (X desenhado, sem depender de fonte) */
body.template-customers-account .afb-supDlg__close{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.28);
  cursor: pointer;
  padding: 0;
  position: relative;
  flex: 0 0 42px;

  font-size: 0;
  line-height: 0;

  transition: transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.template-customers-account .afb-supDlg__close::before,
body.template-customers-account .afb-supDlg__close::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  transform-origin: center;
}
body.template-customers-account .afb-supDlg__close::before{ transform: translate(-50%,-50%) rotate(45deg); }
body.template-customers-account .afb-supDlg__close::after{  transform: translate(-50%,-50%) rotate(-45deg); }

@media (hover:hover) and (pointer:fine){
  body.template-customers-account .afb-supDlg__close:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.18);
    box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 16px 44px rgba(0,0,0,.35);
  }
}

/* body */
body.template-customers-account .afb-supDlg__body{
  padding: 14px 18px 18px;
}

body.template-customers-account .afb-supDlg__section{
  margin-top: 12px;
}

body.template-customers-account .afb-supDlg__label{
  font-size: 12px;
  font-weight: 900;
  color: rgba(255,255,255,.86);
  margin-bottom: 8px;
}

/* pills (o JS injeta itens dentro do #afbSupportOrders) */
body.template-customers-account #afbSupportOrders{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

/* estiliza qualquer “filho” que o JS jogar lá */
body.template-customers-account #afbSupportOrders > *{
  border-radius: 999px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(0,0,0,.22) !important;
  color: rgba(255,255,255,.92) !important;

  font-size: 12px !important;
  font-weight: 900 !important;

  cursor: pointer !important;
  user-select: none !important;

  transition: transform .16s ease, background .16s ease, border-color .16s ease, filter .16s ease !important;
}

@media (hover:hover) and (pointer:fine){
  body.template-customers-account #afbSupportOrders > *:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.24) !important;
    filter: saturate(1.05);
  }
}

/* inputs */
body.template-customers-account .afb-supDlg__input,
body.template-customers-account .afb-supDlg__textarea{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.26);
  color: rgba(255,255,255,.94);
  padding: 12px 12px;
  outline: none;
}

body.template-customers-account .afb-supDlg__textarea{
  resize: vertical;
  min-height: 120px;
}

body.template-customers-account .afb-supDlg__input::placeholder,
body.template-customers-account .afb-supDlg__textarea::placeholder{
  color: rgba(255,255,255,.52);
}

body.template-customers-account .afb-supDlg__input:focus,
body.template-customers-account .afb-supDlg__textarea:focus{
  border-color: rgba(197,107,240,.35);
  box-shadow: 0 0 0 2px rgba(197,107,240,.16), 0 0 0 6px rgba(94,58,238,.12);
}

/* actions */
body.template-customers-account .afb-supDlg__actions{
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

body.template-customers-account .afb-supActBtn{
  cursor: pointer;
  width: 100%;
  min-height: 52px;

  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);

  font-weight: 950;
  font-size: 13px;
  padding: 12px 14px;

  box-shadow: 0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .18s ease, filter .18s ease, background .18s ease, box-shadow .18s ease;
}

body.template-customers-account .afb-supActBtn--grad{
  background: linear-gradient(180deg, rgba(94,58,238,1), rgba(197,107,240,1));
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 18px 54px rgba(0,0,0,.38), 0 0 22px rgba(197,107,240,.18);
}

@media (hover:hover) and (pointer:fine){
  body.template-customers-account .afb-supActBtn:hover{
    transform: translateY(-1px);
    filter: saturate(1.05);
    background: rgba(255,255,255,.10);
    box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 18px 52px rgba(0,0,0,.40);
  }
  body.template-customers-account .afb-supActBtn--grad:hover{
    background: linear-gradient(180deg, rgba(104,68,255,1), rgba(215,123,255,1));
  }
}

@media (max-width: 520px){
  body.template-customers-account .afb-supDlg__actions{
    grid-template-columns: 1fr;
  }
  body.template-customers-account dialog#afbSupportDlg.afb-supDlg{
    padding: 12px !important;
  }
}

/* acessibilidade */
@media (prefers-reduced-motion: reduce){
  body.template-customers-account .afb-supBtn,
  body.template-customers-account .afb-supActBtn,
  body.template-customers-account #afbSupportOrders > *{
    transition: none !important;
  }
}
/* =========================================================
   AFB /ACCOUNT — PATCH DEFINITIVO (GRID + CLICK)
   - corrige container/row do tema (Bootstrap-like)
   - evita layout “escapar” pros lados
   - remove overlays/pseudos do tema que bagunçam hit-area
========================================================= */

/* segurança: se algo escapar 1px, não cria scroll lateral */
body.template-customers-account{
  overflow-x: hidden !important;
}

/* RESTAURA o “gutter” do tema (o que impede a .row negativa de vazar) */
body.template-customers-account #content > .container,
body.template-customers-account .main-row > .container,
body.template-customers-account #wrapper > .container{
  width: 100% !important;
  max-width: 100% !important;

  /* ESSENCIAL: deixe um padding (gutter) */
  padding-left: 15px !important;
  padding-right: 15px !important;

  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* se seu tema usa .row com margem negativa, isto mantém consistente */
body.template-customers-account #content > .container > .row,
body.template-customers-account .main-row > .container > .row,
body.template-customers-account #wrapper > .container > .row{
  margin-left: -15px !important;
  margin-right: -15px !important;
}

/* (opcional) em telas pequenas, um gutter menor fica mais “premium” */
@media (max-width: 640px){
  body.template-customers-account #content > .container,
  body.template-customers-account .main-row > .container,
  body.template-customers-account #wrapper > .container{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  body.template-customers-account #content > .container > .row,
  body.template-customers-account .main-row > .container > .row,
  body.template-customers-account #wrapper > .container > .row{
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
}

/* ====== HIT-AREA FIX: remove overlays do tema dentro do seu dashboard ====== */
/* muitos temas colocam a::after absoluto pra “clicar no card todo” */
body.template-customers-account .afb-account a::before,
body.template-customers-account .afb-account a::after{
  content: none !important;
}

/* garante que seus botões fiquem acima de qualquer coisa */
body.template-customers-account .afb-account :is(.afb-chip,.afb-btn,.afb-supBtn,.afb-supActBtn,.afb-modal__open,.afb-modal__close){
  position: relative !important;
  z-index: 5 !important;
}

/* seus blobs NÃO podem ficar acima do conteúdo (mesmo com pointer-events none) */
body.template-customers-account .afb-panel::before,
body.template-customers-account .afb-panel::after{
  z-index: 0 !important;
}
body.template-customers-account .afb-panel > *{
  position: relative !important;
  z-index: 1 !important;
}



/* ======================================================
   AFB HEADER — PREMIUM OVERRIDE (FINAL)
   NÃO EDITAR CSS ANTIGO ACIMA
====================================================== */

/* --- BASE HEADER --- */
header,
.header-inner,
.fix-header{
  background: transparent !important;
  border: none !important;
}

/* --- HEADER GLASS --- */
.header-inner{
  position: relative !important;
  z-index: 100 !important;

  padding: 12px 28px !important;
  text-align: center !important;

  background:
    radial-gradient(600px 120px at 50% -20%, rgba(255,0,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(12,12,18,.78), rgba(10,10,16,.55)) !important;

  backdrop-filter: blur(18px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;

  box-shadow:
    0 20px 60px rgba(0,0,0,.45),
    0 -14px 28px rgba(255,255,255,.04) inset !important;

  transition: all .35s cubic-bezier(.22,.61,.36,1) !important;
}

/* --- REMOVE LINHAS / DIVISORES --- */
.header-inner::before,
.header-inner::after,
header::before,
header::after{
  content: none !important;
  display: none !important;
}

/* --- MENU TRANSPARENTE --- */
.header-inner nav,
.header-inner .main-menu{
  background: transparent !important;
}

/* --- LINKS DO MENU --- */
.header-inner .main-menu > li > a{
  color: rgba(255,255,255,.92) !important;
  transition: transform .25s ease, opacity .25s ease !important;
}

/* hover elegante */
.header-inner .main-menu > li:hover > a{
  transform: translateY(-1px) !important;
  opacity: 1 !important;
}

/* --- REMOVE FAIXA / BLOCO ROSA ANTIGO --- */
.header-inner .active > a,
.header-inner .current-menu-item > a{
  background: none !important;
  box-shadow: none !important;
}

/* --- FIX HEADER (SCROLL) --- */
.fix-header .header-inner{
  padding: 8px 28px !important;
  backdrop-filter: blur(22px) saturate(180%) !important;
}
/* ======================================================
   AFB — MEGA MENU (PT_CUSTOMMENU) UI/UX PRO (V2)
   Alvo: .pt_custommenu div.popup .block1
   Cole NO FINAL do CSS
====================================================== */

/* --- 1) POPUP: tamanho, vidro, borda, sombra, e não ficar enorme --- */
.pt_custommenu div.popup{
  background: rgba(10,10,16,.72) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 22px !important;
  overflow: hidden !important;

  backdrop-filter: blur(22px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%) !important;

  box-shadow:
    0 26px 90px rgba(0,0,0,.62),
    0 -18px 28px rgba(255,255,255,.05) inset !important;
}

/* wrapper interno (muitos temas colocam branco aqui) */
.pt_custommenu div.popup .inner-popup{
  background: transparent !important;
  padding: 14px !important;
  position: relative !important;
}

/* glow discreto */
.pt_custommenu div.popup .inner-popup::before{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  pointer-events:none !important;
  background: radial-gradient(800px 260px at 50% -30%, rgba(255,0,255,.18), transparent 60%) !important;
  opacity:.85 !important;
}

/* --- 2) BLOCK1: tira o “padding monstro” e evita espaço vazio gigante --- */
.pt_custommenu div.popup .block1{
  padding: 10px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;

  /* mata o width inline gigante (ex: 920px) quando estoura visual */
  width: auto !important;
  max-width: min(1080px, calc(100vw - 64px)) !important;

  /* altura controlada pra não virar “tela branca” */
  max-height: min(72vh, 640px) !important;
  overflow: auto !important;

  /* scrollbar discreta */
  scrollbar-width: thin !important;
}

/* --- 3) COLUNAS: restaura um layout bonito (grid) sem destruir o HTML --- */
.pt_custommenu div.popup .block1{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}

/* cada coluna do plugin */
.pt_custommenu div.popup .block1 > .column{
  float: none !important;     /* se vier float do tema */
  width: auto !important;
  margin: 0 !important;

  border-radius: 16px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.08) !important;

  padding: 12px !important;

  box-shadow: 0 12px 34px rgba(0,0,0,.35) !important;
}

/* remove clearBoth antigo que fica sobrando */
.pt_custommenu div.popup .block1 .clearBoth{
  display: none !important;
}

/* --- 4) TIPOGRAFIA / LINKS: mais premium e legível --- */
.pt_custommenu div.popup a{
  color: rgba(255,255,255,.82) !important;
  text-decoration: none !important;
  transition: transform .18s ease, opacity .18s ease, background .18s ease !important;
}

.pt_custommenu div.popup a:hover{
  opacity: 1 !important;
  transform: translateX(2px) !important;
}

.pt_custommenu div.popup h1,
.pt_custommenu div.popup h2,
.pt_custommenu div.popup h3,
.pt_custommenu div.popup .parentMenu a,
.pt_custommenu div.popup .itemMenuName{
  color: rgba(255,255,255,.96) !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
}

/* listas internas mais clean */
.pt_custommenu div.popup ul,
.pt_custommenu div.popup li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pt_custommenu div.popup li{
  padding: 8px 10px !important;
  border-radius: 12px !important;
}

.pt_custommenu div.popup li:hover{
  background: rgba(255,255,255,.06) !important;
}

/* --- 5) IMAGENS / BLOCO “PRODUTO” dentro do mega menu (sem afetar o site todo) --- */
.pt_custommenu div.popup img{
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
}

/* evita thumbnail gigante e “No image” ocupar um painel inteiro */
.pt_custommenu div.popup .product-image,
.pt_custommenu div.popup .thumb,
.pt_custommenu div.popup .image{
  max-height: 210px !important;
  overflow: hidden !important;
  border-radius: 14px !important;
}

/* preço no mega menu */
.pt_custommenu div.popup .price,
.pt_custommenu div.popup .special-price,
.pt_custommenu div.popup .regular-price{
  color: rgba(255,255,255,.92) !important;
  font-weight: 900 !important;
}

.pt_custommenu div.popup .price span,
.pt_custommenu div.popup .installments,
.pt_custommenu div.popup small{
  color: rgba(255,255,255,.68) !important;
  font-weight: 700 !important;
}

/* --- 6) Animação de entrada suave (premium) --- */
.pt_custommenu div.popup{
  transform-origin: top center !important;
  animation: afbMegaIn .18s ease-out both !important;
}
@keyframes afbMegaIn{
  from{ opacity:0; transform: translateY(6px) scale(.985); }
  to{ opacity:1; transform: translateY(0) scale(1); }
}

/* --- 7) Mobile: mais compacto --- */
@media (max-width: 991px){
  .pt_custommenu div.popup .inner-popup{ padding: 10px !important; }
  .pt_custommenu div.popup .block1{
    grid-template-columns: 1fr !important;
    max-height: 70vh !important;
  }
}

/* ======================================================
   AFB HEADER — DESKTOP SLIM + LOGO COMPACT (ADD-ON)
   Cole ABAIXO do seu bloco atual
====================================================== */

@media (min-width: 992px){

  /* 1) Header mais fino no desktop */
  .header-inner{
    padding: 12px 22px !important;     /* antes 12px 28px */
  }

  /* quando fixa no scroll */
  .fix-header .header-inner{
    padding: 4px 22px !important;     /* antes 8px 28px */
  }

  /* 2) Tira “altura fantasma” do bloco da logo */
  #logo.logo-padding-default,
  #logo{
    padding: 0 !important;            /* remove padding do tema */
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  /* se existir link envolvendo a logo */
  #logo a,
  #logo .logo,
  .logo a{
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 0 !important;
  }

  /* 3) Garante que a imagem não “expanda” o header */
  #logo img,
  .logo img,
  .header-inner .logo img{
    height: 44px !important;          /* ajuste: 40–52px fica ótimo */
    width: auto !important;
    max-height: 44px !important;
    display: block !important;
  }

  /* 4) Se o tema força um tamanho grande no container */
  #logo.logo-padding-default{
    width: auto !important;
    max-width: 140px !important;      /* evita reservar espaço exagerado */
  }

  /* 5) (Opcional) menu não empurrar altura por line-height */
  .header-inner .main-menu > li > a{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 1.1 !important;
  }
}


/* KILL do hover roxo antigo (paralelogramo/skew) */
header .pt_custommenu div.pt_menu .parentMenu a::before,
header .pt_custommenu div.pt_menu span.block-title::before,
header .pt_custommenu div.pt_menu .parentMenu a::after,
header .pt_custommenu div.pt_menu span.block-title::after{
  content:none !important;
  display:none !important;
  background:transparent !important;
  transform:none !important;
}

/* mobile: chip menor */
@media (max-width: 990px){
  header .pt_custommenu{
    justify-content:flex-start;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    gap:10px;
    padding: 6px 10px;
  }
  header .pt_custommenu div.pt_menu > a,
  header .pt_custommenu div.pt_menu .parentMenu > a{
    height: 38px;
    padding: 0 14px !important;
    font-size: 12px;
    white-space: nowrap;
  }
}