/* Wyglad sklepu faneo (wyniesiony z sklep.css silnika). Plik witryny: overlay-zasobow/webroot/www/sklep-witryna.css instancji. Ladowany po sklep.css. */


/* faneo.net: globalne kolumny boczne odwzorowane ze starego motywu Hueman. */
.shop-site--faneo{background:#eaeaea;color:#666;font-family:"Roboto Condensed",Arial,sans-serif}.shop-site--faneo .faneo-three-col{position:relative;display:grid;grid-template-columns:340px minmax(0,1fr) 260px;align-items:stretch;width:min(1380px,calc(100% - 40px));margin-inline:auto;background:#fff}.shop-site--faneo .faneo-main{width:100%;min-width:0;margin:0;padding:45px 30px}.shop-site--faneo .faneo-sidebar{position:relative;min-width:0;background:#f0f0f0;color:#777}.shop-site--faneo .faneo-sidebar-content{padding-bottom:20px}.shop-site--faneo .faneo-sidebar-top{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:15px 30px;color:rgba(255,255,255,.8);font-size:16px;font-weight:600;line-height:24px;text-transform:uppercase}.shop-site--faneo .faneo-sidebar--left .faneo-sidebar-top{background:#ff3800}.shop-site--faneo .faneo-sidebar--right .faneo-sidebar-top{background:#db0000}.shop-site--faneo .faneo-sidebar-top a{display:flex;color:rgba(255,255,255,.7)}.shop-site--faneo .faneo-sidebar-widget{padding:30px 30px 20px}.shop-site--faneo .faneo-sidebar-widget h2{margin:0 0 12px;color:#777;font:inherit}.shop-site--faneo .faneo-sidebar-menu ul{margin:0;padding:0;list-style:none}.shop-site--faneo .faneo-sidebar-menu li{border-bottom:1px solid #e4e4e4}.shop-site--faneo .faneo-sidebar-menu a{display:block;padding:10px 0;color:#777;text-decoration:none}.shop-site--faneo .faneo-sidebar-menu a:before{content:"−";display:inline-block;width:1em;margin-right:6px;color:#ccc;font-size:12px;font-weight:600}.shop-site--faneo .faneo-sidebar a:hover{color:#444}.shop-site--faneo .faneo-sidebar-offer{padding-top:20px}.shop-site--faneo .faneo-sidebar-offer a{color:#777}.shop-site--faneo .faneo-sidebar-gallery{padding-bottom:8px}.shop-site--faneo .faneo-sidebar-gallery a,.shop-site--faneo .faneo-sidebar-gallery img{display:block}.shop-site--faneo .faneo-sidebar-gallery__large{display:grid;gap:20px}.shop-site--faneo .faneo-sidebar-gallery__large img{width:100%;height:auto}.shop-site--faneo .faneo-sidebar-gallery__small{display:grid;grid-template-columns:repeat(2,85px);gap:0;margin-top:20px}.shop-site--faneo .faneo-sidebar-gallery__small img{width:85px;height:85px;object-fit:cover}.shop-site--faneo .faneo-tag-cloud{padding-top:12px}.shop-site--faneo .faneo-tag-cloud h2{margin-bottom:15px}.shop-site--faneo .faneo-tag-cloud a{color:#777;line-height:1.75}.shop-site--faneo .faneo-sidebar-toggle{display:none}.shop-site--faneo .sklep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-site--faneo .sklep-katalog{grid-template-columns:minmax(0,1fr)}.shop-site--faneo .sklep-filtry{margin-bottom:25px}
@media(max-width:1200px) and (min-width:480px){.shop-site--faneo .faneo-three-col{grid-template-columns:340px minmax(0,1fr) 50px}.shop-site--faneo .faneo-sidebar--right .faneo-sidebar-content{display:none}.shop-site--faneo .faneo-sidebar--right .faneo-sidebar-toggle{display:block}.shop-site--faneo .faneo-sidebar-toggle{position:absolute;inset:0;z-index:3;width:50px;padding:14px 0;border:0;border-radius:0;background:#db0000;color:#fff;font:32px/1 "Roboto Condensed",Arial,sans-serif}.shop-site--faneo .faneo-sidebar--left .faneo-sidebar-toggle{background:#ff3800}.shop-site--faneo .faneo-sidebar.is-open{z-index:20}.shop-site--faneo .faneo-sidebar.is-open .faneo-sidebar-toggle{display:none}.shop-site--faneo .faneo-sidebar.is-open .faneo-sidebar-content{position:absolute;top:0;display:block;width:260px;background:#f0f0f0;box-shadow:0 6px 22px rgba(0,0,0,.25)}.shop-site--faneo .faneo-sidebar--left.is-open .faneo-sidebar-content{left:0;width:340px}.shop-site--faneo .faneo-sidebar--right.is-open .faneo-sidebar-content{right:0}}
@media(max-width:960px) and (min-width:480px){.shop-site--faneo .faneo-three-col{width:100%;grid-template-columns:50px minmax(0,1fr) 50px}.shop-site--faneo .faneo-sidebar--left .faneo-sidebar-content{display:none}.shop-site--faneo .faneo-sidebar--left .faneo-sidebar-toggle{display:block}.shop-site--faneo .sklep-grid{grid-template-columns:1fr}}
@media(max-width:479px){.shop-site--faneo .faneo-three-col{width:100%;grid-template-columns:minmax(0,1fr)}.shop-site--faneo .faneo-main{order:1;padding:35px 15px}.shop-site--faneo .faneo-sidebar--left{order:2}.shop-site--faneo .faneo-sidebar--right{order:3}.shop-site--faneo .faneo-sidebar-toggle{display:none}.shop-site--faneo .faneo-sidebar-widget,.shop-site--faneo .faneo-sidebar-top{padding-right:15px;padding-left:15px}.shop-site--faneo .faneo-sidebar-gallery__small{grid-template-columns:repeat(auto-fill,85px)}}

/* Karta produktu faneo.net: nazwa (h1) miesci sie w kolumnie, przycisk "Dodaj do koszyka" to duzy guzik na cala szerokosc. */
.shop-site--faneo .produkt{grid-template-columns:minmax(0,1fr);gap:24px}
.shop-site--faneo .produkt>*{min-width:0}
.shop-site--faneo .produkt h1{max-width:100%;margin:.2em 0 .35em;font-size:clamp(26px,2.4vw,36px);line-height:1.15;overflow-wrap:anywhere;hyphens:auto}
.shop-site--faneo .dodaj-koszyk{grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch}
.shop-site--faneo .dodaj-koszyk .produkt-ilosc{max-width:160px}
.shop-site--faneo .dodaj-koszyk [data-add-cart]{display:block;width:100%;min-height:64px;padding:16px 20px;border:0;border-radius:3px;background:#d62e00;color:#fff;font-size:22px;font-weight:800;letter-spacing:.04em;line-height:1.2;text-align:center;text-transform:uppercase;cursor:pointer;box-shadow:0 3px 0 #9c2100}
.shop-site--faneo .dodaj-koszyk [data-add-cart]:hover,.shop-site--faneo .dodaj-koszyk [data-add-cart]:focus-visible{background:#b52600}
.shop-site--faneo .dodaj-koszyk [data-add-cart]:active{transform:translateY(2px);box-shadow:0 1px 0 #9c2100}
.shop-site--faneo .dodaj-koszyk [data-add-cart]:disabled{background:#999;box-shadow:none;cursor:not-allowed}
@media(max-width:1200px){.shop-site--faneo .produkt{grid-template-columns:minmax(0,1fr)}}/*
 * faneo.net - strona zamowienia (/zamowienie/) w motywie z sidebarami (.faneo-three-col: lewy 340px, srodek, prawy 260px).
 * NIE wgrywac do silnika. Ten blok dopisac na koncu pliku overlay instancji:
 *   instances/faneo-net/overlay-zasobow/webroot/www/sklep-witryna.css
 * Wszystkie reguly maja klase .shop-site--faneo (klasa body generowana przez SklepRouter::klasyMotywu z hosta faneo.net).
 * Wymaga sklep.css >= v=23 (ogolne reguly checkoutu z wydania z ta zmiana: podsumowanie 100% szerokosci, wysrodkowany przycisk).
 *
 * Co robi:
 * 1) na stronie z formularzem checkoutu (.checkout) chowa oba sidebary i oddaje caly wiersz srodkowej kolumnie,
 *    dzieki czemu "Twoje zamowienie" (lista pozycji z cenami) ma pelna szerokosc strony, bez zawijania tekstu;
 * 2) powtarza (z wyzsza specyficznoscia niz motyw.css) reguly podsumowania: pelna szerokosc, przycisk "Zamawiam i placę" na srodku.
 * Sidebary na pozostalych stronach sklepu (katalog, produkt, koszyk) zostaja bez zmian.
 */

/* 1) Checkout bez sidebarow. :has() - Chrome/Edge 105+, Safari 15.4+, Firefox 121+; starsze przegladarki zachowaja uklad z sidebarami, ale podsumowanie z pkt 2 i tak jest na pelna szerokosc kolumny. */
.shop-site--faneo .faneo-three-col:has(.checkout) { grid-template-columns: minmax(0, 1fr); }
.shop-site--faneo .faneo-three-col:has(.checkout) > .faneo-sidebar { display: none; }

/* 2) Podsumowanie zamowienia: pelna szerokosc, przycisk na srodku na dole. */
.shop-site--faneo .checkout.checkout-uklad { max-width: none; }
.shop-site--faneo .checkout.checkout-uklad > .checkout-podsumowanie { flex: 1 1 100%; width: 100%; max-width: none; position: static; }
.shop-site--faneo .checkout-podsumowanie li > span { flex: 1 1 auto; min-width: 0; }
.shop-site--faneo .checkout-podsumowanie li > b { flex: 0 0 auto; white-space: nowrap; }
.shop-site--faneo .checkout-podsumowanie > button { display: block; width: auto; min-width: min(100%, 280px); margin: 22px auto 0; }

/* Opcjonalnie: faneo.net bedzie mial "konto przy zamowieniu = nie"; jesli konta klientow sa tam wlaczone, a link
 * "Masz juz konto? Zaloguj sie" ma zniknac, odkomentowac:
 * .shop-site--faneo .checkout-logowanie { display: none; }
 */