.fh-dugun-wrap {
    --fh-orange: #ff7e00;
    --fh-anthracite: #59677a;
    --fh-dark: #303743;
    --fh-light: #f5f6f8;
    --fh-border: #e3e7ec;
    --fh-white: #ffffff;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 15px 45px;
    box-sizing: border-box;
    color: var(--fh-dark);
    font-family: Arial, Helvetica, sans-serif;
  }

  .fh-dugun-wrap *,
  .fh-dugun-wrap *::before,
  .fh-dugun-wrap *::after {
    box-sizing: border-box;
  }

  /* HERO */

  .fh-dugun-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 38px;
    padding: 48px 35px;
    border-radius: 22px;
    background: linear-gradient(
      135deg,
      #59677a 0%,
      #465365 100%
    );
    color: #ffffff;
    text-align: center;
  }

  .fh-dugun-hero::before,
  .fh-dugun-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 126, 0, 0.17);
  }

  .fh-dugun-hero::before {
    top: -125px;
    right: -65px;
    width: 235px;
    height: 235px;
  }

  .fh-dugun-hero::after {
    bottom: -100px;
    left: -50px;
    width: 185px;
    height: 185px;
  }

  .fh-dugun-badge {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 15px;
    padding: 8px 17px;
    border-radius: 50px;
    background: var(--fh-orange);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
  }

  .fh-dugun-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 38px;
    line-height: 1.2;
  }

  .fh-dugun-hero p {
    position: relative;
    z-index: 1;
    max-width: 790px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.92);
    font-size: 17px;
    line-height: 1.7;
  }

  /* GENEL BÖLÜM */

  .fh-dugun-section {
    margin-top: 42px;
  }

  .fh-dugun-heading {
    position: relative;
    margin: 0 0 25px;
    padding-bottom: 13px;
    color: var(--fh-anthracite);
    font-size: 29px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
  }

  .fh-dugun-heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 65px;
    height: 4px;
    border-radius: 5px;
    background: var(--fh-orange);
    transform: translateX(-50%);
  }

  /* PAKET KARTLARI */

  .fh-dugun-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
  }

  .fh-dugun-card {
    overflow: hidden;
    border: 1px solid var(--fh-border);
    border-radius: 18px;
    background: var(--fh-white);
    box-shadow: 0 8px 26px rgba(40, 51, 66, 0.08);
    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }

  .fh-dugun-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 36px rgba(40, 51, 66, 0.14);
  }

  .fh-dugun-card-image {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f1f3f5;
  }

  .fh-dugun-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }

  .fh-dugun-card:hover .fh-dugun-card-image img {
    transform: scale(1.035);
  }

  .fh-dugun-card-content {
    padding: 22px;
  }

  .fh-dugun-card-content h3 {
    margin: 0 0 16px;
    color: var(--fh-anthracite);
    font-size: 21px;
    line-height: 1.3;
  }

  .fh-dugun-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .fh-dugun-list li {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 0 11px 21px;
    border-bottom: 1px solid #edf0f3;
    font-size: 14px;
    line-height: 1.5;
  }

  .fh-dugun-list li:last-child {
    border-bottom: 0;
  }

  .fh-dugun-list li::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--fh-orange);
  }

  .fh-dugun-quantity {
    flex: 0 0 auto;
    min-width: 58px;
    padding: 4px 9px;
    border-radius: 20px;
    background: rgba(255, 126, 0, 0.11);
    color: var(--fh-orange);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
  }

  /* BİLGİ KARTLARI */

  .fh-dugun-info-box {
    padding: 27px 30px;
    border: 1px solid var(--fh-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 24px rgba(40, 51, 66, 0.06);
  }

  /* ÖZELLİKLER */

  .fh-dugun-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .fh-dugun-features li {
    position: relative;
    min-height: 64px;
    padding: 15px 16px 15px 47px;
    border: 1px solid #e8ebef;
    border-radius: 12px;
    background: var(--fh-light);
    font-size: 14px;
    line-height: 1.55;
  }

  .fh-dugun-features li::before {
    content: "✓";
    position: absolute;
    top: 15px;
    left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--fh-orange);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
  }

  .fh-dugun-features strong {
    display: block;
    margin-bottom: 3px;
    color: var(--fh-anthracite);
    font-size: 14px;
  }

  /* ÖLÇÜ TABLOSU */

  .fh-dugun-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--fh-border);
    border-radius: 14px;
  }

  .fh-dugun-table {
    width: 100%;
    min-width: 690px;
    border-collapse: collapse;
    background: #ffffff;
  }

  .fh-dugun-table th {
    padding: 14px 16px;
    border-bottom: 2px solid var(--fh-orange);
    background: var(--fh-anthracite);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
  }

  .fh-dugun-table td {
    padding: 13px 16px;
    border-bottom: 1px solid #e8ebef;
    color: var(--fh-dark);
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
  }

  .fh-dugun-table tbody tr:nth-child(even) {
    background: #f7f8fa;
  }

  .fh-dugun-table tbody tr:last-child td {
    border-bottom: 0;
  }

  .fh-dugun-table td:first-child {
    color: var(--fh-anthracite);
    font-weight: 700;
  }

  /* TESLİMAT */

  .fh-dugun-delivery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
  }

  .fh-dugun-delivery-item {
    position: relative;
    padding: 23px 20px 21px;
    border: 1px solid var(--fh-border);
    border-radius: 15px;
    background: var(--fh-light);
    text-align: center;
  }

  .fh-dugun-delivery-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 13px;
    border-radius: 50%;
    background: var(--fh-orange);
    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
  }

  .fh-dugun-delivery-item h3 {
    margin: 0 0 8px;
    color: var(--fh-anthracite);
    font-size: 17px;
    line-height: 1.35;
  }

  .fh-dugun-delivery-item p {
    margin: 0;
    color: #525d6d;
    font-size: 14px;
    line-height: 1.6;
  }

  /* VİDEO */

  .fh-dugun-video-box {
    overflow: hidden;
    padding: 8px;
    border: 1px solid var(--fh-border);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(40, 51, 66, 0.1);
  }

  .fh-dugun-video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    border-radius: 14px;
    background: #000000;
  }

  .fh-dugun-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  /* NOT */

  .fh-dugun-note {
    margin-top: 32px;
    padding: 21px 24px;
    border-left: 5px solid var(--fh-orange);
    border-radius: 10px;
    background: var(--fh-light);
    color: #4b5563;
    font-size: 14px;
    line-height: 1.75;
  }

  .fh-dugun-note strong {
    color: var(--fh-anthracite);
  }

  /* TABLET */

  @media (max-width: 900px) {
    .fh-dugun-cards {
      grid-template-columns: 1fr;
    }

    .fh-dugun-features {
      grid-template-columns: 1fr;
    }

    .fh-dugun-delivery {
      grid-template-columns: 1fr;
    }

    .fh-dugun-card-image {
      aspect-ratio: 16 / 9;
    }
  }

  /* MOBİL */

  @media (max-width: 600px) {
    .fh-dugun-wrap {
      padding: 12px 10px 32px;
    }

    .fh-dugun-hero {
      padding: 35px 20px;
      border-radius: 16px;
    }

    .fh-dugun-hero h1 {
      font-size: 29px;
    }

    .fh-dugun-hero p {
      font-size: 15px;
    }

    .fh-dugun-heading {
      font-size: 24px;
    }

    .fh-dugun-info-box {
      padding: 18px 14px;
      border-radius: 14px;
    }

    .fh-dugun-card-content {
      padding: 18px;
    }

    .fh-dugun-list li {
      font-size: 13px;
    }

    .fh-dugun-features li {
      padding-right: 13px;
      font-size: 13px;
    }

    .fh-dugun-table th,
    .fh-dugun-table td {
      padding: 11px 12px;
      font-size: 13px;
    }
  }

