/** Shopify CDN: Minification failed

Line 606:0 Unexpected "}"

**/
/* ==========================================================================
   ONVELLA tema v2 — tek CSS, token tabanlı. Görünümler (A–E) yalnız
   snippets/css-variables.liquid üzerinden gelen :root değişkenleriyle ayrılır.
   ========================================================================== */

/* ---------- Sıfırlama ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-fg);
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
  font-size: var(--base-font-size);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img, video, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--color-accent); }
button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0; }
button:disabled { cursor: default; }
input, select, textarea { font: inherit; color: inherit; }
ul[role="list"], ol[role="list"] { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, p { margin: 0; }
hr { border: 0; border-top: var(--line-w) solid var(--color-line); margin: 0; }
summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
:focus-visible { outline: 2px solid var(--color-fg); outline-offset: 3px; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip-link { position: absolute; top: -100px; left: 16px; z-index: 100; padding: 10px 16px; background: var(--color-fg); color: var(--color-bg); }
.skip-link:focus { top: 16px; }
[hidden] { display: none !important; }

/* ---------- Düzen ---------- */
.page-width { max-width: var(--page-width); margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter); }
.section { padding-top: var(--section-gap); }
.section:last-child, .section-newsletter .section { padding-bottom: var(--section-gap); }
.main-content > .shopify-section:last-child .section { padding-bottom: var(--section-gap); }
.main-content { min-height: 50vh; }

/* ---------- Tipografi ---------- */
.h1, .h2, .h3, .h-display, .card__title, .cover__heading, .product__title {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  letter-spacing: var(--heading-tracking);
  text-wrap: balance;
}
.h-display { font-size: calc(clamp(36px, 4.4vw, 64px) * var(--heading-scale)); line-height: 1.04; }
.h1 { font-size: calc(clamp(30px, 3vw, 44px) * var(--heading-scale)); line-height: 1.08; }
.h2 { font-size: calc(clamp(28px, 2.6vw, 38px) * var(--heading-scale)); line-height: 1.1; letter-spacing: calc(var(--heading-tracking) / 2); }
.h3 { font-size: calc(clamp(21px, 1.8vw, 26px) * var(--heading-scale)); line-height: 1.2; letter-spacing: calc(var(--heading-tracking) / 2); }
em.accent, .accent { font-family: var(--font-accent); font-style: var(--accent-style, italic); font-weight: 400; }
.eyebrow {
  font-family: var(--font-heading);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: var(--label-tracking);
  text-transform: var(--label-transform);
  color: var(--color-accent);
  line-height: 1.4;
}
.eyebrow-link {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: var(--label-tracking);
  text-transform: var(--label-transform);
  color: var(--color-fg);
  padding-bottom: 2px;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size .45s ease, color .3s ease;
}
.eyebrow-link:hover { background-size: 100% 1px; color: var(--color-fg); }
.ov-link {
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size .45s ease;
}
.ov-link:hover { background-size: 100% 1px; }
.rte { color: var(--color-fg-soft); }
.rte > * + * { margin-top: .9em; }
.rte p { margin: 0; }
.rte p + p { margin-top: .9em; }
.rte ul, .rte ol { padding-left: 1.2em; margin: 0; }
.rte li + li { margin-top: .35em; }
.rte a { color: var(--color-fg); text-decoration: underline; text-underline-offset: 3px; }
.rte h2, .rte h3, .rte h4 { color: var(--color-fg); font-family: var(--font-heading); font-weight: var(--font-heading-weight); margin-top: 1.6em; line-height: 1.2; }
.rte h2 { font-size: 26px; }
.rte h3 { font-size: 21px; }
.rte h4 { font-size: 17px; }
.rte img { margin: 1.4em 0; border-radius: var(--radius-box); }
.rte table { border-collapse: collapse; width: 100%; font-size: 14px; }
.rte th, .rte td { border: var(--line-w) solid var(--color-line); padding: 8px 10px; text-align: left; }
.rte blockquote { margin: 1.2em 0; padding-left: 18px; border-left: 2px solid var(--color-line); font-style: italic; }

/* ---------- Düğmeler, alanlar ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: var(--btn-height);
  padding: 0 28px;
  border: var(--line-w) solid var(--color-btn-bg);
  border-radius: var(--radius-btn);
  background: var(--color-btn-bg);
  color: var(--color-btn-fg);
  font-family: var(--font-heading);
  font-size: var(--btn-size, 12.5px);
  font-weight: 600;
  letter-spacing: var(--btn-tracking, var(--label-tracking));
  text-transform: var(--btn-transform, var(--label-transform));
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease, opacity .3s ease;
}
.btn:hover { color: var(--color-btn-fg); opacity: .88; }
.btn--secondary { background: transparent; color: var(--color-fg); border-color: var(--color-fg); }
.btn--secondary:hover { background: var(--color-fg); color: var(--color-bg); opacity: 1; }
.btn--sm { min-height: 40px; padding: 0 18px; font-size: 12px; }
.btn--xs { min-height: 36px; padding: 0 14px; font-size: 11.5px; }
.btn--block { width: 100%; }
.btn:disabled, .btn.is-disabled { opacity: .45; cursor: default; }
.btn.is-loading { position: relative; color: transparent; }
.btn.is-loading::after { content: ""; position: absolute; width: 16px; height: 16px; border: 2px solid var(--color-btn-fg); border-right-color: transparent; border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.input, .textarea, .select {
  width: 100%;
  min-height: var(--btn-height);
  padding: 0 14px;
  border: var(--line-w) solid var(--color-line);
  border-radius: var(--radius-box);
  background: var(--color-bg);
  color: var(--color-fg);
  font-size: 15px;
}
.textarea { padding: 12px 14px; min-height: 0; resize: vertical; }
.input:focus, .textarea:focus, .select:focus { outline: 2px solid var(--color-fg); outline-offset: -2px; border-color: var(--color-fg); }
.select { appearance: none; -webkit-appearance: none; padding-right: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; }
.select--sm { min-height: 40px; font-size: 13.5px; }
.field { display: flex; flex-direction: column; gap: 6px; }
.field + .field, .form-grid + .field, .field + .btn, .field__hint + .btn { margin-top: 16px; }
.field__label { font-size: 13.5px; font-weight: var(--font-body-medium); }
.field__hint { font-size: 13px; color: var(--color-muted); margin-top: 10px; }
.form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.form-status { font-size: 14px; min-height: 22px; margin: 0; color: var(--color-fg-soft); display: flex; align-items: center; gap: 6px; }
.form-status:empty { display: none; }
.form-status--ok { color: var(--color-success); }
.form-status--error, .form-status.is-error { color: var(--color-error); }
.chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 18px;
  border: var(--line-w) solid var(--color-line);
  border-radius: var(--radius-btn);
  background: var(--color-bg);
  color: var(--color-fg);
  font-size: 15px;
  white-space: nowrap;
  transition: border-color .3s ease, background-color .3s ease, color .3s ease;
  cursor: pointer;
}
.chip:hover { border-color: var(--color-fg); background: var(--color-surface); color: var(--color-fg); }
.chip__count { font-size: 12.5px; color: var(--color-muted); font-variant-numeric: tabular-nums; }
.chip--sm { min-height: 38px; padding: 0 14px; font-size: 13.5px; }
.chip--static { cursor: default; }
.chip--static:hover { border-color: var(--color-line); background: var(--color-bg); }
.chip.is-on { border-color: var(--color-fg); background: var(--color-fg); color: var(--color-bg); }
.chip.is-on .chip__count { color: inherit; opacity: .7; }
.chip.is-disabled { opacity: .4; pointer-events: none; }
.qty { display: inline-flex; align-items: center; border: var(--line-w) solid var(--color-fg); border-radius: var(--radius-btn); height: var(--btn-height); }
.qty__btn { width: 44px; height: 100%; display: inline-flex; align-items: center; justify-content: center; }
.qty__input { width: 40px; height: 100%; border: 0; background: transparent; text-align: center; font-variant-numeric: tabular-nums; -moz-appearance: textfield; }
.qty__input::-webkit-outer-spin-button, .qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qty--sm { height: 40px; border-color: var(--color-line); }
.qty--sm .qty__btn { width: 36px; }
.qty--sm .qty__input { width: 32px; font-size: 14px; }
.empty { padding: 56px 0; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.empty__text { color: var(--color-fg-soft); }
.crumbs { display: flex; flex-wrap: wrap; gap: 8px; padding: 24px 0 8px; font-size: 13px; color: var(--color-muted); }
.crumbs a { color: var(--color-muted); }
.crumbs a:hover { color: var(--color-fg); }

/* ---------- Duyuru çubuğu ---------- */
.announcement { background: var(--ann-bg, var(--strip-bg)); color: var(--ann-fg, var(--strip-fg)); text-align: center; font-size: 12.5px; letter-spacing: .04em; }
.announcement__inner { min-height: 36px; display: flex; align-items: center; justify-content: center; padding: 6px var(--gutter); }
.announcement__text { color: inherit; }
.announcement a:hover { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Üst bilgi ---------- */
.header { position: relative; z-index: 30; background: var(--color-bg); border-bottom: var(--line-w) solid var(--color-line); transition: box-shadow .3s ease; }
.header--sticky { position: sticky; top: 0; }
.header.is-stuck { box-shadow: 0 1px 0 var(--color-line), 0 8px 24px rgba(var(--color-fg-rgb), .06); }
.header__inner { min-height: 68px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 24px; }
.header__left { display: flex; align-items: center; gap: 6px; }
.header__icon-btn.header__burger { display: none; margin-left: -10px; }
.header__logo { display: block; }
.header__logo-img { height: var(--header-logo-h, 21px); width: auto; }
.header__logo-text { font-family: var(--font-heading); font-size: 20px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.header__right { display: flex; align-items: center; justify-content: flex-end; gap: 2px; }
.header__icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--color-fg); transition: color .3s ease; }
.header__icon-btn:hover { color: var(--color-accent); }
.header__cart { position: relative; gap: 6px; min-width: 44px; padding-left: 4px; }
.header__cart-count { font-size: 13px; font-weight: var(--font-body-medium); font-variant-numeric: tabular-nums; }
.header__cart-count.is-bump { animation: bump .4s ease; }
@keyframes bump { 50% { transform: scale(1.3); } }

