/* =========================================================
   HONEYSKY - CORE.CSS FINAL
========================================================= */

:root {
  --hs-sky-background: var(--background-image);
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  scroll-behavior: smooth;

  background-color: #07080c;

  background-image:
    linear-gradient(
      180deg,
      rgba(5,6,9,.60),
      rgba(5,6,9,.84)
    ),
    var(--background-image);

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}


body {
  min-height: 100vh;

  margin: 0;

  color:
    rgb(
      var(--foreground)
    );

  background:
    transparent !important;

  font-family:
    "Geist",
    sans-serif;

  overflow-x:
    hidden;
}


a {
  text-decoration:
    none;
}


button,
a {
  -webkit-tap-highlight-color:
    transparent;
}


::selection {
  color: #fff;

  background:
    var(--hs-accent);
}


::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}


::-webkit-scrollbar-track {
  background:
    #08090d;
}


::-webkit-scrollbar-thumb {
  background:
    #30323a;

  border-radius:
    999px;
}


::-webkit-scrollbar-thumb:hover {
  background:
    var(--hs-accent);
}


/* =========================================================
   ESTRUTURA
========================================================= */

#honeysky-home {
  display: none;
}


html.honeysky-home
#honeysky-home {
  display: block;
}


html.honeysky-home
.hs-native-main {
  display:
    none !important;
}


.hs-native-main {
  position: relative;

  min-height:
    58vh;

  background:
    transparent !important;
}


html:not(.honeysky-home)
.hs-native-main {

  background:
    linear-gradient(
      180deg,
      rgba(4,5,8,.52),
      rgba(4,5,8,.86)
    ),
    var(--background-image)
    !important;

  background-size:
    cover !important;

  background-position:
    center top !important;

  background-repeat:
    no-repeat !important;

  background-attachment:
    fixed !important;

}


/* =========================================================
   HEADER
========================================================= */

.hs-site-head {

  position:
    relative;

  z-index:
    100;

  width:
    100%;

  background:
    #07080c;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      .07
    );

}


.hs-coupon-bar {

  min-height:
    42px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    7px 15px;

  color:
    #fff;

  background:
    linear-gradient(
      90deg,
      #ff7300,
      #ff9a00,
      #ff7300
    );

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      .15
    );

}


.hs-coupon-bar-inner {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-wrap:
    wrap;

  gap:
    8px;

  font-family:
    "Kanit",
    sans-serif;

  font-size:
    13px;

  font-weight:
    800;

  text-align:
    center;

  text-transform:
    uppercase;

}


.hs-coupon-bar-inner > svg {

  width:
    15px;

  height:
    15px;

}


.hs-coupon-code {

  min-height:
    28px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    0 11px;

  background:
    rgba(
      255,
      255,
      255,
      .16
    );

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      .22
    );

  border-radius:
    5px;

}


#hs-copy-top-coupon {

  width:
    28px;

  height:
    28px;

  display:
    grid;

  place-items:
    center;

  padding:
    0;

  color:
    #fff;

  background:
    transparent;

  border:
    0;

  cursor:
    pointer;

}


#hs-copy-top-coupon svg {

  width:
    14px;

  height:
    14px;

}


.hs-head-shell {

  position:
    relative;

  overflow:
    hidden;

  background:
    radial-gradient(
      circle at 50% 20%,
      rgba(255,140,0,.09),
      transparent 32%
    ),

    linear-gradient(
      180deg,
      rgba(11,10,14,.99),
      rgba(5,6,9,.99)
    );

}


.hs-head-inner {

  position:
    relative;

  z-index:
    2;

  width:
    min(
      1200px,
      calc(100% - 34px)
    );

  min-height:
    126px;

  margin:
    0 auto;

  display:
    grid;

  grid-template-columns:
    1fr
    260px
    1fr;

  align-items:
    center;

  gap:
    24px;

}


.hs-ip-area {

  display:
    flex;

  align-items:
    center;

}


.hs-ip-box {

  min-height:
    52px;

  display:
    inline-flex !important;

  align-items:
    center !important;

  gap:
    12px !important;

  padding:
    6px 13px
    6px 8px !important;

  color:
    #fff !important;

  background:
    rgba(
      10,
      11,
      14,
      .88
    ) !important;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      .10
    ) !important;

  border-radius:
    12px !important;

  box-shadow:
    0 10px 28px
    rgba(
      0,
      0,
      0,
      .28
    ) !important;

  backdrop-filter:
    blur(
      9px
    );

  cursor:
    pointer;

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease !important;

}


.hs-ip-box:hover {

  transform:
    translateY(
      -2px
    ) !important;

  border-color:
    rgba(
      255,
      152,
      0,
      .50
    ) !important;

  box-shadow:
    0 14px 34px
    rgba(
      255,
      152,
      0,
      .12
    ) !important;

}


.hs-player-status {

  min-height:
    34px;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    7px;

  padding:
    0 10px;

  color:
    #fff;

  background:
    linear-gradient(
      180deg,
      rgba(255,164,28,.18),
      rgba(255,138,0,.10)
    );

  border:
    1px solid
    rgba(255,152,0,.32);

  border-radius:
    9px;

  white-space:
    nowrap;

}


.hs-player-status svg {

  width:
    15px;

  height:
    15px;

  color:
    #ff9d00;

}


.hs-player-count {

  color:
    #ffad32 !important;

  font-size:
    11px !important;

  font-weight:
    900 !important;

  letter-spacing:
    .055em !important;

}


.hs-ip-separator {

  width:
    1px;

  height:
    27px;

  background:
    rgba(
      255,
      255,
      255,
      .10
    );

}


.hs-ip-copy {

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  line-height:
    1.05 !important;

}


