@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/poppins-latin-400-normal.ac6d71b4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/poppins-latin-ext-400-normal.6cd63d09.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/poppins-latin-500-normal.0da2d17e.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/poppins-latin-ext-500-normal.346dde41.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/poppins-latin-700-normal.cb726212.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/poppins-latin-ext-700-normal.385c9e8a.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url(/static/fonts/poppins-latin-800-normal.6d11d743.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url(/static/fonts/poppins-latin-ext-800-normal.45258a9e.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:italic;font-weight:800;font-display:swap;src:url(/static/fonts/poppins-latin-800-italic.6d757526.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:italic;font-weight:800;font-display:swap;src:url(/static/fonts/poppins-latin-ext-800-italic.bf7388f7.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --blue:#0070B8; --blue-dk:#004C80; --rose:#C8344F; --cream:#FFF4E3; --ink:#141414; --sun:#FFC94A; --white:#fff; --muted:#4A4A4A;
  --b:2px solid var(--ink); --sh:5px 5px 0 var(--ink); --focus:var(--ink);
  --wrap:1200px; --font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.6 var(--font)}
img,svg,canvas{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-underline-offset:4px}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.on-dark{--focus:var(--sun)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--sun);border:var(--b);padding:10px 14px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
@media(min-width:768px){.wrap{padding:0 32px}}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.035em;line-height:.98}
h2{font-size:clamp(32px,6.5vw,60px)}
h3{font-size:22px;letter-spacing:-.02em;line-height:1.15}
p{margin:0 0 1em}
.kicker{display:inline-block;font:700 12px/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--cream);padding:7px 10px;margin:0 0 16px;transform:rotate(-1.5deg)}
.lead{font-size:18px;max-width:34em}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 15px/1.1 var(--font);padding:15px 22px;text-decoration:none;background:var(--sun);color:var(--ink);border:var(--b);box-shadow:var(--sh);cursor:pointer;transition:transform .12s,box-shadow .12s;text-align:center}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.btn.dark{background:var(--ink);color:var(--cream)}
.btn.white{background:var(--white)}
.btn.small{padding:10px 14px;font-size:14px;box-shadow:3px 3px 0 var(--ink)}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}
.link{font-weight:700;text-decoration-thickness:2px}


.site-header{background:var(--cream);border-bottom:var(--b);position:sticky;top:0;z-index:40}
.site-header .wrap{display:flex;align-items:center;gap:12px;height:64px}
.logo{display:block;line-height:0}
.logo-svg{height:40px;width:auto;display:block;overflow:visible}
.logo-svg text{font:800 20px "Poppins",system-ui,sans-serif;letter-spacing:-.02em}
.lw1{fill:#141414}.lw2{fill:#0070B8}
.logo-foot .lw1{fill:#FFF4E3}.logo-foot .lw2{fill:#FFC94A}
.logo-foot .logo-svg{height:54px}
.nav{display:none}
.nav ul{list-style:none;margin:0;padding:0}
.nav a{text-decoration:none}
.menu-btn{margin-left:auto;background:none;border:0;padding:8px;margin-right:-8px;cursor:pointer;display:grid;place-items:center}
.header-cta{margin-left:auto}
.header-cta+.menu-btn{margin-left:0}
.search{position:relative}
.search input{width:100%;border:var(--b);background:var(--white);padding:9px 12px 9px 36px;font-size:15px;border-radius:0;-webkit-appearance:none;appearance:none}
.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none}
.search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--white);border:var(--b);box-shadow:var(--sh);list-style:none;margin:0;padding:6px 0;z-index:60;max-height:360px;overflow:auto}
.search-results a{display:flex;align-items:center;gap:10px;padding:6px 12px;text-decoration:none;font-weight:600}
.search-results a:hover,.search-results [aria-selected=true] a{background:var(--sun)}
.search-results img{width:34px;height:42px;object-fit:cover;border:1.5px solid var(--ink)}
.search-results .empty{padding:8px 12px;color:var(--muted)}

