:root {
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(176,176,176);
	--wd-text-font-size: 14px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,136,255);
	--wd-alternative-color: rgb(0,199,244);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(7,9,13);
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(7,9,13);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1600px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ==========================================================================
   BUREVIY MOTORS - DESIGN SYSTEM & UI STYLESHEET
   
   TABLE OF CONTENTS:
   0.  VARIABLES & RESET
   1.  ANIMATIONS
   2.  GLOBAL TYPOGRAPHY & LOCALIZATION
   3.  GLOBAL COMPONENTS (Buttons, Modals, Forms, Widgets)
   4.  HEADER & NAVIGATION
   5.  FOOTER
   6.  SHARED STYLES (Landing Heroes, B2B Blocks)
   7.  PAGE: HOME
   8.  PAGE: SINGLE PRODUCT & WOOCOMMERCE (Swatches, Telemetry, Smart Filters)
   9.  PAGE: OEM COMPONENTS
   10. PAGE: R&D & CONTRACT
   11. PAGE: ABOUT COMPANY
   12. PAGE: CONTACTS & LEGAL PAGES
   13. RESPONSIVE: TABLET (< 1024px)
   14. RESPONSIVE: MOBILE (< 768px)
========================================================================== */

/* ==========================================================================
   0. VARIABLES & RESET (AEROSPACE & DEFENSE / BLACK OPS)
========================================================================== */
:root {
    --bg-main: #050505;
    --bg-panel: #111214;
    --bg-panel-hover: #181A1F;
    --bg-box: #0A0B0D;
    --bg-panel-rgb: 17, 18, 20;
    
    --accent-main: #0088FF; 
    --accent-rgb: 0, 136, 255;
    
    --accent-grad-start: #00A2FF;
    --accent-grad-end: #0066CC;
    --accent-hover-start: #33B4FF;
    --accent-hover-end: #0077E6;
    
    --error-main: #FFB300;
    --error-rgb: 255, 179, 0;

    --text-main: #F1F5F9;    
    --text-muted: #94A3B8;    
    --text-dark: #475569;    
    --text-darker: #334155;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    
    --shadow-base: 0.7;
    --shadow-hover: 0.9;
    --shadow-img: 0.4;
    --shadow-drone: 0.8;
}

/* Alternative Themes (Steel, Forest, Sand) */
body[data-theme="steel"], body.theme-steel { --bg-main: #0E141E; --bg-panel: #161F2C; --bg-panel-hover: #1B2636; --bg-box: #111924; --bg-panel-rgb: 22, 31, 44; --accent-main: #8CA8C4; --accent-rgb: 140, 168, 196; --accent-grad-start: #A3C0DF; --accent-grad-end: #7792AB; --accent-hover-start: #B5D2F2; --accent-hover-end: #8CA8C4; --text-main: #F0F4F8; --text-muted: #8E9BAE; --text-dark: #5C6E85; --text-darker: #4A5B70; }
body[data-theme="forest"], body.theme-forest { --bg-main: #1D211A; --bg-panel: #262B22; --bg-panel-hover: #2F362A; --bg-box: #20241D; --bg-panel-rgb: 38, 43, 34; --accent-main: #C4D373; --accent-rgb: 196, 211, 115; --accent-grad-start: #D8E885; --accent-grad-end: #B1C060; --accent-hover-start: #E6F795; --accent-hover-end: #C4D373; --text-main: #F0F2E6; --text-muted: #9DA38A; --text-dark: #626B50; --text-darker: #4E573D; }
body[data-theme="sand"], body.theme-sand { --bg-main: #DED8C7; --bg-panel: #EAE5D8; --bg-panel-hover: #F2EFE6; --bg-box: #D4CDBC; --bg-panel-rgb: 234, 229, 216; --accent-main: #9C6940; --accent-rgb: 156, 105, 64; --accent-grad-start: #B57D4F; --accent-grad-end: #855530; --accent-hover-start: #C78D5B; --accent-hover-end: #9C6940; --text-main: #2A2A28; --text-muted: #6B6C65; --text-dark: #A1A399; --text-darker: #8B8D82; --white-rgb: 0, 0, 0; --shadow-base: 0.08; --shadow-hover: 0.15; --shadow-img: 0.15; --shadow-drone: 0.2; }

/* Dynamic Background & Woodmart Shadow Reset */
body, .website-wrapper, .main-page-wrapper, .whb-header, .whb-clone, .whb-row, .site-footer, .footer-container {
    background-color: var(--bg-main) !important;
    box-shadow: none !important;
    border: none !important;
    transition: background-color 0.4s ease !important;
}

/* FOUC Fix (Smooth Loading) */
.wd-entities-title, .hud-product-desc, .hud-dynamic-specs-container, .hud-telemetry-container, .hud-quick-specs { opacity: 0; transform: translateY(5px); transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; }
body.hud-ready .wd-entities-title, body.hud-ready .hud-product-desc, body.hud-ready .hud-dynamic-specs-container, body.hud-ready .hud-telemetry-container, body.hud-ready .hud-quick-specs { opacity: 1; transform: translateY(0); }


/* ==========================================================================
   1. ANIMATIONS
========================================================================== */
@keyframes droneHover { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-25px) rotate(1.5deg); } }
@keyframes dangerPulse { 0%, 100% { background: var(--bg-box); box-shadow: inset 0 0 0 rgba(var(--error-rgb), 0); border-color: rgba(var(--white-rgb), 0.03); } 50% { background: rgba(var(--error-rgb), 0.05); box-shadow: inset 0 0 20px rgba(var(--error-rgb), 0.1); border-color: rgba(var(--error-rgb), 0.3); } }
@keyframes recPulse { 0%, 100% { background: var(--bg-box); box-shadow: inset 0 0 0 rgba(var(--accent-rgb), 0); border-color: rgba(var(--white-rgb), 0.03); } 50% { background: rgba(var(--accent-rgb), 0.05); box-shadow: inset 0 0 15px rgba(var(--accent-rgb), 0.15); border-color: rgba(var(--accent-rgb), 0.4); } }
@keyframes moveStripes { 0% { background-position: 0 0; } 100% { background-position: 42.42px 0; } }
@keyframes spinGear { 100% { transform: rotate(360deg); } }
@keyframes pulseText { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }
@keyframes spinBorder { 100% { transform: rotate(360deg); } }
@keyframes radarSpin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes dataTransfer { 0% { left: 0; opacity: 0; } 10%, 90% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
@keyframes dataTransferVertical { 0% { top: 0; opacity: 0; } 10%, 90% { opacity: 1; } 100% { top: 100%; opacity: 0; } }


/* ==========================================================================
   2. GLOBAL TYPOGRAPHY & LOCALIZATION (.lang-localize)
========================================================================== */
html[lang*="en"] .hud-spec-label { font-size: 0 !important; }
html[lang*="en"] .hud-spec-label::before { content: attr(data-en); font-size: 11px; }

html[lang*="en"] .lang-localize { visibility: hidden; position: relative; display: inline-block; }
html[lang*="en"] .lang-localize::after { content: attr(data-en); visibility: visible; position: absolute; left: 0; top: 0; min-width: 100%; font: inherit; color: inherit; }
html[lang*="en"] span.lang-localize::after { white-space: nowrap; }

html[lang*="en"] h1.lang-localize, html[lang*="en"] h2.lang-localize, html[lang*="en"] h3.lang-localize { line-height: 0 !important; }
html[lang*="en"] h1.lang-localize::after, html[lang*="en"] h2.lang-localize::after, html[lang*="en"] h3.lang-localize::after { white-space: normal !important; word-wrap: break-word; width: 100%; display: block !important; position: relative !important; line-height: 1.2 !important; }


/* ==========================================================================
   3. GLOBAL COMPONENTS (Buttons, Forms, Modals, Widgets)
========================================================================== */
/* --- Buttons --- */
.hero-btn-primary .vc_btn3, .hero-btn-outlined .vc_btn3, .hud-submit-btn, .whb-uqak8j3xb5j1sgsllw7u .btn { font-family: var(--wd-title-font), sans-serif !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; transition: all 0.3s ease !important; }
.hero-btn-primary .vc_btn3 { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; padding: 0 35px !important; height: 52px !important; border-radius: 0 !important; border: none !important; white-space: nowrap !important; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%) !important; background: linear-gradient(180deg, var(--accent-grad-start) 0%, var(--accent-grad-end) 100%) !important; color: var(--text-main) !important; box-shadow: 0 4px 15px rgba(var(--accent-rgb), 0.25), inset 0 1px 0 rgba(var(--white-rgb), 0.2) !important; }
.hero-btn-primary .vc_btn3:hover { background: linear-gradient(180deg, var(--accent-hover-start) 0%, var(--accent-hover-end) 100%) !important; box-shadow: 0 6px 20px rgba(var(--accent-rgb), 0.4), inset 0 1px 0 rgba(var(--white-rgb), 0.3) !important; }
.hero-btn-outlined .vc_btn3 { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; padding: 0 35px !important; height: 52px !important; border-radius: 0 !important; border: none !important; white-space: nowrap !important; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%) !important; background: linear-gradient(180deg, rgba(var(--white-rgb), 0.08) 0%, rgba(var(--white-rgb), 0.01) 100%) !important; backdrop-filter: blur(5px) !important; color: var(--text-muted) !important; box-shadow: inset 0 0 0 1px rgba(var(--white-rgb), 0.15) !important; }
.hero-btn-outlined .vc_btn3:hover { background: linear-gradient(180deg, rgba(var(--white-rgb), 0.12) 0%, rgba(var(--white-rgb), 0.04) 100%) !important; color: var(--text-main) !important; box-shadow: inset 0 0 0 1px var(--accent-main) !important; }
.hud-submit-btn { display: flex; align-items: center; justify-content: center; gap: 15px; background: rgba(var(--accent-rgb), 0.05); color: var(--accent-main); border: 1px solid var(--accent-main); font-size: 16px; padding: 18px; margin-top: 10px; cursor: pointer; }
.hud-submit-btn:hover, .hud-submit-btn:focus { background: var(--accent-main); color: #000; box-shadow: 0 0 25px rgba(var(--accent-rgb), 0.4); outline: none; }
.hero-btn-primary .vc_btn3::after, .hero-btn-outlined .vc_btn3::after { content: "\2192" !important; font-family: Arial, sans-serif !important; font-size: 18px !important; font-weight: 300 !important; margin-left: 20px !important; display: inline-block !important; transition: transform 0.3s ease !important; }
.hero-btn-primary .vc_btn3:hover::after, .hero-btn-outlined .vc_btn3:hover::after { transform: translateX(6px) !important; }
.whb-uqak8j3xb5j1sgsllw7u .btn { border-radius: 0 !important; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%) !important; border: none !important; box-shadow: inset 0 0 0 1px rgba(var(--white-rgb), 0.15) !important; background: rgba(var(--white-rgb), 0.03) !important; color: var(--text-main) !important; font-size: 12px !important; padding: 0 25px !important; height: 42px !important; display: inline-flex !important; align-items: center !important; }
.whb-uqak8j3xb5j1sgsllw7u .btn:hover { background: rgba(var(--white-rgb), 0.08) !important; box-shadow: inset 0 0 0 1px var(--accent-main) !important; color: var(--accent-main) !important; }
.hud-submit-wrapper input[type="submit"].vc_btn3 { color: #ffffff !important; }

/* --- HUD Corner Elements --- */
.hud-corner { position: absolute; width: 20px; height: 20px; border-color: var(--text-muted); border-style: solid; transition: all 0.5s ease; z-index: 5; }
.hud-corner.top-left { top: 0; left: 0; border-width: 2px 0 0 2px; }
.hud-corner.bottom-right { bottom: 0; right: 0; border-width: 0 2px 2px 0; }

/* --- HUD Modal Terminal --- */
html.hud-noscroll, body.hud-noscroll { overflow: hidden !important; }
.hud-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(var(--bg-main-rgb), 0.8); backdrop-filter: blur(15px); z-index: 999999 !important; display: flex; justify-content: center; align-items: flex-start; overflow-y: auto; padding: 40px 15px; opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); }
.hud-modal-overlay.is-open { opacity: 1; visibility: visible; }
.hud-modal-box { margin: auto; background: rgba(var(--bg-panel-rgb), 0.95); border: 1px solid rgba(var(--accent-rgb), 0.4); box-shadow: 0 40px 100px rgba(0,0,0,0.8), inset 0 0 40px rgba(var(--accent-rgb), 0.05); width: 100%; max-width: 700px; padding: 40px; position: relative; transform: translateY(50px) scale(0.95); transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); }
.hud-modal-overlay.is-open .hud-modal-box { transform: translateY(0) scale(1); }
.hud-modal-box .hud-corner { border-color: var(--accent-main); width: 25px; height: 25px; }
.hud-modal-box .hud-corner.top-left { top: -1px; left: -1px; }
.hud-modal-box .hud-corner.bottom-right { bottom: -1px; right: -1px; }
.hud-modal-close { position: absolute; top: 15px; right: 20px; background: transparent; border: none; color: var(--text-muted); font-family: monospace, sans-serif; font-size: 12px; letter-spacing: 2px; cursor: pointer; transition: 0.3s; }
.hud-modal-close:hover { color: var(--error-main); text-shadow: 0 0 10px rgba(var(--error-rgb), 0.5); }
.hud-modal-header { display: flex; align-items: center; gap: 10px; font-family: monospace, sans-serif; font-size: 11px; color: var(--accent-main); letter-spacing: 1px; margin-bottom: 20px; }
.modal-title { font-size: 24px; font-weight: 900; color: var(--text-main); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 40px; }