.hs-ip-copy strong {

  color:
    #fff !important;

  font-size:
    11px !important;

  font-weight:
    900 !important;

  letter-spacing:
    .08em !important;

}


.hs-ip-copy small {

  margin-top:
    4px !important;

  color:
    #ff9800 !important;

  font-size:
    10px !important;

  font-weight:
    800 !important;

}


.hs-logo {

  width:
    260px;

  min-height:
    108px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  justify-self:
    center;

  transition:
    transform .25s ease;

}


.hs-logo:hover {

  transform:
    translateY(-2px)
    scale(1.025);

}


.hs-logo img {

  display:
    block;

  width:
    auto;

  max-width:
    230px;

  max-height:
    100px;

  object-fit:
    contain;

  filter:
    drop-shadow(
      0 13px 24px
      rgba(0,0,0,.42)
    );

}


.hs-logo-fallback {

  color:
    #ff9800;

  font-family:
    "Kanit",
    sans-serif;

  font-size:
    86px;

  font-weight:
    900;

  line-height:
    .9;

  text-shadow:
    0 4px 0
    rgba(92,40,0,.68),

    0 12px 28px
    rgba(255,152,0,.20);

}


.hs-right {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  gap:
    10px;

}


.hs-account-text {

  color:
    rgba(
      255,
      255,
      255,
      .87
    );

  font-size:
    13px;

  white-space:
    nowrap;

}


.hs-account-text strong {

  color:
    #fff;

}


.hs-top-button {

  min-width:
    46px;

  height:
    46px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    8px;

  padding:
    0 13px;

  color:
    #fff !important;

  background:
    linear-gradient(
      180deg,
      #ffa219,
      #ff8500
    );

  border:
    1px solid
    rgba(
      255,
      176,
      74,
      .85
    );

  border-radius:
    8px;

  box-shadow:
    0 10px 24px
    rgba(
      255,
      132,
      0,
      .14
    );

  cursor:
    pointer;

  transition:
    transform .2s ease,
    filter .2s ease;

}


.hs-top-button:hover {

  transform:
    translateY(
      -3px
    );

  filter:
    brightness(
      1.08
    );

}


.hs-top-button svg {

  width:
    20px;

  height:
    20px;

}


.hs-cart-button {

  min-width:
    66px;

  font-weight:
    900;

}


/* =========================================================
   HOME
========================================================= */

.hs-home-hero {

  position:
    relative;

  min-height:
    calc(
      100vh - 168px
    );

  padding:
    38px 0 70px;

  background-color:
    #07080c;

  background-image:
    linear-gradient(
      180deg,
      rgba(3,4,7,.18),
      rgba(4,5,8,.50) 42%,
      rgba(4,5,8,.80) 76%,
      rgba(4,5,8,.97) 100%
    ),
    var(--background-image)
    !important;

  background-size:
    cover !important;

  background-position:
    center top !important;

  background-repeat:
    no-repeat !important;

  background-attachment:
    fixed !important;

}


.hs-home-overlay {

  position:
    absolute;

  inset:
    0;

  pointer-events:
    none;

  background:
    radial-gradient(
      circle at 50% 8%,
      transparent 0 20%,
      rgba(0,0,0,.14) 52%,
      rgba(0,0,0,.48) 100%
    ),

    linear-gradient(
      90deg,
      rgba(0,0,0,.28),
      transparent 25%,
      transparent 75%,
      rgba(0,0,0,.28)
    );

}


.hs-container {

  position:
    relative;

  z-index:
    2;

  width:
    min(
      1180px,
      calc(100% - 34px)
    );

  margin:
    0 auto;

}


/* =========================================================
   TÍTULOS
========================================================= */

.hs-section-heading {

  display:
    grid;

  grid-template-columns:
    minmax(25px,1fr)
    auto
    auto
    auto
    minmax(25px,1fr);

  align-items:
    center;

  gap:
    12px;

  width:
    min(
      760px,
      100%
    );

  margin:
    0 auto 26px;

  text-align:
    center;

}


.hs-section-heading h1,
.hs-section-heading h2 {

  margin:
    0;

  color:
    #fff;

  font-family:
    "Kanit",
    sans-serif;

  font-size:
    clamp(
      28px,
      4vw,
      42px
    );

  font-weight:
    900;

  font-style:
    italic;

  line-height:
    1;

  text-transform:
    uppercase;

  text-shadow:
    0 8px 28px
    rgba(0,0,0,.45);

}


.hs-heading-line {

  height:
    1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,152,0,.72)
    );

}


.hs-section-heading
.hs-heading-line:last-child {

  background:
    linear-gradient(
      90deg,
      rgba(255,152,0,.72),
      transparent
    );

}


.hs-heading-dot {

  width:
    9px;

  height:
    9px;

  transform:
    rotate(
      45deg
    );

  background:
    #ff9800;

  box-shadow:
    0 0 14px
    rgba(255,152,0,.28);

}


/* =========================================================
   SERVIDORES
========================================================= */

.hs-servers-section {

  margin-bottom:
    56px;

}


.hs-servers-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap:
    18px;

}


.hs-server-card {

  position:
    relative;

  min-height:
    230px;

  display:
    grid;

  grid-template-columns:
    150px 1fr;

  align-items:
    center;

  gap:
    18px;

  padding:
    24px;

  overflow:
    hidden;

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius:
    16px;

  box-shadow:
    0 24px 60px
    rgba(0,0,0,.30);

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;

}


.hs-server-card:hover {

  transform:
    translateY(
      -6px
    );

  box-shadow:
    0 34px 78px
    rgba(0,0,0,.44);

}


.hs-server-active {

  border-color:
    rgba(
      255,
      100,
      35,
      .36
    );

  background:
    radial-gradient(
      circle at 18% 50%,
      rgba(255,92,35,.16),
      transparent 34%
    ),

    linear-gradient(
      145deg,
      rgba(30,17,12,.97),
      rgba(9,10,14,.98)
    );

}


