.elementor-286 .elementor-element.elementor-element-47368a5{--display:flex;}.elementor-286 .elementor-element.elementor-element-47368a5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-286 .elementor-element.elementor-element-cec1380.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-286 .elementor-element.elementor-element-cec1380.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-286 .elementor-element.elementor-element-cec1380.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-286 .elementor-element.elementor-element-5efa66e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-286 .elementor-element.elementor-element-33d765b{--display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-286 .elementor-element.elementor-element-cec1380.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-286 .elementor-element.elementor-element-cec1380.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* ========================================================= AIRDIETS — SKLEP / KATALOG FINAL CSS Okładki: 1122 × 1402 ≈ 4:5 Palette: #344636 — dark green #60775B — primary green #7D9077 — soft green #DCE5D7 — sage #EEF2EA — mist #F8F6EF — cream #FFFDF8 — card #252823 — text #6E7169 — muted #DDDCCF — border ========================================================= */ /* ========================================================= GLOBAL VARIABLES ========================================================= */ .elementor-286 { --air-green-dark: #344636; --air-green: #60775B; --air-green-soft: #7D9077; --air-sage: #DCE5D7; --air-mist: #EEF2EA; --air-cream: #F8F6EF; --air-card: #FFFDF8; --air-text: #252823; --air-muted: #6E7169; --air-border: #DDDCCF; --air-gold: #C5A66D; } /* ========================================================= GŁÓWNA SEKCJA KATALOGU ========================================================= */ .elementor-286 .elementor-element-47368a5 { padding: 38px 0 76px !important; background: radial-gradient( circle at 8% 3%, rgba(220, 229, 215, .55), transparent 27% ), #F8F6EF !important; } .elementor-286 .elementor-element-47368a5 > .e-con-inner { width: min( 1160px, calc(100% - 40px) ) !important; max-width: 1160px !important; margin: 0 auto !important; } /* ========================================================= NAGŁÓWEK ========================================================= */ .elementor-286 .elementor-element-644c95d { margin-bottom: 20px !important; } .elementor-286 .elementor-element-644c95d .elementor-heading-title { margin: 0 !important; color: var(--air-green-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp( 42px, 4vw, 58px ) !important; font-weight: 600 !important; line-height: .98 !important; letter-spacing: -.025em !important; } /* ========================================================= SORTOWANIE WOOCOMMERCE ========================================================= */ .elementor-286 .elementor-element-cec1380 .woocommerce-ordering { display: flex !important; justify-content: flex-end !important; align-items: center !important; margin: 0 0 24px !important; } .elementor-286 .elementor-element-cec1380 .woocommerce-ordering select { width: min( 100%, 290px ) !important; min-height: 46px !important; padding: 0 42px 0 15px !important; color: var(--air-green-dark) !important; background-color: var(--air-card) !important; border: 1px solid rgba(52, 70, 54, .16) !important; border-radius: 8px !important; box-shadow: none !important; font-family: "Manrope", Arial, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; outline: none !important; transition: border-color .2s ease, box-shadow .2s ease !important; } .elementor-286 .elementor-element-cec1380 .woocommerce-ordering select:focus { border-color: var(--air-green) !important; box-shadow: 0 0 0 3px rgba(96, 119, 91, .09) !important; } /* ========================================================= GRID PRODUKTÓW DESKTOP — 4 ========================================================= */ .elementor-286 .elementor-element-cec1380 ul.products.elementor-grid { display: grid !important; grid-template-columns: repeat( 4, minmax(0, 1fr) ) !important; gap: 22px !important; margin: 0 !important; padding: 0 !important; } .elementor-286 .elementor-element-cec1380 ul.products::before, .elementor-286 .elementor-element-cec1380 ul.products::after { display: none !important; } /* ========================================================= KARTA PRODUKTU ========================================================= */ .elementor-286 .elementor-element-cec1380 ul.products li.product { position: relative !important; display: flex !important; float: none !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 10px 10px 14px !important; overflow: visible !important; background: var(--air-card) !important; border: 1px solid rgba(52, 70, 54, .10) !important; border-radius: 12px !important; box-shadow: 0 8px 24px rgba(52, 70, 54, .035) !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; } .elementor-286 .elementor-element-cec1380 ul.products li.product:hover { transform: translateY(-4px) !important; border-color: rgba(96, 119, 91, .28) !important; box-shadow: 0 18px 42px rgba(52, 70, 54, .09) !important; } /* ========================================================= LINK PRODUKTU ========================================================= */ .elementor-286 .elementor-element-cec1380 ul.products li.product > a.woocommerce-LoopProduct-link { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; color: inherit !important; text-decoration: none !important; } /* ========================================================= OKŁADKI PRODUKTÓW 1122 × 1402 ========================================================= */ .elementor-286 .elementor-element-cec1380 ul.products li.product img { display: block !important; width: 100% !important; max-width: 100% !important; /* * NATURALNA PROPORCJA OKŁADEK */ aspect-ratio: 1122 / 1402 !important; height: auto !important; margin: 0 0 15px !important; /* * Przy identycznym ratio nic nie obcina. */ object-fit: cover !important; object-position: center !important; border-radius: 8px !important; transition: transform .35s ease !important; } /* * Delikatny hover. */ .elementor-286 .elementor-element-cec1380 ul.products li.product:hover img { transform: scale(1.01) !important; } /* ========================================================= TYTUŁ PRODUKTU ========================================================= */ .elementor-286 .elementor-element-cec1380 .woocommerce-loop-product__title { min-height: 3.25em !important; margin: 0 !important; padding: 0 5px !important; color: var(--air-green-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -.01em !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } /* ========================================================= STRIPE — PUSTE KOMUNIKATY ========================================================= */ .elementor-286 .elementor-element-cec1380 [id^="wc-stripe-bnpl-shop-msg-"]:empty { display: none !important; } /* ========================================================= CENA ========================================================= */ .elementor-286 .elementor-element-cec1380 ul.products li.product .price { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 6px !important; min-height: 30px !important; margin: auto 0 13px !important; padding: 15px 5px 0 !important; color: var(--air-green-dark) !important; font-family: "Manrope", Arial, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.1 !important; } /* STARA CENA */ .elementor-286 .elementor-element-cec1380 ul.products li.product .price del { color: #999C94 !important; font-size: 11px !important; font-weight: 500 !important; opacity: 1 !important; } /* CENA PROMOCYJNA */ .elementor-286 .elementor-element-cec1380 ul.products li.product .price ins { color: var(--air-green) !important; text-decoration: none !important; } /* ========================================================= DODAJ DO KOSZYKA ========================================================= */ .elementor-286 .elementor-element-cec1380 ul.products li.product .button, .elementor-286 .elementor-element-cec1380 ul.products li.product .added_to_cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 45px !important; margin: 0 !important; padding: 11px 14px !important; color: #fff !important; background: var(--air-green) !important; border: 1px solid var(--air-green) !important; border-radius: 7px !important; box-shadow: none !important; font-family: "Manrope", Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; transition: background .2s ease, border-color .2s ease, transform .2s ease !important; } .elementor-286 .elementor-element-cec1380 ul.products li.product .button:hover, .elementor-286 .elementor-element-cec1380 ul.products li.product .added_to_cart:hover { color: #fff !important; background: var(--air-green-dark) !important; border-color: var(--air-green-dark) !important; transform: translateY(-1px) !important; box-shadow: none !important; } /* ========================================================= BADGE PROMOCJA ========================================================= */ .elementor-286 .elementor-element-cec1380 ul.products li.product .onsale { position: absolute !important; z-index: 5 !important; top: 17px !important; right: 17px !important; left: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 7px 10px !important; color: #fff !important; background: var(--air-green-dark) !important; border: 2px solid var(--air-card) !important; border-radius: 999px !important; box-shadow: 0 5px 15px rgba(52, 70, 54, .16) !important; font-family: "Manrope", Arial, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .02em !important; } /* ========================================================= WYRÓŻNIONY PAKIET PRODUCT ID 163 ========================================================= */ .elementor-286 .elementor-element-cec1380 ul.products li.product.post-163 { background: linear-gradient( 145deg, #EEF2EA, #FFFDF8 ) !important; border: 1px solid rgba(96, 119, 91, .34) !important; box-shadow: 0 10px 28px rgba(52, 70, 54, .07) !important; } /* TITLE */ .elementor-286 .elementor-element-cec1380 li.product.post-163 .woocommerce-loop-product__title { color: var(--air-green-dark) !important; } /* PRICE */ .elementor-286 .elementor-element-cec1380 li.product.post-163 .price, .elementor-286 .elementor-element-cec1380 li.product.post-163 .price ins, .elementor-286 .elementor-element-cec1380 li.product.post-163 .price .woocommerce-Price-amount { color: var(--air-green) !important; } .elementor-286 .elementor-element-cec1380 li.product.post-163 .price del, .elementor-286 .elementor-element-cec1380 li.product.post-163 .price del .woocommerce-Price-amount { color: #94998F !important; } /* BADGE NAJLEPSZA CENA */ .elementor-286 .elementor-element-cec1380 li.product.post-163::before { content: "NAJLEPSZA CENA"; position: absolute; z-index: 7; top: -9px; left: 14px; padding: 7px 11px; color: #fff; background: var(--air-green); border: 2px solid var(--air-cream); border-radius: 999px; box-shadow: 0 6px 16px rgba(52, 70, 54, .16); font-family: "Manrope", Arial, sans-serif; font-size: 9px; font-weight: 700; line-height: 1; letter-spacing: .06em; } /* ========================================================= CUSTOM TOOLBAR ========================================================= */ .af-catalog-toolbar, .af-catalog-toolbar *, .af-catalog-seo, .af-catalog-seo * { box-sizing: border-box; } .af-catalog-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; width: min( 1160px, calc(100% - 40px) ); margin: 0 auto 32px; padding: 32px 34px; background: linear-gradient( 135deg, #EEF2EA, #F8F6EF ); border: 1px solid rgba(52, 70, 54, .10); border-radius: 12px; box-shadow: none; } .af-catalog-toolbar__intro { max-width: 720px; } .af-catalog-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 9px; color: #60775B; font-family: "Manrope", Arial, sans-serif; font-size: 10px; font-weight: 700; line-height: 1.2; letter-spacing: .13em; text-transform: uppercase; } .af-catalog-toolbar h1, .af-catalog-seo h2, .af-catalog-seo h3 { margin-top: 0; color: #344636; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; letter-spacing: -.02em; } .af-catalog-toolbar h1 { margin-bottom: 10px; font-size: clamp( 40px, 4vw, 56px ); line-height: .98; } .af-catalog-toolbar p, .af-catalog-seo p { color: #6E7169; font-family: "Manrope", Arial, sans-serif; } .af-catalog-toolbar p { max-width: 680px; margin: 0; font-size: 13px; line-height: 1.7; } /* ========================================================= CUSTOM SORT ========================================================= */ .af-catalog-sort { flex: 0 0 270px; } .af-catalog-sort label { display: block; margin-bottom: 7px; color: #344636; font-family: "Manrope", Arial, sans-serif; font-size: 10px; font-weight: 700; } .af-catalog-select-wrap { position: relative; } .af-catalog-select-wrap > .fa-arrow-down-wide-short { position: absolute; top: 50%; left: 14px; z-index: 2; color: #60775B; font-size: 12px; transform: translateY(-50%); pointer-events: none; } .af-catalog-select-wrap select { width: 100%; min-height: 46px; padding: 0 40px; appearance: none; -webkit-appearance: none; color: #344636; background: #FFFDF8; border: 1px solid rgba(52, 70, 54, .16); border-radius: 7px; box-shadow: none; font-family: "Manrope", Arial, sans-serif; font-size: 11px; font-weight: 600; outline: none; } .af-catalog-select-arrow { position: absolute; top: 50%; right: 14px; color: #60775B; font-size: 10px; transform: translateY(-50%); pointer-events: none; } /* ========================================================= SEO SECTION ========================================================= */ .af-catalog-seo { width: 100%; padding: 80px 0 90px; background: #FFFDF8; } .af-catalog-seo__container { width: min( 1160px, calc(100% - 40px) ); margin: 0 auto; } .af-catalog-seo__intro { max-width: 780px; margin: 0 auto 45px; text-align: center; } .af-catalog-seo__intro h2, .af-catalog-seo__split h2, .af-catalog-faq__heading h2 { margin-bottom: 14px; font-size: clamp( 35px, 3vw, 48px ); line-height: 1; } .af-catalog-seo__intro p { margin: 0; font-size: 13px; line-height: 1.75; } /* ========================================================= BENEFITY ========================================================= */ .af-catalog-seo__benefits { display: grid; grid-template-columns: repeat( 3, minmax(0, 1fr) ); gap: 18px; margin-bottom: 58px; } .af-catalog-seo__benefits article { padding: 25px; background: #F8F6EF; border: 1px solid rgba(52, 70, 54, .09); border-radius: 10px; box-shadow: none; } .af-catalog-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: 16px; color: #60775B; background: #EEF2EA; border-radius: 50%; box-shadow: none; font-size: 16px; } .af-catalog-seo__benefits h3 { margin-bottom: 7px; font-size: 21px; line-height: 1.1; } .af-catalog-seo__benefits p { margin: 0; font-size: 12px; line-height: 1.7; } /* ========================================================= SEO SPLIT ========================================================= */ .af-catalog-seo__split { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 24px; align-items: stretch; margin-bottom: 65px; } .af-catalog-seo__split > div { padding: 32px; background: #F8F6EF; border: 1px solid rgba(52, 70, 54, .09); border-radius: 12px; box-shadow: none; } .af-catalog-seo__split > div p { margin-bottom: 22px; font-size: 13px; line-height: 1.75; } .af-catalog-seo__split ul { display: grid; grid-template-columns: repeat( 2, minmax(0, 1fr) ); gap: 10px; margin: 0; padding: 0; list-style: none; } .af-catalog-seo__split li { display: flex; align-items: center; gap: 9px; padding: 11px 13px; color: #344636; background: #EEF2EA; border: 1px solid rgba(96, 119, 91, .12); border-radius: 7px; font-family: "Manrope", Arial, sans-serif; font-size: 11px; font-weight: 600; } .af-catalog-seo__split li i { color: #60775B; } /* ========================================================= PACKAGE CTA ========================================================= */ .af-catalog-package { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 34px; color: #fff; background: linear-gradient( 145deg, #344636, #27362A ); border: 1px solid rgba(255, 255, 255, .08); border-radius: 12px; box-shadow: none; } .af-catalog-package__badge { position: absolute; top: -10px; left: 22px; padding: 7px 11px; color: #344636; background: #DCE5D7; border: 2px solid #FFFDF8; border-radius: 999px; font-family: "Manrope", Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .af-catalog-package__icon { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-bottom: 18px; color: #344636; background: #DCE5D7; border-radius: 50%; font-size: 17px; } .af-catalog-package__count { margin-bottom: 7px; color: #DCE5D7; font-family: "Manrope", Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; } .af-catalog-package h3 { margin-bottom: 11px; color: #fff; font-size: 31px; line-height: 1; } .af-catalog-package p { margin: 0 0 23px; color: rgba( 255, 255, 255, .76 ); font-size: 12px; line-height: 1.7; } .af-catalog-package__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 47px; padding: 12px 15px; color: #344636 !important; background: #DCE5D7; border-radius: 7px; box-shadow: none; font-family: "Manrope", Arial, sans-serif; font-size: 11px; font-weight: 700; text-decoration: none !important; transition: background .2s ease, transform .2s ease; } .af-catalog-package__button:hover { color: #344636 !important; background: #FFFDF8; transform: translateY(-1px); } /* ========================================================= FAQ ========================================================= */ .af-catalog-faq { padding-top: 8px; } .af-catalog-faq__heading { margin-bottom: 25px; text-align: center; } .af-catalog-faq__items { display: grid; gap: 9px; max-width: 850px; margin: 0 auto; } .af-catalog-faq details { overflow: hidden; background: #F8F6EF; border: 1px solid rgba(52, 70, 54, .10); border-radius: 8px; box-shadow: none; } .af-catalog-faq summary { position: relative; padding: 17px 50px 17px 18px; color: #344636; font-family: "Cormorant Garamond", Georgia, serif; font-size: 18px; font-weight: 600; cursor: pointer; list-style: none; } .af-catalog-faq summary::-webkit-details-marker { display: none; } .af-catalog-faq summary::after { content: "+"; position: absolute; top: 50%; right: 17px; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; color: #60775B; border: 1px solid #BCC8B8; border-radius: 50%; font-family: "Manrope", Arial, sans-serif; font-size: 16px; font-weight: 400; transform: translateY(-50%); } .af-catalog-faq details[open] summary::after { content: "−"; color: #fff; background: #60775B; border-color: #60775B; } .af-catalog-faq details p { margin: 0; padding: 0 18px 18px; color: #6E7169; font-family: "Manrope", Arial, sans-serif; font-size: 12px; line-height: 1.7; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-286 .elementor-element-cec1380 ul.products.elementor-grid { grid-template-columns: repeat( 2, minmax(0, 1fr) ) !important; gap: 18px !important; } .af-catalog-toolbar { align-items: stretch; flex-direction: column; } .af-catalog-sort { flex-basis: auto; width: 100%; } .af-catalog-seo__benefits { grid-template-columns: 1fr; } .af-catalog-seo__split { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-286 .elementor-element-47368a5 { padding: 28px 0 50px !important; } .elementor-286 .elementor-element-47368a5 > .e-con-inner { width: calc(100% - 24px) !important; max-width: none !important; } .elementor-286 .elementor-element-644c95d { margin-bottom: 18px !important; } .elementor-286 .elementor-element-644c95d .elementor-heading-title { font-size: 38px !important; } /* SORTOWANIE */ .elementor-286 .elementor-element-cec1380 .woocommerce-ordering { justify-content: stretch !important; margin-bottom: 16px !important; } .elementor-286 .elementor-element-cec1380 .woocommerce-ordering select { width: 100% !important; } /* GRID */ .elementor-286 .elementor-element-cec1380 ul.products.elementor-grid { grid-template-columns: 1fr !important; gap: 16px !important; } /* CARD */ .elementor-286 .elementor-element-cec1380 ul.products li.product { padding: 9px 9px 13px !important; border-radius: 10px !important; } /* ===================================================== MOBILE OKŁADKA — NADAL 1122 / 1402 ===================================================== */ .elementor-286 .elementor-element-cec1380 ul.products li.product img { width: 100% !important; max-width: 100% !important; aspect-ratio: 1122 / 1402 !important; height: auto !important; object-fit: cover !important; object-position: center !important; margin-bottom: 13px !important; border-radius: 7px !important; } /* TITLE */ .elementor-286 .elementor-element-cec1380 .woocommerce-loop-product__title { min-height: 0 !important; padding: 0 4px !important; font-size: 22px !important; line-height: 1.1 !important; } /* PRICE */ .elementor-286 .elementor-element-cec1380 ul.products li.product .price { font-size: 18px !important; } /* BUTTON */ .elementor-286 .elementor-element-cec1380 ul.products li.product .button, .elementor-286 .elementor-element-cec1380 ul.products li.product .added_to_cart { min-height: 46px !important; } /* BADGE */ .elementor-286 .elementor-element-cec1380 ul.products li.product .onsale { top: 15px !important; right: 15px !important; } .elementor-286 .elementor-element-cec1380 li.product.post-163::before { top: -8px; left: 11px; } /* CUSTOM TOOLBAR */ .af-catalog-toolbar { width: calc(100% - 24px); margin-bottom: 18px; padding: 24px 19px; border-radius: 10px; } .af-catalog-toolbar h1 { font-size: 38px; } .af-catalog-toolbar p { font-size: 12px; line-height: 1.65; } /* SEO */ .af-catalog-seo { padding: 58px 0 65px; } .af-catalog-seo__container { width: calc(100% - 24px); } .af-catalog-seo__intro { margin-bottom: 30px; } .af-catalog-seo__benefits { gap: 12px; margin-bottom: 40px; } .af-catalog-seo__benefits article, .af-catalog-seo__split > div, .af-catalog-package { padding: 21px; border-radius: 10px; } .af-catalog-seo__split { gap: 15px; margin-bottom: 45px; } .af-catalog-seo__split ul { grid-template-columns: 1fr; } .af-catalog-package h3 { font-size: 27px; } .af-catalog-faq summary { padding: 15px 47px 15px 15px; font-size: 17px; } .af-catalog-faq details p { padding: 0 15px 15px; font-size: 11px; } }/* End custom CSS */