/* Instant Blog v3.3 */

:root,
:root.dark {
  --bg-color: #1f1d2b;
  --text-color: #f8f9fa;
  --card-bg: #292e3c;
  --card-brd: none;
  --btn-arrow-color: #2d303e;
  --btn-arrow-hover: #242631;
  --bg-user: #292e3c;
  --bg-input: #252836;
  --bg-input-border: #454a62;
  --bg-gray: #3f4756;
  --ql-gray: #918c8c;
  --crd-shdw: none;
}

:root.light {
  --bg-color: #f7f7f7;
  --text-color: #212529;
  --card-bg: #ffffff;
  --card-brd: 1px solid rgba(0, 0, 0, 0.125);
  --btn-arrow-color: #252830;
  --btn-arrow-hover: #1e2023;
  --bg-user: #fafafa;
  --bg-input: #ffffff;
  --bg-input-border: #d8e2e7;
  --bg-gray: #e9ecef;
  --ql-gray: #444;
  --crd-shdw: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

html {
  height: 100% !important;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
}

a {
  text-decoration: none;
}

a.text-mode:hover {
  color: #6c757d;
  text-decoration: none;
}

.container-fluid {
  padding-right: 25px;
  padding-left: 25px;
}

/*Navigation*/
.bg-faded {
  background-color: #fff;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0975);
}

.navbar {
  padding: 0.5rem 1rem;
}

.bg-nav {
  margin-top: 1rem;
}

.nav-icon {
  font-size: 1.3rem;
  vertical-align: middle;
}

/*New Style*/
.span-move {
  cursor: move;
  cursor: -webkit-grabbing;
}

.span-click {
  cursor: pointer;
}

.myeditor {
  margin-bottom: 50px;
}

.tiktok-embed {
  font-size: 1em;
  font-style: normal;
  color: #555555;
  padding: 0px;
  border-left: 0px;
  background: #fff;
}

blockquote {
  font-size: 1em;
  width: 100%;
  margin: 50px auto;
  font-style: italic;
  color: var(--text-color);
  padding: 1em 30px;
  border-left: 8px solid #2163e8;
  line-height: 1.6;
  position: relative;
  background: var(--bg-gray);
  border-radius: 3px;
}

blockquote::after {
  content: '';
}

blockquote span {
  display: block;
  color: #333333;
  font-style: normal;
  font-weight: bold;
  margin-top: 1em;
}

pre {
  background-color: #23241f;
  width: 100%;
  padding: 5px 10px;
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #f8f8f2;
  overflow: visible;
  border-radius: 3px;
}

/*Page Loader*/
#se-pre-con {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 200;
}

/*border radius*/
.border-one {
  border-radius: 1rem !important;
}

.border-two {
  border-radius: 1rem 1rem 0 0 !important;
}

.border-youtube {
  border-radius: 1rem 1rem 0 0 !important;
  overflow: hidden;
  z-index: 1;
}

.border-youtube-all {
    border-radius: 1rem !important;
    overflow: hidden;
    z-index: 1;
}

/*Pagination*/

.pagination > li > a,
.pagination > li > span {
  border-radius: 50% !important;
  margin: 0 5px;
  line-height: 1 !important;
}

.dark-link {
  color: #ffffff;
  background-color: #3f4756;
  border: none;
}

.page-item.disabled .page-link {
  color: #5e6369;
  pointer-events: none;
  background-color: #3f4756;
  border: none;
}

/*Adsense*/
.pagesideads {
  max-height: 300px !important;
  background-color: #2c2f39;
}

.betads {
  max-width: 500px !important;
}
/*Jumbotronstyles*/

.jumbotron {
  padding: 2rem 1rem 2rem 1rem;
  border-radius: 0rem;
  color: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0975);
}

.display-4 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1;
}

.blog-footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}

.w-15 {
  width: 15% !important;
}

.w-85 {
  width: 85% !important;
}
/*Card styles*/

.card {
  margin-bottom: 40px !important;
  border: 0 !important;
  background-color: var(--card-bg);
  color: var(--text-color);
}

.card-img {
  min-height: 200px;
}

.card-img-top {
  width: 100%;
}

.card a,
.card a:focus,
.card a:hover {
  text-decoration: none;
  outline: none;
}

.card-txt-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 3rem 1.25rem;
}

.card-blog-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem 1.25rem 3rem 1.25rem;
}

.card-header {
  background-color: var(--card-bg);
}

.arrows a,
.arrows a:focus,
.arrows a:hover {
  text-decoration: none;
  outline: none;
}

.card-footer {
  background-color: var(--card-bg);
  padding: 0.75rem 1rem !important;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 1rem !important;
}

.card-border {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.card-info {
  margin-bottom: 3rem !important;
  border: 0 !important;
  background-color: var(--card-bg);
}

.card-shadow {
  box-shadow: var(--crd-shdw) !important;
}

.less-pad {
  padding: 0.4rem 1rem;
}

.tweettext {
  font-size: 1rem;
  line-height: 1.5;
  font-family: Arial, sans-serif;
  color: #292f33;
  word-wrap: break-word;
}

.list-item {
  display: block;
  position: relative;
}

.list-left {
  float: left;
  padding-right: 7px;
}

.list-body {
  margin-left: 52px;
}

.text-muted {
  color: inherit !important;
  opacity: 0.6;
}

.user-info {
  display: block;
  width: 90%;
  position: absolute;
  bottom: 1.25rem;
}

.author {
  display: flex;
  position: absolute;
  color: inherit;
  left: 1.25rem;
  bottom: 1rem;
  align-items: center;
  z-index: 3;
}

.vbadge {
  margin-left: 5px;
}

.verficon {
  font-size: 14px;
  vertical-align: middle;
}

.card .author:hover {
  color: inherit;
}

.card .nocolor {
  color: inherit;
}
.card .nocolor:hover {
  color: inherit;
}

.card-date {
  display: inline-block;
  position: absolute;
  right: 1.25rem;
  bottom: 1.4rem;
}

.card-like {
  display: inline-block;
  position: absolute;
  padding: 0.25rem;
  right: 1.25rem;
  bottom: 1rem;
  z-index: 3;
}

.card-count {
  margin-top: 0.8rem;
  margin-left: 2rem;
  font-size: 16px;
  color: #999999;
}

.stats {
  display: inline-block;
  float: right;
  margin-top: 0.3rem;
}

.bottom-txt {
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 4rem;
  z-index: 0;
  text-shadow: 1px 1px 10px #000;
}

.txt-shad {
  text-shadow: 1px 1px 5px #343a40;
}

.playericon {
  position: absolute;
  font-size: 1.6rem;
  top: 0.6rem;
  right: 1.25rem;
  z-index: 3;
}

.category {
  display: block;
  position: absolute;
  right: 0;
  top: -15px;
  width: 100%;
  z-index: 10;
  text-align: center;
}

.category a {
  font-size: 15px;
  color: #fff;
  display: inline-block;
  padding: 4px 25px;
  vertical-align: top;
  border-radius: 25px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.stripes {
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.05) 25%,
    transparent 25%,
    transparent 50%,
    rgb(0 0 0 / 0.05) 50%,
    rgb(0 0 0 / 0.05) 75%,
    transparent 75%,
    rgb(0 0 0 / 0)
  );
  background-size: 50px 50px;
}

.category-middle {
  font-size: 12px;
  text-transform: uppercase;
  padding: 0.25rem;
  position: absolute;
  top: 1rem;
  right: 3rem;
  z-index: 3;
}

.avatar {
  height: 45px;
  margin-right: 5px;
}

.avatar-sm {
  height: 35px;
  margin-right: 5px;
}

.avatar-xs {
  height: 25px;
  margin-right: 5px;
}

.imgthumb {
  height: 38px;
  width: 38px;
  border-radius: 5px;
}

.time {
  white-space: nowrap;
  float: right;
}

.text-ellipsis {
  display: block;
}