.hs-server-soon {

  opacity:
    1;

  border-color:
    rgba(
      255,
      255,
      255,
      .15
    );

  background:
    radial-gradient(
      circle at 18% 50%,
      rgba(255,255,255,.07),
      transparent 34%
    ),

    linear-gradient(
      145deg,
      rgba(18,20,25,.97),
      rgba(9,10,14,.98)
    );

}


.hs-server-visual {

  position:
    relative;

  z-index:
    2;

  width:
    128px;

  height:
    128px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    24px;

  transition:
    transform .3s ease;

}


.hs-server-card:hover
.hs-server-visual {

  transform:
    scale(1.055)
    rotate(-2deg);

}


.hs-server-visual svg {

  width:
    62px;

  height:
    62px;

  stroke-width:
    1.5;

}


.hs-server-active
.hs-server-visual {

  color:
    #ff642e;

  background:
    radial-gradient(
      circle,
      rgba(255,100,35,.16),
      transparent 64%
    );

  border:
    1px solid
    rgba(255,100,35,.30);

}


.hs-server-soon
.hs-server-visual {

  color:
    #f2f4f8;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.07),
      transparent 64%
    );

  border:
    1px solid
    rgba(255,255,255,.16);

}


.hs-server-copy {

  position:
    relative;

  z-index:
    2;

}


.hs-server-kicker {

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .16em;

}


.hs-server-active
.hs-server-kicker {

  color:
    #ff7b3d;

}


.hs-server-soon
.hs-server-kicker {

  color:
    #f2f4f8;

}


.hs-server-copy h3 {

  margin:
    6px 0 8px;

  color:
    #fff;

  font-family:
    "Kanit",
    sans-serif;

  font-size:
    28px;

  font-weight:
    900;

  font-style:
    italic;

}


.hs-server-copy p {

  max-width:
    330px;

  margin:
    0 0 15px;

  font-size:
    13px;

  line-height:
    1.55;

}


.hs-server-active
.hs-server-copy p {

  color:
    #c3b5af;

}


.hs-server-soon
.hs-server-copy p {

  color:
    #b7bcc6;

}


.hs-server-action {

  min-height:
    38px;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    8px;

  padding:
    0 14px;

  color:
    #fff;

  background:
    rgba(255,100,35,.09);

  border:
    1px solid
    rgba(255,100,35,.40);

  border-radius:
    8px;

  font-size:
    10px;

  font-weight:
    900;

  cursor:
    pointer;

  transition:
    background .2s ease,
    transform .2s ease;

}


.hs-server-action:hover {

  background:
    #ff642e;

  color:
    #101114;

  transform:
    translateY(
      -2px
    );

}


.hs-server-action svg {

  width:
    15px;

  height:
    15px;

}


.hs-server-soon-pill {

  display:
    inline-flex;

  align-items:
    center;

  min-height:
    32px;

  padding:
    0 11px;

  color:
    #eef1f5;

  background:
    rgba(255,255,255,.05);

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

  border-radius:
    7px;

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .08em;

}


/* =========================================================
   LOJA
========================================================= */

.hs-main {

  width:
    min(
      1110px,
      100%
    );

  margin:
    0 auto;

}


.hs-store-title {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  margin:
    10px 0 24px;

  text-align:
    center;

}


.hs-store-title::before,
.hs-store-title::after {

  content:
    "";

  width:
    min(
      150px,
      14vw
    );

  height:
    1px;

  margin:
    0 18px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,152,0,.30)
    );

}


.hs-store-title::after {

  background:
    linear-gradient(
      90deg,
      rgba(255,152,0,.30),
      transparent
    );

}


.hs-store-title h1 {

  margin:
    0;

  color:
    #fff;

  font-family:
    "Kanit",
    sans-serif;

  font-size:
    clamp(
      29px,
      3.7vw,
      42px
    );

  font-style:
    italic;

  font-weight:
    900;

  line-height:
    1;

  letter-spacing:
    -.03em;

  text-transform:
    uppercase;

}


/* =========================================================
   CATEGORIAS
========================================================= */

.hs-main-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap:
    18px;

}


.hs-category-card {

  position:
    relative;

  min-height:
    205px;

  overflow:
    hidden;

  isolation:
    isolate;

  border:
    1px solid
    rgba(255,255,255,.09);

  border-radius:
    15px;

  box-shadow:
    0 22px 50px
    rgba(0,0,0,.34);

  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease;

}


.hs-category-card:hover {

  transform:
    translateY(
      -5px
    );

  box-shadow:
    0 30px 70px
    rgba(0,0,0,.50);

}


.hs-category-card::before {

  content:
    "";

  position:
    absolute;

  left:
    0;

  top:
    0;

  bottom:
    0;

  width:
    3px;

  z-index:
    2;

}


.hs-category-card::after {

  content:
    "";

  position:
    absolute;

  width:
    260px;

  height:
    260px;

  right:
    -110px;

  top:
    -115px;

  z-index:
    0;

  border:
    1px solid
    rgba(255,255,255,.035);

  border-radius:
    50%;

  pointer-events:
    none;

}


.hs-category-ranks {

  background:
    radial-gradient(
      circle at 82% 46%,
      rgba(71,166,255,.18),
      transparent 30%
    ),

    radial-gradient(
      circle at 22% 18%,
      rgba(255,216,74,.11),
      transparent 28%
    ),

    linear-gradient(
      135deg,
      #161a24 0%,
      #0d1017 72%,
      #090b11 100%
    );

}