.fh-popcat-area {
    --fh-popcat-orange: #EE7E10;
    --fh-popcat-slate: #5B687B;
    --fh-popcat-dark: #354255;
    --fh-popcat-light: #F7F8FA;
    --fh-popcat-white: #FFFFFF;

    width: 100%;
    padding: 42px 20px;
    background:
        radial-gradient(
            circle at 8% 18%,
            rgba(238, 126, 16, 0.08),
            transparent 26%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f8fa 100%
        );
}

.fh-popcat-area__inner {
    max-width: 1400px;
    margin: 0 auto;
}

.fh-popcat-area__heading {
    margin-bottom: 26px;
    text-align: center;
}

.fh-popcat-area__eyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--fh-popcat-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.fh-popcat-area__title {
    margin: 0 0 8px;
    color: var(--fh-popcat-slate);
    font-size: clamp(28px, 2.5vw, 40px);
    line-height: 1.1;
}

.fh-popcat-area__description {
    margin: 0;
    color: #748092;
    font-size: 15px;
    line-height: 1.6;
}

.fh-popcat-area__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.fh-popcat-card {
    min-width: 0;
    min-height: 178px;
    padding: 22px 12px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--fh-popcat-slate);
    text-align: center;
    text-decoration: none;
    border: 1px solid rgba(91, 104, 123, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 28px rgba(56, 66, 80, 0.08);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.fh-popcat-card:hover {
    color: var(--fh-popcat-slate);
    text-decoration: none;
    border-color: rgba(238, 126, 16, 0.42);
    box-shadow: 0 18px 36px rgba(56, 66, 80, 0.14);
    transform: translateY(-6px);
}

.fh-popcat-card__icon {
    width: 78px;
    height: 78px;
    margin-bottom: 14px;
    display: grid;
    place-items: center;
    color: var(--fh-popcat-slate);
    border-radius: 50%;
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f0f2f5 100%
        );
    box-shadow:
        inset 0 0 0 1px rgba(91, 104, 123, 0.08),
        0 8px 18px rgba(56, 66, 80, 0.09);
    transition:
        color 0.25s ease,
        background 0.25s ease,
        transform 0.25s ease;
}

