@font-face{font-family:A2Z;font-weight:700;src:url(/fonts/A2Z-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:Interop;font-weight:500;src:url(/fonts/Interop-Medium.woff2) format("woff2");font-display:swap}
@font-face{font-family:Interop;font-weight:600;src:url(/fonts/Interop-SemiBold.woff2) format("woff2");font-display:swap}
:root{--ink:#111;--mute:#8b8b8b;--line:#ededed}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:#fff}
body{background:#fff;color:var(--ink);font:500 15px/1.5 Interop,-apple-system,sans-serif;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img{display:block}
.wrap{max-width:560px;margin:0 auto;padding:0 20px}
.no{font-weight:600;letter-spacing:.14em}

/* ── 홈: 검정 헤더 ── */
.brand{background:#111;color:#fff;padding:44px 0 34px}
.brand .logo{height:74px;width:auto}
.brand p{margin-top:14px;font-size:14px;color:#bdbdbd}
.find{margin-top:26px;display:flex;align-items:center;height:60px;border-radius:999px;background:#fff;color:var(--ink);padding:0 6px 0 24px}
.find span{font-weight:600;font-size:18px;letter-spacing:.06em;margin-right:6px}
.find input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:600 22px Interop,sans-serif;letter-spacing:.08em;color:var(--ink)}
.find input::placeholder{color:#cfcfcf}
.find button{flex:0 0 48px;height:48px;border:0;border-radius:50%;background:#111;color:#fff;font:600 20px Interop,sans-serif}
.msg{min-height:22px;margin-top:10px;font-size:13px;color:#bdbdbd}

/* ── 홈: 착장 타일 ── */
.list{padding-top:26px;padding-bottom:8px}
.list h2{font:600 12px Interop,sans-serif;letter-spacing:.14em;color:var(--mute);margin-bottom:14px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px}
.tile .ph{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--c)}
.tile .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.tile .badge{position:absolute;left:10px;top:10px;background:#fff;border-radius:999px;padding:3px 10px;font-size:11px}
.tile .t{margin-top:9px;font-weight:600;font-size:14px;word-break:keep-all}
.tile .p{font-size:13px;color:var(--mute)}

/* ── 착장 페이지 ── */
.nav{display:flex;align-items:center;justify-content:space-between;height:56px}
.nav a.back{font-size:14px}
.nav .logo{height:26px;width:auto}
.top{background:var(--c);padding-bottom:26px}
.hero{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 20px 0;scrollbar-width:none;max-width:560px;margin:0 auto}
.hero::-webkit-scrollbar{display:none}
.hero img{flex:0 0 58%;width:58%;min-width:0;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:14px;scroll-snap-align:start}
.head{margin-top:22px}
.head .no{font-size:13px}
.head h1{margin-top:6px;font:700 32px/1.22 A2Z,sans-serif;letter-spacing:-.02em;word-break:keep-all}
.sum{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.sum .count{font-size:13px;color:rgba(17,17,17,.6)}
.sum b{background:#111;color:#fff;border-radius:999px;padding:6px 14px;font-weight:600;font-size:16px}
.items{list-style:none;padding-top:6px}
.item{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.thumb{flex:0 0 88px;height:112px;border-radius:10px;overflow:hidden;background:#f5f5f3}
.thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.thumb.cut{background:var(--c)}
.thumb.cut img{object-fit:contain;padding:8px}
.info{flex:1;min-width:0}
.brandname{font-size:12px;color:var(--mute);letter-spacing:.02em}
.name{font-weight:600;font-size:15px;margin:2px 0 4px;word-break:keep-all}
.price{font-weight:600;font-size:16px}
.shop{margin-left:6px;font-size:12px;color:var(--mute);font-weight:500}
.buy{flex:0 0 auto;height:38px;padding:0 16px;border-radius:999px;background:#111;color:#fff;font-weight:600;font-size:13px;display:flex;align-items:center}
.date{padding:14px 0 0;font-size:12px;color:var(--mute)}
footer{margin-top:36px;padding:26px 0 48px;border-top:1px solid var(--line);font-size:12px;color:var(--mute);line-height:1.7}
footer .logo{height:22px;width:auto;margin-bottom:12px;opacity:.9}