@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* vitrin — Perakende · mağaza · e-ticaret (açık; mor → pembe → turuncu canlı gradyanlar) */
.theme-vitrin{
  --bg:#FAFAFC; --surface:#FFFFFF; --surface-2:#F2F0F8; --surface-solid:#FFFFFF;
  --text:#14121F; --text-muted:#5A5670; --accent:#6D28D9; --accent-text:#6D28D9;
  --btn-1:#6D28D9; --btn-2:#BE185D; --on-btn:#FFFFFF;
  --g1:#8B5CF6; --g2:#EC4899; --g3:#FB923C;
  --gt1:#6D28D9; --gt2:#BE185D; --gt3:#C2410C;
  --line:rgb(20 18 31 / .09); --grid-line:rgb(20 18 31 / .06); --shadow:#3B1D6E;
  --r-card:20px; --r-media:16px; --r-btn:14px;
  --font-display:"Plus Jakarta Sans", system-ui, sans-serif; --font-body:"Inter", system-ui, sans-serif; --font-mono:"Inter", system-ui, sans-serif;
  --display-weight:800; --display-tracking:-0.035em;
  --aurora-opacity:.38; --aurora-blend:multiply; --grain:.04;
  color-scheme:light;
}
.theme-vitrin .eyebrow{ letter-spacing:.1em; }
.theme-vitrin .fx-aurora::after{ background:linear-gradient(180deg, rgb(250 250 252 / .15), rgb(250 250 252 / .5) 60%, var(--bg)); }
.theme-vitrin .nav.is-stuck .nav__inner{ background:rgb(255 255 255 / .8); }
.theme-vitrin .card, .theme-vitrin .product{ box-shadow:0 1px 2px rgb(20 18 31 / .04), 0 24px 48px -36px rgb(59 29 110 / .4); }
.theme-vitrin .product__media{ aspect-ratio:4/5; }
.theme-vitrin .product__price{ font-variant-numeric:tabular-nums; }
.theme-vitrin .surface-band{ background:linear-gradient(180deg, #F2F0F8, #FAFAFC); }
.theme-vitrin .stat{ background:#fff; }
.theme-vitrin .stat strong{ background:linear-gradient(100deg, var(--gt1), var(--gt2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
/* Ürün karoları sahnesi */
.tiles{ position:absolute; inset:0; display:grid; grid-template-columns:1.25fr 1fr; grid-template-rows:1fr 1fr; gap:14px; }
.tile{ position:relative; overflow:hidden; border-radius:24px; background:#fff; border:1px solid var(--line); box-shadow:0 30px 60px -40px rgb(59 29 110 / .55); }
.tile > svg, .tile > img, .tile > picture > img{ width:100%; height:100%; object-fit:cover; }
.tile--big{ grid-row:span 2; }
.tile__tag{ position:absolute; left:14px; bottom:14px; display:grid; gap:2px; padding:10px 14px; border-radius:14px; background:rgb(255 255 255 / .9); border:1px solid var(--line); }
.tile__tag b{ font:700 .95rem/1.2 var(--font-body); max-width:22ch; } .tile__tag span{ font:800 1.05rem/1 var(--font-display); color:var(--accent); }
.tile__badge{ position:absolute; right:14px; top:14px; padding:6px 12px; border-radius:999px; font:700 .78rem/1 var(--font-body); color:#fff; background:linear-gradient(135deg, var(--btn-1), var(--btn-2)); }
@media (max-width:900px){ .tiles{ grid-template-columns:1fr 1fr; grid-template-rows:auto; } .tile--big{ grid-column:span 2; grid-row:auto; aspect-ratio:4/3; } .tile{ aspect-ratio:1; } }

/* ── TASK-WEB-1009 · eklenebilen bölümler + özel sayfalar (yalnız token) ───────────────────────── */
.sec .section-head{ margin-bottom:clamp(28px, 4vw, 52px); }
.prose--rich{ color:var(--text); }
.prose--rich p, .prose--rich li{ color:var(--text-muted); font-size:1.05rem; }
.prose--rich h2{ font-size:clamp(1.5rem, 2.6vw, 2.1rem); margin:40px 0 14px; text-transform:none; }
.prose--rich h3{ font-size:1.25rem; margin:28px 0 10px; letter-spacing:-.01em; text-transform:none; font-stretch:100%; }
.prose--rich ul{ list-style:none; padding:0; display:grid; gap:10px; margin:0 0 16px; }
.prose--rich ul li{ position:relative; padding-left:28px; margin:0; }
.prose--rich ul li::before{ content:""; position:absolute; left:4px; top:.62em; width:10px; height:10px; border-radius:3px; background:linear-gradient(135deg, var(--btn-1), var(--btn-2)); transform:rotate(45deg); }
.prose--rich ol{ padding-left:22px; display:grid; gap:8px; margin:0 0 16px; }
.prose--rich ol li::marker{ color:var(--accent-text); font-weight:700; }
.prose--rich blockquote{ margin:24px 0; padding:18px 22px; border-left:3px solid var(--accent); border-radius:0 var(--r-card) var(--r-card) 0; background:color-mix(in oklab, var(--accent) 7%, transparent); }
.prose--rich blockquote p{ color:var(--text); font-size:1.15rem; font-style:italic; margin:0; }
.prose--rich a{ color:var(--accent-text); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1.5px; }
.prose--rich strong{ color:var(--text); }
.prose--rich p > a:only-child{ display:inline-flex; align-items:center; min-height:44px; }
.prose--rich > :first-child{ margin-top:0; }
.page-hero{ position:relative; isolation:isolate; overflow:hidden; padding-bottom:clamp(24px, 3vw, 40px); }
.page-hero__title{ max-width:22ch; }
.page-body .prose{ max-width:780px; }

/* metin bölümü */
.sec-text{ display:grid; gap:18px; max-width:860px; }
.sec-text--center{ margin-inline:auto; text-align:center; justify-items:center; }
.sec-text--center .prose--rich ul{ justify-items:start; text-align:left; }
.sec-text--card{ max-width:none; padding:clamp(26px, 4vw, 56px); border-radius:calc(var(--r-card) + 8px); background:var(--surface-solid); border:1px solid var(--line);
  box-shadow:0 30px 60px -44px color-mix(in oklab, var(--shadow) 60%, transparent); }

/* galeri + ışık kutusu (JS'siz, :target) */
.gallery{ display:grid; grid-template-columns:repeat(auto-fill, minmax(min(46%, 240px), 1fr)); gap:clamp(10px, 1.6vw, 18px); }
.gallery__item{ margin:0; display:grid; gap:10px; }
.gallery__item:nth-child(5n+1){ grid-column:span 2; }
.gallery__item:nth-child(5n+1) .gallery__media{ aspect-ratio:16/10; }
.gallery__media{ position:relative; display:block; aspect-ratio:4/3; overflow:hidden; border-radius:var(--r-card); background:var(--surface-2); border:1px solid var(--line); }
.gallery__media img, .gallery__media svg{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease-out); }
.gallery__link:hover .gallery__media img, .gallery__link:focus-visible .gallery__media img{ transform:scale(1.05); }
.gallery__link{ display:block; border-radius:var(--r-card); }
.gallery__item figcaption{ font-size:.92rem; color:var(--text-muted); }
@media (max-width:620px){ .gallery__item:nth-child(5n+1){ grid-column:auto; } }
.lightbox{ position:fixed; inset:0; z-index:90; display:none; place-items:center; padding:clamp(16px, 4vw, 48px); background:color-mix(in oklab, var(--bg) 88%, transparent); }
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){ .lightbox{ -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); } }
.lightbox:target{ display:grid; }
.lightbox figure{ margin:0; display:grid; gap:12px; max-width:min(1100px, 100%); max-height:100%; }
.lightbox img{ max-height:80vh; width:auto; margin-inline:auto; border-radius:var(--r-card); box-shadow:0 40px 80px -40px var(--shadow); }
.lightbox figcaption{ text-align:center; color:var(--text-muted); }
.lightbox__close{ position:absolute; right:clamp(12px, 3vw, 32px); top:clamp(12px, 3vw, 32px); width:48px; height:48px; display:grid; place-items:center; border-radius:50%;
  font-size:1.8rem; line-height:1; color:var(--text); background:var(--surface-solid); border:1px solid var(--line); }

/* ekip */
.team{ display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap:16px; }
.team__card{ align-content:start; }
.team__id h3{ font-size:1.18rem; }
.team__role{ color:var(--accent-text) !important; font-weight:600; font-size:.9rem; margin-top:4px; }
.team__text{ font-size:.95rem; }
.avatar{ display:grid; place-items:center; width:64px; height:64px; border-radius:50%; font:700 1.25rem/1 var(--font-display); letter-spacing:0; text-transform:none; color:var(--on-btn);
  background:linear-gradient(135deg, var(--btn-1), var(--btn-2)); box-shadow:0 12px 24px -14px color-mix(in oklab, var(--btn-1) 70%, transparent); flex:none; }
.avatar--1{ background:linear-gradient(135deg, var(--btn-2), var(--btn-1)); }
.avatar--2{ background:linear-gradient(160deg, var(--btn-1), color-mix(in oklab, var(--btn-1) 70%, #000)); }
.avatar--3{ background:linear-gradient(200deg, var(--btn-2), color-mix(in oklab, var(--btn-2) 70%, #000)); }
.avatar--4{ background:linear-gradient(110deg, color-mix(in oklab, var(--btn-1) 80%, #000), var(--btn-2)); }
.avatar--5{ background:linear-gradient(45deg, color-mix(in oklab, var(--btn-2) 80%, #000), var(--btn-1)); }

/* yorumlar */
.quotes{ display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap:16px; }
@media (max-width:620px){ .quotes{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; } .quotes > *{ flex:0 0 86%; scroll-snap-align:start; } }
.quote{ margin:0; gap:18px; }
.quote__mark{ width:40px; height:40px; color:var(--accent-text); opacity:.85; }
.quote__mark svg{ width:40px; height:40px; }
.quote blockquote{ margin:0; }
.quote blockquote p{ color:var(--text); font-size:1.08rem; line-height:1.6; }
.quote figcaption{ display:flex; align-items:center; gap:12px; margin-top:auto; }
.quote figcaption .avatar{ width:44px; height:44px; font-size:.95rem; }
.quote figcaption b{ display:block; } .quote figcaption small{ color:var(--text-muted); }

/* SSS */
.faq-wrap{ display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(24px, 5vw, 72px); align-items:start; }
.faq-wrap .section-head{ position:sticky; top:110px; margin:0; }
@media (max-width:900px){ .faq-wrap{ grid-template-columns:1fr; } .faq-wrap .section-head{ position:static; } }
.faq{ display:grid; gap:12px; }
.faq__item{ border-radius:var(--r-card); border:1px solid var(--line); background:var(--surface-solid); overflow:hidden; transition:border-color var(--t-frame); }
.faq__item[open]{ border-color:color-mix(in oklab, var(--accent) 45%, transparent); }
.faq__item summary{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; cursor:pointer; list-style:none; font-weight:600; font-size:1.05rem; }
.faq__item summary::-webkit-details-marker{ display:none; }
.faq__item summary:focus-visible{ outline:2px solid var(--accent); outline-offset:-2px; }
.faq__item summary i{ display:grid; place-items:center; width:32px; height:32px; flex:none; border-radius:50%; color:var(--accent-text); background:color-mix(in oklab, var(--accent) 12%, transparent);
  transition:transform var(--t-frame) var(--ease-out); }
.faq__item summary i svg{ width:18px; height:18px; }
.faq__item[open] summary i{ transform:rotate(45deg); }
.faq__a{ padding:0 22px 20px; color:var(--text-muted); display:grid; gap:10px; }

/* hizmet / fiyat listesi */
.price-list{ display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:14px; }
.price-item{ gap:10px; }
.price-item__top{ display:flex; align-items:baseline; gap:10px; }
.price-item__top h3{ font-size:1.12rem; flex:0 1 auto; }
.price-item__dots{ flex:1; min-width:16px; border-bottom:2px dotted color-mix(in oklab, var(--text) 22%, transparent); transform:translateY(-5px); }
.price-item__price{ font:800 1.15rem/1 var(--font-display); color:var(--accent-text); white-space:nowrap; letter-spacing:-.01em; text-transform:none; font-stretch:100%; }
.price-item__price small{ font:500 .8rem/1 var(--font-body); color:var(--text-muted); }
.price-item__badge{ justify-self:start; padding:5px 10px; border-radius:999px; font:700 .72rem/1 var(--font-body); letter-spacing:.06em; text-transform:uppercase; color:var(--on-btn);
  background:linear-gradient(135deg, var(--btn-1), var(--btn-2)); }
.price-item.is-featured{ border-color:color-mix(in oklab, var(--accent) 55%, transparent); box-shadow:0 30px 60px -40px color-mix(in oklab, var(--btn-1) 60%, transparent); }
.price-note{ margin-top:18px; }

/* duyurular */
.announce{ display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:16px; }
.announce__item{ grid-template-columns:52px 1fr; align-items:start; }
.announce__icon{ display:grid; place-items:center; width:52px; height:52px; border-radius:16px; color:var(--on-btn); background:linear-gradient(135deg, var(--btn-1), var(--btn-2)); }
.announce__icon svg{ width:24px; height:24px; }
.announce__body{ display:grid; gap:8px; justify-items:start; }
.announce__body h3{ font-size:1.18rem; }
.announce__badge{ padding:5px 10px; border-radius:999px; font:700 .74rem/1 var(--font-body); color:var(--accent-text); background:color-mix(in oklab, var(--accent) 13%, transparent);
  border:1px solid color-mix(in oklab, var(--accent) 30%, transparent); }
.announce__until{ font-size:.875rem; font-weight:600; color:var(--text) !important; }

/* çalışma saatleri */
.hours-band{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px, 5vw, 72px); align-items:center; }
.hours-band .section-head{ margin:0; }
@media (max-width:900px){ .hours-band{ grid-template-columns:1fr; } }
.hours-card--big .hours{ font-size:1.02rem; gap:4px; }
.hours-card--big .hours div{ padding:10px 0; border-bottom:1px dashed var(--line); }
.hours-card--big .hours div:last-child{ border-bottom:0; }
.hours-card--big .hours div.is-today{ color:var(--accent-text); }

/* harita (üretilmiş çizim + OpenStreetMap bağlantısı) */
.map-card{ position:relative; display:grid; grid-template-columns:1.3fr .7fr; gap:16px; align-items:stretch; }
@media (max-width:900px){ .map-card{ grid-template-columns:1fr; } }
.map-card__art{ position:relative; min-height:320px; overflow:hidden; border-radius:calc(var(--r-card) + 6px); border:1px solid var(--line); background:var(--surface-2); }
.map-art{ position:absolute; inset:0; width:100%; height:100%; }
.map-art__block{ fill:var(--surface-2); }
.map-art__minor path{ fill:none; stroke:var(--surface-solid); stroke-width:6; }
.map-art__major path{ fill:none; stroke:var(--surface-solid); stroke-width:16; stroke-linecap:round; }
.map-art__park{ fill:color-mix(in oklab, var(--g3) 45%, var(--surface-2)); }
.map-art__water{ fill:color-mix(in oklab, var(--g2) 35%, var(--surface-2)); }
.map-art__pin path{ fill:var(--btn-1); } .map-art__dot{ fill:var(--on-btn); }
.map-art__pulse{ fill:color-mix(in oklab, var(--btn-1) 30%, transparent); transform-box:fill-box; transform-origin:center; animation:ping 2.6s var(--ease-out) infinite; }
.map-card__info{ align-content:center; }
.map-card__info p{ color:var(--text-muted); margin-top:4px; }
.map-card__actions{ display:flex; flex-wrap:wrap; gap:10px; }

/* iletişim formu (veri göndermez) */
.form-wrap{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(24px, 5vw, 64px); align-items:start; }
.form-wrap .section-head{ margin:0; }
.form-wrap__alt{ display:flex; flex-wrap:wrap; gap:10px; }
@media (max-width:900px){ .form-wrap{ grid-template-columns:1fr; } }
.cform{ grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:620px){ .cform{ grid-template-columns:1fr; } }
.field{ display:grid; gap:6px; font-size:.9rem; font-weight:600; }
.field--full{ grid-column:1 / -1; }
.field input, .field textarea{ width:100%; min-height:48px; padding:13px 14px; border-radius:calc(var(--r-btn) + 2px); border:1px solid color-mix(in oklab, var(--text) 18%, transparent);
  background:color-mix(in oklab, var(--bg) 60%, var(--surface-solid)); color:var(--text); font:400 1rem/1.4 var(--font-body); resize:vertical; }
.field input:focus, .field textarea:focus{ outline:2px solid var(--accent); outline-offset:1px; border-color:transparent; }
.cform__error{ color:var(--accent-text); font-weight:600; font-size:.9rem; }
.cform .btn{ justify-self:start; }

/* sosyal */
.social-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap:14px; }
.social-card{ grid-template-columns:48px 1fr auto; align-items:center; }
.social-card__id b{ display:block; font-size:1.05rem; }
.social-card__id small{ color:var(--text-muted); word-break:break-all; }
.social-card__go{ color:var(--accent-text); transition:transform var(--t-fast) var(--ease-out); } .social-card__go svg{ width:20px; height:20px; }
.social-card:hover .social-card__go{ transform:translateX(4px); }

/* video (gömülü değil — kapak + yeni sekme) */
.videos{ display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap:18px; }
.video-card{ display:grid; gap:12px; }
.video-card__poster{ position:relative; display:block; aspect-ratio:16/9; overflow:hidden; border-radius:calc(var(--r-card) + 4px); border:1px solid var(--line);
  box-shadow:0 30px 60px -40px color-mix(in oklab, var(--shadow) 70%, transparent); }
.video-card__poster svg:first-child{ width:100%; height:100%; transition:transform .8s var(--ease-out); }
.video-card:hover .video-card__poster svg:first-child{ transform:scale(1.05); }
.video-card__play{ position:absolute; left:50%; top:50%; width:76px; height:76px; transform:translate(-50%, -50%); display:grid; place-items:center; border-radius:50%;
  color:var(--on-btn); background:linear-gradient(135deg, var(--btn-1), var(--btn-2)); box-shadow:0 18px 40px -12px color-mix(in oklab, var(--btn-1) 70%, transparent);
  transition:transform var(--t-frame) var(--ease-spring); }
.video-card__play svg{ width:40px; height:40px; }
.video-card:hover .video-card__play{ transform:translate(-50%, -50%) scale(1.08); }
.video-card__meta b{ display:block; font-size:1.08rem; } .video-card__meta small{ color:var(--text-muted); }

/* referanslar / sertifikalar */
.logo-marquee{ margin-top:4px; }
.logo-marquee .fx-marquee__track{ gap:14px; animation-duration:52s; }
.logo-chip{ display:inline-flex; align-items:center; gap:12px; padding:12px 20px 12px 12px; border-radius:999px; border:1px solid var(--line); background:var(--surface-solid);
  font-weight:600; white-space:nowrap; }
.logo-chip small{ color:var(--text-muted); font-weight:500; }
.logo-chip__mark, .ref-card__mark{ display:grid; place-items:center; width:38px; height:38px; border-radius:12px; font:700 .85rem/1 var(--font-display); color:var(--on-btn);
  background:linear-gradient(135deg, var(--btn-1), var(--btn-2)); text-transform:none; letter-spacing:0; }
.refs{ display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap:14px; }
.refs--logos{ grid-template-columns:repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.ref-card{ grid-template-columns:44px 1fr auto; align-items:center; gap:14px; }
.ref-card__mark{ width:44px; height:44px; }
.ref-card__id h3{ font-size:1.02rem; } .ref-card__id p{ font-size:.88rem; }
.ref-card__year{ font:600 .82rem/1 var(--font-mono); color:var(--text-muted); }
.ref-card__check{ position:absolute; right:12px; top:12px; color:var(--accent-text); opacity:.75; } .ref-card__check svg{ width:16px; height:16px; }
/* talep formu — TASK-SITE-TALEP-1010 (veri firmanın CRM'ine gider; betiksiz düz POST da çalışır) */
.rq{ min-width:0; }
.rq [hidden]{ display:none !important; }
.rqform .field select{ width:100%; min-height:48px; padding:12px 14px; border-radius:calc(var(--r-btn) + 2px); border:1px solid color-mix(in oklab, var(--text) 18%, transparent);
  background:color-mix(in oklab, var(--bg) 60%, var(--surface-solid)); color:var(--text); font:400 1rem/1.4 var(--font-body); max-width:100%; text-overflow:ellipsis; }
.rqform .field select:focus{ outline:2px solid var(--accent); outline-offset:1px; border-color:transparent; }
.rqform .field small{ font-weight:400; color:var(--text-muted); }
.rqform [aria-invalid="true"]{ outline:2px solid var(--accent); outline-offset:1px; }
.rqform fieldset{ margin:0; padding:0; border:0; min-width:0; display:grid; gap:10px; }
.rqform legend{ padding:0; margin-bottom:8px; font-size:.9rem; font-weight:600; }
.rqform__kinds{ grid-template-columns:repeat(auto-fit, minmax(min(100%, 150px), 1fr)); }
.rqform__kind{ display:flex; align-items:center; gap:10px; min-height:48px; padding:10px 14px; border-radius:calc(var(--r-btn) + 2px); border:1px solid var(--line);
  background:color-mix(in oklab, var(--bg) 60%, var(--surface-solid)); font-weight:600; font-size:.95rem; cursor:pointer; }
.rqform__kind:has(input:checked){ border-color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent); }
/* TASK-SITE-TALEP-1010: yerel girdi görünmez ama dokunma hedefi >= 44 px (etiketin tamamı / 44×44); görsel gösterge span::before */
.rqform__kind, .rqform__consent{ position:relative; }
.rqform__kind input, .rqform__consent input{ position:absolute; margin:0; opacity:0; cursor:pointer; accent-color:var(--accent); }
.rqform__kind input{ inset:0; width:100%; height:100%; }
.rqform__kind span, .rqform__consent > span{ position:relative; }
.rqform__kind span{ padding-left:30px; }
.rqform__kind span::before{ content:""; position:absolute; left:0; top:50%; width:20px; height:20px; margin-top:-10px; box-sizing:border-box;
  border-radius:50%; border:2px solid color-mix(in oklab, var(--text) 45%, transparent); }
.rqform__kind input:checked + span::before{ border-color:var(--accent); background:radial-gradient(circle, var(--accent) 0 40%, transparent 45%); }
.rqform__kind:has(input:focus-visible){ outline:2px solid var(--accent); outline-offset:2px; }
.rqform__row{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(88px, 120px); gap:10px; align-items:end; }
.rqform__add{ justify-self:start; }
.rqform__consent{ display:flex; align-items:flex-start; gap:12px; min-height:44px; font-size:.92rem; color:var(--text-muted); }
.rqform__consent input{ left:0; top:-9px; width:44px; height:44px; z-index:1; }
.rqform__consent > span{ padding-left:32px; }
.rqform__consent > span::before{ content:""; position:absolute; left:0; top:1px; width:20px; height:20px; box-sizing:border-box;
  border-radius:4px; border:2px solid color-mix(in oklab, var(--text) 45%, transparent); }
.rqform__consent input:checked + span::before{ background:var(--accent); border-color:var(--accent); }
.rqform__consent input:checked + span::after{ content:""; position:absolute; left:7px; top:4px; width:6px; height:11px; box-sizing:border-box;
  border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.rqform__consent:has(input:focus-visible) > span::before, .rqform__consent:has(input[aria-invalid="true"]) > span::before{ outline:2px solid var(--accent); outline-offset:2px; }
.rqform__consent a{ position:relative; z-index:2; color:var(--accent-text); text-decoration:underline; text-underline-offset:3px; }
.rqform__status{ color:var(--accent-text); font-weight:600; font-size:.92rem; }
.rqform__status.is-ok{ color:var(--text); }
.rqform__preview{ margin:0; padding:12px 14px; border-radius:calc(var(--r-btn) + 2px); background:color-mix(in oklab, var(--accent) 10%, transparent); font-size:.92rem; }
.rqform .btn[disabled]{ opacity:.6; cursor:not-allowed; }
.rqdone{ justify-items:start; text-align:left; }
.rqdone:focus{ outline:2px solid var(--accent); outline-offset:3px; }
.rqdone__icon{ display:grid; place-items:center; width:52px; height:52px; border-radius:50%; color:var(--on-btn); background:linear-gradient(135deg, var(--btn-1), var(--btn-2)); }
.rqdone__icon svg{ width:26px; height:26px; }
.hp{ position:absolute !important; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.rqpage__actions{ display:flex; flex-wrap:wrap; gap:10px; }

/* TASK-SITE-FOTO-1017 — kahraman görseli */
.hero-photo{ position:absolute; inset:0; margin:0; overflow:hidden; border-radius:calc(var(--r-card) + 8px);
  box-shadow:0 30px 60px -30px var(--shadow); background:color-mix(in oklab, var(--text) 6%, transparent); }
.hero-photo img{ display:block; width:100%; height:100%; object-fit:cover; }