/* 구미 캠핑장 v7 — 저녁과 밤: 짙은 숲 남색 + 불빛 주황, 둥근 고딕 */
@font-face{font-family:"NSR";font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundR.woff2) format("woff2")}
@font-face{font-family:"NSR";font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundB.woff2) format("woff2")}
@font-face{font-family:"NSR";font-weight:800;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundEB.woff2) format("woff2")}

:root{
  --ink:#0b1922; --navy:#10283a; --navy2:#163447; --line:rgba(246,237,223,.14);
  --lamp:#f0993f; --lamp2:#dea675; --cream:#f6eddf; --mist:#a9b8c4; --leaf:#8fae5a;
  --hd:76px; --r:22px; --wrap:1200px;
  --f:"Nunito","NSR","NanumSquareRound","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--f);font-size:17px;line-height:1.7;word-break:keep-all;overflow-wrap:break-word}
:lang(ja){font-family:"Nunito","M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",sans-serif}
:lang(zh-CN){font-family:"Nunito","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
:lang(ko){font-family:var(--f)}
:lang(ja),:lang(zh-CN){word-break:normal;line-break:strict}   /* keep-all 이면 띄어쓰기 없는 문장이 한 덩어리 → 칸이 넘침 */
:lang(ja){word-break:auto-phrase}   /* 일본어는 구 단위로 줄바꿈(지원 않는 브라우저는 normal) */
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,p,figure,ol,ul,dl,dd{margin:0}
ol,ul{padding:0;list-style:none}
.wrap{width:min(var(--wrap),100% - 48px);margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 언어 — 고른 언어만 보임(글은 모두 HTML 에 있음) */
html[data-l=ko] body [data-l]:not([data-l=ko]),
html[data-l=en] body [data-l]:not([data-l=en]),
html[data-l=zh] body [data-l]:not([data-l=zh]),
html[data-l=ja] body [data-l]:not([data-l=ja]){display:none!important}
html[data-l=ko] .only-intl{display:none!important}
.ko-sub{display:block;font-size:.5em;font-weight:700;letter-spacing:0;opacity:.75;margin-top:.35em}

/* 머리 */
.hd{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s}
.hd.is-solid,.hd.menu-open{background:rgba(11,25,34,.94);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hd-row{height:var(--hd);display:flex;align-items:center;gap:20px;width:min(1360px,100% - 40px);margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px;line-height:1.15;flex:none;min-height:44px}
.brand svg{width:30px;height:30px;flex:none}
.brand small{display:block;font-size:12px;font-weight:700;color:var(--mist)}
.gnb{flex:1;min-width:0;display:flex;justify-content:center}
.gnb ul{display:flex;flex-wrap:nowrap;overflow:hidden;gap:4px;min-width:0}
.gnb a{display:block;white-space:nowrap;text-decoration:none;font-weight:700;font-size:15.5px;padding:10px 14px;border-radius:999px;color:rgba(246,237,223,.86);transition:background .2s,color .2s}
.gnb a:hover,.gnb a:focus-visible{background:rgba(240,153,63,.16);color:#fff}
.lang{display:flex;gap:2px;flex:none;background:rgba(246,237,223,.08);border-radius:999px;padding:3px}
.lang button{font:inherit;font-size:13px;font-weight:800;color:var(--mist);background:none;border:0;border-radius:999px;min-width:40px;height:40px;padding:0 10px;cursor:pointer}
.lang button[aria-pressed=true]{background:var(--lamp);color:var(--ink)}
.lang button:hover{color:var(--cream)}
.lang button[aria-pressed=true]:hover{color:var(--ink)}
.burger{display:none;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--cream);cursor:pointer}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;transition:.2s}
.hd.menu-open .burger span{box-shadow:none;transform:rotate(45deg)}
.hd.menu-open .burger span::after{content:"";display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-90deg)}
.drawer{display:none;border-top:1px solid var(--line);padding:10px 20px 22px;max-height:calc(100svh - var(--hd));overflow:auto}
.hd.menu-open .drawer{display:block;min-height:calc(100svh - var(--hd))}   /* 열면 화면 끝까지 덮음 — 아래 첫 화면 글이 반쯤 비치지 않게 */
.drawer ul a{display:flex;align-items:center;min-height:48px;padding:0 6px;text-decoration:none;font-weight:800;font-size:18px;border-bottom:1px solid var(--line)}
.drawer .acts{margin-top:18px}
.hd.is-fold .gnb{display:none!important}
.hd.is-fold .burger{display:inline-grid}
.hd.is-fold .brand{margin-right:auto}
@media (max-width:860px){
  :root{--hd:64px}
  .gnb{display:none}
  .burger{display:inline-grid}
  .hd-row{gap:10px;width:calc(100% - 28px)}
  .brand{font-size:17px;margin-right:auto}
  .brand svg{width:26px;height:26px}
  .lang button{min-width:40px;padding:0 6px;font-size:12px}
}
@media (min-width:861px){.hd:not(.is-fold) .drawer{display:none!important}}
@media (max-width:400px){   /* 360 폭에서도 이름·KO/EN/中文/日本語·메뉴 단추가 한 줄에 */
  .hd-row{gap:6px;width:calc(100% - 20px)}
  .brand{font-size:15px;gap:6px}
  .brand svg{display:none}
  .acts .btn{padding:0 14px}
  .lang{padding:2px}
  .lang button{min-width:40px;height:40px;padding:0 4px;font-size:12px}
  .burger{width:40px;height:40px}
}

/* 버튼 */
.acts{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;gap:9px;min-height:50px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:800;font-size:16px;border:1.5px solid rgba(246,237,223,.35);color:var(--cream);transition:transform .2s,background .2s,border-color .2s}
.btn svg{width:19px;height:19px;flex:none}
.btn:hover{transform:translateY(-2px);border-color:var(--lamp2)}
.btn-lamp{background:var(--lamp);border-color:var(--lamp);color:var(--ink);box-shadow:0 8px 28px rgba(240,153,63,.35)}
.btn-lamp:hover{background:#f6aa58;border-color:#f6aa58}
.btn .num{font-family:"Nunito",sans-serif;letter-spacing:.01em}
.ico{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* 첫 화면 — 밤 텐트 식사 */
.hero{position:relative;min-height:max(640px,min(100svh,940px));background:var(--ink);overflow:hidden;display:flex;align-items:center}
.hero-pic{position:absolute;top:0;right:0;bottom:0;width:min(56%,1040px);margin:0;overflow:hidden}
.hero-pic img{position:absolute;top:0;left:50%;transform:translateX(-60%);height:100%;width:auto;max-width:none;min-width:140%;object-fit:cover;object-position:50% 55%}   /* 사진 x .60(식사 자리 오른쪽 사람들)을 틀 가운데로 — 술병(x .46~.53)은 왼쪽 그늘 쪽. 140% 이상이라 오른쪽이 비지 않음 */
.hero-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(11,25,34,.9) 9%,rgba(11,25,34,.4) 17%,rgba(11,25,34,0) 28%),linear-gradient(0deg,rgba(11,25,34,.92) 0%,rgba(11,25,34,.5) 18%,rgba(11,25,34,0) 40%),linear-gradient(180deg,rgba(11,25,34,.55) 0%,rgba(11,25,34,0) 22%)}
.hero-txt{position:relative;z-index:2;width:min(1360px,100% - 40px);margin:0 auto;padding:calc(var(--hd) + 48px) 0 72px}
.hero-txt>div{max-width:min(640px,38% + 120px);position:relative}   /* 단추가 사진 속 사람 위에 오지 않게 */
html:not([data-l=ko]) .hero h1{font-size:clamp(40px,5.2vw,76px)}
.hero-txt>div::before{content:"";position:absolute;left:-120px;top:20px;width:520px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(240,153,63,.20),rgba(240,153,63,0));z-index:-1;animation:glow 5s ease-in-out infinite alternate}
@keyframes glow{from{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid rgba(240,153,63,.55);color:var(--lamp2);font-size:14px;font-weight:800;background:rgba(11,25,34,.45)}
.badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lamp);box-shadow:0 0 12px var(--lamp)}
.hero h1{font-size:clamp(46px,6.2vw,92px);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin:22px 0 14px;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.hero h1 .ko-sub{font-size:.36em;color:var(--lamp2);opacity:1}
.hero .lead{font-size:clamp(18px,1.6vw,22px);font-weight:700;color:#f3e5cf}
.night-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 30px}
.night-flow a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(246,237,223,.08);border:1px solid var(--line);text-decoration:none;font-weight:800;font-size:15px}
.night-flow a svg{width:18px;height:18px;color:var(--lamp)}
.night-flow i{width:22px;border-top:2px dotted rgba(240,153,63,.6)}
.hero-facts{margin-top:26px;color:var(--mist);font-size:15px;font-weight:700}
.hero-facts b{color:var(--cream);font-family:"Nunito",sans-serif}
@media (max-width:860px),(max-width:1100px) and (max-aspect-ratio:6/5){   /* 세로로 긴 태블릿(900×1000·1024×1366)도 사진 위·글 아래 — 옆에 두면 사진 틀이 좁아 식사 자리가 글 밑에 깔림 */
  .hero{display:block;min-height:0}
  .hero-pic{position:relative;width:100%;height:min(58svh,520px);min-height:340px}
  .hero-pic::after{background:linear-gradient(0deg,var(--ink) 2%,rgba(11,25,34,0) 46%),linear-gradient(180deg,rgba(11,25,34,.7) 0%,rgba(11,25,34,0) 30%),linear-gradient(90deg,rgba(11,25,34,.85) 0%,rgba(11,25,34,.5) 8%,rgba(11,25,34,0) 20%)}
  .hero-txt>div{max-width:none}
  html:not([data-l=ko]) .hero-pic{height:min(46svh,440px)}
  .hero-txt{margin-top:-96px;padding:0 0 48px;width:calc(100% - 36px)}
  .hero-txt>div::before{left:-80px;top:-40px;width:360px;height:320px}
  .night-flow{margin:22px 0 24px}
}
@media (max-width:860px){
  .night-flow i{display:none}
  .night-flow a{padding:0 12px;font-size:14px}
  .acts .btn{flex:1 1 auto;justify-content:center}
}

