
/* Oprava posunu layoutu (CLS) u slideshow bannerů na úvodní stránce - bannery se prolínají přes sebe */
.fce1 .headerBanners .inner{aspect-ratio:1240/320;height:auto}
.fce1 .headerBanners .item{position:absolute;top:0;left:0;width:100%;height:100%}
.fce1 .headerBanners .item .slideItem{height:100%;aspect-ratio:auto}
.fce1 .headerBanners .pagination{z-index:2}

/* Nova sablona (demoeshopmaxi): newsletter box na mobilu nepretece sirku obrazovky */
.newsletter,.distinctArea__contact{min-width:0;max-width:100%;box-sizing:border-box}
.distinctArea__contact-value,.email--newsletter{overflow-wrap:anywhere;word-break:break-word}

/* Nova sablona (demoeshopmaxi): uvodni stranka */
/* Pruh vyhod se na pocitaci vejde na sirku bez posuvniku */
@media (min-width:1024px){.benefits__container{width:100%;max-width:100%}.benefit{flex:1 1 0;min-width:0}}
/* Na kartach produktu ve vypisech nezobrazovat uriznuty kratky popis */
.products .product .productDescription{display:none}

/* Nova sablona (demoeshopmaxi): nova loga pro jazykove mutace (hlavicka i paticka). Puvodni soubory sablony logo_1/2/3.png zustavaji beze zmeny. */
body.cmsBody--lang-cz .eshopPage .logo__image{content:url("https://www.sportovniautodoplnky.cz/publicdoc/logo-sportovniautodoplnky-cz-v2.png")}
body.cmsBody--lang-sk .eshopPage .logo__image{content:url("https://www.sportovniautodoplnky.sk/publicdoc/logo-sportovniautodoplnky-sk-v2.png")}
body.cmsBody--lang-de .eshopPage .logo__image{content:url("https://www.a1racing.de/publicdoc/logo-a1racing-de.png")}

