/* ============================================================
   ADIYAMAN KEŞFET
   PREMIUM HOMEPAGE
   ============================================================ */

:root {

    --ak-navy: #071c2e;
    --ak-navy-2: #0d2b43;
    --ak-blue: #1487dc;

    --ak-text: #102235;
    --ak-text-2: #5f7183;
    --ak-muted: #8b9aaa;

    --ak-bg: #f5f8fb;
    --ak-white: #ffffff;
    --ak-border: #e5ebf1;

    --ak-orange: #ff8a16;
    --ak-green: #22a95d;
    --ak-purple: #7450d9;
    --ak-pink: #e94c87;
    --ak-red: #ed4752;
    --ak-yellow: #eaa900;

    --ak-container: 1360px;

    --ak-radius: 20px;

    --ak-shadow:
        0 8px 28px rgba(13, 36, 58, .07);

    --ak-shadow-hover:
        0 18px 45px rgba(13, 36, 58, .14);

}


/* ============================================================
   RESET
   ============================================================ */

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

html {
    scroll-behavior: smooth;
}

body {

    margin: 0;

    background: var(--ak-bg);

    color: var(--ak-text);

    font-family:
        "DM Sans",
        sans-serif;

    -webkit-font-smoothing: antialiased;

}

button,
input {
    font: inherit;
}

button {
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
}

.ak-page {
    width: 100%;
    overflow: hidden;
}

.ak-container {

    width:
        min(
            calc(100% - 64px),
            var(--ak-container)
        );

    margin-inline: auto;

}


/* ============================================================
   HERO
   ============================================================ */

.ak-hero {

    position: relative;

    min-height: 650px;

    display: flex;
    align-items: center;

    overflow: hidden;

    color: #fff;

}

.ak-hero-background {

    position: absolute;
    inset: 0;

    background-image:
        url("../images/hero.webp");

    background-position:
        center center;

    background-size: cover;

    transform: scale(1.015);

}

.ak-hero-shade {

    position: absolute;
    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(3,18,31,.91) 0%,
            rgba(5,26,43,.72) 36%,
            rgba(5,25,40,.28) 72%,
            rgba(5,25,40,.08) 100%
        );

}

.ak-hero-pattern {

    position: absolute;
    inset: 0;

    opacity: .16;

    background-image:
        radial-gradient(
            rgba(255,255,255,.3) 1px,
            transparent 1px
        );

    background-size: 30px 30px;

    mask-image:
        linear-gradient(
            to right,
            #000,
            transparent 75%
        );

}

.ak-hero-container {

    position: relative;
    z-index: 2;

    padding-top: 65px;
    padding-bottom: 42px;

}

.ak-hero-copy {

    max-width: 680px;

}

.ak-eyebrow {

    display: inline-block;

    color: #ffbf61;

    font-family:
        "Playfair Display",
        serif;

    font-size: 25px;

    font-style: italic;

    margin-bottom: 13px;

}


.index-category-wrapper {
  width: 100%;
  margin: 0px auto 20px auto;
}

.index-category-list {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 9px;
}

.index-category-card {
  min-width: 0;
  height: 120px;
  padding: 13px 6px 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 9px;
  text-decoration: none;
  color: #222;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .025);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.index-category-card:hover {
  transform: translateY(-3px);
  border-color: #e8e8e8;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .07);
}

.index-category-icon {
  width: 42px;
  height: 42px;
  padding: 20px 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-size: 17px;
}

.index-category-card strong {
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}

.index-category-card span {
  margin-top: 3px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}

