:root {
  --malt-black: #0b0907;
  --deep-black: #070605;
  --charcoal: #191916;
  --charcoal-2: #23221e;
  --surface: #27251f;
  --walnut: #4a3829;
  --bottle-green: #17231d;
  --barley-gold: #c8ad52;
  --amber: #b97835;
  --warm-ivory: #eee4d6;
  --muted-ivory: #c4b9aa;
  --stone: #8f8579;
  --line: rgba(238, 228, 214, 0.13);
  --line-strong: rgba(200, 173, 82, 0.38);
  --danger: #bd7867;
  --success: #8c9d79;
  --max-width: 1480px;
  --header-height: 78px;
  --ease: cubic-bezier(.2,.75,.25,1);
  --serif: Georgia, "Times New Roman", "Noto Serif KR", serif;
  --sans: Inter, Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display:none !important; }
html { scroll-behavior: smooth; background: var(--malt-black); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--warm-ivory);
  background:
    radial-gradient(circle at 80% 0%, rgba(185,120,53,.08), transparent 34%),
    linear-gradient(180deg, #0b0907 0%, #0e0c09 100%);
  font-family: var(--sans);
  line-height: 1.55;
  letter-spacing: -.01em;
  min-height: 100vh;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 99;
  pointer-events: none;
  opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}
