@media screen {
 .smn-motion-intro{position:fixed;inset:0;z-index:1500;display:grid;place-content:center;background:#15212d;pointer-events:none;opacity:0;visibility:hidden}
 html[data-smn-theme=light] .smn-motion-intro{background:linear-gradient(140deg,#e9ecef,#bfd3e7)}
 .smn-motion-intro img{width:min(300px,65vw);height:auto;content:url('assets/safemode-wordmark-compact.svg')}
 html[data-smn-theme=light] .smn-motion-intro img{content:url('assets/safemode-wordmark-light.svg')}
 .smn-motion-intro.smn-motion-playing{visibility:visible;animation:smn-intro-fade 1.5s ease both}
 .smn-motion-intro.smn-motion-playing img{animation:smn-logo-enter 1.15s cubic-bezier(.22,1,.36,1) both}
 .smn-motion-intro i{display:block;height:2px;background:#98afc7;transform-origin:left;margin-top:22px;animation:smn-logo-line 1.1s ease both}
 @keyframes smn-intro-fade{0%,70%{opacity:1}100%{opacity:0;visibility:hidden}}
 @keyframes smn-logo-enter{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
 @keyframes smn-logo-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 .smn-motion-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.7}
 .smn-motion-ambient::before{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 20% 30%,#72b3dc55,transparent 50%),radial-gradient(ellipse at 80% 60%,#98afc736,transparent 50%);animation:smn-glow 16s ease-in-out infinite alternate}
 html[data-smn-theme=light] .smn-motion-ambient::before{background:radial-gradient(ellipse at 20% 30%,#b5e6ff55,transparent 50%),radial-gradient(ellipse at 80% 60%,#98afc75c,transparent 50%)}
 .cn-hero-inner{position:relative;z-index:1}
 @keyframes smn-glow{from{transform:translate3d(-4%,0,0) scale(1)}to{transform:translate3d(6%,3%,0) scale(1.06)}}
 .smn-motion-reveal{transition:opacity .65s ease,translate .65s cubic-bezier(.22,1,.36,1)!important}
 .smn-motion-reveal.smn-motion-waiting{opacity:0;translate:0 18px}
 .smn-motion-reveal:focus-within{opacity:1;translate:none}
 @media(max-width:600px){.smn-motion-reveal.smn-motion-waiting{translate:0 12px}}
 @media(prefers-reduced-motion:reduce){.smn-motion-reveal{opacity:1!important;translate:none!important;transition:none!important}.smn-motion-ambient::before,.smn-motion-intro,.smn-motion-intro img,.smn-motion-intro i{animation:none!important}.smn-motion-intro.smn-motion-playing{visibility:hidden!important;opacity:0!important}}
}
@media print{.smn-motion-intro,.smn-motion-ambient{display:none!important}.smn-motion-reveal{opacity:1!important;translate:none!important}}

/* One existing basket bar follows the catalogue scroll; no duplicate cart. */
@media screen {
 body.cn-design #sm-project .sm-basket-bar {flex-wrap:wrap;gap:12px}
 body.cn-design #sm-project .sm-basket-bar .sm-catalog-hint{flex-basis:100%;font-size:12px;color:var(--muted);line-height:1.4}
 body.cn-design #sm-project #sm-catalog-up{display:inline-flex;align-items:center;gap:8px;margin:0;min-height:44px}
 #sm-catalog-up svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 #sm-catalog-toggle{scroll-margin-top:90px}
 body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked{position:fixed;bottom:0;left:0;right:0;z-index:1100;margin:0;border-radius:0;padding:12px max(20px,calc((100vw - 1240px)/2));padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#243442!important;color:#f4f7fa!important;border:1px solid #607489!important;box-shadow:0 -8px 24px #0003}
 body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked #sm-basket-status{color:#f4f7fa!important;font-size:13px;margin-right:auto}
 body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked .sm-catalog-hint{color:#c2cfdd!important}
 body.cn-design .smn-contact-widget{bottom:calc(24px + var(--smn-catalog-dock-height,0px))}
 body.cn-design.smn-menu-open .sm-basket-bar.smn-catalog-docked{visibility:hidden}
 html[data-smn-theme=light] body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked{background:#e9ecef linear-gradient(115deg,#edf3f9,#d2e1f0)!important;color:#24364d!important;border-color:#98afc7!important}
 html[data-smn-theme=light] body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked #sm-basket-status{color:#24364d!important}
 html[data-smn-theme=light] body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked .sm-catalog-hint{color:#485b72!important}
 @media(max-width:600px){body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked #sm-basket-status,body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked .sm-catalog-hint{grid-column:1/-1}body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked :is(a,button){padding:10px 8px;font-size:12px;width:100%}}
}
@media print{.smn-catalog-docked,.smn-catalog-bar-slot{display:none!important}}

/* Scroll changes the menu's silhouette, while the drawer keeps a clear close. */
@media screen {
 body.cn-design .smn-mobile-toggle{transition:width .28s ease,height .28s ease,min-height .28s ease,border-radius .28s ease,font-size .28s ease,opacity .18s ease,background-color .18s ease,border-color .18s ease!important}
 body.cn-design.smn-header-compact:not(.smn-menu-open)>.smn-mobile-toggle{width:44px!important;height:44px!important;min-height:44px!important;border-radius:50%!important;font-size:20px!important;line-height:42px!important;padding:0!important;box-shadow:0 3px 12px #0002!important}
 body.cn-design.smn-menu-open #smn-sidebar .smn-mobile-toggle{border-radius:8px!important}
 @media(prefers-reduced-motion:reduce){body.cn-design .smn-mobile-toggle{transition:none!important}}
}

/* Compact floating summary with clear hierarchy and unbroken action labels. */
@media screen {
 body.cn-design #sm-project .sm-basket-bar #sm-basket-status{display:grid;gap:3px;min-width:0;line-height:1.4}
 body.cn-design #sm-project .sm-basket-bar .sm-basket-title{font-size:11px;font-weight:500;letter-spacing:.02em;color:#c2cfdd!important}
 body.cn-design #sm-project .sm-basket-bar .sm-basket-amount{font-size:14px;font-weight:700;color:inherit!important;overflow-wrap:anywhere}
 body.cn-design #sm-project .sm-basket-bar :is(a,a:hover,a:focus-visible,a:active){display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border-radius:10px!important;min-height:46px;font-size:13px!important}
 body.cn-design #sm-project .sm-basket-bar .sm-basket-link-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:7px;background:#ffffff24!important;color:inherit!important;font-size:11px!important;font-weight:700;line-height:1;flex-shrink:0}
 body.cn-design #sm-project #sm-catalog-up{border-radius:10px!important;white-space:nowrap;font-size:13px!important;min-height:46px;justify-content:center}
 body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'status cart up' 'hint cart up';column-gap:16px;row-gap:4px;bottom:calc(14px + env(safe-area-inset-bottom));left:max(16px,calc((100vw - 1180px)/2));right:max(16px,calc((100vw - 1180px)/2));border-radius:16px;padding:14px 18px;background:linear-gradient(120deg,#233442,#1c2a35)!important;box-shadow:0 8px 30px #0004!important}
 body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked #sm-basket-status{grid-area:status;font-size:14px;margin:0}
 body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked a{grid-area:cart;padding:11px 16px!important}
 body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked #sm-catalog-up{grid-area:up;padding:11px 16px!important}
 body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked .sm-catalog-hint{grid-area:hint;font-size:10px;line-height:1.5}
 html[data-smn-theme=light] body.cn-design #sm-project .sm-basket-bar .sm-basket-title{color:#52657b!important}
 html[data-smn-theme=light] body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked{background:linear-gradient(120deg,#eef4fa,#d7e5f2)!important;box-shadow:0 8px 28px #30528224!important}
 @media(max-width:700px){
  body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'status status' 'cart up' 'hint hint';column-gap:9px;row-gap:9px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;right:10px;padding:12px;border-radius:14px}
  body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked #sm-basket-status{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;justify-content:space-between}
  body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked .sm-basket-amount{font-size:12px}
  body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked :is(a,a:hover,a:focus-visible,a:active,#sm-catalog-up){padding:10px 7px!important;min-height:44px;font-size:12px!important;gap:7px;width:100%}
  body.cn-design #sm-project .sm-basket-bar.smn-catalog-docked .sm-catalog-hint{text-align:center;font-size:10px}
 }
}
