/** Shopify CDN: Minification failed

Line 6143:11 Expected identifier but found whitespace
Line 6143:13 Unexpected "{"
Line 6143:27 Expected ":"
Line 6143:71 Unexpected "{"
Line 6143:85 Expected ":"
Line 6145:15 Expected identifier but found whitespace
Line 6145:17 Unexpected "{"
Line 6145:31 Expected ":"
Line 6145:74 Unexpected "{"
Line 6145:88 Expected ":"
... and 25 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:404 (INDEX:0) */
.error-page {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 300px);
    margin-bottom: 24px;
  }

  .error-page__card {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100vh - 300px);
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border-radius: 24px;
    padding: 48px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    text-align: center;
  }

  .error-page__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .error-page__title {
    font-size: 7rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.2;
  }

  .error-page__message {
    font-size: 1.125rem;
    color: #666666;
    margin: 0;
    line-height: 1.6;
  }

  .error-page__button {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    background: #F3FF75;
    color: #1a1a1a;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
  }

  .error-page__button:hover {
    background: #e6f066;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(243, 255, 117, 0.3);
  }

  /* Responsive adjustments */
  @media screen and (max-width: 768px) {
    .error-page {
      padding: 16px;
    }

    .error-page__card {
      padding: 32px 24px;
    }

    .error-page__title {
      font-size: 2.5rem;
    }

    .error-page__message {
      font-size: 1rem;
    }
  }

  @media screen and (max-width: 480px) {
    .error-page__card {
      padding: 24px 16px;
    }

    .error-page__title {
      font-size: 2rem;
    }

    .error-page__button {
      padding: 14px 28px;
      font-size: 0.9rem;
    }
  }
/* END_SECTION:404 */

/* START_SECTION:article (INDEX:1) */
.article-content {
    display: flex;
    justify-content: center;
    padding: 24px;
    min-height: calc(100vh - 200px);
  }

  .article-content__card {
    width: 100%;
    max-width: 800px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border-radius: 24px;
    padding: 48px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }

  .article-content__header {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .article-content__image {
    margin-bottom: 24px;
    border-radius: 12px;
    overflow: hidden;
  }

  .article-content__image img {
    width: 100%;
    height: auto;
    display: block;
  }

  .article-content__title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 16px 0;
    line-height: 1.2;
  }

  .article-content__meta {
    color: #666666;
    font-size: 0.9rem;
  }

  .article-content__body {
    color: #333333;
    line-height: 1.6;
    font-size: 1.125rem;
    margin-bottom: 32px;
  }

  .article-content__body h1,
  .article-content__body h2,
  .article-content__body h3,
  .article-content__body h4,
  .article-content__body h5,
  .article-content__body h6 {
    color: #1a1a1a;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .article-content__body h1 {
    font-size: 2rem;
  }

  .article-content__body h2 {
    font-size: 1.75rem;
  }

  .article-content__body h3 {
    font-size: 1.5rem;
  }

  .article-content__body h4 {
    font-size: 1.25rem;
  }

  .article-content__body p {
    margin-bottom: 1.5rem;
  }

  .article-content__body ul,
  .article-content__body ol {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
  }

  .article-content__body li {
    margin-bottom: 0.5rem;
  }

  .article-content__body a {
    color: #007acc;
    text-decoration: underline;
    transition: color 0.2s ease;
  }

  .article-content__body a:hover {
    color: #005999;
  }

  .article-content__body img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 1.5rem 0;
  }

  .article-content__body blockquote {
    border-left: 4px solid #F3FF75;
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: #666666;
  }

  /* Comments styling */
  .article-content__comments {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }

  .article-content__comments-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 24px;
  }

  .article-content__comment {
    margin-bottom: 24px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
  }

  .article-content__comment-author {
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 4px;
  }

  .article-content__comment-date {
    font-size: 0.9rem;
    color: #666666;
    margin-bottom: 8px;
  }

  .article-content__comment-content {
    color: #333333;
    line-height: 1.5;
  }

  .article-content__comment-form-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 16px;
  }

  .article-content__form-field {
    margin-bottom: 16px;
  }

  .article-content__form-field label {
    display: block;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 4px;
  }

  .article-content__form-field input,
  .article-content__form-field textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    color: #1a1a1a;
    font-size: 1rem;
  }

  .article-content__form-field input:focus,
  .article-content__form-field textarea:focus {
    outline: none;
    border-color: #F3FF75;
  }

  .article-content__comment-submit {
    background: #F3FF75;
    color: #1a1a1a;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .article-content__comment-submit:hover {
    background: #e6f066;
  }

  /* Responsive adjustments */
  @media screen and (max-width: 768px) {
    .article-content {
      padding: 16px;
    }

    .article-content__card {
      padding: 32px 24px;
    }

    .article-content__title {
      font-size: 2rem;
    }

    .article-content__body {
      font-size: 1rem;
    }
  }

  @media screen and (max-width: 480px) {
    .article-content__card {
      padding: 24px 16px;
    }

    .article-content__title {
      font-size: 1.75rem;
    }

    .article-content__body {
      font-size: 0.9rem;
    }
  }
/* END_SECTION:article */

/* START_SECTION:background (INDEX:2) */
.background-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    background-color: var(--background-color);
  }

  .background-ellipse {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, var(--ellipse-color) 0%, color-mix(in srgb, var(--ellipse-color) 80%, transparent) 30%, color-mix(in srgb, var(--ellipse-color) 40%, transparent) 60%, transparent 100%);
    filter: blur(var(--blur-amount, 40px));
    -webkit-filter: blur(var(--blur-amount, 40px));
  }

  .background-ellipse--top-right {
    top: -30%;
    right: -10%;
    width: var(--top-ellipse-size, 50vw);
    height: var(--top-ellipse-size, 50vw);
    max-width: 2600px;
    max-height: 2600px;
  }

  .background-ellipse--bottom-left {
    bottom: -40%;
    left: -10%;
    width: var(--bottom-ellipse-size, 50vw);
    height: var(--bottom-ellipse-size, 50vw);
    max-width: 2600px;
    max-height: 2600px;
  }

  /* Responsive adjustments */
  @media screen and (max-width: 768px) {
    .background-ellipse--top-right {
      width: calc(var(--top-ellipse-size, 50vw) * 1.6);
      height: calc(var(--top-ellipse-size, 50vw) * 1.6);
      top: -20%;
      right: -20%;
    }

    .background-ellipse--bottom-left {
      width: calc(var(--bottom-ellipse-size, 50vw) * 1.4);
      height: calc(var(--bottom-ellipse-size, 50vw) * 1.4);
      bottom: -20%;
      left: -20%;
    }
  }

  @media screen and (max-width: 480px) {
    .background-ellipse--top-right {
      width: calc(var(--top-ellipse-size, 50vw) * 2.8);
      height: calc(var(--top-ellipse-size, 50vw) * 2.8);
      top: -25%;
      right: -70%;
    }

    .background-ellipse--bottom-left {
      width: calc(var(--bottom-ellipse-size, 50vw) * 2.8);
      height: calc(var(--bottom-ellipse-size, 50vw) * 2.8);
      bottom: -25%;
      left: -70%;
    }
  }
/* END_SECTION:background */

/* START_SECTION:card-grid (INDEX:4) */
.card-grid {
    display: grid;
    gap: var(--grid-gap);
    width: 100%;
    margin-top: 40px;
  }

  .card-grid__empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    border: 2px dashed rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
  }

  .card-grid__empty p {
    color: var(--color-text-muted);
    font-size: 1.125rem;
    margin: 5px 0;
  }



  /* Grid column variants */
  .card-grid--2-columns {
    grid-template-columns: repeat(2, 1fr);
  }

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

  .card-grid--4-columns {
    grid-template-columns: repeat(4, 1fr);
  }

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

  .card-grid--6-columns {
    grid-template-columns: repeat(6, 1fr);
  }

  .card-grid--7-columns {
    grid-template-columns: repeat(7, 1fr);
  }

  .card-grid--8-columns {
    grid-template-columns: repeat(8, 1fr);
  }

  .card-grid--9-columns {
    grid-template-columns: repeat(9, 1fr);
  }

  .card-grid--10-columns {
    grid-template-columns: repeat(10, 1fr);
  }

  .card-grid--11-columns {
    grid-template-columns: repeat(11, 1fr);
  }

  .card-grid--12-columns {
    grid-template-columns: repeat(12, 1fr);
  }

  .card-grid--13-columns {
    grid-template-columns: repeat(13, 1fr);
  }

  .card-grid--14-columns {
    grid-template-columns: repeat(14, 1fr);
  }

  .card-grid--15-columns {
    grid-template-columns: repeat(15, 1fr);
  }

  .card-grid--16-columns {
    grid-template-columns: repeat(16, 1fr);
  }

  .card-grid--17-columns {
    grid-template-columns: repeat(17, 1fr);
  }

  .card-grid--18-columns {
    grid-template-columns: repeat(18, 1fr);
  }

  .card-grid--19-columns {
    grid-template-columns: repeat(19, 1fr);
  }

  .card-grid--20-columns {
    grid-template-columns: repeat(20, 1fr);
  }

  /* Responsive behavior */
  @media screen and (max-width: 768px) {
    .card-grid--3-columns,
    .card-grid--4-columns,
    .card-grid--5-columns,
    .card-grid--6-columns,
    .card-grid--7-columns,
    .card-grid--8-columns,
    .card-grid--9-columns,
    .card-grid--10-columns,
    .card-grid--11-columns,
    .card-grid--12-columns,
    .card-grid--13-columns,
    .card-grid--14-columns,
    .card-grid--15-columns,
    .card-grid--16-columns,
    .card-grid--17-columns,
    .card-grid--18-columns,
    .card-grid--19-columns,
    .card-grid--20-columns {
      grid-template-columns: repeat(2, 1fr);
    }

    /* Force all cards to 1x1 on mobile for better layout */
    .card-grid__item {
      grid-column: span 1 !important;
      grid-row: span 1 !important;
    }
  }

  @media screen and (max-width: 480px) {
    .card-grid--2-columns,
    .card-grid--3-columns,
    .card-grid--4-columns,
    .card-grid--5-columns,
    .card-grid--6-columns,
    .card-grid--7-columns,
    .card-grid--8-columns,
    .card-grid--9-columns,
    .card-grid--10-columns,
    .card-grid--11-columns,
    .card-grid--12-columns,
    .card-grid--13-columns,
    .card-grid--14-columns,
    .card-grid--15-columns,
    .card-grid--16-columns,
    .card-grid--17-columns,
    .card-grid--18-columns,
    .card-grid--19-columns,
    .card-grid--20-columns {
      grid-template-columns: 1fr;
    }

    /* Force all cards to 1x1 on mobile for better layout */
    .card-grid__item {
      grid-column: span 1 !important;
      grid-row: span 1 !important;
    }
  }
/* END_SECTION:card-grid */

/* START_SECTION:cart-drawer (INDEX:5) */
/*
    Flatter · sepet çekmecesi görünümü (yalnız stil).
    Temel düzen assets/cart-drawer.css'te; buradaki kurallar #CartDrawer kimliğiyle onu ezer ve
    ft-ui.css token'larını kullanır (krem panel, bordo buton, ince çizgiler).
  */
  #CartDrawerOverlay {
    background: rgba(29, 26, 23, 0.45);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: opacity 0.25s;
  }

  #CartDrawer {
    width: min(92vw, 420px);
    border-radius: 0;
    background: var(--ft-paper);
    color: var(--ft-ink);
    font-family: var(--ft-body);
    box-shadow: none;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  }
  #CartDrawer[aria-hidden="false"] { box-shadow: -20px 0 60px rgba(29, 26, 23, 0.18); }

  #CartDrawer .cart-drawer__header {
    padding: 10px 10px 10px var(--ft-gutter);
    min-height: var(--ft-hd-h);
    border-bottom: 1px solid var(--ft-line);
  }
  #CartDrawer .cart-drawer__title {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: var(--ft-ink);
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch);
    font-weight: var(--ft-display-weight);
    font-size: 30px;
    line-height: 1;
    letter-spacing: -0.005em;
    text-transform: uppercase;
  }
  #CartDrawer .cart-drawer__count {
    margin: 0;
    font-family: var(--ft-body);
    font-stretch: 100%;
    font-size: var(--ft-fs-base);
    font-weight: 700;
    letter-spacing: 0;
    color: var(--ft-ink-3);
  }
  #CartDrawer .cart-drawer__close {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--ft-r-pill);
    color: var(--ft-ink);
  }
  #CartDrawer .cart-drawer__close:hover { background: rgba(29, 26, 23, 0.06); }
  #CartDrawer .cart-drawer__close svg { color: currentColor; }

  #CartDrawer .cart-drawer__banner {
    height: auto;
    min-height: 44px;
    padding: 10px var(--ft-gutter);
    background: var(--ft-bottle);
    color: var(--ft-ink);
    font: 700 var(--ft-fs-xs) / 1.3 var(--ft-body);
    letter-spacing: 0.08em;
    text-align: center;
  }

  /* Hata kutusu (cart-manager.js ekler) */
  #CartDrawer .cart-drawer__error {
    margin: 10px var(--ft-gutter) 0;
    padding: 10px 12px;
    border-radius: var(--ft-r-sm);
    background: #fbe9e7;
    color: var(--ft-bordo);
    font-size: var(--ft-fs-sm);
    font-weight: 600;
    line-height: 1.4;
  }

  /* Ürün satırları */
  #CartDrawer .cart-drawer__body { padding: 4px var(--ft-gutter) 16px; }
  #CartDrawer .cart-drawer__empty { padding: 48px 0; color: var(--ft-ink-3); font-size: var(--ft-fs-base); }
  #CartDrawer .cart-drawer__list { max-width: none; }
  #CartDrawer .cart-drawer__item {
    grid-template-columns: 72px 1fr;
    gap: 14px;
    padding: 14px 0;
    transition: opacity 0.2s;
  }
  #CartDrawer .cart-drawer__item.is-removing { opacity: 0.35; pointer-events: none; }
  #CartDrawer .cart-drawer__thumb {
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: var(--ft-r-sm);
    background: var(--ft-paper-2);
  }
  #CartDrawer .cart-drawer__thumb img { width: 100%; height: 100%; object-fit: cover; }
  #CartDrawer .cart-drawer__meta { gap: 10px; padding-right: 40px; }
  #CartDrawer .cart-drawer__meta-content { gap: 2px; }
  #CartDrawer .cart-drawer__product-title { color: var(--ft-ink); font-size: 15px; font-weight: 700; line-height: 1.3; }
  #CartDrawer .cart-drawer__variant { color: var(--ft-ink-3); font-size: var(--ft-fs-xs); line-height: 1.4; }
  #CartDrawer .cart-drawer__price { margin-top: 4px; color: var(--ft-ink); font-size: 15px; font-weight: 800; }
  #CartDrawer .cart-drawer__was { margin-right: 6px; color: var(--ft-ink-3); font-size: 13px; font-weight: 500; white-space: nowrap; }
  #CartDrawer .cart-drawer__remove {
    top: 0;
    right: -8px;
    transform: none;
    width: 44px;
    height: 44px;
    border-radius: var(--ft-r-pill);
  }
  #CartDrawer .cart-drawer__remove:hover { background: rgba(29, 26, 23, 0.06); }
  #CartDrawer .cart-drawer__remove-icon { width: 22px; height: 22px; }
  #CartDrawer .cart-drawer__qty {
    width: 124px;
    height: 40px;
    padding: 0 4px;
    gap: 0;
    border: 0;
    border-radius: var(--ft-r-pill);
    box-shadow: inset 0 0 0 1px var(--ft-line-2);
    background: var(--ft-card);
  }
  #CartDrawer .qty__btn { width: 36px; height: 36px; border-radius: var(--ft-r-pill); }
  #CartDrawer .qty__btn:hover { background: rgba(29, 26, 23, 0.06); }
  #CartDrawer .qty__input {
    width: 40px;
    background: transparent;
    color: var(--ft-ink);
    font: 700 15px / 1 var(--ft-body);
  }
  #CartDrawer .qty__input.updating { opacity: 0.55; }
  #CartDrawer .cart-drawer__divider { margin: 0; border: 0; border-bottom: 1px solid var(--ft-line); }

  /* Sepet yükseltme kartları */
  #CartDrawer .cart-upgrades { display: grid; gap: 10px; margin-top: 6px; padding-top: 14px; border-top: 1px dashed var(--ft-line-2); }
  #CartDrawer .cart-upgrade {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: var(--ft-r-md, 12px);
    background: var(--ft-card);
    box-shadow: inset 0 0 0 1px var(--ft-line-2);
    transition: opacity 0.2s;
  }
  #CartDrawer .cart-upgrade.is-loading { opacity: 0.6; pointer-events: none; }
  #CartDrawer .cart-upgrade__thumb { position: relative; width: 56px; height: 56px; border-radius: var(--ft-r-sm); overflow: hidden; background: var(--ft-paper-2); }
  #CartDrawer .cart-upgrade__thumb img { width: 100%; height: 100%; object-fit: cover; }
  #CartDrawer .cart-upgrade__pct {
    position: absolute;
    left: 3px;
    top: 3px;
    padding: 2px 5px;
    border-radius: var(--ft-r-pill);
    background: var(--ft-bordo);
    color: var(--ft-on-dark, #fff);
    font: 800 10px / 1.2 var(--ft-body);
  }
  #CartDrawer .cart-upgrade__body { display: grid; gap: 1px; min-width: 0; }
  #CartDrawer .cart-upgrade__eyebrow { color: var(--ft-bordo); font: 800 10px / 1.3 var(--ft-body); letter-spacing: 0.08em; text-transform: uppercase; }
  #CartDrawer .cart-upgrade__title { color: var(--ft-ink); font-size: 14px; font-weight: 800; line-height: 1.25; }
  @media (max-width: 380px) {
    #CartDrawer .cart-upgrade { grid-template-columns: 48px 1fr auto; gap: 10px; padding: 8px; }
    #CartDrawer .cart-upgrade__thumb { width: 48px; height: 48px; }
    #CartDrawer .cart-upgrade__note { display: none; }
  }
  #CartDrawer .cart-upgrade__note { color: var(--ft-ink-3); font-size: 12px; line-height: 1.35; }
  #CartDrawer .cart-upgrade__price { display: flex; flex-wrap: wrap; column-gap: 6px; align-items: baseline; margin-top: 2px; font-size: 13px; }
  #CartDrawer .cart-upgrade__price s,
  #CartDrawer .cart-upgrade__price b { white-space: nowrap; }
  #CartDrawer .cart-upgrade__price s { color: var(--ft-ink-3); }
  #CartDrawer .cart-upgrade__price b { color: var(--ft-ink); font-weight: 800; }
  #CartDrawer .cart-upgrade__btn {
    display: grid;
    justify-items: center;
    gap: 1px;
    min-width: 76px;
    min-height: 44px;
    padding: 6px 10px;
    border: 0;
    border-radius: var(--ft-r-pill);
    background: var(--ft-bordo);
    color: var(--ft-on-dark, #fff);
    cursor: pointer;
    transition: background-color 0.15s, transform 0.15s;
  }
  #CartDrawer .cart-upgrade__btn:hover { background: var(--ft-bordo-hover, var(--ft-bordo)); }
  #CartDrawer .cart-upgrade__btn:active { transform: scale(0.97); }
  #CartDrawer .cart-upgrade__btn-top { font: 800 13px / 1.1 var(--ft-body); white-space: nowrap; }
  #CartDrawer .cart-upgrade__btn-sub { font: 600 10px / 1.1 var(--ft-body); letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.85; }

  /* Alt kısım */
  #CartDrawer .cart-drawer__footer {
    gap: 12px;
    padding: 16px var(--ft-gutter) calc(16px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--ft-line);
    background: var(--ft-paper);
    box-shadow: none;
  }
  #CartDrawer .cart-drawer__fs { order: 0; }
  #CartDrawer .cart-discount-chips { order: 1; margin: 0; }
  #CartDrawer .cart-drawer__subtotal { order: 2; }
  #CartDrawer .cart-drawer__disclaimer { order: 3; }
  #CartDrawer .cart-drawer__actions { order: 4; }

  #CartDrawer .cart-drawer__fs-text { margin-bottom: 8px; color: var(--ft-ink-2); font-size: var(--ft-fs-sm); }
  #CartDrawer .cart-drawer__fs-text strong { color: var(--ft-bordo); }
  #CartDrawer .progress { height: 6px; border-radius: var(--ft-r-pill); background: var(--ft-tag); }
  #CartDrawer .progress__bar { border-radius: var(--ft-r-pill); background: var(--ft-bordo); }

  /* Hediye + kargo hedef barı */
  #CartDrawer .cart-goal { display: grid; gap: 10px; }
  #CartDrawer .cart-goal__head { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: center; }
  #CartDrawer .cart-goal__icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--ft-bottle);
    color: var(--ft-bordo);
  }
  #CartDrawer .cart-goal.is-done .cart-goal__icon { background: var(--ft-bordo); color: var(--ft-on-dark, #fff); }
  #CartDrawer .cart-goal__icon svg { width: 18px; height: 18px; }
  #CartDrawer .cart-goal__text { margin: 0; color: var(--ft-ink); line-height: 1.35; }
  #CartDrawer .cart-goal__text strong { color: var(--ft-bordo); }
  #CartDrawer .cart-goal__sub { margin-top: 2px; color: var(--ft-ink-3); font-size: var(--ft-fs-xs); line-height: 1.35; }
  #CartDrawer .cart-goal__track { position: relative; height: 8px; margin: 0 6px; border-radius: var(--ft-r-pill); background: var(--ft-tag); }
  #CartDrawer .cart-goal__fill {
    height: 100%;
    max-width: 100%;
    border-radius: var(--ft-r-pill);
    background: var(--ft-bordo);
    transition: width 0.35s ease;
  }
  #CartDrawer .cart-goal__dot {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    border-radius: 50%;
    background: var(--ft-paper);
    box-shadow: inset 0 0 0 2px var(--ft-line-2);
  }
  #CartDrawer .cart-goal__dot--end { left: 100%; }
  #CartDrawer .cart-goal__dot.is-done { background: var(--ft-bordo); box-shadow: inset 0 0 0 2px var(--ft-bordo); }
  #CartDrawer .cart-goal__marks { position: relative; height: 16px; margin: -4px 6px 0; color: var(--ft-ink-3); font: 700 11px / 16px var(--ft-body); }
  #CartDrawer .cart-goal__mark { position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; }
  #CartDrawer .cart-goal__mark--end { right: -6px; transform: none; }
  #CartDrawer .cart-goal.is-done .cart-goal__mark--end { color: var(--ft-bordo); }

  /* Hediye satırı */
  #CartDrawer .cart-drawer__item--gift .cart-drawer__meta { padding-right: 0; }
  #CartDrawer .cart-drawer__gift-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    margin-bottom: 2px;
    padding: 3px 8px;
    border-radius: var(--ft-r-pill);
    background: var(--ft-bordo);
    color: var(--ft-on-dark, #fff);
    font: 800 10.5px / 1.2 var(--ft-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  #CartDrawer .cart-drawer__gift-tag svg { width: 12px; height: 12px; }
  #CartDrawer .cart-drawer__gift-note { color: var(--ft-ink-3); font-size: var(--ft-fs-xs); line-height: 1.4; }
  #CartDrawer .cart-drawer__price--gift { color: var(--ft-bordo); }

  #CartDrawer .discount-chip {
    background: var(--ft-bottle);
    color: var(--ft-bordo);
    box-shadow: none;
    font-size: var(--ft-fs-sm);
  }

  #CartDrawer .cart-drawer__subtotal {
    margin-bottom: -8px;
    color: var(--ft-ink);
    font-size: var(--ft-fs-md);
    font-weight: 800;
  }
  #CartDrawer .cart-drawer__subtotal strong { font-weight: 800; }
  #CartDrawer .cart-drawer__disclaimer {
    margin: 0;
    color: var(--ft-ink-3);
    font-size: var(--ft-fs-xs);
    line-height: 1.45;
  }

  #CartDrawer .cart-drawer__btn {
    min-height: var(--ft-cta-h);
    padding: 0 26px;
    border: 0;
    border-radius: var(--ft-r-pill);
    font-family: var(--ft-display);
    font-stretch: 84%;
    font-weight: 800;
    font-size: 19px;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    transition: background-color 0.15s, transform 0.15s;
  }
  #CartDrawer .cart-drawer__btn--primary { background: var(--ft-bordo); color: var(--ft-on-dark); }
  #CartDrawer .cart-drawer__btn--primary:hover { background: var(--ft-bordo-hover); filter: none; }
  #CartDrawer .cart-drawer__btn:active { transform: scale(0.985); }
  #CartDrawer .cart-drawer__btn.disabled { opacity: 0.6; pointer-events: none; }
  #CartDrawer :focus-visible { outline: 3px solid var(--ft-focus); outline-offset: 2px; }

  @media (prefers-reduced-motion: reduce) {
    #CartDrawer,
    #CartDrawerOverlay,
    #CartDrawer .cart-goal__fill { transition: none; }
  }
/* END_SECTION:cart-drawer */

/* START_SECTION:collection (INDEX:7) */
.collection-products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  }
/* END_SECTION:collection */

/* START_SECTION:collections (INDEX:8) */
.collections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--collection-card-size), 100%), 1fr));
    gap: var(--grid-gap);
  }
  .collections--compact {
    --collection-card-size: 160px;
  }
  .collections--full {
    --collection-card-size: 280px;
  }
  .collection-card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
/* END_SECTION:collections */

/* START_SECTION:custom-section (INDEX:9) */
.custom-section {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .custom-section__background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
  }
  .custom-section__background img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .custom-section__content {
    display: grid;
    grid-template-columns: var(--content-grid);
  }
  .custom-section__content > * {
    grid-column: 2;
  }
/* END_SECTION:custom-section */

