.farm-page{
  background:
    linear-gradient(
      180deg,
      rgba(2, 6, 14, 0.08),
      rgba(2, 6, 14, 0.18)
    ),
    url("/assets/img/foto.png") no-repeat center top fixed;

  background-size: cover;
}

.farm-main{
  min-height: calc(100vh - var(--header-h) - 120px);
  padding-top: var(--header-h);
}

.farm-hero{
  padding: 46px 0 70px;
}

.farm-head{
  text-align: center;
  margin-bottom: 34px;
}


.farm-title{
  margin: 0;

  font-family: "Cormorant Garamond", serif;
  font-size: clamp(4rem, 6vw, 5.4rem);
  line-height: .95;

  color: #f5efe4;

  text-shadow:
    0 2px 28px rgba(0, 0, 0, .35),
    0 6px 14px rgba(0, 0, 0, .25);

  filter:
    drop-shadow(0 0 1px rgba(0, 0, 0, 0.7))
    drop-shadow(0 0 1px rgba(0, 0, 0, 0.7))
    drop-shadow(0 0 1px rgba(0, 0, 0, 0.6))
    drop-shadow(0 0 1px rgba(0, 0, 0, 0.7));
}

.farm-title span{
  background: linear-gradient(
    180deg,
    #efdbc3 0%,
    #f7d3ab 18%,
    #ffce92 38%,
    #fabd58 52%,
    #f6cb6a 70%,
    #f3dfbf 100%
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.farm-divider{
  width: 220px;
  height: 2px;

  margin: 20px auto;

  background:
    linear-gradient(
      90deg,
      transparent,
      #d6aa58,
      transparent
    );

  position: relative;
}

.farm-divider::after{
  content: "◆";

  position: absolute;

  left: 50%;
  top: 50%;

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

  color: #d6aa58;
  font-size: 1rem;

  background: #071225;
  padding: 0 8px;
}

.farm-sub{
  margin: 0 auto;
  max-width: 700px;

  color: #e8edf7;

  font-size: 1.15rem;
  line-height: 1.7;
  text-shadow: 0px -1px 28px rgb(0 0 0), 0 6px 14px rgb(0 0 0), 0 6px 14px rgb(0 0 0), 0 6px 14px rgb(0 0 0), 0 6px 14px rgb(0 0 0), 0 6px 14px rgb(0 0 0),  0px -1px 28px rgb(0 0 0), 0 6px 14px rgb(0 0 0);
}

.farm-alert{
  display: flex;
  align-items: center;
  gap: 20px;

  padding: 24px;

  margin-bottom: 28px;

  border-radius: 22px;

  background:
    linear-gradient(
      180deg,
      rgba(7,16,34,.84),
      rgba(4,10,22,.92)
    );

  border: 1px solid rgba(214,170,88,.18);
}

.farm-alert-icon{
  width: 58px;
  height: 58px;

  border-radius: 50%;

  flex: 0 0 58px;

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

  font-size: 2rem;
  font-weight: 800;

  color: #f0c46a;

  border: 2px solid rgba(214,170,88,.5);
}

.farm-alert p{
  margin: 0;

  color: #edf2fb;

  line-height: 1.8;

  font-size: 1.05rem;
}

.farm-card{
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 22px;

  margin-bottom: 26px;

  padding: 22px;

  border-radius: 24px;

  background:
    linear-gradient(
      180deg,
      rgba(6,14,31,.82),
      rgba(4,9,19,.92)
    );

  border: 1px solid rgba(214,170,88,.16);

  box-shadow:
    0 16px 36px rgba(0,0,0,.34);
}

.farm-info h2{
  margin-top: 0;

  font-family: "Cormorant Garamond";
  font-size: 2.2rem;
  line-height: 1.2;

  color: #f0c46a;
}

.farm-info ul{
  list-style: none;

  margin: 28px 0;
  padding: 0;

  display: flex;
  flex-direction: column;
  gap: 18px;
}

.farm-info li{
  color: #edf2fb;

  font-size: 1.15rem;
}

.farm-tip{
  padding: 22px;

  border-radius: 18px;

  border: 1px solid rgba(214,170,88,.18);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.02),
      rgba(255,255,255,.01)
    );
}

