/* DELUXSE kategori sayfası (.cv) ve iş ortaklığı / bayi sayfası (.dl). Renkler tokens.css'ten. */

/* ---------- Kategori ---------- */
.cv { padding-bottom: var(--section-y); }
.cv-crumbs { display: flex; gap: var(--s-2); align-items: center; padding-top: var(--s-5); font-size: var(--fs-small); color: var(--fg-3); }
.cv-crumbs a { color: var(--fg-2); }
.cv-crumbs a:hover { color: var(--fg); }

.cv-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 340px); align-items: center; gap: var(--s-6); padding-block: var(--s-5) var(--s-6); }
.cv-title { font-family: var(--font-display); font-size: var(--fs-h1); font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; text-wrap: balance; overflow-wrap: break-word; animation: pvUp 600ms var(--ease-out) both; }
.cv-lead { font-size: var(--fs-lead); color: var(--fg-2); margin-top: var(--s-3); max-width: 34rem; text-wrap: pretty; animation: pvUp 600ms 80ms var(--ease-out) both; }
.cv-count { margin-top: var(--s-4); font-size: var(--fs-small); font-weight: 600; color: var(--dx-orange-strong); }
.cv-head__media { position: relative; aspect-ratio: 1; display: grid; place-items: center; }
.cv-head__glow { position: absolute; inset: 14%; border-radius: 50%; background: radial-gradient(closest-side, color-mix(in srgb, var(--dx-orange) 30%, transparent), transparent 72%); filter: blur(10px); }
.cv-head__media img { position: relative; width: 86%; height: 86%; object-fit: contain; filter: drop-shadow(0 26px 30px rgba(17, 17, 19, .16)); animation: pvIn 800ms 100ms var(--ease-out) both; }
@media (max-width: 699px) {
  .cv-head { grid-template-columns: minmax(0, 1fr) 120px; gap: var(--s-4); padding-block: var(--s-4); }
  .cv-lead { font-size: var(--fs-body); }
}

/* Kategori şeridi (Apple'daki ürün ikon satırı gibi) */
.cv-cats { max-width: var(--maxw); margin-inline: auto; }
.cv-cats__row { display: flex; gap: var(--s-2); overflow-x: auto; padding: var(--s-2) var(--gutter) var(--s-4); scrollbar-width: none; scroll-snap-type: x proximity; }
.cv-cats__row::-webkit-scrollbar { display: none; }
.cv-cat { display: grid; justify-items: center; gap: 6px; width: 92px; padding: var(--s-2) 4px; border-radius: var(--r-md); font-size: 12px; font-weight: 500; color: var(--fg-2); text-align: center; line-height: 1.25; scroll-snap-align: start; transition: background-color var(--t-fast), color var(--t-fast); }
.cv-cat img { width: 56px; height: 56px; object-fit: contain; transition: transform var(--t-mid) var(--ease-out); }
.cv-cat:hover { color: var(--fg); }
.cv-cat:hover img { transform: translateY(-3px) scale(1.05); }
.cv-cat.is-on { color: var(--fg); background: var(--bg-alt); font-weight: 600; }