/* Kategori İkon Renkleri */
.index-icon-red { background: #fff0f2; color: #ff3653; }
.index-icon-orange { background: #fff5e8; color: #ff941f; }
.index-icon-blue { background: #edf4ff; color: #4588f7; }
.index-icon-green { background: #eafbf1; color: #22b967; }
.index-icon-purple { background: #f4edff; color: #9b57e9; }
.index-icon-brown { background: #f6f1ed; color: #806451; }
.index-icon-cyan { background: #eaf7ff; color: #378dd5; }
.index-icon-pink { background: #ffedf6; color: #dc3d91; }
.index-icon-dark { background: #f2f3f5; color: #30343b; }



.ak-hero h1 {

    margin: 0;

    font-size:
        clamp(
            45px,
            5vw,
            74px
        );

    line-height: 1.02;
	color: #fff;
    letter-spacing: -3px;

    font-weight: 700;

}

.ak-hero h1 span {
    color: #ff1641;
}

.ak-hero-copy p {

    max-width: 570px;

    margin:
        25px 0 30px;

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

    font-size: 18px;

    line-height: 1.75;

}


/* ============================================================
   SEARCH
   ============================================================ */

.ak-search-box {

    width: min(100%, 910px);

    min-height: 78px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.55fr)
        245px
        145px;

    align-items: center;

    padding: 8px;

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

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

    border-radius: 20px;

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

    transition: .25s ease;

}

.ak-search-box.focused {

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

    transform: translateY(-2px);

}

.ak-search-main {

    display: flex;
    align-items: center;

    gap: 14px;

    min-width: 0;

    padding:
        0 18px;

}

.ak-search-icon {

    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    flex: 0 0 auto;

    border-radius: 12px;

    background: #edf4fa;

    color: var(--ak-navy);

}

.ak-search-icon svg {

    width: 19px;
    height: 19px;

}

.ak-search-text {

    min-width: 0;

}

.ak-search-text span {

    display: block;

    margin-bottom: 3px;

    color: #8996a4;

    font-size: 13px;

}

.ak-search-text input {

    width: 100%;

    min-width: 0;

    padding: 0;

    border: 0;
    outline: 0;

    color: var(--ak-text);

    background: transparent;

    font-size: 15px;

}

.ak-search-text input::placeholder {
    color: #8e9ba8;
}

.ak-search-location {

    height: 52px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding:
        0 18px;

    border-left:
        1px solid #e7ecf1;

    border-right:
        1px solid #e7ecf1;

}

.ak-search-location > svg:first-child {

    width: 19px;
    height: 19px;

    color: #183b57;

}

.ak-search-location div {

    min-width: 0;

    flex: 1;

}

.ak-search-location small {

    display: block;

    color: #8996a4;

    font-size: 13px;

}

.ak-search-location strong {

    display: block;

    margin-top: 2px;

    color: #263b4e;

    font-size: 13px;

}

.ak-search-chevron {

    width: 14px !important;
    height: 14px !important;

    color: #718293;

}

.ak-search-submit {

    height: 58px;

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

    gap: 8px;

    border-radius: 15px;

    background:
        var(--ak-navy);

    color: #fff;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition: .2s ease;

}

.ak-search-submit:hover {

    background:
        #123b5b;

}

.ak-search-submit svg {

    width: 17px;
    height: 17px;

}


/* ============================================================
   HERO LINKS
   ============================================================ */

.ak-hero-links {

    display: flex;
    align-items: center;

    gap: 9px;

    margin-top: 17px;

    flex-wrap: wrap;

}

.ak-hero-links > span {

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

    font-size: 15px;

}

.ak-hero-links a {

    padding:
        5px 10px;

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

    border-radius: 30px;

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

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

    font-size: 13px;

    transition: .2s ease;

}

.ak-hero-links a:hover {

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

}


/* ============================================================
   HERO STATS
   ============================================================ */

.ak-hero-bottom {

    display: flex;
    align-items: center;

    gap: 38px;

    margin-top: 42px;

}

.ak-hero-stat {

    display: flex;
    flex-direction: column;

    padding-right: 38px;

    border-right:
        1px solid rgba(255,255,255,.18);

}

.ak-hero-stat strong {

    font-size: 18px;

}

.ak-hero-stat span {

    margin-top: 2px;

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

    font-size: 13px;

}

.ak-hero-scroll {

    display: flex;
    align-items: center;

    gap: 9px;

    margin-left: auto;

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

    font-size: 13px;

}

.ak-hero-scroll svg {

    width: 16px;
    height: 16px;

}


/* ============================================================
   CATEGORY
   ============================================================ */

.ak-category-wrap {

    position: relative;
    z-index: 5;

    background: #fff;

    border-bottom:
        1px solid var(--ak-border);

}

.ak-category-grid {

    display: grid;

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

}

.ak-category {

    min-height: 137px;

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

    gap: 9px;

    padding:
        15px 7px;

    text-align: center;

    border-right:
        1px solid #edf1f4;

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

}

.ak-category:hover {

    background: #f8fafc;

}

.ak-category-icon {

    width: 47px;
    height: 47px;

    display: grid;
    place-items: center;

    border-radius: 14px;

    color: #fff;

    box-shadow:
        0 8px 16px rgba(0,0,0,.09);

}

.ak-category-icon svg {

    width: 21px;
    height: 21px;

}

.ak-category strong {

    color: #26394b;

    font-size: 13px;

    line-height: 0.5;
	margin-top:12px;

}

.ak-category small {

    color: #94a1ad;

    font-size: 13px;

}


/* category colors */

.category-orange .ak-category-icon {
    background: var(--ak-orange);
}

.category-blue .ak-category-icon {
    background: #1683dd;
}

.category-green .ak-category-icon {
    background: #25a85d;
}

.category-pink .ak-category-icon {
    background: #e64b88;
}

.category-purple .ak-category-icon {
    background: #7650d7;
}

.category-cyan .ak-category-icon {
    background: #159bb8;
}

.category-brown .ak-category-icon {
    background: #956c4c;
}

.category-red .ak-category-icon {
    background: #eb4650;
}

.category-yellow .ak-category-icon {
    background: #e9aa0b;
}

.category-dark .ak-category-icon {
    background: #718192;
}


/* ============================================================
   SECTION
   ============================================================ */

.ak-section {

    padding:
        64px 0;

    background:
        var(--ak-bg);

}

.ak-section-soft {

    background:
        #edf3f7;

}

.ak-section-head {

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;

    margin-bottom: 27px;

}

.ak-section-label {

    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 7px;

    color: #688096;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: .8px;

    text-transform: uppercase;

}

.ak-section-label span {

    width: 22px;
    height: 2px;

    background:
        var(--ak-orange);

}

.ak-section-head h2 {
    margin: 0;
    color: var(--ak-text);
    font-size:clamp(24px, 2.3vw, 31px);
    line-height: 1.15;
    letter-spacing: -.8px;

}
.ak-section-head p {

    max-width: 540px;
    margin:0px 0 0;
    color: var(--ak-text-2);
    font-size: 15px;

    line-height: 1.6;

}

.ak-view-all {

    display: flex;
    align-items: center;

    gap: 6px;

    flex: 0 0 auto;

    padding:
        9px 13px;

    border:
        1px solid var(--ak-border);

    border-radius: 10px;

    background: #fff;

    color: #50677b;

    font-size: 13px;
    font-weight: 600;

    transition: .2s ease;

}

.ak-view-all:hover {

    border-color: #ccd8e2;

    color: var(--ak-navy);

    transform: translateY(-2px);

}

.ak-view-all svg {

    width: 14px;
    height: 14px;

}


/* ============================================================
   FEATURED BUSINESS
   ============================================================ */

.ak-featured-grid {

    display: grid;

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

    gap: 17px;

}

.ak-business-card {

    position: relative;

    overflow: hidden;

    border:
        1px solid var(--ak-border);

    border-radius: 17px;

    background: #fff;

    box-shadow:
        var(--ak-shadow);

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

}

.ak-business-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        var(--ak-shadow-hover);

}

.ak-card-image {

    position: relative;

    height: 205px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #b7c3cb,
            #71808d
        );

}

.ak-card-image img {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .45s ease;

}

.ak-business-card:hover
.ak-card-image img {

    transform:
        scale(1.06);

}

.ak-image-gradient {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to bottom,
            transparent 50%,
            rgba(0,0,0,.24)
        );

    pointer-events: none;

}

.ak-card-tag {

    position: absolute;

    top: 12px;
    left: 12px;

    padding:
        6px 9px;

    border-radius: 7px;

    color: #fff;

    font-size: 11px;
    font-weight: 700;

    text-transform: uppercase;

}

.tag-orange {
    background: #f28716;
}

.tag-purple {
    background: #7048d3;
}

.tag-green {
    background: #21a45a;
}

.tag-blue {
    background: #1682d9;
}

.ak-heart {

    position: absolute;

    z-index: 3;

    top: 10px;
    right: 10px;

    width: 33px;
    height: 33px;

    display: grid;
    place-items: center;

    border-radius: 50%;

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

    color: #526678;

    cursor: pointer;

}

.ak-heart svg {

    width: 16px;
    height: 16px;

}

.ak-heart.active {

    color: #ed4b57;

}

.ak-heart.active svg {

    fill: #ed4b57;

}

.ak-business-info {

    padding:
        15px;

}

.ak-business-top {

    display: flex;
    justify-content: space-between;

    gap: 10px;

}

.ak-business-top h3 {

    margin: 0;
    width: 220px;
    overflow: hidden;

    color: var(--ak-text);

    font-size: 15px;

    white-space: nowrap;
    text-overflow: ellipsis;

}

.ak-business-type {

    display: block;

    margin-top: 4px;

    color: #8a98a5;

    font-size: 13px;

}

.ak-rating {

    height: fit-content;

    display: flex;
    align-items: center;

    gap: 4px;

    padding:
        4px 7px;

    border-radius: 7px;

    background: #fff7e6;

    color: #b97700;

    font-size: 13px;
    font-weight: 700;

}

.ak-rating svg {

    width: 11px;
    height: 11px;

    fill: #e7a900;

    color: #e7a900;

}

.ak-business-meta {

    display: flex;

    gap: 12px;

    margin-top: 12px;

}

.ak-business-meta span {

    display: flex;
    align-items: center;

    gap: 4px;

    color: #7d8c99;

    font-size: 13px;

}

.ak-business-meta svg {

    width: 11px;
    height: 11px;

}

.ak-business-footer {

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

    margin-top: 14px;

    padding-top: 11px;

    border-top:
        1px solid #edf1f4;

}

.ak-business-footer > span:first-child {

    display: flex;
    align-items: center;

    gap: 5px;

    color: #3b9b63;

    font-size: 13px;

}

.ak-business-footer > span:first-child svg {

    width: 11px;
    height: 11px;

}

.ak-round-arrow {

    width: 27px;
    height: 27px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: #f0f5f9;

    color: #4c657b;

}

.ak-round-arrow svg {

    width: 13px;
    height: 13px;

}


/* ============================================================
   NEW BUSINESSES
   ============================================================ */

.ak-new-business-grid {

    display: grid;

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

    gap: 15px;

}

.ak-new-card {

    overflow: hidden;

    border:
        1px solid #dfe7ed;

    border-radius: 16px;

    background: #fff;

    transition: .25s ease;

}

.ak-new-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        var(--ak-shadow-hover);

}

.ak-new-image {

    position: relative;

    height: 145px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #ccd6dd,
            #8796a2
        );

}

.ak-new-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: .4s ease;

}

.ak-new-card:hover
.ak-new-image img {

    transform: scale(1.06);

}

.ak-new-label {

    position: absolute;

    top: 10px;
    left: 10px;

    padding:
        5px 7px;

    border-radius: 6px;

    background:
        #0c8b5a;

    color: #fff;

    font-size: 11px;
    font-weight: 700;

}

.ak-new-content {

    display: flex;
    align-items: center;

    gap: 10px;

    padding:
        13px;

}

.ak-new-icon {

    width: 37px;
    height: 37px;

    display: grid;
    place-items: center;

    flex: 0 0 auto;

    border-radius: 10px;

    background: #fff1df;

    color: #ec8715;

}

.ak-new-icon svg {

    width: 17px;
    height: 17px;

}

.icon-red {
    background: #fff0f0;
    color: #e54850;
}


.icon-blue {
    background: #eaf5ff;
    color: #1582d6;
}
/* Mor (Giyim) */
.icon-purple {
    background: #f3e8ff;
    color: #9333ea;
}

/* Yeşil (Alışveriş) */
.icon-green {
    background: #dcfce7;
    color: #16a34a;
}

/* Sarı / Kehribar (Eğlence) */
.icon-yellow {
    background: #fef9c3;
    color: #ca8a04;
}

/* Pembe (Güzellik) */
.icon-pink {
    background: #fce7f3;
    color: #db2777;
}

/* Turkuaz / Teal (Konaklama) */
.icon-teal {
    background: #ccfbf1;
    color: #0d9488;
}

/* Turuncu (Mobilya / Cafe) */
.icon-orange {
    background: #ffedd5;
    color: #ea580c;
}

/* Amber / Sıcak Sarı (Cafe) */
.icon-amber {
    background: #fef3c7;
    color: #d97706;
}

/* Siyan / Açık Mavi (Otomobil) */
.icon-cyan {
    background: #cffaff;
    color: #0891b2;
}


.ak-new-main {

    min-width: 0;

    flex: 1;

}

.ak-new-main h3 {

    margin: 0;

    overflow: hidden;

    font-size: 15px;

    white-space: nowrap;
    text-overflow: ellipsis;

}

.ak-new-main > span {

    display: block;

    margin-top: 3px;

    color: #8796a3;

    font-size: 13px;
	    width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

.ak-new-rating {

    display: flex;
    align-items: center;

    gap: 4px;

    margin-top: 6px;

    color: #a18042;

    font-size: 13px;

}

.ak-new-rating svg {

    width: 13px;
    height: 13px;

    color: #e8a900;

}

.ak-new-arrow {

    width: 15px;
    height: 15px;

    color: #a1adb7;

}


/* ============================================================
   DISCOVERY
   ============================================================ */

.ak-discovery-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1.7fr)
        minmax(300px, .75fr);

    gap: 17px;

}

.ak-nemrut-feature {

    position: relative;

    min-height: 405px;

    overflow: hidden;

    border-radius: 22px;

    color: #fff;

}

.ak-nemrut-bg {

    position: absolute;
    inset: 0;

    background:
        url("../images/hero.webp")
        center / cover no-repeat;

    transition:
        transform .7s ease;

}

.ak-nemrut-feature:hover
.ak-nemrut-bg {

    transform: scale(1.04);

}

.ak-nemrut-shade {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(3,23,39,.91),
            rgba(3,23,39,.42),
            rgba(3,23,39,.08)
        );

}

