/* Общие помощники каталога */
html, body, .pr-body { overflow-x: hidden; }

/* ====== SECTION 1: Arcflow ====== */
.c-sec-arcflow{ padding: 2.5rem 0 2.75rem; position: relative; }
.c-arcflow__grid{
  display:grid; gap:1.25rem;
  grid-template-columns: 1.05fr .95fr;
  align-items:start;
}
.c-arcflow__head .sec-title{ color: var(--pr-wood-1); }

.c-arc-rail{
  position:absolute; inset:auto 0 2rem 0; height: 140px;
  background:
    radial-gradient(60% 120% at 0% 50%, rgba(26,163,255,.18), transparent 60%) 0 0/20% 100% no-repeat,
    radial-gradient(60% 120% at 25% 50%, rgba(26,163,255,.12), transparent 60%) 0 0/20% 100% no-repeat,
    radial-gradient(60% 120% at 50% 50%, rgba(192,138,91,.18), transparent 60%) 0 0/20% 100% no-repeat,
    radial-gradient(60% 120% at 75% 50%, rgba(26,163,255,.12), transparent 60%) 0 0/20% 100% no-repeat,
    radial-gradient(60% 120% at 100% 50%, rgba(26,163,255,.18), transparent 60%) 0 0/20% 100% no-repeat;
  filter: blur(1px);
  pointer-events:none;
}

.c-arc-tiles{
  display:grid; gap:1rem;
  grid-template-columns: 1fr 1fr 1fr;
  align-items:start;
}
.c-arc-tile{
  background: var(--pr-white);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow);
  padding: .75rem;
  transition: transform .22s ease, box-shadow .22s ease;
  position: relative;
}
.c-arc-tile::before{
  content:""; position:absolute; left:14px; top:-10px; width:84px; height:16px;
  border-radius: 12px 12px 0 0;
  background: repeating-linear-gradient( 12deg, var(--pr-wood-2) 0 12px, var(--pr-wood-1) 12px 24px);
  box-shadow: 0 6px 14px rgba(0,0,0,.12);
}
.c-arc-tile:hover{ transform: translateY(-4px) rotate(-.3deg); box-shadow: 0 20px 44px rgba(15,40,70,.2); }
.c-arc-tile img{ aspect-ratio: 7/4; object-fit: cover; }

@media (max-width: 1024px){
  .c-arcflow__grid{ grid-template-columns: 1fr; }
  .c-arc-tiles{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
  .c-arc-tiles{ grid-template-columns: 1fr; }
  .c-arc-rail{ height: 100px; }
}

/* ====== SECTION 2: Kits board ====== */
.c-sec-kits{ padding: 2.75rem 0; position: relative; }
.c-kits__grid{
  display:grid; gap:1.25rem;
  grid-template-columns: 1.05fr .95fr;
  align-items:start;
}
.c-kits__head .sec-title{ color: var(--pr-blue-1); }

.c-kit{
  background: var(--pr-white);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow);
  padding: 1rem;
  transition: transform .22s ease, box-shadow .22s ease;
}
.c-kit:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(15,40,70,.18); }
.c-kit figure img{ aspect-ratio: 7/4; object-fit: cover; }

.c-kits__rope{
  position:absolute; inset:auto 0 -16px 0; height: 16px;
  background:
    radial-gradient(closest-side, #d9b38a 60%, transparent 62%) left/26px 100% repeat-x,
    linear-gradient(90deg, rgba(0,0,0,.12) 0 26px, transparent 26px);
  opacity:.65;
}

@media (max-width: 1024px){
  .c-kits__grid{ grid-template-columns: 1fr; }
}

/* ====== SECTION 3: Fitness ladder ====== */
.c-sec-fit{ padding: 2.75rem 0; }
.c-fit__grid{
  display:grid; gap:1.25rem;
  grid-template-columns: 1.1fr .9fr;
  align-items:start;
}
.c-stairs{
  display:grid; gap:.9rem;
  grid-template-columns: repeat(6, 1fr);
}
.c-step{
  background: var(--pr-white);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow);
  padding: .65rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.c-step:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(15,40,70,.18); }
