.icon-dogs{display:block;box-sizing:border-box;margin:0 auto;width:100%;padding:30px 0 22px;background:var(--dogs-background);color:var(--dogs-color);border-radius:16px;overflow:hidden}
.icon-dogs *{box-sizing:border-box}
.icon-dogs__header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 36px 32px 60px}
.icon-dogs__heading{margin:0;color:inherit;font-size:clamp(28px,2.6vw,48px);font-weight:700;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.icon-dogs__link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:56px;padding:10px 40px;border:1px solid currentColor;border-radius:100px;color:inherit;font-size:20px;line-height:1.2;text-decoration:none;text-align:center}
.icon-dogs__track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 60px;scroll-padding-inline:60px}
.icon-dogs__track::-webkit-scrollbar{display:none}
.icon-dogs__slide{flex:0 0 calc((100% - 78px)/3.85);min-width:0;scroll-snap-align:start}
.icon-dogs__media{display:block;aspect-ratio:420/540;border-radius:10px;overflow:hidden;color:inherit;background:rgba(0,0,0,.04)}
.icon-dogs__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.icon-dogs__placeholder{fill:currentColor;opacity:.3}
.icon-dogs__footer{display:flex;align-items:center;gap:30px;margin:26px 46px 0 60px}
.icon-dogs__line{height:1px;background:currentColor;opacity:.45;flex:1}
.icon-dogs__controls{display:flex;gap:8px}
.icon-dogs__arrow{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.icon-dogs__arrow svg{width:22px;height:22px}
.icon-dogs__arrow:disabled{opacity:.3;cursor:default}
.icon-dogs a:hover,.icon-dogs button:hover:not(:disabled){opacity:.7}
.icon-dogs :focus-visible{outline:2px solid currentColor;outline-offset:-4px}
@media(min-width:700px) and (max-width:1023px){.icon-dogs{width:100%}.icon-dogs__header{padding:0 30px 26px}.icon-dogs__link{font-size:15px;min-height:46px;padding:10px 24px}.icon-dogs__track{gap:20px;padding:0 30px;scroll-padding-inline:30px}.icon-dogs__slide{flex-basis:calc((100% - 30px)/2.25)}.icon-dogs__footer{margin:24px 30px 0}}
@media(max-width:699px){.icon-dogs{width:100%;padding:24px 0 18px;border-radius:12px}.icon-dogs__header{padding:0 20px 24px;gap:16px;flex-wrap:wrap}.icon-dogs__heading{font-size:28px}.icon-dogs__link{font-size:12px;min-height:38px;padding:9px 18px}.icon-dogs__track{gap:14px;padding:0 20px;scroll-padding-inline:20px}.icon-dogs__slide{flex-basis:86%}.icon-dogs__footer{gap:16px;margin:22px 20px 0}.icon-dogs__media{border-radius:8px}}
