#ffl{--ui:#1f2a6b;font-family:"Barlow",Arial,sans-serif;color:#1d2433;max-width:1320px;margin:0 auto;padding:24px 16px 60px}
#ffl *{box-sizing:border-box}
#ffl .hd h1{font-family:"Barlow Condensed",Arial,sans-serif;font-weight:700;font-size:34px;margin:0 0 4px;color:var(--ui);text-transform:uppercase}
#ffl .hd p{margin:0 0 18px;color:#5d6475;max-width:820px}
#ffl .app{display:grid;grid-template-columns:380px 1fr;gap:22px;align-items:start}
@media(max-width:900px){#ffl .app{grid-template-columns:1fr}}
#ffl .pan{background:#f4f6fb;border-radius:14px;padding:16px}
#ffl .sec{background:#fff;border-radius:10px;padding:12px 14px;margin-bottom:10px}
#ffl .sec h3{margin:0 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ui);font-weight:700}
#ffl label{display:block;font-size:12.5px;color:#5d6475;margin:7px 0 3px}
#ffl input[type=text],#ffl input[type=number],#ffl input[type=url],#ffl select,#ffl textarea{width:100%;border:1px solid #d6dbe7;border-radius:8px;padding:7px 9px;font:inherit;font-size:14px;background:#fff;color:#1d2433}
#ffl textarea{min-height:58px;resize:vertical}
#ffl .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#ffl .pt{display:grid;grid-template-columns:110px 1fr;gap:6px;margin-bottom:6px}
#ffl .chk{display:flex;gap:7px;align-items:center;font-size:13.5px;color:#1d2433;margin:6px 0}
#ffl .chk input{width:16px;height:16px}
#ffl .tpls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#ffl .tpl{border:2px solid #d6dbe7;border-radius:10px;padding:8px;cursor:pointer;background:#fff;text-align:left;font:inherit;font-size:13px;line-height:1.25}
#ffl .tpl b{display:block;font-size:14px}
#ffl .tpl span{color:#5d6475;font-size:11.5px}
#ffl .tpl.on{border-color:var(--ui);box-shadow:0 0 0 3px #1f2a6b22}
#ffl .sw{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:4px;border:1px solid #0002}
#ffl .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
#ffl .btn{border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;background:var(--ui);color:#fff}
#ffl .btn.alt{background:#fff;color:var(--ui);border:2px solid var(--ui)}
#ffl .btn:disabled{opacity:.5}
#ffl .note{font-size:12px;color:#5d6475;margin-top:8px}
#ffl .stage{background:repeating-conic-gradient(#eef0f5 0 25%,#f8f9fc 0 50%) 0 0/24px 24px;border-radius:14px;min-height:420px;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;position:sticky;top:90px}
#ffl .scaler{box-shadow:0 10px 30px #0003}
#ffl .dim{text-align:center;color:#5d6475;font-size:13px;margin-top:8px}
#ffl .lock{background:#fff7d6;border-radius:10px;padding:10px 12px;font-size:13px;color:#6b5200;margin-bottom:10px}
#ffl .gate{background:#f4f6fb;border-radius:14px;padding:40px;text-align:center}
#ffl .gate a{display:inline-block;margin-top:14px}
#ffl .hide{display:none!important}

/* ====== LABEL ====== */
.ffL{position:relative;overflow:hidden;background:#fff;color:#111;font-family:"Barlow",Arial,sans-serif;line-height:1.15}
.ffL *{box-sizing:border-box}
.ffL .g{position:absolute;inset:0;display:grid;padding:.9em;gap:.45em .9em}
.ffL .hd2{grid-area:head;display:flex;flex-direction:column;gap:.35em;min-width:0}
.ffL .nm{font-family:"Barlow Condensed",Arial,sans-serif;font-weight:600;text-transform:uppercase;font-size:1.05em;letter-spacing:.02em;color:#444;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ffL .brand{height:3.6em;max-width:100%;object-fit:contain;object-position:left center;align-self:flex-start}
.ffL .acc{grid-area:acc;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:"Barlow Condensed",Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:1.5em;line-height:1.05;overflow:hidden;align-self:center}
.ffL .ph{grid-area:photo;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}
.ffL .ph img{max-width:100%;max-height:100%;object-fit:contain}
.ffL .ment{grid-area:ment;font-size:.8em;text-transform:uppercase;letter-spacing:.05em;color:#666;font-weight:600;padding-right:7.5em}
.ffL .desc{grid-area:desc;font-size:.92em;line-height:1.25;overflow:hidden;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ffL .pts{grid-area:pts;display:flex;flex-direction:column;justify-content:center;min-height:0;overflow:hidden}
.ffL .p{display:grid;grid-template-columns:7.2em 1fr;gap:.6em;padding:.38em 0;border-top:1px solid #e3e3e3;font-size:.86em;align-items:start}
.ffL .p:first-child{border-top:0}
.ffL .p b{font-weight:700;text-transform:uppercase;font-size:.9em;letter-spacing:.03em}
.ffL .pr{grid-area:price;align-self:end;justify-self:start;padding:.35em .7em .25em;min-width:6.5em;font-family:"Barlow Condensed",Arial,sans-serif;font-weight:700;line-height:1}
.ffL .pr .old{display:block;font-size:1.1em;text-decoration:line-through;opacity:.85}
.ffL .pr .big{font-size:3.6em;letter-spacing:-.02em;line-height:.85}
.ffL .pr .pw{display:inline-flex;align-items:flex-start;line-height:.85}
.ffL .pr .ct{display:inline-flex;flex-direction:column;font-size:1.55em;line-height:.95;margin-left:.06em;padding-top:.12em}
.ffL .pr .lab{display:block;font-size:.95em;text-transform:uppercase;letter-spacing:.06em}
.ffL .cd{grid-area:codes;display:flex;align-items:flex-end;justify-content:flex-end;gap:.7em;min-width:0}
.ffL .ref{font-size:.7em;color:#666;margin-right:auto;align-self:flex-end}
.ffL .qr{width:4.6em;height:4.6em}
.ffL .ean{height:3.2em;width:auto;max-width:9em}
.ffL .sig{grid-area:sig;font-size:.62em;letter-spacing:.06em;text-transform:uppercase;text-align:center}
.ffL .dk{position:absolute;top:.9em;right:.9em;background:#3643BA;color:#fff;font-family:"Barlow",Arial,sans-serif;font-weight:800;font-size:1em;letter-spacing:.04em;padding:.28em .6em;border-radius:.25em}
.ffL .slogo{position:absolute;top:.9em;right:.9em;max-height:2.6em;max-width:9em;object-fit:contain}
.ffL .promo{position:absolute;right:0;top:3.2em;background:#E3262F;color:#fff;font-family:"Barlow Condensed",Arial,sans-serif;font-weight:700;font-size:1.25em;padding:.2em .8em;text-transform:uppercase}

/* layouts */
.ffL.wide .g{grid-template-columns:31% 25% 1fr;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"head photo ment" "head photo desc" "acc photo pts" "price photo codes" "sig sig sig"}
.ffL.stack .g{grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1.4fr) auto auto minmax(0,1fr) auto auto;grid-template-areas:"head head" "photo acc" "photo ment" "desc desc" "pts pts" "price codes" "sig sig"}
.ffL.stack .ment{padding-right:0}
.ffL.mini .g{grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr auto;grid-template-areas:"photo head price codes" "sig sig sig sig";padding:.6em;gap:.3em .7em}
.ffL.mini .acc,.ffL.mini .desc,.ffL.mini .pts,.ffL.mini .ment,.ffL.mini .ref,.ffL.mini .dk,.ffL.mini .slogo,.ffL.mini .promo{display:none}
.ffL.mini .ph{width:5.5em}
.ffL.mini .nm{-webkit-line-clamp:3;color:#111}
.ffL.mini .pr{align-self:center}
.ffL.mini .pr .big{font-size:2.8em}
.ffL.mini .cd{align-items:center}

/* theme: Decathlon-like */
.ffL.t-dk .pr{background:#FFE014;color:#111}
.ffL.t-dk.isp .pr{background:#E3262F;color:#fff}
.ffL.t-dk .p b{color:#3643BA}
.ffL.t-dk .sig{color:#888}
.ffL.t-dk .acc{color:#222}

/* theme: perso */
.ffL.t-pe{background:var(--bg,#fff);color:var(--tx,#111)}
.ffL.t-pe .g{border-left:.7em solid var(--c1,#1f2a6b)}
.ffL.t-pe .acc{color:var(--c1,#1f2a6b)}
.ffL.t-pe .p b{color:var(--c1,#1f2a6b)}
.ffL.t-pe .pr{background:var(--c2,#FFE014);color:var(--c3,#111)}
.ffL.t-pe .sig{color:#777}

/* premium shared */
.ffL.t-mer,.ffL.t-pro{color:#fff}
.ffL.t-mer .g,.ffL.t-pro .g{border:.75em solid var(--fr)}
.ffL.t-mer .brand,.ffL.t-pro .brand{background:#fff;border-radius:.35em;padding:.25em .45em;height:4em}
.ffL.t-mer .nm,.ffL.t-pro .nm{color:var(--soft)}
.ffL.t-mer .acc,.ffL.t-pro .acc{color:var(--hi);font-size:2.1em}
.ffL.t-mer .ment,.ffL.t-pro .ment{color:var(--soft)}
.ffL.t-mer .desc,.ffL.t-pro .desc{font-style:italic}
.ffL.t-mer .ph img,.ffL.t-pro .ph img{background:#fff;border-radius:.6em;padding:.3em}
.ffL.t-mer .p,.ffL.t-pro .p{border:0;grid-template-columns:1.5em 1fr;font-style:italic;font-weight:700}
.ffL.t-mer .p:before,.ffL.t-pro .p:before{content:"✓";width:1.4em;height:1.4em;border-radius:50%;background:var(--ck);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:.85em}
.ffL.t-mer .p b,.ffL.t-pro .p b{display:none}
.ffL.t-mer .ref,.ffL.t-pro .ref{color:var(--soft)}
.ffL.t-mer .qr,.ffL.t-pro .qr,.ffL.t-mer .ean,.ffL.t-pro .ean{background:#fff;padding:.2em;border-radius:.2em}
.ffL.t-mer .sig,.ffL.t-pro .sig{color:var(--soft)}
.ffL.t-mer{background:#0b0b0b;--fr:#1d9be0;--hi:#2aa7f0;--soft:#9fd3f5;--ck:#2bb24c}
.ffL.t-mer .pr{background:#e23b2e;color:#fff;border-radius:.3em}
.ffL.t-pro{background:#22230f;--fr:#a8a536;--hi:#d9d65c;--soft:#cfcc95;--ck:#7d9a2a}
.ffL.t-pro .pr{background:#d9d65c;color:#22230f;border-radius:.3em}
.ffL.isp .promo{display:block}
.ffL:not(.isp) .promo{display:none}

.ffL.stack .brand,.ffL.mini .brand{height:2.6em!important}
.ffL.stack .hd2{flex-direction:row;align-items:center;justify-content:space-between;gap:.8em}
.ffL.stack .nm{flex:1}
.ffL.stack.t-dk .hd2,.ffL.stack.isp .hd2{padding-right:7em}
.ffL.stack .promo{top:auto;bottom:5.2em}
.ffL.mini .sig{font-size:.5em}

.ffL.wide.t-mer .brand,.ffL.wide.t-pro .brand{height:3.2em}
.ffL.wide .desc{-webkit-line-clamp:2}
.ffL.wide .acc{align-self:center}