.marginlt {
  margin-top: 1.5rem;
}

.btn-face {
  color: #fff !important;
  background-color: #3b5998;
  border-color: #3b5998;
  margin-left: 5%;
  margin-right: 5%;
  display: block;
}

.btn-face:hover,
.btn-face:focus {
  background-color: #30487b;
  outline: none;
}

.btn-google {
  color: #fff !important;
  background-color: #db4437;
  border-color: #db4437;
  display: block;
  margin-left: 5%;
  margin-right: 5%;
}

.btn-google:hover,
.btn-google:focus {
  background-color: #c9302c;
  outline: none;
}

.btn-grad {
  background-image: linear-gradient(
    to right,
    #da22ff 0%,
    #9733ee 51%,
    #da22ff 100%
  );
}
.btn-grad {
  font-size: 16px;
  font-weight: bold;
  transition: 0.5s;
  background-size: 200% auto;
  color: #fff !important;
  border: none;
  display: block;
  padding: 0.375rem 1.5rem;
}

.btn-grad:hover {
  background-position: right center;
  text-decoration: none;
}

.btn-face-login {
  color: #fff !important;
  background-color: #1877f2;
  border-color: #1877f2;
  margin-left: 5%;
  margin-right: 5%;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.25px;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
}

.btn-face-login:hover,
.btn-face:focus {
  background-color: #1877f2;
  outline: none;
}

.btn-google-login {
  color: #fff !important;
  background-color: #4285f4;
  border: none;
  display: block;
  font-family: Roboto-Medium, arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.21px;
  margin-left: 5%;
  margin-right: 5%;
  padding: 2px;
  text-align: left;
  border-radius: 0.15rem;
}

.btn-google-login:hover,
.btn-google:focus {
  background-color: #4285f4;
  outline: none;
}

.social i {
  margin-right: 15px;
  font-size: 21px;
  line-height: 21px;
  vertical-align: top;
}

.btn-white-color {
  color: #fff !important;
}

.bg-post {
  border-left: 1px solid rgba(0, 0, 0, 0.0975);
  border-right: 1px solid rgba(0, 0, 0, 0.0975);
  background-color: #fff !important;
  word-wrap: break-word;
  padding-right: 0px;
  padding-left: 0px;
}

.sociallogin {
  margin-bottom: 10px;
}

.ordiv {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 50%;
  font-size: 18px;
  color: var(--bg-input-border);
  text-align: center;
  background: var(--card-bg);
  border: 2px solid var(--bg-input-border);
  margin: auto;
}

.colleft {
  width: 25%;
  float: left;
  display: block;
}

.colright {
  float: left;
  width: 25%;
  display: inline-block;
  padding-top: 12px;
}

.change-ratio {
  width: 100%;
  margin: -10% 0;
}

.btn-circle {
  width: 50px;
  height: 50px;
  padding: 10px 13px;
  position: absolute;
  top: 40%;
  left: 45%;
  right: 0;
  cursor: pointer;
  font-size: 24px;
  line-height: 1.25em;
  border-radius: 35px;
  border: 2px solid #fff;
}

/*Admin*/

.box-white {
  border-radius: 1rem !important;
  background: var(--card-bg);
  padding: 2rem;
}

.nav-tabs {
  border-bottom: none;
}