/* Yapışkan araç çubuğu: alt kategori sekmeleri + filtre + sıralama */
.cv-bar { position: sticky; top: calc(56px + env(safe-area-inset-top, 0px)); z-index: 30; background: var(--nav-bg); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border-block: 1px solid var(--line); }
.cv-bar__in { display: flex; align-items: center; gap: var(--s-3); max-width: var(--maxw); margin-inline: auto; padding: var(--s-2) var(--gutter); }
.cv-tabs { display: flex; gap: var(--s-1); flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.cv-tabs::-webkit-scrollbar { display: none; }
.cv-tab { flex-shrink: 0; min-height: 36px; padding: 0 var(--s-4); border-radius: var(--r-pill); font-size: var(--fs-small); font-weight: 500; color: var(--fg-2); white-space: nowrap; transition: background-color var(--t-fast), color var(--t-fast); }
.cv-tab:hover { color: var(--fg); }
.cv-tab.is-on { background: var(--fg); color: var(--bg); }
.cv-tools { display: flex; gap: var(--s-2); flex-shrink: 0; }
.cv-filterbtn { display: none; }
.cv-filterbtn b { min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--r-pill); background: var(--dx-orange); color: #fff; font-size: 11px; line-height: 18px; text-align: center; }
.cv-sort select { appearance: none; -webkit-appearance: none; min-height: 40px; padding: 0 34px 0 var(--s-4); border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%238E8E93' stroke-width='2.4' stroke-linecap='round' d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center; color: var(--fg); font: inherit; font-size: var(--fs-small); font-weight: 500; cursor: pointer; }
@media (max-width: 899px) {
  .cv-bar__in { flex-wrap: wrap; gap: var(--s-2); }
  .cv-tabs { flex-basis: 100%; order: 2; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); }
  .cv-tools { flex: 1; order: 1; justify-content: space-between; }
  .cv-filterbtn { display: inline-flex; }
  .cv-tools:not(:has(.cv-filterbtn)) { justify-content: flex-end; }
}

/* Gövde: yan filtre + ızgara */
.cv-body { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: var(--s-7); padding-top: var(--s-6); align-items: start; }
.cv-body--nofilter { grid-template-columns: minmax(0, 1fr); }
.cv-side { position: sticky; top: 132px; display: grid; gap: var(--s-5); max-height: calc(100vh - 150px); overflow-y: auto; padding-bottom: var(--s-4); }
.cv-side__head { display: flex; justify-content: space-between; align-items: center; }
.cv-clear, .dl-link { color: var(--dx-orange-strong); font-size: var(--fs-small); font-weight: 600; }
.cv-side [data-fbody], .cv-sheet__body { display: grid; gap: var(--s-6); }
@media (max-width: 899px) { .cv-body { grid-template-columns: minmax(0, 1fr); gap: 0; padding-top: var(--s-4); } .cv-side { display: none; } }

.cv-fset { border: 0; margin: 0; padding: 0; min-width: 0; }
.cv-fset legend { padding: 0; margin-bottom: var(--s-3); font-size: var(--fs-micro); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fg-2); }
.cv-swatches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.cv-sw { display: flex; align-items: center; gap: var(--s-2); min-height: 36px; padding: 0 var(--s-2); border-radius: var(--r-sm); font-size: var(--fs-small); text-align: left; transition: background-color var(--t-fast); }
.cv-sw i { width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; background: var(--c); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fg) 22%, transparent); outline: 2px solid transparent; outline-offset: 2px; transition: outline-color var(--t-fast); }
.cv-sw:hover { background: var(--bg-alt); }
.cv-sw.is-on { font-weight: 600; }
.cv-sw.is-on i { outline-color: var(--fg); }
.cv-pills { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.cv-pill { min-height: 36px; padding: 0 var(--s-4); border-radius: var(--r-pill); border: 1px solid var(--line); font-size: var(--fs-small); font-weight: 500; transition: border-color var(--t-fast), background-color var(--t-fast), color var(--t-fast); }
.cv-pill:hover { border-color: var(--fg-3); }
.cv-pill.is-on { background: var(--fg); border-color: var(--fg); color: var(--bg); }

.cv-find { position: relative; margin-bottom: var(--s-4); }
.cv-find svg { position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--fg-3); pointer-events: none; }
.cv-find input { width: 100%; min-height: 44px; padding: 0 var(--s-4) 0 42px; border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--surface); font-size: 16px; }
.cv-find input:focus { outline: none; border-color: var(--dx-orange); }
.cv-active { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.cv-active:not(:empty) { margin-bottom: var(--s-4); }
.cv-achip { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px 0 14px; border-radius: var(--r-pill); background: var(--dx-orange-soft); color: var(--dx-orange-strong); font-size: var(--fs-small); font-weight: 600; }
.cv-achip svg { width: 14px; height: 14px; }

/* Ürün ızgarası */
.cv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--s-4); }
@media (max-width: 699px) { .cv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); } }
.cv-item { animation: pvUp 500ms var(--d, 0ms) var(--ease-out) both; }
.cv-card { display: grid; grid-template-rows: auto auto auto 1fr auto; gap: 4px; height: 100%; padding: var(--s-3) var(--s-3) var(--s-4); border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); transition: transform var(--t-mid) var(--ease-out), box-shadow var(--t-mid) var(--ease-out); }
.cv-card:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px transparent, var(--shadow-card); }
.cv-card__media { position: relative; display: grid; place-items: center; aspect-ratio: 1; margin-bottom: var(--s-2); border-radius: var(--r-md); background: var(--bg-alt); overflow: hidden; }
.cv-card__media img { width: 84%; height: 84%; object-fit: contain; transition: transform var(--t-slow) var(--ease-out); }
.cv-card:hover .cv-card__media img { transform: scale(1.06); }
.cv-card__badge { position: absolute; left: 8px; top: 8px; padding: 2px 8px; border-radius: var(--r-pill); background: var(--surface); font-size: 11px; font-weight: 600; color: var(--fg-2); }
.cv-card__dots { display: flex; align-items: center; gap: 5px; min-height: 20px; padding-left: 2px; }
.cv-card__dots i { width: 12px; height: 12px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fg) 22%, transparent); transition: transform var(--t-fast); }
.cv-card__dots i[data-v] { cursor: pointer; }
.cv-card__dots i[data-v]:hover { transform: scale(1.35); }
.cv-card__dots b { font-size: 11px; color: var(--fg-3); font-weight: 600; }
.cv-card__code { font-family: var(--font-code); font-size: 11px; color: var(--fg-3); }
.cv-card__name { font-weight: 600; font-size: var(--fs-small); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cv-card__price { margin-top: var(--s-2); font-size: var(--fs-small); font-weight: 600; color: var(--fg-2); }

.cv-empty { display: grid; justify-items: center; gap: var(--s-4); padding: var(--s-9) var(--s-4); text-align: center; color: var(--fg-2); }

/* Telefonda alttan açılan filtre paneli */
.cv-sheet { position: fixed; inset: 0; z-index: 85; display: flex; align-items: flex-end; background: color-mix(in srgb, #000 40%, transparent); animation: fadeIn var(--t-mid) var(--ease-out); }
.cv-sheet__panel { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: 100%; max-height: 86vh; border-radius: 22px 22px 0 0; background: var(--bg); box-shadow: var(--shadow-pop); animation: sheetUp 320ms var(--ease-out); }
@keyframes sheetUp { from { transform: translateY(100%); } to { transform: none; } }
.cv-sheet__head { display: flex; justify-content: space-between; align-items: center; padding: var(--s-3) var(--s-3) var(--s-2) var(--gutter); border-bottom: 1px solid var(--line); font-size: 1.05rem; }
.cv-sheet__body { overflow-y: auto; padding: var(--s-5) var(--gutter); }
.cv-sheet__foot { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-2); padding: var(--s-3) var(--gutter) calc(var(--s-3) + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line); }

/* Altbilgi: mağaza, çalışma saatleri, iletişim */
.store { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-7); padding-block: 0 var(--s-7); margin-bottom: var(--s-7); border-bottom: 1px solid var(--line); scroll-margin-top: 80px; }
.store .h3 { color: var(--fg); }
@media (max-width: 799px) { .store { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); } }
.store__head { display: grid; justify-items: start; gap: var(--s-3); align-content: start; }
.store__lead { color: var(--fg-2); }
.store__status { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: var(--fs-small); }
.store__status i { width: 8px; height: 8px; border-radius: 50%; background: #E0484D; }
.store__status.is-open i { background: #1DA851; box-shadow: 0 0 0 4px color-mix(in srgb, #1DA851 20%, transparent); }
.store__status span { color: var(--fg-2); }
.store h3 { font-size: var(--fs-small); font-weight: 600; margin-bottom: var(--s-3); }
.store h3:not(:first-child) { margin-top: var(--s-5); }
.store__hours > div { display: flex; justify-content: space-between; gap: var(--s-4); padding: 6px 0; font-size: var(--fs-small); color: var(--fg-2); border-bottom: 1px solid var(--line); }
.store__hours > div.is-today { color: var(--fg); font-weight: 600; }
.store__hours dd { font-variant-numeric: tabular-nums; }
.store__links { display: grid; gap: var(--s-2); }
.store__links a { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 32px; font-size: var(--fs-small); font-weight: 500; font-variant-numeric: tabular-nums; }
.store__links a:hover { color: var(--dx-orange-strong); }
.store__links svg { width: 18px; height: 18px; color: var(--fg-3); }

/* Anasayfa bayi bölümü: WhatsApp satırı */
.dealer__wa { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: var(--s-5); font-size: var(--fs-small); color: var(--inverse-fg-2, var(--fg-2)); }
.dealer__wa svg { width: 18px; height: 18px; color: #25D366; }
.dealer__wa a { font-weight: 700; color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* Anasayfa kategori başlığına "Tüm ürünler" bağlantısı */
.cats__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s-2) var(--s-5); }

/* ---------- İş ortaklığı / bayi ---------- */
.dl { padding-bottom: var(--section-y); }
.dl-hero { display: grid; justify-items: center; gap: var(--s-4); padding-block: clamp(3rem, 8vw, 6rem) var(--s-7); text-align: center; }
.dl-title { font-family: var(--font-display); font-size: var(--fs-h1); font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; max-width: 16ch; text-wrap: balance; animation: pvUp 600ms var(--ease-out) both; }
.dl-hero .lead { animation: pvUp 600ms 80ms var(--ease-out) both; }

.dl-wa { margin-bottom: var(--s-6); }
.dl-wa__card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--s-5); padding: var(--s-6); border-radius: var(--r-lg); background: color-mix(in srgb, #25D366 10%, var(--surface)); box-shadow: inset 0 0 0 1px color-mix(in srgb, #25D366 30%, transparent); }
.dl-wa__ic { width: 44px; height: 44px; color: #1DA851; }
.dl-wa__copy p { color: var(--fg-2); margin-top: var(--s-2); }
.dl-wa__btns { display: grid; gap: var(--s-2); justify-items: stretch; min-width: 0; }
.dl-wa__btns .btn { white-space: normal; text-align: center; line-height: 1.25; padding-block: var(--s-2); }
.dl-wa__btns .dl-link { justify-self: center; }
@media (max-width: 799px) { .dl-wa__card { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); padding: var(--s-5); } }
.dl-types__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); }
@media (max-width: 799px) { .dl-types__grid { grid-template-columns: minmax(0, 1fr); } }
.dl-type { display: grid; align-content: start; gap: var(--s-2); padding: var(--s-6); border-radius: var(--r-lg); background: var(--bg-alt); }
.dl-type--b2b { background: var(--inverse-bg); color: var(--inverse-fg); }
.dl-type--b2b p { color: var(--inverse-fg-2); }
.dl-type__ic { width: 34px; height: 34px; color: var(--dx-orange); margin-bottom: var(--s-2); }
.dl-type__tier { font-size: var(--fs-micro); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.dl-type__name { font-family: var(--font-display); font-size: var(--fs-h3); font-weight: 700; letter-spacing: -0.02em; }
.dl-type > p:not([class]) { color: var(--fg-2); }
.dl-type__price { display: inline-flex; align-items: center; gap: 6px; margin-top: var(--s-3); font-size: var(--fs-small); font-weight: 600; }
.dl-type__price svg { width: 16px; height: 16px; color: var(--dx-orange); }
.dl-type--b2b .dl-type__price { color: var(--inverse-fg); }

.dl-steps { padding-top: var(--section-y); }
.dl-steps__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-6); margin-top: var(--s-6); counter-reset: s; }
@media (max-width: 799px) { .dl-steps__row { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); } }
.dl-steps__row li { display: grid; gap: var(--s-2); padding-top: var(--s-4); border-top: 2px solid var(--dx-orange); }
.dl-steps__row b { font-size: 1.15rem; }
.dl-steps__row span:last-child { color: var(--fg-2); }
.dl-steps__n { font-family: var(--font-display); font-size: 2.5rem; font-weight: 800; line-height: 1; color: var(--dx-orange); }