/* START_SECTION:footer (INDEX:22) */
.footer-card {
    border-radius: var(--footer-radius, 24px);
    padding: var(--footer-padding, 24px);
    background: radial-gradient(120% 140% at 60% 0%, var(--footer-bg-from, #ffffff) 0%, var(--footer-bg-to, #E9F7B7) 100%);
  }
  .footer-card__grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; align-items: start; }
  .footer-card__brand { display: flex; align-items: center; }
  .footer-card__logo { height: var(--logo-height, 40px); width: auto; object-fit: contain; }
  .footer-card__logo-text { font-weight: 700; font-size: 18px; color: var(--color-text); text-decoration: none; }
  .footer-card__link-group { display: flex; flex-direction: column; gap: 30px; }
  .footer-card__link-heading { font-size: 11px; font-weight: 400; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
  .footer-card__link-item a { color: var(--color-text); text-decoration: none; }
  .footer-card__link-item--corp a { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
  .footer-card__link-item--corp .corp-wa { color: #1f7a45; flex: none; }
  .footer-card__cta { display: flex; flex-direction: column; align-items: end; gap: 12px; }
  .footer-card__cta-button { background: #0A0A0A; color: #fff; text-decoration: none; padding: 12px 24px; border-radius: 12px; font-weight: 700; font-size: 16px; }
  .footer-card__contact { display: flex; flex-direction: column; align-items: end; gap: 6px; }
  .footer-card__location-text p { display: flex; flex-direction: column; gap: 6px; }
  .footer-card__contact-link { color: #000; font-weight: 600; text-decoration: none; font-size: 12px; }
  .footer-card__links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .footer-card__link-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
  .footer-card__link-fallback { font-size: 12px; font-weight: 700; }
  .footer-card__location { font-size: 11px; color: var(--color-text-muted); line-height: 1.4; }
  .footer-card__metric { display: flex; align-items: center !important; justify-content: flex-end; gap: 4px; }
  .footer-card__metric-number { font-size: 28px; font-weight: 700; color: var(--color-text); }
  .footer-card__metric-label { font-size: 12px; font-weight: 600; color: #000; width: 60px; text-align: left; line-height: 1.15; overflow-wrap: anywhere; word-break: normal; }
  .footer-card__metric-divider { width: 1px; height: 36px; margin-left: 20px; margin-right: 20px; background: #CACCC2; rotate: 45deg; }
  .footer-card__bottom { margin-top: 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: center; }
  .footer-card__bottom > .footer-card__icons { width: 100%; justify-self: start; }
  .footer-card__bottom > .footer-card__location { width: 100%; justify-self: start; text-align: left; }
  .footer-card__bottom > .footer-card__metric { width: 100%; justify-self: end; align-items: end; }
  .footer-card__icons { display: flex; align-items: center; gap: 10px; }
  .footer-card__icon { border-radius: 50%; background: #7C2D1E; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,.12); transition: transform .15s ease; }
  .footer-card__icon:hover { transform: translateY(-2px); }
  .footer-card__icon svg path { fill: #fff !important; }
  @media screen and (max-width: 1024px) {
    .footer-card__grid { grid-template-columns: 1fr; }
    .footer-card__links { grid-template-columns: 1fr; }
    .footer-card__bottom { grid-template-columns: 1fr; justify-items: start; }
    .footer-card__bottom > .footer-card__location { text-align: left; }
    .footer-card__cta { align-items: start; }
    .footer-card__metric { align-items: start; justify-content: flex-start; text-align: left; }
    .footer-card__icons { justify-content: flex-start; }
    .footer-card.main-grid__item { grid-column: 1 / -1 !important; }
    .footer-card__contact { align-items: start; }
  }
/* END_SECTION:footer */

/* START_SECTION:ft-aff-apply (INDEX:23) */
.ft-aff .ft-aff__hero { max-width: 760px; margin: 0 auto 36px; text-align: center; }
  .ft-aff .ft-aff__hero .ft-eyebrow { margin: 0 0 10px; }
  .ft-aff .ft-aff__title { margin: 0; font-size: clamp(40px, 11vw, 88px); line-height: 0.9; color: var(--ft-ink); }
  .ft-aff .ft-aff__lede { max-width: 56ch; margin: 18px auto 0; font-size: 17px; line-height: 1.5; color: var(--ft-ink-2); }
  .ft-aff .ft-aff__cta { margin-top: 24px; }

  .ft-aff .ft-aff__steps {
    display: grid;
    gap: 12px;
    margin: 0 0 32px;
    padding: 0;
    list-style: none;
    counter-reset: none;
  }
  .ft-aff .ft-aff__step {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 14px;
    padding: 18px;
    border-radius: var(--ft-r-lg);
    background: var(--ft-card);
  }
  .ft-aff .ft-aff__n {
    grid-row: span 2;
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: var(--ft-display-weight);
    font-size: 40px;
    line-height: 0.9;
    color: var(--ft-bordo);
  }
  .ft-aff .ft-aff__step b { font-size: 16px; }
  .ft-aff .ft-aff__step p { margin: 0; font-size: 14.5px; line-height: 1.45; color: var(--ft-ink-2); }

  .ft-aff .ft-aff__grid { display: grid; gap: 16px; align-items: start; }
  .ft-aff .ft-aff__card { padding: 22px 18px; border-radius: var(--ft-r-lg); background: var(--ft-card); }
  .ft-aff .ft-aff__h2 { margin: 0 0 8px; font-size: 22px; line-height: 1.15; font-weight: 800; }
  .ft-aff .ft-aff__muted { margin: 0 0 16px; font-size: 14.5px; line-height: 1.5; color: var(--ft-ink-2); }
  .ft-aff .ft-aff__fine { margin: 14px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--ft-ink-3); }

  .ft-aff .ft-aff__table { width: 100%; border-collapse: collapse; font-size: 15px; }
  .ft-aff .ft-aff__table th { padding: 0 0 10px; text-align: left; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ft-ink-3); }
  .ft-aff .ft-aff__table td { padding: 12px 0; border-top: 1px solid var(--ft-line); }
  .ft-aff .ft-aff__table td b { color: var(--ft-bordo); font-size: 18px; }

  .ft-aff .ft-aff__f { display: grid; gap: 14px; }
  .ft-aff .ft-aff__row { display: grid; gap: 14px; }
  .ft-aff .ft-aff__fld { display: grid; gap: 6px; min-width: 0; font-size: 13px; font-weight: 700; color: var(--ft-ink); }
  .ft-aff .ft-aff__fld small, .ft-aff .ft-aff__set legend small { font-weight: 500; color: var(--ft-ink-3); }
  .ft-aff .ft-aff__fld input,
  .ft-aff .ft-aff__fld select {
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid var(--ft-line-2, var(--ft-line));
    border-radius: var(--ft-r-md);
    background: var(--ft-paper);
    color: var(--ft-ink);
    font: 500 16px / 1.2 var(--ft-body);
  }
  .ft-aff .ft-aff__fld input:focus-visible,
  .ft-aff .ft-aff__fld select:focus-visible { outline: 3px solid var(--ft-focus); outline-offset: 1px; }
  .ft-aff .ft-aff__fld--at input { padding-left: 30px; background-image: linear-gradient(transparent, transparent); }
  .ft-aff .ft-aff__fld--at { position: relative; }
  .ft-aff .ft-aff__fld--at::after {
    content: "@";
    position: absolute;
    left: 13px;
    bottom: 14px;
    font: 600 16px / 1.2 var(--ft-body);
    color: var(--ft-ink-3);
    pointer-events: none;
  }
  .ft-aff .ft-aff__hint { font-weight: 500; font-size: 12px; line-height: 1.4; color: var(--ft-ink-3); }
  .ft-aff .ft-aff__set { margin: 0; padding: 0; border: 0; min-width: 0; }
  .ft-aff .ft-aff__set legend { margin-bottom: 8px; padding: 0; font-size: 13px; font-weight: 700; }
  .ft-aff .ft-aff__chips { display: flex; flex-wrap: wrap; gap: 8px; }
  .ft-aff .ft-aff__chip { position: relative; cursor: pointer; }
  .ft-aff .ft-aff__chip input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
  .ft-aff .ft-aff__chip span {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: var(--ft-r-pill);
    box-shadow: inset 0 0 0 1px var(--ft-line);
    font-size: 14px;
    font-weight: 600;
  }
  .ft-aff .ft-aff__chip input:checked + span { background: var(--ft-ink); color: var(--ft-paper); box-shadow: none; }
  .ft-aff .ft-aff__chip input:focus-visible + span { outline: 3px solid var(--ft-focus); outline-offset: 2px; }
  .ft-aff .ft-aff__consents { display: grid; gap: 10px; padding-top: 4px; }
  .ft-aff .ft-aff__check { display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start; font-size: 13.5px; line-height: 1.45; color: var(--ft-ink-2); }
  .ft-aff .ft-aff__check input { width: 20px; height: 20px; margin: 0; accent-color: var(--ft-bordo); }
  .ft-aff .ft-aff__check a { color: var(--ft-bordo); text-underline-offset: 3px; }
  .ft-aff .ft-aff__err { margin: 0; padding: 12px 14px; border-radius: var(--ft-r-md); background: #fbe9e6; color: #8a1c10; font-size: 14px; }
  .ft-aff .ft-aff__err[hidden] { display: none; }
  .ft-aff .ft-aff__done { padding: 18px; border-radius: var(--ft-r-md); background: var(--ft-paper-2); }
  .ft-aff .ft-aff__done b { display: block; margin-bottom: 6px; font-size: 18px; }
  .ft-aff .ft-aff__done p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ft-ink-2); }

  @media (min-width: 750px) {
    .ft-aff .ft-aff__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ft-aff .ft-aff__row { grid-template-columns: 1fr 1fr; }
    .ft-aff .ft-aff__row--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  @media (min-width: 990px) {
    .ft-aff .ft-aff__hero { margin-bottom: 48px; }
    .ft-aff .ft-aff__steps { margin-bottom: 40px; }
    .ft-aff .ft-aff__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px; }
    .ft-aff .ft-aff__rates { position: sticky; top: calc(var(--ft-hd-h, 72px) + 16px); }
    .ft-aff .ft-aff__card { padding: 30px; }
  }
/* END_SECTION:ft-aff-apply */

/* START_SECTION:ft-aff-panel (INDEX:24) */
.ft-ap .ft-ap__msg { max-width: 640px; margin: 0 auto; padding: 24px 0; text-align: center; }
  .ft-ap .ft-ap__msg .ft-btn { margin-top: 22px; }
  .ft-ap .ft-ap__title { margin: 0; font-size: clamp(36px, 9vw, 64px); line-height: 0.92; }
  .ft-ap .ft-ap__lede { margin: 14px auto 0; max-width: 52ch; font-size: 16px; line-height: 1.5; color: var(--ft-ink-2); }
  .ft-ap .ft-ap__small { margin: 10px 0 0; font-size: 13px; line-height: 1.45; color: var(--ft-ink-3); }
  .ft-ap .ft-ap__small a { color: var(--ft-bordo); }
  .ft-ap .ft-ap__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
  .ft-ap .ft-ap__head .ft-eyebrow { margin: 0 0 8px; }
  .ft-ap .ft-ap__out { font-size: 14px; font-weight: 700; color: var(--ft-bordo); }
  .ft-ap .ft-ap__grid { display: grid; gap: 14px; }
  .ft-ap .ft-ap__card { padding: 20px 18px; border-radius: var(--ft-r-lg); background: var(--ft-card); }
  .ft-ap .ft-ap__h2 { margin: 0 0 12px; font-size: 19px; font-weight: 800; line-height: 1.2; }
  .ft-ap .ft-ap__code {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 12px 12px 12px 16px; border-radius: var(--ft-r-md);
    background: var(--ft-paper-2); box-shadow: inset 0 0 0 1.5px var(--ft-bordo);
  }
  .ft-ap .ft-ap__codev { font-family: var(--ft-display); font-stretch: var(--ft-display-stretch, 78%); font-weight: var(--ft-display-weight); font-size: 34px; line-height: 1; letter-spacing: 0.02em; color: var(--ft-bordo); word-break: break-all; }
  .ft-ap .ft-ap__copy {
    flex: none; min-height: 40px; padding: 0 14px; border: 0; border-radius: var(--ft-r-pill);
    background: var(--ft-ink); color: var(--ft-paper); font: 700 13px / 1 var(--ft-body); cursor: pointer;
  }
  .ft-ap .ft-ap__rates { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0; }
  .ft-ap .ft-ap__rates span { display: grid; gap: 2px; padding: 12px; border-radius: var(--ft-r-md); background: var(--ft-paper); }
  .ft-ap .ft-ap__rates small { font-size: 12px; color: var(--ft-ink-3); }
  .ft-ap .ft-ap__rates b { font-size: 22px; }
  .ft-ap .ft-ap__lbl { display: block; margin: 0 0 6px; font-size: 13px; font-weight: 700; }
  .ft-ap .ft-ap__linkrow { display: flex; gap: 8px; margin-top: 8px; }
  .ft-ap .ft-ap__input {
    flex: 1; min-width: 0; width: 100%; min-height: 44px; padding: 0 12px;
    border: 1px solid var(--ft-line); border-radius: var(--ft-r-md);
    background: var(--ft-paper); color: var(--ft-ink); font: 500 14px / 1.2 var(--ft-body);
  }
  .ft-ap .ft-ap__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .ft-ap .ft-ap__stat { display: grid; gap: 4px; padding: 12px; border-radius: var(--ft-r-md); background: var(--ft-paper); }
  .ft-ap .ft-ap__stat small { font-size: 12px; color: var(--ft-ink-3); }
  .ft-ap .ft-ap__stat b { font-size: 18px; }
  .ft-ap .ft-ap__stat--hero { grid-column: 1 / -1; background: var(--ft-bordo); color: #fff; }
  .ft-ap .ft-ap__stat--hero small { color: rgba(255, 255, 255, 0.8); }
  .ft-ap .ft-ap__stat--hero b { font-size: 30px; }
  .ft-ap .ft-ap__levels { display: grid; gap: 12px; }
  .ft-ap .ft-ap__opts { display: grid; gap: 8px; }
  .ft-ap .ft-ap__opt { position: relative; cursor: pointer; }
  .ft-ap .ft-ap__opt input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
  .ft-ap .ft-ap__opt span { display: flex; align-items: baseline; gap: 8px; padding: 12px 14px; border-radius: var(--ft-r-md); box-shadow: inset 0 0 0 1px var(--ft-line); font-size: 15px; }
  .ft-ap .ft-ap__opt small { margin-left: auto; color: var(--ft-ink-3); }
  .ft-ap .ft-ap__opt input:checked + span { box-shadow: inset 0 0 0 2px var(--ft-bordo); background: var(--ft-paper-2); }
  .ft-ap .ft-ap__opt input:focus-visible + span { outline: 3px solid var(--ft-focus); outline-offset: 2px; }
  .ft-ap .ft-ap__note { margin: 0 0 10px; padding: 10px 12px; border-radius: var(--ft-r-md); background: var(--ft-paper-2); font-size: 13.5px; }
  .ft-ap .ft-ap__camps { margin-top: 28px; }
  .ft-ap .ft-ap__camplist { display: grid; gap: 14px; }
  .ft-ap .ft-ap__camp { overflow: hidden; border-radius: var(--ft-r-lg); background: var(--ft-card); }
  .ft-ap .ft-ap__campimg img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
  .ft-ap .ft-ap__campbody { padding: 16px 18px 18px; }
  .ft-ap .ft-ap__campbody h3 { margin: 6px 0 0; font-size: 18px; }
  .ft-ap .ft-ap__badge { display: inline-block; padding: 4px 10px; border-radius: var(--ft-r-pill); background: var(--ft-bordo); color: #fff; font-size: 12px; font-weight: 700; }
  .ft-ap .ft-ap__camptext { margin-top: 8px; font-size: 14.5px; line-height: 1.5; color: var(--ft-ink-2); }
  .ft-ap .ft-ap__camptext p { margin: 0 0 8px; }
  .ft-ap .ft-ap__more { display: inline-block; margin-top: 8px; font-weight: 700; color: var(--ft-bordo); }
  .ft-ap .ft-ap__rules { margin-top: 14px; }
  .ft-ap .ft-ap__rules .ft-btn { margin-top: 12px; }
  @media (min-width: 750px) {
    .ft-ap .ft-ap__grid { grid-template-columns: 1fr 1fr; }
    .ft-ap .ft-ap__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .ft-ap .ft-ap__camplist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (min-width: 990px) {
    .ft-ap .ft-ap__card { padding: 26px; }
    .ft-ap .ft-ap__camplist { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
/* END_SECTION:ft-aff-panel */

/* START_SECTION:ft-badges (INDEX:25) */
.ft-badges .ft-badges__grid { display: grid; gap: 32px; }
  .ft-badges .ft-badges__title {
    max-width: 14ch;
    font-size: clamp(34px, 9.4vw, 64px);
    color: var(--ft-ink);
  }
  .ft-badges .ft-badges__story {
    margin: 18px 0 0;
    max-width: 54ch;
    font-size: var(--ft-fs-base);
    line-height: 1.6;
    color: var(--ft-ink-2);
  }
  .ft-badges .ft-badges__story p { margin: 0; }
  .ft-badges .ft-badges__story p + p { margin-top: 0.8em; }
  .ft-badges .ft-badges__story b,
  .ft-badges .ft-badges__story strong { color: var(--ft-ink); }
  .ft-badges .ft-badges__story a { color: var(--ft-bordo); text-underline-offset: 3px; }

  /* 3'lü sıra; 4. ve sonraki rozetler alt satırda ortalanır */
  .ft-badges .ft-badges__list {
    --ft-badges-gap: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px var(--ft-badges-gap);
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }
  .ft-badges .ft-badges__item {
    display: flex;
    flex: 0 0 calc((100% - 2 * var(--ft-badges-gap)) / 3);
    flex-direction: column;
    align-items: center;
    min-width: 0;
  }
  .ft-badges .ft-badges__img {
    display: block;
    width: 76px;
    height: 76px;
    margin: 0 auto 10px;
    object-fit: contain;
  }
  .ft-badges .ft-badges__label {
    display: block;
    font-size: 13.5px;
    line-height: 1.3;
    color: var(--ft-ink);
  }
  .ft-badges .ft-badges__link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin: -2px 0; /* 44px dokunma alanı, prototipteki satır yüksekliği korunur */
    padding: 0 4px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ft-bordo);
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .ft-badges .ft-badges__link:hover { color: var(--ft-ink); }

  /* Ortalı düzen (tablet ve masaüstü): metin ve rozetler alt alta, sayfanın tam ortasında */
  @media (min-width: 750px) {
    .ft-badges--center .ft-badges__grid { justify-items: center; gap: 40px; text-align: center; }
    .ft-badges--center .ft-badges__title { max-width: 26ch; margin-inline: auto; text-wrap: balance; }
    .ft-badges--center .ft-badges__story { margin-inline: auto; }
    .ft-badges--center .ft-badges__list { width: 100%; max-width: 640px; }
  }

  @media (min-width: 990px) {
    .ft-badges .ft-badges__list { --ft-badges-gap: 24px; row-gap: 32px; }
    .ft-badges .ft-badges__img { width: 110px; height: 110px; }
    .ft-badges .ft-badges__label { font-size: 14.5px; }
    .ft-badges--center .ft-badges__grid { gap: 48px; }
    .ft-badges--center .ft-badges__list { max-width: 720px; }

    /* Yan yana düzen: metin solda, rozetler sağda */
    .ft-badges--side .ft-badges__grid {
      grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
      gap: 80px;
      align-items: center;
    }
    .ft-badges--side.ft-badges--no-badges .ft-badges__grid { grid-template-columns: minmax(0, 1fr); }
  }
/* END_SECTION:ft-badges */

/* START_SECTION:ft-blog-cards (INDEX:26) */
.ft-bc .ft-bc__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; }
  .ft-bc .ft-bc__head > div { min-width: 0; flex: 1 1 28rem; }
  .ft-bc .ft-bc__title { font-size: var(--ft-fs-h2); color: var(--ft-ink); }
  .ft-bc .ft-bc__lede { max-width: 52ch; }
  .ft-bc .ft-bc__more { flex: none; }
  .ft-bc .ft-bc__list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(260px, 82%);
    gap: 14px;
    margin: 0 calc(var(--ft-gutter) * -1);
    padding: 4px var(--ft-gutter) 8px;
    list-style: none;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 var(--ft-gutter);
    scrollbar-width: none;
  }
  .ft-bc .ft-bc__list::-webkit-scrollbar { display: none; }
  .ft-bc .ft-bc__item { scroll-snap-align: start; min-width: 0; }
  .ft-bc .ft-bc__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: var(--ft-r-lg);
    background: var(--ft-card);
    box-shadow: inset 0 0 0 1px var(--ft-line);
    color: var(--ft-ink);
    text-decoration: none;
    transition: box-shadow 0.15s, transform 0.15s;
  }
  .ft-bc .ft-bc__card:hover { box-shadow: inset 0 0 0 1px var(--ft-ink); transform: translateY(-2px); }
  .ft-bc .ft-bc__card:focus-visible { outline: 3px solid var(--ft-focus); outline-offset: 2px; }
  .ft-bc .ft-bc__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--ft-paper-2); }
  .ft-bc .ft-bc__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .ft-bc .ft-bc__ph {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    background: var(--ft-bordo);
    color: var(--ft-paper);
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: var(--ft-display-weight);
    font-size: 34px;
    text-transform: uppercase;
  }
  .ft-bc .ft-bc__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 16px 18px 18px; }
  .ft-bc .ft-bc__meta { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: var(--ft-fs-xs); color: var(--ft-ink-3); }
  .ft-bc .ft-bc__tag {
    padding: 3px 9px;
    border-radius: var(--ft-r-pill);
    background: var(--ft-paper-2);
    color: var(--ft-bordo);
    font-weight: 700;
  }
  .ft-bc .ft-bc__name { margin: 0; font-size: 19px; font-weight: 800; line-height: 1.25; text-wrap: balance; }
  .ft-bc .ft-bc__desc {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--ft-ink-2);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .ft-bc .ft-bc__go { margin-top: auto; padding-top: 6px; font-weight: 800; font-size: 14px; color: var(--ft-bordo); }
  .ft-bc .ft-bc__empty { margin: 0; padding: 24px; border-radius: var(--ft-r-md); background: var(--ft-paper-2); font-size: 14px; color: var(--ft-ink-3); }
  @media (min-width: 750px) {
    .ft-bc .ft-bc__list { grid-auto-columns: minmax(280px, 46%); }
  }
  @media (min-width: 990px) {
    .ft-bc .ft-bc__list {
      grid-auto-flow: row;
      grid-auto-columns: auto;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      margin: 0;
      padding: 0;
      overflow: visible;
    }
    .ft-bc .ft-bc__name { font-size: 21px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-bc .ft-bc__card { transition: none; }
  }
/* END_SECTION:ft-blog-cards */

/* START_SECTION:ft-buy-extras (INDEX:27) */
/* ── Satın alma kutusundaki "Nasıl kullanılır?" butonu ── */
  .ft-buy .ft-xh {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin: 14px 0 0;
    padding: 8px 10px 8px 8px;
    border: 0;
    border-radius: var(--ft-r-md);
    background: var(--ft-card);
    box-shadow: inset 0 0 0 1px var(--ft-line);
    color: var(--ft-ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: box-shadow 0.15s;
  }
  .ft-buy .ft-xh[hidden] { display: none; }
  .ft-buy .ft-xh:hover { box-shadow: inset 0 0 0 1px var(--ft-ink); }
  .ft-buy .ft-xh:focus-visible { outline: 3px solid var(--ft-focus); outline-offset: 2px; }
  .ft-buy .ft-xh__pic {
    position: relative;
    flex: none;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 12px;
    background: var(--ft-ink);
  }
  .ft-buy .ft-xh__pic img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
  .ft-buy .ft-xh__play {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(29, 26, 23, 0.3);
    color: #fff;
  }
  .ft-buy .ft-xh__play svg { width: 22px; height: 22px; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.35)); }
  .ft-buy .ft-xh__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; line-height: 1.25; }
  .ft-buy .ft-xh__txt b { font-size: 15px; font-weight: 800; }
  .ft-buy .ft-xh__txt small { font-size: 12.5px; color: var(--ft-ink-3); }
  .ft-buy .ft-xh__go {
    flex: none;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--ft-paper-2);
  }
  .ft-buy .ft-xh__go svg { width: 16px; height: 16px; transform: rotate(-90deg); }
  .ft-buy .ft-xh--about { margin-top: 10px; }
  .ft-buy .ft-xh__pic--about { display: grid; place-items: center; background: var(--ft-bordo); }
  .ft-buy .ft-xh__pic--logo { background: #fff; box-shadow: inset 0 0 0 1px var(--ft-line); }
  .ft-buy .ft-xh__pic--logo img { object-fit: contain; padding: 6px; box-sizing: border-box; }
  .ft-buy .ft-xh__mark {
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: var(--ft-display-weight);
    font-size: 30px;
    line-height: 1;
    color: var(--ft-paper);
  }

  /* ── Güven rozetleri (güven kutularının üstünde) ── */
  .ft-buy .ft-xb { margin: 22px 0 0; text-align: center; }
  .ft-buy .ft-xb[hidden] { display: none; }
  .ft-buy .ft-xb__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px;
    font: 800 11px / 1.2 var(--ft-body);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ft-bordo);
  }
  .ft-buy .ft-xb__head::before,
  .ft-buy .ft-xb__head::after { content: ""; flex: 1; height: 1px; background: var(--ft-line); }
  .ft-buy .ft-xb__list {
    display: grid;
    grid-template-columns: repeat(var(--ft-xb-n, 3), minmax(0, 1fr));
    gap: 14px 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ft-buy .ft-xb__item { display: flex; flex-direction: column; align-items: center; gap: 7px; min-width: 0; }
  .ft-buy .ft-xb__item[hidden] { display: none; }
  .ft-buy .ft-xb__img { display: block; width: 64px; height: 64px; max-width: none; object-fit: contain; }
  .ft-buy .ft-xb__label { font-size: 12.5px; font-weight: 700; line-height: 1.25; color: var(--ft-ink); }
  .ft-buy .ft-xb__link {
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--ft-bordo);
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
  }
  .ft-buy .ft-xb__link:hover { color: var(--ft-ink); }
  @media (min-width: 990px) {
    .ft-buy .ft-xh { margin-top: 16px; }
    .ft-buy .ft-xb { margin-top: 26px; }
    .ft-buy .ft-xb__img { width: 76px; height: 76px; }
    .ft-buy .ft-xb__label { font-size: 13.5px; }
    .ft-buy .ft-xb__link { font-size: 12.5px; }
  }

  /* ── Popup: mobilde tam ekran, masaüstünde ortada ── */
  html.ft-hp-lock { overflow: hidden; }

  /* ── "Biz kimiz?" popup'ı: mobilde alttan açılan kart, masaüstünde ortada ── */
  .ft-ab {
    position: fixed;
    inset: auto 0 0 0;
    width: 100%;
    max-width: 100%;
    max-height: calc(100% - 48px);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--ft-r-lg) var(--ft-r-lg) 0 0;
    overflow: auto;
    background: var(--ft-paper);
    color: var(--ft-ink);
    font-family: var(--ft-body);
    box-shadow: 0 -20px 60px -20px rgba(0, 0, 0, 0.35);
  }
  .ft-ab:not([open]) { display: none; }
  .ft-ab[open] { animation: ft-hp-in 0.28s cubic-bezier(0.2, 0.8, 0.2, 1); }
  .ft-ab::backdrop {
    background: rgba(29, 26, 23, 0.55);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  .ft-ab .ft-ab__box { position: relative; }
  .ft-ab .ft-ab__x {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--ft-paper-2);
    color: var(--ft-ink);
    cursor: pointer;
  }
  .ft-ab .ft-ab__x:hover { background: var(--ft-line); }
  .ft-ab .ft-ab__x svg { width: 20px; height: 20px; }
  .ft-ab .ft-ab__media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
  .ft-ab .ft-ab__body { padding: 28px var(--ft-gutter) calc(28px + env(safe-area-inset-bottom)); }
  .ft-ab .ft-ab__logo { margin: 0 56px 18px 0; }
  .ft-ab .ft-ab__logo img { display: block; width: auto; max-width: 180px; height: auto; max-height: 48px; object-fit: contain; }
  .ft-ab .ft-ab__eyebrow { margin: 0 56px 10px 0; }
  .ft-ab .ft-ab__title { margin: 0 56px 14px 0; font-size: clamp(32px, 9vw, 44px); color: var(--ft-ink); }
  .ft-ab .ft-ab__text { font-size: 16px; line-height: 1.6; color: var(--ft-ink-2); }
  .ft-ab .ft-ab__text p { margin: 0 0 12px; }
  .ft-ab .ft-ab__text p:last-child { margin-bottom: 0; }
  .ft-ab .ft-ab__text a { color: var(--ft-bordo); }
  .ft-ab .ft-ab__btn { margin-top: 20px; }
  .ft-hp {
    position: fixed;
    inset: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: var(--ft-paper);
    color: var(--ft-ink);
    font-family: var(--ft-body);
  }
  .ft-hp:not([open]) { display: none; }
  .ft-hp[open] { animation: ft-hp-in 0.28s cubic-bezier(0.2, 0.8, 0.2, 1); }
  .ft-hp::backdrop {
    background: rgba(29, 26, 23, 0.55);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  @keyframes ft-hp-in {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: none; }
  }
  .ft-hp .ft-hp__box { position: relative; display: flex; flex-direction: column; height: 100%; }
  .ft-hp .ft-hp__x {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(29, 26, 23, 0.62);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    color: #fff;
    cursor: pointer;
  }
  .ft-hp .ft-hp__x svg { width: 20px; height: 20px; }
  .ft-hp .ft-hp__media {
    position: relative;
    flex: none;
    height: min(46vh, 100vw);
    margin: 0;
    overflow: hidden;
    background: var(--ft-ink);
  }
  .ft-hp .ft-hp__video {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: var(--ft-hp-focus, 50% 34%);
  }
  .ft-hp .ft-hp__cap {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 18px var(--ft-gutter);
    background: linear-gradient(180deg, rgba(29, 26, 23, 0) 55%, rgba(29, 26, 23, 0.72));
    color: #fff;
    pointer-events: none;
  }
  .ft-hp .ft-hp__cap b {
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: var(--ft-display-weight);
    font-size: 24px;
    line-height: 0.95;
    text-transform: uppercase;
  }
  .ft-hp .ft-hp__cap small { margin-top: 5px; font-size: 13px; line-height: 1.3; }
  .ft-hp .ft-hp__sound {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px 0 12px;
    border: 0;
    border-radius: var(--ft-r-pill);
    background: rgba(29, 26, 23, 0.62);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    color: #fff;
    font: 600 var(--ft-fs-sm) / 1 var(--ft-body);
    cursor: pointer;
  }
  .ft-hp .ft-hp__sound::before {
    content: "";
    width: 20px;
    height: 20px;
    flex: none;
    background: currentColor;
    -webkit-mask: var(--ft-hp-ico) center / contain no-repeat;
    mask: var(--ft-hp-ico) center / contain no-repeat;
    --ft-hp-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z'/%3E%3Cpath d='m22 9-6 6M16 9l6 6'/%3E%3C/svg%3E");
  }
  .ft-hp .ft-hp__sound[aria-pressed="true"]::before {
    --ft-hp-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13'/%3E%3C/svg%3E");
  }

  .ft-hp .ft-hp__body { flex: 1; min-height: 0; display: flex; flex-direction: column; }
  .ft-hp .ft-hp__scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 18px var(--ft-gutter) 10px; text-align: center; }
  .ft-hp .ft-hp__eyebrow { margin: 0 0 6px; }
  .ft-hp .ft-hp__title { margin: 0; font-size: clamp(30px, 9vw, 42px); line-height: 0.92; color: var(--ft-ink); }
  .ft-hp .ft-hp__lede { margin: 8px 0 0; font-size: 15px; line-height: 1.45; color: var(--ft-ink-2); }

  .ft-hp .ft-hp__steps { margin-top: 14px; }
  .ft-hp .ft-hp__tabs {
    display: grid;
    grid-template-columns: repeat(var(--ft-hp-n, 3), minmax(0, 1fr));
    border-bottom: 1px solid var(--ft-line-2);
  }
  .ft-hp .ft-hp__tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    min-width: 0;
    margin: 0;
    padding: 12px 4px;
    border: 0;
    background: none;
    color: var(--ft-ink-3);
    text-align: center;
    cursor: pointer;
    transition: color 0.15s;
  }
  .ft-hp .ft-hp__tab::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: transparent;
    transition: background-color 0.15s;
  }
  .ft-hp .ft-hp__tab:hover { color: var(--ft-ink); }
  .ft-hp .ft-hp__tab[aria-selected="true"] { color: var(--ft-bordo); }
  .ft-hp .ft-hp__tab[aria-selected="true"]::after { background: var(--ft-bordo); }
  .ft-hp .ft-hp__n { font: 700 var(--ft-fs-xs) / 1 var(--ft-body); letter-spacing: 0.14em; color: inherit; }
  .ft-hp .ft-hp__word {
    max-width: 100%;
    white-space: nowrap;
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: var(--ft-display-weight);
    font-size: clamp(24px, 7.4vw, 36px);
    line-height: 0.9;
    text-transform: uppercase;
  }
  .ft-hp .ft-hp__panel { padding: 14px 0 0; animation: ft-hp-step 0.25s ease; }
  .ft-hp .ft-hp__panel[hidden] { display: none; }
  .ft-hp .ft-hp__text { max-width: 44ch; margin: 0 auto; font-size: 15.5px; line-height: 1.5; color: var(--ft-ink); }
  @keyframes ft-hp-step {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: none; }
  }

  /* Alt kısım: seçili paket, ana buton (Sepete ekle), ikincil butonlar (Hemen satın al / Diğer ürünleri keşfet) */
  .ft-hp .ft-hp__foot {
    flex: none;
    padding: 12px var(--ft-gutter) calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--ft-line);
    background: var(--ft-paper);
  }
  .ft-hp .ft-hp__pack { margin: 0 0 8px; font-size: 13px; line-height: 1.3; color: var(--ft-ink-2); text-align: center; }
  .ft-hp .ft-hp__pack b { color: var(--ft-ink); }
  .ft-hp .ft-hp__alt { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 8px; }
  .ft-hp .ft-hp__alt--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ft-hp .ft-hp__ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 48px;
    margin: 0;
    padding: 0 16px;
    border: 0;
    border-radius: var(--ft-r-pill);
    background: transparent;
    box-shadow: inset 0 0 0 1.5px var(--ft-ink);
    color: var(--ft-ink);
    font: 700 15px / 1.15 var(--ft-body);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
  }
  .ft-hp .ft-hp__ghost:hover { background: var(--ft-ink); color: var(--ft-paper); }
  .ft-hp .ft-hp__ghost:focus-visible { outline: 3px solid var(--ft-focus); outline-offset: 2px; }
  .ft-hp .ft-hp__ghost svg { flex: none; width: 16px; height: 16px; }
  .ft-hp .ft-hp__ghost[disabled] { opacity: 0.6; cursor: wait; }
  .ft-hp .ft-hp__spin,
  .ft-pdf .ft-pdf__spin {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: ft-hp-spin 0.7s linear infinite;
  }
  .ft-hp .ft-hp__ghost.is-loading .ft-hp__spin,
  .ft-pdf .ft-pdf__spin { display: inline-block; }
  @keyframes ft-hp-spin { to { transform: rotate(360deg); } }

  /* ── Rapor popup'ı (PDF): mobilde tam ekran, masaüstünde ortada ── */
  .ft-pdf {
    position: fixed;
    inset: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: var(--ft-paper);
    color: var(--ft-ink);
    font-family: var(--ft-body);
  }
  .ft-pdf:not([open]) { display: none; }
  .ft-pdf[open] { animation: ft-hp-in 0.28s cubic-bezier(0.2, 0.8, 0.2, 1); }
  .ft-pdf::backdrop {
    background: rgba(29, 26, 23, 0.55);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  .ft-pdf .ft-pdf__box { display: flex; flex-direction: column; height: 100%; }
  .ft-pdf .ft-pdf__bar {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 64px;
    padding: 8px 10px 8px var(--ft-gutter);
    border-bottom: 1px solid var(--ft-line);
    background: var(--ft-paper);
  }
  .ft-pdf .ft-pdf__head { min-width: 0; }
  .ft-pdf .ft-pdf__kicker {
    display: block;
    margin-bottom: 3px;
    font: 800 10.5px / 1.2 var(--ft-body);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ft-bordo);
  }
  .ft-pdf .ft-pdf__title { margin: 0; font: 800 15.5px / 1.25 var(--ft-body); color: var(--ft-ink); }
  .ft-pdf .ft-pdf__x {
    flex: none;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--ft-paper-2);
    color: var(--ft-ink);
    cursor: pointer;
  }
  .ft-pdf .ft-pdf__x:hover { background: var(--ft-line); }
  .ft-pdf .ft-pdf__x svg { width: 20px; height: 20px; }
  .ft-pdf .ft-pdf__body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 16px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: var(--ft-paper-2);
  }
  .ft-pdf .ft-pdf__body:focus-visible { outline: 3px solid var(--ft-focus); outline-offset: -3px; }
  .ft-pdf .ft-pdf__page {
    display: block;
    flex: none;
    width: 100%;
    max-width: 820px;
    height: auto;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 24px -12px rgba(0, 0, 0, 0.4);
  }
  .ft-pdf .ft-pdf__frame { flex: 1; width: 100%; min-height: 100%; border: 0; background: #fff; }
  .ft-pdf .ft-pdf__msg {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: auto;
    font-size: var(--ft-fs-sm);
    color: var(--ft-ink-2);
  }

  @media (min-width: 990px) {
    .ft-hp {
      width: min(980px, calc(100vw - 64px));
      height: min(700px, calc(100vh - 64px));
      margin: auto;
      border-radius: 24px;
      box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.45);
    }
    .ft-hp .ft-hp__box { flex-direction: row; }
    .ft-hp .ft-hp__media { height: 100%; aspect-ratio: 9 / 16; }
    .ft-hp .ft-hp__cap { padding: 24px; }
    .ft-hp .ft-hp__cap b { font-size: 28px; }
    .ft-hp .ft-hp__x { top: 16px; right: 16px; background: var(--ft-paper-2); color: var(--ft-ink); }
    .ft-hp .ft-hp__x:hover { background: var(--ft-line); }
    .ft-hp .ft-hp__scroll {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 56px 48px 20px;
    }
    .ft-hp .ft-hp__title { font-size: 52px; }
    .ft-hp .ft-hp__lede { font-size: var(--ft-fs-md); }
    .ft-hp .ft-hp__steps { margin-top: 28px; }
    .ft-hp .ft-hp__tab { padding: 16px 8px; gap: 8px; }
    .ft-hp .ft-hp__word { font-size: clamp(36px, 3.6vw, 52px); }
    .ft-hp .ft-hp__panel { padding-top: 20px; }
    .ft-hp .ft-hp__text { font-size: 18px; }
    .ft-hp .ft-hp__foot { padding: 16px 48px 32px; border-top: 0; }

    .ft-ab {
      inset: 0;
      width: min(560px, calc(100vw - 64px));
      height: fit-content;
      max-height: calc(100vh - 64px);
      margin: auto;
      border-radius: 20px;
      box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.45);
    }
    .ft-ab .ft-ab__body { padding: 36px 40px 40px; }
    .ft-ab .ft-ab__title { font-size: 44px; }
    .ft-ab .ft-ab__text { font-size: 17px; }

    .ft-pdf {
      width: min(900px, calc(100vw - 64px));
      height: calc(100vh - 64px);
      margin: auto;
      border-radius: 20px;
      box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.45);
    }
    .ft-pdf .ft-pdf__bar { padding: 10px 14px 10px 24px; }
    .ft-pdf .ft-pdf__body { padding: 24px; gap: 16px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-hp[open],
    .ft-pdf[open],
    .ft-ab[open],
    .ft-hp .ft-hp__panel { animation: none; }
    .ft-hp .ft-hp__tab,
    .ft-hp .ft-hp__tab::after,
    .ft-hp .ft-hp__ghost,
    .ft-buy .ft-xh { transition: none; }
  }
