/* ==========================================================================
   Pure Concept teması — mobilya mağazası düzeni
   Üst bilgi barı · ortada logo · büyük harfli kategori menüsü + mega menü ·
   tam genişlik slider · yuvarlak kategori ikonları · kart banner sıraları ·
   kaydırmalı ürün sıraları · yapışkan satın alma kutulu ürün sayfası
   Renkler panelden: --accent (vurgu/buton), --ink (metin), --paper (zemin)
   ========================================================================== */
.pc {
    --pc-ink: var(--ink, #40484e);
    --pc-soft: #6f777d;
    --pc-line: #e4e6e8;
    --pc-wash: #f5f5f3;
    --pc-top: #3d454c;
    --pc-sale: #c93e63;
    --pc-gold: #f6d34a;
    --pc-teal: #2c8c8f;
    --pc-max: 1200px;
    --stone: var(--pc-soft);
    --line: var(--pc-line);
    --wash: var(--pc-wash);
    --radius: 3px;
    --header-h: 150px;
    font-size: 14px;
    color: var(--pc-ink);
}
.pc body, body.pc { font: 400 14px/1.55 var(--font-body); letter-spacing: 0; }
.pc-wrap { width: 100%; max-width: var(--pc-max); margin: 0 auto; padding: 0 16px; }
.pc-muted { color: var(--pc-soft); }
.pc svg { width: 20px; height: 20px; }

/* Butonlar */
.pc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 26px; border: 1px solid var(--accent); border-radius: var(--radius);
    background: var(--accent); color: #fff; font: 600 14px/1 var(--font-heading); letter-spacing: .12em; text-transform: uppercase; transition: filter .2s, background-color .2s, color .2s; }
.pc-btn:hover { filter: brightness(.92); }
.pc-btn:disabled { opacity: .45; cursor: not-allowed; }
.pc-btn--ghost { background: transparent; color: var(--pc-ink); border-color: var(--pc-ink); }
.pc-btn--ghost:hover { background: var(--pc-ink); color: #fff; filter: none; }
.pc-btn--sm { min-height: 36px; padding: 0 16px; font-size: 12px; }
.pc-btn--block { width: 100%; }
.pc-btn--buy { width: 100%; min-height: 54px; font-size: 16px; letter-spacing: .14em; }
.pc .btn--dark { background: var(--accent); border-color: var(--accent); color: #fff; }
.pc .btn--dark:hover { filter: brightness(.92); background: var(--accent); }
.pc .btn { border-radius: var(--radius); }

/* ---------------------------------------------------------------- Üst bar */
.pc-top { background: var(--pc-top); color: #fff; font: 600 12px/1 var(--font-heading); letter-spacing: .08em; text-transform: uppercase; }
.pc-top__in { display: flex; justify-content: space-between; align-items: center; min-height: 34px; gap: 20px; }
.pc-top__left, .pc-top__right { display: flex; align-items: center; gap: 26px; }
.pc-top a { display: inline-flex; align-items: center; gap: 6px; opacity: .92; }
.pc-top a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.pc-top svg { width: 16px; height: 16px; }
.pc-top__help { color: var(--pc-gold); }

/* ---------------------------------------------------------------- Header */
.pc-head { position: sticky; top: 0; z-index: 40; background: #fff; box-shadow: 0 1px 0 var(--pc-line); }
.pc-head.is-stuck { box-shadow: 0 4px 14px rgba(30, 36, 40, .08); }
.pc-head__in { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding-top: 18px; padding-bottom: 12px; }
.pc-icon { width: 42px; height: 42px; display: grid; place-items: center; background: none; border: 0; padding: 0; color: var(--pc-ink); }
.pc-head__in > .pc-head__burger { display: none; }
.pc-search { display: flex; align-items: center; max-width: 280px; border-bottom: 1px solid #9aa0a5; }
.pc-search input { flex: 1; min-width: 0; height: 36px; border: 0; outline: 0; background: transparent; font-size: 13px; color: var(--pc-ink); }
.pc-search input::placeholder { color: #a3a8ad; }
.pc-search button { background: none; border: 0; padding: 4px; display: grid; color: var(--pc-ink); }
.pc-logo { justify-self: center; display: block; color: var(--pc-ink); }
.pc-logo img { height: var(--logo-h, 46px); width: auto; max-width: 260px; object-fit: contain; }
.pc-logo span { font: 500 32px/1 var(--font-heading); letter-spacing: .14em; text-transform: uppercase; }
.pc-actions { justify-self: end; display: flex; align-items: center; gap: 22px; }
.pc-action { display: inline-flex; align-items: center; gap: 7px; font: 600 12.5px/1 var(--font-heading); color: var(--pc-ink); white-space: nowrap; }
.pc-action:hover { color: var(--accent); }
.pc-action svg { width: 22px; height: 22px; }
.pc-action__bag { position: relative; display: grid; }
.pc-action__bag b { position: absolute; top: -7px; right: -9px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--accent); color: #fff; font-size: 10.5px; display: grid; place-items: center; }

/* Kategori menüsü */
.pc-nav { position: relative; }
.pc-nav__head, .pc-nav__extra { display: none; }
.pc-nav__list { display: flex; justify-content: center; flex-wrap: wrap; gap: 0 4px; list-style: none; margin: 0 auto; padding-bottom: 2px; }
.pc-nav__item > a { display: block; padding: 12px 14px 14px; font: 600 12.5px/1 var(--font-heading); letter-spacing: .06em; text-transform: uppercase; color: var(--pc-ink); border-bottom: 2px solid transparent; }
.pc-nav__item:hover > a, .pc-nav__item > a[aria-current="page"] { border-bottom-color: var(--pc-ink); }
.pc-nav__more { display: none; }
.pc-mega { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid var(--pc-line); box-shadow: 0 18px 30px rgba(30, 36, 40, .1);
    opacity: 0; visibility: hidden; translate: 0 6px; transition: opacity .2s, translate .2s, visibility 0s .2s; z-index: 5; }
.pc-nav__item.has-mega:hover .pc-mega, .pc-nav__item.has-mega:focus-within .pc-mega { opacity: 1; visibility: visible; translate: 0 0; transition: opacity .2s, translate .2s; }
.pc-mega__in { display: grid; grid-template-columns: 260px 1fr; gap: 40px; padding-top: 30px; padding-bottom: 34px; }
.pc-mega__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; align-content: start; }
.pc-mega__links a { font-size: 13px; color: var(--pc-ink); }
.pc-mega__links a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.pc-mega__all { font-weight: 600; }
.pc-mega__picks { display: flex; gap: 28px; justify-content: flex-end; }
.pc-mega__pick { display: grid; justify-items: center; gap: 10px; font-size: 12.5px; text-align: center; }
.pc-mega__pick img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; box-shadow: 0 0 0 1px var(--pc-line); transition: transform .3s; }
.pc-mega__pick:hover img { transform: scale(1.04); }

/* İnce bilgi şeridi (Görünüm → üst duyuru şeridi) */
.pc-strip { background: var(--bar-bg, #f2f2f0); color: var(--bar-fg, #40484e); }
.pc-strip__in { display: flex; justify-content: center; align-items: center; gap: 18px; min-height: 44px; font: 500 15px/1.2 var(--font-heading); letter-spacing: .02em; text-align: center; }
.pc-strip__sep { width: 1px; height: 18px; background: currentColor; opacity: .3; }

/* ---------------------------------------------------------------- Slider */
.pc-hero { position: relative; overflow: hidden; background: var(--pc-wash); aspect-ratio: 1920 / 600; max-height: 600px; width: 100%; }
.pc-hero .hero__slide img { object-fit: cover; }
.pc-hero .hero__slide.is-active img { animation: none; }
.pc-hero__nav { position: absolute; top: 50%; translate: 0 -50%; z-index: 2; width: 40px; height: 52px; border: 0; background: rgba(255, 255, 255, .85); display: grid; place-items: center; color: var(--pc-ink); }
.pc-hero__nav--prev { left: 0; } .pc-hero__nav--next { right: 0; }
.pc-hero__dots { position: absolute; left: 50%; translate: -50% 0; bottom: 16px; display: flex; gap: 8px; z-index: 2; }
.pc-hero__dots button { width: 11px; height: 11px; padding: 0; border-radius: 50%; border: 1.5px solid #fff; background: transparent; box-shadow: 0 0 2px rgba(0,0,0,.25); }
.pc-hero__dots button[aria-selected="true"] { background: #fff; }

/* ---------------------------------------------------------------- Bölümler */
.pc-section { padding-top: 54px; }
.pc-title { margin: 0 0 24px; text-align: center; font: 500 24px/1.2 var(--font-heading); letter-spacing: .14em; text-transform: uppercase; color: var(--pc-ink); }
.pc-title--page { margin-top: 30px; font-size: 22px; }
.pc-subtitle { margin: -14px 0 22px; text-align: center; color: var(--pc-soft); }
.pc-more { text-align: center; margin: 22px 0 0; }
.pc-more a { font: 600 13px/1 var(--font-heading); letter-spacing: .06em; color: var(--accent); }

/* Yuvarlak kategori ikonları */
.pc-circles { display: flex; justify-content: center; gap: 26px; flex-wrap: wrap; }
.pc-circle { display: grid; justify-items: center; gap: 10px; width: 132px; text-align: center; }
.pc-circle__img { position: relative; width: 122px; height: 122px; border-radius: 50%; overflow: hidden; border: 2px solid var(--accent); padding: 4px; background: #fff; }
.pc-circle__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; transition: transform .35s; }
.pc-circle:hover .pc-circle__img img { transform: scale(1.06); }
.pc-circle__name { position: absolute; left: 0; right: 0; bottom: 18px; text-align: center; font: 600 12px/1.15 var(--font-heading); color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.6); padding: 0 8px; }
.pc-circle__from { font-size: 12.5px; line-height: 1.35; color: var(--pc-ink); }
.pc-circles--sm { gap: 18px; margin-bottom: 18px; flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; padding: 4px 2px; }
.pc-circles--sm::-webkit-scrollbar { display: none; }
.pc-circles--sm .pc-circle { width: 104px; flex: none; }
.pc-circles--sm .pc-circle__img { width: 96px; height: 96px; border: 1px solid var(--pc-line); padding: 3px; }
.pc-circles--sm .pc-circle.is-current .pc-circle__img { border: 2px solid var(--accent); }
.pc-circle__label { font: 500 12.5px/1.25 var(--font-heading); }
@media (min-width: 1000px) { .pc-circles--sm { justify-content: center; } }

/* Kart bannerlar */
.pc-cards { display: grid; gap: 18px; }
.pc-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pc-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pc-cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pc-card { display: grid; gap: 10px; align-content: start; }
.pc-card__img { display: block; overflow: hidden; background: var(--pc-wash); aspect-ratio: 4 / 3; }
.pc-cards--3 .pc-card__img { aspect-ratio: 16 / 11; }
.pc-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.pc-card:hover .pc-card__img img { transform: scale(1.04); }
.pc-card__title { font: 600 14px/1.3 var(--font-heading); }
.pc-card__cta { font: 600 13px/1 var(--font-heading); letter-spacing: .04em; color: var(--accent); }

/* Kaydırmalı sıra */
.pc-rail { position: relative; }
.pc-rail__track.is-scroll { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: calc((100% - 3 * 18px) / 4); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 18px; }
.pc-rail__track.is-scroll::-webkit-scrollbar { display: none; }
.pc-rail__track.is-scroll > * { scroll-snap-align: start; }
.pc-rail__btn { position: absolute; top: 34%; z-index: 3; width: 38px; height: 50px; border: 1px solid var(--pc-line); background: #fff; display: grid; place-items: center; color: var(--pc-ink); }
.pc-rail__btn--prev { left: -46px; } .pc-rail__btn--next { right: -46px; }
.pc-rail__btn[disabled] { opacity: .35; }

/* Büyük görselli vitrin (fiyat görselin üstünde) */
.pc-trend { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.pc-trend__item { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--pc-wash); }
.pc-trend__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.pc-trend__item:hover img { transform: scale(1.05); }
.pc-trend__price { position: absolute; left: 0; top: 0; display: grid; padding: 7px 10px; background: var(--pc-teal); color: #fff; font: 600 12px/1.25 var(--font-heading); }
.pc-trend__price s { opacity: .75; font-weight: 400; }
.pc-trend__name { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 12px 10px; background: linear-gradient(to top, rgba(0,0,0,.55), transparent); color: #fff; font: 600 13px/1.2 var(--font-heading); letter-spacing: .02em; }

/* Geniş banner */
.pc-banner { margin-top: 54px; }
.pc-banner img { width: 100%; height: auto; }
.pc-banner__link { display: block; }

/* SEO metni */
.pc-seo { max-width: var(--pc-max); padding-bottom: 10px; }
.pc-seo h2 { font: 500 26px/1.25 var(--font-heading); margin: 0 0 14px; }
.pc-seo .prose { font-size: 13.5px; color: var(--pc-soft); line-height: 1.7; }

/* ---------------------------------------------------------------- Ürün kartı */
.pc-grid { display: grid; gap: 34px 18px; }
.pc-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pc-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pc-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pc-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pc-pcard { position: relative; display: flex; flex-direction: column; min-width: 0; }
.pc-pcard__media { position: relative; display: block; aspect-ratio: var(--card-ratio, 1 / 1); overflow: hidden; background: var(--pc-wash); }
.pc-pcard__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; transition: opacity .4s, transform .6s var(--ease); }
.pc-pcard__img--alt { opacity: 0; }
@media (hover: hover) { .pc-pcard:hover .pc-pcard__img--alt { opacity: 1; } .pc-pcard:hover .pc-pcard__img:not(.pc-pcard__img--alt) { transform: scale(1.03); } }
.pc-pcard__disc { position: absolute; left: 10px; top: 10px; z-index: 2; width: 54px; height: 54px; border-radius: 50%; background: var(--pc-gold); color: var(--pc-ink);
    display: grid; place-content: center; text-align: center; font: 700 18px/1 var(--font-heading); }
.pc-pcard__disc small { display: block; font-size: 8.5px; letter-spacing: .04em; }
.pc-pcard__disc--lg { width: 72px; height: 72px; font-size: 24px; left: 14px; top: 14px; }
.pc-pcard__disc--lg small { font-size: 10px; }
.pc-pcard__out { position: absolute; left: 10px; top: 10px; background: var(--pc-ink); color: #fff; padding: 4px 9px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.pc-pcard.is-soldout .pc-pcard__img { opacity: .6; }
.pc-pcard__fav { position: absolute; right: 8px; top: 8px; z-index: 3; }
.pc .pc-pcard__fav, .pc .fav-btn { width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 0; display: grid; place-items: center; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.pc .fav-btn svg { width: 17px; height: 17px; }
.pc .fav-btn[aria-pressed="true"] svg { fill: var(--pc-sale); color: var(--pc-sale); }
.pc-pcard__body { padding: 10px 2px 0; display: grid; gap: 5px; }
.pc-pcard__tags { display: flex; flex-wrap: wrap; gap: 5px; min-height: 0; }
.pc-tag { display: inline-flex; align-items: center; padding: 3px 7px; border-radius: 2px; background: #eef0f1; color: var(--pc-ink); font: 700 10px/1.1 var(--font-heading); letter-spacing: .05em; text-transform: uppercase; }
.pc-tag--red { background: #fde8ec; color: var(--pc-sale); }
.pc-tag--teal { background: var(--pc-teal); color: #fff; }
.pc-pcard__title { margin: 0; font: 500 13.5px/1.35 var(--font-heading); color: var(--pc-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pc-pcard__title a:hover { text-decoration: underline; text-underline-offset: 2px; }
.pc-pcard__price { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; font: 600 14.5px/1.2 var(--font-heading); }
.pc-pcard__price s { color: #9aa0a5; font-weight: 400; font-size: 12.5px; }
.pc-pcard__price b { font-weight: 700; }
.pc-pcard__price b.is-sale { color: var(--pc-sale); }
.pc-pcard__basket { margin: 0; color: var(--pc-sale); font: 700 13px/1.2 var(--font-heading); }
.pc-pcard__swatches { margin: 3px 0 0; display: flex; align-items: center; gap: 6px; }
.pc-pcard__swatches span { width: 16px; height: 16px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12), 0 0 0 2px #fff, 0 0 0 3px var(--pc-line); }
.pc-pcard__swatches em { font-style: normal; font-size: 11.5px; color: var(--pc-soft); }

/* ---------------------------------------------------------------- Kategori */
.pc-catbanner img { width: 100%; height: auto; }
.pc-crumbs { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 14px; font-size: 12px; color: var(--pc-soft); }
.pc-crumbs a:hover { color: var(--pc-ink); }
.pc-crumbs > * + *::before { content: "›"; margin-right: 6px; color: #b9bec2; }
.pc-crumbs [aria-current] { color: var(--pc-ink); font-weight: 600; }
.pc-filters { border-top: 1px solid var(--pc-line); border-bottom: 1px solid var(--pc-line); margin-bottom: 26px; }
.pc-filters__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 24px; padding: 12px 0; border-bottom: 1px solid var(--pc-line); }
.pc-filters__meta { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 10px 0; }
.pc-count { grid-column: 2; margin: 0; font-size: 13px; color: var(--pc-soft); }
.pc-sort { grid-column: 3; justify-self: end; }
.pc-sort select { height: 36px; padding: 0 30px 0 12px; border: 1px solid var(--pc-line); background: #f7f7f7; font-size: 13px; border-radius: 2px; }
.pc-drop { position: relative; }
.pc-drop summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 8px 4px; font: 600 12.5px/1 var(--font-heading); letter-spacing: .06em; text-transform: lowercase; border-bottom: 1px solid #9aa0a5; min-width: 150px; justify-content: space-between; }
.pc-drop summary::-webkit-details-marker { display: none; }
.pc-drop summary::after { content: ""; border: 4px solid transparent; border-top-color: currentColor; margin-top: 4px; }
.pc-drop[data-active] summary { color: var(--accent); border-bottom-color: var(--accent); }
.pc-drop__panel { position: absolute; z-index: 20; top: calc(100% + 8px); left: 0; min-width: 240px; padding: 16px; background: #fff; box-shadow: 0 12px 28px rgba(30,36,40,.14); border: 1px solid var(--pc-line); display: grid; gap: 14px; }
.pc-colorlist { display: grid; gap: 8px; max-height: 260px; overflow: auto; }
.pc-colorpick { display: flex; align-items: center; gap: 9px; font-size: 13px; cursor: pointer; }
.pc-colorpick input { accent-color: var(--accent); }
.pc-dot { width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); flex: none; }
.pc-switch { display: inline-flex; align-items: center; gap: 8px; font: 600 12.5px/1 var(--font-heading); letter-spacing: .04em; cursor: pointer; position: relative; }
.pc-switch input { position: absolute; opacity: 0; }
.pc-switch span { width: 34px; height: 18px; border-radius: 9px; background: #d5d8db; position: relative; transition: background .2s; }
.pc-switch span::after { content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: translate .2s; }
.pc-switch input:checked + span { background: var(--accent); }
.pc-switch input:checked + span::after { translate: 16px 0; }
.pc-switch input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 2px; }
.pc-clear { font-size: 12.5px; color: var(--pc-sale); text-decoration: underline; }
.pc .pagination { margin-top: 40px; }

/* ---------------------------------------------------------------- Ürün sayfası */
.pc-pdp-wrap { padding-bottom: 20px; }
.pc-pdp { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 26px; align-items: start; }
.pc-gallery { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 10px; }
.pc-gallery__thumbs.pdp__thumbs { grid-column: 1; grid-row: 1; gap: 8px; max-height: 520px; }
.pc-gallery__thumbs.pdp__thumbs button { aspect-ratio: 1; border: 1px solid var(--pc-line); opacity: .75; border-radius: 2px; overflow: hidden; }
.pc-gallery__thumbs.pdp__thumbs button.is-active { border-color: var(--pc-ink); opacity: 1; }
.pc-gallery__stage.pdp__main { grid-column: 2; aspect-ratio: 4 / 3; background: var(--pc-wash); }
.pc-gallery:not(:has(.pc-gallery__thumbs)) { grid-template-columns: 1fr; }
.pc-gallery:not(:has(.pc-gallery__thumbs)) .pc-gallery__stage { grid-column: 1; }
.pc-gallery__stage .pdp__photo { object-fit: contain; background: var(--pc-wash); }
.pc .pdp__arrow { width: 36px; height: 48px; border-radius: 0; background: rgba(255,255,255,.85); }
.pc-pdp__titlebar { margin: 22px 0 0; padding: 16px 18px; background: var(--pc-wash); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.pc-pdp__titlebar h1 { margin: 0; font: 600 16px/1.35 var(--font-heading); letter-spacing: .08em; text-transform: uppercase; }
.pc-pdp__titlebar small { font-weight: 400; letter-spacing: .02em; color: var(--pc-soft); text-transform: none; font-size: 13px; }
.pc-box { margin-top: 16px; padding: 18px 20px; border: 1px solid var(--pc-line); }
.pc-box h2 { margin: 0 0 12px; font: 600 13px/1 var(--font-heading); letter-spacing: .06em; }
.pc-note { position: relative; background: var(--pc-wash); border: 0; padding: 22px 60px; }
.pc-note::before, .pc-note::after { position: absolute; font: 700 64px/1 Georgia, serif; color: #d3d6d9; }
.pc-note::before { content: "“"; left: 14px; top: 10px; }
.pc-note::after { content: "”"; right: 16px; bottom: -14px; }
.pc-note p { margin: 0; font-size: 13.5px; line-height: 1.75; }
.pc-feats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 14px 10px; }
.pc-feats li { display: grid; justify-items: center; gap: 7px; text-align: center; font-size: 12px; line-height: 1.3; }
.pc-feats svg { width: 30px; height: 30px; color: var(--accent); }
.pc-accs { margin-top: 16px; display: grid; gap: 8px; }
.pc-acc { border: 1px solid var(--pc-line); background: #fafafa; }
.pc-acc summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; font: 600 13.5px/1.2 var(--font-heading); }
.pc-acc summary::-webkit-details-marker { display: none; }
.pc-acc summary::after { content: "+"; font-size: 20px; font-weight: 400; }
.pc-acc[open] summary::after { content: "–"; }
.pc-acc[open] { background: #fff; }
.pc-acc > .prose, .pc-acc > .pc-spec { padding: 0 18px 18px; font-size: 13.5px; }
.pc-acc .prose h3 { font-size: 15px; font-family: var(--font-heading); font-weight: 600; margin: 18px 0 8px; }
.pc-acc .prose ul { margin: 0; }
.pc-spec { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 30px; }
.pc-spec div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--pc-line); }
.pc-spec dt { color: var(--pc-soft); }
.pc-spec dd { margin: 0; font-weight: 600; text-align: right; }

.pc-pdp__side { position: sticky; top: calc(var(--header-h) + 10px); display: grid; gap: 10px; }
.pc-buybox { border: 1px solid var(--pc-line); padding: 18px 16px; background: #fff; display: grid; gap: 12px; }
.pc-buybox__price { text-align: center; padding: 6px 0 12px; border-bottom: 1px solid var(--pc-line); }
.pc-buybox__price p { margin: 0; }
.pc-buybox__pct { color: var(--pc-sale); font: 700 15px/1.4 var(--font-heading); letter-spacing: .04em; }
.pc-buybox__price s { color: #9aa0a5; font-size: 15px; }
.pc-buybox__now { font: 700 26px/1.2 var(--font-heading); color: var(--pc-ink); }
.pc-buybox__price s:not([hidden]) + .pc-buybox__now { color: var(--pc-sale); }
.pc-buybox__campaign { display: block; padding: 8px 10px; background: #e7333a; color: #fff; text-align: center; font: 700 12.5px/1.3 var(--font-heading); letter-spacing: .03em; }
.pc .buy { display: grid; gap: 12px; }
.pc-opt legend { font: 600 13px/1.2 var(--font-heading); margin-bottom: 10px; padding: 0; }
.pc-opt legend [data-opt-chosen] { font-weight: 400; color: var(--pc-soft); }
.pc .opt { border: 0; padding: 0; margin: 0; }
.pc-swatches { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.pc-swatch span { display: grid; gap: 5px; justify-items: center; height: auto; min-width: 0; padding: 5px 5px 7px; border: 1px solid var(--pc-line); border-radius: 3px; text-align: center; background: #fff; }
.pc-swatch span img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 2px; }
.pc-swatch span i { width: 100%; aspect-ratio: 1; border-radius: 2px; }
.pc-swatch span em { font-style: normal; font-size: 11.5px; line-height: 1.2; }
.pc .pc-swatch input:checked + span { background: #fff; color: var(--pc-ink); border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.pc .chip input:checked + span { background: var(--accent); border-color: var(--accent); }
.pc .pc-swatch.is-unavailable span { opacity: .45; background: #fff; }
.pc-buybox__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pc .qty { height: 44px; border-radius: 3px; }
.pc .fav-btn--box { width: 44px; height: 44px; border-radius: 3px; box-shadow: none; border: 1px solid var(--pc-line); }
.pc-buybox__info { list-style: none; margin: 4px 0 0; padding: 12px 0 0; border-top: 1px solid var(--pc-line); display: grid; gap: 9px; font-size: 12.5px; }
.pc-buybox__info li { display: flex; gap: 9px; align-items: flex-start; }
.pc-buybox__info svg { width: 18px; height: 18px; color: var(--pc-teal); margin-top: 1px; }
.pc-sidebtns { display: grid; gap: 8px; }
.pc-sidebtns a, .pc-sidebtns button { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px; background: #eef0f1; border: 0; border-radius: 3px; font: 600 12.5px/1 var(--font-heading); color: var(--pc-ink); }
.pc-sidebtns svg { width: 17px; height: 17px; color: #25d366; }
.pc .stock-alert { border-top: 1px solid var(--pc-line); padding-top: 12px; }

/* Yorum, soru, sepet vb. ortak bölümler */
.pc .shelf__title, .pc .reviews h2 { font-family: var(--font-heading); letter-spacing: .1em; text-transform: uppercase; font-size: 20px; font-weight: 500; text-align: center; }
.pc .container { max-width: var(--pc-max); padding: 0 16px; }
.pc .page-head__title { font: 500 22px/1.2 var(--font-heading); letter-spacing: .12em; text-transform: uppercase; }
.pc .crumbs { font-size: 12px; }

/* ---------------------------------------------------------------- Bülten + alt bilgi */
.pc-news { margin-top: 70px; background: #e8ebed; }
.pc-news__in { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 30px; padding-bottom: 30px; }
.pc-news h2 { margin: 0 0 6px; font: 600 18px/1.2 var(--font-heading); }
.pc-news p { margin: 0; font-size: 13px; color: var(--pc-soft); max-width: 60ch; }
.pc-foot { background: #f4f5f6; color: var(--pc-ink); font-size: 13px; }
.pc-foot__perks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #dfe2e4; }
.pc-foot__perks div { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; }
.pc-foot__perks svg { grid-row: span 2; width: 30px; height: 30px; color: var(--accent); }
.pc-foot__perks strong { font: 600 13.5px/1.2 var(--font-heading); }
.pc-foot__perks span { font-size: 12px; color: var(--pc-soft); }
.pc-foot__grid { display: grid; grid-template-columns: 1.5fr repeat(3, minmax(0, 1fr)); gap: 30px; padding-top: 38px; padding-bottom: 34px; }
.pc-foot__title { margin: 0 0 14px; font: 700 12.5px/1 var(--font-heading); letter-spacing: .08em; text-transform: uppercase; }
.pc-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.pc-foot ul a { display: inline-flex; align-items: center; gap: 6px; color: #50585e; }
.pc-foot ul a:hover { color: var(--pc-ink); text-decoration: underline; text-underline-offset: 2px; }
.pc-foot ul svg { width: 15px; height: 15px; }
.pc-foot__brand p { margin: 14px 0 0; color: var(--pc-soft); line-height: 1.6; max-width: 34ch; }
.pc-logo--foot { justify-self: start; }
.pc-logo--foot img { height: 40px; }
.pc-logo--foot span { font-size: 24px; }
.pc-foot__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding-top: 16px; padding-bottom: 22px; border-top: 1px solid #dfe2e4; font-size: 12px; color: var(--pc-soft); }
.pc-foot__pay { display: inline-flex; align-items: center; gap: 6px; }
.pc-foot__pay svg { width: 15px; height: 15px; }
.pc-foot__social { display: flex; gap: 12px; }
.pc-foot__social a { color: var(--pc-ink); }
.pc-foot__social svg { width: 19px; height: 19px; }

/* ---------------------------------------------------------------- Tablet */
@media (max-width: 1100px) {
    .pc-rail__btn--prev { left: 4px; } .pc-rail__btn--next { right: 4px; }
    .pc-mega__pick img { width: 120px; height: 120px; }
    .pc-grid--4, .pc-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pc-rail__track.is-scroll { grid-auto-columns: calc((100% - 2 * 18px) / 3); }
    .pc-trend { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pc-pdp { grid-template-columns: minmax(0, 1fr) 300px; }
}

/* ---------------------------------------------------------------- Mobil */
@media (max-width: 900px) {
    .pc { --header-h: 108px; }
    .pc-top { display: none; }
    .pc-head__in { grid-template-columns: auto 1fr auto; gap: 8px; padding-top: 8px; padding-bottom: 8px; }
    .pc-head__in > .pc-head__burger { display: grid; }
    .pc-logo { justify-self: center; }
    .pc-logo img { height: calc(var(--logo-h, 46px) * .72); max-width: 180px; }
    .pc-logo span { font-size: 22px; }
    .pc-actions { gap: 6px; }
    .pc-action span:not(.pc-action__bag) { display: none; }
    .pc-action { width: 40px; height: 40px; justify-content: center; }
    .pc-action--fav { display: none; }
    .pc-search { grid-column: 1 / -1; grid-row: 2; max-width: none; margin-top: 2px; border: 1px solid var(--pc-line); border-radius: 3px; padding: 0 8px; background: var(--pc-wash); }

    .pc-nav { position: fixed; inset: 0 auto 0 0; width: min(88vw, 380px); background: #fff; z-index: 60; translate: -100% 0; transition: translate .3s var(--ease); overflow-y: auto; box-shadow: 0 0 40px rgba(0,0,0,.2); }
    .pc-nav.is-open { translate: 0 0; }
    .pc-nav__head { display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 10px 18px; border-bottom: 1px solid var(--pc-line); font: 700 13px/1 var(--font-heading); letter-spacing: .1em; text-transform: uppercase; }
    .pc-nav__list { display: block; padding: 0; }
    .pc-nav__item { position: relative; border-bottom: 1px solid var(--pc-line); }
    .pc-nav__item > a { padding: 16px 18px; border: 0; font-size: 13px; }
    .pc-nav__more { display: grid; place-items: center; position: absolute; right: 6px; top: 6px; width: 38px; height: 38px; background: none; border: 0; }
    .pc-nav__more svg { width: 16px; height: 16px; transition: rotate .2s; }
    .pc-nav__more[aria-expanded="true"] svg { rotate: 45deg; }
    .pc-mega { position: static; opacity: 1; visibility: visible; translate: none; box-shadow: none; border: 0; display: none; background: var(--pc-wash); }
    .pc-nav__item.is-open .pc-mega { display: block; }
    .pc-nav__item.has-mega:hover .pc-mega { display: none; }
    .pc-nav__item.has-mega.is-open:hover .pc-mega { display: block; }
    .pc-mega__in { grid-template-columns: 1fr; gap: 14px; padding: 14px 18px 18px; }
    .pc-mega__picks { display: none; }
    .pc-nav__extra { display: grid; gap: 14px; padding: 20px 18px; font-size: 13px; color: var(--pc-soft); }

    .pc-strip__in { font-size: 12.5px; min-height: 36px; gap: 10px; }
    .pc-strip__sep, .pc-strip__sep + span { display: none; }
    .pc-hero { aspect-ratio: 4 / 5; max-height: none; }
    .pc-hero__nav { display: none; }
    .pc-section { padding-top: 38px; }
    .pc-title { font-size: 18px; letter-spacing: .1em; margin-bottom: 18px; }
    .pc-circles { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; gap: 14px; scrollbar-width: none; padding: 2px; }
    .pc-circles::-webkit-scrollbar { display: none; }
    .pc-circle { width: 100px; flex: none; }
    .pc-circle__img { width: 92px; height: 92px; }
    .pc-circle__name { bottom: 12px; font-size: 11px; }
    .pc-circle__from { font-size: 11.5px; }
    .pc-cards--3, .pc-cards--4 { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .pc-cards--3::-webkit-scrollbar, .pc-cards--4::-webkit-scrollbar { display: none; }
    .pc-cards > * { scroll-snap-align: start; }
    .pc-grid--3, .pc-grid--4, .pc-grid--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 12px; }
    .pc-rail__track.is-scroll { grid-auto-columns: 46%; gap: 12px; }
    .pc-rail__btn { display: none; }
    .pc-trend { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
    .pc-trend__name { font-size: 11.5px; padding: 18px 8px 7px; }
    .pc-pcard__disc { width: 44px; height: 44px; font-size: 15px; left: 6px; top: 6px; }
    .pc-pcard__title { font-size: 12.5px; }

    .pc-filters__row { justify-content: flex-start; gap: 8px 14px; }
    .pc-drop summary { min-width: 0; }
    .pc-drop__panel { position: fixed; left: 12px; right: 12px; top: auto; bottom: 12px; }
    .pc-filters__meta { grid-template-columns: 1fr auto; }
    .pc-count { grid-column: 1; }
    .pc-sort { grid-column: 2; }

    .pc-pdp { grid-template-columns: 1fr; }
    .pc-gallery { grid-template-columns: 1fr; }
    .pc-gallery__thumbs.pdp__thumbs { grid-column: 1; grid-row: 2; flex-direction: row; overflow-x: auto; max-height: none; }
    .pc-gallery__thumbs.pdp__thumbs button { width: 58px; flex: none; }
    .pc-gallery__stage.pdp__main { grid-column: 1; grid-row: 1; }
    .pc-pdp__side { position: static; grid-row: 2; }
    .pc-pdp__main { display: contents; }
    .pc-gallery { order: 1; } .pc-pdp__side { order: 2; } .pc-pdp__titlebar { order: 0; }
    .pc-pdp { display: flex; flex-direction: column; }
    .pc-pdp__titlebar { margin: 0 0 12px; }
    .pc-box, .pc-accs { order: 3; }
    .pc-note { padding: 20px 22px 20px 44px; }
    .pc-note::before { font-size: 46px; left: 10px; top: 8px; }
    .pc-note::after { display: none; }
    .pc-spec { grid-template-columns: 1fr; }
    .pc .sticky-buy .pc-btn--buy { flex: 1; max-width: 240px; min-height: 46px; font-size: 14px; }

    .pc-news__in { flex-direction: column; align-items: flex-start; }
    .pc-foot__perks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pc-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pc-foot__brand { grid-column: 1 / -1; }
}