/*
 * fp-shell.css — Feine Poster Canonical Shell
 * FP-SITE-001a · 31.05.2026
 *
 * Scope: .fp-collection-page (body class set by fp-shell.php)
 * Covers: header, primary nav, secondary nav, mobile nav, footer
 *
 * Design tokens from fp-pdp.css (identical token set):
 *   --fp-ink, --fp-ink-soft, --fp-ink-muted
 *   --fp-paper, --fp-paper-shade, --fp-cream, --fp-line
 *   --fp-gold, --fp-gold-deep, --fp-oxblood
 */

/* ═══ DESIGN TOKENS ═════════════════════════════════════════════════════════ */
:root {
  --fp-ink:         #1c1714;
  --fp-ink-soft:    #2a2520;
  --fp-ink-muted:   #6b5f54;
  --fp-paper:       #faf6ec;
  --fp-paper-shade: #efe7d4;
  --fp-cream:       #f4ede0;
  --fp-line:        #e6dccb;
  --fp-gold:        #a8895c;
  --fp-gold-deep:   #8a6f44;
  --fp-oxblood:     #3d1f1a;

  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'Inter', system-ui, sans-serif;
  --font-caps:  'Cinzel', serif;
}

/* ═══ BASE RESET (fp-collection-page scope) ═════════════════════════════════ */
.fp-collection-page *,
.fp-collection-page *::before,
.fp-collection-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.fp-collection-page {
  font-family: var(--font-sans);
  background: var(--fp-paper);
  color: var(--fp-ink);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.fp-collection-page a {
  color: inherit;
  text-decoration: none;
}
.fp-collection-page ul,
.fp-collection-page ol {
  list-style: none;
}
.fp-site-wrap {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* ═══ UTILITY BAR ═══════════════════════════════════════════════════════════ */
/* FP-SITE-001a v0.1.36: Minimal utility bar — konsistent zur Homepage */
.fp-util-bar {
  background: var(--fp-ink);
  color: rgba(250, 246, 236, 0.65);
  font-family: var(--font-sans);
  font-size: 10px;
  letter-spacing: 0.07em;
}
.fp-util-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 6px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.fp-util-left { flex: 1; }
.fp-util-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.fp-util-right a {
  color: rgba(250, 246, 236, 0.65);
  text-decoration: none;
  transition: color 0.15s;
}
.fp-util-right a:hover { color: var(--fp-paper); }
.fp-util-sep { opacity: 0.35; }

/* ═══ HEADER ════════════════════════════════════════════════════════════════ */
.fp-site-header {
  background: var(--fp-paper);
  border-bottom: 1px solid var(--fp-line);
  position: sticky;
  top: 0;
  z-index: 200;
}
.fp-header-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 48px;
}

/* Gold accent line */
.fp-header-accent {
  height: 2px;
  background: linear-gradient(90deg, var(--fp-gold) 0%, transparent 60%);
}

/* Main header row */
.fp-header-main {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

/* Logo — wordmark + tagline (FP-SITE-001a v0.1.36) */
.fp-site-logo {
  display: flex;
  flex-direction: column;
  gap: 1px;
  color: var(--fp-ink);
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none;
  line-height: 1.2;
}
.fp-site-logo:hover { color: var(--fp-gold-deep); }
.fp-site-logo__wm {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0.03em;
  border-bottom: 1px solid var(--fp-gold);
  padding-bottom: 3px;
  margin-bottom: 2px;
}
.fp-site-logo__claim {
  font-family: var(--font-sans);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--fp-ink-muted);
}

/* Shell browse CTA — „Ganze Sammlung" button in header */
.fp-shell-browse {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 14px;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fp-ink);
  border: 1px solid var(--fp-line);
  border-radius: 2px;
  white-space: nowrap;
  transition: border-color 0.15s, color 0.15s;
  text-decoration: none;
  flex-shrink: 0;
}
.fp-shell-browse:hover {
  border-color: var(--fp-gold);
  color: var(--fp-ink);
}

/* Primary nav */
.fp-nav--primary {
  flex: 1;
  display: flex;
  justify-content: center;
}
.fp-nav-list {
  display: flex;
  gap: 28px;
  align-items: center;
  flex-wrap: wrap;
}
.fp-nav--primary .fp-nav-list {
  gap: 24px;
}
.fp-nav-link {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fp-ink-muted);
  display: flex;
  align-items: center;
  gap: 5px;
  transition: color 0.15s;
  white-space: nowrap;
  padding: 4px 0;
  position: relative;
}
.fp-nav-link:hover {
  color: var(--fp-ink);
}
.fp-nav-item--active .fp-nav-link {
  color: var(--fp-ink);
}
.fp-nav-item--active .fp-nav-link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--fp-gold);
}