.nav { display: flex; align-items: center; gap: 32px; }
.nav__item { position: static; }
.nav__link {
  display: inline-flex; align-items: center; min-height: 68px; position: relative;
  font-family: var(--font-heading); font-size: 13px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--color-fg);
}
.nav__label { position: relative; display: inline-block; padding: 4px 0; }
.nav__label::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left center; transition: transform .25s ease; }
.nav__link:hover .nav__label::after, .nav__item.is-open > .nav__link .nav__label::after, .nav__link.is-current .nav__label::after { transform: scaleX(1); }
.nav__link:hover { color: var(--color-fg); }
.mega, .drop { position: absolute; top: 100%; z-index: 40; background: var(--color-bg); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .4s ease, transform .4s ease, visibility 0s linear .4s; }
.mega { left: 0; right: 0; border-top: var(--line-w) solid var(--color-line); border-bottom: var(--line-w) solid var(--color-line); }
.drop { left: auto; min-width: 220px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); padding: 10px 0; }
.nav__item--drop { position: relative; }
.nav__item.is-open > .mega, .nav__item.is-open > .drop { opacity: 1; visibility: visible; transform: none; transition: opacity .4s ease, transform .4s ease, visibility 0s; }
.mega__inner { padding-top: 36px; padding-bottom: 32px; display: flex; flex-direction: column; gap: 28px; }
.mega__cols { display: grid; grid-template-columns: repeat(var(--mega-cols, 3), minmax(0, 1fr)); gap: 48px; }
.mega__col { display: flex; flex-direction: column; gap: 6px; }
.mega__title { margin-bottom: 6px; }
.mega__list { display: flex; flex-direction: column; gap: 10px; }
.mega__link { font-size: 15px; color: var(--color-fg); }
.mega__link:hover { color: var(--color-accent); }
.mega__count { color: var(--color-muted); margin-left: 4px; }
.mega__card { display: flex; flex-direction: column; gap: 10px; }
.mega__card-img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-card); background: var(--color-surface); }
.mega__card-title { font-family: var(--font-heading); font-size: 16px; font-weight: 500; }
.mega__card-text { font-size: 14px; color: var(--color-fg-soft); }
.mega__foot { display: flex; flex-wrap: wrap; gap: 32px; padding-top: 18px; border-top: var(--line-w) solid var(--color-line); }
.drop__list { display: flex; flex-direction: column; }
.drop__link { display: block; padding: 9px 18px; font-size: 14.5px; }
.drop__link:hover { background: var(--color-surface); color: var(--color-fg); }

/* Mobil menü */
.mobile-menu { position: fixed; inset: 0; z-index: 70; background: var(--color-bg); overflow-y: auto; display: flex; flex-direction: column; }
.mobile-menu__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px var(--gutter); border-bottom: var(--line-w) solid var(--color-line); }
.mobile-menu__nav { padding: 4px var(--gutter) 40px; display: flex; flex-direction: column; font-family: var(--font-heading); }
.mobile-menu__eyebrow { margin: 20px 0 2px; }
.mobile-menu__group { border-bottom: var(--line-w) solid var(--color-line); }
.mobile-menu__summary, .mobile-menu__link { width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 20px; font-weight: 500; color: var(--color-fg); }
.mobile-menu__link { border-bottom: var(--line-w) solid var(--color-line); }
.mobile-menu__sign { display: inline-flex; transition: transform .3s ease; }
.mobile-menu__group[open] .mobile-menu__sign { transform: rotate(45deg); }
.mobile-menu__list { display: flex; flex-direction: column; padding-bottom: 12px; font-family: var(--font-body); }
.mobile-menu__sublink { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 15px; }
.mobile-menu__count { font-size: 13px; color: var(--color-muted); }
.mobile-menu__secondary { margin-top: 24px; display: flex; flex-direction: column; font-family: var(--font-body); font-size: 14.5px; }
.mobile-menu__small { min-height: 44px; display: flex; align-items: center; }
.mobile-menu__social { display: flex; gap: 8px; margin-top: 16px; }
.mobile-menu__social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-btn); }
.mobile-menu__note { margin-top: 20px; font-family: var(--font-body); font-size: 13px; color: var(--color-fg-soft); }
body.menu-open, body.drawer-open, body.modal-open { overflow: hidden; }

/* ---------- Kayan şerit ---------- */
.marquee { background: var(--marquee-bg, var(--strip-bg)); color: var(--marquee-fg, var(--strip-fg)); overflow: hidden; font-size: var(--marquee-size, 12px); letter-spacing: .06em; font-weight: 400; }
.marquee__track { display: flex; width: max-content; animation: marquee var(--marquee-speed, 40s) linear infinite; }
.marquee--ltr .marquee__track { animation-direction: reverse; }
.marquee:hover .marquee__track, .marquee.is-paused .marquee__track { animation-play-state: paused; }
.marquee__group { display: flex; align-items: center; flex: 0 0 auto; padding: var(--marquee-pad, 12px) 0; }
.marquee__item { white-space: nowrap; padding: 0 22px; }
.marquee__link { color: inherit; }
.marquee__link:hover { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.marquee__sep { opacity: .55; font-size: .9em; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- Kapak slaytı ---------- */
.cover { position: relative; }
.cover__stage { position: relative; height: var(--cover-h, 620px); overflow: hidden; background: var(--color-surface); }
.cover__slide { position: absolute; inset: 0; background: var(--slide-bg); color: var(--slide-fg); opacity: 0; visibility: hidden; transition: opacity .9s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .9s; }
.cover__slide.is-on { opacity: 1; visibility: visible; transition: opacity .9s cubic-bezier(.4, 0, .2, 1), visibility 0s; z-index: 1; }
.cover__bg { position: absolute; inset: 0; }
.cover__bg-img { width: 100%; height: 100%; object-fit: cover; }
.cover__glow { position: absolute; inset: 0; background: radial-gradient(ellipse 42% 60% at 70% 62%, rgba(255, 255, 255, .62), rgba(255, 255, 255, 0) 72%); pointer-events: none; }
.cover__inner { position: relative; height: 100%; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: 40px; }
.cover__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; max-width: 520px; }
.cover__copy > * { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .8s var(--ease-out); }
.is-on .cover__copy > * { opacity: 1; transform: none; }
.is-on .cover__copy > :nth-child(1) { transition-delay: .15s; }
.is-on .cover__copy > :nth-child(2) { transition-delay: .22s; }
.is-on .cover__copy > :nth-child(3) { transition-delay: .29s; }
.is-on .cover__copy > :nth-child(4) { transition-delay: .36s; }
.cover__eyebrow { font-size: 12px; letter-spacing: .16em; color: var(--slide-eyebrow, var(--color-accent)); }
.cover__heading { color: inherit; }
.cover__text { max-width: 440px; font-size: 17px; line-height: 1.6; opacity: .85; text-wrap: pretty; }
.cover__btn { margin-top: 10px; min-height: 50px; }
.cover__group { position: relative; width: 100%; aspect-ratio: 76 / 52; align-self: end; margin-bottom: 40px; }
.cover__prod { position: absolute; bottom: 0; left: var(--left, 50%); height: var(--h, 60%); translate: -50% 0; display: block; opacity: 0; transform: translateY(26px); transition: opacity .8s ease, transform 1.1s var(--ease-out); }
.is-on .cover__prod { opacity: 1; transform: none; }
.is-on .cover__prod:nth-child(1) { transition-delay: .2s; }
.is-on .cover__prod:nth-child(2) { transition-delay: .3s; }
.is-on .cover__prod:nth-child(3) { transition-delay: .4s; }
.is-on .cover__prod:nth-child(4) { transition-delay: .5s; }
.cover__prod-img { position: relative; height: 100%; width: auto; max-width: none; }
.cover__shadow { position: absolute; left: 4%; right: 4%; bottom: -3%; height: 6%; background: radial-gradient(closest-side, rgba(29, 27, 24, .26), rgba(29, 27, 24, 0)); }
.cover__index-wrap { border-bottom: var(--line-w) solid var(--color-line); }
.cover__index { display: grid; grid-template-columns: repeat(var(--cover-n, 4), minmax(0, 1fr)) auto; gap: 0 28px; }
.cover__tab { display: flex; flex-direction: column; min-width: 0; text-align: left; color: var(--color-muted); transition: color .3s ease; }
.cover__tab:hover, .cover__tab.is-cur { color: var(--color-fg); }
.cover__bar { position: relative; display: block; height: 2px; background: var(--color-line); overflow: hidden; }
.cover__bar-fill { position: absolute; inset: 0; background: var(--color-fg); transform: scaleX(0); transform-origin: left center; }
.cover__tab.is-cur .cover__bar-fill { animation: coverProg var(--cover-dur, 7s) linear forwards; }
.cover.is-held .cover__tab.is-cur .cover__bar-fill { animation-play-state: paused; }
.cover--static .cover__tab.is-cur .cover__bar-fill, .cover.is-static .cover__tab.is-cur .cover__bar-fill { animation: none; transform: none; }
@keyframes coverProg { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.cover__tab-body { display: flex; align-items: baseline; gap: 10px; min-height: 54px; padding-top: 14px; min-width: 0; }
.cover__tab-num { flex: 0 0 auto; font-size: 12px; font-weight: 600; letter-spacing: .08em; font-variant-numeric: tabular-nums; }
.cover__tab-name { flex: 0 0 auto; font-family: var(--font-heading); font-size: 15px; font-weight: 500; }
.cover__tab-sub { min-width: 0; font-size: 13px; color: var(--color-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cover__ctrls { display: flex; align-items: center; align-self: center; }
.cover__ctrl { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--color-fg); border-radius: var(--radius-btn); transition: background-color .3s ease; }
.cover__ctrl:hover { background: var(--color-surface); }
.cover__ctrl-play { display: none; }
.cover.is-paused .cover__ctrl-play { display: inline-flex; }
.cover.is-paused .cover__ctrl-pause { display: none; }

/* ---------- Bölüm başlığı ---------- */
.sec-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; }
.sec-head--center { flex-direction: column; align-items: center; text-align: center; }
.sec-head__main { display: flex; flex-direction: column; gap: 8px; }
.sec-head__text { color: var(--color-fg-soft); max-width: 60ch; text-wrap: pretty; }
.sec-head__aside { display: flex; align-items: center; gap: 24px; }
.row-arrows { display: flex; gap: 8px; }
.row-arrow { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: var(--line-w) solid var(--color-fg); border-radius: var(--radius-btn); background: var(--color-bg); color: var(--color-fg); transition: background-color .3s ease, color .3s ease, opacity .3s ease; }
.row-arrow:not(:disabled):hover { background: var(--color-fg); color: var(--color-bg); }
.row-arrow:disabled { opacity: .3; }

/* ---------- Ürün sırası ---------- */
.row-track { --row-gap: 24px; margin-top: 32px; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - var(--row-gap) * var(--row-n, 4)) / (var(--row-n, 4) + .4)); gap: var(--row-gap); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 4px; }
.row-track::-webkit-scrollbar { display: none; }
.row-track > * { scroll-snap-align: start; }
.row-progress { position: relative; margin-top: 28px; height: 1px; background: var(--color-line); }
.row-progress__bar { position: absolute; top: -1px; left: 0; width: 40%; height: 3px; background: var(--color-fg); transition: left .15s linear, width .15s linear; }
.row-status { margin-top: 14px; min-height: 22px; font-size: 14px; color: var(--color-accent); }

