/* Keep the detail layout and typography from template/detail.html. */
.offer-detail #cancellation .cancellation-copy{width:100%}
.offer-detail #cancellation .cancellation-copy ul{flex-wrap:wrap;gap:0 20px;justify-content:flex-start}
.offer-detail #cancellation .cancellation-copy ul li{padding:0}
@media(min-width:768px){.offer-detail #cancellation .in{display:block}.offer-detail #cancellation .in::after{top:50%;transform:translateY(-50%)}}
.offer-detail #accommodation .in{padding-top:68px;padding-bottom:32px}
.offer-detail #accommodation .headline h1{overflow-wrap:anywhere;padding-top:0;line-height:1.14}
.offer-detail #accommodation .headline p{font-size:16px;min-height:32px;line-height:1.4;padding-top:12px}
.offer-detail #accommodation .headline p span{height:auto;min-height:32px;margin-left:0;padding-left:38px;background-size:auto 32px}
.offer-detail #accommodation .gallery{margin-top:24px}
.offer-detail #accommodation .offer-description p{padding-top:14px}
.offer-detail #accommodation .offer-description p:first-child{padding-top:20px}
.offer-detail #accommodation .offer-book{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;margin-top:24px;padding:20px 24px;background:#fef9e6;border:1px solid #bea85d99;border-radius:20px;box-shadow:0 4px 20px #0e4a350a}
.offer-location{display:flex;align-items:center;gap:14px;min-width:0}
.offer-location-icon{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#ecd49466 url('../images/icon-city-green.svg') no-repeat center/22px 18px}
.offer-book-label{display:block;font-size:11px;line-height:1.5;color:#7c6d3b;margin-bottom:4px}
.offer-location strong{display:block;color:#0e4a35;font-size:18px;line-height:1.4;overflow-wrap:anywhere}
.offer-map{display:inline-block;font-size:12px;line-height:1.6;margin-top:3px;text-underline-offset:3px}
.offer-hero-price{border-left:1px solid #bea85d66;padding-left:24px}
.offer-hero-price>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.offer-hero-price strong{font-size:30px;line-height:1.25;color:#0e4a35;white-space:nowrap}
.offer-hero-price del{font-size:12px;color:#827c66;white-space:nowrap}
.offer-hero-action .button{min-height:50px;font-size:18px;padding:10px 30px;white-space:nowrap;font-weight:700}
.offer-detail #accommodation .offer-hero-action .purchase-note{font-size:11px;text-align:center;margin-top:6px}
.offer-detail #accommodation .book .cta .button.green,.offer-detail #details .book .cta .button.green{font-weight:700}
.offer-detail .purchase-note{display:block;font-size:12px;line-height:1.6;text-align:center;color:#665729;margin-top:8px}
.offer-detail #details .gallery .item img{aspect-ratio:164/112;object-fit:cover}
.offer-detail #place .gallery .item img{aspect-ratio:328/245;object-fit:cover}
.offer-detail #cancellation a{color:#fef9e6}
.offer-detail #accommodation .gallery[data-image-count="1"] .item.long{flex-basis:100%}
.offer-detail #accommodation .gallery[data-image-count="2"]>.item img{aspect-ratio:328/168}
.offer-detail #accommodation .gallery[data-image-count="3"] .group img{aspect-ratio:164/168}
@media(min-width:768px){
 .offer-detail #accommodation .purchase-note{text-align:right}
 .offer-detail #accommodation .gallery[data-image-count="2"]>.item{flex-basis:50%}
}
@media(min-width:1152px){
 .offer-detail #details .purchase-note{text-align:right}
 .offer-detail #accommodation .gallery[data-image-count="1"] img{max-height:420px}
}
@media(max-width:767px){
 .offer-detail #accommodation .in{padding-top:54px;padding-bottom:28px}
 .offer-detail #accommodation .headline p{font-size:15px}
 .offer-detail #accommodation .offer-book{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px}
 .offer-location{gap:10px}
 .offer-location-icon{display:none}
 .offer-location strong{font-size:16px}
 .offer-hero-price{border:0;padding-left:0;text-align:right}
 .offer-hero-price>div{flex-direction:column;align-items:flex-end;gap:2px}
 .offer-hero-price strong{font-size:25px}
 .offer-hero-action{grid-column:1/-1}
 .offer-detail #accommodation .book .cta p{padding-top:24px}
 .offer-detail #accommodation .book .cta p .button.green,.offer-detail #details .book .cta p .button.green{font-size:20px;min-height:52px;height:auto;padding-top:10px;padding-bottom:10px;white-space:nowrap}
 .offer-detail #accommodation .book .cta p .button.red,.offer-detail #details .book .cta p .button.red{font-size:17px;padding-left:16px;padding-right:28px;flex-shrink:0}
 .offer-detail #accommodation .gallery[data-image-count="2"]>.item{flex-basis:100%}
}
@media(max-width:359px){
 .offer-detail #accommodation .book .cta p .button.green,.offer-detail #details .book .cta p .button.green{font-size:18px;padding-left:14px;padding-right:14px}
 .offer-detail #accommodation .book .cta p .button.red,.offer-detail #details .book .cta p .button.red{font-size:16px;padding-left:12px;padding-right:22px}
}