/* ==========================================================================
   INFINITY CITY · Visit the store (/visit-the-store/, v5 2026-10-29) — loads after ifc-home.css
   Paper head + real store photo gallery -> intro with photo -> address / hours / map (#map) ->
   social channels -> homepage In-store services + Journal blocks (styles from ifc-home.css).
   ========================================================================== */
:root{--ic-crumb-sep:#B7BECC}
.ic-crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;margin:0 0 18px;padding:0;font:500 15px var(--ic-font);color:var(--ic-muted)}
.ic-crumb li+li::before{content:"/";margin-right:10px;color:var(--ic-crumb-sep)}
.ic-crumb a{position:relative;transition:color .2s}
.ic-crumb a::after{content:"";position:absolute;inset:-14px -8px}
.ic-crumb a:hover{color:var(--ic-ink);text-decoration:underline;text-underline-offset:3px}
.ic-crumb [aria-current]{color:var(--ic-ink)}
.ic-todo{background:#FFF1C2;color:var(--ic-ink);padding:0 4px;border-radius:2px}

/* ---------- head + gallery ---------- */
.ic-shead{background:var(--ic-paper);padding:24px 0 40px;border-bottom:1px solid var(--ic-line)}
.ic-shead__c{padding:0 var(--ic-gutter)}
.ic-shead__h{font-size:30px;margin:0;max-width:14em}
.ic-shead__p{margin:16px 0 0;max-width:600px;font-size:16px;line-height:1.5;color:var(--ic-muted)}
/* phones: swipeable strip; desktop: one large photo + four */
.ic-gal{display:flex;gap:8px;margin:28px 0 0;padding:0 var(--ic-gutter);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--ic-gutter);scrollbar-width:none}
.ic-gal::-webkit-scrollbar{display:none}
.ic-gal__i{flex:none;width:84%;aspect-ratio:3/2;border-radius:var(--ic-radius);overflow:hidden;scroll-snap-align:start;background:var(--ic-line)}
.ic-gal__i img{width:100%;height:100%;object-fit:cover}
@media (min-width:768px){.ic-gal__i{width:56%}}
@media (min-width:1024px){
  .ic-shead{padding:30px 0 64px}
  .ic-shead__c{padding:0 var(--ic-pad-x)}
  .ic-crumb ol{font-size:16px;margin-bottom:26px}
  .ic-shead__h{font-size:44px}
  .ic-shead__p{font-size:18px;margin-top:20px}
  .ic-gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;margin-top:40px;padding:0 var(--ic-pad-x);overflow:visible;height:min(560px,42vw)}
  .ic-gal__i{width:auto;aspect-ratio:auto}
  .ic-gal__i--big{grid-row:1 / span 2}
}

/* ---------- intro ---------- */
.ic-sabout{background:#fff}
.ic-sabout__t p{margin:16px 0 0;max-width:560px;font-size:16px;line-height:1.6;color:var(--ic-muted)}
.ic-sabout__t p:first-of-type{margin-top:20px}
.ic-sabout__btns{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.ic-sabout__pic{position:relative;margin:36px 0 0;border-radius:var(--ic-radius);overflow:hidden;aspect-ratio:4/3}
.ic-sabout__pic img{width:100%;height:100%;object-fit:cover}
@media (min-width:1024px){
  .ic-sabout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,640px);column-gap:80px;align-items:center}
  .ic-sabout__t p{font-size:17px}
  .ic-sabout__pic{margin:0}
}

/* ---------- address, hours, map ---------- */
.ic-sinfo{background:var(--ic-paper);scroll-margin-top:var(--ic-header-h)}
.ic-sinfo__grid{margin-top:28px}
.ic-sinfo__rows .ic-srow:first-child{border-top:1px solid var(--ic-ink)}
.ic-srow__s a{color:var(--ic-ink);text-decoration:underline;text-underline-offset:3px}
.ic-srow button.ic-srow__a{display:inline-flex;margin-top:8px;font:600 14px var(--ic-font);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ic-line)}
.ic-srow .ic-srow__a{margin-top:8px}
.ic-srow__a--b{font-size:16px!important}
.ic-sinfo__map{margin-top:24px;border:1px solid var(--ic-line);border-radius:var(--ic-radius);overflow:hidden;background:#fff}
.ic-sinfo__map iframe{display:block;width:100%;height:320px;border:0}
@media (min-width:1024px){
  .ic-sinfo__grid{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);column-gap:64px;align-items:stretch;margin-top:40px}
  .ic-sinfo__map{margin-top:0}
  .ic-sinfo__map iframe{height:100%;min-height:440px}
}

/* ---------- social ---------- */
.ic-ssoc{background:#fff}
.ic-ssoc__list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:28px 0 0;padding:0;list-style:none}
.ic-soc2{display:flex;align-items:center;gap:16px;height:100%;padding:18px 20px;border:1px solid var(--ic-line);border-radius:var(--ic-radius);transition:border-color .2s}
.ic-soc2:hover{border-color:var(--ic-ink)}
.ic-soc2__ic{display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;border-radius:50%;background:var(--ic-ink);color:#fff}
.ic-soc2__ic .ic-brand{width:22px;height:22px}
.ic-soc2__t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.ic-soc2__k{font-size:13px;color:var(--ic-muted)}
.ic-soc2 b{font:600 16px/1.3 var(--ic-font)}
.ic-soc2__d{font-size:14px;color:var(--ic-muted)}
.ic-soc2__go{flex:none;color:var(--ic-muted);transition:transform .2s var(--ic-ease),color .2s}
.ic-soc2:hover .ic-soc2__go{transform:translate(2px,-2px);color:var(--ic-ink)}
.ic-soc2[data-todo]{border-style:dashed}
@media (min-width:768px){.ic-ssoc__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.ic-ssoc__list{gap:16px;margin-top:40px}.ic-soc2{padding:22px 24px}}
/* ---------- v5.2: plain ink Journal (no striped snow edges) ---------- */
.ic-journal--flat{background:var(--ic-ink);padding-bottom:24px}   /* the ink footer follows directly: no double gap */
.ic-journal--flat::before,.ic-journal--flat::after{content:none}
/* ---------- v6 readability (2026-10-30) ---------- */
.ic-shead__p{max-width:56ch;font-size:16px;line-height:1.55;color:var(--ic-text)}
.ic-sabout__t p{max-width:60ch;font-size:16px;line-height:1.65;color:var(--ic-text)}
.ic-soc2__k{line-height:1.4}
.ic-soc2__d{font-size:15px;line-height:1.45}
@media (min-width:1024px){
  .ic-shead__p{font-size:18px;line-height:1.6}
  .ic-sabout__t p{font-size:17px;line-height:1.7}
}
