@import url('./fabric-lounge.css?v=20261004-fabric-grid-v9');

.order-journey{
  --journey-ink:#14232d;
  --journey-muted:#68716d;
  --journey-gold:#c7ad79;
  --journey-line:#dedfd9;
  --journey-control-size:62px;
  position:fixed;
  z-index:55;
  top:50%;
  right:max(12px,env(safe-area-inset-right));
  transform:translateY(-50%);
  display:grid;
  justify-items:center;
  gap:8px;
  width:var(--journey-control-size);
  font-family:var(--sans,Arial,sans-serif);
  color:var(--journey-ink);
}
body.lookbook-home .order-journey.is-obstructing-content{visibility:visible;opacity:1;pointer-events:auto}
body.lookbook-home .order-journey{top:50%;right:max(14px,env(safe-area-inset-right));bottom:auto;left:auto;transform:translateY(-50%)}
.order-journey-toggle{
  display:grid;
  place-items:center;
  width:var(--journey-control-size);
  height:var(--journey-control-size);
  padding:3px;
  border:0;
  border-radius:50%;
  background:conic-gradient(var(--journey-gold) var(--order-progress,33%),#d9ddd8 0);
  box-shadow:0 8px 26px #14232d30;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
.order-journey-toggle:hover{transform:scale(1.04);box-shadow:0 11px 30px #14232d3d}
.order-journey-toggle:active{transform:scale(.97)}
.order-journey-toggle:focus-visible,.fabric-record-toggle:focus-visible,.order-journey-close:focus-visible,.order-journey-step-link:focus-visible{outline:3px solid #b48a4f;outline-offset:3px}
.fabric-record-toggle{
  position:relative;
  display:block;
  width:var(--journey-control-size);
  height:var(--journey-control-size);
  padding:0;
  border:0;
  border-radius:50%;
  overflow:hidden;
  background:#242c26;
  box-shadow:0 2px 3px #0b1a1640,0 9px 22px #14232d35;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
.fabric-record-toggle:hover{transform:scale(1.035);box-shadow:0 11px 30px #14232d3d}
.fabric-record-toggle:active{transform:scale(.97)}
.fabric-record-player{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:none;stroke-width:0;font-family:Arial,sans-serif;pointer-events:none}
.fabric-record-disc{transform-box:view-box;transform-origin:42px 42px;transform:rotate(var(--record-angle,0deg));will-change:transform}
.fabric-record-tonearm-swing{transform-box:view-box;transform-origin:73px 13px;transform:rotate(-24deg);transition:transform .48s cubic-bezier(.35,0,.25,1) .14s}
.fabric-record-tonearm-lift{transform-box:view-box;transform-origin:73px 13px;transform:scaleY(.955);filter:drop-shadow(1px 2px 1px #00000095);transition:transform .14s ease,filter .14s ease}
.is-music-playing .fabric-record-tonearm-swing{transform:rotate(0deg);transition-delay:0s}
.is-music-playing .fabric-record-tonearm-lift{transform:scaleY(1);filter:drop-shadow(.5px .6px .35px #00000075);transition-delay:.44s}
.fabric-record-power{fill:#717769;transition:fill .2s ease}
.is-music-playing .fabric-record-power{fill:#c0d59a}
.order-journey-toggle-core{
  display:flex;
  width:100%;
  height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border:1px solid #ffffff35;
  border-radius:50%;
  background:var(--journey-ink);
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:1;
}
.order-journey-toggle-core small{color:#e3d2ad;font-size:8px;letter-spacing:.1em}
.order-journey .order-journey-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.order-journey-panel{
  position:fixed;
  top:50%;
  right:calc(80px + env(safe-area-inset-right));
  width:min(304px,calc(100vw - 112px));
  max-height:min(78dvh,590px);
  overflow-y:auto;
  padding:19px 17px 15px;
  border:1px solid #d8d7cf;
  background:#fffefa;
  box-shadow:0 18px 55px #14232d30;
  transform:translateY(-50%);
  overscroll-behavior:contain;
  animation:orderJourneyIn .18s ease-out both;
}
.order-journey-panel[hidden]{display:none!important}
@keyframes orderJourneyIn{from{opacity:0;transform:translate(8px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
.order-journey-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.order-journey-kicker{margin:0 0 5px;color:#8a7347;font-size:8px;font-weight:700;letter-spacing:.13em;line-height:1.45}
.order-journey-heading h2{margin:0;color:var(--journey-ink);font:400 25px/1.05 var(--serif,Georgia,serif);letter-spacing:-.02em}
.order-journey-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--journey-line);border-radius:50%;background:transparent;color:var(--journey-ink);cursor:pointer}
.order-journey-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.order-journey-lede{margin:9px 0 13px;color:var(--journey-muted);font-size:11px;line-height:1.5}
.order-journey-steps{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.order-journey-step{position:relative;min-width:0}
.order-journey-step:not(:last-child)::after{position:absolute;top:42px;left:20px;height:14px;border-left:1px solid var(--journey-line);content:""}
.order-journey-step-link{display:grid;grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:9px;min-height:56px;padding:6px 7px;border:1px solid transparent;color:var(--journey-ink);text-decoration:none;transition:background-color .16s ease,border-color .16s ease}
.order-journey-step-link:hover{border-color:#e5dfd1;background:#f7f4ed}
.order-journey-step-link[aria-current="step"]{border-color:#d9c7a1;background:#f6f2e8}
.order-journey-step-link.is-locked{cursor:default;opacity:.68}
.order-journey-node{display:grid;place-items:center;width:28px;height:28px;border:1px solid #aeb5b0;border-radius:50%;background:#fff;color:#47524e;font-size:9px;font-weight:700;line-height:1}
.order-journey-node svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.is-complete .order-journey-node{border-color:var(--journey-ink);background:var(--journey-ink);color:#fff}
.is-current .order-journey-node{border:2px solid #b48a4f;background:#fff;color:var(--journey-ink)}
.order-journey-step-copy{display:grid;gap:2px;min-width:0}
.order-journey-step-copy strong{font-size:11px;font-weight:700;line-height:1.25}
.order-journey-step-copy small{color:var(--journey-muted);font-size:9px;line-height:1.35}
.order-journey-arrow{width:14px;height:14px;fill:none;stroke:#727b75;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.order-journey-note{margin:9px 0 0;padding-top:10px;border-top:1px solid var(--journey-line);color:#6c716b;font-size:9px;line-height:1.45}
.order-journey-music-credit{margin:8px 0 0;color:var(--journey-muted);font-size:9px;line-height:1.5}
.order-journey-music-credit a{text-decoration:underline;text-underline-offset:2px}
.product-detail--fabric-book .product-information .product-price-row,
.product-detail--fabric-book .product-information .product-price-note,
.product-detail--fabric-book .product-information .product-description{margin-right:70px}
@media(min-width:761px){
  .product-detail:not(.product-detail--fabric-book) .product-information .product-price-row,
  .product-detail:not(.product-detail--fabric-book) .product-information .product-price-note,
  .product-detail:not(.product-detail--fabric-book) .product-information .product-description{margin-right:max(0px,calc(82px - 5vw))}
}
@media(max-width:760px){
  body:has(.order-journey) .product-information .product-price-row,
  body:has(.order-journey) .product-information .product-price-note{margin-right:70px}
}
@media(max-width:700px){
  .order-journey{--journey-control-size:52px;right:max(0px,env(safe-area-inset-right));gap:6px}
  .order-journey-panel{right:calc(70px + env(safe-area-inset-right));width:min(278px,calc(100vw - 92px));max-height:calc(100dvh - 24px);padding:15px 12px 12px}
  .order-journey-heading h2{font-size:23px}
  .order-journey-lede{font-size:10px}
  .order-journey-step-link{grid-template-columns:28px minmax(0,1fr) 12px;gap:7px;min-height:56px;padding:6px 5px}
  .order-journey-node{width:26px;height:26px}
  .order-journey-step-copy strong{font-size:10px}
  .order-journey-step-copy small{font-size:8px}
  .order-journey-arrow{width:12px;height:12px}
}
@media(max-width:760px){
  body.lookbook-home .order-journey{transition:opacity .16s ease,visibility .16s ease}
  body.lookbook-home .order-journey{right:max(10px,env(safe-area-inset-right))}
  body.lookbook-home .order-journey.is-obstructing-content{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}
@media(max-height:440px) and (orientation:landscape){
  .order-journey-panel{max-height:calc(100dvh - 16px);padding-block:10px}
  .order-journey-lede{margin-block:5px 8px}
  .order-journey-step-link{min-height:46px}
  .order-journey-step:not(:last-child)::after{top:36px;height:10px}
}
@media(prefers-reduced-motion:reduce){
  .order-journey-toggle,.fabric-record-toggle,.order-journey-step-link,.fabric-record-tonearm-swing,.fabric-record-tonearm-lift,.fabric-record-power{transition:none}
  .order-journey-panel{animation:none}
  .fabric-record-disc{will-change:auto}
}