/* END_SECTION:ft-buy-extras */

/* START_SECTION:ft-buybox (INDEX:28) */
/*
    Flatter · Satın alma — önce yerleşim, sonra parçalar (başlıklı bölümler):
    "Seçici kutusu" → snippets/ft-buy-swatch, "Galeri slaytı" → ft-buy-media, "Paket kartı" → ft-buy-pack.
    Tüm seçiciler .ft-buy ile başlar (Shopify bütün bölüm stillerini tek dosyada birleştirir).
    Renk / yazı / boşluk: assets/ft-ui.css token'ları (--ft-*). Bölüme özel değişkenler: --ft-buy-gal-m (ayardaki mobil görsel yüksekliği) → --ft-buy-gal-h (slayt yüksekliği).
    Mobil ilk ekran (390×844): hat seçici, görsel, ürün adı, sipariş bilgisi, maddeler ve paketlerin başı görünür;
    "Sepete ekle" ilk ekranın dışında kalırsa alttaki yapışkan bar açılışta görünür (tek dokunuşla sepete ekleme korunur).
  */
  .ft-buy {
    padding: 0 0 40px;
    background: var(--ft-paper);
    color: var(--ft-ink);
    font-family: var(--ft-body);
    font-size: var(--ft-fs-base);
    line-height: 1.5;
    /* #satin-al linkleri: kutu yapışkan başlığın altında kalmasın */
    scroll-margin-top: calc(var(--ft-hd-h) + 12px);
  }
  .ft-buy .ft-buy__mod { position: relative; }
  /* Ayrı "Kategori seçici" bölümü (sections/ft-catnav.liquid): yalnız seçici, kutunun boşlukları yok */
  .ft-buy.ft-buy--catnav { padding: 0; }
  .ft-buy.ft-buy--catnav-alt { background: var(--ft-paper-2); }

  /* ── Ürün hattı seçici: mobilde büyük kartlar yana kayar (3 kart + 4.'nün yarısı görünür, sağda ok ve solma);
        masaüstünde ortalı yatay kartlar. Ok ve açılıştaki küçük kayma ipucu: assets/ft-buy.js ── */
  .ft-buy .ft-buy__lines { padding: 14px 0 8px; }
  .ft-buy .ft-buy__lines-in {
    --ft-sw-w: calc((100vw - var(--ft-gutter)) / 3.55 - 10px);
    position: relative;
    display: flex;
    align-items: flex-start;
  }
  .ft-buy .ft-buy__track {
    position: relative;
    display: flex;
    flex: 1;
    gap: 10px;
    min-width: 0;
    padding: 4px 48px 4px var(--ft-gutter);
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-padding-left: var(--ft-gutter);
    scrollbar-width: none;
    overscroll-behavior-x: contain;
  }
  .ft-buy .ft-buy__lines.is-scrollable:not(.is-end) .ft-buy__track {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 56px), rgba(0, 0, 0, 0.25));
    mask-image: linear-gradient(90deg, #000 calc(100% - 56px), rgba(0, 0, 0, 0.25));
  }
  .ft-buy .ft-buy__track::-webkit-scrollbar { display: none; }
  .ft-buy .ft-buy__all { display: none; }
  .ft-buy .ft-buy__lines-go {
    position: absolute;
    z-index: 2;
    top: calc(4px + var(--ft-sw-w) / 2 - 18px);
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--ft-card);
    box-shadow: 0 4px 14px -4px rgba(29, 26, 23, 0.35), inset 0 0 0 1px var(--ft-line);
    color: var(--ft-ink);
    cursor: pointer;
  }
  .ft-buy .ft-buy__lines-go[hidden] { display: none; }
  .ft-buy .ft-buy__lines-go svg { width: 18px; height: 18px; }
  .ft-buy .ft-buy__lines-go--next { right: 8px; }
  .ft-buy .ft-buy__lines-go--next svg { transform: rotate(-90deg); }
  .ft-buy .ft-buy__lines-go--prev { left: 8px; }
  .ft-buy .ft-buy__lines-go--prev svg { transform: rotate(90deg); }

  /* ── Izgara: mobilde tek sütun, masaüstünde galeri + panel ── */
  .ft-buy .ft-buy__grid { display: grid; grid-template-columns: minmax(0, 1fr); }

  /* Galeri (slayt ve küçük resim stilleri: snippets/ft-buy-media) */
  .ft-buy .ft-buy__gal { position: relative; min-width: 0; }
  .ft-buy .ft-buy__slides {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
  }
  .ft-buy .ft-buy__slides::-webkit-scrollbar { display: none; }
  .ft-buy .ft-buy__thumbs {
    position: absolute;
    right: var(--ft-gutter);
    bottom: 12px;
    z-index: 2;
    display: flex;
    gap: 5px;
    pointer-events: none;
  }
  .ft-buy .ft-buy__nav { display: none; }

  /* Panel */
  .ft-buy .ft-buy__panel { min-width: 0; padding: 20px var(--ft-gutter) 0; }
  .ft-buy .ft-buy__panel form { margin: 0; }
  .ft-buy .ft-buy__kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    font-size: var(--ft-fs-xs);
    font-weight: 600;
    line-height: 1.2;
    color: var(--ft-ink-2);
  }
  .ft-buy .ft-buy__kicker b {
    padding: 3px 5px;
    border-radius: 4px;
    background: var(--ft-bordo);
    color: var(--ft-paper);
    font: 800 11.5px/1 var(--ft-body);
  }
  .ft-buy .ft-buy__title { font-size: clamp(28px, 8.2vw, 44px); color: var(--ft-ink); }
  .ft-buy .ft-buy__sub { margin: 8px 0 0; font-size: 15px; line-height: 1.45; color: var(--ft-ink-2); }

  /* Canlı sipariş bilgisi (gerçek sayılar; bkz. üstteki Liquid notu) */
  .ft-buy .ft-buy__live {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
    margin: 14px 0 0;
    padding: 7px 12px;
    border-radius: var(--ft-r-pill);
    background: color-mix(in srgb, var(--ft-bordo) 9%, var(--ft-paper));
    color: var(--ft-bordo);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.3;
  }
  .ft-buy .ft-buy__live b { font-weight: 800; }
  .ft-buy .ft-buy__live-sep { margin: 0 2px; opacity: 0.6; font-weight: 800; }
  .ft-buy .ft-buy__live-dot {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ft-bordo);
    animation: ft-buy-pulse 2.2s ease-in-out infinite;
  }
  @keyframes ft-buy-pulse {
    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--ft-bordo) 45%, transparent); }
    60% { box-shadow: 0 0 0 6px transparent; }
  }

  /* Paketler (kart stili: snippets/ft-buy-pack) */
  .ft-buy .ft-buy__packs { min-width: 0; margin: 24px 0 0; padding: 0; border: 0; }
  .ft-buy .ft-buy__legend {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.3;
  }
  .ft-buy .ft-buy__legend b { font-size: 12.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
  .ft-buy .ft-buy__legend span { font-size: var(--ft-fs-xs); color: var(--ft-ink-3); text-align: right; }
  .ft-buy .ft-buy__list { display: grid; gap: 8px; }
  .ft-buy .ft-buy__more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--ft-ink);
    font: 700 var(--ft-fs-sm) / 1.2 var(--ft-body);
    cursor: pointer;
  }
  .ft-buy .ft-buy__more[hidden] { display: none; }
  .ft-buy .ft-buy__more-names { font-weight: 500; color: var(--ft-ink-3); }
  .ft-buy .ft-buy__more svg { width: 16px; height: 16px; }

  /* Sepete ekle */
  .ft-buy .ft-buy__cta { margin-top: 10px; }
  .ft-buy .ft-buy__add[disabled] { opacity: 0.45; }
  .ft-buy .ft-buy__spin {
    display: none;
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: ft-buy-spin 0.7s linear infinite;
  }
  .ft-buy .ft-buy__add.is-loading .ft-buy__spin { display: inline-block; }
  @keyframes ft-buy-spin { to { transform: rotate(360deg); } }
  .ft-buy .ft-buy__hint {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-radius: var(--ft-r-sm);
    outline: 1px dashed var(--ft-line-2);
    font-size: var(--ft-fs-sm);
    color: var(--ft-ink-2);
  }
  .ft-buy .ft-buy__msg { margin: 6px 0 0; font-size: var(--ft-fs-sm); text-align: center; }
  .ft-buy .ft-buy__msg:empty { display: none; }
  .ft-buy .ft-buy__msg.is-error { color: var(--ft-bordo); font-weight: 700; }

  /* Butonun altı: kargo, ödeme yöntemleri, güven kutuları */
  .ft-buy .ft-buy__ship {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 14px 0 0;
    font-size: var(--ft-fs-sm);
    line-height: 1.4;
    color: var(--ft-ink-2);
  }
  .ft-buy .ft-buy__ship svg { flex: none; width: 20px; height: 20px; color: var(--ft-bordo); }
  .ft-buy .ft-buy__ship b { color: var(--ft-ink); }
  /* Hediye notu (sepet çekmecesindeki "Hediye ürün" kampanyası) */
  .ft-buy .ft-buy__gift { margin-top: 6px; color: var(--ft-ink); font-weight: 600; }
  /* Maddeler: başlığın altında, hatla birlikte değişir */
  .ft-buy .ft-buy__checks { display: grid; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
  .ft-buy .ft-buy__checks li { display: flex; gap: 10px; font-size: 14.5px; line-height: 1.4; color: var(--ft-ink); }
  .ft-buy .ft-buy__checks svg { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--ft-bordo); }

  /* Ödeme yöntemleri: ortalı beyaz etiketler */
  .ft-buy .ft-buy__pay {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }
  .ft-buy .ft-buy__pay li {
    padding: 5px 9px;
    border: 1px solid var(--ft-line);
    border-radius: 7px;
    background: #fff;
    color: var(--ft-ink-3);
    font: 700 11px/1.2 var(--ft-body);
    letter-spacing: 0.04em;
  }

  /* Güven kutuları: açık zeminli kart, ikon üstte, ortalı (4 kutuda mobilde 2, masaüstünde 4 sütun; daha azında tek sıra) */
  .ft-buy .ft-buy__trust {
    display: grid;
    grid-template-columns: repeat(var(--ft-trust-m, 2), minmax(0, 1fr));
    gap: 14px 6px;
    margin: 20px 0 0;
    padding: 20px 10px;
    border-radius: var(--ft-r-md);
    background: var(--ft-paper-2);
  }
  .ft-buy .ft-buy__trust > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 4px;
    text-align: center;
  }
  .ft-buy .ft-buy__trust svg { width: 24px; height: 24px; margin-bottom: 5px; color: var(--ft-ink); }
  .ft-buy .ft-buy__trust b { font-size: 13.5px; font-weight: 800; line-height: 1.2; color: var(--ft-ink); }
  .ft-buy .ft-buy__trust small { font-size: 12px; line-height: 1.3; color: var(--ft-ink-3); }

  /* ── Yapışkan bar (sadece mobil). Görünürlük: ft-buy.js data-ft="on|off"; yüklenmeden önce v4.js .is-on ── */
  .ft-buy .ft-buy__sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 45;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px var(--ft-gutter) calc(10px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--ft-line);
    background: var(--ft-paper);
    background: color-mix(in srgb, var(--ft-paper) 96%, transparent);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: translateY(110%);
    visibility: hidden;
    transition: transform 0.25s ease, visibility 0s linear 0.25s;
  }
  .ft-buy .ft-buy__sticky.is-on:not([data-ft]),
  .ft-buy .ft-buy__sticky[data-ft="on"] {
    transform: none;
    visibility: visible;
    transition: transform 0.25s ease;
  }
  .ft-buy .ft-buy__sticky-img {
    flex: none;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: var(--ft-r-sm);
    background: var(--ft-paper-2);
  }
  .ft-buy .ft-buy__sticky-pic { display: block; width: 100%; height: 100%; }
  .ft-buy .ft-buy__sticky-pic[hidden] { display: none; }
  .ft-buy .ft-buy__sticky-img img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: 66% 62%;
  }
  .ft-buy .ft-buy__sticky-info { flex: 1; min-width: 0; line-height: 1.2; }
  .ft-buy .ft-buy__sticky-info b,
  .ft-buy .ft-buy__sticky-info small {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .ft-buy .ft-buy__sticky-info b { font-size: 15px; }
  .ft-buy .ft-buy__sticky-info small { margin-top: 2px; font-size: 12px; color: var(--ft-ink-3); }
  .ft-buy .ft-buy__sticky-add { --h: 50px; flex: none; padding: 0 18px; font-size: 16.5px; font-stretch: 80%; }

  /* Mobil görsel yüksekliği bölüm ayarından (--ft-buy-gal-m); tablette sabit, masaüstünde 4:3 */
  .ft-buy { --ft-buy-gal-h: var(--ft-buy-gal-m, 204px); }
  @media (min-width: 600px) {
    .ft-buy { --ft-buy-gal-h: 380px; }
  }
  @media (min-width: 990px) {
    .ft-buy { padding-bottom: 72px; }
    .ft-buy .ft-buy__lines { padding: 18px 0 2px; }
    .ft-buy .ft-buy__lines-in {
      justify-content: center;
      max-width: calc(var(--ft-maxw) + var(--ft-gutter) * 2);
      margin: 0 auto;
      padding: 0 var(--ft-gutter);
    }
    .ft-buy .ft-buy__track,
    .ft-buy .ft-buy__lines.is-scrollable:not(.is-end) .ft-buy__track {
      flex: 0 1 auto;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px;
      padding: 4px;
      overflow: visible;
      -webkit-mask-image: none;
      mask-image: none;
    }
    .ft-buy .ft-buy__lines-go { display: none; }
    .ft-buy .ft-buy__all {
      display: flex;
      flex: none;
      align-items: center;
      gap: 6px;
      min-height: 44px;
      padding-left: 16px;
      color: var(--ft-ink);
      font-size: var(--ft-fs-sm);
      font-weight: 700;
      text-decoration: none;
    }
    .ft-buy .ft-buy__all:hover { color: var(--ft-bordo); }
    .ft-buy .ft-buy__all svg { width: 16px; height: 16px; }

    .ft-buy .ft-buy__grid {
      grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
      gap: 56px;
      align-items: start;
      max-width: calc(var(--ft-maxw) + var(--ft-gutter) * 2);
      margin: 0 auto;
      padding: 18px var(--ft-gutter) 0;
    }
    .ft-buy .ft-buy__grid--solo { grid-template-columns: minmax(0, 640px); justify-content: center; }
    .ft-buy .ft-buy__gal { position: sticky; top: calc(var(--ft-hd-h) + 20px); }
    .ft-buy .ft-buy__slides { border-radius: var(--ft-r-lg); }
    .ft-buy .ft-buy__thumbs {
      position: static;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 12px;
      pointer-events: auto;
    }
    .ft-buy .ft-buy__nav {
      position: absolute;
      top: calc(50% - 64px);
      z-index: 2;
      display: grid;
      place-items: center;
      width: 44px;
      height: 44px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: var(--ft-card);
      background: color-mix(in srgb, var(--ft-card) 94%, transparent);
      box-shadow: 0 4px 14px -6px rgba(0, 0, 0, 0.3);
      color: var(--ft-ink);
      cursor: pointer;
    }
    .ft-buy .ft-buy__nav svg { width: 22px; height: 22px; }
    .ft-buy .ft-buy__nav--prev { left: 16px; }
    .ft-buy .ft-buy__nav--prev svg { transform: rotate(90deg); }
    .ft-buy .ft-buy__nav--next { right: 16px; }
    .ft-buy .ft-buy__nav--next svg { transform: rotate(-90deg); }

    .ft-buy .ft-buy__panel { padding: 4px 0 0; }
    .ft-buy .ft-buy__kicker { margin-bottom: 8px; }
    .ft-buy .ft-buy__title { font-size: 46px; }
    .ft-buy .ft-buy__sub { margin-top: 10px; font-size: var(--ft-fs-md); }
    .ft-buy .ft-buy__live { margin-top: 16px; font-size: 13px; }
    .ft-buy .ft-buy__checks { margin-top: 18px; }
    .ft-buy .ft-buy__checks li { font-size: 15px; }
    .ft-buy .ft-buy__packs { margin-top: 26px; }
    .ft-buy .ft-buy__cta { margin-top: 14px; }
    .ft-buy .ft-buy__add { font-size: 21px; }
    .ft-buy .ft-buy__trust { grid-template-columns: repeat(var(--ft-trust-d, 4), minmax(0, 1fr)); }
    .ft-buy .ft-buy__sticky { display: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-buy .ft-buy__sticky { transition: none; }
    .ft-buy .ft-buy__spin,
    .ft-buy .ft-buy__live-dot { animation: none; }
  }
  /* ═════════ Seçici kartı — snippets/ft-buy-swatch.liquid ═════════ */
  /* Mobil: üstte kare görsel (seçili: siyah halka), altında ad, alt ad ve fiyat. Yakında: görselde etiket, seçilemez. */
  .ft-buy .ft-sw {
    position: relative;
    flex: 0 0 var(--ft-sw-w, 96px);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    color: var(--ft-ink);
    font: inherit;
    text-align: left;
    white-space: normal;
    text-decoration: none;
    cursor: pointer;
    scroll-snap-align: start;
  }
  .ft-buy .ft-sw:focus-visible { outline: 3px solid var(--ft-focus); outline-offset: 4px; border-radius: 16px; }
  .ft-buy .ft-sw__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 16px;
    background: var(--ft-sw-accent, var(--ft-bordo));
    box-shadow: 0 0 0 1px var(--ft-line);
    transition: box-shadow 0.15s, transform 0.2s;
  }
  .ft-buy .ft-sw:hover .ft-sw__media { transform: translateY(-2px); }
  .ft-buy .ft-sw[aria-selected="true"] .ft-sw__media,
  .ft-buy a.ft-sw[aria-current] .ft-sw__media { box-shadow: 0 0 0 2px var(--ft-paper), 0 0 0 4px var(--ft-ink); }
  .ft-buy .ft-sw__media img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }
  /* Görselsiz hat: şişe etiketi gibi renkli kare */
  .ft-buy .ft-sw__art {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px;
    color: var(--ft-sw-ink, var(--ft-on-dark));
    text-align: center;
  }
  .ft-buy .ft-sw__brand {
    font: 800 9px / 1 var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    opacity: 0.85;
  }
  .ft-buy .ft-sw__mark {
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: 900;
    font-size: 30px;
    line-height: 0.9;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .ft-buy .ft-sw__mark--long { font-size: 21px; }
  .ft-buy .ft-sw__soon {
    position: absolute;
    left: 7px;
    bottom: 7px;
    padding: 4px 6px;
    border-radius: 5px;
    background: var(--ft-paper);
    color: var(--ft-ink);
    font: 800 9.5px / 1.1 var(--ft-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .ft-buy .ft-sw--soon { cursor: default; }
  .ft-buy a.ft-sw--soon { cursor: pointer; }
  .ft-buy .ft-sw--soon:hover .ft-sw__media { transform: none; }
  .ft-buy .ft-sw--soon .ft-sw__media > img,
  .ft-buy .ft-sw--soon .ft-sw__art { opacity: 0.8; }

  .ft-buy .ft-sw__txt { display: flex; flex-direction: column; gap: 3px; line-height: 1.2; }
  .ft-buy .ft-sw__txt b { display: flex; flex-direction: column; gap: 2px; font-weight: 700; }
  .ft-buy .ft-sw__name { font-size: 13px; font-weight: 800; }
  .ft-buy .ft-sw__sub { font-size: 11.5px; font-weight: 500; color: var(--ft-ink-2); }
  .ft-buy .ft-sw__note { font-size: 12px; font-weight: 700; color: var(--ft-bordo); }
  .ft-buy .ft-sw--soon .ft-sw__name { color: var(--ft-ink-2); }

  /* Masaüstü: yatay kart (görsel solda), ortalı tek sıra */
  @media (min-width: 990px) {
    .ft-buy .ft-sw {
      flex: 0 0 auto;
      flex-direction: row;
      align-items: center;
      gap: 14px;
      width: 260px;
      min-height: 88px;
      padding: 8px 16px 8px 8px;
      border-radius: 18px;
      background: var(--ft-card);
      box-shadow: inset 0 0 0 1px var(--ft-line);
      transition: box-shadow 0.15s, background-color 0.15s;
    }
    .ft-buy .ft-sw:hover { box-shadow: inset 0 0 0 1px var(--ft-line-2); }
    .ft-buy .ft-sw[aria-selected="true"],
    .ft-buy a.ft-sw[aria-current] { background: #fff; box-shadow: inset 0 0 0 2px var(--ft-ink); }
    .ft-buy .ft-sw__media,
    .ft-buy .ft-sw[aria-selected="true"] .ft-sw__media,
    .ft-buy a.ft-sw[aria-current] .ft-sw__media { flex: none; width: 72px; border-radius: 12px; box-shadow: none; }
    .ft-buy .ft-sw__art { gap: 3px; padding: 6px; }
    .ft-buy .ft-sw:hover .ft-sw__media { transform: none; }
    .ft-buy .ft-sw__brand { font-size: 7px; }
    .ft-buy .ft-sw__mark { font-size: 19px; }
    .ft-buy .ft-sw__mark--long { font-size: 14px; }
    .ft-buy .ft-sw__soon { left: 4px; right: 4px; bottom: 4px; padding: 3px 0; font-size: 7.5px; text-align: center; }
    .ft-buy .ft-sw__name { font-size: 15px; }
    .ft-buy .ft-sw__sub { font-size: 12.5px; }
    .ft-buy .ft-sw__note { font-size: 13px; }
    .ft-buy .ft-sw--soon {
      background: transparent;
      box-shadow: none;
      outline: 1px dashed var(--ft-line-2);
      outline-offset: -1px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-buy .ft-sw,
    .ft-buy .ft-sw__media { transition: none; }
  }

  /* ═════════ Galeri slaytı ve küçük resim — snippets/ft-buy-media.liquid ═════════ */
  /* Galeri slaytı: mobilde bölüm ayarına göre kare / dikey / yatay şerit, tablette 380 px, masaüstünde 4:3.
     "Mobil görsel" seçilen slaytta görsel <picture> içindedir; kurallar hem img hem picture > img için yazılır. */
  .ft-buy .ft-buy__slide {
    position: relative;
    flex: 0 0 100%;
    height: var(--ft-buy-gal-h, 204px);
    overflow: hidden;
    scroll-snap-align: start;
    background: var(--ft-paper-2);
  }
  .ft-buy .ft-buy__slide > picture { display: block; width: 100%; height: 100%; }
  .ft-buy .ft-buy__slide > img,
  .ft-buy .ft-buy__slide > picture > img,
  .ft-buy .ft-buy__slide > video,
  .ft-buy .ft-buy__slide > .ft-buy__ph {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: 50% 50%;
  }
  /* Kırpma odağı */
  .ft-buy .ft-buy__slide--right > img,
  .ft-buy .ft-buy__slide--right > picture > img,
  .ft-buy .ft-buy__slide--right > video { object-position: 76% 50%; }
  .ft-buy .ft-buy__slide--left > img,
  .ft-buy .ft-buy__slide--left > picture > img,
  .ft-buy .ft-buy__slide--left > video { object-position: 24% 50%; }
  .ft-buy .ft-buy__slide--top > img,
  .ft-buy .ft-buy__slide--top > picture > img,
  .ft-buy .ft-buy__slide--top > video { object-position: 50% 18%; }
  .ft-buy .ft-buy__slide--bottom > img,
  .ft-buy .ft-buy__slide--bottom > picture > img,
  .ft-buy .ft-buy__slide--bottom > video { object-position: 50% 82%; }
  /* Mobil biçim (bölüm ayarı "Mobilde görsel biçimi"); yatay şeritte yükseklik --ft-buy-gal-h */
  @media (max-width: 599px) {
    .ft-buy.ft-buy--gal-square .ft-buy__slide { height: auto; aspect-ratio: 1 / 1; }
    .ft-buy.ft-buy--gal-portrait .ft-buy__slide { height: auto; aspect-ratio: 4 / 5; }
  }

  /* Görselin üstündeki yazı (ilk görselde sayfanın H1'i olabilir). Bloktaki ayarlar snippets/ft-buy-media.liquid'de
     CSS değişkeni (--ov-*) ve sınıf olarak gelir; ayar yoksa aşağıdaki varsayılanlar (tasarımdaki hali) geçerli.
     Konum: dikey (üst / orta / alt) ve yatay (sol / orta / sağ) sınıfları --_t/--_b/--_l/--_r'yi kurar; mobil < 600 px,
     masaüstü 600 px ve üstü. Kenar boşluğu ve yazı alanı genişliği 990 px'e kadar mobil, sonrası masaüstü değerleri. */
  .ft-buy .ft-buy__over {
    --_x: var(--ov-x-m, var(--ft-gutter));
    --_y: var(--ov-y-m, 18px);
    --_t: var(--_y); --_b: auto; --_l: var(--_x); --_r: auto; --_ta: left;
    position: absolute;
    z-index: 1;
    top: var(--_t);
    bottom: var(--_b);
    left: var(--_l);
    right: var(--_r);
    width: fit-content;
    height: fit-content;
    max-width: var(--ov-w-m, 47%);
    margin: auto;
    color: var(--ov-c, var(--ft-bordo));
    text-align: var(--ov-ta, var(--_ta));
    pointer-events: none;
  }
  .ft-buy .ft-buy__over--ink { color: var(--ov-c, var(--ft-ink)); }
  .ft-buy .ft-buy__over--cream { color: var(--ov-c, var(--ft-on-dark)); }
  .ft-buy .ft-buy__over--mv-top { --_t: var(--_y); --_b: auto; }
  .ft-buy .ft-buy__over--mv-middle { --_t: 0; --_b: 0; }
  .ft-buy .ft-buy__over--mv-bottom { --_t: auto; --_b: var(--_y); }
  .ft-buy .ft-buy__over--mh-left { --_l: var(--_x); --_r: auto; --_ta: left; }
  .ft-buy .ft-buy__over--mh-center { --_l: var(--_x); --_r: var(--_x); --_ta: center; }
  .ft-buy .ft-buy__over--mh-right { --_l: auto; --_r: var(--_x); --_ta: right; }
  .ft-buy .ft-buy__over .ft-disp {
    margin: 0;
    font-size: var(--ov-fs-m, 28px);
    line-height: var(--ov-lh, 0.9);
    color: inherit;
    text-wrap: balance;
  }
  .ft-buy .ft-buy__over[style*="--ov-ls"] .ft-disp { letter-spacing: var(--ov-ls); }
  .ft-buy .ft-buy__over--fw-400 .ft-disp { font-weight: 400; }
  .ft-buy .ft-buy__over--fw-500 .ft-disp { font-weight: 500; }
  .ft-buy .ft-buy__over--fw-600 .ft-disp { font-weight: 600; }
  .ft-buy .ft-buy__over--fw-700 .ft-disp { font-weight: 700; }
  .ft-buy .ft-buy__over--fw-800 .ft-disp { font-weight: 800; }
  .ft-buy .ft-buy__over--fw-900 .ft-disp { font-weight: 900; }
  .ft-buy .ft-buy__over--tt-none .ft-disp { text-transform: none; }
  .ft-buy .ft-buy__over--ff-body .ft-disp { font-family: var(--ft-body); font-stretch: 100%; line-height: var(--ov-lh, 1.1); }
  /* Satır kırma: dengeli (varsayılan), otomatik (satırı doldurur), sadece Enter (satırlar elle) */
  .ft-buy .ft-buy__over--wrap-normal .ft-disp { text-wrap: wrap; }
  .ft-buy .ft-buy__over--wrap-manual { max-width: none; }
  .ft-buy .ft-buy__over--wrap-manual .ft-disp { white-space: nowrap; text-wrap: nowrap; }
  /* Zemin: okunurluk için yazının arkasına kutu */
  .ft-buy .ft-buy__over--bg-light,
  .ft-buy .ft-buy__over--bg-dark { padding: 12px 16px; border-radius: var(--ft-r-md, 12px); }
  .ft-buy .ft-buy__over--bg-light { background: rgba(245, 239, 227, 0.86); }
  .ft-buy .ft-buy__over--bg-dark { background: rgba(29, 26, 23, 0.6); }
  .ft-buy .ft-buy__over .ft-eyebrow { display: none; }
  .ft-buy .ft-buy__over--eb-m .ft-eyebrow { display: block; margin-bottom: 8px; color: inherit; opacity: 0.8; }
  /* Mobil başlık doluysa telefonda o, diğer ekranlarda büyük başlık */
  .ft-buy .ft-buy__ov-m { display: none; }
  @media (max-width: 599px) {
    .ft-buy .ft-buy__ov-d { display: none; }
    .ft-buy .ft-buy__ov-m { display: inline; }
  }
  @media (min-width: 600px) {
    .ft-buy .ft-buy__over--dv-top { --_t: var(--_y); --_b: auto; }
    .ft-buy .ft-buy__over--dv-middle { --_t: 0; --_b: 0; }
    .ft-buy .ft-buy__over--dv-bottom { --_t: auto; --_b: var(--_y); }
    .ft-buy .ft-buy__over--dh-left { --_l: var(--_x); --_r: auto; --_ta: left; }
    .ft-buy .ft-buy__over--dh-center { --_l: var(--_x); --_r: var(--_x); --_ta: center; }
    .ft-buy .ft-buy__over--dh-right { --_l: auto; --_r: var(--_x); --_ta: right; }
  }

  /* Video etiketi */
  .ft-buy .ft-buy__slide:has(video)::after {
    content: "";
    position: absolute;
    inset: 45% 0 0;
    background: linear-gradient(180deg, transparent, rgba(29, 26, 23, 0.55));
    pointer-events: none;
  }
  .ft-buy .ft-buy__cap {
    position: absolute;
    z-index: 1;
    left: var(--ft-gutter);
    bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font: 700 13px/1.2 var(--ft-body);
    pointer-events: none;
  }
  .ft-buy .ft-buy__cap-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--ft-card);
    background: color-mix(in srgb, var(--ft-card) 94%, transparent);
    color: var(--ft-bordo);
  }
  .ft-buy .ft-buy__cap-icon svg { width: 14px; height: 14px; margin-left: 2px; }

  /* Küçük resimler: mobilde nokta (kaydırma asıl hareket), masaüstünde görsel */
  .ft-buy .ft-buy__thumb {
    position: relative;
    width: 6px;
    height: 6px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 3px;
    background: rgba(29, 26, 23, 0.3);
    cursor: pointer;
    transition: width 0.2s, background-color 0.2s, opacity 0.15s;
  }
  .ft-buy .ft-buy__thumb img,
  .ft-buy .ft-buy__thumb-play { display: none; }
  .ft-buy .ft-buy__thumb[aria-current="true"] { width: 18px; background: var(--ft-ink); }

  @media (min-width: 600px) {
    .ft-buy .ft-buy__over .ft-disp { font-size: var(--ov-fs-t, 44px); }
  }
  @media (min-width: 990px) {
    .ft-buy .ft-buy__slide { height: auto; aspect-ratio: 4 / 3; }
    .ft-buy .ft-buy__slide--right > img,
    .ft-buy .ft-buy__slide--right > picture > img,
    .ft-buy .ft-buy__slide--right > video { object-position: 68% 50%; }
    .ft-buy .ft-buy__over { --_x: var(--ov-x-d, 36px); --_y: var(--ov-y-d, 34px); max-width: var(--ov-w-d, 62%); }
    .ft-buy .ft-buy__over--wrap-manual { max-width: none; }
    .ft-buy .ft-buy__over .ft-disp { font-size: var(--ov-fs-d, 52px); }
    .ft-buy .ft-buy__over .ft-eyebrow { display: block; margin-bottom: 14px; color: var(--ft-ink-2); opacity: 1; }
    .ft-buy .ft-buy__over[style*="--ov-c"] .ft-eyebrow { color: inherit; opacity: 0.8; }
    .ft-buy .ft-buy__over--cream .ft-eyebrow { color: var(--ft-on-dark-2); }
    .ft-buy .ft-buy__cap { left: 24px; bottom: 22px; }

    .ft-buy .ft-buy__thumb {
      width: 72px;
      height: 72px;
      border-radius: var(--ft-r-sm);
      background: var(--ft-paper-2);
      opacity: 0.62;
    }
    .ft-buy .ft-buy__thumb:hover { opacity: 1; }
    .ft-buy .ft-buy__thumb img {
      display: block;
      width: 100%;
      height: 100%;
      max-width: none;
      object-fit: cover;
    }
    .ft-buy .ft-buy__thumb-play {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      background: rgba(29, 26, 23, 0.25);
      color: #fff;
    }
    .ft-buy .ft-buy__thumb[aria-current="true"] {
      width: 72px;
      background: var(--ft-paper-2);
      opacity: 1;
      outline: 2px solid var(--ft-ink);
      outline-offset: 2px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-buy .ft-buy__thumb { transition: none; }
  }

  /* ═════════ Paket kartı — snippets/ft-buy-pack.liquid ═════════ */
  /*
    Paket kartı. Izgara: [radyo] [ad] [rozet] ........ [fiyat]
                         [radyo] [içerik satırı] ..... [Tekli ~~718 TL~~]
                         [radyo] [kazanç satırı — sadece seçili pakette]
    .v4-pack (v4.css) stilini ezmek için tüm kurallar ".ft-buy .ft-pack" ile başlar.
  */
  .ft-buy .ft-pack {
    position: relative;
    display: grid;
    grid-template-columns: 20px auto minmax(0, 1fr) auto;
    grid-template-areas: "r n b p" "r s s p" "r v v v";
    gap: 0 12px;
    align-items: center;
    min-height: 54px;
    margin: 0;
    padding: 8px 14px;
    border: 0;
    border-radius: var(--ft-r-md);
    background: var(--ft-card);
    box-shadow: inset 0 0 0 1px var(--ft-line);
    color: var(--ft-ink);
    cursor: pointer;
    transition: box-shadow 0.15s, background-color 0.15s;
  }
  .ft-buy .ft-pack[hidden] { display: none; }
  .ft-buy .ft-pack:hover { box-shadow: inset 0 0 0 1px var(--ft-line-2); }
  .ft-buy .ft-pack::before {
    content: "";
    grid-area: r;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px var(--ft-line-2);
    transition: box-shadow 0.15s;
  }
  .ft-buy .ft-pack input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    opacity: 0;
    cursor: pointer;
  }
  .ft-buy .ft-pack:has(input:checked) {
    background: #fff;
    box-shadow: inset 0 0 0 2px var(--ft-ink);
  }
  .ft-buy .ft-pack:has(input:checked)::before { box-shadow: inset 0 0 0 6px var(--ft-bordo); }
  .ft-buy .ft-pack:has(input:focus-visible) { outline: 3px solid var(--ft-focus); outline-offset: 2px; }
  .ft-buy .ft-pack.is-off { opacity: 0.5; cursor: not-allowed; }
  .ft-buy .ft-pack.is-off input { cursor: not-allowed; }

  .ft-buy .ft-pack__name { grid-area: n; font-weight: 700; font-size: 15.5px; line-height: 1.2; }
  .ft-buy .ft-pack__badge {
    grid-area: b;
    justify-self: start;
    padding: 4px 6px;
    border-radius: 4px;
    background: var(--ft-bordo);
    color: var(--ft-paper);
    font: 800 10px/1 var(--ft-body);
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .ft-buy .ft-pack__badge--ink { background: var(--ft-ink); }
  .ft-buy .ft-pack__sub { grid-area: s; font-size: var(--ft-fs-xs); line-height: 1.3; color: var(--ft-ink-3); }
  .ft-buy .ft-pack__price {
    grid-area: p;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
    text-align: right;
  }
  .ft-buy .ft-pack__price b {
    font-weight: 800;
    font-size: 16px;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .ft-buy .ft-pack__was { font-size: 12px; color: var(--ft-ink-3); white-space: nowrap; }
  .ft-buy .ft-pack__was s { text-decoration-thickness: 1px; }
  /* Kazanç satırı: karar anında, sadece seçili pakette */
  .ft-buy .ft-pack__save {
    grid-area: v;
    display: none;
    margin-top: 3px;
    padding-top: 4px;
    border-top: 1px dashed var(--ft-line);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--ft-bordo);
  }
  .ft-buy .ft-pack:has(input:checked) .ft-pack__save { display: block; }
  .ft-buy .ft-pack .ft-pack__hint { display: block; color: var(--ft-ink-2); font-weight: 600; }

  @media (min-width: 990px) {
    .ft-buy .ft-pack { padding: 8px 18px; }
    .ft-buy .ft-pack__sub { font-size: 13px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-buy .ft-pack,
    .ft-buy .ft-pack::before { transition: none; }
  }
/* END_SECTION:ft-buybox */

/* START_SECTION:ft-catnav (INDEX:29) */
.ft-catnav .ft-catnav__head { padding-top: 22px; }
  .ft-catnav .ft-catnav__title { margin: 0; }
  .ft-catnav__hint {
    margin: 12px auto;
    padding: 10px 12px;
    outline: 1px dashed var(--ft-line-2);
    font: 500 var(--ft-fs-sm) / 1.4 var(--ft-body);
    color: var(--ft-ink-2);
  }
  .ft-catnav[data-ft-filled] .ft-catnav__hint { display: none; }

  /* Kart yazıları: bölüm ayarı "Kart yazılarının boyutu" (--ft-catnav-fs, 1 = satın alma kutusundaki boyut) */
  .ft-buy.ft-catnav .ft-sw .ft-sw__name { font-size: calc(13px * var(--ft-catnav-fs, 1)); }
  .ft-buy.ft-catnav .ft-sw .ft-sw__sub { font-size: calc(11.5px * var(--ft-catnav-fs, 1)); }
  .ft-buy.ft-catnav .ft-sw .ft-sw__note { font-size: calc(12px * var(--ft-catnav-fs, 1)); }

  /* Kart rozeti (ör. YENİ): görselin sol üst köşesi */
  .ft-buy.ft-catnav .ft-sw__badge {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 1;
    padding: 4px 7px;
    border-radius: 999px;
    background: var(--ft-bordo);
    color: var(--ft-paper);
    font: 800 9.5px / 1.1 var(--ft-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 2px 6px -2px rgba(29, 26, 23, 0.4);
  }
  .ft-buy.ft-catnav .ft-sw__badge--ink { background: var(--ft-ink); color: var(--ft-paper); }
  .ft-buy.ft-catnav .ft-sw__badge--cream { background: var(--ft-paper); color: var(--ft-ink); }

  /* ── Kayan şerit (.is-mq: betik kurar). Seçiciler ft-buybox'taki satır kurallarını ezecek kadar özgül. ── */
  .ft-buy.ft-catnav.is-mq[data-ft-catnav] .ft-buy__lines-in {
    --ft-sw-w: calc((100vw - var(--ft-gutter)) / 3.25 - 10px);
    --ft-mq-gap: 10px;
    display: block;
    max-width: none;
    margin: 0;
    padding: 0;
  }
  .ft-buy.ft-catnav.is-mq[data-ft-catnav] .ft-buy__lines-in .ft-buy__track {
    display: block;
    padding: 6px 0;
    overflow: hidden;
    overflow: clip;
    scroll-snap-type: none;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 18px, #000 calc(100% - 18px), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 18px, #000 calc(100% - 18px), transparent);
  }
  .ft-buy.ft-catnav.is-mq[data-ft-catnav] .ft-buy__lines-go,
  .ft-buy.ft-catnav.is-mq[data-ft-catnav] .ft-buy__all { display: none; }
  .ft-catnav .ft-mq__belt {
    display: flex;
    width: max-content;
    animation: ft-mq-run var(--ft-mq-dur, 30s) linear infinite;
    will-change: transform;
  }
  .ft-catnav[data-mq-dir="right"] .ft-mq__belt { animation-direction: reverse; }
  .ft-catnav[data-mq-pause] .ft-buy__track:hover .ft-mq__belt,
  .ft-catnav .ft-buy__track:focus-within .ft-mq__belt { animation-play-state: paused; }
  .ft-catnav .ft-mq__group {
    display: flex;
    flex: none;
    align-items: flex-start;
    gap: var(--ft-mq-gap, 10px);
    padding-right: var(--ft-mq-gap, 10px);
  }
  @keyframes ft-mq-run {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
  }

  @media (min-width: 990px) {
    .ft-catnav .ft-catnav__head { padding-top: 30px; text-align: center; }
    .ft-buy.ft-catnav .ft-sw .ft-sw__name { font-size: calc(15px * var(--ft-catnav-fs, 1)); }
    .ft-buy.ft-catnav .ft-sw .ft-sw__sub { font-size: calc(12.5px * var(--ft-catnav-fs, 1)); }
    .ft-buy.ft-catnav .ft-sw .ft-sw__note { font-size: calc(13px * var(--ft-catnav-fs, 1)); }
    .ft-buy.ft-catnav .ft-sw__badge { top: 4px; left: 4px; padding: 3px 5px; font-size: 8px; }
    .ft-buy.ft-catnav.is-mq[data-ft-catnav] .ft-buy__lines-in { --ft-mq-gap: 14px; }
    .ft-buy.ft-catnav.is-mq[data-ft-catnav] .ft-buy__lines-in .ft-buy__track {
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 64px, #000 calc(100% - 64px), transparent);
      mask-image: linear-gradient(90deg, transparent, #000 64px, #000 calc(100% - 64px), transparent);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-catnav .ft-mq__belt { animation: none; }
  }
/* END_SECTION:ft-catnav */

/* START_SECTION:ft-closing (INDEX:30) */
.ft-close {
    padding: 64px 0 60px;
    overflow: hidden;
    background: var(--ft-bordo);
    color: var(--ft-on-dark);
    font-family: var(--ft-body);
    text-align: center;
  }
  .ft-close .ft-close__title {
    font-size: var(--ft-fs-mega);
    line-height: 0.85;
    color: var(--ft-on-dark);
  }
  .ft-close .ft-close__title > span { display: block; }
  .ft-close .ft-close__text {
    max-width: 48ch;
    margin: 18px auto 24px;
    font-size: var(--ft-fs-md);
    line-height: 1.5;
    color: var(--ft-on-dark-2);
  }
  .ft-close .ft-close__title + .ft-close__btn { margin-top: 28px; }
  .ft-close .ft-close__btn { min-width: min(100%, 360px); }
  .ft-close .ft-close__pack {
    margin: 10px 0 0;
    font-size: var(--ft-fs-sm);
    line-height: 1.5;
    color: var(--ft-on-dark-2);
  }
  /* Paket adı gelmediyse (JS yok / kutu bu sayfada değil) satırı gösterme */
  .ft-close .ft-close__pack:has([data-ft-pack]:empty) { display: none; }
  .ft-close .ft-close__pack a {
    display: inline-block;
    padding: 12px 2px;
    color: inherit;
    font-weight: 700;
    text-underline-offset: 3px;
  }
  .ft-close .ft-close__pack a:hover { color: #fff; }

  @media (min-width: 990px) {
    .ft-close { padding: 104px 0 92px; }
    .ft-close .ft-close__title { font-size: clamp(96px, 10.5vw, 148px); }
    .ft-close .ft-close__btn { font-size: 21px; }
  }
/* END_SECTION:ft-closing */

/* START_SECTION:ft-collection (INDEX:31) */
.ft-coll .ft-coll__crumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 18px;
    font-size: var(--ft-fs-xs);
    color: var(--ft-ink-3);
  }
  .ft-coll .ft-coll__crumbs a { color: var(--ft-ink-2); text-decoration: none; }
  .ft-coll .ft-coll__crumbs a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .ft-coll .ft-coll__head h1 { margin: 0; }

  /* Hızlı geçiş: gruplara giden yuvarlak etiketler (mobilde yana kayar) */
  .ft-coll .ft-coll__jump {
    display: flex;
    gap: 8px;
    margin: 0 calc(var(--ft-gutter) * -1) 8px;
    padding: 2px var(--ft-gutter) 6px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .ft-coll .ft-coll__jump::-webkit-scrollbar { display: none; }
  .ft-coll .ft-coll__jump a {
    flex: none;
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: var(--ft-r-pill);
    background: var(--ft-card);
    box-shadow: inset 0 0 0 1px var(--ft-line);
    color: var(--ft-ink);
    font: 700 var(--ft-fs-sm) / 1 var(--ft-body);
    text-decoration: none;
    white-space: nowrap;
  }
  .ft-coll .ft-coll__jump a:hover { box-shadow: inset 0 0 0 1.5px var(--ft-ink); }

  /* Grup */
  .ft-coll .ft-coll__group { padding-top: 28px; scroll-margin-top: calc(var(--ft-hd-h) + 12px); }
  .ft-coll .ft-coll__ghead {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px 16px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--ft-line);
  }
  .ft-coll .ft-coll__gtitle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: var(--ft-display-weight);
    font-size: clamp(26px, 7vw, 40px);
    line-height: 0.95;
    text-transform: uppercase;
    color: var(--ft-ink);
  }
  .ft-coll .ft-coll__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px 4px 7px;
    border-radius: var(--ft-r-pill, 999px);
    background: var(--ft-bordo);
    color: var(--ft-paper);
    font: 800 10px / 1.1 var(--ft-body);
    font-stretch: normal;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .ft-coll .ft-coll__badge::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #ebcdae; }
  .ft-coll .ft-coll__gsub { margin: 6px 0 0; font-size: var(--ft-fs-sm); line-height: 1.45; color: var(--ft-ink-2); }
  .ft-coll .ft-coll__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    color: var(--ft-ink);
    font: 700 var(--ft-fs-sm) / 1.2 var(--ft-body);
    text-decoration: none;
  }
  .ft-coll .ft-coll__more:hover { color: var(--ft-bordo); }
  .ft-coll .ft-coll__more svg { width: 16px; height: 16px; }

  /* Izgara: mobilde 2 sütun, masaüstünde 4 */
  .ft-coll .ft-coll__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ft-coll .ft-shelf__body { padding: 10px 12px 12px; }
  .ft-coll .ft-shelf__title { font-size: 14.5px; line-height: 1.3; }
  .ft-coll .ft-shelf__foot .ft-btn { --h: 42px; font-size: 14.5px; }
  .ft-coll .ft-coll__empty { margin: 24px 0 0; color: var(--ft-ink-2); }

  @media (min-width: 750px) {
    .ft-coll .ft-coll__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  }
  @media (min-width: 990px) {
    .ft-coll .ft-coll__jump { flex-wrap: wrap; margin: 0 0 8px; padding: 0; overflow: visible; }
    .ft-coll .ft-coll__group { padding-top: 40px; }
    .ft-coll .ft-coll__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
    .ft-coll .ft-shelf__body { padding: 14px 16px 16px; }
    .ft-coll .ft-shelf__title { font-size: 16px; }
    .ft-coll .ft-shelf__foot .ft-btn { --h: 46px; font-size: 16px; }
  }
/* END_SECTION:ft-collection */

/* START_SECTION:ft-compare (INDEX:32) */
.ft-cmp.ft-cmp--alt { background: var(--ft-paper-2); }
  .ft-cmp .ft-cmp__scroll { overflow-x: auto; }

  .ft-cmp .ft-cmp__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: var(--ft-fs-sm);
  }
  .ft-cmp .ft-cmp__table th,
  .ft-cmp .ft-cmp__table td {
    padding: 13px 6px;
    border-bottom: 1px solid var(--ft-line);
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
  }
  .ft-cmp .ft-cmp__table tbody th {
    width: 31%;
    padding-left: 0;
    font-weight: 700;
    text-align: left;
  }
  .ft-cmp .ft-cmp__table thead th,
  .ft-cmp .ft-cmp__table thead td {
    padding-top: 0;
    font-size: var(--ft-fs-xs);
    font-weight: 700;
    color: var(--ft-ink-2);
    vertical-align: bottom;
  }
  .ft-cmp .ft-cmp__table tbody tr:last-child th,
  .ft-cmp .ft-cmp__table tbody tr:last-child td { border-bottom: 0; }

  /* Vurgulanan (Flatter) sütun */
  .ft-cmp .ft-cmp__table .ft-cmp__us {
    background: var(--ft-card);
    color: var(--ft-ink);
    font-weight: 700;
  }
  .ft-cmp .ft-cmp__table thead .ft-cmp__us {
    padding: 14px 6px 12px;
    border-radius: var(--ft-r-md) var(--ft-r-md) 0 0;
    background: var(--ft-bordo);
    color: var(--ft-on-dark);
    font-family: var(--ft-display);
    font-stretch: calc(var(--ft-display-stretch, 78%) - 3%);
    font-weight: 900;
    font-size: 22px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
  .ft-cmp .ft-cmp__table tbody tr:last-child .ft-cmp__us { border-radius: 0 0 var(--ft-r-md) var(--ft-r-md); }
  .ft-cmp .ft-cmp__table .ft-cmp__other { color: var(--ft-ink-2); font-weight: 500; }

  /* Evet / hayır işaretleri */
  .ft-cmp .ft-cmp__yes,
  .ft-cmp .ft-cmp__no {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    vertical-align: middle;
  }
  .ft-cmp .ft-cmp__yes { background: var(--ft-bordo); color: var(--ft-on-dark); }
  .ft-cmp .ft-cmp__other .ft-cmp__yes { background: var(--ft-ink-2); }
  .ft-cmp .ft-cmp__yes svg { width: 16px; height: 16px; }
  .ft-cmp .ft-cmp__no { color: var(--ft-ink-3); }
  .ft-cmp .ft-cmp__no svg { width: 20px; height: 20px; }

  @media (min-width: 990px) {
    .ft-cmp .ft-cmp__grid {
      display: grid;
      /* Başlık sütunu en uzun kelimeden dar olamaz ("KARŞILAŞTIR." bölünmesin) */
      grid-template-columns: minmax(min-content, 4fr) minmax(0, 7fr);
      gap: 72px;
      align-items: center;
    }
    .ft-cmp.ft-cmp--no-head .ft-cmp__grid { grid-template-columns: minmax(0, 1fr); }
    .ft-cmp .ft-cmp__table { font-size: var(--ft-fs-base); }
    .ft-cmp .ft-cmp__table th,
    .ft-cmp .ft-cmp__table td { padding: 18px 14px; }
    .ft-cmp .ft-cmp__table tbody th { padding-left: 0; }
    .ft-cmp .ft-cmp__table thead th,
    .ft-cmp .ft-cmp__table thead td { padding-top: 0; font-size: var(--ft-fs-sm); }
    .ft-cmp .ft-cmp__table thead .ft-cmp__us { font-size: 28px; }
  }
/* END_SECTION:ft-compare */

/* START_SECTION:ft-complements (INDEX:33) */
.ft-cmp { margin: 14px 0 4px; }
  .ft-cmp__group { margin: 0; padding: 0; border: 0; min-width: 0; }
  .ft-cmp__title {
    padding: 0;
    margin-bottom: 8px;
    color: var(--ft-ink);
    font: 800 var(--ft-fs-xs, 12px) / 1.3 var(--ft-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .ft-cmp__note { margin: -4px 0 8px; color: var(--ft-ink-3); font-size: 12px; line-height: 1.4; }
  .ft-cmp__list { display: grid; gap: 8px; }
  .ft-cmp__card {
    position: relative;
    display: grid;
    grid-template-columns: 52px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 8px 10px 8px 8px;
    border-radius: var(--ft-r-md, 12px);
    background: var(--ft-card, #fff);
    box-shadow: inset 0 0 0 1px var(--ft-line-2, rgba(0,0,0,.15));
    cursor: pointer;
    transition: box-shadow 0.15s, background-color 0.15s;
  }
  .ft-cmp__card:hover { box-shadow: inset 0 0 0 1px var(--ft-ink-3, #777); }
  .ft-cmp__check { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
  .ft-cmp__card:has(.ft-cmp__check:checked) { box-shadow: inset 0 0 0 2px var(--ft-bordo); background: var(--ft-bottle, #f6efe6); }
  .ft-cmp__card:has(.ft-cmp__check:focus-visible) { outline: 3px solid var(--ft-focus, #5F130D); outline-offset: 2px; }
  .ft-cmp__img { width: 52px; height: 52px; overflow: hidden; border-radius: var(--ft-r-sm, 8px); background: var(--ft-paper-2, #eee); }
  .ft-cmp__img img { width: 100%; height: 100%; object-fit: cover; }
  .ft-cmp__info { display: grid; gap: 2px; min-width: 0; }
  .ft-cmp__name { color: var(--ft-ink); font-size: 14px; font-weight: 700; line-height: 1.25; }
  .ft-cmp__price { display: flex; flex-wrap: wrap; column-gap: 6px; align-items: baseline; font-size: 13px; }
  .ft-cmp__price s, .ft-cmp__price b { white-space: nowrap; }
  .ft-cmp__price s { color: var(--ft-ink-3); }
  .ft-cmp__price b { color: var(--ft-ink); font-weight: 800; }
  .ft-cmp__tick {
    display: grid;
    place-items: center;
    min-width: 76px;
    min-height: 36px;
    padding: 0 10px;
    border-radius: var(--ft-r-pill, 999px);
    box-shadow: inset 0 0 0 1.5px var(--ft-bordo);
    color: var(--ft-bordo);
    font: 800 12px / 1 var(--ft-body);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .ft-cmp__tick-on { display: none; }
  .ft-cmp__card:has(.ft-cmp__check:checked) .ft-cmp__tick { background: var(--ft-bordo); color: var(--ft-on-dark, #fff); }
  .ft-cmp__card:has(.ft-cmp__check:checked) .ft-cmp__tick-on { display: inline; }
  .ft-cmp__card:has(.ft-cmp__check:checked) .ft-cmp__tick-off { display: none; }
/* END_SECTION:ft-complements */

/* START_SECTION:ft-faq (INDEX:34) */
.ft-sec.ft-faq--alt { background: var(--ft-paper-2); }

  .ft-faq .ft-faq__grid { display: grid; gap: 8px; }

  .ft-faq .ft-faq__item { border-bottom: 1px solid var(--ft-line); }
  .ft-faq .ft-faq__q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 60px;
    padding: 12px 0;
    list-style: none;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.3;
    color: var(--ft-ink);
    cursor: pointer;
  }
  .ft-faq .ft-faq__q::-webkit-details-marker { display: none; }
  .ft-faq .ft-faq__q::marker { content: ""; }
  .ft-faq .ft-faq__q:hover { color: var(--ft-bordo); }
  .ft-faq .ft-faq__q .ft-icon {
    color: var(--ft-bordo);
    transition: transform 0.2s;
  }
  .ft-faq .ft-faq__item[open] .ft-faq__q .ft-icon { transform: rotate(45deg); }

  .ft-faq .ft-faq__a {
    max-width: 62ch;
    padding-bottom: 18px;
    font-size: var(--ft-fs-base);
    line-height: 1.5;
    color: var(--ft-ink-2);
  }
  .ft-faq .ft-faq__a > :first-child { margin-top: 0; }
  .ft-faq .ft-faq__a > :last-child { margin-bottom: 0; }
  .ft-faq .ft-faq__a a { color: var(--ft-bordo); text-underline-offset: 3px; }

  @media (min-width: 990px) {
    .ft-faq .ft-faq__grid {
      grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
      gap: 72px;
      align-items: start;
    }
    .ft-faq .ft-faq__head { margin-bottom: 0; }
    .ft-faq .ft-faq__grid > .ft-faq__list:only-child { grid-column: 2; }
  }

  @media (prefers-reduced-motion: reduce) {
    .ft-faq .ft-faq__q .ft-icon { transition: none; }
  }
/* END_SECTION:ft-faq */

/* START_SECTION:ft-how (INDEX:35) */
.ft-how .ft-how__grid {
    display: grid;
    row-gap: 24px;
  }
  .ft-how .ft-how__head { margin-bottom: 0; }

  /* Medya: mobilde kare, masaüstünde 9:16 */
  .ft-how .ft-how__media {
    position: relative;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border-radius: var(--ft-r-lg);
    background: var(--ft-ink);
  }
  .ft-how .ft-how__video,
  .ft-how .ft-how__poster {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--ft-how-focus, 50% 34%);
  }
  .ft-how .ft-how__cap {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
    background: linear-gradient(180deg, rgba(29, 26, 23, 0) 50%, rgba(29, 26, 23, 0.72));
    color: #fff;
    pointer-events: none;
  }
  .ft-how .ft-how__cap b {
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: var(--ft-display-weight);
    font-size: 28px;
    line-height: 0.95;
    text-transform: uppercase;
  }
  .ft-how .ft-how__cap small {
    margin-top: 6px;
    font-size: var(--ft-fs-sm);
    line-height: 1.3;
  }
  .ft-how .ft-how__sound {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px 0 12px;
    border: 0;
    border-radius: var(--ft-r-pill);
    background: rgba(29, 26, 23, 0.62);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    color: #fff;
    font: 600 var(--ft-fs-sm) / 1 var(--ft-body);
    cursor: pointer;
    transition: background-color 0.15s;
  }
  .ft-how .ft-how__sound:hover { background: rgba(29, 26, 23, 0.82); }
  /* İkon CSS'te: v4.js düğmenin metnini değiştirir, ikon aria-pressed'e göre değişir */
  .ft-how .ft-how__sound::before {
    content: "";
    width: 20px;
    height: 20px;
    flex: none;
    background: currentColor;
    -webkit-mask: var(--ft-how-ico) center / contain no-repeat;
    mask: var(--ft-how-ico) center / contain no-repeat;
    --ft-how-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z'/%3E%3Cpath d='m22 9-6 6M16 9l6 6'/%3E%3C/svg%3E");
  }
  .ft-how .ft-how__sound[aria-pressed="true"]::before {
    --ft-how-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13'/%3E%3C/svg%3E");
  }

  /* Adımlar */
  .ft-how .ft-how__steps {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 16px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ft-how .ft-how__step {
    min-width: 0;
    padding: 16px 0 18px;
    border-top: 1px solid var(--ft-line);
  }
  .ft-how .ft-how__step .ft-how__n {
    display: block;
    font-family: var(--ft-display);
    font-stretch: 75%;
    font-weight: 900;
    font-size: 52px;
    line-height: 0.85;
    letter-spacing: -0.01em;
    color: var(--ft-bordo);
  }
  .ft-how .ft-how__title {
    margin: 10px 0 4px;
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: var(--ft-display-weight);
    font-size: var(--ft-fs-h3);
    line-height: 1;
    text-transform: uppercase;
    color: var(--ft-ink);
  }
  .ft-how .ft-how__text {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.45;
    color: var(--ft-ink-2);
  }

  /* Sekmeli adımlar: büyük adım adları yan yana, seçilen bordo ve altı çizili; metni altında */
  .ft-how .ft-how__steps--tabs { display: block; }
  .ft-how .ft-how__tabs {
    display: grid;
    grid-template-columns: repeat(var(--ft-how-n, 3), minmax(0, 1fr));
    border-bottom: 1px solid var(--ft-line-2);
  }
  .ft-how .ft-how__tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin: 0;
    padding: 14px 4px;
    border: 0;
    background: none;
    color: var(--ft-ink-3);
    text-align: center;
    cursor: pointer;
    transition: color 0.15s;
  }
  .ft-how .ft-how__tab::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: transparent;
    transition: background-color 0.15s;
  }
  .ft-how .ft-how__tab:hover { color: var(--ft-ink); }
  .ft-how .ft-how__tab[aria-selected="true"] { color: var(--ft-bordo); }
  .ft-how .ft-how__tab[aria-selected="true"]::after { background: var(--ft-bordo); }
  .ft-how .ft-how__tab .ft-how__n {
    font: 700 var(--ft-fs-xs) / 1 var(--ft-body);
    letter-spacing: 0.14em;
    color: inherit;
  }
  .ft-how .ft-how__word {
    max-width: 100%;
    white-space: nowrap;
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: var(--ft-display-weight);
    font-size: clamp(25px, 7.8vw, 44px);
    line-height: 0.9;
    letter-spacing: -0.005em;
    text-transform: uppercase;
  }
  .ft-how .ft-how__panel { padding: 18px 0 0; text-align: center; animation: ft-how-in 0.25s ease; }
  .ft-how .ft-how__panel[hidden] { display: none; }
  .ft-how .ft-how__panel .ft-how__text { max-width: 46ch; margin-inline: auto; font-size: var(--ft-fs-md); line-height: 1.5; color: var(--ft-ink); }
  @keyframes ft-how-in {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: none; }
  }

  /* Tablet ve masaüstü: başlık ortalı */
  @media (min-width: 750px) {
    .ft-how .ft-how__head { text-align: center; }
    .ft-how .ft-how__head .ft-lede { margin-inline: auto; }
  }
  /* Tablet: alt alta, video ve sekmeler ortada, ekranı kaplamaz */
  @media (min-width: 750px) and (max-width: 989px) {
    .ft-how .ft-how__media { width: 100%; max-width: 420px; justify-self: center; }
    .ft-how .ft-how__steps--tabs { width: 100%; max-width: 640px; justify-self: center; }
  }

  @media (min-width: 990px) {
    /* Video solda; başlık + adımlar sağda, boş üst/alt satırlar sayesinde videoya göre dikeyde ortalı.
       İki sütun birlikte sayfanın ortasında durur. */
    .ft-how .ft-how__grid {
      grid-template-columns: 360px minmax(0, 640px);
      grid-template-areas: "media ." "media head" "media steps" "media .";
      grid-template-rows: 1fr auto auto 1fr;
      justify-content: center;
      column-gap: 96px;
      row-gap: 0;
      align-items: start;
    }
    .ft-how .ft-how__head { grid-area: head; margin-bottom: 32px; }
    .ft-how .ft-how__media { grid-area: media; aspect-ratio: 9 / 16; max-height: 640px; }
    .ft-how .ft-how__steps { grid-area: steps; gap: 0 40px; }
    .ft-how .ft-how__step { padding: 22px 0 26px; }
    .ft-how .ft-how__step .ft-how__n { font-size: 76px; }
    .ft-how .ft-how__steps--tabs { gap: 0; }
    .ft-how .ft-how__tab { padding: 18px 8px; gap: 8px; }
    .ft-how .ft-how__word { font-size: clamp(44px, 4.6vw, 68px); }
    .ft-how .ft-how__panel { padding-top: 24px; }
    .ft-how .ft-how__panel .ft-how__text { font-size: 20px; }

    /* Medya yoksa: başlık üstte, adımlar tam genişlikte tek sıra */
    .ft-how--no-media .ft-how__grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "steps"; grid-template-rows: auto; }
    .ft-how--no-media .ft-how__steps--tabs { width: 100%; max-width: 760px; justify-self: center; }
    .ft-how--no-media .ft-how__steps { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  }

  @media (prefers-reduced-motion: reduce) {
    .ft-how .ft-how__sound,
    .ft-how .ft-how__tab,
    .ft-how .ft-how__tab::after { transition: none; }
    .ft-how .ft-how__panel { animation: none; }
  }
/* END_SECTION:ft-how */

/* START_SECTION:ft-news (INDEX:36) */
.ft-sec.ft-news--alt { background: var(--ft-paper-2); }

  /* Başlık: solda başlık, sağda "Tüm yazılar" */
  .ft-news .ft-news__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px 24px;
  }
  .ft-news .ft-news__all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    color: var(--ft-ink);
    font-size: var(--ft-fs-sm);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  .ft-news .ft-news__all .ft-icon { width: 18px; height: 18px; }
  .ft-news .ft-news__all:hover { color: var(--ft-bordo); }

  /* Kartlar: mobilde yana kaydırma */
  .ft-news .ft-news__list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 78%;
    gap: 14px;
    margin: 0 calc(var(--ft-gutter) * -1);
    padding: 0 var(--ft-gutter) 4px;
    list-style: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 var(--ft-gutter);
    scrollbar-width: none;
  }
  .ft-news .ft-news__list::-webkit-scrollbar { display: none; }
  .ft-news .ft-news__item { display: flex; min-width: 0; scroll-snap-align: start; }

  .ft-news .ft-news__card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    color: var(--ft-ink);
    text-decoration: none;
  }
  .ft-news .ft-news__card:focus-visible { outline-offset: 4px; border-radius: var(--ft-r-lg); }
  /* Görsel oranı: varsayılan yatay 4:3 — başlık yazılı blog görselleri 4:3 hazırlanıyor, kesilmesin */
  .ft-news .ft-news__media {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: var(--ft-r-lg);
    background: var(--ft-paper-2);
  }
  .ft-news--alt .ft-news__media { background: var(--ft-paper); }
  .ft-news--wide .ft-news__media { aspect-ratio: 3 / 2; }
  .ft-news--square .ft-news__media { aspect-ratio: 1 / 1; }
  .ft-news--portrait .ft-news__media { aspect-ratio: 4 / 5; }
  /* Kırpmadan: her görsel kendi oranında (görselsiz/örnek kart 4:3) */
  .ft-news--original .ft-news__media { aspect-ratio: auto; }
  .ft-news--original .ft-news__img { height: auto; }
  .ft-news--original .ft-news__art,
  .ft-news--original .ft-news__img--ph { height: auto; aspect-ratio: 4 / 3; }
  .ft-news .ft-news__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
  }
  .ft-news .ft-news__img--ph { background: var(--ft-paper-2); }
  /* Tema editörü: yayında olmayan yazının kartı (mağazada görünmez) */
  .ft-news .ft-news__pending {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 6px 8px;
    border-radius: 4px;
    background: var(--ft-ink);
    color: var(--ft-paper);
    font: 800 10.5px / 1.2 var(--ft-body);
    letter-spacing: 0.04em;
  }
  .ft-news a.ft-news__card:hover .ft-news__img { transform: scale(1.03); }
  .ft-news .ft-news__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font: 800 17px / 1.25 var(--ft-body);
    color: var(--ft-ink);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  /* Okuma süresi (snippets/ft-read-time.liquid): başlığın hemen üstünde */
  .ft-news .ft-news__time {
    display: block;
    margin: 0 0 -8px;
    font: 700 12.5px / 1.2 var(--ft-body);
    letter-spacing: 0.02em;
    color: var(--ft-ink-3);
  }
  .ft-news a.ft-news__card:hover .ft-news__title { text-decoration: underline; text-underline-offset: 3px; }

  /* Görselsiz yazı: şişe etiketi gibi yazılı kart; renk sırayla değişir */
  .ft-news .ft-news__art {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
    padding: 16px;
    background: var(--ft-bordo);
    color: var(--ft-on-dark);
    text-align: center;
  }
  .ft-news .ft-news__art--2 { background: var(--ft-blue); }
  .ft-news .ft-news__art--3 { background: var(--ft-ink); }
  .ft-news .ft-news__art--0 { background: var(--ft-bottle); color: var(--ft-bordo); }
  .ft-news .ft-news__art-name {
    max-width: 8ch;
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: 900;
    font-size: clamp(34px, 10vw, 46px);
    line-height: 0.86;
    text-transform: uppercase;
  }
  .ft-news .ft-news__art-rule { width: 44px; height: 2px; background: currentColor; opacity: 0.8; }
  .ft-news .ft-news__art-sub {
    font: 700 11px / 1.2 var(--ft-body);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.9;
  }

  /* Oklar: mobilde her zaman (kartlar yana kayar), masaüstünde sadece 4'ten fazla kart varken */
  .ft-news .ft-news__arrows { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
  .ft-news .ft-news__arrow {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ft-ink);
    box-shadow: inset 0 0 0 1.5px var(--ft-ink);
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
  }
  .ft-news .ft-news__arrow:hover { background: var(--ft-ink); color: var(--ft-paper); }

  @media (min-width: 990px) {
    /* 4'lü sıra; daha az kart varsa aynı genişlikte kalıp ortalanır */
    .ft-news .ft-news__list {
      grid-auto-flow: row;
      grid-template-columns: repeat(var(--ft-news-n, 4), calc((100% - 72px) / 4));
      justify-content: center;
      gap: 24px;
      margin: 0;
      padding: 0;
      overflow: visible;
    }
    .ft-news .ft-news__title { font-size: 19px; }
    .ft-news .ft-news__arrows { display: none; }
    .ft-news .ft-news__art-name { font-size: 40px; }
    .ft-news.ft-news--slider .ft-news__list {
      grid-auto-flow: column;
      grid-template-columns: none;
      grid-auto-columns: calc((100% - 72px) / 4);
      justify-content: start;
      padding: 0 0 4px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-padding: 0;
    }
    .ft-news.ft-news--slider .ft-news__arrows { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-news .ft-news__img,
    .ft-news .ft-news__arrow { transition: none; }
    .ft-news a.ft-news__card:hover .ft-news__img { transform: none; }
  }
/* END_SECTION:ft-news */

/* START_SECTION:ft-proof-band (INDEX:37) */
.ft-proof {
    --ft-proof-bg: var(--ft-bordo);
    padding: 40px 0 44px;
    background: var(--ft-proof-bg);
    color: var(--ft-on-dark);
    font-family: var(--ft-body);
  }
  .ft-proof--ink { --ft-proof-bg: var(--ft-ink); }
  .ft-proof--blue { --ft-proof-bg: var(--ft-blue); }
  .ft-proof .ft-proof__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 20px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ft-proof .ft-proof__item {
    padding-top: 12px;
    border-top: 1px solid rgba(245, 239, 227, 0.3);
  }
  .ft-proof .ft-proof__value {
    display: block;
    font-size: clamp(44px, 13vw, 84px);
    color: var(--ft-on-dark);
  }
  .ft-proof .ft-proof__label {
    display: block;
    margin-top: 6px;
    font-size: var(--ft-fs-sm);
    line-height: 1.35;
    color: var(--ft-on-dark-2);
  }
  /* Mobilde tek kalan son rakam tam genişlikte (3 ya da 5 rakamda boş hücre kalmasın) */
  @media (max-width: 989px) {
    .ft-proof .ft-proof__item:last-child:nth-child(odd) { grid-column: 1 / -1; }
  }
  @media (min-width: 990px) {
    .ft-proof { padding: 60px 0 64px; }
    .ft-proof .ft-proof__list {
      grid-template-columns: repeat(var(--ft-proof-cols, 4), 1fr);
      gap: 40px;
    }
  }
/* END_SECTION:ft-proof-band */

/* START_SECTION:ft-review-cards (INDEX:38) */
.ft-rc[hidden] { display: none; }
  .ft-sec.ft-rc--alt { background: var(--ft-paper-2); }

  /* Üst satır: başlık · puan özeti · oklar */
  .ft-rc .ft-rc__top { display: grid; gap: 14px; margin-bottom: 22px; }
  .ft-rc .ft-rc__head { margin: 0; }
  .ft-rc .ft-rc__head .ft-eyebrow { margin: 0 0 6px; }
  .ft-rc .ft-rc__title { margin: 0; font-size: clamp(30px, 8.4vw, 48px); line-height: 0.95; }
  .ft-rc .ft-rc__side { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .ft-rc .ft-rc__score { display: flex; align-items: center; gap: 12px; }
  .ft-rc .ft-rc__num { font-size: clamp(46px, 13vw, 72px); line-height: 0.85; color: var(--ft-ink); }
  .ft-rc .ft-rc__meta { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
  .ft-rc .ft-rc__meta small { font-size: 12.5px; line-height: 1.25; color: var(--ft-ink-2); }

  /* Yıldızlar: arka plan + puana göre dolan ön plan */
  .ft-rc .ft-rc__stars {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 2px;
    white-space: nowrap;
    align-self: flex-start;
  }
  .ft-rc .ft-rc__stars-bg { color: var(--ft-line); }
  .ft-rc .ft-rc__stars-fg {
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--ft-rc-fill, 100%);
    overflow: hidden;
    color: var(--ft-gold, #c8953a);
  }
  .ft-rc .ft-rc__stars--sm { font-size: 13px; letter-spacing: 1.5px; }

  .ft-rc .ft-rc__arrows { display: flex; gap: 8px; }
  .ft-rc .ft-rc__arrow {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ft-ink);
    box-shadow: inset 0 0 0 1.5px var(--ft-ink);
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
  }
  .ft-rc .ft-rc__arrow:hover { background: var(--ft-ink); color: var(--ft-paper); }
  .ft-rc .ft-rc__arrow:focus-visible { outline: 3px solid var(--ft-focus); outline-offset: 2px; }

  /* Kaydırılan iz */
  .ft-rc .ft-rc__rail {
    display: flex;
    gap: 12px;
    margin: 0 calc(var(--ft-gutter) * -1);
    padding: 0 var(--ft-gutter) 6px;
    list-style: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 var(--ft-gutter);
    scrollbar-width: none;
  }
  .ft-rc .ft-rc__rail::-webkit-scrollbar { display: none; }
  .ft-rc .ft-rc__rail:focus-visible { outline: 3px solid var(--ft-focus); outline-offset: -3px; }

  /* Kart: görsel üstte, isim + yıldız + yorum altta */
  .ft-rc .ft-rc__card {
    flex: 0 0 78%;
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border-radius: var(--ft-r-lg);
    background: var(--ft-card);
    scroll-snap-align: start;
  }
  .ft-rc .ft-rc__card[hidden] { display: none; }
  .ft-rc .ft-rc__media { aspect-ratio: var(--ft-rc-ratio, 1 / 1); background: var(--ft-paper-2); }
  .ft-rc .ft-rc__media img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
  .ft-rc .ft-rc__body { display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 16px 16px 18px; }
  .ft-rc .ft-rc__who { display: flex; flex-direction: column; gap: 6px; }
  .ft-rc .ft-rc__name { font-size: 14px; font-weight: 700; line-height: 1.2; color: var(--ft-ink); }
  .ft-rc .ft-rc__text {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    font-size: 15px;
    line-height: 1.45;
    color: var(--ft-ink);
  }
  .ft-rc .ft-rc__text p { margin: 0; }
  .ft-rc .ft-rc__card.is-open .ft-rc__text { display: block; -webkit-line-clamp: unset; line-clamp: none; }
  .ft-rc .ft-rc__more {
    align-self: flex-start;
    margin: -4px 0 0;
    padding: 4px 0;
    border: 0;
    background: none;
    color: var(--ft-bordo);
    font: 700 13px / 1.2 var(--ft-body);
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
  }
  .ft-rc .ft-rc__more[hidden] { display: none; }
  .ft-rc .ft-rc__src { margin: auto 0 0; padding-top: 6px; font-size: 12px; color: var(--ft-ink-3); }

  /* Görselsiz mod: daha sıkı kart */
  .ft-rc.ft-rc--text .ft-rc__body { padding: 20px 18px; }

  @media (min-width: 750px) {
    .ft-rc .ft-rc__card { flex-basis: calc((100% - 24px) / 2.4); }
  }
  @media (min-width: 990px) {
    .ft-rc .ft-rc__top {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: end;
      gap: 32px;
      margin-bottom: 32px;
    }
    .ft-rc .ft-rc__side { gap: 28px; }
    .ft-rc .ft-rc__title { font-size: clamp(40px, 3.6vw, 52px); }
    .ft-rc .ft-rc__num { font-size: 76px; }
    .ft-rc .ft-rc__rail { gap: 16px; }
    .ft-rc .ft-rc__card { flex-basis: calc((100% - 48px) / 4); }
    .ft-rc .ft-rc__body { padding: 18px 18px 20px; }
    .ft-rc.ft-rc--few .ft-rc__arrows { display: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-rc .ft-rc__arrow { transition: none; }
  }
/* END_SECTION:ft-review-cards */

/* START_SECTION:ft-reviews (INDEX:39) */
.ft-rev.ft-rev--alt { background: var(--ft-paper-2); }

  /* Öne çıkan yorum */
  .ft-rev .ft-rev__feature { margin: 0 0 28px; }
  .ft-rev .ft-rev__feature blockquote {
    margin: 0;
    max-width: 18ch;
    font-size: clamp(30px, 8.4vw, 60px);
    line-height: 0.95;
    color: var(--ft-bordo);
  }
  .ft-rev .ft-rev__feature figcaption {
    margin-top: 12px;
    font-size: var(--ft-fs-sm);
    font-weight: 700;
  }

  /* Kaydırılan iz — v4.css .v4-rail (grid) burada flex'e çevrilir */
  .ft-rev .ft-rev__rail {
    display: flex;
    gap: 12px;
    margin: 0 calc(var(--ft-gutter) * -1);
    padding: 0 var(--ft-gutter) 4px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 var(--ft-gutter);
    scrollbar-width: none;
  }
  .ft-rev .ft-rev__rail::-webkit-scrollbar { display: none; }
  .ft-rev .ft-rev__rail:focus-visible { outline-offset: -3px; }

  .ft-rev .ft-rev__card {
    flex: 0 0 84%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    margin: 0;
    padding: 22px 20px;
    border-radius: var(--ft-r-lg);
    background: var(--ft-card);
    scroll-snap-align: start;
  }
  .ft-rev .ft-rev__card blockquote {
    margin: 0;
    font-size: 16.5px;
    line-height: 1.45;
  }
  .ft-rev .ft-rev__card figcaption {
    font-size: var(--ft-fs-sm);
    font-weight: 700;
  }

  /* Alt satır: açıklama + oklar */
  .ft-rev .ft-rev__ctrl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
  }
  .ft-rev .ft-rev__caption {
    margin: 0;
    font-size: var(--ft-fs-sm);
    color: var(--ft-ink-2);
  }
  .ft-rev .ft-rev__arrows {
    display: flex;
    gap: 8px;
    margin-left: auto;
  }
  .ft-rev .ft-rev__arrow {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ft-ink);
    box-shadow: inset 0 0 0 1.5px var(--ft-ink);
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
  }
  .ft-rev .ft-rev__arrow:hover { background: var(--ft-ink); color: var(--ft-paper); }

  @media (min-width: 990px) {
    .ft-rev .ft-rev__top {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 72px;
      align-items: end;
      margin-bottom: 44px;
    }
    .ft-rev .ft-rev__top > * { margin: 0; }
    .ft-rev .ft-rev__top > :only-child { grid-column: 1 / -1; }
    /* Başlık yoksa üst başlık öne çıkan yorumun hemen üstünde */
    .ft-rev.ft-rev--no-heading .ft-rev__top { display: block; }
    .ft-rev.ft-rev--no-heading .ft-rev__head { margin-bottom: 16px; }
    .ft-rev .ft-rev__card { flex-basis: calc((100% - 36px) / 4); }
    .ft-rev.ft-rev--few .ft-rev__arrows { display: none; }
  }

  @media (prefers-reduced-motion: reduce) {
    .ft-rev .ft-rev__arrow { transition: none; }
  }
/* END_SECTION:ft-reviews */

/* START_SECTION:ft-shelf (INDEX:40) */
.ft-sec.ft-shelf--alt { background: var(--ft-paper-2); }
  .ft-shelf--base .ft-shelf__media { background: var(--ft-paper-2); }

  /* Raf: mobilde yatay kaydırma, masaüstünde ızgara */
  .ft-shelf .ft-shelf__list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 70%;
    gap: 12px;
    margin: 0 calc(var(--ft-gutter) * -1);
    padding: 0 var(--ft-gutter) 4px;
    list-style: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 var(--ft-gutter);
    scrollbar-width: none;
  }
  .ft-shelf .ft-shelf__list::-webkit-scrollbar { display: none; }
  .ft-shelf .ft-shelf__item { display: flex; min-width: 0; scroll-snap-align: start; }

  .ft-shelf .ft-shelf__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border-radius: var(--ft-r-lg);
    background: var(--ft-card);
  }

  /* Görsel alanı (kare) */
  .ft-shelf .ft-shelf__media {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--ft-paper);
  }
  .ft-shelf .ft-shelf__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ft-shelf .ft-shelf__tag {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 6px 8px;
    border-radius: 4px;
    background: var(--ft-ink);
    color: var(--ft-paper);
    font: 800 10.5px / 1 var(--ft-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  /* Görsel yokken: şişe etiketi gibi yazılı kare */
  .ft-shelf .ft-shelf__art {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    padding: 16px;
    background: var(--ft-art, var(--ft-blue));
    color: var(--ft-art-ink, var(--ft-on-dark));
    text-align: center;
  }
  .ft-shelf .ft-shelf__art-brand {
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: 900;
    font-size: 15px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.85;
  }
  .ft-shelf .ft-shelf__art-name {
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: 900;
    font-size: clamp(38px, 11vw, 52px);
    line-height: 0.86;
    text-transform: uppercase;
    overflow-wrap: anywhere;
  }
  .ft-shelf .ft-shelf__art-rule {
    width: 44px;
    height: 2px;
    background: currentColor;
    opacity: 0.8;
  }
  .ft-shelf .ft-shelf__art-sub {
    font: 700 11px / 1.2 var(--ft-body);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.9;
  }

  /* Kart metni */
  .ft-shelf .ft-shelf__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    padding: 14px 16px 16px;
  }
  .ft-shelf .ft-shelf__title {
    margin: 0;
    font: 800 16.5px / 1.25 var(--ft-body);
    color: var(--ft-ink);
  }
  .ft-shelf .ft-shelf__text {
    margin: 0;
    font-size: var(--ft-fs-sm);
    line-height: 1.45;
    color: var(--ft-ink-2);
  }
  .ft-shelf .ft-shelf__price { white-space: nowrap; }
  .ft-shelf .ft-shelf__foot { margin-top: auto; padding-top: 12px; }
  .ft-shelf .ft-shelf__foot .ft-btn { --h: 46px; font-size: 16px; }

  /* "Yakında": buton yerinde duran, tıklanamayan etiket */
  .ft-shelf .ft-shelf__soon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: var(--ft-r-pill);
    box-shadow: inset 0 0 0 1.5px var(--ft-line-2);
    color: var(--ft-ink-3);
    font-family: var(--ft-display);
    font-stretch: 84%;
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: default;
  }

  /* Koleksiyon kartı: başlık ürün sayfasına gider; fiyat + üstü çizili "Tekli" */
  .ft-shelf .ft-shelf__title a { color: inherit; text-decoration: none; }
  .ft-shelf .ft-shelf__title a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .ft-shelf a.ft-shelf__media { display: block; }
  .ft-shelf .ft-shelf__text--price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
  .ft-shelf .ft-shelf__text--price .ft-shelf__price { font-weight: 800; color: var(--ft-ink); }
  .ft-shelf .ft-shelf__was { font-size: var(--ft-fs-xs); color: var(--ft-ink-3); white-space: nowrap; }
  .ft-shelf .ft-shelf__form { margin: 0; }

  /* Kaydırmalı düzen: v4.css .v4-rail ızgarası burada ezilir; oklar listenin altında sağda */
  .ft-shelf .ft-shelf__arrows { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
  .ft-shelf .ft-shelf__arrow {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ft-ink);
    box-shadow: inset 0 0 0 1.5px var(--ft-ink);
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
  }
  .ft-shelf .ft-shelf__arrow:hover { background: var(--ft-ink); color: var(--ft-paper); }
  .ft-shelf .ft-shelf__list:focus-visible { outline-offset: -3px; }

  @media (min-width: 990px) {
    .ft-shelf .ft-shelf__list {
      grid-auto-flow: row;
      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      gap: 20px;
      margin: 0;
      padding: 0;
      overflow: visible;
    }
    .ft-shelf.ft-shelf--slider .ft-shelf__list {
      grid-auto-flow: column;
      grid-template-columns: none;
      grid-auto-columns: calc((100% - 60px) / 4);
      padding: 0 0 4px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-padding: 0;
    }
    .ft-shelf.ft-shelf--few .ft-shelf__arrows { display: none; }
    .ft-shelf .ft-shelf__art-brand { font-size: 22px; }
    .ft-shelf .ft-shelf__art-sub { font-size: 13px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-shelf .ft-shelf__arrow { transition: none; }
  }
/* END_SECTION:ft-shelf */

/* START_SECTION:ft-story (INDEX:41) */
/* Renk şemaları: tüm renkler buradaki yerel değişkenlerden gelir */
  .ft-story {
    --ft-story-bg: var(--ft-blue);
    --ft-story-fg: var(--ft-on-dark);
    --ft-story-text: #fff;
    --ft-story-accent: #f1dcc6;
    --ft-story-ring: color-mix(in srgb, var(--ft-on-dark) 60%, transparent);
  }
  .ft-sec.ft-story {
    padding-top: 0;
    background: var(--ft-story-bg);
    color: var(--ft-story-fg);
  }
  .ft-story--bordo { --ft-story-bg: var(--ft-bordo); }
  .ft-story--paper {
    --ft-story-bg: var(--ft-paper);
    --ft-story-fg: var(--ft-ink);
    --ft-story-text: var(--ft-ink-2);
    --ft-story-accent: var(--ft-bordo);
    --ft-story-ring: var(--ft-line-2);
  }
  .ft-sec.ft-story--no-img { padding-top: var(--ft-sec-y); }

  .ft-story .ft-story__grid { display: grid; gap: 28px; }
  .ft-story .ft-story__media {
    margin: 0 calc(var(--ft-gutter) * -1);
    aspect-ratio: 5 / 4;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.08);
  }
  .ft-story .ft-story__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--ft-story-focus, 30% 50%);
  }

  .ft-story .ft-story__eyebrow { color: var(--ft-story-accent); }
  .ft-story .ft-story__title { font-size: var(--ft-fs-h2); color: var(--ft-story-fg); }
  .ft-story .ft-story__text {
    margin: 18px 0 0;
    max-width: 46ch;
    font-size: var(--ft-fs-md);
    line-height: 1.55;
    color: var(--ft-story-text);
  }
  .ft-story .ft-story__text p { margin: 0; }
  .ft-story .ft-story__text p + p { margin-top: 0.8em; }
  .ft-story .ft-story__text a { color: inherit; text-underline-offset: 3px; }

  .ft-story .ft-story__chips-label {
    margin: 26px 0 0;
    font-size: var(--ft-fs-xs);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ft-story-accent);
  }
  .ft-story .ft-story__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
  }
  .ft-story .ft-story__chips li {
    padding: 9px 14px;
    border-radius: var(--ft-r-pill);
    box-shadow: inset 0 0 0 1.5px var(--ft-story-ring);
    font-size: var(--ft-fs-sm);
    font-weight: 700;
    line-height: 1.5;
  }

  @media (min-width: 990px) {
    .ft-sec.ft-story { padding-top: var(--ft-sec-y); }
    .ft-story .ft-story__grid {
      grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
      gap: 72px;
      align-items: center;
    }
    .ft-story.ft-story--img-right .ft-story__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
    .ft-story.ft-story--img-right .ft-story__media { order: 2; }
    .ft-story.ft-story--no-img .ft-story__grid { grid-template-columns: minmax(0, 1fr); }
    .ft-story.ft-story--no-img .ft-story__body { max-width: 760px; }
    .ft-story .ft-story__media {
      margin: 0;
      aspect-ratio: 7 / 6;
      border-radius: var(--ft-r-lg);
    }
  }
/* END_SECTION:ft-story */

/* START_SECTION:header (INDEX:42) */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--header-height);
    background: transparent;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: all 0.3s ease;
  }

  .header__container {
    margin: 0 auto;
    max-width: var(--layout-max-width);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
  }

  .header__logo {
    flex-shrink: 0;
  }

  .header__logo-link {
    width: auto;
    max-width: 100%;
    display: block;
    text-decoration: none;
    color: inherit;
  }

  .header__logo-image {
    height: var(--logo-height, calc(var(--header-height) * 0.6));
    width: auto;
    object-fit: contain;
    display: block;
    max-height: calc(var(--header-height) - 20px);
  }

  .header__actions {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .header__cart {
    flex-shrink: 0;
  }

  .header__account-btn,
  .header__cart-btn {
    position: relative;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    color: #000000;
    text-decoration: none;
  }

  .header__account-btn:hover,
  .header__cart-btn:hover {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    color: #000000;
  }

  .header__account-icon,
  .header__cart-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header__account-icon svg,
  .header__cart-icon svg {
    width: 20px;
    height: 20px;
  }

  .header__cart-count {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #000000;
    color: #ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    transition: all 0.2s ease;
  }

  @media (max-width: 768px) {
    .header__container {
      padding: 0 20px;
    }

    .header__logo-image {
      height: var(--logo-height, calc(var(--header-height) * 0.5));
      max-height: calc(var(--header-height) - 20px);
    }

    .header__actions {
      gap: 8px;
    }

    .header__account-btn,
    .header__cart-btn {
      width: 44px;
      height: 44px;
    }

    .header__account-icon svg,
    .header__cart-icon svg {
      width: 18px;
      height: 18px;
    }
  }
/* END_SECTION:header */

/* START_SECTION:main-grid (INDEX:44) */
.main-grid {
    display: grid;
    grid-auto-flow: row dense;
    grid-auto-rows: minmax(80px, auto);
    grid-template-columns: repeat(var(--grid-columns, 4), 1fr);
    grid-template-rows: repeat(var(--grid-rows, 11), minmax(80px, auto));
    gap: var(--grid-gap, 16px);
    margin: 0 auto 40px 0 !important;
    width: 100%;
    max-height: none;
    height: auto;
  }

  .main-grid__item {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(40px);
    border-radius: 24px;
    padding: 24px;
    transition: all 0.3s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  }

  .main-grid__image-text-card {
    padding: 0;
    border-radius: 24px 24px 24px 0;
    border: none;
  }

  /* Remove inner overlay border for Image Text Card when used in this section */
  .main-grid__image-text-card .image-text-card__overlay-inner {
    border: 0;
  }


  .main-grid__image-text-card {
    min-height: 430px;
  }

  .main-grid__icon-text-card {
    min-height: 330px;
  }

  @media (max-width: 1024px) {
    .main-grid {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(var(--grid-rows, 11), minmax(100px, auto));
    }
  }

  @media (max-width: 768px) {
    .main-grid {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      display: flex;
      flex-direction: column;
      max-height: none;
      height: auto;
    }

    .main-grid__item {
      grid-column: span 1 !important;
      grid-row: auto !important;
      height: auto;
    }

    /* Ensure overlay-only cards have usable height on mobile */
    .main-grid__image-text-card {
      min-height: var(--image-card-min-height, 450px);
    }

    /* Move product carousel to top on mobile */
    .main-grid__product-carousel {
      order: -1;
    }

    .main-grid__image-text-card {
      min-height: 430px;
    }

    .main-grid__icon-text-card {
      min-height: 330px;
    }
  }
/* END_SECTION:main-grid */

/* START_SECTION:page (INDEX:45) */
.page-content {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
  }

  .page-content__card {
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border-radius: 24px;
    padding: 48px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }

  .page-content__title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.2;
  }

  .page-content__body {
    color: #333333;
    line-height: 1.6;
    font-size: 1.125rem;
  }

  .page-content__body h1,
  .page-content__body h2,
  .page-content__body h3,
  .page-content__body h4,
  .page-content__body h5,
  .page-content__body h6 {
    color: #1a1a1a;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .page-content__body h1 {
    font-size: 2rem;
  }

  .page-content__body h2 {
    font-size: 1.75rem;
  }

  .page-content__body h3 {
    font-size: 1.5rem;
  }

  .page-content__body h4 {
    font-size: 1.25rem;
  }

  .page-content__body p {
    margin-bottom: 1.5rem;
  }

  .page-content__body ul,
  .page-content__body ol {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
  }

  .page-content__body li {
    margin-bottom: 0.5rem;
  }

  .page-content__body a {
    color: #007acc;
    text-decoration: underline;
    transition: color 0.2s ease;
  }

  .page-content__body a:hover {
    color: #005999;
  }

  .page-content__body img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 1.5rem 0;
  }

  .page-content__body blockquote {
    border-left: 4px solid #F3FF75;
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: #666666;
  }

  .page-content__body table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
  }

  .page-content__body th,
  .page-content__body td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .page-content__body th {
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1);
  }

  /* Responsive adjustments */
  @media screen and (max-width: 768px) {
    .page-content__card {
      padding: 32px 24px;
    }

    .page-content__title {
      font-size: 2rem;
    }

    .page-content__body {
      font-size: 1rem;
    }

    .page-content__body h1 {
      font-size: 1.75rem;
    }

    .page-content__body h2 {
      font-size: 1.5rem;
    }

    .page-content__body h3 {
      font-size: 1.25rem;
    }
  }

  @media screen and (max-width: 480px) {
    .page-content__card {
      padding: 24px 16px;
    }

    .page-content__title {
      font-size: 1.75rem;
    }

    .page-content__body {
      font-size: 0.9rem;
    }
  }
/* END_SECTION:page */

/* START_SECTION:product (INDEX:47) */
.product-redirect {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 300px);
    margin-bottom: 24px;
  }

  .product-redirect__card {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100vh - 300px);
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border-radius: 24px;
    padding: 48px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    text-align: center;
  }

  .product-redirect__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .product-redirect__title {
    font-size: 3rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.2;
  }

  .product-redirect__message {
    font-size: 1.125rem;
    color: #666666;
    margin: 0;
    line-height: 1.6;
  }

  .product-redirect__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    background: #F3FF75;
    color: #1a1a1a;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
  }

  .product-redirect__button:hover {
    background: #e6f066;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(243, 255, 117, 0.3);
  }

  /* Responsive adjustments */
  @media screen and (max-width: 768px) {
    .product-redirect {
      padding: 16px;
    }

    .product-redirect__card {
      padding: 32px 24px;
    }

    .product-redirect__title {
      font-size: 2.5rem;
    }

    .product-redirect__message {
      font-size: 1rem;
    }
  }

  @media screen and (max-width: 480px) {
    .product-redirect__card {
      padding: 24px 16px;
    }

    .product-redirect__title {
      font-size: 2rem;
    }

    .product-redirect__button {
      padding: 14px 28px;
      font-size: 0.9rem;
    }
  }
