.fm-inbox-link {
  display:inline-flex;align-items:center;justify-content:center;position:relative;
  width:29px;min-height:35px;color:var(--fm-ink);flex-shrink:0;
}
.fm-inbox-link svg {width:20px;height:20px;}
.fm-inbox-link [data-inbox-count] {
  position:absolute;top:0;right:-4px;background:var(--fm-olive);border:1px solid var(--fm-ink);
  border-radius:20px;min-width:16px;padding:1px 3px;text-align:center;font:700 9px/1.25 var(--fm-mono);
}
.fm-inbox-link [hidden],.fi-shell [hidden],#fi-feedback[hidden] {display:none!important;}
.fm-inbox-link[aria-current=page] {border-bottom:1px solid var(--fm-ink);}
.fi-shell {width:min(calc(100% - 96px),1280px);margin:0 auto 60px;color:var(--fm-ink);font-family:var(--fm-sans);}
.fi-shell *, .fi-dialog * {box-sizing:border-box;}
.fi-shell a,.fi-dialog a {color:inherit;}
.fi-shell :is(a,button,input,select):focus-visible,.fi-dialog :is(a,button):focus-visible {outline:3px solid #873b8d;outline-offset:3px;}
.fi-topline {min-height:49px;display:flex;align-items:center;font:650 10px/1.5 var(--fm-mono);}
.fi-topline a {text-decoration:underline;text-underline-offset:4px;}
.fi-nav {display:flex;gap:32px;border-bottom:1px solid var(--fm-ink);}
.fi-nav a {position:relative;text-decoration:none;font:700 13px/1.5 var(--fm-sans);padding:14px 0;}
.fi-nav a[aria-current=page]::after {content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--fm-coral);}
.fi-inbox h1,.fi-inbox h2,.fi-inbox h3,.fi-inbox p,.fi-dialog h2,.fi-dialog p {margin:0;}
.fi-inbox h1,.fi-inbox h2,.fi-inbox h3,.fi-dialog h2 {font-family:var(--fm-heavy);font-weight:1000;letter-spacing:-.065em;}
.fi-inbox button,.fi-dialog button {cursor:pointer;color:inherit;}
.fi-kicker,.fi-meta,.fi-state time,.fi-dialog time {font:600 10px/1.45 var(--fm-mono);}
.fi-kicker {text-transform:uppercase;letter-spacing:.07em;}
.fi-btn {
  display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:43px;
  background:var(--fm-ink);color:var(--fm-paper)!important;padding:10px 16px;border:1px solid var(--fm-ink);
  font:700 13px/1.45 var(--fm-sans);text-decoration:none;
}
.fi-btn:hover {background:#393331;}
.fi-btn.is-light {background:var(--fm-paper);color:var(--fm-ink)!important;}
.fi-hero {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,350px);gap:35px;align-items:center;
  padding:34px 54px;background:var(--fm-coral);border-bottom:1px solid var(--fm-ink);overflow:hidden;
}
.fi-hero h1 {font-size:clamp(64px,7.3vw,100px);line-height:1;margin:11px 0 12px;}
.fi-hero-copy>p:not(.fi-kicker) {max-width:440px;font-size:15px;line-height:1.55;}
.fi-hero .fi-btn {margin-top:20px;}
.fi-envelope {
  display:block;position:relative;justify-self:center;align-self:center;width:285px;height:189px;background:transparent;
  border:0;padding:0;transform:rotate(-6deg);text-align:left;filter:drop-shadow(4px 5px 0 #171616);
}
.fi-letter {
  position:absolute;inset:1px 13px 36px 18px;border:1.6px solid var(--fm-ink);background:var(--fm-olive);
  padding:13px 21px;transform:rotate(3deg);color:var(--fm-ink);
}
.fi-letter .fi-letter-label {display:block;font:900 13px/1 var(--fm-heavy);font-style:italic;letter-spacing:-.055em;}
.fi-letter strong {display:inline-block;font:1000 72px/.95 var(--fm-heavy);letter-spacing:-.08em;margin:4px 10px 0 0;}
.fi-letter>span:last-child {font:700 11px/1.5 var(--fm-mono);}
.fi-fold {position:absolute;bottom:0;left:0;width:100%;height:95px;}
.fi-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);align-items:start;gap:32px;margin-top:32px;}
.fi-feed,.fi-side,.fi-message-copy {min-width:0;}
.fi-feed-head {display:flex;align-items:baseline;justify-content:space-between;gap:15px;}
.fi-feed-head h2,.fi-side h2 {font-size:34px;line-height:1.05;}
.fi-feed-head>span {font:500 10px/1.45 var(--fm-mono);color:#685c48;}
.fi-filters {display:flex;gap:7px;flex-wrap:wrap;margin:17px 0;}
.fi-filters button {
  background:transparent;border:1px solid #ad9c82;border-radius:0;padding:8px 12px;
  min-height:36px;font:650 12px/1.3 var(--fm-sans);
}
.fi-filters button[aria-pressed=true] {background:var(--fm-ink);border-color:var(--fm-ink);color:var(--fm-paper);}
.fi-tools {display:flex;align-items:center;justify-content:space-between;gap:16px;border-block:1px solid #b6a892;padding:8px 0;}
.fi-tools label,.fi-tools button {font:650 12px/1.4 var(--fm-sans);display:inline-flex;align-items:center;min-height:32px;}
.fi-tools input {width:16px;height:16px;accent-color:#171616;margin:0 8px 0 0;}
.fi-tools button,.fi-dialog-actions>button {border:0;background:none;text-decoration:underline;text-underline-offset:3px;}
.fi-tools button:disabled {opacity:.5;cursor:default;}
.fi-message {
  position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:17px;
  padding:20px 16px;border-bottom:1px solid #beaf96;background:#fff9ef;
}
.fi-message.is-unread {box-shadow:inset 3px 0 0 var(--fm-coral);}
.fi-message.is-read {background:transparent;}
.fi-icon {width:42px;height:42px;border:1px solid #171616;display:grid;place-content:center;background:#f3e5cc;color:var(--fm-ink);}
.fi-delivery,.fi-refill {background:#dcebb0;}
.fi-coupon {background:#ffd7bf;}
.fi-refund {background:#e3dcec;}
.fi-payment {background:#ffcab8;}
.fi-meta {display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.035em;}
.fi-meta>b {color:#242018;}
.fi-meta>span {color:#6a5d47;border-left:1px solid #b5a890;padding-left:8px;font-size:9px;}
.fi-message h3 {font-size:24px;line-height:1.12;margin:6px 0;}
.fi-message h3>button {border:0;background:none;padding:0;text-align:left;font:inherit;letter-spacing:inherit;}
.fi-message h3>button:hover {text-decoration:underline;text-underline-offset:3px;}
.fi-message-copy>p {font-size:13px;line-height:1.55;color:#675840;overflow-wrap:anywhere;}
.fi-destination,.fi-order-link {display:inline-flex;align-items:center;gap:10px;margin-top:10px;text-decoration:underline;text-underline-offset:3px;font:650 12px/1.5 var(--fm-sans);}
.fi-state {display:flex;flex-direction:column;align-items:flex-end;gap:9px;}
.fi-state time {white-space:nowrap;color:#615541;font-size:9px;}
.fi-state button {display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #ac9e86;border-radius:20px;background:transparent;font:600 9px/1.3 var(--fm-mono);}
.fi-state i {width:7px;height:7px;border-radius:50%;border:1px solid currentColor;}
.fi-message.is-unread .fi-state button {background:#ffe0d3;border-color:#c99778;}
.fi-message.is-unread .fi-state i {background:var(--fm-coral);}
.fi-side {border:1px solid var(--fm-ink);padding:23px;background:#e9edcf;box-shadow:3px 3px 0 var(--fm-ink);}
.fi-side h2 {margin:10px 0;font-size:32px;}
.fi-side>p:not(.fi-kicker) {font-size:14px;line-height:1.5;margin-bottom:19px;}
.fi-refill-line {display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;border-top:1px solid #a5b18d;padding:12px 0;}
.fi-refill-line img,.fi-detail-product img {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #aaab97;}
.fi-refill-line a {font-size:13px;line-height:1.35;font-weight:700;text-decoration:none;}
.fi-refill-line small {display:block;font:500 10px/1.55 var(--fm-mono);color:#52603e;margin-top:4px;}
.fi-side .fi-btn {width:100%;margin-top:8px;font-size:12px;}
.fi-empty {padding:28px 24px;background:var(--fm-paper);border-bottom:1px solid #beaf96;}
.fi-empty h3 {font-size:27px;margin:10px 0;}
.fi-empty p {font-size:14px;line-height:1.6;}
.fi-empty .fi-btn {margin-top:15px;}
.fi-dialog {width:min(495px,calc(100% - 30px));max-height:90dvh;border:1.5px solid var(--fm-ink);padding:0;color:var(--fm-ink);background:var(--fm-paper);box-shadow:5px 5px 0 #17161655;font-family:var(--fm-sans);}
.fi-dialog::backdrop {background:#17161682;backdrop-filter:blur(3px);}
.fi-dialog-inner {padding:25px;}
.fi-dialog header {display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;}
.fi-dialog header>button {width:34px;height:34px;border-radius:50%;border:1px solid var(--fm-ink);background:transparent;font-size:24px;}
.fi-dialog h2 {font-size:35px;line-height:1.04;margin:10px 0;}
.fi-dialog time {color:#675c47;}
.fi-dialog p {font-size:15px;line-height:1.6;margin-top:16px;}
.fi-detail-product {display:flex;gap:12px;align-items:center;border-block:1px solid #baa991;padding:13px 0;margin-top:18px;}
.fi-detail-product img {width:59px;}
.fi-detail-product a,.fi-dialog-actions>button {font:650 12px/1.5 var(--fm-sans);text-underline-offset:3px;}
.fi-dialog-actions {display:flex;align-items:center;gap:15px;margin-top:20px;flex-wrap:wrap;}
#fi-feedback {position:fixed;z-index:100;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 18px;border:1px solid var(--fm-ink);box-shadow:3px 3px 0 var(--fm-ink);background:var(--fm-olive);color:var(--fm-ink);max-width:90vw;font:650 13px/1.45 var(--fm-sans);}
@media (max-width:1100px) {
  .fi-shell {width:calc(100% - 56px);}
  .fi-hero {padding:30px 32px;}
  .fi-layout {gap:23px;grid-template-columns:minmax(0,1fr) 240px;}
  .fi-side {padding:18px;}
  .fi-message {gap:12px;}
}
@media (max-width:900px) {
  .fi-layout {grid-template-columns:minmax(0,1fr);}
  .fi-side {max-width:500px;}
}
@media (max-width:760px) {
  .fm-utility {gap:8px;}
  .fi-shell {width:calc(100% - 32px);margin-bottom:35px;}
  .fi-topline {min-height:39px;}
  .fi-nav {gap:22px;}
  .fi-nav a {font-size:12px;min-height:43px;padding:13px 0;}
  .fi-hero {margin-inline:-16px;grid-template-columns:1fr 88px;gap:6px;padding:25px 16px;min-height:194px;}
  .fi-hero h1 {font-size:clamp(46px,8.9vw,62px);margin:8px 0 10px;}
  .fi-hero-copy>p:not(.fi-kicker) {font-size:14px;line-height:1.5;}
  .fi-hero .fi-btn {margin-top:16px;font-size:12px;}
  .fi-envelope {width:86px;height:78px;align-self:start;margin-top:19px;filter:drop-shadow(2px 2px 0 #171616);}
  .fi-letter {inset:1px 3px 19px 5px;padding:5px 7px;}
  .fi-letter .fi-letter-label {font-size:7px;}
  .fi-letter strong {font-size:25px;margin:2px 2px 0 0;}
  .fi-letter>span:last-child {font-size:6px;}
  .fi-envelope .fi-fold {height:32px;}
  .fi-layout {margin-top:22px;gap:25px;}
  .fi-feed-head h2,.fi-side h2 {font-size:29px;}
  .fi-feed-head>span,.fi-kicker {font-size:9px;}
  .fi-filters {gap:5px;margin:13px 0;}
  .fi-filters button {font-size:11px;min-height:35px;padding:7px 10px;}
  .fi-tools {padding:4px 0;}
  .fi-tools label,.fi-tools button {font-size:11px;min-height:37px;}
  .fi-message {grid-template-columns:30px minmax(0,1fr);gap:9px 12px;padding:16px 10px;}
  .fi-icon {width:30px;height:30px;}
  .fi-icon svg {width:18px;height:18px;}
  .fi-message h3 {font-size:22px;line-height:1.12;}
  .fi-message-copy>p {font-size:14px;}
  .fi-message .fi-meta {font-size:9px;}
  .fi-meta>span {font-size:8px;}
  .fi-state {grid-column:2;flex-direction:row;justify-content:space-between;align-items:center;}
  .fi-state button {min-height:27px;}
  .fi-destination {font-size:12px;margin-top:6px;min-height:31px;}
  .fi-dialog-inner {padding:20px;}
  .fi-dialog h2 {font-size:29px;}
  .fi-dialog-actions {gap:10px;}
}
@media (max-width:395px) {
  .fm-utility {gap:5px;}
  .fm-inbox-link {width:24px;}
  .fm-inbox-link [data-inbox-count] {min-width:14px;font-size:8px;top:2px;right:-2px;}
}
@media (max-width:355px) {
  .fm-wordmark b {font-size:22px;}
  .fm-wordmark svg {width:24px;}
  .fm-wordmark {gap:3px;}
  .fm-utility .fm-bag {padding:8px;}
  .fi-hero {grid-template-columns:1fr 60px;}
  .fi-envelope {width:62px;height:62px;}
  .fi-letter strong {font-size:20px;}
  .fi-envelope .fi-fold {height:25px;}
  .fi-letter>span:last-child {display:none;}
}