/* Nova sablona (demoeshopmaxi): vyhledavaci pole v hlavicce - tenky ramecek, vyraznejsi text */
.eshopPage .search__input{border:1px solid #d2d8de;box-sizing:border-box;color:#1a1a1a;font-size:15px;font-weight:500}
.eshopPage .search__input::placeholder{color:#2e4256;opacity:1;font-weight:600}
.eshopPage .search__input:hover{border-color:#bfc7cf}
.eshopPage .search__input:focus{border-color:#a9b3bd;background-color:#fff}

/* Lupa ve vyhledavacim poli: kazdych par sekund se zakyva a zmeni barvu na oranzovou */
@keyframes saLupa{
0%,70%,100%{transform:rotate(0) scale(1);filter:none}
74%{transform:rotate(-16deg) scale(1.2);filter:brightness(0) saturate(100%) invert(47%) sepia(96%) saturate(2400%) hue-rotate(2deg) brightness(102%)}
78%{transform:rotate(14deg) scale(1.2);filter:brightness(0) saturate(100%) invert(47%) sepia(96%) saturate(2400%) hue-rotate(2deg) brightness(102%)}
82%{transform:rotate(-10deg) scale(1.15);filter:brightness(0) saturate(100%) invert(47%) sepia(96%) saturate(2400%) hue-rotate(2deg) brightness(102%)}
86%{transform:rotate(6deg) scale(1.1);filter:brightness(0) saturate(100%) invert(47%) sepia(96%) saturate(2400%) hue-rotate(2deg) brightness(102%)}
92%{transform:rotate(0) scale(1);filter:brightness(0) saturate(100%) invert(47%) sepia(96%) saturate(2400%) hue-rotate(2deg) brightness(102%)}
}
.eshopPage .search__icon{animation:saLupa 4.5s ease-in-out 1.5s infinite;transform-origin:50% 50%}
.eshopPage .search__innerContainer:has(.search__input:focus) .search__icon,.eshopPage .search__innerContainer:has(.search__input:not(:placeholder-shown)) .search__icon{animation:none}
@media (prefers-reduced-motion:reduce){.eshopPage .search__icon{animation:none}}

/* Nova sablona (demoeshopmaxi): lista "Hledej podle znacky vozu" - vetsi, vyraznejsi, zarovnana vlevo s obsahem stranky (CZ, SK, DE) */
@media (min-width:1024px){
.extAfterMenu div[role="headerMenu"].header_menu_bg{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:12px 40px;height:auto;min-height:80px;padding:16px 16px 16px max(50px,calc((100% - 1480px) / 2));box-sizing:border-box;background-size:auto 100%}
.extAfterMenu div[role="headerMenu"].header_menu_bg::before,.extAfterMenu div[role="headerMenu"].header_menu_bg::after{display:none}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col{float:none;display:flex;align-items:center;margin:0;height:auto}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col[style*="opacity"]{opacity:.8!important}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col .label{float:none;margin:0 14px 0 0;font-size:21px;font-weight:700;letter-spacing:0;white-space:nowrap;line-height:1.2}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col select{float:none;width:220px;height:44px;font-size:17px;font-weight:600;color:#1a1a1a;padding:0 36px 0 12px;border:2px solid #d4d4d4;border-radius:6px;background-position:right 10px center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col select:focus{outline:3px solid rgba(180,180,180,.6);outline-offset:1px}
}
@media (min-width:1024px) and (max-width:1439px){
.extAfterMenu div[role="headerMenu"].header_menu_bg{gap:10px 28px}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col .label{font-size:19px;margin-right:12px}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col select{width:185px;font-size:16px}
}
@media (min-width:1024px) and (max-width:1279px){
.extAfterMenu div[role="headerMenu"].header_menu_bg{gap:10px 16px}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col .label{font-size:17px;margin-right:10px}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col select{width:150px;font-size:15px;padding-right:30px}
}

/* Najeti mysi na pole Znacka / Model / Sortiment - stejny efekt jako polozky v levem sloupci (svetle oranzove pozadi, oranzovy text) */
@media (min-width:1024px){
.extAfterMenu div[role="headerMenu"].header_menu_bg .col select,.extAfterMenu div[role="headerMenu"].header_menu_bg .col .label{transition:background-color .15s,color .15s,border-color .15s}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col:hover select,.extAfterMenu div[role="headerMenu"].header_menu_bg .col select:focus{background-color:#ffefe8;color:#ff5b14;border-color:#ffc9b0}
.extAfterMenu div[role="headerMenu"].header_menu_bg .col:hover .label{color:#ff8a52}
}

/* Nova sablona (demoeshopmaxi): vetsi nadpis "Univerzalni doplnky" v levem sloupci (CZ, SK, DE) */
.eshopPage .extLeftColumnBeforeContent__title{font-size:20px;padding-top:11px;padding-bottom:11px;letter-spacing:.2px;line-height:1.25}
/* DE: delsi text "Universele Ergänzungen" - o neco mensi, aby se vesel na 1 radek */
body.cmsBody--lang-de .eshopPage .extLeftColumnBeforeContent__title{font-size:18px;letter-spacing:0;padding-left:26px;padding-right:14px;padding-top:12px;padding-bottom:12px;white-space:nowrap}

/* Nova sablona (demoeshopmaxi): hlavicka - vyhledavani uprostred, e-mail a oteviraci doba vpravo u ikon, vetsi logo (CZ, SK, DE) */
@media (min-width:1160px){
.eshopPage .header__content{position:relative;grid-template-columns:max-content minmax(0,1fr) max-content 28px max-content;grid-template-areas:"logo . contact . control";align-items:center}
.eshopPage .header__search{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100% - 770px));min-width:360px}
.eshopPage .header__contact{display:none}
.eshopPage .logo--header .logo__image{max-height:66px;height:66px;width:auto}
}
@media (min-width:1440px){
.eshopPage .header__search{width:min(500px,calc(100% - 980px));min-width:380px}
.eshopPage .header__contact{display:block;padding-top:0;text-align:right;line-height:1.35}
.eshopPage .header__contact .email{font-weight:600}
}

/* Nova sablona (demoeshopmaxi): uvodni stranka - bez nadpisu "Autodoplnky a tuning podle znacky vozu" a boxu se znackami aut, produkty navazuji hned pod bannery (CZ, SK, DE) */
/* Nadpis H1 zustava v kodu stranky pro vyhledavace (SEO), jen neni videt */
.eshopPage .fce1 .fce1-title{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.eshopPage .fce1 .hpCategoriesSmall{display:none}
/* Text o obchodu (SK, DE) presunut az pod produkty */
.eshopPage .fce1 .fce1__grid-bottom{padding-top:30px;display:flex;flex-direction:column}
.eshopPage .fce1 .fce1__grid-bottom>*{order:1;min-width:0}
.eshopPage .fce1 .fce1__grid-bottom>.hpDescription{order:2;margin-top:50px}

/* Nova sablona (demoeshopmaxi): pri najeti mysi na produkt se jeho fotka plynule mirne priblizi (vypisy produktu na uvodu i v kategoriich, CZ, SK, DE) */
.eshopPage .product .product__link picture{display:block;overflow:hidden;border-radius:inherit}
.eshopPage .product .productImage{transition:transform .45s ease;transform-origin:50% 50%;will-change:transform}
.eshopPage .product .product__top>[class*="product__labels"]{z-index:3}
@media (hover:hover){.eshopPage .product:hover .productImage{transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){.eshopPage .product .productImage{transition:none}.eshopPage .product:hover .productImage{transform:none}}

/* Nova sablona (demoeshopmaxi): skryti preskrtnute (puvodni) ceny a stitku slevy v % v celem obchode (CZ, SK, DE). Data u produktu zustavaji. Stitek AKCE zustava. */
.eshopPage .productPrice__before,
.eshopPage .productDiscount,
.eshopPage .fce6PriceBefore,
.eshopPage .fce6Discount,
.eshopPage .cWhispererProduct__price-before,
.eshopPage .commonSoldOutProduct__discount,
.eshopPage .commonCheckoutTableProduct__column-priceBefore,
.eshopPage .commonCheckoutTableService__column-priceBefore{display:none!important}
/* zlevnena cena se uz nezvyraznuje cervene */
.eshopPage .productPrice__current--discounted,
.eshopPage .cWhispererProduct__price-current--discounted{color:inherit}

/* Nova sablona (demoeshopmaxi): skryti EAN kodu v detailu produktu (CZ, SK, DE) */
.eshopPage .cParameters__item--ean{display:none!important}