.ak-nemrut-content {

    position: relative;
    z-index: 2;

    max-width: 490px;

    padding:
        45px;

}

.ak-location-pill {

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

    gap: 6px;

    padding:
        7px 10px;

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

    border-radius: 30px;

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

    font-size: 13px;

}

.ak-location-pill svg {

    width: 12px;
    height: 12px;

}

.ak-nemrut-content h2 {

    margin:
        19px 0 0;

    font-size:
        clamp(35px, 4vw, 55px);

    line-height: 1;

    letter-spacing: -2px;

}

.ak-nemrut-content h3 {

    margin:
        8px 0 0;

    color: #ffc66f;

    font-size: 20px;

}

.ak-nemrut-content p {

    max-width: 450px;

    margin:
        15px 0 22px;

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

    font-size: 15px;

    line-height: 1.7;

}

.ak-discovery-button {

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

    gap: 8px;

    padding:
        10px 15px;

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

    border-radius: 9px;

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

    font-size: 13px;

}

.ak-discovery-button svg {

    width: 13px;
    height: 13px;

}

.ak-discovery-side {

    display: grid;

    grid-template-rows:
        1fr 1fr;

    gap: 17px;

}

.ak-mini-feature {

    position: relative;

    overflow: hidden;

    border-radius: 18px;

    color: #fff;

}

