/* Design system "Nitor · lektura.hr" v1 tokens, verbatim from docs/design-system/tokens.css */
:root {
  /* colour */
  --brand: #4765a0;
  --brand-hover: #324c80;
  --brand-tint: #cad9f6;
  --brand-deep: #1e4566;
  --on-brand: #ffffff;
  --logo-red: #c61425;
  --surface: #ffffff;
  --surface-sunken: #f7f7f7;
  --surface-inverse: #272727;
  --surface-inverse-deep: #222222;
  --surface-dark: #555555;
  --overlay-image: rgba(0, 0, 0, 0.4);
  --ink: #333333;
  --ink-body: #555555;
  --ink-heading: #444444;
  --ink-nav: #687074;
  --ink-muted: #878787;
  --ink-quiet: #777777;
  --ink-inverse: #eeeeee;
  --ink-inverse-muted: #dadada;
  --line: #eeeeee;
  --line-strong: #dddddd;
  --line-dotted: #e4e9f0;
  --line-inverse: #353535;
  --accent-orange: #e67e22;
  --accent-orange-hover: #d35400;
  --accent-red: #e74c3c;
  --accent-red-hover: #c0392b;
  --accent-sea: #1abc9c;
  --accent-sea-hover: #16a085;
  --accent-blue: #3498db;
  --accent-purple: #9b6bcc;
  /* type families */
  --font-heading: "Open Sans", Arial, sans-serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* spacing */
  --space-5: 5px;
  --space-10: 10px;
  --space-15: 15px;
  --space-20: 20px;
  --space-25: 25px;
  --space-30: 30px;
  --space-35: 35px;
  --space-40: 40px;
  --space-45: 45px;
  --space-50: 50px;
  --space-60: 60px;
  --space-70: 70px;
  --space-80: 80px;
  --space-90: 90px;
  --space-100: 100px;
  --section-xs: 20px;
  --section-base: 40px;
  --section-sm: 60px;
  --section-md: 80px;
  --section-lg: 100px;
  --section-hero: 200px;
  /* radius */
  --radius-none: 0;
  --radius-circle: 50%;
  /* shadow */
  --shadow-none: none;
  --shadow-dropdown: 0 6px 12px rgba(0, 0, 0, 0.176);
  --shadow-focus: 0 0 2px #c9c9c9;
  --shadow-boxed: 0 0 5px #cccccc;
  /* size */
  --container-lg: 1170px;
  --container-md: 970px;
  --container-sm: 750px;
  --gutter: 30px;
  --border-hairline: 1px;
  --border-accent: 2px;
  --rule-title: 70px;
  --rule-headline: 30px;
  --header-height: 81px;
  --icon-sm: 35px;
  --icon-base: 40px;
  --icon-badge: 45px;
  --icon-md: 55px;
  --icon-lg: 60px;
  /* opacity */
  --opacity-scrim: 0.4;
  /* type styles as font shorthands: font: var(--type-h2); */
  --type-display: 600 70px/80px var(--font-heading);
  --type-h1: 400 28px/35px var(--font-heading);
  --type-h2: 400 24px/33px var(--font-heading);
  --type-h3: 400 20px/27px var(--font-heading);
  --type-h4: 400 18px/25px var(--font-heading);
  --type-h5: 400 14px/20px var(--font-heading);
  --type-h6: 400 12px/18px var(--font-heading);
  --type-section-title: 400 28px/32px var(--font-heading);
  --type-headline-title: 400 22px/33px var(--font-heading);
  --type-title-lg: 400 24px/28px var(--font-heading);
  --type-title-md: 400 20px/24px var(--font-heading);
  --type-title-sm: 400 18px/24px var(--font-heading);
  --type-blog-title: 400 22px/30.8px var(--font-heading);
  --type-band-title: 200 24px/33px var(--font-heading);
  --type-footer-heading: 200 18px/26px var(--font-heading);
  --type-body: 400 13px/20.8px var(--font-body);
  --type-body-lg: 400 14px/22.4px var(--font-body);
  --type-lead: 200 17px/27px var(--font-body);
  --type-lead-lg: 200 18px/33px var(--font-body);
  --type-nav-link: 400 15px/20px var(--font-body);
  --type-button-label: 400 14px/20px var(--font-body);
  --type-button-label-lg: 400 18px/24px var(--font-body);
  --type-button-label-xs: 400 12px/18px var(--font-body);
  --type-meta: 400 13px/20.8px var(--font-body);
  --type-small: 400 11px/17.6px var(--font-body);
  --type-footer-body: 400 13px/23px var(--font-body);
}
/* ds5 v2 (30 Sep 2026): the modern layer of the Claude Design canvases "template 53 v2" (WrnEHM13ggB3XrGFPpv7D8) and
   "homepage v2" (JT2GBcWECaisuNrMVRTiQL) on Bootstrap 5.3.8, over the design-system tokens above. Templates 53 (lektura)
   and 49 (secondary-landing-page) keep the site's page content and chunks; these rules restyle their Unify/Bootstrap 3
   markup, so no page text changes. */
:root{
  --v-brand:#4765a0;--v-brand-hover:#324c80;--v-deep:#263a63;--v-tint:#cad9f6;--v-ink:#141a26;--v-muted:#5b6475;
  --v-surface:#f4f6fa;--v-surface-2:#e9eef9;--v-line:#e1e6ef;--v-input:#cfd6e2;--v-navy:#0e2a47;--v-foot:#141a26;--v-foot-text:#c3cad6;
  --v-r-sm:10px;--v-r:14px;--v-r-lg:20px;
  --v-shadow:0 1px 2px rgba(20,26,38,.05),0 8px 24px rgba(20,26,38,.07);
  --v-shadow-lg:0 2px 4px rgba(20,26,38,.06),0 18px 48px rgba(20,26,38,.14);
  --v-grad:linear-gradient(135deg,#4765a0 0%,#324c80 100%);
  --bs-body-font-family:"Manrope Variable","Manrope","Manrope Fallback","Helvetica Neue",Helvetica,Arial,sans-serif;--bs-body-font-size:15.5px;--bs-body-line-height:1.7;
  --bs-body-color:var(--v-ink);--bs-body-bg:#ffffff;--bs-link-color:var(--v-brand);--bs-link-color-rgb:71,101,160;
  --bs-link-hover-color:var(--v-brand-hover);--bs-link-hover-color-rgb:50,76,128;--bs-border-color:var(--v-line);
  --bs-gutter-x:30px;--bs-focus-ring-color:rgba(71,101,160,.35);
}
body.ds5{font-family:var(--bs-body-font-family);font-size:15.5px;line-height:1.7;color:var(--v-ink);background:#fff;-webkit-font-smoothing:antialiased}
.ds5 a{color:var(--v-brand);text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.ds5 a:hover,.ds5 a:focus{color:var(--v-brand-hover)}
.ds5 h1,.ds5 h2,.ds5 h3,.ds5 h4,.ds5 h5{font-family:var(--bs-body-font-family);font-weight:800;letter-spacing:-.02em;color:var(--v-ink)}
.ds5 :focus-visible{outline:2px solid var(--v-brand);outline-offset:2px}
.ds5 .container{max-width:1230px;padding-left:15px;padding-right:15px}
.ds5 .row{--bs-gutter-x:30px}
.ds5-skip{position:absolute;left:15px;top:6px;z-index:2000;background:#fff;padding:6px 14px;border-radius:8px;box-shadow:var(--v-shadow)}
.ds5 .muted{color:var(--v-muted)}

/* Bootstrap 3 / Unify helpers inside the existing content and chunks */
.ds5 .img-responsive{display:block;max-width:100%;height:auto}
.ds5 .pull-left,.ds5 .pull-right{float:none}
.ds5 .col-xs-6{flex:0 0 auto;width:50%}.ds5 .col-xs-12{flex:0 0 auto;width:100%}
.ds5 .list-inline>li{display:inline-block;margin-right:.5rem}
.ds5 .margin-bottom-20,.ds5 .margin-bottom-30,.ds5 .margin-bottom-40,.ds5 .margin-bottom-60,.ds5 .margin-bottom-80,.ds5 .md-margin-bottom-60{margin-bottom:0}
.ds5 .color-green{color:inherit}.ds5 .color-darker{color:inherit}
.ds5 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ds5 .clearfix::after{display:none}

/* Buttons (Unify btn-u → Bootstrap-style rounded buttons) */
.ds5 .btn-u{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--v-r-sm);border:1.5px solid var(--v-brand);background:var(--v-brand);color:#fff;font-weight:700;font-size:15px;line-height:1.3;cursor:pointer;text-decoration:none!important;text-align:center;white-space:normal}
.ds5 .btn-u:hover,.ds5 .btn-u:focus{background:var(--v-brand-hover);border-color:var(--v-brand-hover);color:#fff}
.ds5 .btn-u.btn-brd,.ds5 .btn-u.btn-u-sea{background:#fff;color:var(--v-brand)!important;border-color:var(--v-tint)!important}
.ds5 .btn-u.btn-brd:hover,.ds5 .btn-u.btn-brd:focus,.ds5 .btn-u.btn-u-sea:hover{background:var(--v-surface-2)!important;border-color:var(--v-brand)!important;color:var(--v-brand-hover)!important}
.ds5 .btn-u.btn-brd::after,.ds5 .btn-u.btn-u-sea::after{content:"\2192";font-weight:800}
.ds5 .btn-u.btn-u-orange,.ds5 a.e-lb{background:#e67e22!important;border-color:#e67e22!important;color:#222!important;font-weight:800;letter-spacing:.03em;min-height:52px;padding:0 26px}
.ds5 .btn-u.btn-u-orange:hover,.ds5 .btn-u.btn-u-orange:focus,.ds5 a.e-lb:hover{background:#d35400!important;border-color:#d35400!important;color:#fff!important}
.ds5 .btn-u.btn-u-orange::after{content:none}

/* Top contact bar */
.ds5-topbar{background:var(--v-foot);color:var(--v-foot-text);font-size:13px;line-height:1.5}
.ds5-topbar .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-top:10px;padding-bottom:10px}
.ds5-topbar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 24px}
.ds5-topbar li{display:flex;align-items:center;gap:8px}
.ds5 .ds5-topbar a{color:var(--v-foot-text)}
.ds5 .ds5-topbar a:hover,.ds5 .ds5-topbar a:focus{color:#fff}
.ds5-topbar .fa{color:var(--v-tint);font-size:13px}
.ds5-topbar .ds5-co{font-weight:700;color:#fff}

/* Header */
.ds5-header{background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--v-line);z-index:1030}
.ds5-header .navbar{padding:0;min-height:84px}
.ds5-logo{display:flex;align-items:center;gap:12px;text-decoration:none;padding:12px 0}
.ds5-logo svg{width:46px;height:46px;flex:none}
.ds5-logo-text{display:flex;flex-direction:column;line-height:1}
.ds5-logo-name{font-size:21px;font-weight:800;color:var(--v-navy);letter-spacing:.01em}
.ds5-logo-tag{font-size:9.5px;font-weight:800;letter-spacing:.26em;color:var(--v-muted);margin-top:5px}
.ds5-logo-co{font-size:11px;font-weight:600;color:var(--v-muted);margin-top:4px}
.ds5-actions{display:flex;align-items:center;gap:10px}
.ds5-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--v-r-sm);background:var(--v-brand);color:#fff!important;font-weight:700;font-size:14px;letter-spacing:.02em;text-decoration:none}
.ds5-cta:hover,.ds5-cta:focus{background:var(--v-brand-hover)}
.ds5-toggler{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;border-radius:var(--v-r-sm);background:var(--v-brand);color:#fff;font-weight:700;font-size:14px}
.ds5-toggler[aria-expanded="true"]{background:var(--v-deep)}
.ds5-header .nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px}
.ds5-header .nav>li{position:relative}
.ds5 .ds5-header .nav>li>a{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:8px;font-weight:700;font-size:15px;color:var(--v-ink);text-decoration:none}
.ds5 .ds5-header .nav>li>a:hover,.ds5 .ds5-header .nav>li:hover>a,.ds5 .ds5-header .nav>li.open>a{color:var(--v-brand);background:var(--v-surface)}
.ds5 .ds5-header .nav>li.ds5-cur>a{color:var(--v-brand);background:var(--v-surface-2)}
.ds5-header .nav>li.dropdown>a::after{content:"";display:inline-block;width:0;height:0;border:0;border-top:5px solid currentColor;border-left:4px solid transparent;border-right:4px solid transparent;transform:none;margin-left:4px;vertical-align:middle}
.ds5-header .dropdown-menu{display:none;list-style:none;margin:0;padding:12px;min-width:250px;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow-lg);z-index:1040}
.ds5 .ds5-header .dropdown-menu a{display:block;padding:7px 10px;border-radius:8px;font-size:14.5px;font-weight:600;color:var(--v-ink);text-decoration:none;white-space:normal}
.ds5 .ds5-header .dropdown-menu a:hover,.ds5 .ds5-header .dropdown-menu a:focus{color:var(--v-brand);background:var(--v-surface)}
.ds5-header .dropdown-submenu>.dropdown-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 8px;min-width:0;border-radius:0}
.ds5 .ds5-header .dropdown-submenu>a,.ds5 .ds5-header .dropdown-menu:has(>.dropdown-submenu)>li:not(.dropdown-submenu)>a{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v-brand);padding-top:10px}
.ds5 .ds5-header .dropdown-menu:has(>.dropdown-submenu)>li:not(.dropdown-submenu)>a{background:var(--v-surface);margin:6px 0}
.ds5 .ds5-header .dropdown-submenu>a[href^="javascript"]{cursor:default;color:var(--v-muted)}
@media (min-width:992px){
  .ds5-header .navbar-collapse{justify-content:center}
  .ds5-header .nav>li>.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0}
  .ds5-header .nav>li>.dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
  .ds5-header .nav>li:hover>.dropdown-menu,.ds5-header .nav>li:focus-within>.dropdown-menu{display:block}
  .ds5-header .nav>li:nth-last-child(-n+2)>.dropdown-menu{left:auto;right:0}
  .ds5-header .nav>li>.dropdown-menu:has(>.dropdown-submenu){width:900px;padding:28px;columns:3 240px;column-gap:24px}
  .ds5-header .nav>li>.dropdown-menu:has(>.dropdown-submenu)>li{break-inside:avoid}
  .ds5-header .nav>li:nth-child(1)>.dropdown-menu:has(>.dropdown-submenu){left:-100px}
  .ds5-header .nav>li:nth-child(3)>.dropdown-menu:has(>.dropdown-submenu){left:-320px}
}
@media (max-width:991.98px){
  .ds5-header .navbar-collapse{border-top:1px solid var(--v-line);margin:0 -15px;order:3;flex-basis:100%}
  .ds5-header .nav{flex-direction:column;gap:0}
  .ds5 .ds5-header .nav>li>a{display:flex;justify-content:space-between;min-height:52px;padding:0 20px;border-radius:0;border-bottom:1px solid var(--v-line);font-size:16px;font-weight:800}
  .ds5-header .nav>li.open>.dropdown-menu{display:block;position:static;box-shadow:none;border:0;border-radius:0;background:var(--v-surface);padding:6px 0 12px;border-bottom:1px solid var(--v-line)}
  .ds5 .ds5-header .dropdown-menu a{min-height:44px;display:flex;align-items:center;padding:0 20px 0 36px;font-size:15px}
  .ds5 .ds5-header .dropdown-submenu>.dropdown-menu a{padding-left:36px}
  .ds5-header .ds5-cta{display:none}
}

/* Hero (every v2 template): "Hero A1", chosen by the owner on 30 Sep 2026 (board "Hero · A1 — image overlaps band edge").
   Light band, breadcrumb above kicker + H1, the hero image hanging 40 px over the band's bottom edge into the body.
   Replaces the split hero whose blue panel ran off the right edge. */
.ds5-hero{position:relative;background:var(--v-surface);border-bottom:1px solid var(--v-line);padding:0}
.ds5-hero>.container{position:relative;z-index:1}
.ds5-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:30px;align-items:center;min-height:400px}
.ds5-hero-text{grid-column:span 7;display:flex;flex-direction:column;gap:22px;padding:48px 20px 48px 0}
.ds5-hero-side{grid-column:span 5;display:flex;justify-content:flex-end;align-self:start;margin:80px 0 -40px;position:relative;z-index:2}
.ds5-hero-kicker{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--v-brand);line-height:1.5}
.ds5-hero-kicker [style],.ds5-hero-kicker strong{font-size:inherit!important;font-weight:inherit!important;color:inherit!important}
.ds5 .ds5-hero h1{font-size:62px;line-height:1.04;font-weight:800;letter-spacing:-.035em;margin:0;max-width:13ch;color:var(--v-ink)}
.ds5 .ds5-hero h1.ds5-long{font-size:46px;max-width:none}
.ds5-hero-media{width:100%;max-width:470px}
.ds5-hero-media img{width:100%;height:360px;object-fit:cover;border-radius:20px;box-shadow:0 2px 4px rgba(20,26,38,.06),0 18px 48px rgba(20,26,38,.16);display:block}
.ds5-hero-media .blog-img{margin:0}
.ds5-hero:has(.ds5-hero-side .ds5-hero-media>*)+.ds5-body{padding-top:104px}
.ds5-hero-photo{width:100%;height:247px;object-fit:cover;border-radius:var(--v-r-lg);display:block;margin-top:6px}
@media (max-width:991.98px){
  .ds5-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}
  .ds5-hero-text{padding:28px 0 24px;gap:16px}
  .ds5-hero-side{display:block;margin:0 0 -32px;align-self:stretch}
  .ds5-hero-side:has(>.ds5-hero-media:empty){display:none}
  .ds5 .ds5-hero h1{font-size:40px;line-height:1.08;max-width:none}
  .ds5 .ds5-hero h1.ds5-long{font-size:32px}
  .ds5-hero-media{max-width:none}.ds5-hero-media img{height:220px}
  .ds5-hero:has(.ds5-hero-side .ds5-hero-media>*)+.ds5-body{padding-top:72px}
  .ds5-hero-photo{height:208px}
}
/* breadcrumbs inside the hero (chunk breadcrumbs) */
.ds5-hero .breadcrumbs{background:none;border:0;padding:0}
.ds5-hero .breadcrumbs .container{max-width:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.ds5 .ds5-hero .breadcrumbs .page-title{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--v-surface-2);color:var(--v-deep);font-size:13px;font-weight:700;margin:0;letter-spacing:0;line-height:1.2}
.ds5 .B_crumbBox{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600}
.ds5 .B_crumbBox li+li::before{content:"\203A";margin-right:8px;color:var(--v-muted)}
.ds5 .B_crumbBox a{color:var(--v-muted);text-decoration:underline;text-underline-offset:2px}
/* 3 Oct 2026 (owner): while the hero is stacked (phones, small tablets) the hero breadcrumb stays on ONE line and scrolls
   sideways when longer than the screen. Wrapping depended on the font (fallback vs Manrope wrap at different widths), so the
   hero image below jumped when Manrope arrived (mobile CLS 0.24 on 240/241). Padding keeps the underlines unclipped. */
