/* Sektor ozellikleri (Ayarlar > Sektor Ozellikleri): renk/olcu secenekleri, rozetler, filtreler, olcu rehberi, guven blogu.
   Renkleri temadan alir (currentColor); temalar .ydc-* siniflarini kendi CSS'inde ezebilir. */

.ydc-family { margin: 0 0 1.25rem; display: grid; gap: 1rem; }
.ydc-family__label { font-size: .8125rem; margin-bottom: .5rem; opacity: .85; }
.ydc-family__label strong { font-weight: 700; opacity: 1; }
.ydc-family__swatches, .ydc-family__sizes { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.ydc-swatch {
    display: flex; align-items: center; justify-content: center; min-width: 64px; height: 64px; padding: 4px;
    border: 1px solid rgba(0,0,0,.14); border-radius: 10px; background: #fff; color: inherit; text-decoration: none;
    transition: border-color .15s;
}
.ydc-swatch img { width: 56px; height: 56px; object-fit: contain; }
.ydc-swatch__text { font-size: .75rem; line-height: 1.2; text-align: center; padding: 0 .35rem; max-width: 132px; }
.ydc-swatch:hover { border-color: currentColor; }
.ydc-swatch.is-current { border: 2px solid currentColor; padding: 3px; }
.ydc-swatch.is-out { opacity: .5; }
.ydc-sizepill {
    display: inline-flex; align-items: center; min-height: 40px; padding: 0 1rem; border: 1px solid rgba(0,0,0,.18);
    border-radius: 999px; color: inherit; text-decoration: none; font-size: .875rem; font-weight: 600;
}
.ydc-sizepill:hover { border-color: currentColor; }
.ydc-sizepill.is-current { background: #111; border-color: #111; color: #fff; }
.ydc-sizepill.is-out { text-decoration: line-through; opacity: .55; }

.ydc-card-badges { display: flex; flex-wrap: wrap; gap: .3rem; margin: .35rem 0 .5rem; }
.ydc-card-badge {
    display: inline-block; font-size: .6875rem; line-height: 1; font-weight: 600; padding: .3rem .5rem;
    border-radius: 4px; background: rgba(0,0,0,.06); color: inherit; white-space: nowrap;
}
.ydc-card-badge--colors { background: transparent; border: 1px solid rgba(0,0,0,.16); }

.ydc-quick-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.25rem; }
.ydc-quick-filter, .ydc-facet-pill {
    display: inline-flex; align-items: center; min-height: 36px; padding: 0 .9rem; border-radius: 999px;
    border: 1px solid rgba(0,0,0,.16); color: inherit; text-decoration: none; font-size: .8125rem; font-weight: 600; background: #fff;
}
.ydc-facet-pill { min-height: 32px; padding: 0 .75rem; font-weight: 500; }
.ydc-quick-filter:hover, .ydc-facet-pill:hover { border-color: currentColor; }
.ydc-quick-filter.is-on, .ydc-facet-pill.is-on { background: #111; border-color: #111; color: #fff; }

.ydc-sizeguide { margin: 0 0 1.25rem; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; }
.ydc-sizeguide > summary {
    list-style: none; cursor: pointer; display: flex; align-items: center; gap: .5rem; padding: .85rem 1rem;
    font-weight: 700; font-size: .875rem;
}
.ydc-sizeguide > summary::-webkit-details-marker { display: none; }
.ydc-sizeguide > summary::after { content: "+"; margin-left: auto; font-size: 1.1rem; font-weight: 400; }
.ydc-sizeguide[open] > summary::after { content: "−"; }
.ydc-sizeguide > summary svg { width: 18px; height: 18px; }
.ydc-sizeguide__body { padding: 0 1rem 1rem; font-size: .875rem; }
.ydc-sizeguide__intro { line-height: 1.6; opacity: .85; margin-bottom: .75rem; }
.ydc-diagram { margin: .25rem 0 1rem; }
.ydc-diagram svg { width: 100%; max-width: 380px; height: auto; display: block; margin: 0 auto; }
.ydc-sizeguide__measures, .ydc-trust__codes { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .5rem; margin: 0 0 .75rem; }
.ydc-sizeguide__measures > div, .ydc-trust__codes > div { background: rgba(0,0,0,.04); border-radius: 8px; padding: .5rem .65rem; }
.ydc-sizeguide__measures dt, .ydc-trust__codes dt { font-size: .6875rem; font-weight: 500; opacity: .7; }
.ydc-sizeguide__measures dd, .ydc-trust__codes dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ydc-sizeguide__table { overflow-x: auto; }
.ydc-sizeguide__table table { width: 100%; border-collapse: collapse; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.ydc-sizeguide__table th, .ydc-sizeguide__table td { padding: .45rem .5rem; border-bottom: 1px solid rgba(0,0,0,.08); text-align: left; white-space: nowrap; }
.ydc-sizeguide__table thead th { font-weight: 700; border-bottom-width: 2px; }
.ydc-sizeguide__table tr.is-current { background: rgba(0,0,0,.06); }

.ydc-trust { margin: 0 0 1.5rem; }
.ydc-trust__list { list-style: none; margin: 0 0 .75rem; padding: 0; display: grid; gap: .75rem; }
.ydc-trust__item { display: flex; gap: .75rem; align-items: flex-start; font-size: .8125rem; line-height: 1.45; }
.ydc-trust__item svg { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 1px; }
.ydc-trust__item strong { display: block; font-size: .875rem; }
.ydc-trust__item span { opacity: .75; }

.ydc-notice {
    display: flex; gap: .65rem; align-items: flex-start; margin: 0 0 1.5rem; padding: .85rem 1rem; border-radius: 10px;
    background: #FFF8E6; color: #5C4300; font-size: .8125rem; line-height: 1.5;
}
.ydc-notice svg { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; }
.ydc-notice p { margin: 0; }

.ydc-attr-help { font-size: .75rem; line-height: 1.45; opacity: .7; margin-top: .25rem; }

/* Marka sayfalari (/marka, /marka/{slug}) */
.ydc-brands__letters { display: flex; flex-wrap: wrap; gap: .25rem; margin-bottom: 1.5rem; }
.ydc-brands__letters a { min-width: 32px; height: 32px; display: inline-grid; place-items: center; border: 1px solid rgba(0,0,0,.12); border-radius: 6px; color: inherit; text-decoration: none; font-weight: 600; font-size: .8125rem; }
.ydc-brands__grid, .ydc-models { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
.ydc-brand-card { display: flex; flex-direction: column; align-items: center; gap: .35rem; padding: 1.25rem .75rem; border: 1px solid rgba(0,0,0,.1); border-radius: 12px; color: inherit; text-decoration: none; text-align: center; height: 100%; }
.ydc-brand-card:hover, .ydc-model-card:hover { border-color: currentColor; }
.ydc-brand-card img { max-width: 120px; height: 48px; object-fit: contain; }
.ydc-brand-card__mono { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: rgba(0,0,0,.06); font-weight: 700; font-size: 1.25rem; }
.ydc-brand-card span:last-child { font-size: .75rem; opacity: .65; }
.ydc-brand__head { display: flex; gap: 1.5rem; align-items: flex-start; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(0,0,0,.1); }
.ydc-brand__logo { width: 120px; height: 72px; object-fit: contain; flex: 0 0 auto; }
.ydc-brand__desc { max-width: 68ch; line-height: 1.65; margin: 0; opacity: .85; }
.ydc-models { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.ydc-model-card { display: flex; flex-direction: column; gap: .2rem; padding: .75rem; border: 1px solid rgba(0,0,0,.1); border-radius: 12px; color: inherit; text-decoration: none; height: 100%; }
.ydc-model-card__img { aspect-ratio: 4 / 3; border-radius: 8px; background: rgba(0,0,0,.04); display: grid; place-items: center; overflow: hidden; margin-bottom: .4rem; }
.ydc-model-card__img img { width: 100%; height: 100%; object-fit: contain; }
.ydc-model-card__title { font-size: .8125rem; opacity: .8; }
.ydc-model-card__meta { font-size: .75rem; opacity: .6; margin-top: auto; padding-top: .25rem; }
@media (max-width: 576px) { .ydc-brand__head { flex-direction: column; gap: .75rem; } }

/* Odeme adimi: teslimat sekli (kargo / magazadan teslim) */
.ydc-delivery { border: 0; padding: 0; min-width: 0; }
.ydc-delivery__opt, .ydc-delivery__store {
    display: flex; gap: .75rem; align-items: flex-start; width: 100%; height: 100%; padding: 1rem 1.1rem; margin: 0;
    border: 1px solid rgba(0,0,0,.14); border-radius: 14px; background: #fff; cursor: pointer;
}
.ydc-delivery__opt input, .ydc-delivery__store input { margin-top: .25rem; accent-color: #111; flex: 0 0 auto; }
.ydc-delivery__opt span, .ydc-delivery__store span { display: flex; flex-direction: column; gap: .15rem; }
.ydc-delivery__opt small, .ydc-delivery__store small { color: #6b7280; font-size: .8125rem; line-height: 1.4; }
.ydc-delivery__opt:has(input:checked), .ydc-delivery__store:has(input:checked) { border: 2px solid #111; padding: calc(1rem - 1px) calc(1.1rem - 1px); }
.ydc-delivery__opt:has(input:focus-visible), .ydc-delivery__store:has(input:focus-visible) { outline: 2px solid #111; outline-offset: 2px; }
.ydc-delivery__stores { display: grid; gap: .5rem; }
.ydc-delivery__stores[hidden] { display: none; }

/* /magazalar */
.ydc-stores__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.ydc-store { border: 1px solid rgba(0,0,0,.12); border-radius: 14px; padding: 1.25rem; display: flex; flex-direction: column; gap: .5rem; }
.ydc-store__head { display: flex; justify-content: space-between; align-items: flex-start; gap: .75rem; }
.ydc-store__addr { margin: 0; line-height: 1.5; }
.ydc-store__note { margin: 0; font-size: .8125rem; opacity: .7; }
.ydc-store__hours { list-style: none; margin: 0; padding: 0; font-size: .8125rem; font-variant-numeric: tabular-nums; opacity: .85; }
.ydc-store__actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: auto; padding-top: .5rem; }

/* Urun sayfasi: magazadan teslim satiri */
.ydc-pickup { display: flex; gap: .65rem; align-items: flex-start; margin: 0 0 1.25rem; font-size: .8125rem; line-height: 1.45; }
.ydc-pickup svg { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 1px; }
.ydc-pickup strong { display: block; font-size: .875rem; }
.ydc-pickup span { display: block; opacity: .8; }
.ydc-pickup a { color: inherit; text-decoration: underline; display: inline-block; margin-top: .15rem; }

/* Siparis takip: iade / degisim */
.ydc-returns__item { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; padding: .65rem 0; border-bottom: 1px solid rgba(0,0,0,.06); }
.ydc-returns__form { border: 1px solid rgba(0,0,0,.12); border-radius: 12px; padding: .75rem 1rem; margin-bottom: .6rem; }
.ydc-returns__form > summary { display: flex; justify-content: space-between; gap: 1rem; cursor: pointer; list-style: none; }
.ydc-returns__form > summary::-webkit-details-marker { display: none; }
.ydc-returns__form > summary > span:last-child { text-decoration: underline; white-space: nowrap; }
.ydc-returns__form[open] > summary > span:last-child { visibility: hidden; }

/* Urun sayfasi: Gelince haber ver */
.ydc-stock-alert { margin: 0 0 1.25rem; padding: 1rem; border: 1px dashed rgba(0,0,0,.25); border-radius: 12px; }
.ydc-stock-alert[hidden] { display: none; }
.ydc-stock-alert__label { display: flex; align-items: center; gap: .4rem; font-weight: 700; font-size: .875rem; margin-bottom: .5rem; }
.ydc-stock-alert__label svg { width: 18px; height: 18px; }
.ydc-stock-alert__row { display: flex; gap: .5rem; }
.ydc-stock-alert__row .form-control { min-width: 0; }
.ydc-stock-alert__row .btn { white-space: nowrap; }
.ydc-stock-alert__msg { margin: .5rem 0 0; font-size: .8125rem; color: #166534; }
.ydc-stock-alert__msg:empty { display: none; }
.ydc-stock-alert__msg.is-error { color: #b91c1c; }
.ydc-stock-alert__note { margin: .4rem 0 0; font-size: .75rem; opacity: .65; }

/* Odeme adimi: hediye */
.ydc-gift__toggle, .ydc-gift__opt { display: flex; gap: .75rem; align-items: flex-start; cursor: pointer; margin: 0; }
.ydc-gift__toggle { padding: 1rem 1.1rem; border: 1px solid rgba(0,0,0,.14); border-radius: 14px; }
.ydc-gift__toggle:has(input:checked) { border: 2px solid #111; padding: calc(1rem - 1px) calc(1.1rem - 1px); }
.ydc-gift__toggle input, .ydc-gift__opt input { margin-top: .25rem; accent-color: #111; flex: 0 0 auto; }
.ydc-gift__toggle span { display: flex; flex-direction: column; gap: .15rem; }
.ydc-gift__toggle small { color: #6b7280; font-size: .8125rem; }
.ydc-gift__body { padding: 1rem .25rem 0; display: grid; gap: .5rem; }
.ydc-gift__body[hidden] { display: none; }
.ydc-gift__opt { font-size: .9rem; }

/* Odeme adimi ve hesabim: sadakat puani */
.ydc-points__toggle { display: flex; gap: .75rem; align-items: flex-start; cursor: pointer; margin: 0; padding: .9rem 1rem; background: #fff; border: 1px solid rgba(0,0,0,.14); border-radius: 12px; }
.ydc-points__toggle:has(input:checked) { border: 2px solid #111; padding: calc(.9rem - 1px) calc(1rem - 1px); }
.ydc-points__toggle input { margin-top: .25rem; accent-color: #111; flex: 0 0 auto; }
.ydc-points__toggle span { display: flex; flex-direction: column; gap: .15rem; }
.ydc-points__toggle small { color: #6b7280; font-size: .8125rem; }
.ydc-loyalty__balance { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; align-items: flex-end; padding: 1.5rem; border-radius: 16px; background: #111; color: #fff; }
.ydc-loyalty__balance strong { display: block; font-size: 2.5rem; line-height: 1; font-weight: 800; letter-spacing: -.02em; }
.ydc-loyalty__balance span { font-size: .8125rem; opacity: .7; }
.ydc-loyalty__rules { margin: 1rem 0 0; padding: 0; list-style: none; display: grid; gap: .35rem; font-size: .875rem; color: #4b5563; }
.ydc-loyalty__history { width: 100%; font-size: .875rem; border-collapse: collapse; }
.ydc-loyalty__history td { padding: .6rem .25rem; border-bottom: 1px solid rgba(0,0,0,.08); vertical-align: top; }
.ydc-loyalty__history td:last-child { text-align: right; font-weight: 700; white-space: nowrap; }
.ydc-loyalty__plus { color: #15803d; }
.ydc-loyalty__minus { color: #b91c1c; }

/* Urun sayfasi: on siparis ve kisiye ozel yazi */
.ydc-preorder { display: flex; gap: .75rem; align-items: flex-start; padding: .9rem 1rem; border-radius: 12px; background: #eef4ff; color: #1e3a8a; }
.ydc-preorder svg { width: 20px; height: 20px; flex: 0 0 auto; margin-top: .1rem; }
.ydc-preorder strong { display: block; font-size: .95rem; }
.ydc-preorder span { font-size: .8125rem; opacity: .85; }
.ydc-personal__label { display: flex; flex-wrap: wrap; gap: .4rem; align-items: baseline; font-weight: 700; font-size: .875rem; margin-bottom: .4rem; }
.ydc-personal__fee { margin-left: auto; font-weight: 600; font-size: .8125rem; color: #374151; }
.ydc-personal__field { position: relative; }
.ydc-personal__field .form-control { padding-right: 4.25rem; border-radius: 10px; }
.ydc-personal__count { position: absolute; right: .8rem; top: 50%; transform: translateY(-50%); font-size: .75rem; color: #6b7280; font-variant-numeric: tabular-nums; }
.ydc-personal__preview { margin: .6rem 0 0; padding: .6rem .9rem; border: 1px dashed rgba(0,0,0,.25); border-radius: 10px; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 1.15rem; letter-spacing: .02em; text-align: center; overflow-wrap: anywhere; }
.ydc-personal__help { margin: .45rem 0 0; font-size: .75rem; color: #6b7280; }
.ydc-line-note { display: block; font-size: .8125rem; color: #374151; margin-top: .15rem; overflow-wrap: anywhere; }
.ydc-line-note i, .ydc-line-note em { font-style: italic; }
.ydc-line-tag { display: inline-block; font-size: .6875rem; font-weight: 700; padding: .1rem .45rem; border-radius: 999px; background: #eef4ff; color: #1e3a8a; margin-top: .2rem; }

/* Urun sayfasi: kargo gunu ve son tuketim tarihi */
.ydc-dispatch, .ydc-shelf { display: flex; gap: .6rem; align-items: flex-start; font-size: .875rem; color: #1f2937; }
.ydc-dispatch svg, .ydc-shelf svg { width: 18px; height: 18px; flex: 0 0 auto; margin-top: .1rem; color: #15803d; }
.ydc-dispatch__left { color: #15803d; font-weight: 600; }
.ydc-shelf svg { color: #6b7280; }
.ydc-shelf small { color: #6b7280; font-size: .78rem; }
.ydc-shelf--near strong, .ydc-shelf--near svg { color: #b45309; }

/* Urun sayfasi: set kampanyasi */
.ydc-bundle { padding: 1rem; border: 1px solid rgba(0,0,0,.12); border-radius: 14px; }
.ydc-bundle__pct { font-size: .75rem; font-weight: 700; color: #b91c1c; white-space: nowrap; }
.ydc-bundle__items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: .6rem; }
.ydc-bundle__item { display: flex; flex-direction: column; gap: .2rem; text-decoration: none; color: inherit; font-size: .8rem; line-height: 1.25; }
.ydc-bundle__item img { width: 100%; aspect-ratio: 1; object-fit: contain; background: #f6f6f6; border-radius: 10px; }
.ydc-bundle__item small { color: #6b7280; }

/* Urun sayfasi: duzenli al / listeye ekle */
.ydc-reorder { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; padding: .75rem .9rem; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; font-size: .875rem; }
.ydc-reorder svg { width: 18px; height: 18px; flex: 0 0 auto; }
.ydc-reorder small { color: #6b7280; font-size: .78rem; }
.ydc-reorder .form-select { width: auto; }

/* Urun sayfasi: paylas ve yorum filtresi */
.ydc-share { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.ydc-share__btn { font-size: .8rem; padding: .3rem .75rem; border: 1px solid rgba(0,0,0,.15); border-radius: 999px; background: #fff; color: #111; text-decoration: none; }
.ydc-share__btn:hover { border-color: #111; }
.ydc-review-dist { display: grid; gap: .3rem; }
.ydc-review-dist__row { display: grid; grid-template-columns: 2.6rem 1fr 2rem; gap: .5rem; align-items: center; font-size: .8rem; border: 0; background: none; padding: .1rem 0; text-align: left; color: inherit; }
.ydc-review-dist__row[aria-pressed="true"] { font-weight: 700; }
.ydc-review-dist__row:disabled { opacity: .45; }
.ydc-review-dist__bar { height: 6px; background: rgba(0,0,0,.1); border-radius: 999px; overflow: hidden; }
.ydc-review-dist__bar span { display: block; height: 100%; background: #111; }
.ydc-helpful { font-size: .78rem; border: 1px solid rgba(0,0,0,.15); background: #fff; border-radius: 999px; padding: .2rem .7rem; }
.ydc-helpful.is-on { border-color: #111; font-weight: 600; }

/* Urun sayfasi: numarali cam */
.ydc-rx { border: 1px solid rgba(0,0,0,.14); border-radius: 14px; padding: .8rem 1rem; }
.ydc-rx summary { cursor: pointer; }
.ydc-rx__body { padding-top: .75rem; }
.ydc-rx__table th, .ydc-rx__table td { white-space: nowrap; }
.ydc-rx__table .form-select, .ydc-rx__table .form-control { min-width: 5.2rem; }
.ydc-rx__consent { display: flex; gap: .6rem; align-items: flex-start; font-size: .8rem; line-height: 1.45; cursor: pointer; }
.ydc-rx__consent input { margin-top: .2rem; flex: 0 0 auto; accent-color: #111; }