/* END_SECTION:product */

/* START_SECTION:search (INDEX:49) */
.search-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .search-results .prev,
  .search-results .page,
  .search-results .next {
    grid-column: 1 / -1;
  }
/* END_SECTION:search */

/* START_SECTION:v4-article (INDEX:51) */
.ft-listen {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
  }
  .ft-listen[aria-pressed="true"] { background: var(--v4-red); border-color: var(--v4-red); color: #fff; }
  .ft-listen__audio { height: 34px; max-width: 100%; vertical-align: middle; }

  /* Yazı içeriği: paragraf aralığı (critical.css'teki "* { margin: 0 }" sıfırlamasını geri alır),
     şekil + altyazı, vurgu kutusu (alıntı), küçük yazı (kaynaklar, editoryal not) */
  .v4-art__body p,
  .v4-art__body ul,
  .v4-art__body ol { margin: 0 0 1.1em; }
  .v4-art__body li > p { margin: 0; }
  .v4-art__body figure { margin: 1.8em 0; }
  .v4-art__body figure img { display: block; width: 100%; height: auto; }
  .v4-art__body figcaption { margin-top: 10px; font-size: 14px; line-height: 1.5; color: var(--muted); }
  .v4-art__body blockquote {
    margin: 1.6em 0;
    padding: 18px 22px;
    border-left: 4px solid var(--v4-red);
    border-radius: 2px;
    background: #fff;
  }
  .v4-art__body blockquote p {
    margin: 0;
    font-family: var(--v4-display);
    font-weight: 800;
    font-size: clamp(18px, 1.8vw, 22px);
    line-height: 1.35;
    color: var(--v4-red);
  }
  .v4-art__body small { font-size: 14px; line-height: 1.55; }

  /* Kapak görseli altyazısı ("Kapak görseli" bloğu) */
  .ft-art-cap { margin: 10px 0 0; font-size: 14px; line-height: 1.5; color: var(--muted); }
  .ft-art-cap a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

  /* Yazı içi görsel ("Yazı içi görsel" bloğu, snippets/ft-art-figure.liquid) */
  .v4-art__body .ft-fig { margin: 2em 0; }
  .ft-fig__imgs { display: grid; gap: 12px; }
  .ft-fig--two .ft-fig__imgs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ft-fig__imgs > * {
    display: block;
    overflow: hidden;
    border-radius: 12px;
    background: var(--v4-paper, #f5efe3);
  }
  .ft-fig .ft-fig__ph { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; }
  .ft-fig--r-16-9 img { aspect-ratio: 16 / 9; object-fit: cover; }
  .ft-fig--r-4-3 img { aspect-ratio: 4 / 3; object-fit: cover; }
  .ft-fig--r-1-1 img { aspect-ratio: 1 / 1; object-fit: cover; }
  .ft-fig--r-4-5 img { aspect-ratio: 4 / 5; object-fit: cover; }
  .ft-fig--card { padding: 12px; border-radius: var(--v4-radius, 16px); background: #fff; }
  .ft-fig--card .ft-fig__imgs > * { border-radius: 10px; }
  .ft-fig--card figcaption { padding: 0 4px 2px; }
  .ft-fig figcaption a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
  .ft-fig a.ft-fig__link img { transition: transform 0.35s ease; }
  .ft-fig a.ft-fig__link:hover img { transform: scale(1.02); }
  .ft-fig a.ft-fig__link:focus-visible { outline: 3px solid var(--ft-focus, #2b5cd6); outline-offset: 2px; }

  /* Yazı sonu ürünleri ("Ürün yönlendirmesi" bloğu) */
  .ft-art-shop {
    margin: clamp(40px, 6vw, 72px) 0 0;
    padding: clamp(24px, 4vw, 40px);
    border-radius: var(--v4-radius, 16px);
    background: #fff;
  }
  .ft-art-shop__head { max-width: 60ch; margin-bottom: 22px; }
  .ft-art-shop__head .v4-note { display: inline-block; margin-bottom: 6px; }
  .ft-art-shop__title {
    margin: 0;
    font-family: var(--v4-display);
    font-stretch: var(--ft-display-stretch, 78%);
    font-weight: 800;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 0.95;
    text-transform: uppercase;
    color: var(--v4-red);
  }
  .ft-art-shop__text { margin: 10px 0 0; font-size: 16px; line-height: 1.5; color: var(--muted); }
  .ft-art-shop__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
  .ft-art-shop__card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    padding: 10px 10px 14px;
    border-radius: 12px;
    background: var(--v4-paper, #f5efe3);
    color: inherit;
    text-decoration: none;
    transition: transform 0.15s ease;
  }
  .ft-art-shop__card:hover { transform: translateY(-2px); }
  .ft-art-shop__card:focus-visible { outline: 3px solid var(--ft-focus, #2b5cd6); outline-offset: 2px; }
  .ft-art-shop__img { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 8px; background: #fff; }
  .ft-art-shop__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .ft-art-shop__name { margin-top: 4px; font-weight: 700; font-size: 15px; line-height: 1.3; }
  .ft-art-shop__price { font-weight: 700; font-size: 15px; font-variant-numeric: tabular-nums; }
  .ft-art-shop__price s { font-weight: 500; color: var(--muted); }
  .ft-art-shop__go { margin-top: auto; padding-top: 4px; font-weight: 700; font-size: 14px; color: var(--v4-red); }
  .ft-art-shop__btn { margin-top: 22px; }
  @media (min-width: 750px) {
    .ft-art-shop__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ft-art-shop__card,
    .ft-fig a.ft-fig__link img { transition: none; }
    .ft-fig a.ft-fig__link:hover img { transform: none; }
  }
/* END_SECTION:v4-article */

/* START_SECTION:v4-banner (INDEX:52) */
.ft-banner__media { position: relative; }
  .ft-banner__img { position: relative; aspect-ratio: var(--ft-mob-ratio, 4 / 5); }
  .ft-banner__img img { object-position: var(--ft-focus, 80%) center; }
  .ft-banner__img--desk { display: none; }
  .ft-banner__img--mob { display: block; }
  .ft-banner__link { display: block; color: inherit; }
  .ft-banner__copy { display: grid; gap: 12px; padding: 22px var(--v4-pad) 26px; }
  .ft-banner__copy .v4-deck { color: var(--accent); }
  .ft-banner__copy .v4-btn { justify-self: start; }

  @media (min-width: 750px) {
    .ft-banner__img { aspect-ratio: var(--ft-desk-ratio, 2.33); }
    .ft-banner__img img { object-position: center; }
    .ft-banner__img--desk { display: block; }
    .ft-banner__img--mob { display: none; }
    /* "Sadece mobilde" modunda metin masaüstünde görsel olarak gizlenir (görselin içinde zaten yazıyor) */
    .ft-banner--text-mobile .ft-banner__copy {
      position: absolute !important;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
      padding: 0;
    }
  }
/* END_SECTION:v4-banner */

/* START_SECTION:v4-buybox (INDEX:56) */
/*
    Satın alma kutusu — kart görünümü (Satın Alma Testi prototipi, A düzeni).
    v4.css'teki temel stillerin üzerine yazar; JS'in kullandığı data-* kancalarına dokunmaz.
    Kart kendi renk değişkenlerini taşır: bölüm koyu şemada olsa da kartın içi açık zemin + koyu metin.
  */
  .v4-buy[data-v4-buy] {
    --fg: var(--v4-ink);
    --muted: rgba(29, 26, 23, 0.66);
    --line: rgba(29, 26, 23, 0.16);
    --card: #fff;
    --accent: var(--v4-red);
    --btn-bg: var(--v4-red);
    --btn-fg: #fff;
    --ft-buy-radius: 24px;
    gap: 14px;
    padding: 12px;
    color: var(--fg);
    background: #fffdf9;
    border: 1.5px solid var(--v4-ink);
    border-radius: var(--ft-buy-radius);
    box-shadow: 0 1px 0 rgba(29, 26, 23, 0.08), 0 10px 30px -12px rgba(29, 26, 23, 0.25);
  }

  /* Görsel alanı: mobilde kısa ve yatay, masaüstünde kare */
  .v4-buy .v4-gallery__track,
  .v4-buy .v4-gallery__slide { border-radius: calc(var(--ft-buy-radius) - 10px); }
  .v4-buy .v4-gallery__slide { background: #ece4d5; }
  /* Kırpma odağı (Galeri medyası → Kırpma odağı) */
  .v4-buy .v4-gallery__slide > img,
  .v4-buy .v4-gallery__slide > video { object-position: 50% 50%; }
  .v4-buy .v4-gallery__slide[data-focus="right"] > img,
  .v4-buy .v4-gallery__slide[data-focus="right"] > video { object-position: 78% 50%; }
  .v4-buy .v4-gallery__slide[data-focus="left"] > img,
  .v4-buy .v4-gallery__slide[data-focus="left"] > video { object-position: 22% 50%; }
  .v4-buy .v4-gallery__slide[data-focus="top"] > img,
  .v4-buy .v4-gallery__slide[data-focus="top"] > video { object-position: 50% 15%; }
  .v4-buy .v4-gallery__slide[data-focus="bottom"] > img,
  .v4-buy .v4-gallery__slide[data-focus="bottom"] > video { object-position: 50% 85%; }
  .v4-buy .v4-gallery__pill,
  .v4-buy .v4-gallery__cap {
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 11.5px;
  }
  .v4-buy .v4-gallery__pill { top: 10px; left: 10px; background: rgba(255, 253, 249, 0.9); }
  .v4-buy .v4-gallery__cap { left: 10px; bottom: 10px; }

  /* Sağ taraf */
  .v4-buy .v4-buy__panel { padding: 2px 4px 4px; min-width: 0; }
  .v4-buy .v4-live {
    margin: 0 0 6px;
    padding: 0;
    background: none;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--muted);
  }
  .v4-buy .v4-buy__title { font-size: clamp(26px, 2.6vw, 38px); line-height: 1.02; }
  .v4-buy .v4-buy__sub { margin-top: 6px; font-size: 14.5px; line-height: 1.45; }

  /* Paketler: 2 sütunlu kartlar */
  .v4-buy .v4-packs { margin-top: 16px; }
  .v4-buy .v4-packs legend { flex-wrap: wrap; align-items: baseline; gap: 2px 12px; margin-bottom: 8px; font-size: 14px; }
  .v4-buy .v4-packs__title { font-weight: 800; white-space: nowrap; }
  .v4-buy .v4-packs legend span { font-size: 12.5px; }
  .v4-buy .v4-packs__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 10px;
    padding-top: 6px;
  }
  .v4-buy .v4-pack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    padding: 16px 12px 12px;
    background: #fff;
    border: 1.5px solid var(--line);
    border-radius: 16px;
    box-shadow: none;
  }
  .v4-buy .v4-pack[hidden] { display: none; }
  .v4-buy .v4-pack:hover { border-color: rgba(29, 26, 23, 0.45); }
  .v4-buy .v4-pack:has(input:checked) {
    background: #fff8e4;
    border-color: var(--fg);
    box-shadow: inset 0 0 0 1px var(--fg);
  }
  .v4-buy .v4-pack input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
  }
  .v4-buy .v4-pack__badge {
    top: -9px;
    left: 10px;
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 8px;
    border-radius: 999px;
    background: var(--v4-ink);
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
  .v4-buy .v4-pack__badge--alt { background: #ffd96b; color: var(--v4-ink); }
  .v4-buy .v4-pack__name {
    font-family: var(--v4-display);
    font-stretch: var(--ft-display-stretch);
    font-weight: 700;
    font-size: 19px;
    line-height: 1.1;
  }
  .v4-buy .v4-pack__sub { font-size: 12.5px; line-height: 1.3; color: var(--muted); }
  .v4-buy .v4-pack__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 6px;
    margin-top: 6px;
    text-align: left;
  }
  .v4-buy .v4-pack__price b {
    display: inline;
    font-family: var(--v4-body);
    font-stretch: 100%;
    font-weight: 800;
    font-size: 17px;
  }
  .v4-buy .v4-pack__was { display: inline; font-size: 12px; }
  .v4-buy .v4-pack__save {
    display: block;
    margin: 0;
    padding: 0;
    background: none;
    color: #c8331f;
    font-size: 11.5px;
    font-weight: 800;
  }
  .v4-buy .v4-pack__meta { margin: 0; font-size: 11.5px; font-weight: 600; color: #1f7a4d; }
  .v4-buy .v4-pack__meta:empty { display: none; }
  .v4-buy .v4-pack__gift { margin: 2px 0 0; }

  /* Buton: adet seçici yok (paketler adet yerine geçiyor), tek büyük buton + fiyat */
  .v4-buy .v4-qty { display: none; }
  .v4-buy .v4-cta-row { grid-template-columns: minmax(0, 1fr); margin-top: 16px; }
  .v4-buy .v4-cta-row .v4-btn {
    --h: 58px;
    padding: 0 18px;
    font-size: 16px;
    letter-spacing: 0.01em;
    text-transform: none;
    white-space: nowrap;
  }
  /* "Hemen satın al" ikinci büyük buton değil, altında sade bir bağlantı */
  .v4-buy .v4-buynow {
    --h: 40px;
    margin-top: 4px;
    background: none;
    color: var(--fg);
    border-color: transparent;
    box-shadow: none;
    font-size: 14px;
    letter-spacing: 0.01em;
    text-transform: none;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  /* Kargo satırı, güven satırı */
  .v4-buy .v4-ship {
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    padding: 0;
    background: none;
    font-size: 12.5px;
    color: var(--muted);
    text-align: center;
  }
  .v4-buy .v4-ship svg { width: 16px; height: 16px; flex-basis: 16px; }
  .v4-buy .v4-micro { margin-top: 6px; font-size: 12px; }
  .v4-buy .v4-trust {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
  }
  .v4-buy .v4-trust > div { padding: 0 2px; background: none; border-radius: 0; }
  .v4-buy .v4-trust svg { width: 22px; height: 22px; }
  .v4-buy .v4-trust b { margin-top: 4px; font-size: 11px; font-weight: 700; }
  .v4-buy .v4-trust small { font-size: 10.5px; line-height: 1.25; }
  .v4-buy .v4-pay { margin-top: 10px; }

  @media (max-width: 749px) {
    /* Kart ekran kenarına yakın (prototipteki gibi 16 px); kategori başlığı da aynı hizada */
    .v4-panel.ft-buy-panel { padding: 14px 6px 22px; }
  }
  @media (max-width: 989px) {
    .v4-buy .v4-gallery__slide { aspect-ratio: 16 / 9; }
    /* Küçük resimler yerine görselin üstünde noktalar */
    .v4-buy .v4-gallery__thumbs {
      position: absolute;
      right: 10px;
      bottom: 10px;
      z-index: 3;
      gap: 6px;
      margin: 0;
      padding: 6px 8px;
      border-radius: 999px;
      background: rgba(255, 253, 249, 0.85);
    }
    .v4-buy .v4-gallery__thumb {
      flex: 0 0 7px;
      width: 7px;
      height: 7px;
      border: 0;
      border-radius: 50%;
      background: rgba(29, 26, 23, 0.28);
    }
    .v4-buy .v4-gallery__thumb > * { display: none; }
    .v4-buy .v4-gallery__thumb[aria-current="true"] { background: var(--v4-ink); }
    /* Maddeler aşağıdaki bölümlerde zaten var; mobilde paketler yukarıda kalsın */
    .v4-buy .v4-checks { display: none; }
  }
  @media (min-width: 990px) {
    .v4-buy[data-v4-buy] { gap: 28px; padding: 18px; }
    .v4-buy .v4-buy__panel { padding: 10px 8px 6px 0; }
  }
/* END_SECTION:v4-buybox */

/* START_SECTION:v4-categories (INDEX:57) */
.v4-panel.ft-cats { padding-top: clamp(14px, 2.4vw, 36px); padding-bottom: clamp(18px, 2.4vw, 36px); }
  .v4-sec.ft-cats-sec--attach,
  .v4-panel.ft-cats--attach { padding-bottom: 0; }
  .ft-cats__kicker {
    margin: 0 0 10px;
    font-family: var(--v4-body);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--muted);
  }
  .ft-cats__title {
    margin: 0;
    font-family: var(--v4-display);
    font-stretch: var(--ft-display-stretch);
    font-weight: 700;
    font-size: clamp(32px, 6vw, 60px);
    line-height: 1.02;
    letter-spacing: -0.01em;
    text-wrap: balance;
  }
  .ft-cats__title mark {
    padding: 0 0.12em;
    border-radius: 0.18em;
    background: var(--ft-mark, #ffd96b);
    color: inherit;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
  }
  .ft-cats__lead {
    margin: 12px 0 0;
    max-width: 56ch;
    font-family: var(--v4-body);
    font-size: clamp(15px, 1.25vw, 18px);
    line-height: 1.5;
    color: var(--muted);
  }
  .ft-cats__nav { margin-top: 20px; }
  .ft-cats__list {
    list-style: none;
    margin: 0;
    padding: 2px 0 4px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }
  .ft-cats__list::-webkit-scrollbar { display: none; }
  .ft-cats__list > li { flex: none; scroll-snap-align: start; }
  .ft-cats__pill {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    margin: 0;
    padding: 8px 14px 8px 8px;
    border: 1.5px solid var(--fg);
    border-radius: 999px;
    background: var(--card, #fff);
    color: var(--fg);
    font: inherit;
    font-family: var(--v4-body);
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
  }
  button.ft-cats__pill { cursor: pointer; }
  .ft-cats__pill.is-soon { cursor: default; }
  .ft-cats__pill.is-current { background: var(--fg); color: var(--bg); }
  .ft-cats__dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1.5px solid var(--fg);
    flex: none;
  }
  .ft-cats__badge {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
  }
  .ft-cats__pill.is-current .ft-cats__badge { color: inherit; opacity: 0.7; }
  /* Kategori butonları ürün hatlarını sürüyorsa satın alma kutusunun kendi sekmeleri tekrar görünmesin */
  body:has(.ft-cats [data-ft-line]) [data-v4-buy] .v4-tabs { display: none; }
  @media (max-width: 749px) {
    /* Satın alma kutusu ilk ekranda kalsın diye mobilde başlık alanı sıkı; kenar boşluğu kartla aynı (16 px) */
    .v4-panel.ft-cats { padding-inline: 6px; }
    .ft-cats--compact .ft-cats__lead { display: none; }
    .ft-cats__kicker { margin-bottom: 6px; }
    .ft-cats__nav { margin-top: 14px; }
    .ft-cats__list {
      margin-inline: -6px;
      padding-inline: 6px;
      scroll-padding-inline: 6px;
    }
  }
/* END_SECTION:v4-categories */

/* START_SECTION:v4-footer (INDEX:64) */
.ft-foot-wrap.shopify-section { display: block; }
  .ft-foot {
    --ft-foot-fg: #ede6d8;
    --ft-foot-head: #cfc5b5;
    --ft-foot-muted: #c9bfaf;
    --ft-foot-line: rgba(245, 239, 227, 0.18);
    overflow: hidden;
    padding: 52px 0 0;
    background: var(--ft-ink);
    color: var(--ft-on-dark);
    font-family: var(--ft-body);
  }
  .ft-foot ul { list-style: none; margin: 0; padding: 0; }
  .ft-foot a { color: var(--ft-foot-fg); text-decoration: none; }
  .ft-foot a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .ft-foot :focus-visible { outline: 3px solid var(--ft-on-dark); outline-offset: 2px; border-radius: 4px; }

  /* Sütun başlıkları: küçük, aralıklı büyük harf */
  .ft-foot .ft-foot__h,
  .ft-foot .ft-foot__cols nav h2 {
    margin: 0 0 12px;
    font: 700 var(--ft-fs-xs) / 1.2 var(--ft-body);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ft-foot-head);
  }

  .ft-foot .ft-foot__intro {
    margin-bottom: 40px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--ft-foot-line);
  }
  .ft-foot .ft-foot__logo {
    display: block;
    height: auto;
    margin-bottom: 20px;
    filter: brightness(0) invert(94%) sepia(12%) saturate(300%);
  }
  .ft-foot .ft-foot__about { max-width: 62ch; margin: 0; font-size: 15px; line-height: 1.6; color: var(--ft-foot-fg); }

  .ft-foot .ft-foot__cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px 20px;
  }
  .ft-foot .ft-foot__cols li a {
    display: flex;
    align-items: center;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.3;
  }
  .ft-foot .ft-footer__pending { display: flex; align-items: center; min-height: 40px; font-size: 15px; opacity: 0.45; }
  .ft-foot .ft-foot__wide { grid-column: 1 / -1; }

  .ft-foot .ft-foot__social { display: flex; gap: 8px; margin-top: 12px; }
  .ft-foot .ft-foot__social a {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(245, 239, 227, 0.35);
  }
  .ft-foot .ft-foot__social a:hover { background: rgba(245, 239, 227, 0.08); }
  .ft-foot .ft-foot__social svg { width: 18px; height: 18px; }

  .ft-foot .ft-foot__pay-note { margin: 0; font-size: 15px; color: var(--ft-foot-fg); }
  .ft-foot .ft-foot__pay { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
  .ft-foot .ft-foot__pay li {
    padding: 7px 9px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(245, 239, 227, 0.35);
    font: 700 11.5px / 1 var(--ft-body);
    color: var(--ft-foot-fg);
  }
  .ft-foot .ft-foot__pay--icons svg { width: auto; height: 24px; }
  .ft-foot .ft-foot__logos { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
  .ft-foot .ft-foot__logo-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: var(--ft-r-sm);
    background: var(--ft-paper);
  }
  .ft-foot .ft-foot__logo-chip img { display: block; width: auto; height: 40px; }

  .ft-foot .ft-foot__news { margin-top: 28px; }
  .ft-foot .ft-foot__news-row {
    display: flex;
    max-width: 420px;
    border-radius: var(--ft-r-pill);
    box-shadow: inset 0 0 0 1px rgba(245, 239, 227, 0.35);
    overflow: hidden;
  }
  .ft-foot .ft-foot__news-row input {
    flex: 1;
    min-width: 0;
    height: 48px;
    padding: 0 18px;
    border: 0;
    background: transparent;
    color: var(--ft-on-dark);
    font: inherit;
  }
  .ft-foot .ft-foot__news-row input::placeholder { color: rgba(245, 239, 227, 0.6); }
  .ft-foot .ft-foot__news-row button {
    padding: 0 22px;
    border: 0;
    background: var(--ft-paper);
    color: var(--ft-bordo);
    font: 800 15px / 1 var(--ft-body);
    cursor: pointer;
  }
  .ft-foot .ft-foot__news-ok { margin: 0; font-weight: 700; }
  .ft-foot .ft-foot__news-err,
  .ft-foot .ft-foot__news-note { margin: 8px 0 0; font-size: var(--ft-fs-xs); color: var(--ft-foot-muted); }

  .ft-foot .ft-foot__legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 20px;
    margin-top: 36px;
    padding: 18px 0 22px;
    border-top: 1px solid var(--ft-foot-line);
    align-items: center;
    font-size: var(--ft-fs-xs);
    line-height: 1.5;
    color: var(--ft-foot-muted);
  }
  .ft-foot .ft-foot__legal p { margin: 0; }
  .ft-foot .ft-foot__legal-links { display: flex; flex-wrap: wrap; gap: 0 18px; }
  .ft-foot .ft-foot__legal-links a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    color: var(--ft-foot-muted);
    font-size: var(--ft-fs-xs);
  }
  .ft-foot .ft-foot__company { flex-basis: 100%; }

  .ft-foot .ft-foot__mark {
    margin: 0 0 -2px;
    font-family: var(--ft-display);
    font-stretch: 75%;
    font-weight: 900;
    font-size: 25vw;
    line-height: 0.74;
    letter-spacing: -0.01em;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--ft-bordo);
    -webkit-user-select: none;
    user-select: none;
  }

  @media (max-width: 989px) {
    /* Mobilde yapışkan "sepete ekle" çubuğu (~70 px) son satırların üstüne binmesin */
    .ft-foot .ft-foot__legal { padding-bottom: 84px; }
  }
  @media (min-width: 990px) {
    .ft-foot { padding-top: 76px; }
    /* Marka metni satırı alttaki sütun ızgarasıyla aynı: başlık 1. sütunda, metin 2. sütundan başlar */
    .ft-foot .ft-foot__intro { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.2fr; gap: 0 40px; align-items: start; }
    .ft-foot .ft-foot__logo { grid-column: 1 / -1; }
    .ft-foot .ft-foot__about { grid-column: 2 / -1; }
    .ft-foot .ft-foot__intro .ft-foot__h { margin-top: 3px; }
    .ft-foot .ft-foot__cols { grid-template-columns: 1.3fr 1fr 1fr 1.2fr; gap: 40px; }
    .ft-foot .ft-foot__wide { grid-column: auto; }
    .ft-foot .ft-foot__legal-links { margin-left: auto; }
    .ft-foot .ft-foot__mark { font-size: min(25vw, 300px); }
  }
/* END_SECTION:v4-footer */

/* START_SECTION:v4-header (INDEX:66) */
/* Bölüm kapsayıcısı yapışkan: duyuru çubuğu (--ft-ann-h) kaydırınca yukarıda kalır, header ekranda kalır.
     Kapsayıcının kendisi yapışkan olmalı; içindeki header yapışkan olsa kapsayıcının sınırında kalırdı. */
  .ft-hd-wrap.shopify-section {
    --ft-ann-h: 30px;
    display: block;
    position: sticky;
    top: 0;
    z-index: 40;
  }
  .ft-hd-wrap.shopify-section:has(> .ft-ann) { top: calc(var(--ft-ann-h) * -1); }
  /* Menü açıkken header (ve paneli) yapışkan satın al çubuğunun üstünde kalsın */
  .ft-hd-wrap.shopify-section:has(.ft-hd__menu[open]) { z-index: 70; }

  /* ── Duyuru çubuğu ── */
  .ft-ann {
    position: relative;
    display: block;
    height: var(--ft-ann-h);
    overflow: hidden;
    background: var(--ft-ink);
    color: var(--ft-paper);
    font: 600 var(--ft-ann-fs, var(--ft-fs-xs)) / var(--ft-ann-h) var(--ft-body);
    letter-spacing: 0.01em;
    text-align: center;
    text-decoration: none;
  }
  .ft-ann b { font-weight: 700; color: #ebcdae; }
  .ft-ann__msg { white-space: nowrap; }
  a.ft-ann:hover .ft-ann__msg { text-decoration: underline; text-underline-offset: 3px; }

  .ft-ann__rot { display: block; position: relative; height: 100%; }
  .ft-ann__rot > .ft-ann__msg {
    position: absolute;
    inset: 0;
    padding: 0 var(--ft-gutter);
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.4s, transform 0.4s, visibility 0s 0.4s;
  }
  .ft-ann__rot:not(.is-js) > .ft-ann__msg:first-child,
  .ft-ann__rot > .ft-ann__msg.is-on {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-delay: 0s;
  }

  .ft-ann--marquee .ft-ann__track {
    display: flex;
    width: max-content;
    animation: ft-ann-marquee var(--ft-ann-speed, 40s) linear infinite;
  }
  .ft-ann--marquee .ft-ann__group { display: flex; flex-shrink: 0; }
  .ft-ann--marquee .ft-ann__msg { padding: 0 18px; }
  .ft-ann--marquee .ft-ann__msg::after { content: "•"; margin-left: 36px; opacity: 0.5; }
  .ft-ann--marquee:hover .ft-ann__track,
  .ft-ann--marquee:focus-visible .ft-ann__track { animation-play-state: paused; }
  @keyframes ft-ann-marquee { to { transform: translateX(-50%); } }

  /* ── Header çubuğu ── */
  .ft-hd {
    background: var(--ft-paper);
    color: var(--ft-ink);
    border-bottom: 1px solid var(--ft-line);
    font-family: var(--ft-body);
  }
  .ft-hd .ft-hd__in {
    box-sizing: border-box;
    height: calc(var(--ft-hd-h) - 1px);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "menu logo right";
    align-items: center;
  }
  .ft-hd .ft-hd__menu { grid-area: menu; justify-self: start; }
  .ft-hd .ft-hd__logo { grid-area: logo; }
  .ft-hd .ft-hd__nav { grid-area: nav; display: none; }
  .ft-hd .ft-hd__right { grid-area: right; justify-self: end; display: flex; align-items: center; margin-right: -10px; }

  .ft-hd .ft-hd__btn {
    position: relative;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--ft-r-pill);
    background: none;
    color: var(--ft-ink);
    text-decoration: none;
    cursor: pointer;
  }
  .ft-hd .ft-hd__btn:hover { background: rgba(29, 26, 23, 0.06); }
  .ft-hd .ft-hd__btn svg { width: 24px; height: 24px; }
  .ft-hd .ft-hd__burger { margin-left: -10px; list-style: none; }
  .ft-hd .ft-hd__burger::-webkit-details-marker { display: none; }
  .ft-hd .ft-hd__search,
  .ft-hd .ft-hd__account,
  .ft-hd .ft-hd__cta { display: none; }

  .ft-hd .ft-hd__count {
    position: absolute;
    top: 5px;
    right: 3px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--ft-bordo);
    color: var(--ft-paper);
    font: 700 11px / 18px var(--ft-body);
    text-align: center;
  }
  .ft-hd .ft-hd__count:empty,
  .ft-hd .ft-hd__count[data-cart-count="0"] { display: none; }

  /* Logo: görsel kutu içinde kaydırılarak kenar boşluğu gizlenir (bkz. snippets/ft-header-logo).
     Genişlik ayardan gelir ama header yüksekliğine (--ft-hd-h − 12 px) sığacak şekilde orantılı küçülür, kesilmez. */
  .ft-hd .ft-hd__logo {
    display: block;
    color: var(--ft-bordo);
    text-decoration: none;
    line-height: 1;
  }
  .ft-hd .ft-hd__logo-box {
    position: relative;
    display: block;
    width: min(var(--ft-logo-w-m), 46vw, calc((var(--ft-hd-h) - 12px) * var(--ft-logo-ratio, 3)));
    aspect-ratio: var(--ft-logo-ratio, 3);
    overflow: hidden;
  }
  .ft-hd .ft-hd__logo-box img {
    position: absolute;
    max-width: none;
    height: auto;
  }
  .ft-hd .ft-hd__wordmark {
    display: block;
    padding: 6px 4px;
    font-family: var(--ft-display);
    font-stretch: 75%;
    font-weight: 900;
    font-size: 28px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
  }

  /* Rozet (ör. YENİ): bordo hap, önünde duyuru bandının bakır rengiyle küçük nokta */
  .ft-hd .ft-hd__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    padding: 3px 7px 3px 6px;
    border-radius: var(--ft-r-pill, 999px);
    background: var(--ft-bordo);
    color: var(--ft-paper);
    font: 800 9.5px / 1.1 var(--ft-body);
    font-stretch: normal;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: 0.35em;
  }
  .ft-hd .ft-hd__badge::before {
    content: "";
    flex: none;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ebcdae;
  }
  .ft-hd .ft-hd__link--soon { cursor: default; color: var(--ft-ink-3); }
  .ft-hd .ft-hd__txt { display: flex; flex-direction: column; min-width: 0; }
  .ft-hd .ft-hd__thumb { display: none; }

  /* ── Mobil menü paneli (tam yükseklik, soldan): kategoriler görselle ── */
  .ft-hd .ft-hd__scrim { position: fixed; inset: 0; z-index: 59; background: rgba(29, 26, 23, 0.45); }
  .ft-hd .ft-hd__panel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    display: flex;
    flex-direction: column;
    width: min(88vw, 400px);
    padding: 0 var(--ft-gutter) calc(24px + env(safe-area-inset-bottom));
    overflow-y: auto;
    background: var(--ft-paper);
    box-shadow: 20px 0 60px rgba(0, 0, 0, 0.18);
  }
  .ft-hd .ft-hd__panel-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: var(--ft-hd-h);
    margin-right: -10px;
  }
  .ft-hd .ft-hd__panel-title {
    font: 800 12px / 1.2 var(--ft-body);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ft-ink-3);
  }
  .ft-hd .ft-hd__panel-top .ft-hd__btn { margin-left: auto; }
  .ft-hd .ft-hd__panel-links { border-top: 1px solid var(--ft-line); }
  .ft-hd .ft-hd__panel .ft-hd__link {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 60px;
    border-bottom: 1px solid var(--ft-line);
    color: var(--ft-ink);
    text-decoration: none;
    font-family: var(--ft-display);
    font-stretch: var(--ft-display-stretch);
    font-weight: var(--ft-display-weight);
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase;
  }
  .ft-hd .ft-hd__panel .ft-hd__link--cat { min-height: 76px; padding: 10px 0; font-size: 26px; }
  .ft-hd .ft-hd__panel .ft-hd__thumb {
    display: block;
    flex: none;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 14px;
    background: var(--ft-paper-2);
    box-shadow: 0 0 0 1px var(--ft-line);
  }
  .ft-hd .ft-hd__panel .ft-hd__thumb img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
  .ft-hd .ft-hd__panel .ft-hd__txt { gap: 5px; }
  .ft-hd .ft-hd__panel .ft-hd__sub {
    font-family: var(--ft-body);
    font-stretch: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ft-ink-3);
  }
  .ft-hd .ft-hd__panel .ft-hd__badge { margin-left: auto; font-size: 10px; vertical-align: baseline; }
  .ft-hd .ft-hd__panel .ft-hd__link[aria-current="page"] { color: var(--ft-bordo); }
  .ft-hd .ft-hd__panel .ft-hd__link--soon { color: var(--ft-ink-3); }
  .ft-hd .ft-hd__panel-foot {
    display: grid;
    gap: 2px;
    margin-top: auto;
    padding-top: 28px;
  }
  .ft-hd .ft-hd__panel-foot a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    color: var(--ft-ink-2);
    text-decoration: none;
    font-size: var(--ft-fs-base);
    font-weight: 600;
  }
  .ft-hd .ft-hd__panel-foot svg { width: 20px; height: 20px; color: var(--ft-ink-3); }

  /* ── Masaüstü ── */
  @media (min-width: 990px) {
    .ft-hd-wrap.shopify-section { --ft-ann-h: 34px; }
    .ft-ann { font-size: var(--ft-ann-fs-d, var(--ft-fs-xs)); }
    .ft-hd .ft-hd__in {
      grid-template-columns: auto 1fr auto;
      grid-template-areas: "logo nav right";
      column-gap: 48px;
    }
    .ft-hd--center .ft-hd__in {
      grid-template-columns: 1fr auto 1fr;
      grid-template-areas: "nav logo right";
    }
    .ft-hd .ft-hd__menu { display: none; }
    .ft-hd .ft-hd__nav { display: flex; align-items: center; gap: 6px; margin-left: -12px; }
    /* Kategori menüsü (INO gibi): ad + alt satır, rozet sağ üstte; üzerine gelince / bu sayfada altı bordo çizgi */
    .ft-hd .ft-hd__nav .ft-hd__link {
      position: relative;
      display: inline-flex;
      align-items: center;
      min-height: 52px;
      padding: 0 12px;
      color: var(--ft-ink);
      text-decoration: none;
      font-weight: 600;
      font-size: 15px;
      line-height: 1.15;
      white-space: nowrap;
    }
    .ft-hd .ft-hd__nav .ft-hd__link::after {
      content: "";
      position: absolute;
      left: 12px;
      right: 12px;
      bottom: 4px;
      height: 2px;
      border-radius: 2px;
      background: var(--ft-bordo);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.2s ease;
    }
    .ft-hd .ft-hd__nav a.ft-hd__link:hover::after,
    .ft-hd .ft-hd__nav .ft-hd__link[aria-current="page"]::after { transform: scaleX(1); }
    .ft-hd .ft-hd__nav .ft-hd__txt { gap: 2px; }
    .ft-hd .ft-hd__nav .ft-hd__sub { font-size: 12px; font-weight: 500; color: var(--ft-ink-3); }
    .ft-hd .ft-hd__nav .ft-hd__link--soon { color: var(--ft-ink-3); }
    .ft-hd .ft-hd__nav .ft-hd__badge { align-self: flex-start; margin-top: 2px; vertical-align: baseline; }
    .ft-hd .ft-hd__search,
    .ft-hd .ft-hd__account { display: grid; }
    .ft-hd .ft-hd__cta {
      --h: 44px;
      display: inline-flex;
      margin-left: 10px;
      padding: 0 20px;
      font-size: 16px;
    }
    .ft-hd .ft-hd__logo-box { width: min(var(--ft-logo-w), calc((var(--ft-hd-h) - 12px) * var(--ft-logo-ratio, 3))); }
    /* Hamburger düzeni: masaüstünde de menü panelde, logo ortada */
    .ft-hd.ft-hd--burger .ft-hd__in { grid-template-columns: 1fr auto 1fr; grid-template-areas: "menu logo right"; column-gap: 0; }
    .ft-hd.ft-hd--burger .ft-hd__menu { display: block; }
    .ft-hd.ft-hd--burger .ft-hd__nav { display: none; }
    .ft-hd .ft-hd__wordmark { font-size: 36px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .ft-ann__rot > .ft-ann__msg { transition: none; }
    .ft-ann--marquee .ft-ann__track { animation: none; }
    .ft-ann--marquee .ft-ann__group[aria-hidden="true"] { display: none; }
    .ft-hd .ft-hd__nav .ft-hd__link::after { transition: none; }
  }
/* END_SECTION:v4-header */

/* START_SECTION:v4-posts (INDEX:75) */
.ft-posts {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 80%;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .ft-posts::-webkit-scrollbar { display: none; }
  .ft-post { scroll-snap-align: start; display: grid; gap: 8px; align-content: start; }
  @media (min-width: 750px) {
    .ft-posts {
      grid-auto-flow: row;
      grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr));
      overflow: visible;
    }
  }
  .ft-post__media { display: block; aspect-ratio: 4 / 3; border-radius: var(--ft-card-radius); }
  .ft-post__kind,
  .ft-post__time {
    position: absolute;
    z-index: 2;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
  }
  .ft-post__kind { top: 10px; left: 10px; background: var(--v4-red); color: #fff; }
  .ft-post__time { right: 10px; bottom: 10px; background: rgba(255, 255, 255, 0.92); color: var(--v4-ink); }
  .ft-post__title {
    margin: 4px 0 0;
    font-family: var(--v4-display);
    font-stretch: var(--ft-display-stretch);
    font-weight: 700;
    font-size: clamp(18px, 1.6vw, 22px);
    line-height: 1.15;
  }
  .ft-post__title a { color: inherit; text-decoration: none; }
  .ft-post__desc { margin: 0; font-size: 14.5px; color: var(--muted); }
  .ft-posts__empty { grid-column: 1 / -1; color: var(--muted); }
/* END_SECTION:v4-posts */

/* START_SECTION:v4-reviews (INDEX:77) */
.v4-rev--media { padding: 0; overflow: hidden; border-radius: var(--ft-card-radius); }
  .v4-rev--media .v4-rev__body { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
  .v4-rev__media { aspect-ratio: 1 / 1; }
  .v4-rev:not(.v4-rev--media) .v4-rev__body { display: contents; }
/* END_SECTION:v4-reviews */

/* START_SECTION:v4-sets (INDEX:80) */
.ft-sets {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 72%;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
    scrollbar-width: none;
  }
  .ft-sets::-webkit-scrollbar { display: none; }
  .ft-sets__cell { scroll-snap-align: start; min-width: 0; }
  @media (min-width: 750px) {
    .ft-sets {
      grid-auto-flow: row;
      grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr));
      overflow: visible;
    }
  }
  .ft-sets__empty {
    display: grid;
    place-items: center;
    min-height: 200px;
    border: 1px dashed var(--line);
    border-radius: var(--ft-card-radius);
    color: var(--muted);
    font-size: 14px;
  }
  .ft-sets__note { margin: 12px 0 0; font-size: 12px; color: var(--muted); }

  .ft-set {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--card, #fff);
    border-radius: var(--ft-card-radius);
    overflow: hidden;
  }
  .ft-set.is-off .ft-set__media { opacity: 0.6; }
  .ft-set__media { aspect-ratio: 1 / 1; }
  .ft-set__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--v4-red);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
  }
  .ft-set__body { display: flex; flex-direction: column; gap: 4px; padding: 14px; flex: 1; }
  .ft-set__title {
    margin: 0;
    font-family: var(--v4-display);
    font-stretch: var(--ft-display-stretch);
    font-weight: 700;
    font-size: clamp(17px, 1.5vw, 21px);
    line-height: 1.1;
  }
  .ft-set__sub { margin: 0; font-size: 13.5px; color: var(--muted); }
  .ft-set__price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin: auto 0 0;
    padding-top: 8px;
    font-variant-numeric: tabular-nums;
  }
  .ft-set__price b { font-size: 18px; }
  .ft-set__was { font-size: 12.5px; color: var(--muted); }
  .ft-set__form { margin-top: 10px; }
  .ft-set__add { --h: 46px; font-size: 13px; }