/* ---------- Ürün kartı ---------- */
.grid { display: grid; gap: 24px; }
.grid--products { column-gap: 24px; row-gap: 48px; margin-top: 40px; }
.grid--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid--cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid--cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.card { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.card__media { position: relative; overflow: hidden; aspect-ratio: var(--card-ratio); background: var(--card-media-bg); border-radius: var(--radius-card); }
.card__media-link { position: absolute; inset: 0; display: block; }
.card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.card__img--main { transition: transform .6s ease; }
.card__placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--color-line); background: var(--color-surface); }
.card__hover-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: var(--card-media-bg); opacity: 0; visibility: hidden; transform: scale3d(1.08, 1.08, 1); transition: opacity .85s var(--ease-media), transform .85s var(--ease-media), visibility 0s linear .85s; }
.card__quick { position: absolute; top: 12px; right: 12px; z-index: 2; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: var(--line-w) solid var(--color-fg); background: var(--color-bg); color: var(--color-fg); border-radius: var(--radius-btn); transform: translateX(150%); transition: transform .3s ease, background-color .3s ease, color .3s ease; }
.card__quick:hover { background: var(--color-fg); color: var(--color-bg); }
.card__hover-bar { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 10px; transform: translateY(110%); transition: transform .3s ease-in-out; }
.card__hover-btn { display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: center; background: rgba(var(--color-bg-rgb), .95); color: var(--color-fg); border: var(--line-w) solid var(--color-fg); border-radius: var(--radius-btn); font-family: var(--font-heading); font-size: 12px; font-weight: 600; letter-spacing: var(--btn-tracking, var(--label-tracking)); text-transform: var(--btn-transform, var(--label-transform)); transition: background-color .3s ease, color .3s ease; }
.card__hover-btn:hover { background: var(--color-fg); color: var(--color-bg); }
.card__hover-btn.is-disabled { opacity: .6; pointer-events: none; }
.hover-style-pill .card__quick { border-radius: 50%; background: var(--color-fg); color: var(--color-bg); border-color: var(--color-fg); width: 42px; height: 42px; transform: translateX(200%); }
.hover-style-pill .card__quick:hover { background: var(--color-accent); border-color: var(--color-accent); }
.hover-style-pill .card__hover-bar { padding: 0 16px 16px; transform: translateY(15px); opacity: 0; transition: transform .54s ease, opacity .54s ease; }
.hover-style-pill .card__hover-btn { border-radius: 999px; background: var(--color-fg); color: var(--color-bg); border-color: var(--color-fg); }
.hover-style-none .card__quick, .hover-style-none .card__hover-bar { display: none; }
@media (hover: hover) and (pointer: fine) and (min-width: 760px) {
  .card:hover .card__img--main { transform: scale(1.06); }
  .card:hover .card__hover-media, .card.is-hover .card__hover-media { opacity: 1; visibility: visible; transform: scale3d(1, 1, 1); transition: opacity .85s var(--ease-media), transform .85s var(--ease-media), visibility 0s; }
  .card:hover .card__quick, .card:focus-within .card__quick { transform: translateX(0); }
  .card:hover .card__hover-bar, .card:focus-within .card__hover-bar { transform: translateY(0); opacity: 1; }
  .card--has-video:hover .card__img--main { transform: none; }
}
.card__body { display: flex; flex-direction: column; gap: 4px; }
.card__series { font-size: 11px; }
.card__title { font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: 0; }
.card__title-link { display: inline; }
.card__meta { font-size: 14px; color: var(--color-muted); text-wrap: pretty; }
.card__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; border-top: var(--line-w) solid var(--color-line); }
.card__add { flex: 0 0 auto; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: var(--line-w) solid var(--color-fg); border-radius: var(--radius-btn); background: var(--color-bg); color: var(--color-fg); transition: background-color .3s ease, color .3s ease; position: relative; }
.card__add:hover { background: var(--color-fg); color: var(--color-bg); }
.card__add.is-disabled { opacity: .35; border-color: var(--color-line); }
.card__add-icon { display: inline-flex; transition: opacity .25s ease, transform .25s ease; }
.card__add-icon--check { position: absolute; opacity: 0; transform: scale(.6); }
.card__add.is-added { background: var(--color-fg); color: var(--color-bg); }
.card__add.is-added .card__add-icon--plus { opacity: 0; transform: scale(.6); }
.card__add.is-added .card__add-icon--check { opacity: 1; transform: scale(1); }
.card--placeholder .card__media { background: var(--color-surface); }
.price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; font-family: var(--font-heading); font-size: 15px; font-weight: 500; white-space: nowrap; }
.price__item--compare { color: var(--color-muted); font-weight: 400; }
.price__item--soon { color: var(--color-muted); font-weight: 400; font-size: 14px; }
.price__unit { font-size: 12px; color: var(--color-muted); font-weight: 400; }
.price--inline { display: inline-flex; font-size: inherit; font-family: inherit; }

/* Giriş animasyonu */
.js [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s var(--ease-out); transition-delay: calc(var(--i, 0) * 60ms); }
.js [data-reveal].is-in { opacity: 1; transform: none; }
.js .no-reveal [data-reveal] { opacity: 1; transform: none; transition: none; }

/* ---------- Ürün tipi kutuları ---------- */
.type-grid__grid { margin-top: 32px; display: grid; grid-template-columns: repeat(var(--cols, 6), minmax(0, 1fr)); gap: 16px; }
.type-tile { display: flex; flex-direction: column; min-width: 0; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); background: var(--color-bg); color: var(--color-fg); overflow: hidden; transition: border-color .4s ease; }
.type-tile:hover { border-color: var(--color-fg); color: var(--color-fg); }
.type-tile__media { position: relative; aspect-ratio: 1; background: var(--card-media-bg); overflow: hidden; }
.type-tile__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: transform .6s ease; }
.type-tile:hover .type-tile__img { transform: scale(1.05); }
.type-tile__foot { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 12px 14px 14px; border-top: var(--line-w) solid var(--color-line); }
.type-tile__name { font-family: var(--font-heading); font-size: 16px; font-weight: 500; line-height: 1.25; }
.type-tile__count { flex: 0 0 auto; font-size: 12.5px; color: var(--color-muted); }

/* ---------- Kısayollar ---------- */
.quick-links__rows { margin-top: 28px; border-top: var(--line-w) solid var(--color-line); }
.ql-row { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 24px; align-items: start; padding: 24px 0; border-bottom: var(--line-w) solid var(--color-line); }
.ql-row__label { padding-top: 13px; }
.ql-row__chips { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0; }

/* ---------- Yatay kaydırmalı gridler ---------- */
.hs { display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); gap: 24px; margin-top: 32px; }