.admin-item {
  border-bottom: 1px solid #f7f7f9;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}

.admin-item-img {
  display: block;
  float: left;
  margin-right: 15px;
  width: 50px;
}

.admin-image {
  width: 50px;
}

.admin-item-user {
  color: #212325;
  display: block;
  margin: 0;
}

.admin-item-text {
  color: #818a91;
  display: block;
  font-size: 12px;
  margin: 0;
}

.member-item-user {
  color: var(--text-color);
  display: block;
  margin: 0;
}

.member-item-text {
  display: block;
  font-size: 12px;
  margin: 0;
}

.admin-simple-sm {
  background: var(--bg-input);
  -webkit-border-radius: 0.25rem;
  border-radius: 1rem;
  text-align: center;
}

.admin {
  margin: 0 0 30px;
}

.admin-simple-sm .admin-simple-sm-icon {
  height: 80px;
  overflow: hidden;
  line-height: 80px;
  font-size: 2.75rem;
}

.home-icon {
  position: relative;
  top: 5px;
}

.color-blue {
  color: #00a8ff !important;
}

.color-red {
  color: #e52d27 !important;
}

.color-delete {
  color: #f4645f !important;
}

.admin-simple-sm-bottom {
  border-top: solid 1px #d8e2e7;
  background: #f6f8fa;
  font-weight: 600;
  padding: 15px 10px;
  font-size: 0.9375rem;
  line-height: normal;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.bottom-white {
  background: #fff !important;
}

/*Profile*/
.box-profile {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  border: solid 1px #d8e2e7;
  margin: 0 0 20px;
}

.profile-card {
  display: inline-block;
  padding-right: 15px;
  float: left;
}

.profile-card-photo {
  max-width: 150px;
  border: 5px solid #fff;
  border-radius: 100%;
}

.profile-card-username {
  color: #6c7a86;
}

.profile-card-points {
  color: #6c7a86;
  font-size: 0.8rem;
}

.profile-card-name {
  font-weight: 600;
  margin-top: 18px;
  font-size: 1.2rem;
}

.profile-statistic {
  text-align: center;
  font-size: 0.9375rem;
}

.level {
  vertical-align: middle;
  border-top: solid 1px #d8e2e7;
  border-bottom: solid 1px #d8e2e7;
  padding: 10px;
}

.points {
  vertical-align: middle;
  border-bottom: solid 1px #d8e2e7;
  padding: 10px;
}

.profile-links-list {
  padding: 10px 0;
  font-size: 0.9375rem;
  display: flex;
  margin-bottom: 0;
}

.profile-links-list li {
  padding: 4px 0;
  margin: 0 5px;
}

.profile-links-list li.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*New 3.0*/
.header {
  margin-bottom: 2rem;
}

.header-img-top {
  width: 100%;
  height: auto;
  max-height: 200px;
}

.header-body {
  padding-top: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.header-title {
  margin-bottom: 0;
}

.mt-n6 {
  margin-top: -4.5rem !important;
}

.list-bg {
  color: inherit !important;
  background: var(--bg-user);
}

.list-bg-unread {
  color: inherit !important;
  background: var(--bg-gray);
}

.btn-white-shadow {
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 100%;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.btn-white-shadow:hover,
.btn-white-shadow:focus {
  background-color: #e9ecef;
  color: #000;
}

.follow-card {
  color: var(--text-color);
  border-color: var(--bg-input-border);
}

.follow-card a {
  color: var(--text-color);
}

.theme-btn {
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.theme-btn.light {
  display: none;
}

.dark .theme-btn.light {
  display: block;
}

.dark .theme-btn.dark {
  display: none;
}

.navbar-light .navbar-nav .nav-link {
  color: #212529;
}

.bg-userside {
  background: var(--bg-user);
}

.text-mode {
  color: var(--text-color);
}

.border-comment {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

#dynamic_com .maincom:last-child .d-flex:last-child .border-comment {
  border-bottom: none !important;
}

.dropdown-menu {
  color: var(--text-color);
  background-color: var(--card-bg);
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  color: var(--text-color);
}

.dropdown-item:hover {
  color: var(--text-color);
  background-color: var(--bg-gray);
}

.ql-editor {
  background-color: var(--bg-input);
}

.ql-container.ql-snow,
.ql-toolbar.ql-snow {
  border: 1px solid var(--bg-input-border) !important;
}

.ql-snow .ql-stroke {
  stroke: var(--text-color) !important;
}

.ql-snow .ql-fill {
  fill: var(--ql-gray) !important;
}

.form-select {
  color: var(--text-color);
  background-color: var(--bg-input);
  border: 1px solid var(--bg-input-border);
}

.form-check-input {
  background-color: var(--bg-input);
  border: 1px solid var(--bg-input-border);
}

.form-control {
  color: var(--text-color);
  background-color: var(--bg-input);
  border: 1px solid var(--bg-input-border);
}

.form-control[readonly] {
  background-color: var(--bg-gray);
}
.form-control:focus {
  color: var(--text-color);
  background-color: var(--bg-input);
  border-color: var(--bg-input-border);
}

/*Emojis*/
.emoji {
  height: 1.25em;
  width: 1.25em;
  padding: 0 0.05em 0 0.1em;
  vertical-align: -0.2em;
}

/*Heart*/
.heart {
  background: url(../images/heart.png);
  background-position: left;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  cursor: pointer;
  position: absolute;
  left: 0px;
  background-size: 1450px;
}

.heartguest {
  background: url(../images/heart.png);
  background-position: left;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  cursor: pointer;
  position: absolute;
  left: 0px;
  background-size: 1450px;
}

.heart:hover {
  background-position: right;
}

.heartliked {
  background-position: right;
}

.likenumber {
  margin-left: 2rem;
  font-size: 16px;
  color: #999999;
}

.like {
  margin-top: -13px;
}

.btnadd {
  border-radius: 0.25rem;
  font-weight: bolder;
  cursor: pointer;
}

#texteditor {
  border-radius: 0.25rem;
  font-weight: bolder;
  cursor: pointer;
}

.btnhome {
  color: var(--text-color);
  background: var(--bg-input);
  border: 1px solid var(--bg-input-border);
  border-radius: 1rem;
  cursor: pointer;
}

.btnhome:hover {
  color: var(--text-color);
  border: 1px solid var(--bg-input-border);
  background: var(--bg-user);
}

.btn-light {
  border: 1px solid var(--bg-input-border);
  color: var(--text-color);
  background-color: var(--bg-user);
}

.btn-light:hover {
  border: 1px solid var(--bg-input-border);
  color: var(--text-color);
  background: var(--bg-input);
}

.btn-light:focus,
.btn-light:active {
  border: 1px solid var(--bg-input-border);
  color: var(--text-color);
  background: var(--bg-input);
}

.btn-arrow {
  color: #fff;
  background-color: var(--btn-arrow-color);
  border-color: var(--btn-arrow-color);
}

.btn-arrow:hover {
  color: #fff;
  background-color: var(--btn-arrow-hover);
  border-color: var(--btn-arrow-hover);
}

.btn-arrow:focus,
.btn-arrow.focus {
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btnpoint {
  cursor: pointer;
}

.bg-none {
  background: none !important;
}

.bg-over {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  width: 100%;
}

.bg-over:hover {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  width: 100%;
}

.link-over {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.embedbox {
  max-width: 400px;
  text-align: center;
}

.embedbox-tiktok {
  max-width: 325px;
  text-align: center;
}

.nav-pro .nav-link {
  color: var(--text-color);
}

.nav-pro .nav-link:hover {
  color: var(--text-color);
}

.nav-pro .nav-link.active {
  color: var(--text-color);
  font-weight: 600;
  border-bottom: 4px solid rgb(29, 155, 240);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--text-color);
  background-color: var(--bg-input);
  border: 1px solid var(--bg-input-border);
  font-weight: 500;
}

.color-box {
  border-radius: 0.25rem;
  padding: 0 1rem;
  font-size: 22px;
}

.tag-img {
  height: 200px;
  border-radius: 1rem;
}

.list-inline-item:not(:last-child) {
  margin-right: 1rem;
}

/*Additional*/

.cover {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.youtube {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
}

.youtube .play-btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border: 3px solid #fff;
  border-radius: 50%;
  padding: 0;
  margin: 0 auto;
  user-select: none;
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 0.5s ease;
}

.youtube .play-btn:after {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 8px);
  display: block;
  content: '';
  box-sizing: border-box;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 15px 0 15px 25px;
}

.bg-cat-1 {
  background-color: #845ec2 !important;
}
.bg-cat-1:hover {
  background-color: #624a8a !important;
}

.bg-cat-2 {
  background-color: #ff847d !important;
}
.bg-cat-2:hover {
  background-color: #ce6f69 !important;
}

.bg-cat-3 {
  background-color: #c2791e !important;
}
.bg-cat-3:hover {
  background-color: #9c713b !important;
}

.bg-cat-4 {
  background-color: #f076d0 !important;
}
.bg-cat-4:hover {
  background-color: #bf5ea6 !important;
}

.bg-cat-5 {
  background-color: #c2a875 !important;
}
.bg-cat-5:hover {
  background-color: #a28d63 !important;
}

.short-select {
  flex: 0 1 100px !important;
}

.cat-bx {
  float: left;
  width: 15px;
  height: 15px;
  margin: 5px;
  border-radius: 2px;
}

@-webkit-keyframes heartBlast {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}

@keyframes heartBlast {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}

.heartAnimation {
  -webkit-animation-name: heartBlast;
  animation-name: heartBlast;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(28);
  animation-timing-function: steps(28);
  background-position: right;
}

.lesspadding {
  padding-right: 10px;
  padding-left: 10px;
}

/*Cookie*/

.toastdark {
  background-color: rgba(63,71,86);
  border-radius: 1rem;
  border: none!important;
}

.toastdarkhead {
  background: none!important;
  border-bottom: none!important;
}

/*Responsive*/
@media (max-width: 576px) {
  .jumbotron {
    padding: 2rem 1rem 2rem 1rem;
  }
}

/*Salvattore grid css and Responsive*/
.grid[data-columns]::before {
  content: '3 .column.size-1of3';
}

@media screen and (max-width: 544px) {
  .grid[data-columns]::before {
    content: '1 .column.size-1of1';
  }
  .display-4 {
    font-size: 2rem;
  }
  .header-img-top {
    min-height: 150px;
    object-fit: cover;
  }
}

@media screen and (min-width: 544px) and (max-width: 768px) {
  .grid[data-columns]::before {
    content: '2 .column.size-1of2';
  }
  .display-4 {
    font-size: 2rem;
  }

  .header-img-top {
    min-height: 150px;
    object-fit: cover;
  }
}
@media screen and (min-width: 992px) and (max-width: 1400px) {
  .grid[data-columns]::before {
    content: '3 .column.size-1of3';
  }
}

@media screen and (min-width: 1400px) {
  .grid[data-columns]::before {
    content: '4 .column.size-1of4';
  }
}

.grid {
  display: block;
  width: 100%;
}

.column {
  float: left;
}

.size-1of1 {
  width: 100%;
}

.size-1of2 {
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}

.size-1of3 {
  width: 33.333%;
  padding-right: 15px;
  padding-left: 15px;
}

.size-1of4 {
  width: 25%;
  padding-right: 15px;
  padding-left: 15px;
}

/*Internet explorer fix*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .card {
    display: block;
  }
}
.bb-media-placeholder:
 {
    padding-bottom: 1% !important;
}
.instantshop-cart-nav-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    color: inherit;
}

.instantshop-cart-nav-link .nav-icon {
    font-size: 22px;
    line-height: 1;
}

.instantshop-cart-badge {
    position: absolute;
    top: 2px;
    right: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #dc3545;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

@media (max-width: 767.98px) {
    .instantshop-cart-nav-link {
        min-width: 38px;
        height: 38px;
    }

    .instantshop-cart-nav-link .nav-icon {
        font-size: 20px;
    }

    .instantshop-cart-badge {
        top: 0;
        right: -2px;
    }
}
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    touch-action: pan-x pan-y;
    overscroll-behavior-x: none;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

input,
select,
textarea,
button,
.instantshop-search-input,
.instantshop-qty-input,
.instantshop-coupon-input,
.instantshop-checkout input,
.instantshop-checkout select,
.instantshop-checkout textarea {
    font-size: 16px !important;
}

img,
video,
canvas,
svg,
iframe {
    max-width: 100%;
}

/* INSTANTSHOP_PRODUCT_SEARCH_MODAL_V105_START
   CSS crítico inline para garantir que o modal mobile não dependa do carregamento do arquivo externo. */
#searchModal.instantshop-product-search-modal,
#searchModal.instantshop-product-search-modal * {
    box-sizing: border-box !important;
}

#searchModal.instantshop-product-search-modal {
    z-index: 20000 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#searchModal.instantshop-product-search-modal .instantshop-product-search-dialog {
    width: min(640px, calc(100vw - 32px)) !important;
    max-width: 640px !important;
    margin: 1.75rem auto !important;
    pointer-events: none !important;
}

#searchModal.instantshop-product-search-modal .instantshop-product-search-content {
    width: 100% !important;
    color: var(--text-color) !important;
    background: var(--card-bg) !important;
    border: 1px solid rgba(109, 40, 217, 0.22) !important;
    border-radius: 1.25rem !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.32) !important;
}

