/* Hanged: inner pages (category, product, basket, help pages, 404). Loaded after fp-shop.css on every page but the
   home page. Same rules as the home sheet: ink, paper, one brass accent, square corners, hairline rules. */

/* ---------- category head: three product photos pegged on a line, like cards in a shop window ---------- */
@media (min-width:1024px){
  .fp-cathead-in{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:48px}
}
.hg-cathead-art{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;gap:20px;min-height:0;padding:30px 4px 6px;margin:0}
.fp-cathead .fp-cathead-art.hg-cathead-art{position:relative;inset:auto;width:auto;height:auto;opacity:1;pointer-events:none}
.hg-cat-string{position:absolute;left:-12px;right:-12px;top:18px;height:2px;background:linear-gradient(90deg,transparent,var(--brass-l) 8%,var(--brass-l) 92%,transparent)}
.hg-cat-ph{position:relative;margin:0;width:150px;flex:none;background:#fff;padding:7px 7px 16px;box-shadow:0 16px 26px -16px rgba(0,0,0,.75);transform-origin:50% -12px}
.hg-cat-ph img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.hg-cat-ph--1{transform:rotate(-3deg)}
.hg-cat-ph--2{transform:rotate(2deg);margin-top:12px}
.hg-cat-ph--3{transform:rotate(-1.5deg);margin-top:4px}
.hg-peg{position:absolute;z-index:1;top:-17px;left:50%;width:9px;height:24px;margin-left:-4.5px;background:var(--brass);box-shadow:inset -2px 0 0 rgba(0,0,0,.25)}
@media (max-width:1199px){.hg-cat-ph{width:124px}}
@media (max-width:1023px){
  .hg-cathead-art{justify-content:flex-start;gap:14px;padding-top:26px;margin-top:18px}
  .hg-cat-ph{width:min(30%,120px)}
}
@media (prefers-reduced-motion:no-preference){
  .hg-cat-ph{animation:hg-sway 7s ease-in-out infinite alternate}
  .hg-cat-ph--2{animation-delay:-2.5s}.hg-cat-ph--3{animation-delay:-5s}
}
@keyframes hg-sway{from{rotate:-.8deg}to{rotate:.8deg}}

/* ---------- category buying guide: one readable column, not a two-column newspaper ---------- */
.fp-guidecopy .fp-prose--cols{column-count:1;max-width:78ch;margin-inline:auto}
.fp-guidecopy .fp-prose--cols > *{break-inside:auto}

/* ---------- product: dispatch line ---------- */
.hg-days{display:flex;align-items:center;gap:8px;margin:10px 0 0;font:600 15px/1.3 var(--body);color:var(--mute)}
.hg-days .fp-ui{width:18px;height:18px;color:var(--brass-d)}

/* ---------- help and company pages: head with a street photo on the right ---------- */
.hg-arthead--ph .fp-arthead-in{display:grid;grid-template-columns:minmax(0,1fr);row-gap:10px}
.hg-arthead-ph{margin:0;order:-1}
.hg-arthead-ph img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media (min-width:900px){
  .hg-arthead--ph .fp-arthead-in{grid-template-columns:minmax(0,1fr) minmax(280px,400px);column-gap:56px;align-items:center}
  .hg-arthead--ph .fp-arthead-in > :not(.hg-arthead-ph){grid-column:1}
  .hg-arthead-ph{order:0;grid-column:2;grid-row:1 / span 6;align-self:center;border:6px solid var(--paper);box-shadow:0 22px 40px -24px rgba(0,0,0,.8)}
  .hg-arthead-ph img{aspect-ratio:4/3}
}
.fp-arthead h1{text-transform:uppercase;letter-spacing:.005em}
.help__body table,.fp-prose table{border-collapse:collapse;width:100%}
.sw-delivery-table th,.sw-delivery-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.sw-delivery-table thead th{background:var(--ink);color:var(--paper);font:700 15px/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase}
.sw-delivery-table td:first-child{font-weight:700;white-space:nowrap}
@media (max-width:759px){.sw-delivery-table{display:block;overflow-x:auto;white-space:nowrap}}

/* ---------- 404 ---------- */
.hg-404{padding-block:56px 44px;border-bottom:1px solid var(--line)}
.hg-404-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:center}
.hg-404 h1{font:800 clamp(40px,5vw,76px)/.95 var(--display);text-transform:uppercase;margin:10px 0 14px}
.hg-404-txt > p{max-width:56ch;color:var(--mute);font-size:18px;line-height:1.55;margin:0}
.hg-search--big{margin:24px 0 14px;max-width:640px}
.hg-404-dym{margin:0 0 18px!important}
.hg-404-dym a{font-weight:700;color:var(--brass-d);text-decoration:underline;text-underline-offset:3px}
.hg-404-art{display:flex;justify-content:center}
.hg-404-sign{position:relative;width:min(100%,340px);padding-top:26px}
.hg-404-arm{position:absolute;top:0;left:0;right:22%;height:7px;background:var(--ink)}
.hg-404-arm::before{content:"";position:absolute;left:0;top:-30px;width:7px;height:37px;background:var(--ink)}
.hg-404-plate{position:relative;margin-left:18%;background:var(--ink);color:var(--paper);border:3px solid var(--brass);outline:1px solid var(--ink);padding:26px 30px 24px;text-align:center;transform:rotate(-4deg);transform-origin:50% 0;box-shadow:0 24px 40px -22px rgba(0,0,0,.8)}
.hg-404-plate::before,.hg-404-plate::after{content:"";position:absolute;top:-26px;width:2px;height:26px;background:var(--ink)}
.hg-404-plate::before{left:22%}.hg-404-plate::after{right:22%}
.hg-404-plate small{display:block;font:700 14px/1 var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--brass-l)}
.hg-404-plate b{display:block;color:var(--paper);font:900 clamp(84px,9vw,128px)/1 var(--display);letter-spacing:.02em}
.hg-404-plate span{display:block;font:700 18px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}
.hg-404-dir{padding-block:40px 64px}
.hg-404-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.hg-404-list li{margin:0}
.hg-404-list a{display:flex;align-items:center;gap:4px;min-height:58px;padding:14px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:700 20px/1.1 var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);text-decoration:none;background:var(--card);transition:background-color .15s}
.hg-404-list a:hover{background:var(--brass-t)}
.hg-404-list small{margin-left:auto;padding-left:10px;font:500 14px/1 var(--body);color:var(--mute)}
.hg-404-help{list-style:none;display:flex;flex-wrap:wrap;gap:8px 28px;padding:22px 0 0;margin:0}
.hg-404-help a{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:4px}
@media (max-width:899px){
  .hg-404-in{grid-template-columns:1fr;gap:28px}
  .hg-404-art{order:-1;justify-content:flex-start}
  .hg-404-sign{width:min(100%,260px)}
}

/* ---------- empty basket ---------- */
.hg-emptycart{display:grid;gap:36px;padding-block:8px 24px}
.hg-emptycart-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:48px;align-items:center}
.hg-emptycart-h h2{font:800 clamp(34px,4vw,56px)/1 var(--display);text-transform:uppercase;margin:0 0 12px}
.hg-emptycart-h p{max-width:52ch;color:var(--mute);font-size:18px;line-height:1.55;margin:0 0 20px}
.hg-emptycart-ph{margin:0}
.hg-emptycart-ph img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
@media (max-width:759px){.hg-emptycart-h{grid-template-columns:1fr;gap:20px}.hg-emptycart-ph{order:-1}}