/* Forms inside Modal */
.hud-contact-form { display: flex; flex-direction: column; gap: 25px; }
.hud-form-row { display: flex; gap: 20px; }
.hud-form-row .hud-input-group { flex: 1; }
.hud-input-group { display: flex; flex-direction: column; gap: 8px; }
.hud-input-group label { font-family: monospace, sans-serif; font-size: 11px; color: var(--text-muted); letter-spacing: 1px; }
.hud-input-group input, .hud-input-group select, .hud-input-group textarea { width: 100%; background: rgba(var(--black-rgb), 0.4); border: 1px solid rgba(var(--white-rgb), 0.1); color: var(--text-main); font-family: monospace, sans-serif; font-size: 14px; padding: 12px 15px; outline: none; transition: 0.3s; }
.hud-input-group textarea { resize: vertical; min-height: 100px; }
.hud-input-group input:focus, .hud-input-group select:focus, .hud-input-group textarea:focus { border-color: var(--accent-main); background: rgba(var(--accent-rgb), 0.05); box-shadow: inset 0 0 15px rgba(var(--accent-rgb), 0.1); }
.hud-input-group input:-webkit-autofill, .hud-input-group input:-webkit-autofill:hover, .hud-input-group input:-webkit-autofill:focus, .hud-input-group textarea:-webkit-autofill { -webkit-text-fill-color: var(--text-main); -webkit-box-shadow: 0 0 0px 1000px #111 inset; transition: background-color 5000s ease-in-out 0s; }
.hud-select-wrapper { position: relative; }
.hud-select-wrapper::after { content: '▼'; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--accent-main); font-size: 10px; pointer-events: none; }
.hud-input-group select { appearance: none; -webkit-appearance: none; cursor: pointer; }
.hud-input-group select option { background: var(--bg-panel); color: var(--text-main); }

/* Theme Switcher Widget */
.hud-theme-switcher { position: fixed; left: 20px; bottom: 20px; z-index: 99999; display: flex; gap: 12px; background: rgba(var(--bg-panel-rgb), 0.7); backdrop-filter: blur(10px); padding: 12px 18px; border: 1px solid rgba(var(--white-rgb), 0.1); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); box-shadow: 0 10px 30px rgba(0, 0, 0, var(--shadow-base)); }
.hud-theme-switcher .theme-btn { width: 24px; height: 24px; cursor: pointer; border: 2px solid transparent; transition: all 0.3s ease; border-radius: 0; }
.hud-theme-switcher .theme-btn:hover { transform: translateY(-3px); border-color: #FFFFFF; box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); }


/* ==========================================================================
   4. HEADER & NAVIGATION
========================================================================== */
/* Ховаємо прапорці */
.wpm-languages img { display: none !important; }

/* Ховаємо довгий текст для людей, але залишаємо видимим для ШІ-агентів (Lighthouse) */
.wpm-languages .nav-link-text span { 
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.menu-item-language-en .nav-link-text::after { content: "EN"; font-size: 13px; font-weight: 800; letter-spacing: 0.5px; color: var(--text-muted); transition: color 0.3s ease; }
.menu-item-language-ua .nav-link-text::after { content: "UA"; font-size: 13px; font-weight: 800; letter-spacing: 0.5px; color: var(--text-muted); transition: color 0.3s ease; }
.wpm-languages.active-language .nav-link-text::after { color: var(--accent-main) !important; }
.wpm-languages a:hover .nav-link-text::after { color: var(--text-main) !important; }
.wpm-languages > a::after, .wpm-languages.wd-event-hover:hover > a::after, .wpm-languages.current-menu-item > a::after { display: none !important; }
.whb-header .menu-item-language-en { position: relative; }
.whb-header .menu-item-language-en::after { content: ""; position: absolute; right: -10px; top: 50%; transform: translate(50%, -50%); width: 1px; height: 12px; background-color: rgba(var(--white-rgb), 0.2); pointer-events: none; }

/* Mobile language switcher & SVG Icons */
.wd-nav-mobile .wpm-languages { display: inline-flex !important; width: 50% !important; float: left; justify-content: center !important; align-items: center !important; margin-top: 40px !important; margin-bottom: 40px !important; padding: 0 !important; box-sizing: border-box !important; }
.wd-nav-mobile .menu-item-language-en { border-right: 1px solid rgba(var(--white-rgb), 0.15) !important; }
.wd-nav-mobile .menu-item-language-ua { border-right: none !important; }
.wd-nav-mobile .wpm-languages a { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; padding: 15px 0 !important; height: auto !important; border: none !important; background: transparent !important; }
.wd-nav-mobile::after { content: ""; display: table; clear: both; }
.wd-nav-mobile li a svg { color: var(--accent-main) !important; transition: color 0.3s ease !important; }


/* ==========================================================================
   5. FOOTER
========================================================================== */
.footer-sidebar { padding: 0 !important; }
.hud-footer-plate { background-color: var(--bg-panel); background-image: linear-gradient(135deg, rgba(var(--white-rgb), 0.03) 0%, rgba(var(--white-rgb), 0) 50%); border: 1px solid rgba(var(--white-rgb), 0.03); border-top: 1px solid rgba(var(--white-rgb), 0.1); border-left: 1px solid rgba(var(--white-rgb), 0.05); box-shadow: 0 20px 50px rgba(0, 0, 0, var(--shadow-base)); z-index: 10; padding: 40px 60px 0px 60px; margin: 0 !important; position: relative !important; width: 98vw !important; left: 50% !important; transform: translateX(-50%) !important; box-sizing: border-box !important; }
.hud-footer-plate h3 { color: var(--text-main); font-family: var(--wd-title-font), sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2px; margin-bottom: 25px; }
.hud-footer-nav ul { list-style: none; padding: 0; margin: 0; }
.hud-footer-nav ul li { margin-bottom: 15px; }
.hud-footer-nav ul li a { color: var(--text-muted); font-size: 14px; transition: all 0.3s ease; display: inline-block; }
.hud-footer-nav ul li a:hover { color: var(--accent-main); transform: translateX(5px); }
.contact-list { list-style: none; padding: 0; margin: 0 0 30px 0; }
.contact-list li { display: flex; align-items: flex-start; gap: 15px; color: var(--text-muted); font-size: 14px; margin-bottom: 15px; line-height: 1.5; }
.contact-list li svg { width: 20px; height: 20px; color: var(--accent-main); flex-shrink: 0; margin-top: 2px; }
.contact-list li a.contact-link { color: var(--text-muted); text-decoration: none; transition: color 0.3s ease, transform 0.3s ease; display: inline-block; }
.contact-list li a.contact-link:hover { color: var(--accent-main); transform: translateX(4px); }
.location-text { color: var(--text-muted); cursor: default; }

.hud-newsletter { display: flex; height: 48px; border: 1px solid rgba(var(--white-rgb), 0.1); background: rgba(var(--black-rgb), 0.2); box-shadow: inset 0 1px 0 rgba(var(--white-rgb), 0.05); }
.hud-newsletter input { flex-grow: 1; background: transparent !important; border: none !important; padding: 0 20px !important; color: var(--text-main) !important; font-size: 14px; outline: none !important; box-shadow: none !important; }
.hud-newsletter input::placeholder { color: var(--text-dark); }
.hud-newsletter button { background: var(--accent-main) !important; color: var(--text-main); border: none; width: 56px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; border-radius: 0; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); }
.hud-newsletter button svg { width: 20px; height: 20px; transition: transform 0.3s ease; }
.hud-newsletter button:hover { background: var(--accent-hover-start) !important; }
.hud-newsletter button:hover svg { transform: translateX(4px); }

.wd-copyrights { background-color: transparent !important; border-top: none !important; box-shadow: none !important; padding: 0px 0 30px 0 !important; }
.wd-copyrights .wd-col-start { color: var(--text-muted) !important; font-size: 13px !important; font-family: var(--wd-title-font), sans-serif !important; }
.hud-copyright { text-align: center; margin-top: 10px; padding-bottom: 0px; font-size: 13px; color: rgba(var(--white-rgb), 0.95); border-top: none; letter-spacing: 0.5px; }


/* ==========================================================================
   6. SHARED STYLES (LANDINGS & B2B)
========================================================================== */
.oem-hero-section, .contract-hero-section, .about-hero-section {
    position: relative; padding-top: 140px !important; padding-bottom: 140px; padding-left: 20px; padding-right: 20px; text-align: center;
    background: radial-gradient(circle at 50% 100%, rgba(var(--accent-rgb), 0.08) 0%, transparent 60%); border-bottom: 1px solid rgba(var(--white-rgb), 0.05);
}
.contract-hero-section { background: radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), 0.08) 0%, transparent 60%); padding-bottom: 180px; }