#searchModal .instantshop-product-search-topbar {
    display: none !important;
}

#searchModal .instantshop-product-search-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 1.35rem 1.45rem 0.95rem !important;
    border-bottom: 1px solid rgba(109, 40, 217, 0.18) !important;
    background: var(--card-bg) !important;
}

#searchModal .instantshop-product-search-heading {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

#searchModal .instantshop-product-search-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 0 0.35rem !important;
    padding: 0.25rem 0.65rem !important;
    border-radius: 999px !important;
    background: rgba(109, 40, 217, 0.14) !important;
    color: #a78bfa !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

#searchModal .instantshop-product-search-title {
    margin: 0 !important;
    color: var(--text-color) !important;
    font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}

#searchModal .instantshop-product-search-subtitle {
    margin: 0.4rem 0 0 !important;
    color: var(--text-color) !important;
    font-size: 0.95rem !important;
    line-height: 1.45 !important;
    opacity: 0.72 !important;
}

#searchModal .instantshop-product-search-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: #6d28d9 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#searchModal .instantshop-product-search-body {
    padding: 1.45rem !important;
    background: var(--card-bg) !important;
}

#searchModal .instantshop-product-search-form,
#searchModal .instantshop-product-search-form * {
    max-width: 100% !important;
}

#searchModal .instantshop-product-search-label {
    display: block !important;
    margin: 0 0 0.55rem !important;
    color: var(--text-color) !important;
    font-size: 0.88rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

#searchModal .instantshop-product-search-input-wrap {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 132px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    border: 1px solid var(--bg-input-border) !important;
    border-radius: 1rem !important;
    background: var(--bg-input) !important;
    overflow: hidden !important;
}

#searchModal .instantshop-product-search-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    color: var(--text-color) !important;
    opacity: 0.68 !important;
    font-size: 1.05rem !important;
}

#searchModal .instantshop-product-search-input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 0.75rem 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--text-color) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    outline: none !important;
}

#searchModal .instantshop-product-search-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 1rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: #6d28d9 !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

#searchModal .instantshop-product-search-submit-icon {
    display: none !important;
}

#searchModal .instantshop-product-search-shortcuts {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
    margin-top: 1rem !important;
}

#searchModal .instantshop-product-search-shortcuts a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0.45rem 0.75rem !important;
    border: 1px solid var(--bg-input-border) !important;
    border-radius: 999px !important;
    color: var(--text-color) !important;
    background: var(--bg-user) !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

@media (max-width: 767.98px) {
    #searchModal.instantshop-product-search-modal .instantshop-product-search-dialog {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: calc(100vw - 20px) !important;
        max-width: none !important;
        min-height: calc(100dvh - 20px) !important;
        margin: 10px auto !important;
        transform: none !important;
    }

    #searchModal.instantshop-product-search-modal .instantshop-product-search-content {
        max-height: calc(100dvh - 20px) !important;
        border-radius: 1rem !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    #searchModal .instantshop-product-search-topbar {
        display: block !important;
        width: 42px !important;
        height: 4px !important;
        margin: 0.7rem auto 0 !important;
        border-radius: 999px !important;
        background: rgba(148, 163, 184, 0.55) !important;
    }

    #searchModal .instantshop-product-search-header {
        padding: 0.85rem 0.9rem 0.75rem !important;
        gap: 0.7rem !important;
    }

    #searchModal .instantshop-product-search-title {
        font-size: clamp(1.15rem, 5.3vw, 1.45rem) !important;
        line-height: 1.12 !important;
    }

    #searchModal .instantshop-product-search-subtitle {
        margin-top: 0.3rem !important;
        font-size: 0.86rem !important;
        line-height: 1.32 !important;
    }

    #searchModal .instantshop-product-search-eyebrow {
        margin-bottom: 0.28rem !important;
        padding: 0.2rem 0.52rem !important;
        font-size: 0.64rem !important;
    }

    #searchModal .instantshop-product-search-close {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    #searchModal .instantshop-product-search-body {
        padding: 0.95rem !important;
    }

    #searchModal .instantshop-product-search-label {
        font-size: 0.84rem !important;
        margin-bottom: 0.48rem !important;
    }

    #searchModal .instantshop-product-search-input-wrap {
        grid-template-columns: 42px minmax(0, 1fr) minmax(76px, 25vw) !important;
        border-radius: 0.9rem !important;
        overflow: hidden !important;
    }

    #searchModal .instantshop-product-search-icon,
    #searchModal .instantshop-product-search-input,
    #searchModal .instantshop-product-search-submit {
        min-height: 48px !important;
        height: 48px !important;
    }

    #searchModal .instantshop-product-search-input {
        padding-right: 0.55rem !important;
        font-size: 16px !important;
    }

    #searchModal .instantshop-product-search-submit {
        padding: 0 0.55rem !important;
        font-size: 0.82rem !important;
    }

    #searchModal .instantshop-product-search-submit-text::before {
        content: 'Buscar' !important;
        display: inline !important;
        font-size: 0.82rem !important;
    }

    #searchModal .instantshop-product-search-submit-text {
        font-size: 0 !important;
    }

    #searchModal .instantshop-product-search-shortcuts {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.5rem !important;
        margin-top: 0.85rem !important;
    }

    #searchModal .instantshop-product-search-shortcuts a {
        min-width: 0 !important;
        min-height: 36px !important;
        padding: 0.45rem 0.45rem !important;
        font-size: 0.82rem !important;
        text-align: center !important;
        white-space: normal !important;
    }
}

@media (max-width: 360px) {
    #searchModal.instantshop-product-search-modal .instantshop-product-search-dialog {
        width: calc(100vw - 14px) !important;
        min-height: calc(100dvh - 14px) !important;
        margin: 7px auto !important;
    }

    #searchModal .instantshop-product-search-header,
    #searchModal .instantshop-product-search-body {
        padding-left: 0.78rem !important;
        padding-right: 0.78rem !important;
    }

    #searchModal .instantshop-product-search-subtitle {
        display: none !important;
    }

    #searchModal .instantshop-product-search-input-wrap {
        grid-template-columns: 38px minmax(0, 1fr) 66px !important;
    }

    #searchModal .instantshop-product-search-submit {
        padding-left: 0.35rem !important;
        padding-right: 0.35rem !important;
        font-size: 0.78rem !important;
    }
}
/* INSTANTSHOP_PRODUCT_SEARCH_MODAL_V105_END */


/* INSTANTSHOP_NAV_TEXT_LOGO_V104_START */
#mainnav .navbar-brand.instantshop-navbar-brand-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  max-width: min(320px, 42vw) !important;
  overflow: hidden !important;
  color: inherit !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

#mainnav .instantshop-navbar-brand-name {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: clamp(1.08rem, 1.2vw + .75rem, 1.45rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.05 !important;
  color: currentColor !important;
}

@media (max-width: 767.98px) {
  #mainnav .navbar-brand.instantshop-navbar-brand-text {
    max-width: min(46vw, 170px) !important;
  }

  #mainnav .instantshop-navbar-brand-name {
    font-size: clamp(1rem, 4.2vw, 1.2rem) !important;
  }
}

