:root{
  --bg:#0E0E0E;
  --panel:#1C1C1C;
  --elev:#1C1C1C;
  --text:#F2F2F2;
  --muted:#B5B5B5;
  --brand:#6B6F2A;
  --brand-2:#7C8132;
  --accent:#BFA24A;
  --border:#6E6E6E;
  --chip:#1C1C1C;
  --badge:#1C1C1C;
  --grad-1:linear-gradient(135deg,#6B6F2A 0%, #7C8132 50%, #BFA24A 100%);
  --container:1160px;
  --radius:0px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Roboto,system-ui,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
}
/* Prevent horizontal overflow on small devices */
html, body { overflow-x: hidden; }
/* Global heading font */
h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}

.container{max-width:var(--container);margin:0 auto;padding:0 16px;width:100%;min-width:0}
.row{display:flex}
.items-center{align-items:center}
.spread{justify-content:space-between}
.gap-8{gap:8px}
.gap-12{gap:12px}
.gap-16{gap:16px}
.muted{color:var(--muted)}
.badge{background:var(--badge);color:#9fb1ff;border:1px solid var(--border);padding:6px 10px;border-radius:0;font-size:12px;font-weight:600}
.chip{display:inline-block;background:var(--chip);color:#9fb1ff;border:1px solid var(--border);padding:6px 10px;border-radius:0;font-size:12px;font-weight:600}
.btn{background:var(--brand);color:white;border:0;padding:10px 14px;border-radius:0;font-weight:600;cursor:pointer}
input[type="email"], input[type="text"]{flex:1;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:0}
.link{color:var(--brand)}
.placeholder{background:var(--panel);border:1px solid var(--border)}
.gradient{background-image:var(--grad-1)}

.topbar{background:var(--panel);border-bottom:1px solid var(--border);font-size:13px}
.topbar .social{color:var(--muted)}
.topbar .social:hover{color:var(--text)}

.header{position:sticky;top:70px;z-index:20;background:transparent;border-bottom:0;box-shadow:none}
.logo{font-weight:800;letter-spacing:.2px}
.logo span{font-family:Roboto,sans-serif;font-weight:700;font-size:22px}
.primary-nav{display:flex;gap:18px}
.primary-nav a{padding:14px 8px;border-radius:0;color:#c6d1e5}
.primary-nav a:hover{background:var(--elev);color:white}
.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px;border-radius:0;cursor:pointer}
.hamburger{display:none;flex-direction:column;gap:4px;background:transparent;border:1px solid var(--border);padding:8px 10px;border-radius:0;cursor:pointer}
.hamburger span{display:block;width:20px;height:2px;background:var(--text)}

.ticker{background:var(--panel);border-bottom:1px solid var(--border)}
.ticker .container{overflow:hidden}
.ticker-track{display:flex;gap:32px;white-space:nowrap;animation:ticker 40s linear infinite}
.ticker-track a{color:var(--muted)}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== New Top Bar (spec) ===== */
.top-bar.fl-wrap{
  color:var(--text);
  text-rendering:optimizeSpeed;
  text-align:center;
  box-sizing:border-box;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
  text-decoration:none;
  margin:0;
  padding:0;
  float:none;
  width:100%;
  position:sticky;
  top:0;
  background:var(--panel);
  height:70px;
  overflow:hidden;
  transition:all .2s ease-in-out;
  z-index:30;
}
.top-bar .container{height:100%; position:relative; display:flex; align-items:center}
.top-bar .date-holder{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;align-items:baseline;gap:6px}
.top-bar .date_num{font-family:Roboto,sans-serif;font-weight:700;font-size:24px;color:var(--text)}
.top-bar .date_mounth,.top-bar .date_year{font-size:12px;letter-spacing:1px;color:var(--text)}
.top-bar .top-line-list{
  /* requested base style */
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  list-style:none;
  color:var(--text);
  text-rendering:optimizeSpeed;
  text-align:center;
  box-sizing:border-box;
  border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;text-decoration:none;
  margin:0;padding:0;
  position:absolute;top:50%;left:calc(var(--dateW, 120px) + 16px);transform:translateY(-50%);
  display:flex;align-items:center;gap:10px;
  z-index:30;
}
.top-bar .top-line-list .city-weather{color:var(--text);font-size:12px;white-space:nowrap}
.top-bar .top-line-list svg{display:inline-block;vertical-align:middle;margin-left:6px}
.top-bar .top-line-list .cel-temperature{margin-left:4px;font-size:12px;color:var(--text)}
.top-bar .top-line-list .time-now{font-size:12px;color:var(--text);white-space:nowrap}
.header_news-ticker-wrap{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;flex:1;min-width:0;padding-left:140px;position:relative}
.hnt_title{color:var(--text);font-weight:600}
.header_news-ticker{position:relative;height:70px;overflow:hidden;display:block;flex:1;z-index:1}
.header_news-ticker ul{position:absolute;top:0;left:0;right:0;margin:0;padding:0;list-style:none;width:100%;transition:transform .4s ease;will-change:transform}
.header_news-ticker li{margin:0;height:70px;display:flex;align-items:center;padding-right:190px}
.header_news-ticker a{color:var(--text);display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n_contr-wrap{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;gap:8px}
.n_contr{width:28px;height:28px;border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;background:transparent;color:var(--text)}
.n_contr:hover{background:var(--brand);color:#000}
.topbar-social{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:8px;align-items:center}
.topbar-social a{color:#000;display:grid;place-items:center;width:32px;height:32px;background:var(--brand);border:1px solid var(--border)}
.topbar-social a:hover{background:var(--brand-2)}
.hnt_title{color:#000;background:var(--brand);padding:6px 12px;text-transform:uppercase;font-size:12px;border:1px solid var(--border)}

/* Contain top bar children to avoid accidental horizontal overflow */
.top-bar .container{overflow:hidden}

/* ===== Search Button Styling ===== */
.search_btn.htact.show_search-btn{
  text-rendering: optimizeSpeed;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-family: inherit;
  text-decoration: none;
  margin: 0;
  padding: 0;
  float: right;
  color: #666;
  cursor: pointer;
  position: relative;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-left: 1px solid #eee;
  text-align: center;
  box-sizing: border-box;
  font-weight: 600;
  border-right: 1px solid #eee;
  margin-left: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: all 0.2s ease;
}

.search_btn.htact.show_search-btn:hover{
  background: var(--brand);
  color: #000;
}

.search_btn.htact.show_search-btn i{
  font-size: 16px;
  margin-right: 4px;
  display: inline-block;
  width: 16px;
  text-align: center;
}

.search_btn.htact.show_search-btn .header-tooltip{
  display: none;
}

/* Header tooltip styling */
.header-tooltip{
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  z-index: 100;
}

.search_btn.htact.show_search-btn:hover .header-tooltip{
  opacity: 1;
  visibility: visible;
  bottom: -35px;
}

/* ===== Cart Button Styling ===== */
.show-cart.sc_btn.htact{
  text-rendering: optimizeSpeed;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-family: inherit;
  text-decoration: none;
  margin: 0;
  padding: 0;
  float: right;
  font-size: 16px;
  color: #666;
  cursor: pointer;
  position: relative;
  width: 70px;
  height: 70px;
  line-height: 70px;
  margin-left: 24px;
  border-left: 1px solid #eee;
  text-align: center;
  box-sizing: border-box;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: all 0.2s ease;
}

.show-cart.sc_btn.htact:hover{
  background: var(--brand);
  color: #000;
}

.show-cart.sc_btn.htact i{
  font-size: 16px;
  margin-right: 4px;
}

.show-cart.sc_btn.htact .show-cart_count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  background: #292929;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 50%;
  margin-left: 6px;
  padding: 0 4px;
  line-height: 18px;
}

.show-cart.sc_btn.htact:hover .show-cart_count{
  background: #000;
  color: var(--brand);
}

.show-cart.sc_btn.htact .header-tooltip{
  display: none;
}

.show-cart.sc_btn.htact:hover .header-tooltip{
  opacity: 1;
  visibility: visible;
  bottom: -35px;
}

/* ===== Cart Mega Menu Styling ===== */
.header-cart_wrap.novis_cart{
  display: none;
  position: absolute;
  top: 70px;
  right: 0;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 10px 20px rgba(0,0,0,.06);
  z-index: 100;
  width: 320px;
  max-height: 400px;
  overflow-y: auto;
}

.header-cart_wrap.novis_cart.active{
  display: block;
}

.header-cart_title{
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  font-weight: 600;
  color: #292929;
  background: #f9f9f9;
}

.header-cart_wrap_container{
  padding: 12px;
}

.widget-posts ol{
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget-posts li{
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}

.widget-posts li:last-child{
  border-bottom: none;
}

.widget-posts-img{
  width: 60px;
  height: 60px;
  margin-right: 12px;
  flex-shrink: 0;
}

.widget-posts-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.widget-posts-descr{
  flex: 1;
  min-width: 0;
}

.widget-posts-descr a{
  color: #292929;
  font-weight: 500;
  font-size: 14px;
  display: block;
  margin-bottom: 4px;
  text-decoration: none;
}

.widget-posts-descr a:hover{
  color: var(--brand);
}

.widget-posts-descr_calc{
  color: #666;
  font-size: 13px;
}

.clear-cart_button{
  margin-left: 8px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
}

.clear-cart_button:hover{
  background: #e0e0e0;
}

.clear-cart_button i{
  font-size: 12px;
  color: #666;
}

.header-cart_wrap_total{
  padding: 12px 16px;
  border-top: 1px solid #eee;
  background: #f9f9f9;
}

.header-cart_wrap_total_item{
  font-weight: 600;
  color: #292929;
  display: flex;
  justify-content: space-between;
}

.header-cart_wrap_footer{
  padding: 12px 16px;
  border-top: 1px solid #eee;
  display: flex;
  gap: 8px;
}

.header-cart_wrap_footer a{
  flex: 1;
  padding: 8px 12px;
  text-align: center;
  background: var(--brand);
  color: #000;
  text-decoration: none;
  font-weight: 600;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.header-cart_wrap_footer a:hover{
  background: var(--brand-2);
}

.header-cart_wrap_footer a:first-child{
  background: #f0f0f0;
  color: #292929;
}

.header-cart_wrap_footer a:first-child:hover{
  background: #e0e0e0;
}

/* Search dropdown functionality */
.header-search-wrap.novis_sarch{
  display: none;
  position: absolute;
  top: 70px;
  right: 20px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 10px 20px rgba(0,0,0,.06);
  z-index: 100;
}

.header-search-wrap.novis_sarch.active{
  display: block;
}

.header-search-wrap .widget-inner{
  padding: 12px;
}

.header-search-wrap .search{
  width: 260px;
  padding: 8px 10px;
  border: 1px solid #eee;
  color: #292929;
  background: #fff;
  margin-right: 8px;
}

.search-submit{
  background: #292929;
  color: #fff;
  border: 0;
  padding: 8px 10px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.search-submit:hover{
  background: var(--brand);
  color: #000;
}

/* ===== Header Inner (spec) ===== */
.header-inner.fl-wrap{
  color:#292929;
  text-rendering:optimizeSpeed;
  text-align:center;
  box-sizing:border-box;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
  text-decoration:none;
  margin:0;
  padding:0;
  float:none;
  width:100%;
  position:relative;
  background:#fff;
  height:92px;
  border-bottom:1px solid #eee;
  box-shadow:0 15px 30px 0 #0000000f;
}
.header-inner .container{height:100%;display:flex;align-items:center;gap:16px;justify-content:flex-start;position:relative}
.nav-button{display:none}
.logo-holder img{display:block;height:72px;width:auto;margin:10px 0}
.htact{display:flex;align-items:center;gap:6px;color:#292929;cursor:pointer}
.header-tooltip{font-size:12px;color:#6E6E6E}
.show-cart_count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;background:#292929;color:#fff;font-size:11px;margin-left:6px}
.header-search-wrap,.header-cart_wrap{position:absolute;top:70px;right:20px;background:#fff;border:1px solid #eee;box-shadow:0 10px 20px rgba(0,0,0,.06);display:none}
.header-search-wrap .widget-inner{padding:12px}
.header-search-wrap .search{width:260px;padding:8px 10px;border:1px solid #eee;color:#292929;background:#fff}
.search-submit{background:#292929;color:#fff;border:0;padding:8px 10px;cursor:pointer}
.main-menu.nav-holder{margin-left:auto;flex:1;min-width:0;order:1}
.main-menu nav ul{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:nowrap}
.main-menu nav a{color:#292929}
.nav-button-wrap{display:none}

/* Dropdown behavior */
.main-menu nav li{position:relative}
.main-menu nav > ul > li{white-space:nowrap}
.main-menu nav > ul > li > a{
  color:#292929;
  text-rendering:optimizeSpeed;
  text-align:center;
  box-sizing:border-box;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
  text-decoration:none;
  margin:0;
  padding:0;
  float:right;
  position:relative;
  opacity:1;
  top:0;
  visibility:visible;
  z-index:20;
}
.main-menu nav ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #eee;box-shadow:0 10px 20px rgba(0,0,0,.06);padding:8px 0;min-width:180px;z-index:50}
.main-menu nav ul ul li{white-space:nowrap;padding:0}
.main-menu nav ul ul a{display:block;padding:8px 12px;color:#292929}
.main-menu nav ul ul a:hover{background:#f7f7f7}
.main-menu nav li:hover>ul{display:block}
.main-menu nav ul ul ul{top:0;left:100%}

/* ===== New Header Menu Styling ===== */
.main-menu nav{
  color: #292929;
  text-rendering: optimizeSpeed;
  text-align: center;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  visibility: visible;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: block;
  position: relative;
  float: right;
}

.main-menu nav ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0;
}

.main-menu nav > ul > li{
  position: relative;
  white-space: nowrap;
}

.main-menu nav > ul > li > a{
  color: #292929;
  text-rendering: optimizeSpeed;
  text-align: center;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  text-decoration: none;
  margin: 0;
  padding: 0;
  float: right;
  position: relative;
  opacity: 1;
  top: 0;
  visibility: visible;
  z-index: 20;
  display: block;
  padding: 14px 8px;
  border-radius: 0;
}

.main-menu nav > ul > li > a:hover,
.main-menu nav > ul > li > a.act-link{
  background: var(--elev);
  color: white;
}

.main-menu nav > ul > li > a i{
  margin-left: 6px;
  font-size: 12px;
}

/* Dropdown menus */
.main-menu nav ul ul{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #6B6F2A;
  border: 1px solid #6B6F2A;
  box-shadow: 0 10px 20px rgba(0,0,0,.06);
  padding: 8px 0;
  min-width: 180px;
  z-index: 50;
  flex-direction: column;
  gap: 0;
}

.main-menu nav ul ul li{
  white-space: nowrap;
  padding: 0;
}

.main-menu nav ul ul a{
  display: block;
  padding: 8px 12px;
  color: #ffffff;
  text-rendering: optimizeSpeed;
  text-align: left;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  text-decoration: none;
  margin: 0;
  position: relative;
  opacity: 1;
  visibility: visible;
  z-index: 20;
}

.main-menu nav ul ul a:hover{
  background: #5a5e24;
}

.main-menu nav ul ul ul{
  top: 0;
  left: 100%;
}

/* Show dropdowns on hover */
.main-menu nav li:hover > ul{
  display: flex;
}

/* ===== Menu styling like provided sample (specific to #menu-main-menu) ===== */
#menu-main-menu{ 
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  padding-left:0;
  list-style:none;
  margin:0;
  display:flex;
  gap:18px;
  align-items:center;
  float:left !important;
}
#menu-main-menu > li{ position:relative; }
#menu-main-menu > li > a{
  text-transform:uppercase;
  letter-spacing:.02em;
  -webkit-transition:all .2s ease-in-out;
  transition:color .2s ease-in-out, opacity .2s ease-in-out, transform .2s ease-in-out;
  display:block;
  line-height:24px;
  padding:0 10px;
}
#menu-main-menu > li > a:hover{ opacity:.9 }
/* space before caret icon */
#menu-main-menu > li > a > i{ margin-left:6px }

/* Dropdowns per provided structure */
#menu-main-menu .dropdown{ 
  display:none; position:absolute; top:100%; left:0; min-width:200px;
  background:#fff; border:1px solid #eee; box-shadow:0 10px 20px rgba(0,0,0,.06); padding:8px 0; z-index:50;
}
#menu-main-menu li:hover > .dropdown{ display:block }
#menu-main-menu .dropdown li{ white-space:nowrap }
#menu-main-menu .dropdown a{
  display:block;
  padding:8px 12px;
  color:#292929;
  text-rendering:optimizeSpeed;
  text-align:center;
  box-sizing:border-box;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  text-decoration:none;
  margin:0;
  position:relative;
  opacity:1;
  visibility:visible;
  z-index:20;
}
#menu-main-menu .dropdown a:hover{ background:#f7f7f7 }

/* ===== Scroll-up sticky behavior ===== */
.top-bar.fl-wrap, .header{transition:transform .2s ease-out;will-change:transform}
.body-scroll-down .top-bar.fl-wrap{transform:translateY(-100%)}
.body-scroll-down .header{transform:translateY(-70px)}
.body-scroll-up .top-bar.fl-wrap{transform:translateY(0)}
.body-scroll-up .header{transform:translateY(0)}

/* At top of page, restore both top bar and header positioning */
.body-at-top .top-bar.fl-wrap{transform:translateY(0)}
.body-at-top .header{transform:translateY(0)}

/* Desktop: when scrolling up (but not at very top), keep top bar hidden and pin header to viewport top */
@media (min-width: 901px){
  .body-scroll-up:not(.body-at-top) .top-bar.fl-wrap{transform:translateY(-100%)}
  .body-scroll-up:not(.body-at-top) .header{transform:none}
}

/* Desktop: when header is fixed on scroll-up */
@media (min-width: 901px){
  .body-header-fixed .top-bar.fl-wrap{transform:translateY(-100%)}
  .body-header-fixed .header{position:fixed;top:0;left:0;right:0;transform:none;z-index:40}
  .body-header-fixed .main{padding-top:var(--headerH, 96px)}
}

/* Order items: logo left (0), nav center (1), actions right (2) */
.logo-holder{order:0}
.search_btn,.srf_btn,.show-cart,.nav-button-wrap{order:2;margin-left:12px}

/* Provided styling block applied to nav-button-wrap */
.nav-button-wrap{
  color:#292929;
  text-rendering:optimizeSpeed;
  text-align:center;
  box-sizing:border-box;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
  text-decoration:none;
  margin:0;
  padding:0;
  float:right;
  position:relative;
  opacity:1;
  top:0;
  visibility:visible;
  z-index:20;
}

@media (max-width: 900px){
  .main-menu.nav-holder{display:none}
  .nav-button-wrap{display:block;margin-left:auto}
}
.main{padding:24px 0 64px}
.hero .hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.hero-slider-wrap{color:#292929;text-rendering:optimizeSpeed;text-align:center;box-sizing:border-box;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;text-decoration:none;margin:0;padding:0;display:block;clear:both;width:100%;position:relative;overflow:hidden;height:650px}
.hero-slider-container,.hero-slider-container .swiper-container,.hero-slider-container .swiper-wrapper,.hero-slider-container .swiper-slide{height:100%}
.hero-slider-container .swiper-slide{position:relative}
.hero-slider-container .bg-wrap{position:absolute;inset:0}
.hero-slider-container .bg{position:absolute;inset:0;background-position:center;background-size:cover}
.hero-slider-container .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.15),rgba(0,0,0,0.45))}
.hero-slider-container .hero-item{
  color:#292929;
  text-rendering:optimizeSpeed;
  text-align:center;
  list-style:none;
  cursor:grab;
  box-sizing:border-box;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
  text-decoration:none;
  margin:0;
  padding:0;
  float:left;
  width:100%;
  position:absolute;
  left:0;
  right:0;
  z-index:20;
  bottom:0;
  padding-bottom:240px;
}
.hero-slider-container .hero-item .container{max-width:1100px;margin:0 auto}
.hero-slider-container .hero-item h2{font-family:Roboto,sans-serif;font-size:42px;line-height:1.2;margin:10px 0;color:#F2F2F2}
.hero-slider-container .hero-item h4{font-size:16px;color:#B5B5B5;margin:0 auto 10px;max-width:780px}
.hero-slider-container .post-category-marker{display:inline-block;background:#6B6F2A;color:#000;padding:6px 10px;text-transform:uppercase;font-weight:600}
.fs-slider_btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#6B6F2A;color:#000;cursor:pointer;z-index:5}
.fs-slider-button-prev{left:16px}
.fs-slider-button-next{right:16px}
.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.feature-card .media .img{height:360px}
.card-body{padding:18px}
.feature-title{font-family:Roboto,sans-serif;font-size:32px;line-height:1.25;margin:10px 0 6px}
.meta{color:var(--muted);font-size:13px}
.stack{display:flex;flex-direction:column;gap:16px}
.list-card{display:grid;grid-template-columns:120px 1fr;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.list-card .thumb{height:90px}
.list-body{padding:12px}

.placeholder,.img.placeholder,.thumb.placeholder{background-position:center;background-size:cover;background-repeat:no-repeat}
.feature-card .media .img.placeholder{background-image:url('https://picsum.photos/1200/600?random=101')}
.stack .list-card:nth-child(1) .thumb.placeholder{background-image:url('https://picsum.photos/240/180?random=201')}
.stack .list-card:nth-child(2) .thumb.placeholder{background-image:url('https://picsum.photos/240/180?random=202')}
.stack .list-card:nth-child(3) .thumb.placeholder{background-image:url('https://picsum.photos/240/180?random=203')}
.cards-grid article:nth-child(1) .media .img{background-image:url('https://picsum.photos/600/400?random=301')}
.cards-grid article:nth-child(2) .media .img{background-image:url('https://picsum.photos/600/400?random=302')}
.cards-grid article:nth-child(3) .media .img{background-image:url('https://picsum.photos/600/400?random=303')}
.cards-grid article:nth-child(4) .media .img{background-image:url('https://picsum.photos/600/400?random=304')}
.cards-grid article:nth-child(5) .media .img{background-image:url('https://picsum.photos/600/400?random=305')}
.cards-grid article:nth-child(6) .media .img{background-image:url('https://picsum.photos/600/400?random=306')}
.sidebar .popular-list .pop-item:nth-child(1) .thumb.placeholder{background-image:url('https://picsum.photos/80/80?random=401')}
.sidebar .popular-list .pop-item:nth-child(2) .thumb.placeholder{background-image:url('https://picsum.photos/80/80?random=402')}
.sidebar .popular-list .pop-item:nth-child(3) .thumb.placeholder{background-image:url('https://picsum.photos/80/80?random=403')}

.layout{display:grid;grid-template-columns:1fr 320px;gap:32px;margin-top:28px;min-width:0}
.content{min-width:0}
.section-header h2{font-family:Roboto,sans-serif;margin:0}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;min-width:0}
.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.card .media .img{height:180px}
.card h3{margin:10px 0}
.card p{color:var(--muted)}

.sidebar{display:flex;flex-direction:column;gap:20px}
.widget{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.widget h4{margin:0 0 8px;font-size:16px}
.widget.categories ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.widget.categories li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding:8px 0}
.popular-list{display:flex;flex-direction:column;gap:10px}
.pop-item{display:flex;gap:10px;align-items:center;color:var(--text)}
.thumb.sm{width:52px;height:52px;border-radius:0}
.ad .ad-box{
  height:250px;
  display:grid;
  place-items:center;
  background: var(--panel) url('https://picsum.photos/300/250?random=501') center/cover no-repeat;
  border:1px dashed var(--border);
  border-radius:0;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.6);
}

/* ===== Full-width Video Carousel ===== */
.no-padding {
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  float: left !important;
  width: 100% !important;
  position: relative !important;
  z-index: 10 !important;
  overflow: hidden !important;
  color: #292929 !important;
  text-rendering: optimizeSpeed !important;
  text-align: center !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  font-size: 100% !important;
  font-family: inherit !important;
  box-sizing: border-box !important;
}

.fs-carousel-wrap {
  position: relative;
  width: 100%;
  background: var(--panel);
}

.fs-carousel-wrap_title {
  position: relative;
  padding: 60px 40px;
  text-align: center;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
  color: #fff;
  border-bottom: 1px solid var(--border);
}

.fs-carousel-wrap_title-wrap h4 {
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 15px 0;
  font-family: Roboto, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.fs-carousel-wrap_title-wrap h5 {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  opacity: 0.8;
  max-width: 600px;
  margin: 0 auto;
}

.abs_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://picsum.photos/seed/carousel-bg/1920/300.jpg') center/cover;
  opacity: 0.2;
  z-index: 1;
}

.fs-carousel-wrap_title-wrap {
  position: relative;
  z-index: 2;
}

/* Mobile header adjustments */
@media (max-width: 767px) {
  .fs-carousel-wrap_title {
    padding: 40px 20px;
    padding-bottom: 20px; /* Reduced bottom padding since controls moved below */
  }
  
  .fs-carousel-wrap_title-wrap h4 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  
  .fs-carousel-wrap_title-wrap h5 {
    font-size: 16px;
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  .fs-carousel-wrap_title {
    padding: 30px 15px;
    padding-bottom: 15px;
  }
  
  .fs-carousel-wrap_title-wrap h4 {
    font-size: 24px;
    letter-spacing: 1px;
  }
  
  .fs-carousel-wrap_title-wrap h5 {
    font-size: 14px;
  }
}

.gs-controls {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  display: flex;
  gap: 15px;
  z-index: 3;
}

.gs_button {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 18px;
}

.gs_button:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: scale(1.1);
}

/* Mobile fixes for controls */
@media (max-width: 767px) {
  .gs-controls {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    justify-content: center;
    margin-top: 20px;
    padding: 0 15px;
  }
  
  .gs_button {
    width: 40px;
    height: 40px;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
  
  .gs_button:hover {
    background: rgba(0, 0, 0, 0.5);
    border-color: rgba(255, 255, 255, 0.4);
  }
}

@media (max-width: 480px) {
  .gs-controls {
    margin-top: 15px;
    gap: 10px;
  }
  
  .gs_button {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}

.fs-carousel {
  padding: 60px 0;
  background: var(--panel);
}

.swiper-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
  align-items: stretch;
  transition: transform 0.5s ease;
  will-change: transform;
}

.swiper-slide {
  flex: 0 0 auto;
  width: 320px;
  margin-right: 20px;
}

/* Responsive adjustments */
@media (min-width: 1400px) {
  .swiper-container {
    max-width: 1400px;
  }
  .swiper-slide {
    width: 320px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .swiper-container {
    max-width: 1200px;
  }
  .swiper-slide {
    width: 280px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .swiper-container {
    max-width: 960px;
  }
  .swiper-slide {
    width: 290px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .swiper-container {
    max-width: 720px;
  }
  .swiper-slide {
    width: 330px;
  }
}

@media (max-width: 767px) {
  .swiper-container {
    max-width: 100%;
    padding: 0 15px;
  }
  .swiper-slide {
    width: 100%;
    margin-right: 0;
  }
}

.grid-post-item {
  background: var(--panel);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.grid-post-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.grid-post-media {
  position: relative;
  height: 250px;
  overflow: hidden;
}

.grid-post-media .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s ease;
}

.grid-post-item:hover .grid-post-media .bg {
  transform: scale(1.1);
}

.author-link {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  padding: 10px 15px;
  border-radius: 25px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease;
  z-index: 2;
}

.author-link:hover {
  background: rgba(0, 0, 0, 0.9);
  transform: translateY(-2px);
}

.author-link img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.grid-post-media_title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 20px 20px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95), transparent);
  color: #fff;
  z-index: 1;
}

.post-category-marker {
  display: inline-block;
  background: var(--brand);
  color: #000;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-decoration: none;
  letter-spacing: 1px;
}

.post-category-marker:hover {
  background: var(--brand-2);
  transform: translateY(-1px);
}

.grid-post-media_title h4 {
  margin: 0 0 15px 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.grid-post-media_title h4 a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.grid-post-media_title h4 a:hover {
  color: var(--brand);
}

.video-date {
  display: block;
  font-size: 13px;
  opacity: 0.9;
  margin-bottom: 15px;
  font-weight: 500;
}

.post-opt {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
}

.post-opt li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.post-opt li i {
  font-size: 14px;
}

/* Swiper Navigation */
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  z-index: 10;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  transition: all 0.3s ease;
}

.swiper-button-next {
  right: 20px;
}

.swiper-button-prev {
  left: 20px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: scale(1.1);
}

/* Responsive */
@media (max-width: 1200px) {
  .swiper-slide {
    width: 350px;
  }
}

@media (max-width: 768px) {
  .fs-carousel-wrap_title {
    padding: 40px 20px;
  }
  
  .fs-carousel-wrap_title-wrap h4 {
    font-size: 28px;
  }
  
  .fs-carousel-wrap_title-wrap h5 {
    font-size: 16px;
  }
  
  .gs-controls {
    right: 20px;
  }
  
  .gs_button {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  
  .swiper-slide {
    width: 300px;
  }
  
  .swiper-container {
    padding: 0 20px;
  }
  
  .grid-post-media {
    height: 200px;
  }
  
  .grid-post-media_title h4 {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .fs-carousel-wrap_title {
    padding: 30px 15px;
  }
  
  .fs-carousel {
    padding: 30px 0;
  }
  
  .swiper-slide {
    width: 280px;
    margin-right: 20px;
  }
  
  .grid-post-media {
    height: 180px;
  }
  
  .grid-post-media_title {
    padding: 20px 15px 15px;
  }
  
  .grid-post-media_title h4 {
    font-size: 16px;
  }
}

/* ===== Registration Modal ===== */
.main-register-wrap {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  z-index: 9999 !important;
  display: none !important;
  background: rgba(0, 0, 0, 0.8) !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.main-register-wrap.fl-wrap.vis_mr {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

.main-register_bg {
  display: none !important;
}

.main-register {
  position: relative !important;
  z-index: 3 !important;
  background: #fff !important;
  border-radius: 8px !important;
  width: 90% !important;
  max-width: 500px !important;
  margin: 0 !important;
  padding: 30px !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.close-modal {
  position: absolute !important;
  top: 15px !important;
  left: 15px !important;
  width: 30px !important;
  height: 30px !important;
  background: #f5f5f5 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  z-index: 10 !important;
}

.close-modal:hover {
  background: var(--brand) !important;
  color: #000 !important;
}

.main-register .tabs-menu {
  display: flex !important;
  list-style: none !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #eee !important;
}

.main-register .tabs-menu li {
  flex: 1 !important;
  text-align: center !important;
}

.main-register .tabs-menu li a {
  display: block !important;
  padding: 15px !important;
  color: #666 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  border-bottom: 2px solid transparent !important;
}

.main-register .tabs-menu li.current a {
  color: var(--brand) !important;
  border-bottom-color: var(--brand) !important;
}

.close-modal {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  width: 30px !important;
  height: 30px !important;
  background: #f5f5f5 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.close-modal:hover {
  background: var(--brand) !important;
  color: #000 !important;
}

.tab-content {
  display: none !important;
}

.tab-content.first-tab {
  display: block !important;
}

.custom-form label {
  display: block !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important;
  color: #333 !important;
}

.custom-form input {
  width: 100% !important;
  padding: 12px !important;
  margin-bottom: 20px !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

.custom-form input:focus {
  outline: none !important;
  border-color: var(--brand) !important;
}

.filter-tags {
  margin-bottom: 20px !important;
}

.filter-tags label {
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
  color: #666 !important;
}

.filter-tags input[type="checkbox"] {
  margin-right: 8px !important;
  width: auto !important;
  margin-bottom: 0 !important;
}

.lost_password {
  margin-bottom: 20px !important;
}

.lost_password a {
  color: var(--brand) !important;
  text-decoration: none !important;
}

.lost_password a:hover {
  text-decoration: underline !important;
}

.log-submit-btn {
  width: 100% !important;
  padding: 15px !important;
  background: var(--brand) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.log-submit-btn:hover {
  background: var(--brand-2) !important;
}

.log-separator {
  text-align: center !important;
  margin: 30px 0 !important;
  position: relative !important;
}

.log-separator span {
  background: #fff !important;
  padding: 0 15px !important;
  color: #999 !important;
}

.log-separator:before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: #eee !important;
}

.soc-log p {
  text-align: center !important;
  color: #666 !important;
  margin-bottom: 15px !important;
}

.soc-log a {
  display: block !important;
  text-align: center !important;
  padding: 12px !important;
  background: #1877f2 !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
}

.soc-log a:hover {
  background: #166fe5 !important;
}

/* Responsive */
@media (max-width: 768px) {
  .main-register {
    width: 95% !important;
    padding: 20px !important;
  }
  
  .main-register .tabs-menu li a {
    padding: 12px 8px !important;
    font-size: 14px !important;
  }
}

/* ===== Simple Hero Slider ===== */
.hero-slider-section{
  position: relative;
  width: 100%;
  height: 650px;
  overflow: hidden;
  background: var(--panel);
}

.slider-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
}

.slides-container{
  position: relative;
  width: 100%;
  height: 100%;
}

.slide{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  z-index: 1;
}

.slide.active{
  opacity: 1;
  z-index: 2;
}

.slide-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.6));
}

.slide-content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
}

.slide-content .container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.slide-content .category{
  display: inline-block;
  background: var(--brand);
  color: #000;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.slide-content h1{
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px;
  line-height: 1.2;
  max-width: 800px;
}

.slide-content p{
  font-size: 18px;
  color: rgba(255,255,255,0.9);
  margin: 0 0 30px;
  max-width: 600px;
  line-height: 1.6;
}

.author-info{
  display: flex;
  align-items: center;
  gap: 15px;
}

.author-info img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid rgba(255,255,255,0.2);
}

.author-info span{
  color: rgba(255,255,255,0.9);
  font-size: 14px;
}

.author-info .date{
  color: var(--brand);
  font-weight: 600;
}

/* Navigation Buttons */
.slider-btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: var(--brand);
  color: #000;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 20;
  transition: all 0.3s ease;
  font-size: 18px;
}

.slider-btn:hover{
  background: var(--brand-2);
  transform: translateY(-50%) scale(1.1);
}

.prev-btn{
  left: 20px;
}

.next-btn{
  right: 20px;
}

/* Slider Dots */
.slider-dots{
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 20;
}

.dot{
  width: 12px;
  height: 12px;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot.active{
  background: var(--brand);
}

.dot:hover{
  background: rgba(255,255,255,0.6);
}

/* Responsive */
@media (max-width: 768px){
  .hero-slider-section{
    height: 500px;
  }
  
  .slide-content h1{
    font-size: 32px;
  }
  
  .slide-content p{
    font-size: 16px;
  }
  
  .author-info{
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  
  .slider-btn{
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  
  .prev-btn{
    left: 10px;
  }
  
  .next-btn{
    right: 10px;
  }
  
  .slider-dots{
    bottom: 20px;
  }
}

@media (max-width: 480px){
  .hero-slider-section{
    height: 400px;
  }
  
  .slide-content h1{
    font-size: 24px;
  }
  
  .slide-content p{
    font-size: 14px;
  }
  
  .slider-dots{
    bottom: 15px;
  }
}

/* Hero Slider Controls */
.hero-slider_controls-wrap{
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  z-index: 30;
}

.hero-slider_controls-wrap .container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.hero-slider_controls-list.multi-slider_control{
  position: relative;
}

.hero-slider_controls-list .swiper-container{
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-slider_controls-list .swiper-wrapper{
  display: flex;
  align-items: stretch;
  transition: transform 0.3s ease;
  justify-content: center;
}

.hero-slider_controls-list .swiper-slide{
  width: auto !important;
  margin-right: 30px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

.hsc-list_item.fl-wrap{
  display: flex;
  align-items: center;
  gap: 15px;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 250px;
  max-width: 280px;
}

.hsc-list_item.fl-wrap:hover,
.hsc-list_item.fl-wrap.swiper-slide-thumb-active{
  background: var(--brand);
  border-color: var(--brand);
}

.hsc-list_item.fl-wrap:hover .hsc-list_item-content h4,
.hsc-list_item.fl-wrap.swiper-slide-thumb-active .hsc-list_item-content h4{
  color: #000;
}

.hsc-list_item.fl-wrap:hover .hsc-list_item-content .post-date,
.hsc-list_item.fl-wrap.swiper-slide-thumb-active .hsc-list_item-content .post-date{
  color: #000;
}

.hsc-list_item-media{
  flex-shrink: 0;
  width: 80px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
}

.hsc-list_item-media .bg-wrap{
  width: 100%;
  height: 100%;
}

.hsc-list_item-media .bg{
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.hsc-list_item-content.fl-wrap{
  flex: 1;
  min-width: 0;
  text-align: left;
}

.hsc-list_item-content h4{
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 5px;
  line-height: 1.3;
  transition: color 0.3s ease;
}

.hsc-list_item-content .post-date{
  font-size: 12px;
  color: var(--muted);
  transition: color 0.3s ease;
}

/* Responsive adjustments for 4 slides */
@media (max-width: 1024px){
  .hsc-list_item.fl-wrap{
    min-width: 220px;
    max-width: 250px;
  }
}

@media (max-width: 768px){
  .hero-slider_controls-wrap{
    bottom: 20px;
  }
  
  .hero-slider_controls-wrap .container{
    padding: 0 15px;
  }
  
  .hero-slider_controls-list .swiper-container{
    display: flex;
    justify-content: center;
  }
  
  .hsc-list_item.fl-wrap{
    flex-direction: column;
    text-align: center;
    gap: 10px;
    padding: 12px;
    min-width: 180px;
    max-width: 200px;
  }
  
  .hsc-list_item-media{
    width: 100%;
    height: 80px;
  }
  
  .hsc-list_item-media .bg-wrap{
    border-radius: 4px;
  }
  
  .hsc-list_item-content h4{
    font-size: 13px;
  }
  
  .hsc-list_item-content .post-date{
    font-size: 11px;
  }
}

@media (max-width: 480px){
  .hero-slider_controls-wrap .container{
    padding: 0 10px;
  }
  
  .hero-slider_controls-list .swiper-container{
    display: flex;
    justify-content: center;
  }
  
  .hsc-list_item.fl-wrap{
    min-width: 160px;
    max-width: 180px;
    padding: 10px;
  }
  
  .hsc-list_item-media{
    height: 60px;
  }
  
  .hsc-list_item-content h4{
    font-size: 12px;
  }
}

/* Slider Buttons */
.fs-slider_btn.color-bg{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand);
  color: #000;
  border-radius: 50%;
  cursor: pointer;
  z-index: 25;
  transition: all 0.3s ease;
}

.fs-slider_btn.color-bg:hover{
  background: var(--brand-2);
  transform: translateY(-50%) scale(1.1);
}

.fs-slider-button-prev{
  left: 20px;
}

.fs-slider-button-next{
  right: 20px;
}

/* Progress Bar */
.slider-progress-bar.act-slider{
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 25;
}

.slider-progress-bar.act-slider .circ{
  display: block;
}

.slider-progress-bar.act-slider .circ2{
  stroke: rgba(255,255,255,0.4);
}

.slider-progress-bar.act-slider .circ1{
  stroke: var(--brand);
  stroke-dasharray: 81.68;
  stroke-dashoffset: 81.68;
  transition: stroke-dashoffset 0.3s ease;
}

/* Responsive Hero Slider */
@media (max-width: 768px){
  .hero-slider-section{
    height: 500px;
  }
  
  .hero-slider-container .hero-item h2{
    font-size: 28px;
  }
  
  .hero-slider-container .hero-item h4{
    font-size: 14px;
  }
  
  .hero-slider_controls-wrap{
    bottom: 20px;
  }
  
  .hero-slider_controls-wrap .container{
    padding: 0 15px;
  }
  
  .hsc-list_item.fl-wrap{
    flex-direction: column;
    text-align: center;
    gap: 10px;
    padding: 10px;
  }
  
  .hsc-list_item-media{
    width: 100%;
    height: 80px;
  }
  
  .fs-slider_button-prev{
    left: 10px;
  }
  
  .fs-slider_button-next{
    right: 10px;
  }
  
  .slider-progress-bar.act-slider{
    top: 20px;
    right: 20px;
  }
}

/* ===== Featured Video Section ===== */
.dark-bg.no-bottom-padding{
  color:#292929;
  text-rendering:optimizeSpeed;
  text-align:center;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  margin:0;
  box-sizing:border-box;
  display:block;
  float:left;
  width:100%;
  position:relative;
  padding:70px 0;
  z-index:10;
  overflow:hidden;
  background:#191919;
  padding-bottom:0;
}
.content > .dark-bg.no-bottom-padding{ float:none; width:100%; padding-left:0; padding-right:0; }
.main-video-wrap{display:flex;gap:24px;align-items:stretch}
.video-main-cont{flex:1 1 70%;min-width:0}
.video-section-title h2{margin:0 0 6px;color:#F2F2F2;font-family:Roboto,sans-serif}
.video-section-title h4{margin:0 0 10px;color:#B5B5B5}
.video-section-title a{color:#BFA24A}
.video-holder.vh-main{position:relative;display:block;height:420px;border:1px solid #2a2a2a}
.video-holder .bg{position:absolute;inset:0;background-position:center;background-size:cover}
.video-holder .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.45))}
.big_prom{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:2px solid #fff;display:grid;place-items:center;color:#fff}
.video-holder-title{margin-top:14px;color:#F2F2F2}
.video-holder-title .video-date{color:#B5B5B5;margin:0 8px}
.video-holder-title .post-category-marker{background:#6B6F2A;color:#000;padding:4px 8px;text-transform:uppercase}
.video-links-wrap{flex:1 1 30%;display:flex;flex-direction:column;gap:12px;max-height:420px;overflow:auto}
.video-item{display:flex;gap:10px;align-items:center;background:#1C1C1C;border:1px solid #2a2a2a;padding:8px}
.video-item.video-item_active{outline:2px solid #6B6F2A}
.video-item-img{position:relative;width:120px;flex:0 0 120px}
.video-item-img img{display:block;width:100%;height:80px;object-fit:cover}
.video-item-img .play-icon{position:absolute;right:6px;bottom:6px;background:#6B6F2A;color:#000;width:28px;height:28px;display:grid;place-items:center}
.video-item-title h4{margin:0 0 6px;color:#F2F2F2;font-size:14px}
.video-item-title .video-date{color:#B5B5B5;font-size:12px}
.video_carousel_title h4{color:#F2F2F2;margin:18px 0}

/* Constrain swiper containers to viewport width and hide overflow */
.swiper, .swiper-container { max-width: 100%; }
.video_carousel .swiper-container { overflow: hidden; }

.footer{background:var(--panel);border-top:1px solid var(--border);margin-top:40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:24px;padding:28px 20px;min-width:0}
.link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.subfooter{border-top:1px solid var(--border);padding:14px 0;background:var(--panel)}

@media (max-width: 1100px){
  .container{padding:0 12px}
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:20px}
}
@media (max-width: 920px){
  .hero .hero-grid{grid-template-columns:1fr}
  .layout{grid-template-columns:1fr;gap:24px}
  .sidebar{order:2}
  .content{order:1}
  .footer-grid{grid-template-columns:1fr;gap:16px;text-align:center}
  .footer-grid > div:first-child{order:1}
  .footer-grid > div:nth-child(2){order:3}
  .footer-grid > div:nth-child(3){order:4}
  .footer-grid > div:nth-child(4){order:2}
}
@media (max-width: 800px){
  .primary-nav{display:none;position:absolute;left:16px;right:16px;top:64px;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:0;padding:10px}
  .primary-nav.open{display:flex}
  .hamburger{display:flex}
  .cards-grid{grid-template-columns:1fr;gap:16px}
  .layout{gap:20px;margin-top:20px}
}
@media (max-width: 900px){
  .top-bar.fl-wrap{display:none}
  .header{top:0}
  .search_btn,.srf_btn,.show-cart{display:none !important}
  /* Hamburger button top-right */
  .nav-button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:36px;height:36px;margin-left:auto;border:1px solid var(--border);background:transparent;cursor:pointer}
  .nav-button span{display:block;width:18px;height:2px;background:var(--brand);transition:transform .2s ease,opacity .2s ease}
  .nav-button.is-active span:nth-child(2){opacity:0}
  .nav-button.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav-button.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  /* Dropdown menu panel */
  .main-menu.nav-holder.open{display:block !important;position:absolute;left:16px;right:16px;top:70px;background:var(--panel);border:1px solid var(--border);padding:8px 0;z-index:60}
  .main-menu.nav-holder.open nav ul{display:flex;flex-direction:column;gap:0}
  .main-menu.nav-holder.open nav li{border-top:1px solid var(--border)}
  .main-menu.nav-holder.open nav li:first-child{border-top:0}
  .main-menu.nav-holder.open nav a{display:block;padding:12px 12px;color:var(--text)}
}

/* Breadcrumb bar */
.breadcrumb-bar{background:var(--panel);border-bottom:1px solid var(--border)}
.breadcrumb-bar .container{padding-top:8px;padding-bottom:8px}
.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}
.breadcrumb a{color:var(--text)}
.breadcrumb .sep{color:var(--muted)}

/* ===== Main Footer Styling ===== */
.fl-wrap.main-footer.bg-brand-surface{
  color: var(--text);
  text-rendering: optimizeSpeed;
  text-align: center;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  margin: 0;
  box-sizing: border-box;
  display: block;
  border-color: var(--brand);
  float: left;
  width: 100%;
  position: relative;
  background: var(--panel);
  padding: 80px 0 0;
  border-top: 1px solid var(--border);
}

.fl-wrap.main-footer .container{
  color: var(--text);
  text-rendering: optimizeSpeed;
  text-align: center;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-decoration: none;
  padding: 0;
  max-width: 1450px;
  width: 92%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.footer-widget-wrap.fl-wrap{
  margin-bottom: 50px;
}

.footer-widget-wrap .row{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.col-md-4{
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding: 0 15px;
}

.col-md-2{
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  padding: 0 15px;
}

.footer-widget{
  margin-bottom: 30px;
}

.footer-widget-content{
  text-align: left;
}

.footer-logo img{
  max-width: 120px;
  height: auto;
  margin-bottom: 20px;
}

.footer-widget p{
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 20px;
}

.footer-social ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
}

.footer-social ul li{
  display: inline-block;
}

.footer-social ul li a{
  width: 36px;
  height: 36px;
  background: var(--brand);
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
}

.footer-social ul li a:hover{
  background: var(--brand-2);
  transform: translateY(-2px);
}

.footer-widget-title{
  color: var(--text);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  text-align: left;
}

.footer-list.footer-box ul{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.footer-list.footer-box ul li{
  margin-bottom: 10px;
}

.footer-list.footer-box ul li a{
  color: var(--muted);
  text-decoration: none;
  transition: color 0.3s ease;
  font-size: 14px;
}

.footer-list.footer-box ul li a:hover{
  color: var(--brand);
}

.subcribe-form.fl-wrap p{
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 20px;
  text-align: left;
}

.subcribe-form .enteremail{
  width: 100%;
  padding: 12px 15px;
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
  border-radius: 4px;
  margin-bottom: 15px;
  box-sizing: border-box;
  text-align: left;
}

.subcribe-form .subscribe-button{
  background: var(--brand);
  color: #000;
  border: none;
  padding: 12px 25px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  display: block;
}

.subscribe-message{
  display: none;
  font-size: 12px;
  margin-top: 5px;
}

/* Responsive footer */
@media (max-width: 992px){
  .col-md-4,
  .col-md-2{
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .footer-widget-wrap .row{
    margin-bottom: -30px;
  }
}

@media (max-width: 768px){
  .fl-wrap.main-footer.bg-brand-surface{
    padding: 60px 0 0;
  }
  
  .col-md-4,
  .col-md-2{
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .footer-widget-wrap .row{
    margin: 0;
  }
  
  .footer-widget{
    margin-bottom: 40px;
    text-align: center;
  }
  
  .footer-widget-content{
    text-align: center;
  }
  
  .footer-social ul{
    justify-content: center;
  }
}

/* ===== Subfooter Styling ===== */
.subfooter.bg-brand-surface{
  color: var(--text);
  text-rendering: optimizeSpeed;
  text-align: center;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  text-decoration: none;
  margin: 0;
  float: left;
  width: 100%;
  position: relative;
  padding: 18px 0;
  margin-top: 70px;
  background: var(--panel);
  border-top: 1px solid var(--border);
}

.subfooter .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 20px;
}

.subfooter .copyright{
  float: left;
  color: var(--muted);
  font-size: 14px;
}

.subfooter .copyright span{
  color: var(--text);
}

.subfooter .to-top{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: var(--brand);
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.subfooter .to-top:hover{
  background: var(--brand-2);
  transform: translateY(-50%) scale(1.1);
}

.subfooter .to-top i{
  font-size: 16px;
}

.subfooter .subfooter-nav{
  float: right;
}

.subfooter .subfooter-nav ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
}

.subfooter .subfooter-nav ul li{
  display: inline-block;
}

.subfooter .subfooter-nav ul li a{
  color: var(--muted);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

.subfooter .subfooter-nav ul li a:hover{
  color: var(--brand);
}

/* Responsive subfooter */
@media (max-width: 768px){
  .subfooter .container{
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
  
  .subfooter .copyright{
    float: none;
    text-align: center;
  }
  
  .subfooter .to-top{
    position: static;
    transform: none;
    margin: 0 auto;
  }
  
  .subfooter .subfooter-nav{
    float: none;
    text-align: center;
  }
  
  .subfooter .subfooter-nav ul{
    justify-content: center;
    flex-wrap: wrap;
  }
}

/* Small screens: stack Featured Video columns and relax ticker controls spacing */
@media (max-width: 700px){
  .main-video-wrap{flex-direction:column}
  .video-links-wrap{max-height:none}
  .n_contr-wrap{right:20px}
  .header_news-ticker li{padding-right:64px}
  .container{padding:0 8px}
  .layout{gap:16px;margin-top:16px}
  .widget{padding:12px}
  .card-body{padding:12px}
  .footer-grid{padding:20px 8px;gap:12px}
  .footer-grid form{flex-direction:column;gap:8px}
  .footer-grid input{width:100%}
  .footer-grid button{width:100%}
}

/* Extra small screens */
@media (max-width: 480px){
  .container{padding:0 8px}
  .layout{gap:12px;margin-top:12px}
  .widget{padding:8px}
  .card-body{padding:8px}
  .card h3{font-size:16px;margin:6px 0}
  .card p{font-size:14px}
  .widget h4{font-size:14px}
  .newsletter form{flex-direction:column;gap:8px}
  .newsletter input{width:100%}
  .newsletter button{width:100%}
  .footer-grid{padding:16px 8px;gap:8px}
  .subfooter .container{flex-direction:column;gap:8px;text-align:center}
  .subfooter .row.gap-12{flex-direction:column;gap:4px}
}

:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.primary-nav a:focus-visible,.icon-btn:focus-visible,.hamburger:focus-visible,.btn:focus-visible,input:focus-visible{outline:2px solid var(--brand)}

.card:hover,.list-card:hover,.feature-card:hover{transform:translateY(-1px);transition:transform .2s ease}

/* Suppress Google auto-placed popup/side-rail ads (manual in-page ads remain). */
.google-auto-placed,
.google-auto-placed-applied,
ins.adsbygoogle[data-ad-format="anchor"],
ins.adsbygoogle[data-anchor-status],
ins.adsbygoogle[data-anchor-shown],
.adsbygoogle-noablate,
body > div[id^="google_ads_iframe_"],
body > iframe[src*="googlesyndication.com"] {
  display: none !important;
  visibility: hidden !important;
}