Od značky .aplus-v2 .container-with-background-image { šírka: 100%; výška: 100%; background-repeat: bez opakovania; background-size: cover; } function logShoppableMetrics(moduleName, showsAddToCart) { if (window.ue & window.ue.count) { window.ue.count("aplus:shoppable:" + moduleName + ":addToCart", showsAddToCart ? 1 : 0); } } .aplus-v2 .apm-brand-story-carousel-container { pozícia: relatívna; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div { pozícia: absolútna; šírka: 100%; } /* Zabezpečenie, aby karusel zaberal iba toľko miesta, koľko potrebuje. Veľkosti je potrebné znova nastaviť pre absolútne umiestnené prvky, aby mohli zaberať miesto. */ .aplus-v2 .apm-brand-story-carousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container { height: 625px; width: 100%; max-width: 1464px; margin-left: auto; margin-right: auto; overflow: hidden; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div { height: 625px; } .aplus-v2 .apm-brand-story-carousel.a-carousel-container { padding: 0px; } /* Toto vycentruje karusel vertikálne na kontajner obrázka hrdinu a za oblasť loga (125px). Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight */ .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner { margin-top: 149px; } /* Karty musia mať nastavenú šírku, inak je predvolená šírka okolo 50px. Všetky karty musia mať rovnakú šírku. Karusel sa zmení tak, aby všetky karty mali šírku najväčšej karty. Ľavý okraj slúži na ponechanie medzery medzi jednotlivými kartami. */ .aplus-v2 .apm-brand-story-carousel .a-carousel-card { width: 362px; margin-left: 30px !important; } /* úprava navigačných tlačidiel tak, aby boli vyššie, zarovnané s okrajmi a mali čisté biele pozadie */ .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right { padding: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image { border: none; margin: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner { pozadie: #fff; padding: 20px 6px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner { border-radius: 0px 4px 4px 0px; } } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner { border-radius: 4px 0px 0px 4px; }