/* Alternative CTA system: primary black/orange and quiet secondary grey. */
:root { --cta-height: 52px; --cta-padding: 24px; }
:is(.button-orange,.button-grey,.button-black,.request-form__button,.consultation-button,.news-block__link,.planning-bottom__link) { min-height: var(--cta-height); padding: 14px var(--cta-padding); font-family: var(--first-font); font-size: 16px; font-weight: 400; line-height: 1.3; border-radius: 0; display: inline-flex; align-items: center; justify-content: center; gap: 20px; text-align: center; }
.button-orange { background: #ff6a33; color: #fff; }
:is(.button-black,.request-form__button,.consultation-button) { background: #0d0d0d; color: #fff; }
.button-grey { background: #eaeaea; color: #0d0d0d; }
:is(.button-orange,.button-grey,.button-black,.news-block__link,.planning-bottom__link)::after { width: 16px; height: 16px; margin: 0; flex: 0 0 16px; }
:is(.request-form__button,.consultation-button):hover { background: #333; }
.button-grey:hover { background: #d9d9d9; }
:is(.button-orange,.button-grey,.button-black,.request-form__button,.consultation-button):focus-visible { outline: 2px solid #ff6a33; outline-offset: 4px; }
@media(max-width:640px) { :root { --cta-height: 48px; --cta-padding: 18px; } }

/* The arrow follows the label color on light secondary buttons. */
.button-grey::after {
 background-image: none;
 background-color: currentColor;
 -webkit-mask: url('../img/icons/arrow-right-top.svg') center / contain no-repeat;
 mask: url('../img/icons/arrow-right-top.svg') center / contain no-repeat;
}
@media (max-width:640px) {
 .similar-button__order_mobile.button-orange { gap: 14px; line-height: 1.3; }
}

/* Floor areas and room-list action must remain separate on narrow screens. */
.planning-bottom__link::after {position:static;inset:auto;margin:0;flex:0 0 16px;}
@media(max-width:768px){
 .planning-bottom {grid-template-columns:minmax(0,1fr);gap:12px;}
 .planning-square {grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d4d4d4;}
 .planning-square__block {padding:16px;min-height:84px;background:#e9e9e9;align-items:flex-start;}
 .planning-square__block.active {background:#fff;}
 .planning-square__block-floor {font-size:14px;line-height:1.2;}
 .planning-square__block-sum {font-size:20px;line-height:1.2;}
 .planning-bottom__link {height:auto;min-height:48px;padding:14px 18px;font-size:16px;justify-content:space-between;background:#e4e4e4;}
}

/* Room schedule uses the site's orange primary action. */
.planning .planning-bottom__link { background: #ff6a33; color: #fff; }
.planning .planning-bottom__link:hover { background: #e85a25; }
.planning .planning-bottom__link::after { background-image: url('../img/icons/arrow-right-top.svg'); }