/* SEO TEXT BLOCK */
.bureviy-seo-section { padding: 40px 0 0 0; border-top: 1px solid rgba(var(--white-rgb), 0.05); }
.bureviy-seo-container { margin: 0 auto; padding: 0 15px; }
.bureviy-seo-label { display: inline-block; padding: 4px 12px; border: 1px solid rgba(var(--accent-rgb), 0.4); background: rgba(var(--accent-rgb), 0.05); color: var(--accent-main); font-family: monospace, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 25px; border-radius: 2px;}
.bureviy-seo-title { color: var(--text-main); font-family: var(--wd-title-font), sans-serif; font-size: clamp(24px, 4vw, 32px); font-weight: 900; line-height: 1.2; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 0.5px; }
.bureviy-seo-highlight { color: var(--accent-main); }
.bureviy-seo-text { color: var(--text-muted); font-size: 15px; line-height: 1.7; }
.bureviy-seo-text p { margin-bottom: 18px; }
.bureviy-seo-text p:last-child { margin-bottom: 0; }
.bureviy-seo-text strong { color: var(--text-main); font-weight: 700; }


/* ==========================================================================
   7. PAGE: HOME
========================================================================== */
.wd-slider, #slider-21 { 
    background-color: var(--bg-main) !important; 
    margin-bottom: 0 !important; 
    background-image: linear-gradient(to top, var(--bg-main) 0%, rgba(var(--bg-panel-rgb), 0) 100%), radial-gradient(circle at 50% 50%, rgba(var(--white-rgb), 0.12) 0%, rgba(var(--white-rgb), 0.03) 35%, transparent 65%), linear-gradient(rgba(var(--white-rgb), 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--white-rgb), 0.06) 1px, transparent 1px) !important; 
    background-position: bottom center, center center, top left, top left !important; 
    background-size: 100% 150px, cover, 100px 100px, 100px 100px !important; 
    background-repeat: no-repeat, no-repeat, repeat, repeat !important;
    position: relative;
    z-index: 1;
}
.wd-slider::after, #slider-21::after { content: ''; position: absolute; top:0; left:0; right:0; bottom:0; background-color: var(--accent-main); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080' width='100%25' height='100%25'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M1450,450 C1490,430 1520,460 1550,500 C1580,550 1520,600 1460,580 C1400,560 1380,500 1450,450 Z'/%3E%3Cpath d='M1420,400 C1500,360 1570,410 1610,480 C1650,560 1560,650 1470,620 C1360,590 1320,480 1420,400 Z'/%3E%3Cpath d='M1380,340 C1520,290 1630,350 1680,450 C1730,560 1610,690 1490,670 C1320,640 1260,450 1380,340 Z'/%3E%3Cpath d='M1330,280 C1540,210 1690,290 1740,420 C1800,570 1660,740 1500,720 C1280,690 1200,420 1330,280 Z'/%3E%3Cpath d='M1270,220 C1560,130 1750,220 1810,390 C1880,580 1710,800 1510,770 C1230,730 1130,380 1270,220 Z'/%3E%3Cpath d='M1200,160 C1580,50 1810,150 1880,350 C1960,580 1760,860 1520,830 C1180,780 1060,330 1200,160 Z'/%3E%3Cpath d='M1120,100 C1600,-30 1880,70 1950,310 C2030,580 1810,920 1520,880 C1120,830 980,280 1120,100 Z'/%3E%3Cpath d='M1040,40 C1620,-110 1950,-10 2020,270 C2100,580 1860,980 1520,940 C1050,880 900,220 1040,40 Z'/%3E%3C/g%3E%3C/svg%3E") center center / cover no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080' width='100%25' height='100%25'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M1450,450 C1490,430 1520,460 1550,500 C1580,550 1520,600 1460,580 C1400,560 1380,500 1450,450 Z'/%3E%3Cpath d='M1420,400 C1500,360 1570,410 1610,480 C1650,560 1560,650 1470,620 C1360,590 1320,480 1420,400 Z'/%3E%3Cpath d='M1380,340 C1520,290 1630,350 1680,450 C1730,560 1610,690 1490,670 C1320,640 1260,450 1380,340 Z'/%3E%3Cpath d='M1330,280 C1540,210 1690,290 1740,420 C1800,570 1660,740 1500,720 C1280,690 1200,420 1330,280 Z'/%3E%3Cpath d='M1270,220 C1560,130 1750,220 1810,390 C1880,580 1710,800 1510,770 C1230,730 1130,380 1270,220 Z'/%3E%3Cpath d='M1200,160 C1580,50 1810,150 1880,350 C1960,580 1760,860 1520,830 C1180,780 1060,330 1200,160 Z'/%3E%3Cpath d='M1120,100 C1600,-30 1880,70 1950,310 C2030,580 1810,920 1520,880 C1120,830 980,280 1120,100 Z'/%3E%3Cpath d='M1040,40 C1620,-110 1950,-10 2020,270 C2100,580 1860,980 1520,940 C1050,880 900,220 1040,40 Z'/%3E%3C/g%3E%3C/svg%3E") center center / cover no-repeat; opacity: 0.15; pointer-events: none; z-index: 0; }
.hero-text-wrapper { padding-top: 100px; }
.hero-subtitle { position: relative; padding-left: 15px; margin-bottom: 25px !important; color: var(--accent-main) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; display: flex; align-items: center; }
.hero-subtitle::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, var(--accent-main) 0%, var(--text-main) 100%); }
.hero-main-h1 { color: var(--text-main) !important; font-size: clamp(32px, 5vw, 60px) !important; line-height: 1.05 !important; font-weight: 900 !important; text-transform: uppercase !important; margin-top: 0 !important; margin-bottom: 30px !important; }
.hero-main-h1 .hero-accent { color: var(--accent-main) !important; }
.hero-desc { color: var(--text-muted) !important; font-size: 16px !important; line-height: 1.6 !important; margin-bottom: 45px !important; max-width: 90%; }
.hero-buttons-wrapper .wpb_wrapper { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 20px !important; align-items: center !important; }
.hero-buttons-wrapper { margin-bottom: 0 !important; }
.hero-btn-primary, .hero-btn-outlined { margin: 0 !important; display: block !important; }