/* END_SECTION:v4-sets */

/* START_SECTION:v4-trust-accordion (INDEX:85) */
.ft-ta { display: grid; gap: 22px; }
  .ft-ta__title { text-align: center; }
  .ft-ta__badges {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 12px;
    text-align: center;
  }
  .ft-ta__badge { flex: 1 1 0; min-width: 0; max-width: 200px; }
  .ft-ta__badge > a,
  .ft-ta__badge > div {
    display: grid;
    justify-items: center;
    gap: 8px;
    color: var(--fg);
    text-decoration: none;
  }
  .ft-ta__badge-media { width: 64px; height: 64px; display: grid; place-items: center; }
  .ft-ta__badge-media img { width: 64px; height: 64px; object-fit: contain; }
  .ft-ta__badge-media svg { width: 40px; height: 40px; }
  .ft-ta__badge-label { font-weight: 600; font-size: 13.5px; line-height: 1.3; }
  .ft-ta__badge-doc {
    font-size: 12px;
    color: var(--muted);
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .ft-ta__badge > a:hover .ft-ta__badge-doc { color: var(--fg); }
  .ft-ta__num { color: var(--muted); font-variant-numeric: tabular-nums; }
  .ft-ta__item .v4-acc__a p + p { margin-top: 0.8em; }
  @media (min-width: 750px) {
    .ft-ta__badge-media,
    .ft-ta__badge-media img { width: 76px; height: 76px; }
  }
/* END_SECTION:v4-trust-accordion */

/* START_SECTION:v4-video-feature (INDEX:86) */
.ft-video { border-radius: var(--ft-card-radius); background: #000; }
  .ft-video__el,
  .ft-video__poster,
  .ft-video__poster img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .ft-video.is-playing .ft-video__poster { display: none; }
  .ft-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    margin: -38px 0 0 -38px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: var(--v4-ink);
    cursor: pointer;
    transition: transform 0.15s ease;
  }
  .ft-video__play:hover { transform: scale(1.05); }
  .ft-video__play svg { width: 30px; height: 30px; margin-left: 4px; }
  .ft-video.is-playing .ft-video__play { display: none; }
  .ft-video__text { margin-top: 18px; }
/* END_SECTION:v4-video-feature */

/* CSS from block stylesheet tags */
/* START_BLOCK:card (INDEX:89) */
.block-card {
    /* Additional block-specific styles can be added here */
  }
/* END_BLOCK:card */

/* START_BLOCK:group (INDEX:91) */
.group {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .group--horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--padding);
  }

  .group--vertical {
    flex-direction: column;
    align-items: var(--alignment);
    padding: var(--padding) 0;
  }