/* ---------- Seri kartları ---------- */
.series-card { display: flex; flex-direction: column; gap: 16px; color: var(--color-fg); min-width: 0; }
.series-card:hover { color: var(--color-fg); }
.series-card__media { display: block; width: 100%; overflow: hidden; background: var(--color-surface); border-radius: var(--radius-card); }
.series-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease-media); }
.series-card:hover .series-card__img { transform: scale(1.04); }
.series-card__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.series-card__name { font-family: var(--font-heading); font-size: 24px; font-weight: 500; letter-spacing: calc(var(--heading-tracking) / 2); }
.series-card__count { font-size: 13px; color: var(--color-muted); }
.series-card__text { font-size: 15px; color: var(--color-fg-soft); }
.series__footnote { margin-top: 28px; font-size: 14px; }
.series__footnote a { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Setler ---------- */
.set-card { display: flex; flex-direction: column; gap: 16px; color: var(--color-fg); min-width: 0; }
.set-card:hover { color: var(--color-fg); }
.set-card__media { aspect-ratio: 4 / 3; padding: 16px 28px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); background: var(--card-media-bg); display: grid; grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); align-items: center; gap: 8px; transition: border-color .4s ease; overflow: hidden; }
.set-card:hover .set-card__media { border-color: var(--color-fg); }
.set-card__img { width: 100%; height: 100%; object-fit: contain; max-height: 100%; }
.set-card__body { display: flex; flex-direction: column; gap: 4px; }
.set-card__eyebrow { font-size: 11px; }
.set-card__name { font-family: var(--font-heading); font-size: 21px; font-weight: 500; line-height: 1.25; }
.set-card__contents { font-size: 14px; color: var(--color-muted); text-wrap: pretty; }
.set-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; border-top: var(--line-w) solid var(--color-line); }
.set-card__foot .eyebrow-link { font-size: 12px; }

/* ---------- Markalar bandı ---------- */
.brands__band { position: relative; background: var(--band-bg, var(--color-band)); border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); padding: 56px max(24px, 4vw); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 32px; }
.brands__body { display: flex; flex-direction: column; gap: 18px; max-width: 580px; }
.brands__logos { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; }
.brands__logo-img { height: var(--logo-h, 28px); width: auto; }
.brands__logo--text { font-family: var(--font-heading); font-size: 24px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.brands__lead { font-family: var(--font-heading); font-size: 22px; line-height: 1.35; text-wrap: pretty; }
.brands__text { font-size: 14px; color: var(--color-fg-soft); }
.brands__btn { min-height: 50px; }

/* ---------- Rehber kartları ---------- */
.post-card { display: flex; flex-direction: column; gap: 14px; color: var(--color-fg); min-width: 0; }
.post-card:hover { color: var(--color-fg); }
.post-card__media { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--color-surface); border-radius: var(--radius-card); }
.post-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease-media); }
.post-card:hover .post-card__img { transform: scale(1.04); }
.post-card__tag { font-size: 11px; }
.post-card__title { font-family: var(--font-heading); font-size: 21px; font-weight: 500; line-height: 1.25; text-wrap: balance; }
.post-card__excerpt { font-size: 14.5px; color: var(--color-fg-soft); }
.post-card__meta { font-size: 13px; color: var(--color-muted); }

/* ---------- Bülten ---------- */
.newsletter__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 80px; padding-top: 48px; border-top: var(--line-w) solid var(--color-fg); }
.newsletter__grid--single { grid-template-columns: minmax(0, 1fr); }
.newsletter__main, .newsletter__social { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.newsletter__heading { max-width: 560px; }
.newsletter__text { max-width: 520px; color: var(--color-fg-soft); text-wrap: pretty; }
.newsletter-form { margin-top: 10px; display: flex; flex-direction: column; gap: 14px; max-width: 560px; }
.newsletter-form__label { font-size: 13.5px; font-weight: var(--font-body-medium); }
.newsletter-form__row { display: flex; border: var(--line-w) solid var(--color-fg); border-radius: var(--radius-btn); background: var(--color-bg); overflow: hidden; }
.newsletter-form__input { flex: 1 1 auto; min-width: 0; height: 52px; padding: 0 16px; border: 0; background: transparent; color: var(--color-fg); font-size: 16px; }
.newsletter-form__input:focus { outline: 2px solid var(--color-fg); outline-offset: -2px; }
.newsletter-form__btn { flex: 0 0 auto; height: 52px; min-height: 52px; border: 0; border-radius: 0; padding: 0 26px; }
.newsletter-form__consent { display: flex; align-items: flex-start; gap: 12px; font-size: 13.5px; line-height: 1.55; color: var(--color-fg-soft); cursor: pointer; }
.newsletter-form__consent input { flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--color-fg); }
.newsletter-form__kvkk { font-size: 13px; line-height: 1.55; color: var(--color-fg-soft); }
.newsletter-form__kvkk a { text-decoration: underline; text-underline-offset: 3px; }
.newsletter-form--compact { margin-top: 6px; gap: 10px; }
.newsletter-form--compact .newsletter-form__row { border-color: currentColor; }
.newsletter-form--compact .newsletter-form__input { height: 46px; font-size: 14px; }
.newsletter-form--compact .newsletter-form__btn { width: 48px; height: 46px; min-height: 46px; padding: 0; background: transparent; color: inherit; }
.newsletter-form--compact .newsletter-form__consent { font-size: 12.5px; }
.social-list { margin-top: 10px; display: flex; flex-direction: column; border-top: var(--line-w) solid var(--color-line); }
.social-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 72px; border-bottom: var(--line-w) solid var(--color-line); color: var(--color-fg); }
.social-row:hover { color: var(--color-fg); }
.social-row__name { font-family: var(--font-heading); font-size: 22px; font-weight: 500; }
.social-row__handle { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; color: var(--color-fg-soft); }
.social-row__arrow { transition: transform .35s ease; }
.social-row:hover .social-row__arrow { transform: translate(3px, -3px); }

/* ---------- Alt bilgi ---------- */
.footer { background: var(--footer-bg); color: var(--footer-fg); border-top: var(--line-w) solid var(--footer-line, var(--color-line)); }
.footer a:hover { color: var(--footer-fg); }
.footer__inner { padding-top: 56px; padding-bottom: 32px; display: flex; flex-direction: column; gap: 48px; }
.footer__contact { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px 24px; padding-bottom: 36px; border-bottom: var(--line-w) solid var(--footer-line, var(--color-line)); }
.footer__contact-item { display: flex; align-items: center; gap: 14px; color: var(--footer-fg); }
.footer__contact-icon { flex: 0 0 auto; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: var(--line-w) solid var(--footer-line, var(--color-line)); border-radius: var(--radius-btn); background: var(--color-bg); transition: border-color .3s ease; }
.footer__contact-item:hover .footer__contact-icon { border-color: var(--footer-fg); }
.footer__contact-body { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.footer__contact-label { font-size: 11px; letter-spacing: var(--label-tracking); text-transform: var(--label-transform); color: var(--footer-muted, var(--color-muted)); font-family: var(--font-heading); font-weight: 600; }
.footer__contact-value { font-size: 14.5px; font-weight: var(--font-body-medium); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.footer__grid { display: grid; grid-template-columns: 1.4fr repeat(calc(var(--footer-cols, 5) - 2), 1fr) 1.4fr; gap: 40px 32px; font-size: 14px; }
.footer__col { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.footer__col--brand { gap: 14px; }
.footer__logo { height: 34px; width: auto; }
.footer__logo--wide { height: 22px; }
.footer__logo-text { font-family: var(--font-heading); font-size: 18px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.footer__tagline { font-family: var(--font-heading); font-size: 19px; font-weight: 500; line-height: 1.3; }
.footer__text { color: var(--footer-muted, var(--color-fg-soft)); }
.footer__title { color: var(--footer-fg); margin-bottom: 4px; }
.footer__list { display: flex; flex-direction: column; gap: 10px; }
.footer__link { color: var(--footer-fg); background-image: linear-gradient(currentColor, currentColor); background-size: 0 1px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size .35s ease; }
.footer__link:hover { background-size: 100% 1px; }
.footer__social { display: flex; gap: 8px; margin-top: 6px; }
.footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: var(--line-w) solid var(--footer-line, var(--color-line)); border-radius: var(--radius-btn); transition: border-color .3s ease; }
.footer__social a:hover { border-color: var(--footer-fg); }
.footer__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 20px; padding-top: 22px; border-top: var(--line-w) solid var(--footer-line, var(--color-line)); font-size: 12.5px; color: var(--footer-muted, var(--color-fg-soft)); }
.footer__legal a { text-decoration: underline; text-underline-offset: 3px; }
.footer__trust { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.footer__payments { display: flex; flex-wrap: wrap; gap: 6px; }
.footer__payment-icon { width: 38px; height: 24px; }

/* ---------- Ürün sayfası ---------- */
.product__grid { margin-top: 16px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; align-items: start; }
.product__info { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: row; column-gap: 12px; row-gap: 18px; max-width: 560px; }
.product__info > * { grid-column: 1 / -1; min-width: 0; }
.product__info--sticky { position: sticky; top: 92px; }
.product__series { font-size: 11.5px; }
.product__title { font-size: calc(clamp(30px, 3vw, 44px) * var(--heading-scale)); line-height: 1.06; }
.product__short { font-size: 18px; color: var(--color-fg-soft); margin-top: -6px; }
.product__price-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 16px; }
.product__price { font-size: 22px; }
.product__amount, .product__tax { font-size: 14px; color: var(--color-muted); }
.product__divider { margin: 4px 0; }
.product__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.product__buy { display: flex; flex-direction: column; gap: 12px; }
.product-form { display: flex; flex-direction: column; gap: 14px; }
.product-form__options { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
.product-form__option { display: flex; flex-direction: column; gap: 6px; }
.product-form__option-label { font-size: 13px; font-weight: var(--font-body-medium); }
.product-form__row { display: flex; gap: 12px; flex-wrap: wrap; }
.product-form__submit { flex: 1 1 220px; }
.product-form__dynamic .shopify-payment-button__button { border-radius: var(--radius-btn) !important; min-height: var(--btn-height); }
.product-form__dynamic .shopify-payment-button__button--unbranded { background: transparent !important; color: var(--color-fg) !important; border: var(--line-w) solid var(--color-fg) !important; font-family: var(--font-heading) !important; font-size: 12.5px !important; letter-spacing: var(--label-tracking) !important; text-transform: var(--label-transform) !important; }
.product__buy-note { font-size: 13px; color: var(--color-muted); }
.product__features-item { display: flex; align-items: center; gap: 10px; font-size: 13.5px; }
.feature__icon { flex: 0 0 auto; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-btn); color: var(--color-accent); }
.product__info > .product__features-item { grid-column: span 1; }

/* Teslimat zaman çizelgesi */
.delivery { border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); padding: 16px 18px; }
.delivery__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; position: relative; }
.delivery__step { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; position: relative; }
.delivery__step:not(:last-child)::after { content: ""; position: absolute; top: 14px; left: calc(50% + 20px); right: calc(-50% + 20px); height: 1px; background: var(--color-line); }
.delivery__icon { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-surface); color: var(--color-fg); position: relative; z-index: 1; }
.delivery__step:first-child .delivery__icon { background: var(--color-fg); color: var(--color-bg); }
.delivery__label { font-size: 12px; color: var(--color-muted); }
.delivery__date { font-size: 13.5px; font-weight: var(--font-body-medium); }