.c-step img{ aspect-ratio: 7/4; object-fit: cover; }

.c-step--a{ grid-column: 1 / span 4; }
.c-step--b{ grid-column: 3 / span 4; }

.c-fit__aside h3{ margin:.1rem 0 .4rem; color: var(--pr-wood-1); font-family:"Prata", serif; }
.c-fit__aside p{ color: var(--pr-ink-dim); }

@media (max-width: 1024px){
  .c-fit__grid{ grid-template-columns: 1fr; }
}
@media (max-width: 720px){
  .c-stairs{ grid-template-columns: 1fr; }
  .c-step--a, .c-step--b{ grid-column: auto; }
}
/* ====== SECTION 4: Çapraz Atlas ====== */
.c-sec-atlas{ padding: 2.75rem 0; position: relative; }
.c-atlas__grid{ display:grid; gap:1.25rem; grid-template-columns: 1.1fr .9fr; align-items:start; }
@media (max-width: 1024px){ .c-atlas__grid{ grid-template-columns: 1fr; } }

.c-xrail{
  position:absolute; inset:auto 0 1.2rem 0; height: 2px;
  background: linear-gradient(90deg, rgba(26,163,255,.35), rgba(192,138,91,.35));
  opacity:.6;
}
.c-xgrid{
  --cols: 5;
  display:grid; gap: 1rem;
  grid-template-columns: repeat(var(--cols), 1fr);
  align-items:start;
}
.c-xcard{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .7rem; transition: transform .2s ease, box-shadow .2s ease;
}
.c-xcard:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(15,40,70,.18); }
.c-xcard img{ aspect-ratio: 7/4; object-fit: cover; }

/* диагональные позиции */
.c-xcard--a{ grid-column: 1 / span 3; }
.c-xcard--b{ grid-column: 2 / span 3; }
.c-xcard--c{ grid-column: 3 / span 3; }
@media (max-width: 820px){
  .c-xgrid{ --cols: 1; }
  .c-xcard--a, .c-xcard--b, .c-xcard--c{ grid-column: auto; }
}

/* ====== SECTION 5: Edge profiles ====== */
.c-sec-edges{ padding: 2.75rem 0; }
.c-edges__grid{ display:grid; gap:1.25rem; }
.c-edges{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem;
}
.c-edge-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.6rem; }
.edge-chip{
  padding:.5rem .85rem; border-radius:.75rem; border:0; cursor:pointer; font-weight:700;
  background: rgba(26,163,255,.12);
  transition: transform .15s ease;
}
.edge-chip.is-active{ background: rgba(26,163,255,.22); }
.edge-chip:hover{ transform: translateY(-2px); }

.c-edge-figs{ display:grid; gap:1rem; grid-template-columns: 1fr 1fr 1fr; }
.edge-card{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow); padding:.7rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.edge-card:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(15,40,70,.18); }
.edge-card img{ aspect-ratio: 7/4; object-fit: cover; }

.c-edge-notes .edge-note{ display:none; color: var(--pr-ink-dim); margin-top:.6rem; }
.c-edges[data-profile="bullnose"] .edge-note--bullnose{ display:block; }
.c-edges[data-profile="flat"]     .edge-note--flat{     display:block; }
.c-edges[data-profile="clip"]     .edge-note--clip{     display:block; }

@media (max-width: 980px){ .c-edge-figs{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px){ .c-edge-figs{ grid-template-columns: 1fr; } }

/* ====== SECTION 6: Media panel ====== */
.c-sec-media{ padding: 2.75rem 0; }
.c-media__grid{ display:grid; gap:1.25rem; }
.media-panel{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem;
}
.media-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.6rem; }
.m-chip{
  padding:.5rem .85rem; border-radius:.75rem; border:0; cursor:pointer; font-weight:700;
  background: rgba(192,138,91,.12);
}
.m-chip.is-active{ background: rgba(192,138,91,.22); }