.hs-category-ranks::before {

  background:
    linear-gradient(
      180deg,
      #ffd84a,
      #47a6ff
    );

  box-shadow:
    0 0 22px
    rgba(71,166,255,.30);

}


.hs-category-keys {

  background:
    radial-gradient(
      circle at 82% 46%,
      rgba(166,120,255,.18),
      transparent 30%
    ),

    linear-gradient(
      135deg,
      #181321 0%,
      #0e0a16 72%,
      #09070f 100%
    );

}


.hs-category-keys::before {

  background:
    linear-gradient(
      180deg,
      #d2b5ff,
      #9d70ff
    );

  box-shadow:
    0 0 22px
    rgba(157,112,255,.32);

}


.hs-category-content {

  position:
    relative;

  z-index:
    4;

  min-height:
    205px;

  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  align-items:
    flex-start;

  padding:
    31px 175px
    31px 32px;

}


.hs-category-title {

  margin:
    0 0 13px;

  color:
    #fff;

  font-family:
    "Kanit",
    sans-serif;

  font-size:
    clamp(
      31px,
      3.2vw,
      42px
    );

  font-style:
    italic;

  font-weight:
    900;

  line-height:
    .92;

  letter-spacing:
    -.035em;

  text-transform:
    uppercase;

  transition:
    transform .22s ease;

}


.hs-category-card:hover
.hs-category-title {

  transform:
    translateX(
      3px
    );

}


.hs-category-button {

  width:
    fit-content;

  min-height:
    35px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    8px;

  padding:
    0 14px;

  color:
    #edf1f7;

  background:
    rgba(255,255,255,.04);

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius:
    8px;

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .06em;

  text-transform:
    uppercase;

}


.hs-category-button svg {

  width:
    15px;

  height:
    15px;

  transition:
    transform .2s ease;

}


.hs-category-card:hover
.hs-category-button svg {

  transform:
    translateX(
      3px
    );

}


.hs-category-ranks
.hs-category-button svg {

  color:
    #ffd84a;

}


.hs-category-keys
.hs-category-button svg {

  color:
    #c9a7ff;

}


.hs-category-image {

  position:
    absolute;

  z-index:
    3;

  right:
    32px;

  top:
    50%;

  width:
    118px;

  height:
    118px;

  transform:
    translateY(
      -50%
    );

  display:
    grid;

  place-items:
    center;

  border-radius:
    24px;

  pointer-events:
    none;

  transition:
    transform .25s ease;

}


.hs-category-card:hover
.hs-category-image {

  transform:
    translateY(-50%)
    scale(1.045)
    rotate(1deg);

}


.hs-category-image::before {

  content:
    "";

  position:
    absolute;

  inset:
    10px;

  border:
    1px solid
    rgba(255,255,255,.035);

  border-radius:
    18px;

}


.hs-category-image svg {

  position:
    relative;

  z-index:
    2;

  width:
    58px;

  height:
    58px;

  stroke-width:
    1.55;

}


.hs-category-image img {

  position:
    relative;

  z-index:
    2;

  width:
    80%;

  height:
    80%;

  object-fit:
    contain;

  filter:
    drop-shadow(
      0 12px 20px
      rgba(0,0,0,.30)
    );

}


.hs-category-ranks
.hs-category-image {

  color:
    #ffd84a;

  background:
    linear-gradient(
      145deg,
      rgba(255,216,74,.10),
      rgba(71,166,255,.08)
    );

  border:
    1px solid
    rgba(71,166,255,.25);

}


.hs-category-keys
.hs-category-image {

  color:
    #c9a7ff;

  background:
    linear-gradient(
      145deg,
      rgba(201,167,255,.12),
      rgba(120,80,200,.07)
    );

  border:
    1px solid
    rgba(190,150,255,.27);

}


.hs-home-footer {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-wrap:
    wrap;

  gap:
    20px;

  margin-top:
    26px;

  padding:
    15px 0;

  color:
    #a8afba;

  font-size:
    10px;

  font-weight:
    850;

  text-transform:
    uppercase;

}


.hs-footer-item {

  display:
    flex;

  align-items:
    center;

  gap:
    7px;

  padding:
    8px 12px;

  background:
    rgba(255,255,255,.025);

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius:
    999px;

}


.hs-footer-item svg {

  width:
    16px;

  height:
    16px;

}


.hs-footer-item:nth-child(1) svg {

  color:
    #ff9f36;

}


.hs-footer-item:nth-child(2) svg {

  color:
    #5eb0ff;

}


.hs-footer-item:nth-child(3) svg {

  color:
    #c7a4ff;

}


/* =========================================================
   POPUP CUPOM
========================================================= */

#daily-coupon-overlay {

  position:
    fixed;

  inset:
    0;

  z-index:
    9999999;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    18px;

  opacity:
    0;

  visibility:
    hidden;

  background:
    rgba(
      0,
      0,
      0,
      .80
    );

  backdrop-filter:
    blur(
      11px
    );

  -webkit-backdrop-filter:
    blur(
      11px
    );

  transition:
    opacity .25s ease,
    visibility .25s ease;

}


#daily-coupon-overlay.active {

  opacity:
    1;

  visibility:
    visible;

}


#daily-coupon-modal {

  position:
    relative;

  width:
    min(
      500px,
      100%
    );

  padding:
    38px;

  color:
    #fff;

  text-align:
    center;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,152,0,.13),
      transparent 43%
    ),
    #18191d;

  border:
    2px solid
    #ff9800;

  border-radius:
    18px;

  box-shadow:
    0 35px 110px
    rgba(0,0,0,.75);

}


#daily-coupon-close {

  position:
    absolute;

  top:
    10px;

  right:
    12px;

  width:
    38px;

  height:
    38px;

  display:
    grid;

  place-items:
    center;

  color:
    #777a84;

  background:
    transparent;

  border:
    0;

  font-size:
    30px;

  cursor:
    pointer;

}