.farm-tip strong{
  display: block;

  margin-bottom: 14px;

  color: #f0c46a;

  font-size: 1.4rem;
}

.farm-tip p{
  margin: 0;

  color: #edf2fb;

  line-height: 1.8;
}

.farm-image-wrap{
  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;
  overflow: hidden;

  border-radius: 18px;
  border: 1px solid rgba(214,170,88,.18);

  background: rgba(0,0,0,.24);
}

.farm-image-wrap img{
  width: 100%;
  max-height: 700px;

  border-radius: 18px;

  display: block;
}

.farm-map-label{
  position: absolute;

  top: 14px;
  left: 14px;

  z-index: 2;

  padding: 8px 14px;

  border-radius: 10px;

  background: rgba(5,10,22,.9);

  color: #fff;

  font-weight: 800;
  letter-spacing: .05em;
}

.farm-double-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

/* TABS */

.farm-tabs{
  width: 100%;
}

.farm-tab-buttons{
  display: flex;
  justify-content: center;
  gap: 0;

  width: fit-content;

  margin: 0 auto 18px;

  padding: 4px;

  border-radius: 18px;

  background: rgba(3,8,18,.82);

  border: 1px solid rgba(214,170,88,.32);

  box-shadow:
    0 10px 24px rgba(0,0,0,.28);
}

.farm-tab-btn{
  min-width: 170px;

  padding: 13px 28px;

  border: 0;
  border-radius: 14px;

  background: transparent;

  color: #edf2fb;

  font-weight: 900;
  font-size: 1rem;
  letter-spacing: .05em;
  text-transform: uppercase;

  cursor: pointer;

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

.farm-tab-btn:hover{
  color: #f0c46a;
}

.farm-tab-btn.active{
  background:
    linear-gradient(
      180deg,
      rgba(243,221,178,.18),
      rgba(215,156,53,.32)
    );

  color: #f3ddb2;

  box-shadow:
    inset 0 0 0 1px rgba(240,196,106,.58),
    0 0 18px rgba(240,196,106,.24);
}

.farm-tab-content{
  display: none;
}

.farm-tab-content.active{
  display: grid;
  gap: 16px;
}

.farm-gallery-main img{
  width: 100%;
  height: 340px;

  object-fit: cover;
}

.farm-gallery-bottom{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.farm-gallery-bottom .farm-image-wrap{
  height: 300px;
}

.farm-gallery-bottom img{
  width: 100%;
  height: 100%;

  object-fit: contain;
}

.farm-gems-wrap{
  height: 300px;
}

.farm-gems-wrap img{
  width: 115%;
  height: auto !important;

  object-fit: contain;

  transform: scale(1.12);
}

/* TIPS */

.farm-tips-card{
  margin-top: 40px;

  padding: 28px;

  border-radius: 24px;

  background:
    linear-gradient(
      180deg,
      rgba(6,14,31,.82),
      rgba(4,9,19,.92)
    );

  border: 1px solid rgba(214,170,88,.16);
}

.farm-tips-card h3{
  margin-top: 0;
  margin-bottom: 24px;

  text-align: center;

  font-family: "Cormorant Garamond";
  font-size: 2.8rem;

  color: #f0c46a;
}

.farm-tips-grid{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
}

.farm-mini-tip{
  padding: 22px;

  border-radius: 18px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.02),
      rgba(255,255,255,.01)
    );

  border: 1px solid rgba(214,170,88,.14);
}

.farm-mini-tip span{
  display: block;

  margin-bottom: 16px;

  font-size: 2.2rem;
}

.farm-mini-tip strong{
  display: block;

  margin-bottom: 12px;

  color: #f0c46a;

  font-size: 1.15rem;
}

.farm-mini-tip p{
  margin: 0;

  color: #edf2fb;

  line-height: 1.8;
}

/* RESPONSIVO */

@media(max-width:1100px){

  .farm-card{
    grid-template-columns: 1fr;
  }

  .farm-tips-grid{
    grid-template-columns: 1fr 1fr;
  }

}