/* Akordeon */
.acc { border-bottom: var(--line-w) solid var(--color-line); }
.product__info > .acc + .acc { margin-top: -18px; }
.product__info > :not(.acc) + .acc { margin-top: 0; border-top: var(--line-w) solid var(--color-line); }
.acc__summary { display: flex; align-items: center; gap: 14px; min-height: 56px; font-size: 15px; font-weight: var(--font-body-medium); }
.acc__icon { flex: 0 0 auto; display: inline-flex; color: var(--color-accent); }
.acc__title { flex: 1 1 auto; }
.acc__sign { display: inline-flex; transition: transform .3s ease; }
.acc[open] .acc__sign { transform: rotate(45deg); }
.acc__panel { overflow: hidden; }
.acc__content { padding: 0 0 22px; font-size: 15px; }
.acc__content.rte { color: var(--color-fg-soft); }
.mf-list { margin: 0; padding-left: 1.3em; display: flex; flex-direction: column; gap: 6px; }
.mf-line + .mf-line { margin-top: 6px; }

/* Güvence kartları */
.assure { display: flex; gap: 14px; align-items: flex-start; padding: 16px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); background: var(--color-surface); }
.product__info > .assure { grid-column: 1 / -1; }
.product__info > .assure + .assure { margin-top: -8px; }
.assure__icon { flex: 0 0 auto; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: var(--color-bg); border-radius: var(--radius-btn); color: var(--color-accent); }
.assure__body { display: flex; flex-direction: column; gap: 2px; }
.assure__title { font-family: var(--font-heading); font-size: 15px; font-weight: 500; }
.assure__text { font-size: 13.5px; color: var(--color-fg-soft); }
}

/* Rutinini tamamla */
.pairing { display: flex; flex-direction: column; gap: 10px; }
.pairing__card { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px 16px; align-items: center; padding: 14px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); }
.pairing__media { display: block; width: 84px; aspect-ratio: 1; background: var(--card-media-bg); border-radius: var(--radius-card); overflow: hidden; }
.pairing__img { width: 100%; height: 100%; object-fit: contain; }
.pairing__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pairing__name { font-family: var(--font-heading); font-size: 16px; font-weight: 500; align-self: flex-start; }
.pairing__short { font-size: 13px; color: var(--color-muted); }
.pairing__price { font-size: 14px; margin-top: 4px; }
.pairing__actions { grid-column: 1 / -1; display: flex; gap: 8px; }
.pairing__actions .btn { flex: 1 1 auto; }

/* Paylaş */
.share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13.5px; color: var(--color-fg-soft); }
.share__label { margin-right: 4px; }
.share__btn { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-btn); color: var(--color-fg); transition: border-color .3s ease; }
.share__btn:hover { border-color: var(--color-fg); color: var(--color-fg); }
.share__question { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; color: var(--color-fg); text-decoration: underline; text-underline-offset: 3px; }
.share__status { flex-basis: 100%; font-size: 13px; color: var(--color-accent); }
.share__status:empty { display: none; }

/* Galeri */
.gallery { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 18px; align-items: start; position: sticky; top: 92px; }
.gallery__thumbs { display: flex; flex-direction: column; gap: 10px; max-height: 70vh; overflow-y: auto; scrollbar-width: thin; padding: 2px; }
.gallery__thumb { position: relative; flex: 0 0 auto; width: 64px; aspect-ratio: 1; background: var(--card-media-bg); border: var(--line-w) solid transparent; border-radius: var(--radius-card); overflow: hidden; transition: border-color .3s ease; }
.gallery__thumb.is-cur, .gallery__thumb:hover { border-color: var(--color-fg); }
.gallery__thumb-img { width: 100%; height: 100%; object-fit: contain; }
.gallery__thumb-play { position: absolute; right: 4px; bottom: 4px; width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; background: var(--color-fg); color: var(--color-bg); border-radius: 50%; }
.gallery__stage { position: relative; display: grid; }
.gallery--single .gallery__item { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility 0s linear .5s; }
.gallery--single .gallery__item.is-cur { opacity: 1; visibility: visible; transition: opacity .5s ease, visibility 0s; }
.gallery--stack .gallery__stage { gap: 14px; }
.gallery--stack .gallery__item { scroll-margin-top: 92px; }
.pmedia { position: relative; aspect-ratio: var(--gallery-ratio, 1); background: var(--card-media-bg); border-radius: var(--radius-card); overflow: hidden; }
.pmedia__img, .pmedia__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.pmedia__play { position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: 64px; height: 64px; display: inline-flex; align-items: center; justify-content: center; background: rgba(var(--color-bg-rgb), .9); color: var(--color-fg); border-radius: 50%; }
.pmedia.is-playing .pmedia__play { display: none; }
.pmedia__external, .pmedia__iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.pmedia--empty { display: flex; }
.gallery__dots { display: none; justify-content: center; gap: 6px; margin-top: 12px; grid-column: 1 / -1; }
.gallery__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--color-line); transition: background-color .3s ease, transform .3s ease; }
.gallery__dot.is-cur { background: var(--color-fg); transform: scale(1.3); }
.gallery__nav { grid-column: 2; display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: var(--color-muted); }
.gallery--stack .gallery__nav { display: none; }
.gallery__nav-btn { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--color-fg); }
.gallery__counter { font-variant-numeric: tabular-nums; }

/* Mobil sticky çubuk */
.sticky-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 25; background: var(--color-bg); border-top: var(--line-w) solid var(--color-line); transform: translateY(110%); transition: transform .3s ease; display: none; }
.sticky-bar.is-visible { transform: none; }
.sticky-bar__inner { display: flex; align-items: center; gap: 12px; padding-top: 10px; padding-bottom: calc(10px + env(safe-area-inset-bottom)); }
.sticky-bar__img { width: 44px; height: 44px; object-fit: contain; background: var(--card-media-bg); border-radius: var(--radius-card); }
.sticky-bar__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.sticky-bar__title { font-size: 13px; font-weight: var(--font-body-medium); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sticky-bar__price .price { font-size: 13px; }

/* Ürün sekmeleri */
.kf__box { margin-top: 32px; display: grid; grid-template-columns: 260px minmax(0, 1fr); border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); overflow: hidden; }
.kf__tabs { display: flex; flex-direction: column; border-right: var(--line-w) solid var(--color-line); background: var(--color-surface); }
.kf__tab { display: flex; align-items: baseline; gap: 14px; padding: 22px 24px; text-align: left; border-bottom: var(--line-w) solid var(--color-line); color: var(--color-muted); transition: color .3s ease, background-color .3s ease; }
.kf__tab:hover, .kf__tab.is-cur { color: var(--color-fg); background: var(--color-bg); }
.kf__tab-num { font-size: 12px; font-weight: 600; letter-spacing: .08em; font-variant-numeric: tabular-nums; }
.kf__tab-name { font-family: var(--font-heading); font-size: 17px; font-weight: 500; }
.kf__panel { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; padding: 32px; align-items: center; animation: fadeIn .5s ease; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.kf__media { aspect-ratio: 1; background: var(--card-media-bg); border-radius: var(--radius-card); overflow: hidden; }
.kf__img { width: 100%; height: 100%; object-fit: contain; }
.kf__body { display: flex; flex-direction: column; gap: 16px; }
.kf__text { font-size: 15px; }
.kf__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.kf__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kf__item { display: flex; align-items: center; gap: 10px; font-size: 14.5px; }
.kf__item-icon { flex: 0 0 auto; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-btn); color: var(--color-accent); }

/* Üründen kareler */
.pvideo { position: relative; aspect-ratio: 9 / 16; background: var(--color-surface); border-radius: var(--radius-card); overflow: hidden; }
.pvideo__video { width: 100%; height: 100%; object-fit: cover; }
.pvideo__play { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: flex-start; padding: 14px; }
.pvideo__ico { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: rgba(var(--color-bg-rgb), .92); color: var(--color-fg); border-radius: 50%; }
.pvideo__ico--pause { display: none; }
.pvideo.is-playing .pvideo__ico--pause { display: inline-flex; }
.pvideo.is-playing .pvideo__ico--play { display: none; }