@media (max-width:991.98px){.ds5 .ds5-hero .breadcrumbs .pull-right,.ds5 .ds5-hero .breadcrumbs .container>*:has(.B_crumbBox){min-width:0;max-width:100%}
.ds5 .ds5-hero .B_crumbBox{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;white-space:nowrap;scrollbar-width:none;padding-bottom:4px;margin-bottom:-4px}
.ds5 .ds5-hero .B_crumbBox::-webkit-scrollbar{display:none}
.ds5 .ds5-hero .B_crumbBox>li{flex:none}}
.ds5 .B_currentCrumb{color:var(--v-ink)}

/* Lektura template body: content + sidebar */
.ds5-body{padding:84px 0 90px}
.ds5-content{font-size:16px;line-height:1.7;color:var(--v-muted);display:flex;flex-direction:column}
.ds5-content>*+*{margin-top:0}
.ds5-content p{margin:0 0 16px}
.ds5 .ds5-content p a:not(.btn-u),.ds5 .ds5-content li a:not(.btn-u),.ds5 .ds5-content td a{text-decoration:underline;text-underline-offset:2px}
.ds5-content ul,.ds5-content ol{padding-left:22px;margin:0 0 16px}
.ds5-content li{margin-bottom:6px}
.ds5-content strong{color:var(--v-ink)}
.ds5-content hr{border:0;border-top:1px solid var(--v-line);opacity:1;margin:24px 0}
.ds5-content .blog-img img{border-radius:var(--v-r-lg);margin-bottom:28px}
.ds5 .headline{border:0;margin:48px 0 18px;padding:0}
.ds5 .headline h2,.ds5 .headline h3{font-size:30px;line-height:1.2;font-weight:800;color:var(--v-ink);margin:0;padding:0;border:0}
.ds5-content>.headline:first-child,.ds5-content>:is(.blog:first-child,style:first-child+.blog)>.headline:first-of-type,.ds5-content>:is(.blog:first-child,style:first-child+.blog)>.blog-img+.headline{margin-top:0}
.ds5-content>:is(.blog:first-child,style:first-child+.blog)>.headline:first-of-type h2,.ds5-content>.headline:first-child h2{font-size:36px;line-height:1.15}
.ds5-content>:is(.blog:first-child,style:first-child+.blog)>.headline+p,.ds5-content>.headline:first-child+p{font-size:20px;line-height:1.6;font-weight:500;color:var(--v-ink)}
.ds5-content h2{font-size:28px;line-height:1.2;color:var(--v-ink);margin:40px 0 14px}
.ds5-content h3{font-size:20px;line-height:1.3;color:var(--v-ink);margin:24px 0 8px}
.ds5-content h3 a{color:var(--v-ink);text-decoration:none!important}
.ds5-content h3 a:hover{color:var(--v-brand)}
/* numbered steps (page 64): number badge + the paragraph after it as a card */
.ds5-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--v-brand);color:#fff;font-size:17px;font-weight:800;margin-right:16px;flex:none;box-shadow:0 8px 24px rgba(71,101,160,.3)}
.ds5 .headline h2:has(.ds5-num){display:flex;align-items:center;font-size:22px}
.ds5 .headline:has(.ds5-num)+p{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r);box-shadow:var(--v-shadow);padding:20px 24px;margin-left:64px}
/* service type cards (content-boxes-v3): a 2-column card grid on lektura, 3 columns on the homepage */
.ds5 .row:has(>.content-boxes-v3){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.ds5 .row:has(>.content-boxes-v3)>.content-boxes-v3{display:contents}
.ds5 .content-boxes-v3>.clearfix{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r);box-shadow:var(--v-shadow);padding:24px;display:flex;flex-direction:column;gap:12px;margin:0!important;transition:transform .35s ease,box-shadow .35s ease}
.ds5 .content-boxes-v3>.clearfix:hover{transform:translateY(-3px);box-shadow:var(--v-shadow-lg)}
@media (max-width:767.98px){.ds5 .row:has(>.content-boxes-v3){grid-template-columns:1fr;gap:14px}}   /* one card per row on phones: two ~170 px columns squeeze the text */
.ds5 .icon-custom{width:48px;height:48px;border-radius:14px;background:var(--v-surface-2)!important;color:var(--v-brand)!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:19px;flex:none;box-shadow:none!important;border:0!important}
.ds5 .content-boxes-in-v3{display:flex;flex-direction:column;gap:8px}
.ds5 .content-boxes-in-v3 h2,.ds5 .content-boxes-in-v3 h3{font-size:19px;line-height:1.3;margin:0;text-transform:none!important}
.ds5 .content-boxes-in-v3 h2 a,.ds5 .content-boxes-in-v3 h3 a{color:var(--v-ink);text-decoration:none!important}
.ds5 .content-boxes-in-v3 p{margin:0;font-size:15px;line-height:1.6;color:var(--v-muted)}
@media (prefers-reduced-motion:reduce){.ds5 .content-boxes-v3>.clearfix:hover{transform:none}}
/* panel (tag-box) */
.ds5 .tag-box{background:var(--v-surface);border:1px solid var(--v-line);border-radius:var(--v-r-lg);padding:34px;margin:48px 0 0}
.ds5 .tag-box>h2{font-size:26px;line-height:1.2;margin:0 0 14px}
.ds5 .tag-box p:last-child{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:10px}
/* call-out (callOutBox chunks): gradient card */
.ds5 .call-action-v1{background:var(--v-grad);border:0;border-radius:var(--v-r-lg);box-shadow:var(--v-shadow-lg);padding:40px 44px;margin:40px 0 0;color:#fff}
.ds5 .call-action-v1-box{display:flex;align-items:center;gap:28px}
.ds5 .call-action-v1-in.text-center{flex:1;text-align:left!important}
.ds5 .call-action-v1 .cta{font-size:25px;line-height:1.4;font-weight:800;color:#fff!important;margin:0 0 8px}
.ds5 .call-action-v1 .cta strong{font-weight:800;color:#fff}
.ds5 .call-action-v1 .cta a,.ds5 .call-action-v1 .cta .color-green{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.ds5 .call-action-v1-in p:not(.cta){font-size:17px;line-height:1.6;color:#e4ebf8;margin:0}
.ds5 .call-action-v1 .inner-btn{flex:none}
@media (max-width:767.98px){.ds5 .call-action-v1{padding:30px 24px}.ds5 .call-action-v1-box{flex-direction:column;align-items:stretch}.ds5 .call-action-v1 .cta{font-size:21px}.ds5 .call-action-v1 .btn-u{width:100%}}
/* FAQ (faqBlock snippet): accordion-style cards */
.ds5 .faq-block{display:flex;flex-direction:column;gap:12px;margin:0 0 24px}
.ds5 .faq-item{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r);box-shadow:var(--v-shadow);padding:18px 22px}
.ds5 .faq-q{font-size:17px;line-height:1.4;margin:0 0 8px;display:flex;justify-content:space-between;gap:16px}
.ds5 .faq-q::after{content:"\2212";flex:none;width:32px;height:32px;border-radius:10px;background:var(--v-surface-2);color:var(--v-brand);display:flex;align-items:center;justify-content:center;font-weight:800}
.ds5 .faq-a p{margin:0;font-size:15.5px}
/* tables */
.ds5-content .table{--bs-table-bg:transparent;border-collapse:separate;border-spacing:0;width:100%;font-size:14.5px;line-height:1.55;margin:0 0 28px;border:1px solid var(--v-line);border-radius:var(--v-r);overflow:hidden;box-shadow:var(--v-shadow)}
.ds5-content .table th{background:var(--v-deep);color:#fff;font-weight:800;text-align:left;padding:14px 16px;font-size:13.5px;border:0}
.ds5-content .table td{padding:14px 16px;border:0;border-top:1px solid var(--v-line);vertical-align:top;color:var(--v-muted);background:#fff}
.ds5-content .table tbody tr:nth-child(even) td{background:var(--v-surface)}
.ds5-content .table td:first-child{font-weight:700;color:var(--v-ink)}
@media (max-width:767.98px){.ds5-content .table{display:block;overflow-x:auto}}
/* service cards (service-block-v7, page 212) */
.ds5 .row:has(.service-block-v7){row-gap:18px}
.ds5 .service-block-v7{height:100%;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow);padding:26px;display:flex;flex-direction:column;gap:14px;text-align:left}
.ds5 .service-block-v7>i{width:48px;height:48px;border-radius:14px;background:var(--v-surface-2);color:var(--v-brand);display:flex;align-items:center;justify-content:center;font-size:19px}
.ds5 .col-sm-4:nth-child(2)>.service-block-v7{background:var(--v-grad);border-color:var(--v-brand)}
.ds5 .col-sm-4:nth-child(2)>.service-block-v7>i{background:rgba(255,255,255,.14);color:#fff}
.ds5 .col-sm-4:nth-child(2)>.service-block-v7 h3,.ds5 .col-sm-4:nth-child(2)>.service-block-v7 h3 a{color:#fff}
.ds5 .col-sm-4:nth-child(2)>.service-block-v7 p{color:#e4ebf8}
.ds5 .service-block-v7 h3{font-size:19px;margin:0}
.ds5 .service-block-v7 p{margin:0;font-size:15px;line-height:1.6}
.ds5 .service-block-v7 .btn-u{margin-top:auto;align-self:flex-start}
/* team (team-v2, page 80) */
.ds5-content .container-fluid,.ds5-content .content{padding-left:0;padding-right:0}
@media (min-width:576px){.ds5-content .row:has(.team-v2)>[class*="col-"]{flex:0 0 auto;width:50%;margin-left:0}}
.ds5-content .row:has(.team-v2)>[class*="col-"]{margin-bottom:24px}
@media (max-width:575.98px){.ds5-content .row:has(.team-v2)>[class*="col-"]{flex:0 0 auto;width:100%;margin-left:0}}   /* team cards one per row on phones (col-xs-6 made them ~195 px) */
.ds5 .title-box-v2 h2{font-size:30px;margin:48px 0 14px}
.ds5 .team-v2{height:100%;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow);padding:26px}
.ds5 .team-v2 img{width:96px;height:96px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 4px var(--v-surface-2);margin-bottom:16px}
.ds5 .team-v2 h3{font-size:24px;margin:0 0 4px}
.ds5 .team-v2 small{display:block;font-size:13.5px;font-weight:600;color:var(--v-muted)}
.ds5 .team-v2 p strong{display:inline-block;font-size:12.5px;font-weight:800;color:var(--v-deep);background:var(--v-surface-2);border-radius:999px;padding:4px 10px}
.ds5 .team-v2 hr{margin:14px 0}
.ds5 .team-social a{color:var(--v-muted)}
/* lists with arrows (lists-v1, page 94) */
.ds5 .lists-v1{list-style:none;padding:0}
.ds5 .lists-v1 li{display:block}.ds5 .lists-v1>li{position:relative;padding-left:calc(.3574em + 10px)}  /* block, not flex: a link inside an item must not split it into columns (7 Oct 2026) */
.ds5 .lists-v1 .fa{color:var(--v-brand);margin-top:5px}
.ds5 .lists-v1>li>.fa{position:absolute;left:0;top:5px;margin-top:0}
/* sitemap tree (page 215) */
.ds5-content>ul,.ds5-content .content>ul{list-style:none;padding:28px 32px;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow)}
.ds5-content>ul ul,.ds5-content .content ul ul{list-style:none;margin:8px 0 8px 11px;padding-left:20px;border-left:2px solid var(--v-surface-2)}
.ds5 .ds5-content>ul li a,.ds5 .ds5-content .content li a{text-decoration:none;color:var(--v-ink);font-weight:600}
/* client quotes, moved from the sidebar to the end of the main column */
.ds5-quotes{margin-top:56px}
.ds5-quotes .headline{margin:0 0 20px}
.ds5-quotes .headline h2{font-size:26px}
.ds5-quotes .carousel-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;margin:0!important}
.ds5-quotes .item{display:flex!important;flex-direction:column;gap:14px;float:none;margin:0!important;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r);box-shadow:var(--v-shadow);padding:24px;transform:none!important}
.ds5-quotes .item::before{content:"\201C";font-size:44px;line-height:.6;font-weight:800;color:var(--v-tint)}
.ds5-quotes .item p{margin:0;font-size:15px;line-height:1.6;color:var(--v-ink);background:none;padding:0;border-radius:0}
.ds5-quotes .testimonial-info{margin-top:auto}
.ds5-quotes .testimonial-author{font-size:14px;font-weight:800;color:var(--v-brand)}
@media (max-width:767.98px){.ds5-quotes .carousel-inner{grid-template-columns:1fr}}

/* Sidebar (existing chunks) as cards */
.ds5-side{display:flex;flex-direction:column;gap:28px}
.ds5-side>*{margin-bottom:0!important}
.ds5-side br{display:none}
.ds5-side .headline{margin:0 0 14px}
.ds5-side .headline h2{font-size:16px;line-height:1.3}
.ds5-card{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r);box-shadow:var(--v-shadow);padding:22px}
.ds5-side .input-group{display:block}
.ds5-side .sisea-search-form{display:flex;gap:8px;width:100%}
.ds5-side .sisea-search-form .form-control{height:46px;border:1px solid var(--v-input);border-radius:var(--v-r-sm)!important;font-size:15px;color:var(--v-ink);flex:1;min-width:0}
.ds5-side .sisea-search-form .form-control:focus{border-color:var(--v-brand);box-shadow:0 0 0 .2rem var(--bs-focus-ring-color)}
.ds5-side .sisea-search-form .input-group-btn .btn-u{min-width:64px;height:46px;border-radius:var(--v-r-sm)!important}
.ds5 .sidebar-nav-v1{list-style:none;margin:0;padding:12px;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r);box-shadow:var(--v-shadow)}
.ds5 .sidebar-nav-v1 .list-group-item{padding:0;border:0;background:none}
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--v-ink);text-decoration:none}
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a[href]::after{content:"\203A";color:var(--v-muted);font-size:18px;line-height:1}
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a[href]:hover{background:var(--v-surface);color:var(--v-brand)}
/* group headings (sidebarMenuLektura): light-blue bars, the current page's group in brand blue (canvas board Main, 30 Sep) */
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a.active{padding:12px;margin:14px 0 2px;border-radius:8px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--v-deep);background:var(--v-surface-2);pointer-events:none}
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item.ds5-here a.active{background:var(--v-brand);color:#fff}
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item:first-child a.active{margin-top:0}
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a[aria-current="page"]{color:var(--v-brand);background:var(--v-surface-2)}
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a.active[href]{pointer-events:auto}   /* group heading that is also a page (course overviews 214/225) */
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a.active[href]:hover,.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a.active[aria-current="page"]{background:var(--v-brand);color:#fff}
.ds5-side .dl-horizontal{display:flex;gap:14px;align-items:center;margin:0 0 14px}
.ds5-side .dl-horizontal:last-child{margin-bottom:0}
.ds5-side .dl-horizontal dt:empty{display:none}
.ds5-side .dl-horizontal dt img{width:64px;height:64px;object-fit:cover;border-radius:10px;display:block}
.ds5-side .dl-horizontal dd{margin:0}
.ds5-side .dl-horizontal dd p{margin:0;font-size:14px;line-height:1.45;font-weight:700}
.ds5 .ds5-side .dl-horizontal dd a{color:var(--v-ink)}
.ds5 .ds5-side .dl-horizontal dd a:hover{color:var(--v-brand)}
.ds5 .blog-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.ds5 .blog-tags li{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--v-surface);border:1px solid var(--v-line);font-size:13px;font-weight:600}
.ds5 .blog-tags li:not(:has(a)){display:none}
.ds5 .blog-tags .fa{display:none}
.ds5 .ds5-side .blog-tags a{color:var(--v-deep)}
.ds5-side .posts>ul{list-style:none;padding:0;margin:0}
.ds5-side .posts>ul li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--v-line);font-weight:700;font-size:14px}
.ds5-side .posts>ul li:last-child{border-bottom:0}
.ds5 .ds5-side .posts>ul a{color:var(--v-ink)}
.ds5-side .posts>ul .count{font-size:12px;font-weight:800;color:var(--v-deep);background:var(--v-surface-2);border-radius:999px;padding:3px 9px}
/* sidebar newsletter (chunk blogNewsletter): dark blue gradient card */
.ds5 .ds5-side .panel-red{border:0!important;border-radius:var(--v-r-lg);box-shadow:var(--v-shadow-lg);background:linear-gradient(160deg,#263a63 0%,#324c80 100%)!important;color:#fff;overflow:hidden}
.ds5 .ds5-side .panel-red>.panel-heading{background:none!important;border:0!important;padding:24px 24px 4px}
.ds5 .ds5-side .panel-red .panel-title{font-size:20px;font-weight:800;color:#fff!important;margin:0;display:flex;align-items:center;gap:10px}
.ds5 .ds5-side .panel-red .panel-title .fa{color:var(--v-tint)}
.ds5 .ds5-side .panel-red .panel-body{padding:8px 24px 24px;background:none}
.ds5 .ds5-side .panel-red .panel-body p{color:#e4ebf8;font-size:14px;margin:0 0 12px}
.ds5 .ds5-side .panel-red .form-group{margin-bottom:10px}
.ds5 .ds5-side .panel-red .form-control{height:46px;border:0;border-radius:var(--v-r-sm);font-size:14px}
.ds5 .ds5-side .panel-red .newsletter-gdpr label{color:#e4ebf8!important;font-size:12.5px;line-height:1.5;font-weight:500}
.ds5 .ds5-side .panel-red .newsletter-gdpr a{color:#fff!important;text-decoration:underline}
.ds5 .ds5-side .panel-red .btn-danger{width:100%;min-height:46px;border-radius:var(--v-r-sm);background:#fff!important;border-color:#fff!important;color:var(--v-deep)!important;font-weight:800}
.ds5 .ds5-side .panel-red .btn-danger:hover,.ds5 .ds5-side .panel-red .btn-danger:focus{background:var(--v-surface-2)!important}
.ds5 .ds5-side .panel-red label.error{color:#fff!important;font-weight:700;display:block}
.ds5 .ds5-side .panel-red label.error:empty{display:none}

/* Homepage (template 49) */
.ds5-hero--home .ds5-hero-side .bg-color-light,.ds5-hero--home .ds5-hero-side .container{background:none;padding:0;margin:0;max-width:none;width:100%}
.ds5 .ds5-hero--home .call-action-v1{background:#fff;color:var(--v-ink);border-radius:var(--v-r-lg);box-shadow:0 2px 4px rgba(20,26,38,.06),0 18px 48px rgba(20,26,38,.22);padding:34px;margin:0;width:100%;max-width:440px;margin-left:auto}
.ds5 .ds5-hero--home .call-action-v1-in{display:flex;flex-direction:column;gap:14px;text-align:left!important}
.ds5 .ds5-hero--home .call-action-v1-in::before{content:"";width:48px;height:48px;border-radius:14px;background:var(--v-surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%234765a0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4z'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E") center no-repeat}
.ds5 .ds5-hero--home .call-action-v1 h2{font-size:23px;line-height:1.4;margin:0;color:var(--v-ink)}
.ds5 .ds5-hero--home .call-action-v1 h2 strong{font-weight:800}
.ds5 .ds5-hero--home .call-action-v1 h2 a,.ds5 .ds5-hero--home .call-action-v1 h2 .color-green{color:var(--v-brand)!important;text-decoration:underline;text-underline-offset:3px}
.ds5 .ds5-hero--home .call-action-v1 p{margin:0;font-size:15.5px;line-height:1.65;color:var(--v-muted)}
.ds5 .ds5-hero--home .call-action-v1 br{display:none}
.ds5 .ds5-hero--home .call-action-v1 .btn-u{width:100%;margin-top:4px}
@media (max-width:991.98px){.ds5 .ds5-hero--home .call-action-v1{max-width:none;padding:26px 22px}}
/* homepage content (resource 1): intro block + feature cards */
.ds5-home .bg-white.content-sm{padding:96px 0}
.ds5-home .bg-white.content-sm .container{max-width:900px;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.ds5 .ds5-home .title-v2{font-size:44px;line-height:1.12;font-weight:800;letter-spacing:-.03em;margin:0;text-transform:uppercase}
.ds5 .ds5-home .title-v2::after,.ds5 .ds5-home .title-v2::before{display:none}
.ds5-home .space-lg-hor{margin:0;font-size:19px;line-height:1.7;color:var(--v-muted)}
.ds5 .ds5-home .space-lg-hor a{text-decoration:underline;text-underline-offset:2px}
.ds5-home .bg-white.content-sm br{display:none}
.ds5-home .bg-white.content-sm .container>a.btn-u{display:inline-flex;margin:0 5px}
.ds5-home .bg-white.content-sm .container:has(>a.btn-u){display:block}
.ds5-home .bg-white.content-sm .container:has(>a.btn-u)>*:not(a){margin:0 auto 22px}
.ds5-home .bg-white.content-sm .container>a.btn-u{margin:5px}
.ds5-home .bg-grey{background:var(--v-surface);border-top:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}
.ds5-home .bg-grey .content-sm{padding:90px 15px}
.ds5 .ds5-home .row:has(>.content-boxes-v3){grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ds5-home .content-boxes-v3>.clearfix{padding:28px}
.ds5-home .content-boxes-v3>.clearfix>a{align-self:flex-start;line-height:0}
.ds5-home .content-boxes-in-v3 h2{font-size:20px}
@media (max-width:991.98px){.ds5 .ds5-home .row:has(>.content-boxes-v3){grid-template-columns:1fr;gap:14px}.ds5-home .bg-white.content-sm{padding:60px 0}.ds5-home .bg-white.content-sm .container{text-align:left;align-items:stretch}.ds5 .ds5-home .title-v2{font-size:30px}.ds5-home .space-lg-hor{font-size:17px}.ds5-home .bg-grey .content-sm{padding:60px 15px}.ds5-home .bg-white.content-sm .container>a.btn-u{display:flex;margin:10px 0 0}}
/* homepage trio (template markup) */
.ds5-trio{background:var(--v-grad);padding:80px 0;color:#fff}
.ds5-trio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.ds5-trio-item{border-left:1px solid rgba(255,255,255,.28);padding-left:28px;display:flex;flex-direction:column;gap:14px}
.ds5-trio-ico{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
.ds5 .ds5-trio h3{font-size:26px;color:#fff;margin:0}
.ds5-trio p{margin:0;font-size:16px;line-height:1.65;color:#e4ebf8}
.ds5 .ds5-trio a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:800;color:#fff}
.ds5 .ds5-trio a:hover{color:#fff;text-decoration:underline}
@media (max-width:991.98px){.ds5-trio{padding:56px 0}.ds5-trio-grid{grid-template-columns:1fr;gap:28px}.ds5-trio-item{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.25);padding-top:26px}.ds5-trio-item:first-child{border-top:0;padding-top:0}}
/* homepage blog teasers (chunks homepageRecentPosts + list-docs-thumb-tpl) */
.ds5-home .bg-color-light{background:#fff}
.ds5-home .bg-color-light>.content-sm{padding:96px 15px}
.ds5-home .headline-center-v2{text-align:left;max-width:860px;margin:0 0 36px}
.ds5 .ds5-home .headline-center-v2 h2{font-size:38px;line-height:1.15;margin:0 0 14px;text-transform:none}
.ds5-home .headline-center-v2 .bordered-icon{display:none}
.ds5-home .headline-center-v2 p{font-size:17px;line-height:1.7;color:var(--v-muted);margin:0}
.ds5-home .bg-color-light .row{row-gap:24px}
.ds5-home .thumbnails-v1{height:100%;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow);overflow:hidden;display:flex;flex-direction:column}
.ds5-home .thumbnail-img img{width:100%;height:230px;object-fit:cover}
.ds5-home .thumbnails-v1 .caption{padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1;font-size:13px;color:var(--v-muted)}
.ds5-home .thumbnails-v1 .caption h3{font-size:20px;line-height:1.3;margin:0}
.ds5 .ds5-home .thumbnails-v1 .caption h3 a{color:var(--v-ink)}
.ds5-home .thumbnails-v1 .caption p{margin:0;font-size:15px;line-height:1.65}
.ds5-home .thumbnails-v1 .caption p:last-child{margin-top:auto}
.ds5 .ds5-home .thumbnails-v1 .btn-u{background:none!important;border:0!important;padding:0;min-height:44px;color:var(--v-brand)!important;font-weight:800}
@media (max-width:767.98px){.ds5-home .bg-color-light>.content-sm{padding:60px 15px}.ds5 .ds5-home .headline-center-v2 h2{font-size:30px}.ds5-home .thumbnail-img img{height:200px}}
/* homepage newsletter band (chunk 73): light blue card; lkA11yStyle paints it red with !important, overridden here */
.ds5 .ds5-home .shop-subscribe,.ds5 .ds5-home .shop-subscribe.bg-color-red{background:#fff!important;padding:0 0 96px;color:var(--v-ink)}
.ds5-home .shop-subscribe>.container{max-width:1230px}
.ds5-home .shop-subscribe .row{background:var(--v-surface-2);border:1px solid var(--v-tint);border-radius:var(--v-r-lg);padding:36px 40px;margin:0!important;text-align:left!important}
.ds5-home .shop-subscribe form{display:grid;grid-template-columns:4fr 8fr;column-gap:30px;row-gap:12px;align-items:center}
.ds5-home .shop-subscribe .form-group{margin:0}
.ds5 .ds5-home .shop-subscribe h2{font-size:28px;line-height:1.2;color:var(--v-ink)!important;margin:0;text-transform:none;font-weight:800}
.ds5 .ds5-home .shop-subscribe h2 strong{color:var(--v-brand)}
.ds5-home .shop-subscribe .form-group.col-lg-12{display:flex;flex-wrap:wrap;gap:10px;width:auto;padding:0}
.ds5-home .shop-subscribe .form-group.col-lg-12 .form-control{flex:1 1 0;min-width:120px;height:50px;border:1px solid var(--v-input);border-radius:var(--v-r-sm)!important;background:#fff!important;color:var(--v-ink)!important;font-size:15px;display:block;width:auto}
.ds5 .ds5-home .shop-subscribe .form-control::placeholder{color:var(--v-muted)!important}
.ds5-home .shop-subscribe .form-group.col-lg-12 label.error{flex-basis:100%;margin:0}
.ds5-home .shop-subscribe .form-group.col-lg-12 label.error:empty{display:none}
.ds5 .ds5-home .shop-subscribe .newsletterButton,.ds5 .ds5-home .shop-subscribe .newsletterButton.btn-warning{width:56px;height:50px;border-radius:var(--v-r-sm)!important;background:var(--v-brand)!important;border-color:var(--v-brand)!important;color:#fff!important}
.ds5 .ds5-home .shop-subscribe .newsletterButton:hover,.ds5 .ds5-home .shop-subscribe .newsletterButton:focus{background:var(--v-brand-hover)!important}
.ds5-home .shop-subscribe .col-lg-12:not(.form-group){grid-column:2;padding:0;width:auto}
.ds5 .ds5-home .shop-subscribe .newsletter-gdpr,.ds5 .ds5-home .shop-subscribe .newsletter-gdpr label{color:var(--v-muted)!important;font-size:13px;line-height:1.5;margin:0}
.ds5 .ds5-home .shop-subscribe .newsletter-gdpr a{color:var(--v-brand)!important}
.ds5 .ds5-home .shop-subscribe .newsletter-gdpr .error,.ds5 .ds5-home .shop-subscribe .newsletter-fail,.ds5 .ds5-home .shop-subscribe span.error{color:#b3261e!important}
@media (max-width:991.98px){.ds5 .ds5-home .shop-subscribe,.ds5 .ds5-home .shop-subscribe.bg-color-red{padding:0 0 60px}.ds5-home .shop-subscribe .row{padding:26px 22px}.ds5-home .shop-subscribe form{display:flex;flex-direction:column;align-items:stretch}.ds5-home .shop-subscribe .form-group.col-lg-12{flex-direction:column}.ds5-home .shop-subscribe .form-group.col-lg-12 .form-control{flex:none;width:100%}.ds5 .ds5-home .shop-subscribe .newsletterButton{width:100%}.ds5 .ds5-home .shop-subscribe h2{font-size:24px}}

/* Footer (chunk footer) */
.ds5 .footer-v1 .footer{background:var(--v-foot);color:var(--v-foot-text);padding:72px 0 16px;font-size:14px;line-height:1.7}
.ds5 .footer-v1 .footer .container,.ds5 .footer-v1 .copyright .container{max-width:1230px}
.ds5 .footer-v1 .footer .headline{margin:0 0 12px;border:0}
.ds5 .footer-v1 .footer .headline h2{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;border:0;padding:0;margin:0}
.ds5 .footer-v1 .footer p,.ds5 .footer-v1 .footer address{color:var(--v-foot-text);font-style:normal}
.ds5 .footer-v1 a{color:#9dbcf0;text-decoration:none;text-underline-offset:3px;transition:color .2s ease}
.ds5 .footer-v1 a:hover,.ds5 .footer-v1 a:focus{color:#fff;text-decoration:underline}.ds5 .footer-v1 a.lk-flogo,.ds5 .footer-v1 a.tooltips,.ds5 .footer-v1 a.lk-flogo:hover,.ds5 .footer-v1 a.tooltips:hover{color:#fff;text-decoration:none}.ds5 .footer-v1 a.lk-flogo:hover,.ds5 .footer-v1 a.lk-flogo:focus{color:#fff}
.ds5 .footer-v1 .lk-flogo-name{font-family:var(--bs-body-font-family);font-weight:800}
.ds5 .footer-v1 .latest-list li{margin-bottom:12px}
.ds5 .footer-v1 .latest-list a{font-weight:700}
.ds5 .footer-v1 .latest-list .blog-date{display:block;font-size:12.5px;color:#9fb3c8!important}
.ds5 .footer-v1 .link-list{list-style:none;padding:0}
.ds5 .footer-v1 .link-list li{padding:4px 0}
.ds5 .footer-v1 .link-list .fa{display:none}
.ds5 .footer-v1 address a{color:#9dbcf0;text-decoration:none}
.ds5 .footer-v1 .copyright{background:var(--v-foot);color:var(--v-foot-text);padding:22px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
.ds5 .footer-v1 .copyright p{margin:0}
.ds5 .footer-v1 .footer-socials{display:flex;justify-content:flex-end;gap:8px;margin:0;padding:0}
.ds5 .footer-v1 .footer-socials a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:15px}
.ds5 .footer-v1 .footer-socials a:hover{background:rgba(255,255,255,.18)}
@media (max-width:991.98px){.ds5 .footer-v1 .footer{padding:48px 0 8px}.ds5 .footer-v1 .footer [class*="col-md-3"]{margin-bottom:28px}.ds5 .footer-v1 .footer-socials{justify-content:flex-start;margin-top:14px}.ds5 .footer-v1 .footer-socials a{width:44px;height:44px}}

/* ---- v2 batch A (30 Sep 2026): templates 51 (Prijevodi), 56 (Cijene), 38 (submenupage), 28 (page_terms) ---- */
/* hero sub line (old "hero-title" paragraph: "Prevoditeljske i lektorske usluge", "Prijevodi i lektura") */
.ds5 .ds5-hero .hero-title{font-size:20px;line-height:1.45;font-weight:600;color:var(--v-muted);margin:0;max-width:40ch}
/* pages whose H1 is the pagetitle from chunk breadcrumbs (no hero TV): crumbs, kicker, H1, sub line */
.ds5-hero-text:has(.breadcrumbs h1) .breadcrumbs,.ds5-hero-text:has(.breadcrumbs h1) .breadcrumbs>.container{display:contents}
.ds5-hero-text:has(.breadcrumbs h1) .breadcrumbs .pull-right{order:1;float:none}
.ds5-hero-text:has(.breadcrumbs h1) .ds5-hero-kicker{order:2}
.ds5 .ds5-hero .breadcrumbs h1{order:3;float:none;font-size:62px;line-height:1.04;font-weight:800;letter-spacing:-.035em;color:var(--v-ink);margin:0;max-width:13ch}
.ds5 .ds5-hero .breadcrumbs h1.ds5-long{font-size:46px;max-width:none}
.ds5-hero-text:has(.breadcrumbs h1) .hero-title{order:4}
@media (max-width:991.98px){.ds5 .ds5-hero .breadcrumbs h1{font-size:40px;line-height:1.08;max-width:none}.ds5 .ds5-hero .breadcrumbs h1.ds5-long{font-size:32px}.ds5 .ds5-hero .hero-title{font-size:18px}}
/* plain hero of the legal pages (template 28): no photo panel */
.ds5-hero--plain{padding:56px 0 52px;background:linear-gradient(180deg,var(--v-surface) 0%,#fff 100%);border-bottom:1px solid var(--v-line)}
.ds5-hero--plain::after,.ds5-hero--plain::before{display:none}
.ds5-hero--plain .ds5-hero-grid{min-height:0}
.ds5-hero--plain .ds5-hero-text{grid-column:1/-1;padding:0;max-width:780px;margin:0 auto;width:100%}
.ds5 .ds5-hero--plain .breadcrumbs h1{max-width:none}
@media (max-width:991.98px){.ds5-hero--plain{padding:32px 0 36px}}
/* legal texts: one reading column */
.ds5-body--doc{padding:56px 0 90px}
.ds5-doc{max-width:780px;margin:0 auto;font-size:16.5px}
.ds5-doc>p{margin:0 0 14px}
.ds5-doc h2{font-size:26px;margin:44px 0 12px}
.ds5-doc h3{font-size:20px;margin:36px 0 10px;padding-top:28px;border-top:1px solid var(--v-line)}
.ds5-doc>h3:first-child{margin-top:0;padding-top:0;border-top:0}
.ds5 .ds5-content hr.devider{border:0;height:1px;background:var(--v-line);margin:26px 0;opacity:1}
.ds5 .dropcap{float:left;font-size:58px;line-height:.86;font-weight:800;color:var(--v-brand);margin:6px 10px 0 0;padding:0;background:none}
/* highlight box (tag-box-v2, page 38) and quote */
.ds5 .tag-box.tag-box-v2{background:var(--v-surface-2);border:0;border-left:4px solid var(--v-brand);border-radius:var(--v-r);padding:20px 24px;margin:8px 0 22px}
.ds5 .tag-box.tag-box-v2 p{display:block;margin:0;font-size:19px;line-height:1.5;font-weight:700;color:var(--v-deep)}
.ds5-content blockquote{position:relative;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow);padding:30px 32px 26px 76px;margin:20px 0 8px}
.ds5-content blockquote::before{content:"\201C";position:absolute;left:24px;top:14px;font-size:72px;line-height:1;font-weight:800;color:var(--v-brand);opacity:.35}
.ds5-content blockquote p{font-size:18px;line-height:1.6;font-weight:600;color:var(--v-ink);margin:0 0 12px}
.ds5-content blockquote small{display:block;font-size:14px;font-weight:700;color:var(--v-muted)}
.ds5-content .blog>br{display:none}
/* price tables (lk-cjenik, pages 81, 83, 85, 113; chunk lkCjenikStyle keeps its own rules, these win by specificity) */
.ds5 .ds5-content .cjenik{margin:8px 0 0}
.ds5 .ds5-content .cjenik>h2{font-size:22px;margin:32px 0 12px}
.ds5 .ds5-content .lk-cjenik{border-collapse:separate;border-spacing:0;border:1px solid var(--v-line);border-radius:var(--v-r);overflow:hidden;box-shadow:var(--v-shadow);background:#fff;font-size:15px;color:var(--v-ink);margin:0 0 24px}
.ds5 .ds5-content .lk-cjenik caption{color:var(--v-muted)}
.ds5 .ds5-content .lk-cjenik thead th{background:var(--v-deep);color:#fff;border:0;font-size:13.5px;font-weight:800;padding:14px 18px}
.ds5 .ds5-content .lk-cjenik thead th .lk-pdv{color:#c9d6f0}
.ds5 .ds5-content .lk-cjenik .lk-cjenik-group th{background:var(--v-surface-2);color:var(--v-deep);border:0;border-top:1px solid var(--v-line);font-size:15px;font-weight:800;padding:12px 18px}
.ds5 .ds5-content .lk-cjenik tbody th[scope=row]{color:var(--v-ink);font-weight:600;padding:14px 18px;border:0;border-top:1px solid var(--v-line)}
.ds5 .ds5-content .lk-cjenik td{border:0;border-top:1px solid var(--v-line);padding:12px 18px}
.ds5 .ds5-content .lk-cjenik tbody tr:not(.lk-cjenik-group):hover>*{background:var(--v-surface)}
.ds5 .ds5-content .lk-cjenik .lk-price{font-size:22px;font-weight:800;color:var(--v-brand);letter-spacing:-.01em}
.ds5 .ds5-content .lk-cjenik .lk-od{font-size:13px;font-weight:600;color:var(--v-muted)}
.ds5 .ds5-content .lk-cjenik .lk-anchor,.ds5 .ds5-content .lk-cjenik .lk-pdv{color:var(--v-muted)}
.ds5 .ds5-content .lk-cjenik-legal{font-size:13px;line-height:1.55;color:var(--v-muted);background:var(--v-surface);border-radius:var(--v-r-sm);padding:12px 16px}
@media (max-width:575.98px){.ds5 .ds5-content .lk-cjenik thead th,.ds5 .ds5-content .lk-cjenik tbody th[scope=row],.ds5 .ds5-content .lk-cjenik td,.ds5 .ds5-content .lk-cjenik .lk-cjenik-group th{padding-left:12px;padding-right:12px}.ds5 .ds5-content .lk-cjenik .lk-price{font-size:19px}}
/* round service icons (service-block-v7 / content boxes): Unify colour helpers */
.ds5 .icon-bg-u,.ds5 .icon-bg-darker{background:var(--v-surface-2);color:var(--v-brand)}
/* tabs widget (chunk tabsWidget, sidebar of template 38) */
.ds5-side .headline-md{margin:0 0 12px}
.ds5 .tab-v2 .nav-tabs{display:flex;gap:6px;border:0;background:var(--v-surface);border-radius:var(--v-r-sm);padding:4px;margin:0 0 14px;list-style:none}
.ds5 .tab-v2 .nav-tabs>li{flex:1;margin:0}
.ds5 .tab-v2 .nav-tabs>li>a{display:flex;align-items:center;justify-content:center;min-height:38px;border:0;border-radius:8px;font-size:13.5px;font-weight:700;color:var(--v-muted);text-decoration:none;background:none}
.ds5 .tab-v2 .nav-tabs>li.active>a{background:#fff;color:var(--v-deep);box-shadow:var(--v-shadow)}
.ds5 .tab-v2 .tab-pane{display:none;font-size:14.5px;line-height:1.6;color:var(--v-muted)}
.ds5 .tab-v2 .tab-pane.active{display:block}
.ds5 .tab-v2 .tab-pane p{margin:0}
.ds5 .tab-v2 .magazine-sb-categories .row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin:0}
.ds5 .tab-v2 .magazine-sb-categories ul{width:auto;padding:0;margin:0;list-style:none}
.ds5 .tab-v2 .magazine-sb-categories li{padding:6px 0;border-bottom:1px solid var(--v-line);font-size:14px;font-weight:600}
.ds5 .ds5-side .tab-v2 .magazine-sb-categories a{color:var(--v-ink)}
.ds5 .ds5-side .tab-v2 .magazine-sb-categories a:hover{color:var(--v-brand)}
/* sidebar menus with icons (chunk sidebarCompanyInfo): icon + text left, arrow right */
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a[href]{justify-content:flex-start}
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a[href]::after{margin-left:auto}
.ds5 .ds5-side .sidebar-nav-v1 .list-group-item a>.fa{width:18px;text-align:center;color:var(--v-brand);flex:none}
/* phones: no empty band under a hero without a photo, less air above the content */
@media (max-width:991.98px){.ds5-hero:has(.ds5-hero-media:empty){padding-bottom:4px}.ds5-body{padding:48px 0 64px}}
/* CTA A, split card (chunk ds5_cta, classes ds5-split-*, swapped in for callOutBox93 by snippet ds5CtaSwap; Claude Design board
   "CTA · A — split card" on WrnEHM13ggB3XrGFPpv7D8). White label on a deeper orange #c2560a (4.5:1); on the canvas' #e67e22 white is only 2.9:1. */
.ds5 .ds5-split{display:flex;border-radius:var(--v-r-lg);overflow:hidden;border:1px solid var(--v-line);box-shadow:var(--v-shadow-lg);margin:40px 0 0}
.ds5 .ds5-split-main{flex:1 1 0;min-width:0;background:#324c80;padding:36px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ds5 .ds5-split p{margin:0}
.ds5 .ds5-split-kicker{font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#cad9f6}
.ds5 .ds5-split-side .ds5-split-kicker{color:var(--v-brand)}
.ds5 .ds5-split-title{font-size:26px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:#fff}
.ds5 .ds5-split-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:10px;background:#c2560a;color:#fff;font-size:15px;font-weight:800;letter-spacing:.03em;text-decoration:none;margin-top:8px}
.ds5 .ds5-split-btn:hover,.ds5 .ds5-split-btn:focus{background:#a8490a;color:#fff}
.ds5 .ds5-split-side{width:340px;flex:none;background:var(--v-surface);padding:36px 28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.ds5 .ds5-split-tile{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 14px;border-radius:12px;border:1px solid var(--v-line);background:#fff;text-decoration:none!important}
.ds5 .ds5-split-tile:hover,.ds5 .ds5-split-tile:focus{border-color:var(--v-brand)}
.ds5 .ds5-split-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--v-surface-2);color:var(--v-brand)}
.ds5 .ds5-split-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ds5 .ds5-split-txt span{font-size:12px;font-weight:700;color:var(--v-muted)}
.ds5 .ds5-split-txt strong{font-size:17px;font-weight:800;color:var(--v-ink);overflow-wrap:anywhere}
@media (max-width:1199.98px){.ds5 .ds5-split{flex-direction:column}.ds5 .ds5-split-side{width:auto}}
@media (max-width:575.98px){.ds5 .ds5-split-main,.ds5 .ds5-split-side{padding:28px 22px}.ds5 .ds5-split-title{font-size:22px}.ds5 .ds5-split-btn{width:100%}}

/* ---- Kontakt i lokacija (template 113, page 188), 30 Sep 2026: contact data in the hero, map in the panel, form card ---- */
.ds5-hero-text:has(.breadcrumbs h1) .ds5-hero-contact{order:5}
.ds5 .ds5-hero-contact .headline{margin:4px 0 12px}
.ds5 .ds5-hero-contact .headline h2{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--v-brand)}
.ds5 .ds5-hero-contact .who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.ds5 .ds5-hero-contact .who li{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border:1px solid var(--v-line);border-radius:12px;background:#fff;font-size:15px;font-weight:700;color:var(--v-ink);line-height:1.35}
.ds5 .ds5-hero-contact .who li>a{display:flex;align-items:center;gap:12px;color:var(--v-ink);text-decoration:none;overflow-wrap:anywhere}
.ds5 .ds5-hero-contact .who li>a:hover{color:var(--v-brand)}
.ds5 .ds5-hero-contact .who .fa{flex:none;width:36px;height:36px;border-radius:10px;background:var(--v-surface-2);color:var(--v-brand);display:inline-flex;align-items:center;justify-content:center;font-size:16px}
@media (max-width:575.98px){.ds5 .ds5-hero-contact .who{grid-template-columns:1fr}}
/* map in the hero panel; CookieConsent puts its "Prikaži kartu" placeholder inside #map until maps consent */
.ds5 .ds5-map-box{border-radius:var(--v-r-lg);overflow:hidden;box-shadow:0 2px 4px rgba(20,26,38,.06),0 18px 48px rgba(20,26,38,.22);background:var(--v-surface-2)}
.ds5 .ds5-map-box #map{width:100%;height:360px;margin:0}
.ds5 .ds5-map-box .lkcc-map{height:100%;min-height:0;font-family:inherit;background:var(--v-surface-2);color:var(--v-ink)}
@media (max-width:991.98px){.ds5 .ds5-map-box #map{height:280px}}
/* form card (FormIt form #sky-form3, Unify sky-form markup restyled; field names and ids unchanged) */
.ds5-form-card{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow);padding:36px}
.ds5 .sky-form{margin:0;border:0;background:none;box-shadow:none;font:inherit;color:var(--v-ink)}
.ds5 .sky-form>header{font-size:28px;line-height:1.2;font-weight:800;color:var(--v-ink);letter-spacing:-.02em;margin:0 0 22px;padding:0;border:0;background:none}
.ds5 .sky-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin:0;padding:0;border:0;background:none}
.ds5 .sky-form fieldset>*{grid-column:1/-1}
.ds5 .sky-form fieldset>section.row:nth-of-type(2),.ds5 .sky-form fieldset>section.row:nth-of-type(3){grid-column:auto}
.ds5 .sky-form section.row{margin:0;display:block}
.ds5 .sky-form section.row>[class*="col-"]{width:100%;max-width:none;padding:0;float:none}
.ds5 .sky-form .label{display:block;padding:0;margin:0 0 6px;font-size:14px;font-weight:700;color:var(--v-ink);background:none;white-space:normal;text-align:left;line-height:1.4}
.ds5 .sky-form .color-red{color:#b42318}
.ds5 .sky-form label.input,.ds5 .sky-form label.textarea{position:relative;display:block;margin:0}
.ds5 .sky-form .icon-append{position:absolute;right:14px;top:14px;color:var(--v-muted);font-size:16px;pointer-events:none}
.ds5 .sky-form label.textarea .icon-append{top:14px}
.ds5 .sky-form input[type="text"],.ds5 .sky-form input[type="email"],.ds5 .sky-form textarea{display:block;width:100%;min-height:48px;padding:11px 42px 11px 14px;border:1px solid var(--v-input);border-radius:var(--v-r-sm);background:#fff;font:inherit;font-size:15px;color:var(--v-ink);box-shadow:none;outline:0;transition:border-color .15s,box-shadow .15s}
.ds5 .sky-form textarea{min-height:150px;resize:vertical;line-height:1.55}
.ds5 .sky-form input:focus,.ds5 .sky-form textarea:focus{border-color:var(--v-brand);box-shadow:0 0 0 .2rem var(--bs-focus-ring-color)}
.ds5 .sky-form label.error,.ds5 .sky-form em.invalid{display:block;margin:6px 0 0;font-size:13px;font-weight:600;color:#b42318;font-style:normal}
.ds5 .sky-form input.error,.ds5 .sky-form textarea.error,.ds5 .sky-form [aria-invalid="true"]{border-color:#b42318}
.ds5 .sky-form label:has(>span:empty){display:none}
.ds5 .sky-form label>span[style*="color:red"]{display:block;margin-top:6px;font-size:13px;font-weight:600;color:#b42318!important}
.ds5 #errorMessage p.error{margin:0 0 18px;padding:12px 16px;border-radius:var(--v-r-sm);background:#fef3f2;border:1px solid #fecdca;color:#b42318;font-weight:600}
/* attachment picker */
.ds5 .attach-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden}
.ds5 .attach-drop{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;border:2px dashed var(--v-input);border-radius:var(--v-r);background:var(--v-surface);padding:22px 16px;text-align:center}
.ds5 .attach-drop.attach-over{border-color:var(--v-brand);background:var(--v-surface-2)}
.ds5 .attach-hint{color:var(--v-muted);font-size:14px}
.ds5 .attach-list{list-style:none;margin:10px 0 0;padding:0}
.ds5 .attach-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--v-line);border-radius:10px;margin-bottom:6px;font-size:14px;background:#fff}
.ds5 .attach-list li.attach-bad{border-color:#b42318;color:#b42318}
.ds5 .attach-remove{border:0;background:transparent;color:#b42318;font-size:22px;line-height:1;cursor:pointer;padding:0 6px;min-width:32px;min-height:32px}
.ds5 .sky-form .note{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--v-muted);padding:0}
/* consent checkbox: native box (the sky-form <i> is hidden) */
.ds5 .sky-form .checkbox.gdpr-consent{display:block;position:relative;margin:0;padding:14px 16px 14px 50px;border-radius:var(--v-r);background:var(--v-surface);font-size:14px;line-height:1.55;font-weight:500;color:var(--v-ink)}
.ds5 .sky-form .checkbox.gdpr-consent input{position:absolute;left:16px;top:16px;width:20px;height:20px;margin:0;opacity:1;accent-color:var(--v-brand)}
.ds5 .sky-form .checkbox.gdpr-consent>i{display:none}
.ds5 .sky-form .checkbox.gdpr-consent a{text-decoration:underline}
/* buttons */
.ds5 .sky-form .button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:0;border-radius:10px;background:var(--v-brand);color:#fff;font:inherit;font-size:15px;font-weight:800;letter-spacing:.02em;cursor:pointer;float:none;margin:0;opacity:1}
.ds5 .sky-form .button:hover,.ds5 .sky-form .button:focus{background:var(--v-brand-hover)}
.ds5 .sky-form .button[disabled]{opacity:.55;cursor:not-allowed}
/* the older a11y style paints #attach-btn dark blue with !important; v2 uses an outline button (brand on white 5.9:1) */
.ds5 .sky-form .attach-drop .button{min-height:44px;padding:0 20px}
.ds5 #sky-form3 #attach-btn{background:#fff!important;color:var(--v-brand)!important;border:1px solid var(--v-brand)!important}
.ds5 #sky-form3 #attach-btn:hover,.ds5 #sky-form3 #attach-btn:focus{background:var(--v-surface-2)!important}
.ds5 .sky-form fieldset>section.row:last-child .label{font-weight:500;color:var(--v-muted);font-size:13px}
@media (max-width:575.98px){.ds5-form-card{padding:24px 18px}.ds5 .sky-form fieldset{grid-template-columns:1fr}.ds5 .sky-form fieldset>section.row:nth-of-type(2),.ds5 .sky-form fieldset>section.row:nth-of-type(3){grid-column:1/-1}.ds5 .sky-form button[type="submit"]{width:100%}}
/* sidebar cards of the contact page */
.ds5 .ds5-side--contact .ds5-card p{margin:0;font-size:15px;line-height:1.65;color:var(--v-muted)}
.ds5 .ds5-side--contact .ds5-card p a{text-decoration:underline;text-underline-offset:2px}
.ds5 .ds5-side--contact .ds5-card ul{list-style:none;margin:0;padding:0}
.ds5 .ds5-side--contact .ds5-card li{font-size:14.5px;line-height:1.55;color:var(--v-muted);padding:6px 0;border-bottom:1px solid var(--v-line)}
.ds5 .ds5-side--contact .ds5-card li:last-child{border-bottom:0}
.ds5 .ds5-side--contact .ds5-card li strong{color:var(--v-ink)}

/* ---- Blog (templates 46 listing and 47 article), 30 Sep 2026 ---- */
/* listing hero: snippet breadcrumbsBlog prints the blog title ("Svi blogovi i članci") as a linked level-1 heading; left-aligned plain hero */
.ds5 .ds5-hero--blog .ds5-hero-text{max-width:none;margin:0}
.ds5 .ds5-hero .breadcrumbs h1 a{color:inherit;text-decoration:none}
.ds5 .ds5-hero .breadcrumbs h1 a:hover{color:var(--v-brand)}
/* listing rows (chunk ArticleRowTpl) as cards: photo left, text right */
.ds5 .ds5-blog-list .blog-medium{--bs-gutter-x:28px;margin:0 0 24px!important;padding:20px 8px 20px 0;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow);align-items:center;transition:box-shadow .15s,transform .15s}
.ds5 .ds5-blog-list .blog-medium:hover{box-shadow:var(--v-shadow-lg);transform:translateY(-2px)}
.ds5 .ds5-blog-list .blog-medium>.col-md-5{padding-left:20px}
.ds5 .ds5-blog-list .blog-medium img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--v-r);display:block;margin:0}
.ds5 .ds5-blog-list .blog-medium h2{font-size:22px;line-height:1.3;font-weight:800;margin:0 0 10px;letter-spacing:-.01em}
.ds5 .ds5-blog-list .blog-medium h2 a{color:var(--v-ink);text-decoration:none}
.ds5 .ds5-blog-list .blog-medium h2 a:hover{color:var(--v-brand)}
.ds5 .ds5-blog-list .blog-medium p{font-size:15px;line-height:1.6;margin:0 0 14px}
.ds5 .ds5-blog-list .blog-medium p:last-child{margin:0}
.ds5 .ds5-blog-list .btn-u.btn-u-sm{min-height:40px;padding:0 16px;font-size:14px}
@media (max-width:767.98px){.ds5 .ds5-blog-list .blog-medium{padding:16px 16px 20px}.ds5 .ds5-blog-list .blog-medium>.col-md-5{padding:0 0 14px}.ds5 .ds5-blog-list .blog-medium>.col-md-7{padding:0}}
@media (prefers-reduced-motion:reduce){.ds5 .ds5-blog-list .blog-medium:hover{transform:none}}
/* date / author line and tag links (listing rows and article hero); the sidebar chip rules for .blog-tags are undone here */
.ds5 :is(.ds5-blog-list,.ds5-hero--post) .blog-info{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 10px;padding:0;list-style:none;font-size:14px;font-weight:600;color:var(--v-muted)}
.ds5 :is(.ds5-blog-list,.ds5-hero--post) .blog-info li{display:inline-flex;align-items:center;gap:6px;padding:0;margin:0}
.ds5 :is(.ds5-blog-list,.ds5-hero--post) .blog-info .fa,.ds5 .ds5-hero--post .blog-tags .fa{color:var(--v-brand);display:inline-block;width:1em;flex:none;text-align:center}   /* 9 Oct 2026, CLS of 221: fixed box before Font Awesome loads */
.ds5 :is(.ds5-blog-list,.ds5-hero--post) .blog-info a{color:var(--v-ink)}
.ds5 :is(.ds5-blog-list,.ds5-hero--post) .blog-tags{display:block;margin:0 0 14px;padding:0;list-style:none}
.ds5 :is(.ds5-blog-list,.ds5-hero--post) .blog-tags li{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;min-height:0;padding:0;border:0;background:none;border-radius:0}
.ds5 :is(.ds5-blog-list,.ds5-hero--post) .blog-tags .fa{display:inline-block;color:var(--v-muted);margin-right:2px}
.ds5 :is(.ds5-blog-list,.ds5-hero--post) .blog-tags a{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:var(--v-surface-2);color:var(--v-deep);font-size:12.5px;font-weight:700;text-decoration:none!important}
.ds5 :is(.ds5-blog-list,.ds5-hero--post) .blog-tags a:hover{background:var(--v-brand);color:#fff}
/* pagination */
.ds5 .ds5-blog-list .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0;padding:0}
.ds5 .ds5-blog-list .pagination li a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--v-line);border-radius:10px;background:#fff;color:var(--v-ink);font-weight:700;text-decoration:none}
.ds5 .ds5-blog-list .pagination li a:hover{border-color:var(--v-brand);color:var(--v-brand)}
.ds5 .ds5-blog-list .pagination li a.active,.ds5 .ds5-blog-list .pagination li.active a{background:var(--v-brand);border-color:var(--v-brand);color:#fff}
/* article hero: chip + crumbs, H1, date/author, tags; the article image in the photo panel */
.ds5 .ds5-hero--post .ds5-hero-text{gap:18px}
.ds5 .ds5-hero--post h1{font-size:48px;line-height:1.1;max-width:none}
.ds5 .ds5-hero--post h1.ds5-long{font-size:40px}
.ds5 .ds5-hero--post .blog-post-tags .blog-tags{margin:0}
@media (max-width:991.98px){.ds5 .ds5-hero--post h1,.ds5 .ds5-hero--post h1.ds5-long{font-size:32px}}
/* article body: readable column, intro as lead */
.ds5 .ds5-post{font-size:17px;line-height:1.75}
.ds5 .ds5-post>blockquote.ds5-post-lead{margin:0 0 28px;padding:0 0 0 20px;border:0;border-left:4px solid var(--v-brand);background:none;box-shadow:none;border-radius:0}
.ds5 .ds5-post>blockquote.ds5-post-lead::before{display:none}
.ds5 .ds5-post>blockquote.ds5-post-lead p{font-size:20px;line-height:1.6;font-weight:600;color:var(--v-ink);margin:0}
.ds5 .ds5-post h2{font-size:27px;margin:44px 0 14px}
.ds5 .ds5-post h3{font-size:20px;margin:30px 0 10px}
.ds5 .ds5-post p{margin:0 0 18px}
.ds5 .ds5-post li{margin-bottom:8px}
.ds5 .ds5-post>div:last-child>hr{margin:40px 0 14px}
.ds5 .ds5-post>div:last-child>p{font-size:13px;color:var(--v-muted)}

/* ---- remaining templates (30 Sep 2026, 17:20): O nama, feedback/search, courses, course landing, 404, English ---- */
.ds5 .ds5-hero .ds5-hero-lead{font-size:20px;line-height:1.5;font-weight:600;color:var(--v-muted);margin:0;max-width:40ch}
/* O nama (36): full-width text, Unify blocks restyled */
.ds5 .ds5-wide{max-width:none}
.ds5 .title-box-v2{text-align:center;max-width:760px;margin:0 auto 36px}
.ds5 .title-box-v2 h2{font-size:34px;line-height:1.2;font-weight:800;color:var(--v-ink);margin:0 0 12px;text-transform:none}
.ds5 .title-box-v2 h2 .color-green,.ds5 .ds5-content .color-green{color:var(--v-brand)}
.ds5 .title-box-v2 p{font-size:17px;line-height:1.65;color:var(--v-muted);margin:0}
.ds5 .headline-left{margin:0 0 14px}
.ds5 .headline-left .headline-brd,.ds5 .headline-left h2{font-size:24px;line-height:1.25;font-weight:800;color:var(--v-ink);margin:0;padding:0;border:0}
.ds5 .headline-left .headline-brd::after{content:none}
.ds5 .ds5-content .service-block{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow);padding:28px;margin:0 0 24px;text-align:left;color:var(--v-muted)}
.ds5 .ds5-content .service-block .heading-md,.ds5 .ds5-content .service-block h2,.ds5 .ds5-content .service-block h3{font-size:20px;line-height:1.3;font-weight:800;color:var(--v-ink);margin:0 0 8px;text-transform:none}
.ds5 .ds5-content .service-block i{color:var(--v-brand)}
.ds5 .ds5-content .banner-info{display:flex;gap:14px;align-items:flex-start;margin:0 0 16px}
.ds5 .ds5-content .banner-info h3,.ds5 .ds5-content .banner-info .heading-md{font-size:18px;margin:0 0 4px;color:var(--v-ink)}
.ds5 .ds5-content .full-width.img-responsive,.ds5 .ds5-content .col-sm-4 img{border-radius:var(--v-r-lg);width:100%;height:auto}
/* contact band of O nama: map card + form card */
.ds5-contact-band{background:var(--v-surface);border-top:1px solid var(--v-line);padding:72px 0 84px}
.ds5 .ds5-map-box--band #map{height:100%;min-height:460px}
.ds5 .ds5-map-box--band{height:100%}
.ds5 .ds5-hours{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px;padding:0;list-style:none;font-size:15px;color:var(--v-ink)}
.ds5 .ds5-hours li{padding:0;margin:0}
.ds5 .ds5-onama-form>p{color:var(--v-muted);margin:0 0 18px}
.ds5 .ds5-onama-form .form section.row{margin:0 0 12px}
.ds5 .ds5-onama-form .form section.row>[class*="col-"]{width:100%;padding:0}
.ds5 .ds5-onama-form .input-group{display:flex;width:100%;flex-wrap:nowrap}
.ds5 .ds5-onama-form .input-group-addon{display:flex;align-items:center;justify-content:center;width:48px;flex:none;border:1px solid var(--v-input);border-right:0;border-radius:var(--v-r-sm) 0 0 var(--v-r-sm);background:var(--v-surface);color:var(--v-brand)}
.ds5 .ds5-onama-form .form-control{min-height:48px;border:1px solid var(--v-input);border-radius:0 var(--v-r-sm) var(--v-r-sm) 0;font:inherit;font-size:15px;color:var(--v-ink);box-shadow:none}
.ds5 .ds5-onama-form textarea.form-control{border-radius:var(--v-r-sm);margin:0!important;min-height:130px}
.ds5 .ds5-onama-form .form-control:focus{border-color:var(--v-brand);box-shadow:0 0 0 .2rem var(--bs-focus-ring-color)}
.ds5 .ds5-onama-form label.error{display:block;margin:4px 0 0;font-size:13px;font-weight:600;color:#b42318}
.ds5 .ds5-onama-form label.error:empty{display:none}
.ds5 .ds5-onama-form .checkbox.gdpr-consent{margin:4px 0 8px;padding:14px 16px;border-radius:var(--v-r);background:var(--v-surface);font-size:14px;line-height:1.55}
.ds5 .ds5-onama-form .checkbox.gdpr-consent label{display:block;position:relative;padding-left:32px;font-weight:500;color:var(--v-ink);margin:0}
.ds5 .ds5-onama-form .checkbox.gdpr-consent input{position:absolute;left:0;top:2px;width:20px;height:20px;margin:0;accent-color:var(--v-brand)}
.ds5 .ds5-onama-form .btn-u,.ds5 .ds5-onama-form button[type="submit"]{min-height:52px;padding:0 28px;border-radius:10px;font-weight:800}
@media (max-width:991.98px){.ds5-contact-band{padding:48px 0 56px}.ds5 .ds5-map-box--band #map{min-height:300px}.ds5 .title-box-v2 h2{font-size:28px}}
/* search results (SimpleSearch on 39) */
.ds5 .ds5-content .sisea-results{font-weight:700;color:var(--v-ink);margin:0 0 16px}
.ds5 .ds5-content .sisea-result{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r);box-shadow:var(--v-shadow);padding:18px 22px;margin:0 0 14px}
.ds5 .ds5-content .sisea-result h3{margin:0 0 6px;font-size:19px}
.ds5 .ds5-content .sisea-result .extract{font-size:15px;color:var(--v-muted)}
.ds5 .ds5-content .sisea-paging,.ds5 .ds5-content .sisea-page{display:inline-flex;gap:6px;flex-wrap:wrap}
/* course form (chunk tecajForm inside the content): card, header above the form */
.ds5 .ds5-content #errorMessage{margin:32px 0 0;--bs-gutter-x:0}
.ds5 .ds5-content #errorMessage>[class*="col-"]{width:100%;padding:0}
.ds5 .ds5-content #errorMessage>[class*="col-"]>header{font-size:26px;line-height:1.2;font-weight:800;color:var(--v-ink);margin:0 0 16px}
.ds5 .ds5-content .sky-form.tecaj-form{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow);padding:32px}
.ds5 .sky-form select.form-control{display:block;width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--v-input);border-radius:var(--v-r-sm);font:inherit;font-size:15px;color:var(--v-ink);background-color:#fff}
.ds5 .sky-form input[type="submit"].button{min-height:52px}
@media (max-width:575.98px){.ds5 .ds5-content .sky-form.tecaj-form{padding:22px 16px}}
/* course landing (67, page 135): sections of the old template, restyled */
.ds5-landing>.container:first-child{padding:80px 15px 40px}
.ds5 .ds5-landing .headline-center{text-align:center;max-width:780px;margin:0 auto 44px!important}
.ds5 .ds5-landing .headline-center h2{font-size:36px;line-height:1.2;font-weight:800;color:var(--v-ink);margin:0 0 12px;text-transform:none}
.ds5 .ds5-landing .headline-center p{font-size:18px;line-height:1.65;color:var(--v-muted);margin:0}
.ds5 .ds5-landing .content-boxes-v5{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow);padding:22px;margin:0 0 20px!important}
.ds5 .ds5-landing .content-boxes-v5>a{flex:none;text-decoration:none}
.ds5 .ds5-landing .content-boxes-v5 i.rounded-x{width:52px;height:52px;border-radius:14px;background:var(--v-surface-2);color:var(--v-brand);display:inline-flex;align-items:center;justify-content:center;font-size:22px}
.ds5 .ds5-landing .content-boxes-v5 h3{font-size:18px;line-height:1.3;font-weight:800;color:var(--v-ink);margin:0 0 6px;text-transform:none}
.ds5 .ds5-landing .content-boxes-v5 p{font-size:15px;line-height:1.6;color:var(--v-muted);margin:0}
/* /tecajevi-engleskog-jezika/ cards (6 Oct 2026, owner): 3 x 2 grid, all six cards equal height on desktop */
@media (min-width:768px){.ds5 .ds5-landing .row:has(>.col-md-4>.content-boxes-v5){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr);grid-auto-flow:column;gap:20px 30px;margin-left:0;margin-right:0}.ds5 .ds5-landing .row:has(>.col-md-4>.content-boxes-v5)>.col-md-4{display:contents}.ds5 .ds5-landing .row:has(>.col-md-4>.content-boxes-v5) .content-boxes-v5{margin:0!important}}
.ds5 .ds5-landing>.container-fluid{max-width:1320px;margin:0 auto 72px;padding:0 15px}
.ds5 .ds5-landing .equal-height-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}
.ds5 .ds5-landing .equal-height-columns>[class*="col-"]{width:auto;padding:0}
.ds5 .ds5-landing .service-block{height:100%;border-radius:var(--v-r-lg);padding:34px 30px;margin:0;color:#e4ebf8;background:linear-gradient(160deg,#4765a0 0%,#324c80 100%);box-shadow:var(--v-shadow-lg)}
.ds5 .ds5-landing .service-block-red{background:linear-gradient(160deg,#324c80 0%,#263a63 100%)}
.ds5 .ds5-landing .service-block-blue{background:linear-gradient(160deg,#263a63 0%,#141a26 100%)}
.ds5 .ds5-landing .service-block i.icon-custom{background:rgba(255,255,255,.14)!important;color:#fff!important;width:52px;height:52px;border-radius:14px;margin:0 0 16px}
.ds5 .ds5-landing .service-block h2{font-size:23px;line-height:1.25;font-weight:800;color:#fff;margin:0 0 10px;text-transform:none}
.ds5 .ds5-landing .service-block p{color:#e4ebf8}
.ds5 .ds5-landing .service-block br{display:none}
.ds5 .ds5-landing .service-block .btn-u{margin-top:18px;min-height:44px;padding:0 20px;border-radius:10px;background:#fff!important;border-color:#fff!important;color:var(--v-deep)!important;font-weight:800}
.ds5 .ds5-landing .bg-color-light{background:var(--v-surface)!important;padding:72px 0}
.ds5 .ds5-landing .about-me{align-items:flex-start}
.ds5 .ds5-landing .about-me img{border-radius:var(--v-r-lg);border:0;box-shadow:var(--v-shadow-lg);padding:0}
.ds5 .ds5-landing .about-me .box-shadow::before,.ds5 .ds5-landing .about-me .box-shadow::after{display:none}
.ds5 .ds5-landing .about-me h2{font-size:30px;font-weight:800;color:var(--v-ink);margin:0 0 6px}
.ds5 .ds5-landing .about-me .pull-left>span{display:block;font-size:14.5px;line-height:1.55;color:var(--v-brand);font-weight:700;margin:0 0 16px}
.ds5 .ds5-landing .about-me .social-icons{display:flex;gap:8px;list-style:none;margin:0 0 12px 16px;padding:0}
.ds5 .ds5-landing .about-me p{color:var(--v-muted);line-height:1.7}
.ds5 .ds5-landing .bg-image-v2{background:var(--v-grad)!important;padding:72px 0;color:#e4ebf8}
.ds5 .ds5-landing .headline-center-v2{text-align:center;max-width:820px;margin:0 auto 36px}
/* /tecajevi-engleskog-jezika/ (6 Oct 2026): section heading 36 px above its cards; testimonials section padded like the others */
.ds5 .ds5-landing .content-sm:has(.testimonials){padding-top:72px;padding-bottom:72px}
.ds5 .ds5-landing .shop-subscribe.bg-color-red{padding-top:72px}@media (max-width:991.98px){.ds5 .ds5-landing .shop-subscribe.bg-color-red{padding-top:48px}}
/* /tecajevi-engleskog-jezika/ (6 Oct 2026): course cards lift on hover; the three course blocks keep "Opširnije" at the bottom */
.ds5 .ds5-landing .content-boxes-v5{transition:transform .35s ease,box-shadow .35s ease}.ds5 .ds5-landing .content-boxes-v5:hover{transform:translateY(-4px);box-shadow:var(--v-shadow-lg)}@media (prefers-reduced-motion:reduce){.ds5 .ds5-landing .content-boxes-v5{transition:none}.ds5 .ds5-landing .content-boxes-v5:hover{transform:none}}.ds5 .ds5-landing .service-block.equal-height-column{display:flex;flex-direction:column;align-items:center}.ds5 .ds5-landing .service-block.equal-height-column>p{width:100%}.ds5 .ds5-landing .service-block.equal-height-column>.btn-u{margin-top:auto}
/* /tecajevi-engleskog-jezika/ (6 Oct 2026, after wpdev-40): lecturer card (chunk landingpageAboutMe) and numbered advantages */
.ds5 .ds5-lect{padding:72px 0;background:#fff}.ds5 .ds5-lect-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;align-items:center;padding:40px 48px;background:linear-gradient(135deg,var(--v-surface-2) 0%,#fff 75%);border:1px solid var(--v-line);border-radius:var(--v-r-lg)}.ds5 .ds5-lect-photo{position:relative;width:220px;height:220px;justify-self:center}.ds5 .ds5-lect-photo img{display:block;width:220px;height:220px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:var(--v-shadow-lg)}.ds5 .ds5-lect-badge{position:absolute;right:8px;bottom:12px;width:42px;height:42px;border-radius:50%;background:#1e7d45;color:#fff;border:3px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--v-shadow)}.ds5 .ds5-lect-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v-brand);margin:0 0 6px}.ds5 .ds5-lect h2{font-size:32px;line-height:1.2;font-weight:800;color:var(--v-ink);margin:0 0 14px;text-transform:none}.ds5 .ds5-lect p{font-size:16px;line-height:1.75;color:var(--v-ink);margin:0}.ds5 .ds5-lect-chips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.ds5 .ds5-lect-chips li{font-size:13px;font-weight:700;line-height:1.3;color:var(--v-ink);background:#fff;border:1px solid var(--v-line);border-radius:999px;padding:7px 13px}.ds5 .ds5-lect-chips li::before{content:"\2713";color:#1e7d45;font-weight:800;margin-right:6px}@media (max-width:767.98px){.ds5 .ds5-lect{padding:48px 0}.ds5 .ds5-lect-card{grid-template-columns:1fr;gap:24px;padding:28px 20px;text-align:center}.ds5 .ds5-lect-chips{justify-content:center}.ds5 .ds5-lect h2{font-size:28px}}.ds5 .ds5-adv{padding:80px 0;background:#fff}.ds5 .ds5-adv-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0 56px;align-items:center}.ds5 .ds5-adv-grid>div:first-child{display:contents}.ds5 .ds5-adv h2{grid-column:1/-1}.ds5 .ds5-adv h2{font-size:34px;line-height:1.2;font-weight:800;color:var(--v-ink);margin:0 0 36px;text-transform:none}.ds5 .ds5-adv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}.ds5 .ds5-adv-list li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start}.ds5 .ds5-adv-num{width:52px;height:52px;border-radius:14px;background:var(--v-surface-2);color:var(--v-brand);font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center}.ds5 .ds5-adv-list h3{font-size:19px;line-height:1.3;font-weight:800;color:var(--v-ink);margin:3px 0 6px;text-transform:none}.ds5 .ds5-adv-list p{font-size:15.5px;line-height:1.6;color:var(--v-muted);margin:0}.ds5 .ds5-adv-media{position:relative;width:100%;max-width:520px;justify-self:center;padding:22px}.ds5 .ds5-adv-media::before{content:"";position:absolute;inset:0;border-radius:var(--v-r-lg);background:var(--v-surface-2);transform:rotate(-3deg)}.ds5 .ds5-adv-media img{position:relative;display:block;width:100%;height:auto;border-radius:var(--v-r-lg);box-shadow:var(--v-shadow-lg)}@media (max-width:991.98px){.ds5 .ds5-adv{padding:56px 0}.ds5 .ds5-adv-grid{grid-template-columns:1fr}.ds5 .ds5-adv h2{font-size:28px}.ds5 .ds5-adv-media{margin-top:40px}}@media (max-width:767.98px){.ds5 .ds5-adv-list{grid-template-columns:1fr;gap:22px}}
/* /tecajevi-engleskog-jezika/ (6 Oct 2026): "Nitor škola engleskog jezika" in the v2 design */
.ds5 .ds5-school{padding:88px 0;background:#fff}.ds5 .ds5-school-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}.ds5 .ds5-school-media img{display:block;width:100%;height:auto;border-radius:var(--v-r-lg);box-shadow:var(--v-shadow-lg)}.ds5 .ds5-school-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v-brand);margin:0 0 8px}.ds5 .ds5-school h2{font-size:34px;line-height:1.2;font-weight:800;color:var(--v-ink);margin:0 0 18px;text-transform:none}.ds5 .ds5-school-body p{font-size:16px;line-height:1.75;color:var(--v-muted);margin:0 0 14px}.ds5 .ds5-school-points{list-style:none;margin:22px 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:10px}.ds5 .ds5-school-points li{font-size:14px;font-weight:700;color:var(--v-ink);background:var(--v-surface-2);border-radius:999px;padding:8px 14px}.ds5 .ds5-school-points li::before{content:"\2713";color:var(--v-brand);font-weight:800;margin-right:7px}.ds5 .ds5-school-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}.ds5 a.ds5-school-cta{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--v-r-sm);background:#b35400;color:#fff;font-weight:800;font-size:15px;text-decoration:none;transition:background-color .2s ease}.ds5 a.ds5-school-cta:hover,.ds5 a.ds5-school-cta:focus-visible{background:#8f4300;color:#fff}.ds5 a.ds5-school-cta:focus-visible,.ds5 a.ds5-school-link:focus-visible{outline:3px solid var(--v-tint);outline-offset:3px}.ds5 a.ds5-school-link{font-weight:800;font-size:15px;color:var(--v-brand);text-decoration:underline;text-underline-offset:4px}.ds5 a.ds5-school-link:hover{color:var(--v-brand-hover)}@media (max-width:991.98px){.ds5 .ds5-school{padding:56px 0}.ds5 .ds5-school-grid{grid-template-columns:1fr;gap:32px}.ds5 .ds5-school h2{font-size:28px}}
.ds5 .ds5-landing .headline-center-v2 h2{font-size:32px;line-height:1.25;font-weight:800;color:#fff;margin:0 0 14px;text-transform:none}
.ds5 .ds5-landing .headline-center-v2 .bordered-icon{display:none}
.ds5 .ds5-landing .bg-image-v2 p{color:#e4ebf8;font-size:17px;line-height:1.7}
.ds5 .ds5-landing .bg-image-v2 a,.ds5 .ds5-landing .bg-image-v2 .color-green{color:#fff!important;text-decoration:underline}
.ds5 .ds5-landing .bg-image-v2 .btn-u{min-height:52px;padding:0 28px;border-radius:10px;background:#fff!important;border-color:#fff!important;color:var(--v-deep)!important;font-weight:800}
.ds5 .ds5-landing .service-block-v6{background:#fff!important;padding:72px 0}
.ds5 .ds5-landing .headline-left .headline-brd{font-size:30px}
.ds5 .ds5-landing .service-block-v6 .margin-bottom-30{display:flex;gap:14px;align-items:flex-start}
.ds5 .ds5-landing .service-block-v6 i.icon-custom{flex:none;width:44px;height:44px;border-radius:12px;font-size:18px}
.ds5 .ds5-landing .service-desc h2{font-size:18px;line-height:1.3;font-weight:800;color:var(--v-ink);margin:0 0 4px;text-transform:none}
.ds5 .ds5-landing .service-desc p{font-size:15px;line-height:1.6;color:var(--v-muted);margin:0}
.ds5 .ds5-landing .service-block-v6 img{border-radius:var(--v-r-lg);box-shadow:var(--v-shadow-lg);max-width:100%;height:auto}
.ds5 .ds5-landing .one-page-inner{background:var(--v-surface-2)!important;padding:72px 0}
.ds5 .ds5-landing .one-page-inner img{border-radius:var(--v-r-lg)}
.ds5 .ds5-landing .one-page-inner h2{font-size:30px;font-weight:800;color:var(--v-ink);margin:0 0 12px;text-transform:none}
.ds5 .ds5-landing .one-page-inner p{color:var(--v-muted);font-size:16.5px;line-height:1.7}
.ds5 .ds5-landing .one-page-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 26px;border-radius:10px;background:var(--v-brand)!important;border:0;color:#fff!important;font-weight:800}
/* testimonials of the landing (Bootstrap 3 carousel markup): every quote shown as a card */
.ds5 .ds5-landing .headline-center-v2-dark h2{color:var(--v-ink)}
.ds5 .ds5-landing .headline-center-v2-dark p{color:var(--v-muted);font-size:17px}
.ds5 .ds5-landing .testimonials .carousel-inner{display:grid;gap:16px;overflow:visible}
.ds5 .ds5-landing .testimonials .item{display:block!important;position:static;float:none;margin:0;opacity:1;transform:none;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow);padding:22px 24px}
.ds5 .ds5-landing .testimonials .item p{font-size:15.5px;line-height:1.65;color:var(--v-ink);margin:0 0 10px;padding:0;background:none}
.ds5 .ds5-landing .testimonials .item p::after,.ds5 .ds5-landing .testimonials .item p::before{display:none}
.ds5 .ds5-landing .testimonial-author{font-weight:800;color:var(--v-brand);font-size:14px}
.ds5 .ds5-landing #testimonials-8 .carousel-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
.ds5 .ds5-landing .carousel-arrow{display:none}
.ds5 .ds5-map-band #map{height:420px;margin:0}
.ds5 .ds5-map-band .lkcc-map{font-family:inherit;background:var(--v-surface-2);color:var(--v-ink)}
@media (max-width:991.98px){.ds5 .ds5-landing .equal-height-columns{grid-template-columns:1fr}.ds5 .ds5-landing #testimonials-8 .carousel-inner{grid-template-columns:1fr}.ds5 .ds5-landing .headline-center h2,.ds5 .ds5-landing .headline-center-v2 h2{font-size:28px}.ds5-landing>.container:first-child{padding-top:48px}.ds5 .ds5-landing .bg-color-light,.ds5 .ds5-landing .bg-image-v2,.ds5 .ds5-landing .service-block-v6,.ds5 .ds5-landing .one-page-inner{padding:48px 0}}
/* 404 and English feedback: error card */
.ds5 .ds5-error{max-width:640px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r-lg);box-shadow:var(--v-shadow-lg);padding:48px 36px}
.ds5 .ds5-error .error-v1-title{display:block;font-size:96px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--v-brand);margin:0 0 12px}
.ds5 .ds5-error>span:not(.error-v1-title){display:block;font-size:24px;font-weight:800;color:var(--v-ink);margin:0 0 12px}
.ds5 .ds5-error p{font-size:16.5px;line-height:1.7;color:var(--v-muted);margin:0 0 24px}
.ds5 .ds5-error p a{text-decoration:underline;text-underline-offset:2px}
.ds5 .ds5-error .btn-u{min-height:52px;padding:0 28px;border-radius:10px;font-weight:800}
/* O nama: the content brings its own .container blocks; inside the v2 body they must not add a second gutter */
.ds5 .ds5-wide .container{max-width:none;padding-left:0;padding-right:0}
/* landing testimonials (and blog teasers): the Bootstrap 3 columns flattened into one even three-column grid; not a row whose
   col-md-8 starts with a headline ("Prednosti" on /tecajevi-engleskog-jezika/, 6 Oct 2026: the flattening split it into three strips) */
.ds5 .ds5-landing .content-sm>.row:not(:has(>.col-md-8>.headline-left)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.ds5 .ds5-landing .content-sm>.row:not(:has(>.col-md-8>.headline-left))>[class*="col-"],.ds5 .ds5-landing .content-sm>.row:not(:has(>.col-md-8>.headline-left)) .testimonials,.ds5 .ds5-landing .content-sm>.row:not(:has(>.col-md-8>.headline-left)) .carousel-inner{display:contents}
@media (max-width:991.98px){.ds5 .ds5-landing .content-sm>.row:not(:has(>.col-md-8>.headline-left)){grid-template-columns:1fr}}
/* Bootstrap 5 clearfix of .carousel-inner would become an empty grid cell in the flattened landing testimonials */
.ds5 .ds5-landing .carousel-inner::after{display:none}
/* "Tiskaj ovu stranicu" (btn-u-sea) in the course content: an older rule paints it green with !important */
.ds5 .ds5-content .btn-u.btn-u-sea{background:#fff!important;color:var(--v-brand)!important;border:1px solid var(--v-tint)!important}
.ds5 .ds5-content .btn-u.btn-u-sea:hover,.ds5 .ds5-content .btn-u.btn-u-sea:focus{background:var(--v-surface-2)!important;border-color:var(--v-brand)!important}
.ds5 main a.tooltips{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}
/* static location map (30 Sep 2026): OpenStreetMap picture stored on the site, links to Google Maps; replaces the
   Google Maps widget on 188, 4 and 135 (no external script, no consent needed) */
.ds5 .ds5-map-box{position:relative}
.ds5 .ds5-staticmap{display:block;height:100%}
.ds5 .ds5-staticmap img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.ds5 .ds5-hero-media.ds5-map-box .ds5-staticmap img{height:360px}
.ds5 .ds5-map-box--band .ds5-staticmap img{min-height:460px}
.ds5 .ds5-map-band{position:relative}
.ds5 .ds5-map-band .ds5-staticmap img{height:420px}
.ds5 .ds5-map-credit{position:absolute;right:0;bottom:0;padding:3px 8px;background:rgba(255,255,255,.85);font-size:11.5px;line-height:1.4;color:var(--v-ink);border-top-left-radius:6px}
.ds5 .ds5-map-credit a{color:var(--v-ink);text-decoration:underline}
@media (max-width:991.98px){.ds5 .ds5-hero-media.ds5-map-box .ds5-staticmap img{height:280px}.ds5 .ds5-map-box--band .ds5-staticmap img{min-height:300px}.ds5 .ds5-map-band .ds5-staticmap img{height:300px}}
/* contact page (188): map + "Upute za dolazak" in the hero on desktop; on phones the hero shows no map (the picture is not
   even downloaded, see the <picture> source) and the map card comes after the form */
.ds5 .ds5-map-wrap{display:flex;flex-direction:column;gap:14px;width:100%;max-width:470px}
.ds5 .ds5-directions{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:10px;background:#fff;color:var(--v-deep);font-weight:800;font-size:15px;text-decoration:none;box-shadow:var(--v-shadow)}
.ds5 .ds5-directions:hover,.ds5 .ds5-directions:focus{background:var(--v-surface-2);color:var(--v-deep)}
.ds5 .ds5-map-card{padding:0;overflow:hidden}
.ds5 .ds5-map-card .ds5-map-box{border-radius:0;box-shadow:none}
.ds5 .ds5-map-card .ds5-staticmap img{height:240px}
.ds5 .ds5-map-card .ds5-directions{display:flex;margin:14px;box-shadow:none;border:1px solid var(--v-brand);color:var(--v-brand)}
@media (max-width:991.98px){.ds5 .ds5-hero--contact .ds5-map-desktop{display:none}}
/* CTA A quote button carries btn-u-orange for the GTM key event cta_quote_click; keep its own colours */
.ds5 .ds5-split-btn.btn-u-orange{background:#c2560a!important;border-color:#c2560a!important;color:#fff!important}
.ds5 .ds5-split-btn.btn-u-orange:hover,.ds5 .ds5-split-btn.btn-u-orange:focus{background:#a8490a!important;border-color:#a8490a!important;color:#fff!important}
/* homepage hero, CTA A "contact rows" (canvas JT2GBcWECaisuNrMVRTiQL, board HeroCTA-A; 30 Sep 2026): chunk ds5_home_callout.
   The call-out sentence (TV landingPageCallout_1) is split into label / row / label / row by CSS only (text unchanged). */
.ds5 .ds5-callout-card{width:100%;max-width:440px;background:#fff;border-radius:var(--v-r-lg);box-shadow:0 2px 4px rgba(20,26,38,.06),0 18px 48px rgba(20,26,38,.22);padding:32px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;text-align:left}
.ds5 .ds5-callout-rows{display:flex;flex-direction:column;gap:10px;margin:0;font-size:15px;line-height:1.4;font-weight:700;color:var(--v-muted);letter-spacing:0}
.ds5 .ds5-callout-rows>a{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 16px;border-radius:14px;background:var(--v-surface);border:1px solid var(--v-line);color:var(--v-ink)!important;font-size:21px;font-weight:800;letter-spacing:-.01em;text-decoration:none!important;box-sizing:border-box}
.ds5 .ds5-callout-rows>a:hover,.ds5 .ds5-callout-rows>a:focus{background:var(--v-surface-2);border-color:var(--v-tint)}
.ds5 .ds5-callout-rows>a::before{content:"";flex:none;width:40px;height:40px;border-radius:12px;background:var(--v-brand) center/20px 20px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4z'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
.ds5 .ds5-callout-rows>a[href^="tel:"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.ds5 .ds5-callout-rows .color-green{color:inherit!important;font-weight:inherit}
.ds5 .ds5-callout-card>p{margin:0;font-size:14.5px;line-height:1.6;color:var(--v-muted)}
.ds5 .ds5-callout-card .ds5-callout-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 20px;border-radius:12px;background:#c2560a!important;border-color:#c2560a!important;color:#fff!important;font-weight:800;font-size:15px;letter-spacing:.03em;text-decoration:none;width:100%}
.ds5 .ds5-callout-card .ds5-callout-btn:hover,.ds5 .ds5-callout-card .ds5-callout-btn:focus{background:#a8490a!important;border-color:#a8490a!important;color:#fff!important}
@media (max-width:991.98px){.ds5 .ds5-hero--home .ds5-hero-side .ds5-callout-card{max-width:none}.ds5 .ds5-callout-rows>a{font-size:19px}}