/* motorsbot.com — sekcja „Strefa mechanika · warsztaty w okolicy” (#slide-5, .smsec) przeniesiona z motorsagent.com (mail Jacka 03.11.2026).
   Źródło: MotorsAgent src/styles/sections-v6.css + public/styles/v6.css (reguły .smsec); reguły wspólne (.s-*) zawężone do .smsec. */
:where(.smsec) *{box-sizing:border-box}
:where(.smsec) :where(figure,h2,p,ul){margin:0}
.smsec{position:relative;overflow:hidden;font-family:"Manrope",system-ui,sans-serif;color:#F5F5F6;border-top:1px solid rgba(255,255,255,.06)}
.smsec .s-over{display:inline-flex;align-items:center;gap:10px;font:700 11px/1 "Space Mono","JetBrains Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:#B4E053}
.smsec .s-over .dot{width:8px;height:8px;border-radius:50%;background:#B4E053;box-shadow:0 0 12px rgba(180,224,83,.75)}
.smsec h2{font:800 40px/1.1 "Manrope",sans-serif;letter-spacing:-.02em;margin:14px 0 14px;text-wrap:balance}
.smsec h2 em{font-style:normal;color:#E86428}
.smsec .s-lead{margin:0;font-size:16px;line-height:1.55;color:rgba(245,245,246,.74);max-width:54ch}
.smsec .s-lab{font:700 10.5px/1 "Space Mono","JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,245,246,.55)}
.smsec .s-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 22px;border-radius:6px;font:800 13px/1 "Manrope",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;border:0;white-space:nowrap}
.smsec .s-btn.f{background:linear-gradient(90deg,#CC4200,#E86428);color:#fff;box-shadow:0 10px 26px rgba(204,66,0,.35)}
.smsec .s-btn.o{background:transparent;border:1.5px solid rgba(180,224,83,.75);color:#B4E053}
.smsec .s-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.smsec{background:#0B0A0A;padding:96px;min-height:800px}
.sm-media{position:absolute;top:0;right:0;bottom:0;width:64%;margin:0}
.sm-vis{position:absolute;inset:0;margin:0}
.sm-vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:8% 45%;display:block}
.sm-vis img.m{display:none}
.sm-fade{position:absolute;inset:0;background:linear-gradient(90deg,#0B0A0A 0%,rgba(11,10,10,.88) 7%,rgba(11,10,10,.2) 17%,rgba(11,10,10,0) 27%),linear-gradient(180deg,#0B0A0A 0%,rgba(11,10,10,0) 16%,rgba(11,10,10,0) 78%,#0B0A0A 100%)}
.sm-main{position:relative;z-index:2;max-width:500px}
.sm-find{margin-top:28px;padding:16px;border-radius:16px;background:rgba(22,15,11,.9);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.sm-find .s-lab{margin-bottom:12px}
.sm-row{display:flex;gap:8px}
.sm-in{flex:1;min-width:0;height:50px;border-radius:10px;background:#0E0907;border:1.5px solid rgba(232,100,40,.6);display:flex;align-items:center;gap:10px;padding:0 14px;font-size:14.5px;color:rgba(245,245,246,.5);cursor:text;white-space:nowrap;overflow:hidden}
.sm-in svg,.sm-gps svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm-in svg{color:#F2905F}
.sm-gps{height:50px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:transparent;display:inline-flex;align-items:center;gap:8px;font:700 13px/1 "Manrope",sans-serif;color:rgba(245,245,246,.86);cursor:pointer;white-space:nowrap}
.sm-gps .t{display:none}
.sm-gps{width:50px;padding:0;justify-content:center;flex:none}
.sm-row .s-btn{height:50px}
.sm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.sm-chips button{background:transparent;font-family:inherit;cursor:pointer;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:600;color:rgba(245,245,246,.74);border:1px solid rgba(255,255,255,.14)}
.sm-chips button[aria-pressed="true"]{border-color:rgba(180,224,83,.7);color:#B4E053}
.sm-pro{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px}
.sm-pro .ic{grid-row:1/3;width:44px;height:44px;border-radius:10px;background:rgba(180,224,83,.12);color:#B4E053;display:grid;place-items:center}
.sm-pro .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sm-pro b{font-size:16px;font-weight:800;line-height:1.3}
.sm-pro .d{font-size:13.5px;color:rgba(245,245,246,.68);line-height:1.45;max-width:56ch}
.sm-pro .btns{grid-column:2;display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.smc{position:absolute;z-index:3;right:40px;width:284px;background:rgba(15,10,8,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:14px 15px;box-shadow:0 22px 50px rgba(0,0,0,.55)}
.smc .lb{font:700 9px/1 "Space Mono","JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#B4E053}
.smc b{display:block;font-size:16px;font-weight:800;margin-top:6px;line-height:1.25}
.smc .mt{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:rgba(255,255,255,.68);margin-top:4px}
.smc .mt .st{color:#F2C14E;font-weight:800}
.smc .ok{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#B4E053;margin-top:9px}
.smc .ok i{width:14px;height:14px;border-radius:50%;background:#B4E053;display:grid;place-items:center;color:#0A0200;font-style:normal;font-size:9px;font-weight:900}
.smc .ac{display:flex;gap:8px;margin-top:12px}
.smc .ac span{flex:1;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800}
.smc .ac .p{background:#E86428;color:#fff}
.smc .ac .s{border:1px solid rgba(255,255,255,.22);color:#fff}
.smc .ac svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.smc.c1{top:88px}.smc.c2{bottom:56px}
@media (max-width: 1199px){
 .smsec h2{font-size:28px;margin:12px 0 10px}
 .smsec .s-over{line-height:1.5;align-items:flex-start}.s-over .dot{margin-top:4px;flex:none}
 .smsec .s-lead{font-size:14.5px}
 .smsec .s-btn{height:44px;padding:0 16px;font-size:12px}
 .smsec{display:grid;padding:40px 18px 44px;min-height:0}
 .sm-main{display:contents}
 .sm-head{order:1}.sm-find{order:2}.sm-media{order:3}.sm-pro{order:4}
 .sm-find{margin-top:22px;padding:12px}
 .sm-row{flex-wrap:wrap}
 .sm-in{flex:1 1 100%;height:46px;font-size:13.5px}
 .sm-gps{height:44px;flex:1;width:auto;padding:0 14px}
 .sm-gps .t{display:inline}
 .sm-row .s-btn{height:44px;flex:1}
 .sm-media{position:relative;inset:auto;width:auto;margin:24px -18px 0;padding:330px 18px 0;display:grid;gap:10px}
 .sm-vis{bottom:auto;height:420px}
 .sm-vis img.d{display:none}.sm-vis img.m{display:block;object-position:50% 18%}
 .sm-fade{background:linear-gradient(180deg,#0B0A0A 0%,rgba(11,10,10,0) 14%,rgba(11,10,10,0) 62%,rgba(11,10,10,.9) 100%)}
 .smc{position:relative;inset:auto;width:auto;right:auto}
 .smc.c1{top:auto}.smc.c2{bottom:auto}
 .sm-pro{margin-top:26px;grid-template-columns:40px minmax(0,1fr)}
 .sm-pro .ic{width:40px;height:40px}
 .sm-pro .btns{grid-column:1/3}
}
.sm-in input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#F5F5F6;font:inherit;outline:none;padding:0}
.sm-in input::placeholder{color:rgba(245,245,246,.5);opacity:1}
.sm-in:focus-within{border-color:#E86428;box-shadow:0 0 0 3px rgba(232,100,40,.25)}
.smsec .s-btn:focus-visible,.sm-gps:focus-visible,.sm-chips button:focus-visible{outline:2px solid #B4E053;outline-offset:3px}
/* v6.css (MotorsAgent) — układ slajdu */
#slidesContainer > .smsec{display:block;padding:150px 96px 90px;min-height:100dvh}
.sm-main{max-width:500px}.sm-media{width:64%}.smc.c1{top:130px}.smc.c2{bottom:80px}
@media (max-width:1199px){
 #slidesContainer > .smsec{display:grid;padding:94px 18px 64px}
 .sm-main{display:contents}
 .sm-head{order:1}.sm-find{order:2}.sm-media{order:3}.sm-pro{order:4}
 .sm-media{position:relative;inset:auto;width:auto;height:510px;margin:24px -18px 0;max-width:none !important}
 .smc{width:min(284px,calc(100% - 36px));right:18px}
 .smc.c1{top:18px}.smc.c2{bottom:20px}
 .sm-row{display:flex;flex-wrap:wrap}.sm-in{flex:1 1 100%}.sm-gps{width:auto;padding:0 14px}.sm-gps .t{display:inline}.sm-row .s-btn{flex:1}
 .sm-chips button{min-height:44px}
 .smsec .sm-media{height:auto;min-height:0;padding-top:360px;display:flex;flex-direction:column;align-items:stretch;gap:12px;overflow:visible !important}
 .smsec .sm-vis{position:absolute;top:0;bottom:auto;height:400px}
 .smsec .smc.c1,.smsec .smc.c2{position:relative;inset:auto;width:calc(100% - 36px);max-width:none;align-self:center;margin:0}
 .smsec,.sm-media,.sm-vis{overflow-x:clip !important;max-width:100vw !important}
}
/* audit-p1-oct31.css (MotorsAgent) — nagłówek czytelny w jasnym motywie (sekcja zawsze ciemna) */
[data-theme="light"] #sm-h{color:#fff !important;text-shadow:0 2px 14px rgba(0,0,0,.55)}
[data-theme="light"] .smsec{background:#0B0A0A;color:#F5F5F6}