/* =====================================================================
   Shrimp form viewer — hover a form chip (HOSO, PD, PDTO …) and the same
   shrimp changes: head, shell, tail, vein, cut. Layers live in the
   <symbol id="fwf-shrimp">; these rules just flip CSS variables.
   ===================================================================== */

/* ---- chips become interactive ---- */
.chips span[data-form] { cursor: pointer; position: relative; transition: background .2s, color .2s, transform .2s var(--ease), box-shadow .2s; }
.chips span[data-form]:hover, .chips span[data-form].is-on, .chips span[data-form]:focus-visible { background: var(--navy-600); color: #fff; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(35, 71, 125, .3); outline: none; }
.chips span[data-form]::after { content: ""; position: absolute; left: 50%; bottom: -5px; width: 4px; height: 4px; border-radius: 50%; background: var(--red); transform: translateX(-50%) scale(0); transition: transform .2s; }
.chips span[data-form].is-on::after { transform: translateX(-50%) scale(1); }
.chips-hint { font-size: .72rem; color: var(--ink-3); margin-top: -4px; display: flex; align-items: center; gap: .4em; }
.chips-hint::before { content: ""; width: 14px; height: 14px; border-radius: 50%; background: var(--ice); flex: none;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 3v9.5L6.2 10.2a2 2 0 0 0-2.8 2.8l5.4 5.4A6 6 0 0 0 13 20h1a6 6 0 0 0 6-6v-4a2 2 0 0 0-4 0v-1a2 2 0 0 0-4 0V3a2 2 0 0 0-3 0z' fill='black'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 3v9.5L6.2 10.2a2 2 0 0 0-2.8 2.8l5.4 5.4A6 6 0 0 0 13 20h1a6 6 0 0 0 6-6v-4a2 2 0 0 0-4 0v-1a2 2 0 0 0-4 0V3a2 2 0 0 0-3 0z' fill='black'/></svg>") center / contain no-repeat;
  background: var(--navy-600); opacity: .7; }

/* ---- overlay inside the product photo ---- */
.form-viewer {
  position: absolute; inset: 0; z-index: 2;
  background: radial-gradient(ellipse at 28% 18%, #26497f 0%, #142b4d 45%, #0f1c30 100%);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden; transition: opacity .35s var(--ease), visibility 0s .35s;
}
.form-viewer::before { content: ""; position: absolute; inset: 0; opacity: .45;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='40' viewBox='0 0 160 40'><path d='M0 20 Q 40 0 80 20 T 160 20' fill='none' stroke='white' stroke-opacity='0.08' stroke-width='2'/></svg>") repeat; }
.form-viewer.show { opacity: 1; visibility: visible; transition: opacity .35s var(--ease), visibility 0s; }
.form-viewer .viz { width: 90%; height: auto; position: relative; transform: translateY(-12px) scale(.96); transition: transform .5s var(--ease); filter: drop-shadow(0 16px 20px rgba(0, 0, 0, .45)); }
.form-viewer.show .viz { transform: translateY(-12px) scale(1); }
.form-viewer .crab-viz { width: 84%; transform: translateY(-4px) scale(.96); }
.form-viewer.show .crab-viz { transform: translateY(-4px) scale(1); }
.form-viewer .fish-viz, .form-viewer .squid-viz, .form-viewer .cuttle-viz { width: 96%; transform: translateY(-10px) scale(.96); }
.form-viewer.show .fish-viz, .form-viewer.show .squid-viz, .form-viewer.show .cuttle-viz { transform: translateY(-10px) scale(1); }
.form-viewer .octo-viz { width: 82%; transform: translateY(-8px) scale(.96); }
.form-viewer.show .octo-viz { transform: translateY(-8px) scale(1); }
.fv-label { position: absolute; left: 12px; right: 12px; bottom: 12px; display: flex; align-items: center; gap: 10px; color: #fff; }
.fv-label b { font-family: var(--font-head); font-weight: 700; font-size: .95rem; background: var(--red); padding: .25em .6em; border-radius: 7px; flex: none; box-shadow: 0 6px 14px rgba(178, 22, 21, .4); }
.fv-label span { font-size: .8rem; color: rgba(255, 255, 255, .88); line-height: 1.25; }
@media (hover: none) { .chips-hint::before { -webkit-mask-image: none; mask-image: none; background: var(--red); border-radius: 50%; width: 8px; height: 8px; } }

/* ---- forms explorer (products page) ---- */
.explorer { display: grid; grid-template-columns: 1.05fr .95fr; gap: 28px; align-items: stretch; }
@media (max-width: 900px) { .explorer { grid-template-columns: 1fr; } }
.ex-stage { position: relative; border-radius: var(--radius); overflow: hidden; min-height: 420px;
  background: radial-gradient(ellipse at 28% 18%, #2a5088 0%, #16305a 45%, #0f1c30 100%); display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-lg); }
.ex-stage::before { content: ""; position: absolute; inset: 0; opacity: .5;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='40' viewBox='0 0 160 40'><path d='M0 20 Q 40 0 80 20 T 160 20' fill='none' stroke='white' stroke-opacity='0.08' stroke-width='2'/></svg>") repeat; }
.ex-stage .viz { width: 82%; height: auto; position: relative; transform: translateY(-18px); filter: drop-shadow(0 22px 28px rgba(0, 0, 0, .5)); animation: float 8s ease-in-out infinite; }
.ex-stage .fish-viz { width: 92%; }
.ex-caption { position: absolute; left: 20px; top: 18px; display: flex; align-items: center; gap: 12px; color: #fff; }
.ex-caption b { font-family: var(--font-head); font-weight: 800; font-size: 1.35rem; background: var(--red); padding: .2em .55em; border-radius: 9px; box-shadow: 0 8px 18px rgba(178, 22, 21, .4); }
.ex-caption span { font-size: .92rem; color: rgba(255, 255, 255, .88); }
.ex-species { position: absolute; left: 16px; right: 16px; bottom: 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.ex-species button, .ex-forms button { font: inherit; cursor: pointer; border: 1px solid rgba(255, 255, 255, .18); color: #fff; background: rgba(255, 255, 255, .07); border-radius: 999px; padding: .5em 1em; font-size: .82rem; font-weight: 600; transition: background .25s, border-color .25s, transform .25s var(--ease), box-shadow .25s; backdrop-filter: blur(4px); }
.ex-species button:hover, .ex-species button.on { background: #fff; color: var(--navy-900); border-color: #fff; }
.ex-forms { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-content: stretch; }
@media (max-width: 520px) { .ex-forms { grid-template-columns: 1fr; } }
.ex-forms button { text-align: left; border-radius: 14px; padding: 14px 16px; display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; align-items: center; background: rgba(255, 255, 255, .05); }
.ex-forms button b { font-family: var(--font-head); font-size: 1rem; color: #ff8a80; grid-row: 1; }
.ex-forms button span { font-size: .88rem; font-weight: 600; grid-row: 1; }
.ex-forms button small { grid-column: 1 / -1; font-size: .78rem; font-weight: 400; color: rgba(255, 255, 255, .7); line-height: 1.35; }
.ex-forms button:hover, .ex-forms button.on { background: rgba(255, 255, 255, .13); border-color: rgba(255, 255, 255, .45); transform: translateX(4px); }
.ex-forms button.on { box-shadow: inset 4px 0 0 var(--red); }
.ex-forms button:focus-visible { outline: 2px solid #ff8a80; outline-offset: 2px; }

/* ---- default variables (same as HLSO with head off) so a viewer shows something before JS runs ---- */
.shrimp-viz { --head: 0; --shell: 1; --legs: 1; --tail: 1; --vein: .28; --cut: 0; --ezcut: 0; --meat: 0; --bfly: 0; --body: 1; }

/* ---- generated presets: form + species (shrimp, crab, fish, squid, cuttlefish, octopus).
   [data-species] = colours, [data-base] = the card's default prep form (so packaging chips such as IQF
   keep showing a fillet on a fillet card), [data-form] = the hovered chip. ---- */
[data-form="hoso"] .shrimp-viz{--head:1;--shell:1;--legs:1;--tail:1;--vein:.28;--cut:0;--ezcut:0;--meat:0;--bfly:0;--body:1}
[data-form="hlso"] .shrimp-viz{--head:0;--shell:1;--legs:1;--tail:1;--vein:.28;--cut:0;--ezcut:0;--meat:0;--bfly:0;--body:1}
[data-form="ezpeel"] .shrimp-viz{--head:0;--shell:1;--legs:1;--tail:1;--vein:0;--cut:0;--ezcut:1;--meat:0;--bfly:0;--body:1}
[data-form="pud"] .shrimp-viz{--head:0;--shell:0;--legs:0;--tail:0;--vein:1;--cut:0;--ezcut:0;--meat:1;--bfly:0;--body:1}
[data-form="pd"] .shrimp-viz{--head:0;--shell:0;--legs:0;--tail:0;--vein:0;--cut:1;--ezcut:0;--meat:1;--bfly:0;--body:1}
[data-form="pdto"] .shrimp-viz{--head:0;--shell:0;--legs:0;--tail:1;--vein:0;--cut:1;--ezcut:0;--meat:1;--bfly:0;--body:1}
[data-form="butterfly"] .shrimp-viz{--head:0;--shell:0;--legs:0;--tail:0;--vein:0;--cut:0;--ezcut:0;--meat:0;--bfly:1;--body:0}
[data-form="cooked"] .shrimp-viz{--head:0;--shell:0;--legs:0;--tail:1;--vein:0;--cut:1;--ezcut:0;--meat:1;--bfly:0;--body:1;--meat-c:#f6b48c;--meat-d:#dd5c3c;--cut-c:#c8462b;--tail-c:#e0563a;--shell-d:#9c2e1b}
[data-species="tiger"] .shrimp-viz{--shell-c:#aab4bb;--shell-d:#4f5963;--stripe-c:#343941;--stripe-o:.88;--meat-c:#f1ece4;--meat-d:#d5c3ba}
[data-species="vannamei"] .shrimp-viz{--shell-c:#d9d5cc;--shell-d:#8b8579;--stripe-c:#b9b2a5;--stripe-o:.35;--meat-c:#f3efe8;--meat-d:#dccbc2}
[data-species="white"] .shrimp-viz{--shell-c:#e6e1d7;--shell-d:#9a9285;--stripe-c:#cfc7ba;--stripe-o:.3;--meat-c:#f6f2ec;--meat-d:#e0d0c8}
[data-species="flower"] .shrimp-viz{--shell-c:#bdbfa8;--shell-d:#5f6a4c;--stripe-c:#5d6e48;--stripe-o:.8;--meat-c:#f1ece4;--meat-d:#d5c3ba}
[data-form="whole"] .crab-viz{--carapace:1;--bodyu:1;--legs:1;--claws:1;--cutline:0;--cut2:0;--meat:0;--body:1;--splitL:0px;--splitR:0px;--clawL:0px;--clawR:0px;--clawRotL:0deg;--clawRotR:0deg}
[data-form="cleaned"] .crab-viz{--carapace:0;--bodyu:1;--legs:1;--claws:1;--cutline:0;--cut2:0;--meat:0;--body:1;--splitL:0px;--splitR:0px;--clawL:0px;--clawR:0px;--clawRotL:0deg;--clawRotR:0deg}
[data-form="halfcut"] .crab-viz{--carapace:0;--bodyu:1;--legs:1;--claws:1;--cutline:1;--cut2:0;--meat:0;--body:1;--splitL:-16px;--splitR:16px;--clawL:0px;--clawR:0px;--clawRotL:0deg;--clawRotR:0deg}
[data-form="cut"] .crab-viz{--carapace:0;--bodyu:1;--legs:1;--claws:1;--cutline:1;--cut2:1;--meat:0;--body:1;--splitL:-18px;--splitR:18px;--clawL:-26px;--clawR:26px;--clawY:-10px;--clawRotL:-14deg;--clawRotR:14deg}
[data-form="meat"] .crab-viz{--carapace:0;--bodyu:0;--legs:0;--claws:0;--cutline:0;--cut2:0;--meat:1;--body:0}
[data-species="redspot"] .crab-viz{--car-c:#8a9484;--car-d:#3d4a3a;--leg-c:#93a08c;--leg-d:#4a5346;--claw-c:#8a9484;--tip-c:#6e2a2a;--spot:1;--speck:0;--meat-c:#f1ece4;--meat-d:#cbb8a8}
[data-species="blue"] .crab-viz{--car-c:#6f8f8d;--car-d:#2f4a4c;--leg-c:#2f6fb5;--leg-d:#1f4a80;--claw-c:#2f6fb5;--tip-c:#c0392b;--spot:0;--speck:1;--meat-c:#f1ece4;--meat-d:#cbb8a8}
.crab-viz{--carapace:1;--bodyu:1;--legs:1;--claws:1;--cutline:0;--cut2:0;--meat:0;--body:1}
[data-species="salmon"] .fish-viz{--fb:#b9c4cc;--fd:#4d6b82;--fv:#eef0ee;--fo:#3a4a58;--fin:#6a7f90;--fl:#f08a5d;--fld:#fbe0d2;--pat:#2f3b47;--pat2:#f3d9c4;--scales:0.22;--depth:1;--spots:1;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0.3;--tspot:0;--adipose:1}
[data-species="cod"] .fish-viz{--fb:#b9b19a;--fd:#6b6a4a;--fv:#ece7d8;--fo:#4a4a36;--fin:#7d7a5e;--fl:#f5f1ea;--fld:#d9d2c8;--pat:#4c4a34;--pat2:#f3d9c4;--scales:0.18;--depth:1.02;--spots:1;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:1;--tspot:0;--adipose:0;--lat-c:#e8e2cf}
[data-species="haddock"] .fish-viz{--fb:#c2c6c9;--fd:#5c6672;--fv:#f0f0ee;--fo:#444c55;--fin:#6f7882;--fl:#f6f3ee;--fld:#dcd6cf;--pat:#1d2228;--pat2:#f3d9c4;--scales:0.22;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:1;--tspot:1;--adipose:0}
[data-species="halibut"] .fish-viz{--fb:#7f6a4e;--fd:#4f3e2c;--fv:#b7a58a;--fo:#3e3022;--fin:#6e5a42;--fl:#f7f4ee;--fld:#dedad2;--pat:#3f3224;--pat2:#f3d9c4;--scales:0.12;--depth:1;--spots:1;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="mackerel"] .fish-viz{--fb:#9fb3b8;--fd:#2f5f6e;--fv:#eef2f2;--fo:#23414a;--fin:#4d6b73;--fl:#e8d9cf;--fld:#c9b4a8;--pat:#1c2f36;--pat2:#f3d9c4;--scales:0;--depth:0.9;--spots:0;--spots2:0;--wavy:1;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="herring"] .fish-viz{--fb:#c3ccd3;--fd:#3d5a78;--fv:#f2f4f5;--fo:#3a4650;--fin:#6f8090;--fl:#e9dcd2;--fld:#c8b6ab;--pat:#2c3a47;--pat2:#f3d9c4;--scales:0.34;--depth:0.85;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="pollock"] .fish-viz{--fb:#a9b1a3;--fd:#4f5f4c;--fv:#e9ebe3;--fo:#3e4a3c;--fin:#6b7767;--fl:#f5f2ec;--fld:#d8d3c9;--pat:#3b4838;--pat2:#f3d9c4;--scales:0.18;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:1;--tspot:0;--adipose:0;--lat-c:#dfe2d3}
[data-species="char"] .fish-viz{--fb:#6f8a8f;--fd:#2f4f57;--fv:#f1a66a;--fo:#253d43;--fin:#d0643c;--fl:#f6a071;--fld:#fde3d4;--pat:#2f4f57;--pat2:#f3d9c4;--scales:0.12;--depth:1;--spots:0;--spots2:1;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:1}
[data-species="sole"] .fish-viz{--fb:#a48a68;--fd:#6e5640;--fv:#c6b39a;--fo:#5c4a34;--fin:#8f7a5e;--fl:#f7f4ee;--fld:#ddd6cc;--pat:#5b4732;--pat2:#f3d9c4;--scales:0.16;--depth:1;--spots:1;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="silverpomfret"] .fish-viz{--fb:#d6dadd;--fd:#9aa4ad;--fv:#f4f5f6;--fo:#6b7680;--fin:#aab2b9;--fl:#f6f3ee;--fld:#dcd7cf;--pat:#7d8791;--pat2:#f3d9c4;--scales:0.16;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="blackpomfret"] .fish-viz{--fb:#5b6168;--fd:#33383e;--fv:#8f959b;--fo:#22262a;--fin:#3f454b;--fl:#f2eee8;--fld:#d7d1c8;--pat:#1c2024;--pat2:#f3d9c4;--scales:0.2;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="goldenpomfret"] .fish-viz{--fb:#d9d8d2;--fd:#8e9aa3;--fv:#f1d98a;--fo:#6d7378;--fin:#e2b64d;--fl:#f6f2ea;--fld:#ddd5ca;--pat:#7d8791;--pat2:#f3d9c4;--scales:0.16;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="seer"] .fish-viz{--fb:#b3bec4;--fd:#3c5a73;--fv:#eef1f2;--fo:#2f3f4c;--fin:#5b7383;--fl:#f2ece4;--fld:#d6cec4;--pat:#33506a;--pat2:#f3d9c4;--scales:0;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0.45;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="indianmackerel"] .fish-viz{--fb:#a8bcc0;--fd:#2c6f6d;--fv:#eef2f0;--fo:#23454a;--fin:#4d6f74;--fl:#e9dbd1;--fld:#cbb7ab;--pat:#1f3d45;--pat2:#f3d9c4;--scales:0;--depth:0.92;--spots:1;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="redsnapper"] .fish-viz{--fb:#e0776a;--fd:#b8433a;--fv:#f6d7cf;--fo:#7a2c26;--fin:#c9564a;--fl:#f6f2ec;--fld:#dcd4ca;--pat:#9f3a32;--pat2:#f3d9c4;--scales:0.3;--depth:1.12;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="skipjack"] .fish-viz{--fb:#9fb0bd;--fd:#24405e;--fv:#eff2f4;--fo:#1e2e40;--fin:#445b70;--fl:#c9484a;--fld:#e7a3a0;--pat:#2b3d52;--pat2:#f3d9c4;--scales:0;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:1;--lat:0;--tspot:0;--adipose:0}
[data-species="silvercroaker"] .fish-viz{--fb:#cfd6da;--fd:#8d9aa5;--fv:#f5f6f7;--fo:#66727c;--fin:#9aa5ad;--fl:#f6f3ee;--fld:#dbd6ce;--pat:#6b7680;--pat2:#f3d9c4;--scales:0.24;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0.5;--tspot:0;--adipose:0}
[data-species="yellowcroaker"] .fish-viz{--fb:#d8cfa9;--fd:#8f8a6c;--fv:#f3d878;--fo:#6d6748;--fin:#d9b74a;--fl:#f6f3ee;--fld:#dbd6ce;--pat:#6d6748;--pat2:#f3d9c4;--scales:0.24;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0.5;--tspot:0;--adipose:0}
[data-species="sardine"] .fish-viz{--fb:#c8d2d8;--fd:#37628a;--fv:#f4f6f7;--fo:#34454f;--fin:#6f8290;--fl:#e8dad0;--fld:#c9b7ab;--pat:#26313a;--pat2:#f3d9c4;--scales:0.34;--depth:0.8;--spots:1;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="ribbonfish"] .fish-viz{--fb:#d9dfe3;--fd:#b5bfc7;--fv:#f6f7f8;--fo:#7a8792;--fin:#b7c2ca;--fl:#f5f2ed;--fld:#d9d4cc;--pat:#8a96a0;--pat2:#f3d9c4;--scales:0;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="hilsa"] .fish-viz{--fb:#cfd4d2;--fd:#7f8f95;--fv:#f4efd8;--fo:#5f6c72;--fin:#8e9a9f;--fl:#efe4d6;--fld:#d4c6b6;--pat:#3c474d;--pat2:#f3d9c4;--scales:0.34;--depth:1.1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:1;--adipose:0}
[data-species="grouper"] .fish-viz{--fb:#b98e67;--fd:#7e5a3a;--fv:#e6d3bd;--fo:#5a3f28;--fin:#8c6845;--fl:#f5f1ea;--fld:#ddd5ca;--pat:#6a4a30;--pat2:#f3d9c4;--scales:0.24;--depth:1.1;--spots:1;--spots2:0;--wavy:0;--bars:0.35;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="anchovy"] .fish-viz{--fb:#b8c4cb;--fd:#4d6f86;--fv:#eef1f3;--fo:#3b4a55;--fin:#7a8b97;--fl:#e8dcd4;--fld:#ccbcb1;--pat:#223039;--pat2:#f3d9c4;--scales:0.1;--depth:0.78;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:1;--tspot:0;--adipose:0;--lat-c:#ffffff}
[data-species="rohu"] .fish-viz{--fb:#b7bcb6;--fd:#5f6e6a;--fv:#e7e5df;--fo:#45514c;--fin:#a24a3c;--fl:#f4efe6;--fld:#d9d0c3;--pat:#4e5a56;--pat2:#f3d9c4;--scales:0.55;--depth:1.08;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="tilapia"] .fish-viz{--fb:#a8b0ad;--fd:#4f5a5c;--fv:#dfe2df;--fo:#3b4446;--fin:#5f6b6c;--fl:#f6f3ee;--fld:#dbd6ce;--pat:#3a4446;--pat2:#f3d9c4;--scales:0.3;--depth:1.12;--spots:0;--spots2:0;--wavy:0;--bars:0.45;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-species="basa"] .fish-viz{--fb:#b7bcc0;--fd:#5f6a72;--fv:#e9ebec;--fo:#47525a;--fin:#737e86;--fl:#f7f3ee;--fld:#dbd6ce;--pat:#47525a;--pat2:#f3d9c4;--scales:0;--depth:1;--spots:0;--spots2:0;--wavy:0;--bars:0;--hstr:0;--lat:0;--tspot:0;--adipose:0}
[data-base="whole"] .fish-viz{--body:1;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="cleaned"] .fish-viz{--body:1;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:1;--scaled:0;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="dressed"] .fish-viz{--body:1;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:0;--slit:1;--scaled:0;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="hg"] .fish-viz{--body:1;--headp:0;--tailp:1;--endp:1;--gap:0px;--cfh:1;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:1;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="hgt"] .fish-viz{--body:1;--headp:0;--tailp:0;--endp:1;--gap:0px;--cfh:1;--cft:1;--cfs:0;--cfp:0;--fins:1;--slit:1;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="steaks"] .fish-viz{--body:1;--headp:0;--tailp:0;--endp:1;--gap:13px;--cfh:1;--cft:1;--cfs:1;--cfp:0;--fins:0;--slit:0;--scaled:0;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="centre"] .fish-viz{--body:1;--headp:0;--tailp:0;--endp:0.18;--gap:13px;--cfh:1;--cft:1;--cfs:1;--cfp:0;--fins:0;--slit:0;--scaled:0;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="pieces"] .fish-viz{--body:1;--headp:1;--tailp:1;--endp:1;--gap:12px;--cfh:1;--cft:1;--cfs:1;--cfp:1;--fins:0;--slit:0;--scaled:0;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="sections"] .fish-viz{--body:1;--headp:0;--tailp:0;--endp:1;--gap:13px;--cfh:1;--cft:1;--cfs:1;--cfp:0;--fins:0;--slit:0;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="fillet"] .fish-viz{--body:0;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:1;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:0.72;--py:0.68;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="loin"] .fish-viz{--body:0;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:1;--pgap:0px;--belly:0;--loinline:1;--bfly:0;--px:0.72;--py:0.68;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="portions"] .fish-viz{--body:0;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:1;--pgap:14px;--belly:1;--loinline:0;--bfly:0;--px:0.78;--py:0.68;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="butterfly"] .fish-viz{--body:0;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:1;--px:0.9;--py:0.95;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="whole"] .fish-viz{--body:1;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="cleaned"] .fish-viz{--body:1;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:1;--scaled:0;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="dressed"] .fish-viz{--body:1;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:0;--slit:1;--scaled:0;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="hg"] .fish-viz{--body:1;--headp:0;--tailp:1;--endp:1;--gap:0px;--cfh:1;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:1;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="hgt"] .fish-viz{--body:1;--headp:0;--tailp:0;--endp:1;--gap:0px;--cfh:1;--cft:1;--cfs:0;--cfp:0;--fins:1;--slit:1;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="steaks"] .fish-viz{--body:1;--headp:0;--tailp:0;--endp:1;--gap:13px;--cfh:1;--cft:1;--cfs:1;--cfp:0;--fins:0;--slit:0;--scaled:0;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="centre"] .fish-viz{--body:1;--headp:0;--tailp:0;--endp:0.18;--gap:13px;--cfh:1;--cft:1;--cfs:1;--cfp:0;--fins:0;--slit:0;--scaled:0;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="pieces"] .fish-viz{--body:1;--headp:1;--tailp:1;--endp:1;--gap:12px;--cfh:1;--cft:1;--cfs:1;--cfp:1;--fins:0;--slit:0;--scaled:0;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="sections"] .fish-viz{--body:1;--headp:0;--tailp:0;--endp:1;--gap:13px;--cfh:1;--cft:1;--cfs:1;--cfp:0;--fins:0;--slit:0;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="fillet"] .fish-viz{--body:0;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:1;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:0.72;--py:0.68;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="loin"] .fish-viz{--body:0;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:1;--pgap:0px;--belly:0;--loinline:1;--bfly:0;--px:0.72;--py:0.68;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="portions"] .fish-viz{--body:0;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:1;--pgap:14px;--belly:1;--loinline:0;--bfly:0;--px:0.78;--py:0.68;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="butterfly"] .fish-viz{--body:0;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:1;--px:0.9;--py:0.95;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="iqf"] .fish-viz{--frost:1;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="ivp"] .fish-viz{--frost:0;--pouch:1;--wrinkle:0;--block:0;--tray:0}
[data-form="iwp"] .fish-viz{--frost:0;--pouch:1;--wrinkle:1;--block:0;--tray:0}
[data-form="block"] .fish-viz{--frost:0;--pouch:0;--wrinkle:0;--block:1;--tray:0}
[data-form="tray"] .fish-viz{--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:1}
.fish-viz{--body:1;--headp:1;--tailp:1;--endp:1;--gap:0px;--cfh:0;--cft:0;--cfs:0;--cfp:0;--fins:1;--slit:0;--scaled:1;--fillet:0;--pgap:0px;--belly:1;--loinline:0;--bfly:0;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-species="indiansquid"] .squid-viz{--sq-c:#f2eae3;--sq-o:#8a7b76;--sq-sk:#b8635d;--sq-sk2:#7b2f36;--sq-fl:#f7f3ef;--hole:#14294a}
[data-species="babysquid"] .squid-viz{--sq-c:#f2eae3;--sq-o:#8a7b76;--sq-sk:#c07a72;--sq-sk2:#84403f;--sq-fl:#f7f3ef;--hole:#14294a;--sp-sz:.62}
[data-base="cleaned"] .squid-viz{--mantle:1;--sfins:1;--skin:0;--head:1;--eyes:0;--hx:-20px;--gap:0px;--rings:0;--open:1;--sz:var(--sp-sz,1);--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="rings"] .squid-viz{--mantle:1;--sfins:0;--skin:0;--head:0;--eyes:1;--hx:0px;--gap:14px;--rings:1;--open:1;--sz:var(--sp-sz,1);--px:0.85;--py:0.62;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="tentacles"] .squid-viz{--mantle:0;--sfins:1;--skin:1;--head:1;--eyes:0;--hx:112px;--gap:0px;--rings:0;--open:0;--sz:1.4;--px:0.55;--py:0.75;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="whole"] .squid-viz{--mantle:1;--sfins:1;--skin:1;--head:1;--eyes:1;--hx:0px;--gap:0px;--rings:0;--open:0;--sz:var(--sp-sz,1);--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="tubes"] .squid-viz{--mantle:1;--sfins:0;--skin:0;--head:0;--eyes:1;--hx:0px;--gap:0px;--rings:0;--open:1;--sz:var(--sp-sz,1);--px:0.72;--py:0.62;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="whole"] .squid-viz{--mantle:1;--sfins:1;--skin:1;--head:1;--eyes:1;--hx:0px;--gap:0px;--rings:0;--open:0;--sz:var(--sp-sz,1);--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="cleaned"] .squid-viz{--mantle:1;--sfins:1;--skin:0;--head:1;--eyes:0;--hx:-20px;--gap:0px;--rings:0;--open:1;--sz:var(--sp-sz,1);--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="tubes"] .squid-viz{--mantle:1;--sfins:0;--skin:0;--head:0;--eyes:1;--hx:0px;--gap:0px;--rings:0;--open:1;--sz:var(--sp-sz,1);--px:0.72;--py:0.62;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="rings"] .squid-viz{--mantle:1;--sfins:0;--skin:0;--head:0;--eyes:1;--hx:0px;--gap:14px;--rings:1;--open:1;--sz:var(--sp-sz,1);--px:0.85;--py:0.62;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="tentacles"] .squid-viz{--mantle:0;--sfins:1;--skin:1;--head:1;--eyes:0;--hx:112px;--gap:0px;--rings:0;--open:0;--sz:1.4;--px:0.55;--py:0.75;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="iqf"] .squid-viz{--frost:1;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="ivp"] .squid-viz{--frost:0;--pouch:1;--wrinkle:0;--block:0;--tray:0}
[data-form="iwp"] .squid-viz{--frost:0;--pouch:1;--wrinkle:1;--block:0;--tray:0}
[data-form="block"] .squid-viz{--frost:0;--pouch:0;--wrinkle:0;--block:1;--tray:0}
[data-form="tray"] .squid-viz{--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:1}
.squid-viz{--mantle:1;--sfins:1;--skin:1;--head:1;--eyes:1;--hx:0px;--gap:0px;--rings:0;--open:0;--sz:var(--sp-sz,1);--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-species="pharaoh"] .cuttle-viz{--cf-c:#efe6dc;--cf-o:#8c7a6c;--cf-sk:#6b4a3a;--cf-sk2:#a37a55;--cf-fin:#e3d5c6;--cf-fl:#f7f3ee;--cf-fld:#d9cfc4}
[data-species="babycuttle"] .cuttle-viz{--cf-c:#efe6dc;--cf-o:#8c7a6c;--cf-sk:#6b4a3a;--cf-sk2:#a37a55;--cf-fin:#e3d5c6;--cf-fl:#f7f3ee;--cf-fld:#d9cfc4;--sp-sz:.62;--sp-flock:1}
[data-base="fillet"] .cuttle-viz{--cfins:0;--skin:0;--head:0;--eyes:1;--hx:0px;--score:1;--sz:var(--sp-sz,1);--flock:var(--sp-flock,0);--px:0.7;--py:0.6;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="baby"] .cuttle-viz{--cfins:1;--skin:0;--head:1;--eyes:0;--hx:-10px;--score:0;--sz:0.62;--flock:1;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="whole"] .cuttle-viz{--cfins:1;--skin:1;--head:1;--eyes:1;--hx:0px;--score:0;--sz:var(--sp-sz,1);--flock:var(--sp-flock,0);--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="cleaned"] .cuttle-viz{--cfins:1;--skin:0;--head:1;--eyes:0;--hx:-16px;--score:0;--sz:var(--sp-sz,1);--flock:var(--sp-flock,0);--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="whole"] .cuttle-viz{--cfins:1;--skin:1;--head:1;--eyes:1;--hx:0px;--score:0;--sz:var(--sp-sz,1);--flock:var(--sp-flock,0);--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="cleaned"] .cuttle-viz{--cfins:1;--skin:0;--head:1;--eyes:0;--hx:-16px;--score:0;--sz:var(--sp-sz,1);--flock:var(--sp-flock,0);--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="fillet"] .cuttle-viz{--cfins:0;--skin:0;--head:0;--eyes:1;--hx:0px;--score:1;--sz:var(--sp-sz,1);--flock:var(--sp-flock,0);--px:0.7;--py:0.6;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="baby"] .cuttle-viz{--cfins:1;--skin:0;--head:1;--eyes:0;--hx:-10px;--score:0;--sz:0.62;--flock:1;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="iqf"] .cuttle-viz{--frost:1;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="ivp"] .cuttle-viz{--frost:0;--pouch:1;--wrinkle:0;--block:0;--tray:0}
[data-form="iwp"] .cuttle-viz{--frost:0;--pouch:1;--wrinkle:1;--block:0;--tray:0}
[data-form="block"] .cuttle-viz{--frost:0;--pouch:0;--wrinkle:0;--block:1;--tray:0}
[data-form="tray"] .cuttle-viz{--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:1}
.cuttle-viz{--cfins:1;--skin:1;--head:1;--eyes:1;--hx:0px;--score:0;--sz:var(--sp-sz,1);--flock:var(--sp-flock,0);--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-species="babyocto"] .octo-viz{--oc-c:#d9bfb4;--oc-o:#6e4a44;--oc-sk:#8b4a4e;--oc-fl:#f4ece6}
[data-base="whole"] .octo-viz{--mantle:1;--skin:1;--eyes:1;--petal:0;--spread:0deg;--sz:1;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="cleaned"] .octo-viz{--mantle:1;--skin:1;--eyes:0;--petal:0;--spread:0deg;--sz:1;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-base="flower"] .octo-viz{--mantle:0;--skin:1;--eyes:0;--petal:1;--spread:12deg;--sz:1;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="whole"] .octo-viz{--mantle:1;--skin:1;--eyes:1;--petal:0;--spread:0deg;--sz:1;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="cleaned"] .octo-viz{--mantle:1;--skin:1;--eyes:0;--petal:0;--spread:0deg;--sz:1;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="flower"] .octo-viz{--mantle:0;--skin:1;--eyes:0;--petal:1;--spread:12deg;--sz:1;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="iqf"] .octo-viz{--frost:1;--pouch:0;--wrinkle:0;--block:0;--tray:0}
[data-form="ivp"] .octo-viz{--frost:0;--pouch:1;--wrinkle:0;--block:0;--tray:0}
[data-form="iwp"] .octo-viz{--frost:0;--pouch:1;--wrinkle:1;--block:0;--tray:0}
[data-form="block"] .octo-viz{--frost:0;--pouch:0;--wrinkle:0;--block:1;--tray:0}
[data-form="tray"] .octo-viz{--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:1}
.octo-viz{--mantle:1;--skin:1;--eyes:1;--petal:0;--spread:0deg;--sz:1;--px:1;--py:1;--frost:0;--pouch:0;--wrinkle:0;--block:0;--tray:0}