body{animation:fpage .6s ease both}@keyframes fpage{from{opacity:0}}
.fgrid{grid-auto-rows:1fr}
.fc__box{height:100%}.fc__meta{min-height:24px}.fc__title{min-height:2.8em}.fc__price{margin-top:0;padding-top:0}
.fc__act{margin-top:auto;display:grid;gap:8px;min-height:98px;align-content:end}.fc__form{display:grid;gap:8px}
.fc.is-variant .fc__img--h{display:none}.fc__img{transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .35s}
@keyframes fpop{40%{transform:scale(1.14)}}.fc.is-pop .fc__price b{display:inline-block;animation:fpop .45s}
.fc__qv{position:absolute;top:22px;right:22px;z-index:5;width:40px;height:40px;border-radius:50%;background:rgba(10,10,12,.78);backdrop-filter:blur(8px);border:1px solid var(--f-line);display:grid;place-items:center;opacity:0;transform:translateZ(42px) scale(.8);transition:opacity .3s,transform .3s,background .3s}.fc__qv svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:1.7}.fc:hover .fc__qv,.fc__qv:focus-visible{opacity:1;transform:translateZ(42px)}.fc__qv:hover{background:linear-gradient(135deg,#ffffff,#9fb4d8)}.fc__qv:hover svg{stroke:#0a0b0d}.fc__qv.is-load{animation:fdot .8s infinite}
@media(hover:none){.fc__qv{opacity:1;transform:translateZ(42px);width:36px;height:36px}}
@media(max-width:600px){.fc__act{min-height:92px}.fc__qv{top:14px;right:14px;width:34px;height:34px}.fc__qv svg{width:17px;height:17px}}
.fqv{position:fixed;inset:0;z-index:450;display:grid;place-items:center;padding:20px;background:rgba(4,5,6,.78);backdrop-filter:blur(8px);opacity:0;transition:opacity .25s}.fqv.is-open{opacity:1}.fqv[hidden]{display:none}
.fqv__panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;width:min(940px,100%);max-height:min(92vh,720px);overflow:auto;padding:26px;border-radius:26px;background:linear-gradient(160deg,#1b1d22,#0e0f12);border:1px solid var(--f-line);box-shadow:0 60px 120px -40px #000;transform:translateY(24px) scale(.97);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.fqv.is-open .fqv__panel{transform:none}
.fqv__x{position:absolute;top:12px;right:16px;z-index:2;font-size:30px;line-height:1;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.07);color:#fff}.fqv__x:hover{background:rgba(255,255,255,.16)}
.fqv__main{aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#2c313b,#0d0e11)}.fqv__main img{width:100%;height:100%;object-fit:cover}
.fqv__th{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.fqv__th button{flex:0 0 58px;height:58px;border-radius:10px;overflow:hidden;border:2px solid transparent;opacity:.55;padding:0;transition:.2s}.fqv__th button.is-on,.fqv__th button:hover{opacity:1;border-color:#9fb4d8}.fqv__th img{width:100%;height:100%;object-fit:cover}
.fqv__info{display:flex;flex-direction:column;gap:14px;justify-content:center}.fqv__info h3{margin:0;font:700 clamp(20px,2.4vw,28px)/1.2 var(--f-head)}.fqv__d{margin:0;color:var(--f-muted);font-size:14px}.fqv__row{display:flex;gap:12px;margin-top:12px;align-items:stretch}.fqv__row .fbtn{flex:1}.fqv__more{font-size:13px;color:var(--f-muted);text-decoration:underline}.fqv__info .fc__price b{font-size:30px}
@media(max-width:700px){.fqv{padding:10px;align-items:end}.fqv__panel{grid-template-columns:1fr;padding:18px;gap:18px}.fqv__x{top:8px;right:10px}}
.fso{position:fixed;inset:0;z-index:460;opacity:0;transition:opacity .25s}.fso.is-open{opacity:1}.fso[hidden]{display:none}.fso__bg{position:absolute;inset:0;background:rgba(4,5,6,.86);backdrop-filter:blur(14px)}
.fso__panel{position:relative;width:min(820px,calc(100% - 28px));margin:9vh auto 0;max-height:82vh;overflow:auto;padding:26px;border-radius:26px;background:linear-gradient(160deg,#1b1d22,#0e0f12);border:1px solid var(--f-line);box-shadow:0 60px 120px -40px #000;transform:translateY(-14px);transition:transform .3s}.fso.is-open .fso__panel{transform:none}
.fso__x{position:absolute;top:10px;right:14px;font-size:28px;line-height:1;width:40px;height:40px;border-radius:50%;color:#fff}
.fso__form{display:flex;gap:10px;margin-right:36px}.fso__form input[type=search]{flex:1;min-width:0;min-height:56px;padding:0 24px;border-radius:999px;border:1px solid var(--f-line);background:#0b0c0e;color:#fff;font-size:16px}.fso__form input:focus{outline:0;box-shadow:0 0 0 2px #9fb4d8}
.fso__res{margin-top:20px}.fso__chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fso__chips span{font:700 11px var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--f-muted);margin-right:6px}.fso__chips a{padding:8px 16px;border-radius:999px;border:1px solid var(--f-line);font-size:14px;transition:.2s}.fso__chips a:hover{border-color:#9fb4d8;background:rgba(159,180,216,.12)}
.fso__row{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:10px;border-radius:14px;transition:background .2s}.fso__row:hover{background:rgba(255,255,255,.05)}.fso__row img{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#0d0e11}.fso__row b{display:block;font:600 15px/1.35 var(--f-body)}.fso__row small{color:var(--f-muted);font-size:14px}.fso__h{font:700 11px var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--f-muted);margin:16px 0 6px}.fso__all{display:block;margin-top:14px;text-align:center;padding:14px;border-radius:14px;border:1px solid var(--f-line);font-weight:600}.fso__all:hover{border-color:#9fb4d8}.fso__none{color:var(--f-muted)}
.fbtt{position:fixed;right:18px;bottom:18px;z-index:55;width:50px;height:50px;border-radius:50%;background:rgba(10,11,13,.88);backdrop-filter:blur(8px);display:grid;place-items:center;opacity:0;transform:translateY(14px);pointer-events:none;transition:.3s}.fbtt.is-on{opacity:1;transform:none;pointer-events:auto}.fbtt svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.fbtt circle{fill:none;stroke-width:2}.fbtt__bg{stroke:rgba(255,255,255,.14)}.fbtt__ring{stroke:#c9d1d9;stroke-linecap:round;stroke-dasharray:var(--p,0) 100}.fbtt i{font-style:normal;font-size:18px}.fbtt:hover{background:#1a1c20}
body.template-product .fbtt{bottom:92px}