/* ===== sofa page (sfp) ===== */
.abx .sf-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;background:var(--e-global-color-accent);color:#fff;font-family:var(--e-global-typography-accent-font-family),sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background .25s,color .25s}
.abx .sf-btn:hover{background:#fff;color:var(--e-global-color-primary)}
.abx .sf-btn .ax-arr{transition:transform .25s}.abx .sf-btn:hover .ax-arr{transform:translateX(4px)}
.sf-k{display:block;color:var(--e-global-color-accent);font-family:var(--e-global-typography-t0eyeb-font-family),sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sf-h3{margin:8px 0 0;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:clamp(24px,2.3vw,32px);line-height:1.05;text-transform:uppercase}
.sf-pill{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:#EDE4D9;color:#111;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .25s,color .25s}
.sf-pill:hover{background:var(--e-global-color-accent);color:#fff}
#sf-zone{overflow:visible!important;overflow-x:clip!important}
#sf-zone .zn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:56px;align-items:start}
#sf-zone .zn-v{position:sticky;top:130px;background:#EDE4D9;border-radius:10px;padding:26px}
#sf-zone .zn-v svg{display:block;width:100%;height:auto}
#sf-zone .zg{opacity:.3;transition:opacity .45s}
#sf-zone .zn-v[data-z='1'] .z1,#sf-zone .zn-v[data-z='2'] .z2,#sf-zone .zn-v[data-z='3'] .z3,#sf-zone .zn-v[data-z='4'] .z4{opacity:1}
#sf-zone .zn-sm{animation:sfstitch 1.2s linear infinite}
@keyframes sfstitch{to{stroke-dashoffset:-24}}
#sf-zone .zn-i{min-height:36vh;padding:8px 0 40px 26px;border-left:3px solid rgba(0,0,0,.12);opacity:.4;transition:opacity .4s,border-color .4s}
#sf-zone .zn-i.on{opacity:1;border-color:var(--e-global-color-accent)}
#sf-zone .zn-d{margin-top:18px;border-top:1px solid rgba(0,0,0,.12);padding-top:12px}
#sf-zone .zn-d b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6b5f55}
#sf-zone .zn-d p{margin:4px 0 0;font-size:17px;line-height:1.45}
#sf-mat .mt-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-bottom:90px;margin-top:48px;align-items:start}
#sf-mat .mt-c{background:#fff;border-radius:10px;overflow:hidden;will-change:transform}
#sf-mat .mt-c:nth-child(even){margin-top:50px}
#sf-mat .mt-sw{overflow:hidden;aspect-ratio:4/5}
#sf-mat .mt-sw svg{display:block;width:100%;height:100%}
#sf-mat .mt-t{padding:22px 22px 26px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
#sf-mat .mt-t p{margin:0;font-size:16px;line-height:1.5;color:#3a342e}
#sf-spec{overflow:visible!important;overflow-x:clip!important}
#sf-spec .rs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
#sf-spec .rs-l{position:sticky;top:130px}
#sf-spec .sf-cd{margin-top:30px;padding:26px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
#sf-spec .sf-cd .sf-h3{color:#fff;font-size:26px}
#sf-spec .sf-cd p{margin:10px 0 20px;color:rgba(255,255,255,.78);font-size:16px;line-height:1.55}
#sf-spec .rs-i{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.14)}
#sf-spec .rs-i:first-child{padding-top:0}
#sf-spec .rs-i svg{display:block;width:100%;height:auto;background:rgba(255,255,255,.05);border-radius:8px}
#sf-spec .rs-i b{display:block;color:#fff;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:28px;line-height:1;text-transform:uppercase}
#sf-spec .rs-i p{margin:8px 0 0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.5}
#sf-cut .ct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:70px;margin-top:48px}
#sf-cut .ct-c{background:#EDE4D9;border-radius:10px;padding:24px 24px 28px;will-change:transform}
#sf-cut .ct-c svg{display:block;width:100%;height:auto;margin-bottom:18px}
#sf-cut .ct-c p{margin:12px 0 0;font-size:16px;line-height:1.5;color:#3a342e}
#sf-route .rt{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:70px}
#sf-route .rt-tr{position:absolute;left:12.5%;right:12.5%;top:20px;height:4px;border-radius:2px;background:rgba(0,0,0,.14)}
#sf-route .rt-fl{display:block;height:100%;border-radius:2px;background:var(--e-global-color-accent);transform-origin:0 50%}
#sf-route .rt-cd{position:absolute;left:12.5%;top:2px;width:40px;height:40px;margin-left:-20px;border-radius:10px;background:linear-gradient(135deg,#c9824f,#8C5230);box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:2}
#sf-route .rt-s{position:relative;text-align:center;padding-top:62px}
#sf-route .rt-s:before{content:'';position:absolute;left:50%;top:12px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#fff;border:4px solid rgba(0,0,0,.25);transition:border-color .3s,background .3s}
#sf-route .rt-s.on:before{border-color:var(--e-global-color-accent);background:var(--e-global-color-accent)}
#sf-route .rt.js .rt-s{opacity:.45;transition:opacity .3s}#sf-route .rt.js .rt-s.on{opacity:1}
#sf-route .rt-s p{margin:10px auto 0;max-width:250px;font-size:16px;line-height:1.5;color:#3a342e}
#sf-qc .qc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
#sf-qc .qc-n{font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:clamp(100px,12vw,180px);line-height:.9;color:#fff;margin:30px 0 4px}
#sf-qc .qc-n small{font-size:.28em;color:var(--e-global-color-accent);margin-left:10px;letter-spacing:.04em;text-transform:uppercase}
#sf-qc .qc-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#sf-qc .qc-t{background:#1d1a17;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:18px;will-change:transform}
#sf-qc .qc-t svg{display:block;width:100%;height:auto}
#sf-qc .qc-t b{display:block;margin-top:14px;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
#sf-qc .qc-ln{margin-top:26px}
.sf-rub{animation:sfrub 2s ease-in-out infinite}@keyframes sfrub{0%,100%{transform:translateX(0)}50%{transform:translateX(70px)}}
.sf-fl1{animation:sffl 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:100% 50%}
.sf-fl2{animation:sffl2 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:0% 50%}
@keyframes sffl{0%,100%{transform:rotate(0)}50%{transform:rotate(-16deg)}}@keyframes sffl2{0%,100%{transform:rotate(0)}50%{transform:rotate(16deg)}}
.sf-sun{animation:sfsun 8s linear infinite;transform-box:fill-box;transform-origin:50% 50%}@keyframes sfsun{to{transform:rotate(360deg)}}
@media(max-width:900px){#sf-zone .zn,#sf-spec .rs,#sf-qc .qc{grid-template-columns:1fr;gap:34px}#sf-zone .zn-v{top:70px;z-index:3;padding:14px}#sf-zone .zn-v svg{max-height:190px}#sf-zone .zn-i{min-height:26vh}#sf-mat .mt-g,#sf-cut .ct{grid-template-columns:1fr;padding-bottom:0}#sf-mat .mt-c{margin-top:0!important;transform:none!important}#sf-mat .mt-sw{aspect-ratio:16/10}#sf-cut .ct-c{transform:none!important}#sf-spec .rs-l{position:static}#sf-spec .rs-i{grid-template-columns:110px minmax(0,1fr);gap:16px}#sf-route .rt{grid-template-columns:1fr;gap:28px;margin-top:40px}#sf-route .rt-tr,#sf-route .rt-cd{display:none}#sf-route .rt-s{padding-top:0;text-align:left;padding-left:40px}#sf-route .rt-s:before{left:0;top:2px;margin-left:0}#sf-route .rt-s p{margin-left:0}#sf-qc .qc-g{grid-template-columns:1fr}#sf-qc .qc-t{transform:none!important}}
@media(max-width:900px){#sf-route .rt-s:before{border-color:var(--e-global-color-accent);background:var(--e-global-color-accent)}}