/* ==========================================================
   Damatech.eu — Frekvenční měniče Danfoss — styly kategorií
   Nahrajte jako samostatný CSS soubor do Shoptetu.
   ========================================================== */

/* ---------- 01-frekvencni-menice-ZACATEK.html ---------- */
#dmt-fm-wrap { --ink:#26292C; --muted:#6B7280; --paper:#ffffff; --tint:#F3F6F7; --accent:#35586E; --line:#E5E7E8; --radius:8px; }
  #dmt-fm-wrap { color:var(--ink); line-height:1.65; }
  #dmt-fm-wrap *, #dmt-fm-wrap *::before, #dmt-fm-wrap *::after { box-sizing:border-box; }
  #dmt-fm-wrap a { text-decoration:none; color:inherit; }
  #dmt-fm-wrap h1, #dmt-fm-wrap h2, #dmt-fm-wrap h3 { font-weight:600; margin:0; letter-spacing:-.01em; }
  #dmt-fm-wrap .fm-label { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:11.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }

  #dmt-fm-wrap .fm-hero { padding:6px 0 34px; border-bottom:1px solid var(--line); margin-bottom:36px; }
  #dmt-fm-wrap .fm-hero h1 { font-size:clamp(26px,3.4vw,34px); margin:8px 0 16px; }
  #dmt-fm-wrap .fm-hero p { font-size:15.5px; color:var(--muted); max-width:600px; margin:0 0 18px; }
  #dmt-fm-wrap .fm-facts { display:flex; flex-wrap:wrap; gap:6px 0; font-size:13px; color:var(--muted); }
  #dmt-fm-wrap .fm-facts span:not(:last-child)::after { content:"·"; margin:0 10px; color:var(--line); }
  #dmt-fm-wrap .fm-facts strong { color:var(--ink); font-weight:600; }

  #dmt-fm-wrap .fm-section { margin:44px 0; }
  #dmt-fm-wrap .fm-section > .fm-label { display:block; margin-bottom:8px; }
  #dmt-fm-wrap .fm-section h2 { font-size:21px; margin-bottom:6px; }
  #dmt-fm-wrap .fm-section-sub { font-size:14px; color:var(--muted); max-width:560px; margin:0 0 26px; }

  #dmt-fm-wrap .fm-rows { border-top:1px solid var(--line); }
  #dmt-fm-wrap .fm-row { display:grid; grid-template-columns:180px 1fr auto; gap:24px; align-items:center; padding:22px 4px; border-bottom:1px solid var(--line); transition:background .12s ease; }
  #dmt-fm-wrap .fm-row:hover { background:var(--tint); }
  #dmt-fm-wrap .fm-row h3 { font-size:16.5px; }
  #dmt-fm-wrap .fm-row .fm-row-desc { font-size:13.5px; color:var(--muted); max-width:480px; }
  #dmt-fm-wrap .fm-row .fm-row-spec { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:11.5px; color:var(--muted); margin-top:6px; display:block; }
  #dmt-fm-wrap .fm-row .fm-arrow { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:13px; color:var(--accent); white-space:nowrap; }
  #dmt-fm-wrap .fm-row .fm-arrow svg { width:13px; height:13px; vertical-align:-2px; margin-left:4px; transition:transform .12s ease; }
  #dmt-fm-wrap .fm-row:hover .fm-arrow svg { transform:translateX(3px); }

  #dmt-fm-wrap .fm-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
  #dmt-fm-wrap .fm-benefit .fm-b-num { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:12px; color:var(--muted); display:block; margin-bottom:8px; }
  #dmt-fm-wrap .fm-benefit h3 { font-size:15px; margin-bottom:8px; }
  #dmt-fm-wrap .fm-benefit p { font-size:13.5px; color:var(--muted); margin:0; }

  @media (max-width:760px){
    #dmt-fm-wrap .fm-row { grid-template-columns:1fr; gap:6px; }
    #dmt-fm-wrap .fm-benefits { grid-template-columns:1fr; gap:22px; }
  }