@media(max-width:720px){

  .farm-title{
    font-size: 3rem;
  }

  .farm-double-grid,
  .farm-gallery-bottom{
    grid-template-columns: 1fr;
  }

  .farm-tips-grid{
    grid-template-columns: 1fr;
  }

  .farm-alert{
    flex-direction: column;
    text-align: center;
  }

  .farm-tab-buttons{
    width: 100%;
  }

  .farm-tab-btn{
    min-width: 0;
    width: 50%;
    padding: 12px 10px;
    font-size: .9rem;
  }

  .farm-gallery-main img{
    height: auto;
  }

  .farm-gallery-bottom .farm-image-wrap,
  .farm-gems-wrap{
    height: auto;
  }

  .farm-gallery-bottom img,
  .farm-gems-wrap img{
    height: auto !important;
    transform: none;
  }

}

.reshanta-main-image img{
  height: 420px !important;

  object-fit: contain !important;

  background: rgba(0,0,0,.28);
}

/* ZOOM */

.farm-zoomable{
  cursor: zoom-in;

  transition:
    transform .22s ease,
    opacity .22s ease;
}

.farm-zoomable:hover{
  transform: scale(1.02);
  opacity: .96;
}

/* LIGHTBOX */

.farm-lightbox{
  position: fixed;
  inset: 0;
  z-index: 999999;

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

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

  opacity: 0;
  visibility: hidden;

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

  backdrop-filter: blur(6px);
}

.farm-lightbox.active{
  opacity: 1;
  visibility: visible;
}

.farm-lightbox-image{
  max-width: 92vw;
  max-height: 90vh;

  border-radius: 18px;
  border: 1px solid rgba(214,170,88,.3);

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

.farm-lightbox-close{
  position: absolute;
  top: 26px;
  right: 34px;

  color: white;

  font-size: 2.5rem;
  font-weight: 700;

  cursor: pointer;
}

.farm-lightbox-close:hover{
  color: #f0c46a;
}

/* GUIDE MENU FIX */

.dropdown-menu.guide-menu a.active::after{
  display: none !important;
}

.dropdown-menu.guide-menu a.active{
  color: #f6cb6a !important;
  background: rgba(246,203,106,.08) !important;
  -webkit-text-fill-color: #f6cb6a !important;
  text-shadow: none !important;
  filter: none !important;
}


.farm-card{
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 28px;
  align-items: start;
}

.farm-tabs{
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}

.farm-gallery-bottom{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}



.farm-desc{
  margin: 0 0 34px;

  color: #edf2fb;

  font-size: 1.05rem;
  line-height: 1.7;
}

.farm-rewards-title{
  margin: 0 0 14px;

  color: #f3ddb2;

  font-size: .85rem;
  font-weight: 800;
  letter-spacing: .22em;
}

.farm-rewards{
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 10px;

  margin-bottom: 24px;
}

.farm-reward-card{
  min-height: 132px;

  padding: 12px 10px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 10px;

  border-radius: 14px;

  border: 1px solid rgba(214,170,88,.28);

  background:
    radial-gradient(
      circle at center,
      rgba(240,196,106,.10),
      transparent 62%
    ),
    rgba(3,8,18,.52);

  box-shadow:
    inset 0 0 18px rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.28);

  transition:
    transform .2s ease,
    border .2s ease,
    box-shadow .2s ease;
}

.farm-reward-card:hover{
  transform: translateY(-3px);

  border-color: rgba(240,196,106,.55);

  box-shadow:
    inset 0 0 18px rgba(255,255,255,.04),
    0 14px 28px rgba(0,0,0,.36),
    0 0 18px rgba(240,196,106,.12);
}

.farm-reward-card img{
  width: 72px;
  height: 72px;

  object-fit: contain;

  border-radius: 10px;
}

.farm-reward-card span{
  color: #f3ddb2;

  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;

  text-align: center;
}

.farm-info ul{
  list-style: none;

  padding: 0;

  display: flex;
  flex-direction: column;

  gap: 14px;

  margin-top: 28px;
}