/* 섹션 공통 */
.sec{padding:clamp(72px,9vw,130px) 0;scroll-margin-top:var(--hd);position:relative}
.sec-hd{margin-bottom:clamp(32px,4vw,52px);max-width:760px}
.eyebrow{display:inline-block;font-family:"Nunito",var(--f);font-weight:800;font-size:15px;color:var(--lamp);letter-spacing:.02em;margin-bottom:10px}
.sec h2{font-size:clamp(30px,3.6vw,48px);line-height:1.2;font-weight:800;letter-spacing:-.015em}
.sec .lead{margin-top:14px;color:var(--mist);font-size:17px}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.js .rv.in{opacity:1;transform:none}

/* 외국어 먼저: 오시는 길·체크인·주차 */
.arrive{background:linear-gradient(180deg,var(--ink),var(--navy));padding:clamp(56px,7vw,96px) 0 clamp(24px,3vw,40px)}
.arr-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}
.card{background:var(--navy2);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.card h3{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.card h3 svg{width:22px;height:22px;color:var(--lamp)}
.card p{color:#d9cfbf;font-size:16px}
.card p+p{margin-top:10px}
.addr-ko{font-size:19px;font-weight:800;color:var(--cream);margin:6px 0}
.small{font-size:14px!important;color:var(--mist)!important}
.card .acts{margin-top:16px}
.card .btn{min-height:46px;padding:0 18px;font-size:15px}
.card .tbl th{width:auto;white-space:nowrap}
.card .tbl th,.card .tbl td{padding:12px 14px}

/* 표 */
.tbl{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;background:rgba(246,237,223,.05);border:1px solid var(--line)}
.tbl caption{text-align:left;font-weight:800;font-size:15px;color:var(--lamp2);padding:0 0 10px}
.tbl th,.tbl td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:last-child th,.tbl tr:last-child td{border-bottom:0}
.tbl th{font-weight:700;color:var(--mist);width:38%}
.tbl td{font-weight:800;font-size:18px}
.tbl td .t{font-family:"Nunito",sans-serif;font-size:26px;line-height:1.2;color:var(--lamp)}
.note{margin-top:12px;font-size:14px;color:var(--mist)}

/* 하루 흐름 */
.day{background:linear-gradient(180deg,var(--navy) 0%,#132f42 55%,var(--ink) 100%)}
.day-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.day-pic{position:sticky;top:calc(var(--hd) + 24px)}
.day-pic img{border-radius:var(--r);aspect-ratio:1600/1010;object-fit:cover;width:100%;box-shadow:0 30px 60px rgba(0,0,0,.35)}
figcaption{margin-top:12px;font-size:14px;color:var(--mist)}
.flow{position:relative;margin-bottom:40px}
.flow::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:4px;border-radius:4px;background:linear-gradient(180deg,#f3d27a 0%,#ff7b3a 33%,#2b4a6b 60%,#1b2d48 80%,#e9dcc0 100%)}
.st{position:relative;display:grid;grid-template-columns:50px 1fr;gap:18px;padding:0 0 30px}
.st:last-child{padding-bottom:0}
.st .dot{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--ink);border:2px solid var(--line);position:relative;z-index:1}
.st .dot svg{width:24px;height:24px}
.st-1 .dot{color:#f3d27a;border-color:#f3d27a}
.st-2 .dot{color:#ff7b3a;border-color:#ff7b3a;box-shadow:0 0 22px rgba(255,123,58,.45)}
.st-3 .dot{color:#cfd8ff;border-color:#5b74a8}
.st-4 .dot{color:#e9dcc0;border-color:#e9dcc0}
.when{display:block;font-family:"Nunito",var(--f);font-weight:800;font-size:clamp(26px,2.6vw,34px);line-height:1.1;color:var(--cream);padding-top:6px}
.st h3{font-size:19px;font-weight:800;color:var(--lamp2);margin-top:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chips li{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(246,237,223,.07);border:1px solid var(--line);font-size:14.5px;font-weight:700}
.chips b{font-family:"Nunito",var(--f);color:var(--lamp)}

/* 야영 사이트 사진 */
.sites{background:var(--ink)}
.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.mosaic figure{margin:0}
.mosaic img{width:100%;border-radius:var(--r);object-fit:cover}
.m-1{grid-column:span 8}
.m-1 img{aspect-ratio:960/500}
.count{grid-column:span 4;align-self:stretch;margin-bottom:calc(12px + 14px * 1.7);display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:30px;border-radius:var(--r);background:radial-gradient(120% 90% at 100% 0%,rgba(240,153,63,.18),rgba(240,153,63,0) 60%),var(--navy2);border:1px solid var(--line)}
.count dl{display:grid;gap:16px}
.count div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:14px}
.count div:last-child{border-bottom:0;padding-bottom:0}
.count dt{font-weight:800;font-size:17px;color:var(--mist)}
.count dd{font-family:"Nunito",sans-serif;font-weight:800;font-size:clamp(48px,5vw,72px);line-height:1;color:var(--cream)}
.count h3{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800}
.count h3 svg{width:28px;height:28px;color:var(--lamp)}
.m-2{grid-column:1/span 6;grid-row:2}
.m-2 img{aspect-ratio:1600/1067}
.m-3{grid-column:7/span 6;grid-row:2}
.m-3 img{aspect-ratio:1600/1067;object-position:50% 50%}

/* 시설 점검표 */
.check{background:radial-gradient(70% 60% at 85% 0%,rgba(143,174,90,.10),rgba(143,174,90,0) 70%),var(--navy)}
.check-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(24px,4vw,48px);align-items:start}
.paper{background:var(--cream);color:#1d2a33;border-radius:var(--r);padding:clamp(24px,3vw,40px);box-shadow:0 30px 70px rgba(0,0,0,.35);
}
.paper h3{font-size:22px;font-weight:800}
.paper .src{font-size:14px;color:#5b6872;margin:4px 0 20px}
.ticks{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
.ticks li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid rgba(16,40,58,.1)}
.ticks .box{width:26px;height:26px;border-radius:8px;border:2px solid #c9b9a2;display:grid;place-items:center;color:#fff;transition:background .35s,border-color .35s}
.ticks .box svg{width:16px;height:16px;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .45s ease .1s}
.ticks .k{font-weight:800;font-size:16px;line-height:1.35}
.ticks .v{font-family:"Nunito",var(--f);font-weight:800;color:#a8540f;font-size:17px;white-space:nowrap}
.ticks .v small{font-size:13px;margin-left:2px;color:#7a5a3c}
.paper.in .box,html:not(.js) .box{background:var(--lamp);border-color:var(--lamp)}
.paper.in .box svg,html:not(.js) .box svg{stroke-dashoffset:0}
.ticks li:nth-child(2) .box,.ticks li:nth-child(2) .box svg{transition-delay:.08s}
.ticks li:nth-child(3) .box,.ticks li:nth-child(3) .box svg{transition-delay:.16s}
.ticks li:nth-child(4) .box,.ticks li:nth-child(4) .box svg{transition-delay:.24s}
.ticks li:nth-child(5) .box,.ticks li:nth-child(5) .box svg{transition-delay:.32s}
.ticks li:nth-child(6) .box,.ticks li:nth-child(6) .box svg{transition-delay:.40s}
.ticks li:nth-child(7) .box,.ticks li:nth-child(7) .box svg{transition-delay:.48s}
.ticks li:nth-child(8) .box,.ticks li:nth-child(8) .box svg{transition-delay:.56s}
.ticks li:nth-child(9) .box,.ticks li:nth-child(9) .box svg{transition-delay:.64s}
.ticks li:nth-child(10) .box,.ticks li:nth-child(10) .box svg{transition-delay:.72s}
.ticks li:nth-child(11) .box,.ticks li:nth-child(11) .box svg{transition-delay:.80s}
.ticks li:nth-child(12) .box,.ticks li:nth-child(12) .box svg{transition-delay:.88s}
.facil .tbl td{font-size:17px}
.facil{position:sticky;top:calc(var(--hd) + 24px)}
html:not([data-l=ko]) .day .times{display:none}   /* 외국어판은 맨 앞 «arrive» 칸에 같은 표가 있음 */
.nw{display:inline-block;white-space:nowrap}

/* 가까운 곳 */
.near{background:var(--ink)}
.near-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.spot{background:var(--navy2);border:1px solid var(--line);border-radius:var(--r);padding:26px 26px 24px;display:flex;flex-direction:column;gap:10px}
.spot .type{align-self:flex-start;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;background:rgba(143,174,90,.16);color:#c3d99b}
.spot .type.stay{background:rgba(240,153,63,.14);color:var(--lamp2)}
.spot h3{font-size:20px;font-weight:800;line-height:1.35}
.spot h3 .ko-sub{font-size:14px}
.spot .km{font-family:"Nunito",var(--f);font-weight:800;font-size:34px;line-height:1.1;color:var(--lamp)}
.spot .bar{height:6px;border-radius:6px;background:rgba(246,237,223,.1);position:relative;margin-top:auto}
.spot .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,var(--lamp2),var(--lamp))}

/* 연락처 */
.contact{background:linear-gradient(180deg,var(--navy),var(--ink))}
.ct-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.ct-info .tbl td{font-size:17px}
.ct-info .tbl td a{display:inline-flex;align-items:center;min-height:40px;min-width:44px;color:var(--cream);text-underline-offset:4px;text-decoration-color:rgba(240,153,63,.6)}
.ct-info .tbl td .note{margin-top:4px}
.links a{display:inline-flex;align-items:center;min-height:40px;margin-right:16px;font-weight:800}
.ct-info .acts{margin-top:26px}
.ct-pics{display:grid;grid-template-columns:1fr;gap:14px}
.ct-pics img{border-radius:var(--r);width:100%;object-fit:cover}
.ct-pics .p1 img{aspect-ratio:4/3}

/* 꼬리 */
.ft{background:#071118;padding:44px 0 56px;color:var(--mist);font-size:14px}
.ft .wrap{display:grid;gap:10px}
.ft strong{color:var(--cream);font-size:17px}
.ft .acts{margin:8px 0 6px}
.ft .btn{min-height:44px;font-size:15px;padding:0 18px}
.ft .disc{display:inline-block;padding:4px 12px;border-radius:999px;border:1px solid var(--line);color:var(--lamp2);font-weight:800;justify-self:start}

@media (max-width:1100px){
  .arr-grid{grid-template-columns:1fr 1fr}
  .arr-grid .card:first-child{grid-column:1/-1}
  .check-grid{grid-template-columns:1fr}
  .facil{position:static}
  .ticks{column-gap:24px}
}
@media (max-width:860px){
  body{font-size:16px}
  .day-grid,.ct-grid{grid-template-columns:1fr}
  .day-pic{position:static}
  .m-1,.count,.m-2,.m-3{grid-column:1/-1;grid-row:auto}
  .count{margin-bottom:0}
  .near-grid{grid-template-columns:1fr}
  .ticks{grid-template-columns:1fr}
  .check-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .wrap{width:calc(100% - 36px)}
  .arr-grid{grid-template-columns:1fr}
  .card{padding:22px}
  .tbl th,.tbl td{padding:12px 14px}
  .btn{padding:0 18px}
}