/* AVL veeb — mikrotsemendi leht ja sisemine tellimustööriist. Ühine osa: leht.css; päis/jalus/poster: projektid.css. */
  .mt-q { margin-top: 30px; }
  .mt-q:first-child { margin-top: 0; }
  #mt-floor .mt-q:first-child { margin-top: 30px; }
  .mt-q .k { display: block; }
  .looks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
  @media (min-width: 600px) { .looks { grid-template-columns: repeat(3, 1fr); } }
  .look { display: flex; flex-direction: column; gap: 4px; text-align: left; padding: 14px 16px; min-height: 84px; border: 1px solid var(--line); background: var(--white); cursor: pointer; transition: border-color .15s, background .15s, color .15s; }
  .look b { font-weight: 600; font-size: var(--fs-input); } .look small { font-size: var(--fs-fine); color: var(--muted); line-height: 1.35; }
  .look:hover { border-color: var(--ink); }
  .look[aria-checked="true"] { background: var(--ink); border-color: var(--ink); color: var(--white); } .look[aria-checked="true"] small { color: rgba(255,255,255,.75); }
  .range-sum { font-size: clamp(26px, 2.7vw, 38px); font-weight: 800; line-height: 1.05; letter-spacing: -.03em; margin: 8px 0 4px; }
  .mt-sys { font-weight: 800; font-size: var(--fs-h3); margin-top: 4px; }
  .badge.warn { background: var(--warn-bg); border-color: var(--warn-line); color: var(--ink); }
  .cards3 { display: grid; grid-template-columns: 1fr; gap: var(--gap); margin-top: clamp(36px, 5vw, 64px); }
  @media (min-width: 600px) { .cards3 { grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1100px) { .cards3 { grid-template-columns: repeat(3, 1fr); } }
  .cards3 .card .k + h3 { margin-top: 6px; }
  .cards3 .card .from { margin-top: auto; padding-top: 24px; font-weight: 600; font-size: var(--fs-small); }

  /* sisemine tööriist */
  .int-note { background: var(--ink); color: var(--white); padding: 12px var(--gutter); font-size: var(--fs-small); font-weight: 600; text-align: center; }
  .o-form { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; align-items: end; }
  @media (min-width: 900px) { .o-form { grid-template-columns: 1.1fr 1.3fr 1fr .8fr auto; } }
  .fld { display: grid; gap: 6px; }
  .fld select, .fld input { font: 600 16px "Montserrat", sans-serif; min-height: 52px; padding: 10px 12px; border: 1px solid var(--ink); background: var(--white); border-radius: 0; width: 100%; }
  .o-lines { display: grid; gap: 8px; margin-top: 18px; list-style: none; padding: 0; }
  .o-lines li { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: var(--card); padding: 12px 16px; font-weight: 600; }
  .o-lines button { min-width: 44px; min-height: 44px; border: 1px solid var(--line); background: transparent; cursor: pointer; font-size: var(--fs-md); }
  .o-lines button:hover { border-color: var(--ink); }
  .otable-wrap { overflow-x: auto; margin-top: 22px; }
  .otable { width: 100%; border-collapse: collapse; font-size: var(--fs-small); min-width: 600px; }
  .otable th { text-align: right; font-size: var(--fs-micro); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); padding: 10px 0 10px 10px; border-bottom: 1px solid var(--ink); }
  .otable th:first-child, .otable td:first-child { padding-left: 0; }
  .otable td { text-align: right; padding: 12px 0 12px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; font-variant-numeric: tabular-nums; }
  .otable th:first-child, .otable td:first-child { text-align: left; font-weight: 600; }
  .otable tfoot td { font-weight: 800; border-bottom: 0; }
  .o-set { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; margin-top: 4px; }
  .o-out { width: 100%; min-height: 220px; font: 14px/1.5 ui-monospace, Menlo, monospace; padding: 14px; border: 1px solid var(--ink); background: var(--white); border-radius: 0; margin-top: 12px; }
  @media print { header.site, footer, .callbar, .int-note, .no-print { display: none !important; } body { padding: 0; background: var(--white); } section { padding: 16px 0; } }

  /* näidete vaatur: valik pinna järgi + suur foto */
  .view { display: grid; gap: clamp(16px, 3vw, 48px); margin-top: clamp(28px, 4vw, 48px); align-items: stretch; }
  .view-list { display: grid; gap: 8px; align-content: start; }
  .view-list button[data-k] { display: grid; grid-template-columns: 28px 1fr auto; gap: 18px; align-items: start; text-align: left; padding: 22px 22px 22px 24px; background: var(--card); border: 0; cursor: pointer; transition: background .2s, color .2s; }
  .view-list .ico { margin-top: -1px; } .view-list button[data-k] > span:last-child { align-self: center; }
  .view-list b { font-size: var(--fs-h4); font-weight: 600; display: block; line-height: 1.3; } .view-list small { font-size: var(--fs-small); color: var(--muted); line-height: 1.35; display: block; }
  .view-list button[data-k]:hover { background: var(--line); }
  .view-list button[aria-pressed="true"], .view-list button[aria-pressed="true"]:hover { background: var(--ink); color: var(--white); } .view-list button[aria-pressed="true"] small { color: rgba(255,255,255,.72); }
  .view-list .btn { margin-top: 12px; }
  /* paremal rada: fotod õiges kujus, järgmine paistab välja; ise ei liigu */
  .view-side { min-width: 0; }
  .view-rail { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; height: clamp(300px, 78vw, 600px); }
  .view-rail::-webkit-scrollbar { display: none; }
  .view-rail figure { flex: none; margin: 0; height: 100%; max-width: 88%; scroll-snap-align: start; background: var(--stone); overflow: hidden; }
  .view-rail img { height: 100%; width: auto; max-width: none; }
  .view-rail figure.wide { aspect-ratio: 3 / 2; } .view-rail figure.wide img { width: 100%; object-fit: cover; }
  .view-bar { display: flex; align-items: center; gap: 12px 20px; margin-top: 12px; }
  .view-bar .g-count { margin: 0; }
  .view-cap { flex: 1; min-width: 0; font-size: var(--fs-small); color: var(--muted); }
  .view-bar .arr-btn { width: 44px; height: 44px; }
  @media (min-width: 900px) { .view { grid-template-columns: 4fr 8fr; } .view-rail { height: clamp(420px, 40vw, 600px); } }
  @media (max-width: 899px) { .view-side { order: -1; } .view-cap { display: none; } .view-bar { justify-content: space-between; } }

  /* alguspunktid pealkirja all */
  .hero-start { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
  .mt-facts { list-style: none; padding: 0 0 clamp(24px, 3vw, 40px); margin: 0; display: flex; flex-wrap: wrap; gap: 10px 36px; font-size: var(--fs-ui); color: var(--muted); }
  .mt-facts b { color: var(--ink); font-weight: 800; }
  .sec-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; }
  /* tekstuur ja toon: kollektsiooni valik, suur tekstuur, 9 suurt toonikaarti */
  .pal { margin-top: clamp(28px, 4vw, 48px); }
  .pal-tabs { display: grid; gap: 18px clamp(20px, 3vw, 48px); } .pal-tabs .chips { margin-top: 10px; }
  @media (min-width: 900px) { .pal-tabs { grid-template-columns: 5fr 7fr; } }
  .pal-body { display: grid; gap: clamp(20px, 3vw, 48px); margin-top: clamp(24px, 3vw, 40px); align-items: start; }
  @media (min-width: 900px) { .pal-body { grid-template-columns: 5fr 7fr; } }
  .pal-tex { margin: 0; } .pal-tex .ph { aspect-ratio: 1; }
  .pal-tex figcaption { display: grid; gap: 4px; margin-top: 14px; } .pal-tex b { font-size: clamp(24px, 2.6vw, 34px); font-weight: 800; letter-spacing: -.02em; } .pal-tex span { color: var(--muted); font-size: var(--fs-ui); max-width: 46ch; }
  .tones { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); }
  @media (max-width: 480px) { .tone-c span { padding: 10px 8px 0; font-size: var(--fs-micro); letter-spacing: 0; overflow-wrap: anywhere; } }
  .tone-c { display: block; padding: 0 0 12px; background: var(--card); border: 0; cursor: pointer; text-align: left; position: relative; transition: background .2s, color .2s; }
  .tone-c img { aspect-ratio: 1; object-fit: cover; }
  .tone-c span { display: block; padding: 12px 12px 0; font-size: var(--fs-fine); font-weight: 600; letter-spacing: .06em; }
  .tone-c:hover { background: var(--line); }
  .tone-c[aria-checked="true"] { background: var(--ink); color: var(--white); box-shadow: 0 0 0 3px var(--ink); }
  .tone-c[aria-checked="true"]::after { content: "✓"; position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; display: grid; place-items: center; background: var(--yellow); color: var(--ink); font-weight: 800; }
  .pal-pick { display: grid; gap: 20px 32px; align-items: end; margin-top: clamp(28px, 4vw, 44px); background: var(--card); padding: clamp(20px, 2.4vw, 32px); }
  @media (min-width: 900px) { .pal-pick { grid-template-columns: 1fr 1fr auto; } }
  .pal-sel { font-size: clamp(20px, 2vw, 26px); font-weight: 800; margin-top: 8px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
  .pal-sel img { width: 52px; height: 52px; object-fit: cover; }
  /* tehtud tööd: üks töö korraga — andmed vasakul, fotorida paremal */
  .work-view { margin-top: clamp(24px, 3vw, 40px); }
  .work-info h3 { font-size: clamp(30px, 3.4vw, 48px); font-weight: 800; letter-spacing: -.02em; line-height: 1; margin-top: -.12em; }
  .work-info .spec { margin-top: 22px; } .work-info .spec th { width: 34%; } .work-info .spec td { text-align: left; }
  .work-f { margin-top: 28px; }
  /* tööde valik: üks rida pisikaarte fotorea all, järgmine paistab välja */
  .work-strip { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-top: clamp(20px, 2.4vw, 32px); padding: 3px; }
  .work-strip::-webkit-scrollbar { display: none; }
  .work-strip button { flex: none; display: grid; grid-template-columns: 56px 1fr; gap: 2px 12px; align-items: center; text-align: left; padding: 8px 18px 8px 8px; background: var(--card); border: 0; cursor: pointer; transition: background .2s, color .2s; }
  .work-strip img { grid-row: span 2; width: 56px; height: 56px; object-fit: cover; }
  .work-strip b { font-size: var(--fs-ui); font-weight: 600; white-space: nowrap; align-self: end; }
  .work-strip span { font-size: var(--fs-micro); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); white-space: nowrap; align-self: start; }
  /* laiemal ekraanil: kolm veergu, neli tööd veerus (loetakse ülalt alla) */
  @media (min-width: 900px) {
    /* esimene veerg = andmete veerg, teine ja kolmas jagavad fotorea laiuse — servad jooksevad ülemise plokiga kokku */
    .work-strip { --vg: clamp(16px, 3vw, 48px); display: grid; grid-template-columns: calc((100% - var(--vg)) / 3) calc(var(--vg) - 16px) 1fr 1fr; overflow: visible; padding: 0; }
  }
  .work-strip button:hover { background: var(--line); }
  .work-strip button[aria-pressed="true"] { background: var(--ink); color: var(--white); } .work-strip button[aria-pressed="true"] span { color: rgba(255,255,255,.72); }
  @media (max-width: 899px) { .work-view .view-side { order: -1; } }
  img[data-lb], .view-rail img { cursor: zoom-in; }
  /* kataloog ja koostöö: kumbki oma sektsioonis — tekst vasakul, vorm paremal */
  .formsec { align-items: start; margin-top: 8px; }
  .formsec h2 { margin-top: 10px; }
  .formsec .mini-form { background: var(--card); padding: clamp(22px, 3vw, 40px); }
  @media (min-width: 900px) { .formsec .mini-form { margin-top: 20px; } }
  .formsec .inp textarea { min-height: 80px; }
  .ticks { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 10px; max-width: 52ch; }
  .ticks li { display: grid; grid-template-columns: 24px 1fr; gap: 10px; } .ticks li::before { content: "✓"; font-weight: 800; }
  /* kontaktisik ja järgmised sammud */
  .who { display: grid; gap: clamp(28px, 5vw, 80px); align-items: start; }
  @media (min-width: 900px) { .who { grid-template-columns: 4fr 8fr; } }
  .who .ph { aspect-ratio: 4 / 5; max-width: 420px; }
  .who h2 { margin-top: -.13em; }
  .next { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 10px; counter-reset: n; max-width: 60ch; }
  .next li { counter-increment: n; display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: baseline; background: var(--card); padding: 16px 20px; }
  .next li b { display: block; }
  .next li::before { content: counter(n, decimal-leading-zero); font-size: var(--fs-label); font-weight: 600; letter-spacing: .14em; color: var(--muted); }

  .view-rail figure.vid { aspect-ratio: 3 / 4; background: var(--ink); } .view-rail figure.vid video { width: 100%; height: 100%; object-fit: cover; display: block; }

  /* arvutus e-postile, näidise tellimine */
  .mt-mail { margin-top: 16px; }
  .mt-mail summary { cursor: pointer; font-weight: 600; font-size: var(--fs-ui); min-height: 44px; display: flex; align-items: center; gap: 10px; list-style: none; }
  .mt-mail summary::-webkit-details-marker { display: none; }
  .mt-mail summary::before { content: "+"; width: 28px; height: 28px; border: 1px solid var(--ink); display: grid; place-items: center; font-weight: 400; } .mt-mail[open] summary::before { content: "−"; }
  .mt-mail .mini-form { padding: 8px 0 0; background: none; }
  .mt-mail .mini-form .btn { margin-top: 0; }
  .pal-go { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
  .pick-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; padding-bottom: 6px; }
  .pick-line b { font-size: var(--fs-md); font-weight: 800; } .pick-line .tlink { font-size: var(--fs-small); padding-top: 14px; }
  @media (min-width: 900px) { .pal-pick { grid-template-columns: 1fr 1fr auto; } }

  /* kontakt: silt parema veeru kohal, foto ja paks pealkiri algavad samalt joonelt */
  .who > .label { grid-column: 1; }
  @media (min-width: 900px) { .who { row-gap: 22px; } .who > .label { grid-column: 2; grid-row: 1; } .who > .ph { grid-column: 1; grid-row: 2; } .who > div { grid-column: 2; grid-row: 2; } }
  /* pinnanupud: sama kõrgus mis enne (44 px), vahe nagu teistel valikutel */
  .opts-sm .opt { min-height: 44px; padding: 0 18px; font-size: var(--fs-small); }