/* Skin: Haat Store */
body.skin-haat .hero{padding:clamp(2rem,6vw,5rem) 0;background:linear-gradient(var(--accent2),var(--accent2)) bottom/100% 38% no-repeat}
body.skin-haat .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
body.skin-haat .hero h1{font-size:clamp(2.4rem,6vw,4.8rem);font-weight:800;max-width:14ch}
body.skin-haat .hero p{font-size:1.15rem;max-width:40ch;margin-bottom:1.6rem}
body.skin-haat .hero-stack{position:relative;height:clamp(300px,42vw,470px)}
body.skin-haat .tile{position:absolute;width:52%;aspect-ratio:4/5;border:3px solid var(--ink);border-radius:var(--r);overflow:hidden;background:var(--soft);box-shadow:var(--shadow)}
body.skin-haat .tile img{width:100%;height:100%;object-fit:cover}
body.skin-haat .tile .ph{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--soft),var(--soft) 10px,#fff 10px,#fff 20px)}
body.skin-haat .tile-a{left:0;top:6%;transform:rotate(-6deg)}
body.skin-haat .tile-b{right:0;top:0;transform:rotate(5deg);z-index:2}
body.skin-haat .tile-c{left:24%;bottom:0;transform:rotate(-1.5deg);z-index:3;width:48%}
body.skin-haat .tag{position:absolute;left:8px;bottom:8px;background:var(--accent);border:2px solid var(--ink);padding:.15rem .7rem .15rem 1.1rem;font:700 .95rem/1.4 var(--f-head);
  clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%)}
body.skin-haat .tag del{opacity:.55;margin-right:.3rem}
body.skin-haat .tag ins{text-decoration:none}
body.skin-haat .trust{background:var(--ink);color:#fff}
body.skin-haat .trust-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.9rem 0}
body.skin-haat .trust-row p{margin:0;font:600 .98rem var(--f-head)}