/* SF3D integration with SmartFixer Pro graphite/blue style, isolated from CRM */
.sf3d-section { margin:clamp(18px,3vw,38px) 0; min-width:0; --sfw-accent:#71caff; --sfw-surface:#0c1d30; }
.sf3d-section .sf3d-intro { margin-bottom:18px; max-width:850px; }
.sf3d-section .sf3d-intro h3 { color:#f1f7ff; font-size:clamp(1.25rem,2.2vw,2rem); line-height:1.22; letter-spacing:-.025em; margin:0 0 8px; }
.sf3d-section .sf3d-intro p, .sf3d-section .sf3d-disclaimer { color:#b3c4d7; line-height:1.6; max-width:90ch; }
.sf3d-section .sf3d-disclaimer { font-size:.83rem; padding:15px 2px 0; }
.sf3d-section [data-sf-appliance3d]:not(.sfw) > .sfw__boot { display:block;width:100%;max-width:100%;max-height:650px;object-fit:contain;border-radius:20px;background:#091c33; }
.sf3d-section .sfw__mode, .sf3d-section .sfw__chip, .sf3d-section .sfw__icon, .sf3d-section .sfw__item { min-height:44px; }
.sf3d-nav { display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px;margin:clamp(18px,3vw,40px) 0 0; }
.sf3d-nav-link { display:flex;flex-direction:column;gap:6px;padding:15px 17px;border:1px solid rgba(131,198,236,.23);background:linear-gradient(140deg,#0c2037,#071524);color:#eaf7ff;text-decoration:none;border-radius:15px;transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.sf3d-nav-link small { font-size:.8rem;color:#a6c8e1; }
.sf3d-nav-link:hover, .sf3d-nav-link:focus-visible {transform:translateY(-2px);border-color:#75cbff;background:#102d4c;outline-offset:3px;}
@media (max-width:640px){.sf3d-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf3d-nav-link{padding:12px;font-size:.88rem}.sf3d-section .sfw__mode{min-height:44px}.sf3d-section .sfw__item{min-height:44px}}
@media (prefers-reduced-motion:reduce){.sf3d-nav-link{transition:none}.sf3d-nav-link:hover{transform:none}}


/* SF3D v2 · premium graphite / glass-metal controls (all eight scenes). */
.sf3d-section{--sfw-accent:#79d6ff;--sfw-accent-ink:#061523;--sfw-surface:#0a1a2e;--sfw-line:rgba(144,208,255,.21)}
.sf3d-section .sfw__stage{border:1px solid rgba(146,208,255,.28);background:radial-gradient(ellipse at 48% 25%,rgba(45,95,155,.21),transparent 64%),linear-gradient(168deg,#112542 0%,#071326 62%,#050e1c);box-shadow:0 22px 65px rgba(0,4,15,.31),inset 0 1px rgba(211,236,255,.07)}
.sf3d-section .sfw__modes{padding:5px;gap:4px;background:linear-gradient(155deg,rgba(28,47,70,.94),rgba(5,16,30,.96));border:1px solid rgba(147,211,255,.24);border-radius:18px;box-shadow:0 12px 32px rgba(0,5,17,.34),inset 0 1px rgba(233,246,255,.12)}
.sf3d-section .sfw__mode,.sf3d-section .sfw__chip,.sf3d-section .sfw__icon,.sf3d-section .sfw__btn{min-height:44px;border-radius:13px;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.sf3d-section .sfw__mode{color:#b6cee5;border:1px solid transparent;font-weight:650;letter-spacing:.012em;background:linear-gradient(160deg,rgba(255,255,255,.025),transparent)}
.sf3d-section .sfw__mode[aria-checked="true"]{color:#041522;border-color:rgba(199,246,255,.75);background:linear-gradient(155deg,#c1f2ff,#68cbff 58%,#42a8ee);box-shadow:0 5px 19px rgba(35,154,235,.26),inset 0 1px rgba(255,255,255,.85)}
.sf3d-section .sfw__mode:not([aria-checked="true"]):hover,.sf3d-section .sfw__chip:hover,.sf3d-section .sfw__icon:hover{color:#e7f9ff;background:linear-gradient(160deg,rgba(102,154,199,.19),rgba(24,42,66,.45));border-color:rgba(129,213,255,.5)}
.sf3d-section .sfw__mode:active,.sf3d-section .sfw__chip:active,.sf3d-section .sfw__icon:active,.sf3d-section .sfw__btn:active{transform:translateY(1px)}
.sf3d-section .sfw__chip,.sf3d-section .sfw__icon,.sf3d-section .sfw__btn--ghost{color:#d5e8f6;border:1px solid rgba(153,203,244,.23);background:linear-gradient(165deg,rgba(44,65,89,.86),rgba(12,26,44,.92));box-shadow:inset 0 1px rgba(244,251,255,.10),0 5px 13px rgba(0,5,16,.18)}
.sf3d-section .sfw__icon{min-width:44px;width:44px}
.sf3d-section .sfw__chip{padding-inline:14px;font-weight:550}
.sf3d-section .sfw__btn--primary{color:#071b2b;border:1px solid rgba(210,250,255,.7);background:linear-gradient(150deg,#c3f5ff 0%,#77d2ff 54%,#50b7f2 100%);box-shadow:0 7px 24px rgba(40,151,238,.24),inset 0 1px rgba(255,255,255,.78)}
.sf3d-section .sfw__btn--primary:hover{filter:brightness(1.05)}
.sf3d-section .sfw__mode:focus-visible,.sf3d-section .sfw__chip:focus-visible,.sf3d-section .sfw__icon:focus-visible,.sf3d-section .sfw__btn:focus-visible{outline:2px solid #a5eaff;outline-offset:3px}
.sf3d-section .sfw__card,.sf3d-section .sfw__list{background:linear-gradient(145deg,rgba(19,41,64,.98),rgba(8,23,40,.99));border-color:rgba(143,205,246,.20);box-shadow:inset 0 1px rgba(232,246,255,.055),0 9px 30px rgba(0,4,12,.18)}
.sf3d-section .sfw__item{min-height:44px}
.sf3d-section .sfw__item[aria-pressed="true"]{background:linear-gradient(95deg,rgba(77,170,232,.22),rgba(53,104,166,.07));box-shadow:inset 3px 0 #72d7ff}
.sf3d-section .sfw__slider{accent-color:#79d6ff}

/* Mobile: real top/bottom panels are moved outside .sfw__stage by sf3d-mobile-controls.js.
 * The viewport now contains ONLY the model, labels and loading/fallback content. */
@media(max-width:767px){
  .sf3d-section .sfw{--sfw-stage-h:clamp(330px,55svh,560px);--sfw-radius:18px;min-width:0}
  .sf3d-section .sfw__layout,.sf3d-section .sfw__main,.sf3d-section .sfw__stage{min-width:0}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__top,.sf3d-section .sfw.sfw--mobile-docked .sfw__bottom{position:relative;inset:auto;transform:none;width:100%;height:auto;z-index:1;display:flex;pointer-events:auto;min-width:0;max-width:100%;border:1px solid rgba(148,207,249,.23);border-radius:19px;background:linear-gradient(155deg,rgba(24,43,68,.99),rgba(7,21,38,.99));box-shadow:0 11px 30px rgba(0,5,17,.21),inset 0 1px rgba(244,251,255,.075);backdrop-filter:none}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__top{margin-bottom:12px;padding:7px;justify-content:stretch}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__modes{display:flex;width:100%;min-width:0;border-radius:14px;padding:3px;box-shadow:none;background:rgba(3,13,26,.38);gap:4px}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__mode{flex:1 1 0;min-width:0;white-space:nowrap;text-align:center;padding:10px 5px;font-size:clamp(12px,3.65vw,14px);line-height:1.15}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__bottom{margin-top:12px;margin-bottom:12px;padding:11px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;justify-items:stretch;align-items:stretch}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__bottom>*{pointer-events:auto;min-width:0}
  /* Keep unavailable 3D controls hidden when the engine falls back to its poster/list. */
  .sf3d-section .sfw.sfw--mobile-docked.is-fallback .sfw__top,.sf3d-section .sfw.sfw--mobile-docked.is-fallback .sfw__bottom{display:none}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__peek{display:none!important} /* Redundant with \"Внутри\" mode above */
  .sf3d-section .sfw.sfw--mobile-docked .sfw__selbar:not([hidden]){order:1;display:flex;width:100%;min-width:0;border-radius:13px;padding:7px;background:rgba(47,103,145,.19);border-color:rgba(124,212,255,.34)}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__progress{order:2;width:100%;min-width:0;border-radius:13px;padding:8px 10px;justify-content:space-between;background:rgba(0,11,23,.43)}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__progress-label{flex:0 0 auto}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__slider{flex:1 1 70px;width:auto;min-width:58px;min-height:44px}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__progress .sfw__btn{flex:0 0 auto}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__views{order:3;margin:0;display:flex;justify-content:center;width:100%;min-width:0;gap:7px;flex-wrap:wrap}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__chip,.sf3d-section .sfw.sfw--mobile-docked .sfw__icon,.sf3d-section .sfw.sfw--mobile-docked .sfw__btn{min-height:44px}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__chip{flex:1 1 auto;padding-inline:11px}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__icon{flex:0 0 44px}
  .sf3d-section .sfw.sfw--mobile-docked .sfw__stage{border-radius:18px}
  .sf3d-section .sfw__side{max-height:none}
  .sf3d-section .sfw__card{border-radius:17px}
  .sf3d-section .sfw__list{max-height:340px}
  .sf3d-section .sfw__hint{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .sf3d-section .sfw__mode,.sf3d-section .sfw__chip,.sf3d-section .sfw__icon,.sf3d-section .sfw__btn{transition:none}
}