/* BLKMAT "See it on your floor" — PDP floor preview (floorview.js).
   The .fv-open pill replaces the first gallery figure's "Product view"
   figcaption, keeping its bottom-left position and visual weight. */

/* ---- the pill button on the PDP gallery ---- */
.pg-s .fv-open{position:absolute;left:10px;bottom:10px;z-index:3;
  font:inherit;font-size:12px;line-height:1.35;color:#e8e4dc;
  background:rgba(11,11,12,.78);border:1px solid rgba(232,228,220,.28);
  padding:5px 11px;border-radius:999px;cursor:pointer}
.pg-s .fv-open:hover,.pg-s .fv-open:focus-visible{background:rgba(11,11,12,.92)}

/* ---- full-screen overlay ---- */
html.fv-lock,body.fv-lock{overflow:hidden!important}
.fv{position:fixed;inset:0;z-index:1000;background:#0b0b0c;color:#f2efe9;
  font-family:inherit;-webkit-user-select:none;user-select:none}
.fv[hidden]{display:none}
.fv-media,.fv-cam,.fv-scene{position:absolute;inset:0;width:100%;height:100%}
.fv-cam{object-fit:cover;background:#000}
.fv-scene{display:none;background:
  linear-gradient(180deg,#ded5c6 0%,#d3c5ad 33.8%,#8a5a2e 34.2%,#a5713d 55%,#7c4f24 100%)}
.fv-scene::after{content:"";position:absolute;inset:34.2% 0 0;
  background:
    repeating-linear-gradient(90deg,transparent 0 118px,rgba(40,20,5,.16) 118px 120px),
    repeating-linear-gradient(180deg,transparent 0 74px,rgba(40,20,5,.10) 74px 76px)}
.fv.fv-sample .fv-scene{display:block}
.fv.fv-sample .fv-cam{display:none}

.fv-stage{position:absolute;inset:0;touch-action:none;cursor:grab}
.fv-stage:active{cursor:grabbing}
.fv-mat{position:absolute;left:0;top:0;overflow:hidden;will-change:transform;
  transform-origin:0 0;pointer-events:none}
.fv-mat img{position:absolute;display:block;max-width:none}
.fv-shadow{position:absolute;left:0;top:0;background:#160e06;opacity:.34;
  filter:blur(9px);will-change:transform;transform-origin:0 0;pointer-events:none}
.fv-handle{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;
  border-radius:50%;border:2px solid rgba(255,255,255,.92);
  background:rgba(11,11,12,.38);box-shadow:0 1px 6px rgba(0,0,0,.45);
  pointer-events:none;z-index:5}

.fv-hint{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;
  transform:translateX(-50%);width:max-content;max-width:92vw;margin:0;
  text-align:center;font-size:14px;line-height:1.4;color:#fff;
  background:rgba(11,11,12,.58);padding:8px 14px;border-radius:12px;
  transition:opacity .6s;z-index:10;pointer-events:none}
.fv-hint.fv-dim{opacity:0}
.fv-note{position:absolute;top:calc(64px + env(safe-area-inset-top));left:50%;
  transform:translateX(-50%);width:max-content;max-width:92vw;margin:0;
  text-align:center;font-size:12.5px;color:#f2efe9;
  background:rgba(11,11,12,.55);padding:5px 11px;border-radius:999px;z-index:10;
  pointer-events:none}
.fv-note[hidden]{display:none}

.fv-x{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;
  width:44px;height:44px;border-radius:50%;border:0;z-index:11;
  background:rgba(11,11,12,.55);color:#fff;font-size:26px;line-height:1;cursor:pointer}

.fv-bar{position:absolute;left:0;right:0;bottom:0;z-index:10;
  display:flex;gap:8px;justify-content:center;flex-wrap:wrap;
  padding:26px 12px calc(12px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.55))}
.fv-btn{font:inherit;font-size:15px;font-weight:600;color:#0b0b0c;
  background:#e8e4dc;border:0;border-radius:999px;padding:12px 18px;cursor:pointer}
.fv-btn.fv-ghost{background:rgba(11,11,12,.55);color:#f2efe9;
  border:1px solid rgba(242,239,233,.4);font-weight:500}
.fv-btn[hidden]{display:none}
.fv-btn:disabled{opacity:.65;cursor:wait}

.fv-model{position:absolute;inset:0;width:100%;height:100%;background:#141416;z-index:6}
.fv.fv-model-on .fv-bar,.fv.fv-model-on .fv-hint{display:none}