.garden-offer {background:#F0DDDC;padding:80px 0 88px;scroll-margin-top:30px}
.garden-offer-layout {display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:'art heading' 'art copy' 'art price';gap:0 70px;max-width:1180px;align-items:start}
.garden-offer-art {grid-area:art;position:relative;align-self:center;width:100%;aspect-ratio:2/3;pointer-events:none}
.garden-offer-art::before,.garden-offer-art::after {content:'';position:absolute;inset:0;mask:url('/szkic-brama-ogrod-v2.png') center/contain no-repeat;-webkit-mask:url('/szkic-brama-ogrod-v2.png') center/contain no-repeat}
.garden-offer-art::before {background:#FFF8F5;transform:translate(-1px,-1px);opacity:.9}
.garden-offer-art::after {background:#B88F94;opacity:.76}
.garden-offer-heading {grid-area:heading;min-width:0}
.garden-offer-heading .eyebrow {margin:0 0 21px}
.garden-offer-heading h2 {font:300 clamp(44px,4.3vw,62px)/1.08 Editors,Georgia,serif;margin:0 0 27px;letter-spacing:0;text-wrap:balance}
.garden-offer-heading h2 em {font-weight:300}
.garden-offer-copy {grid-area:copy;min-width:0}
.garden-offer-copy p {font:400 15px/1.8 Inter,sans-serif;margin:0 0 22px}
.garden-offer-copy .small {font-size:12px;margin-bottom:29px}
.garden-offer .price-summary {grid-area:price;width:100%;max-width:none;margin:0;display:grid;grid-template-columns:145px minmax(0,1fr);grid-template-areas:'label terms' 'amount terms' 'button button' 'link link';gap:0 23px;padding:25px 28px 26px;border:1px solid #BFA2A5;background:#FBF4F14D;text-align:left;min-width:0}
.garden-offer .price-summary>.eyebrow {grid-area:label;font-size:11px;margin:0 0 7px}
.garden-offer .price-summary>.price {grid-area:amount;font:300 57px/1.05 Editors,Georgia,serif;margin:0;color:#491322;align-self:start}
.garden-offer .price-summary>.price span {font:400 17px/1.2 Inter,sans-serif}
.garden-offer .price-summary>p:not(.eyebrow):not(.price) {grid-area:terms;font:400 14px/1.7 Inter,sans-serif;margin:0;align-self:center}
.garden-offer .price-summary>.button {grid-area:button;margin:24px 0 15px;font-size:13px;line-height:1.5;text-align:center;justify-content:center;min-height:49px;white-space:normal}
.garden-offer .price-summary>.text-link {grid-area:link;font-size:13px;text-align:center;justify-self:center;margin:0}
.garden-key-detail {display:block;position:relative;width:92px;height:115px;margin:0 auto 16px;transform:rotate(-30deg);pointer-events:none}
.garden-key-detail::before,.garden-key-detail::after {content:'';position:absolute;inset:0;mask:url('/szkic-klucz-ogrod.png') center/contain no-repeat;-webkit-mask:url('/szkic-klucz-ogrod.png') center/contain no-repeat}
.garden-key-detail::before {background:#FFFCF9;transform:translate(-1px,-1px)}
.garden-key-detail::after {background:#B88F94}
.garden-key-fragment .key-tools {padding:40px 0 60px;background:#FBF4F1}
.garden-key-fragment .key-tools .narrow {max-width:800px;margin:auto}
.garden-key-fragment .key-tools h2 {font-size:clamp(39px,4.8vw,62px);text-wrap:balance}
.garden-key-fragment .key-tools p:not(.eyebrow) {font-size:15px;line-height:1.85}
.garden-key-fragment .illustration-strip {margin-bottom:0}
@media(max-width:1000px) {
 .garden-offer-layout {gap:0 38px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
 .garden-offer-heading h2 {font-size:46px}
 .garden-offer .price-summary {padding:24px 22px;grid-template-columns:120px minmax(0,1fr);gap:0 19px}
 .garden-offer .price-summary>.price {font-size:50px}
}
@media(max-width:700px) {
 .garden-offer {padding:43px 0 48px}
 .garden-offer-layout {grid-template-columns:1fr;grid-template-areas:'heading' 'art' 'copy' 'price';gap:0;max-width:520px}
 .garden-offer-heading {text-align:center}
 .garden-offer-heading .eyebrow {font-size:11px;margin-bottom:18px}
 .garden-offer-heading h2 {font-size:43px;margin-bottom:17px;line-height:1.1}
 .garden-offer-art {width:250px;max-width:80%;height:320px;aspect-ratio:auto;justify-self:center;margin:0 0 23px}
 .garden-offer-copy p {font-size:15px;line-height:1.8}
 .garden-offer-copy .small {font-size:12px;margin-bottom:24px}
 .garden-offer .price-summary {padding:23px 20px;grid-template-columns:1fr;grid-template-areas:'label' 'amount' 'terms' 'button' 'link';gap:0;text-align:center}
 .garden-offer .price-summary>.price {font-size:59px;margin:0 0 18px}
 .garden-offer .price-summary>.button {margin-top:21px;font-size:13px;padding:14px 17px}
 .garden-key-detail {width:76px;height:96px;margin-bottom:12px}
 .garden-key-fragment .key-tools {padding-top:23px}
 .garden-key-fragment .key-tools h2 {font-size:40px}
}