/* Individual component proportions; keep the existing responsive type system. */
@layer murcot-home-refinement {
  /* Header: a quiet language selector, with a clearly separate menu control. */
  .mc-page > header { gap:20px !important; }
  .mc-page > header > nav { gap:18px !important; }
  .mc-page > header > nav > div[data-mc-type="caption"] {
    display:flex !important; width:72px !important; height:36px !important;
    min-height:0 !important; padding:0 !important; border-radius:20px !important;
    align-items:stretch !important; flex:0 0 auto !important;
  }
  .mc-page > header > nav > div[data-mc-type="caption"] > :is(a,span) {
    display:flex !important; justify-content:center !important; align-items:center !important;
    width:35px !important; min-width:0 !important; min-height:0 !important;
    padding:0 !important; margin:0 !important; font:600 12px/1 var(--mc-clean-font) !important;
  }
  .mc-page > header [data-mc="menu-open"] { width:40px !important; height:40px !important; min-height:0 !important; flex:0 0 40px !important; }
  .mc-page > header [data-mc="menu-open"] svg { width:18px !important; height:18px !important; }

  /* Testimonials and reviews have their own compact reading scale. */
  .mc-page #reviews .mc-testimonials-row { display:flex !important; gap:20px !important; max-width:944px !important; margin-inline:auto !important; height:auto !important; min-height:0 !important; }
  .mc-page #reviews .mc-testimonial-card { flex:0 0 300px !important; width:300px !important; max-width:300px !important; min-width:0 !important; height:auto !important; min-height:0 !important; }
  .mc-page #reviews .mc-testimonial-card video { display:block !important; width:100% !important; height:auto !important; aspect-ratio:9/16 !important; object-fit:contain !important; }
  .mc-page #reviews .mc-testimonial-copy { padding:14px 16px !important; }
  .mc-page #reviews .mc-testimonial-copy h3 { font-size:15px !important; line-height:1.4 !important; }
  .mc-page #reviews .mc-native-reviews { padding:20px 16px 14px !important; }
  .mc-page #reviews .mc-native-review-rating { margin-bottom:18px !important; flex-wrap:wrap !important; row-gap:6px !important; }
  .mc-page #reviews .mc-native-review-card { padding:18px !important; min-height:220px !important; }

  /* Small purchase cards need smaller titles than full-sized service cards. */
  .mc-page #bought .mc-purchase-card > div:last-child { padding:12px !important; }
  .mc-page #bought .mc-purchase-card strong { font-size:14px !important; line-height:1.4 !important; font-weight:600 !important; }
  .mc-page #bought .mc-purchase-place { font-size:12px !important; line-height:1.45 !important; margin-top:5px !important; }
  .mc-page #what .mc-situations > div { padding:24px !important; }
  .mc-page #what .mc-situations [data-mc-type="title"] { font-size:18px !important; line-height:1.3 !important; }
  .mc-page #what .mc-situations a[data-mc-type="meta"] { font-size:11px !important; line-height:1.5 !important; letter-spacing:.04em !important; }

  /* Benefits, process and history: scale the contents as a set. */
  .mc-page #why .cols3 > div { padding:26px !important; }
  .mc-page #why .cols3 > div > div:first-child { width:42px !important; height:42px !important; border-radius:11px !important; margin-bottom:16px !important; }
  .mc-page #why .cols3 > div > div:first-child svg { width:22px !important; height:22px !important; }
  .mc-page #how .cols3 > div { padding:26px !important; }
  .mc-page #how .cols3 > div > div:first-child { gap:12px !important; margin-bottom:14px !important; }
  .mc-page #how .cols3 > div > div:first-child > span:first-child { width:34px !important; height:34px !important; flex:0 0 34px !important; font:650 15px/1 var(--mc-clean-font) !important; }
  .mc-page #how .cols3 > div > div:first-child > span:last-child { font:650 18px/1.3 var(--mc-clean-font) !important; }
  .mc-page #heritage .cols4 > div { padding:24px !important; }
  .mc-page #heritage .cols4 [data-mc-type="section"] { font-size:26px !important; margin-bottom:10px !important; }
  .mc-page #heritage .cols4 div[data-mc-type="body"] { font-size:16px !important; line-height:1.4 !important; font-weight:600 !important; }
  .mc-page #heritage .cols4 p { font-size:14px !important; line-height:1.65 !important; }
  .mc-page #about .mc-signature-row { gap:12px !important; }
  .mc-page #about .mc-signature-row > img { width:44px !important; height:44px !important; border-radius:8px !important; }
  .mc-page #about .mc-signature-row > a { font-size:13px !important; line-height:1.3 !important; padding:11px 16px !important; }
  .mc-page .mc-team-section .cols3 [data-mc-type="body"] { font-size:13px !important; line-height:1.5 !important; }
  .mc-page .mc-team-section .cols3 [data-mc-type="title"] { font-size:18px !important; margin-top:14px !important; }

  /* Service-area details and contact actions are secondary to the offer CTA. */
  .mc-page #area > .split > div:first-child > div:last-child:has(> span[data-mc-type="caption"]:only-child) { display:none !important; }
  .mc-page #area [data-mc-type="body"] > strong { font-weight:600 !important; }
  .mc-page #contact .contact-grid > div:last-child { padding:32px !important; }
  .mc-page #contact .contact-grid > div:last-child > :is(a,div):not(:last-child) { gap:12px !important; padding-block:14px !important; }
  .mc-page #contact .mc-contact-actions > a { padding:12px 18px !important; font-size:14px !important; line-height:1.3 !important; min-height:42px !important; }
  .mc-page .mc-live > div > div:nth-child(2) { gap:12px !important; }
  .mc-page .mc-live > div > div:nth-child(2) > a { gap:10px !important; padding:14px !important; }
  .mc-page .mc-live > div > div:nth-child(2) > a > span:first-child { width:32px !important; height:32px !important; flex-basis:32px !important; border-radius:9px !important; }
  .mc-page .mc-live > div > div:nth-child(2) [data-mc-type="body"] { font-size:14px !important; font-weight:600 !important; line-height:1.3 !important; }
  .mc-page .mc-live > div > div:nth-child(2) [data-mc-type="meta"] { letter-spacing:0 !important; font-weight:400 !important; font-size:11px !important; }
  .mc-page > footer .mc-footer-layout { gap:32px !important; }
  .mc-page > footer .mc-footer-layout :is(p,a) { font-size:13px !important; line-height:1.6 !important; }

  @media (max-width:1100px) {
    .mc-page .mc-team-section .cols3 { gap:18px !important; }
    .mc-page #why .cols3 > div,.mc-page #how .cols3 > div { padding:22px !important; }
    .mc-page #contact .contact-grid > div:last-child { padding:26px !important; }
  }
  @media (min-width:681px) and (max-width:900px) {
    .mc-page #why .cols3 > div { display:grid !important; grid-template-columns:36px minmax(0,1fr) !important; gap:8px 14px !important; }
    .mc-page #why .cols3 > div > div:first-child { grid-column:1 !important; grid-row:1/3 !important; width:36px !important; height:36px !important; margin:0 !important; }
    .mc-page #why .cols3 > div > [data-mc-type="title"] { grid-column:2 !important; margin:4px 0 0 !important; font-size:17px !important; }
    .mc-page #why .cols3 > div > p { grid-column:2 !important; font-size:15px !important; line-height:1.6 !important; }
  }
  @media (max-width:680px) {
    .mc-page > header { min-height:58px !important; padding:10px 20px !important; gap:16px !important; }
    .mc-page > header > img { width:92px !important; height:auto !important; }
    .mc-page > header > nav { gap:10px !important; }
    .mc-page > header > nav > div[data-mc-type="caption"] { width:66px !important; height:32px !important; }
    .mc-page > header > nav > div[data-mc-type="caption"] > :is(a,span) { width:32px !important; font-size:11px !important; }
    .mc-page > header [data-mc="menu-open"] { width:34px !important; height:34px !important; flex-basis:34px !important; }
    .mc-page > header [data-mc="menu-open"] svg { width:16px !important; height:16px !important; }
    .mc-page #reviews .mc-testimonial-copy { padding:12px 14px !important; }
    .mc-page #reviews .mc-testimonials-row { gap:16px !important; }
    .mc-page #reviews .mc-testimonial-card { flex-basis:calc(100% - 28px) !important; width:calc(100% - 28px) !important; max-width:280px !important; }
    .mc-page #reviews .mc-testimonial-copy h3 { font-size:14px !important; }
    .mc-page #reviews .mc-native-review-card { padding:16px !important; min-height:210px !important; }
    .mc-page #reviews .mc-native-review-text { font-size:13px !important; line-height:1.6 !important; }
    .mc-page #bought .mc-purchase-card > div:last-child { padding:10px !important; }
    .mc-page #bought .mc-purchase-card strong { font-size:12px !important; line-height:1.4 !important; }
    .mc-page #bought .mc-purchase-place { font-size:11px !important; line-height:1.45 !important; }
    .mc-page .mc-difference [data-mc-type="lead"] { font-size:20px !important; line-height:1.5 !important; }
    .mc-page .mc-photo-strip .mc-strip-rail { height:240px !important; }
    .mc-page .mc-photo-strip .mc-strip-rail img { height:240px !important; }
    .mc-page #what .mc-situations > div { padding:20px !important; }
    .mc-page #what .mc-situations [data-mc-type="title"] { font-size:17px !important; }
    .mc-page #why .cols3 > div { display:grid !important; grid-template-columns:32px minmax(0,1fr) !important; gap:8px 12px !important; padding:20px !important; }
    .mc-page #why .cols3 > div > div:first-child { grid-column:1 !important; grid-row:1 / 3 !important; width:32px !important; height:32px !important; margin:0 !important; border-radius:9px !important; }
    .mc-page #why .cols3 > div > div:first-child svg { width:18px !important; height:18px !important; }
    .mc-page #why .cols3 > div > [data-mc-type="title"] { grid-column:2 !important; margin:3px 0 0 !important; font-size:16px !important; }
    .mc-page #why .cols3 > div > p { grid-column:2 !important; font-size:14px !important; line-height:1.6 !important; }
    .mc-page #how .cols3 > div { padding:20px !important; }
    .mc-page #how .cols3 > div > div:first-child > span:first-child { width:30px !important; height:30px !important; flex-basis:30px !important; font-size:14px !important; }
    .mc-page #how .cols3 > div > div:first-child > span:last-child { font-size:16px !important; }
    .mc-page #how .cols3 > div > p { font-size:14px !important; line-height:1.6 !important; }
    .mc-page #heritage .cols4 > div { padding:20px !important; }
    .mc-page #heritage .cols4 [data-mc-type="section"] { font-size:24px !important; }
    .mc-page #heritage .cols4 div[data-mc-type="body"] { font-size:15px !important; }
    .mc-page #about > .split > div:first-child > div:has(> .mc-signature-row) { padding:20px !important; }
    .mc-page #about .mc-signature-row [data-mc-type="caption"] { font-size:12px !important; }
    .mc-page .mc-team-section .cols3 [data-mc-type="title"] { font-size:17px !important; }
    .mc-page #area > .split > div:first-child > div [data-mc-type="body"] { font-size:14px !important; line-height:1.5 !important; }
    .mc-page #faq summary { font-size:15px !important; line-height:1.5 !important; padding-block:16px !important; }
    .mc-page #contact .contact-grid > div:last-child { padding:22px !important; }
    .mc-page #contact .contact-grid > div:last-child [data-mc-type="body"] { font-size:14px !important; line-height:1.6 !important; }
    .mc-page .mc-live > div > div:nth-child(2) { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; margin-bottom:0 !important; }
    .mc-page .mc-live > div > div:nth-child(2) > a { padding:12px !important; gap:8px !important; min-height:52px !important; }
    .mc-page .mc-live > div > div:nth-child(2) > a:last-child { grid-column:1/-1 !important; justify-content:center !important; }
    .mc-page .mc-live > div > div:nth-child(2) > a > span:first-child { width:26px !important; height:26px !important; flex-basis:26px !important; border-radius:7px !important; }
    .mc-page .mc-live > div > div:nth-child(2) > a > span:first-child svg { width:15px !important; height:15px !important; }
    .mc-page .mc-live > div > div:nth-child(2) [data-mc-type="body"] { font-size:13px !important; }
    .mc-page .mc-live > div > div:nth-child(2) [data-mc-type="meta"] { display:none !important; }
    .mc-page > footer { padding-block:40px 26px !important; }
    .mc-page > footer .mc-footer-layout { gap:26px 20px !important; }
    .mc-page > footer a[aria-label^="Murcot Auto on"],
    .mc-page #contact a:is([aria-label="Facebook"],[aria-label="Instagram"],[aria-label="TikTok"],[aria-label="YouTube"]) { width:36px !important; height:36px !important; min-height:0 !important; padding:0 !important; flex:0 0 36px !important; }
  }
}