/* Coming-soon badge */
.fp-nav-badge {
  font-family: var(--font-sans);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fp-paper);
  background: var(--fp-gold);
  padding: 2px 5px;
  border-radius: 2px;
  line-height: 1;
  flex-shrink: 0;
}

/* Header actions: browse CTA + hamburger */
.fp-header-actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Secondary-Nav-Zeile entfernt (PATCH-001) — Journal/About in Primär-Nav */
/* .fp-header-secondary, .fp-nav--secondary: nicht mehr verwendet */

/* Journal/About als sec-Items in der Primär-Nav: leicht gedimmt */
.fp-nav-item--sec .fp-nav-link {
  color: var(--fp-ink-muted);
  opacity: 0.75;
}
.fp-nav-item--sec .fp-nav-link:hover {
  color: var(--fp-ink);
  opacity: 1;
}

/* ═══ MOBILE NAV TRIGGER ════════════════════════════════════════════════════ */
.fp-mobile-nav-trigger {
  display: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  color: var(--fp-ink-muted);
}
.fp-hamburger {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 22px;
}
.fp-hamburger span {
  display: block;
  height: 1.5px;
  background: currentColor;
  border-radius: 1px;
  transition: all 0.2s;
}

/* ═══ MOBILE NAV OVERLAY ════════════════════════════════════════════════════ */
.fp-mobile-nav {
  position: fixed;
  inset: 0 auto 0 0;
  width: min(320px, 85vw);
  background: var(--fp-paper);
  border-right: 1px solid var(--fp-line);
  z-index: 500;
  transform: translateX(-100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.fp-mobile-nav.fp-mobile-nav--open {
  transform: translateX(0);
}
.fp-mobile-nav__inner {
  padding: 24px;
}
.fp-mobile-nav__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--fp-line);
  margin-bottom: 20px;
}
.fp-mobile-nav__logo {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 20px;
  color: var(--fp-ink);
}
.fp-mobile-nav__close {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 18px;
  color: var(--fp-ink-muted);
  padding: 4px;
  line-height: 1;
}
.fp-mobile-nav__close:hover { color: var(--fp-ink); }
.fp-mobile-nav__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.fp-mobile-nav__link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fp-ink-muted);
  border-bottom: 1px solid var(--fp-line);
}
.fp-mobile-nav__link:hover { color: var(--fp-ink); }
.fp-mobile-nav__item--secondary .fp-mobile-nav__link {
  font-size: 10px;
  color: var(--fp-ink-muted);
  opacity: 0.75;
}

/* „Ganze Sammlung ansehen" im Mobile Nav — FP-MOBILE-001 */
.fp-mobile-nav__item--browse {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--fp-line);
}
.fp-mobile-nav__link--browse {
  color: var(--fp-gold-deep);
  font-weight: 700;
  letter-spacing: 0.06em;
}
.fp-mobile-nav__link--browse:hover {
  color: var(--fp-gold);
}

/* Mobile scrim */
.fp-mobile-nav-scrim {
  position: fixed;
  inset: 0;
  background: rgba(28, 23, 20, 0.4);
  z-index: 499;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.fp-mobile-nav-scrim.fp-scrim--visible {
  opacity: 1;
  pointer-events: auto;
}

/* ═══ COMING-SOON PAGE (page-fine-art-photos.php) ══════════════════════════ */
/* FP-SITE-001a-PATCH-002: Shell-konformer Platzhalter für Fine Art & Photos. */
.fp-comingsoon-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fp-paper);
  padding: 80px 32px;
  min-height: 60vh;
}
.fp-comingsoon-lede {
  max-width: 560px;
  text-align: center;
}
.fp-comingsoon-h1 {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 38px;
  line-height: 1.15;
  color: var(--fp-ink);
  margin: 12px 0 20px;
  letter-spacing: -0.01em;
}
.fp-comingsoon-text {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.65;
  color: var(--fp-ink-soft);
  margin: 0 0 28px;
}
.fp-comingsoon-cta {
  display: inline-block;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fp-gold-deep);
  text-decoration: none;
  border-bottom: 1px solid var(--fp-gold);
  padding-bottom: 2px;
  transition: color 0.15s, border-color 0.15s;
}
.fp-comingsoon-cta:hover {
  color: var(--fp-ink);
  border-bottom-color: var(--fp-ink);
}
@media (max-width: 480px) {
  .fp-comingsoon-main { padding: 48px 20px; }
  .fp-comingsoon-h1 { font-size: 28px; }
}