.media-bars{ display:grid; gap:.6rem; margin:.2rem 0 .8rem; }
.mbar{ position:relative; height: 14px; background: rgba(0,0,0,.06); border-radius: 999px; }
.mbar-label{ position:absolute; left:8px; top:-1.3rem; font-size:.9rem; color: var(--pr-ink-dim); }
.mbar-fill{
  position:absolute; left:0; top:0; height:100%; width:0%; border-radius:999px; transition: width .35s ease;
}
.mbar-fill--hold{    background: linear-gradient(90deg, #9cc7ff, #1aa3ff); }
.mbar-fill--backwash{background: linear-gradient(90deg, #f2c79a, #c08a5b); }

/* state mapping */
.media-panel[data-media="sand"] .mbar-fill--hold{     width: 58%; }
.media-panel[data-media="sand"] .mbar-fill--backwash{ width: 62%; }

.media-panel[data-media="glass"] .mbar-fill--hold{     width: 66%; }
.media-panel[data-media="glass"] .mbar-fill--backwash{ width: 78%; }

.media-panel[data-media="cartridge"] .mbar-fill--hold{     width: 82%; }
.media-panel[data-media="cartridge"] .mbar-fill--backwash{ width: 36%; }

.c-media-figs{ display:flex; gap:1rem; flex-wrap:wrap; }
.media-notes{ margin-top:.4rem; }
.media-notes > summary{ cursor:pointer; font-weight:700; color: var(--pr-blue-1); }
/* ====== SECTION 7: Zigzag guide ====== */
.c-sec-zigzag{ padding: 2.75rem 0; }
.zz-grid{ display:grid; gap:1.25rem; }
.zz-head .sec-title{ color: var(--pr-wood-1); }
.zz-list{ position: relative; display:grid; gap:1rem; }
.zz-row{
  display:grid; gap:.8rem;
  grid-template-columns: 1fr 1fr;
  background: var(--pr-white);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow);
  padding:.9rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.zz-row:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(15,40,70,.18); }
.zz-col h3{ margin:.1rem 0 .4rem; color: var(--pr-blue-1); font-family:"Prata", serif; }
/* зигзаг перестановка */
.zz-row:nth-child(even) .zz-col--a{ order:2; }
.zz-row:nth-child(even) .zz-col--b{ order:1; }
.zz-figs{ display:flex; gap:1rem; flex-wrap:wrap; margin-top:.6rem; }
.zz-figs img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 880px){
  .zz-row{ grid-template-columns: 1fr; }
}

/* ====== SECTION 8: Match matrix ====== */
.c-sec-match{ padding: 2.75rem 0; }
.c-match__grid{ display:grid; gap:1.25rem; }
.c-match{
  background: var(--pr-white);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow);
  padding: 1rem;
}
.c-prof-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.6rem; }
.prof-chip{
  padding:.5rem .9rem; border-radius:.75rem; border:0; cursor:pointer; font-weight:700;
  background: rgba(26,163,255,.12);
  transition: transform .15s ease;
}
.prof-chip.is-active{ background: rgba(26,163,255,.22); }
.prof-chip:hover{ transform: translateY(-2px); }

.match-notes .note{ display:none; color: var(--pr-ink-dim); }
.c-match[data-state="aile"]   .note--aile{   display:block; }
.c-match[data-state="spor"]   .note--spor{   display:block; }
.c-match[data-state="estetik"] .note--estetik{display:block; }

.match-figs{ display:grid; gap:1rem; grid-template-columns: 1fr 1fr; margin-top:.8rem; }
.match-figs img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 640px){ .match-figs{ grid-template-columns: 1fr; } }

