/* 3580 amg-pet-cat: одна плашка (банер-гейтвей або тумблер) і блок піднятих карток над сіткою категорії. Шкала REWORK §1, кольори DESIGN-SPEC §13. */
html body .amg-pw.amg-pw-cat{display:block;margin:8px 0 12px;color:#242424;font-size:15px;line-height:1.35}
html body .amg-pw.amg-pw-cat[hidden]{display:none}
html body .amg-pw .amg-pw-cat__bn{display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;height:60px;padding:0 16px;border-radius:12px;background:#e1ebf4}
html body .amg-pw.amg-pw-cat[data-sp="dog"] .amg-pw-cat__bn{background:#e2f4e4}
html body .amg-pw .amg-pw-cat__t{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;line-height:20px;color:#242424;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .amg-pw .amg-pw-cat__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;height:40px;margin:0;padding:0 16px;border:0;border-radius:8px;background:#003566;color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}
html body .amg-pw .amg-pw-cat__btn:empty{visibility:hidden}
html body .amg-pw .amg-pw-cat__btn:hover{background:#002447}
html body .amg-pw .amg-pw-cat__btn:focus-visible,html body .amg-pw .amg-pw-cat__sw:focus-visible{outline:2px solid #003566;outline-offset:2px}
html body .amg-pw .amg-pw-cat__tg{display:none;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;height:60px;padding:0 16px;border-radius:12px;background:#f5f5f5}
html body .amg-pw.amg-pw-cat[data-tg="1"] .amg-pw-cat__tg{display:flex}
html body .amg-pw.amg-pw-cat[data-tg="1"] .amg-pw-cat__bn{display:none}
html body .amg-pw .amg-pw-cat__tt{flex:1 1 auto;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
html body .amg-pw .amg-pw-cat__h,html body .amg-pw .amg-pw-cat__s{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .amg-pw .amg-pw-cat__h{font-size:14px;font-weight:600;line-height:20px;color:#242424}
html body .amg-pw .amg-pw-cat__s{font-size:13px;line-height:18px;color:#5c5c5c}
html body .amg-pw .amg-pw-cat__sw{flex:none;position:relative;display:block;width:44px;height:24px;min-height:0;margin:0;padding:0;border:0;border-radius:12px;background:#8a8a8a;cursor:pointer;transition:background-color .15s ease}
html body .amg-pw .amg-pw-cat__sw[aria-checked="true"]{background:#003566}
html body .amg-pw .amg-pw-cat__knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}
html body .amg-pw .amg-pw-cat__sw[aria-checked="true"] .amg-pw-cat__knob{transform:translateX(20px)}
html body .amg-pw.amg-pw-cat-head{display:block;margin:16px 0 24px}
/* 3689 (кілсвіч amg_pet_cat_row): весь рядок = button role=switch, доріжка всередині лише малюнок. Під рядком «Підходить для»: висота стала, текст після відмінювання нічого не зсуває. */
html body .amg-pw.amg-pw-cat[data-row="1"] .amg-pw-cat__tg{-webkit-appearance:none;appearance:none;width:100%;min-height:0;margin:0;border:0;box-shadow:none;font:inherit;text-align:left;text-transform:none;letter-spacing:normal;color:#242424;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}
@media (hover:hover){html body .amg-pw.amg-pw-cat[data-row="1"] .amg-pw-cat__tg:hover{background:#ebebeb}}
html body .amg-pw.amg-pw-cat[data-row="1"] .amg-pw-cat__tg:focus-visible{outline:2px solid #003566;outline-offset:2px}
html body .amg-pw.amg-pw-cat[data-row="1"] .amg-pw-cat__sw{pointer-events:none}
html body .amg-pw .amg-pw-cat__fit{display:none}
html body .amg-pw.amg-pw-cat[data-fit="1"][data-tg="1"] .amg-pw-cat__fit{display:flex;align-items:center;gap:4px 12px;box-sizing:border-box;height:24px;margin:8px 0 0;padding:0 4px;overflow:hidden;font-size:14px;line-height:20px;color:#242424}
html body .amg-pw .amg-pw-cat__fh{flex:none;font-weight:600;white-space:nowrap}
html body .amg-pw .amg-pw-cat__fl{display:flex;flex-wrap:wrap;gap:0 12px;min-width:0;height:20px;margin:0;padding:0;overflow:hidden;list-style:none}
html body .amg-pw .amg-pw-cat__fl li{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none;white-space:nowrap}
html body .amg-pw .amg-pw-cat__fl li::before{content:none}
html body .amg-pw .amg-pw-cat__fl svg{flex:none;width:16px;height:16px;color:#003566}
html.amg-pw-cat-wait .snize-navigation-wrapper,html.amg-pw-cat-wait #amgFiboGridWrap,html.amg-pw-cat-wait body #amgFiboGridWrap #amgFiboOurGrid>amgv-cards{visibility:hidden}
@media (max-width:767px){
/* 3580f3. Плашка: поле 4, текст 16 на рядок, кнопка 44 притиснута до низу: один рядок 64, два 80. Висоту наперед дає прихований ::before кореня: рядок із data-est (ранній inline), тому плашка не росте, коли текст приходить пізно. */
html body .amg-pw.amg-pw-cat{display:grid;grid-template-columns:minmax(0,1fr)}
html body .amg-pw.amg-pw-cat::before{content:attr(data-est);grid-area:1/1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;box-sizing:border-box;padding:4px 12px 44px;font-size:13px;font-weight:600;line-height:16px;visibility:hidden;pointer-events:none}
html body .amg-pw .amg-pw-cat__bn{grid-area:1/1;position:relative;isolation:isolate;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;height:auto;min-height:64px;padding:4px 12px 0}
html body .amg-pw .amg-pw-cat__t{flex:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100%;font-size:13px;line-height:16px;white-space:normal;-webkit-tap-highlight-color:transparent}
/* Зона дотику = рамка кнопки, не більше: прозора рамка 4 px дає 44 із заливкою 36, без виносу на текст. */
html body .amg-pw .amg-pw-cat__btn{position:relative;height:44px;margin:auto 0 0 -4px;padding:0 12px;border:4px solid transparent;border-radius:12px;background-clip:padding-box;-webkit-tap-highlight-color:transparent}
/* Заокруглення рамки зрізає кути прямокутника для дотику; ::after точно по рамці повертає їх, за межі рамки не виходить. */
html body .amg-pw .amg-pw-cat__btn::after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}
html body .amg-pw .amg-pw-cat__btn:focus-visible{outline-offset:-2px}
/* Chrome на телефоні притягує дотик до найближчої кнопки в радіусі 10–16 px. Під текстом і кнопкою лежить підкладка плашки: вона належить тексту зі слухачем click у cat.js, тому Chrome бачить ціль просто під пальцем і лишає точку дотику на місці. Виміряно у 3580f3: без підкладки дотик поруч із кнопкою записував потребу. */
html body .amg-pw .amg-pw-cat__t::after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:-12px;left:0;-webkit-tap-highlight-color:transparent}
html body .amg-pw .amg-pw-cat__sw::after{content:"";position:absolute;top:-10px;right:-6px;bottom:-10px;left:-6px}
html body .amg-pw .amg-pw-cat__tg{grid-area:1/1;align-self:start;height:64px;padding:0 12px}
html body .amg-pw .amg-pw-cat__h{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:18px;white-space:normal}
html body .amg-pw .amg-pw-cat__s{font-size:13px;line-height:18px}
html body .amg-pw.amg-pw-cat-head{margin-top:0;margin-bottom:16px}
html body .amg-pw.amg-pw-cat[data-fit="1"][data-tg="1"] .amg-pw-cat__fit{grid-area:2/1;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;height:44px;margin:6px 0 0;padding:0 2px;font-size:13px;line-height:18px}
html body .amg-pw .amg-pw-cat__fl{gap:0 10px;height:18px;max-width:100%}
}
@media (prefers-reduced-motion:reduce){html body .amg-pw .amg-pw-cat__btn,html body .amg-pw .amg-pw-cat__sw,html body .amg-pw .amg-pw-cat__knob{transition:none}}