.daily-coupon-icon {

  width:
    75px;

  height:
    75px;

  margin:
    0 auto 25px;

  display:
    grid;

  place-items:
    center;

  color:
    #ff9800;

  background:
    rgba(
      255,
      152,
      0,
      .06
    );

  border:
    1px solid
    rgba(
      255,
      152,
      0,
      .30
    );

  border-radius:
    16px;

}


.daily-coupon-icon svg {

  width:
    32px;

  height:
    32px;

}


.daily-coupon-title {

  margin:
    0 0 10px;

  color:
    #fff;

  font-family:
    "Kanit",
    sans-serif;

  font-size:
    29px;

  font-weight:
    900;

}


.daily-coupon-title span {

  color:
    #ff9800;

}


.daily-coupon-subtitle {

  color:
    #999ca6;

  line-height:
    1.55;

}


.daily-coupon-code-box {

  margin-top:
    20px;

  padding:
    18px;

  background:
    #0c0d10;

  border:
    2px dashed
    rgba(255,255,255,.17);

  border-radius:
    13px;

}


.daily-coupon-code-label {

  display:
    block;

  margin-bottom:
    7px;

  color:
    #6c6f79;

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .13em;

}


.daily-coupon-code-row {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    11px;

}


#daily-coupon-code {

  color:
    #fff;

  font-family:
    "Kanit",
    sans-serif;

  font-size:
    35px;

  font-weight:
    900;

}


#daily-coupon-copy {

  width:
    38px;

  height:
    38px;

  display:
    grid;

  place-items:
    center;

  color:
    #9396a0;

  background:
    #212227;

  border:
    1px solid
    rgba(255,255,255,.07);

  border-radius:
    8px;

  cursor:
    pointer;

}


.daily-coupon-discount {

  margin:
    16px 0;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    7px;

}


.daily-coupon-discount strong {

  color:
    #ff9800;

}


.daily-coupon-discount span {

  color:
    #777a84;

  font-size:
    10px;

  font-weight:
    850;

}


.daily-coupon-timer {

  color:
    #666973;

  font-size:
    10px;

  font-weight:
    800;

}


#daily-coupon-timer {

  color:
    #c1c3cb;

}


/* =========================================================
   TOAST
========================================================= */

#hs-toast {

  position:
    fixed;

  left:
    50%;

  bottom:
    25px;

  z-index:
    9999999999;

  padding:
    11px 16px;

  color:
    #fff;

  background:
    #18191d;

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius:
    9px;

  box-shadow:
    0 15px 50px
    rgba(0,0,0,.55);

  opacity:
    0;

  visibility:
    hidden;

  transform:
    translate(
      -50%,
      10px
    );

  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility .2s ease;

}


#hs-toast.show {

  opacity:
    1;

  visibility:
    visible;

  transform:
    translate(
      -50%,
      0
    );

}


/* =========================================================
   PRODUTOS
========================================================= */

.package {

  background:
    rgba(21,22,26,.96)
    !important;

  border-color:
    rgba(255,255,255,.08)
    !important;

  box-shadow:
    0 18px 45px
    rgba(0,0,0,.34)
    !important;

  backdrop-filter:
    blur(
      6px
    );

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease
    !important;

}


.package:hover {

  transform:
    translateY(
      -6px
    ) !important;

  border-color:
    rgba(255,152,0,.50)
    !important;

  box-shadow:
    0 28px 68px
    rgba(0,0,0,.52)
    !important;

}


/* =========================================================
   FOOTER
========================================================= */

.hs-site-footer {

  position:
    relative;

  overflow:
    hidden;

  background-image:
    linear-gradient(
      rgba(9,10,14,.88),
      rgba(9,10,14,.97)
    ),
    var(--background-image);

  background-size:
    cover;

  background-position:
    center;

  border-top:
    1px solid
    rgba(255,255,255,.08);

  box-shadow:
    0 -20px 60px
    rgba(0,0,0,.35);

}


.hs-site-footer::after {

  content:
    "";

  position:
    absolute;

  inset:
    0;

  z-index:
    0;

  pointer-events:
    none;

  background:
    radial-gradient(
      circle at center,
      transparent 10%,
      rgba(0,0,0,.52) 100%
    );

}


.hs-footer-big-text {

  position:
    absolute;

  left:
    50%;

  bottom:
    -70px;

  z-index:
    1;

  transform:
    translateX(
      -50%
    );

  color:
    rgba(255,255,255,.035);

  font-family:
    "Kanit",
    sans-serif;

  font-size:
    clamp(
      150px,
      25vw,
      470px
    );

  font-weight:
    900;

  line-height:
    .75;

  white-space:
    nowrap;

  pointer-events:
    none;

}


.hs-site-footer-inner {

  position:
    relative;

  z-index:
    3;

  width:
    min(
      1200px,
      calc(100% - 46px)
    );

  margin:
    0 auto;

  padding:
    38px 0 35px;

}


.hs-site-footer-top {

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    28px;

  padding-bottom:
    30px;

  border-bottom:
    1px solid
    rgba(255,255,255,.10);

}


.hs-site-footer-brand h3 {

  margin:
    0 0 8px;

  color:
    #fff;

  font-family:
    "Kanit",
    sans-serif;

  font-size:
    20px;

}


.hs-site-footer-brand p {

  max-width:
    680px;

  margin:
    0;

  color:
    #858994;

  font-size:
    12px;

  line-height:
    1.6;

}


.hs-site-footer-payments {

  text-align:
    right;

}


.hs-site-footer-label {

  color:
    #686b75;

  font-size:
    9px;

  font-weight:
    900;

  letter-spacing:
    .11em;

}