@media (max-width: 380px) {
  #mainnav .navbar-brand.instantshop-navbar-brand-text {
    max-width: 140px !important;
  }

  #mainnav .instantshop-navbar-brand-name {
    font-size: 1rem !important;
  }
}
/* INSTANTSHOP_NAV_TEXT_LOGO_V104_END */


/* INSTANTSHOP_MOBILE_NAV_LAYER_V108_START */
/*
 * INSTANTSHOP_MOBILE_NAV_LAYER_V108
 * Correção v108: menu mobile acima da página com visibilidade Bootstrap restaurada; as regras do painel
 * são limitadas a #navbarsDefault para não quebrar a barra superior, carrinho e logo.
 */
#mainnav {
    position: relative !important;
    z-index: 35000 !important;
    overflow: visible !important;
}

#mainnav .navbar-toggler {
    position: relative !important;
    z-index: 35030 !important;
}

@media (max-width: 767.98px) {
    #mainnav {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 0.35rem !important;
        min-height: 56px !important;
        padding: 0.5rem 0.75rem !important;
        z-index: 35000 !important;
        overflow: visible !important;
    }

    #mainnav.instantshop-mobile-menu-open {
        z-index: 45000 !important;
    }

    #mainnav .navbar-brand.instantshop-navbar-brand-text,
    #mainnav .navbar-brand.instantshop-navbar-brand-logo {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: calc(100vw - 150px) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #mainnav .instantshop-navbar-brand-name {
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        line-height: 1.05 !important;
    }

    #mainnav .instantshop-navbar-cart-wrap {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 40px !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: 0.35rem !important;
        padding: 0 !important;
        gap: 0 !important;
        flex-direction: row !important;
    }

    #mainnav .instantshop-navbar-cart-wrap .instantshop-cart-nav-link {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 999px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    #mainnav .navbar-toggler {
        flex: 0 0 auto !important;
        width: 42px !important;
        height: 40px !important;
        min-width: 42px !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0.35rem 0.55rem !important;
        border-radius: 0.8rem !important;
        line-height: 1 !important;
    }

    #mainnav .navbar-toggler:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.16rem rgba(109, 40, 217, 0.18) !important;
    }

    #mainnav #navbarsDefault {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 0.75rem !important;
        right: 0.75rem !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100vw - 1.5rem) !important;
        z-index: 45010 !important;
        margin: 0 !important;
        padding: 0.72rem !important;
        color: var(--text-color) !important;
        background: var(--card-bg) !important;
        border: 1px solid rgba(109, 40, 217, 0.22) !important;
        border-radius: 1rem !important;
        box-shadow: 0 18px 55px rgba(0, 0, 0, 0.34) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        max-height: calc(100dvh - 92px) !important;
    }

    #mainnav #navbarsDefault:not(.show):not(.collapsing) {
        display: none !important;
    }

    #mainnav #navbarsDefault.show,
    #mainnav #navbarsDefault.collapsing {
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    #mainnav #navbarsDefault .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.25rem !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #mainnav #navbarsDefault .navbar-nav .nav-item,
    #mainnav #navbarsDefault .navbar-nav .nav-link,
    #mainnav #navbarsDefault .navbar-nav .dropdown-toggle {
        width: 100% !important;
        max-width: 100% !important;
    }

    #mainnav #navbarsDefault .navbar-nav .nav-link,
    #mainnav #navbarsDefault .navbar-nav .dropdown-toggle,
    #mainnav #navbarsDefault .navbar-nav .btn {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0.62rem 0.75rem !important;
        border-radius: 0.78rem !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }


    /* INSTANTSHOP_MOBILE_NAV_DMD_VISIBILITY_V108_START
       Garante que os ícones exclusivos do desktop continuem ocultos no mobile.
       A regra do painel mobile usa display:flex, então precisamos restaurar a lógica
       d-none / d-md-block / d-md-none com seletor mais específico e depois das regras gerais.
    */
    #mainnav #navbarsDefault .navbar-nav .nav-link.d-none,
    #mainnav #navbarsDefault .navbar-nav .nav-link.d-none.d-md-block,
    #mainnav #navbarsDefault .navbar-nav a.nav-link.d-none.d-md-block,
    #mainnav #navbarsDefault .navbar-nav .nav-link.d-md-block:not(.d-md-none) {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #mainnav #navbarsDefault .navbar-nav .nav-link.d-md-none,
    #mainnav #navbarsDefault .navbar-nav a.nav-link.d-md-none {
        display: flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
    /* INSTANTSHOP_MOBILE_NAV_DMD_VISIBILITY_V108_END */

    #mainnav #navbarsDefault .navbar-nav .nav-link:hover,
    #mainnav #navbarsDefault .navbar-nav .nav-link:focus,
    #mainnav #navbarsDefault .navbar-nav .dropdown-toggle:hover,
    #mainnav #navbarsDefault .navbar-nav .dropdown-toggle:focus {
        background: var(--bg-user) !important;
    }

    #mainnav #navbarsDefault .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0.35rem 0 0.4rem !important;
        padding: 0.38rem !important;
        transform: none !important;
        z-index: 45020 !important;
        border-radius: 0.85rem !important;
        box-shadow: none !important;
        background: var(--bg-input) !important;
        border: 1px solid var(--bg-input-border) !important;
        overflow: hidden !important;
    }

    #mainnav #navbarsDefault .navbar-nav .dropdown-menu.show {
        display: block !important;
    }

    #mainnav #navbarsDefault .navbar-nav .dropdown-item {
        display: flex !important;
        align-items: center !important;
        min-height: 38px !important;
        padding: 0.55rem 0.65rem !important;
        border-radius: 0.65rem !important;
        white-space: normal !important;
    }

    #mainnav #navbarsDefault .navbar-nav .avatar-xs {
        flex: 0 0 auto !important;
    }

    body.instantshop-mobile-menu-open {
        overflow-x: hidden !important;
    }
}
/* INSTANTSHOP_MOBILE_NAV_LAYER_V108_END */


/* INSTANTSHOP_DESKTOP_NAV_DMD_VISIBILITY_V108_START */
@media (min-width: 768px) {
    #mainnav #navbarsDefault .navbar-nav .nav-link.d-md-none,
    #mainnav #navbarsDefault .navbar-nav a.nav-link.d-md-none {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #mainnav #navbarsDefault .navbar-nav .nav-link.d-none.d-md-block,
    #mainnav #navbarsDefault .navbar-nav a.nav-link.d-none.d-md-block {
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}
/* INSTANTSHOP_DESKTOP_NAV_DMD_VISIBILITY_V108_END */


/* INSTANTSHOP_MOBILE_NAV_ICON_TEXT_SPACING_V109_START */
/*
 * INSTANTSHOP_MOBILE_NAV_ICON_TEXT_SPACING_V109
 * Ajuste pontual: mantém a visibilidade correta do v108 e aumenta o espaço entre
 * ícone/avatar e texto nos links do menu hambúrguer mobile.
 */
@media (max-width: 767.98px) {
    #mainnav #navbarsDefault .navbar-nav .nav-link.d-md-none,
    #mainnav #navbarsDefault .navbar-nav a.nav-link.d-md-none {
        align-items: center !important;
        justify-content: flex-start !important;
        line-height: 1.25 !important;
    }

    #mainnav #navbarsDefault .navbar-nav .nav-link.d-md-none > i,
    #mainnav #navbarsDefault .navbar-nav a.nav-link.d-md-none > i,
    #mainnav #navbarsDefault .navbar-nav .nav-link.d-md-none > .nav-icon,
    #mainnav #navbarsDefault .navbar-nav a.nav-link.d-md-none > .nav-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 1.35rem !important;
        width: 1.35rem !important;
        min-width: 1.35rem !important;
        max-width: 1.35rem !important;
        margin-right: 0.68rem !important;
        margin-left: 0 !important;
        text-align: center !important;
        line-height: 1 !important;
        font-size: 1.05rem !important;
        vertical-align: middle !important;
    }

    #mainnav #navbarsDefault .navbar-nav .dropdown-toggle {
        column-gap: 0.68rem !important;
    }

    #mainnav #navbarsDefault .navbar-nav .dropdown-toggle > .avatar-xs,
    #mainnav #navbarsDefault .navbar-nav .dropdown-toggle > img.avatar-xs {
        flex: 0 0 auto !important;
        margin-right: 0 !important;
    }

    #mainnav #navbarsDefault .navbar-nav .dropdown-item {
        column-gap: 0.55rem !important;
    }
}

