/* Niezależna, responsywna nakładka na wyeksportowane pliki WebSite X5.
   Nie wymaga edycji rdzenia X5. Projekt natywny X5 pozostaje odrębną sprawą. */
:root{--leaf:#244633;--leaf-2:#365b43;--sand:#f5f1e8;--cream:#fffdf8;--gold:#c69a62;--ink:#24332a;--muted:#5f7167;--line:#e9e4d8}
html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif!important;color:var(--ink)!important;min-height:100%;background:var(--cream)!important}
#imPageExtContainer,#imPageIntContainer{background:#f8f6ef!important;min-height:100%!important}#imPage{min-width:0!important;max-width:none!important;padding:0!important;display:block!important;width:100%!important;overflow:visible!important}
#imHeader,#imHeaderBg,#imStickyBarContainer,#imSideBar,#imContentGraphics,#imFooter,#imFooterBg{display:none!important}
.renew-header{position:sticky;top:0;z-index:10000;background:rgba(255,253,248,.96);box-shadow:0 2px 18px rgba(25,44,32,.065);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.renew-header-inner{max-width:1160px;margin:auto;min-height:76px;padding:12px 22px;display:flex;align-items:center;gap:24px;box-sizing:border-box}
.renew-brand{display:flex;align-items:center;gap:10px;color:var(--leaf)!important;text-decoration:none!important;min-width:210px}
.renew-flower{font-size:44px;color:var(--gold);line-height:1;font-family:Georgia,serif}
.renew-brand strong{display:block;color:var(--leaf);font-size:24px;line-height:1.08;font-family:Georgia,serif;letter-spacing:-.5px}
.renew-brand small{display:block;color:#697b6c;font-size:11px;letter-spacing:.02em;line-height:1.3;margin-top:4px}
.renew-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.renew-nav a{padding:12px 13px;color:#355544!important;text-decoration:none!important;font-size:14px;line-height:1.2;font-weight:700;border-radius:12px;white-space:nowrap;transition:background .2s}
.renew-nav a:hover,.renew-nav a[aria-current="page"]{background:#e7eee4;color:var(--leaf)!important}
.renew-header-phone{font-weight:800!important;text-decoration:none!important;color:var(--leaf)!important;padding:12px 14px;background:#f0e8d8;border-radius:12px;white-space:nowrap;font-size:15px}
.renew-menu-toggle{display:none;border:1px solid var(--line);border-radius:12px;background:white;padding:10px;cursor:pointer;width:46px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.renew-menu-toggle span{height:2px;width:22px;background:var(--leaf);border-radius:3px}
#imContent{overflow:visible!important;display:grid!important;box-sizing:border-box!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:none!important;gap:24px!important;max-width:1160px!important;align-self:auto!important;margin:0 auto!important;padding:28px 22px 76px!important;background:transparent!important}
#imContent > .imPageRow{display:none!important}#imGoToCont{position:absolute!important;top:0;left:0;width:0;height:0}
#imContent > div[id^="imCell_"]{grid-column:span 6!important;grid-row:auto!important;display:block!important;box-sizing:border-box!important;float:none!important;min-width:0!important;width:auto!important;height:auto!important;padding:18px!important;margin:0!important;overflow:hidden!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 28px rgba(34,58,41,.065)!important;border:1px solid var(--line)!important}
#imContent > div[id^="imCell_"] > div{max-width:100%!important;box-sizing:border-box!important}
#imContent > div[id^="imCell_"] img{max-width:100%!important;height:auto!important;object-fit:contain!important;display:block;margin:auto}
#imContent > div[id^="imCell_"] .text-inner{font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1.6!important;color:var(--ink)!important;overflow-wrap:anywhere}
#imContent > div[id^="imCell_"] .text-inner div{line-height:1.55!important}
#imContent > div[id^="imCell_"] .text-inner a{color:var(--leaf-2)!important;text-underline-offset:3px}
#imContent > div[id^="imCell_"] .text-inner b,#imContent > div[id^="imCell_"] .text-inner strong{color:var(--leaf)!important}
#imContent > div[id^="imCell_"] .text-inner span{font-family:Arial,Helvetica,sans-serif!important}
#imContent > div[id^="imCell_"] .text-inner :is(h2,h3){font-family:Georgia,serif!important;color:var(--leaf)!important}
#imContent > div[id^="imCell_"] input,#imContent > div[id^="imCell_"] textarea,#imContent > div[id^="imCell_"] select{max-width:100%;box-sizing:border-box;font-size:16px!important;min-height:42px;border-radius:8px}
#imContent > div[id^="imCell_"] textarea{min-height:120px}
#imContent > div[id^="imCell_"] table{max-width:100%;width:100%!important;border-collapse:collapse;font-size:15px!important}
#imContent > div[id^="imCell_"] td,#imContent > div[id^="imCell_"] th{padding:10px!important;overflow-wrap:anywhere}
#imContent > div[id^="imCell_"] img[src*="ChatGPT"]{border-radius:14px}
#imContent > div[id^="imCell_"]:has(img):not(:has(.text-inner)){padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.renew-eyebrow{display:inline-block;color:#98744c;letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.4}
.renew-hero{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;background:linear-gradient(110deg,#f5f1e7 20%,#e7eee2 100%);border:1px solid #e6e5d8;border-radius:24px;overflow:hidden;padding:48px 52px;min-width:0}
.renew-hero-copy{max-width:610px;position:relative;z-index:1}.renew-hero h1,.renew-page-intro h1{font-family:Georgia,serif!important;font-weight:700;color:var(--leaf);font-size:clamp(36px,4.6vw,60px);line-height:1.08;letter-spacing:-1.5px;margin:15px 0 22px}
.renew-hero p,.renew-page-intro p{font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:#4b6557;margin:0 0 26px}
.renew-hero-photo{height:420px;display:flex;align-items:center;justify-content:center;min-width:0}.renew-hero-photo img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 18px 35px rgba(22,55,39,.13);object-position:center 42%}
.renew-hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.renew-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:14px 21px;border-radius:12px;font-weight:800!important;text-decoration:none!important;font-size:15px;line-height:1.3;transition:transform .15s}
.renew-btn:hover{transform:translateY(-2px)}.renew-btn-primary{background:var(--leaf)!important;color:white!important}.renew-btn-light{background:#fff!important;color:var(--leaf)!important;border:1px solid #d5dbce}
.renew-hero-note{margin-top:24px;color:#557364;font-size:13px;line-height:1.5}
.renew-section-banner{grid-column:1/-1;text-align:center;padding:20px 10px 0}.renew-section-banner h2,.renew-catalogue h2{font-family:Georgia,serif;color:var(--leaf);font-size:clamp(26px,3vw,37px);margin:9px 0 11px;line-height:1.2}
.renew-section-banner p{font-size:16px;color:var(--muted);line-height:1.5}
.renew-page-intro{grid-column:1/-1;padding:42px 48px;border-radius:22px;background:linear-gradient(110deg,#f1efe5,#e8efe3);border:1px solid #e4e4d4}
.renew-page-intro h1{font-size:clamp(34px,4vw,51px);margin:10px 0 13px}.renew-page-intro p{margin:0;max-width:800px;font-size:17px}
.renew-service-note{grid-column:1/-1;background:#fff8e8;border:1px solid #e9d3a8;color:#5d4325;padding:17px 22px;border-radius:14px;font-size:15px;line-height:1.55}
.renew-service-note a{color:var(--leaf)!important;font-weight:700;text-decoration:underline}
#imContent > .x5-call-strip{display:none!important}
/* Home: use existing copy and assets for subsequent sections, but not duplicated original hero */
body[data-renew-page="index.html"] #imContent > #imCell_11,body[data-renew-page="index.html"] #imContent > #imCell_10{display:none!important}
/* Keep matching full-width content when little copy remains */
body[data-renew-page="index.html"] #imCell_6,body[data-renew-page="index.html"] #imCell_7{background:#fdfbf6!important}
/* Gallery from original names and original pictures, now each in its own responsive card */
body[data-renew-page="oferta--sta-a.html"] #imContent > div[id^="imCell_"]{display:none!important}
.renew-catalogue{grid-column:1/-1;min-width:0}.renew-catalogue-head{display:flex;gap:20px;justify-content:space-between;align-items:end;margin:14px 0 22px}.renew-catalogue-head p{max-width:480px;color:var(--muted);font-size:15px;line-height:1.5}
.renew-filters{display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:0 0 16px;margin:0 0 10px}
.renew-filters button{font:700 13px Arial,sans-serif;border-radius:100px;padding:11px 16px;border:1px solid #dfe6d8;color:var(--leaf);background:white;white-space:nowrap;cursor:pointer}
.renew-filters button.is-active{background:var(--leaf);color:#fff;border-color:var(--leaf)}
.renew-catalogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.renew-plant-card{appearance:none;min-width:0;border-radius:18px;background:white;border:1px solid var(--line);padding:9px 9px 16px;box-shadow:0 6px 18px rgba(28,56,33,.05);cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s}
.renew-plant-card:hover{transform:translateY(-4px);box-shadow:0 12px 27px rgba(28,56,33,.10)}
.renew-plant-card[hidden]{display:none!important}.renew-plant-photo{width:100%;aspect-ratio:1;display:block;overflow:hidden;border-radius:12px;background:#f5f5f3}.renew-plant-photo img{display:block;width:100%;height:100%!important;object-fit:contain!important}
.renew-plant-title{display:block;color:var(--leaf);font-weight:800;font-size:16px;line-height:1.25;margin:14px 8px 6px}.renew-plant-caption{display:block;color:var(--muted);font-size:12px;margin:0 8px}
.renew-catalogue-note{color:var(--muted);font-size:13px;margin-top:20px}
.renew-lightbox{position:fixed;inset:0;max-width:min(94vw,760px);max-height:90vh;box-sizing:border-box;border:0;border-radius:18px;padding:20px;background:white;box-shadow:0 12px 80px rgba(0,0,0,.35)}
.renew-lightbox::backdrop{background:rgba(18,35,25,.78)}.renew-lightbox img{display:block;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}.renew-lightbox p{text-align:center;color:var(--leaf);font-size:18px;font-weight:800;margin:10px 0 0}.renew-lightbox-close{position:absolute;right:10px;top:10px;border:0;background:var(--leaf);color:white;min-width:42px;min-height:42px;border-radius:50%;cursor:pointer;z-index:2}
.renew-footer{background:#1f3b2a;color:#f1f3eb;padding:48px 22px 25px}
.renew-footer-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px}
.renew-footer strong{font-size:22px;font-family:Georgia,serif}.renew-footer p{line-height:1.65;color:#e3ebdf;font-size:15px}.renew-footer p a{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}.renew-footer small{color:#c7d4c6}.renew-footer-bottom{text-align:center;padding-top:26px;font-size:12px!important;border-top:1px solid #426048;margin:25px auto 0!important;max-width:1120px;color:#becdbf!important}
.renew-mobile-call{display:none}
@media(max-width:1000px){.renew-header-inner{gap:10px}.renew-brand{min-width:190px}.renew-nav a{padding:10px 8px;font-size:12px}.renew-header-phone{font-size:13px;padding:11px}}
@media(max-width:760px){
 .renew-header-inner{min-height:66px;padding:9px 16px;flex-wrap:wrap}.renew-brand{min-width:0;flex:1}.renew-brand strong{font-size:22px}.renew-flower{font-size:37px}.renew-header-phone{display:none!important}
 .renew-menu-toggle{display:flex}.renew-nav{display:none;order:5;flex-basis:100%;padding:8px 0 10px;flex-direction:column;align-items:stretch;gap:4px}.renew-nav.is-open{display:flex}.renew-nav a{font-size:15px;padding:12px 14px;min-height:44px;box-sizing:border-box}
 #imContent{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;padding:18px 16px 90px!important}
 #imContent > div[id^="imCell_"]{grid-column:span 2!important;padding:16px!important;border-radius:15px!important}
 #imContent > .renew-hero,#imContent > .renew-section-banner,#imContent > .renew-page-intro,#imContent > .renew-catalogue,#imContent > .renew-service-note{grid-column:1/-1!important}
 .renew-hero{grid-template-columns:1fr!important;padding:28px 22px!important;gap:23px!important;border-radius:18px!important}
 .renew-hero h1{font-size:clamp(32px,8.2vw,46px)!important;line-height:1.1;margin:10px 0 15px}
 .renew-hero p{font-size:16px;margin-bottom:18px}.renew-hero-photo{height:280px!important}.renew-hero-photo img{object-position:center 42%;max-height:280px}
 .renew-hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.renew-btn{padding:12px 9px;font-size:13px;min-height:46px}
 .renew-hero-note{margin-top:14px;font-size:12px}.renew-section-banner{padding:6px 10px 0}
 .renew-page-intro{padding:30px 24px;border-radius:18px}.renew-page-intro h1{font-size:clamp(30px,8vw,42px)!important}
 .renew-catalogue-head{display:block}.renew-catalogue-head p{margin-top:7px}.renew-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.renew-plant-title{font-size:14px;margin:11px 6px 5px}
 .renew-footer{padding:35px 20px 95px}.renew-footer-inner{grid-template-columns:1fr;gap:12px}.renew-footer strong{font-size:20px}
 .renew-mobile-call{display:flex;position:fixed;bottom:12px;left:12px;right:12px;z-index:10001;align-items:center;justify-content:center;gap:9px;height:55px;border-radius:14px;background:var(--leaf);color:#fff!important;text-decoration:none!important;box-shadow:0 8px 25px rgba(9,49,21,.3);font-size:20px}.renew-mobile-call small{font-size:12px;color:#c9dccb;margin-left:7px}.renew-mobile-call strong{color:#fff;font-weight:800}
}
@media(max-width:380px){.renew-brand strong{font-size:19px}.renew-brand small{font-size:10px}.renew-hero-buttons{grid-template-columns:1fr}.renew-plant-card{padding:7px 7px 13px}.renew-plant-title{font-size:13px}.renew-mobile-call{font-size:18px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.renew-plant-card,.renew-btn{transition:none}}

/* Kontakt: usuń ogromną dekoracyjną ikonę koperty na małych ekranach oraz na desktopie. */
body[data-renew-page="kontakt.html"] #imContent > #imCell_1 {display:none!important}
body[data-renew-page="kontakt.html"] #imContent > #imCell_2,
body[data-renew-page="kontakt.html"] #imContent > #imCell_5 {grid-column:span 6!important}
body[data-renew-page="kontakt.html"] #imContent > #imCell_4 {grid-column:1/-1!important}
body[data-renew-page="kontakt.html"] #imContent > #imCell_3 {display:none!important}
@media(max-width:760px){body[data-renew-page="kontakt.html"] #imContent > #imCell_2,body[data-renew-page="kontakt.html"] #imContent > #imCell_5 {grid-column:1/-1!important}}