.dl-forms { padding: var(--section-y) var(--gutter) 0; scroll-margin-top: 80px; }
.dl-card { max-width: 640px; margin-inline: auto; padding: var(--s-6); border-radius: 28px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-card); }
@media (max-width: 559px) { .dl-card { padding: var(--s-5) var(--s-4); border-radius: 22px; } }
.dl-tabs { position: relative; display: grid; grid-template-columns: 1fr 1fr; padding: 4px; margin-bottom: var(--s-6); border-radius: var(--r-pill); background: var(--bg-alt); }
.dl-tabs button { position: relative; z-index: 1; min-height: 42px; border-radius: var(--r-pill); font-weight: 600; color: var(--fg-2); transition: color var(--t-mid); }
.dl-tabs button[aria-selected="true"] { color: var(--fg); }
.dl-tabs__ind { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: var(--r-pill); background: var(--surface); box-shadow: 0 2px 8px rgba(0, 0, 0, .08); transition: transform var(--t-mid) var(--ease-out); }
.dl-tabs.is-apply .dl-tabs__ind { transform: translateX(100%); }

.dl-login, .dl-apply { display: grid; gap: var(--s-4); }
.dl-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
@media (max-width: 559px) { .dl-grid { grid-template-columns: minmax(0, 1fr); } }
.dl-field { display: grid; gap: 6px; min-width: 0; }
.dl-field--wide { grid-column: 1 / -1; }
.dl-field label { font-size: var(--fs-small); font-weight: 600; }
.dl-field input, .dl-field textarea { width: 100%; min-height: 48px; padding: var(--s-3) var(--s-4); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--bg); font-size: 16px; resize: vertical; transition: border-color var(--t-fast), box-shadow var(--t-fast); }
.dl-field input:focus, .dl-field textarea:focus { outline: none; border-color: var(--dx-orange); box-shadow: 0 0 0 4px color-mix(in srgb, var(--dx-orange) 18%, transparent); }
.dl-field [aria-invalid="true"] { border-color: #E0484D; }
.dl-err { min-height: 0; font-size: var(--fs-micro); color: #E0484D; font-weight: 500; }
.dl-err:empty { display: none; }
.dl-login .dl-link { justify-self: end; margin-top: calc(var(--s-2) * -1); }
.dl-msg:not(:empty) { padding: var(--s-3) var(--s-4); border-radius: var(--r-md); background: var(--dx-orange-soft); color: var(--fg); font-size: var(--fs-small); }
.dl-alt { text-align: center; font-size: var(--fs-small); color: var(--fg-2); }

.dl-acc { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-3); border: 0; margin: 0; padding: 0; min-width: 0; }
.dl-acc legend { padding: 0; margin-bottom: var(--s-3); font-size: var(--fs-small); font-weight: 600; }
.dl-acc__opt { position: relative; cursor: pointer; }
.dl-acc__opt input { position: absolute; opacity: 0; pointer-events: none; }
.dl-acc__opt span { display: grid; gap: 2px; height: 100%; padding: var(--s-4); border-radius: var(--r-md); border: 1.5px solid var(--line); transition: border-color var(--t-fast), background-color var(--t-fast); }
.dl-acc__opt svg { width: 26px; height: 26px; color: var(--fg-3); margin-bottom: var(--s-2); transition: color var(--t-fast); }
.dl-acc__opt small { color: var(--fg-2); font-size: var(--fs-micro); }
.dl-acc__opt input:checked + span { border-color: var(--dx-orange); background: color-mix(in srgb, var(--dx-orange) 6%, transparent); }
.dl-acc__opt input:checked + span svg { color: var(--dx-orange); }
.dl-acc__opt input:focus-visible + span { outline: 2px solid var(--dx-orange); outline-offset: 2px; }

.dl-check { display: flex; gap: var(--s-3); align-items: flex-start; font-size: var(--fs-small); color: var(--fg-2); cursor: pointer; }
.dl-check input { width: 20px; height: 20px; margin: 1px 0 0; flex-shrink: 0; accent-color: var(--dx-orange); }
.dl-draft { text-align: center; font-size: var(--fs-micro); color: var(--fg-3); }

.dl-done { display: grid; justify-items: center; gap: var(--s-3); padding-block: var(--s-6); text-align: center; animation: popIn var(--t-mid) var(--ease-out); }
.dl-done p { color: var(--fg-2); max-width: 30rem; }
.dl-done__ic { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--dx-orange); color: #fff; box-shadow: 0 10px 30px -10px var(--glow); }
.dl-done__ic svg { width: 30px; height: 30px; }

.dl-faq { max-width: 760px; padding-top: var(--section-y); }
.dl-faq .h2 { margin-bottom: var(--s-5); }
.dl-q { border-bottom: 1px solid var(--line); }
.dl-q summary { display: flex; justify-content: space-between; align-items: center; gap: var(--s-4); min-height: 60px; font-weight: 600; cursor: pointer; list-style: none; }
.dl-q summary::-webkit-details-marker { display: none; }
.dl-q summary svg { width: 18px; height: 18px; flex-shrink: 0; transition: transform var(--t-mid) var(--ease-out); }
.dl-q[open] summary svg { transform: rotate(45deg); }
.dl-q p { padding-bottom: var(--s-5); color: var(--fg-2); }

@media (prefers-reduced-motion: reduce) { .cv-item, .cv-sheet__panel { animation: none; } }

/* Giriş yapmış bayi kartı */
.dl-hello { display: grid; justify-items: center; gap: var(--s-3); text-align: center; padding-block: var(--s-4); }
.dl-hello p { color: var(--fg-2); max-width: 30rem; margin: 0; }
.dl-pass { width: 100%; text-align: left; border-top: 1px solid var(--line); padding-top: var(--s-3); }
.dl-pass summary { cursor: pointer; font-weight: 600; }
.dl-pass form { display: grid; gap: var(--s-3); margin-top: var(--s-3); }