/* amg-subscriptions: сторінка посилки v2 (/s/<токен>/, гейт amg_subs_parcel_v2).
 * Інлайниться в сторінку (inc/cycle-page.php, amg_subs_parcel_render): Bunny
 * ігнорує query string, тож окремий файл із ?v= кеш не обійшов би.
 * Токени: --ink #190a03, --state #1c49c2 (обране/фокус), --state-wash #f0f6fc,
 * --amber #ffba00 ЛИШЕ головна дія, --panel #f5f5f5 плашки. Nunito сайту.
 * Мобільний 390 перший; десктоп ≥ 1025 — картка 560 по центру. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
.amgp{
	--ink:#190a03;--ink-soft:#333333;--muted:#5b6270;--gray:#6b7280;
	--state:#1c49c2;--state-deep:#143795;--state-wash:#f0f6fc;--state-ring:#d9e6f4;
	--amber:#ffba00;--amber-hover:#ffc832;--amber-deep:#d99c00;
	--panel:#f5f5f5;--panel-line:#ebebeb;--line:#e5e5e5;--line-strong:#d4d4d4;
	--ok:#2e7d32;--warn-ico:#e8762d;--err:#cf1124;
	--amgs-state:var(--state);--amgs-state-wash:var(--state-wash);--amgs-state-deep:var(--state-deep);--amgs-ink:var(--ink);
	color:var(--ink);
}
body.amgp{
	margin:0;padding:0;font-family:Nunito,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	font-size:16px;line-height:1.5;background:var(--panel);
	-webkit-font-smoothing:antialiased;
}
.amgp img{max-width:100%;height:auto;display:block}
.amgp button{font:inherit;color:inherit}
.amgp [hidden]{display:none !important}
.amgp-wrap{max-width:560px;margin:0 auto;padding:0 0 40px}
.amgp-hd{display:flex;align-items:baseline;gap:8px;padding:16px}
.amgp-hd a{color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.02em;font-size:18px;display:inline-flex;align-items:center;min-height:44px;margin:-10px 0}
.amgp-hd span{font-size:14px;color:var(--muted)}
.amgp-main{margin:0 12px}
.amgp-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 16px}
@media (min-width:560px){.amgp-card{padding:24px}.amgp-main{margin:0}}
.amgp-main.is-busy .amgp-card{opacity:.7;pointer-events:none;transition:opacity .15s}

.amgp-toast{display:flex;align-items:flex-start;gap:10px;background:var(--state-wash);border:1px solid var(--state-ring);border-radius:12px;padding:10px 12px;margin:0 0 14px;font-size:14px;color:var(--state-deep)}
.amgp-toast.is-warn{border-color:var(--panel-line);background:var(--panel);color:var(--ink)}
.amgp-toast svg{width:16px;height:16px;flex:0 0 auto;margin-top:3px;color:var(--state)}
.amgp-toast.is-warn svg{color:var(--warn-ico)}
.amgp-note-top{margin:0 0 10px;font-size:13px;color:var(--muted)}

.amgp-eb{margin:0 0 4px;font-size:13px;color:var(--gray)}
.amgp-h{margin:0 0 4px;font-size:24px;line-height:1.2;letter-spacing:-.03em;font-weight:800}
.amgp-h.is-sheet{font-size:20px;margin-top:4px}
.amgp-nb{white-space:nowrap}
.amgp-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;background:var(--state-wash);color:var(--state-deep);font-size:14px;font-weight:700;margin:8px 0 0}
.amgp-badge svg{width:16px;height:16px}
.amgp-badge.is-ok{background:#eef7ef;color:var(--ok)}
.amgp-badge.is-warn{background:var(--panel);color:#8a4a17}
.amgp-badge.is-done{background:var(--panel);color:#555}

.amgp-okbox{display:grid;grid-template-columns:20px 1fr;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--state-ring);background:var(--state-wash);border-radius:12px;font-size:14px;line-height:1.4;color:var(--state-deep)}
.amgp-okbox svg{width:16px;height:16px;color:var(--state);margin-top:2px}
.amgp-okbox.is-gray{background:var(--panel);border-color:var(--panel-line);color:var(--ink)}
.amgp-okbox.is-gray svg{color:var(--gray)}
.amgp-okbox a{color:var(--state-deep);font-weight:700}
.amgp-inline-btn{background:none;border:0;padding:0;color:var(--state-deep);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:24px}
.amgp-warnbox{display:grid;grid-template-columns:20px 1fr;gap:8px;margin:14px 0 0;padding:10px 12px;border:1px solid var(--panel-line);background:var(--panel);border-radius:12px;font-size:14px;line-height:1.4}
.amgp-warnbox svg{width:16px;height:16px;color:var(--warn-ico);margin-top:2px}

/* склад */
.amgp-items{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line)}
.amgp-it{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.amgp-it img,.amgp-noimg{width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--panel);display:block}
.amgp-it.is-svc{grid-template-columns:52px 1fr auto;padding:8px 0;color:#555;font-size:14px}
.amgp-nm{font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.amgp-sub{font-size:13px;color:var(--muted);margin-top:2px}
.amgp-sub.is-oos{color:var(--err);font-weight:700}
.amgp-it.is-oos img{opacity:.45}
.amgp-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.amgp-price{font-weight:800;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.amgp-price.is-mute{color:#9aa0a6;font-weight:400}
.amgp-qty{font-size:14px;color:var(--gray)}
.amgp-stp{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:99px;height:36px;overflow:hidden;background:#fff}
.amgp-stp .amgp-f{margin:0;display:contents}
.amgp-stp-b{width:44px;height:36px;border:0;background:#fff;display:inline-grid;place-items:center;cursor:pointer;color:var(--ink);padding:0}
.amgp-stp-b svg{width:16px;height:16px}
.amgp-stp-b:hover{background:var(--state-wash);color:var(--state-deep)}
.amgp-stp-b[disabled]{color:#b9bec7;cursor:default;background:#fff}
.amgp-stp-n{min-width:26px;text-align:center;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}

.amgp-f{margin:0}
.amgp-add{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--state-deep);font-weight:800;font-size:15px;text-decoration:none;min-height:56px}
.amgp-add i{width:32px;height:32px;border-radius:50%;background:var(--state-wash);display:inline-grid;place-items:center;color:var(--state);flex:0 0 auto}
.amgp-add i svg{width:18px;height:18px}
.amgp-add small{display:block;font-weight:600;color:var(--muted);font-size:13px}
.amgp-add:hover i{background:var(--state);color:#fff}
.amgp-sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0 0;margin:0}
.amgp-sum span{font-size:16px}
.amgp-sum b{font-size:22px;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.amgp-sum.is-compact{border-top:1px solid var(--line);margin-top:12px}
.amgp-nt{margin:2px 0 0;font-size:14px;color:var(--muted)}
.amgp-fact{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:start;margin:12px 0 0;font-size:15px;color:var(--ink-soft)}
.amgp-fact svg{width:16px;height:16px;margin-top:3px;color:var(--gray)}
.amgp-fact a{color:var(--state-deep);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding:6px 8px;margin:-6px -8px;min-height:44px;display:inline-flex;align-items:center}
.amgp-sect{margin:18px 0 0;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}

/* дата */
.amgp-date{margin:10px 0 0;padding:12px;border:1px solid var(--state-ring);border-radius:12px;background:#fff}
.amgp-pills{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.amgp-pills .amgp-f{display:contents}
.amgp-pill{border:1px solid var(--line-strong);border-radius:99px;padding:9px 12px;font-size:14px;font-weight:700;background:#fff;cursor:pointer;min-height:44px}
.amgp-pill:hover{border-color:var(--state-ring);background:var(--state-wash)}
.amgp-pill.is-on{border-color:var(--state);background:var(--state-wash);color:var(--state-deep);box-shadow:inset 0 0 0 1px var(--state)}
.amgp-dateform{margin-top:8px}
.amgp-nativedate{display:block;margin:8px 0;min-height:44px;padding:8px;border:1px solid var(--line-strong);border-radius:8px;font:inherit}
.amgsubs-cal{margin-top:8px}

/* оплата */
.amgp-pay{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:8px 0 0}
.amgp-pay .amgp-f{display:contents}
.amgp-tile{display:block;width:100%;height:100%;text-align:left;border:1px solid var(--line-strong);border-radius:12px;padding:8px 6px 7px;font-size:12px;line-height:1.25;background:#fff;min-height:64px;cursor:pointer;color:var(--muted)}
.amgp-tile b{display:block;font-size:13px;line-height:1.2;margin-bottom:3px;color:var(--ink);letter-spacing:-.01em}
@media (min-width:560px){.amgp-tile{padding:10px 10px 8px;font-size:13px}.amgp-tile b{font-size:14px}}
.amgp-tile:hover{border-color:var(--state-ring)}
.amgp-tile.is-on{border-color:var(--state);background:var(--state-wash);box-shadow:inset 0 0 0 1px var(--state);color:var(--state-deep)}
.amgp-tile.is-on b{color:var(--state-deep)}
.amgp-tile.is-off,.amgp-tile[disabled]{color:#7b8087;background:var(--panel);border-color:var(--panel-line);cursor:not-allowed}
.amgp-tile.is-off b,.amgp-tile[disabled] b{color:#7b8087}
@media (max-width:359px){.amgp-pay{grid-template-columns:1fr}}
.amgp-tgl{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 0;font-size:15px}
.amgp-switch{width:60px;height:44px;border-radius:99px;background:var(--line-strong);background-clip:padding-box;border:8px solid transparent;position:relative;flex:0 0 auto;cursor:pointer;padding:0}
.amgp-switch i{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
.amgp-switch.is-on{background:var(--state)}
.amgp-switch.is-on i{left:20px}
@media (prefers-reduced-motion:reduce){.amgp-switch i{transition:none}}

/* OOS-вибір */
.amgp-oos-choice{padding:4px 0 12px;border-bottom:1px solid var(--line)}
.amgp-radio{list-style:none;margin:0;padding:0}
.amgp-radio li{border-bottom:1px solid var(--panel-line)}
.amgp-radio li:last-child{border-bottom:0}
.amgp-radio label{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:10px 0;font-size:15px;cursor:pointer;min-height:44px}
.amgp-radio input{position:absolute;opacity:0;width:1px;height:1px}
.amgp-radio i{width:20px;height:20px;border-radius:50%;border:2px solid #b9bec7;display:inline-block;margin-top:2px}
.amgp-radio input:checked + i{border-color:var(--state);background:radial-gradient(var(--state) 45%,#fff 50%)}
.amgp-radio input:focus-visible + i{outline:2px solid var(--ink);outline-offset:2px}
.amgp-radio small{display:block;font-size:13px;color:var(--muted);line-height:1.35}
/* 20.09: «товару немає» — товар і вибір, що з ним робити, одна картка; заміна зі списку. */
.amgp-oos-card{margin:10px 0;padding:12px 12px 2px;background:var(--panel);border-radius:14px}
.amgp-oos-card.is-static{padding-bottom:12px}
.amgp-oos-head{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}
.amgp-oos-card.is-static .amgp-oos-head{padding-bottom:0;border-bottom:0}
.amgp-oos-head img,.amgp-oos-head .amgp-noimg{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#fff;display:block;opacity:.55}
.amgp-oos-head .amgp-nm{text-wrap:balance}
.amgp-oos-noalt{padding:10px 0;font-size:14px;color:var(--muted);line-height:1.4}
.amgp-oos-noalt a{color:var(--state-deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.amgp-oos{margin:0;padding:0}
.amgp-oos .amgp-radio li{border-color:var(--line)}
.amgp-oos .amgp-radio label{padding:8px 0;min-height:40px}
.amgp-oos-sel{display:block;width:calc(100% - 34px);margin:0 0 10px 34px;min-height:40px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:8px 10px;font:inherit;font-size:14px;color:var(--ink)}
.amgp-oos-sel:focus-visible{outline:2px solid var(--state);outline-offset:1px}
.amgp-oos li:not(:has(input[value="replace"]:checked)) .amgp-oos-sel{display:none}

/* чек-лист після підтвердження */
.amgp-next{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.amgp-next li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14.5px;line-height:1.4}
.amgp-next li i{width:22px;height:22px;border-radius:50%;border:2px solid var(--state-ring);display:inline-block;position:relative}
.amgp-next li i.is-done{background:var(--state);border-color:var(--state)}
.amgp-next li i.is-done::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.amgp-editor.is-folded{display:none}

/* дії */
.amgp-actions{margin:18px 0 0}
.amgp-btn{display:block;width:100%;min-height:52px;border:0;border-radius:99px;background:var(--amber);color:var(--ink);font-weight:800;font-size:17px;padding:14px 18px;text-align:center;cursor:pointer}
.amgp-btn:hover{background:var(--amber-hover)}
.amgp-btn:active{background:var(--amber-deep)}
.amgp-btn.is-sec{background:#fff;border:1px solid var(--line-strong);font-weight:700}
.amgp-btn.is-sec:hover{background:var(--panel)}
.amgp-btn.is-dis,.amgp-btn[disabled]{background:var(--panel);color:#7b8087;cursor:not-allowed}
.amgp-row2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.amgp-row2 .amgp-f{display:contents}
.amgp-link{display:block;width:100%;min-height:44px;border:0;background:transparent;color:#555;font-weight:600;font-size:15px;padding:8px 12px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b9bec7;text-align:center;cursor:pointer}
.amgp-link:hover{color:var(--ink);text-decoration-color:var(--ink)}
.amgp-link.is-left{text-align:left;padding-left:0}
.amgp-small{margin:12px 0 0;font-size:13.5px;color:var(--muted);line-height:1.4}
.amgp-small.is-center{text-align:center}
.amgp-ft{margin:16px;font-size:15px;text-align:center}
.amgp-ft a{color:var(--state-deep);display:inline-block;min-height:44px;padding:12px 16px}
@media (max-width:559px){
	.amgp-actions{position:sticky;bottom:0;z-index:2;margin:18px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line)}
	.amgp-actions::after{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;pointer-events:none;background:linear-gradient(to top,rgba(255,255,255,.92),rgba(255,255,255,0))}
}

/* шторки */
.amgp-sheet-bg{position:fixed;inset:0;background:rgba(25,10,3,.45);z-index:20}
.amgp-sheet{position:fixed;left:0;right:0;bottom:0;z-index:21;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px rgba(25,10,3,.15);max-height:88vh;overflow:auto;-webkit-overflow-scrolling:touch}
.amgp-sheet-in{padding:10px 16px 18px;position:relative}
.amgp-sheet-in::before{content:"";display:block;width:40px;height:4px;border-radius:99px;background:var(--line-strong);margin:0 auto 12px}
.amgp-sheet-x{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--gray)}
.amgp-sheet-x svg{width:20px;height:20px}
.amgp-sheet:target{display:block !important}
@media (min-width:1025px){
	.amgp-sheet{left:50%;right:auto;bottom:auto;top:8vh;width:560px;transform:translateX(-50%);border-radius:20px;max-height:84vh}
	.amgp-sheet-in::before{display:none}
}
.amgp-search{display:flex;align-items:center;gap:10px;height:48px;border:1px solid var(--line-strong);border-radius:99px;padding:0 14px;margin:10px 0;color:var(--gray)}
.amgp-search:focus-within{border-color:var(--state);box-shadow:0 0 0 1px var(--state)}
.amgp-search svg{width:18px;height:18px;flex:0 0 auto}
.amgp-search input{flex:1 1 auto;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);outline:none;height:44px}
.amgp-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.amgp-nojs{display:none}
.amgp-res{list-style:none;margin:6px 0 0;padding:0}
.amgp-res li{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--panel-line)}
.amgp-res img,.amgp-res .amgp-noimg{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--panel)}
.amgp-res-nm{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.amgp-res-pr{font-size:13px;color:var(--muted)}
.amgp-res-pr s{color:#9aa0a6;margin-right:4px}
.amgp-mini{min-height:40px;border:1px solid var(--state);border-radius:99px;background:#fff;color:var(--state-deep);font-weight:800;font-size:14px;padding:6px 14px;cursor:pointer;white-space:nowrap}
.amgp-mini:hover{background:var(--state-wash)}
.amgp-mini.is-on,.amgp-mini[disabled]{background:var(--state);color:#fff;border-color:var(--state);cursor:default}
.amgp-mini[disabled]:not(.is-on){background:var(--panel);color:#7b8087;border-color:var(--panel-line)}
.amgp-empty{margin:10px 0;font-size:14px;color:var(--muted)}
.amgp-sheet-done{margin-top:14px}
.amgp-addr{display:block;border:1px solid var(--line-strong);border-radius:12px;padding:10px 12px;margin:8px 0 0;font-size:14px;cursor:pointer;position:relative}
.amgp-addr b{display:block;font-size:15px}
.amgp-addr span{color:var(--muted);font-size:13px}
.amgp-addr input{position:absolute;opacity:0;width:1px;height:1px}
.amgp-addr.is-on,.amgp-addr:has(input:checked){border-color:var(--state);background:var(--state-wash);box-shadow:inset 0 0 0 1px var(--state)}
.amgp-addr:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.amgp-addr + .amgp-nt{margin-top:10px}
.amgp-addr ~ .amgp-btn{margin-top:12px}
body.amgp-noscroll{overflow:hidden}

/* фокус видимий скрізь, зокрема на жовтій кнопці (не amber-on-amber) */
.amgp button:focus-visible,.amgp a:focus-visible,.amgp input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* ── кабінет v2 (/my_acc/pidpyska/) ── */
.amgp-cab{max-width:640px;font-size:15px;line-height:1.5}
.amgp-cab .amgp-main{margin:0}
.amgp-bread{font-size:13px;color:var(--gray);margin:0 0 12px}
.amgp-bread a{color:inherit;text-decoration:none;display:inline-block;padding:12px 4px;margin:-12px -4px}
.amgp-bread a:hover{color:var(--ink);text-decoration:underline}
.amgp-title{font-size:22px;margin:0 0 14px;letter-spacing:-.03em;font-weight:800}
.amgp-back{margin:0 0 10px;font-size:14px}
.amgp-back a{color:var(--state-deep);font-weight:700;text-decoration:none;display:inline-block;padding:10px 0}
.amgp-cabcard{margin:0 0 16px;overflow:visible}
.amgp-name-row{display:flex;align-items:flex-start;gap:10px;position:relative}
.amgp-name-row > div:first-child{flex:1 1 auto;min-width:0}
.amgp-h.is-card{font-size:20px;margin:0 0 4px}
.amgp-dots{flex:0 0 auto;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;display:inline-grid;place-items:center;gap:3px;cursor:pointer;padding:0;margin:-6px -6px 0 0}
.amgp-dots svg{width:20px;height:20px;color:var(--ink)}
.amgp-dots:hover,.amgp-dots[aria-expanded="true"]{background:var(--state-wash);border-color:var(--state-ring)}
.amgp-menu{position:absolute;right:0;top:44px;z-index:5;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(25,10,3,.12);padding:6px;min-width:220px}
.amgp-menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:11px 12px;min-height:44px;border-radius:8px;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer}
.amgp-menu button:hover{background:var(--state-wash);color:var(--state-deep)}
.amgp-menu button.is-crit{color:var(--err)}
.amgp-items.is-compact .amgp-it{padding:10px 0}
.amgp-items.is-compact .amgp-nm{font-size:14px}
.amgp-fact-btn{background:none;border:0;padding:6px 8px;margin:-6px -8px;min-height:44px;color:var(--state-deep);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.amgp-actions.is-cab{position:static;margin:18px 0 0;padding:0;border:0}
.amgp-actions.is-cab::after{display:none}
.amgp-actions .amgp-btn{text-decoration:none}
.amgp-actions .amgp-link{text-decoration:underline}
.amgp-link.is-mode{margin-top:6px;color:var(--state-deep)}
.amgp-hist{margin:10px 0 0;border-top:1px solid var(--line);padding-top:6px}
.amgp-hist-r{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--panel-line);font-size:14px}
.amgp-hist-r b{font-variant-numeric:tabular-nums}
.amgp-hist-r span{color:var(--muted)}
.amgp-hist-r a{color:var(--state-deep);font-weight:700;min-height:44px;display:inline-flex;align-items:center;padding:0 6px;margin:-10px -6px}
.amgp-field{display:block;margin:10px 0 12px}
.amgp-field span{display:block;font-size:13px;color:var(--gray);margin-bottom:4px}
.amgp-field input{width:100%;min-height:48px;border:1px solid var(--line-strong);border-radius:12px;padding:10px 14px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.amgp-field input:focus{border-color:var(--state);box-shadow:0 0 0 1px var(--state);outline:none}
.amgp-pillradio label{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.amgp-pillradio label small{font-weight:600;font-size:12px;color:var(--muted)}
.amgp-pillradio input{position:absolute;opacity:0;width:1px;height:1px}
.amgp-pillradio label:has(input:checked){border-color:var(--state);background:var(--state-wash);color:var(--state-deep);box-shadow:inset 0 0 0 1px var(--state)}
.amgp-pillradio label:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.amgp-btn.is-crit{background:#fde8ea;color:var(--err)}
.amgp-btn.is-crit:hover{background:#f9d5d9}
.amgp-sheet .amgp-f + .amgp-link{margin-top:6px}
/* Тема XTS роздає button/.button/[type=submit] свій вигляд пізніше за цей файл — подвоюємо вагу в кабінеті. */
.amgp.amgp-cab .amgp-btn,.amgp.amgp-cab a.amgp-btn{display:block;width:100%;min-height:52px;border:0;border-radius:99px;background:var(--amber);color:var(--ink);font-weight:800;font-size:17px;padding:14px 18px;text-align:center;line-height:1.3;text-transform:none;letter-spacing:0;box-shadow:none}
.amgp.amgp-cab .amgp-btn.is-sec,.amgp.amgp-cab a.amgp-btn.is-sec{background:#fff;border:1px solid var(--line-strong);font-weight:700}
.amgp.amgp-cab .amgp-btn.is-crit{background:#fde8ea;color:var(--err)}
.amgp.amgp-cab .amgp-link{display:block;width:100%;min-height:44px;border:0;background:transparent;color:#555;font-weight:600;font-size:15px;padding:8px 12px;text-decoration:underline;text-underline-offset:3px;text-align:center;text-transform:none;letter-spacing:0;box-shadow:none;line-height:1.4}
.amgp.amgp-cab .amgp-link.is-crit{color:var(--err);text-decoration-color:currentColor}
.amgp.amgp-cab .amgp-row2--stop{margin-top:4px;padding-top:8px;border-top:1px solid #ebebeb}
.amgp.amgp-cab .amgp-tile,.amgp.amgp-cab .amgp-pill,.amgp.amgp-cab .amgp-mini,.amgp.amgp-cab .amgp-stp-b,.amgp.amgp-cab .amgp-switch,.amgp.amgp-cab .amgp-dots,.amgp.amgp-cab .amgp-menu button,.amgp.amgp-cab .amgp-sheet-x,.amgp.amgp-cab .amgp-fact-btn,.amgp.amgp-cab .amgp-inline-btn{text-transform:none;letter-spacing:0;box-shadow:none;width:auto}
.amgp.amgp-cab .amgp-pill{min-height:44px;padding:9px 12px;font-size:14px;border-radius:99px}
.amgp.amgp-cab .amgp-mini{min-height:40px;padding:6px 14px;border-radius:99px}
.amgp.amgp-cab .amgp-tile{width:100%;min-height:64px;border-radius:12px}
.amgp.amgp-cab .amgp-stp-b{width:44px;height:36px;border-radius:0}
.amgp.amgp-cab .amgp-switch{width:60px;height:44px}
.amgp.amgp-cab .amgp-dots{width:44px;height:44px}
.amgp.amgp-cab .amgp-menu button{width:100%}
.amgp.amgp-cab .amgp-sheet-x{width:44px;height:44px}
.amgp.amgp-cab .amgp-sheet{font-size:15px}
.amgp.amgp-cab .amgp-h{font-weight:800}
.amgp.amgp-cab ul{list-style:none;margin:0;padding:0}
.amgp.amgp-cab .amgp-items{margin:14px 0 0}
.amgp.amgp-cab .amgp-sheet-x{position:absolute;top:8px;right:8px;left:auto;bottom:auto;margin:0;padding:0;background:transparent;border:0;border-radius:50%;color:var(--gray)}
.amgp.amgp-cab .amgp-sheet-in{position:relative}
.amgp-sheet-bg{z-index:100000}
.amgp-sheet{z-index:100001}
.amgp.amgp-cab .amgp-fact-btn{border:0;background:none;box-shadow:none;padding:6px 8px;margin:-6px -8px;min-height:44px;width:auto;text-decoration:underline}
.amgp.amgp-cab .amgp-dots{padding:0;background:#fff;border:1px solid var(--line);margin:-6px -6px 0 0;box-shadow:none}
@media (min-width:1025px){
	.amgp-cab{max-width:760px}
	.amgp-cabcard{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:28px;align-items:start}
	.amgp-cabcard > .amgp-name-row,.amgp-cabcard > .amgp-badge,.amgp-cabcard > .amgp-hist,.amgp-cabcard > .amgp-sheet{grid-column:1/-1}
	.amgp-cabcard > .amgp-badge{justify-self:start}
	.amgp-cab-main{grid-column:1}
	.amgp-cab-side{grid-column:2;padding:14px 0 0;border-top:1px solid var(--line);margin-top:14px}
	.amgp-cab-side .amgp-sum{padding-top:0}
	.amgp-cab-side .amgp-actions{margin-top:14px}
}

/* 08.09 (Fable, скарга власника на ?parcel=447 у кабінеті): у темі кнопки = inline-flex + nowrap,
   тому плитки оплати розкладались у дві колонки, а третя плитка вилазила за екран; перемикач бонусів
   малювався порожнім квадратом. Кабінетний контекст перекриваємо явно. На /s/ (без теми) не впливає. */
.amgp.amgp-cab .amgp-pay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.amgp.amgp-cab .amgp-pay .amgp-f{display:block;min-width:0;margin:0;padding:0}
.amgp.amgp-cab .amgp-pay button.amgp-tile{display:flex !important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;width:100%;height:auto;min-height:64px;padding:8px 6px 7px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font-size:12px;font-weight:400;line-height:1.25;letter-spacing:0;text-align:left;text-transform:none;white-space:normal;box-shadow:none;margin:0}
.amgp.amgp-cab .amgp-pay button.amgp-tile b{display:block;font-size:13px;line-height:1.2;margin:0}
.amgp.amgp-cab .amgp-pay button.amgp-tile.is-on{border-color:var(--state);background:var(--state-wash);box-shadow:inset 0 0 0 1px var(--state);color:var(--state-deep)}
.amgp.amgp-cab .amgp-pay button.amgp-tile.is-off,.amgp.amgp-cab .amgp-pay button.amgp-tile[disabled]{color:#7b8087;background:var(--panel);border-color:var(--panel-line);box-shadow:none}
@media (min-width:560px){.amgp.amgp-cab .amgp-pay button.amgp-tile{padding:10px 10px 8px;font-size:13px}.amgp.amgp-cab .amgp-pay button.amgp-tile b{font-size:14px}}
.amgp.amgp-cab .amgp-tgl{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0}
.amgp.amgp-cab button.amgp-switch{display:block !important;width:60px;height:44px;min-height:0;padding:0;margin:0;border:8px solid transparent;border-radius:99px;background:var(--line-strong);background-clip:padding-box;box-shadow:none;position:relative;flex:0 0 auto}
.amgp.amgp-cab button.amgp-switch i{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff}
.amgp.amgp-cab button.amgp-switch.is-on{background:var(--state)}
.amgp.amgp-cab button.amgp-switch.is-on i{left:20px}