.ak-mini-feature-image {

    position: absolute;
    inset: 0;

    background-size: cover;
    background-position: center;

    transition: .5s ease;

}

.ak-mini-feature:hover
.ak-mini-feature-image {

    transform: scale(1.05);

}

.mini-perre {

    background-image:
        url("../images/perre-index.webp");

}

.mini-cendere {

    background-image:
        url("../images/cendere-koprusu.webp");

}

.ak-mini-feature::after {

    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4,28,45,.9),
            rgba(4,28,45,.18)
        );

}

.ak-mini-feature-content {

    position: relative;
    z-index: 2;

    height: 100%;

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

    padding:
        27px;

}

.ak-mini-feature-content > span {

    color: #ffc36a;

    font-size: 15px;
    font-weight: 700;

    text-transform: uppercase;

}

.ak-mini-feature-content h3 {

    margin:
        1px 0 5px;

    font-size: 23px;

}

.ak-mini-feature-content small {

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

    font-size: 15px;

}

.ak-mini-feature-content > svg {

    position: absolute;

    right: 23px;
    bottom: 22px;

    width: 20px;
    height: 20px;

}


/* ============================================================
   EVENTS
   ============================================================ */

.ak-event-grid {

    display: grid;

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

    gap: 15px;

}

.ak-event-card {

    position: relative;

    overflow: hidden;

    min-width: 0;

    border:
        1px solid var(--ak-border);

    border-radius: 16px;

    background: #fff;

    box-shadow:
        var(--ak-shadow);

    transition: .25s ease;

}

.ak-event-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        var(--ak-shadow-hover);

}

.ak-event-image {
    height: 155px;
    background:center / cover no-repeat;
}
.ak-event-image img{
    height: 155px;
	width:100%;
}




.ak-event-date {

    position: absolute;

    z-index: 3;

    top: 10px;
    left: 10px;

    width: 44px;

    padding:
        7px 4px;

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

    border-radius: 9px;

    background: #fff;

    box-shadow:
        0 5px 14px rgba(0,0,0,.16);

}

.ak-event-date strong {

    color: var(--ak-navy);

    font-size: 17px;
    line-height: 1;

}

.ak-event-date span {

    margin-top: 1px;

    color: #e64c54;

    font-size: 11px;
    font-weight: 800;

}

.ak-event-content {

    padding:
        14px;

}

.ak-event-category {

    color: #d58216;

    font-size: 11px;
    font-weight: 700;

    text-transform: uppercase;

}