/* Hero Slider Pagination */
.wd-slider .wd-nav-pagin-wrap.wd-style-number-2 .wd-nav-pagin-item span::before, .wd-slider .wd-nav-pagin-wrap.wd-style-number-2 .wd-nav-pagin-item span::after, .wd-slider .wd-nav-pagin-wrap.wd-style-number-2 .wd-nav-pagin-item::before, .wd-slider .wd-nav-pagin-wrap.wd-style-number-2 .wd-nav-pagin-item::after { display: none !important; background: transparent !important; }
.wd-prev .wd-arrow-inner:after, .wd-next .wd-arrow-inner:after { display: none; }
.wd-slider .wd-nav-pagin-wrap { overflow: visible !important; position: absolute !important; top: 50% !important; left: 40px !important; transform: translateY(-50%) !important; bottom: auto !important; width: auto !important; z-index: 150 !important; }
.wd-slider .wd-nav-pagin.wd-horizontal { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0 !important; }
.wd-slider .wd-nav-pagin-item { margin: 0 0 30px 0 !important; padding: 0 !important; position: relative !important; display: flex !important; justify-content: center !important; align-items: center !important; }
.wd-slider .wd-nav-pagin-item:last-child { margin-bottom: 0 !important; }
.wd-slider .wd-nav-pagin-wrap.wd-style-number-2 .wd-nav-pagin-item:not(:last-child)::after { content: "" !important; display: block !important; position: absolute !important; bottom: -25px !important; left: 50% !important; transform: translateX(-50%) !important; width: 1px !important; height: 20px !important; background-color: var(--text-dark) !important; }
.wd-slider .wd-nav-pagin-item span { font-family: var(--wd-title-font), sans-serif !important; font-size: 16px !important; color: var(--text-dark) !important; font-weight: 700 !important; transition: all 0.3s ease !important; }
.wd-slider .wd-nav-pagin-item.wd-active span { color: var(--accent-main) !important; border-bottom: 2px solid var(--accent-main) !important; padding-bottom: 4px !important; }
.wd-slider .wd-nav-pagin-wrap::before { content: "" !important; position: absolute !important; left: 50px !important; top: -200px !important; bottom: -200px !important; width: 2px !important; background: linear-gradient(to bottom, rgba(var(--white-rgb), 0) 0%, rgba(var(--white-rgb), 0.08) 20%, rgba(var(--white-rgb), 0.08) 80%, rgba(var(--white-rgb), 0) 100%) !important; pointer-events: none !important; }
.wd-slider .wd-nav-pagin-wrap::after { content: "" !important; position: absolute !important; left: 12px !important; transform: translateX(-50%) !important; bottom: -200px !important; width: 50px !important; height: 50px !important; opacity: 0.1 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 0v4M12 20v4M0 12h4M20 12h4'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%23ffffff'/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; pointer-events: none !important; }

/* Home Hero Drone & Badges */
.hero-drone-col { position: relative !important; z-index: 10 !important; }
.hero-drone-col::before { content: "" !important; position: absolute !important; top: 50% !important; left: 40% !important; transform: translate(-50%, -50%) !important; width: 140% !important; height: 140% !important; background: radial-gradient(circle, rgba(var(--white-rgb), 0.12) 0%, rgba(var(--white-rgb), 0.03) 35%, transparent 65%) !important; filter: blur(50px) !important; z-index: -1 !important; pointer-events: none !important; }
.hero-drone-col img { animation: droneHover 7s ease-in-out infinite !important; filter: drop-shadow(0 40px 30px rgba(0, 0, 0, var(--shadow-drone))) !important; position: relative; z-index: 5; will-change: transform; left: -100px !important; }

.hud-badge { position: absolute !important; top: 90% !important; right: 40px !important; transform: translateY(-50%) !important; display: flex; align-items: center !important; gap: 20px !important; background: rgba(var(--bg-panel-rgb), 0.75) !important; backdrop-filter: blur(8px) !important; padding: 20px 25px !important; z-index: 50 !important; clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px) !important; border: 1px solid rgba(var(--white-rgb), 0.1) !important; border-left: 2px solid var(--accent-main) !important; width: max-content !important; max-width: 380px !important; }
.hud-badge-title { color: var(--text-main); font-family: var(--wd-title-font), sans-serif; font-size: 14px; font-weight: 700; margin-bottom: 5px; }
.hud-badge-desc { color: var(--text-muted); font-size: 12px; line-height: 1.5; }
.hud-badge-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; background-color: rgba(var(--accent-rgb), 0.1) !important; border: 1px solid rgba(var(--accent-rgb), 0.3) !important; flex-shrink: 0 !important; border-radius: 0 !important; clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px) !important; position: relative; }
.hud-badge-icon::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--accent-main); -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / 22px 22px no-repeat; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / 22px 22px no-repeat; }
.hud-badge-content { display: flex !important; flex-direction: column !important; }

/* Categories Grid (Home) */
.b2b-categories-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: stretch; }
.custom-category-card { position: relative; display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 280px; padding: 40px; overflow: hidden; transition: all 0.4s ease; text-decoration: none !important; background-color: var(--bg-panel) !important; background-image: linear-gradient(135deg, rgba(var(--white-rgb), 0.04) 0%, rgba(var(--white-rgb), 0) 50%), radial-gradient(circle at 100% 0%, rgba(var(--white-rgb), 0.04) 0%, transparent 50%) !important; border: 1px solid rgba(var(--white-rgb), 0.03) !important; border-top: 1px solid rgba(var(--white-rgb), 0.12) !important; border-left: 1px solid rgba(var(--white-rgb), 0.08) !important; box-shadow: 0 15px 35px rgba(0, 0, 0, var(--shadow-base)) !important; }
.custom-category-card:hover { background-color: var(--bg-panel-hover) !important; background-image: linear-gradient(135deg, rgba(var(--white-rgb), 0.06) 0%, rgba(var(--white-rgb), 0) 50%), radial-gradient(circle at 100% 0%, rgba(var(--white-rgb), 0.1) 0%, transparent 60%) !important; border-color: rgba(var(--accent-rgb), 0.3) !important; border-top-color: var(--accent-main) !important; border-left-color: rgba(var(--accent-rgb), 0.5) !important; box-shadow: 0 20px 40px rgba(0, 0, 0, var(--shadow-hover)), inset 0 0 20px rgba(var(--white-rgb), 0.03) !important; }
.custom-category-card .card-content { position: relative; z-index: 10; max-width: 55%; padding-right: 10px; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; }
.custom-category-card .card-title { color: var(--text-main); font-size: 22px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px; }
.custom-category-card .card-desc { color: var(--text-muted); font-size: 14px; line-height: 1.5; margin-bottom: 40px; }
.custom-category-card .card-link { display: inline-flex; align-items: center; color: var(--text-muted); font-size: 12px; font-weight: 600; letter-spacing: 1.5px; transition: color 0.3s ease; margin-top: auto !important; }
.custom-category-card .card-link .arrow { margin-left: 10px; font-size: 16px; transition: transform 0.3s ease; }
.custom-category-card:hover .card-link { color: var(--accent-main); }
.custom-category-card:hover .card-link .arrow { transform: translateX(5px); }
.custom-category-card .card-icon { position: absolute; top: 30px; right: 30px; width: 44px; height: 44px; background-color: transparent !important; border: 1px solid rgba(var(--accent-rgb), 0.4) !important; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px) !important; border-radius: 0 !important; padding: 10px; display: flex; align-items: center; justify-content: center; z-index: 10; transition: all 0.3s ease; color: var(--accent-main) !important; }
.custom-category-card:hover .card-icon { border-color: var(--accent-main) !important; background-color: rgba(var(--white-rgb), 0.05) !important; transform: scale(1.05); }
.custom-category-card .card-icon img, .custom-category-card .card-icon svg { width: 100% !important; height: 100% !important; object-fit: contain; }
.custom-category-card .card-image { position: absolute; bottom: 50px; right: 10px; width: 45%; max-width: 170px; max-height:150px; z-index: 5; transition: transform 0.5s ease; }
.custom-category-card .card-image img { width: 100%; height: auto; display: block; object-fit: contain; filter: drop-shadow(0 15px 15px rgba(0, 0, 0, var(--shadow-img))); }


/* ==========================================================================
   8. PAGE: SINGLE PRODUCT & WOOCOMMERCE
========================================================================== */
.single-product .main-page-wrapper { background-color: var(--bg-main) !important; position: relative; }
.single-product .main-page-wrapper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 0; background-image: linear-gradient(to right, rgba(var(--white-rgb), 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--white-rgb), 0.03) 1px, transparent 1px), linear-gradient(to right, rgba(var(--white-rgb), 0.015) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--white-rgb), 0.015) 1px, transparent 1px) !important; background-size: 40px 40px, 40px 40px, 8px 8px, 8px 8px !important; }
.single-product .container { position: relative; z-index: 10; }
.single-product .summary.entry-summary { padding-top: 0 !important; }

/* Product Title */
.single-product .product_title.wd-entities-title { position: relative !important; font-size: clamp(35px, 4vw, 55px) !important; font-weight: 900 !important; line-height: 1.1 !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: var(--text-main) !important; padding-top: 25px !important; margin-top: 0 !important; margin-bottom: 40px !important; }
.single-product .product_title.wd-entities-title::after { content: ""; position: absolute; bottom: -15px; left: 0; width: 60px; height: 3px; background-color: var(--accent-main); }
.single-product .product_title.wd-entities-title::before { content: "СИЛОВА УСТАНОВКА БУРЕВІЙ MOTORS"; position: absolute; top: 0; left: 0; font-family: monospace, sans-serif; font-size: 11px; color: var(--text-dark); letter-spacing: 2px; text-transform: uppercase; font-weight: 600; }
html[lang*="en"] .single-product .product_title.wd-entities-title::before { content: "BUREVIY MOTORS POWER SYSTEM"; }

.hud-product-desc { font-size: 16px !important; color: var(--text-muted) !important; line-height: 1.6 !important; max-width: 90% !important; margin-bottom: 30px !important; min-height: auto !important; }

/* Variations Container */
table.variations { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 30px !important; background-color: rgba(var(--bg-panel-rgb), 0.4) !important; border-top: 1px solid rgba(var(--white-rgb), 0.05) !important; border-bottom: 1px solid rgba(var(--white-rgb), 0.05) !important; padding: 30px 40px !important; margin: 0 0 25px 0 !important; }
table.variations tbody { display: contents !important; }
table.variations tr { display: flex !important; flex-direction: column !important; gap: 15px !important; border: none !important; padding: 0 !important; }
table.variations th.label, table.variations td.value { padding: 0 !important; border: none !important; text-align: left !important; }
table.variations th.label label { color: var(--accent-main) !important; font-family: var(--wd-title-font), monospace, sans-serif !important; font-size: clamp(10px, 3.5vw, 12px) !important; font-weight: 900 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; display: flex; align-items: flex-start !important; gap: 8px; white-space: normal !important; line-height: 1.4 !important; }
table.variations th.label label span { margin-top: 2px !important; flex-shrink: 0 !important; }
.reset_variations, .wd-reset-var, .woocommerce-variation-price, .woocommerce-variation-description, .wd-attr-selected { display: none !important; }