/* END_BLOCK:group */

/* START_BLOCK:text (INDEX:93) */
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }
/* END_BLOCK:text */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:card (INDEX:95) */
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    background: rgba(var(--card-background-rgb, 255, 255, 255), var(--card-transparency, 0.8));
    backdrop-filter: blur({{ card_styling.card_backdrop_blur | default: 10 }}px);
    -webkit-backdrop-filter: blur({{ card_styling.card_backdrop_blur | default: 10 }}px);
    border: {{ card_styling.card_border_width | default: 1 }}px solid {{ card_styling.card_border_color | default: 'rgba(255, 255, 255, 0.2)' }};
    border-radius: var(--card-border-radius, {{ card_styling.card_border_radius | default: 12 }}px);
    box-shadow: {{ card_styling.card_shadow_horizontal | default: 0 }}px {{ card_styling.card_shadow_vertical | default: 8 }}px {{ card_styling.card_shadow_blur | default: 32 }}px {{ card_styling.card_shadow_spread | default: 0 }}px {{ card_styling.card_shadow_color | default: 'rgba(0, 0, 0, 0.1)' }};
    overflow: hidden;
    transition: all {{ card_styling.card_transition_duration | default: 300 }}ms ease;
    min-height: {{ card_styling.card_min_height | default: 120 }}px;
    height: 100%;
    padding: var(--card-padding);
  }

  /* Header styles */
  .card__header {
    border-bottom: {{ card_styling.card_header_border_width | default: 1 }}px solid {{ card_styling.card_header_border_color | default: 'rgba(255, 255, 255, 0.1)' }};
    font-size: var(--header-font-size);
    color: var(--header-color);
    font-weight: var(--header-font-weight);
  }

  .card--header-default .card__header {
    /* Use custom typography settings */
  }

  .card--header-large .card__header {
    /* Override with larger size if needed */
    font-size: calc(var(--header-font-size) * 1.2);
  }

  .card--header-small .card__header {
    /* Override with smaller size if needed */
    font-size: calc(var(--header-font-size) * 0.8);
  }

  .card--header-accent .card__header {
    /* Use accent color from theme settings */
    color: var(--color-accent);
  }

  /* Content area */
  .card__content {
    font-size: var(--content-font-size);
    color: var(--content-color);
    font-weight: var(--content-font-weight);
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }



  /* Dark mode support */
  @media (prefers-color-scheme: dark) {
    .card {
      background: {{ card_styling.card_dark_background_color | default: 'rgba(0, 0, 0, 0.8)' }};
      border-color: {{ card_styling.card_dark_border_color | default: 'rgba(255, 255, 255, 0.1)' }};
    }
  }
