section.offer{margin-block:60px}section.offer .offer-list{display:flex;flex-direction:column;gap:.75rem}section.offer .offer-item{align-items:center;background-color:#f5f5f5;color:#303030;display:grid;grid-template-columns:1fr auto auto;min-height:140px;position:relative;transition:min-height .3s ease}section.offer .offer-item:after{display:none}section.offer .offer-item:focus-within,section.offer .offer-item:hover{color:#303030;min-height:200px}section.offer .offer-item:focus-within .offer-item-content,section.offer .offer-item:hover .offer-item-content{grid-template-rows:min-content 1fr}section.offer .offer-item:focus-within .offer-item-content-text,section.offer .offer-item:hover .offer-item-content-text{margin:1rem 0 0}section.offer .offer-item:focus-within .offer-item-arrow,section.offer .offer-item:hover .offer-item-arrow{background:#096839;top:80%}section.offer .offer-item:focus-within .offer-item-arrow svg,section.offer .offer-item:hover .offer-item-arrow svg{fill:#fff}section.offer .offer-item:focus-within .offer-item-image,section.offer .offer-item:hover .offer-item-image{right:0}section.offer .offer-item-content{display:grid;grid-template-rows:min-content 0fr;padding:2rem;transition:grid-template-rows .3s ease;z-index:1}section.offer .offer-item-content-title{margin:0;text-wrap:nowrap}section.offer .offer-item-content-text{display:-webkit-box;transition:margin .3s ease;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4;font-size:.875rem;margin:0;max-width:calc(100% - 500px);overflow:hidden}section.offer .offer-item-image{height:80%;position:absolute;right:calc(4rem + 48px);top:0;transition:right .3s ease}section.offer .offer-item-image img{display:block;height:100%;max-width:500px;object-fit:contain;object-position:top;width:100%}section.offer .offer-item-arrow{align-items:center;background-color:#fff;display:flex;height:48px;justify-content:center;position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:background-color .3s ease,top .3s ease;width:48px}section.offer .offer-item-arrow svg{height:32px;width:32px;fill:#303030;transition:fill .3s ease}.page-offer .offer-title{display:none}@media (max-width:1260px){section.offer{margin-block:50px}}@media (max-width:1000px){section.offer{margin-block:40px}section.offer .offer-item-content{padding:1rem}section.offer .offer-item-content-title{max-width:75%;text-wrap:balance}section.offer .offer-item-content-text{max-width:calc(100% - 300px)}section.offer .offer-item-image{right:calc(2rem + 48px)}section.offer .offer-item-image img{max-width:300px}section.offer .offer-item-arrow{right:1rem}}@media (max-width:800px){section.offer .offer-title{text-align:center}section.offer .offer-item{align-items:start;gap:1rem 0;grid-template-areas:"image arrow" "content content";grid-template-columns:1fr auto;min-height:0}section.offer .offer-item:focus-within,section.offer .offer-item:hover{min-height:0}section.offer .offer-item-content{grid-area:content;padding:0 1rem 1rem}section.offer .offer-item-content-text,section.offer .offer-item-content-title{max-width:none}section.offer .offer-item-image{align-self:stretch;grid-area:image;height:auto;justify-self:end;padding-right:1rem;position:static}section.offer .offer-item-image img{height:100px;width:100%}section.offer .offer-item-arrow{align-self:start;grid-area:arrow;margin:1rem 1rem 0 0;position:static;top:auto;transform:none}}@media (max-width:500px){section.offer .offer-item{grid-template-areas:"image" "content" "arrow";grid-template-columns:1fr}section.offer .offer-item-content{padding:0 1rem}section.offer .offer-item-image{padding-right:0}section.offer .offer-item-arrow{justify-self:start;margin:0 1rem 1rem auto}}
/*# sourceMappingURL=page-offer.css.map */