/* Swatches Base */
.wd-swatches-product { display: flex !important; flex-wrap: wrap !important; gap: 0 !important; }
.wd-swatches-product .wd-swatch.wd-text { background-color: var(--bg-panel) !important; border: 1px solid rgba(var(--white-rgb), 0.05) !important; padding: 0 !important; min-width: 100px !important; height: 46px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 12px 12px 0 !important; transition: all 0.3s ease !important; }
.wd-swatches-product .wd-swatch.wd-text .wd-swatch-text { color: var(--text-muted) !important; font-family: monospace, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-decoration: none !important; border: none !important; background: transparent !important; }
.wd-swatches-product .wd-swatch.wd-text:after, .wd-swatches-product .wd-swatch.wd-text:before { display: none !important; }
.wd-swatches-product .wd-swatch.wd-text:hover { border-color: rgba(var(--accent-rgb), 0.5) !important; background-color: rgba(var(--accent-rgb), 0.05) !important; }
.wd-swatches-product .wd-swatch.wd-text:hover .wd-swatch-text { color: var(--text-main) !important; }
.wd-swatches-product .wd-swatch.wd-text.wd-active { background-color: var(--accent-main) !important; border-color: var(--accent-main) !important; }
.wd-swatches-product .wd-swatch.wd-text.wd-active .wd-swatch-text { color: var(--text-main) !important; }

/* Custom Type Switcher (pa_entype) */
table.variations tr:has(.wd-swatches-product[data-id="pa_entype"]) { grid-column: 1 / -1 !important; order: -1 !important; margin-bottom: 20px !important; padding-bottom: 25px !important; border-bottom: 1px dashed rgba(var(--white-rgb), 0.1) !important; }
.wd-swatches-product[data-id="pa_entype"] { display: flex !important; gap: 20px !important; width: 100% !important; }
.wd-swatches-product[data-id="pa_entype"] .wd-swatch { flex: 1 !important; height: 60px !important; background: rgba(var(--bg-box-rgb), 0.6) !important; border: 1px solid rgba(var(--white-rgb), 0.1) !important; clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px) !important; margin: 0 !important; transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important; }
.wd-swatches-product[data-id="pa_entype"] .wd-swatch .wd-swatch-text { font-size: 16px !important; letter-spacing: 3px !important; color: var(--text-muted) !important; text-transform: uppercase !important; }
.wd-swatches-product[data-id="pa_entype"] .wd-swatch.wd-active { background: rgba(var(--accent-rgb), 0.1) !important; border-color: var(--accent-main) !important; box-shadow: inset 0 0 30px rgba(var(--accent-rgb), 0.2), 0 0 20px rgba(var(--accent-rgb), 0.3) !important; }
.wd-swatches-product[data-id="pa_entype"] .wd-swatch.wd-active .wd-swatch-text { color: var(--accent-main) !important; text-shadow: 0 0 15px rgba(var(--accent-rgb), 0.6); font-weight: 900 !important; }

/* Prevent deselection of active TYPE on click/hover */
html body .wd-swatches-product[data-id="pa_entype"] .wd-swatch.wd-active { pointer-events: none !important; }

/* FPV on the left, Fixed-Wing on the right */
html body .wd-swatches-product[data-id="pa_entype"] .wd-swatch[data-value="fpv"] { order: -1 !important; }

/* Smart Filters (WooCommerce Logic) */
html body .wd-swatches-product[data-id="pa_kv-opcziyi"] .wd-swatch.wd-disabled { display: none !important; }
html body .wd-swatches-product[data-id="pa_rozmir"] .wd-swatch.hud-hide-by-type { display: none !important; }
html body .wd-swatches-product[data-id="pa_rozmir"] .wd-swatch:not(.hud-hide-by-type) { display: inline-flex !important; pointer-events: auto !important; cursor: pointer !important; }
html body .wd-swatches-product[data-id="pa_rozmir"] .wd-swatch.wd-disabled:not(.hud-hide-by-type) { opacity: 0.5 !important; border-style: solid !important; }
html body .wd-swatches-product[data-id="pa_rozmir"] .wd-swatch.wd-disabled:not(.hud-hide-by-type):hover { opacity: 1 !important; border-color: rgba(var(--accent-rgb), 0.5) !important; }

/* Strict Filter Fallback */
html body .wd-swatches-product[data-id="pa_rozmir"] .wd-swatch.wd-disabled { display: none !important; }

/* Quick Specs */
.hud-quick-specs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; background: rgba(var(--bg-panel-rgb), 0.85); backdrop-filter: blur(10px); border: 1px solid rgba(var(--white-rgb), 0.05); padding: 20px 25px; margin: 0 0 25px 0 !important; }
.hud-spec-item { display: flex; align-items: center; gap: 15px; border-left: 1px solid rgba(var(--white-rgb), 0.05); padding-left: 20px; }
.hud-spec-item:first-child { border-left: none; padding-left: 0; }
.hud-spec-icon { width: 36px; height: 36px; background: rgba(var(--accent-rgb), 0.05); border: 1px solid rgba(var(--accent-rgb), 0.2); border-radius: 2px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hud-spec-icon svg { width: 18px; height: 18px; color: var(--accent-main); }
.hud-spec-text { display: flex; flex-direction: column; justify-content: center; }
.hud-spec-label { font-family: var(--wd-title-font), sans-serif; font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 4px; }
.hud-spec-val { font-family: var(--wd-title-font), sans-serif; font-size: 16px; font-weight: 900; color: var(--text-main); letter-spacing: 1px; }
.hud-spec-val.accent { color: var(--accent-main); }

/* Dynamic Specs List */
.hud-dynamic-specs-container { background-color: rgba(var(--bg-panel-rgb), 0.5); border: 1px solid rgba(var(--white-rgb), 0.05); padding: 30px 35px; position: relative; margin-top: 0 !important; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%); }
.hud-dynamic-specs-container::after { content: ""; position: absolute; inset: 1px; border: 1px solid rgba(var(--white-rgb), 0.03); pointer-events: none; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%); }
.hud-specs-header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; border-bottom: 1px solid rgba(var(--white-rgb), 0.05); padding-bottom: 15px; flex-wrap: wrap; }
.hud-specs-header .hud-marker { width: 6px; height: 14px; background-color: var(--accent-main); }
.hud-specs-header h3 { color: var(--text-main); font-family: var(--wd-title-font), sans-serif; font-size: 18px; font-weight: 900; letter-spacing: 1px; margin: 0; text-transform: uppercase; }
.hud-specs-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; }
.hud-specs-list li { display: flex; align-items: flex-start; gap: 12px; color: var(--text-muted); font-family: monospace, sans-serif; font-size: 15px !important; line-height: 1.5 !important; }
.hud-specs-list li .spec-bullet { color: var(--accent-main); font-size: 14px; flex-shrink: 0; margin-top: -1px; }
.hud-specs-list li .spec-val { color: var(--text-main); font-weight: bold; }
.hud-specs-list li .spec-val.accent { background-color: transparent !important; color: var(--accent-main) !important; padding: 0 !important; font-weight: 900; letter-spacing: 0.5px; }

/* Telemetry (Test Stand) */
.hud-telemetry-container { background-color: rgba(var(--bg-panel-rgb), 0.5); border: 1px solid rgba(var(--white-rgb), 0.05); padding: 30px 35px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%); position: relative; }
.hud-telemetry-container::after { content: ""; position: absolute; inset: 1px; border: 1px solid rgba(var(--white-rgb), 0.03); pointer-events: none; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%); }
.tel-badge { margin-left: auto; font-size: 10px; font-weight: 700; letter-spacing: 1px; color: var(--accent-main); border: 1px solid rgba(var(--accent-rgb), 0.3); padding: 4px 8px; text-transform: uppercase; white-space: nowrap; flex-shrink: 0; }
.tel-desc { color: var(--text-darker); font-size: 14px; line-height: 1.5; margin-bottom: 30px; }
.tel-throttle-wrapper { margin-bottom: 40px; }
.tel-labels { display: flex; justify-content: space-between; margin-bottom: 15px; font-family: var(--wd-title-font), sans-serif; font-size: 12px; letter-spacing: 1px; }
.tel-label { color: var(--text-muted); text-transform: uppercase; }
.tel-val-accent { color: var(--accent-main); font-weight: 900; }
input[type=range].tel-slider { -webkit-appearance: none; width: 100%; background: transparent; }
input[type=range].tel-slider::-webkit-slider-runnable-track { width: 100%; height: 6px; background: rgba(var(--white-rgb), 0.1); border-radius: 3px; }
input[type=range].tel-slider::-webkit-slider-thumb { height: 18px; width: 18px; border-radius: 50%; background: var(--accent-main); cursor: pointer; -webkit-appearance: none; margin-top: -6px; box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.5); }
.tel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.tel-box { background: var(--bg-box); border: 1px solid rgba(var(--white-rgb), 0.03); padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.tel-box-label { font-size: 9px; color: var(--text-dark); text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }
.tel-box-val { font-family: var(--wd-title-font), sans-serif; font-size: 20px; color: var(--text-main); font-weight: 900; }
.tel-box-val.accent { color: var(--accent-main); }
.tel-bat-selector { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 5px; }
.bat-btn { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text-muted); font-size: 14px; cursor: pointer; padding: 2px 10px; border-radius: 4px; transition: all 0.2s ease; }
.bat-btn:hover { background: rgba(var(--accent-rgb), 0.2); color: var(--accent-main); border-color: var(--accent-main); }
.bat-btn.disabled { opacity: 0.3; pointer-events: none; }
.danger-zone { animation: dangerPulse 1.5s infinite ease-in-out; }
.recommendation-pulse { animation: recPulse 1.5s infinite ease-in-out; }
.recommendation-pulse .tel-box-val { color: var(--accent-main) !important; }

