/* Rio&Co. Kids — telefon görünümü (uygulama hissi, sade düzen).
 * Bu dosyadaki kuralların tamamı 767px ve altındaki ekranlarda çalışır; yalnız ilk satır
 * telefona özel öğeleri büyük ekranlarda gizler. Genel tasarım ve hareketler site-polish.css'tedir. */
.app-tabbar, .app-scrim, .app-back, .app-title, .app-call, .app-sheet-handle, .app-sheet-extras { display: none; }

@media (max-width: 767px) {
  :root {
    --gutter: 20px;
    --inner-safe-offset: 0px;
    --inner-gutter: var(--gutter);
    --header-h: calc(56px + env(safe-area-inset-top));
    --section-y: 46px;
    --app-ink: #121419;
    --app-text: #3a3c3e;
    --app-muted: #6c6d69;
    --app-paper: #f3f1eb;
    --app-surface: #fbfaf7;
    --app-line: rgba(18, 20, 25, .09);
    --app-olive: #626b50;
    --app-radius: 20px;
    --app-radius-sm: 14px;
    --app-dock-h: 60px;
    --app-dock-gap: 10px;
    --app-safe-b: env(safe-area-inset-bottom);
    --app-dock-space: calc(var(--app-dock-h) + var(--app-dock-gap) + var(--app-safe-b));
    --app-ease: cubic-bezier(.2, .9, .25, 1);
    --media-radius: 18px;
    --card-radius: 16px;
    --reveal-distance: 18px;
  }

  html { scroll-padding-top: calc(var(--header-h) + 14px); }
  .has-app-ui { -webkit-tap-highlight-color: transparent; }
  .has-app-ui main { overflow-x: clip; }
  .has-app-ui .container,
  body.has-app-ui:not(.page-home) .container { width: calc(100% - 2 * var(--gutter)) !important; }

  /* ------------------------------------------------------------ üst çubuk */
  .has-app-ui .site-header,
  .has-app-ui .site-header.is-scrolled {
    height: var(--header-h);
    padding-top: env(safe-area-inset-top);
    color: var(--app-ink);
    background: rgba(243, 241, 235, .82);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid var(--app-line) !important;
  }
  .has-app-ui .site-header::before { display: none; }
  .has-app-ui .site-header .header-inner,
  .has-app-ui .site-header.is-scrolled .header-inner {
    position: relative;
    height: 56px;
    gap: 6px;
    justify-content: flex-start;
    width: calc(100% - 24px) !important;
  }
  .has-app-ui .site-header .brand,
  .has-app-ui .site-header .site-logo,
  .has-app-ui .site-header.is-scrolled .site-logo {
    width: 88px;
    height: 44px;
    flex: 0 0 88px;
    transition: opacity .25s ease, transform .3s var(--app-ease);
  }
  .has-app-ui .site-header .brand { margin-left: 4px; }
  .has-app-ui .menu-toggle { display: none !important; }
  .has-app-ui .app-back,
  .has-app-ui .app-call {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--app-ink);
    background: rgba(18, 20, 25, .055);
    transition: transform .2s ease, background-color .2s ease;
  }
  .has-app-ui .app-back svg { width: 22px; height: 22px; }
  .has-app-ui .app-call { margin-left: 0; }
  /* Dil seçici: üst çubukta arama düğmesinin solunda; başlık görününce logo gibi kaybolur */
  .has-app-ui .lang-switch--bar { padding: 2px; background: rgba(18, 20, 25, .045); border-color: transparent; font-size: 10.5px; transition: opacity .25s ease, transform .3s var(--app-ease); }
  .has-app-ui .lang-switch--bar .lang-switch__opt { min-width: 32px; height: 32px; padding: 0 8px; }
  .has-app-ui.app-title-on:not(.page-home) .lang-switch--bar { opacity: 0; transform: translateY(-6px); pointer-events: none; }
  .has-app-ui .app-lang { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 2px 0 16px; }
  .has-app-ui .app-lang-label { color: var(--app-muted); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
  .has-app-ui .lang-switch--sheet { padding: 3px; border: 0; background: rgba(18, 20, 25, .06); font-size: 13.5px; letter-spacing: 0; }
  .has-app-ui .lang-switch--sheet .lang-switch__opt { min-width: 92px; height: 36px; padding: 0 14px; font-weight: 600; opacity: .62; }
  .has-app-ui .lang-switch--sheet .lang-switch__opt[aria-current] { color: var(--app-ink); background: #fff; box-shadow: 0 1px 3px rgba(18, 20, 25, .14); opacity: 1; }
  .has-app-ui .app-call .ui-icon { width: 18px; height: 18px; }
  .has-app-ui .app-back:active,
  .has-app-ui .app-call:active { transform: scale(.92); background: rgba(18, 20, 25, .1); }
  .has-app-ui .app-title {
    display: block;
    position: absolute;
    left: 56px;
    right: 56px;
    top: 50%;
    overflow: hidden;
    color: var(--app-ink);
    font-size: 15.5px;
    font-weight: 650;
    letter-spacing: -.01em;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0;
    transform: translateY(-30%);
    pointer-events: none;
    transition: opacity .25s ease, transform .3s var(--app-ease);
  }
  .has-app-ui.app-title-on .app-title { opacity: 1; transform: translateY(-50%); }
  .has-app-ui.app-title-on:not(.page-home) .site-header .brand { opacity: 0; transform: translateY(-6px); pointer-events: none; }
  .has-app-ui .site-header.is-hidden { transform: translateY(-105%); }

  /* ------------------------------------------------------------ alt sekme çubuğu */
  .has-app-ui .app-tabbar {
    position: fixed;
    z-index: 1100;
    left: 12px;
    right: 12px;
    bottom: calc(var(--app-dock-gap) + var(--app-safe-b));
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    height: var(--app-dock-h);
    padding: 0 4px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 22px;
    background: rgba(251, 250, 247, .8);
    -webkit-backdrop-filter: saturate(190%) blur(22px);
    backdrop-filter: saturate(190%) blur(22px);
    box-shadow: 0 1px 0 rgba(18, 20, 25, .04), 0 14px 36px -10px rgba(18, 20, 25, .24);
    transition: transform .4s var(--app-ease), opacity .25s ease;
  }
  .has-app-ui.app-typing .app-tabbar,
  .has-app-ui.menu-open .app-tabbar,
  html.rio-lightbox-open .has-app-ui .app-tabbar { transform: translateY(calc(100% + 24px)); opacity: 0; pointer-events: none; }
  .has-app-ui .app-tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 52px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: var(--app-muted);
    font: inherit;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    cursor: pointer;
    transition: color .2s ease, transform .18s ease;
  }
  .has-app-ui .app-tab-icon { display: grid; place-items: center; width: 32px; height: 30px; }
  .has-app-ui .app-tab svg { width: 22px; height: 22px; }
  .has-app-ui .app-tab-label { white-space: nowrap; }
  .has-app-ui .app-tab[aria-current="page"],
  .has-app-ui .app-tab--menu[data-app-current],
  .has-app-ui .app-tab--menu.is-open { color: var(--app-ink); }
  .has-app-ui .app-tab[aria-current="page"] svg,
  .has-app-ui .app-tab--menu[data-app-current] svg { stroke-width: 2.1; }
  .has-app-ui .app-tab:active { transform: scale(.92); }
  .has-app-ui .app-tab--primary { color: var(--app-ink); }
  .has-app-ui .app-tab--primary .app-tab-icon {
    width: 44px;
    height: 30px;
    border-radius: 15px;
    color: #f7f5ef;
    background: var(--app-ink);
    box-shadow: 0 6px 14px -4px rgba(18, 20, 25, .4);
  }
  .has-app-ui .app-tab--primary svg { width: 19px; height: 19px; stroke-width: 2.2; }
  .has-app-ui .app-tab--primary[aria-current="page"] .app-tab-icon { background: var(--app-olive); }
  .has-app-ui .app-tab:focus-visible { outline: 2px solid var(--app-ink); outline-offset: -2px; }

  /* ------------------------------------------------------------ menü paneli */
  .has-app-ui .app-scrim {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1150;
    background: rgba(18, 20, 25, .34);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility 0s linear .3s;
  }
  .has-app-ui.menu-open .app-scrim { opacity: 1; visibility: visible; transition: opacity .3s ease; }
  .has-app-ui .mobile-menu {
    inset: auto 0 0 0;
    z-index: 1200;
    display: block;
    max-height: min(86svh, 720px);
    padding: 6px 18px calc(18px + var(--app-safe-b));
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: 26px 26px 0 0;
    background: var(--app-surface);
    color: var(--app-ink);
    box-shadow: 0 -18px 60px rgba(18, 20, 25, .18);
    opacity: 1;
    visibility: hidden;
    transform: translateY(104%);
    transition: transform .45s var(--app-ease), visibility 0s linear .45s;
  }
  .has-app-ui.menu-open .mobile-menu { visibility: visible; transform: translateY(0); transition: transform .45s var(--app-ease); }
  .has-app-ui .app-sheet-handle { display: block; width: 100%; height: 22px; position: relative; }
  .has-app-ui .app-sheet-handle::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 7px;
    width: 38px;
    height: 5px;
    margin-left: -19px;
    border-radius: 3px;
    background: rgba(18, 20, 25, .16);
  }
  .has-app-ui .mobile-menu nav { align-self: auto; margin: 2px 0 0; }
  .has-app-ui .mobile-menu a.mobile-link {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 0 30px 0 2px;
    border-bottom: 1px solid var(--app-line);
    color: var(--app-ink);
    font-size: 18px;
    font-weight: 550;
    letter-spacing: -.012em;
    line-height: 1.2;
    opacity: 1;
  }
  .has-app-ui .mobile-menu a.mobile-link::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1.7px solid rgba(18, 20, 25, .35);
    border-right: 1.7px solid rgba(18, 20, 25, .35);
    transform: rotate(45deg);
  }
  .has-app-ui .mobile-menu a.mobile-link[aria-current="page"] { font-weight: 750; }
  .has-app-ui .mobile-menu a.mobile-link[aria-current="page"]::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--app-olive);
  }
  .has-app-ui .mobile-menu a.mobile-link:active { background: rgba(18, 20, 25, .04); }
  .has-app-ui .mobile-menu-bottom { display: none; }
  .has-app-ui .app-sheet-extras { display: block; padding-top: 18px; }
  .has-app-ui .app-quick { display: grid; grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); gap: 8px; }
  .has-app-ui .app-quick-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 68px;
    padding: 10px 4px;
    border-radius: 16px;
    background: #efece4;
    color: var(--app-ink);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    transition: transform .18s ease, background-color .2s ease;
  }
  .has-app-ui .app-quick-btn .ui-icon { width: 21px; height: 21px; }
  .has-app-ui .app-quick-btn:active { transform: scale(.95); background: #e6e2d8; }
  .has-app-ui .app-sheet-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; flex-wrap: wrap; }
  .has-app-ui .app-hours { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  .has-app-ui .app-hours .business-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: max-content;
    padding: 0;
    border: 0;
    background: none;
    color: var(--app-ink);
    font-size: 12.5px;
    font-weight: 650;
    letter-spacing: 0;
    text-transform: none;
  }
  .has-app-ui .app-hours .business-status-pill i { width: 7px; height: 7px; border-radius: 50%; background: #9a9a92; }
  .has-app-ui .app-hours.is-open .business-status-pill i { background: #4f8a5b; box-shadow: 0 0 0 4px rgba(79, 138, 91, .14); }
  .has-app-ui .app-hours.is-closed .business-status-pill i { background: #b0645a; }
  .has-app-ui .app-hours-detail { color: var(--app-muted); font-size: 12px; }
  .has-app-ui .app-social { display: flex; gap: 6px; }
  .has-app-ui .app-social a {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #efece4;
    color: var(--app-ink);
  }
  .has-app-ui .app-social .ui-icon { width: 18px; height: 18px; }

  /* ------------------------------------------------------------ çerez bildirimi (kompakt) */
  .has-app-ui .rio-consent {
    left: 10px;
    right: 10px;
    bottom: calc(var(--app-dock-space) + 8px);
    display: block;
    gap: 0;
    padding: 13px 13px 12px;
    border-radius: 20px;
    max-height: 52svh;
  }
  .has-app-ui .rio-consent[hidden] { display: none !important; }
  .has-app-ui #rio-studio-preview,
  .has-app-ui .preview-mode-banner { bottom: calc(var(--app-dock-space) + 10px) !important; }
  .has-app-ui .rio-consent strong { font-size: 13px; }
  .has-app-ui .rio-consent p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 3px;
    font-size: 11.5px;
    line-height: 1.45;
  }
  .has-app-ui .rio-consent-options { gap: 16px; margin: 9px 0 0; }
  .has-app-ui .rio-consent-options label { min-height: 28px; font-size: 12px; }
  .has-app-ui .rio-consent-actions { display: flex; gap: 6px; margin-top: 10px; }
  .has-app-ui .rio-consent-actions button,
  .has-app-ui .rio-consent-actions button:last-child {
    flex: 1 1 0;
    width: auto;
    min-height: 40px;
    padding: 0 6px;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
    grid-column: auto;
  }

  /* ------------------------------------------------------------ yazı ölçeği */
  .has-app-ui main h1,
  .has-app-ui main .display,
  .has-app-ui main .display-medium {
    font-size: 34px !important;
    line-height: 1.06 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
  }
  .has-app-ui main h2,
  .has-app-ui main .section-title,
  .has-app-ui .closing-cta .cta-title {
    font-size: 28px !important;
    line-height: 1.1 !important;
    letter-spacing: -.03em !important;
    text-wrap: balance;
  }
  .has-app-ui main h3 {
    font-size: 19px !important;
    line-height: 1.25 !important;
    letter-spacing: -.015em !important;
  }
  .has-app-ui main .lede {
    font-size: 17px !important;
    line-height: 1.5 !important;
    letter-spacing: -.01em !important;
  }
  .has-app-ui main p { overflow-wrap: break-word; }
  .has-app-ui main .body-copy { font-size: 16px; line-height: 1.65; }
  .has-app-ui main .eyebrow { margin-bottom: 12px; font-size: 10.5px; letter-spacing: .14em; }

  /* ------------------------------------------------------------ genel boşluklar */
  .has-app-ui .section { padding-block: var(--section-y); }
  .has-app-ui .page-intro { padding: 26px 0 28px !important; min-height: 0 !important; }
  .has-app-ui .page-intro::after { display: none; }
  .has-app-ui .page-intro-grid { display: block !important; }
  .has-app-ui .page-intro-rail { display: none !important; }
  .has-app-ui .page-intro-side { margin-top: 16px !important; max-width: none !important; }
  .has-app-ui .page-intro-side > p { font-size: 16px; line-height: 1.55; }
  .has-app-ui .page-intro-note { margin-top: 18px; padding-top: 12px; font-size: 10px; }
  .has-app-ui .text-link { min-height: 44px; display: inline-flex; align-items: center; }
  .has-app-ui .page-intro + .section,
  .has-app-ui .page-intro + section { padding-top: 26px; }
  .has-app-ui main blockquote {
    font-size: 27px !important;
    line-height: 1.16 !important;
    letter-spacing: -.03em !important;
  }
  .has-app-ui .quote-band { padding-block: 52px; }
  .has-app-ui .projects-heading,
  .has-app-ui .collection-head { margin-bottom: 18px !important; }

  /* Yana kaydırmalı kart rafları */
  .has-app-ui .expertise-grid,
  .has-app-ui .service-project-grid,
  .has-app-ui .feature-projects .container {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2px var(--gutter) 8px !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--gutter);
    scrollbar-width: none;
    border: 0 !important;
  }
  .has-app-ui .expertise-grid,
  .has-app-ui .service-project-grid { margin: 0 calc(-1 * var(--gutter)) !important; width: auto !important; }
  .has-app-ui .expertise-grid::-webkit-scrollbar,
  .has-app-ui .service-project-grid::-webkit-scrollbar,
  .has-app-ui .feature-projects .container::-webkit-scrollbar { display: none; }
  .has-app-ui .expertise-card,
  .has-app-ui .service-project-card {
    flex: 0 0 76%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    scroll-snap-align: start;
  }
  .has-app-ui .expertise-card .meta { display: none; }
  .has-app-ui .expertise-media,
  .has-app-ui .service-project-card > div {
    aspect-ratio: 4 / 5;
    height: auto !important;
    margin: 0 0 12px !important;
    border-radius: var(--card-radius);
    overflow: hidden;
  }
  .has-app-ui .expertise-media img,
  .has-app-ui .service-project-card > div img { width: 100%; height: 100%; object-fit: cover; }
  .has-app-ui main .expertise-card h3,
  .has-app-ui main .service-project-card h3 { margin: 4px 0 0; font-size: 17px !important; font-weight: 650; }
  .has-app-ui .expertise-card p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 6px;
    color: var(--app-muted);
    font-size: 14px;
    line-height: 1.5;
  }
  .has-app-ui .service-project-card .meta { color: var(--app-muted); font-size: 11px; }

  /* Dokunma geri bildirimi */
  .has-app-ui main a.project-card,
  .has-app-ui main a.feature-project,
  .has-app-ui main a.press-card,
  .has-app-ui main a.press-feature,
  .has-app-ui main .project-pager a { transition: transform .2s ease; }
  .has-app-ui main a.project-card:active,
  .has-app-ui main a.feature-project:active,
  .has-app-ui main a.press-card:active,
  .has-app-ui main a.press-feature:active,
  .has-app-ui main .project-pager a:active { transform: scale(.985); }

  /* ------------------------------------------------------------ ana sayfa */
  .has-app-ui .home-page-index,
  .has-app-ui .scroll-cue,
  .has-app-ui .hero-spotlight { display: none !important; }
  .has-app-ui.page-home main { padding-top: var(--header-h); }
  .has-app-ui.page-home .hero {
    height: min(68svh, 580px);
    min-height: 440px;
    margin: 10px 12px 0;
    border-radius: 26px;
    isolation: isolate;
  }
  .has-app-ui.page-home .hero-content { left: 20px; right: 20px; bottom: 58px; }
  .has-app-ui.page-home .hero-label { margin-bottom: 10px; font-size: 10.5px; }
  .has-app-ui.page-home .hero .hero-title { font-size: 42px !important; line-height: 1 !important; letter-spacing: -.045em !important; }
  .has-app-ui.page-home .hero-description { max-width: 100%; margin-top: 12px; }
  .has-app-ui.page-home .hero-description p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    font-size: 14.5px;
    line-height: 1.5;
  }
  .has-app-ui.page-home .hero-description .text-link { margin-top: 6px; min-height: 40px; }
  .has-app-ui.page-home .hero-controls { left: 20px; right: 20px; bottom: 20px; }
  .has-app-ui.page-home .hero-count { width: auto; white-space: nowrap; }
  .has-app-ui .home-statement { padding-top: 48px; }
  .has-app-ui.page-home .studio-statement .statement-title { margin-top: 0; font-size: 29px !important; line-height: 1.14 !important; }
  .has-app-ui .statement-media { margin-top: 26px !important; aspect-ratio: 4 / 5; max-height: 68svh; }
  .has-app-ui .statement-support { padding-top: 26px !important; }

  /* Rakamlar: kartsız, ince çizgili 2×2 */
  .has-app-ui .metrics { padding-block: 8px 40px; }
  .has-app-ui .metrics-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    width: calc(100% - 2 * var(--gutter)) !important;
    padding: 0 !important;
    border-block: 1px solid var(--app-line) !important;
  }
  .has-app-ui .metrics-grid .metric {
    min-height: 0;
    padding: 20px 14px 18px !important;
    border: 0 !important;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
  .has-app-ui .metrics-grid .metric:nth-child(odd) { padding-left: 0 !important; border-right: 1px solid var(--app-line) !important; }
  .has-app-ui .metrics-grid .metric:nth-child(even) { padding-right: 0 !important; padding-left: 16px !important; }
  .has-app-ui .metrics-grid .metric:nth-child(n + 3) { border-top: 1px solid var(--app-line) !important; }
  .has-app-ui .metrics-grid .metric::after,
  .has-app-ui .metric-top { display: none !important; }
  .has-app-ui .metric-number { font-size: 40px !important; line-height: 1 !important; letter-spacing: -.05em !important; }
  .has-app-ui .metric-copy { gap: 6px; margin-top: 10px; }
  .has-app-ui .metric-label { font-size: 10px; letter-spacing: .12em; }
  .has-app-ui .metric-description { font-size: 12.5px; line-height: 1.45; }

  .has-app-ui .scroll-showcase { padding-inline: 12px; }
  .has-app-ui .scroll-showcase-frame { border-radius: 22px; overflow: hidden; }
  .has-app-ui .scroll-showcase-copy h2 { font-size: 34px !important; line-height: 1.04 !important; }

  /* Ana sayfa proje bölümü açılırsa: yana kaydırmalı kartlar */
  .has-app-ui.page-home .selected-grid {
    display: flex !important;
    gap: 12px;
    margin: 0 calc(-1 * var(--gutter));
    padding: 2px var(--gutter) 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--gutter);
    scrollbar-width: none;
  }
  .has-app-ui.page-home .selected-grid::-webkit-scrollbar { display: none; }
  .has-app-ui.page-home .selected-grid .project-card { flex: 0 0 78%; width: 78%; margin: 0 !important; scroll-snap-align: start; grid-column: auto !important; }

  /* Kartların ortak görünümü */
  .has-app-ui .project-card .project-media { aspect-ratio: 4 / 5; height: auto !important; border-radius: var(--card-radius); overflow: hidden; }
  .has-app-ui .project-card .project-media img { width: 100%; height: 100%; object-fit: cover; }
  .has-app-ui .project-card .project-overlay { display: none; }
  .has-app-ui .project-card .project-info { display: block !important; margin-top: 0 !important; padding: 11px 2px 0 !important; }
  .has-app-ui .project-card .project-index { display: none; }
  .has-app-ui main .project-card .project-name { margin: 0; font-size: 16px !important; font-weight: 650; line-height: 1.25 !important; letter-spacing: -.01em !important; }
  .has-app-ui .project-card .project-meta { display: block; margin-top: 4px; color: var(--app-muted); font-size: 11px; letter-spacing: .06em; white-space: normal; }

  /* ------------------------------------------------------------ kapanış çağrısı */
  .has-app-ui .closing-cta { padding: 16px 0 40px !important; background: var(--app-paper) !important; }
  .has-app-ui .closing-cta > .container { width: calc(100% - 24px) !important; }
  .has-app-ui .closing-cta-main {
    display: block !important;
    padding: 26px 22px 22px !important;
    border-radius: 24px !important;
    background: var(--app-surface) !important;
    box-shadow: inset 0 0 0 1px var(--app-line), 0 18px 40px -26px rgba(18, 20, 25, .35) !important;
  }
  .has-app-ui .closing-cta-overline { margin-bottom: 14px !important; color: var(--app-olive); font-size: 10.5px; }
  .has-app-ui .closing-cta .cta-title { margin: 0 !important; color: var(--app-ink) !important; }
  .has-app-ui .closing-cta-copy,
  .has-app-ui .closing-cta-action,
  .has-app-ui .closing-cta-subtitle { justify-self: stretch !important; align-self: auto !important; }
  .has-app-ui .closing-cta-action {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin-top: 12px;
    padding: 0 !important;
  }
  .has-app-ui .closing-cta-subtitle { max-width: none !important; margin: 0 0 18px !important; color: var(--app-muted) !important; font-size: 16px !important; text-align: left !important; }
  .has-app-ui .closing-cta .closing-cta-button,
  .has-app-ui .closing-cta .header-cta.closing-cta-button {
    display: flex !important;
    width: 100%;
    justify-content: space-between;
    min-height: 54px;
    padding: 6px 6px 6px 20px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--app-ink) !important;
    color: #f7f5ef !important;
    font-size: 14.5px !important;
    font-weight: 650;
  }
  .has-app-ui .closing-cta .closing-cta-button .arrow { flex: 0 0 42px; width: 42px !important; height: 42px !important; border: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, .14) !important; color: #f7f5ef !important; }
  .has-app-ui .closing-cta .closing-cta-button { align-items: center; gap: 12px; }
  .has-app-ui .closing-cta .closing-cta-button > span:first-child { flex: 1 1 auto; min-width: 0; white-space: normal; line-height: 1.25; text-align: left; }

  /* ------------------------------------------------------------ projeler */
  .has-app-ui .feature-projects { padding: 4px 0 30px; }
  .has-app-ui .feature-project { flex: 0 0 84%; display: block !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: start; border: 0 !important; }
  .has-app-ui .feature-project .feature-project-media { aspect-ratio: 4 / 5; height: auto !important; border-radius: var(--app-radius); overflow: hidden; }
  .has-app-ui .feature-project img { width: 100%; height: 100% !important; object-fit: cover; }
  .has-app-ui .feature-project-copy { padding: 12px 2px 0 !important; }
  .has-app-ui .feature-project p,
  .has-app-ui .feature-project .text-link { display: none; }
  .has-app-ui main .feature-project h2 { margin: 6px 0 0; font-size: 20px !important; line-height: 1.2 !important; }
  .has-app-ui .feature-project .meta { font-size: 10px; }

  .has-app-ui .project-archive.section { padding-top: 30px; }
  .has-app-ui .project-archive .collection-head { display: block !important; }
  .has-app-ui .collection-tools { display: flex; justify-content: space-between; justify-self: stretch !important; width: 100%; margin-top: 8px; }
  .has-app-ui .collection-count { color: var(--app-muted); font-size: 12px; }
  .has-app-ui .archive-filters {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 14px calc(-1 * var(--gutter)) 0;
    padding: 0 var(--gutter) 4px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .has-app-ui .archive-filters::-webkit-scrollbar { display: none; }
  .has-app-ui .archive-filter { flex: 0 0 auto; min-height: 38px; padding: 0 14px; font-size: 13px; }
  .has-app-ui .archive-grid { grid-template-columns: 1fr 1fr !important; gap: 24px 12px !important; }
  .has-app-ui main .archive-grid .project-name { font-size: 14.5px !important; }
  .has-app-ui .archive-grid .project-meta { font-size: 10.5px; }

  /* ------------------------------------------------------------ proje detayı */
  .has-app-ui .detail-hero { height: 72svh; min-height: 460px; max-height: 640px; }
  .has-app-ui .detail-back { display: none; }
  .has-app-ui .detail-hero-content { left: var(--gutter) !important; right: var(--gutter) !important; bottom: 26px; }
  .has-app-ui main h1.detail-title { font-size: 42px !important; line-height: 1 !important; color: #fff; }
  .has-app-ui .detail-intro { display: block; }
  .has-app-ui .detail-intro-copy { margin-bottom: 0 !important; }
  .has-app-ui .detail-intro-copy > p:first-of-type { font-size: 19px !important; line-height: 1.45 !important; letter-spacing: -.015em !important; }
  .has-app-ui .detail-intro-copy > p { font-size: 16px; line-height: 1.65; }
  .has-app-ui .detail-facts { margin-top: 24px; border-top: 1px solid var(--app-line) !important; }
  .has-app-ui .detail-facts .fact { grid-template-columns: 110px 1fr; padding-block: 13px; }
  .has-app-ui .sticky-story { display: block; }
  .has-app-ui .sticky-copy { position: static !important; padding: 0 !important; }
  .has-app-ui .sticky-copy .section-title { font-size: 26px !important; margin-bottom: 16px !important; }
  .has-app-ui .sticky-media { display: grid !important; grid-template-columns: 1fr !important; margin-top: 24px; gap: 10px !important; }
  .has-app-ui .gallery-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .has-app-ui .gallery-grid figure { grid-column: auto !important; margin: 0 !important; aspect-ratio: 4 / 5 !important; border-radius: var(--app-radius-sm); }
  .has-app-ui .gallery-grid .gallery-full,
  .has-app-ui .gallery-grid .gallery-inset { grid-column: 1 / -1 !important; aspect-ratio: 4 / 3 !important; }
  .has-app-ui .gallery-grid figcaption { display: none; }
  .has-app-ui .gallery-section .collection-count { display: none; }
  .has-app-ui .detail-pager-section { padding-top: 0; }
  .has-app-ui .project-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border: 0 !important; }
  .has-app-ui .project-pager a,
  .has-app-ui .project-pager a:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    min-height: 108px;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 18px;
    background: var(--app-surface);
    box-shadow: inset 0 0 0 1px var(--app-line);
    text-align: left !important;
  }
  .has-app-ui main .project-pager strong { margin: 0; font-size: 16px !important; line-height: 1.25 !important; }

  /* ------------------------------------------------------------ hakkımızda: ilkeler ve zaman çizgisi */
  .has-app-ui .value-row { grid-template-columns: 34px minmax(0, 1fr) !important; gap: 6px 10px !important; min-height: 0 !important; padding: 20px 0 !important; align-items: start !important; }
  .has-app-ui .value-row .number { padding-top: 5px; font-size: 10.5px; }
  .has-app-ui main .value-row h3 { font-size: 20px !important; line-height: 1.25 !important; letter-spacing: -.02em !important; }
  .has-app-ui .value-row p { grid-column: 2; margin: 0 !important; font-size: 15px; line-height: 1.55; }

  /* ------------------------------------------------------------ journal ve basın listeleri */
  .has-app-ui .press-feature { display: block; padding-bottom: 0; border-radius: 22px; overflow: hidden; background: var(--app-surface); box-shadow: inset 0 0 0 1px var(--app-line); }
  .has-app-ui .press-feature-media { aspect-ratio: 16 / 11; height: auto !important; border-radius: 0 !important; }
  .has-app-ui .press-feature-media img { width: 100%; height: 100%; object-fit: cover; }
  .has-app-ui .press-feature-copy { padding: 16px 16px 18px; }
  .has-app-ui main .press-feature-copy h2 { font-size: 23px !important; }
  .has-app-ui .press-feature-copy p { font-size: 15px; line-height: 1.5; }
  .has-app-ui .press-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; }
  .has-app-ui .press-grid .press-card {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr);
    grid-auto-rows: auto;
    column-gap: 14px;
    row-gap: 4px;
    align-items: start;
    min-height: 0;
    padding: 14px 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--app-line);
  }
  .has-app-ui .press-grid .press-card > * { grid-column: 2; margin: 0 !important; }
  .has-app-ui .press-grid .press-card > .meta { grid-row: 1; }
  .has-app-ui .press-grid .press-card > h3 { grid-row: 2; }
  .has-app-ui .press-grid .press-card > p { grid-row: 3; }
  .has-app-ui .press-grid .press-card .press-card-media {
    grid-column: 1;
    grid-row: 1 / span 3;
    width: 92px;
    height: 92px !important;
    aspect-ratio: 1;
    border-radius: 14px !important;
    overflow: hidden;
  }
  .has-app-ui .press-grid .press-card-media img { width: 100%; height: 100%; object-fit: cover; }
  .has-app-ui main .press-grid .press-card h3 { font-size: 16px !important; line-height: 1.3 !important; }
  .has-app-ui .press-grid .press-card p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--app-muted); font-size: 13px; line-height: 1.45; }
  .has-app-ui .press-grid .press-card .meta { font-size: 9.5px; line-height: 1.4; }
  .has-app-ui .press-grid .press-card .text-link { display: none; }

  /* ------------------------------------------------------------ yazı ve basın sayfası */
  .has-app-ui .article-hero { padding-top: 22px; }
  .has-app-ui .article-hero-grid { display: block; }
  .has-app-ui main .article-heading h1 { font-size: 32px !important; line-height: 1.08 !important; }
  .has-app-ui .article-cover { margin-inline: 12px; border-radius: 22px; overflow: hidden; }
  .has-app-ui .press-detail-cover { width: calc(100% - 24px) !important; }
  .has-app-ui .article-layout { display: block; }
  .has-app-ui .article-aside,
  .has-app-ui .article-back { display: none !important; }
  .has-app-ui .article-body > p,
  .has-app-ui .article-body p { font-size: 17px; line-height: 1.72; }

  /* ------------------------------------------------------------ formlar */
  .has-app-ui main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  .has-app-ui main select,
  .has-app-ui main textarea {
    min-height: 50px;
    padding: 13px 14px !important;
    border: 1px solid rgba(18, 20, 25, .14) !important;
    border-radius: 14px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    color: var(--app-ink);
    font-size: 16px !important;
    line-height: 1.35 !important;
  }
  .has-app-ui main select { padding-right: 38px !important; }
  .has-app-ui main textarea { min-height: 128px; }
  .has-app-ui main input:not([type="checkbox"]):not([type="radio"]):focus,
  .has-app-ui main select:focus,
  .has-app-ui main textarea:focus {
    border-color: var(--app-ink) !important;
    box-shadow: 0 0 0 3px rgba(18, 20, 25, .08) !important;
    outline: none;
  }
  .has-app-ui main .field { margin-bottom: 4px; }
  .has-app-ui main .field label { margin-bottom: 7px; }
  .has-app-ui main .submit-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px;
    margin-top: 18px;
    padding: 6px 6px 6px 20px !important;
    font-size: 15px !important;
  }
  .has-app-ui main .submit-button[disabled] { opacity: .6; }
  .has-app-ui .contact-luxe-hero { min-height: 0 !important; padding-bottom: 6px; }
  .has-app-ui .contact-luxe-hero-inner { display: block !important; min-height: 0; padding-top: 30px !important; padding-bottom: 30px !important; }
  .has-app-ui .contact-luxe-rail { display: none; }
  .has-app-ui .contact-luxe-head h1 { margin: 18px 0 22px !important; font-size: 36px !important; }
  .has-app-ui .contact-luxe-head-bottom { display: grid; gap: 14px; }
  .has-app-ui .contact-luxe-location { text-align: left; }
  .has-app-ui .contact-luxe-section { padding-block: 36px 40px !important; }
  .has-app-ui .contact-luxe-grid { display: block !important; }
  .has-app-ui .contact-luxe-aside-title { padding-bottom: 20px !important; }
  .has-app-ui .contact-luxe-aside-title p { font-size: 18px !important; }
  .has-app-ui .contact-luxe-details { display: grid; gap: 8px; border: 0 !important; }
  .has-app-ui .contact-luxe-detail {
    padding: 14px 44px 14px 16px !important;
    border: 0 !important;
    border-radius: 16px;
    background: var(--app-surface);
    box-shadow: inset 0 0 0 1px var(--app-line);
  }
  .has-app-ui .contact-luxe-detail i { right: 16px !important; bottom: auto !important; top: 50%; transform: translateY(-50%); }
  .has-app-ui .contact-luxe-form-panel { margin-top: 26px; padding: 22px 16px !important; border: 0 !important; border-radius: 22px; background: var(--app-surface); box-shadow: inset 0 0 0 1px var(--app-line); }
  .has-app-ui .contact-luxe-form-panel h2 { margin-top: 12px !important; }
  .has-app-ui .contact-luxe-fields { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .has-app-ui .contact-luxe-submit-row { display: block; }
  .has-app-ui .contact-luxe-submit-row small { display: block; margin-bottom: 4px; }
  .has-app-ui .contact-luxe-map-head { display: flex !important; flex-direction: row !important; align-items: center; justify-content: space-between; margin-bottom: 14px !important; }
  .has-app-ui .contact-luxe-map-wrap { height: 300px !important; border-radius: 20px !important; width: calc(100% - 24px) !important; }
  .has-app-ui .project-brief-grid { display: block; }
  .has-app-ui .project-brief-copy { position: static !important; width: auto !important; max-width: none !important; margin-bottom: 22px; }
  .has-app-ui .project-brief-copy .section-title { max-width: none !important; }
  .has-app-ui .project-brief-form-panel { padding: 20px 16px !important; border-radius: 22px !important; }
  .has-app-ui .project-brief-form-panel .rio-dynamic-form { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }
  .has-app-ui .project-brief-form-panel .rio-dynamic-form > * { grid-column: 1 !important; }
  .has-app-ui .faq-item summary { min-height: 56px; font-size: 16px; }

  /* ------------------------------------------------------------ alt bilgi */
  .has-app-ui .site-footer { padding: 0 var(--gutter) calc(var(--app-dock-space) + 6px) !important; }
  .has-app-ui .site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px 20px !important;
    padding: 40px 0 26px !important;
  }
  .has-app-ui .site-footer .footer-grid > .footer-studio,
  .has-app-ui .site-footer .footer-grid > .footer-business { grid-column: 1 / -1 !important; }
  .has-app-ui .site-footer .footer-grid > div:nth-child(2) { display: none; }
  .has-app-ui .site-footer .footer-grid > div:nth-child(3) { grid-column: 1 / -1 !important; }
  .has-app-ui .footer-address { font-size: 14px !important; }
  .has-app-ui .footer-contact-links { font-size: 13px !important; }
  .has-app-ui .footer-certification-mini { margin-top: 20px !important; gap: 12px !important; }
  .has-app-ui .footer-certification-mini span { max-width: 32ch !important; font-size: 11px !important; color: rgba(255, 255, 255, .58) !important; }
  .has-app-ui .footer-social-links { display: flex !important; flex-wrap: wrap; gap: 8px !important; }
  .has-app-ui .footer-hours-grid { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 20px; }
  .has-app-ui .footer-hours-grid > div { min-height: 34px !important; padding-block: 6px !important; font-size: 11.5px !important; }
  .has-app-ui .site-footer .footer-utility-row { grid-template-columns: 1fr !important; gap: 10px !important; padding: 16px 0 6px !important; }
  .has-app-ui .site-footer .footer-utility-row .footer-legal-links { display: flex !important; flex-wrap: wrap; justify-content: flex-start !important; gap: 8px 16px !important; }
  .has-app-ui .site-footer .footer-wordmark { margin-top: 18px !important; font-size: 23vw !important; }

  /* Hareket: telefonda daha kısa ve hafif */
  .has-app-ui .js .reveal,
  .js .has-app-ui .reveal { transition-duration: .7s, .9s; }
}

@media (max-width: 380px) {
  .has-app-ui main h1,
  .has-app-ui main .display,
  .has-app-ui main .display-medium { font-size: 31px !important; }
  .has-app-ui.page-home .hero .hero-title { font-size: 38px !important; }
  .has-app-ui .app-tab { font-size: 10px; }
  .has-app-ui .archive-filter { padding: 0 12px; font-size: 12.5px; }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .has-app-ui .app-tabbar,
  .has-app-ui .mobile-menu,
  .has-app-ui .app-scrim,
  .has-app-ui .app-title,
  .has-app-ui .site-header .brand { transition: none !important; }
}