.nav.open{display:block;position:absolute;left:0;right:0;top:64px;background:var(--cream);border-bottom:var(--b);padding:16px 16px 22px;max-height:calc(100vh - 64px);overflow:auto}
.nav.open>ul{display:grid;gap:2px}
.nav.open>ul>li>a,.nav.open .dd-btn{display:block;width:100%;text-align:left;padding:12px 4px;font-weight:800;font-size:20px;letter-spacing:-.02em;background:none;border:0;border-bottom:1.5px solid #e6dcc9}
.nav.open .dd{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:6px 4px 12px}
.nav.open .dd a{padding:6px 0;font-weight:600}
.nav.open .search{margin-top:16px}
.dd-btn{cursor:pointer;font-weight:600}
.dd-btn svg{display:inline-block;vertical-align:middle;margin-left:4px;transition:transform .15s}
.dd-btn[aria-expanded=true] svg{transform:rotate(180deg)}
@media(min-width:1000px){
  .menu-btn{display:none}
  .header-cta{margin-left:0}
  .nav{display:flex;align-items:center;gap:16px;margin-left:auto}
  .nav>ul{display:flex;gap:2px;align-items:center}
  .nav>ul>li{position:relative}
  .nav>ul>li>a,.nav .dd-btn{display:block;padding:8px 12px;border:2px solid transparent;font-weight:600;font-size:14.5px;background:none}
  .nav>ul>li>a:hover,.nav .dd-btn:hover,.nav [aria-current=page]{border:var(--b);background:var(--white)}
  .nav .dd{display:none;position:absolute;left:0;top:calc(100% + 8px);background:var(--white);border:var(--b);box-shadow:var(--sh);padding:8px;min-width:220px;z-index:50}
  .nav .dd.open{display:block}
  .nav .dd a{display:block;padding:8px 12px;font-weight:600}
  .nav .dd a:hover{background:var(--sun)}
  .nav .search{width:200px}
}


.hero{background:var(--blue);color:var(--cream);border-bottom:var(--b);overflow:hidden}
.hero .wrap{display:grid;gap:28px;padding-top:36px;padding-bottom:52px}
.hero h1{font-size:clamp(46px,12vw,104px);text-transform:uppercase;line-height:.88;letter-spacing:-.04em}
.hero h1 .kicker{font-size:12px;letter-spacing:.12em;line-height:1.2;display:table;margin-bottom:18px}
.hero h1 .hl{color:var(--sun);font-style:italic}
.hero .lead{color:#E6F0F8;margin:20px 0 26px}
.hero .actions{display:flex;flex-wrap:wrap;gap:14px}
.checks{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;font-weight:500}
.checks li::before{content:"✓";font-weight:800;color:var(--sun);margin-right:6px}
.stage{position:relative;height:clamp(380px,104vw,520px);max-width:540px;width:100%;justify-self:center;touch-action:pan-y}
.stage canvas{position:absolute;top:-40px;left:-12%;width:135%!important;height:calc(100% + 80px)!important;opacity:0;transition:opacity 1.2s ease;cursor:grab}
.stage.is-3d canvas{opacity:1}
.pic{transition:opacity .9s ease,scale .9s ease}
.stage.is-3d .pic{opacity:0;scale:.94}
.stage canvas.grabbing{cursor:grabbing}
.stage canvas.pointer{cursor:pointer}
.pic{position:absolute;background:var(--white);padding:8px 8px 34px;border:var(--b);box-shadow:var(--sh);width:52%}
.pic img{aspect-ratio:4/5;object-fit:cover;object-position:top;border:2px solid var(--ink);width:100%}
.pic span{position:absolute;left:10px;bottom:7px;color:var(--ink);font:800 13px var(--font);text-transform:uppercase}
.pic.p1{left:0;top:30px;transform:rotate(-6deg)}
.pic.p2{left:24%;top:0;transform:rotate(3deg);z-index:2;width:54%}
.pic.p3{right:0;top:70px;transform:rotate(9deg)}
.sticker{position:absolute;z-index:3;display:grid;place-items:center;text-align:center;border-radius:50%;border:var(--b);font-weight:800;line-height:1;pointer-events:none}
.sticker.cena{width:150px;height:150px;background:var(--rose);color:var(--white);right:2%;bottom:-6px;transform:rotate(-10deg);font-size:13px;padding:14px;box-shadow:var(--sh)}
.sticker.cena b{display:block;font-size:34px;letter-spacing:-.04em;margin:4px 0 2px;color:var(--sun)}
.sticker.ok{width:94px;height:94px;background:var(--sun);color:var(--ink);left:1%;top:26px;transform:rotate(-10deg);font-size:12.5px;padding:10px}
.stage .hint{position:absolute;left:50%;top:-6px;transform:translateX(-50%);z-index:3;font-size:12px;font-weight:600;color:#E6F0F8;opacity:0;transition:opacity .5s;white-space:nowrap;pointer-events:none}
.stage.is-3d .hint{opacity:.85}
@media(max-width:899px){.stage canvas{left:-16px;width:calc(100% + 32px)!important}}
@media(min-width:900px){.hero .wrap{grid-template-columns:1fr 1.1fr;align-items:center;padding-top:56px;padding-bottom:80px}.stage{height:600px;max-width:640px}}


.ticker{background:var(--ink);color:var(--cream);border-bottom:var(--b);overflow:hidden;white-space:nowrap}
.ticker div{display:inline-block;padding:12px 0;font:800 18px var(--font);text-transform:uppercase;letter-spacing:.02em;animation:run 50s linear infinite}
.ticker i{font-style:normal;color:var(--sun);margin:0 18px}
.ticker a{color:inherit;text-decoration:none;padding:2px 4px;border-bottom:3px solid transparent}
.ticker a:hover,.ticker a:focus-visible{color:var(--sun);border-bottom-color:var(--sun)}
.ticker:hover div,.ticker:focus-within div{animation-play-state:paused}
@keyframes run{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker div{animation:none}*{scroll-behavior:auto!important}}


.block{padding:56px 0;border-bottom:var(--b)}
@media(min-width:900px){.block{padding:88px 0}}
.block.white{background:var(--white)}
.head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:32px}
.head p{margin:12px 0 0;max-width:36em}


.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media(min-width:1050px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}}
.tile{display:block;text-decoration:none;background:var(--white);border:var(--b);box-shadow:var(--sh);transition:transform .12s,box-shadow .12s}
.tile:hover{transform:translate(-2px,-2px) rotate(-.6deg);box-shadow:8px 8px 0 var(--ink)}
.tile img{aspect-ratio:4/5;object-fit:cover;object-position:top;border-bottom:var(--b);width:100%}
.tile .cap{padding:9px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.tile b{font-weight:800;font-size:15px;letter-spacing:-.01em;line-height:1.2}
.tile small{font-size:11px;font-weight:700;text-transform:uppercase;background:var(--cream);border:1.5px solid var(--ink);padding:1px 6px}
@media(min-width:700px){.tile .cap{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}}
.tile[hidden]{display:none}


.cat-head{background:var(--blue);color:var(--cream);border-bottom:var(--b);padding:40px 0 44px}
.cat-head h1{font-size:clamp(40px,8vw,80px);text-transform:uppercase;line-height:.9}
.cat-head p{margin:16px 0 0;font-size:18px;max-width:34em;color:#E6F0F8}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 0;padding:0;list-style:none}
.chips a{display:inline-block;text-decoration:none;font-weight:700;font-size:14px;padding:6px 12px;border:var(--b);background:var(--white);color:var(--ink)}
.chips a[aria-current=page]{background:var(--sun)}
.filter{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 28px}
.filter output{font-weight:600;color:var(--muted)}
.empty-result{border:var(--b);background:var(--white);padding:22px;font-weight:600}


.crumbs{font-size:15px;font-weight:700;margin:0 0 18px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li:not(:last-child)::after{content:"/";margin-left:6px;opacity:.6}
.crumbs a{text-decoration:none;font-weight:800}
.crumbs a:hover{text-decoration:underline}


.product{padding:28px 0 56px;border-bottom:var(--b)}
.product .wrap{display:grid;gap:32px}
.product .wrap>*{min-width:0}
@media(min-width:960px){.product .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start}.gallery{position:sticky;top:88px}}
.gallery .main{border:var(--b);box-shadow:8px 8px 0 var(--ink);background:var(--white);padding:10px}
.gallery .main img{width:100%;border:2px solid var(--ink)}
.thumbs{display:flex;gap:10px;margin:18px 0 0;padding:4px 4px 8px;list-style:none;overflow-x:auto}
.thumbs button{border:var(--b);padding:0;background:var(--white);cursor:pointer;width:68px;flex:0 0 68px;box-shadow:3px 3px 0 var(--ink)}
.thumbs button[aria-pressed=true]{outline:3px solid var(--rose);outline-offset:2px}
.thumbs img{aspect-ratio:4/5;object-fit:cover;width:100%}
.product h1{font-size:clamp(40px,7vw,72px);text-transform:uppercase;line-height:.9}
.slogan{font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1.25;margin:18px 0 10px}
.slogan::before{content:"„"}.slogan::after{content:"“"}
.cat-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.cat-tags a{font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;background:var(--white);border:1.5px solid var(--ink);padding:2px 8px}
.from-price{display:flex;align-items:baseline;gap:10px;margin:18px 0 0;font-weight:600}
.from-price b{font-size:34px;font-weight:800;letter-spacing:-.04em}


.steps ol{list-style:none;margin:0;padding:0;display:grid;gap:36px}
.steps li{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start}
.steps li img{border:var(--b);box-shadow:var(--sh);aspect-ratio:4/5;object-fit:cover;width:100%}
.steps .n{font:800 56px/.8 var(--font);color:var(--rose);letter-spacing:-.05em;display:block;margin-bottom:8px}
.steps p{margin:8px 0 0;color:var(--muted)}
@media(min-width:900px){.steps ol{grid-template-columns:repeat(3,1fr);gap:32px}.steps li{grid-template-columns:1fr}.steps li img{max-width:260px}}


.cards{display:grid;gap:22px}
@media(min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.cards{grid-template-columns:repeat(4,1fr)}}
.price-card{position:relative;background:var(--white);border:var(--b);box-shadow:var(--sh);padding:22px 20px 20px;display:flex;flex-direction:column}
.price-card.hot{background:var(--sun)}
.price-card .sub{margin:6px 0 0;font-size:14px;min-height:2.6em}
.price-card .from{margin:12px 0 2px;font-size:13px;font-weight:600}
.price-card .big{font:800 46px/1 var(--font);letter-spacing:-.05em}
.price-card .big small{font-size:16px;letter-spacing:0;margin-left:4px}
.price-card ul{list-style:none;padding:14px 0 0;margin:14px 0 0;border-top:2px dashed var(--ink);font-size:14.5px;display:grid;gap:4px}
.price-card li{display:flex;justify-content:space-between;gap:8px}
.price-card li b{font-weight:700;white-space:nowrap}
.ribbon{position:absolute;top:-14px;right:14px;background:var(--rose);color:var(--white);border:var(--b);font:800 11px var(--font);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;transform:rotate(3deg)}
.fine{margin:26px 0 0;font-weight:500}
.fine mark{background:var(--sun);padding:0 4px}
.extras{display:grid;gap:22px;margin-top:44px}
@media(min-width:800px){.extras{grid-template-columns:repeat(3,1fr)}}
.extras figure{margin:0;border:var(--b);background:var(--cream)}
.extras img{border-bottom:var(--b);background:#EADFCB;width:100%;aspect-ratio:4/3;object-fit:contain}
.extras figcaption{padding:12px 14px;font-weight:600}
.extras figcaption b{display:block;font-weight:800;font-size:18px;letter-spacing:-.02em}


.duo{background:var(--rose);color:var(--white)}
.duo .wrap{display:grid;gap:40px;align-items:center}
.duo img{border:var(--b);box-shadow:8px 8px 0 var(--ink);transform:rotate(-2deg);width:100%}
.duo p{font-size:18px;max-width:26em;margin:18px 0 28px}
@media(min-width:900px){.duo .wrap{grid-template-columns:1.1fr 1fr}}


.faq{display:grid;gap:0 20px;align-items:start}
@media(min-width:860px){.faq{grid-template-columns:1fr 1fr}}
.faq details{background:var(--white);border:var(--b);margin-bottom:12px}
.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:17px;line-height:1.35;padding:16px 18px;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:800;font-size:22px;line-height:1}
.faq details[open] summary{border-bottom:var(--b);background:var(--sun)}
.faq details[open] summary::after{content:"−"}
.faq .ans{padding:14px 18px 6px}
.faq .ans img{display:inline-block;width:46%;max-width:240px;border:var(--b);margin:0 8px 10px 0;vertical-align:top}


.prose{max-width:760px;font-size:17px}
.prose h1{font-size:clamp(36px,7vw,64px);text-transform:uppercase;line-height:.92;margin:0 0 28px}
.prose h2{font-size:clamp(24px,4vw,34px);margin:40px 0 14px}
.prose h3{margin:28px 0 10px}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin:4px 0}
.prose a{font-weight:600}


.page-hero{background:var(--blue);color:var(--cream);border-bottom:var(--b);overflow:hidden}
.page-hero .wrap{display:grid;gap:32px;padding-top:40px;padding-bottom:52px;align-items:center}
.page-hero h1{font-size:clamp(42px,9vw,92px);text-transform:uppercase;line-height:.9}
.page-hero p{font-size:18px;color:#E6F0F8;margin:18px 0 24px;max-width:30em}
.page-hero img{border:var(--b);box-shadow:8px 8px 0 var(--ink);transform:rotate(2deg);background:var(--white)}
@media(min-width:900px){.page-hero .wrap{grid-template-columns:1.1fr 1fr;padding-top:64px;padding-bottom:80px}}


.order{background:var(--white);border:var(--b);box-shadow:8px 8px 0 var(--ink);padding:22px 16px}
@media(min-width:600px){.order{padding:30px 28px}}
.order>h2{font-size:clamp(30px,5vw,44px);margin:0 0 6px}
.order .intro{margin:0 0 6px;color:var(--muted)}
fieldset{border:0;margin:0;padding:22px 0 0;min-width:0}
legend{font-weight:800;font-size:19px;letter-spacing:-.02em;padding:0;margin:0 0 12px;display:flex;align-items:center;gap:10px}
legend .step{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--ink);color:var(--cream);font-size:14px;border-radius:50%}
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.choice{position:relative}
.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.choice span{display:block;height:100%;border:var(--b);background:var(--cream);padding:10px 12px;font-weight:700;line-height:1.25;transition:transform .1s}
.choice span small{display:block;font-weight:500;font-size:13px;margin-top:2px}
.choice input:checked+span{background:var(--sun);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}
.choice input:focus-visible+span{outline:3px solid var(--rose);outline-offset:2px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{position:relative}
.pill input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;width:100%;height:100%}
.pill span{display:inline-block;border:var(--b);background:var(--white);padding:8px 12px;font-weight:600;font-size:14.5px}
.pill span b{font-weight:800;margin-left:6px}
.pill input:checked+span{background:var(--ink);color:var(--cream)}
.pill input:focus-visible+span{outline:3px solid var(--rose);outline-offset:2px}
.variant[hidden],.only-print[hidden]{display:none}
.sub-legend{font-weight:700;font-size:14px;margin:14px 0 8px}
.qty{display:inline-flex;align-items:stretch;border:var(--b);background:var(--white)}
.qty button{width:44px;border:0;background:var(--cream);font-weight:800;font-size:20px;cursor:pointer}
.qty button:hover{background:var(--sun)}
.field .qty input,.qty input{-moz-appearance:textfield;appearance:textfield;width:56px;border:0;border-left:var(--b);border-right:var(--b);text-align:center;font-weight:800;font-size:18px;-moz-appearance:textfield;appearance:textfield}
.qty input::-webkit-inner-spin-button,.qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin:22px 0 0;padding:14px 16px;background:var(--cream);border:var(--b)}
.total b{font-size:30px;font-weight:800;letter-spacing:-.04em}
.total small{font-weight:600}
.field{display:grid;gap:6px;margin:0 0 14px}
.field label,.label{font-weight:700;font-size:14.5px}
.field .req{color:var(--rose)}
.field input,.field select,.field textarea{width:100%;border:var(--b);background:var(--white);padding:11px 12px;font-size:16px;border-radius:0;-webkit-appearance:none;appearance:none}
.field select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:34px}
.field textarea{min-height:110px;resize:vertical}
.field .hint,.hint{font-size:13.5px;font-weight:600;color:var(--muted)}
.field .err{font-size:13.5px;font-weight:700;color:var(--rose)}
.field [aria-invalid=true]{border-color:var(--rose);box-shadow:3px 3px 0 var(--rose)}
.row2{display:grid;gap:0 14px}
@media(min-width:600px){.row2{grid-template-columns:1fr 1fr}.row2 .wide{grid-column:1/-1}}
.drop{position:relative;display:grid;place-items:center;text-align:center;gap:6px;border:2px dashed var(--ink);background:var(--cream);padding:24px 16px;cursor:pointer}
.drop.over{background:var(--sun)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.drop b{font-size:17px}
.drop small{color:var(--muted)}
.previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none}
.previews li{position:relative;border:var(--b);background:var(--white)}
.previews img,.previews .noimg{aspect-ratio:1;object-fit:cover;width:100%}
.previews .noimg{display:grid;place-items:center;font-size:11px;font-weight:700;padding:6px;text-align:center;word-break:break-all;background:var(--cream)}
.previews button{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;border:var(--b);background:var(--white);font-weight:800;cursor:pointer;line-height:1}
.previews .size{position:absolute;left:0;bottom:0;background:rgba(20,20,20,.8);color:#fff;font-size:11px;padding:1px 5px}
.pet{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:end;margin:0 0 12px}
.pet img{border:var(--b);aspect-ratio:4/5;object-fit:cover;width:56px;background:var(--cream)}
.pet .field{margin:0}
.pet[hidden]{display:none}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:600;margin:18px 0 4px;cursor:pointer}
.check input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--ink);flex:0 0 22px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.submit-row{margin:22px 0 0;display:grid;gap:12px}
.submit-row .btn{width:100%;font-size:17px;padding:18px}
.note{font-size:14px;font-weight:600;color:#3a3a3a;margin:0}
.progress{height:12px;border:var(--b);background:var(--cream);overflow:hidden}
.progress span{display:block;height:100%;width:0;background:var(--blue);transition:width .2s}
.form-msg{border:var(--b);padding:14px 16px;font-weight:600;margin:16px 0 0}
.form-msg.error{background:#FBE3E7;border-color:var(--rose)}
.form-msg ul{margin:6px 0 0;padding-left:1.2em}
.success{text-align:left}
.success h2{font-size:clamp(32px,6vw,52px);margin:0 0 14px}
.success .id{display:inline-block;background:var(--sun);border:var(--b);padding:2px 10px;font-weight:800}
.only-digital[hidden],.only-print[hidden]{display:none}


.contact-grid{display:grid;gap:40px}
@media(min-width:960px){.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}
.contact-aside{display:grid;gap:12px;font-weight:600}
.contact-aside a{font-weight:700}


.popup{position:fixed;right:12px;bottom:12px;left:12px;z-index:70;background:var(--white);border:var(--b);box-shadow:var(--sh);padding:18px 46px 18px 18px;max-width:360px;margin-left:auto;transform:translateY(20px);opacity:0;transition:transform .3s,opacity .3s}
.popup.show{transform:none;opacity:1}
.popup[hidden]{display:none}
.popup h2{font-size:24px;line-height:1.05;margin:0 0 8px;color:var(--blue-dk)}
.popup p{font-size:14.5px;margin:0 0 12px}
.popup .close{position:absolute;right:8px;top:8px;width:32px;height:32px;border:var(--b);background:var(--cream);border-radius:50%;font-weight:800;cursor:pointer}


.notfound{padding:64px 0;text-align:left}
.notfound h1{font-size:clamp(64px,16vw,160px);line-height:.85;color:var(--blue)}


.site-footer{background:var(--ink);color:#D8D2C6;font-size:14.5px}
.site-footer .wrap{display:grid;gap:30px;padding-top:56px;padding-bottom:30px;grid-template-columns:1fr 1fr}
.site-footer h2{color:var(--sun);font:800 14px var(--font);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer .brand{grid-column:1/-1}
.site-footer .brand .name{font:800 clamp(34px,6vw,54px)/.9 var(--font);letter-spacing:-.04em;color:var(--cream);text-transform:uppercase}
.site-footer .brand p{max-width:24em;margin:14px 0 0}
.site-footer .legal{grid-column:1/-1;border-top:1px solid #333;padding-top:18px;font-size:12.5px}
@media(min-width:900px){.site-footer .wrap{grid-template-columns:1.3fr .8fr 1fr 1.25fr}.site-footer .brand{grid-column:auto}}
.mt{margin-top:12px}
.mt-l{margin-top:32px}
.narrow{max-width:820px}
.checks-dark{margin-top:14px}
.checks-dark li::before{color:var(--rose)}
.page-hero .btn+.btn{margin-left:8px}
.contact-aside h2{font-size:28px;margin-bottom:6px}
.contact-aside p{margin:0}
.mt-l{margin-top:32px}
.narrow{max-width:820px}
.checks-dark{margin-top:14px}
.checks-dark li::before{color:var(--rose)}
.page-hero .btn+.btn{margin-left:8px}
.contact-aside h2{font-size:28px;margin-bottom:6px}
.contact-aside p{margin:0}
.field .qty{justify-self:start}

.ico{flex:0 0 auto;display:inline-block;vertical-align:middle}
.sticker.ok{display:none}


.trust{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.trust li{display:flex;align-items:center;gap:10px;background:rgba(255,244,227,.1);border:2px solid rgba(255,244,227,.55);padding:9px 12px;font-weight:700;font-size:14px;line-height:1.2}
.trust .ico{color:var(--ink);background:var(--sun);border:2px solid var(--ink);width:34px;height:34px;padding:6px;box-shadow:2px 2px 0 var(--ink)}
@media(min-width:1100px){.trust{max-width:520px}}


.extras{display:grid;gap:26px;margin-top:56px}
@media(min-width:800px){.extras{grid-template-columns:repeat(3,1fr)}}
.extras .xcard{margin:0;display:flex;flex-direction:column;background:var(--white);border:var(--b);box-shadow:var(--sh)}
.xpic{border-bottom:var(--b);background:var(--sun);padding:18px;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden}
.x-solja .xpic{background:#F3B6C1}
.x-puzle .xpic{background:#A9D3F0}
.xpic picture{display:contents}
.xpic img{width:100%;height:100%;object-fit:contain;border:0;background:none;aspect-ratio:auto}
.xbody{padding:20px 20px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}
.xtag{display:inline-flex;align-items:center;gap:6px;font:800 11.5px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--cream);padding:6px 9px}
.xbody h3{font-size:28px;line-height:1}
.xbody p{margin:0;color:var(--muted);font-weight:500}
.xprice{display:flex;align-items:baseline;gap:6px;margin-top:auto;padding-top:6px}
.xprice span{font-weight:700}
.xprice b{font:800 44px/1 var(--font);letter-spacing:-.05em}
.xprice small{font-weight:800;font-size:16px}


.faq-more{margin:28px 0 0}
.btn .ico{margin-right:-2px}


.order fieldset+fieldset{margin-top:14px;padding-top:30px;border-top:2px dashed var(--ink)}
.order .field{margin:0 0 18px}
.order .choices{gap:12px}
.order .variant{margin-top:16px}
.order .sub-legend{margin:18px 0 10px;font-size:15px;font-weight:800}
.order .total{margin-top:26px}
.order .row2{gap:0 18px}
.order .check{margin:22px 0 6px}
.order .note{display:flex;gap:8px;align-items:flex-start}
.order .note .ico{margin-top:2px}
.order .note a{font-weight:800}
.order .intro{font-weight:600}


.pet{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 22px;padding:18px;background:var(--cream);border:var(--b);align-items:start}
@media(min-width:600px){.pet{grid-template-columns:150px 1fr;gap:22px}}
.pet-title{font-size:20px;display:flex;align-items:center;gap:8px;margin:0 0 14px}
.pet .field{margin:0 0 16px}
.pet .field:last-child{margin-bottom:0}
.polaroid{position:relative;background:var(--white);padding:7px 7px 30px;border:var(--b);box-shadow:var(--sh);transform:rotate(-3deg);width:132px;margin:6px auto 0}
.pet:nth-of-type(even) .polaroid{transform:rotate(3deg)}
.polaroid img{aspect-ratio:4/5;object-fit:cover;object-position:top;border:2px solid var(--ink);width:100%;background:var(--cream)}
.polaroid span{position:absolute;left:9px;right:6px;bottom:6px;font:800 11px/1.1 var(--font);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drop.mini{padding:14px 12px;background:var(--white)}
.drop.mini b{font-size:15px}
.drop.mini small{font-size:12.5px;font-weight:600}
.drop b{display:flex;align-items:center;justify-content:center;gap:10px}
.field>.label{display:block}


.filter{display:grid;gap:18px;margin:0 0 30px;padding:18px;background:var(--white);border:var(--b);box-shadow:var(--sh);align-items:end}
@media(min-width:900px){.filter{grid-template-columns:minmax(240px,1fr) auto;gap:20px 28px}}
.f-label{display:flex;align-items:center;gap:7px;font-weight:800;font-size:14px;margin:0 0 8px}
.filter .search{max-width:none}
.f-sort{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.f-sort .f-label{flex:0 0 100%}
.seg{display:inline-flex;flex-wrap:wrap;border:var(--b);background:var(--cream)}
.seg button,.dir{display:inline-flex;align-items:center;gap:7px;border:0;background:none;font:700 14px/1 var(--font);padding:11px 13px;cursor:pointer}
.seg button+button{border-left:var(--b)}
.seg button[aria-pressed=true]{background:var(--ink);color:var(--cream)}
.seg button:not([aria-pressed=true]):hover{background:var(--sun)}
.dir{border:var(--b);background:var(--sun);box-shadow:3px 3px 0 var(--ink)}
.dir .ico{transition:transform .15s}
.dir[aria-pressed=true] .ico{transform:rotate(180deg)}
.dir[disabled]{opacity:.5;cursor:not-allowed}
.filter output{font-weight:700;color:var(--muted)}
@media(min-width:900px){.filter output{grid-column:1/-1;margin-top:-6px}}


.modal{border:var(--b);box-shadow:8px 8px 0 var(--ink);padding:0;background:var(--white);color:var(--ink);width:min(680px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto}
.modal::backdrop{background:rgba(20,20,20,.62)}
.modal-box{padding:26px 22px 24px;position:relative}
.modal h2{font-size:clamp(26px,5vw,38px);margin:0 44px 14px 0}
.modal .ans img{display:inline-block;width:46%;max-width:240px;border:var(--b);margin:0 8px 10px 0;vertical-align:top}
.modal-x{position:absolute;right:12px;top:12px;width:38px;height:38px;border:var(--b);background:var(--cream);border-radius:50%;font:800 22px/1 var(--font);cursor:pointer}
.modal-x:hover{background:var(--sun)}
.modal-foot{margin:18px 0 0}


.site-footer h2{display:flex;align-items:center;gap:8px}
.site-footer h2 .ico{color:var(--sun)}
.site-footer .logo-foot{display:inline-block}
.site-footer .social a{display:inline-flex;align-items:center;gap:10px}
.site-footer .social span{overflow-wrap:break-word;min-width:0}
.site-footer .social .ico{color:var(--sun)}
.site-footer ul{gap:9px}


.contact-aside{gap:0}
.contact-aside h2,.order>h2{display:flex;align-items:center;gap:12px}
.h-ico{display:inline-grid;place-items:center;width:46px;height:46px;background:var(--sun);border:var(--b);box-shadow:3px 3px 0 var(--ink);flex:0 0 auto}
.contact-aside h2{font-size:clamp(34px,5vw,52px);margin:0 0 12px}
.aside-lead{font-size:18px;font-weight:600;margin:0 0 22px}
.contact-cards{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:14px}
.contact-cards a{display:flex;align-items:center;gap:14px;text-decoration:none;background:var(--white);border:var(--b);box-shadow:var(--sh);padding:14px 16px;transition:transform .12s,box-shadow .12s}
.contact-cards a:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.cc-ico{display:grid;place-items:center;width:52px;height:52px;border:var(--b);flex:0 0 auto}
.c-sun{background:var(--sun)}.c-rose{background:var(--rose);color:var(--white)}.c-blue{background:var(--blue);color:var(--white)}
.cc-txt{display:grid;gap:2px;min-width:0}
.cc-txt small{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.cc-txt b{font-size:18px;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere;line-height:1.2}
.aside-note{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.order>h2{font-size:clamp(32px,5vw,48px);margin:0 0 8px}
#kontakt-forma .field{margin:0 0 18px}
#kontakt-forma .field label{font-size:15px}
#kontakt-forma textarea{min-height:150px}
.submit-row .btn .ico{margin-right:2px}


.fun h2{font-size:clamp(38px,8vw,76px)}
.fun-hero h1{font-size:clamp(48px,11vw,112px)}
.fun-hero h1 .hl{color:var(--sun);font-style:italic}
.big-lead{font-size:clamp(19px,2.6vw,24px);font-weight:600;max-width:26em;color:#E6F0F8;margin:20px 0 28px}
.btn.big{font-size:18px;padding:18px 26px}
.page-hero .btn.big+.btn{margin-left:10px}
.ticker.alt{background:var(--sun);color:var(--ink)}
.ticker.alt i{color:var(--rose)}
.why{display:grid;gap:22px}
@media(min-width:700px){.why{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.why{grid-template-columns:repeat(4,1fr)}}
.why-card{background:var(--white);border:var(--b);box-shadow:var(--sh);padding:24px 22px 26px}
.why-card.sun{background:var(--sun)}
.why-card.rose{background:var(--rose);color:var(--white)}
.why-card:nth-child(odd){transform:rotate(-1deg)}
.why-card:nth-child(even){transform:rotate(1deg)}
.why-n{display:block;font:800 64px/.9 var(--font);letter-spacing:-.06em;margin-bottom:12px;color:var(--rose)}
.why-card.rose .why-n{color:var(--sun)}
.why-card h3{font-size:26px;margin-bottom:10px}
.why-card p{margin:0;font-size:17px;font-weight:500}
.occ{display:grid;gap:22px}
@media(min-width:700px){.occ{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.occ{grid-template-columns:repeat(3,1fr)}}
.occ-card{background:var(--cream);border:var(--b);box-shadow:var(--sh);padding:24px 22px;transition:transform .12s}
.occ-card:hover{transform:translate(-2px,-2px) rotate(-.5deg)}
.occ-card.hot{background:var(--sun)}
.occ-e{display:block;font-size:54px;line-height:1;margin-bottom:12px}
.occ-card h3{font-size:28px;margin-bottom:10px}
.occ-card p{margin:0;font-size:17px;font-weight:500}
.occ-card a{font-weight:800}
.budget{display:grid;gap:22px}
@media(min-width:700px){.budget{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.budget{grid-template-columns:repeat(4,1fr)}}
.b-card{background:var(--white);border:var(--b);box-shadow:var(--sh);padding:24px 22px}
.b-card.hot{background:var(--sun)}
.b-card h3{font-size:24px}
.b-price{display:flex;align-items:baseline;gap:6px;margin:16px 0 6px}
.b-price span{font-weight:700;font-size:18px}
.b-price b{font:800 56px/1 var(--font);letter-spacing:-.06em}
.b-price small{font-weight:800;font-size:18px}
.b-sub{font-weight:700;font-size:14px;margin:0 0 10px}
.b-card p:last-child{margin:0;font-size:16px}
.fun-note{margin:28px 0 0;font-size:18px;font-weight:600;max-width:46em}
.fun .steps h3{font-size:26px}
.fun .steps p{font-size:17px}
.fun .faq summary{font-size:19px;padding:18px 20px}
.fun .faq .ans{font-size:17px}
.rok{background:var(--blue);color:var(--cream)}
.rok .wrap{display:grid;gap:30px}
.rok-grid{display:grid;gap:18px}
@media(min-width:760px){.rok-grid{grid-template-columns:repeat(3,1fr)}}
.rok-card{background:var(--white);color:var(--ink);border:var(--b);box-shadow:var(--sh);padding:22px;display:grid;gap:6px}
.rok-card b{font:800 clamp(34px,5vw,52px)/1 var(--font);letter-spacing:-.05em;color:var(--rose)}
.rok-card span{font-weight:700;font-size:18px}
.rok-note{margin:0;font-size:20px;font-weight:700}


.cards,.extras{perspective:1100px}
.xcard,.price-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .3s;will-change:transform}
.xcard.tilting,.price-card.tilting{transition:transform .08s linear,box-shadow .3s;box-shadow:12px 12px 0 var(--ink)}
.xcard::after,.price-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.28),rgba(255,255,255,0) 55%)}
.xcard,.price-card{position:relative}
.xcard.tilting::after,.price-card.tilting::after{opacity:1}
.xpic{overflow:visible;position:relative}
.xpic img{transform:translateZ(60px) scale(1.04);transition:transform .45s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(8px 10px 0 rgba(20,20,20,.28))}
.xcard.tilting .xpic img{transform:translateZ(90px) scale(1.12)}
.xbody h3,.xprice,.price-card .big{transform:translateZ(36px)}
.xcard .btn{transform:translateZ(46px)}
.xcard:hover .xpic img{animation:bob 2.4s ease-in-out infinite}
@keyframes bob{50%{translate:0 -6px}}
.anim .xcard,.anim .price-card{opacity:0;translate:0 40px;transition:opacity .6s ease var(--d,0ms),translate .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.anim .xcard.in,.anim .price-card.in{opacity:1;translate:0 0}
.anim .xcard.tilting,.anim .price-card.tilting{transition:opacity .6s ease,translate .7s,transform .08s linear,box-shadow .3s}
@media(prefers-reduced-motion:reduce){.xcard,.price-card,.xpic img{transition:none;animation:none}}


.anim .rv{opacity:0;translate:0 22px;transition:opacity .6s ease var(--d,0ms),translate .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .12s,box-shadow .12s}
.anim .rv.in{opacity:1;translate:0 0}
.sticker.cena{animation:sway 5s ease-in-out infinite}
@keyframes sway{50%{transform:rotate(-6deg) translateY(-6px)}}
.hero h1 .hl{display:inline-block;animation:pop 3.6s ease-in-out infinite}
@keyframes pop{0%,88%,100%{transform:none}94%{transform:scale(1.06) rotate(-1.5deg)}}
.tile img,.steps li img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tile{overflow:hidden}
.tile:hover img{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.sticker.cena,.hero h1 .hl{animation:none}}