:root{--hard:6px 6px 0 var(--ink);--hard-sm:3px 3px 0 var(--ink);--bd:3px solid var(--ink);--muted:#5b5147}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
header.site{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:var(--bd)}
.menu{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.menu a{font-weight:800;padding:9px 11px;border-radius:10px;text-decoration:none;color:var(--ink);white-space:nowrap}
.menu>.has-children{position:relative}
.menu>*>a:hover,.menu>a:hover{background:var(--yellow)}
.menu .sub{position:absolute;top:100%;left:0;min-width:210px;background:#fff;border:var(--bd);border-radius:14px;box-shadow:var(--hard);padding:8px;display:none;z-index:70}
.menu .has-children:hover .sub{display:block}
.menu .sub a{display:block;padding:8px 12px;border-radius:8px}
.menu .sub a:hover{background:var(--yellow)}
.navtoggle,.hamburger{display:none}
@media(max-width:960px){.hamburger{display:inline-flex;font-size:26px;background:none;border:0;cursor:pointer;order:-1}.menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:var(--bd);padding:10px;z-index:65}.navtoggle:checked~.menu{display:flex}.menu .sub{position:static;display:block;box-shadow:none;border:0;padding:2px 0 6px 14px}}
.trust{background:var(--ink);color:#fff}
.trust .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;padding:12px 20px}
.trust .ti{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px}
.trust .ti .em{font-size:22px}
.sec-head h2.comic{position:relative;display:inline-block}
.sec-head h2.comic:after{content:"";display:block;height:7px;background:var(--yellow);border:var(--bd);border-radius:6px;margin-top:3px}
.card{position:relative;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:var(--hard)}
.card .pic{position:relative;display:block;overflow:hidden;background:#fff}
.card .pic img{transition:transform .3s}
.card:hover .pic>img:first-of-type{transform:scale(1.06)}
.card .pic .img2{position:absolute;inset:0;opacity:0;transition:opacity .3s;width:100%;height:100%;object-fit:cover}
.card:hover .pic .img2{opacity:1}
.flag{position:absolute;top:10px;left:10px;z-index:3;font-family:Bangers,cursive;letter-spacing:.5px;padding:3px 10px;border:var(--bd);border-radius:20px;box-shadow:var(--hard-sm);transform:rotate(-6deg)}
.flag.sale{background:var(--red);color:#fff}.flag.hot{background:var(--yellow)}.flag.new{background:var(--blue);color:#fff}.flag.best{background:#fff}
.soldout-badge{position:absolute;top:10px;right:10px;z-index:3;background:var(--ink);color:#fff;font-weight:900;font-size:11px;padding:4px 8px;border-radius:8px}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media(max-width:900px){.tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.tiles{grid-template-columns:repeat(2,1fr)}}
.tile{position:relative;display:block;border:var(--bd);border-radius:16px;overflow:hidden;box-shadow:var(--hard-sm);aspect-ratio:1;background:#fff;transition:transform .15s}
.tile:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:var(--hard)}
.tile img{width:100%;height:100%;object-fit:cover}
.tile .lab{position:absolute;left:0;right:0;bottom:0;background:var(--yellow);border-top:var(--bd);font-family:Bangers,cursive;text-align:center;padding:6px;font-size:16px;letter-spacing:.5px}
.tile.type{display:grid;place-items:center;text-align:center;background:var(--bg)}
.tile.type .em{font-size:44px;line-height:1}
.tile.type .lab{position:static;border-top:0;background:transparent}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:800px){.reviews{grid-template-columns:1fr}}
.rev{background:#fff;border:var(--bd);border-radius:16px;box-shadow:var(--hard-sm);padding:18px}
.rev .stars{color:var(--red);font-size:17px;letter-spacing:2px}
.rev p{font-weight:700;margin:8px 0}
.rev .who{font-weight:900}
footer.site .pays{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
footer.site .pays span{background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:6px;padding:3px 8px;font-weight:900;font-size:11px}
footer.site .socials{margin-top:10px}
footer.site .socials a{font-size:22px;margin-right:12px;text-decoration:none}