/* Shared brand and chrome: prototypes/active/popackani-sonnet is authoritative. */
body { margin:0; background-color:var(--paper); background-image:var(--grain); color:var(--ink); font-family:var(--font-body); font-size:var(--step-0); line-height:1.6; font-weight:450; -webkit-font-smoothing:antialiased; overflow-x:clip; }
h1,h2,h3,h4,.wp-block-heading { font-family:var(--font-display); font-weight:800; line-height:.98; letter-spacing:-.02em; text-wrap:balance; }
button,input,textarea,select { font:inherit; }
a { text-underline-offset:.2em; }
:focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
.wrap { width:min(100% - 2*var(--gutter),var(--maxw)); margin-inline:auto; }
.icon { width:1.2em; height:1.2em; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.btn { --b-bg:transparent; --b-fg:var(--ink); --b-sh:var(--ink); appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:.55em; min-height:48px; padding:.6em 1.25em; font:700 .95rem/1.15 var(--font-body); letter-spacing:.005em; color:var(--b-fg); background:var(--b-bg); border:2px solid var(--ink); border-radius:999px; box-shadow:0 4px 0 var(--b-sh); text-decoration:none; text-align:center; cursor:pointer; transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out); }
.btn--ink { --b-bg:var(--ink); --b-fg:var(--paper-hi); --b-sh:var(--green); }
.btn--paper { --b-bg:var(--paper-hi); }
.btn--small { min-height:44px; padding:.45em 1em; font-size:.88rem; }
.btn--icon { width:48px; padding:0; }
.btn--icon.btn--small { width:44px; }
@media(hover:hover) { .btn:hover { transform:translateY(-2px); box-shadow:0 6px 0 var(--b-sh); } }
.btn:active { transform:translateY(3px); box-shadow:0 1px 0 var(--b-sh); }
#pp-header .brand { display:flex; margin-right:auto; align-self:flex-start; height:var(--header-h); padding-top:5px; align-items:flex-start; flex:none; text-decoration:none; }
#pp-header .brand__logo { height:50px; width:auto; aspect-ratio:1920/632; max-width:none; object-fit:contain; }
#pp-header .nav { display:none; }
#pp-header .nav ul { display:flex; align-items:center; gap:2px; padding:0; margin:0; list-style:none; }
#pp-header .nav a { position:relative; isolation:isolate; display:inline-flex; align-items:center; min-height:44px; padding:0 .85em; font:650 .92rem/1 var(--font-body); text-decoration:none; white-space:nowrap; color:var(--paper); }
#pp-header .nav a::after { content:""; position:absolute; z-index:-1; left:.55em; right:.55em; bottom:2px; height:.5em; background:var(--lime); border-radius:99px 70px 99px 60px/70% 90% 60% 90%; transform:scaleX(0); transform-origin:left center; transition:transform .34s var(--ease-out); }
@media(hover:hover) { #pp-header .nav a:hover::after { transform:scaleX(.45); } }
#pp-header .nav a[data-nav="satans-punks"] { color:#FF8E86; }
#pp-header .nav a[data-nav="satans-punks"]::after { background:#E5354F; }
#pp-header .tools { display:flex; align-items:center; gap:8px; margin:0; }
#pp-header .btn { --b-bg:var(--paper); --b-fg:var(--ink); --b-sh:var(--green); border-color:var(--paper); }
#pp-header .wc-block-mini-cart__button { min-width:44px; min-height:44px; padding:8px; color:var(--paper); }
@media(max-width:359px) { #pp-header .brand__logo { height:42px; } #pp-header .shop-link { display:none; } #pp-header .tools { gap:5px; } }
@media(max-width:599px) { #pp-header .menu-btn { width:44px; padding:0; } #pp-header .menu-btn span { display:none; } }
@media(min-width:600px) { #pp-header .brand__logo { height:58px; } }
@media(min-width:900px) { #pp-header .brand { padding-top:8px; } #pp-header .brand__logo { height:80px; } }
@media(min-width:1360px) { #pp-header .nav { display:block; } }
.site-footer { position:relative; z-index:1; color:var(--paper); padding-block:44px calc(48px + env(safe-area-inset-bottom)); border-top:0; background:linear-gradient(180deg,#241a11 0,#17110b 90px,var(--night) 240px); --focus:var(--lime); }
.site-footer a { color:inherit; }
.footer__grid { display:grid; gap:28px; }
@media(min-width:800px) { .footer__grid { grid-template-columns:1.2fr 1fr 1fr; } }
.site-footer .footer__brand { font:800 clamp(1.7rem,3.2vw,2.4rem)/1 var(--font-display); letter-spacing:-.02em; color:var(--paper); margin:0; }
.footer__brand span { display:block; margin-top:.35em; font:600 1.5rem/1.2 var(--font-hand); color:var(--green); letter-spacing:0; }
.footer__col h2 { font:700 .95rem/1.2 var(--font-body); letter-spacing:.01em; margin:0 0 .7em; color:#cdbfae; }
.footer__col address { font-style:normal; display:grid; gap:0; font-size:.95rem; }
.footer__col address a { display:inline-flex; align-items:center; min-height:44px; width:fit-content; }
.footer__col address span { display:block; padding-block:.35em; }
.footer__col p,.footer__col li { font-size:.9rem; color:#cdbfae; }
.footer__tools { display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.site-footer .btn { --b-bg:transparent; --b-fg:var(--paper); --b-sh:#000; border-color:var(--paper); }
.site-footer .btn[aria-pressed="true"] { --b-bg:var(--paper); --b-fg:var(--ink); }
.footer__fine { margin-top:34px; padding-top:18px; border-top:1px solid #3a342c; display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between; font-size:.82rem; color:#b9ab98; }
dialog.ov { border:0; padding:0; margin:0; max-width:none; max-height:none; width:100%; height:100%; background:transparent; color:var(--ink); overflow:hidden; inset:0; }
dialog.ov::backdrop { background:rgba(23,19,15,.55); }
#pp-menu .ov__panel { position:absolute; inset:0; border:0; border-radius:0; display:flex; flex-direction:column; overflow:auto; background-color:var(--green); color:var(--ink); background-image:var(--grain); padding:env(safe-area-inset-top) var(--gutter) calc(env(safe-area-inset-bottom) + 22px); }
.menu__top { display:flex; align-items:center; justify-content:space-between; min-height:var(--header-h); margin-bottom:8px; }
.menu__label { font:800 1.05rem/1 var(--font-display); }
.menu__list { display:grid; border-top:2px solid currentColor; list-style:none; margin:0; padding:0; }
.menu__list a { display:flex; align-items:center; gap:14px; min-height:64px; padding:.35em 0; border-bottom:2px solid currentColor; color:inherit; font:800 clamp(1.9rem,8.4vw,3.2rem)/1.02 var(--font-display); letter-spacing:-.02em; text-decoration:none; }
.menu__foot { margin-top:auto; padding-top:26px; display:grid; gap:14px; }
.menu__foot .row { display:flex; flex-wrap:wrap; gap:10px; }
.menu__foot p { font-size:.9rem; opacity:.85; }
.wp-block-button__link,.wc-block-components-button:not(.is-link) { font-family:var(--font-body); font-weight:700; background:var(--ink); color:var(--paper-hi); border:2px solid var(--ink); border-radius:999px; box-shadow:0 4px 0 var(--green); text-decoration:none; }
.wc-block-components-drawer,.wc-block-mini-cart__drawer { --wp--preset--color--base:var(--paper); background:var(--paper); color:var(--ink); }
.wc-block-components-text-input input,.wc-block-components-combobox-control input,.wc-block-components-textarea { background:var(--paper-hi); color:var(--ink); }
@media(prefers-reduced-motion:reduce) { .btn,#pp-header .nav a::after { transition:none; } }