/* ═══ FOOTER ════════════════════════════════════════════════════════════════ */
.fp-site-footer {
  background: var(--fp-ink);
  color: var(--fp-paper);
  margin-top: auto;
}
.fp-footer-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 48px 48px 32px;
}
.fp-footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(230, 220, 203, 0.15);
}
.fp-footer-logo {
  display: block;
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 20px;
  color: var(--fp-paper);
  margin-bottom: 8px;
}
.fp-footer-logo:hover { color: var(--fp-gold); }
.fp-footer-tagline {
  font-size: 12px;
  color: rgba(250, 246, 236, 0.55);
  letter-spacing: 0.02em;
}
.fp-footer-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 24px;
  justify-content: flex-end;
}
.fp-footer-nav__link {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(250, 246, 236, 0.55);
  transition: color 0.15s;
}
.fp-footer-nav__link:hover { color: var(--fp-paper); }
.fp-footer-bottom {
  padding-top: 20px;
}
.fp-footer-legal {
  font-size: 11px;
  color: rgba(250, 246, 236, 0.35);
  letter-spacing: 0.02em;
}

/* ═══ RESPONSIVE — TABLET & MOBILE ══════════════════════════════════════════ */
@media (max-width: 1100px) {
  .fp-header-inner { padding: 0 32px; }
  .fp-footer-inner { padding: 40px 32px 24px; }
  .fp-nav--primary .fp-nav-list { gap: 18px; }
  .fp-nav-link { font-size: 9.5px; }
}

@media (max-width: 860px) {
  /* Hide desktop primary nav, show hamburger */
  .fp-nav--primary { display: none; }
  .fp-mobile-nav-trigger { display: flex; }
  .fp-shell-browse { display: none; } /* Show only on desktop */
  .fp-header-main { gap: 16px; }
  .fp-header-inner { padding: 0 20px; }
  .fp-footer-inner { padding: 32px 20px 20px; }
  .fp-util-bar { display: none; } /* Hide utility bar on mobile */

  /* Secondary nav also hidden on mobile (accessible via mobile nav) */
  .fp-header-secondary { display: none; }

  /* Footer adjustments */
  .fp-footer-top {
    flex-direction: column;
    gap: 24px;
  }
  .fp-footer-nav__list { justify-content: flex-start; }
}

@media (max-width: 480px) {
  .fp-site-logo { font-size: 19px; }
}


/* >>> FP-P1-UI-FIX-001 (HEADER AIR) START >>> */
.fp-site-header .fp-header-main{ padding-top:22px; padding-bottom:20px; }
.fp-site-header .fp-header-inner{ padding-top:4px; }
.fp-site-header .fp-nav--primary .fp-nav-item--sec{ margin-top:2px; }
@media (max-width:860px){ .fp-c8-header{ padding-top:14px; padding-bottom:14px; } }
/* <<< FP-P1-UI-FIX-001 (HEADER AIR) END <<< */


/* >>> FP-GOVERNANCE-P1 START (2026-06-25) — ClaudeDesign Subpage Shell governance.
   Scope: .fp-collection-page (all public subpages; NOT the homepage).
   1320 logo-axis · dark department hero · 4:5 preview stage · structured preview
   slots · department view-toggle · Cormorant H1 · mobile. Reversible: delete block. <<< */
.fp-collection-page{ --fpg-axis:1320px; --fpg-gut:32px; --fpg-pad:max(32px, calc(50% - 628px)); }

/* P1.1 AXIS — existing content containers onto the logo axis */
.fp-collection-page .fp-collection-wrap,
.fp-collection-page .fp-footer-inner{
  max-width:var(--fpg-axis) !important; margin-left:auto !important; margin-right:auto !important;
  padding-left:var(--fpg-gut) !important; padding-right:var(--fpg-gut) !important;
}
.fp-collection-page .fp-collection-lede{ padding-left:var(--fpg-pad) !important; padding-right:var(--fpg-pad) !important; }
.fp-collection-page .fp-collection-lede h1{
  font-family:"Cormorant Garamond",Georgia,serif !important; font-weight:500 !important;
  letter-spacing:-.01em !important; text-align:left !important;
}