.fh-popcat-card:hover .fh-popcat-card__icon {
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            var(--fh-popcat-orange) 0%,
            #d96b00 100%
        );
    transform: scale(1.06);
}

.fh-popcat-card__icon svg {
    width: 44px;
    height: 44px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fh-popcat-card__name {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fh-popcat-dark);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.fh-popcat-card__action {
    margin-top: 5px;
    color: var(--fh-popcat-orange);
    font-size: 12px;
    font-weight: 700;
    opacity: 0;
    transform: translateY(4px);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.fh-popcat-card:hover .fh-popcat-card__action {
    opacity: 1;
    transform: translateY(0);
}

/* Tablet */

@media (max-width: 1100px) {
    .fh-popcat-area__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Mobil */

@media (max-width: 640px) {
    .fh-popcat-area {
        padding: 28px 12px;
    }

    .fh-popcat-area__heading {
        margin-bottom: 18px;
    }

    .fh-popcat-area__title {
        font-size: 28px;
    }

    .fh-popcat-area__description {
        font-size: 14px;
    }

    .fh-popcat-area__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .fh-popcat-card {
        min-height: 128px;
        padding: 14px 5px 10px;
        border-radius: 13px;
    }

    .fh-popcat-card__icon {
        width: 54px;
        height: 54px;
        margin-bottom: 9px;
    }

    .fh-popcat-card__icon svg {
        width: 31px;
        height: 31px;
    }

    .fh-popcat-card__name {
        min-height: 34px;
        font-size: 12px;
        line-height: 1.2;
    }

    .fh-popcat-card__action {
        display: none;
    }
}

@media (max-width: 370px) {
    .fh-popcat-area__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.fh-vestel-promo{
    background:
        radial-gradient(circle at 10% 20%,rgba(238,126,16,.08),transparent 30%),
        linear-gradient(135deg,#ffffff 0%,#f7f8fa 100%);
    padding:40px 20px;
}

.fh-vestel-promo__inner{
    max-width:1400px;
    margin:auto;
}

.fh-vestel-promo__eyebrow{
    display:block;
    color:#EE7E10;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    margin-bottom:8px;
}

.fh-vestel-promo__title{
    margin:0;
    color:#5B687B;
    font-size:clamp(34px,3vw,54px);
    line-height:1.1;
}

.fh-vestel-promo__description{
    max-width:700px;
    margin:18px 0 28px;
    color:#687383;
    font-size:18px;
    line-height:1.7;
}

.fh-vestel-promo__button{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 28px;
    background:linear-gradient(135deg,#EE7E10,#D86A00);
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border-radius:14px;
    transition:.25s;
    box-shadow:0 12px 30px rgba(238,126,16,.25);
}

.fh-vestel-promo__button:hover{
    transform:translateY(-3px);
    color:#fff;
}

.fh-vestel-promo__button svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

@media(max-width:768px){

    .fh-vestel-promo{
        padding:28px 15px;
    }

    .fh-vestel-promo__title{
        font-size:34px;
    }

    .fh-vestel-promo__description{
        font-size:15px;
        margin:15px 0 20px;
    }

    .fh-vestel-promo__button{
        width:100%;
        justify-content:center;
        padding:14px;
    }
}

.fh-social-follow {
    --fh-orange: #EE7E10;
    --fh-slate: #5B687B;
    --fh-light: #F7F8FA;

    width: 100%;
    padding: 26px 20px;
    background:
        radial-gradient(circle at 10% 20%, rgba(238,126,16,.12), transparent 28%),
        linear-gradient(135deg,#ffffff 0%,#f7f8fa 100%);
    overflow: hidden;
}

.fh-social-follow__content{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:minmax(260px,.8fr) minmax(500px,1.4fr);
    align-items:center;
    gap:36px;
}

.fh-social-follow__eyebrow{
    display:inline-block;
    margin-bottom:6px;
    color:var(--fh-orange);
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
}

.fh-social-follow__text h2{
    margin:0 0 8px;
    color:var(--fh-slate);
    font-size:clamp(24px,2.3vw,36px);
    line-height:1.1;
}

.fh-social-follow__text p{
    margin:0;
    max-width:520px;
    color:#687383;
    font-size:15px;
    line-height:1.6;
}

.fh-social-follow__channels{
    display:grid;
    grid-template-columns:repeat(2,minmax(240px,1fr));
    gap:16px;
}

.fh-channel-card{
    position:relative;
    min-height:94px;
    padding:18px 20px;
    display:flex;
    align-items:center;
    gap:15px;
    color:#fff;
    text-decoration:none;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(56,66,80,.15);
    transition:.25s;
}

.fh-channel-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 34px rgba(56,66,80,.22);
}

.fh-channel-card--instagram{
    background: linear-gradient(
        135deg,
        #F58529 0%,
        #DD2A7B 35%,
        #8134AF 68%,
        #515BD4 100%
    );
}

.fh-channel-card--whatsapp{
    background: linear-gradient(
        135deg,
        #25D366 0%,
        #128C7E 100%
    );
}
.fh-channel-card__icon{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:rgba(255,255,255,.16);
}

.fh-channel-card__icon svg{
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.fh-channel-card__body{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.fh-channel-card__body strong{
    font-size:16px;
    line-height:1.25;
}

.fh-channel-card__body small{
    color:rgba(255,255,255,.82);
    font-size:12px;
}

.fh-channel-card__arrow{
    margin-left:auto;
    font-size:24px;
    transition:.25s;
}

.fh-channel-card:hover .fh-channel-card__arrow{
    transform:translateX(5px);
}

/* Tablet */

@media (max-width:900px){

    .fh-social-follow__content{
        grid-template-columns:1fr;
        gap:24px;
    }

}

/* Mobil */

@media (max-width:640px){

    .fh-social-follow{
        padding:18px 15px;
    }

    .fh-social-follow__text h2{
        font-size:28px;
    }

    .fh-social-follow__text p{
        font-size:14px;
        line-height:1.5;
        margin-bottom:5px;
    }

    .fh-social-follow__channels{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .fh-channel-card{
        min-height:68px;
        padding:12px;
        border-radius:14px;
        gap:10px;
    }

    .fh-channel-card__icon{
        width:42px;
        height:42px;
        flex:0 0 42px;
        border-radius:10px;
    }

    .fh-channel-card__icon svg{
        width:20px;
        height:20px;
    }

    .fh-channel-card__body strong{
        font-size:14px;
        line-height:1.2;
    }

    .fh-channel-card__body small{
        display:none;
    }

    .fh-channel-card__arrow{
        display:none;
    }

}
:root {
  --fhlink-orange: #ff7e00;
  --fhlink-orange-dark: #e56e00;
  --fhlink-navy: #59677a;
  --fhlink-ink: #26313f;
  --fhlink-muted: #6f7b8a;
  --fhlink-white: #ffffff;
  --fhlink-border: #e3e6ea;
}

html {
  scroll-behavior: smooth;
}

body.fhlink-body {
  min-height: 100vh;
  margin: 0;
  padding: 0;

  color: var(--fhlink-ink);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  background:
    linear-gradient(
      180deg,
      #fffaf5 0%,
      #f5f7fa 100%
    );
}

.fhlink-body,
.fhlink-body * {
  box-sizing: border-box;
}

.fhlink-page {
  width: 100%;
  max-width: 620px;

  margin: 0 auto;
  padding: 42px 14px 36px;
}

.fhlink-hero {
  width: 100%;
  margin: 0 0 26px;
  padding: 0;

  text-align: center;
}

.fhlink-brand {
  display: block;

  width: 100%;
  margin: 0;
  padding: 0;

  color: var(--fhlink-navy);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 46px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -2px;
  text-align: center;
}

.fhlink-brand-highlight {
  color: var(--fhlink-orange);
}

.fhlink-tagline {
  display: block;

  width: 100%;
  max-width: 440px;

  margin: 14px auto 0;
  padding: 0;

  color: var(--fhlink-muted);

  font-size: 15px;
  line-height: 1.6;
  text-align: center;
}

.fhlink-section-label {
  display: block;

  width: 100%;

  margin: 24px 0 10px;
  padding: 0 4px;

  color: var(--fhlink-navy);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.fhlink-links {
  display: block;
  width: 100%;
}

.fhlink-link-card {
  display: flex;

  width: 100%;
  min-height: 76px;

  margin: 0 0 12px;
  padding: 15px 18px;

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

  color: var(--fhlink-ink);
  text-decoration: none;

  background: var(--fhlink-white);
  border: 1px solid var(--fhlink-border);
  border-radius: 18px;

  box-shadow:
    0 8px 24px rgba(38, 49, 63, 0.08);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.fhlink-link-card:hover {
  color: var(--fhlink-ink);

  border-color: rgba(255, 126, 0, 0.45);

  box-shadow:
    0 14px 34px rgba(38, 49, 63, 0.14);

  transform: translateY(-2px);
}

.fhlink-link-card:focus {
  outline: 3px solid rgba(255, 126, 0, 0.3);
  outline-offset: 3px;
}

.fhlink-link-card--featured {
  color: var(--fhlink-white);

  background:
    linear-gradient(
      135deg,
      var(--fhlink-orange) 0%,
      #ff982f 100%
    );

  border-color: var(--fhlink-orange);

  box-shadow:
    0 15px 34px rgba(255, 126, 0, 0.28);
}

.fhlink-link-card--featured:hover {
  color: var(--fhlink-white);
  border-color: var(--fhlink-orange-dark);
}

.fhlink-copy {
  display: block;

  min-width: 0;
  padding-right: 16px;

  flex: 1 1 auto;
}

.fhlink-title {
  display: block;

  margin: 0;
  padding: 0;

  color: inherit;

  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.fhlink-subtitle {
  display: block;

  margin: 4px 0 0;
  padding: 0;

  color: var(--fhlink-muted);

  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.fhlink-link-card--featured .fhlink-subtitle {
  color: rgba(255, 255, 255, 0.88);
}

.fhlink-arrow {
  display: block;

  width: 24px;

  color: #98a1ad;

  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  text-align: right;

  flex: 0 0 24px;
}

.fhlink-link-card--featured .fhlink-arrow {
  color: var(--fhlink-white);
}

.fhlink-footer {
  display: block;

  width: 100%;
  margin: 0;
  padding: 22px 0 0;

  color: #8a94a1;

  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.fhlink-footer-brand {
  color: var(--fhlink-navy);
}

@media screen and (max-width: 640px) {
  .fhlink-page {
    max-width: 100%;
    padding: 30px 12px 30px;
  }

  .fhlink-brand {
    font-size: 38px;
    letter-spacing: -1.5px;
  }

  .fhlink-tagline {
    font-size: 14px;
  }

  .fhlink-link-card {
    min-height: 72px;
    padding: 14px 16px;
    border-radius: 16px;
  }
}

@media screen and (max-width: 380px) {
  .fhlink-page {
    padding-left: 10px;
    padding-right: 10px;
  }

  .fhlink-brand {
    font-size: 34px;
  }

  .fhlink-title {
    font-size: 15px;
  }

  .fhlink-subtitle {
    font-size: 12px;
  }
}

/* ================== BANKA KAMPANYALARI ================== */
.zr9-campaign {
  padding: 60px 20px;
  background: #f7f7f7;
  font-family: Arial, sans-serif;
}

.zr9-campaign__content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.zr9-campaign__badge {
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 14px;
  border-radius: 30px;
  color: #d71920;
  background: #fff0f1;
  font-size: 14px;
  font-weight: 700;
}

.zr9-campaign__title {
  margin: 0 0 16px;
  color: #1d1d1f;
  font-size: 42px;
  line-height: 1.15;
}

.zr9-campaign__text {
  max-width: 720px;
  margin: 0 0 35px;
  color: #666666;
  font-size: 18px;
  line-height: 1.7;
}

.zr9-campaign__rewards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.zr9-campaign__reward {
  padding: 24px;
  border: 1px solid #eeeeee;
  border-radius: 16px;
  background: #fafafa;
}

.zr9-campaign__range {
  display: block;
  margin-bottom: 8px;
  color: #666666;
  font-size: 15px;
}

.zr9-campaign__amount {
  display: block;
  color: #d71920;
  font-size: 24px;
}

.zr9-campaign__note {
  margin: 25px 0 0;
  color: #888888;
  font-size: 13px;
}

@media (max-width: 768px) {
  .zr9-campaign {
    padding: 30px 15px;
  }

  .zr9-campaign__content {
    padding: 30px 20px;
  }

  .zr9-campaign__title {
    font-size: 32px;
  }

  .zr9-campaign__text {
    font-size: 16px;
  }

  .zr9-campaign__rewards {
    grid-template-columns: 1fr;
  }

  .zr9-campaign__amount {
    font-size: 21px;
  }
}
/* ================== BREADCRUMB ================== */
@media (max-width:768px){

    .customBreadcrumb .breadcrumb-item:not(:last-child){
        display:none;
    }

    .customBreadcrumb .breadcrumb-item:last-child{
        display:block;
        width:100%;
    }

    .customBreadcrumb .breadcrumb-item:last-child a{
        display:block;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

}
/* ================== BANKA KAMPANYA ================== */
.promo-slider{
  width:100%;
  height:48px;
  overflow:hidden;
  position:relative;
  font-family:Arial,Helvetica,sans-serif;
}

.promo-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:6px 10px;
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  animation:promoFade 8s infinite;
}

.promo-slide:nth-child(2){
  animation-delay:4s;
}

.promo-ziraat{
  background:linear-gradient(90deg,#9b000d,#e30613);
}

.promo-bonus{
  background:linear-gradient(90deg,#006b3f,#00a859);
}

.promo-title,
.promo-desc{
  color:#fff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.promo-amount{
  color:#ffd84d;
  font-size:22px;
  font-weight:900;
  white-space:nowrap;
}

.card-icon{
  width:50px;
  height:30px;
  border-radius:5px;
  background:linear-gradient(135deg,#fff,#ececec);
  box-shadow:0 5px 14px rgba(0,0,0,.25);
  transform:rotate(-7deg);
  position:relative;
  flex-shrink:0;
}

.card-icon::before{
  position:absolute;
  left:5px;
  top:5px;
  font-size:6px;
  font-weight:900;
}

.card-icon::after{
  content:"";
  position:absolute;
  right:5px;
  top:6px;
  width:9px;
  height:7px;
  border-radius:2px;
  background:#d6a62a;
}

.ziraat-card::before{
  content:"Bankkart";
  color:#d60016;
}

.bonus-card::before{
  content:"Bonus";
  color:#00994d;
}

@keyframes promoFade{
  0%,45%{
    opacity:1;
    visibility:visible;
  }

  50%,100%{
    opacity:0;
    visibility:hidden;
  }
}

@media(min-width:769px){
  .promo-slider,
  .promo-slide{
    height:72px;
  }

  .promo-slide{
    gap:16px;
    padding:10px 38px;
  }

  .promo-title,
  .promo-desc{
    font-size:22px;
  }

  .promo-amount{
    font-size:38px;
  }

  .card-icon{
    width:92px;
    height:52px;
    border-radius:9px;
  }

  .card-icon::before{
    left:9px;
    top:9px;
    font-size:11px;
  }

  .card-icon::after{
    right:9px;
    top:10px;
    width:17px;
    height:13px;
  }
}
/* ================== ROOT (RENK YÖNETİMİ) ================== */
.root {
    primary: #f57c00;
    primary-dark: #b4002d;
    text: #333;
    text-soft: #59677a;
    border: #f0f0f0;
    border-light: #f3f3f3;
    bg-soft: #fafafa;
}

/* ================== VH CONTAINER ================== */
.vh-container {
    max-width: 900px;
    margin: 40px auto;
    background-color: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
    color: var(--text);
}

.vh-container h1 {
    color: var(--primary-dark);
    text-align: center;
    margin-bottom: 20px;
}

.vh-section {
    margin-bottom: 30px;
}

.vh-section h2 {
    color: var(--primary-dark);
    font-size: 20px;
    margin-bottom: 10px;
}

.vh-section p {
    line-height: 1.6;
}

/* ================== CALL CENTER ================== */
.vh-call-center {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 40px 0;

    font-size: 24px;
    font-weight: bold;
    color: var(--text-soft);
    text-decoration: none;

    transition: 0.2s ease;
}

.vh-call-center img {
    width: 35px;
    height: 35px;
}

.vh-call-center:hover {
    opacity: 0.85;
}

/* ================== OZELLIK ALANI ================== */
/* ===========================
   GENEL
=========================== */
.ozlk-container{
    width:90%;
    max-width:1200px;
    margin:60px auto;
    counter-reset:ozellik;
}

.ozlk-container > div:first-child{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    margin-bottom:70px;
}

.ozlk-container > div:first-child > div:first-child{
    background:#ee7e10;
    color:#fff !important;
    font-size:24px !important;
    font-weight:700 !important;
    padding:18px 24px !important;
    margin:0 !important;
}

.ozlk-container ul{
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
}

.ozlk-container li{
    display:grid !important;
    grid-template-columns:230px 1fr;
    align-items:center;
    gap:20px;
    padding:16px 22px !important;
    border:0 !important;
    border-bottom:1px solid #ececec !important;
    background:#fff !important;
    transition:.25s;
}

.ozlk-container li:nth-child(even){
    background:#fafafa !important;
}

.ozlk-container li:hover{
    background:#fff5f5 !important;
}

.ozlk-container li:last-child{
    border-bottom:0 !important;
}

.ozlk-container li span:first-child{
    font-weight:700 !important;
    color:#ee7e10 !important;
}

.ozlk-container li span:last-child{
    color:#444 !important;
}

.ozlk-feature{
    display:flex;
    align-items:center;
    gap:55px;
    margin-bottom:80px;
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.ozlk-feature:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 55px rgba(250,180,111,1);
}

.ozlk-feature:nth-child(even){
    flex-direction:row-reverse;
}

.ozlk-feature img{
    width:420px;
    max-width:45%;
    border-radius:14px;
    object-fit:cover;
}

.ozlk-content{
    flex:1;
}

.ozlk-title{
    position:relative;
    display:flex;
    align-items:center;
    min-height:90px;
    padding-left:125px;
    margin-bottom:25px;
    font-size:40px;
    font-weight:800;
    color:#ee7e10;
}

.ozlk-title::before{
    counter-increment:ozellik;
    content:counter(ozellik);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:90px;
    height:90px;
    background:#fff;
    border:3px solid #ee7e10;
    color:#ee7e10;
    font-size:54px;
    font-weight:900;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:15px 15px 0 rgba(255,211,168,0.5);
}

.ozlk-title::after{
    content:'';
    position:absolute;
    left:125px;
    bottom:-8px;
    width:90px;
    height:4px;
    background:#ee7e10;
    border-radius:50px;
}

.ozlk-description{
    font-size:18px;
    line-height:1.9;
    color:#555;
}

@media(max-width:900px){

    .ozlk-container{
        width:94%;
        margin:35px auto;
    }

    .ozlk-container > div:first-child{
        border-radius:12px;
        margin-bottom:40px;
    }

    .ozlk-container > div:first-child > div:first-child{
        font-size:20px !important;
        padding:14px 18px !important;
    }

    .ozlk-container li{
        grid-template-columns:1fr;
        gap:6px;
        padding:12px 14px !important;
    }

    .ozlk-container li span:first-child{
        font-size:15px;
    }

    .ozlk-container li span:last-child{
        font-size:14px;
    }

    .ozlk-feature,
    .ozlk-feature:nth-child(even){
        flex-direction:column;
        text-align:left;
        gap:20px;
        padding:18px;
        margin-bottom:40px;
        border-radius:14px;
    }

    .ozlk-feature img{
        width:100%;
        max-width:350px;
        margin:auto;
    }

    .ozlk-content{
        width:100%;
    }

    .ozlk-title{
        font-size:24px;
        min-height:60px;
        padding-left:75px;
        margin-bottom:18px;
        justify-content:flex-start;
        text-align:left;
    }

    .ozlk-title::before{
        width:55px;
        height:55px;
        font-size:28px;
        box-shadow:8px 8px 0 rgba(215,25,32,.12);
    }

    .ozlk-title::after{
        left:75px;
        width:60px;
        bottom:-6px;
    }

    .ozlk-description{
        font-size:15px;
        line-height:1.55;
        text-align:left;
    }
}

/* ================== MARKETPLACE ================== */
.marketplace-section {
    padding: 50px 15px;
    background: #f8f9fb;
    text-align: center;
    font-family: Arial, sans-serif;
}

.marketplace-section h2 {
    font-size: 24px;
    margin-bottom: 8px;
    color: #2b2b2b;
}

.marketplace-section p {
    color: #666;
    margin-bottom: 30px;
}

.marketplace-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: nowrap;
}

.marketplace-card {
    background: #fff;
    width: 320px;
    padding: 28px 20px;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.marketplace-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.07);
}

.marketplace-logo {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.marketplace-logo img {
    max-height: 50px;
    width: auto;
}

.marketplace-stats {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 15px;
}

.marketplace-rating {
    font-weight: 700;
    font-size: 15px;
    color: #2b2b2b;
    margin-bottom: 3px;
}

.marketplace-button {
    display: inline-block;
    padding: 10px 22px;
    border: 2px solid #2b2b2b;
    color: #2b2b2b;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
}

.marketplace-button:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

/* ================== MARKETPLACE MOBILE ================== */
@media (max-width: 768px) {
    .marketplace-card {
        width: 48%;
        padding: 20px 12px;
    }

    .marketplace-logo img {
        max-height: 40px;
    }

    .marketplace-stats {
        font-size: 12px;
    }

    .marketplace-button {
        padding: 8px 12px;
        font-size: 12px;
    }
}

/* ================== FH SET ================== */
.fh-set-urunler{
    display:block;
}

.fh-set-urun{
    padding:18px 14px;
    transition:.25s ease;
}

.fh-set-urun + .fh-set-urun{
    border-top:1px dashed #e1e1e1;
    margin-top:18px;
    padding-top:22px;
}

.fh-set-urun-baslik{
    display:flex;
    align-items:center;
    gap:8px;

    font-weight:800;
    font-size:17px;
    line-height:1.35;
    color:#d71920;

    background:#fff5f5;
    padding:10px 14px;
    border-radius:12px;
    border-left:5px solid #d71920;

    margin-bottom:12px;
    transition:.25s ease;
}

.fh-set-urun-baslik:before{
    content:"";
    display:inline-block;

    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-left:9px solid #d71920;

    margin-right:6px;
}

.fh-set-urun:hover .fh-set-urun-baslik{
    background:#ffecec;
    transform:translateX(3px);
}

.fh-oz-table{
    border:1px solid #ececec;
    border-radius:14px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 8px 24px rgba(0,0,0,.05);
}

.fh-oz-row{
    display:grid;
    grid-template-columns:230px 1fr;
    border-top:1px solid #ececec;
    transition:.2s;
}

.fh-oz-row:first-child{
    border-top:0;
}

.fh-oz-row:nth-child(even){
    background:#fafafa;
}

.fh-oz-row:hover{
    background:#fff5f5;
}

.fh-oz-key{
    padding:12px 16px;
    background:#fafafa;
    font-weight:700;
    color:#d71920;
}

.fh-oz-val{
    padding:12px 16px;
    color:#444;
}

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

@media(max-width:640px){

    .fh-set-urun{
        padding:12px 8px;
    }

    .fh-set-urun + .fh-set-urun{
        margin-top:12px;
        padding-top:16px;
    }

    .fh-set-urun-baslik{
        font-size:15px;
        padding:8px 10px;
        border-radius:10px;
    }

    .fh-oz-row{
        grid-template-columns:1fr;
    }

    .fh-oz-key{
        padding:10px 12px;
        font-size:14px;
        border-bottom:1px solid #ececec;
    }

    .fh-oz-val{
        padding:10px 12px;
        font-size:14px;
    }
}

/* ================== BANNER ================== */
.top-banner{
    padding:10px 15px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    line-height:1.5;
    color:#333;
}

.top-banner a{
    color:#d40000;
    font-weight:700;
    text-decoration:none;
}

/* Mobil */
@media (max-width:768px){

    .top-banner{
        font-size:12px;
        line-height:1.3;
        padding:8px 10px;
    }

}
/* ==================================================
   MOBİL SABİT SEPET + COOKIE BAR KESİN DÜZELTME
   ================================================== */



@media screen and (max-width: 768px) {

    /* SABİT ALT SEPET BARI */
    html body #bottomCartAdd,
    html body #bottomCartAdd.clearfix,
    html body #bottomCartAdd[style] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: fixed !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;

        width: 100% !important;
        height: 65px !important;

        margin: 0 !important;

        background: #ffffff !important;

        z-index: 99998 !important;

        transform: none !important;

        pointer-events: auto !important;

        box-sizing: border-box !important;
    }


    /* SAYFA İÇERİĞİ ALT BARIN ALTINDA KALMASIN */
    html body {
        padding-bottom: 75px !important;
    }


    /* ==================================================
       COOKIE BAR
       ================================================== */

    html body .cc-window,
    html body .cc-window.cc-banner,
    html body .cc-window.cc-floating {
        z-index: 99999 !important;
    }


    /*
       Cookie bottom değerini eklentinin kendi CSS'i veya
       JS'i değiştirse bile fiziksel olarak 65px yukarı kaldır.
    */
    html body .cc-window.cc-bottom,
    html body .cc-banner.cc-bottom,
    html body .cc-window[class*="cc-bottom"] {
        bottom: 0 !important;

        transform: translateY(-65px) !important;
    }


    /* COOKIE BANNER TAM GENİŞLİK */
    html body .cc-window.cc-banner {
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    /*
       Floating tip cookie kullanılıyorsa
       ekranın altından 65px yukarı.
    */
    html body .cc-window.cc-floating.cc-bottom {
        bottom: 0 !important;

        transform: translateY(-65px) !important;
    }


    /*
       Cookie yeniden açma butonu varsa
       o da sabit sepetin altında kalmasın.
    */
    html body .cc-revoke.cc-bottom {
        bottom: 65px !important;

        z-index: 99999 !important;
    }
}
/* =========================================
   MOBİL ÇEREZ BİLDİRİMİ - KOMPAKT TASARIM
   ========================================= */
@media (max-width: 768px) {

    /* Ana çerez kutusu */
    html body #cookiepopup.cookiepopup {
        position: fixed !important;

        left: 8px !important;
        right: 8px !important;
        bottom: 75px !important;
        top: auto !important;

        width: auto !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 10px 12px !important;

        box-sizing: border-box !important;

        border-radius: 10px !important;

        z-index: 99999 !important;

        overflow: visible !important;

        transform: none !important;
    }


    /* Üst bölüm */
    html body #cookiepopup .cookie_top {
        display: none !important;
    }


    /* İçerik alanı */
    html body #cookiepopup .cookie_body {
        margin: 0 !important;
        padding: 0 !important;
    }


    /* Başlık */
    html body #cookiepopup .cookie_title {
        display: block !important;

        margin: 0 0 4px 0 !important;
        padding: 0 !important;

        font-size: 13px !important;
        line-height: 17px !important;
        font-weight: 600 !important;
    }


    /* Açıklama */
    html body #cookiepopup .cookie_description {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 11px !important;
        line-height: 15px !important;

        max-height: 30px !important;
        overflow: hidden !important;
    }


    /* Butonların bulunduğu alan */
    html body #cookiepopup .cookie_footer {
        display: flex !important;

        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;

        margin: 8px 0 0 0 !important;
        padding: 0 !important;

        min-height: 0 !important;
    }


    /* Footer içerisindeki buton/linkler */
    html body #cookiepopup .cookie_footer button,
    html body #cookiepopup .cookie_footer a {
        width: auto !important;
        min-width: 70px !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        font-size: 11px !important;
        line-height: 30px !important;

        border-radius: 6px !important;

        box-sizing: border-box !important;
    }

}