/* ===== FACEBAG: patka, stitek slevy, barevne tecky ===== Zdroj: scratchpad/facebag-extra.css · nahrano pres Spravce souboru Revert: smazat odkaz na tento soubor v Zahlavi v Navrhari sablon ====================================================== */ /* ---------- 1. patka ---------- */ /* newsletter: sablona dava nadpis a podtitulek vedle sebe a prekryvaly se */ #footer .newsletter-header{flex-direction:column!important;align-items:flex-start!important;gap:6px} #footer .newsletter-header h3{margin:0!important;font-size:28px!important;line-height:1.2!important} #footer .newsletter-header p{margin:0!important;color:#6b6b6b!important;font-size:15px!important} #footer .footer-newsletter{padding:56px 0!important} /* sloupce: zarovnat nahoru, sjednotit nadpisy do drobnych verzalek */ #footer .custom-footer{display:flex!important;flex-wrap:wrap;align-items:flex-start} #footer .custom-footer h3, #footer .custom-footer h4, #footer .custom-footer .pageElement__heading, #footer .custom-footer .banner strong{font-size:11px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#8f8f8f!important;margin:0 0 16px!important;line-height:1.4!important;font-family:inherit!important;text-align:left!important;display:block!important} #footer .custom-footer ul{margin:0!important;padding:0!important;list-style:none!important} #footer .custom-footer li{margin:0 0 9px!important} #footer .custom-footer a{color:#d6d6d6!important;font-size:14px!important;text-decoration:none} #footer .custom-footer a:hover{color:#fff!important} #footer .footer-rows{padding-top:52px!important} /* spodni lista: linka, klid a misto pro plovouci widgety */ #footer .footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important;margin-top:36px!important;padding:22px 0 0!important;display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap} #footer .footer-bottom .copyright{font-size:12px!important;color:#8f8f8f!important;order:1;text-align:left!important;margin:0 auto 0 0!important;flex:0 1 auto!important} #footer .footer-bottom>span:not(.copyright){order:2;margin:0!important;flex:0 0 auto!important} #footer .footer-bottom a{color:#8f8f8f!important;font-size:12px!important} #footer .footer-bottom a:hover{color:#fff!important} #footer{padding-bottom:104px!important} @media (max-width:767px){ #footer .footer-newsletter{padding:36px 0!important} #footer .newsletter-header h3{font-size:22px!important} #footer .custom-footer{display:block!important} #footer .custom-footer>div{margin-bottom:32px} #footer .footer-bottom{justify-content:flex-start} #footer{padding-bottom:132px!important} } /* ---------- 2. stitek slevy ---------- */ /* odlepit od okraje fotky a vycentrovat text: sablona mu dava pevnou vysku 37px, takze radek textu sedel nahore */ .product a.image .flags{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;display:block!important;text-align:left!important;z-index:3} .product a.image .flag{position:static!important;float:none!important;margin:0 4px 4px 0!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:4px;border-radius:999px!important;padding:6px 11px!important;line-height:1!important;white-space:nowrap!important;font-size:11px!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:uppercase!important} .product a.image .flag>*{display:block!important;flex:0 0 auto!important;margin:0!important;padding:0!important;line-height:1!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important} @media (max-width:767px){ .product a.image .flags{top:8px!important;left:8px!important} .product a.image .flag{padding:5px 9px!important;font-size:10px!important} .product a.image .flag>*{font-size:10px!important} } /* ---------- 3. karta produktu ---------- */ /* varianty barev v kartach nechceme */ .product .widget-parameter-wrapper{display:none!important} /* zarovnat cenu a tlacitko s nazvem: sablona dava .p-bottom padding 0 16px */ .product .p-bottom{padding:0!important} /* cena po sleve tucne, predpona "od" drobne a sede */ .product .price-final{font-size:12px!important;font-weight:400!important;color:#8a8a8a!important} .product .price-final strong{font-size:15px!important;font-weight:700!important;color:#1a1a1a!important} .product .price-standard{font-size:13px!important;color:#a0a0a0!important} /* ---------- 4. sekce na titulni strane (o nas, kolekce, mapa) ---------- */ .fb-home{--fb-ground:#f6f3f0;--fb-ink:#2b2b2b;--fb-muted:#7a7570;color:#2b2b2b;text-align:left} .fb-home *{box-sizing:border-box} .fb-home .fb-eyebrow{font-size:11px!important;letter-spacing:.16em;text-transform:uppercase;color:#7a7570!important;margin:0 0 14px!important;line-height:1.5} .fb-home .fb-h2{font-size:34px;line-height:1.15;font-weight:400;letter-spacing:.04em;text-transform:uppercase;margin:0 0 22px;color:#2b2b2b;text-align:left} .fb-home p{font-size:15px;line-height:1.8;color:#7a7570;margin:0 0 16px} .fb-home .fb-center{text-align:center} .fb-home .fb-link{display:inline-block;padding:13px 26px;border-radius:999px;background:#2b2b2b;color:#fff!important;border:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;line-height:1;transition:background .15s} .fb-home .fb-link:hover{background:#000;color:#fff!important;opacity:1} /* o nas / vyroba */ .fb-craft{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#f6f3f0;margin-top:8px;border-radius:20px;overflow:hidden} .fb-craft__media{overflow:hidden} .fb-craft__media img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover} .fb-craft__body{padding:56px 48px;align-self:center;text-align:left} /* kolekce */ .fb-collections{padding:96px 0 0} .fb-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px} .fb-tile{display:block;text-decoration:none;color:#2b2b2b} .fb-tile__img{display:block;overflow:hidden;background:#f6f3f0;border-radius:20px} .fb-tile__img,.fb-tile__img img{border-radius:28px} .fb-tile__img img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transform:scale(1.15);transition:transform .6s ease} .fb-tile:hover .fb-tile__img img{transform:scale(1.22)} .fb-tile__name{display:block;margin-top:18px;font-size:15px;letter-spacing:.12em;text-transform:uppercase;text-align:center} .fb-tile__note{display:block;margin-top:6px;font-size:13px;color:#7a7570;text-align:center} /* mapa */ .fb-visit{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;margin-top:96px;background:#f6f3f0;border-radius:20px;overflow:hidden} .fb-visit__body{padding:56px 40px;align-self:center;text-align:left} .fb-home .fb-address{font-size:17px;line-height:1.7;color:#2b2b2b;margin-bottom:18px} .fb-home .fb-hours{font-size:14px} .fb-visit__map{min-height:440px} .fb-visit__map iframe{display:block;width:100%;height:100%;min-height:440px;border:0;filter:grayscale(1) contrast(.95)} @media (max-width:900px){ .fb-craft,.fb-visit{grid-template-columns:1fr} .fb-craft__body,.fb-visit__body{padding:32px 22px} .fb-craft,.fb-visit{border-radius:16px} .fb-tile__img,.fb-tile__img img{border-radius:20px} .fb-craft__media img{min-height:260px} .fb-home .fb-h2{font-size:25px;margin-bottom:18px} .fb-tiles{grid-template-columns:1fr;gap:32px} .fb-tile__img img{aspect-ratio:4/3} .fb-collections{padding-top:56px} .fb-visit{margin-top:56px} .fb-visit__map,.fb-visit__map iframe{min-height:300px} } /* zaobleni a zarovnani doleva v sekcich titulni strany */ .fb-home .fb-visit__body>*{text-align:left!important;margin-left:0!important} .fb-visit__map iframe{border-radius:0} /* ---------- 5. newsletter jako soucast patky ---------- */ #footer .newsletter-wrap{background:#2b2b2b!important} #footer .footer-newsletter{padding:64px 0 56px!important} #footer .newsletter-header h3,#footer .newsletter-header h3 span{color:#fff!important} #footer .newsletter-header p{color:#9a9a9a!important} #footer .subscribe-form label{color:#9a9a9a!important;font-size:12px!important;letter-spacing:.1em;text-transform:uppercase} #footer .subscribe-form input[type=text], #footer .subscribe-form input[type=email]{background:#3a3a3a!important;border:1px solid #4a4a4a!important;color:#fff!important;border-radius:999px!important;padding:12px 18px!important;height:auto!important} #footer .subscribe-form input::placeholder{color:#8a8a8a!important} #footer .subscribe-form .form-control-wrapper{border-radius:999px!important} #footer .subscribe-form p.label,#footer .subscribe-form .label{color:#8a8a8a!important;font-size:12px!important} #footer .subscribe-form a{color:#d6d6d6!important;text-decoration:underline} /* sablona lepi na tlacitko pseudoprvek "Vice o nas", ktery tam nepatri */ #footer .subscribe-form button.btn::before{display:none!important;content:none!important} #footer .subscribe-form button.btn{background:#fff!important;color:#1a1a1a!important;border:0!important;border-radius:999px!important;padding:13px 26px!important;font-size:13px!important;font-weight:600!important;letter-spacing:.08em;text-transform:uppercase;height:auto!important;line-height:1!important} #footer .subscribe-form button.btn:hover{opacity:.85} /* ---------- 6. sjednoceni nadpisu do stylu KOLEKCE ---------- */ .homepage-group-title, .benefits .b-item h3, .search-window-in h2, .search-window-in h3, #footer .newsletter-header h3, #footer .newsletter-header h3 span{font-family:inherit!important;font-weight:400!important;letter-spacing:.05em!important;text-transform:uppercase!important} .homepage-group-title{font-size:34px!important;line-height:1.15!important} .benefits .b-item h3{font-size:17px!important;letter-spacing:.1em!important} #footer .newsletter-header h3,#footer .newsletter-header h3 span{font-size:26px!important;line-height:1.2!important} .search-window-in h2{font-size:30px!important} .search-window-in h3{font-size:20px!important;letter-spacing:.1em!important} @media (max-width:767px){ .homepage-group-title{font-size:24px!important} #footer .newsletter-header h3,#footer .newsletter-header h3 span{font-size:21px!important} } /* ---------- 7. vyhody na mobilu vedle sebe v jednom radku ---------- */ @media (max-width:767px){ .benefits{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;gap:6px} .benefits .b-item{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;padding:0 2px!important;margin:0!important;text-align:center} .benefits .b-item .b-img{width:auto!important;max-width:64px!important;height:auto!important;margin:0 auto 8px!important} .benefits .b-item .b-img img{width:100%!important;height:auto!important} .benefits .b-item h3{font-size:11px!important;letter-spacing:.05em!important;line-height:1.25!important;margin:0 0 4px!important;word-break:break-word} .benefits .b-item p{display:none!important} } /* ---------- 8. patka na jednom radku vcetne newsletteru ---------- */ @media (min-width:992px){ #footer{display:grid!important;grid-template-columns:minmax(0,3.6fr) minmax(0,1.3fr);column-gap:44px;align-items:start;padding:52px 44px 104px!important} #footer>h2{display:none!important} #footer .footer-rows{display:contents!important} #footer .custom-footer{grid-column:1;grid-row:1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0!important;width:auto!important;max-width:none!important} /* bootstrap .row ma clearfix pseudoprvky, ktere by v gridu zabraly bunky */ #footer .custom-footer::before,#footer .custom-footer::after{display:none!important;content:none!important} #footer .custom-footer>div{width:auto!important;max-width:none!important;padding:0!important;flex:none!important} #footer .newsletter-wrap{grid-column:2;grid-row:1;background:transparent!important;width:auto!important;max-width:none!important;border:0!important} #footer .footer-newsletter{padding:0!important;margin:0!important;width:auto!important;max-width:none!important;display:block!important;border:0!important} #footer .newsletter-header{margin:0 0 16px!important} #footer .newsletter-header h3,#footer .newsletter-header h3 span{font-size:11px!important;font-weight:600!important;letter-spacing:.14em!important;color:#8f8f8f!important;line-height:1.4!important} #footer .newsletter-header p{font-size:13px!important;color:#9a9a9a!important} #footer .subscribe-form{width:auto!important;max-width:none!important} #footer .subscribe-form fieldset{border:0!important;margin:0!important;padding:0!important;width:auto!important} #footer .subscribe-form .form-group, #footer .subscribe-form .form-control-wrapper, #footer .subscribe-form input[type=text], #footer .subscribe-form input[type=email]{width:100%!important;max-width:100%!important;box-sizing:border-box} #footer .footer-bottom{grid-column:1 / -1;grid-row:2;width:auto!important;max-width:none!important;margin:44px 0 0!important} } /* ---------- 9. patka na mobilu: spolecny okraj pro vsechny bloky ---------- */ @media (max-width:991px){ #footer .footer-newsletter, #footer .footer-rows, #footer .custom-footer, #footer .footer-bottom{padding-left:20px!important;padding-right:20px!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important;box-sizing:border-box} #footer .custom-footer>div{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important} #footer .newsletter-header, #footer .subscribe-form, #footer .subscribe-form fieldset{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;border:0!important} #footer .subscribe-form .form-group, #footer .subscribe-form .form-control-wrapper, #footer .subscribe-form input[type=text], #footer .subscribe-form input[type=email]{width:100%!important;max-width:100%!important;box-sizing:border-box} } /* ================= DETAIL PRODUKTU ================= */ /* vse zaoblene */ .p-detail .p-image, .p-detail .p-image a, .p-detail .p-image img{border-radius:20px!important;overflow:hidden} .p-detail .p-thumbnails-inner img{border-radius:12px!important} .p-detail .add-to-cart button, .p-detail .btn, .p-detail button.btn, .p-detail .add-to-cart .btn{border-radius:999px!important} .p-detail .add-to-cart input[type=text], .p-detail .add-to-cart input[type=number], .p-detail select, .p-detail input[type=text]{border-radius:999px!important} .p-detail .p-final-price-wrapper .price-final{font-weight:700!important} /* rozbalovaci sekce */ .fb-acc{margin:28px 0 0;border-top:1px solid #e6e1dc} .fb-acc__item{border-bottom:1px solid #e6e1dc} .fb-acc__head{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:0;padding:18px 2px;cursor:pointer;text-align:left;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#2b2b2b;font-weight:500} .fb-acc__head:hover{opacity:.65} .fb-acc__ico{flex:0 0 26px;width:26px;height:26px;border:1px solid #d8d2cb;border-radius:50%;position:relative;transition:transform .25s} .fb-acc__ico::before,.fb-acc__ico::after{content:'';position:absolute;left:50%;top:50%;width:9px;height:1px;background:#2b2b2b;transform-origin:center} .fb-acc__ico::before{transform:translate(-72%,-50%) rotate(45deg)} .fb-acc__ico::after{transform:translate(-28%,-50%) rotate(-45deg)} .fb-acc__item.is-open .fb-acc__ico{transform:rotate(180deg)} .fb-acc__body{display:none;padding:0 2px 22px;font-size:15px;line-height:1.8;color:#6f6a65} .fb-acc__item.is-open .fb-acc__body{display:block} .fb-acc__body p{margin:0 0 12px} .fb-acc__body table{width:100%;border-collapse:collapse} .fb-acc__body td,.fb-acc__body th{padding:7px 0;border-bottom:1px solid #f0ece8;text-align:left;font-size:14px} /* sekce pod detailem */ .fb-sec{margin:72px 0 0} .fb-sec__head{text-align:center;margin:0 0 34px} .fb-sec__eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8f8f8f;margin:0 0 10px} .fb-sec__title{font-size:30px;line-height:1.15;font-weight:400;letter-spacing:.05em;text-transform:uppercase;margin:0;color:#2b2b2b} .fb-faq{max-width:920px;margin:0 auto;background:#f6f3f0;border-radius:24px;padding:14px 28px} .fb-faq .fb-acc{margin:0;border-top:0} .fb-faq .fb-acc__item:last-child{border-bottom:0} .fb-reviews{background:#f6f3f0;border-radius:24px;padding:34px 28px;text-align:center} .fb-reviews__lead{font-size:15px;line-height:1.8;color:#6f6a65;max-width:640px;margin:0 auto 18px} .fb-related .products{margin-top:8px} /* ================= KOSIK ================= */ .fb-ship{background:#f6f3f0;border-radius:20px;padding:20px 24px;margin:0 0 28px} .fb-ship__text{font-size:14px;color:#2b2b2b;margin:0 0 12px} .fb-ship__text b{font-weight:700} .fb-ship__track{height:6px;border-radius:999px;background:#e3ddd7;overflow:hidden} .fb-ship__fill{display:block;height:100%;border-radius:999px;background:#2b2b2b;width:0;transition:width .4s ease} .fb-ship.is-done .fb-ship__fill{background:#3f7d54} .fb-empty{text-align:center;padding:8px 0 0} .fb-empty__title{font-size:22px;letter-spacing:.05em;text-transform:uppercase;font-weight:400;color:#2b2b2b;margin:0 0 10px} .fb-empty__text{font-size:15px;color:#6f6a65;margin:0 0 22px} @media (max-width:767px){ .fb-sec{margin-top:48px} .fb-sec__title{font-size:22px} .fb-faq,.fb-reviews{border-radius:18px;padding:8px 18px} .fb-reviews{padding:26px 18px} .fb-ship{border-radius:16px;padding:16px 18px} } /* ---------- detail: doladeni ---------- */ /* mezery mezi nahledy */ .p-detail .p-thumbnail{margin:0 10px 10px 0!important;border-radius:12px!important;overflow:hidden} .p-detail .p-thumbnails{overflow:hidden!important} /* zaobleny vyber mnozstvi a pole na monogram */ .p-detail .quantity, .p-detail .add-to-cart .quantity{border-radius:999px!important;overflow:hidden} .p-detail textarea, .p-detail textarea.dkLabNote, .p-detail .form-control{border-radius:18px!important} .p-detail .add-to-cart input.amount{border-radius:999px!important} /* galerie zustava na miste, prava cast scrolluje */ @media (min-width:992px){ .p-detail-inner{align-items:flex-start!important} .p-detail .p-image-wrapper{position:sticky;top:90px;align-self:flex-start} .p-detail .p-data-wrapper{padding-bottom:8px} } /* FAQ pres celou sirku jako zbytek webu */ .fb-faq{max-width:none!important} /* hodnoceni z Heureky */ .fb-revgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:0 0 26px;text-align:left} .fb-rev{background:#fff;border-radius:18px;padding:20px 22px;display:flex;flex-direction:column} .fb-rev__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px} .fb-rev__name{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#2b2b2b;font-weight:600} .fb-rev__score{font-size:12px;color:#3f7d54;font-weight:700;white-space:nowrap} .fb-rev__text{font-size:14px;line-height:1.7;color:#6f6a65;margin:0 0 14px} .fb-rev__meta{font-size:11px;color:#a3a3a3;letter-spacing:.04em;margin:auto 0 0} @media (max-width:767px){ .fb-revgrid{grid-template-columns:1fr} .p-detail .p-thumbnail{margin:0 8px 8px 0!important} } /* ---------- doladeni: hvezdicky, zarovnani sekci ---------- */ /* sekce lici s hlavni fotkou produktu */ .fb-sec{max-width:1418px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box} /* hvezdicky misto procent */ .fb-rev__stars{color:#c8a35a;font-size:13px;letter-spacing:2px;white-space:nowrap;line-height:1} /* datum nakupu vzdy na stejne lince */ .fb-revgrid{align-items:stretch} .fb-rev{height:100%} .fb-rev__text{flex:1 1 auto} .fb-rev__meta{margin-top:auto!important;margin-bottom:0!important} @media (max-width:767px){ .fb-sec{padding-left:15px;padding-right:15px} .fb-rev{height:auto} } /* ================= KOSIK JAKO BOCNI PANEL (desktop) ================= */ @media (min-width:992px){ .cart-window{position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important; width:440px!important;max-width:92vw!important;height:100vh!important;max-height:100vh!important; background:#fff!important;box-shadow:-14px 0 44px rgba(0,0,0,.16)!important; border-radius:24px 0 0 24px!important;overflow-x:hidden!important;overflow-y:auto!important; transform:translateX(101%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:1002!important; display:block!important;visibility:visible!important;opacity:1!important} body.cart-window-visible .cart-window{transform:translateX(0)} .cart-window .cart-window-in{width:100%!important;max-width:none!important;padding:26px 24px 34px!important} .cart-window .place-cart-here{width:100%!important;max-width:none!important;padding:0!important;margin:0!important} .cart-window .toggle-window-arr{position:absolute!important;top:14px;right:16px;left:auto!important; width:38px;height:38px;border-radius:50%!important;background:#f2efec!important;border:0!important;z-index:3} .cart-window .btn{border-radius:999px!important} .cart-window img{border-radius:12px!important} } /* prepinac meny v patce a zaobleny prepinac jazyka */ .fb-currency{order:3;display:flex;align-items:center;margin-left:16px} .fb-currency .languagesMenu__box{position:relative;display:flex;align-items:center;gap:8px; border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 14px;cursor:pointer} .fb-currency .languagesMenu__header--name{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8f8f8f} .fb-currency .languagesMenu__header--actual{font-size:12px;color:#fff} .fb-currency .languagesMenu__list{background:#2b2b2b;border-radius:14px;padding:6px;border:1px solid rgba(255,255,255,.14)} .fb-currency .languagesMenu__list a{color:#d6d6d6!important;font-size:12px!important} .languagesMenu__flags, .languagesMenu__box{border-radius:999px!important} .languagesMenu__list{border-radius:14px!important;overflow:hidden} /* obsah bocniho panelu do jednoho sloupce */ @media (min-width:992px){ .cart-window .row{display:block!important;margin:0!important} .cart-window [class*='col-']{width:100%!important;max-width:none!important;flex:0 0 100%!important;float:none!important;padding:0!important;margin:0 0 20px!important} .cart-window .cart-inner{padding:0!important} .cart-window h1,.cart-window h2,.cart-window .cart-heading{font-size:19px!important;line-height:1.35!important;letter-spacing:.04em!important;text-transform:uppercase!important;font-weight:400!important;margin:0 0 14px!important;text-align:left!important} .cart-window ul{padding-left:0!important;list-style:none!important} .cart-window li{margin:0 0 6px!important;font-size:14px} .cart-window .fb-ship{margin:0 0 22px} .cart-window .fb-empty{padding:0;text-align:left} .cart-window .fb-related,.cart-window .fb-sec{display:none!important} .cart-window img{max-width:100%;height:auto} } /* prazdny kosik v bocnim panelu: misto rozcestniku doporucene produkty */ @media (min-width:992px){ .cart-window .cart-empty .row, .cart-window .cart-empty > .container, .cart-window .cart-empty ul, .cart-window .cart-empty form, .cart-window .cart-empty .contact-box{display:none!important} .cart-window .cart-heading, .cart-window .cart-empty h1{display:block!important;font-size:18px!important;margin:0 0 6px!important} .cart-window .cart-empty .icon, .cart-window .cart-empty svg{display:none!important} .cart-window .fb-empty__title{font-size:18px!important;margin-bottom:6px} .cart-window .fb-empty__text{font-size:14px;margin-bottom:0} } .fb-drecs{margin:22px 0 0;border-top:1px solid #efeae5;padding-top:18px} .fb-drecs__title{font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;color:#8f8f8f!important;margin:0 0 14px!important} .fb-drec{display:flex;align-items:center;gap:14px;padding:9px 0;text-decoration:none;color:#2b2b2b} .fb-drec:hover{opacity:.7;color:#2b2b2b} .fb-drec__img{flex:0 0 62px;width:62px;height:62px;border-radius:14px;overflow:hidden;background:#f6f3f0;display:block} .fb-drec__img img{width:100%;height:100%;object-fit:cover;display:block} .fb-drec__body{display:flex;flex-direction:column;gap:4px;min-width:0} .fb-drec__name{font-size:13px;line-height:1.35;font-weight:600} .fb-drec__price{font-size:13px;color:#6f6a65} /* nadpis v panelu: sablona pred nej lepi ikonu kosiku pseudoprvkem a text pretekal */ @media (min-width:992px){ .cart-window .cart-heading::before, .cart-window .cart-heading::after{display:none!important;content:none!important} .cart-window .cart-heading{font-size:16px!important;padding:0!important;background:none!important;text-indent:0!important;display:block!important} } /* zavirani panelu: kulate tlacitko zarovnane do rohu */ @media (min-width:992px){ .cart-window .toggle-window-arr{position:absolute!important;top:16px!important;right:18px!important;left:auto!important;bottom:auto!important; width:40px!important;height:40px!important;min-width:0!important;max-width:40px!important;padding:0!important;margin:0!important; display:flex!important;align-items:center!important;justify-content:center!important; border-radius:50%!important;background:#f2efec!important;border:0!important;z-index:5!important} .cart-window .toggle-window-arr span{margin:0!important} .cart-window .cart-window-in{padding-top:72px!important} } /* odznak Overeno zakazniky dolu, at nekrici u horniho okraje */ [id^='hw-'][id$='right'], [id^='hw-'][id*='right']{top:auto!important;bottom:96px!important} /* ---------- stranka kosiku, prazdny stav ---------- */ .cart-inner.cart-empty{display:flex!important;flex-direction:column!important} .cart-inner.cart-empty .cart-heading{order:1;text-align:center!important;margin:0 0 10px!important;font-size:26px!important;font-weight:400!important;letter-spacing:.05em!important;text-transform:uppercase!important} /* sablona lepi pred nadpis ikonu kosiku pseudoprvkem */ .cart-inner.cart-empty .cart-heading::before, .cart-inner.cart-empty .cart-heading::after{display:none!important;content:none!important} .cart-inner.cart-empty .fb-empty{order:2;text-align:center;padding:0} .cart-inner.cart-empty .fb-empty__title{display:none!important} .cart-inner.cart-empty .fb-empty__text{margin:0 0 26px!important} .cart-inner.cart-empty .fb-related{order:3} .cart-inner.cart-empty .cart-row{order:4;margin-top:46px} /* rozcestnik kategorii nahradily doporucene produkty */ .cart-inner.cart-empty .empty-cart-boxes > div:first-child{display:none!important} .cart-inner.cart-empty .empty-cart-boxes > div{width:100%!important;max-width:none!important;flex:0 0 100%!important;text-align:center} .cart-inner.cart-empty .empty-cart-boxes h3, .cart-inner.cart-empty .cart-row h3{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#8f8f8f!important;font-weight:600!important;margin:0 0 14px!important} .cart-inner.cart-empty .search{max-width:420px;margin:0 auto} @media (max-width:767px){ .cart-inner.cart-empty .cart-heading{font-size:20px!important} } /* mobil: stejne poradi jako na desktopu, rozcestnik kategorii nikde */ @media (max-width:767px){ .cart-inner.cart-empty .empty-cart-boxes{display:flex!important;flex-direction:column;margin:0!important} .cart-inner.cart-empty .empty-cart-boxes > div{width:100%!important;max-width:none!important;flex:0 0 auto!important;padding:0!important;margin:0 0 22px!important} .cart-inner.cart-empty .empty-cart-boxes > div:first-child{display:none!important} .cart-inner.cart-empty .search{max-width:none} .cart-inner.cart-empty .cart-row{margin-top:34px} /* blok Potrebujete pomoc na mobilu nechceme */ .cart-inner.cart-empty .cart-row .col-xl-4{display:none!important} } /* ========= BOCNI PANEL KOSIKU: DOLADENI (srpen 2026) ========= nahrazuje starsi pravidla pro .cart-window .toggle-window-arr vyse */ @media (min-width:992px){ /* --- tlacitko Zpet do obchodu: pilulka misto pretekajiciho kolecka --- */ .cart-window .toggle-window-arr{ position:absolute!important;top:18px!important;left:24px!important;right:auto!important;bottom:auto!important; width:auto!important;min-width:0!important;max-width:calc(100% - 48px)!important;height:38px!important; padding:0 18px 0 14px!important;margin:0!important; display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important; border-radius:999px!important;background:#f2efec!important;border:0!important;box-shadow:none!important; font-size:11px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important; line-height:1!important;color:#2b2b2b!important;white-space:nowrap!important;overflow:hidden!important; text-overflow:ellipsis!important;text-indent:0!important;z-index:5!important} .cart-window .toggle-window-arr::before{font-size:15px!important;line-height:1!important;margin:0!important;flex:0 0 auto!important} .cart-window .toggle-window-arr span{display:inline!important;margin:0!important;white-space:nowrap!important; font-size:11px!important;letter-spacing:.12em!important} .cart-window .cart-window-in{padding-top:74px!important} /* --- kroky objednavky: tri stejne vysoke dlazdice vedle sebe --- */ .cart-window .cart-header{display:grid!important;grid-template-columns:repeat(3,1fr)!important; gap:6px!important;margin:0 0 22px!important;padding:0!important;border:0!important;list-style:none!important} /* sablona ma na .cart-header clearfix pseudoprvky, v gridu by z nich byly bunky */ .cart-window .cart-header::before, .cart-window .cart-header::after{display:none!important;content:none!important} .cart-window .cart-header li.step{display:block!important;width:auto!important;max-width:none!important; margin:0!important;padding:0!important;border:0!important;background:none!important;float:none!important} .cart-window .cart-header li.step > strong, .cart-window .cart-header li.step > a{display:flex!important;align-items:center!important;justify-content:center!important; text-align:center!important;height:100%!important;min-height:54px!important;padding:8px!important;margin:0!important; box-sizing:border-box!important;border:1px solid #e7e1db!important;border-radius:12px!important;background:#faf8f6!important; font-size:10px!important;line-height:1.35!important;letter-spacing:.07em!important;text-transform:uppercase!important; font-weight:600!important;color:#9a938c!important;text-decoration:none!important} .cart-window .cart-header li.step.active > strong, .cart-window .cart-header li.step.active > a{background:#2b2b2b!important;border-color:#2b2b2b!important;color:#fff!important} /* ramecek a pozadi drzi v sablone span, tady je z nej jen text s poradovym cislem */ .cart-window .cart-header li.step span{display:inline!important;width:auto!important;height:auto!important; min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important; color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important; white-space:normal!important} /* --- polozky kosiku: karta misto tabulky sirsi nez panel --- */ .cart-window .cart-table, .cart-window .cart-table > tbody{display:block!important;width:100%!important;max-width:100%!important; border:0!important;table-layout:auto!important} .cart-window .cart-table > tbody > tr{display:grid!important;width:100%!important; grid-template-columns:72px minmax(0,1fr) auto!important; grid-template-areas:"img name name" "img avail avail" "img qty total"!important; column-gap:14px!important;row-gap:8px!important;align-items:center!important; padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #efeae5!important} .cart-window .cart-table > tbody > tr:first-child{padding-top:0!important} .cart-window .cart-table td{display:block!important;width:auto!important;max-width:none!important; padding:0!important;border:0!important;text-align:left!important;vertical-align:top!important} .cart-window .cart-table td.cart-p-image{grid-area:img!important;align-self:start!important} .cart-window .cart-table td.cart-p-image a, .cart-window .cart-table td.cart-p-image img{display:block!important;width:72px!important;height:72px!important; object-fit:cover!important;border-radius:12px!important;max-width:none!important} .cart-window .cart-table td.p-name{grid-area:name!important;font-size:13px!important;line-height:1.4!important} .cart-window .cart-table td.p-name a.main-link{color:#2b2b2b!important;text-decoration:none!important;font-weight:600!important} .cart-window .cart-table td.p-name .main-link-variant{display:block!important;font-weight:400!important; font-size:12px!important;color:#8f8f8f!important;margin-top:2px!important} .cart-window .cart-table td.p-availability{grid-area:avail!important;font-size:12px!important} .cart-window .cart-table td.p-availability .availability-label{font-size:12px!important} .cart-window .cart-table td.p-quantity{grid-area:qty!important;justify-self:start!important} .cart-window .cart-table td.p-quantity .quantity{border-radius:999px!important;overflow:hidden!important} .cart-window .cart-table td.p-price{display:none!important} /* cena za kus, soucet zustava */ .cart-window .cart-table td.p-total{grid-area:total!important;justify-self:end!important; display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important} .cart-window .cart-table td.p-total .price-final{font-size:15px!important;font-weight:700!important} .cart-window .cart-table .p-label{display:none!important} /* krizek na odebrani je v sablone videt az pri hoveru, v panelu at je vidy */ .cart-window .cart-table .remove-item{opacity:.4!important} .cart-window .cart-table tr:hover .remove-item{opacity:1!important} /* --- slevovy kupon: nadpis je v placeholderu, tlacitko na celou sirku --- */ .cart-window .cart-inner > h2.h4{display:none!important} .cart-window .discount-coupon{margin:20px 0 4px!important;padding:0!important;width:100%!important} .cart-window .discount-coupon form{display:flex!important;flex-direction:column!important;gap:10px!important; width:100%!important;max-width:100%!important;margin:0!important} .cart-window .discount-coupon .form-control{display:block!important;float:none!important;width:100%!important; max-width:100%!important;height:46px!important;margin:0!important;padding:0 20px!important; border:1px solid #e7e1db!important;border-radius:999px!important;background:#fff!important; font-size:13px!important;text-align:center!important} .cart-window .discount-coupon .btn{display:flex!important;float:none!important;width:100%!important; max-width:100%!important;margin:0!important;align-items:center!important;justify-content:center!important; gap:10px!important;border-radius:999px!important;height:46px!important;padding:0 20px!important; font-size:12px!important;letter-spacing:.1em!important} /* nic v panelu nesmi pretekat do strany */ .cart-window .cart-wrapper, .cart-window .cart-inner, .cart-window .row.summary, .cart-window .row.summary [class*='col-']{max-width:100%!important} .cart-window .cart-inner{width:100%!important} } /* ================= PATICKA: zarovnani s webem ================= */ /* sablona davala paticce 44px po stranach, zbytek webu ma 60px */ #footer{padding-left:60px!important;padding-right:60px!important} #footer .footer-bottom::before, #footer .footer-bottom::after, #footer .custom-footer::before, #footer .custom-footer::after{display:none!important;content:none!important} /* facebookovy box se sledujicimi pryc, zbyle sloupce se roztahnou */ #footer .custom-footer__facebook{display:none!important} #footer .custom-footer > div{flex:1 1 0!important;max-width:none!important;width:auto!important;padding-right:24px!important} @media (max-width:991px){ #footer{padding-left:20px!important;padding-right:20px!important} } @media (max-width:767px){ #footer .custom-footer > div{padding-right:0!important} } /* ================= PRIHLASENI, REGISTRACE, UCET ================= */ #formLogin, #register-form, #formForgottenPassword, .content-inner > form.login-form, .content-inner > form.registration-form{ max-width:520px!important;margin:0 auto 40px!important;background:#faf8f6!important; border-radius:24px!important;padding:36px 34px 34px!important;box-sizing:border-box!important} #register-form{max-width:640px!important} body.in-login #content h1, body.in-registrace #content h1, body.in-registration #content h1{text-align:center!important;margin:0 0 28px!important} #formLogin .form-group, #register-form .form-group, #formForgottenPassword .form-group{margin:0 0 16px!important} #formLogin label, #register-form label, #formForgottenPassword label{font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important; color:#8f8f8f!important;font-weight:600!important;margin:0 0 7px!important;display:block!important} #formLogin .form-control, #register-form .form-control, #formForgottenPassword .form-control{border-radius:999px!important;height:48px!important;padding:0 20px!important; border:1px solid #e7e1db!important;background:#fff!important;box-shadow:none!important; width:100%!important;box-sizing:border-box!important;font-size:14px!important} #register-form textarea.form-control{border-radius:18px!important;height:auto!important;padding:14px 20px!important} #formLogin .form-control-wrapper, #register-form .form-control-wrapper, #formForgottenPassword .form-control-wrapper{border-radius:999px!important} #formLogin .submit-wrapper, #register-form .submit-wrapper, #formForgottenPassword .submit-wrapper{margin:24px 0 0!important} #formLogin .submit-wrapper .btn, #register-form .submit-wrapper .btn, #formForgottenPassword .submit-wrapper .btn{display:block!important;width:100%!important;max-width:none!important; min-width:0!important;border-radius:999px!important;height:50px!important;background:#2b2b2b!important;color:#fff!important; border:0!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:600!important} #formLogin .submit-wrapper .btn:hover, #register-form .submit-wrapper .btn:hover{opacity:.85} #formLogin .alternative-links{display:flex!important;flex-direction:row!important;align-items:center!important; justify-content:center!important;gap:22px!important;margin:22px 0 0!important;flex-wrap:wrap!important} #formLogin .alternative-links a{flex:0 0 auto!important;width:auto!important;display:inline-block!important; margin:0!important;font-size:13px!important;color:#6f6a65!important;text-decoration:underline!important} #formLogin .alternative-links a:hover{color:#2b2b2b!important} /* zakaznicka sekce po prihlaseni */ body[class*='in-klient'] .form-control, body[class*='in-klient'] input[type=text], body[class*='in-klient'] input[type=email], body[class*='in-klient'] input[type=tel]{border-radius:999px!important} body[class*='in-klient'] textarea{border-radius:18px!important} body[class*='in-klient'] .btn{border-radius:999px!important} body[class*='in-klient'] .box, body[class*='in-klient'] .client-center-box, body[class*='in-klient'] table{border-radius:18px!important;overflow:hidden} /* ================= VYHLEDAVANI: doporuceni pred dotazem ================= */ .fb-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:0 0 30px} .fb-chip{display:inline-flex;align-items:center;padding:9px 17px;border:1px solid #e7e1db;border-radius:999px; font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#2b2b2b; text-decoration:none;background:#fff;transition:background .2s,color .2s,border-color .2s} .fb-chip:hover{background:#2b2b2b;border-color:#2b2b2b;color:#fff} .fb-sale{border-top:1px solid #efeae5;padding-top:24px;text-align:left} .fb-sale__head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 18px} .fb-sale__label{background:#2b2b2b;color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em; text-transform:uppercase;padding:5px 11px;border-radius:999px} .fb-sale__title{margin:0;font-size:14px;color:#6f6a65} .fb-sale__all{margin-left:auto;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600; color:#2b2b2b;text-decoration:none;border-bottom:1px solid #2b2b2b;padding-bottom:2px} .fb-sale__all:hover{opacity:.65;color:#2b2b2b} .fb-sale__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px} .fb-sale__item{position:relative;display:block;text-decoration:none;color:#2b2b2b} .fb-sale__item:hover .fb-sale__img img{transform:scale(1.04)} .fb-sale__img{display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#f6f3f0;margin:0 0 10px} .fb-sale__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease} .fb-sale__badge{position:absolute;top:9px;left:9px;background:#2b2b2b;color:#fff;font-size:11px;font-weight:700; padding:4px 9px;border-radius:999px;letter-spacing:.04em} .fb-sale__name{display:block;font-size:13px;line-height:1.4;margin:0 0 5px} .fb-sale__prices{display:flex;align-items:baseline;gap:8px} .fb-sale__prices b{font-size:14px} .fb-sale__prices s{font-size:12px;color:#a3a3a3} .search-window h3{margin-bottom:18px!important} @media (max-width:767px){ .fb-sale__grid{grid-template-columns:repeat(2,1fr)} .fb-sale__all{margin-left:0} } /* ================= STRANKA O NAS ================= */ .fb-about{max-width:1180px;margin:0 auto;text-align:left} .fb-about p{color:#4a4642;line-height:1.85} .fb-about__lead{max-width:760px;margin:0 auto 44px!important;font-size:20px!important;line-height:1.7!important; color:#2b2b2b!important;text-align:center} .fb-about__eyebrow{font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;color:#9a938c!important; font-weight:600;margin:0 0 12px!important} .fb-about h2{font-size:30px;line-height:1.25;font-weight:400;letter-spacing:.01em;margin:0 0 18px;text-align:left} .fb-about h3{font-size:20px;font-weight:600;margin:0 0 4px;text-align:left} .fb-about__facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 52px} .fb-fact{background:#f6f3f0;border-radius:20px;padding:26px 22px;text-align:center} .fb-fact b{display:block;font-size:32px;line-height:1;font-weight:400;color:#2b2b2b;margin:0 0 8px} .fb-fact span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8f8f8f} .fb-about__hero{margin:0 0 60px} .fb-about__hero img{width:100%;height:auto;max-height:560px;display:block;border-radius:24px;object-fit:cover;aspect-ratio:3/2} .fb-about__split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin:0 0 68px} .fb-about__split--flip .fb-about__media{order:2} .fb-about__media img{width:100%;height:auto;display:block;border-radius:22px;aspect-ratio:4/3;object-fit:cover} .fb-about__text p{margin:0 0 14px} .fb-about__text p:last-child{margin-bottom:0} .fb-about__people{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:0 0 68px} .fb-person{background:#f6f3f0;border-radius:24px;padding:26px 26px 30px} .fb-person__img{border-radius:18px;overflow:hidden;margin:0 0 20px;background:#efeae5} .fb-person__img img{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover} .fb-person__role{font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;color:#9a938c!important; font-weight:600;margin:0 0 16px!important} .fb-person blockquote{margin:0;padding:0;border:0;font-size:15px;line-height:1.8;color:#4a4642;font-style:normal} .fb-person blockquote p{margin:0 0 12px} .fb-person blockquote p:last-child{margin-bottom:0} .fb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .fb-steps li{border-top:1px solid #e7e1db;padding:18px 0 0} .fb-steps b{display:block;font-size:12px;letter-spacing:.14em;color:#c8a35a;font-weight:700;margin:0 0 10px} .fb-steps h4{font-size:15px;font-weight:600;margin:0 0 8px} .fb-steps p{font-size:14px;line-height:1.7;margin:0;color:#6f6a65} .fb-about__process{margin:0 0 60px} .fb-about__cta{background:#2b2b2b;border-radius:24px;padding:46px 40px;text-align:center;color:#fff} .fb-about__cta h2{color:#fff;margin:0 0 12px;text-align:center} .fb-about__cta p{color:#b9b3ad!important;max-width:560px;margin:0 auto 26px!important} .fb-about__cta a{display:inline-block;background:#fff;color:#1a1a1a;border-radius:999px;padding:14px 30px; font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;text-decoration:none} .fb-about__cta a:hover{opacity:.85;color:#1a1a1a} @media (max-width:991px){ .fb-about__facts{grid-template-columns:repeat(2,1fr)} .fb-about__split{grid-template-columns:1fr;gap:26px} .fb-about__split--flip .fb-about__media{order:0} .fb-about__people{grid-template-columns:1fr} .fb-steps{grid-template-columns:1fr} } @media (max-width:767px){ .fb-about__lead{font-size:17px!important;margin-bottom:32px!important} .fb-about h2{font-size:24px} .fb-about__hero img{border-radius:18px;aspect-ratio:4/3} .fb-about__cta{padding:34px 22px} } /* ================= JEZDICI LISTA NAD HLAVICKOU ================= */ .fb-ticker{background:#2b2b2b;color:#fff;overflow:hidden;position:relative;width:100%} .fb-ticker__track{display:flex;width:max-content;animation:fb-ticker-run 42s linear infinite} .fb-ticker:hover .fb-ticker__track{animation-play-state:paused} .fb-ticker__group{display:flex;align-items:center;flex:0 0 auto} .fb-ticker__item{display:inline-flex;align-items:center;padding:11px 0;font-size:11px;letter-spacing:.16em; text-transform:uppercase;font-weight:600;white-space:nowrap;color:#fff} .fb-ticker__item::after{content:'\276F';color:#8f8f8f;font-size:10px;font-weight:400;margin:0 22px;letter-spacing:0} @keyframes fb-ticker-run{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media (max-width:767px){ .fb-ticker__item{font-size:10px;letter-spacing:.12em;padding:9px 0} .fb-ticker__item::after{margin:0 15px} .fb-ticker__track{animation-duration:30s} } @media (prefers-reduced-motion:reduce){ .fb-ticker__track{animation:none} .fb-ticker__group:nth-child(2){display:none} .fb-ticker__track{justify-content:center;width:100%;flex-wrap:wrap} } /* prepinac jazyka v hlavicce: pilulka uz pred rozkliknutim, text se nelepi na okraj */ #header .languagesMenu__content{border-radius:999px!important;padding:0!important} #header .languagesMenu__box{padding:0!important} /* sablona kolem textu kresli hranaty ramecek, ten pryc, tvar drzi pilulka */ #header .languagesMenu__header--actual{border:0!important;padding:9px 18px!important;border-radius:999px!important} /* ================= KATEGORIE: filtry a razeni ================= */ /* razeni jako pilulky */ .listSorting__controls{display:flex!important;flex-wrap:wrap!important;gap:8px!important;border:0!important; margin:0 0 26px!important;padding:0!important;list-style:none!important} .listSorting__controls li{margin:0!important;padding:0!important;border:0!important;list-style:none!important} .listSorting__control{border:1px solid #e7e1db!important;border-radius:999px!important;background:#fff!important; padding:9px 18px!important;font-size:12px!important;letter-spacing:.06em!important;text-transform:uppercase!important; font-weight:600!important;color:#6f6a65!important;line-height:1.2!important; transition:background .2s,color .2s,border-color .2s!important} .listSorting__control:hover{border-color:#2b2b2b!important;color:#2b2b2b!important} .listSorting__control--current{background:#2b2b2b!important;border-color:#2b2b2b!important;color:#fff!important} /* box s filtry jako karta */ .box-filters{background:#faf8f6!important;border-radius:20px!important;padding:22px 20px!important;border:0!important} .box-filters h4, .filter-section h4, .box-filters .box-headline{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important; color:#8f8f8f!important;font-weight:600!important;margin:0 0 14px!important} .box-filters .filter-label{font-size:14px!important} .box-filters .filter-count{color:#a3a3a3!important;font-size:12px!important} /* cenovy filtr: tenka draha a kulate uchyty misto ctverecku */ #slider.param-price-filter{height:4px!important;background:#e3ddd7!important;border-radius:999px!important; border:0!important;margin:16px 9px 22px!important} #slider .ui-slider-range{background:#2b2b2b!important;border-radius:999px!important;border:0!important; top:0!important;height:100%!important} #slider .ui-slider-handle{width:18px!important;height:18px!important;top:-7px!important;margin-left:-9px!important; border-radius:50%!important;background:#fff!important;border:2px solid #2b2b2b!important; box-shadow:0 1px 4px rgba(0,0,0,.18)!important;cursor:grab!important} #slider .ui-slider-handle:focus{outline:0!important} /* vzorky barev: mensi kolecka, jemnejsi odstiny, bily lem */ .advanced-filters-wrapper{flex-wrap:wrap!important;gap:10px!important} .advanced-filters-wrapper > div{width:auto!important;flex:0 0 auto!important} .filter-section label.advanced-parameter{width:32px!important;height:32px!important;margin:0!important;display:block!important} .filter-section .advanced-parameter-inner{width:32px!important;height:32px!important;border-radius:50%!important; border:2px solid #fff!important;box-shadow:0 0 0 1px #ded7d0!important; filter:saturate(.68) brightness(1.02)!important;transition:transform .16s ease,box-shadow .16s ease!important} .filter-section .advanced-parameter-inner img{border-radius:50%!important;width:100%!important;height:100%!important; object-fit:cover!important;filter:saturate(.68)!important} .filter-section label.advanced-parameter:hover .advanced-parameter-inner{transform:scale(1.12); box-shadow:0 0 0 1px #2b2b2b!important} .filter-section input:checked + label.advanced-parameter .advanced-parameter-inner{box-shadow:0 0 0 2px #2b2b2b!important} /* sablona kresli kolem slideru jeste vlastni ramecek a filtry ma na bilem podkladu */ .box-filters .slider-content{border:0!important;background:none!important;height:auto!important;padding:0!important} .box-filters .slider-wrapper{background:none!important;border:0!important} .box-filters .filter-sections, .box-filters .filter-section{background:transparent!important;border-color:#e7e1db!important} /* ===================================================================== HOMEPAGE: cerno-bily editorial layout (jen body.type-index) Bila, cerna, neutralni sedé. Akcentni terakota jen pro ceny a slevy. Ze stavajiciho webu zustava zaobleni tlacitek, obrazku a slevovych stitku. Revert: smazat tento blok + odkaz na Jost v Zahlavi. ===================================================================== */ body.type-index{ --paper:#FFFFFF;--paper-2:#FAFAFA;--stone:#F4F3F2; --ink:#111111;--ink-2:#5F5F5F;--ink-3:#9B9B9B; --line:#E6E4E2;--line-2:#D6D3D0;--red:#C4442E; --ease:cubic-bezier(.22,.61,.36,1)} body.type-index, body.type-index #content-wrapper, body.type-index .content-wrapper-in, body.type-index #content, body.type-index .index-content-wrapper, body.type-index .shp-tabs-wrapper, body.type-index #tab-content, body.type-index .welcome, body.type-index .homepage-texts-wrapper{background:var(--paper)!important} body.type-index, body.type-index *:not([class*="shoptet-icon"]):not(.icon){ font-family:Jost,"Helvetica Neue",Helvetica,Arial,sans-serif!important} body.type-index{color:var(--ink)!important;font-weight:300!important;font-size:13px!important;line-height:1.6!important} body.type-index h1,body.type-index h2,body.type-index h3,body.type-index h4,body.type-index .h4{ font-weight:500!important;text-transform:uppercase!important;letter-spacing:.13em!important;color:var(--ink)!important} body.type-index .homepage-group-title{text-align:center!important;font-weight:500!important; text-transform:uppercase!important;letter-spacing:.13em!important; font-size:clamp(1.6rem,3.2vw,2.6rem)!important;margin:0 0 46px!important;color:var(--ink)!important} body.type-index a{color:inherit} /* ---- jezdici lista ---- */ body.type-index .fb-ticker{background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--line)} body.type-index .fb-ticker__item{color:var(--ink)!important;font-weight:600!important;font-size:11px!important; letter-spacing:.11em!important;padding:10px 0!important} body.type-index .fb-ticker__item::after{color:var(--ink-3)!important} /* ---- hlavicka pluje nad herem, po odscrollovani zbeli ---- */ body.type-index .overall-wrapper{position:relative} body.type-index #header{position:absolute!important;left:0;right:0;top:var(--fb-th,38px);z-index:50; background:transparent!important;box-shadow:none!important;border:0!important; transition:background .45s var(--ease),color .45s var(--ease)} body.type-index #header::before{content:"";position:absolute;left:0;right:0; top:calc(var(--fb-th,38px) * -1);height:calc(100% + var(--fb-th,38px) + 40px); background:linear-gradient(to bottom,rgba(0,0,0,.34),rgba(0,0,0,0)); pointer-events:none;z-index:-1;transition:opacity .45s var(--ease)} body.type-index #header .menu-level-1>li>a, body.type-index #header .site-name a{color:#fff!important} body.type-index #header .site-name img{filter:brightness(0) invert(1)} body.type-index #header .navigation-in.menu, body.type-index #header .navigation-buttons, body.type-index #header .top-navigation-bar, body.type-index #header .header-top{background:transparent!important} body.type-index:not(.fb-solid) #header .toggle-window, body.type-index:not(.fb-solid) #header .top-nav-button{background:transparent!important;color:#fff!important} body.type-index:not(.fb-solid) #header .top-nav-button svg, body.type-index:not(.fb-solid) #header .toggle-window svg{stroke:#fff!important;fill:none!important} body.type-index:not(.fb-solid) #header .languagesMenu__content{background:transparent!important; border:1px solid rgba(255,255,255,.5)!important} body.type-index:not(.fb-solid) #header .languagesMenu__header--actual{color:#fff!important} body.type-index #header .menu-level-1>li>a{font-size:12px!important;font-weight:600!important; text-transform:uppercase!important;letter-spacing:.045em!important} /* rozbalovaci podmenu je na bilem podkladu, text musi zustat cerny */ body.type-index #header .menu-level-2{background:var(--paper)!important;border:1px solid var(--line)!important; box-shadow:0 12px 34px rgba(0,0,0,.09)!important} body.type-index #header .menu-level-2 a, body.type-index #header .menu-level-2 a span, body.type-index #header .menu-level-3 a, body.type-index #header .menu-level-3 a span{color:var(--ink)!important;text-transform:none!important; letter-spacing:.01em!important;font-weight:300!important} body.type-index #header .menu-level-2 a:hover, body.type-index #header .menu-level-2 a:hover span{color:var(--ink)!important;opacity:.6} body.type-index.fb-solid header#header{position:fixed!important;top:0!important; background-color:var(--paper)!important;border-bottom:1px solid var(--line)!important} body.type-index.fb-solid #header::before{opacity:0} body.type-index.fb-solid #header .menu-level-1>li>a{color:var(--ink)!important} body.type-index.fb-solid #header .site-name img{filter:none} body.type-index.fb-solid #header .toggle-window, body.type-index.fb-solid #header .top-nav-button{background:transparent!important;color:var(--ink)!important} body.type-index.fb-solid #header .languagesMenu__content{background:var(--ink)!important;border:0!important} body.type-index.fb-solid #header .languagesMenu__header--actual{color:#fff!important} /* ---- hero pres celou sirku i vysku ---- */ body.type-index #content.wide, body.type-index .content-inner, body.type-index #content-wrapper{padding-left:0!important;padding-right:0!important} body.type-index .row.banners-row{width:100vw!important;max-width:100vw!important; margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important} body.type-index .row.banners-row, body.type-index .wide-carousel, body.type-index #carousel, body.type-index #carousel .carousel-inner{margin-top:0!important;margin-bottom:0!important; padding:0!important;background:var(--stone)} body.type-index #carousel .carousel-inner, body.type-index #carousel .item{height:88vh!important;min-height:600px!important;position:relative} body.type-index #carousel .item img{width:100%!important;height:100%!important; object-fit:cover!important;object-position:left center!important} body.type-index #carousel .carousel-indicators li{width:26px!important;height:1px!important; border-radius:0!important;border:0!important;background:rgba(255,255,255,.45)!important;margin:0 7px!important} body.type-index #carousel .carousel-indicators li.active{background:#fff!important} /* ---- karta produktu: stejne vysoke, tlacitko vzdy dole a stejne siroke ---- */ body.type-index .products .swiper-wrapper{align-items:stretch!important} body.type-index .products .product, body.type-index .products .swiper-slide{height:auto!important} body.type-index .products .product{padding:0 8px!important;display:flex!important;flex-direction:column!important} body.type-index .products .product .p{border:0!important;background:transparent!important; border-radius:0!important;padding:0!important;height:auto!important; display:flex!important;flex-direction:column!important;flex:1 1 auto!important} body.type-index .products .product a.image{border-radius:16px!important;background:var(--stone)!important;overflow:hidden!important} body.type-index .products .product .p-in{padding:20px 6px 0!important;text-align:center!important; display:flex!important;flex-direction:column!important;flex:1 1 auto!important} body.type-index .products .product .p-in-in{padding:0!important} body.type-index .products .product a.name{display:block!important;font-size:15px!important;font-weight:500!important; text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--ink)!important; line-height:1.3!important;margin:0 0 8px!important;text-align:center!important} body.type-index .products .product .availability{text-align:center!important;font-size:12.5px!important; color:var(--ink-2)!important;font-weight:300!important;padding:0!important;margin:0 0 8px!important} body.type-index .products .product .availability span{color:var(--ink-2)!important} body.type-index .products .product .prices{justify-content:center!important;gap:10px!important} body.type-index .products .product .price-final, body.type-index .products .product .price-final strong{font-weight:600!important;font-size:13px!important;color:var(--ink)!important} /* cena ve slevě a slevovy stitek zustavaji v akcentni barve */ body.type-index .products .product .prices:has(.price-standard) .price-final, body.type-index .products .product .prices:has(.price-standard) .price-final strong{color:var(--red)!important} body.type-index .products .product .price-standard{color:var(--ink-3)!important;font-weight:300!important;font-size:12.5px!important} body.type-index .products .product .flag, body.type-index .products .product .flag-discount{background:var(--red)!important;color:#fff!important; border-radius:999px!important;font-size:10px!important;letter-spacing:.1em!important;font-weight:600!important} /* tlacitko: cerne, zaoblene, vsude stejne velke a zarovnane dolu */ body.type-index .products .product .p-bottom{text-align:center!important;margin-top:auto!important;padding-top:8px!important} /* tecky karuselu odsazene od tlacitka */ body.type-index .dklabSliderplusHome.swiper, body.type-index .dklabSliderplusHomeWrapper .swiper{padding-bottom:58px!important} body.type-index .dklabSliderplusHomeWrapper .swiper-pagination{bottom:6px!important} body.type-index .products .product .gene-btn, body.type-index .products .product .btn{display:inline-flex!important;align-items:center!important; justify-content:center!important;width:100%!important;max-width:240px!important;height:46px!important; padding:0 22px!important;margin:22px auto 0!important;box-sizing:border-box!important; background:var(--ink)!important;color:#fff!important;border:1px solid var(--ink)!important; border-radius:999px!important;font-size:11px!important;letter-spacing:.1em!important; text-transform:uppercase!important;font-weight:600!important;box-shadow:none!important; transition:background .35s var(--ease),color .35s var(--ease)!important} body.type-index .products .product .gene-btn:hover, body.type-index .products .product .btn:hover{background:transparent!important;color:var(--ink)!important} body.type-index .dklabSliderplusHomeWrapper .swiper-button-next, body.type-index .dklabSliderplusHomeWrapper .swiper-button-prev{background:transparent!important; border:1px solid var(--line-2)!important;color:var(--ink)!important} body.type-index .swiper-pagination-bullet{background:var(--line-2)!important;opacity:1!important} body.type-index .swiper-pagination-bullet-active{background:var(--ink)!important} /* ---- ostatni tlacitka na homepage cerna ---- */ body.type-index .welcome .btn, body.type-index .welcome a.btn, body.type-index .banners-content .btn{background:var(--ink)!important;color:#fff!important; border:1px solid var(--ink)!important;border-radius:999px!important} body.type-index .welcome .btn:hover, body.type-index .banners-content .btn:hover{background:transparent!important;color:var(--ink)!important} /* ---- paticka na homepage bila ---- */ body.type-index #footer, body.type-index #footer .newsletter-wrap{background:var(--paper)!important;color:var(--ink)!important} body.type-index #footer{border-top:1px solid var(--line)!important} body.type-index #footer .newsletter-wrap{border-bottom:1px solid var(--line)!important} body.type-index #footer .newsletter-header h3, body.type-index #footer .newsletter-header h3 span{color:var(--ink)!important} body.type-index #footer .newsletter-header p{color:var(--ink-2)!important} body.type-index #footer .custom-footer h3, body.type-index #footer .custom-footer .pageElement__heading{color:var(--ink-3)!important} body.type-index #footer .custom-footer a, body.type-index #footer .footer-bottom a, body.type-index #footer .footer-bottom .copyright{color:var(--ink-2)!important} body.type-index #footer .custom-footer a:hover, body.type-index #footer .footer-bottom a:hover{color:var(--ink)!important} body.type-index #footer .subscribe-form input[type=text], body.type-index #footer .subscribe-form input[type=email]{background:var(--paper)!important; border:1px solid var(--line-2)!important;color:var(--ink)!important} body.type-index #footer .subscribe-form input::placeholder{color:var(--ink-3)!important} body.type-index #footer .subscribe-form label, body.type-index #footer .subscribe-form p.label, body.type-index #footer .subscribe-form .label{color:var(--ink-3)!important} body.type-index #footer .subscribe-form a{color:var(--ink-2)!important} body.type-index #footer .subscribe-form button.btn{background:var(--ink)!important;color:#fff!important; border:1px solid var(--ink)!important} body.type-index #footer .footer-bottom{border-top:1px solid var(--line)!important} body.type-index #footer .fb-currency .languagesMenu__box{border-color:var(--line-2)!important} body.type-index #footer .fb-currency .languagesMenu__header--actual{color:var(--ink)!important} /* loga plateb a ikonky kontaktu jsou bile pro tmavou paticku, na bile je otocit */ body.type-index #footer .custom-footer img, body.type-index #footer .custom-footer svg, body.type-index #footer .contact-box img, body.type-index #footer .contact-box svg{filter:brightness(0)!important;opacity:.72} @media (max-width:991px){ body.type-index #carousel .carousel-inner, body.type-index #carousel .item{height:70vh!important;min-height:460px!important} body.type-index #carousel .item img{object-position:center center!important} } /* ---- pas vyhod: cistsi linkove ikony misto PNG na bilem ctverci ---- */ body.type-index .benefits .b-img{background:transparent!important;width:auto!important;height:auto!important; margin:0 auto 18px!important;padding:0!important;display:block!important} body.type-index .benefits .b-img svg{width:32px;height:32px;display:block;margin:0 auto; stroke:var(--ink);stroke-width:1.1;fill:none;stroke-linecap:round;stroke-linejoin:round} body.type-index .benefits .b-item h3{font-size:12px!important;font-weight:600!important; letter-spacing:.12em!important;text-transform:uppercase!important;margin:0 0 8px!important} body.type-index .benefits .b-item p{font-size:12.5px!important;color:var(--ink-2)!important; max-width:28ch;margin:0 auto!important;font-weight:300!important}