/* END_SNIPPET:card */

/* START_SNIPPET:icon-text-card (INDEX:128) */
.icon-text-card {
    --icon-size: 48px;
    --frame-color: rgba(0, 0, 0, 0.12);
    --card-bg: rgba(255, 255, 255, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    height: 100%;
  }

  .icon-text-card__header {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .icon-text-card__icon {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 10px;
  }

  .icon-text-card__icon-inner {
    width: 44px;
    height: 44px;
    background-image: url('{{ 'icon-bg.png' | asset_url }}');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
  }

  /* Use ellipse-cut.png for the decorative ring with top-right cut */

  .icon-text-card__icon-inner img {
    width: 60%;
    height: 60%;
    object-fit: contain;
    display: block;
  }
  .icon-text-card__icon-inner svg {
    width: 20px;
    height: 20px;
    display: block;
  }
  .icon-text-card__svg svg {
    width: 20px;
    height: 20px;
    display: block;
  }

  .icon-text-card__icon-placeholder {
    width: 50%;
    height: 50%;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.15);
    display: block;
  }

  .icon-text-card__title {
    position: absolute;
    top: 25px;
    left: 95px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0;
    width: 140px;
  }

  .icon-text-card__frame {
    position: relative;
    padding: 16px;
    border-radius: 12px;
  }

  /* Only draw top-left and bottom-right frame corners */
  .icon-text-card__frame::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    --corner: 16px;
    background: linear-gradient(var(--frame-color), var(--frame-color)) 0 0 / var(--corner) 1px no-repeat
    , linear-gradient(var(--frame-color), var(--frame-color)) 0 0 / 1px var(--corner) no-repeat
    , linear-gradient(var(--frame-color), var(--frame-color)) 100% 100% / var(--corner) 1px no-repeat
    , linear-gradient(var(--frame-color), var(--frame-color)) 100% 100% / 1px var(--corner) no-repeat;
  }

  .icon-text-card__text {
    font-size: 12px;
    line-height: 1.5;
    color: #000;
  }

  @media (max-width: 768px) {
    .icon-text-card {
      gap: 12px;
    }
    .icon-text-card__title {
      font-size: 15px;
    }
    .icon-text-card__text {
      font-size: 14px;
    }
  }
