Produkty. Dobra Cena Sklep Internetowy - Kreatywnylas.pl

Skip to main content

img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } .wp-block-fpf-template-selector { max-width: 100% !important; width: 100%; } .wp-block-fpf-template-selector .form-row .input-text, .wp-block-fpf-template-selector .form-row select { background-color: #fff; border: 1px solid rgba(32, 7, 7, .8); border-radius: 4px; box-sizing: border-box; color: #000; display: block; font-family: inherit; font-size: .875rem; font-weight: 400; height: auto; letter-spacing: normal; line-height: normal; margin: 0; padding: .9rem 1.1rem; width: 100%; } .wp-block-fpf-template-selector .form-row label { display: block; line-height: 2; margin-bottom: .7em; } .wp-block-fpf-template-selector .form-row select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg=="); background-position: calc(100% - 1.1rem) 50%; background-repeat: no-repeat; background-size: 16px; cursor: pointer; padding-right: 3em; } .wp-block-fpf-template-selector .form-row select.nitro-lazy { background-image: none !important; } .kl-ptf.widget_layered_nav { background: transparent; border: 0; padding: 0; margin: 0; } .kl-ptf .widget-title { margin-bottom: 10px; } .kl-ptf .woocommerce-widget-layered-nav-list { list-style: none; margin: 0; padding: 0; } .kl-ptf .woocommerce-widget-layered-nav-list__item { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; } .kl-ptf .woocommerce-widget-layered-nav-list__item .count { opacity: .65; font-size: 12px; margin-left: 12px; } .kl-ptf .woocommerce-widget-layered-nav-list__item.is-disabled { opacity: .45; pointer-events: none; } .kl-ptf .woocommerce-widget-layered-nav-list__item[aria-disabled="true"] { opacity: .45; pointer-events: none; } .kl-ptf[data-tax="product_tag"] .woocommerce-widget-layered-nav-list__item .count { display: none; } .kl-ptf-chips { display: inline-flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 8px 0; } .kl-ptf-inline { margin-left: 10px; padding-left: 0 !important; border-left: 0 !important; } .kl-ptf-chips .chip { display: inline-flex; align-items: center; line-height: 1.4; } .kl-ptf-chips .chip::before { content: none !important; } .kl-ptf-chips .x { margin-right: 6px; } .woocommerce form .form-row .required { visibility: visible; } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } ul.pw li { list-style: none; } .categories-accordion-on .widget_product_categories .product-categories li { width: 12rem; } .postid-16335 .wd-text-block.reset-last-child.text-left ul, .term-prezent-na-rocznice-slubu .term-description .pw, .term-description .pw { display: grid; margin-top: 1rem; grid-template-columns: 1fr 1fr 1fr 1fr; } .whb-row.whb-header-bottom { padding-top: 20px !important; padding-bottom: 20px !important; height: auto; min-height: 60px; box-sizing: border-box; overflow: visible; } body.archive .page-title { padding-top: 60px; } .product_meta { display: none; } /* Ustaw całą zawartość timera w poziomie, nie pozwalaj na zawijanie - POCZĄTEK KODU NA WIDOK ZEGARA */ .wysylka-timer-box { display: flex !important; flex-direction: row !important; justify-content: center; align-items: center; flex-wrap: wrap !important; /* Pozwól na zawinięcie tekstów */ gap: 8px; text-align: center; padding: 12px 4px; width: 100%; box-sizing: border-box; } /* Na mobilu teksty pod licznikiem i wyśrodkowane */ @media (max-width: 600px) { .wysylka-timer-box { flex-direction: column !important; gap: 10px; } .wysylka-timer-label, .wysylka-timer-po { display: block; width: 100%; text-align: center; margin: 0; font-size: 1em; line-height: 1.2; } .wysylka-timer-bloki-row { display: flex; justify-content: center; align-items: center; gap: 3px; width: 100%; } } .wysylka-timer-label, .wysylka-timer-po { font-weight: 500; color: #222; font-size: 1em; margin: 0 6px; white-space: nowrap; } /* Bloki godzin/minut/sekund zawsze w jednym wierszu */ .wysylka-timer-bloki-row { display: flex !important; flex-direction: row !important; align-items: center; gap: 4px; } .wysylka-timer-blok { display: flex !important; flex-direction: column; align-items: center; justify-content: center; min-width: 50px; font-size: 1.5em; background: #5a9c47; color: #fff; border-radius: 8px; font-weight: bold; margin: 0 2px; box-shadow: 0 2px 6px #ccebe0; padding: 6px 0 2px 0; position: relative; } .wysylka-timer-opis { display: block; font-size: .85em; font-weight: normal; margin-top: 2px; letter-spacing: .5px; color: #eee; line-height: 1.1; } .wysylka-timer-kropka { font-size: 2em; color: #222; font-weight: bold; vertical-align: middle; margin: 0 2px; display: flex; align-items: center; justify-content: center; } /* MOBILE - dalej poziomo! Tylko zmniejszamy elementy */ @media (max-width: 600px) { .wysylka-timer-box { gap: 3px; font-size: .97em; padding: 8px 1px; flex-direction: row !important; flex-wrap: wrap; } .wysylka-timer-label, .wysylka-timer-po { font-size: .93em; margin: 0 2px; white-space: nowrap; } .wysylka-timer-bloki-row { gap: 2px; } .wysylka-timer-blok { min-width: 36px; font-size: 1.08em; padding: 3px 0 1px 0; } } /* rząd odznak – WYŚRODKOWANY na dole */ .km-badges-row { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 10px; z-index: 20; } /* wspólna „pastylka” dla wszystkich odznak */ .km-badge { display: inline-flex; align-items: center; gap: 7px; padding: 5px 16px 5px 10px; border-radius: 6px; font-size: 13px; font-weight: 700; letter-spacing: .5px; line-height: 1; box-shadow: 0 2px 8px rgba(0, 0, 0, .09); } /* kolory */ .wd-fast-shipping { background: #f5f5f5; color: #222; } .wd-qty-discount { background: #e63946; color: #fff; } /* ikonki */ .km-badge .badge-icon { font-size: 16px; line-height: 1; display: inline-block; } /* Ukryj badge rabatu na karcie produktu */ .single-product .wd-custom-badge-single { display: none !important; } /* Rząd odznak w kafelku – poprawki mobilne */ @media (max-width: 480px) { .km-badges-row { bottom: 4px; /* nieco niżej */ left: 50%; transform: translateX(-50%); max-width: 92%; /* nie wyjdzie poza kafelek */ display: flex; flex-wrap: wrap; /* może się zawinąć do 2 wierszy */ justify-content: center; gap: 6px; padding: 0 4px; z-index: 50; } .km-badge { font-size: 12px; /* odrobinkę mniejsze */ padding: 5px 10px; white-space: nowrap; } } /* Gdyby nadal coś się „obcinało” przez overflow układu Woodmarta – odblokuj overflow tylko na mobile */ @media (max-width: 480px) { .product-grid-item .product-element-top, .product-element .product-image, .product-element .product-image-inner { overflow: visible !important; } } :root { --wd-top-bar-h: 40px; --wd-top-bar-sm-h: 38px; --wd-top-bar-sticky-h: .00001px; --wd-top-bar-brd-w: .00001px; --wd-header-general-h: 105px; --wd-header-general-sm-h: 60px; --wd-header-general-sticky-h: .00001px; --wd-header-general-brd-w: 1px; --wd-header-bottom-h: 52px; --wd-header-bottom-sm-h: .00001px; --wd-header-bottom-sticky-h: 52px; --wd-header-bottom-brd-w: 1px; --wd-header-clone-h: .00001px; --wd-header-brd-w: calc(var(--wd-top-bar-brd-w) + var(--wd-header-general-brd-w) + var(--wd-header-bottom-brd-w)); --wd-header-h: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) + var(--wd-header-bottom-h) + var(--wd-header-brd-w)); --wd-header-sticky-h: calc(var(--wd-top-bar-sticky-h) + var(--wd-header-general-sticky-h) + var(--wd-header-bottom-sticky-h) + var(--wd-header-clone-h) + var(--wd-header-brd-w)); --wd-header-sm-h: calc(var(--wd-top-bar-sm-h) + var(--wd-header-general-sm-h) + var(--wd-header-bottom-sm-h) + var(--wd-header-brd-w)); } .whb-top-bar .wd-dropdown { margin-top: -1px; } .whb-top-bar .wd-dropdown:after { height: 10px; } :root:has(.whb-general-header.whb-border-boxed) { --wd-header-general-brd-w: .00001px; } @media (max-width: 1024px) { :root:has(.whb-general-header.whb-hidden-mobile) { --wd-header-general-brd-w: .00001px; } } :root:has(.whb-header-bottom.whb-border-boxed) { --wd-header-bottom-brd-w: .00001px; } @media (max-width: 1024px) { :root:has(.whb-header-bottom.whb-hidden-mobile) { --wd-header-bottom-brd-w: .00001px; } } .whb-header-bottom .wd-dropdown { margin-top: 5px; } .whb-header-bottom .wd-dropdown:after { height: 16px; } .whb-sticked .whb-header-bottom .wd-dropdown:not(.sub-sub-menu) { margin-top: 5px; } .whb-sticked .whb-header-bottom .wd-dropdown:not(.sub-sub-menu):after { height: 16px; } .whb-top-bar { background-color: rgba(246, 246, 248, 1); } .whb-9x1ytaxq7aphtb3npidp form.searchform { --wd-form-height: 46px; } .whb-row .whb-9x1ytaxq7aphtb3npidp.wd-tools-element .wd-tools-inner, .whb-row .whb-9x1ytaxq7aphtb3npidp.wd-tools-element > a > .wd-tools-icon { background-color: rgba(126, 211, 33, 1); } .whb-9x1ytaxq7aphtb3npidp.wd-tools-element.wd-design-8:hover .wd-tools-icon { background-color: rgba(126, 211, 33, 1); } .whb-row .whb-nedhm962r512y1xz9j06.wd-tools-element .wd-tools-inner, .whb-row .whb-nedhm962r512y1xz9j06.wd-tools-element > a > .wd-tools-icon { background-color: rgba(126, 211, 33, 1); } .whb-nedhm962r512y1xz9j06.wd-tools-element.wd-design-8:hover .wd-tools-icon { background-color: rgba(126, 211, 33, 1); } .whb-row .whb-g1k0m1tib7raxrwkm1t3.wd-tools-element .wd-tools-inner, .whb-row .whb-g1k0m1tib7raxrwkm1t3.wd-tools-element > a > .wd-tools-icon { background-color: rgba(126, 211, 33, 1); } .whb-g1k0m1tib7raxrwkm1t3.wd-tools-element.wd-design-8:hover .wd-tools-icon { background-color: rgba(126, 211, 33, 1); } .whb-row .whb-8qqicxuvkwg1w9xpiovh.wd-tools-element .wd-tools-inner, .whb-row .whb-8qqicxuvkwg1w9xpiovh.wd-tools-element > a > .wd-tools-icon { background-color: rgba(126, 211, 33, 1); } .whb-8qqicxuvkwg1w9xpiovh.wd-tools-element.wd-design-8:hover .wd-tools-icon { background-color: rgba(126, 211, 33, 1); } .whb-row .whb-trk5sfmvib0ch1s1qbtc.wd-tools-element .wd-tools-inner, .whb-row .whb-trk5sfmvib0ch1s1qbtc.wd-tools-element > a > .wd-tools-icon { background-color: rgba(126, 211, 33, 1); } .whb-trk5sfmvib0ch1s1qbtc.wd-tools-element.wd-design-8:hover .wd-tools-icon { background-color: rgba(126, 211, 33, 1); } .whb-general-header { border-color: rgba(232, 232, 232, 1); border-bottom-width: 1px; border-bottom-style: solid; } .whb-header-bottom { border-color: rgba(232, 232, 232, 1); border-bottom-width: 1px; border-bottom-style: solid; }