/* P1.2 + P1.8 DARK DEPARTMENT HERO (landing pages) */
.fp-collection-page .fp-dept-hero{
  position:relative; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); width:100vw;
  background:var(--fp-ink,#1C1714); color:var(--fp-paper,#FAF6EC);
  padding:64px var(--fpg-pad); box-sizing:border-box; margin-bottom:40px;
}
.fp-collection-page .fp-dept-hero__ey{
  font-family:Inter,system-ui,sans-serif; font-size:11px; font-weight:600; letter-spacing:.2em;
  text-transform:uppercase; color:var(--fp-gold,#A8895C); margin:0 0 14px;
}
.fp-collection-page .fp-dept-hero__h1{
  font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; font-size:46px; line-height:1.05;
  letter-spacing:-.01em; text-align:left; margin:0 0 16px; color:var(--fp-paper,#FAF6EC);
}
.fp-collection-page .fp-dept-hero__intro{
  font-family:"Cormorant Garamond",Georgia,serif; font-size:18px; line-height:1.6; max-width:62ch;
  text-align:left; color:var(--fp-paper,#FAF6EC); opacity:.82; margin:0;
}

/* P1 DEPARTMENT TOOLBAR + VIEW-TOGGLE (mirrors /collection/) */
.fp-collection-page .fp-dept-wrap{ max-width:var(--fpg-axis); margin:0 auto; padding-left:var(--fpg-gut); padding-right:var(--fpg-gut); }
.fp-collection-page .fp-dept-toolbar{
  display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin:0 0 26px;
  padding-bottom:14px; border-bottom:1px solid var(--fp-line,#E6DCCB);
}
.fp-collection-page .viewseg{ display:inline-flex; border:1px solid var(--fp-line,#E6DCCB); border-radius:3px; overflow:hidden; }
.fp-collection-page .viewseg a{
  font-family:Inter,system-ui,sans-serif; font-size:11px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; padding:9px 16px; color:var(--fp-ink,#1C1714); text-decoration:none; background:var(--fp-paper,#FAF6EC);
}
.fp-collection-page .viewseg a + a{ border-left:1px solid var(--fp-line,#E6DCCB); }
.fp-collection-page .viewseg a.is-active{ background:var(--fp-ink,#1C1714); color:var(--fp-paper,#FAF6EC); }
.fp-collection-page .fp-dept-tabs{
  display:flex; gap:16px; font-family:Inter,system-ui,sans-serif; font-size:11px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; color:var(--fp-ink-soft,#6b6253);
}
.fp-collection-page .fp-dept-tabs .is-active{ color:var(--fp-ink,#1C1714); border-bottom:2px solid var(--fp-gold,#A8895C); padding-bottom:3px; }

/* P1.3 + P1.4 + P1.6/7 UNIFIED 4:5 PREVIEW CARD STAGE */
.fp-collection-page .fp-pgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin:0 0 8px; }
.fp-collection-page .fp-pcard{ display:flex; flex-direction:column; text-align:left; background:var(--fp-paper,#FAF6EC); border:1px solid var(--fp-line,#E6DCCB); }
.fp-collection-page .fp-pcard__stage{
  position:relative; aspect-ratio:4/5; width:100%; background:var(--fp-paper-shade,#EFE7D4);
  border-bottom:1px solid var(--fp-line,#E6DCCB); display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.fp-collection-page .fp-pcard__stage img{ width:100%; height:100%; object-fit:contain; }
.fp-collection-page .fp-pcard__submark{ font-family:"Cinzel",serif; font-size:16px; letter-spacing:.22em; color:var(--fp-gold,#A8895C); opacity:.55; }
.fp-collection-page .fp-pcard__soon{
  position:absolute; bottom:12px; left:0; right:0; text-align:center; font-family:Inter,system-ui,sans-serif;
  font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--fp-ink-muted,#8A7E6E);
}
.fp-collection-page .fp-pcard__body{ padding:14px 16px 18px; }
.fp-collection-page .fp-pcard__title{
  font-family:"Cormorant Garamond",Georgia,serif; font-size:16px; font-weight:600; text-transform:uppercase;
  letter-spacing:.05em; margin:0 0 6px; color:var(--fp-ink,#1C1714);
}
.fp-collection-page .fp-pcard__sub{ font-family:Inter,system-ui,sans-serif; font-size:12px; line-height:1.55; color:var(--fp-ink-soft,#6b6253); margin:0; }

/* P1.12 MOBILE */
@media (max-width:900px){
  .fp-collection-page{ --fpg-pad:24px; }
  .fp-collection-page .fp-collection-wrap,
  .fp-collection-page .fp-footer-inner,
  .fp-collection-page .fp-dept-wrap{ padding-left:24px !important; padding-right:24px !important; }
  .fp-collection-page .fp-dept-hero{ padding:44px 24px; }
  .fp-collection-page .fp-dept-hero__h1,
  .fp-collection-page .fp-collection-lede h1{ font-size:34px !important; }
  .fp-collection-page .fp-pgrid{ grid-template-columns:repeat(2,1fr); gap:16px; }
}
@media (max-width:520px){ .fp-collection-page .fp-pgrid{ grid-template-columns:1fr 1fr; gap:12px; } }

/* P1.8/11 reading pages (About/Journal/Legal): Cormorant H1, same shell + axis */
.fp-collection-page .fp-shell-page h1:not(.fp-dept-hero__h1){ font-family:"Cormorant Garamond",Georgia,serif !important; font-weight:500 !important; letter-spacing:-.01em; }
/* >>> FP-GOVERNANCE-P1 END <<< */

/* >>> FP-GOVERNANCE-P1-CLOSEOUT (2026-06-25) — category toolbar view-toggle alignment. Reversible. <<< */
.fp-collection-page .fp-tbar .viewseg{ align-self:center; flex:0 0 auto; }
.fp-collection-page .fp-tbar-view a{ padding-top:7px; padding-bottom:7px; }
@media (max-width:900px){ .fp-collection-page .fp-collection-wrap{ overflow-x:clip; } }
/* >>> FP-GOVERNANCE-P1-CLOSEOUT END <<< */

/* >>> FP-SERVICE-PAGES START (2026-06-25) — reading/service-page shell (Versand, Echtheit, Zustand, Rahmung, International, Dank, Kontakt, Legal). Reversible. <<< */
.fp-collection-page .fp-svc{ max-width:820px; margin:0 auto; padding:56px 32px 72px; }
.fp-collection-page .fp-svc__ey{ font-family:Inter,system-ui,sans-serif; font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--fp-gold,#A8895C); margin:0 0 14px; }
.fp-collection-page .fp-svc h1{ font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; font-size:44px; line-height:1.05; letter-spacing:-.01em; margin:0 0 16px; color:var(--fp-ink,#1C1714); }
.fp-collection-page .fp-svc__lead{ font-family:"Cormorant Garamond",Georgia,serif; font-size:19px; line-height:1.55; color:var(--fp-ink-soft,#5a5145); margin:0 0 26px; max-width:64ch; }
.fp-collection-page .fp-svc h2{ font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; font-size:25px; letter-spacing:-.005em; margin:32px 0 8px; color:var(--fp-ink,#1C1714); }
.fp-collection-page .fp-svc p, .fp-collection-page .fp-svc li{ font-family:Inter,system-ui,sans-serif; font-size:16px; line-height:1.7; color:var(--fp-ink,#1C1714); max-width:72ch; }
.fp-collection-page .fp-svc p{ margin:0 0 14px; }
.fp-collection-page .fp-svc ul{ margin:0 0 14px 18px; } .fp-collection-page .fp-svc li{ margin:0 0 6px; }
.fp-collection-page .fp-svc a{ color:var(--fp-gold-deep,#8A6F44); }
.fp-collection-page .fp-svc__note{ font-family:Inter,system-ui,sans-serif; font-size:13px; line-height:1.6; color:var(--fp-ink-muted,#8A7E6E); border-top:1px solid var(--fp-line,#E6DCCB); margin-top:30px; padding-top:14px; }
@media(max-width:900px){ .fp-collection-page .fp-svc{ padding:36px 24px 56px; } .fp-collection-page .fp-svc h1{ font-size:34px; } }
/* >>> FP-SERVICE-PAGES END <<< */


/* >>> FP-MOBILE-OVERFLOW-FIX-v1 — mobile header-row gap fix (global header / collection mobile overflow) <<< */
@media (max-width: 600px){
  .fp-home-hdr .fp-home-hdr__inner{ gap: 12px; }
  .fp-gs-pill{ min-width: 0; }
}
@media (max-width: 400px){
  .fp-home-hdr .fp-home-hdr__inner{ gap: 10px; }
  .fp-gs-pill{ padding-left: 12px; padding-right: 12px; }
}
/* >>> FP-MOBILE-OVERFLOW-FIX-v1 END <<< */