.hs-payment-list {

  display:
    flex;

  gap:
    9px;

  margin-top:
    10px;

}


.hs-payment-pill {

  min-height:
    39px;

  display:
    flex;

  align-items:
    center;

  gap:
    7px;

  padding:
    0 12px;

  color:
    #fff;

  background:
    rgba(255,255,255,.05);

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius:
    9px;

  font-size:
    11px;

  font-weight:
    850;

}


.hs-payment-pill svg {

  width:
    16px;

  height:
    16px;

  color:
    #ff9800;

}


.hs-site-footer-bottom {

  display:
    flex;

  align-items:
    flex-end;

  justify-content:
    space-between;

  gap:
    25px;

  padding-top:
    28px;

}


.hs-site-footer-note {

  color:
    #757983;

  font-size:
    11px;

  line-height:
    1.65;

}


.hs-site-footer-links {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  flex-wrap:
    wrap;

  gap:
    15px;

  color:
    #777a84;

  font-size:
    11px;

}


.hs-site-footer-links a {

  color:
    #858891;

}


.hs-site-footer-links a:hover {

  color:
    #fff;

}


.hs-made-heart {

  color:
    #ff9800;

}


.hs-made-honey {

  color:
    #fff;

  font-weight:
    900;

}


.hs-made-sky {

  color:
    #9699a2;

  font-weight:
    700;

}


/* =========================================================
   CHECKOUT
   APENAS VISUAL.
   NÃO ESCONDE NENHUM CAMPO NATIVO.
========================================================= */

html.honeysky-checkout {

  background-color:
    #07080c;

  background-image:
    linear-gradient(
      180deg,
      rgba(4,5,8,.74),
      rgba(4,5,8,.93)
    ),
    var(--background-image);

  background-size:
    cover;

  background-position:
    center top;

  background-repeat:
    no-repeat;

  background-attachment:
    fixed;

}


html.honeysky-checkout
.hs-native-main {

  min-height:
    720px;

  padding:
    46px 0 84px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,152,0,.065),
      transparent 34%
    ),

    linear-gradient(
      180deg,
      rgba(5,6,9,.56),
      rgba(5,6,9,.88)
    )
    !important;

}


html.honeysky-checkout
.hs-checkout-main {

  width:
    min(
      970px,
      calc(100% - 34px)
    ) !important;

  margin:
    0 auto !important;

}


html.honeysky-checkout
.hs-checkout-page-title {

  margin:
    0 0 8px !important;

  color:
    #fff !important;

  font-family:
    "Kanit",
    sans-serif !important;

  font-size:
    27px !important;

  font-weight:
    900 !important;

}


html.honeysky-checkout
.hs-checkout-card {

  overflow:
    hidden !important;

  background:
    rgba(
      10,
      13,
      24,
      .94
    ) !important;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      .075
    ) !important;

  border-radius:
    16px !important;

  box-shadow:
    0 16px 42px
    rgba(0,0,0,.22)
    !important;

}


html.honeysky-checkout
.hs-checkout-card-title {

  color:
    #fff !important;

  font-family:
    "Kanit",
    sans-serif !important;

  font-size:
    17px !important;

  font-weight:
    800 !important;

}


html.honeysky-checkout
.hs-checkout-field,

html.honeysky-checkout
.hs-checkout-main
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),

html.honeysky-checkout
.hs-checkout-main
select,

html.honeysky-checkout
.hs-checkout-main
textarea {

  min-height:
    44px !important;

  padding:
    0 14px !important;

  color:
    #fff !important;

  background:
    #070b16 !important;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      .10
    ) !important;

  border-radius:
    999px !important;

  box-shadow:
    none !important;

  outline:
    none !important;

}


html.honeysky-checkout
.hs-checkout-field:focus,

html.honeysky-checkout
.hs-checkout-main input:focus,

html.honeysky-checkout
.hs-checkout-main select:focus,

html.honeysky-checkout
.hs-checkout-main textarea:focus {

  border-color:
    rgba(
      255,
      152,
      0,
      .58
    ) !important;

  box-shadow:
    0 0 0 3px
    rgba(
      255,
      152,
      0,
      .085
    ) !important;

}


html.honeysky-checkout
.hs-checkout-pay-button {

  width:
    100% !important;

  min-height:
    54px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  color:
    #111 !important;

  background:
    linear-gradient(
      180deg,
      #ffb13b,
      #ff9200
    ) !important;

  border:
    1px solid
    #ffc061 !important;

  border-radius:
    12px !important;

  font-family:
    "Kanit",
    sans-serif !important;

  font-size:
    17px !important;

  font-weight:
    900 !important;

  cursor:
    pointer !important;

}


html.honeysky-checkout
.hs-checkout-pay-button:hover {

  filter:
    brightness(
      1.06
    );

  transform:
    translateY(
      -1px
    );

}


html.honeysky-checkout
.hs-checkout-product-image {

  border-radius:
    9px !important;

}


html.honeysky-checkout
.hs-checkout-quantity-button {

  border-radius:
    999px !important;

}


html.honeysky-checkout
.hs-checkout-remove-button {

  color:
    #ff6a6a !important;

}


html.honeysky-checkout
.hs-checkout-terms a,

html.honeysky-checkout
.hs-checkout-terms strong {

  color:
    #ff9b16 !important;

}


/* =========================================================
   RESPONSIVO
========================================================= */

@media (
  max-width: 1050px
) {

  .hs-head-inner {

    grid-template-columns:
      1fr;

    padding:
      16px 0 20px;

    justify-items:
      center;

  }


  .hs-logo {

    grid-row:
      1;

  }


  .hs-ip-area,
  .hs-right {

    justify-content:
      center;

  }


  .hs-servers-grid {

    grid-template-columns:
      1fr;

  }


  .hs-site-footer-top,
  .hs-site-footer-bottom {

    flex-direction:
      column;

    align-items:
      flex-start;

  }


  .hs-site-footer-payments {

    text-align:
      left;

  }


  .hs-site-footer-links {

    justify-content:
      flex-start;

  }

}


