@layer properties,theme,base;@layer components{.safety-center{--safety-shadow:color-mix(in srgb,var(--scene-black) 88%,transparent);--safety-light:color-mix(in srgb,var(--scene-white) 6%,transparent);z-index:1;color:var(--scene-muted);padding:35px 0 65px;position:relative}.safety-center-inner{width:min(1380px,100% - 150px);margin-inline:auto}.safety-center section+section{margin-top:48px}.safety-center section,.safety-document{scroll-margin-top:120px}.safety-center h1{max-width:14ch;font:650 clamp(40px,4.6vw,67px)/1.04 var(--font-display);letter-spacing:-.035em;color:var(--scene-white)}.safety-center h2{font:550 clamp(30px,3vw,45px)/1.12 var(--font-display);color:var(--scene-white);letter-spacing:-.025em}.safety-center p{font:400 14px/1.65 var(--font-sans)}.safety-center .safety-eyebrow{font:550 11.5px/1.4 var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--scene-edge);margin:0 0 11px}.safety-heading{margin-bottom:26px;position:relative}.safety-lead{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);margin-bottom:22px;display:grid}.safety-lead-copy{align-content:start;gap:22px;min-width:0;display:grid}.safety-lead .safety-heading{margin-bottom:0}.safety-lead-copy .safety-report{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:18px 0}.safety-lead-copy .safety-report-contacts{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px}.safety-lead .safety-rules{padding-top:6px}.safety-lead .safety-rules .safety-rule-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;padding-top:20px}@media (max-width:1023px){.safety-lead{grid-template-columns:minmax(0,1fr);gap:26px}}.safety-heading p:not(.safety-eyebrow){max-width:57ch;margin-top:18px;font-size:16px}.safety-center .safety-document-list{perspective:1600px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin:0;padding:0;list-style:none;display:grid}.safety-center .safety-document{--document-tilt:-.9deg;--document-turn:2deg;isolation:isolate;background:linear-gradient(158deg,color-mix(in srgb,var(--scene-surface) 94%,transparent),color-mix(in srgb,var(--scene-surface) 66%,transparent));min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--scene-edge) 26%,transparent),0 18px 30px -22px var(--safety-shadow);transform:rotateY(var(--document-turn)) rotateZ(var(--document-tilt));border:0;border-radius:24px 9px;grid-template-rows:auto minmax(0,1fr);gap:15px;padding:20px 19px 18px;transition:transform .35s,box-shadow .35s;display:grid;position:relative}.safety-document:nth-child(2n){--document-tilt:.9deg;--document-turn:-2deg;border-radius:9px 24px}.safety-document-art{pointer-events:none;background-image:var(--document-icon);width:100%;height:clamp(86px,8.2vw,116px);filter:drop-shadow(0 12px 13px color-mix(in srgb,var(--safety-shadow) 55%,transparent));background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:static}.safety-document[data-card="0"]{--document-icon:url(/media/ikony/pdf-plac-zabaw.webp)}.safety-document[data-card="1"]{--document-icon:url(/media/ikony/pdf-atrakcje.webp)}.safety-document[data-card="2"]{--document-icon:url(/media/ikony/pdf-ochrona.webp)}.safety-document[data-card="3"]{--document-icon:url(/media/ikony/pdf-ochrona-dzieci.webp)}.safety-document-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;min-width:0;display:flex;position:static;inset:auto}.safety-document-name{flex:1;min-width:0}.safety-document-full{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html body .safety-center .safety-document-name[class] h2{font:600 clamp(21px,1.65vw,26px)/1.15 var(--font-display);letter-spacing:-.02em;overflow-wrap:normal;color:var(--scene-white)}html body .safety-center .safety-document-name[class] .safety-document-meta{font:450 14px/1.45 var(--font-sans);color:var(--scene-muted);margin-top:7px}html body .safety-center .safety-document[class] .safety-document-unavailable{font:italic 500 19px/1.2 var(--font-display);margin-top:2px}html body .safety-center .safety-document[class] .safety-document-actions a{font:600 14px/1.3 var(--font-sans)}.safety-document-actions{flex-wrap:wrap;gap:3px 13px;display:flex}.safety-center a{color:var(--scene-edge);text-underline-offset:4px;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px}.safety-center a:hover{color:var(--scene-white)}.safety-center a:focus-visible{outline:2px solid var(--scene-edge);outline-offset:5px}.safety-document-actions a{min-height:32px;font:600 11px/1.3 var(--font-sans);align-items:center;display:inline-flex}.safety-document-unavailable{font:italic 500 clamp(17px,1.3vw,21px)/1.15 var(--font-display);color:var(--scene-edge)}.safety-center .safety-document:focus-within{transform:translateY(-5px)rotateX(2deg)}@media (hover:hover) and (pointer:fine){.safety-center .safety-document:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--scene-edge) 44%,transparent),0 24px 36px -24px var(--safety-shadow);transform:translateY(-5px)rotateX(2deg)}}.safety-rule-list{border-top:1px solid var(--safety-light);grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;margin:24px 0 0;padding:22px 0 0;list-style:none;display:grid}.safety-rule-list li{align-items:flex-start;gap:15px;min-width:0;display:flex}.safety-rule-list li>svg{width:37px;height:43px;color:var(--scene-edge);stroke-width:1.25px;flex:none}.safety-rule-list p{font-size:14px;line-height:1.55}.safety-rule-list li[data-important=true] p{color:var(--scene-sun-lt);font-weight:500}.safety-report{border-top:1px solid var(--safety-light);grid-template-columns:.9fr 1.35fr;gap:50px;padding-block:26px 5px;display:grid}.safety-report-copy>p:last-child{margin-top:13px}.safety-report-contacts{grid-template-columns:1fr 1fr;align-items:center;gap:25px;display:grid}.safety-report-contacts>div{padding-left:44px;position:relative}.safety-report-contacts>div>svg{width:30px;height:34px;color:var(--scene-edge);stroke-width:1.25px;position:absolute;top:0;left:0}.safety-report h3{font:500 14px/1.4 var(--font-display);color:var(--scene-white);margin-bottom:9px}.safety-report-contacts>.safety-report-phone{padding-left:0}.safety-report-phone .sketch-phone-link{color:var(--scene-edge);font-size:clamp(20px,1.65vw,25px);text-decoration:none}.safety-report-phone .sketch-phone-link>.sketch-phone-art{width:58px;height:58px}.safety-report-phone .sketch-phone-link:is(:hover,:focus-visible){color:var(--scene-white)}.safety-center .safety-small-note{font-size:13.5px}@media (max-width:1190px){.safety-center .safety-document-list{grid-template-columns:repeat(2,minmax(0,330px));justify-content:center;gap:14px 30px}.safety-center .safety-document-name h2{font-size:23px}.safety-document-unavailable{font-size:20px}.safety-rule-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.safety-report{grid-template-columns:1fr;gap:24px}}@media (max-width:760px){.safety-center{padding-top:108px;padding-bottom:40px}.safety-center-inner{width:calc(100% - 44px)}.safety-heading{margin-bottom:24px}.safety-center h1{font-size:clamp(34px,8.5vw,48px)}.safety-heading p:not(.safety-eyebrow){font-size:14px}.safety-center section+section{margin-top:34px}.safety-rule-list{gap:21px 17px}.safety-rule-list li{flex-direction:column;gap:8px}.safety-rule-list li>svg{width:32px;height:34px}}@media (max-width:620px){.safety-center .safety-document-list{grid-template-columns:minmax(0,340px);gap:10px}.safety-center .safety-document{container-type:inline-size}.safety-center .safety-document-name h2{font-size:clamp(18px,6.7cqi,23px)}.safety-document-content{inset:53% 13% 11%}.safety-report-contacts{grid-template-columns:1fr;gap:24px}.safety-report-phone .sketch-phone-link{font-size:23px}}@media (prefers-reduced-motion:reduce){.safety-center .safety-document,.safety-center .safety-document:focus-within,.safety-center .safety-document:hover{transition:none;transform:none}}.safety-center{--scene-edge:#c0170c;--scene-sun:#de3a26;--scene-sun-lt:#f0887a;--scene-sun-dk:#8d1007}.safety-center .safety-document-art{height:clamp(104px,10vw,146px)}@media (min-width:1024px){.safety-center .safety-document-list{margin-top:clamp(20px,2.4vw,42px)}}}@layer utilities{html body .safety-center .safety-document[class] .safety-document-actions[class]{flex-wrap:wrap;justify-content:center;gap:0 14px;margin-top:10px;display:flex}html body .safety-center .safety-document[class] .safety-document-actions[class] a.safety-pdf-button{isolation:isolate;min-height:40px;color:var(--scene-edge);box-shadow:none;font:600 14px/1 var(--font-sans);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 6px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}html body .safety-center .safety-document[class] .safety-document-actions[class] a.safety-pdf-button:is(:hover,:focus-visible,:active){color:var(--scene-edge)}html body .safety-center .safety-document[class] .safety-document-actions[class] a.safety-pdf-button svg{flex:none;width:17px;height:17px}html body .safety-center .safety-document[class] .safety-document-actions[class] a.safety-pdf-button:after{content:"";z-index:-1;background:linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--scene-edge) 16%, transparent) 28%, #fffffff5 46%, #fff 50%, #fffffff5 54%, color-mix(in srgb, var(--scene-edge) 16%, transparent) 72%, transparent 100%);pointer-events:none;width:55%;position:absolute;top:-2px;bottom:-2px;left:0;transform:translate(-140%)skew(-18deg)}html body .safety-center .safety-document[class] .safety-document-actions[class] a.safety-pdf-button:is(:hover,:focus-visible):after{animation:.9s cubic-bezier(.45,0,.25,1) both safety-pdf-shine}@keyframes safety-pdf-shine{0%{transform:translate(-140%)skew(-18deg)}to{transform:translate(260%)skew(-18deg)}}@media (prefers-reduced-motion:reduce){html body .safety-center .safety-document[class] .safety-document-actions[class] a.safety-pdf-button:after{display:none}}@media (max-width:760px){html body .safety-center .safety-document[class]{padding-inline:0}html body .safety-center .safety-document[class] .safety-document-actions[class]{gap:0 4px}html body .safety-center .safety-document[class] .safety-document-actions[class] a.safety-pdf-button{gap:4px;padding:0 3px;font-size:12px}html body .safety-center .safety-document[class] .safety-document-actions[class] a.safety-pdf-button svg{width:14px;height:14px}html body .safety-center .safety-document[class] .safety-document-actions[class] .safety-pdf-word{display:none}}}
