/* Shared surfaces and typography for the WordPress edition of the showroom. */
body.hy-showroom {
  --hy-display:Outfit,"Segoe UI",sans-serif; --hy-body:var(--hy-display);
  --hy-ink:#0f172a; --hy-ink-soft:#485970; --hy-paper:#fff; --hy-paper-alt:#eff4fa;
  --hy-blue:#2359cd; --hy-navy:#14243b; --hy-signal:#ff9851; --hy-rule:#dce4ee;
  --hy-radius:18px; --hy-crumb-surface:#f4f7fb; --hy-shell:min(90rem,calc(100% - 2 * var(--pc-gutter)));
  font-family:var(--hy-body); background:#fff;
}
.hy-showroom :is(h1,h2,h3,h4,.hy-display,.hy-heading) { font-family:var(--hy-display); letter-spacing:-.038em; }
.hy-showroom :is(.hy-eyebrow,.pc-kicker) { font:650 .77rem/1.35 var(--hy-body); letter-spacing:.095em; }
.hy-showroom .hy-eyebrow::before { content:""; display:inline-block; width:.48rem; height:.48rem; margin-right:.6rem; border-radius:50%; background:#10b981; vertical-align:.08em; }
.hy-showroom a:focus-visible,.hy-showroom button:focus-visible { outline:3px solid #e46d21; outline-offset:3px; }
.hy-showroom.home .wp-site-blocks > header:has(.hy-header) { height:var(--hy-fixed-header-height); }
.hy-showroom .hy-header,.hy-showroom.home .hy-header,.hy-showroom .hy-header.is-scrolled { background:rgba(255,255,255,.94); border-bottom:1px solid #dce4ee; backdrop-filter:blur(14px); box-shadow:0 4px 18px -15px #152c55a6; }
.hy-showroom .hy-header { --hy-nav-foreground:#13243a; }
body.hy-showroom.home .hy-header.is-scrolled { background:var(--hy-header-glass); --hy-nav-foreground:#fff; }
body.hy-showroom .hy-header .hy-brand .wp-block-site-title a,body.hy-showroom .hy-header nav.hy-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item__content,body.hy-showroom .hy-header nav.hy-nav .wp-block-navigation__responsive-container-open { color:var(--hy-nav-foreground) !important; }
.hy-showroom .hy-header .hy-nav { font:560 clamp(1rem,1.25vw,1.15rem)/1.4 var(--hy-body); }
.hy-showroom .hy-header .hy-nav .is-menu-open .wp-block-navigation-item__content { color:white; }
.hy-showroom .hy-header .hy-header-cta,.hy-showroom .hy-footer-v2__button,.hy-showroom .hy-button--signal .wp-block-button__link { border-radius:999px; background:#2459d6; color:white; border-color:transparent; }
.hy-showroom .hy-header .hy-header-cta a,.hy-showroom .hy-footer-v2__button:hover,.hy-showroom .hy-footer-v2__button:focus-visible { color:white; }
.hy-showroom .hy-footer-v2__button:hover,.hy-showroom .hy-header .hy-header-cta:hover,.hy-showroom .hy-button--signal .wp-block-button__link:hover { background:#1745b1; color:white; }
.hy-showroom .hy-footer-v2 { background:#112139; border-top:0; }
.hy-showroom .hy-footer-v2__contact { padding-block:clamp(24px,3vw,48px); }
.hy-showroom .hy-breadcrumbs .hy-breadcrumbs__list { min-height:54px; padding-block:3px; }
.hy-showroom :is(.hy-application-card,.hy-product-archive-card,.hy-application-product-card,.hy-related-card,.hy-fit-app-card,.hy-fit-system-card,.hy-featured-card,.hy-system-card,.hy-range-zone,.hy-about-gallery__item,.hy-product-data-card,.hy-product-passport,.hy-resource-grid article,.hy-application-checkpoint-grid article,.hy-application-system-grid article) {
  border:1px solid #e0e7ef; border-radius:18px; box-shadow:var(--pc-shadow); overflow:hidden;
}
.hy-showroom :is(.hy-product-archive-grid,.hy-application-product-grid,.hy-featured-grid,.hy-resource-grid) { gap:clamp(14px,1.6vw,26px); }
.hy-showroom .hy-featured-card { position:relative; background:white; padding:clamp(15px,1.6vw,24px); }
.hy-showroom .hy-featured-card img { border-radius:12px; }
.hy-showroom .hy-featured-card h3 { font-size:clamp(22px,2vw,32px); line-height:1.12; margin-top:12px; }
.hy-showroom .hy-featured-card .hy-featured-link,.hy-showroom .showroom-spec { font:600 14px/1.3 var(--hy-body); text-transform:none; letter-spacing:0; }
.hy-showroom .showroom-spec { display:block; cursor:pointer; width:fit-content; margin-top:8px; border:1px solid #d1ddee; background:#f3f6fc; padding:8px 13px; color:#244fa7; border-radius:999px; }
.showroom-dialog { color:#0f172a; border:0; width:min(430px,calc(100% - 32px)); box-sizing:border-box; border-radius:22px; padding:30px; box-shadow:0 20px 90px #101b3040; }
.showroom-dialog::backdrop { background:rgba(15,23,42,.55); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.hy-showroom .hy-featured-card h3 { font-size:clamp(1.25rem,1.6vw,1.65rem); }
.hy-featured-sku { display:block; margin-bottom:.4rem; color:#2359cd; font:650 .85rem/1.3 var(--hy-body); letter-spacing:.065em; }
.hy-featured-facts { display:flex; flex-wrap:wrap; gap:6px; padding:0; margin:10px 0 14px; list-style:none; }
.hy-featured-facts li { padding:5px 9px; background:#edf3fa; color:#14243b; border-radius:9px; font:550 .84rem/1.35 var(--hy-body); }
.hy-featured-facts li span { color:#43536a; font-weight:400; }
.showroom-dialog form { float:right; }
.showroom-dialog form button { width:40px;height:40px;border:0;border-radius:50%;cursor:pointer;font-size:24px; }
.showroom-dialog dl>div { display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid #e0e7ef; }
.showroom-dialog dd { margin:0; font-weight:600; }
.showroom-dialog { max-height:calc(100dvh - 32px); overflow-y:auto; }
.showroom-dialog h2 { margin:4px 0 12px; }
.showroom-finishes [data-sample] { width:100%; height:clamp(100px,20vh,190px); object-fit:contain; }
.showroom-finishes p { margin:4px 0; font-weight:600; }
.showroom-finishes [role=group],.showroom-selections ul { display:flex; flex-wrap:wrap; gap:4px; }
.showroom-finishes button { display:grid; place-items:center; width:32px; height:32px; background:#fff; border:1px solid #cdd7e6; border-radius:50%; cursor:pointer; }
.showroom-finishes button[aria-pressed=true] { border:2px solid #2459d6; }
.showroom-finishes button i { display:block; width:18px; height:18px; border-radius:50%; }
.showroom-dialog .pc-action { border:0; cursor:pointer; }
.showroom-model-link { display:inline-block; margin-top:12px; color:#244fa7; }
.showroom-selections:not([hidden]) { display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:space-between; margin:18px auto; padding:20px; background:#edf3ff; border-radius:18px; }
.showroom-selections ul { margin:6px 0 0; padding:0; list-style:none; }
.showroom-selections li { padding:4px 8px; background:white; border-radius:8px; }
.showroom-selections button { background:none; border:0; cursor:pointer; padding:4px 8px; }
.hy-showroom .hycd-page-shell,.hy-showroom .hycd-page-shell :is(h1,h2,h3,button,select) { font-family:var(--hy-body); }
.hy-showroom :is(.hy-product-hero__media,.hy-application-hero__media,.hy-about-hero__media,.hy-application-module figure,.hy-product-spec-grid,.hy-intro__card) { border-radius:22px; overflow:hidden; }
.hy-showroom :is(.hy-range-section,.hy-product-colorways,.hy-home-products,.hy-utility-page,.hy-product-hub-scope) { background-color:#f5f8fc; }
.hy-showroom :is(.hy-colorway-card,.hy-inquiry-workspace__grid input:not([type=checkbox]),.hy-inquiry-workspace__grid select,.hy-inquiry-workspace__grid textarea) { border-radius:12px; }
.hy-showroom .hy-resource-grid article { padding:clamp(18px,2.4vw,34px); }
.hy-showroom .hy-hero.pc-hero { padding:0; display:grid; align-items:center; min-height:clamp(540px,43vw,730px); isolation:isolate; }
.hy-showroom .pc-hero::before,.hy-showroom .pc-hero::after { content:none; }
.hy-showroom .pc-hero .hy-hero__grid { padding-block:64px 96px; position:static; }
.hy-showroom .pc-hero h1.hy-display { font:800 clamp(54px,6.5vw,108px)/.94 var(--hy-display); letter-spacing:-.058em; color:#ffad63; max-width:none; margin:.2em 0; }
.hy-showroom .pc-hero h1.hy-display span { color:white; }
.hy-showroom .pc-hero .hy-eyebrow { color:white; }
.hy-showroom .pc-hero .hy-hero__copy { max-width:52rem; }
.hy-showroom .pc-hero .hy-hero__copy > * { margin-block:0; }
.hy-showroom .pc-hero .hy-hero__copy { row-gap:clamp(15px,2vw,27px); }
.hy-showroom .pc-photo-caption { right:var(--pc-gutter); z-index:3; }
.hy-showroom .pc-photo-controls button { border:0; background:transparent; color:white; font:400 26px/1 var(--hy-body); cursor:pointer; }
.showroom-paths { background:white; box-shadow:0 12px 35px -28px #3551807a; }
.showroom-paths>div { display:grid; grid-template-columns:repeat(3,1fr); padding-block:20px; gap:18px; }
.showroom-paths a { display:flex; align-items:center; gap:14px; color:#14243b; text-decoration:none; }
.showroom-paths a:hover small { text-decoration:underline; }
.showroom-paths i { display:grid; place-items:center; width:46px; height:46px; flex-shrink:0; border-radius:16px; background:#eaf1ff; color:#2359cd; font:650 16px var(--hy-body); }
.showroom-paths a:nth-child(2) i { background:#ddf8ec; color:#047857; }
.showroom-paths a:nth-child(3) i { background:#fff0e2; color:#a64a12; }
.showroom-paths small,.showroom-paths strong { display:block; }
.showroom-paths small { color:#506077; }
#hy-court-studio { scroll-margin-top:calc(var(--hy-fixed-header-height) + 10px); }
.hy-showroom .studio { padding-bottom:22px; }
.studio :is(button,fieldset) { border:0; margin:0; font-family:inherit; }
.studio fieldset { padding:0; }
.studio button { cursor:pointer; }
.studio :is(p,h2) { margin:0; }
.studio-palette button { background:transparent; }
.studio a,.showroom-dialog a { text-decoration:none; }
.showroom-full-designer { margin:0 auto 48px; text-align:right; }
.showroom-full-designer a { color:#2359cd; font-weight:600; }
.showroom-full-designer a.pc-action { margin-left:auto; color:#fff; text-decoration:none; }
@media(max-width:760px) {
  .hy-showroom .hy-hero.pc-hero { min-height:clamp(500px,70svh,620px); align-items:end; }
  .hy-showroom .pc-hero .hy-hero__grid { padding:95px 0 80px; }
  .hy-showroom .pc-hero h1.hy-display { font-size:clamp(39px,10vw,70px); }
  .showroom-paths>div { gap:0; grid-template-columns:1fr; padding-block:6px; }
  .showroom-paths a { padding:10px 0; }
  .showroom-paths a+a { border-top:1px solid #e4eaf1; }
  .showroom-paths i { width:34px; height:34px; border-radius:10px; }
  .showroom-paths a span { display:flex; flex:1; align-items:center; justify-content:space-between; gap:8px; }
}
@media(max-width:1100px) {
  .hy-showroom .hy-inquiry-form :is(input:not([type=checkbox]):not([type=file]),select,textarea) { font-size:max(16px,1rem); }
}
@media(max-width:560px) {
  .hy-showroom .hy-home-products .hy-featured-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:480px) {
  .hy-showroom .hy-hero__copy { width:100%; }
  .hy-showroom .hy-hero__copy .wp-block-buttons { display:grid; justify-self:stretch; grid-template-columns:minmax(0,1fr); }
  .hy-showroom .hy-hero__copy .wp-block-buttons .wp-block-button__link { display:flex; justify-content:center; align-items:center; box-sizing:border-box; width:100%; min-height:48px; }
}