/* ===== 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.04);transition:transform .6s ease} .fb-tile:hover .fb-tile__img img{transform:scale(1.11)} .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} }