/* WallMax phone layout. Loaded after the v50 styles; applies only at phone
   widths, so desktop and tablet are unchanged. A phone is its own design here:
   tighter type scale, 20px gutters, short sections, swipe rows instead of tall
   stacks. */
/* Hero wording: desktop mentions the slider; phones do not have one. */
.wm-phone-only { display: none; }
/* Phone menu exists only below 760px. */
.wm-menubtn, .wm-menu, .wm-dots, .wm-to-room, .wm-max-hint, .wm-hero-maxed, .wm-hero-plain { display: none; }
@media (max-width: 760px) {
  .wm-phone-only { display: inline; }
  .wm-hide-phone { display: none; }
  html, body { overflow-x: clip; }
  body { font-size: 15px; }
  .wrap { padding-left: 20px; padding-right: 20px; }

  /* Type scale */
  h1 { font-size: 34px !important; line-height: 1.04 !important; letter-spacing: -.035em !important; }
  h2 { font-size: 26px !important; line-height: 1.1 !important; letter-spacing: -.03em !important; }
  .lead { font-size: 15.5px !important; line-height: 1.55 !important; margin-top: 10px !important; }
  .fineprint { font-size: 12px !important; }
  .btns { margin-top: 22px !important; gap: 10px !important; }
  .btn { padding: 13px 20px !important; font-size: 15px !important; }

  /* Section rhythm: 44px instead of 58-62px */
  #view-home > section, #view-finishes > section { padding-top: 44px !important; padding-bottom: 44px !important; }

  /* Top bar, symmetrical: menu left, logo centred, cart + account right.
     "Book a consult" moves into the menu and the hero. */
  body > nav .navin { position: relative; gap: 6px; justify-content: flex-start; }
  .wm-menubtn { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; padding: 0 9px;
    border: 0; background: transparent; cursor: pointer; order: -1; }
  .wm-menubtn span { display: block; height: 2px; background: var(--ink, #16181C); border-radius: 2px; }
  body > nav .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0 !important; }
  .logo img { height: 30px; }
  .navcta { display: none !important; }
  #cartbtn { margin-left: auto !important; }
  .iconbtn { width: 40px; height: 40px; }

  /* Full-screen menu: WallMax ink, centred links */
  /* Starts below its own 56px bar and scrolls if a short phone needs it. */
  .wm-menu { position: fixed; inset: 0; z-index: 200; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 22px;
    padding: 84px 24px calc(28px + env(safe-area-inset-bottom)); overflow-y: auto; background: var(--ink, #16181C); color: #fff; text-align: center;
    opacity: 0; transition: opacity .2s ease; }
  .wm-menu[hidden] { display: none; }
  .wm-menu.on { opacity: 1; }
  .wm-menu-top { position: fixed; top: 0; left: 0; right: 0; height: 56px; background: var(--ink, #16181C); z-index: 1; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #2C3138; }
  .wm-menu-mark { font-size: 18px; font-weight: 700; letter-spacing: .14em; }
  .wm-menu-mark span { color: var(--brass-lt, #C79A48); }
  .wm-menu-close { position: absolute; right: 12px; top: 8px; width: 40px; height: 40px; border: 0; background: none; color: #fff; font-size: 30px; line-height: 1; cursor: pointer; }
  .wm-menu-links { display: flex; flex-direction: column; align-items: center; gap: 2px; }
  .wm-menu-links a { display: block; padding: 7px 16px; font-size: 21px; font-weight: 600; letter-spacing: -.02em; color: #fff; text-decoration: none; }
  .wm-menu-links a:active { color: var(--brass-lt, #C79A48); }
  .wm-menu-sub { display: flex; gap: 12px; align-items: center; font-size: 14px; color: #7E858C; }
  .wm-menu-sub a { color: #B8BCC0; text-decoration: none; }
  .wm-menu-cta { width: min(320px, 100%); text-align: center; }
  .wm-menu-foot { margin: 0; font-size: 12.5px; line-height: 1.6; color: #6F757B; }

  /* Hero: one full-bleed WallMax room behind the headline (no slider on phones) */
  .hero-compare { height: min(86svh, 700px) !important; min-height: 560px !important; pointer-events: auto; cursor: pointer; touch-action: pan-y !important; -webkit-tap-highlight-color: transparent; }
  .hero-compare .room-entry-before,
  .hero-compare .hero-state,
  .hero-compare .hero-instruction,
  .hero-compare .hero-divider { display: none !important; }
  /* The v50 room photo is painted on ::before; replace it there with a portrait, centred room. */
  .hero-compare .hero-scene-after { clip-path: none !important; }
  .hero-compare .hero-scene-after::before { background-image: url(/assets/images/8c857171b1c5e795fe4ebf349ded2157c92320733ce1fb86c96207b4ca4144c3.jpg) !important;
    background-size: cover !important; }
  /* Stacked hero: the whole room across the top 64%, fading into ink where the copy sits. */
  .hero-compare, .hero-compare .hero-scene-after { background-color: #0c0e11 !important; }
  .hero-compare .hero-scene-after { background-image: none !important; }
  .hero-compare .hero-scene-after::before { top: 0 !important; left: 0 !important; right: 0 !important; bottom: auto !important; height: 64% !important;
    transform: none !important; animation: none !important; background-position: center top !important; background-size: 100% auto !important; background-repeat: no-repeat !important; }
  .hero-copy { top: auto !important; padding: 0 0 30px !important; height: 100%; display: flex; align-items: flex-end;
    background: linear-gradient(to bottom, rgba(12,14,17,0) 0%, rgba(12,14,17,0) 36%, rgba(12,14,17,.75) 52%, #0c0e11 64%, #0c0e11 100%) !important; }
  .hero-copy .wrap { width: 100%; text-align: center; }
  .hero h1 { font-size: 36px !important; max-width: none !important; }
  .hero-sub { font-size: 15px !important; line-height: 1.55 !important; margin: 14px auto 0 !important; max-width: 32ch; }
  .hero .btns { flex-direction: column; margin-top: 22px !important; pointer-events: auto; }
  .hero .btns .btn { width: 100%; text-align: center; }
  .hero-meta { margin-top: 18px !important; gap: 4px 14px !important; font-size: 12.5px !important; flex-wrap: wrap; justify-content: center; }

  /* Design studio intro: image first, copy tight */
  .wm-design-inner { display: flex !important; flex-direction: column-reverse; gap: 22px !important; }
  .wm-design-preview img { border-radius: 4px; }

  /* Rooms: swipeable room chips instead of a tall list */
  .roomtabs { flex-wrap: nowrap !important; flex-direction: row !important; overflow-x: auto; gap: 8px !important;
    margin: 18px -20px 16px !important; padding: 0 20px 4px !important; scroll-snap-type: x proximity; scrollbar-width: none; border: 0 !important; }
  .roomtabs::-webkit-scrollbar { display: none; }
  .roomtab { flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; padding: 9px 16px !important; font-size: 13.5px !important;
    border: 1px solid rgba(255,255,255,.28) !important; border-radius: 999px !important; scroll-snap-align: start; white-space: nowrap; }
  .roomtab[aria-selected="true"], .roomtab.on, .roomtab.active { background: var(--brass-lt, #C79A48) !important; border-color: var(--brass-lt, #C79A48) !important; color: #14161a !important; }
  .stage { border-radius: 4px; }
  .roomdesc { font-size: 14px !important; margin-top: 12px !important; }

  /* Reviews: swipe carousel */
  .revhead { gap: 8px !important; }
  .revgrid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; gap: 0 !important; margin: 20px 0 0 !important; padding: 0 0 4px !important;
    scroll-snap-type: x mandatory; scrollbar-width: none; }
  .revgrid::-webkit-scrollbar { display: none; }
  .rev { flex: 0 0 100% !important; scroll-snap-align: center; padding: 22px !important; }
  .rev h3, .rev .q { font-size: 17px !important; }

  /* Price comparison: tight cards */
  .seg { margin-top: 16px !important; }
  .cmp { gap: 12px !important; margin-top: 16px !important; }
  .cmp > div { padding: 18px !important; }

  /* How it works: compact numbered list, no 319px-tall arrows */
  .steps { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto; gap: 0 !important; margin: 20px 0 0 !important;
    padding: 0 0 4px !important; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .steps::-webkit-scrollbar { display: none; }
  .arrow { display: none !important; }
  .step { flex: 0 0 100% !important; scroll-snap-align: center; padding: 22px !important; border: 1px solid var(--line, #CFD1CC); background: #fff; }

  /* Trade */
  .tradegrid { gap: 24px !important; }
  .tlist { margin-top: 16px !important; }
  .tlist > div { padding: 10px 0 !important; font-size: 14.5px !important; }
  .tradeimg { aspect-ratio: 16/10 !important; min-height: 0 !important; }
  .tradeimg img { height: 100% !important; object-fit: cover; }

  /* Finishes: product-type buttons get their own swipe row (they were crushed
     to 0px beside the search box); search + sort share a compact row below. */
  #view-finishes .head { padding-top: 20px !important; padding-bottom: 12px !important; }
  #view-finishes .head h1 { font-size: 28px !important; }
  #view-finishes .head .lead { font-size: 14px !important; }
  .controls .ctrlin { flex-wrap: wrap !important; gap: 8px !important; padding-top: 10px !important; padding-bottom: 10px !important; }
  /* basis includes the 40px edge bleed, or search wraps onto the chip row */
  .controls #chips { order: -1; flex: 1 0 calc(100% + 40px) !important; width: auto !important; max-width: none !important; overflow-x: auto; flex-wrap: nowrap !important;
    gap: 8px !important; margin: 0 -20px !important; padding: 0 20px 2px !important; scrollbar-width: none; }
  .controls #chips::-webkit-scrollbar { display: none; }
  .controls #chips > * { flex: 0 0 auto !important; padding: 8px 14px !important; font-size: 13px !important; }
  .controls .spacer { display: none !important; }
  .controls #q { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; height: 40px !important; font-size: 16px !important; }
  .controls .selwrap { flex: 0 0 auto !important; width: auto !important; }
  .controls .selwrap > :not(select) { display: none !important; }
  .controls .selwrap select { height: 40px !important; font-size: 13px !important; max-width: 128px; }

  /* Product cards: ~280px instead of ~380px; SKU stays on the product page */
  .grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .grid .card .sw { height: 150px !important; min-height: 0 !important; aspect-ratio: auto !important; }
  .grid .card .cbody { padding: 10px 10px 12px !important; gap: 2px !important; }
  .grid .card .cname { font-size: 14px !important; line-height: 1.25 !important; }
  .grid .card .cmeta { font-size: 11.5px !important; line-height: 1.35 !important; }
  .grid .card .cbody > .wm-product-sku { display: none !important; }
  .grid .card .cfoot { margin-top: 6px !important; font-size: 13px !important; }
  .grid .card .quickadd { transform: scale(.9); transform-origin: bottom right; }

  /* Footer */
  .wm-footer .cta { padding: 44px 0 32px !important; }
  .wm-footer .ctagrid { gap: 28px !important; }
  .wm-footer .info div { padding: 12px 0 !important; font-size: 14px !important; }
  .wm-footer .info span.k { width: 80px !important; }
  .wm-foot-bottom { gap: 24px !important; padding-top: 28px !important; padding-bottom: 24px !important; }
  .wm-foot-cols { gap: 20px 24px !important; }
  .wm-foot-cols a { padding: 4px 0 !important; font-size: 14px !important; }

  /* Symmetry: every phone section is centred on one axis. */
  #view-home section > .wrap > h2, #view-home section h2, #view-home .lead, #view-home .wm-eyebrow, #view-home .fineprint,
  #view-finishes .head, .wm-footer .cta { text-align: center !important; }
  #view-home .lead, #view-home .fineprint { margin-left: auto !important; margin-right: auto !important; max-width: 34ch; }
  /* Paired buttons: identical full-width blocks, stacked */
  .btns { justify-content: center !important; flex-direction: column !important; align-items: stretch !important; }
  .btns .btn { width: 100% !important; text-align: center; }
  /* Swipe position dots (added by hosted-mobile-menu.js) */
  .wm-dots { display: flex; justify-content: center; gap: 8px; margin-top: 16px; }
  .wm-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 4px; background: var(--line, #CFD1CC); transition: width .2s, background .2s; cursor: pointer; }
  .wm-dots button[aria-current="true"] { width: 22px; background: var(--ink, #16181C); }
  .wm-design-inner > div:first-child { text-align: center; }
  .wm-design-inner small { display: block; text-align: center; }
  .revhead { flex-direction: column !important; align-items: center !important; text-align: center; }
  .rev, .step { text-align: center; }
  .stagecap, .roomdesc { text-align: center; }
  .roomtabs, .controls #chips { justify-content: safe center; }
  .seg { margin-left: auto !important; margin-right: auto !important; }
  .cmp > div { text-align: center; }
  .tradegrid > div { text-align: center; }
  .tlist > div { justify-content: center; text-align: center; }
  .tlist > div > b { display: none !important; }
  .tradeimg figcaption { text-align: center; }
  .grid .card .cbody { align-items: center !important; text-align: center; }
  .grid .card .cfoot { justify-content: center !important; gap: 8px; }
  #view-finishes .grid-head, #view-finishes .sechead, #view-finishes h2, #view-finishes h2 + p, #view-finishes #count { text-align: center !important; }
  /* Footer: one centred column */
  .wm-footer .ctagrid { grid-template-columns: 1fr !important; text-align: center; }
  .wm-footer .info div { flex-direction: column !important; align-items: center; gap: 2px !important; text-align: center; }
  .wm-footer .info span.k { width: auto !important; font-size: 11px !important; letter-spacing: .14em; text-transform: uppercase; }
  .wm-foot-bottom { flex-direction: column; align-items: center; text-align: center; }
  .wm-foot-bottom .footlogo { justify-content: center; }
  .wm-foot-cols { margin: 0 auto !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: 100%; text-align: center; }
  .wm-foot-cols h3 { margin-bottom: 8px !important; }
  .wm-foot-cols a { font-size: 13px !important; }
  .wm-foot-legal { flex-direction: column; align-items: center; text-align: center; }

  /* Design studio: built around the wall. Slim symmetrical header (Start over |
     logo | Save plan ×), compact steps, the room at full width, edit tools in
     two even rows, and settings in a two-position bottom sheet. Body-level
     v50 studio styles load later, hence the html body #designer prefix. */
  html body #designer { --wd-preview-height: min(46dvh, 420px) !important; }
  html body #designer .wd-top { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; gap: 6px !important;
    padding: 6px 12px !important; min-height: 0 !important; height: 52px !important; border-bottom: 1px solid #e3e6df; }
  html body #designer .wd-brand-lockup, html body #designer .wd-top-actions { display: contents !important; }
  html body #designer .wd-revision, html body #designer .wd-save-state { display: none !important; }
  html body #designer #wd-reset { grid-column: 1; grid-row: 1; justify-self: start; width: auto !important; min-height: 36px !important; height: 36px !important; padding: 0 12px !important; font-size: 12px !important; }
  html body #designer #wd-home { grid-column: 2; grid-row: 1; justify-self: center; height: 36px !important; }
  html body #designer #wd-home img { height: 28px !important; width: auto !important; }
  html body #designer #wd-share { grid-column: 3; grid-row: 1; justify-self: end; margin-right: 44px; width: auto !important; min-height: 36px !important; height: 36px !important; padding: 0 12px !important; font-size: 12px !important; }
  html body #designer #wd-close { grid-column: 3; grid-row: 1; justify-self: end; width: 36px !important; height: 36px !important; min-height: 36px !important; }
  html body #designer .wd-progress { height: auto !important; min-height: 0 !important; padding: 6px 12px !important; justify-content: center !important; gap: 6px !important; }
  html body #designer .wd-progress button { min-height: 30px !important; height: 30px !important; padding: 0 10px !important; font-size: 12px !important; }
  html body #designer .wd-progress button span:first-child { width: 20px !important; height: 20px !important; font-size: 11px !important; }
  /* One natural scroll for the whole studio: no panel scrolling inside a panel. */
  html body #designer { overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
  html body #designer .wd-layout { display: block !important; height: auto !important; min-height: 0 !important; overflow: visible !important; }
  html body #designer .wd-canvas-col { height: auto !important; max-height: none !important; overflow: visible !important; padding: 8px 12px 4px !important; }
  html body #designer .wd-stage-wrap { display: block !important; width: 100% !important; flex: none !important; height: auto !important; min-height: 0 !important; }
  html body #designer .wd-stage-frame { width: 100% !important; height: auto !important; display: flex !important; justify-content: center !important; container-type: normal !important; }
  html body #designer .wd-stage { width: min(100%, calc(var(--wd-preview-height) * var(--wd-stage-ratio))) !important; margin: 0 auto !important; transition: width .25s ease; }
  html body #designer .wd-preview-footer { margin-top: 6px !important; }
  html body #designer .wd-placement-readout { font-size: 11px !important; text-align: center !important; margin: 0 0 4px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html body #designer .wd-selection-help { display: none !important; }
  html body #designer .wd-preview-actions { margin: 0 !important; }
  html body #designer .wd-toolbar { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; overflow: visible !important; }
  html body #designer .wd-toolbar button { width: 100% !important; min-height: 32px !important; height: 32px !important; padding: 0 4px !important; font-size: 11.5px !important; white-space: nowrap !important; }
  html body #designer .wd-layers { margin-top: 6px !important; padding: 2px 0 4px !important; justify-content: safe center; }
  html body #designer .wd-layer { min-height: 38px !important; padding: 5px 8px !important; }
  html body #designer .wd-controls { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; border-top: 1px solid #e3e6df; }
  html body #designer #wd-controls-content { height: auto !important; max-height: none !important; overflow: visible !important; flex: none !important; padding-bottom: 12px !important; }
  html body #designer .wd-step-actions { position: sticky !important; bottom: 0 !important; z-index: 6; background: #fff !important; box-shadow: 0 -6px 18px rgba(20,22,26,.08);
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important; min-height: 0 !important; }
  html body #designer .wd-step-actions button { min-height: 44px !important; }
  /* Studio finish picker: three even, centred tiles per row */
  html body #designer .wd-picks { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
  html body #designer .wd-pick { min-height: 0 !important; padding: 0 !important; }
  html body #designer .wd-pick img { height: 72px !important; width: 100% !important; object-fit: cover !important; }
  html body #designer .wd-pick-text { padding: 6px 6px 8px !important; font-size: 10.5px !important; line-height: 1.3 !important; text-align: center !important; }
  html body #designer .wd-pick-text b { font-size: 12px !important; line-height: 1.2 !important; }
  html body #designer .wd-pick .wd-plus { transform: scale(.85); }
  /* "View your wall": centred pill above the Back/Next bar once the room scrolls away */
  .wm-to-room { display: block; position: fixed; left: 50%; bottom: calc(76px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 7;
    padding: 10px 18px; border: 0; border-radius: 999px; background: var(--ink, #16181C); color: #fff; font: inherit; font-size: 13px; font-weight: 700;
    box-shadow: 0 8px 22px rgba(12,14,17,.3); cursor: pointer; }
  .wm-to-room[hidden] { display: none; }

  /* Hero: tap the blank wall to WallMax it (real catalog marble + fluted wood) */
  .wm-hero-maxed { display: block; position: absolute; left: 0; right: 0; top: 0; aspect-ratio: 1122 / 1402; z-index: 1; pointer-events: none;
    opacity: 0; transition: opacity .7s ease; }
  .hero-compare.wm-maxed .wm-hero-maxed { opacity: 1; }
  /* Plain "before" wall: centre panel, columns and trims as one even colour sampled from the photo */
  .wm-hero-plain { display: block; position: absolute; left: 0; right: 0; top: 0; aspect-ratio: 1122 / 1402; z-index: 1; pointer-events: none; transition: opacity .7s ease; }
  .hero-compare.wm-maxed .wm-hero-plain { opacity: 0; }
  .wm-hero-plain > div { position: absolute; top: 0; left: 19.1%; width: 63%; height: 64.2%;
    background: linear-gradient(90deg, rgba(255,244,228,.10), rgba(255,244,228,0) 45%, rgba(60,40,20,.05)),
                linear-gradient(180deg, #d6c9b8 0%, #dacfc2 35%, #dbd2c7 62%, #d2cac0 100%); }
  .wm-hero-maxed > div { position: absolute; top: 0; height: 64.2%; box-shadow: inset 0 0 18px rgba(60,40,20,.28); }
  .wm-hero-maxed .wm-max-centre { left: 28.95%; width: 43.6%; background-size: cover; background-position: center top; }
  .wm-hero-maxed .wm-max-left { left: 19.1%; width: 8.9%; background-size: auto 100%; background-repeat: repeat-x; }
  .wm-hero-maxed .wm-max-right { left: 73.2%; width: 8.9%; background-size: auto 100%; background-repeat: repeat-x; }
  .wm-max-hint { display: block; position: absolute; top: 16px; left: 50%; transform: translateX(-50%); z-index: 3; padding: 8px 14px; border: 1px solid rgba(255,255,255,.5);
    border-radius: 999px; background: rgba(12,14,17,.55); color: #fff; font: inherit; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    white-space: nowrap; backdrop-filter: blur(4px); cursor: pointer; }
  /* Subtext: one sentence per line, evenly balanced lines */
  .wm-sentence { display: block; }
  /* Balanced lines everywhere: headings, card titles and subtext split evenly */
  h1, h2, h3, h4, .cname, .wm-dialog-title, .wm-order-number strong,
  p, small, figcaption, li, .lead, .fineprint, .wm-note, .wm-form-help, .cmeta, .wm-hint { text-wrap: balance !important; }
  /* Room chips: the gold pill marks the selection; drop the desktop underline */
  .roomtab::before, .roomtab::after { display: none !important; content: none !important; }
  .roomtab, .roomtab[aria-selected="true"] { box-shadow: none !important; text-decoration: none !important; border-bottom-width: 1px !important; }
  /* Price comparison: two cards side by side, price + label only; fine print = first sentence */
  section.price .cmp { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  section.price .cmp > div { padding: 16px 10px !important; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  section.price .cmp-num { font-size: 24px !important; line-height: 1.1 !important; }
  section.price .cmp-lab { font-size: 13px !important; margin-top: 6px !important; }
  section.price .cmp-note { display: none !important; }
  section.price .seg { margin-top: 14px !important; }
  #cmpFine .wm-sentence ~ .wm-sentence, #cmpLead .wm-sentence ~ .wm-sentence { display: none; }
  #cmpFine { font-size: 11.5px !important; margin-top: 12px !important; }
  /* Contractors: one-sentence intro, tight list, no photo or caption */
  #trade .lead .wm-sentence ~ .wm-sentence { display: none; }
  #trade .tlist > div { padding: 7px 0 !important; font-size: 13.5px !important; line-height: 1.4 !important; }
  #trade .tlist { margin-top: 12px !important; }
  #trade .tradeimg { display: none !important; }
  #trade .tradegrid { gap: 0 !important; }
  /* Footer legal line: one line on phones (shorter wording via .wm-hide-phone) */
  .wm-foot-legal .wm-foot-note, .wm-foot-legal .footcopy { white-space: nowrap; font-size: 12px; }
}