.ak-event-content h3 {

    min-height: 34px;

    margin:
        5px 0 12px;

    color: var(--ak-text);

    font-size: 15px;

    line-height: 1.4;

}

.ak-event-info {

    display: flex;

    gap: 12px;

}

.ak-event-info span {

    display: flex;
    align-items: center;

    gap: 4px;

    color: #81909c;

    font-size: 13px;

}

.ak-event-info svg {

    width: 11px;
    height: 11px;

}

.ak-event-arrow {

    position: absolute;

    right: 12px;
    bottom: 12px;

    width: 28px;
    height: 28px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: #f0f5f9;

    color: #597287;

}

.ak-event-arrow svg {

    width: 13px;
    height: 13px;

}


/* ============================================================
   CAMPAIGNS
   ============================================================ */

.ak-campaign-grid {

    display: grid;

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

    gap: 17px;

}

.ak-campaign-card {

    position: relative;

    min-height: 245px;

    overflow: hidden;

    border-radius: 19px;

    color: #fff;

}

.ak-campaign-image {

    position: absolute;
    inset: 0;

    background:
        center / cover no-repeat;

    transition: .5s ease;

}

.ak-campaign-card:hover
.ak-campaign-image {

    transform: scale(1.05);

}

.campaign-img-1 {
    background-image:
        url("../images/kahvalti.webp");
}

.campaign-img-2 {
    background-image:        url("../images/konaklama.webp");
}

.campaign-img-3 {
    background-image:     url("../images/alisveris.webp");
}

.ak-campaign-overlay {

    position: absolute;
    inset: 0;

}

.campaign-orange .ak-campaign-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(130,57,2,.91),
            rgba(130,57,2,.25)
        );

}

.campaign-purple .ak-campaign-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(58,34,118,.93),
            rgba(58,34,118,.25)
        );

}

.campaign-blue .ak-campaign-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(5,75,120,.93),
            rgba(5,75,120,.24)
        );

}

.ak-campaign-content {

    position: relative;
    z-index: 2;

    height: 100%;

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

    padding:
        27px;

}

.ak-campaign-badge {

    width: fit-content;

    padding:
        6px 9px;

    border-radius: 7px;

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

    font-size: 13px;
    font-weight: 700;

}

.ak-campaign-content h3 {

    margin:
        13px 0 18px;

    font-size: 28px;

    line-height: 1.15;

    letter-spacing: -.5px;

}

.ak-campaign-content > span:last-child {

    display: flex;
    align-items: center;

    gap: 6px;

    font-size: 13px;

}

.ak-campaign-content > span:last-child svg {

    width: 13px;
    height: 13px;

}


/* ============================================================
   DARK POPULAR
   ============================================================ */

.ak-section-dark {

    background:
        var(--ak-navy);

    color: #fff;

}

.ak-dark-head h2 {
    color: #fff;
}

.ak-dark-head p {
    color: rgba(255,255,255,.55);
}

.ak-dark-head .ak-section-label {
    color: rgba(255,255,255,.55);
}

.ak-dark-head .ak-view-all {

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

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

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

}

.ak-popular-grid {

    display: grid;

    grid-template-columns:
        1.4fr 1fr 1fr;

    gap: 16px;

}

.ak-popular-card {

    position: relative;

    min-height: 330px;

    overflow: hidden;

    border-radius: 19px;

}

.ak-popular-large {
    min-height: 330px;
}

.ak-popular-image {

    position: absolute;
    inset: 0;

    background:
        center / cover no-repeat;

    transition: .6s ease;

}

.popular-1 {
    background-image:
        url("../images/mutfak.webp");
}

.popular-2 {
    background-image:
        url("../images/cafee.webp");
}

.popular-3 {
    background-image:
        url("../images/kahvalti.webp");
}

.ak-popular-card:hover
.ak-popular-image {

    transform: scale(1.06);

}

.ak-popular-overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.82),
            rgba(0,0,0,.04) 75%
        );

}

.ak-popular-content {

    position: absolute;

    left: 24px;
    right: 24px;
    bottom: 23px;

}

.ak-popular-content span {

    color: #ffc16a;

    font-size: 13px;
    font-weight: 700;

}

.ak-popular-content h3 {

    max-width: 370px;

    margin:
        7px 0;

    color: #fff;

    font-size: 21px;

    line-height: 1.15;

}

.ak-popular-card:not(.popular-large)
.ak-popular-content h3 {

    font-size: 16px;

}

.ak-popular-content small {

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

    font-size: 13px;

}


/* ============================================================
   DISTRICTS
   ============================================================ */

.ak-district-grid {

    display: grid;

    grid-template-columns:
        1.5fr 1fr 1fr 1fr;

    gap: 14px;

}

.ak-district-card {

    position: relative;

    min-height: 235px;

    overflow: hidden;

    border-radius: 17px;

    color: #fff;

}

.ak-district-card:first-child {

    min-height: 290px;

}

.ak-district-card {

    background:
        #788895;

}

.ak-district-card::before {

    content: "";

    position: absolute;
    inset: 0;

    background:
        center / cover no-repeat;

    transition: .5s ease;

}

.district-merkez::before {
    background-image:
        url("../images/adi-merkez.webp");
}

.district-kahta::before {
    background-image:
        url("../images/kahta-kale.webp");
}

.district-gerger::before {
    background-image:
        url("../images/nissibi.webp");
}

.district-besni::before {
    background-image:
        url("../images/samsat.webp");
}

.ak-district-card:hover::before {

    transform:
        scale(1.06);

}

.ak-district-overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(3,22,35,.88),
            rgba(3,22,35,.12)
        );

}

