.elementor-271 .elementor-element.elementor-element-76f8c8d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-271 .elementor-element.elementor-element-775ca15{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-271 .elementor-element.elementor-element-6d29571{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS */@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@600;700&display=swap"); @import url("https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css"); #af-landing { --af-green: #4f7d3a; --af-green-dark: #29441f; --af-orange: #ea6b2b; --af-orange-dark: #c84e14; --af-purple: #5525c9; --af-cream: #fbf6ee; --af-soft: #f4efe6; --af-text: #1f241c; --af-muted: #68705f; --af-border: rgba(79, 125, 58, .18); --af-shadow: 0 22px 70px rgba(43, 54, 32, .12); --i-check: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGY3ZDNhIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5LjIiIGZpbGw9IiNlZmY3ZWEiLz48cGF0aCBkPSJNNy41IDEyLjNsMyAzIDYtNyIvPjwvc3ZnPg=='); --i-cart: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCA1aDJsMiAxMGg5LjVsMi03SDcuMiIvPjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuNCIgZmlsbD0iI2ZmZmZmZiIvPjxjaXJjbGUgY3g9IjE3IiBjeT0iMjAiIHI9IjEuNCIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg=='); --i-leaf: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGY3ZDNhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDRjLTguNS41LTE0IDQuOC0xNCAxMC4yQTUuOCA1LjggMCAwIDAgMTEuOCAyMEMxNy4yIDIwIDIxLjUgMTIuNSAyMCA0WiIgZmlsbD0iI2VmZjdlYSIvPjxwYXRoIGQ9Ik02IDE5YzMtNiA3LjUtOS41IDEzLTE0Ii8+PC9zdmc+'); --i-clock: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGY3ZDNhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOSIgZmlsbD0iI2VmZjdlYSIvPjxwYXRoIGQ9Ik0xMiA3djVsMy41IDIiLz48L3N2Zz4='); --i-flame: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWE2YjJiIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEzIDNzMSA0LTIgNmMtMiAxLjMtNCAzLjMtNCA2LjVBNSA1IDAgMCAwIDEyIDIxYTUgNSAwIDAgMCA1LTUuM2MwLTMuNi0yLjctNS40LTQtOC4xWiIgZmlsbD0iI2ZmZjNlYyIvPjxwYXRoIGQ9Ik0xMiAxM3MtMiAxLjUtMiAzLjJBMi4xIDIuMSAwIDAgMCAxMiAxOGEyLjEgMi4xIDAgMCAwIDItMi4yYzAtMS41LTEuMS0yLjItMi0yLjhaIi8+PC9zdmc+'); --i-fryer: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGY3ZDNhIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSI2IiB5PSI0IiB3aWR0aD0iMTIiIGhlaWdodD0iMTciIHJ4PSI0IiBmaWxsPSIjZWZmN2VhIi8+PHBhdGggZD0iTTkgOGg2TTkgMTRoNk0xMCAxN2g0Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMSIgcj0iMS4yIiBmaWxsPSIjNGY3ZDNhIi8+PC9zdmc+'); --i-chef: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGY3ZDNhIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNyAxMi41QzQuOCAxMi4xIDQgMTAuNyA0IDkuMkEzLjIgMy4yIDAgMCAxIDguNCA2LjMgNC4xIDQuMSAwIDAgMSAxNiA2LjRhMy4yIDMuMiAwIDAgMSA0IDMuMWMwIDEuNy0xLjIgMy0zIDMuMVYyMEg3eiIgZmlsbD0iI2VmZjdlYSIvPjxwYXRoIGQ9Ik03IDE2aDEwIi8+PC9zdmc+'); --i-list: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGY3ZDNhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iNSIgeT0iNCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE2IiByeD0iMiIgZmlsbD0iI2VmZjdlYSIvPjxwYXRoIGQ9Ik05IDloNk05IDEzaDZNOSAxN2g0Ii8+PC9zdmc+'); --i-sun: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWE2YjJiIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iNCIgZmlsbD0iI2ZmZjNlYyIvPjxwYXRoIGQ9Ik0xMiAydjJNMTIgMjB2Mk00LjkgNC45bDEuNCAxLjRNMTcuNyAxNy43bDEuNCAxLjRNMiAxMmgyTTIwIDEyaDJNNC45IDE5LjFsMS40LTEuNE0xNy43IDYuM2wxLjQtMS40Ii8+PC9zdmc+'); --i-moon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGY3ZDNhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTE5IDE1LjVBOCA4IDAgMCAxIDguNSA1YTguNSA4LjUgMCAxIDAgMTAuNSAxMC41WiIgZmlsbD0iI2VmZjdlYSIvPjwvc3ZnPg=='); --i-plate: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGY3ZDNhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOCIgZmlsbD0iI2VmZjdlYSIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjQuNSIvPjwvc3ZnPg=='); --i-timer: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGY3ZDNhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTkgMmg2TTEyIDZ2MiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTQiIHI9IjciIGZpbGw9IiNlZmY3ZWEiLz48cGF0aCBkPSJNMTIgMTRsMy0zIi8+PC9zdmc+'); position: relative; overflow: hidden; background: #fff; color: var(--af-text); font-family: "Inter", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; padding-top: 0; padding-bottom: 96px; } #af-landing * { box-sizing: border-box; } #af-landing a { text-decoration: none; } #af-landing h1, #af-landing h2 { font-family: "Playfair Display", serif; letter-spacing: 0; line-height: 1.05; color: var(--af-text); text-wrap: balance; } #af-landing h1, #af-landing h2, #af-landing h3, #af-landing h4, #af-landing p { margin: 0; } #af-landing h1 { font-size: 3.55rem; } #af-landing h1 span { display: block; color: var(--af-green); } #af-landing h2 { font-size: 2.65rem; } #af-landing h3 { font-size: 1.25rem; line-height: 1.2; text-wrap: balance; } #af-landing p { line-height: 1.7; text-wrap: pretty; } #af-landing h1, #af-landing h2, #af-landing h3, #af-landing h4, #af-landing p, #af-landing li, #af-landing a, #af-landing button, #af-landing span, #af-landing strong, #af-landing small { overflow-wrap: anywhere; } #af-landing .af-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; } #af-landing .af-section { padding: clamp(70px, 8vw, 120px) 0; } #af-landing .af-section--soft { background: var(--af-soft); } #af-landing .af-section--cream { background: var(--af-cream); } #af-landing .af-section, #af-landing #af-bonus, #af-landing #af-examples, #af-landing #af-offer, #af-landing #af-preview, #af-landing #af-faq, #af-landing #af-recipe, #af-landing #af-benefits, #af-landing #af-inside { scroll-margin-top: 88px; } #af-landing .af-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 9997; padding: 10px 0; background: rgba(255, 250, 243, .9); border-bottom: 1px solid rgba(79, 125, 58, .12); backdrop-filter: blur(14px); transition: padding .2s ease, background .2s ease, box-shadow .2s ease; } #af-landing .af-nav.is-compact { padding: 6px 0; background: rgba(255, 250, 243, .96); box-shadow: 0 10px 28px rgba(43, 54, 32, .08); } #af-landing .af-nav__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; transition: width .2s ease; } #af-landing .af-nav.is-compact .af-nav__inner { width: min(980px, calc(100% - 40px)); } #af-landing .af-nav__brand { flex: 0 0 auto; display: inline-flex; align-items: center; color: var(--af-green-dark); font-weight: 900; font-size: 18px; } #af-landing .af-nav__brand img { display: block; width: auto; height: 40px; max-width: 152px; object-fit: contain; transition: height .2s ease, max-width .2s ease; } #af-landing .af-nav.is-compact .af-nav__brand img { height: 32px; max-width: 128px; } #af-landing .af-nav__toggle { display: none; width: 42px; height: 42px; align-items: center; justify-content: center; gap: 4px; flex-direction: column; border: 1px solid var(--af-border); border-radius: 50%; background: #fff; cursor: pointer; } #af-landing .af-nav__toggle span { display: block; width: 18px; height: 2px; border-radius: 999px; background: var(--af-green-dark); transition: .2s ease; } #af-landing .af-nav.is-open .af-nav__toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); } #af-landing .af-nav.is-open .af-nav__toggle span:nth-child(2) { opacity: 0; } #af-landing .af-nav.is-open .af-nav__toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } #af-landing .af-nav__links { display: flex; align-items: center; justify-content: flex-end; gap: 8px; overflow-x: auto; scrollbar-width: none; } #af-landing .af-nav__links::-webkit-scrollbar { display: none; } #af-landing .af-nav__links a { flex: 0 0 auto; padding: 10px 12px; border-radius: 999px; color: var(--af-text); font-size: 14px; font-weight: 900; line-height: 1; transition: .2s ease; } #af-landing .af-nav.is-compact .af-nav__links a { padding: 8px 10px; font-size: 13px; } #af-landing .af-nav__links a:hover, #af-landing .af-nav__links a:focus-visible { background: #fff; color: var(--af-orange-dark); outline: none; box-shadow: 0 8px 22px rgba(43, 54, 32, .08); } #af-landing .af-eyebrow { display: inline-flex; margin-bottom: 16px; color: var(--af-orange); font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; } #af-landing .af-lead { margin-top: 18px; font-size: 1.125rem; color: #353b2f; max-width: 600px; } #af-landing .af-muted { margin-top: 12px; color: var(--af-muted); max-width: 590px; } #af-landing .af-heading { max-width: 780px; margin: 0 auto 46px; text-align: center; } #af-landing .af-heading p { margin-top: 16px; color: var(--af-muted); } #af-landing .af-icon { display: inline-block; width: 24px; height: 24px; flex: 0 0 24px; background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle; } #af-landing .af-icon--check { background-image: var(--i-check); } #af-landing .af-icon--cart { background-image: var(--i-cart); } #af-landing .af-icon--leaf { background-image: var(--i-leaf); } #af-landing .af-icon--clock { background-image: var(--i-clock); } #af-landing .af-icon--flame { background-image: var(--i-flame); } #af-landing .af-icon--fryer { background-image: var(--i-fryer); } #af-landing .af-icon--chef { background-image: var(--i-chef); } #af-landing .af-icon--list { background-image: var(--i-list); } #af-landing .af-icon--sun { background-image: var(--i-sun); } #af-landing .af-icon--moon { background-image: var(--i-moon); } #af-landing .af-icon--plate { background-image: var(--i-plate); } #af-landing .af-icon--timer { background-image: var(--i-timer); } #af-landing .af-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; max-width: 100%; padding: 16px 28px; border-radius: 999px; font-weight: 900; line-height: 1.2; text-align: center; transition: .25s ease; } #af-landing .af-btn--primary { background: linear-gradient(135deg, var(--af-orange), var(--af-orange-dark)); color: #fff; box-shadow: 0 15px 35px rgba(234, 107, 43, .27); } #af-landing .af-btn--primary:hover { transform: translateY(-3px); box-shadow: 0 20px 42px rgba(234, 107, 43, .36); color: #fff; } #af-landing .af-btn--big { min-height: 64px; padding-inline: 34px; font-size: 18px; } #af-landing .af-link { color: var(--af-green-dark); font-weight: 900; } #af-landing .af-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 30px; } #af-landing .af-checklist { display: grid; gap: 12px; padding: 0; margin: 24px 0 0; list-style: none; } #af-landing .af-checklist li { display: flex; align-items: flex-start; gap: 10px; color: #384033; font-weight: 700; } #af-landing .af-checklist li::before { content: ""; width: 22px; height: 22px; flex: 0 0 22px; background-image: var(--i-check); background-size: contain; background-repeat: no-repeat; } #af-landing .af-checklist--large { gap: 16px; } #af-landing .af-checklist--large li { font-size: 18px; } #af-landing .af-photo { position: relative; overflow: hidden; border-radius: 24px; background-image: var(--img), radial-gradient(circle at 35% 25%, rgba(234, 107, 43, .18), transparent 32%), linear-gradient(135deg, #f9efe0, #edf5e8); background-size: cover; background-position: center; border: 1px solid rgba(79, 125, 58, .12); } #af-landing .af-photo span { position: absolute; inset: auto 14px 14px 14px; display: inline-flex; width: fit-content; padding: 7px 11px; border-radius: 999px; background: rgba(255, 255, 255, .82); color: var(--af-green-dark); font-size: 12px; font-weight: 900; backdrop-filter: blur(8px); } #af-landing .af-lightbox-trigger { cursor: zoom-in; transition: transform .25s ease, box-shadow .25s ease; } #af-landing .af-lightbox-trigger::after { content: "Powiększ"; position: absolute; top: 14px; right: 14px; padding: 7px 10px; border-radius: 999px; background: rgba(31, 36, 28, .72); color: #fff; font-size: 11px; font-weight: 900; opacity: 0; transform: translateY(-4px); transition: .2s ease; } #af-landing .af-lightbox-trigger:hover, #af-landing .af-lightbox-trigger:focus-visible { transform: translateY(-3px); box-shadow: 0 18px 42px rgba(43, 54, 32, .16); outline: none; } #af-landing .af-lightbox-trigger:hover::after, #af-landing .af-lightbox-trigger:focus-visible::after { opacity: 1; transform: translateY(0); } /* HERO */ #af-landing .af-hero { min-height: min(100vh, 900px); display: flex; align-items: center; padding: 48px 0; background: radial-gradient(circle at 85% 12%, rgba(234, 107, 43, .11), transparent 26%), radial-gradient(circle at 0% 4%, rgba(79, 125, 58, .14), transparent 26%), #fff; } #af-landing .af-hero__grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(320px, .78fr); align-items: center; gap: clamp(34px, 4vw, 64px); } #af-landing .af-hero__content { max-width: 650px; } #af-landing .af-hero h1 { max-width: 650px; } #af-landing .af-hero .af-checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; margin-top: 22px; } #af-landing .af-hero__visual { position: relative; min-height: 500px; } #af-landing .af-pdf-mockup { width: min(360px, 90%); margin-inline: auto; padding: 14px; border-radius: 30px; background: #24291f; box-shadow: var(--af-shadow); transform: rotate(2deg); } #af-landing .af-pdf-cover { min-height: 430px; padding: 28px 22px; border-radius: 20px; background: linear-gradient(180deg, #fffaf2, #f3eadc); text-align: center; } #af-landing .af-pdf-cover h2, #af-landing .af-pdf-cover .af-cover-title { margin: 12px 0 14px; font-family: "Playfair Display", serif; font-size: 2.15rem; letter-spacing: 0; } #af-landing .af-mini { color: var(--af-orange); font-size: 10px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; } #af-landing .af-cover-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 18px; } #af-landing .af-cover-stats div { padding: 12px 8px; border-radius: 16px; background: #fff; border: 1px solid var(--af-border); } #af-landing .af-cover-stats strong { display: block; color: var(--af-purple); font-size: 26px; line-height: 1; } #af-landing .af-cover-stats span { display: block; margin-top: 4px; color: var(--af-muted); font-size: 11px; font-weight: 800; } #af-landing .af-pills { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; } #af-landing .af-pills span { padding: 8px 10px; border-radius: 999px; background: var(--af-green); color: #fff; font-size: 12px; font-weight: 900; } #af-landing .af-pills span:nth-child(2) { background: var(--af-orange); } #af-landing .af-photo--pdf { width: 82%; height: 122px; margin: 20px auto 16px; } #af-landing .af-pdf-cover small { color: var(--af-muted); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .16em; } #af-landing .af-badge { position: absolute; right: 26px; bottom: 42px; width: 112px; height: 112px; display: grid; place-items: center; border-radius: 50%; background: var(--af-purple); color: #fff; text-align: center; font-weight: 900; font-size: 16px; line-height: 1.1; text-transform: uppercase; box-shadow: 0 18px 40px rgba(85, 37, 201, .25); } /* PROBLEM */ #af-landing .af-problem { display: grid; grid-template-columns: 150px 1fr 260px; align-items: center; gap: 40px; } #af-landing .af-problem__icon { width: 130px; height: 130px; display: grid; place-items: center; border-radius: 50%; background: #fff; box-shadow: var(--af-shadow); } #af-landing .af-problem__icon .af-icon { width: 72px; height: 72px; } #af-landing .af-problem p { margin-top: 16px; color: var(--af-muted); } #af-landing .af-mini-list { display: grid; gap: 14px; } #af-landing .af-mini-list div { display: flex; align-items: center; gap: 10px; font-weight: 900; color: var(--af-green-dark); } /* CARDS / GRIDS */ #af-landing .af-count-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } #af-landing .af-count-grid article, #af-landing .af-cuisine-grid article, #af-landing .af-benefit-grid article, #af-landing .af-meal-card, #af-landing .af-preview-page, #af-landing .af-offer-box, #af-landing .af-faq-item, #af-landing .af-recipe-card { background: rgba(255,255,255,.86); border: 1px solid var(--af-border); box-shadow: 0 12px 40px rgba(43, 54, 32, .07); } #af-landing .af-count-grid article { padding: 34px; border-radius: 28px; text-align: center; } #af-landing .af-count-grid .af-icon { width: 54px; height: 54px; margin-bottom: 18px; } #af-landing .af-count-grid h3 { font-size: 30px; margin-bottom: 10px; } #af-landing .af-count-grid p { color: var(--af-muted); } #af-landing .af-feature-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 28px; padding: 16px; border-radius: 999px; background: #fff; border: 1px solid var(--af-border); } #af-landing .af-feature-row div { display: flex; min-width: 0; align-items: center; justify-content: center; gap: 9px; color: var(--af-green-dark); font-weight: 900; font-size: 14px; line-height: 1.25; text-align: center; } /* CUISINES */ #af-landing .af-cuisine-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } #af-landing .af-cuisine-grid article { padding: 30px; border-radius: 26px; text-align: center; } #af-landing .af-cuisine-grid article > span { display: inline-grid; place-items: center; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 50%; background: var(--af-cream); color: var(--af-green-dark); font-size: 16px; font-weight: 900; letter-spacing: .08em; } #af-landing .af-cuisine-grid h3 { margin-bottom: 10px; } #af-landing .af-cuisine-grid p { color: var(--af-muted); } /* EXAMPLES */ #af-landing .af-examples-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } #af-landing .af-meal-card { padding: 24px; border-radius: 28px; } #af-landing .af-meal-card > span { color: var(--af-orange); font-weight: 900; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; } #af-landing .af-meal-card h3 { margin-top: 8px; min-height: 56px; } #af-landing .af-photo--meal { height: 255px; margin-top: 20px; } #af-landing .af-meal-meta { display: grid; gap: 10px; margin-top: 16px; } #af-landing .af-meal-meta div { display: flex; align-items: center; gap: 8px; color: var(--af-muted); font-weight: 900; } /* RECIPE */ #af-landing .af-recipe-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 54px; } #af-landing .af-recipe-grid h2 { margin-bottom: 22px; } #af-landing .af-recipe-card { padding: 34px; border-radius: 30px; background: radial-gradient(circle at 100% 0%, rgba(85,37,201,.09), transparent 26%), #fff; } #af-landing .af-recipe-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; } #af-landing .af-tag { display: inline-flex; padding: 8px 14px; border-radius: 999px; background: var(--af-purple); color: #fff; font-weight: 900; font-size: 12px; text-transform: uppercase; } #af-landing .af-recipe-hero { display: grid; grid-template-columns: 170px minmax(0, 1fr); align-items: center; gap: 20px; margin-bottom: 20px; } #af-landing .af-photo--recipe { min-height: 150px; border-radius: 18px; } #af-landing .af-recipe-card h3 { font-size: 34px; margin-bottom: 12px; } #af-landing .af-recipe-card p { color: var(--af-muted); } #af-landing .af-kcal-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; } #af-landing .af-kcal-tabs button { border: 0; padding: 10px 14px; border-radius: 999px; background: #f1eadf; color: var(--af-green-dark); font-weight: 900; cursor: pointer; } #af-landing .af-kcal-tabs button.is-active { background: var(--af-orange); color: #fff; } #af-landing .af-recipe-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; } #af-landing .af-recipe-summary div { padding: 14px; border-radius: 16px; background: var(--af-cream); border: 1px solid var(--af-border); } #af-landing .af-recipe-summary span { display: block; margin-bottom: 4px; color: var(--af-muted); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; } #af-landing .af-recipe-summary strong { color: var(--af-green-dark); font-size: 20px; line-height: 1.1; } #af-landing .af-recipe-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } #af-landing .af-recipe-columns div { padding: 18px; border-radius: 18px; background: var(--af-cream); } #af-landing .af-recipe-columns strong { display: block; margin-bottom: 10px; } #af-landing .af-recipe-columns ul { margin: 0; padding-left: 18px; color: var(--af-muted); line-height: 1.8; } /* BENEFITS */ #af-landing .af-benefit-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } #af-landing .af-benefit-grid article { padding: 30px; border-radius: 28px; text-align: center; } #af-landing .af-benefit-grid .af-icon { width: 46px; height: 46px; margin-bottom: 16px; } #af-landing .af-benefit-grid h3 { margin-bottom: 10px; } #af-landing .af-benefit-grid p { color: var(--af-muted); } /* PREVIEW */ #af-landing .af-preview-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 50px; } #af-landing .af-preview-grid h2 { margin-bottom: 24px; } #af-landing .af-preview-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } #af-landing .af-preview-cards article > p { margin-top: 12px; color: var(--af-muted); text-align: center; font-size: 14px; font-weight: 900; } #af-landing .af-preview-page { min-height: 260px; padding: 22px; border-radius: 22px; } #af-landing .af-preview-page h3 { font-family: "Playfair Display", serif; font-size: 34px; margin-bottom: 16px; } #af-landing .af-preview-page h3:not(:first-child), #af-landing .af-preview-page h3 { margin-bottom: 18px; color: var(--af-green-dark); } #af-landing .af-preview-page--cover h3 { color: var(--af-text); } #af-landing .af-preview-page--cover { background: linear-gradient(180deg, #fffaf2, #f3eadc); } #af-landing .af-line { height: 10px; margin-bottom: 13px; border-radius: 999px; background: #e8decf; } #af-landing .af-line--short { width: 72%; } /* OFFER */ #af-landing .af-section--offer { padding-top: 40px; } #af-landing .af-offer-box { display: grid; grid-template-columns: 1fr .8fr .9fr; align-items: center; gap: 36px; padding: clamp(28px, 4vw, 46px); border-radius: 34px; background: radial-gradient(circle at 0% 0%, rgba(234,107,43,.13), transparent 28%), #fffaf3; border-color: rgba(234, 107, 43, .22); } #af-landing .af-offer-box h2 { margin-bottom: 12px; } #af-landing .af-price-wrap { margin-top: 20px; } #af-landing .af-price-old { display: inline-flex; margin-bottom: 6px; color: var(--af-muted); font-size: 1.35rem; font-weight: 900; text-decoration: line-through; text-decoration-thickness: 3px; text-decoration-color: var(--af-orange); } #af-landing .af-price { margin-top: 20px; color: var(--af-green); font-size: 5.25rem; font-weight: 900; letter-spacing: 0; line-height: 1; } #af-landing .af-price-wrap .af-price { margin-top: 0; } #af-landing .af-offer-cta { display: grid; gap: 14px; text-align: center; } #af-landing .af-offer-cta small { color: var(--af-muted); line-height: 1.5; } #af-landing .af-countdown { display: grid; gap: 5px; justify-items: center; padding: 13px 16px; border-radius: 18px; background: #fff; border: 1px solid rgba(234, 107, 43, .24); box-shadow: 0 10px 26px rgba(234, 107, 43, .09); } #af-landing .af-countdown span { color: var(--af-muted); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; } #af-landing .af-countdown strong { color: var(--af-orange-dark); font-size: 1.65rem; line-height: 1; font-variant-numeric: tabular-nums; } #af-landing .af-countdown--final { width: min(360px, 100%); margin: 18px auto 0; } /* FAQ */ #af-landing .af-faq { max-width: 930px; margin-inline: auto; display: grid; gap: 12px; } #af-landing .af-faq-item { overflow: hidden; border-radius: 18px; } #af-landing .af-faq-item button { width: 100%; padding: 20px 22px; border: 0; background: transparent; color: var(--af-text); display: flex; justify-content: space-between; align-items: center; gap: 20px; text-align: left; font: inherit; font-weight: 900; cursor: pointer; } #af-landing .af-faq-item button span { width: 20px; height: 20px; position: relative; flex: 0 0 20px; } #af-landing .af-faq-item button span::before, #af-landing .af-faq-item button span::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 14px; height: 2px; background: var(--af-green); transform: translate(-50%, -50%); transition: .2s ease; } #af-landing .af-faq-item button span::after { transform: translate(-50%, -50%) rotate(90deg); } #af-landing .af-faq-item.is-open button span::after { transform: translate(-50%, -50%) rotate(0); } #af-landing .af-faq-item > div { max-height: 0; overflow: hidden; transition: max-height .25s ease; } #af-landing .af-faq-item > div p { padding: 0 22px 22px; color: var(--af-muted); } /* FINAL */ #af-landing .af-final { padding: 70px 0; background: #fff; } #af-landing .af-final__box { display: grid; grid-template-columns: 220px 1fr 220px; align-items: center; gap: 34px; padding: 34px; border-radius: 36px; background: var(--af-cream); border: 1px solid var(--af-border); text-align: center; } #af-landing .af-final__box h2 { margin-bottom: 16px; } #af-landing .af-final__box p { max-width: 700px; margin: 0 auto 24px; color: var(--af-muted); } #af-landing .af-photo--final { height: 190px; } #af-landing .af-sticky-promo { position: fixed; inset: auto 0 0; z-index: 9998; padding: 12px 16px; background: rgba(255, 250, 243, .94); border-top: 1px solid rgba(234, 107, 43, .24); box-shadow: 0 -16px 42px rgba(43, 54, 32, .14); backdrop-filter: blur(14px); } #af-landing .af-sticky-promo__inner { width: min(1180px, 100%); margin-inline: auto; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 18px; } #af-landing .af-sticky-promo__copy { display: flex; align-items: baseline; gap: 10px; min-width: 0; } #af-landing .af-sticky-promo__copy span { color: var(--af-orange); font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; } #af-landing .af-sticky-promo__copy strong { color: var(--af-green); font-size: 2rem; line-height: 1; font-weight: 900; } #af-landing .af-sticky-promo__copy del { color: var(--af-muted); font-size: 1rem; font-weight: 900; text-decoration-color: var(--af-orange); text-decoration-thickness: 2px; } #af-landing .af-sticky-promo__timer { display: grid; gap: 3px; justify-items: center; min-width: 132px; padding: 10px 14px; border-radius: 16px; background: #fff; border: 1px solid var(--af-border); } #af-landing .af-sticky-promo__timer span { color: var(--af-muted); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; } #af-landing .af-sticky-promo__timer strong { color: var(--af-orange-dark); font-size: 1.35rem; line-height: 1; font-variant-numeric: tabular-nums; } #af-landing .af-sticky-promo .af-btn { min-height: 48px; padding: 12px 20px; white-space: nowrap; } #af-landing .af-lightbox { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 24px; background: rgba(15, 18, 13, .78); opacity: 0; pointer-events: none; transition: opacity .2s ease; } #af-landing .af-lightbox.is-open { opacity: 1; pointer-events: auto; } #af-landing .af-lightbox figure { width: min(960px, 100%); margin: 0; } #af-landing .af-lightbox img { display: block; width: 100%; max-height: min(82vh, 820px); object-fit: contain; border-radius: 18px; background: #fff; box-shadow: 0 24px 80px rgba(0, 0, 0, .32); cursor: zoom-in; transform-origin: center; transition: transform .18s ease; } #af-landing .af-lightbox img.is-zoomed { cursor: zoom-out; } #af-landing .af-lightbox figcaption { margin-top: 12px; color: #fff; font-weight: 900; text-align: center; } #af-landing .af-lightbox__close { position: fixed; top: 18px; right: 18px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #fff; color: var(--af-text); font-size: 22px; font-weight: 900; line-height: 1; cursor: pointer; } #af-landing .af-lightbox__tools { position: fixed; left: 50%; bottom: 18px; display: flex; gap: 8px; padding: 8px; border-radius: 999px; background: rgba(255, 255, 255, .94); transform: translateX(-50%); box-shadow: 0 14px 35px rgba(0, 0, 0, .22); } #af-landing .af-lightbox__tools button { min-width: 42px; height: 38px; border: 0; border-radius: 999px; background: var(--af-cream); color: var(--af-text); font-weight: 900; cursor: pointer; } #af-landing .af-lightbox__tools button:hover { background: var(--af-orange); color: #fff; } .af-lightbox-open { overflow: hidden; } @media (max-width: 1050px) { #af-landing h1 { font-size: 3.1rem; } #af-landing h2 { font-size: 2.35rem; } #af-landing .af-price { font-size: 4.5rem; } #af-landing .af-hero__grid, #af-landing .af-preview-grid, #af-landing .af-offer-box, #af-landing .af-recipe-grid { grid-template-columns: 1fr; } #af-landing .af-hero { min-height: auto; padding: 56px 0 64px; } #af-landing .af-hero__content { max-width: 760px; } #af-landing .af-hero h1 { max-width: 760px; } #af-landing .af-hero__visual { min-height: 480px; } #af-landing .af-problem { grid-template-columns: 1fr; text-align: center; } #af-landing .af-problem__icon { margin-inline: auto; } #af-landing .af-mini-list { max-width: 320px; margin-inline: auto; text-align: left; } #af-landing .af-cuisine-grid, #af-landing .af-benefit-grid { grid-template-columns: repeat(2, 1fr); } #af-landing .af-feature-row { grid-template-columns: repeat(3, 1fr); border-radius: 24px; } #af-landing .af-final__box { grid-template-columns: 1fr; } #af-landing .af-photo--final { display: none; } } @media (max-width: 760px) { #af-landing { padding-top: 58px; } #af-landing .af-container { width: min(100% - 28px, 1180px); } #af-landing .af-section { padding: 64px 0; } #af-landing .af-nav { padding: 8px 0; } #af-landing .af-nav.is-compact { padding: 6px 0; } #af-landing .af-nav.is-compact .af-nav__inner { width: min(100% - 28px, 1180px); } #af-landing .af-nav__inner { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; align-items: center; } #af-landing .af-nav__brand { justify-content: flex-start; text-align: left; } #af-landing .af-nav__brand img { height: 34px; max-width: 136px; } #af-landing .af-nav.is-compact .af-nav__brand img { height: 28px; max-width: 116px; } #af-landing .af-nav__toggle { display: inline-flex; } #af-landing .af-nav__links { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr; gap: 6px; width: 100%; max-height: 0; padding: 0; overflow: hidden; opacity: 0; transition: max-height .24s ease, opacity .18s ease, padding .18s ease; } #af-landing .af-nav.is-open .af-nav__links { max-height: 360px; padding-top: 8px; opacity: 1; } #af-landing .af-nav__links a { padding: 12px 14px; border-radius: 14px; background: #fff; font-size: 13px; } #af-landing .af-nav.is-compact .af-nav__links a { padding: 8px 10px; font-size: 12px; } #af-landing h1 { font-size: 2.55rem; } #af-landing h2 { font-size: 2rem; } #af-landing h3 { font-size: 1.25rem; } #af-landing .af-lead { font-size: 1rem; } #af-landing .af-hero { padding: 44px 0 56px; } #af-landing .af-hero .af-checklist { grid-template-columns: 1fr; } #af-landing .af-actions, #af-landing .af-btn { width: 100%; } #af-landing .af-actions { justify-content: center; text-align: center; } #af-landing .af-hero__visual { min-height: auto; } #af-landing .af-pdf-mockup { width: 100%; transform: none; } #af-landing .af-badge { right: 0; bottom: -20px; width: 105px; height: 105px; font-size: 15px; } #af-landing .af-count-grid, #af-landing .af-examples-grid, #af-landing .af-preview-cards { grid-template-columns: 1fr; } #af-landing .af-cuisine-grid, #af-landing .af-benefit-grid { grid-template-columns: 1fr; } #af-landing .af-feature-row { grid-template-columns: repeat(2, 1fr); } #af-landing .af-offer-box { text-align: center; } #af-landing .af-offer-box .af-checklist { width: fit-content; margin-inline: auto; text-align: left; } #af-landing .af-recipe-columns { grid-template-columns: 1fr; } #af-landing .af-recipe-hero { grid-template-columns: 1fr; } #af-landing .af-photo--recipe { min-height: 220px; } #af-landing .af-price { font-size: 4rem; } #af-landing .af-meal-card h3 { min-height: 0; } #af-landing { padding-bottom: 156px; } #af-landing .af-sticky-promo { padding: 10px 12px; } #af-landing .af-sticky-promo__inner { grid-template-columns: 1fr auto; gap: 10px; } #af-landing .af-sticky-promo__copy { grid-column: 1 / -1; justify-content: center; } #af-landing .af-sticky-promo__copy strong { font-size: 1.7rem; } #af-landing .af-sticky-promo__timer { min-width: 0; width: 100%; } #af-landing .af-sticky-promo .af-btn { width: auto; min-width: 132px; } } @media (max-width: 480px) { #af-landing { padding-top: 56px; } #af-landing .af-container { width: min(100% - 24px, 1180px); } #af-landing .af-nav.is-compact .af-nav__inner { width: min(100% - 24px, 1180px); } #af-landing .af-nav__links { gap: 6px; } #af-landing h1 { font-size: 2.1rem; } #af-landing h2 { font-size: 1.75rem; } #af-landing .af-heading { margin-bottom: 32px; } #af-landing .af-btn { min-height: 54px; padding: 14px 18px; } #af-landing .af-feature-row { grid-template-columns: 1fr; } #af-landing .af-pdf-cover { padding: 28px 18px; } #af-landing .af-pdf-cover h2, #af-landing .af-pdf-cover .af-cover-title { font-size: 1.9rem; } #af-landing .af-cover-stats { grid-template-columns: 1fr; } #af-landing .af-count-grid article, #af-landing .af-cuisine-grid article, #af-landing .af-benefit-grid article, #af-landing .af-meal-card, #af-landing .af-recipe-card, #af-landing .af-final__box { padding: 22px; } #af-landing .af-recipe-summary { grid-template-columns: 1fr; } #af-landing .af-photo--meal { height: 220px; } #af-landing .af-price { font-size: 3.5rem; } #af-landing { padding-bottom: 168px; } #af-landing .af-sticky-promo__copy span { font-size: 11px; } #af-landing .af-sticky-promo .af-btn { min-width: 112px; padding-inline: 14px; } } /* v19 - drobne dopasowanie pod dłuższe nagłówki pakietu 150 przepisów */ #af-landing .af-count-grid h3 { font-size: clamp(1.35rem, 2.2vw, 1.85rem); } #af-landing .af-badge { font-size: 14px; } /* Bonusowy PDF z deserami + miejsca na zdjęcia */ #af-landing .af-hero-price { display: flex; align-items: baseline; gap: 12px; margin: 24px 0 8px; } #af-landing .af-hero-price span { color: var(--af-muted); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; } #af-landing .af-hero-price strong { color: var(--af-orange); font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1; font-weight: 900; } #af-landing .af-hero-price del { color: var(--af-muted); font-size: 1.25rem; font-weight: 800; text-decoration-color: var(--af-orange); text-decoration-thickness: 3px; } #af-landing .af-bonus { background: radial-gradient(circle at 100% 0%, rgba(234,107,43,.16), transparent 34%), linear-gradient(135deg, #fff8ed, #fbf6ee); } #af-landing .af-bonus__grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(34px, 6vw, 76px); } #af-landing .af-bonus__content { position: relative; } #af-landing .af-bonus__content h2 { margin: 14px 0 20px; } #af-landing .af-bonus__content .af-lead { margin-bottom: 24px; } #af-landing .af-bonus__label { display: inline-flex; margin-left: 10px; padding: 7px 12px; color: #fff; background: var(--af-orange); border-radius: 999px; font-size: 12px; font-weight: 900; letter-spacing: .1em; transform: rotate(-3deg); } #af-landing .af-bonus__gallery { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: repeat(2, minmax(190px, auto)); gap: 18px; } #af-landing .af-image-placeholder { position: relative; min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 24px; overflow: hidden; border: 2px dashed rgba(79,125,58,.38); border-radius: 26px; background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(244,239,230,.9)); text-align: center; box-shadow: 0 16px 46px rgba(43,54,32,.08); } #af-landing .af-image-placeholder--cover { grid-row: 1 / 3; min-height: 458px; } #af-landing .af-image-placeholder::before { content: ''; position: absolute; inset: 0; background-image: var(--img); background-size: cover; background-position: center; opacity: 0; transition: opacity .2s ease; } #af-landing .af-image-placeholder[style*="url("]::before { opacity: 1; } #af-landing .af-image-placeholder[style*="url("] > * { opacity: 0; } #af-landing .af-image-placeholder span { color: var(--af-orange); font-size: 11px; font-weight: 900; letter-spacing: .12em; } #af-landing .af-image-placeholder strong { color: var(--af-green-dark); font-family: "Playfair Display", serif; font-size: 24px; line-height: 1.15; } #af-landing .af-image-placeholder small { color: var(--af-muted); font-size: 11px; line-height: 1.4; } @media (max-width: 900px) { #af-landing .af-bonus__grid { grid-template-columns: 1fr; } #af-landing .af-bonus__content { text-align: center; } #af-landing .af-bonus__content .af-checklist { width: fit-content; margin-inline: auto; text-align: left; } } @media (max-width: 620px) { #af-landing .af-hero-price { justify-content: flex-start; flex-wrap: wrap; } #af-landing .af-bonus__gallery { grid-template-columns: 1fr; grid-template-rows: none; } #af-landing .af-image-placeholder--cover { grid-row: auto; min-height: 360px; } #af-landing .af-image-placeholder { min-height: 230px; } } /* ========================================================= OPINIE – MASONRY + LIGHTBOX ========================================================= */ #af-landing .af-reviews-section { position: relative; overflow: hidden; background: radial-gradient(circle at 0 0, rgba(79,125,58,.09), transparent 34%), radial-gradient(circle at 100% 8%, rgba(234,107,43,.11), transparent 30%), #fffaf4; } #af-landing .af-reviews-heading { max-width: 820px; margin-inline: auto; text-align: center; } #af-landing .af-reviews-heading .af-lead { max-width: 720px; margin: 18px auto 0; } #af-landing .af-reviews-summary { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 22px; padding: 11px 17px; color: var(--af-green-dark); background: rgba(255,255,255,.82); border: 1px solid var(--af-border); border-radius: 999px; box-shadow: 0 10px 28px rgba(41,68,31,.08); } #af-landing .af-reviews-summary__stars { color: var(--af-orange); font-size: 20px; line-height: 1; letter-spacing: 2px; } #af-landing .af-reviews-summary strong { font-size: 14px; font-weight: 800; } #af-landing .af-reviews-grid { column-count: 3; column-gap: 24px; width: 100%; } #af-landing .af-review-card { position: relative; display: inline-block; width: 100%; margin: 0 0 24px; padding: 0; overflow: hidden; break-inside: avoid; -webkit-column-break-inside: avoid; background: #fff; border: 1px solid var(--af-border); border-radius: 20px; box-shadow: 0 15px 42px rgba(41,68,31,.11); cursor: zoom-in; transition: transform .25s ease, box-shadow .25s ease, opacity .3s ease; } #af-landing .af-review-card:hover { transform: translateY(-5px); box-shadow: 0 22px 52px rgba(41,68,31,.17); } #af-landing .af-review-card:focus-visible { outline: 3px solid rgba(234,107,43,.35); outline-offset: 4px; } #af-landing .af-review-card img { display: block; width: 100%; height: auto; margin: 0; } #af-landing .af-review-card[hidden] { display: none !important; } #af-landing .af-review-card.is-revealing { animation: afReviewReveal .5s ease both; } @keyframes afReviewReveal { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } #af-landing .af-reviews-actions { display: flex; justify-content: center; margin-top: 28px; } #af-landing .af-reviews-more { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 15px 28px; color: #fff; background: var(--af-orange); border: 0; border-radius: 14px; box-shadow: 0 13px 30px rgba(234,107,43,.27); font: inherit; font-size: 16px; font-weight: 900; cursor: pointer; transition: background .2s ease, transform .2s ease, box-shadow .2s ease; } #af-landing .af-reviews-more:hover { background: var(--af-orange-dark); transform: translateY(-2px); box-shadow: 0 17px 36px rgba(234,107,43,.32); } #af-landing .af-reviews-more:focus-visible { outline: 3px solid rgba(234,107,43,.28); outline-offset: 4px; } #af-landing .af-reviews-more svg { transition: transform .25s ease; } #af-landing .af-reviews-more.is-expanded svg { transform: rotate(180deg); } html.af-reviews-lightbox-open, html.af-reviews-lightbox-open body { overflow: hidden; } #af-landing .af-reviews-lightbox { position: fixed; inset: 0; z-index: 1000000; display: flex; align-items: center; justify-content: center; padding: 70px 90px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, visibility .25s ease; } #af-landing .af-reviews-lightbox.is-open { opacity: 1; visibility: visible; pointer-events: auto; } #af-landing .af-reviews-lightbox__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; background: rgba(17,25,14,.92); border: 0; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); cursor: zoom-out; } #af-landing .af-reviews-lightbox__content { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: min(900px, 100%); height: 100%; } #af-landing .af-reviews-lightbox__content img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 18px; box-shadow: 0 28px 80px rgba(0,0,0,.42); } #af-landing .af-reviews-lightbox__counter { position: absolute; left: 50%; bottom: -42px; transform: translateX(-50%); color: #fff; font-size: 14px; font-weight: 800; white-space: nowrap; } #af-landing .af-reviews-lightbox__close, #af-landing .af-reviews-lightbox__arrow { position: fixed; z-index: 4; display: flex; align-items: center; justify-content: center; padding: 0; color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); border-radius: 50%; cursor: pointer; transition: background .2s ease, transform .2s ease; } #af-landing .af-reviews-lightbox__close { top: 20px; right: 24px; width: 48px; height: 48px; padding-bottom: 4px; font-size: 35px; line-height: 1; } #af-landing .af-reviews-lightbox__arrow { top: 50%; width: 52px; height: 52px; font-size: 26px; transform: translateY(-50%); } #af-landing .af-reviews-lightbox__close:hover, #af-landing .af-reviews-lightbox__arrow:hover { background: var(--af-orange); } #af-landing .af-reviews-lightbox__arrow--prev { left: 24px; } #af-landing .af-reviews-lightbox__arrow--next { right: 24px; } @media (max-width: 950px) { #af-landing .af-reviews-grid { column-count: 2; column-gap: 20px; } #af-landing .af-review-card { margin-bottom: 20px; } #af-landing .af-reviews-lightbox { padding: 65px 75px; } } @media (max-width: 620px) { #af-landing .af-reviews-grid { column-count: 1; column-gap: 0; } #af-landing .af-review-card { margin-bottom: 17px; border-radius: 16px; } #af-landing .af-reviews-summary { gap: 7px; padding: 10px 13px; } #af-landing .af-reviews-summary__stars { font-size: 17px; } #af-landing .af-reviews-summary strong { font-size: 12px; } #af-landing .af-reviews-more { width: 100%; min-height: 54px; } #af-landing .af-reviews-lightbox { padding: 68px 14px 74px; } #af-landing .af-reviews-lightbox__content img { border-radius: 13px; } #af-landing .af-reviews-lightbox__counter { bottom: -38px; } #af-landing .af-reviews-lightbox__close { top: 13px; right: 14px; width: 43px; height: 43px; font-size: 31px; } #af-landing .af-reviews-lightbox__arrow { top: auto; bottom: 14px; width: 44px; height: 44px; font-size: 22px; transform: none; } #af-landing .af-reviews-lightbox__arrow--prev { left: calc(50% - 54px); } #af-landing .af-reviews-lightbox__arrow--next { right: calc(50% - 54px); } } @media (prefers-reduced-motion: reduce) { #af-landing .af-review-card, #af-landing .af-reviews-more, #af-landing .af-reviews-lightbox, #af-landing .af-reviews-lightbox__close, #af-landing .af-reviews-lightbox__arrow { transition: none; } #af-landing .af-review-card.is-revealing { animation: none; } } /* ========================================================= AIRDIETS V8 — PROFESJONALNY SYSTEM WIZUALNY Naprawia typografię Elementora, hierarchię nagłówków i wzmacnia wygląd całej podstrony. ========================================================= */ #af-landing { --af-green: #557f3f; --af-green-deep: #22391a; --af-green-dark: #2b471f; --af-green-soft: #edf5e8; --af-orange: #ec6c2d; --af-orange-dark: #c84c16; --af-orange-soft: #fff1e8; --af-cream: #fffaf3; --af-soft: #f5f0e8; --af-text: #1d2619; --af-muted: #687161; --af-border: rgba(67, 101, 48, .16); --af-border-strong: rgba(67, 101, 48, .25); --af-shadow-sm: 0 12px 34px rgba(35, 55, 26, .08); --af-shadow-md: 0 24px 64px rgba(35, 55, 26, .12); --af-shadow-lg: 0 38px 100px rgba(35, 55, 26, .16); font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 16px; line-height: 1.65; color: var(--af-text); background: #fff; } /* Reset typografii nadpisujący style globalne Elementora */ #af-landing h1, #af-landing h2, #af-landing h3, #af-landing h4, #af-landing p, #af-landing li, #af-landing a, #af-landing button, #af-landing strong, #af-landing small, #af-landing span { font-family: inherit; } #af-landing h1, #af-landing h2, #af-landing .af-cover-title { font-family: "Playfair Display", Georgia, "Times New Roman", serif !important; font-style: normal !important; color: var(--af-text) !important; text-transform: none !important; letter-spacing: -.035em !important; text-wrap: balance; } #af-landing h1 { max-width: 760px; font-size: clamp(3.25rem, 5.6vw, 5rem) !important; font-weight: 700 !important; line-height: .99 !important; } #af-landing h1 span { display: block; margin-top: .16em; color: var(--af-green) !important; font-family: inherit !important; font-size: .68em; line-height: 1.08; letter-spacing: -.025em; } #af-landing h2 { font-size: clamp(2.15rem, 4vw, 3.25rem) !important; font-weight: 700 !important; line-height: 1.08 !important; } #af-landing h3 { color: var(--af-text) !important; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: clamp(1.12rem, 1.7vw, 1.38rem) !important; font-weight: 800 !important; line-height: 1.28 !important; letter-spacing: -.018em !important; text-transform: none !important; } #af-landing p, #af-landing li { font-size: 1rem; line-height: 1.72; } #af-landing .af-lead { max-width: 680px; font-size: clamp(1.06rem, 1.5vw, 1.22rem) !important; line-height: 1.68 !important; color: #3e4938; } #af-landing .af-muted { max-width: 680px; color: var(--af-muted); font-size: .98rem; } #af-landing .af-eyebrow { position: relative; align-items: center; gap: 9px; margin-bottom: 18px; color: var(--af-orange) !important; font-family: "Inter", sans-serif !important; font-size: .76rem !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: .145em !important; } #af-landing .af-eyebrow::before { content: ""; width: 28px; height: 2px; flex: 0 0 auto; border-radius: 99px; background: currentColor; } #af-landing .af-container { width: min(1200px, calc(100% - 48px)); } #af-landing .af-section { position: relative; padding: clamp(78px, 8vw, 126px) 0; } #af-landing .af-heading { max-width: 850px; margin-bottom: clamp(40px, 5vw, 62px); } #af-landing .af-heading h2 { max-width: 820px; margin-inline: auto; } #af-landing .af-heading p { max-width: 690px; margin: 19px auto 0; font-size: 1.04rem; } /* HERO */ #af-landing .af-hero { min-height: auto; padding: clamp(72px, 7vw, 112px) 0 clamp(82px, 8vw, 128px); overflow: visible; background: radial-gradient(circle at 88% 12%, rgba(236,108,45,.17), transparent 29%), radial-gradient(circle at 5% 0%, rgba(85,127,63,.16), transparent 30%), linear-gradient(180deg, #fffdf9 0%, #ffffff 72%); } #af-landing .af-hero::after { content: ""; position: absolute; left: 50%; bottom: -1px; width: min(1200px, calc(100% - 48px)); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, var(--af-border-strong), transparent); } #af-landing .af-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(360px, .82fr); gap: clamp(54px, 7vw, 100px); } #af-landing .af-hero__content { max-width: 720px; } #af-landing .af-hero-price { width: fit-content; padding: 14px 18px; border: 1px solid rgba(236,108,45,.20); border-radius: 18px; background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,241,232,.9)); box-shadow: var(--af-shadow-sm); } #af-landing .af-hero-price strong { font-size: clamp(2.8rem, 5vw, 4.3rem); letter-spacing: -.055em; } #af-landing .af-actions { gap: 16px; margin-top: 26px; } #af-landing .af-btn { min-height: 58px; padding: 16px 27px; border-radius: 15px; font-family: "Inter", sans-serif !important; font-size: 1rem; font-weight: 900; letter-spacing: -.01em; } #af-landing .af-btn--primary { background: linear-gradient(135deg, #f07a3e, var(--af-orange)); box-shadow: 0 15px 34px rgba(236,108,45,.29), inset 0 1px rgba(255,255,255,.25); } #af-landing .af-btn--primary:hover { background: linear-gradient(135deg, var(--af-orange), var(--af-orange-dark)); transform: translateY(-3px); box-shadow: 0 21px 42px rgba(236,108,45,.35); } #af-landing .af-link { font-weight: 850; color: var(--af-green-dark); } #af-landing .af-checklist li { min-height: 45px; align-items: flex-start; padding: 11px 13px; border: 1px solid rgba(85,127,63,.10); border-radius: 12px; background: rgba(255,255,255,.75); } /* Makieta produktu — nie jest nagłówkiem dokumentu */ #af-landing .af-pdf-mockup { filter: drop-shadow(0 34px 58px rgba(35,55,26,.18)); } #af-landing .af-pdf-cover { border: 1px solid rgba(85,127,63,.14); box-shadow: inset 0 1px rgba(255,255,255,.75); } #af-landing .af-cover-title { margin: 13px 0 15px; font-size: clamp(2rem, 3.2vw, 2.7rem); font-weight: 700; line-height: .98; } #af-landing .af-badge { box-shadow: 0 20px 46px rgba(236,108,45,.28); animation: afBadgeFloat 4.2s ease-in-out infinite; } @keyframes afBadgeFloat { 0%, 100% { transform: translateY(0) rotate(2deg); } 50% { transform: translateY(-9px) rotate(-1deg); } } /* KARTY I SEKCJE */ #af-landing .af-section--soft, #af-landing .af-section--cream { overflow: hidden; } #af-landing .af-section--soft { background: linear-gradient(180deg, rgba(245,240,232,.92), rgba(250,247,241,.92)); } #af-landing .af-section--cream { background: radial-gradient(circle at 90% 10%, rgba(236,108,45,.07), transparent 25%), var(--af-cream); } #af-landing .af-problem, #af-landing .af-count-grid article, #af-landing .af-cuisine-grid article, #af-landing .af-benefit-grid article, #af-landing .af-example-card, #af-landing .af-offer-box, #af-landing .af-final__box { border-color: var(--af-border) !important; } #af-landing .af-count-grid article, #af-landing .af-cuisine-grid article, #af-landing .af-benefit-grid article, #af-landing .af-example-card { background: rgba(255,255,255,.92); box-shadow: var(--af-shadow-sm); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } #af-landing .af-count-grid article:hover, #af-landing .af-cuisine-grid article:hover, #af-landing .af-benefit-grid article:hover, #af-landing .af-example-card:hover { transform: translateY(-7px); border-color: rgba(85,127,63,.30) !important; box-shadow: var(--af-shadow-md); } #af-landing .af-feature-row { padding: 16px; border: 1px solid var(--af-border); border-radius: 20px; background: rgba(255,255,255,.8); box-shadow: var(--af-shadow-sm); } /* BONUS */ #af-landing .af-bonus { background: radial-gradient(circle at 8% 15%, rgba(85,127,63,.17), transparent 25%), radial-gradient(circle at 95% 90%, rgba(236,108,45,.15), transparent 27%), linear-gradient(135deg, #f5f9f1, #fff8f1); } #af-landing .af-bonus__grid { padding: clamp(30px, 4vw, 54px); border: 1px solid rgba(85,127,63,.18); border-radius: 34px; background: rgba(255,255,255,.73); box-shadow: var(--af-shadow-lg); backdrop-filter: blur(8px); } #af-landing .af-bonus__label { box-shadow: 0 10px 24px rgba(236,108,45,.22); } #af-landing .af-image-placeholder { border: 0; border-radius: 23px; background: #fff; box-shadow: 0 18px 45px rgba(35,55,26,.13); transition: transform .28s ease, box-shadow .28s ease; } #af-landing .af-image-placeholder:hover { transform: translateY(-6px) scale(1.012); box-shadow: 0 28px 64px rgba(35,55,26,.20); } /* Przepis / podgląd */ #af-landing .af-recipe-card, #af-landing .af-preview-page { border-color: var(--af-border); box-shadow: var(--af-shadow-sm); } #af-landing .af-kcal-tabs button { font-family: "Inter", sans-serif !important; font-weight: 850; } #af-landing .af-kcal-tabs button.is-active { box-shadow: 0 9px 24px rgba(85,127,63,.20); } /* Oferta */ #af-landing .af-section--offer { background: radial-gradient(circle at 12% 10%, rgba(255,255,255,.14), transparent 26%), linear-gradient(135deg, #22391a, #355b28 58%, #426f32); } #af-landing .af-offer-box { padding: clamp(32px, 5vw, 62px); border: 1px solid rgba(255,255,255,.20) !important; border-radius: 32px; background: rgba(255,255,255,.96); box-shadow: 0 34px 90px rgba(15,29,10,.30); } #af-landing .af-price { font-size: clamp(3.7rem, 7vw, 5.8rem); letter-spacing: -.07em; } /* OPINIE — mocniejszy efekt premium */ #af-landing .af-reviews-section { background: radial-gradient(circle at 8% 5%, rgba(85,127,63,.12), transparent 27%), radial-gradient(circle at 92% 12%, rgba(236,108,45,.13), transparent 25%), linear-gradient(180deg, #fffdf9, #fff8ef); } #af-landing .af-reviews-heading { margin-bottom: 56px; } #af-landing .af-reviews-summary { border-color: rgba(236,108,45,.18); background: rgba(255,255,255,.92); box-shadow: var(--af-shadow-sm); } #af-landing .af-review-card { border: 1px solid rgba(85,127,63,.14); border-radius: 24px; box-shadow: 0 18px 48px rgba(35,55,26,.11); } #af-landing .af-review-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.48); } #af-landing .af-review-card:hover { transform: translateY(-8px) rotate(.15deg); box-shadow: 0 30px 70px rgba(35,55,26,.19); } #af-landing .af-reviews-more { border-radius: 999px; padding-inline: 32px; } /* FAQ */ #af-landing .af-faq-item { overflow: hidden; border: 1px solid var(--af-border); border-radius: 17px; background: rgba(255,255,255,.92); box-shadow: 0 10px 30px rgba(35,55,26,.06); } #af-landing .af-faq-item button { font-family: "Inter", sans-serif !important; font-size: 1.02rem; font-weight: 800; } #af-landing .af-faq-item.is-open { border-color: rgba(85,127,63,.30); box-shadow: var(--af-shadow-sm); } /* Finał */ #af-landing .af-final { background: linear-gradient(180deg, #fff 0%, #f7f2e9 100%); } #af-landing .af-final__box { border-radius: 30px; box-shadow: var(--af-shadow-lg); } /* Fokus i dostępność */ #af-landing a:focus-visible, #af-landing button:focus-visible, #af-landing [role="button"]:focus-visible { outline: 3px solid rgba(236,108,45,.38) !important; outline-offset: 4px; } /* RESPONSYWNOŚĆ TYPOGRAFII */ @media (max-width: 1050px) { #af-landing .af-hero__grid { grid-template-columns: 1fr; } #af-landing .af-hero__content { max-width: 820px; } #af-landing .af-hero__visual { width: min(600px, 100%); margin-inline: auto; } } @media (max-width: 760px) { #af-landing .af-container { width: min(100% - 30px, 1200px); } #af-landing h1 { font-size: clamp(2.65rem, 12vw, 3.55rem) !important; line-height: 1.01 !important; } #af-landing h1 span { font-size: .66em; } #af-landing h2 { font-size: clamp(1.95rem, 8.5vw, 2.55rem) !important; } #af-landing h3 { font-size: 1.14rem !important; } #af-landing .af-section { padding: 70px 0; } #af-landing .af-hero { padding-top: 52px; } #af-landing .af-hero .af-checklist { grid-template-columns: 1fr; } #af-landing .af-actions { align-items: stretch; } #af-landing .af-actions .af-btn { width: 100%; } #af-landing .af-bonus__grid, #af-landing .af-offer-box { border-radius: 24px; } } @media (max-width: 480px) { #af-landing h1 { font-size: clamp(2.35rem, 12.2vw, 3rem) !important; } #af-landing h2 { font-size: clamp(1.78rem, 9vw, 2.2rem) !important; } #af-landing .af-eyebrow { font-size: .69rem !important; letter-spacing: .12em !important; } #af-landing .af-eyebrow::before { width: 20px; } #af-landing .af-hero-price { width: 100%; } #af-landing .af-review-card { border-radius: 18px; } } /* ========================================================= V9 — KOMPAKTOWY HERO ABOVE THE FOLD ========================================================= */ @media (min-width: 1051px) { #af-landing .af-hero { height: min(100vh, 920px); min-height: 720px; max-height: 100vh; padding: 42px 0 86px; overflow: hidden; display: flex; align-items: center; } #af-landing .af-hero__grid { grid-template-columns: minmax(0, 1.06fr) minmax(340px, .78fr); gap: clamp(42px, 5.5vw, 78px); } #af-landing .af-hero__content { max-width: 650px; } #af-landing .af-hero h1 { margin-bottom: 14px !important; font-size: clamp(3.6rem, 4.8vw, 5.3rem) !important; line-height: .93 !important; } #af-landing .af-hero h1 span { margin-top: 12px; font-size: .57em !important; line-height: 1.02 !important; } #af-landing .af-hero .af-eyebrow { margin-bottom: 18px; } #af-landing .af-hero .af-lead { max-width: 610px; margin: 0 0 17px; font-size: 1.04rem; line-height: 1.55; } #af-landing .af-checklist--hero { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 12px; margin: 0; } #af-landing .af-checklist--hero li { min-height: 52px; padding: 11px 13px 11px 40px; font-size: .89rem; line-height: 1.4; } #af-landing .af-checklist--hero li::before { left: 13px; top: 13px; } #af-landing .af-delivery-note { display: flex; align-items: center; gap: 12px; width: fit-content; max-width: 100%; margin-top: 14px; padding: 11px 14px; border: 1px solid rgba(79,125,58,.2); border-radius: 14px; background: rgba(244,249,241,.9); box-shadow: 0 8px 22px rgba(41,68,31,.06); } #af-landing .af-delivery-note > .af-icon { flex: 0 0 auto; } #af-landing .af-delivery-note div { display: grid; gap: 2px; } #af-landing .af-delivery-note strong { color: var(--af-green-dark); font-size: .9rem; line-height: 1.2; } #af-landing .af-delivery-note span:not(.af-icon) { color: var(--af-muted); font-size: .78rem; line-height: 1.35; } #af-landing .af-hero-cta-row { display: flex; align-items: center; gap: 16px; margin-top: 14px; } #af-landing .af-hero-price { flex: 0 0 auto; margin: 0; padding: 10px 14px; border-radius: 14px; } #af-landing .af-hero-price strong { font-size: 2.55rem; } #af-landing .af-hero-price span { font-size: .65rem; } #af-landing .af-hero-price del { font-size: .95rem; } #af-landing .af-hero .af-actions { display: flex; align-items: center; gap: 12px; margin: 0; } #af-landing .af-hero .af-btn { min-height: 52px; padding: 13px 20px; } #af-landing .af-hero__visual { min-height: 0; height: min(62vh, 570px); display: flex; align-items: center; justify-content: center; } #af-landing .af-pdf-mockup { transform: scale(.88) rotate(1.5deg); transform-origin: center; } #af-landing .af-badge { transform: scale(.88); } } #af-landing .af-delivery-note { display: flex; align-items: center; gap: 12px; } #af-landing .af-delivery-note div { display: grid; gap: 3px; } #af-landing .af-delivery-note strong { color: var(--af-green-dark); } #af-landing .af-delivery-note span:not(.af-icon) { color: var(--af-muted); } @media (max-width: 1050px) { #af-landing .af-delivery-note { width: 100%; margin: 16px 0 0; padding: 13px 15px; border: 1px solid rgba(79,125,58,.2); border-radius: 15px; background: #f5f9f2; } #af-landing .af-hero-cta-row { margin-top: 17px; } } @media (max-width: 760px) { #af-landing .af-hero-cta-row { display: grid; gap: 13px; } #af-landing .af-hero .af-checklist--hero { grid-template-columns: 1fr; } #af-landing .af-delivery-note strong { font-size: .92rem; } #af-landing .af-delivery-note span:not(.af-icon) { font-size: .8rem; line-height: 1.4; } } /* ========================================================= V10 — KOMPAKTOWA TYPOGRAFIA, FONT AWESOME, MOBILE FIRST ========================================================= */ /* Spójna i spokojniejsza hierarchia typograficzna */ #af-landing h1 { font-size: clamp(3rem, 3.65vw, 4.25rem) !important; line-height: .97 !important; letter-spacing: -.035em !important; } #af-landing h1 span { margin-top: .14em !important; font-size: .58em !important; line-height: 1.04 !important; } #af-landing h2 { font-size: clamp(2rem, 2.65vw, 3rem) !important; line-height: 1.08 !important; letter-spacing: -.025em !important; } #af-landing h3 { font-size: clamp(1.08rem, 1.25vw, 1.28rem) !important; line-height: 1.28 !important; } #af-landing .af-heading { max-width: 760px; margin-bottom: clamp(28px, 3.5vw, 42px); } #af-landing .af-heading h2 { max-width: 760px; margin-inline: auto; } #af-landing .af-heading p { max-width: 650px; margin-inline: auto; font-size: .98rem; line-height: 1.65; } #af-landing .af-section { padding: clamp(58px, 6vw, 88px) 0; } /* Font Awesome zamiast przypadkowych ikon SVG */ #af-landing .af-icon.fa-solid { display: inline-flex !important; align-items: center; justify-content: center; width: 1.35em !important; height: 1.35em !important; flex: 0 0 1.35em !important; background-image: none !important; background: none !important; color: var(--af-green); font-size: 1.15rem; line-height: 1; } #af-landing .af-icon--flame.fa-solid, #af-landing .af-icon--sun.fa-solid { color: var(--af-orange); } #af-landing .af-btn .af-icon.fa-solid { color: #fff; font-size: 1rem; } #af-landing .af-delivery-note .af-icon.fa-solid { width: 38px !important; height: 38px !important; flex-basis: 38px !important; border-radius: 12px; background: #eaf4e4 !important; color: var(--af-green-dark); } #af-landing .af-problem__icon .af-icon.fa-solid { width: 72px !important; height: 72px !important; flex-basis: 72px !important; border-radius: 22px; background: #eef6e9 !important; font-size: 2rem; } #af-landing .af-count-grid .af-icon.fa-solid, #af-landing .af-benefit-grid .af-icon.fa-solid { width: 52px !important; height: 52px !important; flex-basis: 52px !important; margin-bottom: 16px; border-radius: 16px; background: #f0f6ec !important; font-size: 1.45rem; } #af-landing .af-checklist li::before { content: "\f058"; display: inline-flex; align-items: center; justify-content: center; background: none !important; color: var(--af-green); font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1.08rem; } /* Hero: wszystkie kluczowe elementy above the fold */ @media (min-width: 1051px) { #af-landing .af-hero { height: calc(100vh - 58px); min-height: 650px; max-height: 850px; padding: 30px 0 72px; } #af-landing .af-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(330px, .72fr); gap: clamp(34px, 4vw, 62px); } #af-landing .af-hero__content { max-width: 610px; } #af-landing .af-hero h1 { max-width: 610px; margin-bottom: 12px !important; } #af-landing .af-hero .af-eyebrow { margin-bottom: 13px; font-size: .72rem; } #af-landing .af-hero .af-lead { max-width: 570px; margin-bottom: 13px; font-size: .96rem; line-height: 1.5; } #af-landing .af-checklist--hero { gap: 8px 10px; } #af-landing .af-checklist--hero li { min-height: 46px; padding: 9px 11px 9px 35px; font-size: .82rem; line-height: 1.35; } #af-landing .af-checklist--hero li::before { left: 11px; top: 11px; } #af-landing .af-delivery-note { margin-top: 11px; padding: 9px 11px; } #af-landing .af-hero-cta-row { margin-top: 11px; } #af-landing .af-hero-price strong { font-size: 2.25rem; } #af-landing .af-hero .af-btn { min-height: 48px; padding: 11px 18px; font-size: .92rem; } #af-landing .af-hero__visual { height: min(58vh, 520px); } #af-landing .af-pdf-mockup { transform: scale(.8) rotate(1.5deg); } #af-landing .af-badge { transform: scale(.78); } } /* Sekcja zawartości — mniejsza i bardziej premium */ #af-landing #af-inside .af-heading { max-width: 820px; } #af-landing #af-inside .af-heading h2 { font-size: clamp(2rem, 2.55vw, 2.85rem) !important; } #af-landing .af-count-grid { gap: 18px; } #af-landing .af-count-grid article { min-height: 250px; padding: clamp(24px, 2.4vw, 34px); border-radius: 24px; } #af-landing .af-count-grid article p { font-size: .93rem; line-height: 1.6; } #af-landing .af-feature-row { padding: 17px 24px; gap: 15px; } #af-landing .af-feature-row div { font-size: .91rem; } /* Wszystkie grafiki zachowują proporcje */ #af-landing img { max-width: 100%; height: auto; } #af-landing .af-image-placeholder img { max-width: none; } /* MOBILE — priorytet sprzedażowy */ @media (max-width: 760px) { #af-landing { overflow-x: clip; padding-bottom: 82px; } #af-landing .af-container { width: min(100% - 28px, 1200px); } #af-landing .af-section { padding: 52px 0; } #af-landing h1 { font-size: clamp(2.25rem, 10.6vw, 3.05rem) !important; line-height: .99 !important; } #af-landing h1 span { font-size: .6em !important; } #af-landing h2 { font-size: clamp(1.72rem, 7.4vw, 2.2rem) !important; line-height: 1.1 !important; } #af-landing h3 { font-size: 1.05rem !important; } #af-landing .af-heading { margin-bottom: 28px; } #af-landing .af-heading p { font-size: .92rem; } #af-landing .af-hero { min-height: auto; height: auto; padding: 32px 0 36px; overflow: visible; } #af-landing .af-hero__grid { gap: 28px; } #af-landing .af-hero .af-lead { font-size: .94rem; line-height: 1.55; } #af-landing .af-checklist--hero { gap: 8px; } #af-landing .af-checklist--hero li { min-height: 0; padding: 11px 12px 11px 38px; font-size: .86rem; } #af-landing .af-delivery-note { padding: 11px 12px; } #af-landing .af-hero__visual { width: min(330px, 88vw); min-height: 0; height: auto; margin-inline: auto; padding: 0; } #af-landing .af-pdf-mockup { width: 100%; max-width: 300px; transform: rotate(1deg) !important; margin-inline: auto; } #af-landing .af-pdf-cover { min-height: 430px; padding: 24px 20px; } #af-landing .af-badge { right: -4px; bottom: 28px; transform: scale(.68) !important; transform-origin: right bottom; } #af-landing .af-count-grid, #af-landing .af-cuisine-grid, #af-landing .af-examples-grid, #af-landing .af-benefit-grid, #af-landing .af-preview-cards { grid-template-columns: 1fr !important; } #af-landing .af-count-grid article { min-height: 0; padding: 24px 20px; } #af-landing .af-feature-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px; border-radius: 18px; } #af-landing .af-feature-row div { justify-content: flex-start; min-height: 42px; padding: 9px 10px; border-radius: 12px; background: #f7f9f5; font-size: .82rem; } /* Bonus: grafiki bez rozciągania i bez gigantycznej wysokości */ #af-landing .af-bonus__grid { gap: 28px; padding: 24px 18px; } #af-landing .af-bonus__gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; } #af-landing .af-image-placeholder { position: relative; width: 100%; height: auto !important; min-height: 0 !important; aspect-ratio: 4 / 3; border-radius: 16px; } #af-landing .af-image-placeholder--cover { grid-row: auto; aspect-ratio: 3 / 4; } #af-landing .af-image-placeholder img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; padding: 0 !important; object-fit: cover !important; } #af-landing .af-image-placeholder--cover img { object-fit: contain !important; padding: 6px !important; background: #fffaf3 !important; } /* Karty dań i podglądy */ #af-landing .af-photo--meal { height: auto !important; aspect-ratio: 4 / 3; } #af-landing .af-photo--recipe { min-height: 0 !important; aspect-ratio: 4 / 3; } #af-landing .af-photo--final { height: auto !important; aspect-ratio: 4 / 3; } #af-landing .af-preview-page { min-height: 220px; } #af-landing .af-recipe-hero { grid-template-columns: 1fr; } #af-landing .af-recipe-columns { grid-template-columns: 1fr; } #af-landing .af-recipe-card { padding: 22px 17px; border-radius: 22px; } /* Opinie: pełna szerokość, bez rozciągania */ #af-landing .af-review-card img { width: 100%; height: auto !important; object-fit: contain; } /* Sticky pasek nie może zasłaniać ekranu */ #af-landing .af-sticky-promo { padding: 8px 10px; } #af-landing .af-sticky-promo__inner { grid-template-columns: 1fr auto; gap: 8px; } #af-landing .af-sticky-promo__copy span, #af-landing .af-sticky-promo__copy del, #af-landing .af-sticky-promo__timer { display: none; } #af-landing .af-sticky-promo__copy strong { font-size: 1.55rem; } #af-landing .af-sticky-promo .af-btn { min-height: 44px; padding: 10px 14px; font-size: .85rem; } } @media (max-width: 420px) { #af-landing h1 { font-size: clamp(2.08rem, 10.8vw, 2.65rem) !important; } #af-landing h2 { font-size: clamp(1.6rem, 7.6vw, 2rem) !important; } #af-landing .af-bonus__gallery { grid-template-columns: 1fr 1fr; } #af-landing .af-image-placeholder--cover { grid-row: span 2; } #af-landing .af-pdf-mockup { max-width: 275px; } } /* AirDiets Śniadania v1 */ #af-landing .af-hero--lunch .af-hero-price del, #af-landing .af-hero--lunch .af-hero-price .af-price-old { display:none !important; } #af-landing .af-cover-stats--single { grid-template-columns:1fr; max-width:180px; margin-inline:auto; } #af-landing .af-pdf-cover--lunch { background:linear-gradient(160deg,#fffdf8,#f3f8eb); } #af-landing .af-pdf-cover--lunch .af-cover-title { font-size:clamp(2rem,4vw,3.35rem); } #af-landing .af-count-grid--lunch { grid-template-columns:repeat(3,minmax(0,1fr)); } #af-landing .af-upsell { background:radial-gradient(circle at 100% 10%,rgba(91,62,210,.14),transparent 32%),linear-gradient(135deg,#fff8ed,#f4f7ed); } #af-landing .af-upsell__grid { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(32px,6vw,86px);align-items:center; } #af-landing .af-upsell__content .af-btn { margin-top:22px; } #af-landing .af-btn--secondary { background:linear-gradient(135deg,#4d7f3d,#2f5a26);color:#fff;box-shadow:0 14px 34px rgba(47,90,38,.24); } #af-landing .af-btn--secondary:hover { color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px rgba(47,90,38,.3); } #af-landing .af-upsell-card { position:relative;padding:clamp(30px,5vw,52px);border-radius:32px;background:#fff;border:1px solid rgba(79,125,58,.18);box-shadow:0 24px 70px rgba(43,54,32,.14);text-align:center;overflow:hidden; } #af-landing .af-upsell-card:before { content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,#ec6c2d,#5b3ed2,#4f7d3a); } #af-landing .af-upsell-card__label { display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff1e8;color:#d6531d;font-size:.75rem;font-weight:900;letter-spacing:.1em; } #af-landing .af-upsell-card > strong { display:block;margin-top:18px;color:#273d20;font-family:"Playfair Display",Georgia,serif;font-size:clamp(4.8rem,10vw,8rem);line-height:.82; } #af-landing .af-upsell-card > small { display:block;margin-top:12px;font-size:1rem;font-weight:800;color:#5f6a58; } #af-landing .af-upsell-card__stats { display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px; } #af-landing .af-upsell-card__stats span { padding:11px;border-radius:14px;background:#f6f3ec;font-size:.88rem;font-weight:800;color:#304529; } #af-landing .af-upsell-card__price { display:flex;align-items:end;justify-content:center;gap:9px;margin-top:24px;color:#ec6c2d; } #af-landing .af-upsell-card__price span { font-weight:800; } #af-landing .af-upsell-card__price b { font-size:2.35rem;line-height:1; } #af-landing .af-cuisine-grid article > .af-icon { width:52px;height:52px;display:grid;place-items:center;margin:0 auto 14px;border-radius:16px;background:#f3f7ed;color:#4f7d3a;font-size:1.35rem; } #af-landing .af-photo--lunch-2 { background-image:linear-gradient(135deg,rgba(79,125,58,.12),rgba(234,107,43,.12)),url('https://airdiets.pl/wp-content/uploads/2026/06/Papryki-faszerowane.png'); } #af-landing .af-photo--lunch-3 { background-image:linear-gradient(135deg,rgba(234,107,43,.10),rgba(91,62,210,.10)),url('https://airdiets.pl/wp-content/uploads/2026/06/Papryki-faszerowane.png'); } #af-landing .af-sticky-promo__price del { display:none!important; } @media(max-width:900px){#af-landing .af-upsell__grid{grid-template-columns:1fr}.af-upsell__visual{max-width:560px;margin-inline:auto;width:100%}#af-landing .af-count-grid--lunch{grid-template-columns:1fr}} @media(max-width:640px){ #af-landing .af-hero--lunch{min-height:auto;padding:30px 0 34px} #af-landing .af-hero--lunch .af-hero__grid{gap:28px} #af-landing .af-hero--lunch .af-hero__visual{max-width:340px;margin-inline:auto} #af-landing .af-upsell__grid{gap:24px} #af-landing .af-upsell-card{padding:28px 20px;border-radius:24px} #af-landing .af-upsell-card__stats{grid-template-columns:1fr 1fr} #af-landing .af-image-placeholder img,#af-landing .af-meal-card img{max-width:100%;height:auto;object-fit:contain} } /* ========================================================= V2 — POPRAWIONY KOMUNIKAT DOSTAWY PDF Reguły celowo na końcu pliku, aby Elementor ich nie nadpisywał. ========================================================= */ #af-landing .af-delivery-note { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; align-items: center !important; gap: 11px !important; width: min(100%, 610px) !important; margin: 14px 0 0 !important; padding: 11px 14px !important; color: var(--af-green-dark) !important; background: linear-gradient(135deg, #f4f9f1 0%, #fffdf8 100%) !important; border: 1px solid rgba(79, 125, 58, .24) !important; border-radius: 14px !important; box-shadow: 0 10px 26px rgba(41, 68, 31, .07) !important; } #af-landing .af-delivery-note > .af-icon, #af-landing .af-delivery-note > i { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; margin: 0 !important; color: #fff !important; background: var(--af-green) !important; border-radius: 10px !important; font-size: 16px !important; line-height: 1 !important; } #af-landing .af-delivery-note > div { display: flex !important; min-width: 0 !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; margin: 0 !important; } #af-landing .af-delivery-note strong { display: block !important; margin: 0 !important; color: var(--af-green-dark) !important; font-size: .91rem !important; font-weight: 800 !important; line-height: 1.25 !important; } #af-landing .af-delivery-note span:not(.af-icon) { display: block !important; margin: 0 !important; color: var(--af-muted) !important; font-size: .79rem !important; font-weight: 500 !important; line-height: 1.4 !important; } @media (max-width: 760px) { #af-landing .af-delivery-note { grid-template-columns: 34px minmax(0, 1fr) !important; gap: 9px !important; width: 100% !important; margin-top: 12px !important; padding: 10px 11px !important; border-radius: 12px !important; } #af-landing .af-delivery-note > .af-icon, #af-landing .af-delivery-note > i { width: 34px !important; height: 34px !important; border-radius: 9px !important; font-size: 14px !important; } #af-landing .af-delivery-note strong { font-size: .84rem !important; } #af-landing .af-delivery-note span:not(.af-icon) { font-size: .73rem !important; } } /* ========================================================= V3 — FINALNA KOREKTA TYPOGRAFII I KOLORÓW ========================================================= */ /* Elementor nie może łamać nagłówków w środku wyrazu */ #af-landing h1, #af-landing h2, #af-landing h3, #af-landing h4, #af-landing .af-cover-title { overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; } /* Czytelniejsza, spokojniejsza hierarchia całej strony */ #af-landing h1 { font-size: clamp(2.9rem, 4.15vw, 4.45rem) !important; line-height: .96 !important; letter-spacing: -.035em !important; } #af-landing h2 { font-size: clamp(2rem, 3vw, 3.15rem) !important; line-height: 1.02 !important; letter-spacing: -.025em !important; } #af-landing h3 { font-size: clamp(1.05rem, 1.35vw, 1.28rem) !important; line-height: 1.25 !important; } #af-landing .af-section { padding-top: clamp(58px, 6vw, 88px) !important; padding-bottom: clamp(58px, 6vw, 88px) !important; } /* HERO */ #af-landing .af-hero { background: radial-gradient(circle at 86% 12%, rgba(234, 107, 43, .16), transparent 31%), radial-gradient(circle at 2% 5%, rgba(79, 125, 58, .16), transparent 30%), linear-gradient(135deg, #fffdf9 0%, #fff 48%, #fff8f2 100%) !important; } #af-landing .af-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(330px, .78fr) !important; gap: clamp(42px, 5vw, 76px) !important; } #af-landing .af-hero__content { max-width: 690px !important; } #af-landing .af-hero h1 { max-width: 680px !important; margin-bottom: 14px !important; } #af-landing .af-hero h1 span { display: block !important; margin-top: 12px !important; color: #568844 !important; font-size: .61em !important; line-height: 1.02 !important; letter-spacing: -.025em !important; } #af-landing .af-hero .af-eyebrow { margin-bottom: 15px !important; color: #ef6429 !important; font-size: 12px !important; letter-spacing: .14em !important; } #af-landing .af-hero .af-lead { max-width: 610px !important; margin: 0 0 18px !important; color: #41483a !important; font-size: 1rem !important; line-height: 1.58 !important; } /* Korzyści — delikatne różne akcenty kolorystyczne */ #af-landing .af-checklist--hero { gap: 10px 12px !important; margin-top: 0 !important; } #af-landing .af-checklist--hero li { min-height: 54px !important; padding: 12px 14px 12px 43px !important; color: #26351f !important; background: rgba(255,255,255,.86) !important; border: 1px solid rgba(79,125,58,.17) !important; border-radius: 13px !important; box-shadow: 0 8px 22px rgba(41,68,31,.045) !important; font-size: .88rem !important; line-height: 1.38 !important; } #af-landing .af-checklist--hero li:nth-child(2), #af-landing .af-checklist--hero li:nth-child(4) { border-color: rgba(234,107,43,.19) !important; background: linear-gradient(135deg, rgba(255,249,244,.98), rgba(255,255,255,.9)) !important; } #af-landing .af-checklist--hero li::before { left: 13px !important; top: 13px !important; width: 21px !important; height: 21px !important; } /* Dostawa e-mailem */ #af-landing .af-delivery-note { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; align-items: center !important; gap: 11px !important; width: min(100%, 620px) !important; margin: 13px 0 0 !important; padding: 10px 13px !important; background: linear-gradient(135deg, #edf6e8 0%, #fffaf1 100%) !important; border: 1px solid rgba(79,125,58,.25) !important; border-radius: 13px !important; box-shadow: 0 10px 24px rgba(41,68,31,.065) !important; } #af-landing .af-delivery-note > .af-icon, #af-landing .af-delivery-note > i { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; margin: 0 !important; color: #fff !important; background: linear-gradient(135deg, #4f7d3a, #315c25) !important; border-radius: 10px !important; font-size: 15px !important; box-shadow: 0 7px 16px rgba(79,125,58,.2) !important; } #af-landing .af-delivery-note > div { display: grid !important; gap: 1px !important; } #af-landing .af-delivery-note strong { color: #29441f !important; font-size: .88rem !important; line-height: 1.25 !important; } #af-landing .af-delivery-note span:not(.af-icon) { color: #68705f !important; font-size: .76rem !important; line-height: 1.35 !important; } /* Cena i CTA */ #af-landing .af-hero-cta-row { gap: 14px !important; margin-top: 13px !important; } #af-landing .af-hero-price { min-width: 142px !important; padding: 9px 14px !important; background: linear-gradient(135deg, #fff9f3, #fff1e8) !important; border: 1px solid rgba(234,107,43,.25) !important; border-radius: 14px !important; box-shadow: 0 8px 22px rgba(234,107,43,.08) !important; } #af-landing .af-hero-price span { color: #64705d !important; font-size: .68rem !important; } #af-landing .af-hero-price strong { color: #ed642b !important; font-size: 2.15rem !important; line-height: 1 !important; } #af-landing .af-btn--primary { background: linear-gradient(135deg, #ff7a3f, #ed5f25) !important; box-shadow: 0 13px 28px rgba(234,107,43,.25) !important; } #af-landing .af-link { color: #315c25 !important; } /* Makieta — mniejsza i bardziej proporcjonalna */ #af-landing .af-hero__visual { min-height: 450px !important; } #af-landing .af-pdf-mockup { width: min(325px, 86%) !important; padding: 11px !important; border-radius: 27px !important; transform: rotate(1.2deg) !important; } #af-landing .af-pdf-cover { min-height: 390px !important; padding: 24px 19px !important; } #af-landing .af-pdf-cover .af-cover-title { margin: 10px 0 13px !important; color: #25311f !important; font-size: 1.82rem !important; line-height: .98 !important; } #af-landing .af-cover-stats div { padding: 10px 7px !important; background: #fffdf8 !important; border-color: rgba(85,37,201,.13) !important; } #af-landing .af-cover-stats strong { color: #5933c8 !important; font-size: 23px !important; } #af-landing .af-photo--pdf { width: 86% !important; height: 112px !important; margin: 17px auto 14px !important; } #af-landing .af-badge { right: 14px !important; bottom: 40px !important; width: 92px !important; height: 92px !important; background: linear-gradient(135deg, #6840de, #4722bd) !important; font-size: 13px !important; } /* Sekcje poniżej — więcej koloru, ale bez chaosu */ #af-landing .af-section--soft { background: linear-gradient(180deg, #f5f8f1 0%, #faf8f3 100%) !important; } #af-landing .af-section--cream { background: linear-gradient(180deg, #fff9f1 0%, #fbf5eb 100%) !important; } #af-landing .af-count-grid article:nth-child(1), #af-landing .af-benefit-grid article:nth-child(1) { background: linear-gradient(145deg, #fff, #fff6ee) !important; border-color: rgba(234,107,43,.19) !important; } #af-landing .af-count-grid article:nth-child(2), #af-landing .af-benefit-grid article:nth-child(2) { background: linear-gradient(145deg, #fff, #f2f8ee) !important; } #af-landing .af-count-grid article:nth-child(3), #af-landing .af-benefit-grid article:nth-child(3) { background: linear-gradient(145deg, #fff, #f5f1ff) !important; border-color: rgba(85,37,201,.13) !important; } @media (min-width: 1051px) { #af-landing .af-hero { height: min(100vh, 860px) !important; min-height: 680px !important; padding: 34px 0 64px !important; } #af-landing .af-hero h1 { font-size: clamp(3.25rem, 4.1vw, 4.45rem) !important; } } @media (max-width: 1050px) { #af-landing .af-hero h1 { font-size: clamp(2.7rem, 7vw, 4rem) !important; } #af-landing .af-hero__visual { min-height: 410px !important; } } @media (max-width: 760px) { #af-landing .af-container { width: min(100% - 28px, 620px) !important; } #af-landing .af-section { padding-top: 52px !important; padding-bottom: 52px !important; } #af-landing .af-hero { min-height: auto !important; padding: 38px 0 42px !important; } #af-landing .af-hero__grid { display: flex !important; flex-direction: column !important; gap: 28px !important; } #af-landing .af-hero h1 { max-width: 100% !important; font-size: clamp(2.45rem, 12.5vw, 3.35rem) !important; line-height: .98 !important; letter-spacing: -.035em !important; } #af-landing .af-hero h1 span { margin-top: 9px !important; font-size: .58em !important; } #af-landing .af-hero .af-lead { font-size: .94rem !important; line-height: 1.55 !important; } #af-landing .af-checklist--hero { grid-template-columns: 1fr !important; } #af-landing .af-checklist--hero li { min-height: 0 !important; padding: 11px 12px 11px 41px !important; font-size: .84rem !important; } #af-landing .af-delivery-note { grid-template-columns: 35px minmax(0,1fr) !important; width: 100% !important; padding: 9px 10px !important; } #af-landing .af-delivery-note > .af-icon, #af-landing .af-delivery-note > i { width: 35px !important; height: 35px !important; } #af-landing .af-hero-cta-row { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; } #af-landing .af-hero-price { width: fit-content !important; min-width: 132px !important; } #af-landing .af-actions { width: 100% !important; } #af-landing .af-actions .af-btn { width: 100% !important; justify-content: center !important; } #af-landing .af-hero__visual { width: 100% !important; min-height: 390px !important; } #af-landing .af-pdf-mockup { width: min(280px, 78vw) !important; } #af-landing .af-pdf-cover { min-height: 350px !important; } #af-landing .af-badge { right: max(4px, calc(50% - 162px)) !important; bottom: 35px !important; width: 78px !important; height: 78px !important; font-size: 11px !important; } #af-landing img, #af-landing .af-photo, #af-landing .af-image-placeholder { max-width: 100% !important; } } /* ========================================================= OBIADY — WARIANT PRODUKTU ID 115 ========================================================= */ #af-landing .af-hero--lunch { background: radial-gradient(circle at 8% 10%, rgba(121, 157, 53, .12), transparent 31%), radial-gradient(circle at 92% 8%, rgba(234, 107, 43, .13), transparent 32%), linear-gradient(135deg, #fffefb 0%, #fff9f1 100%); } #af-landing .af-pdf-cover--lunch { background: linear-gradient(160deg, #fffdf8 0%, #f2f8e8 100%); } #af-landing .af-pdf-cover--lunch .af-cover-title { color: var(--af-green-dark); } #af-landing .af-count-grid--lunch article:nth-child(1) .af-icon { color: var(--af-orange); } #af-landing .af-count-grid--lunch article:nth-child(2) .af-icon { color: var(--af-green); } #af-landing .af-count-grid--lunch article:nth-child(3) .af-icon { color: var(--af-purple); } #af-landing .af-photo--lunch-2 { background-image: linear-gradient(135deg, rgba(79,125,58,.08), rgba(234,107,43,.08)), url('https://airdiets.pl/wp-content/uploads/2026/06/Chicken-Fajitas.png'); } #af-landing .af-photo--lunch-3 { background-image: linear-gradient(135deg, rgba(234,107,43,.08), rgba(91,62,210,.08)), url('https://airdiets.pl/wp-content/uploads/2026/06/posilek-airfryer.png'); } @media (max-width: 900px) { #af-landing .af-count-grid--lunch { grid-template-columns: 1fr; } } @media (max-width: 760px) { #af-landing .af-hero--lunch { min-height: auto; padding: 28px 0 32px; } #af-landing .af-hero--lunch .af-hero__grid { gap: 26px; } #af-landing .af-hero--lunch .af-hero__visual { width: min(100%, 330px); max-width: 330px; margin-inline: auto; } }/* End custom CSS */