.shat{--shat-bg: #ffffff;--shat-ink: #000000;--shat-body: #000000cf;--shat-line: #00000021;--shat-btn: #000000;--shat-btn-text: #ffffff;--shat-btn-hover: #333333;--shat-radius: 12px;--shat-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Roboto Mono", monospace;--shat-gap: 20px;--shat-measure: 62ch;background:var(--shat-bg);color:var(--shat-body);font-size:16px;line-height:1.5;padding:0 16px}.shat *,.shat *:before,.shat *:after{box-sizing:border-box}.shat__inner{max-width:1040px;margin:0 auto}.shat-offer{padding:clamp(36px,6vw,64px) 0 clamp(26px,4vw,40px);max-width:min(92vw,780px);margin-inline:auto;text-align:center}.shat-offer__head{font-size:clamp(36px,8.5vw,62px);line-height:.96;letter-spacing:-.03em;font-weight:800;text-transform:uppercase;color:var(--shat-ink);margin:0;text-wrap:balance}.shat-offer__sub{font-size:clamp(15px,2.2vw,18px);line-height:1.45;margin:14px auto 0;max-width:52ch;color:#0009}.shat-offer__price{margin:22px 0 0;display:flex;align-items:baseline;justify-content:center;gap:12px}.shat-offer__was{color:#00000073;text-decoration:line-through;font-family:var(--shat-mono);font-size:20px;letter-spacing:.02em}.shat-offer__now{color:var(--shat-ink);font-weight:800;font-size:30px;letter-spacing:-.02em}.shat-bar{position:sticky;top:0;z-index:30;background:var(--shat-bg);padding:12px 0 10px;margin:0 0 20px;border-bottom:1px solid var(--shat-line)}.shat-bar.is-ready{border-bottom-color:var(--shat-ink)}.shat-bar__unlock{margin:0 0 6px;text-align:center;font-family:var(--shat-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0009}.shat-bar.is-ready .shat-bar__unlock{color:var(--shat-ink)}.shat-steps{--shat-step-fill: 0;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 0 0;margin:0;list-style:none}.shat-steps:before,.shat-steps:after{content:"";position:absolute;z-index:0;top:24px;left:16.666%;right:16.666%;height:4px;background:var(--shat-line)}.shat-steps:after{right:auto;width:66.668%;background:var(--shat-ink);transform:scaleX(var(--shat-step-fill));transform-origin:left center;transition:transform .3s cubic-bezier(.2,.7,.3,1)}.shat-step{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:76px;padding:0 8px;text-align:center;font-family:var(--shat-mono);font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--shat-ink)}.shat-step__n{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:2px solid var(--shat-line);background:var(--shat-bg);color:#00000080;font-size:12px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.shat-step.is-active .shat-step__n,.shat-step.is-done .shat-step__n{border-color:var(--shat-ink);background:var(--shat-ink);color:#fff}.shat-step.is-done:not(.shat-step--reward) .shat-step__n span{display:none}.shat-step.is-done:not(.shat-step--reward) .shat-step__n:before{content:"\2713"}.shat-step__label{max-width:11ch;text-wrap:balance}.shat-bar__checkout{display:none;width:100%;max-width:520px;margin:10px auto 0;min-height:48px;padding:0 20px;font:inherit;font-family:var(--shat-mono);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:0;border-radius:var(--shat-radius);background:var(--shat-btn);color:var(--shat-btn-text);cursor:pointer}.shat-bar.is-ready .shat-bar__checkout{display:block}.shat-bar__checkout:hover{background:var(--shat-btn-hover)}.shat-notice{margin:0 0 20px;padding:10px 14px;border:1px solid var(--shat-line);border-left:3px solid var(--shat-ink);border-radius:0 var(--shat-radius) var(--shat-radius) 0;font-size:14px;color:var(--shat-ink);background:#00000005}.shat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--shat-gap);list-style:none;margin:0 0 28px;padding:0}.shat-card{border:1px solid var(--shat-line);border-radius:var(--shat-radius);overflow:hidden;background:var(--shat-bg);display:flex;flex-direction:column}.shat-card[data-picked=true]{border-color:var(--shat-ink);box-shadow:inset 0 0 0 1px var(--shat-ink)}.shat-card[data-available=false]{opacity:.45}.shat-card__media{position:relative;display:block;background:#00000008}.shat-card__track{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shat-card__track::-webkit-scrollbar{display:none}.shat-card__img{flex:0 0 100%;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block;scroll-snap-align:start;scroll-snap-stop:always}.shat-card__dots{position:absolute;left:0;right:0;bottom:10px;z-index:2;display:flex;justify-content:center;gap:6px;margin:0;padding:0}.shat-card__dot{width:20px;height:20px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}.shat-card__dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#ffffff8c;border:1px solid rgba(0,0,0,.3)}.shat-card__dot[aria-current=true]:before{background:#fff}.shat-card__qty{position:absolute;top:10px;left:10px;min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:var(--shat-ink);color:#fff;font-size:13px;font-weight:700;display:none;place-items:center}.shat-card[data-picked=true] .shat-card__qty{display:grid}.shat-card__body{padding:14px;display:flex;flex-direction:column;gap:4px;flex:1}.shat-card__name{font-size:15px;font-weight:600;color:var(--shat-ink);margin:0;min-height:2.4em}.shat-card__price{font-size:14px;color:#0009;margin:0 0 12px}.shat-card__price s{margin-right:6px}.shat-card__pick{margin-top:auto;width:100%;font:inherit;font-size:15px;font-weight:600;padding:11px 16px;border-radius:var(--shat-radius);cursor:pointer;background:var(--shat-btn);color:var(--shat-btn-text);border:1px solid var(--shat-btn);transition:background .15s ease,color .15s ease,border-color .15s ease}.shat-card__pick:hover{background:var(--shat-btn-hover);border-color:var(--shat-btn-hover)}.shat-card[data-picked=true] .shat-card__pick{background:transparent;color:#0009;border-color:var(--shat-line)}.shat-card[data-picked=true] .shat-card__pick:hover{background:transparent;color:var(--shat-ink);border-color:var(--shat-ink)}.shat-card__pick[disabled]{cursor:not-allowed;opacity:.5}.shat-summary{border:1px solid var(--shat-line);border-radius:var(--shat-radius);padding:20px;margin-bottom:28px;display:grid;gap:14px}.shat-summary__lines{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}.shat-summary__line{display:flex;align-items:baseline;gap:10px;color:var(--shat-body)}.shat-summary__line>span:first-child{flex:1}.shat-summary__drop{border:0;background:none;padding:2px 4px;font:inherit;font-size:13px;color:#0009;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.shat-summary__drop:hover{color:var(--shat-ink)}.shat-summary__line--empty{color:#00000080}.shat-summary__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--shat-line);padding-top:12px;font-size:15px;color:var(--shat-body)}.shat-summary__total .shat-summary__figures{display:flex;align-items:baseline;gap:10px;margin-left:auto}.shat-summary__total s{color:#0000008a;font-size:16px}.shat-summary__total b{font-size:24px;color:var(--shat-ink)}.shat-cta{font:inherit;font-size:16px;font-weight:700;width:100%;padding:15px 20px;border:0;border-radius:var(--shat-radius);background:var(--shat-btn);color:var(--shat-btn-text);cursor:pointer}.shat-cta:hover:not([disabled]){background:var(--shat-btn-hover)}.shat-cta[disabled],.shat-cta[aria-disabled=true]{background:#00000040;cursor:not-allowed}.shat-cta[data-busy=true]{opacity:.7;cursor:progress}.shat-trust{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:14px;color:var(--shat-body)}.shat-trust li{border:1px solid var(--shat-line);border-radius:var(--shat-radius);padding:12px 14px}.shat-faq{max-width:var(--shat-measure);margin-inline:auto}.shat-faq__q{border-top:1px solid var(--shat-line)}.shat-faq__q:last-child{border-bottom:1px solid var(--shat-line)}.shat-faq__q summary{cursor:pointer;padding:16px 0;font-size:16px;font-weight:600;color:var(--shat-ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.shat-faq__q summary::-webkit-details-marker{display:none}.shat-faq__q summary:after{content:"+";font-weight:400;font-size:20px;color:#00000080}.shat-faq__q[open] summary:after{content:"\2013"}.shat-faq__q p{margin:0 0 16px;font-size:15px;color:var(--shat-body)}.shat-sticky{position:fixed;inset:auto 0 0 0;z-index:40;background:var(--shat-bg);border-top:1px solid var(--shat-line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;align-items:center;gap:12px}.shat-sticky[data-show=true]{display:flex}.shat-sticky__status{font-size:14px;color:var(--shat-body);flex:1}.shat-sticky .shat-cta{width:auto;flex:0 0 auto;padding:12px 18px;font-size:15px}@media(max-width:899px){.shat-grid{grid-template-columns:1fr 1fr}.shat-trust{grid-template-columns:1fr}}@media(max-width:640px){.shat-offer{padding:28px 0 18px}.shat-offer__sub{margin-top:16px}.shat-offer__price{margin-top:20px;gap:10px}.shat-offer__was{font-size:17px}.shat-offer__now{font-size:26px}.shat-bar{padding:12px 0;margin:0 0 18px}.shat-bar__unlock{font-size:10px;margin-bottom:10px}.shat-steps:before,.shat-steps:after{top:22px}.shat-step{min-height:72px;gap:8px;padding:0 2px;font-size:10px;letter-spacing:.03em}.shat-step__n{width:40px;height:40px;flex-basis:40px;font-size:11px}.shat-step__label{max-width:11ch}.shat-bar__checkout{min-height:46px;margin-top:12px;font-size:11px}.shat-notice{margin-bottom:16px}.shat-summary{padding:16px;margin-bottom:24px}.shat-trust{margin-bottom:32px}}@media(max-width:599px){.shat-grid{grid-template-columns:1fr 1fr;gap:14px 10px}.shat-card__body{padding:10px}.shat-card__name{font-size:13px;line-height:1.25;min-height:2.5em}.shat-card__price{font-size:12px;margin-bottom:10px}.shat-card__pick{font-size:14px;padding:10px 8px}.shat-card__qty{top:8px;left:8px;min-width:24px;height:24px;font-size:12px}.shat-card__dots{bottom:8px}.shat-offer{padding-top:28px}.shat{padding-bottom:96px}}@media(min-width:900px){.shat-sticky{display:none!important}}.shat :focus-visible{outline:2px solid var(--shat-ink);outline-offset:2px}.shat-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.shat-steps:after{transition:none}.shat-card__track{scroll-behavior:auto}}.shat-sproof{--sp-fg: #111111;--sp-muted: rgba(17,17,17,.55);--sp-line: rgba(17,17,17,.13);--sp-card-w: 240px;--sp-gap: 16px;--sp-speed: 60s;color:var(--sp-fg);padding:clamp(48px,7vw,80px) 0 clamp(20px,3vw,32px);overflow:hidden}.shat-sproof__head{max-width:1100px;margin:0 auto clamp(28px,4vw,44px);padding:0 20px;text-align:center}.shat-sproof__eyebrow{font-size:11px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--sp-muted);margin:0 0 18px;display:flex;align-items:center;justify-content:center;gap:10px}.shat-sproof__eyebrow:before,.shat-sproof__eyebrow:after{content:"";height:1px;width:34px;background:var(--sp-line)}.shat-sproof__title{font-size:clamp(26px,4.4vw,42px);font-weight:800;line-height:1.02;letter-spacing:-.02em;text-transform:uppercase;margin:0}.shat-sproof__sub{margin:16px auto 0;font-size:14px;color:var(--sp-muted);max-width:480px}.shat-sproof__btn{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:14px 26px;border:1px solid var(--sp-fg);color:var(--sp-fg);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:background .2s ease,color .2s ease}.shat-sproof__btn:hover{background:var(--sp-fg);color:#fff}.shat-sproof__btn svg{width:16px;height:16px}.shat-sproof__marquee{position:relative;width:100vw;margin-left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.shat-sproof__track{display:flex;width:max-content;gap:var(--sp-gap);animation:shatSproofScroll var(--sp-speed) linear infinite;will-change:transform;backface-visibility:hidden}.shat-sproof__marquee:hover .shat-sproof__track{animation-play-state:paused}@keyframes shatSproofScroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - (var(--sp-gap) / 2)))}}.shat-sproof__card{flex:0 0 var(--sp-card-w);width:var(--sp-card-w);aspect-ratio:1/1;overflow:hidden;border:1px solid var(--sp-line);background:#f1f1f1}.shat-sproof__card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.shat-sproof__card:hover img{transform:scale(1.05)}@media(min-width:1400px){.shat-sproof{--sp-card-w: 280px;--sp-gap: 20px;--sp-speed: 70s}}@media(max-width:1024px){.shat-sproof{--sp-card-w: 210px;--sp-gap: 14px;--sp-speed: 50s}}@media(max-width:600px){.shat-sproof{--sp-card-w: 168px;--sp-gap: 12px;--sp-speed: 40s}}@media(max-width:380px){.shat-sproof{--sp-card-w: 140px;--sp-gap: 10px;--sp-speed: 34s}}@media(hover:none){.shat-sproof__card:hover img{transform:none}}@media(prefers-reduced-motion:reduce){.shat-sproof__track{animation:none}.shat-sproof__marquee{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.shat-sproof__card{scroll-snap-align:center}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/speradik-hat-offer.css.map */