/* ---------- Koleksiyon ---------- */
.collection__head { margin-top: 16px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: center; }
.collection__head--image { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
.collection__head-body { display: flex; flex-direction: column; gap: 14px; }
.collection__desc { max-width: 60ch; }
.collection__image { aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--radius-card); background: var(--color-surface); }
.collection__img { width: 100%; height: 100%; object-fit: cover; }
.facets { margin-top: 40px; border-top: var(--line-w) solid var(--color-line); border-bottom: var(--line-w) solid var(--color-line); }
.facets__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; padding: 10px 0; }
.facets__groups { display: flex; flex-wrap: wrap; gap: 4px; }
.facet { position: relative; }
.facet__summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; font-size: 13.5px; border-radius: var(--radius-btn); transition: background-color .3s ease; }
.facet__summary:hover, .facet[open] .facet__summary { background: var(--color-surface); }
.facet__label { font-weight: 600; }
.facet__active { font-size: 11px; min-width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; padding: 0 5px; background: var(--color-fg); color: var(--color-bg); border-radius: 999px; }
.facet__caret { display: inline-flex; color: var(--color-muted); transition: transform .3s ease; }
.facet[open] .facet__caret { transform: rotate(180deg); }
.facet__panel { position: absolute; top: calc(100% + 6px); left: 0; z-index: 20; min-width: 260px; max-width: min(90vw, 560px); padding: 14px; background: var(--color-bg); border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); box-shadow: 0 12px 32px rgba(var(--color-fg-rgb), .08); display: flex; flex-wrap: wrap; gap: 8px; }
.chip--check { min-height: 40px; padding: 0 14px; font-size: 13.5px; border-radius: 999px; }
.facets__right { display: flex; align-items: center; gap: 20px; font-size: 13.5px; color: var(--color-fg-soft); }
.facets__sort { display: inline-flex; align-items: center; gap: 8px; }
.facets__sort .select { width: auto; }
.facets__active { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 0 14px; font-size: 13px; }
.facets__pill { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: var(--line-w) solid var(--color-fg); border-radius: var(--radius-btn); }
.facets__clear { text-decoration: underline; text-underline-offset: 3px; padding: 0 6px; }
.collection__results.is-loading { opacity: .5; pointer-events: none; }
.pagination { margin-top: 56px; display: flex; justify-content: center; }
.pagination__list { display: flex; align-items: center; gap: 4px; }
.pagination__btn, .pagination__num { min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; border-radius: var(--radius-btn); font-variant-numeric: tabular-nums; font-size: 14px; transition: background-color .3s ease; }
.pagination__btn:hover, .pagination__num:hover { background: var(--color-surface); color: var(--color-fg); }
.pagination__num.is-cur { background: var(--color-fg); color: var(--color-bg); }
.pagination__btn.is-disabled { opacity: .3; }
.pagination__gap { padding: 0 6px; color: var(--color-muted); }