@media (
  max-width: 760px
) {

  html {

    background-attachment:
      scroll;

  }


  .hs-home-hero,

  html:not(.honeysky-home)
  .hs-native-main {

    background-attachment:
      scroll !important;

  }


  .hs-main-grid {

    grid-template-columns:
      1fr;

  }


  .hs-server-card {

    grid-template-columns:
      105px
      1fr;

    padding:
      18px;

  }


  .hs-server-visual {

    width:
      96px;

    height:
      96px;

  }


  .hs-server-visual svg {

    width:
      48px;

    height:
      48px;

  }


  .hs-category-content {

    padding:
      27px 130px
      27px 24px;

  }


  .hs-category-image {

    width:
      120px;

    height:
      120px;

    right:
      8px;

  }


  .hs-account-text {

    display:
      none;

  }

}


@media (
  max-width: 520px
) {

  .hs-coupon-bar-inner {

    font-size:
      9px;

    gap:
      5px;

  }


  .hs-head-inner {

    width:
      calc(100% - 20px);

  }


  .hs-logo {

    width:
      100%;

    min-height:
      82px;

  }


  .hs-logo img {

    max-width:
      190px;

    max-height:
      78px;

  }


  .hs-ip-box {

    width:
      100%;

    max-width:
      310px;

  }


  .hs-right {

    width:
      100%;

    justify-content:
      center;

    flex-wrap:
      wrap;

  }


  .hs-container {

    width:
      calc(100% - 20px);

  }


  .hs-home-hero {

    padding-top:
      28px;

  }


  .hs-section-heading h1,
  .hs-section-heading h2 {

    font-size:
      27px;

  }


  .hs-server-card {

    grid-template-columns:
      1fr;

    text-align:
      center;

  }


  .hs-server-visual {

    margin:
      0 auto;

  }


  .hs-server-copy p {

    margin-left:
      auto;

    margin-right:
      auto;

  }


  .hs-category-card {

    min-height:
      220px;

  }


  .hs-category-content {

    min-height:
      220px;

    padding:
      24px 105px
      24px 20px;

  }


  .hs-category-title {

    font-size:
      28px;

  }


  .hs-category-image {

    width:
      95px;

    height:
      95px;

    right:
      5px;

  }


  #daily-coupon-modal {

    padding:
      34px 20px 28px;

  }


  #daily-coupon-code {

    font-size:
      29px;

  }


  .hs-site-footer-inner {

    width:
      calc(100% - 28px);

  }


  .hs-footer-big-text {

    bottom:
      -20px;

    font-size:
      130px;

  }


  html.honeysky-checkout
  .hs-checkout-main {

    width:
      calc(100% - 20px)
      !important;

  }

}
.hs-auto-buy-loading {
  opacity: 0 !important;
  pointer-events: none !important;
}
/* =========================================================
   HONEYSKY - CORREÇÃO FINAL DO MODAL DE PRODUTO
   COLE NO FINAL DO CORE.CSS
========================================================= */

.hs-product-modal {
  width: min(1080px, calc(100% - 32px)) !important;
  height: min(650px, calc(100vh - 30px)) !important;

  margin: 15px auto !important;

  border-radius: 16px !important;
}


/* CABEÇALHO */

.hs-product-modal-header {
  height: 64px !important;

  padding:
    0 24px !important;
}


.hs-product-modal-header h2 {
  font-size: 18px !important;
  font-weight: 900 !important;
}


.hs-product-close {
  width: 40px !important;
  height: 40px !important;
}


.hs-product-close svg {
  width: 20px !important;
  height: 20px !important;
}


/* DIVISÃO ESQUERDA/DIREITA */

.hs-product-modal-body {
  height: calc(100% - 64px) !important;

  grid-template-columns:
    43% 57% !important;
}


/* =========================================================
   LADO ESQUERDO
========================================================= */

.hs-product-left {
  padding:
    28px 34px 25px !important;
}


/* ENTREGA AUTO */

.hs-product-delivery,
.hs-product-auto,
.hs-product-badge {
  min-height: 34px !important;

  padding:
    0 12px !important;

  font-size:
    9px !important;
}


.hs-product-delivery svg,
.hs-product-auto svg,
.hs-product-badge svg {
  width: 16px !important;
  height: 16px !important;
}


/* IMAGEM */

.hs-product-media,
.hs-product-slider {
  min-height: 225px !important;
}


.hs-product-image {
  max-width: 82% !important;
  max-height: 220px !important;

  object-fit: contain !important;
}


/* MINIATURAS */

.hs-product-thumb {
  width: 48px !important;
  height: 48px !important;

  padding: 4px !important;
}


/* NOME */

.hs-product-name {
  margin:
    10px 0 10px !important;

  font-size: 28px !important;

  line-height: 1.05 !important;
}


/* VALOR TOTAL */

.hs-product-total-label {
  font-size: 9px !important;

  letter-spacing: .14em !important;
}


/* PREÇO */

.hs-product-price-row {
  margin-top: 8px !important;

  gap: 12px !important;
}


.hs-product-price {
  font-size: 43px !important;

  line-height: .95 !important;
}


.hs-product-old-price {
  font-size: 11px !important;
}


.hs-product-discount {
  padding:
    4px 7px !important;

  font-size: 9px !important;
}


/* BOTÃO COMPRAR */

#purchase-button.hs-product-buy {
  min-height: 58px !important;

  margin-top: 18px !important;

  border-radius: 10px !important;

  font-size: 15px !important;

  font-weight: 900 !important;
}


