<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="{{ direction }}" lang="{{ lang }}" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="{{ direction }}" lang="{{ lang }}" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="{{ direction }}" lang="{{ lang }}">
<!--<![endif]-->

<head>
<!-- ======================= META & favicon ======================= -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="ROBOTS" content="Index, Follow" />
<meta name="author" content="https://cstyle.ie/" />

{% if robots %}
<meta name="robots" content="{{ robots }}" />
{% endif %}

<base href="{{ base }}" />

{% if description %}
<meta name="description" content="{{ description }}" />
{% endif %}

{% if keywords %}
<meta name="keywords" content="{{ keywords }}" />
{% endif %}

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta property="og:title" content="{{ title }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ og_url }}" />

<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />

{% if og_image %}
	<meta property="og:image" content="{{ og_image }}" />
{% else %}
	<meta property="og:image" content="{{ logo }}" />
{% endif %}

<meta property="og:site_name" content="{{ name }}" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">

<!-- ======================= CSS ======================= -->
<link href="/catalog/view/theme/cstyle/css/reset.css" rel="stylesheet" type="text/css" />
<link href="/catalog/view/theme/cstyle/css/all.min.css" rel="stylesheet" type="text/css" />
<link href="/catalog/view/theme/cstyle/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="/catalog/view/theme/cstyle/css/owl.carousel.min.css" rel="stylesheet" type="text/css" />
<link href="/catalog/view/theme/cstyle/css/fancybox.css" rel="stylesheet" type="text/css" />
<link href="/catalog/view/theme/cstyle/css/main.css" rel="stylesheet" type="text/css" />

<!-- ======================= JS ======================= -->
<script type="text/javascript" src="/catalog/view/theme/cstyle/js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="/catalog/view/theme/cstyle/js/popper.min.js"></script>
<script type="text/javascript" src="/catalog/view/theme/cstyle/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/catalog/view/theme/cstyle/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="/catalog/view/theme/cstyle/js/fancybox.umd.js"></script>
<script type="text/javascript" src="/catalog/view/theme/cstyle/js/script.js"></script>

<script type="text/javascript">

$(document).ready(function() {

});

</script>

<title>{{ title }}</title>

</head>

<body>

<div id="container">

<div class="header bg-white">
	<div class="container">
		<div class="row">
			<div class="col-6 col-lg-2"><div class="logo"><a class="top"><img src="/catalog/view/theme/cstyle/images/logo.svg" /></a></div></div>
			<div class="d-lg-none col-6 text-end"><div class="navButton"><i class="fa-solid fa-bars"></i></div></div>
			<div class="col-12 col-lg-8 mobile">
				<ul class="menu">
					<li><a class="top"><i class="fa-solid fa-house"></i></a></li>
					<li><a class="about">About us</a></li>
					<li><a class="product">Products</a></li>
					<li><a class="specs">Specification</a></li>
					<li><a class="contact">Contacts</a></li>
				</ul>
			</div>
			<div class="col-12 col-lg-2 text-end mobile"><a href="#" class="btn btn-primary mb-4 mb-lg-0 mt-2 contact" >Contact us</a></div>
		</div>
	</div>
</div>