/* INSTANTSHOP_MOBILE_NAV_ICON_TEXT_SPACING_V109_END */
/* InstantShop v92 - Hero com banner lateral e título autoajustável
   Mantém o upload flexível: qualquer dimensão no admin, ajuste visual apenas no frontend. */

.instantshop-storefront-v20 .instantshop-store-hero-v92,
.instantshop-storefront-v20 .instantshop-store-hero-v92 *{
    box-sizing:border-box!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92{
    display:grid!important;
    grid-template-columns:minmax(230px,.42fr) minmax(0,.58fr)!important;
    gap:20px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:22px!important;
    overflow:hidden!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-store-hero-copy{
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:10px 0!important;
    position:relative!important;
    z-index:2!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-store-hero-copy h1{
    --instantshop-hero-title-size:clamp(30px,4.2vw,58px);
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:var(--instantshop-hero-title-size)!important;
    line-height:.96!important;
    letter-spacing:-.045em!important;
    font-weight:950!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
    text-wrap:balance!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-store-hero-copy p{
    max-width:100%!important;
    margin:12px 0 18px!important;
    overflow-wrap:anywhere!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-type-links{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    max-width:100%!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85{
    grid-column:auto!important;
    align-self:center!important;
    justify-self:stretch!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    clear:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-track{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-track::-webkit-scrollbar{
    display:none!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item{
    flex:0 0 100%!important;
    display:block!important;
    width:100%!important;
    max-width:1156px!important;
    min-width:0!important;
    aspect-ratio:1156/268!important;
    height:auto!important;
    min-height:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#f3f4f6!important;
    scroll-snap-align:start!important;
    box-shadow:none!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 picture,
.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:1156/268!important;
    object-fit:cover!important;
    object-position:center center!important;
    border:0!important;
    border-radius:0!important;
    image-rendering:auto!important;
    transform:translateZ(0)!important;
    backface-visibility:hidden!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-overlay{
    pointer-events:none!important;
}

/* Fallback automático com produtos, quando não existir banner manual. */
.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-auto-product-banner-v85{
    grid-column:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    align-self:center!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-auto-product-banner-v85 .is-auto-banner-head{
    display:none!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-auto-product-banner-v85 .is-auto-banner-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:1156/268!important;
    min-height:0!important;
    overflow:hidden!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-auto-product-banner-v85 .is-auto-banner-main,
.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-auto-product-banner-v85 .is-auto-banner-side-card{
    min-width:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-auto-product-banner-v85 .is-auto-banner-side{
    display:grid!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
}

@media(max-width:991.98px){
    .instantshop-storefront-v20 .instantshop-store-hero-v92{
        grid-template-columns:1fr!important;
        gap:18px!important;
        padding:18px!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-store-hero-copy h1{
        --instantshop-hero-title-size:clamp(28px,8vw,48px);
        line-height:1!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-track{
        justify-content:center!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item{
        max-width:100%!important;
    }
}

@media(max-width:575.98px){
    .instantshop-storefront-v20 .instantshop-store-hero-v92{
        padding:14px!important;
        border-radius:18px!important;
        gap:14px!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-store-hero-copy{
        padding:6px 0!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-store-hero-copy h1{
        --instantshop-hero-title-size:clamp(24px,10vw,38px);
        line-height:1.02!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-store-hero-copy p{
        margin:10px 0 14px!important;
        font-size:.96rem!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-type-links a{
        flex:1 1 calc(50% - 8px)!important;
        text-align:center!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85{
        display:flex!important;
        justify-content:center!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-track{
        width:100%!important;
        max-width:336px!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item{
        width:100%!important;
        max-width:336px!important;
        aspect-ratio:336/280!important;
        border-radius:16px!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 picture,
    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 img{
        aspect-ratio:336/280!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-auto-product-banner-v85 .is-auto-banner-layout{
        max-width:336px!important;
        aspect-ratio:336/280!important;
        grid-template-columns:1fr!important;
        margin:0 auto!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-auto-product-banner-v85 .is-auto-banner-side{
        display:none!important;
    }
}

/* Admin: amostras menores, sempre dentro da borda. */
.instantshop-admin-banners-v90 .is-banner-preview-v90,
.instantshop-admin-banners-v92 .is-banner-preview-v90{
    max-width:100%!important;
    overflow:hidden!important;
    contain:layout paint!important;
    background:#f8fafc!important;
}

.instantshop-admin-banners-v90 .is-banner-preview-v90 img,
.instantshop-admin-banners-v92 .is-banner-preview-v90 img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    image-rendering:auto!important;
    background:#fff!important;
}

.instantshop-admin-banners-v90 .is-banner-preview-desktop-v90,
.instantshop-admin-banners-v92 .is-banner-preview-desktop-v90{
    width:min(100%,520px)!important;
    max-width:520px!important;
    aspect-ratio:1156/268!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.instantshop-admin-banners-v90 .is-banner-preview-mobile-v90,
.instantshop-admin-banners-v92 .is-banner-preview-mobile-v90{
    width:min(100%,180px)!important;
    max-width:180px!important;
    aspect-ratio:336/280!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* InstantShop v93 - fonte responsiva dentro do banner manual (.is-home-banner-copy)
   Corrige títulos grandes que não acompanhavam o tamanho real do banner. */
.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-item,
.instantshop-home-banner-v85 .is-home-banner-item{
    container-type:inline-size!important;
    container-name:instantshopBannerItem!important;
    position:relative!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-overlay,
.instantshop-home-banner-v85 .is-home-banner-overlay{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100%!important;
    padding:clamp(10px,2.15cqw,28px)!important;
    overflow:hidden!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy,
.instantshop-home-banner-v85 .is-home-banner-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:clamp(3px,.68cqw,8px)!important;
    width:min(58%,620px)!important;
    max-width:58%!important;
    min-width:0!important;
    max-height:calc(100% - clamp(10px,2cqw,24px))!important;
    overflow:hidden!important;
    color:#fff!important;
    text-shadow:0 2px 18px rgba(0,0,0,.40)!important;
    line-height:1.05!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-badge,
.instantshop-home-banner-v85 .is-home-banner-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    max-width:100%!important;
    min-width:0!important;
    padding:clamp(4px,.75cqw,7px) clamp(7px,1.25cqw,12px)!important;
    border-radius:999px!important;
    font-size:clamp(9px,1.08cqw,13px)!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy h2,
.instantshop-home-banner-v85 .is-home-banner-copy h2{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(15px,3.15cqw,40px)!important;
    line-height:.96!important;
    letter-spacing:-.045em!important;
    font-weight:950!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
    text-wrap:balance!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy p,
.instantshop-home-banner-v85 .is-home-banner-copy p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(10px,1.25cqw,15px)!important;
    line-height:1.22!important;
    font-weight:600!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:anywhere!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-button,
.instantshop-home-banner-v85 .is-home-banner-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    max-width:100%!important;
    min-width:0!important;
    margin-top:clamp(1px,.38cqw,5px)!important;
    padding:clamp(5px,.95cqw,10px) clamp(8px,1.45cqw,16px)!important;
    border-radius:999px!important;
    font-size:clamp(10px,1.12cqw,14px)!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* Quando o JS detectar pouco espaço, ele ativa esta classe para preservar o layout. */
.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight,
.instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight{
    gap:2px!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight h2,
.instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight h2{
    -webkit-line-clamp:2!important;
    line-height:.95!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight p,
.instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight p{
    -webkit-line-clamp:1!important;
}

@media(max-width:991.98px){
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-home-banner-v85 .is-home-banner-copy{
        width:min(68%,620px)!important;
        max-width:68%!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-home-banner-v85 .is-home-banner-copy h2{
        font-size:clamp(14px,4.4cqw,34px)!important;
    }
}

@media(max-width:575.98px){
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-overlay,
    .instantshop-home-banner-v85 .is-home-banner-overlay{
        align-items:flex-end!important;
        justify-content:flex-start!important;
        padding:clamp(12px,4.3cqw,18px)!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-home-banner-v85 .is-home-banner-copy{
        width:100%!important;
        max-width:100%!important;
        max-height:82%!important;
        gap:clamp(3px,1.6cqw,7px)!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-home-banner-v85 .is-home-banner-badge{
        font-size:clamp(9px,3.1cqw,12px)!important;
        padding:clamp(4px,1.5cqw,6px) clamp(7px,2.4cqw,10px)!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-home-banner-v85 .is-home-banner-copy h2{
        -webkit-line-clamp:3!important;
        font-size:clamp(17px,7.1cqw,28px)!important;
        line-height:1!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 .is-home-banner-copy p{
        -webkit-line-clamp:2!important;
        font-size:clamp(11px,3.85cqw,14px)!important;
        line-height:1.2!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-button,
    .instantshop-home-banner-v85 .is-home-banner-button{
        font-size:clamp(10px,3.45cqw,13px)!important;
        padding:clamp(5px,1.8cqw,7px) clamp(8px,3cqw,12px)!important;
    }
}

@supports not (font-size:1cqw){
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-home-banner-v85 .is-home-banner-copy h2{font-size:clamp(15px,2.55vw,38px)!important}
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 .is-home-banner-copy p{font-size:clamp(10px,1.05vw,15px)!important}
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-home-banner-v85 .is-home-banner-badge{font-size:clamp(9px,.9vw,13px)!important}
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-button,
    .instantshop-home-banner-v85 .is-home-banner-button{font-size:clamp(10px,.96vw,14px)!important}
}

/* InstantShop v94 - ajuste rígido do conteúdo interno do banner no desktop.
   O v93 tinha CSS com !important; agora o JS v94 também aplica inline !important e esta camada reduz badge, título e botão conforme o tamanho real do banner. */
.instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-item,
.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-item,
.instantshop-home-banner-v85 .is-home-banner-item{
    container-type:size!important;
    contain:layout size paint!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-overlay,
.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-overlay,
.instantshop-home-banner-v85 .is-home-banner-overlay{
    padding:clamp(8px,min(2cqw,8cqh),24px)!important;
    overflow:hidden!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy,
.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy,
.instantshop-home-banner-v85 .is-home-banner-copy{
    width:min(68%,calc(100% - 20px))!important;
    max-width:min(68%,calc(100% - 20px))!important;
    max-height:82%!important;
    min-width:0!important;
    overflow:hidden!important;
    gap:clamp(2px,min(.62cqw,2.55cqh),8px)!important;
    contain:layout paint!important;
}

.instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy > *,
.instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy > *,
.instantshop-home-banner-v85 .is-home-banner-copy > *{
    min-width:0!important;
    max-width:100%!important;
}

@media(min-width:576px){
    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-home-banner-v85 .is-home-banner-badge{
        font-size:clamp(7px,min(1.08cqw,4.8cqh),13px)!important;
        padding:clamp(3px,min(.45cqw,2.3cqh),7px) clamp(6px,min(.9cqw,4.2cqh),12px)!important;
        max-width:100%!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-home-banner-v85 .is-home-banner-copy h2{
        font-size:clamp(10px,min(3.05cqw,16.2cqh),39px)!important;
        line-height:.96!important;
        -webkit-line-clamp:2!important;
        max-height:calc(2em * .98)!important;
        overflow:hidden!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 .is-home-banner-copy p{
        font-size:clamp(8px,min(1.25cqw,5.2cqh),15px)!important;
        line-height:1.16!important;
        -webkit-line-clamp:2!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-button,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-button,
    .instantshop-home-banner-v85 .is-home-banner-button{
        font-size:clamp(8px,min(1.12cqw,5.2cqh),14px)!important;
        padding:clamp(4px,min(.62cqw,2.8cqh),10px) clamp(7px,min(1.02cqw,4.8cqh),16px)!important;
        max-width:100%!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight{
        width:min(72%,calc(100% - 18px))!important;
        max-width:min(72%,calc(100% - 18px))!important;
        gap:1px!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p{
        display:none!important;
    }
}

@media(max-width:575.98px){
    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-home-banner-v85 .is-home-banner-copy{
        width:100%!important;
        max-width:100%!important;
        max-height:84%!important;
    }
}


/* InstantShop v95 - desktop com título normal e botão ajustado.
   Preserva a leitura do banner: título e botão não ficam minúsculos no desktop;
   quando faltar altura, o subtítulo é reduzido/ocultado antes de reduzir demais o título. */
@media(min-width:576px){
    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-overlay,
    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-overlay,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-overlay,
    .instantshop-home-banner-v85 .is-home-banner-overlay{
        padding:clamp(12px,2.15cqw,26px)!important;
        align-items:center!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-home-banner-v85 .is-home-banner-copy{
        width:min(70%,calc(100% - 24px))!important;
        max-width:min(70%,calc(100% - 24px))!important;
        max-height:92%!important;
        gap:clamp(4px,.78cqw,9px)!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-home-banner-v85 .is-home-banner-badge{
        font-size:clamp(11px,1.15cqw,14px)!important;
        padding:clamp(5px,.62cqw,8px) clamp(10px,1.08cqw,14px)!important;
        line-height:1!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-home-banner-v85 .is-home-banner-copy h2{
        font-size:clamp(24px,min(4.85cqw,22.5cqh),44px)!important;
        line-height:.98!important;
        letter-spacing:-.04em!important;
        -webkit-line-clamp:2!important;
        max-height:calc(2em * .99)!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 .is-home-banner-copy p{
        font-size:clamp(12px,1.35cqw,15px)!important;
        line-height:1.18!important;
        -webkit-line-clamp:1!important;
        opacity:.96!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-button,
    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-button,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-button,
    .instantshop-home-banner-v85 .is-home-banner-button{
        font-size:clamp(12px,1.55cqw,15px)!important;
        padding:clamp(8px,.88cqw,11px) clamp(14px,1.55cqw,19px)!important;
        min-height:34px!important;
        line-height:1!important;
        border-radius:999px!important;
        flex:0 0 auto!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p{
        display:none!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight,
    .instantshop-storefront-v20 .instantshop-store-hero-v94 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight,
    .instantshop-storefront-v20 .instantshop-store-hero-v93 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-tight{
        width:min(74%,calc(100% - 22px))!important;
        max-width:min(74%,calc(100% - 22px))!important;
        max-height:94%!important;
        gap:clamp(3px,.6cqw,7px)!important;
    }
}


/* InstantShop v96 - subtítulo restaurado no desktop.
   Mantém título e botão legíveis, mas nunca esconde o subtítulo por padrão. */
@media(min-width:576px){
    .instantshop-storefront-v20 .instantshop-store-hero-v96 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-home-banner-v85 .is-home-banner-copy{
        overflow:hidden!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v96 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-storefront-v20 .instantshop-store-hero-v96 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-storefront-v20 .instantshop-store-hero-v96 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p,
    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p,
    .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p{
        display:-webkit-box!important;
        visibility:visible!important;
        opacity:.94!important;
        font-size:clamp(11px,1.18cqw,14px)!important;
        line-height:1.14!important;
        -webkit-line-clamp:1!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        max-width:100%!important;
        max-height:1.22em!important;
        margin:0!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v96 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p{
        font-size:clamp(10px,1.05cqw,13px)!important;
        line-height:1.1!important;
        max-height:1.12em!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v96 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p,
    .instantshop-storefront-v20 .instantshop-store-hero-v95 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p{
        font-size:10px!important;
        line-height:1.05!important;
        max-height:1.05em!important;
    }
}

/* InstantShop v97 - remove botão do banner e melhora respiro do subtítulo no desktop. */
.instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-button,
.instantshop-home-banner-v85 .is-home-banner-button{
    display:none!important;
    visibility:hidden!important;
}

@media(min-width:576px){
    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-home-banner-v85 .is-home-banner-copy{
        gap:clamp(6px,.85cqw,11px)!important;
        max-height:92%!important;
        justify-content:center!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-home-banner-v85 .is-home-banner-copy h2{
        line-height:1.04!important;
        margin:0!important;
        max-height:calc(2em * 1.06)!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p,
    .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p{
        display:-webkit-box!important;
        visibility:visible!important;
        opacity:.96!important;
        font-size:clamp(13px,1.45cqw,17px)!important;
        line-height:1.30!important;
        margin:clamp(3px,.45cqw,6px) 0 0!important;
        -webkit-line-clamp:1!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        max-height:1.34em!important;
        max-width:100%!important;
        font-weight:650!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-home-banner-v85 .is-home-banner-badge{
        margin-bottom:clamp(1px,.2cqw,3px)!important;
    }
}

/* InstantShop v99/v100 - respiro do texto do banner no mobile.
   Corrige badge/título/subtítulo encostando na borda inferior da imagem 336x280. */
@media(max-width:575.98px){
    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-overlay,
    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-overlay,
    .instantshop-home-banner-v85 .is-home-banner-overlay{
        align-items:flex-end!important;
        justify-content:flex-start!important;
        padding:18px 16px 26px!important;
        overflow:hidden!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-home-banner-v85 .is-home-banner-copy{
        width:100%!important;
        max-width:100%!important;
        max-height:calc(100% - 44px)!important;
        margin:0 0 2px!important;
        padding:0!important;
        gap:clamp(5px,1.9cqw,8px)!important;
        justify-content:flex-end!important;
        overflow:hidden!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-home-banner-v85 .is-home-banner-badge{
        flex:0 0 auto!important;
        line-height:1!important;
        margin:0!important;
        max-width:92%!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-home-banner-v85 .is-home-banner-copy h2{
        flex:0 1 auto!important;
        line-height:1.06!important;
        margin:0!important;
        -webkit-line-clamp:2!important;
        max-height:calc(2em * 1.08)!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-storefront-v20 .instantshop-store-hero-v97 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p{
        display:-webkit-box!important;
        visibility:visible!important;
        opacity:.95!important;
        flex:0 1 auto!important;
        font-size:clamp(10px,3.35cqw,13px)!important;
        line-height:1.24!important;
        margin:1px 0 0!important;
        -webkit-line-clamp:2!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        max-height:2.55em!important;
    }
}


/* InstantShop v99 - badge menor e com respiro antes do título no mobile. */
@media(max-width:575.98px){
    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-home-banner-v85 .is-home-banner-copy{
        gap:clamp(4px,1.55cqw,7px)!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-home-banner-v85 .is-home-banner-badge{
        font-size:clamp(7px,2.35cqw,10px)!important;
        line-height:1.02!important;
        padding:2px clamp(6px,2.15cqw,9px)!important;
        margin:0 0 clamp(4px,1.35cqw,7px)!important;
        max-height:22px!important;
        max-width:88%!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-home-banner-v85 .is-home-banner-copy h2{
        margin-top:0!important;
    }
}

/* Desktop: mantém o badge compacto sem colar no título. */
@media(min-width:576px){
    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-home-banner-v85 .is-home-banner-badge{
        line-height:1.04!important;
        padding:clamp(3px,.38cqw,5px) clamp(8px,.72cqw,12px)!important;
        margin:0 0 clamp(3px,.32cqw,6px)!important;
        max-height:28px!important;
    }
}


/* InstantShop v100 - badge compacto também no desktop.
   Reduz a altura do selo e cria respiro real antes do título sem diminuir o título. */
@media(min-width:576px){
    .instantshop-storefront-v20 .instantshop-store-hero-v100 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-copy,
    .instantshop-home-banner-v85 .is-home-banner-copy{
        gap:clamp(6px,.58vw,10px)!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v100 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-badge,
    .instantshop-home-banner-v85 .is-home-banner-badge{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:max-content!important;
        max-width:min(88%, 360px)!important;
        height:auto!important;
        min-height:0!important;
        max-height:22px!important;
        font-size:clamp(9px,.72vw,12px)!important;
        line-height:1!important;
        padding:2px clamp(8px,.62vw,10px)!important;
        margin:0 0 clamp(7px,.58vw,10px)!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .instantshop-storefront-v20 .instantshop-store-hero-v100 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-storefront-v20 .instantshop-store-hero-v99 .instantshop-home-banner-v85 .is-home-banner-copy h2,
    .instantshop-home-banner-v85 .is-home-banner-copy h2{
        margin-top:0!important;
    }
}

/* InstantShop v101 - corrige corte inferior do subtítulo do banner.
   Aumenta line-height e altura útil para letras com descendentes (g, j, p, q, y). */
.instantshop-storefront-v20 .instantshop-store-hero-v101 .instantshop-home-banner-v85 [data-instantshop-banner-subtitle="true"],
.instantshop-storefront-v20 .instantshop-store-hero-v101 .instantshop-home-banner-v85 .is-home-banner-copy p,
.instantshop-home-banner-v85 [data-instantshop-banner-subtitle="true"],
.instantshop-home-banner-v85 .is-home-banner-copy p{
    line-height:1.38!important;
    padding-bottom:.12em!important;
    margin-bottom:0!important;
    min-height:1.48em!important;
    max-height:1.68em!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    text-overflow:ellipsis!important;
}

@media(min-width:576px){
    .instantshop-storefront-v20 .instantshop-store-hero-v101 .instantshop-home-banner-v85 [data-instantshop-banner-subtitle="true"],
    .instantshop-storefront-v20 .instantshop-store-hero-v101 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 [data-instantshop-banner-subtitle="true"],
    .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-compact-desktop p,
    .instantshop-home-banner-v85 .is-home-banner-copy.is-banner-copy-critical p{
        line-height:1.40!important;
        padding-bottom:.16em!important;
        min-height:1.52em!important;
        max-height:1.72em!important;
        margin-top:clamp(4px,.42vw,7px)!important;
        overflow:hidden!important;
    }
}

@media(max-width:575.98px){
    .instantshop-storefront-v20 .instantshop-store-hero-v101 .instantshop-home-banner-v85 [data-instantshop-banner-subtitle="true"],
    .instantshop-storefront-v20 .instantshop-store-hero-v101 .instantshop-home-banner-v85 .is-home-banner-copy p,
    .instantshop-home-banner-v85 [data-instantshop-banner-subtitle="true"],
    .instantshop-home-banner-v85 .is-home-banner-copy p{
        line-height:1.34!important;
        padding-bottom:.14em!important;
        min-height:1.46em!important;
        max-height:2.90em!important;
    }
}
.container.mt-4.instantshop-wrap.instantshop-storefront-v20 .instantshop-scroll-row,
.instantshop-storefront-v20 .instantshop-scroll-row,
.instantshop-scroll-row {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch !important;
}

.container.mt-4.instantshop-wrap.instantshop-storefront-v20 .instantshop-scroll-row::-webkit-scrollbar,
.instantshop-storefront-v20 .instantshop-scroll-row::-webkit-scrollbar,
.instantshop-scroll-row::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}