/* Mobile offer cards. Desktop keeps the original pinned service track. */
.service-mobile-art,.service-mobile-summary,.service-mobile-controls{display:none}
@media(max-width:800px){
 #spolupraca{padding:54px 0 24px;overflow:hidden}
 .service-introduction{width:calc(100% - 40px);max-width:480px}
 .service-introduction .eyebrow{margin-bottom:19px;color:#ecaa83;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
 .service-introduction h2{font-size:clamp(37px,10.3vw,52px);line-height:1.03;letter-spacing:-.065em;margin-bottom:20px}
 #spolupraca .service-desktop-copy{display:none}
 #spolupraca .service-mobile-summary{display:block}
 .service-introduction>.service-mobile-summary{max-width:340px;margin:0 auto;color:#b7b1ab;font-size:14px;line-height:1.6}
 #spolupraca .services-pin{padding:28px 0 0;overflow:visible;display:block;position:relative;height:auto;top:auto}
 #spolupraca .services-track{display:flex;align-items:stretch;gap:12px;width:100%;max-width:none;margin:0;padding:0 26px 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:26px;scrollbar-width:none;transform:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .services-track::-webkit-scrollbar{display:none}
 #spolupraca .service-card{position:relative;flex:0 0 min(83vw,380px);width:min(83vw,380px);height:auto;min-height:405px;padding:0 0 24px;margin:0;scroll-snap-align:center;scroll-snap-stop:normal;border:1px solid #342820;border-radius:22px;background:#151210;overflow:hidden;text-align:center;isolation:isolate}
 #spolupraca .service-card:last-child{border-bottom:1px solid #342820}
 #spolupraca .service-card.is-mobile-current{border-color:#ad4e29}
 #spolupraca .service-card-top,#spolupraca .service-fill{display:none}
 #spolupraca .service-card-body{display:block;padding:7px 21px 0;height:auto;margin:0;position:relative}
 #spolupraca .service-card h3{font-size:clamp(25px,6.9vw,30px);line-height:1.08;letter-spacing:-.05em;margin:0 0 13px;min-height:0;color:#faf7f3}
 #spolupraca .service-card .service-mobile-summary{font-size:14px;line-height:1.5;max-width:285px;margin:0 auto 20px;min-height:42px;color:#c3b9b0}
 #spolupraca .service-card ul{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:0;padding:0}
 #spolupraca .service-card li{font-size:10px;line-height:1.2;padding:7px 8px;border:1px solid #463228;border-radius:5px;color:#deb494;background:#211915}
 #spolupraca .service-card li:before{display:none}
 .service-mobile-art{display:flex;align-items:center;justify-content:center;height:204px;margin:0 0 17px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#77341259,transparent 68%)}
 .service-mobile-art:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#614027,transparent)}
 .sm-ordinal{position:absolute;left:20px;top:16px;font-size:16px;line-height:1;letter-spacing:-.035em;color:#ff8549}
 .sm-ordinal small{font-size:10px;color:#8e7261;letter-spacing:.05em;margin-left:6px}
 .sm-art-label{position:absolute;bottom:12px;left:0;right:0;color:#ca9b7a;font-size:9px;letter-spacing:.07em}
 .sm-contact-sheet{position:relative;width:192px;height:120px;transform:translateY(-3px)}
 .sm-contact-sheet>i{display:block;position:absolute;width:83px;height:104px;top:8px;border:1px solid #da6a36;border-radius:9px;background:#3e251c;box-shadow:0 10px 22px #07070735}
 .sm-contact-sheet>i:first-child{left:0;transform:rotate(-13deg);background:linear-gradient(150deg,#482d22,#241a16)}
 .sm-contact-sheet>i:last-child{right:0;transform:rotate(13deg);background:linear-gradient(150deg,#482d22,#241a16)}
 .sm-contact-sheet>i:nth-child(2){left:54px;top:0;z-index:2;background:linear-gradient(145deg,#ff8843,#ec371c);border-color:#ffae6d;display:grid;place-items:center;transform:rotate(-4deg)}
 .sm-contact-sheet svg{width:44px;height:44px;color:#2b110a}
 .sm-contact-sheet>i:first-child:after,.sm-contact-sheet>i:last-child:after{content:"";position:absolute;inset:9px;border:1px solid #b9764566;border-radius:5px}
 .sm-film{width:213px;transform:translateY(-3px)}
 .sm-film-frame{height:105px;width:162px;display:grid;place-items:center;margin:0 auto 12px;border:1px solid #fa8952;border-radius:9px;background:linear-gradient(135deg,#f47b34,#ae2a1c);box-shadow:-9px 6px 0 #3f2418,9px -6px 0 #512b1c}
 .sm-play{display:block;width:44px;height:44px;border:1px solid #ffd0b4;border-radius:50%;background:#26100624;position:relative}
 .sm-play:after{content:"";position:absolute;top:13px;left:17px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff0df}
 .sm-timeline{display:flex;gap:3px;position:relative;padding:4px 0;border-bottom:1px solid #673b26}
 .sm-timeline>i{flex:1;height:12px;border-radius:2px;background:#7e3b22}
 .sm-timeline>i:nth-child(3n){background:#cb6030}.sm-timeline>i:nth-child(2n){background:#4d291c}
 .sm-timeline>b{position:absolute;left:42%;top:0;bottom:-2px;width:2px;background:#ffd6bd}
 .sm-calendar{width:174px;padding:12px 13px 14px;position:relative;border:1px solid #88522f;border-radius:10px;background:#211713;transform:rotate(-5deg) translateY(-5px);box-shadow:0 12px 20px #0003}
 .sm-calendar-head{display:flex;justify-content:space-between;padding:0 12px 13px}
 .sm-calendar-head>i{height:13px;width:4px;border-radius:2px;background:#c28151;margin-top:-18px}
 .sm-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
 .sm-calendar-grid>i{height:15px;background:#513325;border-radius:3px}
 .sm-calendar-grid>i:nth-child(4n+1){background:#fb7037}.sm-calendar-grid>i:nth-child(7){background:#f6ab70}
 .sm-content-slip{position:absolute;right:-31px;bottom:-11px;width:74px;height:66px;background:#f57537;border:1px solid #ffab6d;border-radius:6px;box-shadow:0 7px 16px #0004;transform:rotate(11deg);padding:9px}
 .sm-content-slip>b{display:block;width:27px;height:20px;background:#792811;border-radius:3px;margin-bottom:6px}.sm-content-slip>i{display:block;width:100%;height:3px;background:#943211;margin:5px 0}.sm-content-slip>i:last-child{width:68%}
 .sm-browser{width:210px;padding:0 12px 12px;background:#281b14;border:1px solid #a3653a;border-radius:9px;transform:rotate(-4deg) translateY(-5px);box-shadow:8px 9px 0 #4b2418}
 .sm-browser-bar{display:flex;align-items:center;gap:3px;height:23px;border-bottom:1px solid #66402a;margin-bottom:10px}.sm-browser-bar>i{height:3px;width:3px;background:#e89c62;border-radius:50%}.sm-browser-bar>b{margin-left:auto;width:36px;height:3px;background:#704128;border-radius:2px}
 .sm-browser-hero{display:flex;gap:12px;height:57px}.sm-browser-hero>div{width:50%;padding-top:5px}.sm-browser-hero i{display:block;height:5px;background:#f6c7a3;margin-bottom:6px;border-radius:2px}.sm-browser-hero i:nth-child(2){width:72%}.sm-browser-hero b{display:block;width:37px;height:11px;background:#ee6d31;border-radius:3px;margin-top:10px}.sm-browser-hero>span{width:50%;border-radius:4px;background:linear-gradient(135deg,#fc924c,#dc341c)}
 .sm-browser-blocks{display:flex;gap:7px;margin-top:10px}.sm-browser-blocks>i{flex:1;height:17px;background:#593521;border-radius:3px}
 .sm-network{width:226px;height:131px;position:relative;transform:translateY(-4px)}
 .sm-ai-core{position:absolute;left:85px;top:37px;width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#fd984e,#f04322);box-shadow:0 0 0 7px #f2772812,0 12px 24px #0004;color:#2a1008;font-size:26px;font-weight:500;letter-spacing:-.06em;z-index:2}
 .sm-node{position:absolute;width:35px;height:28px;border-radius:7px;background:#3c2519;border:1px solid #b86b3f;z-index:2}.sm-node:after{content:"";position:absolute;width:10px;height:3px;border-radius:2px;left:11px;top:11px;background:#f59355}
 .sm-node-a{left:7px;top:13px}.sm-node-b{left:7px;bottom:10px}.sm-node-c{right:7px;top:13px}.sm-node-d{right:7px;bottom:10px}
 .sm-wire{position:absolute;width:64px;height:1px;background:#a55c32;left:33px;top:43px;transform:rotate(29deg)}.sm-wire-b{top:89px;transform:rotate(-29deg)}.sm-wire-c{left:134px;transform:rotate(-29deg)}.sm-wire-d{left:134px;top:89px;transform:rotate(29deg)}
 .sm-signal{position:absolute;left:55px;top:47px;width:5px;height:5px;border-radius:50%;background:#ffd0a5;box-shadow:0 0 8px #fb752b}
 .service-mobile-controls{display:flex;justify-content:space-between;align-items:center;margin:8px 26px 0;gap:16px}
 .sm-pagination{display:flex;gap:0}.sm-pagination button{display:grid;place-items:center;border:0;padding:0;background:none;color:inherit;width:27px;height:40px;cursor:pointer}.sm-pagination button span{display:block;width:5px;height:5px;border-radius:10px;background:#665144;transition:width .25s,background-color .25s}.sm-pagination button[aria-current="true"] span{width:21px;background:#f47b42}
 .service-mobile-controls p{font-size:10px;color:#c2a08b;display:flex;align-items:center;gap:10px;margin:0}.service-mobile-controls p>span:last-child{font-size:19px}
 #spolupraca .mobile-service-cta{display:block;margin:12px 26px 0;padding:0}.mobile-service-cta .text-link{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;min-height:52px;border:1px solid #643e2d;border-radius:12px;color:#f9eee5;background:#241911;font-size:14px;text-decoration:none;padding:12px 18px}.mobile-service-cta .ui-icon{color:#fa894a;width:19px;height:19px}
 .sm-pagination button:focus-visible,.mobile-service-cta a:focus-visible{outline:2px solid #ffae70;outline-offset:3px}
 @media(prefers-reduced-motion:no-preference){
  .is-mobile-current .sm-contact-sheet>i:first-child{animation:sm-photo-left .7s ease both}.is-mobile-current .sm-contact-sheet>i:last-child{animation:sm-photo-right .7s ease both}
  .is-mobile-current .sm-timeline>b{animation:sm-film-scan 2.5s ease-in-out both}
  .is-mobile-current .sm-content-slip{animation:sm-slip .65s ease both}
  .is-mobile-current .sm-browser{animation:sm-browser-in .7s ease both}
  .is-mobile-current .sm-signal{animation:sm-route 1.9s ease-in-out both}
 }
}
@media(max-width:360px){#spolupraca .services-track{padding-inline:20px;scroll-padding-inline:20px}#spolupraca .service-card{flex-basis:86vw;width:86vw}#spolupraca .service-card-body{padding-inline:15px}#spolupraca .service-card li{font-size:9px;padding:7px 6px}.service-mobile-controls{margin-inline:20px;gap:4px}.service-mobile-controls p{font-size:9px;gap:5px}.sm-pagination button{width:23px}#spolupraca .mobile-service-cta{margin-inline:20px}}
@keyframes sm-photo-left{from{transform:translateX(35px) rotate(0)}to{transform:rotate(-13deg)}}
@keyframes sm-photo-right{from{transform:translateX(-35px) rotate(0)}to{transform:rotate(13deg)}}
@keyframes sm-film-scan{from{transform:translateX(-62px)}to{transform:translateX(60px)}}
@keyframes sm-slip{from{opacity:0;transform:translateY(16px) rotate(0)}to{opacity:1;transform:rotate(11deg)}}
@keyframes sm-browser-in{from{transform:translateY(8px) rotate(0)}to{transform:rotate(-4deg) translateY(-5px)}}
@keyframes sm-route{0%{transform:translate(0,0);opacity:0}20%{opacity:1}48%{transform:translate(57px,17px)}90%{opacity:1}100%{transform:translate(122px,-16px);opacity:0}}