/* ---------- 02-frekvencni-menice-KONEC.html ---------- */
#dmt-fm-foot { --ink:#26292C; --muted:#6B7280; --paper:#ffffff; --tint:#F3F6F7; --accent:#35586E; --line:#E5E7E8; --radius:8px; }
  #dmt-fm-foot { color:var(--ink); line-height:1.65; }
  #dmt-fm-foot *, #dmt-fm-foot *::before, #dmt-fm-foot *::after { box-sizing:border-box; }
  #dmt-fm-foot a { color:var(--accent); text-decoration:none; border-bottom:1px solid var(--line); }
  #dmt-fm-foot a:hover { border-bottom-color:var(--accent); }
  #dmt-fm-foot .fm-label { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:11.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:8px; }
  #dmt-fm-foot h2 { font-weight:600; font-size:21px; margin:0 0 22px; letter-spacing:-.01em; }
  #dmt-fm-foot .fm-section { margin:48px 0; max-width:100%; }

  #dmt-fm-foot .fm-steps { border-top:1px solid var(--line); }
  #dmt-fm-foot .fm-step { display:grid; grid-template-columns:44px 1fr; gap:18px; padding:20px 0; border-bottom:1px solid var(--line); }
  #dmt-fm-foot .fm-step-num { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:14px; color:var(--muted); }
  #dmt-fm-foot .fm-step h3 { font-size:15.5px; margin:0 0 6px; font-weight:600; }
  #dmt-fm-foot .fm-step p { font-size:13.5px; color:var(--muted); margin:0; }

  #dmt-fm-foot .fm-tool { background:var(--tint); border-radius:var(--radius); padding:22px 24px; margin:26px 0 0; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
  #dmt-fm-foot .fm-tool svg { width:26px; height:26px; stroke:var(--accent); flex:none; }
  #dmt-fm-foot .fm-tool h3 { font-size:15px; margin:0 0 4px; font-weight:600; }
  #dmt-fm-foot .fm-tool p { font-size:13px; color:var(--muted); margin:0; }
  #dmt-fm-foot .fm-tool-text { flex:1; min-width:220px; }
  #dmt-fm-foot .fm-tool a { white-space:nowrap; }

  #dmt-fm-foot .fm-faq-item { border-bottom:1px solid var(--line); }
  #dmt-fm-foot details { padding:15px 0; }
  #dmt-fm-foot summary { font-weight:600; font-size:15px; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px; }
  #dmt-fm-foot summary::-webkit-details-marker { display:none; }
  #dmt-fm-foot summary::after { content:"+"; font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:18px; color:var(--muted); flex:none; }
  #dmt-fm-foot details[open] summary::after { content:"–"; }
  #dmt-fm-foot details p { font-size:13.5px; color:var(--muted); margin:10px 0 0; padding-right:26px; border-bottom:none; }

  #dmt-fm-foot .fm-related { display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
  #dmt-fm-foot .fm-related a { border:1px solid var(--line); border-radius:999px; padding:7px 15px; font-size:12.5px; font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; color:var(--ink); }
  #dmt-fm-foot .fm-related a:hover { border-color:var(--accent); color:var(--accent); }

  @media (max-width:560px){ #dmt-fm-foot .fm-tool { flex-direction:column; align-items:flex-start; } }

/* ---------- 03-vlt-hvac.html ---------- */
#dmt-sub-hvac { --ink:#26292C; --muted:#6B7280; --paper:#ffffff; --tint:#F3F6F7; --accent:#35586E; --line:#E5E7E8; --radius:8px; }
  #dmt-sub-hvac { color:var(--ink); line-height:1.65; }
  #dmt-sub-hvac *, #dmt-sub-hvac *::before, #dmt-sub-hvac *::after { box-sizing:border-box; }
  #dmt-sub-hvac a { text-decoration:none; color:inherit; }
  #dmt-sub-hvac h1, #dmt-sub-hvac h2, #dmt-sub-hvac h3 { font-weight:600; margin:0; letter-spacing:-.01em; }
  #dmt-sub-hvac .fm-label { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:11.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }

  #dmt-sub-hvac .fm-crumb { display:flex; gap:8px; align-items:center; font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:12px; color:var(--muted); margin-bottom:20px; }
  #dmt-sub-hvac .fm-crumb a { border-bottom:1px solid var(--line); }
  #dmt-sub-hvac .fm-crumb a:hover { color:var(--accent); border-color:var(--accent); }

  #dmt-sub-hvac .fm-hero { display:grid; grid-template-columns:1.3fr 1fr; gap:32px; align-items:center; padding-bottom:30px; border-bottom:1px solid var(--line); margin-bottom:30px; }
  #dmt-sub-hvac .fm-hero h1 { font-size:clamp(24px,3vw,30px); margin:8px 0 12px; }
  #dmt-sub-hvac .fm-hero p { font-size:14.5px; color:var(--muted); margin:0 0 16px; max-width:460px; }
  #dmt-sub-hvac .fm-hero-img { border-radius:var(--radius); overflow:hidden; background:var(--tint); aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; }
  #dmt-sub-hvac .fm-hero-img img { width:100%; height:100%; object-fit:cover; display:block; }
  #dmt-sub-hvac .fm-hero-img .fm-img-note { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:11px; color:var(--muted); text-align:center; padding:10px; }

  #dmt-sub-hvac .fm-facts { display:flex; flex-wrap:wrap; gap:6px 0; font-size:13px; color:var(--muted); }
  #dmt-sub-hvac .fm-facts span:not(:last-child)::after { content:"·"; margin:0 10px; color:var(--line); }
  #dmt-sub-hvac .fm-facts strong { color:var(--ink); font-weight:600; }

  #dmt-sub-hvac .fm-features { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin:30px 0; }
  #dmt-sub-hvac .fm-feature .fm-f-num { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:12px; color:var(--muted); display:block; margin-bottom:8px; }
  #dmt-sub-hvac .fm-feature h3 { font-size:15px; margin-bottom:8px; }
  #dmt-sub-hvac .fm-feature p { font-size:13px; color:var(--muted); margin:0; }

  #dmt-sub-hvac .fm-siblings { display:flex; gap:8px; flex-wrap:wrap; margin-top:30px; }
  #dmt-sub-hvac .fm-siblings a { border:1px solid var(--line); border-radius:999px; padding:7px 15px; font-size:12.5px; font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; }
  #dmt-sub-hvac .fm-siblings a:hover { border-color:var(--accent); color:var(--accent); }

  @media (max-width:760px){
    #dmt-sub-hvac .fm-hero { grid-template-columns:1fr; }
    #dmt-sub-hvac .fm-features { grid-template-columns:1fr; }
  }

/* ---------- 04-ic2-micro.html ---------- */
#dmt-sub-ic2m { --ink:#26292C; --muted:#6B7280; --paper:#ffffff; --tint:#F3F6F7; --accent:#35586E; --line:#E5E7E8; --radius:8px; }
  #dmt-sub-ic2m { color:var(--ink); line-height:1.65; }
  #dmt-sub-ic2m *, #dmt-sub-ic2m *::before, #dmt-sub-ic2m *::after { box-sizing:border-box; }
  #dmt-sub-ic2m a { text-decoration:none; color:inherit; }
  #dmt-sub-ic2m h1, #dmt-sub-ic2m h2, #dmt-sub-ic2m h3 { font-weight:600; margin:0; letter-spacing:-.01em; }
  #dmt-sub-ic2m .fm-label { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:11.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }

  #dmt-sub-ic2m .fm-crumb { display:flex; gap:8px; align-items:center; font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:12px; color:var(--muted); margin-bottom:20px; }
  #dmt-sub-ic2m .fm-crumb a { border-bottom:1px solid var(--line); }
  #dmt-sub-ic2m .fm-crumb a:hover { color:var(--accent); border-color:var(--accent); }

  #dmt-sub-ic2m .fm-hero { display:grid; grid-template-columns:1.3fr 1fr; gap:32px; align-items:center; padding-bottom:30px; border-bottom:1px solid var(--line); margin-bottom:30px; }
  #dmt-sub-ic2m .fm-hero h1 { font-size:clamp(24px,3vw,30px); margin:8px 0 12px; }
  #dmt-sub-ic2m .fm-hero p { font-size:14.5px; color:var(--muted); margin:0 0 16px; max-width:460px; }
  #dmt-sub-ic2m .fm-hero-img { border-radius:var(--radius); overflow:hidden; background:var(--tint); aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; }
  #dmt-sub-ic2m .fm-hero-img img { width:100%; height:100%; object-fit:cover; display:block; }
  #dmt-sub-ic2m .fm-hero-img .fm-img-note { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:11px; color:var(--muted); text-align:center; padding:10px; }

  #dmt-sub-ic2m .fm-facts { display:flex; flex-wrap:wrap; gap:6px 0; font-size:13px; color:var(--muted); }
  #dmt-sub-ic2m .fm-facts span:not(:last-child)::after { content:"·"; margin:0 10px; color:var(--line); }
  #dmt-sub-ic2m .fm-facts strong { color:var(--ink); font-weight:600; }

  #dmt-sub-ic2m .fm-features { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin:30px 0; }
  #dmt-sub-ic2m .fm-feature .fm-f-num { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:12px; color:var(--muted); display:block; margin-bottom:8px; }
  #dmt-sub-ic2m .fm-feature h3 { font-size:15px; margin-bottom:8px; }
  #dmt-sub-ic2m .fm-feature p { font-size:13px; color:var(--muted); margin:0; }

  #dmt-sub-ic2m .fm-siblings { display:flex; gap:8px; flex-wrap:wrap; margin-top:30px; }
  #dmt-sub-ic2m .fm-siblings a { border:1px solid var(--line); border-radius:999px; padding:7px 15px; font-size:12.5px; font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; }
  #dmt-sub-ic2m .fm-siblings a:hover { border-color:var(--accent); color:var(--accent); }

  @media (max-width:760px){
    #dmt-sub-ic2m .fm-hero { grid-template-columns:1fr; }
    #dmt-sub-ic2m .fm-features { grid-template-columns:1fr; }
  }

/* ---------- 05-ic7.html ---------- */
#dmt-sub-ic7 { --ink:#26292C; --muted:#6B7280; --paper:#ffffff; --tint:#F3F6F7; --accent:#35586E; --line:#E5E7E8; --radius:8px; }
  #dmt-sub-ic7 { color:var(--ink); line-height:1.65; }
  #dmt-sub-ic7 *, #dmt-sub-ic7 *::before, #dmt-sub-ic7 *::after { box-sizing:border-box; }
  #dmt-sub-ic7 a { text-decoration:none; color:inherit; }
  #dmt-sub-ic7 h1, #dmt-sub-ic7 h2, #dmt-sub-ic7 h3 { font-weight:600; margin:0; letter-spacing:-.01em; }
  #dmt-sub-ic7 .fm-label { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:11.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }

  #dmt-sub-ic7 .fm-crumb { display:flex; gap:8px; align-items:center; font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:12px; color:var(--muted); margin-bottom:20px; }
  #dmt-sub-ic7 .fm-crumb a { border-bottom:1px solid var(--line); }
  #dmt-sub-ic7 .fm-crumb a:hover { color:var(--accent); border-color:var(--accent); }

  #dmt-sub-ic7 .fm-hero { display:grid; grid-template-columns:1.3fr 1fr; gap:32px; align-items:center; padding-bottom:30px; border-bottom:1px solid var(--line); margin-bottom:30px; }
  #dmt-sub-ic7 .fm-hero h1 { font-size:clamp(24px,3vw,30px); margin:8px 0 12px; }
  #dmt-sub-ic7 .fm-hero p { font-size:14.5px; color:var(--muted); margin:0 0 16px; max-width:460px; }
  #dmt-sub-ic7 .fm-hero-img { border-radius:var(--radius); overflow:hidden; background:var(--tint); aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; }
  #dmt-sub-ic7 .fm-hero-img img { width:100%; height:100%; object-fit:cover; display:block; }
  #dmt-sub-ic7 .fm-hero-img .fm-img-note { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:11px; color:var(--muted); text-align:center; padding:10px; }

  #dmt-sub-ic7 .fm-facts { display:flex; flex-wrap:wrap; gap:6px 0; font-size:13px; color:var(--muted); }
  #dmt-sub-ic7 .fm-facts span:not(:last-child)::after { content:"·"; margin:0 10px; color:var(--line); }
  #dmt-sub-ic7 .fm-facts strong { color:var(--ink); font-weight:600; }

  #dmt-sub-ic7 .fm-config { margin:30px 0; }
  #dmt-sub-ic7 .fm-config h2 { font-size:19px; margin-bottom:16px; }
  #dmt-sub-ic7 .fm-config-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
  #dmt-sub-ic7 .fm-config-item { padding:16px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
  #dmt-sub-ic7 .fm-config-item .fm-c-label { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); }
  #dmt-sub-ic7 .fm-config-item h3 { font-size:14px; margin:6px 0 6px; font-weight:600; }
  #dmt-sub-ic7 .fm-config-item p { font-size:12.5px; color:var(--muted); margin:0; }

  #dmt-sub-ic7 .fm-siblings { display:flex; gap:8px; flex-wrap:wrap; margin-top:30px; }
  #dmt-sub-ic7 .fm-siblings a { border:1px solid var(--line); border-radius:999px; padding:7px 15px; font-size:12.5px; font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; color:var(--ink); }
  #dmt-sub-ic7 .fm-siblings a:hover { border-color:var(--accent); color:var(--accent); }

  @media (max-width:760px){
    #dmt-sub-ic7 .fm-hero { grid-template-columns:1fr; }
    #dmt-sub-ic7 .fm-config-grid { grid-template-columns:1fr 1fr; }
  }
  @media (max-width:480px){
    #dmt-sub-ic7 .fm-config-grid { grid-template-columns:1fr; }
  }

/* ---------- 06-prislusenstvi.html ---------- */
#dmt-sub-acc { --ink:#26292C; --muted:#6B7280; --paper:#ffffff; --tint:#F3F6F7; --accent:#35586E; --line:#E5E7E8; --radius:8px; }
  #dmt-sub-acc { color:var(--ink); line-height:1.65; }
  #dmt-sub-acc *, #dmt-sub-acc *::before, #dmt-sub-acc *::after { box-sizing:border-box; }
  #dmt-sub-acc a { text-decoration:none; color:inherit; }
  #dmt-sub-acc h1, #dmt-sub-acc h2, #dmt-sub-acc h3 { font-weight:600; margin:0; letter-spacing:-.01em; }
  #dmt-sub-acc .fm-label { font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:11.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }

  #dmt-sub-acc .fm-crumb { display:flex; gap:8px; align-items:center; font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; font-size:12px; color:var(--muted); margin-bottom:20px; }
  #dmt-sub-acc .fm-crumb a { border-bottom:1px solid var(--line); }
  #dmt-sub-acc .fm-crumb a:hover { color:var(--accent); border-color:var(--accent); }

  #dmt-sub-acc .fm-hero { padding-bottom:28px; border-bottom:1px solid var(--line); margin-bottom:30px; }
  #dmt-sub-acc .fm-hero h1 { font-size:clamp(24px,3vw,30px); margin:8px 0 12px; }
  #dmt-sub-acc .fm-hero p { font-size:14.5px; color:var(--muted); margin:0; max-width:600px; }

  #dmt-sub-acc .fm-cat-rows { border-top:1px solid var(--line); }
  #dmt-sub-acc .fm-cat-row { display:grid; grid-template-columns:200px 1fr; gap:20px; padding:20px 4px; border-bottom:1px solid var(--line); }
  #dmt-sub-acc .fm-cat-row h3 { font-size:15.5px; }
  #dmt-sub-acc .fm-cat-row p { font-size:13.5px; color:var(--muted); margin:0; }

  #dmt-sub-acc .fm-siblings { display:flex; gap:8px; flex-wrap:wrap; margin-top:28px; }
  #dmt-sub-acc .fm-siblings a { border:1px solid var(--line); border-radius:999px; padding:7px 15px; font-size:12.5px; font-family:ui-monospace,'SFMono-Regular','Consolas','Menlo',monospace; }
  #dmt-sub-acc .fm-siblings a:hover { border-color:var(--accent); color:var(--accent); }

  @media (max-width:600px){ #dmt-sub-acc .fm-cat-row { grid-template-columns:1fr; gap:4px; } }