.farm-info li{
  color: #edf2fb;

  font-size: 1.05rem;

  position: relative;

  padding-left: 20px;
}

.farm-info li::before{
  content: "◆";
  position: absolute;
  left: 0;
  top: 2px;
  color: #d6aa58;
  font-size: .7rem;
}

@media(max-width:720px){

  .farm-rewards{
    grid-template-columns: repeat(2,1fr);
  }

  .farm-reward-card{
    min-height: 120px;
  }

  .farm-reward-card img{
    width: 60px;
    height: 60px;
  }

}

.farm-card-gelk{
  grid-template-columns: 420px 1fr;
  gap: 32px;
}

.farm-rewards-3{
  grid-template-columns: repeat(3,1fr);
}

.farm-card-gelk .farm-gallery-main img{
  height: 420px;
  object-fit: cover;
}

.farm-card-gelk .farm-gallery-bottom{
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.farm-card-gelk .farm-gallery-bottom .farm-image-wrap{
  height: 300px;
}

.farm-card-gelk .farm-gallery-bottom .farm-image-wrap img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.farm-materials-card{
  height: 300px;
  padding: 18px;

  border-radius: 18px;
  border: 1px solid rgba(214,170,88,.22);

  background:
    linear-gradient(
      180deg,
      rgba(6,14,31,.82),
      rgba(4,9,19,.94)
    );
}

.farm-materials-card h3{
  margin: 0 0 16px;

  text-align: center;

  color: #f3ddb2;

  font-size: 1.25rem;
  font-weight: 900;
  letter-spacing: .06em;
}

.farm-materials-grid{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
  height: calc(100% - 44px);
}

.farm-material-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 12px;

  border-radius: 14px;
  border: 1px solid rgba(214,170,88,.22);

  background:
    radial-gradient(
      circle at center,
      rgba(240,196,106,.10),
      transparent 62%
    ),
    rgba(3,8,18,.56);
}

.farm-material-item span{
  color: #f3ddb2;

  font-size: .85rem;
  font-weight: 900;
  letter-spacing: .05em;
}

.farm-material-item img{
  width: 82px;
  height: 110px;

  object-fit: contain;
}

@media(max-width:1100px){
  .farm-card-gelk{
    grid-template-columns: 1fr;
  }
}

@media(max-width:720px){
  .farm-rewards-3,
  .farm-materials-grid,
  .farm-card-gelk .farm-gallery-bottom{
    grid-template-columns: 1fr;
  }

  .farm-card-gelk .farm-gallery-main img,
  .farm-card-gelk .farm-gallery-bottom .farm-image-wrap,
  .farm-materials-card{
    height: auto;
  }

  .farm-materials-card{
    padding: 18px;
  }

  .farm-material-item{
    min-height: 150px;
  }
}




/* REWARD ICON FIX */

.reward-icon-coins{
  width: 66px !important;
  height: 66px !important;

  object-fit: contain;
}

.reward-icon-manastone{
  width: 72px !important;
  height: 72px !important;

  object-fit: contain;
}

.reward-icon-craft{
  width: 78px !important;
  height: 78px !important;

  object-fit: contain;
}

.reward-icon-abyss{
  width: 74px !important;
  height: 74px !important;

  object-fit: contain;
}

.reward-icon-abyss-large{
  width: 86px !important;
  height: 86px !important;

  object-fit: contain;
}

.reward-icon-ores{
  width: 92px !important;
  height: 92px !important;

  object-fit: contain;
}



.farm-card-reshanta{
  grid-template-columns: 420px 1fr;
  gap: 32px;
}

.farm-rewards-2{
  grid-template-columns: repeat(2,1fr);
}

.reward-aether{
  border-color: rgba(87,190,255,.28);
  background:
    radial-gradient(circle at center, rgba(76,184,255,.16), transparent 65%),
    rgba(3,8,18,.52);
}

.reward-icon-aether{
  width: 92px !important;
  height: 92px !important;
  object-fit: contain;
  filter: drop-shadow(0 0 12px rgba(76,184,255,.55));
}