/* END_SNIPPET:icon-text-card */

/* START_SNIPPET:image-text-card (INDEX:129) */
.image-text-card {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: stretch;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 24px 24px 24px 0;
    overflow: hidden;
  }

  .image-text-card__video-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000;
    background-repeat: no-repeat;
  }

  .image-text-card__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px 24px 24px 0;
    display: block;
    opacity: 0;
    transition: opacity 0.3s ease;
    /* 300ms */
  }
  .image-text-card.video-visible .image-text-card__video {
    opacity: 1;
  }

  /* Transparent scrim (click-layer only, no dark overlay) */
  .image-text-card__scrim {
    position: absolute;
    inset: 0;
    z-index: 2;
    /* under button, above video */
    background: transparent;
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: auto;
    /* capture clicks to toggle */
  }
  .image-text-card__scrim.is-hidden {
    opacity: 0;
    /* let video receive events when hidden */
  }

  /* Play/Pause Button — keep top-right */
  .image-text-card__play-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 9999px;
    background: #F3FF75;
    display: grid;
    place-items: center;
    z-index: 5;
    /* above scrim and video */
    cursor: pointer;
    transition: opacity 0.3s ease;
    backdrop-filter: saturate(120%) blur(2px);
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto;
    will-change: opacity;
  }

  .image-text-card__play-btn svg {
    fill: #000;
    width: 24px;
    height: 24px;
    stroke: none;
  }

  /* Icons toggle */
  .image-text-card__pause-icon {
    display: none;
  }
  .image-text-card.is-playing .image-text-card__play-icon {
    display: none;
  }
  .image-text-card.is-playing .image-text-card__pause-icon {
    display: inline;
  }

  /* Hidden state for auto-hide */
  .image-text-card__play-btn.is-hidden {
    opacity: 0;
    pointer-events: none;
  }

  .image-text-card__overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px;
    pointer-events: none;
    z-index: 3;
    /* above scrim */
  }

  .image-text-card__overlay-inner {
    pointer-events: auto;
    width: 100%;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 24px 24px 24px 0;
    padding: 24px;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(var(--overlay-blur-amount, 12px));
  }

  .image-text-card__text {
    color: #000;
    font-size: 16px;
    font-weight: 500;
  }
/* END_SNIPPET:image-text-card */

/* START_SNIPPET:image (INDEX:130) */
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* END_SNIPPET:image */

/* START_SNIPPET:product-card (INDEX:131) */
.product-card {
    height: min-content;
    display: flex;
    flex-direction: column;
    position: relative;
  }


  .product-card__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .product-card__vendor {
    color: #666;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
  }

  .product-card__title {
    font-size: 40px;
    color: #000000;
    font-weight: 600;
    line-height: 0.9;
  }

  .product-card__link {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .product-card__link:hover {
    color: #007acc;
  }

  .product-card__description {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
  }

  /* Size Options */
  .product-card__size-options {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .product-card__size-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    background: transparent;
  }

  .product-card__size-btn-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    color: #000000;
  }

  .product-card__size-btn-text-label {
    font-size: 16px;
    font-weight: 600;
  }

  .product-card__size-btn-text-price {
    font-size: 14px;
    font-weight: 400;
  }

  .product-card__size-btn--active {
    outline: 2px solid #000000;
  }

  .product-card__size-price {
    font-size: 16px;
    font-weight: 500;
  }

  /* Bottom Actions */
  .product-card__bottom-actions {
    display: flex;
    gap: 0.5rem;
    align-items: center;
  }

  /* Ensure 3 equal-width actions */
  .product-card__bottom-actions > * {
    flex: 1 1 0;
    min-width: 0;
  }

  .product-card__quantity {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid #000000;
    padding: 10px 16px;
    border-radius: 12px;
    flex: 1;
  }

  .product-card__qty-btn {
    border: none;
    background: transparent;
    color: #333;
    font-size: 1.2rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-radius: 12px;
  }

  .product-card__qty-input {
    border: none;
    background: transparent;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    flex: 1;
  }

  .product-card__qty-input:focus {
    outline: none;
  }

  /* Hide number input spinners */
  .product-card__qty-input::-webkit-outer-spin-button,
  .product-card__qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  .product-card__qty-input[type=number] {
    -moz-appearance: textfield;
  }

  .product-card__form {
    flex: 1;
    display: flex;
    border-radius: 12px;
  }

  .product-card__add-to-cart {
    padding: 14px 16px;
    background: transparent;
    border: 1px solid #000000;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
  }

  .product-card__buy-now {
    flex: 1;
    padding: 14px 16px;
    background: #000000;
    color: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
  }

  .product-card__actions {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .btn__text {
    color: #000;
  }

  .product-card__form {
    margin: 0;
  }

  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.875rem;
    line-height: 1;
  }

  .btn--primary {
    background: #007acc;
    color: white;
  }

  .btn--primary:hover {
    background: #005999;
    transform: translateY(-1px);
  }

  .btn--disabled {
    background: #ccc;
    color: #999;
    cursor: not-allowed;
  }

  .product-card__view-details {
    text-align: center;
    color: #007acc;
    text-decoration: none;
    font-size: 0.875rem;
    padding: 0.5rem;
  }

  .product-card__size-btn-text-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .product-card__view-details:hover {
    text-decoration: underline;
  }


  @media (max-width: 768px) {
    .product-card__bottom-actions {
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
    }

    .product-card__bottom-actions > * {
      width: 100%;
      flex: 0 0 auto;
    }

    .product-card__form,
    .product-card__add-to-cart,
    .product-card__buy-now,
    .product-card__quantity {
      width: 100%;
    }

    .product-card__img {
      height: 150px;
    }

    .product-card__title {
      font-size: 1.125rem;
    }
  }
/* END_SNIPPET:product-card */

/* START_SNIPPET:product-carousel (INDEX:132) */
.product-carousel .owl-carousel .owl-stage-outer {
    width: 300px !important;
    height: 420px !important;
  }

  /* Match review carousel nav placement and styles exactly */
  .product-carousel {
    position: relative;
  }
  .product-carousel .owl-nav {
    position: absolute !important;
    bottom: 0;
    right: 0;
    transform: none !important;
    pointer-events: auto;
    z-index: 2;
    margin-top: 0 !important;
  }
  .product-carousel .owl-nav [class*='owl-'] {
    position: static !important;
    display: inline-flex !important;
  }
  .product-carousel .owl-nav button {
    background: transparent !important;
    color: #333 !important;
    border: none !important;
    font-size: 0 !important;
    width: 28px !important;
    height: 28px !important;
    cursor: pointer;
    pointer-events: auto;
  }
  .product-carousel .owl-nav button::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    margin: auto;
  }
  .product-carousel .owl-nav .owl-prev::before {
    transform: rotate(45deg);
  }
  .product-carousel .owl-nav .owl-next::before {
    transform: rotate(225deg);
  }

  /* Height + contain (show full image) and narrower left-aligned card */
  .product-carousel {
    --carousel-height: 420px;
    --product-item-width: 280px;
  }
  .product-carousel .owl-stage-outer {
    height: var(--carousel-height) !important;
    overflow: hidden;
  }
  .product-carousel .owl-item,
  .product-carousel .owl-item .item {
    height: var(--carousel-height) !important;
  }
  .product-carousel .owl-item .item {
    width: var(--product-item-width) !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .product-carousel .owl-item .item img,
  .product-carousel .owl-item .item video,
  .product-carousel .owl-item .item iframe {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center left;
    display: block;
  }


  /* Keep existing badge styles */
  .product-carousel__badges {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    z-index: 10;
    pointer-events: none;
  }
  .product-carousel__badge {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 0.25rem 0.5rem;
    font-size: 15px;
    font-weight: 400;
    color: #000000
  }
  .product-carousel__badge-icon {
    width: 24px;
    height: 24px;
    color: #292D32;
  }

  /* Smaller height on mobile */
  @media (max-width: 1024px) {
    .product-carousel {
      --carousel-height: 260px;
      --product-item-width: 260px;
    }
    .product-carousel .owl-carousel .owl-stage-outer {
      height: 260px !important;
    }
    .product-carousel .owl-stage-outer {
      height: var(--carousel-height) !important;
    }
    .product-carousel .owl-item,
    .product-carousel .owl-item .item {
      height: var(--carousel-height) !important;
    }

    /* Smaller badge text and icons */
    .product-carousel__badge {
      font-size: 10px;
    }
    .product-carousel__badge-icon {
      width: 18px;
      height: 18px;
    }
  }
/* END_SNIPPET:product-carousel */

/* START_SNIPPET:review-carousel (INDEX:133) */
.review-carousel {
    width: 100%;
  }
  .review-carousel .owl-carousel {
    margin-top: 0 !important;
    padding: 0 !important;
    /* full width */
  }
  .review-carousel .owl-stage-outer {
    width: 100% !important;
  }

  .review-carousel__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
  }
  .review-carousel__avg {
    font-size: 44px;
    font-weight: 700;
    color: #000;
    line-height: 1;
  }
  .review-carousel__count {
    color: #666;
    font-size: 24px;
  }

  /* Force slide media to use full available height */
  /* Ensure the actual carousel viewport has a fixed height */.review-carousel {
    --carousel-height: 165px;
  }
  .review-carousel .owl-stage-outer {
    height: var(--carousel-height) !important;
    width: 100% !important;
    overflow: hidden;
  }

  /* Make each slide fill that height */
  .review-carousel .owl-item {
    height: 165px !important;
  }
  .review-carousel .owl-item .item {
    height: 165px !important;
  }

  .review-carousel .owl-carousel {
    position: relative;
  }
  .review-carousel .owl-nav {
    position: absolute !important;
    bottom: 4px;
    right: 8px;
    transform: none !important;
    pointer-events: auto;
    z-index: 2;
    margin-top: 0 !important;
  }

  .review-carousel .owl-nav [class*='owl-'] {
    position: static !important;
    display: inline-flex !important;
  }

  .review-carousel .owl-nav button {
    background: transparent !important;
    color: #333 !important;
    border: none !important;
    font-size: 0 !important;
    width: 28px !important;
    height: 28px !important;
    cursor: pointer;
    pointer-events: auto;
  }
  .review-carousel .owl-nav button::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    margin: auto;
  }
  .review-carousel .owl-nav .owl-prev::before {
    transform: rotate(45deg);
  }
  .review-carousel .owl-nav .owl-next::before {
    transform: rotate(225deg);
  }

  .review-carousel__title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
  }

  .review-card {
    height: 100% !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    position: relative;
    border: 1px solid #000;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    margin-right: 16px;
    box-sizing: border-box;
    gap: 12px;
  }
  .review-card__header {
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .review-card__stars {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #000;
  }
  .review-card__star {
    color: #111;
    font-size: 14px;
    flex-shrink: 0;
  }
  .review-card__star--empty {
    color: #ddd;
    flex-shrink: 0;
  }

  .review-card__star__inner {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
  }

  .review-card__star__inner--empty {
    color: #ddd;
    flex-shrink: 0;
  }

  .review-card__content {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
  }
  .review-card__footer {
    margin-top: auto;
    font-size: 13px;
    color: #555;
  }
  .review-card__name {
    font-size: 16px;
    color: #000;
    font-weight: 400;
  }
  /* .review-card__total { position: absolute; top: 12px; right: 12px; font-size: 12px; color: #333; background: rgba(255,255,255,0.9); padding: 4px 8px; border-radius: 999px; border: 1px solid rgba(0,0,0,.08); } */

  .review-carousel__stars-container {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .rating-value {
    font-size: 48px;
    font-weight: 600;
    color: #000;
    line-height: 0.9;
  }

  .review-carousel__stars {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #000;
  }

  /* Mobile adjustments */
  @media (max-width: 768px) {
    .review-carousel__stars-container {
      flex-direction: column;
      align-items: flex-end;
      gap: 2px;
    }
    .review-carousel__avg {
      font-size: 28px;
    }
    .review-carousel__count {
      font-size: 14px;
    }
    .review-carousel__stars svg {
      width: 12px;
      height: 12px;
    }
  }
/* END_SNIPPET:review-carousel */

/* START_SNIPPET:video-carousel (INDEX:141) */
/* ---------------- Your existing carousel styles (unchanged) ---------------- */
  .video-carousel .owl-carousel {
    margin-top: 20px !important;
    padding: 0 50px !important;
  }
  .video-carousel .owl-carousel {
    position: relative;
  }
  .video-carousel .owl-nav {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    pointer-events: none;
    z-index: 2;
    margin-top: 0 !important;
  }
  .video-carousel .owl-nav [class*='owl-'] {
    position: absolute !important;
    display: flex !important;
  }
  .video-carousel .owl-nav .owl-prev {
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0 !important;
  }
  .video-carousel .owl-nav .owl-next {
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0 !important;
  }
  .video-carousel .owl-nav button {
    background: transparent !important;
    color: #333 !important;
    border: none !important;
    font-size: 0 !important;
    width: 28px !important;
    height: 28px !important;
    cursor: pointer;
    pointer-events: auto;
  }
  .video-carousel .owl-nav button::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    margin: auto;
  }
  .video-carousel .owl-nav .owl-prev::before {
    transform: rotate(45deg);
  }
  .video-carousel .owl-nav .owl-next::before {
    transform: rotate(225deg);
  }
  .video-carousel .owl-carousel .owl-item img {
    height: 100% !important;
  }
  .video-carousel {
    --carousel-height: 270px;
  }
  .video-carousel .owl-stage-outer {
    height: var(--carousel-height) !important;
    width: 100% !important;
    overflow: hidden;
  }
  .video-carousel .owl-item {
    height: 270px !important;
    border-radius: 12px;
    overflow: hidden;
  }
  .video-carousel .owl-item .item {
    height: 270px !important;
  }
  .video-carousel .owl-item .item img,
  .video-carousel .owl-item .item video,
  .video-carousel .owl-item .item iframe {
    width: 270px !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
  }
  .video-carousel__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
  }

  /* ---------------- Minimal video UI styles (scoped & additive) ---------------- */
  .video-carousel .owl-item .item {
    position: relative;
  } /* allow overlays */
  .video-carousel .vc-media {
    opacity: 0;
    transition: opacity 0.3s ease;
    cursor: pointer;
    touch-action: manipulation;
  }
  .video-carousel .item.video-visible .vc-media {
    opacity: 1;
  }

  /* Transparent scrim: click layer only (no black bg) */
  .video-carousel .vc-scrim {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: transparent;
    /* no dark overlay */
    pointer-events: auto;
    touch-action: manipulation;
  }

  /* Centered play button */
  .video-carousel .vc-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 9999px;
    background: #F3FF75;
    display: grid;
    place-items: center;
    z-index: 3;
    cursor: pointer;
    transition: opacity 0.3s ease;
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto;
  }
  .video-carousel .vc-play-btn svg {
    width: 28px;
    height: 28px;
    fill: #000;
  }
  .video-carousel .vc-pause-icon {
    display: none;
  }
  .video-carousel .item.is-playing .vc-play-icon {
    display: none;
  }
  .video-carousel .item.is-playing .vc-pause-icon {
    display: inline;
  }
  .video-carousel .vc-play-btn.is-hidden {
    opacity: 0;
    pointer-events: none;
  }

  /* Poster layer */
  .video-carousel .owl-item .item[data-has-poster="true"]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--vc-poster) center/cover no-repeat;
    opacity: 1;
    transition: opacity 0.3s ease;
    z-index: 1;
    pointer-events: none;
  }
  .video-carousel .owl-item .item.video-visible::before {
    opacity: 0;
  }
/* END_SNIPPET:video-carousel */