/* ===== 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;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#2b2b2b;text-decoration:none;border-bottom:1px solid #2b2b2b;padding-bottom:3px;transition:opacity .15s} .fb-home .fb-link:hover{opacity:.55;color:#2b2b2b} /* o nas / vyroba */ .fb-craft{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#f6f3f0;margin-top:8px} .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:64px 7%;align-self:center} /* 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} .fb-tile__img img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .6s ease} .fb-tile:hover .fb-tile__img img{transform:scale(1.04)} .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} .fb-visit__body{padding:64px 7%;align-self:center} .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:36px 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} }