#purchase-button.hs-product-buy svg {
  width: 23px !important;
  height: 23px !important;
}


/* BENEFÍCIOS EMBAIXO DO BOTÃO */

.hs-product-benefits {
  gap: 14px !important;

  margin-top: 16px !important;

  padding-top: 15px !important;
}


.hs-product-benefits > div {
  gap: 8px !important;

  font-size: 8px !important;
}


.hs-product-benefits svg {
  width: 18px !important;
  height: 18px !important;
}


.hs-product-benefits strong {
  font-size: 8px !important;
}


/* =========================================================
   LADO DIREITO
========================================================= */

.hs-product-right {
  padding:
    34px 38px 30px !important;
}


/* SOBRE O PRODUTO */

.hs-product-about-title,
.hs-product-tabs {
  margin-bottom: 24px !important;

  gap: 11px !important;
}


.hs-product-about-title h2 {
  font-size: 23px !important;
}


.hs-product-about-title > svg,
.hs-product-tab:first-child svg {
  width: 19px !important;
  height: 19px !important;
}


/* DESCRIÇÃO */

.hs-product-description {
  font-size: 14px !important;

  line-height: 1.65 !important;
}


.hs-product-description p {
  margin-bottom: 15px !important;
}


.hs-product-description strong,
.hs-product-description b {
  font-size: 14px !important;
}


/* CARDS DE INFORMAÇÃO */

.hs-product-facts {
  gap: 12px !important;

  margin-top: 24px !important;

  padding-top: 20px !important;
}


.hs-product-fact {
  grid-template-columns:
    48px 1fr !important;

  gap: 13px !important;

  min-height: 70px !important;

  padding:
    11px 14px !important;

  border-radius: 11px !important;
}


.hs-product-fact > svg {
  width: 42px !important;
  height: 42px !important;

  padding: 10px !important;
}


.hs-product-fact span {
  font-size: 9px !important;

  letter-spacing: .07em !important;
}


.hs-product-fact strong {
  font-size: 12px !important;

  line-height: 1.35 !important;
}


/* ABAS */

.hs-product-tab {
  min-height: 36px !important;

  font-size: 11px !important;
}


.hs-product-tab svg {
  width: 16px !important;
  height: 16px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 900px) {

  .hs-product-modal {
    width: calc(100% - 18px) !important;

    height: auto !important;

    max-height: calc(100vh - 18px) !important;

    overflow-y: auto !important;
  }


  .hs-product-modal-body {
    height: auto !important;

    grid-template-columns:
      1fr !important;
  }


  .hs-product-left {
    padding:
      25px 22px !important;
  }


  .hs-product-right {
    padding:
      28px 22px !important;
  }

}


@media (max-width: 520px) {

  .hs-product-modal-header {
    height: 56px !important;

    padding:
      0 16px !important;
  }


  .hs-product-modal-header h2 {
    font-size: 15px !important;
  }


  .hs-product-media,
  .hs-product-slider {
    min-height: 190px !important;
  }


  .hs-product-image {
    max-height: 185px !important;
  }


  .hs-product-name {
    font-size: 23px !important;
  }


  .hs-product-price {
    font-size: 37px !important;
  }


  #purchase-button.hs-product-buy {
    min-height: 54px !important;

    font-size: 13px !important;
  }


  .hs-product-about-title h2 {
    font-size: 20px !important;
  }


  .hs-product-description {
    font-size: 13px !important;
  }


  .hs-product-fact strong {
    font-size: 11px !important;
  }

}


/* =========================================================
   FIX CENTRALCART CUSTOM FIELDS
   FORMULÁRIO DE NICK/CAMPOS POR CIMA DO PRODUTO
========================================================= */

/*
O modal do produto fica abaixo do formulário
nativo da CentralCart.
*/

.hs-product-modal{
  z-index:1000!important;
}


/*
Qualquer overlay que contenha o formulário
custom-fields fica sempre por cima.
*/

body > *:has(#custom-fields),
.fixed:has(#custom-fields),
[role="dialog"]:has(#custom-fields),
div:has(> #custom-fields){
  z-index:2147483647!important;
}


/*
O formulário em si.
*/

#custom-fields{
  position:relative!important;

  z-index:2147483647!important;

  pointer-events:auto!important;
}


#custom-fields *,
#custom-fields-fields,
#custom-fields-confirm{
  pointer-events:auto!important;
}


/*
Botão confirmar.
*/

#custom-fields-confirm{
  position:relative!important;

  z-index:2147483647!important;

  min-height:46px!important;

  color:#111!important;

  background:
    linear-gradient(
      180deg,
      #ffb13b,
      #ff9200
    )!important;

  border:
    1px solid
    #ffc061!important;

  border-radius:
    9px!important;

  font-family:
    "Kanit",
    sans-serif!important;

  font-size:
    13px!important;

  font-weight:
    900!important;

  cursor:pointer!important;
}


/*
Inputs dos campos.
*/

#custom-fields input,
#custom-fields select,
#custom-fields textarea{
  width:100%!important;

  min-height:44px!important;

  padding:
    0 13px!important;

  color:#fff!important;

  background:#090b10!important;

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

  border-radius:
    9px!important;

  outline:none!important;
}


#custom-fields input:focus,
#custom-fields select:focus,
#custom-fields textarea:focus{
  border-color:#ff9800!important;

  box-shadow:
    0 0 0 3px
    rgba(255,152,0,.10)!important;
}


/*
Não deixa o botão ficar travado visualmente.
*/

#purchase-button.hs-is-processing{
  opacity:.72!important;
  cursor:wait!important;
}


/*
Corrige qualquer regra antiga que escondia
o produto enquanto carregava.
*/

.hs-auto-buy-loading{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}