.ak-district-content {

    position: absolute;

    z-index: 2;

    left: 20px;
    right: 20px;
    bottom: 19px;

}

.ak-district-content span {

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

    font-size: 13px;

}

.ak-district-content h3 {

    margin:
        0px 0;

    color: #fff;

    font-size: 22px;

}

.ak-district-content small {

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

    font-size: 13px;

}

.ak-district-content svg {

    position: absolute;

    right: 0;
    bottom: 1px;

    width: 20px;
    height: 20px;

}


/* ============================================================
   GUIDE
   ============================================================ */

.ak-guide-box {

    position: relative;

    min-height: 430px;

    overflow: hidden;

    border-radius: 23px;

    color: #fff;

}

.ak-guide-image {

    position: absolute;
    inset: 0;

    background:
        url("../images/index-adiyaman.webp")
        center / cover no-repeat;

}

.ak-guide-overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(5,27,44,.94),
            rgba(5,27,44,.55),
            rgba(5,27,44,.1)
        );

}

.ak-guide-content {

    position: relative;
    z-index: 2;

    max-width: 580px;

    padding:
        65px 55px;

}

.ak-guide-content .ak-eyebrow {

    margin-bottom: 8px;

    font-size: 20px;

}

.ak-guide-content h2 {

    margin: 0;

    font-size:
        clamp(35px, 4vw, 53px);

    line-height: 1.04;

    letter-spacing: -2px;

}

.ak-guide-content p {

    max-width: 470px;

    margin:
        17px 0 23px;

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

    font-size: 15px;

    line-height: 1.7;

}

.ak-guide-button {

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

    gap: 8px;

    padding:
        11px 15px;

    border-radius: 9px;

    background: #fff;

    color: var(--ak-navy);

    font-size: 13px;
    font-weight: 700;

}

.ak-guide-button svg {

    width: 14px;
    height: 14px;

}

.ak-guide-decoration {

    position: absolute;

    z-index: 2;

    right: 8%;
    top: 50%;

    width: 130px;
    height: 130px;

    display: grid;
    place-items: center;

    transform:
        translateY(-50%);

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

    border-radius: 50%;

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

}

.ak-guide-decoration::before {

    content: "";

    position: absolute;

    inset: 15px;

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

    border-radius: 50%;

}

.ak-guide-decoration svg {

    width: 55px;
    height: 55px;

}


/* ============================================================
   NEWS
   ============================================================ */

.ak-news-grid {

    display: grid;

    grid-template-columns:
        1.5fr 1fr 1fr;

    gap: 16px;

}

.ak-news-card {

    overflow: hidden;

    border:
        1px solid var(--ak-border);

    border-radius: 17px;

    background: #fff;

    transition: .25s ease;

}

.ak-news-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        var(--ak-shadow-hover);

}

.ak-news-image {

    height: 185px;

    background:
        center / cover no-repeat;

}

.ak-news-main .ak-news-image {

    height: 220px;

}

.news-1 {
    background-image:
        url("../uploads/news/adiyaman.webp");
}

.news-2 {
    background-image:
        url("../uploads/news/etkinlik.webp");
}

.news-3 {
    background-image:
        url("../images/hero.webp");
}

.ak-news-content {

    padding:
        17px;

}

.ak-news-content > span {

    color:
        var(--ak-orange);

    font-size: 11px;
    font-weight: 700;

}

.ak-news-content h3 {

    margin:12px 0px 8px 0px;

    font-size: 14px;

    line-height: 0.35;

}

.ak-news-main .ak-news-content h3 {

    font-size: 19px;

}

.ak-news-content p {

    margin:0px 0 2px;

    color:
        #748494;

    font-size: 15px;

    line-height: 1.6;

}

.ak-news-content small {

    color:#9aa6b0;

    font-size: 12px;

}


/* ============================================================
   FINAL CTA
   ============================================================ */

.ak-final-cta {

    position: relative;

    min-height: 390px;

    display: flex;
    align-items: center;

    overflow: hidden;

    color: #fff;

}

.ak-final-bg {

    position: absolute;
    inset: 0;

    background:url("../images/hero.webp")center / cover no-repeat;

    transform:scale(1.05);

}

.ak-final-overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(3,23,39,.96),
            rgba(3,23,39,.75),
            rgba(3,23,39,.35)
        );

}

.ak-final-content {

    position: relative;
    z-index: 2;

    max-width: 600px;

    padding:
        65px 0;

}

.ak-final-content > span {

    color: #ffbd63;

    font-size: 15px;
    font-weight: 700;

    letter-spacing: 1.2px;

}

.ak-final-content h2 {

    margin:
        12px 0;

    font-size:
        clamp(40px, 5vw, 61px);

    line-height: 1;

    letter-spacing: -2.5px;

}

.ak-final-content p {

    max-width: 470px;

    margin:
        15px 0 24px;

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

    font-size: 15px;

    line-height: 1.7;

}

.ak-final-actions {

    display: flex;

    gap: 9px;

}

.ak-final-primary,
.ak-final-secondary {

    display: flex;
    align-items: center;

    gap: 7px;

    padding:
        11px 15px;

    border-radius: 9px;

    font-size: 13px;
    font-weight: 600;

}

.ak-final-primary {

    background: #fff;

    color: var(--ak-navy);

}

.ak-final-primary svg {

    width: 13px;
    height: 13px;

}

.ak-final-secondary {

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

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

}


/* ============================================================
   1200
   ============================================================ */

@media (max-width: 1200px) {

    .ak-category-grid {
        grid-template-columns:
            repeat(5, 1fr);
    }

    .ak-category:nth-child(-n+5) {
        border-bottom:
            1px solid #edf1f4;
    }

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

    .ak-new-business-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

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

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

}


