:root {
      --home-blue: #0b4f8a;
      --home-blue-dark: #07365f;
      --home-blue-light: #55a7e8;
      --home-blue-soft: #edf5fb;
      --home-red: #e31d2b;
      --home-ink: #182230;
      --home-muted: #657386;
      --home-line: #dfe6ed;
      --home-surface: #f6f8fb;
    }

    .atakan-home,
    .atakan-home * {
      box-sizing: border-box;
    }

    .atakan-home-container {
      position: relative;
      z-index: 2;
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
    }

    /* ==================================================
       Hero
    ================================================== */
    .atakan-home-hero {
      position: relative;
      overflow: hidden;
      padding: 43px 0 46px;
      color: #fff;
      background:
        radial-gradient(circle at 83% 18%, rgba(85, 167, 232, .27), transparent 31%),
        radial-gradient(circle at 8% 92%, rgba(85, 167, 232, .13), transparent 28%),
        linear-gradient(135deg, #062e52 0%, var(--home-blue-dark) 42%, var(--home-blue) 100%);
    }

    .atakan-home-hero::before,
    .atakan-home-hero::after {
      content: "";
      position: absolute;
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: 50%;
      pointer-events: none;
    }

    .atakan-home-hero::before {
      top: -210px;
      right: -140px;
      width: 560px;
      height: 560px;
      box-shadow: 0 0 0 62px rgba(255, 255, 255, .025);
    }

    .atakan-home-hero::after {
      bottom: -170px;
      left: -110px;
      width: 350px;
      height: 350px;
      box-shadow: 0 0 0 42px rgba(255, 255, 255, .02);
    }

    .atakan-home-hero-grid {
      display: grid;
      grid-template-columns: 1fr;
      align-items: center;
      width: min(100%, 850px);
      margin: 0 auto;
      text-align: center;
    }

    .atakan-home-brand {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 13px;
      padding: 8px 13px;
      background: #fff;
      border-radius: 9px;
      box-shadow: 0 9px 24px rgba(1, 18, 34, .16);
    }

    .atakan-home-brand img {
      display: block;
      width: auto;
      max-width: 210px;
      height: 70px;
      object-fit: contain;
    }

    .atakan-home-eyebrow {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      margin-bottom: 12px;
      color: #bcdcf6;
      font-size: 16.5px;
      font-weight: 850;
      letter-spacing: .11em;
      text-transform: uppercase;
    }

    .atakan-home-eyebrow::before,
    .atakan-home-eyebrow::after{
      content: "";
      width: 28px;
      height: 2px;
      background: var(--home-blue-light);
      border-radius: 99px;
    }

    .atakan-home-hero h1 {
      max-width: 780px;
      margin: 0 auto 17px;
      color: #fff;
      font-size: clamp(33px, 3.8vw, 49px);
      font-weight: 880;
      letter-spacing: -.038em;
      line-height: 1.08;
    }

    .atakan-home-hero h1 span {
      color: #82c4f3;
    }

    .atakan-home-hero-copy {
      max-width: 650px;
      margin: 0 auto;
      color: rgba(255, 255, 255, .79);
      font-size: 16px;
      line-height: 1.75;
    }

    .atakan-home-intro-wrap {
      position: relative;
      z-index: 3;
      padding: 30px 0 8px;
      background: var(--home-bg);
    }

    .atakan-home-intro-card {
      position: relative;
      overflow: hidden;
      max-width: 940px;
      margin: 0 auto;
      padding: 32px 42px;
      text-align: center;
      background: #fff;
      border: 1px solid var(--home-line);
      border-radius: 16px;
      box-shadow: 0 14px 35px rgba(15, 45, 72, .08);
    }

    .atakan-home-intro-card::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--home-blue), var(--home-blue-light));
    }

    .atakan-home-intro-card h1 {
      max-width: 760px;
      margin: 0 auto 13px;
      color: var(--home-navy);
      font-size: clamp(27px, 3vw, 39px);
      font-weight: 850;
      letter-spacing: -.032em;
      line-height: 1.14;
    }

    .atakan-home-intro-card h1 span {
      color: var(--home-blue);
    }

    .atakan-home-intro-card p {
      max-width: 790px;
      margin: 0 auto;
      color: var(--home-muted);
      font-size: 15.5px;
      line-height: 1.75;
    }

    /* ==================================================
       Ortak bölüm başlıkları
    ================================================== */
    .atakan-home-section {
      padding: 68px 0;
    }

    .atakan-home-section.is-products {
      padding-top: 63px;
      background: #fff;
    }

    .atakan-home-section.is-news {
      background: var(--home-surface);
    }

    .atakan-home-heading {
      display: block;
      max-width: 720px;
      margin-right: auto;
      margin-bottom: 29px;
      margin-left: auto;
      text-align: center;
    }

    .atakan-home-kicker {
      display: inline-flex;
      margin-bottom: 7px;
      color: var(--home-blue);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .11em;
      text-transform: uppercase;
    }

    .atakan-home-heading h2 {
      margin: 0;
      color: var(--home-ink);
      font-size: clamp(27px, 3vw, 38px);
      font-weight: 870;
      letter-spacing: -.03em;
      line-height: 1.17;
    }

    .atakan-home-heading p {
      max-width: 470px;
      margin: 10px auto 0;
      color: var(--home-muted);
      font-size: 14px;
      line-height: 1.7;
    }

    /* ==================================================
       Ürün kartları
    ================================================== */
    .atakan-home-products {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 23px;
    }

    .atakan-home-product {
      min-width: 0;
      overflow: hidden;
      background: #fff;
      border: 1px solid var(--home-line);
      border-radius: 16px;
      box-shadow: 0 11px 30px rgba(15, 38, 62, .065);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .atakan-home-product:hover {
      border-color: rgba(11, 79, 138, .27);
      box-shadow: 0 19px 42px rgba(15, 38, 62, .12);
      transform: translateY(-5px);
    }

    .atakan-home-product > a {
      display: flex;
      flex-direction: column;
      height: 100%;
      color: inherit !important;
      text-decoration: none !important;
    }

    .atakan-home-product-media {
      position: relative;
      height: 275px;
      overflow: hidden;
      background: #eef2f5;
    }

    .atakan-home-product-media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .45s ease;
    }

    .atakan-home-product:hover .atakan-home-product-media img {
      transform: scale(1.035);
    }

    .atakan-home-product-tag {
      position: absolute;
      top: 13px;
      left: 13px;
      z-index: 2;
      min-height: 28px;
      padding: 6px 10px;
      color: #fff;
      background: var(--home-blue);
      border-radius: 999px;
      box-shadow: 0 6px 15px rgba(7, 54, 95, .18);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .atakan-home-product.is-ascolite .atakan-home-product-tag {
      background: var(--home-red);
    }

    .atakan-home-product.is-deal .atakan-home-product-tag {
      background: #10875c;
    }

    .atakan-home-product-body {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      padding: 20px 21px 21px;
    }

    .atakan-home-product h3 {
      margin: 0 0 8px;
      color: var(--home-ink);
      font-size: 21px;
      font-weight: 870;
      line-height: 1.25;
    }

    .atakan-home-product p {
      margin: 0;
      color: var(--home-muted);
      font-size: 13.5px;
      line-height: 1.65;
    }

    .atakan-home-card-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: auto;
      color: var(--home-blue);
      font-size: 13px;
      font-weight: 850;
    }

    .atakan-home-card-link i {
      transition: transform .2s ease;
    }

    .atakan-home-product:hover .atakan-home-card-link i,
    .atakan-home-news-card:hover .atakan-home-card-link i {
      transform: translateX(4px);
    }

    /* ==================================================
       Haber kartları
    ================================================== */
    .atakan-home-news {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 23px;
    }

    .atakan-home-news-card {
      display: flex;
      min-width: 0;
      flex-direction: column;
      overflow: hidden;
      background: #fff;
      border: 1px solid var(--home-line);
      border-radius: 15px;
      box-shadow: 0 10px 28px rgba(15, 38, 62, .06);
      transition: transform .25s ease, box-shadow .25s ease;
    }

    .atakan-home-news-card:hover {
      box-shadow: 0 18px 38px rgba(15, 38, 62, .11);
      transform: translateY(-4px);
    }

    .atakan-home-news-media {
      display: block;
      height: 275px;
      overflow: hidden;
      background: #e9edf1;
    }

    .atakan-home-news-media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .4s ease;
    }

    .atakan-home-news-card:hover .atakan-home-news-media img {
      transform: scale(1.035);
    }

    .atakan-home-news-body {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      padding: 19px 20px 20px;
    }

    .atakan-home-news-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 7px 13px;
      margin-bottom: 9px;
      color: #8490a0;
      font-size: 11.5px;
      font-weight: 700;
    }

    .atakan-home-news-meta span + span::before {
      content: "•";
      margin-right: 10px;
      color: var(--home-blue-light);
    }

    .atakan-home-news-card h3 {
      margin: 0 0 17px;
      color: var(--home-ink);
      font-size: 17px;
      font-weight: 830;
      line-height: 1.42;
    }

    .atakan-home-news-card h3 a {
      color: inherit !important;
      text-decoration: none !important;
    }

    /* ==================================================
       Responsive
    ================================================== */
    @media (max-width: 1050px) {
      .atakan-home-hero-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 900px) {
      .atakan-home-hero {
        padding: 38px 0 41px;
      }

      .atakan-home-products,
      .atakan-home-news {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .atakan-home-products > :last-child,
      .atakan-home-news > :last-child {
        grid-column: 1 / -1;
        width: calc(50% - 12px);
        justify-self: center;
      }
    }

    @media (max-width: 700px) {
      .atakan-home-container {
        width: min(100% - 28px, 1180px);
      }

      .atakan-home-hero {
        padding: 32px 0 35px;
      }

      .atakan-home-intro-wrap {
        padding-top: 20px;
      }

      .atakan-home-intro-card {
        padding: 27px 20px;
        border-radius: 13px;
      }

      .atakan-home-hero-copy {
        font-size: 14.5px;
      }

      .atakan-home-section {
        padding: 51px 0;
      }

      .atakan-home-section.is-products {
        padding-top: 51px;
      }

      .atakan-home-heading {
        display: block;
        margin-bottom: 23px;
      }

      .atakan-home-heading p {
        margin-top: 10px;
      }

      .atakan-home-products,
      .atakan-home-news {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      .atakan-home-products > :last-child,
      .atakan-home-news > :last-child {
        grid-column: auto;
        width: 100%;
      }
    }

    @media (max-width: 520px) {
      .atakan-home-product-media {
        height: 250px;
      }

      .atakan-home-news-media {
        height: 265px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .atakan-home-product,
      .atakan-home-news-card,
      .atakan-home-product-media img,
      .atakan-home-news-media img,
      .atakan-home-card-link i {
        transition: none;
      }
    }