/* Mert Karataş Shop v1.6.56 --------------------------------------------- */
/*
 * Homepage editorial identity title:
 * The old title itself was transparent and depended entirely on
 * background-clip:text. Chrome can drop that raster layer while the parent
 * flex-basis changes on hover. Keep a real opaque title underneath and move
 * the foil sweep to a decorative pseudo layer instead.
 */
.mks-gateway .mks-identity--mk .mks-identity__content>strong[data-text]{
  position:relative!important;
  z-index:14!important;
  isolation:isolate!important;
  color:#f4efe5!important;
  -webkit-text-fill-color:#f4efe5!important;
  background:none!important;
  background-image:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  animation:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.mks-gateway .mks-identity--mk .mks-identity__content>strong[data-text]::after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  pointer-events:none;
  font:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  white-space:normal;
  color:transparent;
  -webkit-text-fill-color:transparent;
  background:linear-gradient(100deg,#f4efe5 0%,#f4efe5 35%,#d5b46f 48%,#fff3c9 52%,#d5b46f 56%,#f4efe5 68%,#f4efe5 100%);
  background-size:240% 100%;
  background-position:100% 0;
  background-clip:text;
  -webkit-background-clip:text;
  opacity:.92;
}
.mks-gateway.has-panel-motion .mks-identity--mk .mks-identity__content>strong[data-text]::after{
  animation:mksV1656TitleFoil 11s ease-in-out infinite;
}
.mks-gateway.is-paused .mks-identity--mk .mks-identity__content>strong[data-text]::after{
  animation-play-state:paused!important;
}
@keyframes mksV1656TitleFoil{
  0%,28%,100%{background-position:100% 0}
  58%,72%{background-position:0 0}
}
@media(prefers-reduced-motion:reduce){
  .mks-gateway .mks-identity--mk .mks-identity__content>strong[data-text]::after{
    animation:none!important;
    background-position:52% 0!important;
  }
}