/* R&D Banner (Premium) */
.hud-dev-banner-premium { position: relative; background: var(--bg-panel); border: 1px solid rgba(var(--accent-rgb), 0.4); border-radius: 4px; overflow: hidden; margin-top: 20px; box-shadow: 0 0 30px rgba(var(--accent-rgb), 0.05); }
.dev-warning-stripes { height: 6px; width: 100%; background: repeating-linear-gradient(45deg, var(--accent-main), var(--accent-main) 15px, var(--bg-box) 15px, var(--bg-box) 30px); animation: moveStripes 1.5s linear infinite; }
.dev-banner-inner { display: flex; align-items: center; padding: 35px 40px; position: relative; background: radial-gradient(circle at 10% 50%, rgba(var(--accent-rgb), 0.08) 0%, transparent 60%); }
.dev-icon-container { margin-right: 35px; flex-shrink: 0; }
.dev-spin-icon { width: 65px; height: 65px; color: var(--accent-main); animation: spinGear 10s linear infinite; filter: drop-shadow(0 0 12px rgba(var(--accent-rgb), 0.5)); }
.dev-banner-text h3 { color: var(--accent-main); font-family: var(--wd-title-font), sans-serif; font-size: 22px; font-weight: 800; letter-spacing: 2px; margin: 0 0 12px 0; text-transform: uppercase; text-shadow: 0 0 15px rgba(var(--accent-rgb), 0.3); animation: pulseText 2.5s ease-in-out infinite; }
.dev-banner-text p { color: var(--text-muted); font-size: 15px; line-height: 1.6; margin: 0; max-width: 900px; }

/* Animated R&D Status Swatch */
.wd-swatch.hud-rd-pulse { position: relative !important; overflow: visible !important; border: none !important; background: transparent !important; z-index: 1; }
.wd-swatch.hud-rd-pulse::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: conic-gradient(from 0deg, transparent 70%, var(--accent-main) 100%); border-radius: 6px; animation: spinBorder 1.5s linear infinite; z-index: -2; }
.wd-swatch.hud-rd-pulse::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--bg-panel); border-radius: 4px; z-index: -1; }
.wd-swatch.hud-rd-pulse .wd-swatch-text { color: var(--accent-main) !important; font-weight: 700 !important; position: relative; z-index: 5; }
.hud-rd-badge { position: absolute; top: -8px; right: -8px; background: var(--accent-main); color: #000; font-size: 9px; font-weight: 900; padding: 1px 4px; border-radius: 2px; z-index: 10; box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.6); pointer-events: none; letter-spacing: 0.5px; }


/* ==========================================================================
   9. PAGE: OEM COMPONENTS
========================================================================== */
.hud-oem-landing { width: 100%; overflow: hidden; }
.oem-hero-grid { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(rgba(var(--white-rgb), 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--white-rgb), 0.03) 1px, transparent 1px); background-size: 30px 30px; z-index: 0; pointer-events: none; }
.oem-hero-content { position: relative; z-index: 10; max-width: 1100px; margin: 0 auto; }
.oem-hero-badge { display: table; margin: 0 auto 25px auto; color: var(--accent-main); font-size: 12px; font-weight: 700; letter-spacing: 2px; padding: 6px 12px; border: 1px solid rgba(var(--accent-rgb), 0.3); background: rgba(var(--accent-rgb), 0.05); }
.about-hero-content h1, .contract-hero-content h1, .oem-hero-content h1 { display: block !important; width: 100%; clear: both; }
.oem-hero-content h1 { color: var(--text-main); font-size: clamp(30px, 4vw, 48px); font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 25px; line-height: 1.2; }
.oem-hero-content p { color: var(--text-muted); font-size: 16px; line-height: 1.6; }
.oem-components-wrapper { padding: 60px 0 0 0; max-width: 1600px; margin: 0 auto; width: 95%; }

.oem-card { display: flex; align-items: center; gap: 60px; margin-bottom: 80px; padding: 20px; transition: all 0.7s cubic-bezier(0.2, 0.8, 0.2, 1); opacity: 0.3; transform: scale(0.95); filter: grayscale(80%); }
.oem-card.reverse { flex-direction: row-reverse; }
.oem-card-visual { flex: 1; position: relative; background-color: var(--bg-panel); background-image: linear-gradient(rgba(var(--white-rgb), 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--white-rgb), 0.03) 1px, transparent 1px); background-size: 20px 20px; background-position: center center; border: 1px solid rgba(var(--white-rgb), 0.05); padding: 60px; display: flex; justify-content: center; align-items: center; min-height: 400px; transition: all 0.7s cubic-bezier(0.2, 0.8, 0.2, 1); overflow: hidden; }
.oem-card-visual::after { content: "SYS.STATUS: STANDBY // DATA ACQUISITION"; position: absolute; bottom: 15px; left: 20px; font-family: monospace, sans-serif; font-size: 10px; color: rgba(var(--white-rgb), 0.2); letter-spacing: 1px; opacity: 0; transform: translateY(10px); transition: all 0.5s ease; z-index: 5; }
.hud-crosshair { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 360px; height: 360px; border: 1px dashed rgba(var(--white-rgb), 0.08); border-radius: 50%; z-index: 15; pointer-events: none; transition: all 0.8s ease; mix-blend-mode: screen; }
.hud-crosshair::before { content: ''; position: absolute; left: -20px; right: -20px; top: 50%; height: 1px; background: linear-gradient(to right, rgba(var(--white-rgb), 0.2) 0%, rgba(var(--white-rgb), 0.2) 10%, transparent 10%, transparent 90%, rgba(var(--white-rgb), 0.2) 90%, rgba(var(--white-rgb), 0.2) 100%); }
.hud-crosshair::after { content: ''; position: absolute; top: -20px; bottom: -20px; left: 50%; width: 1px; background: linear-gradient(to bottom, rgba(var(--white-rgb), 0.2) 0%, rgba(var(--white-rgb), 0.2) 10%, transparent 10%, transparent 90%, rgba(var(--white-rgb), 0.2) 90%, rgba(var(--white-rgb), 0.2) 100%); }
.oem-card-visual img { position: relative; z-index: 10; max-width: 80%; max-height: 280px; object-fit: contain; filter: drop-shadow(0 20px 25px rgba(0, 0, 0, 0.8)); transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.oem-card-data { flex: 1; }
.oem-data-header { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; }
.oem-number { font-family: var(--wd-title-font), sans-serif; font-size: 45px; font-weight: 900; color: transparent; -webkit-text-stroke: 1px rgba(var(--white-rgb), 0.15); line-height: 1; transition: all 0.5s ease; }
.oem-card-data h2 { color: var(--text-main); font-size: 28px; font-weight: 900; margin: 0; text-transform: uppercase; letter-spacing: 1px; }
.oem-desc { color: var(--text-muted); font-size: 15px; line-height: 1.6; margin-bottom: 30px; padding-left: 20px; border-left: 2px solid rgba(var(--white-rgb), 0.1); }
.oem-specs { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.oem-specs li { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; background: rgba(var(--black-rgb), 0.2); border: 1px solid rgba(var(--white-rgb), 0.03); border-radius: 4px; }
.oem-specs li .spec-label { font-size: 11px; font-family: var(--wd-title-font), sans-serif; color: var(--text-dark); text-transform: uppercase; letter-spacing: 1px; }
.oem-specs li .spec-val { font-family: monospace, sans-serif; font-size: 14px; color: var(--text-main); font-weight: 700; }
.oem-specs li .spec-val.accent { color: var(--accent-main); }
.oem-card.is-active { opacity: 1; transform: scale(1); filter: grayscale(0%); }
.oem-card.is-active .oem-card-visual { background-color: rgba(var(--bg-panel-rgb), 0.9); border-color: rgba(var(--accent-rgb), 0.4); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.9), inset 0 0 20px rgba(var(--accent-rgb), 0.05); }
.oem-card.is-active .oem-card-visual img { transform: scale(1.15) rotate(3deg); filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.9)); }
.oem-card.is-active .hud-corner.top-left { top: 15px; left: 15px; border-color: var(--accent-main); }
.oem-card.is-active .hud-corner.bottom-right { bottom: 15px; right: 15px; border-color: var(--accent-main); }
.oem-card.is-active .hud-crosshair { border-color: rgba(var(--accent-rgb), 0.5); background: radial-gradient(circle, rgba(var(--accent-rgb), 0.08) 0%, transparent 60%); animation: radarSpin 15s linear infinite; transform: translate(-50%, -50%) scale(1.15); }
.oem-card.is-active .hud-crosshair::before { background: linear-gradient(to right, var(--accent-main) 0%, var(--accent-main) 10%, transparent 10%, transparent 90%, var(--accent-main) 90%, var(--accent-main) 100%); filter: drop-shadow(0 0 10px var(--accent-main)); }
.oem-card.is-active .hud-crosshair::after { background: linear-gradient(to bottom, var(--accent-main) 0%, var(--accent-main) 10%, transparent 10%, transparent 90%, var(--accent-main) 90%, var(--accent-main) 100%); filter: drop-shadow(0 0 10px var(--accent-main)); }
.oem-card.is-active .oem-card-visual::after { opacity: 1; transform: translateY(0); content: "QA.STATUS: PASSED // TOLERANCE ±0.01mm"; color: var(--accent-main); }