.farm-card-reshanta .farm-gallery-main img{
  height: 420px !important;
  object-fit: contain !important;
}

.farm-card-reshanta .farm-gallery-bottom .farm-image-wrap{
  height: 300px;
}

.farm-card-reshanta .farm-gallery-bottom img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.farm-drop-btn{
  width: 300px;
  height: 58px;

  margin: 18px auto 0;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  border-radius: 12px;
  border: 1px solid rgba(240,196,106,.8);

  background:
    linear-gradient(
      180deg,
      rgba(7,16,34,.9),
      rgba(3,8,18,.96)
    );

  color: #f3ddb2;

  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: .06em;

  cursor: pointer;

  box-shadow:
    inset 0 0 0 1px rgba(240,196,106,.25),
    0 0 18px rgba(240,196,106,.22);
}

.farm-drop-btn:hover{
  color: #fff;
  box-shadow:
    inset 0 0 0 1px rgba(240,196,106,.55),
    0 0 26px rgba(240,196,106,.36);
}

.farm-drop-btn-gelk{
  grid-column: 2;
}

.drop-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 30px;

  background: rgba(0,0,0,.72);
  backdrop-filter: blur(8px);
}

.drop-modal.active{
  display: flex;
}

.drop-modal-box{
  width: min(1180px, 94vw);
  max-height: 88vh;
  overflow: hidden;

  padding: 28px;

  position: relative;

  border-radius: 18px;
  border: 1px solid rgba(214,170,88,.22);

  background:
    linear-gradient(
      180deg,
      rgba(6,14,31,.96),
      rgba(3,8,18,.98)
    );

  box-shadow: 0 28px 80px rgba(0,0,0,.65);
}

.drop-modal-close{
  position: absolute;
  top: 26px;
  right: 30px;

  border: 0;
  background: transparent;

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

  font-size: 3rem;
  line-height: 1;

  cursor: pointer;
}

.drop-modal-close:hover{
  color: #f0c46a;
}

.drop-modal-head{
  display: flex;
  align-items: center;
  gap: 18px;

  margin-bottom: 28px;
}

.drop-modal-icon{
  font-size: 2.3rem;
  color: #f0c46a;
}

.drop-modal-head h2{
  margin: 0;

  font-family: "Cormorant Garamond";
  font-size: 2.2rem;

  color: #f0c46a;
}

.drop-modal-head p{
  margin: 4px 0 0;

  color: rgba(237,242,251,.72);
}

.drop-modal-content{
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 18px;
}

.drop-monster-list{
  max-height: 650px;
  overflow-y: auto;

  padding: 16px;

  border-radius: 14px;
  border: 1px solid rgba(214,170,88,.16);

  background: rgba(0,0,0,.28);
}

.drop-monster-list h3,
.drop-details h3{
  margin: 0 0 16px;

  color: #f3ddb2;

  font-size: 1rem;
  letter-spacing: .08em;
}

.drop-monster{
  width: 100%;

  display: flex;
  align-items: center;
  gap: 14px;

  padding: 10px;

  margin-bottom: 10px;

  border-radius: 10px;
  border: 1px solid rgba(214,170,88,.10);

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

  color: #edf2fb;

  text-align: left;
  cursor: pointer;
}

.drop-monster.active,
.drop-monster:hover{
  border-color: rgba(240,196,106,.7);
  box-shadow: 0 0 16px rgba(240,196,106,.16);
}

.drop-monster img{
  width: 78px;
  height: 78px;

  object-fit: cover;

  border-radius: 8px;
}

.drop-monster strong{
  display: block;

  margin-bottom: 5px;

  color: #fff;
}

.drop-details{
  padding: 22px;

  border-radius: 14px;
  border: 1px solid rgba(214,170,88,.16);

  background: rgba(0,0,0,.28);
}

.drop-monster-preview{
  height: 260px;

  margin-bottom: 22px;

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

  border-radius: 12px;

  background:
    radial-gradient(
      circle at center,
      rgba(35,75,110,.35),
      rgba(0,0,0,.45)
    );
}

.drop-monster-preview img{
  max-width: 100%;
  max-height: 250px;

  object-fit: contain;
}