/* ---------- Arama ---------- */
.search__head { margin-top: 32px; display: flex; flex-direction: column; gap: 24px; }
.search-form { display: flex; align-items: center; gap: 8px; border: var(--line-w) solid var(--color-fg); border-radius: var(--radius-btn); background: var(--color-bg); padding: 0 8px 0 16px; }
.search-form__input { flex: 1 1 auto; min-width: 0; height: 56px; border: 0; background: transparent; font-size: 17px; }
.search-form__input:focus { outline: none; }
.search-form__btn { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.search-form--page { max-width: 640px; }
.search__count { margin-top: 24px; font-size: 14px; color: var(--color-fg-soft); }
.search__others { margin-top: 48px; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.search__item { display: flex; flex-direction: column; gap: 6px; padding: 20px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); color: var(--color-fg); }
.search__item:hover { border-color: var(--color-fg); color: var(--color-fg); }
.search__item-title { font-family: var(--font-heading); font-size: 18px; font-weight: 500; }
.search__item-text { font-size: 14px; color: var(--color-fg-soft); }
.search-overlay { position: fixed; inset: 0; z-index: 80; display: flex; flex-direction: column; }
.search-overlay__backdrop { flex: 1 1 auto; background: rgba(var(--color-fg-rgb), .38); cursor: default; }
.search-overlay__panel { background: var(--color-bg); border-bottom: var(--line-w) solid var(--color-line); padding: 20px 0 28px; max-height: 85vh; overflow-y: auto; animation: slideDown .35s var(--ease-out); }
@keyframes slideDown { from { transform: translateY(-12px); opacity: 0; } to { transform: none; opacity: 1; } }
.search-form--overlay { border: 0; border-bottom: var(--line-w) solid var(--color-fg); border-radius: 0; padding: 0; }
.search-form__ico { flex: 0 0 auto; color: var(--color-muted); }
.search-overlay__results { margin-top: 20px; }
.search-overlay__results:empty { display: none; }
.search-overlay__sugg { margin-top: 20px; display: flex; flex-direction: column; gap: 12px; }
.search-overlay__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.predictive { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 32px; }
.predictive__group { display: flex; flex-direction: column; gap: 10px; }
.predictive__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.predictive__item { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: var(--radius-box); color: var(--color-fg); }
.predictive__item:hover { background: var(--color-surface); color: var(--color-fg); }
.predictive__img { width: 48px; height: 48px; object-fit: contain; background: var(--card-media-bg); border-radius: var(--radius-card); flex: 0 0 auto; }
.predictive__title { font-size: 14px; font-weight: var(--font-body-medium); }
.predictive__meta { font-size: 12.5px; color: var(--color-muted); }
.predictive__link { font-size: 14px; }
.predictive__all { margin-top: 8px; }

/* ---------- Sepet ---------- */
.drawer { position: fixed; inset: 0; z-index: 80; }
.drawer__backdrop { position: absolute; inset: 0; background: rgba(var(--color-fg-rgb), .38); cursor: default; animation: fadeIn .3s ease; }
.drawer__panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(460px, 100%); background: var(--color-bg); border-left: var(--line-w) solid var(--color-line); display: flex; flex-direction: column; animation: slideIn .4s var(--ease-out); }
@keyframes slideIn { from { transform: translateX(40px); opacity: 0; } to { transform: none; opacity: 1; } }
.drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px 14px 28px; border-bottom: var(--line-w) solid var(--color-line); }
.drawer__title { font-size: 22px; }
.drawer__count { font-family: var(--font-body); font-size: 14px; font-weight: 400; color: var(--color-muted); letter-spacing: 0; }
.drawer__ship { margin: 0; padding: 11px 28px; background: var(--color-surface); border-bottom: var(--line-w) solid var(--color-line); font-size: 13.5px; }
.free-ship { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--color-fg-soft); }
.cart-page .free-ship { padding: 12px 0; border-bottom: var(--line-w) solid var(--color-line); }
.drawer__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 0 28px; }
.drawer__lines { display: flex; flex-direction: column; }
.line { display: flex; gap: 16px; padding: 20px 0; border-bottom: var(--line-w) solid var(--color-line); }
.line__media { flex: 0 0 auto; width: 96px; aspect-ratio: 1; background: var(--card-media-bg); border-radius: var(--radius-card); overflow: hidden; }
.line--compact .line__media { width: 76px; }
.line__img { width: 100%; height: 100%; object-fit: contain; }
.line__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.line__series { font-size: 10.5px; }
.line__title { font-family: var(--font-heading); font-size: 16px; font-weight: 500; line-height: 1.25; }
.line__meta { font-size: 13px; color: var(--color-muted); }
.line__row { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.line__price { font-size: 14px; white-space: nowrap; font-family: var(--font-heading); font-weight: 500; }
.line__compare { color: var(--color-muted); font-weight: 400; margin-right: 6px; }
.line__remove { align-self: flex-start; margin-top: 4px; min-height: 32px; font-size: 12.5px; color: var(--color-fg-soft); text-decoration: underline; text-underline-offset: 3px; }
.line.is-busy { opacity: .5; pointer-events: none; }
.drawer__pair { padding: 22px 0 26px; display: flex; flex-direction: column; gap: 14px; }
.drawer__pair-card { display: flex; align-items: center; gap: 14px; }
.drawer__pair-img { flex: 0 0 auto; width: 56px; height: 56px; object-fit: contain; background: var(--card-media-bg); border-radius: var(--radius-card); }
.drawer__pair-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.drawer__pair-name { font-family: var(--font-heading); font-size: 15px; font-weight: 500; line-height: 1.2; }
.drawer__pair-meta { font-size: 13px; color: var(--color-muted); display: flex; gap: 4px; align-items: baseline; }
.drawer__empty { padding: 56px 0 24px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.drawer__foot { padding: 16px 28px calc(20px + env(safe-area-inset-bottom)); border-top: var(--line-w) solid var(--color-line); display: flex; flex-direction: column; gap: 10px; }
.drawer__note-summary { font-size: 13.5px; text-decoration: underline; text-underline-offset: 3px; padding: 4px 0; }
.drawer__note .textarea { margin-top: 8px; }
.drawer__total { display: flex; justify-content: space-between; align-items: baseline; font-family: var(--font-heading); font-size: 17px; font-weight: 500; }
.drawer__tax { font-size: 12.5px; color: var(--color-muted); }
.drawer__view-cart { align-self: center; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.drawer__status { padding: 0 28px 8px; }
.cart-page__title { margin-top: 32px; }
.cart-page__grid { margin-top: 32px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 64px; align-items: start; }
.cart-page__lines { display: flex; flex-direction: column; border-top: var(--line-w) solid var(--color-line); }
.cart-page__summary { position: sticky; top: 92px; display: flex; flex-direction: column; gap: 12px; padding: 24px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); }
.cart-page__note { display: flex; flex-direction: column; gap: 6px; }
.cart-page__note-label { font-size: 13.5px; font-weight: var(--font-body-medium); }
.cart-page__row { display: flex; justify-content: space-between; font-size: 15px; }
.cart-page__row--total { font-family: var(--font-heading); font-size: 19px; font-weight: 500; padding-top: 12px; border-top: var(--line-w) solid var(--color-line); }
.cart-page__tax { font-size: 12.5px; color: var(--color-muted); }

/* ---------- Modal (hızlı bakış) ---------- */
.modal { position: fixed; inset: 0; z-index: 85; display: flex; align-items: center; justify-content: center; padding: 20px; }
.modal__backdrop { position: absolute; inset: 0; background: rgba(var(--color-fg-rgb), .38); cursor: default; animation: fadeIn .3s ease; }
.modal__panel { position: relative; width: min(920px, 100%); max-height: 90vh; overflow-y: auto; background: var(--color-bg); border-radius: var(--radius-box); animation: popIn .4s var(--ease-out); }
@keyframes popIn { from { transform: translateY(16px); opacity: 0; } to { transform: none; opacity: 1; } }
.modal__close { position: absolute; top: 8px; right: 8px; z-index: 2; }
.modal__body { padding: 32px; }
.modal__loading { padding: 48px; text-align: center; color: var(--color-muted); }
.qv__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.qv__media { aspect-ratio: 1; background: var(--card-media-bg); border-radius: var(--radius-card); overflow: hidden; }
.qv__img { width: 100%; height: 100%; object-fit: contain; }
.qv__body { display: flex; flex-direction: column; gap: 12px; padding-right: 24px; }
.qv__short { color: var(--color-fg-soft); }
.qv__price { font-size: 20px; }
.qv__form { margin-top: 6px; }
.qv__link { align-self: flex-start; font-size: 14px; margin-top: 6px; }

/* ---------- Sayfa / blog / yazı / 404 / şifre / iletişim ---------- */
.page__inner { margin: 40px auto 0; }
.page--narrow .page__inner { max-width: 760px; }
.page__head { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }
.page__content { font-size: 17px; }
.blog__head { margin-top: 32px; display: flex; flex-direction: column; gap: 14px; }
.blog__text { color: var(--color-fg-soft); max-width: 60ch; }
.blog__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.grid--posts { margin-top: 48px; row-gap: 48px; }
.article__head { max-width: 760px; margin: 32px auto 0; display: flex; flex-direction: column; gap: 12px; }
.article__back { align-self: flex-start; margin-bottom: 8px; }
.article__meta { font-size: 13.5px; color: var(--color-muted); }
.article__media { max-width: 960px; margin: 40px auto 0; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--radius-card); background: var(--color-surface); }
.article__img { width: 100%; height: 100%; object-fit: cover; }
.article__body { max-width: 760px; margin: 40px auto 0; font-size: 17px; }
.article__share { max-width: 760px; margin: 40px auto 0; padding-top: 24px; border-top: var(--line-w) solid var(--color-line); }
.article__comments { max-width: 760px; margin: 56px auto 0; display: flex; flex-direction: column; gap: 24px; }
.comment { padding: 16px 0; border-bottom: var(--line-w) solid var(--color-line); }
.comment__meta { font-size: 13px; color: var(--color-muted); margin-bottom: 6px; }
.comment-form { display: flex; flex-direction: column; gap: 16px; }
.notfound { padding: 96px 0; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.notfound .page-width { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.notfound__text { color: var(--color-fg-soft); }
.notfound__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 8px; }
.pw { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px var(--gutter); }
.pw__inner { width: min(560px, 100%); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.pw__logo { margin-bottom: 16px; }
.pw__text { color: var(--color-fg-soft); max-width: 44ch; }
.pw__form { width: 100%; text-align: left; }
.pw__social { display: flex; gap: 8px; }
.pw__social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-btn); }
.pw__login { width: 100%; margin-top: 24px; text-align: left; }
.pw__login-summary { font-size: 13.5px; text-decoration: underline; text-underline-offset: 3px; text-align: center; }
.pw__login-form { margin-top: 14px; }
.pw__admin { font-size: 13px; color: var(--color-muted); }
.pw__admin a { text-decoration: underline; text-underline-offset: 3px; }
.colls__head { margin-top: 32px; }
.grid--colls { margin-top: 32px; }
.contact__grid { margin-top: 40px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.contact__info { display: flex; flex-direction: column; gap: 16px; }
.contact__list { margin: 12px 0 0; display: flex; flex-direction: column; gap: 14px; }
.contact__list div { display: flex; flex-direction: column; gap: 2px; }
.contact__list dd { margin: 0; font-size: 15px; }
.contact__form { padding: 32px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); }
.gift { padding: 64px var(--gutter); display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.gift__code { font-family: monospace; font-size: 22px; letter-spacing: .08em; padding: 12px 16px; border: 1px dashed var(--color-line); }
.gift__actions { display: flex; gap: 12px; margin-top: 12px; }
.rich-text__inner { display: flex; flex-direction: column; gap: 18px; max-width: 760px; }
.rich-text--center .rich-text__inner { margin: 0 auto; align-items: center; text-align: center; }
.rich-text__btn { margin-top: 8px; }
.iwt__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.iwt--right .iwt__media { order: 2; }
.iwt__media { overflow: hidden; border-radius: var(--radius-card); background: var(--color-surface); }
.iwt__img { width: 100%; height: 100%; object-fit: cover; }
.iwt__body { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }

/* ---------- Hesap ---------- */
.account { padding-top: 40px; padding-bottom: var(--section-gap); }
.account__narrow { max-width: 480px; display: flex; flex-direction: column; gap: 24px; }
.account__form { display: flex; flex-direction: column; gap: 16px; margin-top: 8px; }
.account__form .btn { align-self: flex-start; }
.account__link { text-decoration: underline; text-underline-offset: 3px; font-size: 14px; }
.account__alt { font-size: 14px; color: var(--color-fg-soft); }
.account__meta { color: var(--color-fg-soft); }
.account__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
.account__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.account__side { display: flex; flex-direction: column; gap: 12px; padding: 24px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); }
.account__side .btn { align-self: flex-start; }
.account__table { width: 100%; border-collapse: collapse; font-size: 14px; }
.account__table th, .account__table td { padding: 12px 8px; text-align: left; border-bottom: var(--line-w) solid var(--color-line); vertical-align: top; }
.account__table th { font-size: 11.5px; letter-spacing: var(--label-tracking); text-transform: var(--label-transform); color: var(--color-muted); font-family: var(--font-heading); }
.account__addresses { margin-top: 32px; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; }
.account__address { display: flex; flex-direction: column; gap: 10px; padding: 20px; border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); }
.account__address p { margin: 0; }
.account__recover summary { display: inline-flex; }
@media (max-width: 760px) { .account__grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Toast ---------- */
.ov-toast { position: fixed; left: 50%; bottom: 24px; z-index: 90; translate: -50% 0; padding: 12px 18px; background: var(--color-fg); color: var(--color-bg); font-size: 14px; border-radius: var(--radius-btn); box-shadow: 0 8px 24px rgba(var(--color-fg-rgb), .18); animation: popIn .3s var(--ease-out); max-width: calc(100vw - 32px); }

/* ---------- Duyarlı ---------- */
@media (max-width: 1100px) {
  .product__grid { gap: 40px; }
  .kf__box { grid-template-columns: 220px minmax(0, 1fr); }
}
@media (max-width: 1023px) {
  .header__inner { grid-template-columns: minmax(0, 1fr) auto; }
  .header__nav { display: none; }
  .header__icon-btn.header__burger { display: inline-flex; }
  .header__icon-btn--account { display: none; }
  .product__grid { grid-template-columns: minmax(0, 1fr); }
  .product__info--sticky { position: static; }
  .product__info { max-width: none; }
  .gallery { position: static; grid-template-columns: minmax(0, 1fr); }
  .gallery__thumbs { display: none; }
  .gallery__stage { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 0; scrollbar-width: none; }
  .gallery__stage::-webkit-scrollbar { display: none; }
  .gallery--single .gallery__item, .gallery--stack .gallery__item { flex: 0 0 100%; scroll-snap-align: start; opacity: 1; visibility: visible; transition: none; }
  .gallery__dots { display: flex; }
  .gallery__nav { display: none; }
  .sticky-bar { display: block; }
  .kf__box { grid-template-columns: minmax(0, 1fr); }
  .kf__tabs { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: var(--line-w) solid var(--color-line); scrollbar-width: none; }
  .kf__tab { flex: 0 0 auto; border-bottom: 0; border-right: var(--line-w) solid var(--color-line); padding: 16px 18px; }
  .kf__panel { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 24px; }
  .cart-page__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .cart-page__summary { position: static; }
  .contact__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .collection__head--image { grid-template-columns: minmax(0, 1fr); }
  .grid--cols-4, .grid--cols-5, .grid--cols-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer__col--brand, .footer__col--news { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  :root { --gutter: 20px; --section-gap: 64px; }
  .announcement { font-size: 12px; }
  .cover__stage { height: var(--cover-h-m, 640px); }
  .cover__inner { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); align-items: start; gap: 12px; padding-top: 36px; }
  .cover__group { margin-bottom: 28px; }
  .cover__index { gap: 0 8px; }
  .cover__tab-name, .cover__tab-sub { display: none; }
  .cover__ctrls { margin-right: -10px; }
  .sec-head__aside .row-arrows { display: none; }
  .row-track { grid-auto-columns: calc((100% - 14px * (var(--row-n-m, 2) - 1)) / (var(--row-n-m, 2) + .4)); gap: 14px; }
  .type-grid__grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 8px; margin-right: calc(var(--gutter) * -1); padding-right: var(--gutter); scrollbar-width: none; }
  .type-grid__grid::-webkit-scrollbar { display: none; }
  .type-tile { flex: 0 0 44%; scroll-snap-align: start; }
  .ql-row { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 20px 0; }
  .ql-row__label { padding-top: 0; }
  .ql-row__chips { flex-wrap: nowrap; overflow-x: auto; margin-right: calc(var(--gutter) * -1); padding-right: var(--gutter); scrollbar-width: none; }
  .ql-row__chips::-webkit-scrollbar { display: none; }
  .hs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; margin-right: calc(var(--gutter) * -1); padding-right: var(--gutter); scrollbar-width: none; }
  .hs::-webkit-scrollbar { display: none; }
  .hs > * { flex: 0 0 80%; scroll-snap-align: start; }
  .pvideos__grid > * { flex-basis: 60%; }
  .brands__band { padding: 40px 24px; }
  .newsletter__grid { grid-template-columns: minmax(0, 1fr); gap: 56px; }
  .footer__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .footer__contact { grid-template-columns: minmax(0, 1fr); }
  .grid--products { column-gap: 14px; row-gap: 36px; }
  .grid--cols-3, .grid--cols-4, .grid--cols-5, .grid--cols-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .card__quick, .card__hover-bar { display: none; }
  .product__info { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product__title { font-size: calc(clamp(26px, 7vw, 34px) * var(--heading-scale)); }
  .delivery__steps { gap: 6px; }
  .delivery__label { font-size: 11px; }
  .delivery__date { font-size: 12.5px; }
  .pairing__actions { flex-direction: column; }
  .kf__items { grid-template-columns: minmax(0, 1fr); }
  .facets__bar { flex-direction: column; align-items: stretch; }
  .facets__right { justify-content: space-between; }
  .facet__panel { position: static; box-shadow: none; border: 0; padding: 4px 0 12px; max-width: none; }
  .qv__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .modal { padding: 0; align-items: flex-end; }
  .modal__panel { border-radius: var(--radius-box) var(--radius-box) 0 0; max-height: 92vh; }
  .modal__body { padding: 24px 20px 32px; }
  .qv__body { padding-right: 0; }
  .search-form__input { height: 50px; font-size: 16px; }
  .predictive { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .drawer__head, .drawer__ship, .drawer__body, .drawer__foot { padding-left: 20px; padding-right: 20px; }
  .drawer__status { padding-left: 20px; padding-right: 20px; }
  .iwt__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .iwt--right .iwt__media { order: 0; }
  .contact__form { padding: 20px; }
  .article__media { margin-left: calc(var(--gutter) * -1); margin-right: calc(var(--gutter) * -1); border-radius: 0; }
}
@media (max-width: 480px) {
  .type-tile { flex-basis: 56%; }
  .product__info > .product__features-item { grid-column: 1 / -1; }
  .product__info > .product__features-item + .product__features-item { margin-top: -10px; }
  .product-form__submit { flex-basis: 100%; }
  .share__question { margin-left: 0; flex-basis: 100%; }
}


/* ==========================================================================
   Görünüm varyantları (tema ayarlarıyla body sınıfları)
   ========================================================================== */
/* Kapak: kart düzeni (E) */
.cover--card .cover__stage { margin: 24px var(--gutter) 0; border-radius: var(--radius-band); height: calc(var(--cover-h, 620px) - 20px); }
.cover--card .cover__inner { padding-left: 56px; padding-right: 56px; }
.cover__dots-wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; }
.cover__dots { display: flex; align-items: center; gap: 4px; }
.cover__dot { height: 44px; padding: 0 6px; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; }
.band-box .marquee { margin-top: 24px; }
.cover__dot-line { display: block; width: 22px; height: 2px; border-radius: 2px; background: var(--color-line); overflow: hidden; position: relative; transition: width .4s ease, background-color .3s ease; }
.cover__dot:hover .cover__dot-line { background: var(--color-muted); }
.cover__dot.is-cur .cover__dot-line { width: 44px; }
.cover__dots-label { margin-left: 10px; font-size: 12.5px; font-weight: 500; letter-spacing: .06em; color: var(--color-muted); font-variant-numeric: tabular-nums; }
.cover__ctrls--round { gap: 10px; }
.cover__ctrls--round .cover__ctrl { border-radius: 999px; }
/* Yuvarlak oklar (E) */
.arrows-round .row-arrow { width: 54px; height: 54px; border-radius: 999px; }
.arrows-round .cover__ctrl, .arrows-round .card__add, .arrows-round .gallery__nav-btn, .arrows-round .qty__btn { border-radius: 999px; }
.arrows-round .card__add { width: 38px; height: 38px; }
/* Yumuşak kutular (E, D) */
.tiles-soft .type-tile { border: 0; overflow: visible; gap: 12px; }
.tiles-soft .type-tile__media { aspect-ratio: 4 / 5; border-radius: var(--radius-card); background: var(--color-surface); }
.tiles-soft .type-tile__foot { border: 0; padding: 0 2px; }
.tiles-soft .type-tile__name { font-size: 14px; }
.tiles-soft .set-card__media { border: 0; background: var(--color-surface); padding: 20px 28px; }
.tiles-soft .set-card__foot { border-top: 0; padding-top: 0; }
.tiles-soft .set-card__foot .eyebrow-link { display: inline-flex; align-items: center; min-height: 36px; padding: 0 16px; border: var(--line-w) solid var(--color-fg); border-radius: var(--radius-btn); background: none; letter-spacing: .02em; text-transform: none; font-size: 12.5px; font-weight: 500; }
.tiles-soft .card__foot { border-top: 0; padding-top: 0; margin-top: -4px; }
.tiles-soft .card__body { padding: 0 2px; }
.tiles-soft .card__title { font-size: 14.5px; line-height: 1.45; }
.tiles-soft .card__meta { font-size: 13px; }
.tiles-soft .price { font-size: 14px; }
.tiles-soft .chip { border-radius: 999px; }
.tiles-soft .brands__band { border: 0; border-radius: var(--radius-band); padding: 56px 64px; }
.tiles-soft .footer__contact-icon, .tiles-soft .footer__social a, .tiles-soft .share__btn, .tiles-soft .feature__icon { border-radius: 999px; }
.tiles-soft .delivery, .tiles-soft .assure, .tiles-soft .pairing__card, .tiles-soft .search__item, .tiles-soft .contact__form, .tiles-soft .cart-page__summary { border-radius: var(--radius-box); }
.tiles-soft .gallery__thumb { border-radius: calc(var(--radius-card) - 4px); }
.tiles-soft .pmedia, .tiles-soft .gallery__thumb { background: var(--color-surface); }
.tiles-soft .pmedia, .tiles-soft .gallery__thumb, .tiles-soft .kf__media, .tiles-soft .qv__media { aspect-ratio: var(--card-ratio); }
.tiles-soft .kf__media, .tiles-soft .qv__media { background: var(--color-surface); }
/* Akordeon kutuları (E) */
.acc-box .acc { border: var(--line-w) solid var(--color-line); border-radius: var(--radius-box); background: var(--color-bg); }
.acc-box .product__info > .acc + .acc { margin-top: -10px; }
.acc-box .product__info > :not(.acc) + .acc { border-top: var(--line-w) solid var(--color-line); }
.acc-box .acc__summary { padding: 8px 16px; font-size: 14.5px; }
.acc-box .acc__icon { width: 34px; height: 34px; border-radius: 999px; background: var(--color-surface); display: inline-flex; align-items: center; justify-content: center; color: var(--color-fg); }
.acc-box .acc__sign { color: var(--color-muted); }
.acc-box .acc__content { padding: 0 16px 18px 64px; font-size: 14px; }
/* Nitelik kutuları (E) */
.feat-box .product__features-item { flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 14px 8px; border-radius: var(--radius-box); background: var(--color-surface); font-size: 12.5px; font-weight: var(--font-body-medium); line-height: 1.35; }
.feat-box .feature__icon { border: 0; width: auto; height: auto; color: var(--color-fg); }
.feat-box .assure { background: var(--color-band); border: 0; }
.feat-box .pairing__card { background: var(--color-band); border: 0; border-radius: var(--radius-card); }
.feat-box .pairing__media { background: var(--color-bg); }
/* Bant kutuları (E) */
.band-box .newsletter__grid { border-top: 0; padding: 56px 64px; border-radius: var(--radius-band); background: var(--color-band); }
.band-box .newsletter-form__row { padding: 5px; border-color: var(--color-line); gap: 8px; }
.band-box .newsletter-form__input { height: 44px; border-radius: var(--radius-btn); }
.band-box .newsletter-form__btn { height: 44px; min-height: 44px; border-radius: var(--radius-btn); padding: 0 24px; }
.band-box .social-list { border-top: 0; gap: 10px; }
.band-box .social-row { border-bottom: 0; background: var(--color-bg); border-radius: var(--radius-box); padding: 0 22px; min-height: 64px; }
.band-box .social-row__name { font-size: 17px; }
.band-box .kf__box { border: 0; background: var(--color-band); border-radius: var(--radius-band); padding: 40px; gap: 40px; grid-template-columns: 300px minmax(0, 1fr); overflow: visible; }
.band-box .kf__tabs { background: transparent; border: 0; gap: 6px; }
.band-box .kf__tab { border: 0; border-radius: 12px; padding: 0 16px; min-height: 56px; align-items: center; }
.band-box .kf__tab.is-cur { background: var(--color-bg); }
.band-box .kf__panel { padding: 0; }
.band-box .footer { border-top-color: var(--color-line); }
.band-box .drawer__ship { background: var(--color-band); }
@media (max-width: 1023px) {
  .band-box .kf__box { grid-template-columns: minmax(0, 1fr); padding: 24px; }
  .band-box .kf__tabs { flex-direction: row; overflow-x: auto; }
}
@media (max-width: 760px) {
  .cover--card .cover__stage { margin: 16px 16px 0; height: calc(var(--cover-h-m, 640px) - 20px); }
  .cover--card .cover__inner { padding-left: 24px; padding-right: 24px; }
  .cover__dots-wrap { flex-wrap: wrap; }
  .band-box .newsletter__grid { padding: 32px 20px; }
  .tiles-soft .brands__band { padding: 36px 22px; }
}

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001s !important; animation-iteration-count: 1 !important; transition-duration: .001s !important; scroll-behavior: auto !important; }
  .marquee__track { animation: none; transform: none; }
  .cover__tab.is-cur .cover__bar-fill { animation: none; transform: none; }
  .js [data-reveal] { opacity: 1; transform: none; }
  .cover__copy > *, .cover__prod { opacity: 1; transform: none; }
}

/* ---------- Shopify editör ---------- */
.shopify-section--hidden { display: none; }