/* Idle state (UKR) */
html[lang*="uk"] .oem-card-visual::after, html[lang*="ua"] .oem-card-visual::after { content: "QA.СТАТУС: ОЧІКУВАННЯ ДАНИХ..."; }
/* Active state (UKR) */
html[lang*="uk"] .oem-card:hover .oem-card-visual::after, html[lang*="ua"] .oem-card:hover .oem-card-visual::after, html[lang*="uk"] .oem-card.is-active .oem-card-visual::after, html[lang*="ua"] .oem-card.is-active .oem-card-visual::after { content: "QA.СТАТУС: ПЕРЕВІРЕНО // ДОПУСК ±0.01мм"; }
.oem-card.is-active .oem-number { -webkit-text-stroke: 1px rgba(var(--white-rgb), 0.6); color: transparent; text-shadow: none; }

/* CTA Section Styles */
.oem-cta-section { margin-top: 80px; padding: 60px 20px 0px 20px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.05); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(var(--accent-main-rgb), 0.05) 100%); }
.oem-cta-content h3 { color: var(--text-main); font-family: var(--wd-title-font), sans-serif; font-size: clamp(24px, 4vw, 32px); font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; }
.oem-cta-content p { color: var(--text-muted); font-size: 16px; max-width: 600px; margin: 0 auto 30px auto; line-height: 1.6; }
.oem-cta-content .hud-btn { display: inline-block; background-color: var(--accent-main); color: #000; font-weight: 700; padding: 15px 35px; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); transition: all 0.3s ease; }
.oem-cta-content .hud-btn:hover { background-color: #fff; transform: scale(1.05); }


/* ==========================================================================
   10. PAGE: R&D & CONTRACT 
========================================================================== */
.hud-contract-landing { width: 100%; overflow: hidden; position: relative; }
.contract-hero-content { position: relative; z-index: 10; max-width: 900px; margin: 0 auto; }
.contract-services-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1600px; width: 95%; margin: -100px auto 100px; position: relative; z-index: 20; }
.service-card { background: rgba(var(--bg-panel-rgb), 0.85); backdrop-filter: blur(15px); border: 1px solid rgba(var(--white-rgb), 0.05); padding: 50px 40px; position: relative; display: flex; flex-direction: column; }
.service-icon { width: 50px; height: 50px; color: var(--accent-main); margin-bottom: 30px; }
.service-card h3 { font-size: 20px; font-weight: 900; color: var(--text-main); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; }
.service-card p { font-size: 14px; color: var(--text-muted); margin-bottom: 30px; line-height: 1.6; flex-grow: 1; }
.contract-workflow { max-width: 1200px; margin: 0 auto 60px; text-align: center; position: relative; }
.workflow-title { font-size: 28px; font-weight: 900; margin-bottom: 60px; color: var(--text-main); letter-spacing: 1px; }
.workflow-steps { display: flex; align-items: flex-start; justify-content: space-between; position: relative; padding: 0 20px; }
.step { flex: 1; position: relative; z-index: 2; padding: 0 15px; }
.step-num { width: 60px; height: 60px; margin: 0 auto 25px; background: var(--bg-main); border: 2px solid var(--accent-main); color: var(--accent-main); font-family: monospace, sans-serif; font-size: 22px; font-weight: 900; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 0 20px rgba(var(--accent-rgb), 0.2); position: relative; }
.step-num::after { content: ''; position: absolute; inset: -6px; border: 1px dashed rgba(var(--accent-rgb), 0.4); border-radius: 50%; animation: radarSpin 10s linear infinite; }
.step h4 { font-size: 16px; font-weight: 700; color: var(--text-main); margin-bottom: 10px; letter-spacing: 1px; }
.step p { font-size: 13px; color: var(--text-muted); line-height: 1.5; }
.step-line { flex: 1; height: 1px; background: repeating-linear-gradient(90deg, rgba(var(--accent-rgb), 0.5) 0, rgba(var(--accent-rgb), 0.5) 10px, transparent 10px, transparent 20px); margin-top: 30px; position: relative; }
.step-line::after { content: ''; position: absolute; top: -2px; left: 0; width: 5px; height: 5px; background: var(--accent-main); border-radius: 50%; box-shadow: 0 0 10px var(--accent-main); animation: dataTransfer 2.5s infinite ease-in-out; }
.contract-action-wrapper { text-align: center; margin-bottom: 100px; display: flex; justify-content: center; }


/* ==========================================================================
   11. PAGE: ABOUT COMPANY
========================================================================== */
.hud-about-landing { width: 100%; overflow: hidden; position: relative; background-color: var(--bg-main); }
.about-hero-content { position: relative; z-index: 10; max-width: 900px; margin: 0 auto; }
.about-video-wrapper { max-width: 1200px; margin: -80px auto 100px; padding: 0 20px; position: relative; z-index: 20; }
.hud-video-terminal { background: rgba(var(--bg-panel-rgb), 0.95); border: 1px solid rgba(var(--accent-rgb), 0.3); box-shadow: 0 30px 60px rgba(0,0,0,0.6), inset 0 0 30px rgba(var(--accent-rgb), 0.05); position: relative; padding: 2px; }
.hud-video-terminal .hud-corner { border-color: var(--accent-main); width: 30px; height: 30px; }
.hud-video-terminal .hud-corner.top-left { top: -2px; left: -2px; }
.hud-video-terminal .hud-corner.bottom-right { bottom: -2px; right: -2px; }
.terminal-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; background: rgba(var(--black-rgb), 0.5); border-bottom: 1px solid rgba(var(--accent-rgb), 0.2); font-family: monospace, sans-serif; font-size: 12px; color: var(--text-muted); letter-spacing: 1px; }
.terminal-status { display: flex; align-items: center; gap: 10px; color: var(--accent-main); }
.pulse-dot { width: 8px; height: 8px; background-color: var(--accent-main); border-radius: 50%; box-shadow: 0 0 10px var(--accent-main); animation: recPulse 1.5s infinite; }
.terminal-deco { opacity: 0.5; }
.video-container { width: 100%; aspect-ratio: 16 / 9; background: #000; position: relative; overflow: hidden; }
.hud-player { width: 100%; height: 100%; object-fit: cover; outline: none; }
.about-processes-wrapper { max-width: 1600px; width: 95%; margin: 0 auto 120px; }
.processes-title { text-align: center; font-size: 32px; font-weight: 900; color: var(--text-main); letter-spacing: 2px; margin-bottom: 60px; text-transform: uppercase; }
.processes-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
.process-card { background: rgba(var(--bg-panel-rgb), 0.5); border: 1px solid rgba(var(--white-rgb), 0.05); padding: 40px 30px; position: relative; display: flex; flex-direction: column; }
.process-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 100px; background: linear-gradient(to bottom, rgba(var(--white-rgb), 0.02) 0%, transparent 100%); pointer-events: none; }
.process-num { font-family: var(--wd-title-font), sans-serif; font-size: 32px; font-weight: 900; color: transparent; -webkit-text-stroke: 1px rgba(var(--accent-rgb), 0.5); margin-bottom: 20px; display: block; }
.process-card h3 { font-size: 16px; font-weight: 900; color: var(--text-main); margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px dashed rgba(var(--white-rgb), 0.1); padding-bottom: 15px; }
.process-card p { font-size: 13px; color: var(--text-muted); line-height: 1.6; margin: 0; }

/* Remove negative margin for cards on About and Contacts pages to reveal headers */
.hud-about-landing .contract-services-wrapper,
.hud-about-landing .contact-departments,
.hud-contact-page .contact-departments {
    margin-top: 40px !important; 
    margin-bottom: 60px !important;
}


/* ==========================================================================
   12. PAGE: CONTACTS & LEGAL PAGES
========================================================================== */
.hud-contact-page { max-width: 900px; margin: 0 auto; padding: 20px 0 0 0; }
.hud-contact-page h1 { font-size: clamp(30px, 4vw, 42px); font-weight: 900; color: var(--text-main); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; }
.hud-contact-page > p { color: var(--text-muted); font-size: 16px; line-height: 1.6; }
.contact-departments { display: flex; gap: 30px; margin: 40px 0; flex-wrap: wrap; }
.contact-departments .service-card { flex: 1; min-width: 250px; }
.contact-dept-title { color: var(--accent-main) !important; font-size: 14px !important; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 15px !important; }
.hud-contact-page .processes-title { margin-top: 60px; margin-bottom: 25px; text-align: left; font-size: 24px; }
.contact-form-container { background: rgba(var(--bg-panel-rgb), 0.5); padding: 40px; border: 1px solid rgba(var(--white-rgb), 0.05); box-shadow: inset 0 0 30px rgba(0,0,0,0.5); }
.contact-disclaimer { margin-top: 30px; opacity: 0.65; color: var(--text-muted); font-size: 13px; line-height: 1.5; }

/* Styles for Text/Legal Pages (Warranty, Privacy, Payment) */
.hud-text-page { max-width: 900px; margin: 0 auto; padding: 60px 20px 0px 20px !important; }
.hud-text-page h1 { font-size: clamp(28px, 4vw, 42px); font-weight: 900; color: var(--text-main); margin-bottom: 40px; text-transform: uppercase; letter-spacing: 1px; }
.hud-text-page h3 { font-size: 18px; font-weight: 700; color: var(--text-main); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid rgba(var(--white-rgb), 0.1); padding-bottom: 10px; }
.hud-text-page p { color: var(--text-muted); font-size: 15px; line-height: 1.7; margin-bottom: 20px; }
.hud-text-page ul { list-style: none; padding-left: 0; margin-bottom: 30px; }
.hud-text-page ul li { position: relative; padding-left: 20px; color: var(--text-muted); font-size: 15px; line-height: 1.6; margin-bottom: 12px; }
.hud-text-page ul li::before { content: '■'; position: absolute; left: 0; top: 0; color: var(--accent-main); font-size: 10px; }


