*{box-sizing:border-box}html{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;width:100%;height:100vh;height:100svh;margin:0;padding:10px;overflow:hidden;overscroll-behavior:none;display:flex;align-items:center;justify-content:center;background:#f3ebe8;color:#432b25;font-family:Arial,Helvetica,sans-serif}.poster{position:relative;flex:none;width:min(calc(100vw - 20px),calc((100vh - 20px)*2/3),780px);width:min(calc(100vw - 20px),calc((100svh - 20px)*2/3),780px);aspect-ratio:2/3;margin:0;box-shadow:0 12px 50px #5d32351a;isolation:isolate;border-radius:16px;overflow:hidden}.poster-art{display:block;width:100%;height:100%;object-fit:contain}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hit{position:absolute;display:block;padding:0;margin:0;border:0;background:transparent;color:transparent;cursor:pointer;border-radius:16px;-webkit-tap-highlight-color:#eb7ba722}.hit:hover{background:#fff2}.hit:focus-visible{outline:3px solid #7b3856;outline-offset:-3px;background:#fff3}.logo{left:39%;top:2.5%;width:56%;height:24%}.category{top:42%;height:12.5%;width:16%}.cat-1{left:6%}.cat-2{left:25%}.cat-3{left:43%}.cat-4{left:60%}.gift-button{left:3%;top:54.3%;width:66%;height:12.5%;border-radius:60px}.phone-card{left:69.5%;top:56.4%;width:29%;height:22%}.viber{left:8.5%;top:78%;width:14%;height:9.5%}.telegram{left:26%;top:78%;width:14%;height:9.5%}.whatsapp{left:43.5%;top:78%;width:14%;height:9.5%}.tiktok{left:6%;top:88%;width:53%;height:4.4%}dialog{position:fixed;inset:0;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100svh - 32px);margin:auto;padding:28px 23px 20px;border:1px solid #e7c4d0;border-radius:22px;background:#fffaf5;color:#4a342b;box-shadow:0 20px 70px #39262366;text-align:center;overflow:auto}dialog::backdrop{background:#3c293077;backdrop-filter:blur(4px)}dialog .close{position:absolute;right:8px;top:7px;border:0;background:none;width:38px;height:38px;color:#866470;font-size:28px;cursor:pointer}.dialog-gift{display:grid;place-items:center;width:55px;height:55px;background:#f9cfdf;color:#d75d8d;border-radius:50%;margin:auto;font-size:37px}dialog h2{font-size:20px;line-height:1.3;margin:16px 0 8px}.donation-note{font-size:11px;color:#977c7e}.card-number{font-size:21px;letter-spacing:1px;user-select:all;margin:24px 0 15px}.recipient{font-size:13px;line-height:1.6}.copy{border:0;border-radius:12px;width:100%;min-height:46px;padding:12px;background:#d96894;color:white;font-size:13px;margin-top:10px;cursor:pointer}.copy-status{font-size:12px;min-height:15px;color:#9c3e63;margin-bottom:0}dialog button:focus-visible{outline:3px solid #673347;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.hit{transition:background .15s ease}}
/* Client voice brief: ordering first; donation is a separate view. */
[hidden]{display:none!important}
dialog{padding:34px 23px 22px;width:min(390px,calc(100vw - 28px));max-height:calc(100svh - 28px)}
dialog h2{font-size:21px;line-height:1.3;margin:15px 0 12px;outline:none}
.order-intro{font-size:14px;line-height:1.6;margin:0 0 18px;color:#7c6463}
.messengers{display:grid;gap:10px}
.messengers a{display:flex;align-items:center;justify-content:center;min-height:47px;border-radius:12px;font-size:15px;text-decoration:none;font-weight:600;color:white}
.order-viber{background:#8155c9}.order-telegram{background:#1a9cc7}.order-whatsapp{background:#218d4e}
.view-products{display:block;margin-top:12px;padding:14px 5px;font-size:13px;color:#72525b;text-decoration:underline;text-underline-offset:3px}
.show-support{width:100%;min-height:45px;border:1px solid #edbecf;border-radius:12px;padding:12px 8px;background:#fbe1ea;color:#9a3e62;font-size:14px;cursor:pointer;margin-top:11px}
.back{display:block;border:0;background:none;color:#9a4a6d;padding:5px 0 10px;font-size:12px;cursor:pointer}
#support-view .card-number{margin:22px 0 15px}
#support-view .recipient{margin-bottom:14px}
.messengers a:focus-visible,.view-products:focus-visible{outline:3px solid #633447;outline-offset:3px}
@media(max-height:500px){dialog{padding:22px 20px 16px}dialog h2{font-size:18px;margin:13px 0 10px}.order-intro{font-size:12px;line-height:1.45;margin-bottom:13px}.messengers{grid-template-columns:repeat(3,1fr);gap:8px}.messengers a{min-height:44px;font-size:12px}.view-products{margin-top:7px;padding:12px 5px}.show-support{margin-top:7px;min-height:44px;padding:11px 5px}#support-view .card-number{margin:14px 0 10px}.donation-note{margin:8px 0}.recipient{margin:8px 0}.copy-status{margin:8px 0 0}}