@charset "UTF-8";
  /* --- ZÁKLADNÍ TYPOGRAFIE --- */
  html, body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background: #fff;
    color: #333;
    line-height: 1.5;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    font-weight: bold;
  }
  p {
    margin: 0 0 15px;
  }

  /* --- HLAVNÍ KONTEJNER --- */
  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }

  /* --- HEADER / SP HEADER --- */
  #sp-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
  }

  /* Logo */
  #sp-header .logo {
    margin-right: 30px;
    max-height: 70px;
  }

  /* Menu */
  #sp-header .sp-megamenu-wrapper {
    display: flex;
    justify-content: center;
  }
  #sp-header .sp-megamenu-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 25px;
  }
  #sp-header .sp-megamenu-wrapper ul li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    line-height: 100px; /* vertikální zarovnání s headerem */
  }

  /* --- HERO / ÚVODNÍ OBSAH --- */
  .hero {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
  }
  .hero h1 {
    font-size: 2.5rem;
  }

  /* --- ZÁKLADNÍ TLAČÍTKA / LINKY --- */
  a {
    color: #0073e6;
    text-decoration: none;
  }
  a:hover {
    color: #005bb5;
  }

  /* --- GRID A SEKCÍ --- */
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .col {
    padding-left: 15px;
    padding-right: 15px;
    flex: 1;
  }
 <style id="critical-css">
:root {
	/**<!-- Promo color -->*/
	--header-promo--bg-color:<?php echo $this->params->get('promo_bg_color'); ?>;
	--header-promo--text-color:<?php echo $this->params->get('promo_text_color'); ?>;
	--header-promo--link-color:<?php echo $this->params->get('promo_link_color'); ?>;

	/**<!-- TopBar color -->*/
	--header-topbar--bg-color:<?php echo $this->params->get('topbar_bg_color'); ?>;
	--header-topbar--text-color:<?php echo $this->params->get('topbar_text_color'); ?>;

	/**<!-- Header color -->*/
	--header--bg-color:<?php echo $this->params->get('header_bg_color'); ?>;
	--header--text-color:<?php echo $this->params->get('header_text_color'); ?>;
	--header--link-color:<?php echo $this->params->get('header_link_color'); ?>;
	--header--link-hover-color:<?php echo $this->params->get('header_link_color_hover'); ?>;

	/**<!-- Brand color -->*/
	--color-primary:<?php echo $this->params->get('color_pirmary'); ?>;
	--color-secondary:<?php echo $this->params->get('color_secondary'); ?>;
	--color-success:<?php echo $this->params->get('color_success'); ?>;
	--color-info:<?php echo $this->params->get('color_info'); ?>;
	--color-warning:<?php echo $this->params->get('color_warning'); ?>;
	--color-danger:<?php echo $this->params->get('color_danger'); ?>;
	--color-light:<?php echo $this->params->get('color_light'); ?>;
	--color-dark:<?php echo $this->params->get('color_dark'); ?>;
	--color-white:<?php echo $this->params->get('color_white'); ?>;
	--color-black:<?php echo $this->params->get('color_black'); ?>;
	--color-gray:<?php echo $this->params->get('color_gray'); ?>;

	/**<!-- Base color -->*/
	--body-bg-color:<?php echo $this->params->get('bg_color'); ?>;
	--body-text-color:<?php echo $this->params->get('text_color'); ?>;
	--body-link-color:<?php echo $this->params->get('link_color'); ?>;
	--body-link-hover-color:<?php echo $this->params->get('link_hover_color'); ?>;

	/**<!-- Main menu -->*/
	--mainnav-bg-row-color:<?php echo $this->params->get('menu_bg_row_color'); ?>;
	--mainnav-divider-color:<?php echo $this->params->get('menu_divider_color'); ?>;
	--mainnav-text-color:<?php echo $this->params->get('menu_text_color'); ?>;
	--mainnav-text-hover-color:<?php echo $this->params->get('menu_text_hover_color'); ?>;
	--mainnav-bg-text-color:<?php echo $this->params->get('menu_bg_text_color'); ?>;
	--mainnav-bg-hover-text-color:<?php echo $this->params->get('menu_bg_hover_text_color'); ?>;

	--mainnav-dropdown-bg-color:<?php echo $this->params->get('menu_dropdown_bg_color'); ?>;
	--mainnav-dropdown-gropup-text-color:<?php echo $this->params->get('menu_dropdown_gropup_text_color'); ?>;
	--mainnav-dropdown-text-color:<?php echo $this->params->get('menu_dropdown_text_color'); ?>;
	--mainnav-dropdown-text-hover-color:<?php echo $this->params->get('menu_dropdown_text_hover_color'); ?>;
	--mainnav-dropdown-bg-text-color:<?php echo $this->params->get('menu_dropdown_bg_text_color'); ?>;
	--mainnav-dropdown-bg-hover-text-color:<?php echo $this->params->get('menu_dropdown_bg_hover_text_color'); ?>;

	/**<!-- Footer color -->*/
	--footer-bg-color:<?php echo $this->params->get('footer_bg_color'); ?>;
	--footer-title-color:<?php echo $this->params->get('footer_title_text_color'); ?>;
	--footer-text-color:<?php echo $this->params->get('footer_text_color'); ?>;
	--footer-link-hover-color:<?php echo $this->params->get('footer_link_hover_color'); ?>;
	--footer-link-color:<?php echo $this->params->get('footer_link_color'); ?>;

	--header_height:<?php echo $this->params->get('header_height'); ?>;
}

/* --- FONTY / IKONY --- */
@import url('/templates/vasetema/css/font-awesome.min.css'); /* ikony nad-the-fold */