/* Homepage showroom, approved reference 2026-10-05. */
.psk-showroom-layout { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(32px, 4vw, 66px); }
.psk-showroom-layout > * { min-width: 0; margin: 0; }
.psk-showroom .psk-home-salon-photo img { aspect-ratio: 1.23; border-radius: 18px; object-position: 45% center; }
.psk-showroom-copy > * { margin-block: 0 22px; }
.psk-showroom-copy > :last-child { margin-bottom: 0; }
.psk-showroom-copy .psk-eyebrow { padding: 0; color: var(--wp--preset--color--text); font-size: 14px; letter-spacing: 0; }
.psk-showroom-copy .psk-eyebrow::before { display: none; }
.psk-showroom-copy .psk-home-lead { color: var(--wp--preset--color--text-muted); }
.psk-showroom-copy h3 { font-size: 25px; font-weight: 700; line-height: 1.25; letter-spacing: -0.035em; }
.psk-showroom-facts { display: grid; grid-template-columns: 0.85fr 1.1fr 0.95fr; gap: 18px; margin-block: 26px; }
.psk-showroom-fact { min-width: 0; margin: 0; }
.psk-showroom-fact + .psk-showroom-fact { border-left: 1px solid var(--wp--preset--color--border); padding-left: 18px; }
.psk-showroom-fact p { margin: 0; }
.psk-showroom .psk-showroom-number { font-size: clamp(24px, 2.1vw, 32px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.2; margin-bottom: 10px; }
.psk-showroom-green { color: var(--wp--preset--color--brand-green); }
.psk-showroom .psk-showroom-caption { font-size: 13px; color: var(--wp--preset--color--text-muted); line-height: 1.4; }
.psk-showroom .wp-block-buttons { gap: 12px; }
.psk-showroom .wp-block-button__link { display: inline-flex; align-items: center; gap: 10px; min-height: 50px; padding: 14px 22px; }
.psk-showroom-directions .wp-block-button__link { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--text); }
.psk-showroom-directions .wp-block-button__link:hover { background: #e7e7e7; color: var(--wp--preset--color--text); }
.psk-showroom .wp-block-button__link::before { content: ""; display: block; width: 20px; height: 20px; background: currentcolor; flex-shrink: 0; }
.psk-showroom-visit .wp-block-button__link::before { -webkit-mask: url("../images/icons/coffee-cup.svg") center / contain no-repeat; mask: url("../images/icons/coffee-cup.svg") center / contain no-repeat; }
.psk-showroom-directions .wp-block-button__link::before { -webkit-mask: url("../images/icons/pin.svg") center / contain no-repeat; mask: url("../images/icons/pin.svg") center / contain no-repeat; }
.psk-showroom-more { font-size: 15px; }
.psk-showroom-more a { display: inline-flex; gap: 16px; align-items: center; min-height: 44px; text-underline-offset: 3px; }
.psk-showroom-contact { display: grid; grid-template-columns: 1fr 1fr 1.35fr; align-items: center; gap: 28px; margin-top: 32px; padding: 28px; background: var(--wp--preset--color--surface); border-radius: 18px; }
.psk-showroom-contact > * { margin: 0; min-width: 0; }
.psk-showroom-contact h3 { font-size: 23px; font-weight: 700; line-height: 1.25; letter-spacing: -0.035em; }
.psk-showroom-contact-item { position: relative; border-left: 1px solid var(--wp--preset--color--border); padding-left: 64px; }
.psk-showroom-contact-item p { margin: 0; }
.psk-showroom-contact-item a { display: inline-block; min-height: 32px; color: var(--wp--preset--color--text); font-size: 22px; font-weight: 700; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; }
.psk-showroom-email a { font-size: 18px; }
.psk-showroom-contact-item::before { position: absolute; content: ""; width: 23px; height: 23px; left: 26px; top: 50%; transform: translateY(-50%); background: var(--wp--preset--color--action-danger); -webkit-mask: url("../images/icons/contact-phone.svg") center / contain no-repeat; mask: url("../images/icons/contact-phone.svg") center / contain no-repeat; }
.psk-showroom-email::before { -webkit-mask: url("../images/icons/envelope.svg") center / contain no-repeat; mask: url("../images/icons/envelope.svg") center / contain no-repeat; }
.psk-showroom .psk-showroom-address { margin-block: 20px 0; font-size: 15px; color: var(--wp--preset--color--text-muted); }
.psk-showroom-address strong { color: var(--wp--preset--color--text); }
.psk-showroom a:focus-visible { outline: 2px solid var(--wp--preset--color--brand-green); outline-offset: 4px; }
.psk-showroom-contact a:hover { text-decoration: underline; }
@media (max-width: 1000px) {
 .psk-showroom-layout { gap: 28px; }
 .psk-showroom-facts { gap: 10px; }
 .psk-showroom-fact + .psk-showroom-fact { padding-left: 10px; }
 .psk-showroom .psk-showroom-number { font-size: 24px; }
 .psk-showroom-contact { grid-template-columns: 1fr 1fr; }
 .psk-showroom-contact h3 { grid-column: 1 / -1; }
 .psk-showroom-contact-item { border: 0; padding-left: 36px; }
 .psk-showroom-contact-item::before { left: 0; }
}
@media (max-width: 781px) {
 .psk-showroom-layout { grid-template-columns: minmax(0, 1fr); }
 .psk-showroom .psk-home-salon-photo img { aspect-ratio: 4 / 3; }

 .psk-showroom-copy h3 { font-size: 22px; }
 .psk-showroom .psk-showroom-number { font-size: clamp(20px, 5.1vw, 28px); }
 .psk-showroom .psk-showroom-caption { font-size: 12px; }
 .psk-showroom-contact { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 24px 20px; }
 .psk-showroom-contact a { min-height: 44px; }
 .psk-showroom-email a { font-size: 16px; }
 .psk-showroom .wp-block-button { width: 100%; }
 .psk-showroom .wp-block-button__link { width: 100%; justify-content: center; box-sizing: border-box; }
}

@media (max-width: 420px) {
	.psk-showroom-facts { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.psk-showroom-fact { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; gap: 12px; }
	.psk-showroom-fact + .psk-showroom-fact { border-left: 0; padding-left: 0; }
	.psk-showroom .psk-showroom-number { margin-bottom: 0; font-size: 24px; }
	.psk-showroom-email { padding-left: 0; }
	.psk-showroom-email::before { top: 0; transform: none; }
	.psk-showroom-email .psk-showroom-caption { padding-left: 36px; }
	.psk-showroom-email a { font-size: 14px; }
}