/* ============================================================
   950
   ============================================================ */

@media (max-width: 950px) {

    .ak-container {

        width:
            min(
                calc(100% - 40px),
                850px
            );

    }

    .ak-hero {

        min-height:
            610px;

    }

    .ak-search-box {

        grid-template-columns:
            1fr 190px;

    }

    .ak-search-main {

        grid-column:
            1 / -1;

    }

    .ak-search-location {

        border-left: 0;

    }

    .ak-search-submit {

        height: 52px;

    }

    .ak-discovery-grid {

        grid-template-columns:
            1fr;

    }

    .ak-discovery-side {

        grid-template-columns:
            1fr 1fr;

        grid-template-rows:
            220px;

    }

    .ak-popular-grid {

        grid-template-columns:
            1fr 1fr;

    }

    .ak-popular-large {

        grid-column:
            1 / -1;

    }

    .ak-news-grid {

        grid-template-columns:
            1fr 1fr;

    }

    .ak-news-main {

        grid-column:
            1 / -1;

    }

}


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

@media (max-width: 650px) {

    .ak-container {

        width:
            calc(100% - 28px);

    }


    /* HERO */

    .ak-hero {

        min-height:
            650px;

        align-items:
            flex-start;

    }

    .ak-hero-background {

        background-position:
            64% center;

    }

    .ak-hero-shade {

        background:
            linear-gradient(
                180deg,
                rgba(3,18,31,.9),
                rgba(3,18,31,.62) 55%,
                rgba(3,18,31,.88)
            );

    }

    .ak-hero-container {

        padding-top:
            48px;

        padding-bottom:
            30px;

    }

    .ak-eyebrow {

        font-size:
            19px;

    }

    .ak-hero h1 {

        font-size:
            38px;

        line-height:
            1.05;

        letter-spacing:
            -1.5px;

    }

    .ak-hero-copy p {

        margin-top:
            16px;

        font-size:
            16px;

        line-height:
            1.65;

    }


    /* SEARCH */

    .ak-search-box {

        display:
            flex;

        flex-direction:
            column;

        gap:
            5px;

        width:
            100%;

        padding:
            6px;

        border-radius:
            16px;

    }

    .ak-search-main {

        width:
            100%;

        min-height:
            54px;

        padding:
            0 10px;

    }

    .ak-search-icon {

        width:
            37px;

        height:
            37px;

    }

    .ak-search-location {

        width:
            100%;

        height:
            46px;

        padding:
            0 12px;

        border:
            0;

        border-radius:
            10px;

        background:
            #f3f6f9;

    }

    .ak-search-submit {

        width:
            100%;

        height:
            47px;

    }


    /* HERO LINKS */

    .ak-hero-links {

        margin-top:
            14px;

        gap:
            5px;

    }

    .ak-hero-links > span {

        width:
            100%;

    }


    /* HERO STATS */

    .ak-hero-bottom {

        gap:
            13px;

        margin-top:
            30px;

    }

    .ak-hero-stat {

        padding-right:
            16px;

    }

    .ak-hero-stat strong {

        font-size:
            13px;

    }

    .ak-hero-stat span {

        font-size:
            13px;

    }

    .ak-hero-scroll {

        display:
            none;

    }


    /* CATEGORY */

    .ak-category-grid {

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

    }

    .ak-category {

        min-height:
            88px;

        gap:
            6px;

        padding:
            8px 2px;

    }

    .ak-category-icon {

        width:
            35px;

        height:
            35px;

        border-radius:
            10px;

    }

    .ak-category-icon svg {

        width:
            17px;

        height:
            17px;

    }

    .ak-category strong {

        font-size:
            13px;

    }

    .ak-category small {

        display:
            none;

    }


    /* SECTION */

    .ak-section {

        padding:
            39px 0;

    }

    .ak-section-head {

        align-items:
            flex-start;

        margin-bottom:
            18px;

    }

    .ak-section-head h2 {

        font-size:
            22px;

    }

    .ak-section-head p {

        font-size:
            13px;
			display: none;

    }

    .ak-view-all {

        padding:
            7px 9px;

        font-size:
            13px;

    }


    /* FEATURED */

    .ak-featured-grid {

        display:
            flex;

        overflow-x:
            auto;

        gap:
            11px;

        margin-inline:
            0px;

        padding:
            0 14px 8px;

        scrollbar-width:
            none;

        scroll-snap-type:
            x mandatory;

    }

    .ak-featured-grid::-webkit-scrollbar {
        display:
            none;
    }

    .ak-business-card {

        flex:
            0 0 260px;

        scroll-snap-align:
            start;

    }

    .ak-card-image {

        height:
            160px;

    }


    /* NEW */

    .ak-new-business-grid {

        display:
            flex;

        overflow-x:
            auto;

        gap:
            11px;

        margin-inline:
            -14px;

        padding:
            0 14px 8px;

        scrollbar-width:
            none;

    }

    .ak-new-business-grid::-webkit-scrollbar {
        display:
            none;
    }

    .ak-new-card {

        flex:
            0 0 260px;

    }


    /* DISCOVERY */

    .ak-nemrut-feature {

        min-height:
            350px;

        border-radius:
            18px;

    }

    .ak-nemrut-content {

        padding:
            28px 23px;

    }

    .ak-nemrut-content h2 {

        font-size:
            37px;

    }

    .ak-nemrut-content h3 {

        font-size:
            13px;

    }

    .ak-nemrut-content p {

        font-size:
            13px;

    }

    .ak-discovery-side {

        display:
            flex;

        overflow-x:
            auto;

        gap:
            10px;

        margin-inline:
            -14px;

        padding:
            0 14px 7px;

        scrollbar-width:
            none;

    }

    .ak-discovery-side::-webkit-scrollbar {
        display:
            none;
    }

    .ak-mini-feature {

        flex:
            0 0 265px;

        min-height:
            190px;

    }


    /* EVENTS */

    .ak-event-grid {

        display:
            flex;

        overflow-x:
            auto;

        gap:
            10px;

        margin-inline:
            -14px;

        padding:
            0 14px 8px;

        scrollbar-width:
            none;

    }

    .ak-event-grid::-webkit-scrollbar {
        display:
            none;
    }

    .ak-event-card {

        flex:
            0 0 265px;

    }


    /* CAMPAIGNS */

    .ak-campaign-grid {

        display:
            flex;

        overflow-x:
            auto;

        gap:
            10px;

        margin-inline:
            -14px;

        padding:
            0 14px 8px;

        scrollbar-width:
            none;

    }

    .ak-campaign-grid::-webkit-scrollbar {
        display:
            none;
    }

    .ak-campaign-card {

        flex:
            0 0 280px;

        min-height:
            215px;

    }


    /* POPULAR */

    .ak-popular-grid {

        display:
            flex;

        overflow-x:
            auto;

        gap:
            10px;

        margin-inline:
            -14px;

        padding:
            0 14px 8px;

        scrollbar-width:
            none;

    }

    .ak-popular-grid::-webkit-scrollbar {
        display:
            none;
    }

    .ak-popular-card,
    .ak-popular-large {

        flex:
            0 0 285px;

        min-height:
            270px;

    }

    .ak-popular-large {
        grid-column:
            auto;
    }


    /* DISTRICTS */

    .ak-district-grid {

        display:
            flex;

        overflow-x:
            auto;

        gap:
            10px;

        margin-inline:
            -14px;

        padding:
            0 14px 8px;

        scrollbar-width:
            none;

    }

    .ak-district-grid::-webkit-scrollbar {
        display:
            none;
    }

    .ak-district-card,
    .ak-district-card:first-child {

        flex:
            0 0 235px;

        min-height:
            230px;

    }


    /* GUIDE */

    .ak-guide-box {

        min-height:
            390px;

        border-radius:
            18px;

    }

    .ak-guide-overlay {

        background:
            linear-gradient(
                180deg,
                rgba(4,27,44,.42),
                rgba(4,27,44,.94)
            );

    }

    .ak-guide-content {

        padding:
            28px 22px;

        display:
            flex;

        flex-direction:
            column;

        justify-content:
            flex-end;

        height:
            100%;

    }

    .ak-guide-content h2 {

        font-size:
            36px;

    }

    .ak-guide-decoration {

        display:
            none;

    }


    /* NEWS */

    .ak-news-grid {

        display:
            flex;

        overflow-x:
            auto;

        gap:
            10px;

        margin-inline:
            -14px;

        padding:
            0 14px 8px;

        scrollbar-width:
            none;

    }

    .ak-news-grid::-webkit-scrollbar {
        display:
            none;
    }

    .ak-news-card,
    .ak-news-main {

        flex:
            0 0 275px;

    }

    .ak-news-main {

        grid-column:
            auto;

    }

    .ak-news-image,
    .ak-news-main .ak-news-image {

        height:
            165px;

    }

    .ak-news-main .ak-news-content h3 {

        font-size:
            16px;

    }


    /* CTA */

    .ak-final-cta {

        min-height:
            440px;

    }

    .ak-final-content {

        padding:
            45px 0;

    }

    .ak-final-content h2 {

        font-size:
            40px;

    }

    .ak-final-content p {

        font-size:
            15px;

    }

    .ak-final-actions {

        flex-direction:
            column;

        align-items:
            flex-start;

    }
	
	
	
	
	
.index-category-list {
    display: flex;
    overflow-x: auto;
    gap: 8px;
    padding: 3px 2px 8px;
    scrollbar-width: none;
  }

  .index-category-list::-webkit-scrollbar {
    display: none;
  }

  .index-category-card {
    flex: 0 0 120px;
    height: 126px;
  }

  .index-category-icon {
    width: 37px;
    height: 37px;
    font-size: 17px;
  }

  .index-category-card strong {
    font-size: 13px;
  }

  .index-category-card span {
    font-size: 11px;
  }

}


/* ============================================================
   VERY SMALL
   ============================================================ */

@media (max-width: 380px) {

    .ak-hero h1 {

        font-size:
            34px;

    }

    .ak-category strong {

        font-size:
            6.5px;

    }

    .ak-category-icon {

        width:
            32px;

        height:
            32px;

    }

    .ak-business-card {

        flex-basis:
            245px;

    }

}



.icerik-kesfet {
  width: 100%;
  margin: 0px auto 0px auto;
  min-height: 120px;
  background: transparent;
  overflow: hidden;
  border: 1px solid #dfdfdfbf;
  border-radius: 10px;
}

.icerik-kesfet-ic {
  width: 100%;
  margin: auto;
  min-height: 170px;
  gap: 15px;
  overflow: hidden;
  display: grid;
  padding: 6px 15px;
  grid-template-columns: repeat(4, 1fr);
}

.icerik-kesfet-ic-item {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 7px 9px;
}

.icerik-kesfet-ic-item-resim {
  width: 100%;
  height: 160px;
  border-radius: 10px;
}

.icerik-kesfet-ic-item-resim img {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  height: 100%;
}

.icerik-kesfet-ic-item-baslik {
  width: 100%;
  height: 40px;
  background: transparent;
}