.hpt-png-store{--ink:#eaf3fb;--muted:#91a5b7;--panel:#121d2b;--line:#26384c;--accent:#25c1c9;--accent2:#0e8f9a;position:relative;max-width:1500px;margin:0 auto;padding:34px 22px 130px;color:var(--ink);font-family:Arial,sans-serif;background:radial-gradient(circle at 50% 0,#173348 0,#0a1420 44%,#07101a 100%);border-radius:24px}
.hpt-png-hero{text-align:center;padding:32px 12px 26px}.hpt-png-hero>span{color:var(--accent);font-weight:800;letter-spacing:.14em;font-size:13px}.hpt-png-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.05;margin:14px 0}.hpt-png-hero p{max-width:780px;margin:0 auto;color:#bfd0df;font-size:18px;line-height:1.65}.hpt-png-price-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:24px}.hpt-png-price-pills b{border:1px solid #31516b;background:#0d1b29;border-radius:999px;padding:10px 16px}
.hpt-png-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0 28px}.hpt-png-filters button{border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#111e2c;padding:12px 19px;font-weight:700;cursor:pointer}.hpt-png-filters button.is-active{background:var(--accent);color:#071119;border-color:var(--accent)}
.hpt-png-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.hpt-png-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);transition:.2s transform,.2s border-color,.2s box-shadow}.hpt-png-card:hover{transform:translateY(-3px);border-color:#3f647e}.hpt-png-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(37,193,201,.24),0 16px 34px rgba(0,0,0,.24)}.hpt-png-preview{display:block;width:100%;aspect-ratio:1;border:0;padding:0;background:#eef1f3;cursor:zoom-in;overflow:hidden}.hpt-png-preview img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.hpt-png-card-body{padding:14px}.hpt-png-card h2{font-size:16px;min-height:38px;margin:0 0 12px}.hpt-png-toggle{width:100%;padding:11px;border:1px solid #3a5268;border-radius:10px;background:#1a2b3c;color:#fff;font-weight:800;cursor:pointer}.is-selected .hpt-png-toggle{background:var(--accent);color:#071119;border-color:var(--accent)}
.hpt-png-selection{position:fixed;z-index:1000;left:50%;bottom:20px;transform:translateX(-50%);width:min(920px,calc(100vw - 28px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px 16px;border:1px solid #36536a;border-radius:18px;background:rgba(8,18,29,.96);box-shadow:0 18px 55px rgba(0,0,0,.45);backdrop-filter:blur(10px)}.hpt-png-selection>div:first-child{display:flex;align-items:center;gap:8px}.hpt-png-selection strong{font-size:24px;color:var(--accent)}.hpt-png-selection-copy{display:flex;flex-direction:column}.hpt-png-selection-copy b{font-size:22px}.hpt-png-selection-copy span{color:var(--muted)}.hpt-png-selection>button,.hpt-png-checkout form button,.hpt-png-download{border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),#3fe0d7);color:#071119;padding:14px 20px;font-weight:900;cursor:pointer;text-decoration:none;text-align:center}.hpt-png-selection>button:disabled{opacity:.45;cursor:not-allowed}
.hpt-png-checkout,.hpt-png-lightbox{border:1px solid #36536a;border-radius:20px;background:#0d1825;color:#fff;box-shadow:0 25px 80px rgba(0,0,0,.65)}.hpt-png-checkout{width:min(520px,calc(100vw - 32px));padding:30px}.hpt-png-checkout::backdrop,.hpt-png-lightbox::backdrop{background:rgba(0,7,13,.82);backdrop-filter:blur(6px)}.hpt-png-checkout>[data-close-checkout]{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer}.hpt-png-lightbox>[data-close-lightbox]{position:absolute;z-index:5;inset-block-start:-20px;inset-inline-end:-20px;width:48px;height:48px;display:grid;place-items:center;padding:0;border:3px solid #fff;border-radius:999px;background:#e11937;color:#fff;font:900 36px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.65)}.hpt-png-lightbox>[data-close-lightbox]:hover,.hpt-png-lightbox>[data-close-lightbox]:focus-visible{background:#ff3150;transform:scale(1.06);outline:3px solid #25c1c9;outline-offset:2px}.hpt-png-checkout form{display:grid;gap:14px}.hpt-png-checkout label{display:grid;gap:7px;font-weight:700}.hpt-png-checkout input{border:1px solid #354b60;border-radius:10px;background:#101f2e;color:#fff;padding:12px;font-size:16px}.hpt-png-lightbox{overflow:visible;padding:12px;max-width:min(92vw,980px);max-height:92vh}.hpt-png-lightbox img{display:block;max-width:88vw;max-height:86vh;object-fit:contain;user-select:none;-webkit-user-drag:none}.hpt-png-return{margin:34px auto 0;max-width:780px;padding:24px;border:1px solid #36536a;border-radius:18px;text-align:center;background:#102031}.hpt-png-return.is-paid{border-color:#2fcf91}.hpt-png-download{display:inline-block;margin-top:12px}.hpt-png-empty{padding:60px 20px;text-align:center;border:1px dashed #355069;border-radius:16px;color:#aec0cf}
.hpt-png-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.hpt-png-code-row>button{min-height:46px;padding:10px 15px;white-space:nowrap}.hpt-png-code-row>button:disabled{opacity:.55;cursor:wait}.hpt-png-code-status{min-height:20px;margin:-7px 0 0;color:#ff9b9b;font-size:14px}.hpt-png-code-status.is-success{color:#71e0b0}
@media(max-width:700px){.hpt-png-store{padding-inline:12px}.hpt-png-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hpt-png-card h2{font-size:13px}.hpt-png-selection{grid-template-columns:auto 1fr;gap:8px}.hpt-png-selection>button{grid-column:1/-1}.hpt-png-selection-copy span{font-size:12px}.hpt-png-code-row{grid-template-columns:1fr}.hpt-png-lightbox>[data-close-lightbox]{inset-block-start:-14px;inset-inline-end:-8px;width:44px;height:44px;font-size:32px}}
@media print{.hpt-png-grid,.hpt-png-lightbox,.hpt-png-preview{display:none!important}}