/* ====== SECTION 9: Crate doc ====== */
.c-sec-crate{ padding: 2.75rem 0; }
.c-crate__grid{ display:grid; gap:1.25rem; }
.crate-wrap{
  background: var(--pr-white);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow);
  padding: 1rem;
  position: relative;
}
.crate-stamps{
  position:absolute; top:-12px; right:14px; display:flex; gap:.4rem; flex-wrap:wrap;
}
.stamp{
  padding:.35rem .55rem; border-radius:.4rem;
  background: linear-gradient(180deg, rgba(192,138,91,.18), rgba(192,138,91,.28));
  color:#5a3d23; font-weight:700; box-shadow: 0 6px 14px rgba(15,40,70,.12);
}
.crate-cols{ display:grid; gap:1rem; grid-template-columns: 1.3fr .7fr; align-items:start; }
.crate-figs figure img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 980px){ .crate-cols{ grid-template-columns: 1fr; } }
/* ====== SECTION 10: Cut notes ====== */
.c-sec-cut{ padding: 2.75rem 0; position: relative; }
.c-cut__grid{ display:grid; gap:1.25rem; }
.c-ruler{
  height: 18px;
  background:
    repeating-linear-gradient(90deg, transparent 0 8px, rgba(0,0,0,.15) 8px 9px),
    repeating-linear-gradient(90deg, transparent 0 40px, rgba(0,0,0,.2) 40px 41px);
  border-radius: 12px;
  opacity:.5;
  margin: .2rem 0 .8rem;
}
.c-cut-cards{
  display:grid; gap:1rem;
  grid-template-columns: 1fr 1fr 1fr;
}
.cut-card{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .9rem; transition: transform .2s ease, box-shadow .2s ease;
}
.cut-card:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(15,40,70,.18); }
.cut-card h3{ margin:.1rem 0 .4rem; color: var(--pr-blue-1); font-family:"Prata", serif; }
.cut-card img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 980px){ .c-cut-cards{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px){ .c-cut-cards{ grid-template-columns: 1fr; } }

/* ====== SECTION 11: Oil recipe ====== */
.c-sec-oil{ padding: 2.75rem 0; }
.c-oil__grid{ display:grid; gap:1.25rem; }
.oil-panel{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem;
}
.oil-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.6rem; }
.oil-chip{
  padding:.5rem .9rem; border-radius:.75rem; border:0; cursor:pointer; font-weight:700;
  background: rgba(192,138,91,.12);
  transition: transform .15s ease;
}
.oil-chip.is-active{ background: rgba(192,138,91,.22); }
.oil-chip:hover{ transform: translateY(-2px); }