.drop-details h2{
  margin: 0;

  font-family: "Cormorant Garamond";
  font-size: 2rem;

  color: #f0c46a;
}

.drop-monster-meta{
  margin: 6px 0 18px;

  color: rgba(237,242,251,.75);
}

.drop-monster-desc{
  margin: 0 0 26px;

  color: rgba(237,242,251,.82);
  line-height: 1.7;
}

.drop-items-grid{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
}

.drop-item{
  min-height: 150px;

  padding: 14px 10px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;

  border-radius: 12px;
  border: 1px solid rgba(214,170,88,.18);

  background: rgba(3,8,18,.58);

  text-align: center;
}

.drop-item img{
  width: 62px;
  height: 62px;

  object-fit: contain;
}

.drop-item span{
  color: #f3ddb2;

  font-size: .88rem;
  font-weight: 700;
}

.drop-item strong{
  color: #51d26f;

  font-size: .95rem;
}

@media(max-width:900px){
  .drop-modal-content{
    grid-template-columns: 1fr;
  }

  .drop-items-grid{
    grid-template-columns: repeat(2,1fr);
  }

  .farm-drop-btn-gelk{
    grid-column: auto;
  }
}





/* SILENTERA RIGHT COLUMN */

.farm-tabs-silentera{
  display: flex;
  justify-content: center;
}

.farm-silentera-right{
  width: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.farm-silentera-right .farm-gallery-main{
  width: 100%;
}

.farm-silentera-right .farm-drop-btn{
  margin-top: 28px;
}


.farm-bullet{
  color: #d6aa58;
  margin-right: 10px;
  font-size: 12px;
}



.drop-monster-preview{
  display: none !important;
}

.drop-details{
  padding: 24px;
}

.drop-details h2{
  margin-top: 0;
}

.drop-monster-desc{
  margin-bottom: 22px;
}

.drop-items-grid{
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}

.drop-item{
  min-height: 130px;
}


.drop-panel{
  display: none;
}

.drop-panel.active{
  display: block;
}

.drop-details{
  max-height: 620px;
  overflow-y: auto;
  padding-right: 18px;
}

.drop-details::-webkit-scrollbar{
  width: 8px;
}

.drop-details::-webkit-scrollbar-track{
  background: rgba(255,255,255,.04);
  border-radius: 20px;
}

.drop-details::-webkit-scrollbar-thumb{
  background: rgba(240,196,106,.55);
  border-radius: 20px;
}

.drop-details::-webkit-scrollbar-thumb:hover{
  background: rgba(240,196,106,.85);
}


.farm-quest-section{
  margin-top: 36px;
  padding: 34px 34px 28px;
  border: 1px solid rgb(149 135 111 / 35%);
  border-radius: 18px;
  background:
linear-gradient(
      180deg,
      rgba(6,14,31,.82),
      rgba(4,9,19,.92)
    );
  box-shadow: 0 18px 50px rgba(0, 0, 0, .38);
}

.farm-quest-title-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  text-align: center;
}

.farm-quest-title-wrap span{
  width: 150px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212, 170, 92, .8), transparent);
}

.farm-quest-title-wrap h2{
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: 42px;
  line-height: 1;
  letter-spacing: 2px;
  color: #f3c86c;
  text-shadow: 0 0 18px rgba(243, 200, 108, .18);
}

.farm-quest-subtitle{
  margin: 12px 0 28px;
  text-align: center;
  color: rgba(235, 239, 255, .78);
  font-size: 18px;
}

.farm-quest-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.farm-quest-card{
  position: relative;
  min-height: 300px;
  padding: 26px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .09);
  background: rgba(7, 14, 27, .84);
  overflow: hidden;
}

.farm-quest-card::before{
  content: "";
  position: absolute;
  inset: 0;
  opacity: .28;
  pointer-events: none;
  background: radial-gradient(circle at 50% 20%, rgba(255,255,255,.12), transparent 38%);
}

.quest-elyos{
  border-color: rgba(71, 143, 232, .25);
  background:
    linear-gradient(135deg, rgba(10, 35, 67, .44), rgba(3, 9, 18, .96));
}