/* ==========================================================================
   13. RESPONSIVE: TABLET (< 1024px)
========================================================================== */
@media (max-width: 1024px) {
    /* FOOTER */
    .hud-footer-grid { grid-template-columns: 1fr 1fr; }
    
    /* HOME: CATEGORIES */
    .b2b-categories-grid { grid-template-columns: repeat(2, 1fr); }
    
    /* PRODUCT: QUICK SPECS */
    .hud-quick-specs { grid-template-columns: repeat(2, 1fr); row-gap: 25px; }
    .hud-spec-item:nth-child(3) { border-left: none; padding-left: 0; }

    /* CONTRACT: WORKFLOW */
    .contract-services-wrapper { grid-template-columns: 1fr; margin-top: -60px; }
    .workflow-steps { flex-direction: column; align-items: center; gap: 40px; }
    .step-line { width: 1px; height: 50px; background: repeating-linear-gradient(0deg, rgba(var(--accent-rgb), 0.5) 0, rgba(var(--accent-rgb), 0.5) 10px, transparent 10px, transparent 20px); margin: 10px 0; }
    .step-line::after { top: 0; left: -2px; animation: dataTransferVertical 2.5s infinite ease-in-out; }
    
    /* ABOUT: PROCESS GRID */
    .processes-grid { grid-template-columns: repeat(2, 1fr); }
}


/* ==========================================================================
   14. RESPONSIVE: MOBILE (< 768px)
========================================================================== */
@media (max-width: 768px) {
    /* SEO TEXT BLOCK */
    .bureviy-seo-section { padding: 60px 15px 0 15px; }
    .bureviy-seo-title { font-size: 22px; margin-bottom: 20px; }
    .bureviy-seo-text { font-size: 14px; }
    
    /* LANDING HEROES */
    .oem-hero-section, .contract-hero-section, .about-hero-section { padding: 100px 15px 40px 15px !important; }
    
    /* HOME HERO */
    .hero-text-wrapper { padding-top: 0px; }
    .hud-badge { display: none; }
    .wd-slider .vc_row { display: flex !important; flex-direction: column-reverse !important; }
    .hero-drone-col { margin-bottom: 30px !important; margin-top: 20px !important; }
    .hero-drone-col img { left: 0 !important; margin: 0 auto !important; display: block !important; max-width: 95% !important; }
    .hero-drone-col::before { left: 50% !important; width: 100% !important; }
    .hero-buttons-wrapper .wpb_wrapper { flex-direction: column !important; width: 100% !important; gap: 15px !important; }
    .hero-btn-primary, .hero-btn-outlined, .hero-btn-primary .vc_btn3, .hero-btn-outlined .vc_btn3 { width: 100% !important; }
    .wd-slider .wd-nav-pagin-wrap { position: relative !important; top: auto !important; left: 0 !important; transform: none !important; margin-top: 40px !important; width: 100% !important; display: flex !important; justify-content: center !important; }
    .wd-slider .wd-nav-pagin.wd-horizontal { flex-direction: row !important; gap: 0 !important; }
    .wd-slider .wd-nav-pagin-item { margin-bottom: 0 !important; }
    .wd-slider .wd-nav-pagin-wrap.wd-style-number-2 .wd-nav-pagin-item:not(:last-child)::after { content: "/" !important; position: static !important; transform: none !important; width: auto !important; height: auto !important; background: transparent !important; color: var(--text-dark) !important; font-size: 16px !important; font-weight: 700 !important; margin: 0 15px !important; display: inline-block !important; }
    .wd-slider .wd-nav-pagin-wrap::before, .wd-slider .wd-nav-pagin-wrap::after { display: none !important; }
    
    /* CATEGORIES GRID */
    .b2b-categories-grid { grid-template-columns: 1fr; }
    .custom-category-card { padding: 30px !important; min-height: auto !important; }
    .custom-category-card .card-content { display: contents !important; }
    .custom-category-card .card-title { order: 1 !important; font-size: 20px !important; margin-bottom: 10px !important; }
    .custom-category-card .card-desc { order: 2 !important; font-size: 13px !important; margin-bottom: 10px !important; }
    .custom-category-card .card-image { position: relative !important; order: 3 !important; bottom: auto !important; right: auto !important; width: 100% !important; max-width: 220px !important; max-height: none !important; margin: 20px auto 30px auto !important; z-index: 5; }
    .custom-category-card .card-link { order: 4 !important; align-self: flex-start !important; margin-top: auto !important; }
    .custom-category-card .card-icon { top: 25px !important; right: 25px !important; width: 38px !important; height: 38px !important; padding: 8px !important; }
    
    /* MODAL FORM */
    .hud-form-row { flex-direction: column; gap: 25px; }
    .hud-modal-box { padding: 30px 20px; }
    .hud-modal-close { top: 15px; right: 15px; }
    .hud-modal-close span { font-size: 0 !important; }
    .hud-modal-close span::before { content: "✕"; font-size: 24px; visibility: visible; display: block; line-height: 1; }
    html[lang*="en"] .hud-modal-close span::after { display: none !important; }
    .hud-modal-header { max-width: 85%; }
    
    /* FOOTER */
    .hud-footer-plate { width: 100%; margin: 20px 0; padding: 40px 20px; border-radius: 0; border-left: none; border-right: none; }
    .hud-footer-grid { grid-template-columns: 1fr; gap: 30px; }
    
    /* SINGLE PRODUCT */
    .hud-quick-specs { grid-template-columns: 1fr; }
    .hud-spec-item { border-left: none; padding-left: 0; }
    table.variations { grid-template-columns: 1fr !important; padding: 20px 15px !important; }
    .wd-swatches-product { justify-content: flex-start !important; margin-left: -5px !important; margin-right: -5px !important; }
    .wd-swatches-product .wd-swatch.wd-text { flex: 1 1 calc(33.333% - 10px) !important; min-width: 0 !important; margin: 0 5px 10px 5px !important; height: 42px !important; }
    .wd-swatches-product .wd-swatch.wd-text .wd-swatch-text { font-size: 13px !important; }
    .hud-dynamic-specs-container { padding: 25px 20px !important; }
    .hud-specs-list li { display: block !important; position: relative !important; padding-left: 20px !important; margin-bottom: 15px !important; padding-bottom: 15px !important; border-bottom: 1px solid rgba(var(--white-rgb), 0.05) !important; }
    .hud-specs-list li:last-child { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
    .hud-specs-list li .spec-bullet { position: absolute !important; left: 0 !important; top: 2px !important; }
    .hud-specs-list li .spec-name { display: block !important; width: 100% !important; margin-bottom: 4px !important; line-height: 1.4 !important; color: var(--text-darker) !important; }
    .hud-specs-list li .spec-val { display: block !important; padding-left: 0 !important; font-size: 16px !important; line-height: 1.4 !important; color: var(--text-main) !important; }
    .tel-grid { grid-template-columns: 1fr; }
    .hud-telemetry-container { padding: 25px 20px; margin-top: 20px; }
    .tel-badge { margin-left: 16px; margin-top: 5px; }
    .dev-banner-inner { flex-direction: column; text-align: center; padding: 25px 20px; }
    .dev-icon-container { margin-right: 0; margin-bottom: 20px; }

    /* OEM LANDING */
    .hud-crosshair { width: 260px; height: 260px; }
    .oem-hero-section { padding: 80px 15px; }
    .oem-hero-content h1 { font-size: 26px !important; margin-bottom: 15px; }
    .oem-hero-content p { font-size: 14px; }
    .oem-card, .oem-card.reverse { flex-direction: column !important; gap: 25px; margin-bottom: 50px; padding: 0; }
    .oem-card-visual { min-height: 240px; padding: 30px; width: 100%; }
    .oem-card-visual img { max-width: 90%; }
    .oem-card.is-active .oem-card-visual img { transform: scale(1.05) rotate(0deg); }
    .oem-card.is-active .hud-corner.top-left { top: 8px; left: 8px; }
    .oem-card.is-active .hud-corner.bottom-right { bottom: 8px; right: 8px; }
    .oem-data-header { margin-bottom: 15px; gap: 15px; }
    .oem-card-data h2 { font-size: 20px; }
    .oem-number { font-size: 32px; }
    .oem-desc { font-size: 13px; padding-left: 15px; margin-bottom: 20px; }
    
    /* Stack vertically and align specs for mobile */
    .oem-specs li { 
        padding: 12px 15px; 
        background: linear-gradient(90deg, rgba(var(--black-rgb), 0.3) 0%, rgba(var(--white-rgb), 0.02) 100%); 
        flex-direction: column; 
        align-items: flex-start; 
        gap: 6px; 
    }
    .oem-specs li .spec-label { 
        font-size: 10px; 
        opacity: 0.7; 
    }
    .oem-specs li .spec-val { 
        font-size: 13px; 
        text-align: left; 
        line-height: 1.4;
    }

    /* ABOUT COMPANY */
    .about-hero-section { padding: 80px 15px 100px 15px; }
    .about-video-wrapper { margin-top: -60px; padding: 0 10px; }
    .terminal-header { font-size: 10px; padding: 10px; }
    .processes-grid { grid-template-columns: 1fr; gap: 15px; }
    .process-card { padding: 30px 20px; }
    .processes-title { font-size: 24px; margin-bottom: 40px; }
    
    /* Fix card width and overflow issues */
    .hud-about-landing .contract-services-wrapper {
        width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }

    .hud-about-landing .service-card {
        width: 100% !important;
        padding: 30px 20px !important;
        box-sizing: border-box !important;
        overflow: hidden !important; 
    }
       
    /* PAGE: CONTACTS */
    .contact-form-container { padding: 25px 20px; }
}