.oil-bars{ display:grid; gap:.6rem; margin:.2rem 0 .8rem; }
.obar{ position:relative; height: 14px; background: rgba(0,0,0,.06); border-radius: 999px; }
.obar-label{ position:absolute; left:8px; top:-1.3rem; font-size:.9rem; color: var(--pr-ink-dim); }
.obar-fill{ position:absolute; left:0; top:0; height:100%; width:0%; border-radius:999px; transition: width .35s ease; }
.obar-fill--slip{ background: linear-gradient(90deg, #9cc7ff, #1aa3ff); }
.obar-fill--prot{ background: linear-gradient(90deg, #f2c79a, #c08a5b); }

/* state mapping (örnek değerler) */
.oil-panel[data-tone="seffaf"] .obar-fill--slip{ width: 52%; }
.oil-panel[data-tone="seffaf"] .obar-fill--prot{ width: 62%; }
.oil-panel[data-tone="sicak"]  .obar-fill--slip{ width: 64%; }
.oil-panel[data-tone="sicak"]  .obar-fill--prot{ width: 68%; }
.oil-panel[data-tone="gri"]    .obar-fill--slip{ width: 48%; }
.oil-panel[data-tone="gri"]    .obar-fill--prot{ width: 60%; }

.oil-notes .tone{ display:none; color: var(--pr-ink-dim); }
.oil-panel[data-tone="seffaf"] .tone--seffaf{ display:block; }
.oil-panel[data-tone="sicak"]  .tone--sicak{  display:block; }
.oil-panel[data-tone="gri"]    .tone--gri{    display:block; }
.oil-figs{ display:flex; gap:1rem; flex-wrap:wrap; }

/* ====== SECTION 12: Quick guide (cards + lanyard) ====== */
.c-sec-quick{ padding: 2.75rem 0; position: relative; }
.c-quick__grid{ display:grid; gap:1.25rem; }
.quick-lanyard{
  height: 16px;
  background:
    radial-gradient(closest-side, #d9b38a 60%, transparent 62%) left/26px 100% repeat-x,
    linear-gradient(90deg, rgba(0,0,0,.12) 0 26px, transparent 26px);
  opacity:.65; margin-bottom:.6rem;
}
.quick-cols{
  display:grid; gap:1rem;
  grid-template-columns: 1fr 1fr 1fr;
  align-items:start;
}
.quick-card{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: 1rem;
}
.quick-card--do h3{ color: var(--pr-blue-1); font-family:"Prata", serif; }
.quick-card--dont h3{ color: var(--pr-wood-1); font-family:"Prata", serif; }
.quick-center{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .8rem; display:grid; gap:.8rem; align-content:start;
}
.quick-center img{ aspect-ratio: 7/4; object-fit: cover; }

@media (max-width: 1024px){ .quick-cols{ grid-template-columns: 1fr; } }
/* ====== SECTION 13: Program planner ====== */
.c-sec-program{ padding: 2.75rem 0; }
.prog-grid{ display:grid; gap:1.25rem; grid-template-columns: 1.2fr .8fr; align-items:start; }
@media (max-width: 1024px){ .prog-grid{ grid-template-columns: 1fr; } }

.prog-rail{ position: relative; padding: .4rem 0 1.6rem; }
.prog-steps{
  list-style:none; margin:0; padding:0;
  display:grid; gap:1rem; grid-template-columns: 1fr 1fr 1fr;
}
.pstep{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .9rem; transition: transform .2s ease, box-shadow .2s ease;
}
.pstep:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(15,40,70,.18); }
.pstep h3{ margin:.1rem 0 .4rem; color: var(--pr-blue-1); font-family:"Prata", serif; }

.prog-line{
  --progress: 0%;
  position:absolute; left:0; right:0; bottom:0;
  height: 14px;
  background:
    radial-gradient(14px 10px at 7% 50%, rgba(26,163,255,.2), transparent 60%) repeat-x;
  background-size: 120px 100%;
}
.prog-line::after{
  content:""; position:absolute; left:0; top:0; height:100%;
  width: var(--progress);
  background:
    radial-gradient(14px 10px at 7% 50%, rgba(192,138,91,.75), transparent 60%) repeat-x;
  background-size: 120px 100%;
  transition: width .25s ease;
}

.prog-aside{ display:grid; gap:1rem; grid-template-columns: 1fr 1fr; align-items:start; }
.prog-aside p{ grid-column:1 / -1; color: var(--pr-ink-dim); }
.prog-aside img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 720px){ .prog-aside{ grid-template-columns: 1fr; } }

/* ====== SECTION 14: Standards wall ====== */
.c-sec-standards{ padding: 2.75rem 0; }
.std-grid{ display:grid; gap:1.25rem; grid-template-columns: 1.1fr .9fr; align-items:start; }
@media (max-width: 1024px){ .std-grid{ grid-template-columns: 1fr; } }

.std-wall{
  display:grid; gap:1rem;
  grid-template-columns: 1fr 1fr;
}
.std-badge{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .9rem;
}
.std-badge h3{ margin:.1rem 0 .4rem; color: var(--pr-wood-1); font-family:"Prata", serif; }
.std-aside{ display:flex; gap:1rem; flex-wrap:wrap; }
.std-aside img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 720px){ .std-wall{ grid-template-columns: 1fr; } }

/* ====== SECTION 15: FAQ with sticky mini-nav ====== */
.c-sec-faq{ padding: 2.75rem 0; }
.faq-grid{ display:grid; gap:1.25rem; grid-template-columns: .42fr 1.58fr; align-items:start; }
@media (max-width: 980px){ .faq-grid{ grid-template-columns: 1fr; } }

.faq-nav{
  position: sticky; top: calc(var(--header-h, 64px) + 12px);
  align-self:start;
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .8rem;
}
.faq-nav ul{ list-style:none; margin:0; padding:0; display:grid; gap:.4rem; }
.faq-nav a{ display:block; padding:.45rem .6rem; border-radius:.7rem; color: var(--pr-ink-dim); }
.faq-nav a:hover, .faq-nav a.is-active{ background: rgba(26,163,255,.1); color: var(--pr-ink); }

.faq-cards{ display:grid; gap:1rem; }
.faq-card{
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .95rem;
}
.faq-figs{ display:grid; gap:1rem; grid-template-columns: 1fr 1fr; }
.faq-figs img{ aspect-ratio: 7/4; object-fit: cover; }
@media (max-width: 640px){ .faq-figs{ grid-template-columns: 1fr; } }
/* ====== SECTION 16: Spec guide (table + aside) ====== */
.c-sec-spec{ padding: 2.9rem 0; }
.c-spec__grid{
  display:grid; gap:1.25rem;
  grid-template-columns: 1.2fr .8fr;
  align-items:start;
}
@media (max-width: 1024px){ .c-spec__grid{ grid-template-columns: 1fr; } }

.spec-head .sec-title{ color: var(--pr-wood-1); }
.spec-fig figure img{ aspect-ratio: 7/4; object-fit: cover; }

.spec-table{
  background: var(--pr-white);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow);
  padding: .6rem;
  display:grid; gap:.4rem;
}
.spec-row{
  display:grid; gap:.6rem;
  grid-template-columns: 1fr 1.4fr 1.3fr;
  align-items:start;
  padding: .6rem .6rem .7rem;
  border-radius: .8rem;
  background:
    linear-gradient(180deg, rgba(26,163,255,.06), transparent);
}
.spec-row + .spec-row{
  box-shadow: inset 0 1px 0 rgba(0,0,0,.06);
}
.spec-row--h{
  background: linear-gradient(180deg, rgba(192,138,91,.14), transparent);
  font-weight:700;
}
.spec-cell{ color: var(--pr-ink); }
.spec-notes{ margin-top:.6rem; }
.spec-notes > summary{ cursor:pointer; font-weight:700; color: var(--pr-blue-1); }

/* ====== SECTION 17: Close season (long steps) ====== */
.c-sec-close2{ padding: 2.9rem 0 3.1rem; }
.close2-grid{
  display:grid; gap:1.25rem;
  grid-template-columns: 1.15fr .85fr;
  align-items:start;
}
@media (max-width: 1024px){ .close2-grid{ grid-template-columns: 1fr; } }

.close2-steps{
  list-style:none; margin:0; padding:0;
  counter-reset: cs;
  display:grid; gap: .8rem;
}
.close2-steps > li{
  counter-increment: cs;
  background: var(--pr-white); border-radius: var(--radius-2xl); box-shadow: var(--shadow);
  padding: .95rem; position: relative;
}
.close2-steps > li::before{
  content: counter(cs);
  position:absolute; left: .75rem; top: .6rem;
  width: 1.8rem; height: 2rem; border-radius: 1.8rem 1.8rem 1.8rem 0;
  transform: rotate(45deg);
  background:
    linear-gradient(180deg, rgba(0,0,0,.07), transparent 35%),
    radial-gradient(40% 40% at 30% 30%, #9cc7ff, #1aa3ff);
  color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center;
  box-shadow: 0 8px 16px rgba(15,40,70,.18);
}
.close2-steps > li h3{ margin-left: 2.6rem; color: var(--pr-blue-1); font-family:"Prata", serif; }
.close2-steps > li p{ margin-left: 2.6rem; color: var(--pr-ink-dim); }

.close2-aside{ display:grid; gap:1rem; }
.close2-aside img{ aspect-ratio: 7/4; object-fit: cover; }
.close2-note{ color: var(--pr-ink-dim); }