/* Versotrade – rozvržení nových stránek (stroje, spotřební materiál, aktuality, servis, kontakty, úvod) */
.vt-page{ background:#fff; }
.vt-page #header .head_nav ul li.vt-active a::after{ transform:scaleX(1); }
.vt-wrap{ max-width:1200px; margin:0 auto; padding:30px 20px 60px; box-sizing:border-box; }
.vt-wrap:after, .vt-layout:after{ content:""; display:table; clear:both; }
.vt-h1{ font-family:var(--vt-head); font-weight:700; font-size:32px; line-height:1.2; color:var(--vt-heading); margin:0 0 14px; letter-spacing:-.01em; }
.vt-h2{ font-family:var(--vt-head); font-weight:600; font-size:28px; color:var(--vt-heading); margin:10px 0 24px; }
.vt-center{ text-align:center; }
.vt-lead{ font-size:16px; line-height:1.7; color:var(--vt-text); max-width:860px; margin:0 0 28px; }
.vt-sep{ color:#bbb; padding:0 4px; }
.location h4 span{ color:#555; }

/* mřížka karet */
.vt-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:24px; }
.vt-grid-cats{ grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }
.vt-grid-3{ grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); }
.vt-grid-4{ grid-template-columns:repeat(4,1fr); }
.vt-card{ display:flex; flex-direction:column; background:#fff; box-shadow:var(--vt-shadow); color:var(--vt-heading); text-decoration:none; transition:box-shadow .25s, transform .25s; overflow:hidden; }
.vt-card:hover{ box-shadow:var(--vt-shadow-hover); transform:translateY(-4px); }
.vt-card-img{ aspect-ratio:4/3; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; border-bottom:1px solid var(--vt-line); }
.vt-card-img img{ max-width:88%; max-height:88%; object-fit:contain; transition:transform .35s; }
.vt-news .vt-card-img img{ max-width:100%; max-height:none; width:100%; height:100%; object-fit:cover; }
.vt-card:hover .vt-card-img img{ transform:scale(1.04); }
.vt-noimg{ width:60px; height:60px; border-radius:50%; background:var(--vt-light); }
.vt-card-body{ padding:16px 18px 18px; flex:1; display:flex; flex-direction:column; gap:6px; }
.vt-card-title{ font-family:var(--vt-head); font-weight:700; font-size:15px; line-height:1.35; color:var(--vt-heading); }
.vt-card:hover .vt-card-title{ color:var(--vt-red); }
.vt-card-sub{ font-size:13px; color:#888; }
.vt-card-text{ font-size:14px; line-height:1.55; color:var(--vt-text); }
.vt-date{ font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--vt-red); }
.vt-more{ margin-top:auto; font-family:var(--vt-head); font-weight:600; font-size:13px; color:var(--vt-red); }

/* rozvržení s bočním menu */
.vt-layout{ display:grid; grid-template-columns:260px 1fr; gap:36px; align-items:start; }
.vt-layout-r{ grid-template-columns:1fr 300px; }
.vt-side{ background:var(--vt-light); padding:18px 0; position:sticky; top:20px; }
.vt-side-title{ font-family:var(--vt-head); font-weight:700; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--vt-heading); padding:0 20px 12px; border-bottom:3px solid var(--vt-red); margin:0 20px 8px; padding-left:0; }
.vt-side ul{ list-style:none; margin:0; padding:0; }
.vt-side li a{ display:block; padding:8px 20px; font-size:14px; color:#444; text-decoration:none; border-left:3px solid transparent; line-height:1.35; }
.vt-side li a:hover{ color:var(--vt-red); background:#fff; }
.vt-side li.vt-current a{ border-left-color:var(--vt-red); color:var(--vt-heading); font-weight:600; background:#fff; }
.vt-side li.vt-side-sub a{ padding-left:36px; font-size:13px; color:#666; }
.vt-side-news li a{ font-size:13px; }
.vt-side-news .vt-date{ display:block; font-size:11px; margin-bottom:2px; }
.vt-chips{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.vt-chips a{ padding:7px 14px; background:var(--vt-light); border-radius:20px; font-size:13px; color:#333; text-decoration:none; }
.vt-chips a:hover{ background:var(--vt-red); color:#fff; }

/* detail stroje */
.vt-detail{ max-width:1200px; width:auto !important; padding:10px 20px 40px; box-sizing:border-box; }
.vt-detail .details_left{ width:42%; padding-right:4%; box-sizing:border-box; }
.vt-detail .details_right{ width:58%; float:left; margin-top:37px; }
.vt-detail .details_left_topimg{ padding:20px; box-sizing:border-box; }
.vt-detail .details_left_topimg img{ width:100%; max-height:460px; object-fit:contain; }
.vt-thumbs{ width:auto !important; display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding:0 12px 16px !important; }
.vt-thumbs .details_left_bottomimg_xiao, .vt-thumbs .details_left_bottomimg_xiao_hover{ float:none; margin:0 !important; width:64px; height:64px; display:flex; align-items:center; justify-content:center; background:#fff; }
.vt-thumbs img{ max-width:100%; max-height:100%; object-fit:contain; }
.vt-detail h1.details_right_title{ margin:0 0 12px; }
.vt-subtitle{ font-family:var(--vt-head); font-weight:600; font-size:17px; color:#444; margin:6px 0 14px; }
.vt-rich{ font-size:15px; line-height:1.7; color:#555; }
.vt-rich p{ margin:0 0 12px; }
.vt-rich h3, .vt-rich h4, .vt-rich h5{ font-family:var(--vt-head); color:var(--vt-heading); font-weight:600; margin:18px 0 8px; }
.vt-rich h3{ font-size:19px; } .vt-rich h4{ font-size:16px; } .vt-rich h5{ font-size:15px; }
.vt-rich ul, .vt-rich ol{ padding-left:22px; margin:0 0 12px; }
.vt-rich ul{ list-style:disc; } .vt-rich ol{ list-style:decimal; }
.vt-rich li{ display:list-item; }
.vt-rich li{ margin:3px 0; }
.vt-rich ul li::marker{ color:var(--vt-red); }
.vt-rich img{ max-width:100%; height:auto; display:block; margin:10px auto; }
.vt-rich table{ width:100% !important; border-collapse:collapse; margin:10px 0 16px; font-size:14px; height:auto !important; }
.vt-rich td, .vt-rich th{ border:1px solid var(--vt-line); padding:7px 10px; text-align:left; vertical-align:top; width:auto !important; height:auto !important; }
.vt-rich tr:nth-child(even) td{ background:var(--vt-light); }
.vt-rich tr:first-child td{ font-weight:600; color:var(--vt-heading); }
.vt-rich a{ color:var(--vt-red); }
.vt-rich{ overflow-x:auto; }
.details_right .details_right_text{ margin-bottom:10px; }
.vt-gallery{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:8px; padding:14px 0; }
.vt-gallery a{ aspect-ratio:1; background:#fff; border:1px solid var(--vt-line); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.vt-gallery img{ max-width:100%; max-height:100%; object-fit:contain; }
.vt-video{ position:relative; padding-top:56.25%; margin:14px 0; background:#000; }
.vt-video iframe, .vt-video video{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.vt-ask{ margin-top:22px; background:var(--vt-light); padding:18px 20px; border-left:4px solid var(--vt-red); }
.vt-ask p{ margin:0 0 12px; font-size:14px; color:#555; line-height:1.5; }
.vt-btn{ display:inline-block; background:var(--vt-red); color:#fff !important; font-family:var(--vt-head); font-weight:600; font-size:14px; letter-spacing:.04em; text-transform:uppercase; padding:12px 22px; border-radius:3px; text-decoration:none; transition:background .2s; }
.vt-btn:hover{ background:var(--vt-red-dark); }
.vt-related{ clear:both; padding-top:40px; }
.vt-cta{ text-align:center; margin-top:30px; }

/* článek */
.vt-article .vt-date{ margin:-4px 0 18px; }
.vt-article .vt-rich img{ margin:18px 0; }
.vt-back{ color:var(--vt-red); font-weight:600; text-decoration:none; }

/* obsahové stránky (servis, stěhování) */
.vt-blocks{ display:grid; grid-template-columns:1fr 1fr; gap:30px 40px; align-items:center; }
.vt-block-img img{ width:100%; height:auto; display:block; box-shadow:var(--vt-shadow); }
.vt-blocks .vt-rich:first-child{ grid-column:1 / -1; font-size:17px; }

/* kontakty */
.vt-contact-grid{ display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:24px; margin-bottom:40px; }
.vt-contact-box{ background:var(--vt-light); padding:22px 24px; font-size:15px; line-height:1.7; color:#555; }
.vt-contact-box h3{ font-family:var(--vt-head); font-weight:700; color:var(--vt-heading); font-size:16px; margin:0 0 8px; }
.vt-contact-box a{ color:var(--vt-red); text-decoration:none; }
.vt-map{ padding:0; min-height:260px; }
.vt-map iframe{ width:100%; height:100%; min-height:260px; border:0; display:block; }
.vt-people{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:26px; }
.vt-person{ background:#fff; box-shadow:var(--vt-shadow); text-align:center; padding-bottom:18px; }
.vt-person-img{ aspect-ratio:1; overflow:hidden; background:var(--vt-light); margin-bottom:14px; }
.vt-person-img img{ width:100%; height:100%; object-fit:cover; }
.vt-person-name{ font-family:var(--vt-head); font-weight:700; font-size:16px; color:var(--vt-heading); }
.vt-person-role{ font-size:13px; color:#888; margin:4px 12px 10px; min-height:18px; }
.vt-person-c{ font-size:14px; line-height:1.7; }
.vt-person-c a{ color:#444; text-decoration:none; }
.vt-person-c a:hover{ color:var(--vt-red); }

/* úvod */
.vt-slider{ position:relative; height:520px; overflow:hidden; background:#222; }
.vt-slide{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity .9s; display:flex; align-items:center; text-decoration:none; }
.vt-slide::before{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.1)); }
.vt-slide.vt-on{ opacity:1; z-index:1; }
.vt-slide-t{ position:relative; max-width:1200px; width:100%; margin:0 auto; padding:0 40px; box-sizing:border-box; font-family:var(--vt-head); font-weight:700; font-size:46px; line-height:1.15; color:#fff; letter-spacing:.01em; text-shadow:0 2px 20px rgba(0,0,0,.3); }
.vt-slide-t::after{ content:""; display:block; width:70px; height:4px; background:var(--vt-red); margin-top:20px; }
.vt-dots{ position:absolute; bottom:22px; left:0; right:0; text-align:center; z-index:2; }
.vt-dots button{ width:12px; height:12px; border-radius:50%; border:0; background:rgba(255,255,255,.5); margin:0 5px; padding:0; cursor:pointer; }
.vt-dots button.vt-on{ background:#fff; }
.vt-sec{ padding:20px 0; background:#fff; }
.vt-sec-light{ background:var(--vt-light); }
.vt-two{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.vt-teaser{ position:relative; min-height:300px; background-size:cover; background-position:center; display:flex; flex-direction:column; justify-content:flex-end; padding:26px; text-decoration:none; overflow:hidden; }
.vt-teaser::before{ content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.8) 20%,rgba(0,0,0,.15)); transition:background .3s; }
.vt-teaser:hover::before{ background:linear-gradient(0deg,rgba(0,0,0,.85) 30%,rgba(204,53,53,.35)); }
.vt-teaser > *{ position:relative; }
.vt-teaser-t{ font-family:var(--vt-head); font-weight:700; font-size:24px; color:#fff; margin-bottom:8px; }
.vt-teaser-p{ color:#ddd; font-size:14px; line-height:1.5; margin-bottom:16px; }
.vt-teaser .vt-btn{ align-self:flex-start; }
.vt-why{ display:grid; grid-template-columns:repeat(6,1fr); gap:20px; margin-top:34px; text-align:center; }
.vt-why-item img{ width:90px; height:auto; display:block; margin:0 auto 12px; }
.vt-why-item div{ font-family:var(--vt-head); font-weight:600; font-size:13px; color:var(--vt-heading); line-height:1.4; }
.vt-brands{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:30px 50px; }
.vt-brands img{ max-height:70px; max-width:190px; filter:grayscale(1); opacity:.7; transition:filter .25s, opacity .25s; }
.vt-brands img:hover{ filter:none; opacity:1; }
.vt-copy{ font-size:12px; color:#8a8a8a !important; padding-top:10px; border-top:1px solid #333; margin-top:20px; }
.vt-footer-links a{ display:block; }
.vt-footer-links a div{ padding:3px 0; }

@media screen and (max-width:1024px){
  .vt-grid-4{ grid-template-columns:repeat(2,1fr); }
  .vt-two{ grid-template-columns:1fr; }
  .vt-why{ grid-template-columns:repeat(3,1fr); }
  .vt-contact-grid{ grid-template-columns:1fr 1fr; }
  .vt-map{ grid-column:1 / -1; }
}
@media screen and (max-width:850px){
  .vt-layout, .vt-layout-r{ grid-template-columns:1fr; }
  .vt-side{ position:static; order:2; }
  .vt-detail .details_left, .vt-detail .details_right{ width:100%; float:none; padding-right:0; }
  .vt-detail .details_right{ margin-top:20px; }
  .vt-blocks{ grid-template-columns:1fr; }
  .vt-slider{ height:340px; }
  .vt-slide-t{ font-size:28px; padding:0 22px; }
  .vt-h1{ font-size:24px; }
  .vt-h2{ font-size:22px; }
}
@media screen and (max-width:560px){
  .vt-grid, .vt-grid-cats, .vt-grid-3{ grid-template-columns:1fr 1fr; gap:12px; }
  .vt-grid-3{ grid-template-columns:1fr; }
  .vt-card-body{ padding:10px 12px 12px; }
  .vt-card-title{ font-size:13px; }
  .vt-why{ grid-template-columns:repeat(2,1fr); }
  .vt-contact-grid{ grid-template-columns:1fr; }
  .vt-wrap{ padding:20px 14px 40px; }
}

/* --- úpravy 28. 9. 2026: pravidelná mřížka aktualit, boční rozcestník u strojů, galerie v článcích --- */
.vt-grid-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.vt-grid-cats3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.vt-grid-3 .vt-card-title{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em; }
.vt-grid-3 .vt-card-text{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:4.65em; }
.vt-news .vt-card-img{ aspect-ratio:16/10; }
.vt-noimg-logo{ width:100%; height:100%; background:#212121; display:flex; align-items:center; justify-content:center; }
.vt-noimg-logo img{ width:38% !important; height:auto !important; object-fit:contain !important; max-width:none; }
.vt-layout-detail{ padding-top:20px; }
.vt-layout-detail .vt-detail{ padding:0 0 30px; width:auto !important; }
.vt-layout-detail .vt-detail .details_left{ width:44%; }
.vt-layout-detail .vt-detail .details_right{ width:56%; margin-top:0; }
.vt-layout-detail .vt-grid-4{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.vt-article .vt-rich img{ max-height:560px; width:auto; }
.vt-post-gallery{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0 20px; }
.vt-post-gallery a{ display:block; aspect-ratio:4/3; overflow:hidden; background:var(--vt-light); }
.vt-post-gallery img{ width:100% !important; height:100% !important; max-height:none !important; object-fit:cover; margin:0 !important; transition:transform .3s; }
.vt-post-gallery a:hover img{ transform:scale(1.05); }
.vt-ask-wide{ max-width:none; margin-top:10px; }
@media screen and (max-width:1100px){
  .vt-grid-cats3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vt-layout-detail .vt-detail .details_left, .vt-layout-detail .vt-detail .details_right{ width:100%; float:none; padding-right:0; }
  .vt-layout-detail .vt-detail .details_right{ margin-top:20px; }
}
@media screen and (max-width:1024px){ .vt-grid-3{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media screen and (max-width:850px){
  .vt-layout-detail .vt-side{ margin-top:10px; }
  .vt-layout-detail .vt-grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media screen and (max-width:560px){
  .vt-grid-3{ grid-template-columns:1fr; }
  .vt-grid-cats3{ grid-template-columns:1fr 1fr; gap:12px; }
  .vt-post-gallery{ grid-template-columns:1fr 1fr; }
}

/* --- karta produktu podle versotrade.com (29. 9. 2026) --- */
.vt-phero{ background:linear-gradient(rgba(2,3,3,.86),rgba(2,3,3,.84)), #2b2d2f; padding:54px 20px; text-align:center; }
.vt-phero-in{ max-width:1200px; margin:0 auto; }
.vt-phero h1{ font-family:var(--vt-head); font-weight:600; font-size:40px; line-height:1.2; color:#fff; margin:0; letter-spacing:-.01em; }
.vt-product{ min-width:0; }
.vt-pintro{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; align-items:start; margin:6px 0 36px; }
.vt-pmain{ display:flex; align-items:center; justify-content:center; background:#fff; box-shadow:var(--vt-shadow); padding:22px; aspect-ratio:4/3; }
.vt-pmain img{ max-width:100%; max-height:100%; object-fit:contain; }
.vt-pthumbs{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.vt-pthumb{ width:64px; height:64px; padding:3px; background:#fff; border:1px solid var(--vt-line); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.vt-pthumb img{ max-width:100%; max-height:100%; object-fit:contain; }
.vt-pthumb.vt-on, .vt-pthumb:hover{ border-color:var(--vt-red); }
.vt-psub{ font-family:var(--vt-head); font-weight:500; font-size:28px; line-height:1.25; color:#333; margin:0 0 18px; }
.vt-ptext .vt-ask{ margin-top:20px; }
.vt-tabs{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:10px 0 34px; }
.vt-tabs-1{ grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,1fr)); }
.vt-tabs-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.vt-tabs-2{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.vt-pintro-noimg{ grid-template-columns:1fr; }
.vt-pintro-noimg .vt-ask{ max-width:560px; }
.vt-tab{ --tb:#fff; position:relative; overflow:hidden; z-index:0; background:#fff; border:1px solid #e4ecf9; border-radius:4px; padding:22px 16px 20px; cursor:pointer;
  display:flex; flex-direction:column; align-items:center; gap:14px; font-family:var(--vt-head); font-weight:700; font-size:17px; letter-spacing:.01em; text-transform:uppercase; color:#202426; transition:color .3s; }
.vt-tab::before{ content:""; position:absolute; right:0; bottom:0; width:25px; height:25px; background:var(--vt-red); opacity:.1; z-index:-1; transition:all .3s; }
.vt-tab svg{ width:52px; height:52px; color:var(--vt-red); transition:color .3s; }
.vt-tab .vt-ic-bg{ fill:var(--tb); transition:fill .3s; }
.vt-tab:hover::before{ width:40px; height:40px; opacity:.18; }
.vt-tab.vt-on{ --tb:var(--vt-red); color:#fff; border-color:var(--vt-red); }
.vt-tab.vt-on::before{ width:100%; height:100%; opacity:1; }
.vt-tab.vt-on svg{ color:#fff; }
.vt-pane{ display:none; }
.vt-pane.vt-on{ display:block; animation:vtfade .3s; }
@keyframes vtfade{ from{ opacity:0; transform:translateY(6px);} to{ opacity:1; transform:none; } }
.vt-pane .vt-rich{ font-size:16px; }
.vt-pane .vt-rich h3{ font-size:19px; margin-top:22px; }
.vt-pane .vt-gallery{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.vt-pane .vt-gallery a{ display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; background:#fff; border:1px solid var(--vt-line); overflow:hidden; }
.vt-pane .vt-gallery img{ max-width:92%; max-height:92%; object-fit:contain; transition:transform .3s; }
.vt-pane .vt-gallery a:hover img{ transform:scale(1.05); }
.vt-videos{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.vt-videos .vt-video{ margin:0; }
.vt-product .vt-related{ margin-top:50px; }
.vt-product .vt-related .vt-h2{ font-size:26px; text-transform:uppercase; }
.vt-product .vt-grid-4{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
@media screen and (max-width:1100px){
  .vt-pintro{ grid-template-columns:1fr; gap:24px; }
  .vt-tab{ font-size:14px; padding:18px 10px; }
  .vt-tab svg{ width:42px; height:42px; }
  .vt-product .vt-grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media screen and (max-width:850px){
  .vt-phero{ padding:34px 16px; } .vt-phero h1{ font-size:28px; }
  .vt-tabs, .vt-tabs-1, .vt-tabs-2, .vt-tabs-3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vt-pane .vt-gallery{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .vt-videos{ grid-template-columns:1fr; }
  .vt-psub{ font-size:22px; }
}
@media screen and (max-width:560px){
  .vt-tab{ flex-direction:row; justify-content:flex-start; font-size:13px; gap:10px; padding:12px; }
  .vt-tab svg{ width:30px; height:30px; flex:none; }
  .vt-pane .vt-gallery{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* YouTube náhled + prázdné záložky (29. 9. 2026) */
.vt-yt-btn{ position:absolute; inset:0; display:block; background:#000; cursor:pointer; }
.vt-yt-btn img{ width:100%; height:100%; object-fit:cover; opacity:.85; transition:opacity .25s; }
.vt-yt-btn:hover img{ opacity:1; }
.vt-yt-play{ position:absolute; left:50%; top:50%; width:72px; height:50px; margin:-25px 0 0 -36px; background:var(--vt-red); border-radius:12px; box-shadow:0 4px 18px rgba(0,0,0,.35); transition:transform .2s; }
.vt-yt-play::after{ content:""; position:absolute; left:29px; top:15px; border-style:solid; border-width:10px 0 10px 18px; border-color:transparent transparent transparent #fff; }
.vt-yt-btn:hover .vt-yt-play{ transform:scale(1.08); }
.vt-empty{ background:var(--vt-light); border-left:4px solid var(--vt-red); padding:22px 24px; max-width:720px; }
.vt-empty p{ margin:0 0 14px; font-size:16px; color:#444; }
.vt-tabs-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.vt-videos .vt-video:only-child{ grid-column:1/-1; }

/* --- 3 skupiny strojů: Polygrafické / Kartonážní / Digitální a reklamní (30. 9. 2026) --- */
.vt-wide{ max-width:1360px; }
.vt-upper{ text-transform:uppercase; }
.vt-layout-g{ grid-template-columns:300px 1fr; }
.vt-gside{ position:sticky; top:20px; }
.vt-gcontact a{ display:flex; align-items:center; gap:12px; background:var(--vt-light); padding:12px 16px; margin-bottom:8px; color:#333; font-size:15px; text-decoration:none; }
.vt-gcontact a:hover{ color:var(--vt-red); }
.vt-gcontact svg{ width:20px; height:20px; flex:none; color:#555; }
.vt-gcats, .vt-gmore ul{ list-style:none; margin:14px 0 0; padding:0; }
.vt-gcats li a{ display:block; background:var(--vt-red); color:#fff; padding:11px 16px; margin-bottom:6px; border-radius:2px; font-size:15px; line-height:1.3; text-decoration:none; transition:background .2s, padding .2s; box-shadow:0 2px 6px rgba(204,53,53,.18); }
.vt-gcats li a:hover{ background:#b12a2a; padding-left:20px; }
.vt-gcats li.vt-current > a{ background:#212121; box-shadow:inset 4px 0 0 var(--vt-red); }
.vt-gcats li.vt-gsub a{ background:#f3dede; color:#7a1f1f; margin-left:14px; padding:8px 14px; font-size:14px; box-shadow:none; }
.vt-gcats li.vt-gsub.vt-current a{ background:#7a1f1f; color:#fff; }
.vt-gmore{ margin-top:10px; background:#fff; box-shadow:var(--vt-shadow); }
.vt-gmore summary{ cursor:pointer; list-style:none; padding:13px 16px; font-family:var(--vt-head); font-weight:600; font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:#333; }
.vt-gmore summary::-webkit-details-marker{ display:none; }
.vt-gmore summary::before{ content:"⌄"; display:inline-block; margin-right:10px; transition:transform .2s; }
.vt-gmore[open] summary::before{ transform:rotate(180deg); }
.vt-gmore ul{ margin:0; padding:0 10px 10px; }
.vt-gmore li a{ display:block; padding:8px 10px; font-size:14px; color:#444; text-decoration:none; border-left:3px solid transparent; }
.vt-gmore li a:hover{ color:var(--vt-red); background:var(--vt-light); }
.vt-gmore li.vt-current > a{ border-left-color:var(--vt-red); font-weight:600; color:#111; }
.vt-grid-g{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.vt-grid-g .vt-card-title{ text-align:center; font-weight:600; }
.vt-gpanels{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; }
.vt-gpanel{ background:#fff; box-shadow:var(--vt-shadow); padding:26px 20px 20px; }
.vt-gpanel h2{ font-family:var(--vt-head); font-weight:700; font-size:24px; text-transform:uppercase; margin:0 0 12px; padding-bottom:12px; position:relative; }
.vt-gpanel h2::after{ content:""; position:absolute; left:0; bottom:0; width:44px; height:3px; background:var(--vt-red); }
.vt-gpanel h2 a{ color:var(--vt-heading); text-decoration:none; }
.vt-gpanel h2 a:hover{ color:var(--vt-red); }
.vt-gpanel > p{ font-size:14px; line-height:1.6; color:var(--vt-text); margin:0 0 18px; }
.vt-gcards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.vt-gcard{ display:flex; flex-direction:column; align-items:center; background:#fff; border:1px solid var(--vt-line); padding:10px 6px 12px; text-decoration:none; color:#222; transition:box-shadow .2s, transform .2s; }
.vt-gcard:hover{ box-shadow:var(--vt-shadow-hover); transform:translateY(-2px); color:var(--vt-red); }
.vt-gcard-img{ width:100%; aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; }
.vt-gcard-img img{ max-width:92%; max-height:92%; object-fit:contain; }
.vt-gcard-t{ font-size:13px; line-height:1.3; text-align:center; margin-top:8px; font-weight:600; }
@media screen and (max-width:1200px){
  .vt-gpanels{ grid-template-columns:1fr; }
  .vt-gcards{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .vt-grid-g{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media screen and (max-width:850px){
  .vt-layout-g{ grid-template-columns:1fr; }
  .vt-gside{ position:static; order:2; }
  .vt-grid-g{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vt-gcards{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media screen and (max-width:560px){ .vt-gcards{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
