/* Original banner photos are cropped in CSS; all copy is native editable blocks. */
.ire-slider-pagination { display: none; }
.ire-live-slide { --ire-banner: url('images/kapcie_damskie_ireshoes.jpg'); display: grid; grid-template-columns: 28.25% 44% 27.75%; aspect-ratio: 1400 / 365; min-width: 0; overflow: hidden; }
.ire-live-slide--men { --ire-banner: url('images/Baner-Meskie-26-desktop-3.jpg'); grid-template-columns: 27.65% 44.85% 27.5%; }
.ire-live-slide > .ire-collection-photo { position: relative; height: 100%; overflow: hidden; margin: 0; }
.ire-collection-photo img { position: absolute; inset: 0 auto 0 0; width: 354%; max-width: none; height: 100%; object-fit: cover; object-position: left center; }
.ire-collection-photo--right img { object-position: right center; left: auto; right: 0; width: 360.4%; }
.ire-live-slide--men .ire-collection-photo img { width: 361.7%; }
.ire-live-slide--men .ire-collection-photo--right img { width: 363.64%; }
.ire-live-slide--photo .ire-collection-photo img { width: 100%; height: 100%; object-fit: cover; }
.ire-live-slide--kids .ire-collection-photo--left img { object-position: 50% 65%; }
.ire-live-slide--home .ire-collection-photo--right img { object-fit: contain; background: #f9f8f6; }
.ire-live-slide > .ire-collection-copy { margin: 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 24px 12px; box-sizing: border-box; text-align: center; background: #fff var(--ire-banner) 50% 0 / 235% 420% no-repeat; }
.ire-collection-copy > .wp-block-heading { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(22px, 2.65vw, 38px); font-weight: 700; line-height: 1.15; letter-spacing: .22em; text-transform: uppercase; color: #222; }
.ire-collection-copy > .ire-collection-premium { margin: 8px 0 0; font-size: 11px; line-height: 1.4; letter-spacing: .65em; text-transform: uppercase; }
.ire-collection-premium::before { content: ''; display: block; width: 84px; height: 1px; margin: 0 auto 7px; background: #999; }
.ire-collection-copy > .ire-collection-material { margin: 28px 0 0; border: 1px solid #999; padding: 8px 20px; font-size: 11px; line-height: 1.4; text-transform: uppercase; }
.ire-collection-copy > .wp-block-buttons { margin: 36px 0 0; justify-content: center; }
.ire-collection-copy .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 22px; border-radius: 0; background: #bd1f35; color: white; font-size: 15px; line-height: 1.3; text-transform: uppercase; text-decoration: none; }
.ire-collection-copy .wp-block-button__link:hover { background: #a7192d; }
.ire-collection-copy .wp-block-button__link:focus-visible { outline: 2px solid #111; outline-offset: 4px; }
@media (min-width: 601px) and (max-width: 1000px) {
 .ire-live-slide { min-height: 285px; }
 .ire-collection-copy > .wp-block-heading { font-size: 24px; letter-spacing: .13em; }
 .ire-collection-copy > .ire-collection-material { margin-top: 20px; padding-inline: 8px; font-size: 10px; }
 .ire-collection-copy > .wp-block-buttons { margin-top: 24px; }
}
@media (max-width: 781px) {
 .ire-hero .ire-slider { width: 100%; margin-top: 0; }
 .ire-slider .ire-live-slide { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 48px 28px 20px 164px 24px; column-gap: 18px; min-height: 0; padding-bottom: 22px; aspect-ratio: auto; background: #fafafa; }
 .ire-live-slide > .ire-collection-copy { display: contents; }
 .ire-live-slide > .ire-collection-photo { grid-row: 3 / 6; grid-column: 1; }
 .ire-live-slide > .ire-collection-photo--right { grid-column: 2; }
 .ire-collection-copy > .wp-block-heading { grid-column: 1 / -1; grid-row: 1; align-self: end; padding: 0 10px; font-size: clamp(21px, 6.2vw, 29px); line-height: 1.2; letter-spacing: .13em; }
 .ire-collection-copy > .ire-collection-premium { grid-column: 1 / -1; grid-row: 2; align-self: center; margin: 0; font-size: 9px; letter-spacing: .55em; }
 .ire-collection-premium::before { display: none; }
 .ire-collection-copy > .ire-collection-material { grid-column: 1 / -1; grid-row: 3; justify-self: center; align-self: center; z-index: 1; max-width: calc(100% - 44px); margin: 0; padding: 10px 15px; border-color: #e2e2e2; outline: 4px solid #fff; background: #fff; font-size: 9px; line-height: 1.3; }
 .ire-collection-copy > .wp-block-buttons { grid-column: 1 / -1; grid-row: 5; z-index: 1; align-self: start; justify-self: center; margin: 0; border: 4px solid #fff; }
 .ire-collection-copy .wp-block-button__link { min-height: 36px; padding: 8px 16px; font-size: 11px; box-sizing: border-box; }
 .ire-hero .ire-slider-controls { display: none; }
 .ire-slider-pagination { display: flex; justify-content: center; gap: 4px; margin: 0; }
 .ire-slider-pagination button { position: relative; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; cursor: pointer; }
 .ire-slider-pagination button::after { content: ''; position: absolute; top: 23px; left: 4px; right: 4px; height: 2px; background: #aaa; }
 .ire-slider-pagination button[aria-current="true"]::after { background: #111; }
 .ire-slider-pagination button:focus-visible { outline: 2px solid #bd2035; outline-offset: -3px; }
}