.quest-asmo{
  border-color: rgba(214, 46, 46, .28);
  background:
    linear-gradient(135deg, rgba(61, 15, 19, .28), rgba(8, 6, 12, .96));
}

.quest-race-icon{
  position: absolute;
  top: 22px;
  left: 22px;
  width: 40px;
  height: 40px;

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

.quest-race-icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.quest-elyos .quest-race-icon,
.quest-elyos h3,
.quest-elyos .quest-faction{
  color: #69b6ff;
}

.quest-asmo .quest-race-icon,
.quest-asmo h3,
.quest-asmo .quest-faction{
  color: #ff5b50;
}

.farm-quest-card h3{
  margin: 0 0 2px 42px;
  font-family: "Cormorant Garamond", serif;
  font-size: 29px;
  line-height: 1;
  letter-spacing: 1px;
}

.quest-faction{
  display: block;
  margin-left: 42px;
  margin-bottom: 24px;
  font-size: 15px;
}

.farm-quest-card > p{
  margin: 0 0 20px;
  color: rgba(255,255,255,.84);
  line-height: 1.45;
}

.quest-card-body{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: center;
}

.quest-objective{
  text-align: center;
}

.quest-objective img{
  width: 108px;
  height: 108px;
  object-fit: cover;
}

.quest-objective strong{
  display: block;
  margin-top: 8px;
  font-family: "Jost", sans-serif;
  font-size: 34px;
  color: #f4d895;
  line-height: 1;
}

.quest-objective span{
  color: rgba(255,255,255,.78);
  text-align: center;
}

.quest-rewards h4{
  margin: 0 0 10px;
  color: #f3c86c;
  font-size: 14px;
  letter-spacing: .8px;
}

.quest-rewards p{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 9px 0;
  color: rgba(255,255,255,.84);
}

.quest-rewards img{
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.quest-daily-badge{
  margin: 20px auto 0;
  width: min(280px, 100%);
  height: 48px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .4px;
  color: #fff;
}

.quest-elyos .quest-daily-badge{
  background: linear-gradient(180deg, #17477f, #0f2e58);
}

.quest-asmo .quest-daily-badge{
  background: linear-gradient(180deg, #a82424, #741414);
}

.farm-quest-important{
  margin-top: 24px;
  padding: 20px 24px;
  border-radius: 12px;
  border: 1px solid rgba(212, 170, 92, .45);
  background: rgba(4, 12, 24, .72);
}

.farm-quest-important strong{
  color: #f4d895;
  letter-spacing: .7px;
}

.farm-quest-important p{
  margin: 10px 0 0;
  color: rgba(255,255,255,.76);
}

@media(max-width: 900px){
  .farm-quest-grid{
    grid-template-columns: 1fr;
  }

  .farm-quest-title-wrap span{
    display: none;
  }

  .farm-quest-title-wrap h2{
    font-size: 34px;
  }

  .quest-card-body{
    grid-template-columns: 1fr;
  }
}


.quest-objective{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.quest-race-icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 6px rgba(255,255,255,.25));
}

.main-nav .dropdown-toggle.active{
  color: #f6cb6a !important;
  -webkit-text-fill-color: #f6cb6a !important;
  text-shadow: 0 0 14px rgba(246,203,106,.45);
}

.main-nav .dropdown-toggle.active::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -14px;
  transform: translateX(-50%);
  width: 56px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent,
    #f6cb6a,
    transparent
  );
  box-shadow: 0 0 14px rgba(246,203,106,.65);
}

.quest-limit{
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 10px;

  background:
    linear-gradient(
      180deg,
      rgba(212,170,92,.12),
      rgba(212,170,92,.04)
    );

  border: 1px solid rgba(212,170,92,.28);
}

.quest-limit strong{
  display: block;
  margin-bottom: 6px;

  font-size: 12px;
  letter-spacing: 1px;

  color: #f3c86c;
}

.quest-limit span{
  display: block;

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

  line-height: 1.45;
  font-size: 14px;
}

/* finall */