/* 3542 amg-pw gate */
/* Гейт «Для кого шукаєш ідеальний корм?» на головній (mu-plugins/amg-pet-gate.php). ORCHESTRATION §1.1, §3.1; DESIGN-SPEC §1 «AV плам»:
   3555 (бренд-бук 03.11): жовтий постер var(--amber), текст #242424 (9,6:1), кнопки теал var(--plum) з білим, hover --plum-deep; Fixel Display 800 лише для слогана (≥ 24 px).
   Розмітка в HTML головної завжди однакова; видно лише з html.amg-pg-on (ранній скрипт #amg-pg-head), тож зсуву немає.
   Правила лише як html body .amg-pw .amg-pw-gate__* (0,2,2)+, без !important і @layer; токени з запасними значеннями. */

html body .amg-pw.amg-pw-gate{display:none}
html.amg-pg-on body .amg-pw.amg-pw-gate{display:block;position:relative;overflow:hidden;background:var(--amber,#ffba00);color:var(--plum-ink,#242424);text-align:center;margin:0;padding:0;width:100%}

html body .amg-pw .amg-pw-gate__in{display:flex;flex-direction:column;align-items:center;padding:clamp(40px,7vw,80px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));margin:0 auto;max-width:1300px}

/* Слоган: 3 рядки резерву до 1024 px, 2 рядки на ПК (Fixel Display і його запасний з тими ж метриками = та сама висота) */
html body .amg-pw .amg-pw-gate__h{font-family:var(--font-display,"Fixel Display","Fixel Display Fallback",Nunito,Arial,sans-serif);font-weight:800;font-size:clamp(46px,13.4vw,88px);line-height:1.02;letter-spacing:-.015em;color:var(--plum-ink,#242424);text-transform:none;text-wrap:balance;max-width:12ch;min-height:3.06em;margin:0;display:flex;align-items:center;justify-content:center}
@media (min-width:600px){html body .amg-pw .amg-pw-gate__h{font-size:clamp(52px,7.6vw,88px)}}
@media (min-width:1024px){html body .amg-pw .amg-pw-gate__h{max-width:16ch;font-size:clamp(52px,6.2vw,80px);min-height:2.04em}}

html body .amg-pw .amg-pw-gate__q{margin:20px 0 0;font-size:clamp(17px,1.6vw,20px);line-height:1.4;font-weight:400;color:var(--plum-ink,#242424)}
html body .amg-pw .amg-pw-gate__q b{font-weight:700;color:var(--plum-ink,#242424)}

html body .amg-pw .amg-pw-gate__btns{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px 0 0;width:100%}
@media (min-width:600px){html body .amg-pw .amg-pw-gate__btns{flex-direction:row;justify-content:center;flex-wrap:wrap}}

html body .amg-pw a.amg-pw-gate__btn{display:inline-flex;align-items:center;justify-content:center;width:min(100%,320px);height:48px;padding:0 24px;border-radius:999px;background:var(--plum,#003566);color:#fff;font-family:var(--font-sans,Nunito,Arial,sans-serif);font-size:16px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}
@media (min-width:600px){html body .amg-pw a.amg-pw-gate__btn{width:auto;min-width:272px}}
html body .amg-pw a.amg-pw-gate__btn:hover{background:var(--plum-deep,#002447);color:#fff}
html body .amg-pw a.amg-pw-gate__btn:active{background:var(--plum-deep,#002447);color:#fff}
html body .amg-pw a.amg-pw-gate__btn:focus-visible{outline:2px solid var(--plum-ink,#242424);outline-offset:3px;box-shadow:none}

/* Маскоти знизу: фіксована висота смуги, обрізані низом */
html body .amg-pw .amg-pw-gate__art{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,4vw,56px);height:clamp(150px,22vw,300px);margin:clamp(36px,8vw,120px) 0 0;overflow:hidden}
html body .amg-pw .amg-pw-gate__art img{display:block;width:clamp(160px,23vw,320px);max-width:none;height:auto;aspect-ratio:1/1;transform:translateY(12%)}