button, input, select { font: inherit; }
button { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
button { border: 0; background: none; cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid var(--barley-gold);
  outline-offset: 3px;
}

.skip-link {
  position: fixed; top: 12px; left: 12px; z-index: 1000;
  padding: 10px 14px; color: #0b0907; background: var(--warm-ivory);
  transform: translateY(-160%); transition: transform .2s;
}
.skip-link:focus { transform: translateY(0); }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.shell { width: min(calc(100% - 64px), var(--max-width)); margin: 0 auto; }
.eyebrow {
  margin: 0 0 10px;
  color: var(--barley-gold);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.site-header {
  position: fixed; z-index: 80; top: 0; left: 0; right: 0;
  height: var(--header-height); padding: 0 32px;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  border-bottom: 1px solid transparent;
  transition: background .35s var(--ease), border-color .35s var(--ease), backdrop-filter .35s;
}
.site-header.is-solid {
  background: rgba(11,9,7,.88);
  border-bottom-color: var(--line);
  backdrop-filter: blur(18px);
}
.brand { display: inline-flex; align-items: center; gap: 13px; color: inherit; text-decoration: none; width: fit-content; }
.brand__mark {
  width: 38px; height: 38px; object-fit: cover; border-radius: 50%;
  filter: saturate(.88) contrast(1.1); opacity: .95;
}
.brand__text { display: flex; flex-direction: column; line-height: 1.05; }
.brand__text strong { font-family: var(--serif); font-size: 1.02rem; letter-spacing: .16em; font-weight: 500; }
.brand__text small { margin-top: 6px; color: var(--stone); font-size: .55rem; letter-spacing: .2em; }
.desktop-nav { display: flex; align-items: center; gap: 38px; }
.nav-link { position: relative; padding: 28px 0; color: var(--muted-ivory); font-size: .78rem; letter-spacing: .08em; }
.nav-link::after { content:""; position:absolute; left:0; right:0; bottom:20px; height:1px; background:var(--barley-gold); transform:scaleX(0); transition:transform .25s; }
.nav-link:hover, .nav-link.is-active { color: var(--warm-ivory); }
.nav-link.is-active::after { transform: scaleX(1); }
.count-badge { display:inline-grid; place-items:center; min-width:17px; height:17px; margin-left:5px; padding:0 4px; border-radius:10px; color:var(--malt-black); background:var(--barley-gold); font-size:.62rem; font-weight:800; }
.header-search { justify-self: end; display:flex; align-items:center; gap:10px; padding:10px 12px; color:var(--muted-ivory); font-size:.73rem; letter-spacing:.06em; border:1px solid var(--line); background:rgba(7,6,5,.22); }
kbd { padding: 2px 6px; border: 1px solid var(--line); border-radius: 3px; color: var(--stone); background: rgba(255,255,255,.03); font-size:.62rem; font-family:var(--sans); }

.view { display: none; min-height: 100vh; }
.view.is-active { display: block; animation: fadeIn .45s var(--ease); }
@keyframes fadeIn { from { opacity: .25; } to { opacity: 1; } }

.hero { position: relative; min-height: min(820px, 100svh); display:flex; align-items:flex-end; overflow:hidden; background:#090806; }
.hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 48%; transform:scale(1.03); filter:saturate(.75) contrast(1.06) brightness(.72); }
.hero__veil {
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(6,5,4,.92) 0%, rgba(6,5,4,.69) 36%, rgba(6,5,4,.16) 75%),
    linear-gradient(180deg, rgba(7,6,5,.35) 0%, rgba(7,6,5,.08) 40%, #0b0907 100%);
}
.hero__content { position:relative; z-index:1; padding-top:calc(var(--header-height) + 60px); padding-bottom:76px; }
.hero__logo-wrap { width:56px; height:56px; margin-bottom:22px; overflow:hidden; border:1px solid rgba(200,173,82,.24); border-radius:50%; box-shadow:0 0 70px rgba(185,120,53,.1); }
.hero__logo-wrap img { width:100%; height:100%; object-fit:cover; }
.hero h1 { max-width:690px; margin:0; font-family:var(--sans); font-size:clamp(2.8rem, 4.8vw, 4.9rem); line-height:1.08; letter-spacing:-.055em; font-weight:300; text-wrap:balance; }
.hero__lead { max-width:570px; margin:22px 0 0; color:var(--muted-ivory); font-size:clamp(1rem,1.25vw,1.17rem); }
.hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 22px; font-size:.78rem; font-weight:700; letter-spacing:.08em; transition:transform .2s, background .2s, border-color .2s, color .2s; }
.button:hover { transform:translateY(-2px); }
.button--gold { color:#100d08; background:var(--barley-gold); }
.button--gold:hover { background:#dcc26a; }
.button--ghost { border:1px solid rgba(238,228,214,.28); background:rgba(10,9,7,.28); backdrop-filter:blur(8px); }
.button--ghost:hover { border-color:var(--barley-gold); }
.button--line { padding-left:0; padding-right:0; min-height:38px; border-bottom:1px solid var(--barley-gold); }
.hero__stats { display:flex; gap:54px; margin:43px 0 0; }
.hero__stats div { min-width:120px; }
.hero__stats dt { color:var(--stone); font-size:.67rem; letter-spacing:.14em; text-transform:uppercase; }
.hero__stats dd { margin:7px 0 0; font-family:var(--serif); font-size:1rem; }

.home-content { padding:80px 0 150px; }
.section { padding:86px 0; border-bottom:1px solid var(--line); }
.section:first-child { padding-top:24px; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:34px; }
.section-heading h2, .editorial-copy h2 { margin:0; font-family:var(--serif); font-size:clamp(2.1rem,4vw,4.3rem); line-height:1.03; letter-spacing:-.04em; font-weight:400; }
.section-copy { max-width:420px; margin:0; color:var(--stone); font-size:.88rem; }
.text-link { padding:10px 0; color:var(--muted-ivory); font-size:.75rem; letter-spacing:.08em; border-bottom:1px solid var(--line-strong); }
.text-link span { margin-left:12px; color:var(--barley-gold); }

.featured-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.featured-card { min-height:345px; position:relative; display:flex; flex-direction:column; padding:30px; text-align:left; background:linear-gradient(150deg, #1b1a16, #12110e); overflow:hidden; transition:background .3s, transform .3s; }
.featured-card::before { content:""; position:absolute; width:230px; height:230px; right:-80px; bottom:-95px; border:1px solid rgba(200,173,82,.12); border-radius:50%; box-shadow:0 0 100px rgba(185,120,53,.06) inset; }
.featured-card:hover { z-index:2; background:linear-gradient(150deg, #27241e, #15130f); transform:translateY(-5px); box-shadow:0 20px 50px rgba(0,0,0,.3); }
.featured-card__meta { display:flex; justify-content:space-between; gap:18px; color:var(--stone); font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; }
.featured-card__number { color:var(--barley-gold); }
.featured-card h3 { max-width:90%; margin:auto 0 12px; font-family:var(--serif); font-size:clamp(1.55rem,2.4vw,2.45rem); line-height:1.04; font-weight:400; }
.featured-card__spec { margin:0; color:var(--muted-ivory); font-size:.73rem; letter-spacing:.05em; }
.featured-card__notes { margin:15px 0 0; color:var(--stone); font-size:.78rem; }
.featured-card__footer { display:flex; justify-content:space-between; align-items:end; gap:16px; margin-top:27px; padding-top:20px; border-top:1px solid var(--line); }
.featured-card__price small { display:block; color:var(--stone); font-size:.58rem; letter-spacing:.1em; text-transform:uppercase; }
.featured-card__price strong { font-family:var(--serif); font-size:1.15rem; font-weight:400; }
.featured-card__arrow { color:var(--barley-gold); }

.flavour-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }
.flavour-card { min-height:185px; display:flex; flex-direction:column; justify-content:space-between; padding:20px; text-align:left; border:1px solid var(--line); background:linear-gradient(160deg, rgba(39,37,31,.78), rgba(20,19,16,.78)); transition:transform .25s, border-color .25s, background .25s; }
.flavour-card:hover { transform:translateY(-4px); border-color:var(--line-strong); background:linear-gradient(160deg, rgba(54,49,38,.92), rgba(22,20,16,.92)); }
.flavour-card__symbol { font-family:var(--serif); color:var(--barley-gold); font-size:2rem; }
.flavour-card strong { display:block; font-family:var(--serif); font-size:1.25rem; font-weight:400; }
.flavour-card small { display:block; margin-top:6px; color:var(--stone); font-size:.7rem; }

.editorial-split { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr); min-height:650px; padding:0; }
.editorial-image { overflow:hidden; }
.editorial-image img { width:100%; height:100%; min-height:650px; object-fit:cover; filter:saturate(.65) brightness(.72) contrast(1.06); transition:transform 1.1s var(--ease); }
.editorial-split:hover .editorial-image img { transform:scale(1.025); }
.editorial-copy { display:flex; flex-direction:column; justify-content:center; padding:70px; background:linear-gradient(145deg, #26231d, #151410); }
.editorial-copy p:not(.eyebrow) { max-width:470px; margin:30px 0; color:var(--muted-ivory); font-size:.92rem; line-height:1.85; }
.editorial-copy .button { width:fit-content; }

.collection-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.collection-card { min-height:265px; position:relative; display:flex; flex-direction:column; align-items:flex-start; padding:26px; text-align:left; border:1px solid var(--line); overflow:hidden; transition:transform .25s, border-color .25s; }
.collection-card::before { content:""; position:absolute; inset:0; opacity:.72; transition:opacity .25s, transform .5s; }
.collection-card--new::before { background:linear-gradient(150deg, rgba(42,54,43,.75), rgba(11,9,7,.35)), url("assets/private-room.jpg.png") center/cover; }
.collection-card--last::before { background:linear-gradient(150deg, rgba(63,39,25,.78), rgba(11,9,7,.38)), url("assets/bar-counter.jpg.png") center/cover; }
.collection-card--rare::before { background:linear-gradient(150deg, rgba(46,39,29,.82), rgba(11,9,7,.38)), url("assets/long-bar.jpg.png") center/cover; }
.collection-card > span { position:relative; z-index:1; }
.collection-card:hover { transform:translateY(-4px); border-color:var(--line-strong); }
.collection-card:hover::before { opacity:.88; transform:scale(1.025); }
.collection-card__index { color:var(--barley-gold); font-size:.65rem; letter-spacing:.13em; }
.collection-card__title { margin:auto 0 8px; font-family:var(--serif); font-size:1.8rem; }
.collection-card__desc { max-width:240px; color:var(--muted-ivory); font-size:.72rem; }
.collection-card__arrow { position:absolute !important; right:25px; bottom:25px; color:var(--barley-gold); }

.archive-view { padding-top:var(--header-height); }
.archive-layout { min-height:calc(100vh - var(--header-height)); display:grid; grid-template-columns:280px minmax(500px,1fr); transition:grid-template-columns .3s var(--ease); }
.archive-layout.has-detail { grid-template-columns:280px minmax(500px,1fr) minmax(310px,410px); }
.filter-sidebar, .detail-panel { position:sticky; top:var(--header-height); align-self:start; height:calc(100vh - var(--header-height)); overflow:auto; scrollbar-width:thin; scrollbar-color:#4a4339 transparent; }
.filter-sidebar { padding:38px 28px 70px; border-right:1px solid var(--line); background:rgba(14,13,10,.87); }
.filter-sidebar__top h1 { margin:0; font-family:var(--serif); font-size:2.15rem; line-height:1.03; font-weight:400; }
.filter-sidebar__top > p:last-child { margin:14px 0 24px; color:var(--stone); font-size:.78rem; }
.search-field { display:flex; align-items:center; gap:10px; border:1px solid var(--line); background:rgba(255,255,255,.025); }
.search-field span { color:var(--barley-gold); }
.search-field input { width:100%; min-width:0; color:var(--warm-ivory); background:transparent; border:0; outline:0; }
.search-field input::placeholder { color:#746d64; }
.search-field--sidebar { padding:12px; margin-bottom:28px; }
.filter-block { padding:22px 0; border-top:1px solid var(--line); }
.filter-block h2 { margin:0 0 14px; color:var(--muted-ivory); font-size:.67rem; letter-spacing:.14em; text-transform:uppercase; }
.filter-block__heading { display:flex; justify-content:space-between; align-items:center; }
.filter-block__heading button { margin-top:-12px; color:var(--stone); font-size:.64rem; }
.filter-list { display:grid; gap:7px; }
.filter-option { width:100%; min-height:35px; display:flex; justify-content:space-between; align-items:center; padding:7px 9px; text-align:left; color:var(--stone); font-size:.75rem; border:1px solid transparent; }
.filter-option span:last-child { font-size:.63rem; }
.filter-option:hover, .filter-option.is-active { color:var(--warm-ivory); border-color:var(--line); background:rgba(255,255,255,.035); }
.filter-option.is-active::before { content:""; width:5px; height:5px; margin-right:9px; border-radius:50%; background:var(--barley-gold); }
.filter-option.is-active span:first-of-type { margin-right:auto; }
.filter-list--chips { display:flex; flex-wrap:wrap; gap:7px; }
.filter-list--chips .filter-option { width:auto; min-height:31px; padding:5px 9px; }
.filter-list--chips .filter-option span:last-child { display:none; }

.archive-main { min-width:0; padding:38px; }
.archive-toolbar { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:25px; }
.archive-result-label { margin:0; font-family:var(--serif); font-size:1.25rem; }
.archive-toolbar > div > p:last-child { margin:3px 0 0; color:var(--stone); font-size:.7rem; }
.toolbar-actions { display:flex; align-items:center; gap:9px; }
.sort-select { height:38px; padding:0 30px 0 12px; color:var(--muted-ivory); border:1px solid var(--line); border-radius:0; background:#13120f; font-size:.7rem; }
.view-switch { display:flex; border:1px solid var(--line); }
.view-switch button, .icon-button { width:38px; height:36px; color:var(--stone); }
.view-switch button + button { border-left:1px solid var(--line); }
.view-switch button.is-active { color:var(--barley-gold); background:rgba(200,173,82,.08); }
.mobile-filter-button { display:none; border:1px solid var(--line); }
.whisky-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.whisky-card { min-width:0; min-height:245px; display:flex; flex-direction:column; padding:22px; text-align:left; border:1px solid var(--line); background:linear-gradient(145deg, rgba(36,34,29,.88), rgba(18,17,14,.86)); transition:transform .24s, border-color .24s, background .24s; }
.whisky-card:hover, .whisky-card.is-selected { transform:translateY(-3px); border-color:var(--line-strong); background:linear-gradient(145deg, rgba(47,43,35,.94), rgba(21,19,15,.94)); }
.whisky-card__top { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.status-badge { width:fit-content; display:inline-flex; align-items:center; min-height:24px; padding:0 8px; color:var(--barley-gold); border:1px solid rgba(200,173,82,.25); font-size:.57rem; letter-spacing:.12em; text-transform:uppercase; }
.status-badge--last { color:#d49b68; border-color:rgba(212,155,104,.28); }
.status-badge--soon { color:#9ba78e; border-color:rgba(155,167,142,.28); }
.save-button { width:36px; height:36px; display:grid; place-items:center; color:var(--muted-ivory); border:1px solid var(--line); font-size:1.1rem; }
.save-button.is-saved { color:var(--barley-gold); border-color:var(--line-strong); background:rgba(200,173,82,.08); }
.whisky-card h3 { margin:24px 0 5px; font-family:var(--serif); font-size:1.45rem; line-height:1.08; font-weight:400; overflow-wrap:anywhere; }
.whisky-card__korean { margin:0; color:var(--stone); font-size:.68rem; }
.whisky-card__spec { margin:12px 0 0; color:var(--muted-ivory); font-size:.68rem; letter-spacing:.04em; }
.whisky-card__notes { margin:8px 0 0; color:var(--stone); font-size:.69rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.whisky-card__bottom { display:flex; justify-content:space-between; align-items:end; gap:16px; margin-top:auto; padding-top:23px; }
.whisky-card__bottom small { display:block; color:var(--stone); font-size:.55rem; letter-spacing:.1em; text-transform:uppercase; }
.whisky-card__price { font-family:var(--serif); font-size:1.03rem; }
.whisky-card__open { color:var(--barley-gold); font-size:.7rem; }
.whisky-grid.is-compact { grid-template-columns:1fr; gap:0; border-top:1px solid var(--line); }
.whisky-grid.is-compact .whisky-card { min-height:0; display:grid; grid-template-columns:38px minmax(190px,1.5fr) minmax(160px,1fr) minmax(120px,.8fr) 90px; align-items:center; gap:16px; padding:16px 12px; border:0; border-bottom:1px solid var(--line); background:transparent; }
.whisky-grid.is-compact .whisky-card__top { display:contents; }
.whisky-grid.is-compact .status-badge { grid-column:1; font-size:0; width:7px; height:7px; min-height:0; padding:0; border:0; border-radius:50%; background:var(--barley-gold); }
.whisky-grid.is-compact .save-button { grid-column:5; grid-row:1; justify-self:end; }
.whisky-grid.is-compact h3 { grid-column:2; grid-row:1; margin:0; font-size:1rem; }
.whisky-grid.is-compact .whisky-card__korean { display:none; }
.whisky-grid.is-compact .whisky-card__spec { grid-column:3; grid-row:1; margin:0; }
.whisky-grid.is-compact .whisky-card__notes { grid-column:4; grid-row:1; margin:0; }
.whisky-grid.is-compact .whisky-card__bottom { grid-column:5; grid-row:1; margin:0; padding:0; justify-self:start; }
.whisky-grid.is-compact .whisky-card__open { display:none; }

.detail-panel { border-left:1px solid var(--line); background:linear-gradient(160deg, #171611, #0e0d0a); }
.detail-placeholder { height:100%; display:grid; place-items:center; align-content:center; padding:40px; color:var(--stone); text-align:center; }
.detail-placeholder__line { width:1px; height:100px; margin-bottom:26px; background:linear-gradient(180deg, transparent, var(--barley-gold), transparent); }
.detail-placeholder p { font-family:var(--serif); font-size:1.15rem; line-height:1.55; }
.detail-content { min-height:100%; display:flex; flex-direction:column; }
.detail-visual { min-height:240px; position:relative; display:flex; align-items:end; padding:28px; overflow:hidden; background:linear-gradient(145deg, rgba(43,36,25,.82), rgba(9,8,6,.95)), url("assets/private-room.jpg.png") center/cover; }
.detail-visual::after { content:""; position:absolute; width:190px; height:190px; right:-45px; top:28px; border:1px solid rgba(200,173,82,.14); border-radius:50%; }
.detail-visual > * { position:relative; z-index:1; }
.detail-visual__index { color:var(--barley-gold); font-family:var(--serif); font-size:4.2rem; line-height:.8; opacity:.7; }
.detail-close { display:block; position:absolute; top:18px; right:18px; z-index:3; width:40px; height:40px; border:1px solid var(--line); background:rgba(7,6,5,.55); font-size:1.3rem; }
.detail-body { padding:30px 28px 60px; }
.detail-body h2 { margin:0; font-family:var(--serif); font-size:2.05rem; line-height:1.02; font-weight:400; }
.detail-body__ko { margin:8px 0 0; color:var(--stone); font-size:.75rem; }
.detail-specs { display:grid; grid-template-columns:repeat(2,1fr); gap:0; margin:27px 0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.detail-specs div { padding:13px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.detail-specs dt { color:var(--stone); font-size:.55rem; letter-spacing:.12em; text-transform:uppercase; }
.detail-specs dd { margin:5px 0 0; color:var(--muted-ivory); font-size:.72rem; overflow-wrap:anywhere; }
.detail-section { margin-top:26px; }
.detail-section > span { display:block; margin-bottom:10px; color:var(--barley-gold); font-size:.58rem; letter-spacing:.15em; text-transform:uppercase; }
.tag-list { display:flex; flex-wrap:wrap; gap:7px; }
.tag { padding:6px 9px; color:var(--muted-ivory); border:1px solid var(--line); font-size:.64rem; }
.keeper-note { margin:0; color:var(--muted-ivory); font-family:var(--serif); font-size:1.02rem; line-height:1.7; }
.serving-list { border-top:1px solid var(--line); }
.serving-row { display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); }
.serving-row span { color:var(--stone); font-size:.7rem; }
.serving-row strong { font-family:var(--serif); font-size:1.02rem; font-weight:400; }
.detail-actions { display:grid; grid-template-columns:1fr auto; gap:10px; margin-top:30px; }
.detail-actions .save-button { width:48px; height:48px; }

.page-heading { padding:calc(var(--header-height) + 75px) 0 55px; border-bottom:1px solid var(--line); }
.page-heading h1 { margin:0; font-family:var(--serif); font-size:clamp(3.3rem,7vw,6.8rem); line-height:.95; font-weight:400; }
.page-heading > p:last-child { max-width:650px; margin:22px 0 0; color:var(--stone); }
.saved-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:45px; padding:50px 0 140px; }
.saved-note { position:sticky; top:calc(var(--header-height) + 35px); align-self:start; padding:28px; border:1px solid var(--line); background:linear-gradient(145deg,#24211b,#15130f); }
.saved-note h2 { margin:0; font-family:var(--serif); font-size:2rem; font-weight:400; line-height:1.1; }
.saved-note p:not(.eyebrow) { margin:18px 0 26px; color:var(--stone); font-size:.78rem; line-height:1.8; }
.saved-note .button { width:100%; }

.empty-state { min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px 20px; text-align:center; border:1px solid var(--line); }
.empty-state img { width:74px; height:74px; margin-bottom:22px; border-radius:50%; object-fit:cover; opacity:.72; }
.empty-state h2 { margin:0; font-family:var(--serif); font-size:1.55rem; font-weight:400; }
.empty-state p { margin:11px 0 24px; color:var(--stone); font-size:.78rem; }

.mobile-nav { display:none; }
.search-dialog, .mobile-filter-dialog { width:100%; max-width:none; height:100%; max-height:none; margin:0; padding:0; color:var(--warm-ivory); border:0; background:rgba(7,6,5,.96); }
.search-dialog::backdrop, .mobile-filter-dialog::backdrop { background:rgba(7,6,5,.85); backdrop-filter:blur(10px); }
.search-dialog__inner { width:min(calc(100% - 48px),980px); margin:0 auto; padding:100px 0; }
.search-dialog__heading, .mobile-filter-dialog__header { display:flex; justify-content:space-between; align-items:start; gap:20px; }
.search-dialog__heading h2, .mobile-filter-dialog__header h2 { margin:0; font-family:var(--serif); font-size:clamp(2.2rem,5vw,4.5rem); font-weight:400; line-height:1; }
.dialog-close { width:48px; height:48px; color:var(--muted-ivory); border:1px solid var(--line); font-size:1.6rem; }
.search-field--dialog { margin-top:50px; padding:20px 22px; border-color:var(--line-strong); }
.search-field--dialog input { font-family:var(--serif); font-size:1.5rem; }
.quick-searches { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:17px; }
.quick-searches span { margin-right:7px; color:var(--stone); font-size:.65rem; letter-spacing:.1em; text-transform:uppercase; }
.quick-searches button { padding:7px 10px; color:var(--muted-ivory); border:1px solid var(--line); font-size:.67rem; }
.search-results { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:45px; background:var(--line); border:1px solid var(--line); }
.search-result { display:flex; justify-content:space-between; gap:18px; padding:20px; text-align:left; background:#12110e; }
.search-result:hover { background:#1d1b16; }
.search-result strong { display:block; font-family:var(--serif); font-size:1.05rem; font-weight:400; }
.search-result small { color:var(--stone); font-size:.65rem; }
.search-result span { color:var(--barley-gold); }
.mobile-filter-dialog__inner { min-height:100%; display:flex; flex-direction:column; }
.mobile-filter-dialog__header { padding:24px; border-bottom:1px solid var(--line); }
.mobile-filter-content { flex:1; overflow:auto; padding:0 24px 120px; }
.mobile-filter-actions { position:fixed; left:0; right:0; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:14px 24px calc(14px + env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:rgba(11,9,7,.96); }
.toast { position:fixed; z-index:150; right:24px; bottom:24px; max-width:320px; padding:13px 16px; color:#0c0907; background:var(--warm-ivory); font-size:.72rem; font-weight:700; transform:translateY(150%); opacity:0; transition:transform .3s var(--ease),opacity .3s; }
.toast.is-visible { transform:translateY(0); opacity:1; }

@media (max-width: 1180px) {
  .flavour-grid { grid-template-columns:repeat(3,1fr); }
  .archive-layout, .archive-layout.has-detail { grid-template-columns:250px minmax(460px,1fr); }
  .detail-panel { position:fixed; z-index:90; top:0; right:0; width:min(430px,100%); height:100dvh; transform:translateX(105%); transition:transform .35s var(--ease); box-shadow:-20px 0 60px rgba(0,0,0,.42); }
  .detail-panel.is-open { transform:translateX(0); }
  .detail-close { display:block; }
}

@media (max-width: 860px) {
  :root { --header-height: 68px; }
  .shell { width:min(calc(100% - 36px), var(--max-width)); }
  .site-header { grid-template-columns:1fr auto; padding:0 18px; }
  .desktop-nav { display:none; }
  .header-search span:nth-child(2), .header-search kbd { display:none; }
  .header-search { width:42px; height:42px; justify-content:center; padding:0; }
  .brand__mark { width:34px; height:34px; }
  .brand__text strong { font-size:.86rem; }
  .brand__text small { font-size:.48rem; }
  .hero { min-height:820px; align-items:end; }
  .hero__image { object-position:62% center; }
  .hero__veil { background:linear-gradient(180deg,rgba(6,5,4,.34),rgba(6,5,4,.52) 36%,#0b0907 94%); }
  .hero__content { padding-bottom:84px; }
  .hero__logo-wrap { width:50px; height:50px; }
  .hero h1 { font-size:clamp(2.35rem,10.3vw,3.6rem); line-height:1.1; }
  .hero__stats { gap:20px; justify-content:space-between; }
  .hero__stats div { min-width:0; }
  .hero__stats dd { font-size:.84rem; }
  .home-content { padding-top:45px; padding-bottom:100px; }
  .section { padding:58px 0; }
  .section-heading { align-items:start; flex-direction:column; margin-bottom:26px; }
  .featured-grid { grid-template-columns:1fr; }
  .featured-card { min-height:290px; }
  .flavour-grid { grid-template-columns:repeat(2,1fr); }
  .editorial-split { grid-template-columns:1fr; }
  .editorial-image img { min-height:460px; }
  .editorial-copy { padding:45px 28px; }
  .collection-grid { grid-template-columns:1fr; }
  .collection-card { min-height:230px; }
  .archive-layout { display:block; }
  .filter-sidebar { display:none; }
  .archive-main { padding:24px 18px 110px; }
  .archive-toolbar { align-items:flex-start; }
  .mobile-filter-button { display:block; }
  .whisky-grid { grid-template-columns:1fr; }
  .whisky-grid.is-compact .whisky-card { grid-template-columns:8px minmax(0,1fr) 50px; }
  .whisky-grid.is-compact .whisky-card__spec, .whisky-grid.is-compact .whisky-card__notes, .whisky-grid.is-compact .whisky-card__bottom { display:none; }
  .whisky-grid.is-compact .save-button { grid-column:3; }
  .mobile-nav { position:fixed; z-index:75; left:0; right:0; bottom:0; height:calc(66px + env(safe-area-inset-bottom)); padding:0 12px env(safe-area-inset-bottom); display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); background:rgba(11,9,7,.94); backdrop-filter:blur(18px); }
  .mobile-nav button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; color:var(--stone); font-size:.58rem; letter-spacing:.06em; }
  .mobile-nav button span { font-size:1.05rem; }
  .mobile-nav button.is-active { color:var(--barley-gold); }
  .mobile-nav button b { position:absolute; margin: -22px 0 0 26px; display:grid; place-items:center; min-width:16px; height:16px; padding:0 4px; border-radius:9px; color:var(--malt-black); background:var(--barley-gold); font-size:.55rem; }
  .page-heading { padding-top:calc(var(--header-height) + 50px); }
  .saved-layout { grid-template-columns:1fr; gap:24px; padding-bottom:110px; }
  .saved-note { position:static; order:-1; }
  .search-dialog__inner { width:calc(100% - 36px); padding:75px 0 110px; }
  .search-results { grid-template-columns:1fr; }
  .search-field--dialog { padding:15px; }
  .search-field--dialog input { font-size:1.15rem; }
  .toast { right:18px; left:18px; bottom:86px; max-width:none; text-align:center; }
}

@media (max-width: 520px) {
  .hero__stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
  .hero__stats dt { font-size:.55rem; }
  .hero__stats dd { font-size:.74rem; }
  .hero__actions { display:grid; grid-template-columns:1fr 1fr; }
  .flavour-grid { grid-template-columns:1fr 1fr; }
  .flavour-card { min-height:156px; padding:16px; }
  .flavour-card strong { font-size:1.05rem; }
  .editorial-image img { min-height:380px; }
  .archive-toolbar { gap:10px; }
  .sort-select { width:120px; }
  .view-switch { display:none; }
  .whisky-card { min-height:232px; }
  .detail-panel { width:100%; }
  .detail-body { padding-left:22px; padding-right:22px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

.detail-panel[hidden] { display: none !important; }

/* MALTIUM full-card interaction */
.whisky-card { cursor: pointer; }
.whisky-card:active { transform: translateY(-1px); }

/* MALTIUM S2A1: selection and detail polish */
.detail-panel[hidden] {
  display: none !important;
}

.archive-main {
  min-width: 0;
}

.whisky-card {
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.whisky-card::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 3px;
  background: linear-gradient(180deg, transparent 4%, var(--barley-gold) 24%, var(--warm-amber) 76%, transparent 96%);
  opacity: 0;
  transform: scaleY(.55);
  transform-origin: center;
  transition: opacity .22s ease, transform .3s var(--ease);
}

.whisky-card:hover {
  border-color: rgba(200,173,82,.34);
}

.whisky-card:focus-visible {
  border-color: var(--barley-gold);
  box-shadow: 0 0 0 2px rgba(194,174,89,.18);
}

.whisky-card.is-selected {
  transform: translateY(-1px);
  border-color: rgba(200,173,82,.58);
  background:
    linear-gradient(90deg, rgba(194,174,89,.09), transparent 34%),
    linear-gradient(145deg, rgba(47,43,35,.96), rgba(21,19,15,.96));
  box-shadow: inset 0 0 0 1px rgba(194,174,89,.08), 0 16px 34px rgba(0,0,0,.18);
}

.whisky-card.is-selected::before {
  opacity: 1;
  transform: scaleY(1);
}

.whisky-card.is-selected h3,
.whisky-card.is-selected .whisky-card__price {
  color: #f1e6d5;
}

.whisky-card:active {
  transform: translateY(0) scale(.995);
}

.whisky-grid.is-compact .whisky-card::before {
  top: 7px;
  bottom: 7px;
}

.whisky-grid.is-compact .whisky-card.is-selected {
  transform: none;
  background: linear-gradient(90deg, rgba(194,174,89,.105), rgba(194,174,89,.025) 42%, transparent 78%);
  box-shadow: inset 0 1px rgba(194,174,89,.07), inset 0 -1px rgba(194,174,89,.07);
}

.detail-panel {
  overscroll-behavior: contain;
  opacity: 0;
  transform: translateX(16px);
  pointer-events: none;
  transition: opacity .24s ease, transform .32s var(--ease);
}

.detail-panel.is-open {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.detail-content--entering {
  animation: maltium-detail-enter .34s var(--ease) both;
}

@keyframes maltium-detail-enter {
  from { opacity: 0; transform: translateY(9px); }
  to { opacity: 1; transform: translateY(0); }
}

.detail-close {
  display: grid;
  place-items: center;
  color: var(--warm-ivory);
  cursor: pointer;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.detail-close:hover,
.detail-close:focus-visible {
  color: var(--barley-gold);
  border-color: rgba(194,174,89,.62);
  background: rgba(7,6,5,.86);
  transform: rotate(5deg);
  outline: none;
}

.detail-close:active {
  transform: scale(.94);
}

@media (max-width: 1180px) {
  .detail-panel {
    opacity: 0;
    transform: translateX(105%);
    pointer-events: none;
  }

  .detail-panel.is-open {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
  }
}

@media (hover: none) {
  .whisky-card:hover {
    transform: none;
  }

  .whisky-card.is-selected {
    transform: none;
  }
}

/* MALTIUM S2A2: mobile full-screen detail */
.mobile-detail-header,
.mobile-detail-dock {
  display: none;
}

.detail-scroll {
  min-height: 100%;
}

@media (max-width: 860px) {
  body.mobile-detail-open {
    overflow: hidden;
    overscroll-behavior: none;
  }

  body.mobile-detail-open .mobile-nav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .detail-panel {
    z-index: 120;
    inset: 0;
    width: 100%;
    height: 100dvh;
    border-left: 0;
    background: var(--malt-black);
    box-shadow: none;
  }

  .detail-content {
    height: 100dvh;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    background:
      radial-gradient(circle at 86% 13%, rgba(194,174,89,.06), transparent 25%),
      var(--malt-black);
  }

  .mobile-detail-header {
    position: relative;
    z-index: 4;
    min-height: calc(62px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 18px 0;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    border-bottom: 1px solid var(--line);
    background: rgba(12,9,7,.94);
    backdrop-filter: blur(18px);
  }

  .mobile-detail-back {
    min-width: 92px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-self: start;
    color: var(--warm-ivory);
    font-size: .7rem;
    letter-spacing: .06em;
  }

  .mobile-detail-back > span:first-child {
    color: var(--barley-gold);
    font-size: 1.05rem;
  }

  .mobile-detail-header__label {
    color: var(--stone);
    font-size: .55rem;
    letter-spacing: .17em;
    text-transform: uppercase;
  }

  .mobile-detail-header .save-button {
    justify-self: end;
    width: 44px;
    height: 44px;
    border: 0;
    font-size: 1.15rem;
  }

  .detail-scroll {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .detail-scroll::-webkit-scrollbar {
    display: none;
  }

  .detail-visual {
    min-height: 185px;
    padding: 22px;
    background:
      linear-gradient(180deg, rgba(12,9,7,.08), rgba(12,9,7,.75)),
      linear-gradient(145deg, rgba(43,36,25,.52), rgba(9,8,6,.8)),
      url("assets/private-room.jpg.png") center 54%/cover;
  }

  .detail-visual__index {
    font-size: 3.5rem;
    opacity: .48;
  }

  .detail-close {
    display: none;
  }

  .detail-body {
    padding: 26px 22px 42px;
  }

  .detail-body h2 {
    max-width: 18ch;
    font-size: clamp(1.7rem, 8vw, 2.35rem);
    line-height: 1.06;
  }

  .detail-body__ko {
    margin-top: 9px;
    font-size: .72rem;
  }

  .detail-specs {
    margin: 24px 0 0;
  }

  .detail-specs div {
    min-height: 66px;
    padding: 12px;
  }

  .detail-section {
    margin-top: 30px;
  }

  .keeper-note {
    font-size: 1rem;
    line-height: 1.75;
  }

  .detail-actions--desktop {
    display: none;
  }

  .mobile-detail-dock {
    position: relative;
    z-index: 5;
    min-height: calc(76px + env(safe-area-inset-bottom));
    padding: 11px 16px calc(11px + env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: minmax(88px, auto) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    border-top: 1px solid var(--line);
    background: rgba(12,9,7,.96);
    backdrop-filter: blur(20px);
  }

  .mobile-detail-price small {
    display: block;
    margin-bottom: 3px;
    color: var(--stone);
    font-size: .52rem;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  .mobile-detail-price strong {
    font-family: var(--serif);
    font-size: 1.02rem;
    font-weight: 400;
    white-space: nowrap;
  }

  .mobile-detail-dock .button {
    min-height: 50px;
    padding-inline: 16px;
    white-space: nowrap;
  }

  .detail-content--entering {
    animation: maltium-mobile-detail-enter .32s var(--ease) both;
  }

  @keyframes maltium-mobile-detail-enter {
    from { opacity: 0; transform: translateX(18px); }
    to { opacity: 1; transform: translateX(0); }
  }
}

@media (max-width: 390px) {
  .mobile-detail-header {
    padding-left: 13px;
    padding-right: 13px;
  }

  .mobile-detail-header__label {
    display: none;
  }

  .mobile-detail-header {
    grid-template-columns: 1fr auto;
  }

  .mobile-detail-dock {
    grid-template-columns: 82px minmax(0,1fr);
    gap: 9px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .mobile-detail-dock .button {
    padding-inline: 10px;
    font-size: .67rem;
  }
}

/* MALTIUM S2A3: mobile compact archive cards */
@media (max-width: 520px) {
  /* 402px급 휴대폰에서 한 화면에 더 많은 보틀을 탐색하도록 카드 밀도를 높인다. */
  .archive-main {
    padding-left: 14px;
    padding-right: 14px;
  }

  .whisky-grid,
  .whisky-grid.is-compact {
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 1px solid var(--line);
  }

  .whisky-grid .whisky-card,
  .whisky-grid.is-compact .whisky-card {
    min-height: 0;
    display: block;
    padding: 13px 50px 13px 14px;
    border: 0;
    border-bottom: 1px solid var(--line);
    background: transparent;
    box-shadow: none;
    transform: none;
  }

  .whisky-grid .whisky-card:hover,
  .whisky-grid .whisky-card.is-selected,
  .whisky-grid.is-compact .whisky-card:hover,
  .whisky-grid.is-compact .whisky-card.is-selected {
    transform: none;
  }

  .whisky-grid .whisky-card.is-selected,
  .whisky-grid.is-compact .whisky-card.is-selected {
    background: linear-gradient(90deg, rgba(194,174,89,.105), rgba(194,174,89,.025) 48%, transparent 88%);
    box-shadow: inset 0 1px rgba(194,174,89,.06), inset 0 -1px rgba(194,174,89,.06);
  }

  .whisky-grid .whisky-card::before,
  .whisky-grid.is-compact .whisky-card::before {
    top: 10px;
    bottom: 10px;
    left: 0;
  }

  .whisky-grid .whisky-card__top,
  .whisky-grid.is-compact .whisky-card__top {
    display: block;
  }

  .whisky-grid .status-badge,
  .whisky-grid.is-compact .status-badge {
    position: static;
    width: fit-content;
    height: auto;
    min-height: 20px;
    margin: 0 0 7px;
    padding: 0 6px;
    border: 1px solid rgba(200,173,82,.23);
    border-radius: 0;
    background: transparent;
    font-size: .5rem;
    letter-spacing: .1em;
  }

  .whisky-grid .save-button,
  .whisky-grid.is-compact .save-button {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 38px;
    height: 38px;
    font-size: 1rem;
  }

  .whisky-grid .whisky-card h3,
  .whisky-grid.is-compact .whisky-card h3 {
    margin: 0;
    max-width: 100%;
    font-size: 1.06rem;
    line-height: 1.14;
    letter-spacing: -.012em;
  }

  .whisky-grid .whisky-card h3 button,
  .whisky-grid.is-compact .whisky-card h3 button {
    width: 100%;
    text-align: left;
  }

  .whisky-grid .whisky-card__korean,
  .whisky-grid.is-compact .whisky-card__korean {
    display: block;
    margin-top: 4px;
    font-size: .59rem;
    line-height: 1.25;
  }

  .whisky-grid .whisky-card__spec,
  .whisky-grid.is-compact .whisky-card__spec {
    display: block;
    margin: 7px 0 0;
    font-size: .61rem;
    line-height: 1.35;
    letter-spacing: .025em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .whisky-grid .whisky-card__notes,
  .whisky-grid.is-compact .whisky-card__notes {
    display: none;
  }

  .whisky-grid .whisky-card__bottom,
  .whisky-grid.is-compact .whisky-card__bottom {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin: 8px 0 0;
    padding: 0;
  }

  .whisky-grid .whisky-card__bottom small,
  .whisky-grid.is-compact .whisky-card__bottom small {
    display: inline;
    margin-right: 6px;
    font-size: .48rem;
    letter-spacing: .08em;
  }

  .whisky-grid .whisky-card__price,
  .whisky-grid.is-compact .whisky-card__price {
    font-size: .88rem;
  }

  .whisky-grid .whisky-card__open,
  .whisky-grid.is-compact .whisky-card__open {
    display: none;
  }
}


/* MALTIUM saved actions only */
.saved-layout { grid-template-columns: 1fr; gap: 22px; }
.saved-note { position: static; order: -1; display: flex; justify-content: flex-end; padding: 0; border: 0; background: none; }
.saved-note .button { width: auto; min-width: 112px; }

/* MALTIUM Sprint 2A-4: mobile simplification */
@media (max-width: 520px) {
  /* Saved 화면만 모바일에서 간결하게 유지 */
  .saved-view .page-heading {
    padding: calc(var(--header-height) + 22px) 0 17px;
  }

  .saved-view .page-heading .eyebrow,
  .saved-view .page-heading > p:last-child {
    display: none;
  }

  .saved-view .page-heading h1 {
    font-size: 1.9rem;
    line-height: 1.08;
    letter-spacing: -.025em;
  }

  .saved-view .saved-layout {
    gap: 14px;
    padding: 18px 0 100px;
  }

  .saved-view .saved-note {
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
  }

  .saved-view .saved-note .button {
    width: auto;
    min-width: 0;
    min-height: 38px;
    padding: 0 14px;
    font-size: .64rem;
  }
}

/* MALTIUM Sprint 2A-5: mobile home whisky card density */
@media (max-width: 520px) {
  /* 홈의 Tonight at Maltium 위스키 카드만 모바일에서 조밀하게 표시 */
  .home-content .featured-grid {
    gap: 10px;
  }

  .home-content .featured-card {
    min-height: 172px;
    padding: 17px 18px 15px;
  }

  .home-content .featured-card::before {
    width: 150px;
    height: 150px;
    right: -58px;
    bottom: -68px;
  }

  .home-content .featured-card__meta {
    gap: 10px;
    font-size: .54rem;
    letter-spacing: .1em;
  }

  .home-content .featured-card h3 {
    max-width: 88%;
    margin: 27px 0 7px;
    font-size: 1.32rem;
    line-height: 1.08;
  }

  .home-content .featured-card__spec {
    font-size: .62rem;
    line-height: 1.35;
  }

  .home-content .featured-card__notes {
    display: none;
  }

  .home-content .featured-card__footer {
    margin-top: 13px;
    padding-top: 11px;
  }

  .home-content .featured-card__price small {
    font-size: .5rem;
  }

  .home-content .featured-card__price strong {
    font-size: 1rem;
  }
}


/* MALTIUM mobile bottom navigation touch targets */
@media (max-width: 860px) {
  .mobile-nav {
    height: calc(76px + env(safe-area-inset-bottom));
    padding: 0 4px env(safe-area-inset-bottom);
    gap: 0;
  }

  .mobile-nav button {
    position: relative;
    width: 100%;
    height: 76px;
    min-width: 0;
    min-height: 76px;
    padding: 8px 4px 7px;
    border-radius: 10px;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
  }

  .mobile-nav button span {
    font-size: 1.2rem;
    line-height: 1;
  }

  .mobile-nav button:active {
    background: rgba(200, 173, 82, 0.12);
  }

  .mobile-nav button.is-active {
    background: rgba(200, 173, 82, 0.07);
  }

  .mobile-nav button b {
    top: 10px;
    left: calc(50% + 8px);
    margin: 0;
  }

  .archive-main,
  .saved-layout,
  .home-content {
    padding-bottom: 126px;
  }
}

/* MALTIUM mobile icon visibility */
@media (max-width: 860px) {
  /* 우측 상단 검색 버튼 */
  .header-search {
    width: 50px;
    height: 50px;
    min-width: 50px;
    padding: 0;
    border-radius: 4px;
  }

  .header-search > span:first-child {
    display: block;
    font-size: 1.65rem;
    line-height: 1;
    transform: translateY(-1px);
  }

  /* 하단 내비게이션 아이콘 */
  .mobile-nav button {
    gap: 5px;
    font-size: 0.66rem;
    line-height: 1;
  }

  .mobile-nav button > span {
    display: block;
    font-size: 1.55rem;
    line-height: 1;
    font-weight: 400;
  }

  .mobile-nav button b {
    min-width: 18px;
    height: 18px;
    font-size: 0.6rem;
  }
}

/* MALTIUM mobile search icons only */
@media (max-width: 860px) {
  /* 오른쪽 상단 검색 돋보기 */
  .header-search > span:first-child {
    font-size: 2.05rem !important;
  }

  /* 하단 네비게이션 가운데 Archive 돋보기 */
  .mobile-nav button:nth-child(2) > span {
    font-size: 1.95rem !important;
  }
}

/* MALTIUM mobile search dialog title */
@media (max-width: 860px) {
  .search-dialog__heading h2 {
    font-size: 1.4rem !important;
    line-height: 1.2;
    letter-spacing: -0.025em;
    white-space: nowrap;
  }
}