/* ==========================================================================
   Projelerimiz (liste) — 2026-10-19 anasayfa tasarım dili · önek cxp-pj-
   bandın altına binen süzgeç çubuğu (hap sekmeler) · öne çıkan proje kartı · köşe kurdeleli proje kartları
   "Projeler Sayılarla" halka sayaçları (lacivert fotoğraflı kutu) · açık turuncu öneri çağrısı
   Jetonlar: cxp-base.css (body.cx-inner--hero → --ax-*). Bandın kendisine (.cxp-hero*) dokunulmaz.
   ========================================================================== */
.cxp-pj { padding-bottom: 20px; }
.cxp-pj .ax-H { font-size: calc(42px * var(--ax-fz, 1)); }
.cxp-pj .ax-sh p { font-size: calc(15.5px * var(--ax-fz, 1)); }
.cxp-pj .ax-pl em, .cxp-pj-pl em { font-style: normal; min-width: 24px; height: 22px; padding: 0 7px; border-radius: calc(7px * var(--ax-rs, 1)); display: inline-grid; place-items: center; background: var(--ax-bg); font-size: calc(11px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-navy); }

/* ── Süzgeç çubuğu (bandın altına biner) ──────────────────────────────── */
.cxp-pj-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px; background: #fff; border-radius: calc(26px * var(--ax-rs, 1)); box-shadow: 0 30px 60px -30px rgba(20, 32, 70, .5); }
.cxp-pj-pills { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0; }
.cxp-pj-pl { position: relative; display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 16px 0 18px; border-radius: calc(16px * var(--ax-rs, 1)); background: var(--ax-bg); font-size: calc(13px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--ax-navy); white-space: nowrap; transition: background .2s, color .2s; }
.cxp-pj-pl > i { font-size: calc(14px * var(--ax-fz, 1)); color: var(--ax-or); }
.cxp-pj-pl em { background: #fff; }
.cxp-pj-pl:hover { background: #e9edf5; }
.cxp-pj-pl__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--ax-muted, #8a93a8); box-shadow: 0 0 0 4px rgba(138, 147, 168, .18); }
.cxp-pj-pl--devam .cxp-pj-pl__dot { background: #4f9d3f; box-shadow: 0 0 0 4px rgba(79, 157, 63, .18); }
.cxp-pj-pl--plan .cxp-pj-pl__dot { background: var(--ax-or); box-shadow: 0 0 0 4px rgba(244, 123, 32, .18); }
.cxp-pj-pl--biten .cxp-pj-pl__dot { background: var(--ax-c1b, #1679b8); box-shadow: 0 0 0 4px rgba(22, 121, 184, .18); }
.cxp-pj-pl.is-on { background: var(--ax-or); color: #fff; }
.cxp-pj-pl.is-on > i { color: #fff; }
.cxp-pj-pl.is-on em { background: rgba(255, 255, 255, .25); color: #fff; }
.cxp-pj-pl.is-on .cxp-pj-pl__dot { background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, .25); }
.cxp-pj-pl.is-on::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 13px; height: 13px; background: var(--ax-or); transform: translateX(-50%) rotate(45deg); border-radius: calc(2px * var(--ax-rs, 1)); }

.cxp-pj-tools { flex: none; display: flex; align-items: center; gap: 10px; }
.cxp-pj-find { position: relative; width: 230px; }
.cxp-pj-find i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: calc(14px * var(--ax-fz, 1)); color: var(--ax-or); pointer-events: none; }
.cxp-pj-find input { width: 100%; height: 50px; padding: 0 16px 0 42px; border: 1.5px solid var(--ax-line); border-radius: calc(16px * var(--ax-rs, 1)); background: #fff; font: inherit; font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 600; color: var(--ax-ink); -webkit-appearance: none; appearance: none; transition: border-color .2s, box-shadow .2s; }
.cxp-pj-find input::placeholder { color: #98a1b4; }
.cxp-pj-find input:focus { outline: 0; border-color: var(--ax-or); box-shadow: 0 0 0 4px rgba(244, 123, 32, .14); }
.cxp-pj-find input::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
.cxp-pj-sort .cxp-in { width: 160px; height: 50px; border-radius: calc(16px * var(--ax-rs, 1)); font-size: calc(13.5px * var(--ax-fz, 1)); font-weight: 700; color: var(--ax-navy); }
.cxp-pj-vt { display: flex; gap: 6px; padding: 5px; border-radius: calc(16px * var(--ax-rs, 1)); background: var(--ax-bg); }
.cxp-pj-vt button { width: 40px; height: 40px; border: 0; border-radius: calc(12px * var(--ax-rs, 1)); display: grid; place-items: center; background: transparent; color: var(--ax-muted); font-size: calc(14px * var(--ax-fz, 1)); cursor: pointer; transition: background .2s, color .2s; }
.cxp-pj-vt button:hover { color: var(--ax-navy); }
.cxp-pj-vt button.is-on { background: var(--ax-navy); color: #fff; }

/* ── Köşe kurdelesi (anasayfa .ax-rib ile aynı dil) ───────────────────── */
.cxp-pj-rib { position: absolute; z-index: 2; right: -46px; top: 26px; width: 190px; padding: 7px 0; transform: rotate(38deg); text-align: center; font-size: calc(11px * var(--ax-fz, 1)); font-weight: 900; letter-spacing: .12em; color: #fff; box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .5); }
.cxp-pj-rib--devam { background: #4f9d3f; } .cxp-pj-rib--plan { background: var(--ax-or); } .cxp-pj-rib--biten { background: var(--ax-c1b, #1679b8); }
.cxp-pj-rib--lg { right: -52px; top: 34px; width: 230px; padding: 9px 0; font-size: calc(12.5px * var(--ax-fz, 1)); }

/* ── Öne çıkan proje ──────────────────────────────────────────────────── */
.cxp-pj-spot { padding-top: 56px; }
.cxp-pj-spot__c { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); padding: 16px; border-radius: calc(34px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 24px 50px -34px rgba(20, 32, 70, .5); }
.cxp-pj-spot__img { position: relative; display: block; min-height: 420px; overflow: hidden; border-radius: calc(24px * var(--ax-rs, 1)); background: #152346; }
.cxp-pj-spot__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.cxp-pj-spot__c:hover .cxp-pj-spot__img img { transform: scale(1.03); }
.cxp-pj-spot__tx { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: 36px 40px 36px 50px; }
.cxp-pj-spot__w { position: absolute; right: -80px; bottom: -70px; width: 460px; height: 250px; color: #e9edf5; pointer-events: none; }
.cxp-pj-kick { position: relative; display: flex; align-items: center; gap: 12px; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--ax-or); }
.cxp-pj-kick::before { content: ""; width: 30px; height: 5px; border-radius: calc(5px * var(--ax-rs, 1)); background: var(--ax-or); }
.cxp-pj-spot__tx h2 { position: relative; margin: 16px 0 0; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(34px * var(--ax-fzh, 1)); line-height: 1.12; text-transform: var(--ax-tt, uppercase); color: var(--ax-navy); }
.cxp-pj-spot__tx h2 a:hover { color: var(--ax-or2); }
.cxp-pj-spot__chips { position: relative; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.cxp-pj-spot__chips li { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 13px; border-radius: calc(11px * var(--ax-rs, 1)); background: var(--ax-bg); font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 700; color: var(--ax-ink); }
.cxp-pj-spot__chips i { font-size: calc(12px * var(--ax-fz, 1)); color: var(--ax-or); }
.cxp-pj-spot__chips li.is-devam { background: #e3f3dc; color: #3b7f2b; } .cxp-pj-spot__chips li.is-devam i { color: #3b7f2b; }
.cxp-pj-spot__chips li.is-plan { background: var(--ax-orl); color: var(--ax-orink, #c25a0c); }
.cxp-pj-spot__chips li.is-biten { background: var(--ax-c1l, #e2f1fb); color: #11699c; } .cxp-pj-spot__chips li.is-biten i { color: #11699c; }
.cxp-pj-spot__tx p { position: relative; margin: 20px 0 0; font-size: calc(15.5px * var(--ax-fz, 1)); line-height: 1.7; color: var(--ax-text); }
.cxp-pj-spot__b { position: relative; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.cxp-pj-spot__b .cxp-btn { height: 52px; padding: 0 24px; text-transform: uppercase; letter-spacing: .04em; }

/* ── Liste ────────────────────────────────────────────────────────────── */
.cxp-pj-list { padding-top: 76px; }
.cxp-pj-years { display: flex; flex-wrap: wrap; gap: 8px; }
.cxp-pj-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.cxp-pj-grid--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cxp-pj-grid--n2 .cxp-pj-c__img { height: 300px; }
.cxp-pj-grid--n1 { grid-template-columns: minmax(0, 1fr); }
.cxp-pj-grid--n1 .cxp-pj-c { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 10px; }
.cxp-pj-grid--n1 .cxp-pj-c__img { height: 320px; }
.cxp-pj-grid--n1 .cxp-pj-c__tx { padding: 24px 20px 10px 28px; }
.cxp-pj-c { position: relative; display: flex; flex-direction: column; padding: 14px; border-radius: calc(30px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 20px 44px -34px rgba(20, 32, 70, .5); transition: transform .25s, box-shadow .25s; }
.cxp-pj-c:hover { transform: translateY(-4px); box-shadow: 0 28px 50px -32px rgba(20, 32, 70, .55); }
.cxp-pj-c__img { position: relative; display: grid; place-items: center; height: 250px; overflow: hidden; border-radius: calc(20px * var(--ax-rs, 1)); background: #152346; }
.cxp-pj-c__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.cxp-pj-c:hover .cxp-pj-c__img img { transform: scale(1.04); }
.cxp-pj-c__img.is-logo, .cxp-pj-c__img.is-empty { background: radial-gradient(circle at 30% 25%, #2f6fd0, var(--ax-navy, #1f3263) 72%); }
.cxp-pj-c__img.is-logo img { width: 118px; height: 118px; border-radius: 50%; object-fit: contain; background: #fff; box-shadow: 0 0 0 10px rgba(255, 255, 255, .1); }
.cxp-pj-c:hover .cxp-pj-c__img.is-logo img { transform: none; }
.cxp-pj-c__img.is-empty > i { font-size: calc(54px * var(--ax-fz, 1)); color: rgba(255, 255, 255, .4); }
.cxp-pj-c__tx { flex: 1; display: flex; flex-direction: column; padding: 20px 10px 6px; }
.cxp-pj-c__k { font-size: calc(12px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ax-muted); }
.cxp-pj-c__tx h3 { margin: 8px 0 0; font-size: calc(18.5px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.35; color: var(--ax-ink); }
.cxp-pj-c__tx h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: calc(30px * var(--ax-rs, 1)); }
.cxp-pj-c__d { margin: 10px 0 0; font-size: calc(14px * var(--ax-fz, 1)); line-height: 1.6; color: var(--ax-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cxp-pj-c__f { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 18px; }
.cxp-pj-c__m { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.cxp-pj-c__m li { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 11px; border-radius: calc(10px * var(--ax-rs, 1)); background: var(--ax-bg); font-size: calc(12px * var(--ax-fz, 1)); font-weight: 700; color: var(--ax-ink); }
.cxp-pj-c__m i { font-size: calc(11.5px * var(--ax-fz, 1)); color: var(--ax-or); }
.cxp-pj-c__go { flex: none; width: 50px; height: 50px; border-radius: calc(16px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-navy); color: #fff; font-size: calc(17px * var(--ax-fz, 1)); transition: background .2s; }
.cxp-pj-c:hover .cxp-pj-c__go { background: var(--ax-or); }

/* liste görünümü */
.cxp-pj-grid[data-view="list"] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
.cxp-pj-grid[data-view="list"] .cxp-pj-c { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 10px; }
.cxp-pj-grid[data-view="list"] .cxp-pj-c__img { height: 230px; }
.cxp-pj-grid[data-view="list"] .cxp-pj-c__tx { padding: 18px 18px 8px 24px; }
.cxp-pj-grid[data-view="list"] .cxp-pj-c__tx h3 { font-size: calc(22px * var(--ax-fz, 1)); }
.cxp-pj-grid[data-view="list"] .cxp-pj-c__d { -webkit-line-clamp: 3; font-size: calc(14.5px * var(--ax-fz, 1)); }

/* ── Projeler sayılarla ───────────────────────────────────────────────── */
.cxp-pj-say { padding-top: 90px; }
.cxp-pj-say__box { position: relative; overflow: hidden; isolation: isolate; padding: 54px 60px 60px; border-radius: calc(40px * var(--ax-rs, 1)); background: var(--ax-navy2); color: #fff; }
.cxp-pj-say__bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.cxp-pj-say__box::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(22, 37, 80, .97) 0%, rgba(31, 50, 99, .9) 50%, rgba(31, 50, 99, .74) 100%); }
.cxp-pj-say__w { position: absolute; z-index: -1; right: -40px; top: -20px; width: 620px; height: 330px; color: #fff; opacity: .12; pointer-events: none; }
.cxp-pj-say__h { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 42px; }
.cxp-pj-say .ax-H { color: #fff; font-size: calc(44px * var(--ax-fz, 1)); }
.cxp-pj-say__h p { max-width: 460px; margin: 0; font-size: calc(15px * var(--ax-fz, 1)); line-height: 1.6; color: #c3cde4; }
.cxp-pj-say__g { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.cxp-pj-say__g--n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cxp-pj-say__g--n3, .cxp-pj-say__g--n2, .cxp-pj-say__g--n1 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cxp-pj-sy { padding: 26px 16px 24px; border-radius: calc(26px * var(--ax-rs, 1)); text-align: center; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: transform .25s, background .25s; }
.cxp-pj-sy:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .11); }
.cxp-pj-sy__r { position: relative; display: block; width: 100px; height: 100px; margin: 0 auto; }
.cxp-pj-sy__r svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.cxp-pj-sy__r circle { fill: none; stroke-width: 6; }
.cxp-pj-sy__r .t { stroke: rgba(255, 255, 255, .14); }
.cxp-pj-sy__r .a { stroke: var(--ax-or, #f47b20); stroke-linecap: round; }
.cxp-pj-sy--devam .cxp-pj-sy__r .a { stroke: #7cc96a; }
.cxp-pj-sy--biten .cxp-pj-sy__r .a { stroke: #4fb3ec; }
.cxp-pj-sy__r i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: calc(30px * var(--ax-fz, 1)); color: var(--ax-orlt, #ffb27a); }
.cxp-pj-sy b { display: block; margin-top: 16px; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(44px * var(--ax-fzh, 1)); line-height: 1; }
.cxp-pj-sy small { display: block; margin-top: 8px; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 700; color: #c3cde4; }
.cxp-pj-sy em { display: inline-block; margin-top: 10px; padding: 4px 10px; border-radius: calc(8px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .1); font-size: calc(11.5px * var(--ax-fz, 1)); font-style: normal; font-weight: 700; letter-spacing: .04em; color: #ffcfa8; }

/* ── Öneri çağrısı ────────────────────────────────────────────────────── */
.cxp-pj-cta { padding-top: 90px; }
.cxp-pj-cta__box { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 50px; align-items: center; padding: 54px 60px; border-radius: calc(40px * var(--ax-rs, 1)); background: linear-gradient(120deg, #fff4ea, #ffe1c9); }
.cxp-pj-cta__w { position: absolute; left: -60px; bottom: -60px; width: 620px; height: 330px; color: #f7c39b; opacity: .3; pointer-events: none; }
.cxp-pj-cta__tx { position: relative; }
.cxp-pj-cta .ax-H .or { color: var(--ax-or); }
.cxp-pj-cta__tx p { margin: 18px 0 0; max-width: 520px; font-size: calc(16px * var(--ax-fz, 1)); line-height: 1.65; color: #6b5a4c; }
.cxp-pj-cta__a { position: relative; display: grid; gap: 14px; }
.cxp-pj-act { display: flex; align-items: center; gap: 16px; padding: 16px 20px 16px 16px; border-radius: calc(22px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 20px 40px -26px rgba(140, 70, 20, .45); transition: transform .2s; }
.cxp-pj-act:hover { transform: translateX(4px); }
.cxp-pj-act__ic { flex: none; width: 58px; height: 58px; border-radius: calc(18px * var(--ax-rs, 1)); display: grid; place-items: center; color: #fff; font-size: calc(22px * var(--ax-fz, 1)); }
.cxp-pj-act__ic--or { background: linear-gradient(150deg, var(--ax-or3, #ff9545), var(--ax-or2, #e8650f)); }
.cxp-pj-act__ic--nv { background: linear-gradient(150deg, var(--ax-navy3, #2a4078), var(--ax-navy, #1f3263)); }
.cxp-pj-act__tx { flex: 1; min-width: 0; line-height: 1.3; }
.cxp-pj-act__tx b { display: block; font-family: var(--ax-head); font-size: calc(16px * var(--ax-fzh, 1)); font-weight: 800; text-transform: var(--ax-tt, uppercase); color: var(--ax-navy); }
.cxp-pj-act__tx small { display: block; margin-top: 4px; font-size: calc(13px * var(--ax-fz, 1)); color: var(--ax-muted); }
.cxp-pj-act > i { flex: none; width: 40px; height: 40px; border-radius: calc(12px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-orl); color: var(--ax-or); font-size: calc(14px * var(--ax-fz, 1)); }

/* ── Duyarlı ──────────────────────────────────────────────────────────── */
@media (max-width: 1280px) {
  .cxp-pj-bar { flex-direction: column; align-items: stretch; }
  .cxp-pj-tools { justify-content: flex-end; }
  .cxp-pj-say__g { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cxp-pj-say__g--n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cxp-pj-spot__tx { padding: 30px 26px 30px 36px; }
  .cxp-pj-spot__tx h2 { font-size: calc(28px * var(--ax-fzh, 1)); }
}
@media (max-width: 1100px) {
  .cxp-pj .ax-H { font-size: calc(36px * var(--ax-fz, 1)); }
  .cxp-pj-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .cxp-pj-grid--n1 { grid-template-columns: minmax(0, 1fr); }
  .cxp-pj-grid--n2 .cxp-pj-c__img { height: 250px; }
  .cxp-pj-spot__c { grid-template-columns: minmax(0, 1fr); }
  .cxp-pj-spot__img { min-height: 340px; }
  .cxp-pj-spot__tx { padding: 30px 18px 18px; }
  .cxp-pj-cta__box { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 44px 40px; }
  .cxp-pj-say__h { flex-direction: column; align-items: flex-start; gap: 16px; }
  .cxp-pj-grid[data-view="list"] .cxp-pj-c { grid-template-columns: 260px minmax(0, 1fr); }
}
@media (max-width: 800px) {
  .cxp-pj-say__box { padding: 36px 22px 26px; border-radius: calc(28px * var(--ax-rs, 1)); }
  .cxp-pj-say .ax-H { font-size: calc(32px * var(--ax-fz, 1)); }
  .cxp-pj-say__g, .cxp-pj-say__g--n5, .cxp-pj-say__g--n4, .cxp-pj-say__g--n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .cxp-pj-sy { padding: 20px 10px; }
  .cxp-pj-sy__r { width: 76px; height: 76px; }
  .cxp-pj-sy__r i { font-size: calc(23px * var(--ax-fz, 1)); }
  .cxp-pj-sy b { font-size: calc(34px * var(--ax-fzh, 1)); }
  .cxp-pj-tools { flex-wrap: wrap; justify-content: stretch; }
  .cxp-pj-find { flex: 1 1 100%; width: auto; }
  .cxp-pj-sort { flex: 1; }
  .cxp-pj-sort .cxp-in { width: 100%; }
}
@media (max-width: 640px) {
  .cxp-pj .ax-H { font-size: calc(28px * var(--ax-fz, 1)); }
  .cxp-pj-bar { padding: 10px; border-radius: calc(22px * var(--ax-rs, 1)); gap: 10px; }
  .cxp-pj-pills { flex-wrap: nowrap; overflow-x: auto; margin: -2px; padding: 2px 2px 10px; scrollbar-width: none; }
  .cxp-pj-pills::-webkit-scrollbar { display: none; }
  .cxp-pj-pl { flex: none; height: 44px; padding: 0 13px; font-size: calc(12px * var(--ax-fz, 1)); gap: 8px; }
  .cxp-pj-pl.is-on::after { display: none; }
  .cxp-pj-find input, .cxp-pj-sort .cxp-in { height: 46px; }
  .cxp-pj-vt { display: none; }
  .cxp-pj-spot { padding-top: 34px; }
  .cxp-pj-spot__c { padding: 10px; border-radius: calc(26px * var(--ax-rs, 1)); }
  .cxp-pj-spot__img { min-height: 230px; border-radius: calc(18px * var(--ax-rs, 1)); }
  .cxp-pj-spot__tx { padding: 24px 10px 12px; }
  .cxp-pj-spot__tx h2 { font-size: calc(23px * var(--ax-fzh, 1)); }
  .cxp-pj-spot__tx p { font-size: calc(14.5px * var(--ax-fz, 1)); }
  .cxp-pj-spot__b .cxp-btn { flex: 1 1 100%; }
  .cxp-pj-list { padding-top: 54px; }
  .cxp-pj-grid, .cxp-pj-grid[data-view="list"] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .cxp-pj-grid[data-view="list"] .cxp-pj-c, .cxp-pj-grid--n1 .cxp-pj-c { display: flex; }
  .cxp-pj-c { padding: 10px; border-radius: calc(24px * var(--ax-rs, 1)); }
  .cxp-pj-c__img, .cxp-pj-grid--n1 .cxp-pj-c__img, .cxp-pj-grid--n2 .cxp-pj-c__img, .cxp-pj-grid[data-view="list"] .cxp-pj-c__img { height: 210px; border-radius: calc(16px * var(--ax-rs, 1)); }
  .cxp-pj-grid--n1 .cxp-pj-c__tx { padding: 20px 10px 6px; }
  .cxp-pj-c__tx h3 { font-size: calc(17px * var(--ax-fz, 1)); }
  .cxp-pj-say, .cxp-pj-cta { padding-top: 60px; }
  .cxp-pj-cta__box { padding: 34px 20px 24px; border-radius: calc(28px * var(--ax-rs, 1)); }
  .cxp-pj-act { padding: 12px 14px 12px 12px; gap: 12px; }
  .cxp-pj-act__ic { width: 48px; height: 48px; font-size: calc(19px * var(--ax-fz, 1)); border-radius: calc(15px * var(--ax-rs, 1)); }
}
@media (prefers-reduced-motion: reduce) {
  .cxp-pj-c, .cxp-pj-c__img img, .cxp-pj-spot__img img, .cxp-pj-sy, .cxp-pj-act { transition: none; }
}