/*
Theme Name: Envo Royal
Theme URI: https://envothemes.com/envo-royal-free-wp-theme/
Author: EnvoThemes
Author URI: https://envothemes.com/
Description: Envo Royal is a fast, clean, lightweight, customizable and modern-looking free responsive multipurpose WordPress theme. Suitable for blog, creative, portfolio or business website and WooCommerce storefront. Theme supports popular page builders like Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Brizy, Visual Composer, Gutenberg etc. Envo Royal comes with unique WooCommerce Features and it is compatible with YITH WooCommerce Wishlist, YITH WooCommerce Compare, WooCommerce Variation Swatches and other popular plugins. The theme is SEO friendly, WPML and RTL ready. Documentation: https://envothemes.com/docs/envo-royal/ Theme demos ready to import: https://envothemes.com/envo-royal-free-wp-theme/#demos
Version: 1.0.14
Tested up to: 6.9
Requires PHP: 5.6
License: GNU General Public License v3.0 or later
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, full-width-template, right-sidebar, custom-background, custom-menu, custom-header, editor-style, featured-images, translation-ready, custom-logo, threaded-comments, footer-widgets, rtl-language-support, blog, e-commerce
Text Domain: envo-royal
*/


/* ==========================================================================
   NET LUX SP. Z O.O. - LOCAL TYPOGRAPHY ASSETS INTEGRATION
   ========================================================================== */

/* 1. Core Script Font for Logo Foreground Elements */
@font-face {
    font-family: 'Marck Script';
    src: url('fonts/MarckScript-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 2. Primary Geometric Grotesque - Regular Weight for Base Copywriting */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 3. Primary Geometric Grotesque - Medium Weight for Subheadings & Elements */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* 4. Primary Geometric Grotesque - Bold Weight for Navigation & Section Titles */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 5. Primary Geometric Grotesque - Ultra Black Weight for Logo Backdrop Node */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a, a:active, a:focus, a:hover {
    color: #784A1A;
    text-decoration: none;
}

a.comment-reply-link {
    border: 1px solid #ccc;
    padding: 10px 20px;
}

a.comment-reply-link, button, input#submit, input[type="submit"], .btn-default {
    -webkit-transition: all 0.3s ease-in-out;
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 25px;
    transition: all 0.3s ease-in-out;
}

a.post-edit-link {
    display: none;
}

a:active {
    border-bottom: none;
}

a:focus, .dropdown-toggle:focus {
    outline: none;
}

article {
    clear: none;
    margin-bottom: 30px;
}

article.content-article:nth-of-type(2n+1) {
    clear: both;
}

body {
    color: #2b2b2b;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    padding: 0;
    word-wrap: break-word;
	background-color: #FDF8F5;
	background: #FDF8F5;
}

button#place_order {
    border-radius: 5px;
    display: inline-block;
    float: none;
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin: 0 auto;
    padding: 15px;
    width: 100%;
}

button.dgwt-wcas-search-submit, button.dgwt-wcas-search-submit:hover {
    background: initial;
}

button.header-search-button {
    background-color: #784A1A;
    border-radius: 0;
    border: none;
    color: inherit;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
}

button.header-search-button .la {
    color: #fff;
}

cite.fn {
    font-weight: bold;
}

div.aligncenter, .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

embed, iframe {
    max-width: 100%;
}

fieldset {
    border: 2px solid #e5e5e5;
    margin: 5px 2px 15px 2px;
    padding: 0.35em 0.625em 0.75em;
}

form.search-form label {
    display: block;
    width: 100%;
}

form.search-form, form.woocommerce-product-search {
    position: relative;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: -.02em;
    word-wrap: break-word;
}

h1.site-title, .site-title {
    margin: 0;
}

h1.site-title a, .site-title a {
    color: #2b2b2b;
    font-size: 34px;
    font-weight: 800;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

.single-title {
    font-size: calc(2vw + 2vh);
    margin: 0;
}

html {
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
}

img {
    height: auto;
    max-width: 100%;
}

img.alignnone {
    height: auto;
    max-width: 96%;
    width: auto;
}

input, textarea {
    background-color: #fff;
    border-radius: 0;
    color: #464a4c;
    padding: 8px;
}

.site-heading-sidebar {
    display: inline-flex;
}

.header-search-form input.header-search-input {
    background-color: transparent;
    border-radius: 0;
    border-radius: 0px;
    border: none;
    display: inline-block;
    float: left;
    height: 40px;
    padding-left: 15px;
    position: relative;
    right: 0px;
    width: 60%;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea {
    -webkit-border-radius: 3px;
    background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0));
    border-radius: 3px;
    border: 1px solid #bbb;
    display: block;
    width: 100%;
}

input[type="search"].search-field::-webkit-input-placeholder {
    color: #5b5b5b;
}

input[type="search"].search-field:focus::-webkit-input-placeholder {
    color: #545454;
    padding: 20px 0 0 0;
}

legend {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 0;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding: 0;
    white-space: normal;
    width: auto;
}

li.menu-item-has-children a.envo-categories-menu-first {
    min-width: 200px;
    padding-left: 45px;
    padding-right: 45px;
    width: 100%;
}

li.menu-item-has-children a.envo-categories-menu-first:before {
    content: "\f550";
    font-family: "Line Awesome Free";
    font-size: 15px;
    font-weight: 900;
    left: 0;
    margin-left: 20px;
    position: absolute;
    right: auto;
}

nav a, #site-navigation {
    -webkit-transition: all 0.3s ease;
    border-radius: 0;
    color: #2b2b2b;
    transition: all 0.3s ease;
}

nav.navigation.pagination {
    clear: both;
    margin: 20px 0;
    text-align: center;
    width: 100%;
}

nav.navigation.pagination .current {
    background-color: transparent;
    color: #fff;
}

nav.navigation.pagination .current, nav.navigation.pagination .nav-links a {
    border-radius: 0;
    border: 1px solid #b5b5b5;
    border: none;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
}

nav.navigation.post-navigation {
    clear: both;
    width: 100%;
}

select {
    max-width: 100%;
    padding: 5px;
}

select.header-search-select {
    background-color: #fff;
    border: none;
    border-left: 1px solid #ececec;
    display: inline-block;
    float: left;
    height: 40px;
    width: 40%;
}

span.comments-meta i {
    margin-left: 5px;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td, th {
    padding: 6px;
}

th {
    font-weight: bold;
}

#content-footer-section {
    background-color: #808080;
    clear: both;
    color: #ffffff;
    padding: 15px;
}

#content-footer-section .comments-meta, #content-footer-section .comments-meta a, #content-footer-section .posted-date {
    color: #cacaca;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    position: relative;
}

#content-footer-section .news-item h2 a {
    color: #fff;
    font-weight: 400;
}

#content-footer-section .widget-title h3 {
    color: #fff;
}

#content-footer-section .widget.col-md-3 {
    margin: 1%;
}

#respond .comment-form-author {
    padding-right: 5%;
}

#respond .comment-form-author, #respond .comment-form-email {
    float: left;
    width: 50%;
}

#respond .comment-form-url, #respond input#url {
    float: left;
    width: 100%;
}

#respond input[type="checkbox"], #respond input[type="radio"] {
    float: left;
    margin-right: 10px;
    width: auto;
}

#second-site-navigation {
    background-color: #ffffff;
    border-bottom: 1px solid #f6f6f6;
    border-left: none;
    border-radius: 0;
    border-right: none;
    border-top: none;
}

#sidebar {
    display: inline-block;
    max-width: 100%;
}

#site-navigation {
    background-color: transparent;
    border: none;
    min-height: 50px;
}

#site-navigation .container {
    position: relative;
}

#theme-menu-second .navbar-nav > li > a {
    font-weight: 400;
}

#theme-menu-second li.menu-item-has-children>a:before {
    display: none;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.page .article-meta {
    display: none;
}

.archive-item .article-meta {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.archive-page-header h1 {
    margin: 0;
    padding-bottom: 25px;
}

.author-meta a {
    font-size: 15px;
    margin-left: 0px;
    margin-right: 20px;
    font-style: italic;
}

.author-meta-by {
    font-size: 80%;
    font-style: italic;
    position: relative;
}

.bypostauthor, .sticky {
}

.cat-links a, .cat-links span, .posted-date, .tags-links span {
    color: #404040;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    position: relative;
}

.cat-links, .tags-links {
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 0;
    position: relative;
}

.checkbox, .radio {
    display: inline-block;
}

.comment-body {
    margin-bottom: 40px;
}

.comment-body a, .single-entry-summary a, .textwidget a {
    text-decoration: underline;
}

.comment-form #comment {
    width: 100%;
}

.comment-meta.commentmetadata {
    font-size: 12px;
    font-style: italic;
    margin: 10px 0;
}

.commentlist li {
    list-style-type: none;
}

.comments-meta {
    color: #404040;
    display: inline-block;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    padding: 0 8px;
    position: relative;
    z-index: 5;
}

.comments-meta, .posted-date {
    margin-right: 20px;
}

.content-date-comments {
    display: inline-block;
}

.dropdown-menu .menu-description {
    display: inline;
    left: 0;
    margin: 5px;
    position: relative;
    top: -2px;
}

.dropdown-menu .menu-description:after {
    display: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #784A1A;
}

.dropdown-menu > li > a {
    border-bottom: 0;
    padding: 5px 20px 5px 10px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    -moz-border-radius: 6px 0 6px 6px;
    -webkit-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
    left: -100%;
    margin-left: 10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu>.dropdown-menu {
    -moz-border-radius: 0 6px 6px;
    -webkit-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
    left: 100%;
    margin-left: -1px;
    margin-top: -6px;
    top: 0;
}

.dropdown-submenu>a:after {
    border-color: transparent;
    border-left-color: #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.entry-footer, .single-entry-summary {
    clear: both;
    margin-top: 15px;
    width: 100%;
}

.error-template {
    padding-bottom: 60px;
}

.featured-thumbnail {
    position: relative;
    width: 100%;
}

.featured-thumbnail img {
    text-align: center;
    width: 100%;
}

.footer-credits {
    background-color: #1e1e1e;
    clear: both;
}

.footer-credits-text {
    color: #fff;
    padding: 20px 0;
}

.gallery-caption {
    font-weight: bold;
}

.header-right {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    min-width: max-content;
    padding-left: 20px;
    position: relative;
}

.header-right.menu-button {
    max-width: 34px;
}

.header-search-form {
    background-color: #fff;
    border-color: #784A1A;
    border-radius: 0;
    border: 1px solid;
    display: inline-block;
    float: left;
    height: 42px;
    padding-right: 42px;
    position: relative;
    width: 100%;
}

.heading-row {
    align-items: center;
    display: flex;
    float: none;
    position: relative;
}

.homepage-area .widget {
    margin: 0;
    padding: 0;
}

.inner-wrapper {
    display: block;
    margin-bottom: 15px;
}

.main-container {
    background-color: #FDF8F5;
    width: 1250px;
	padding: 100px 0 50px;
}

.main-content {
    float: left;
    width: 100%;
}

.main-menu {
    position: relative;
    z-index: 97;
}

.main-menu .container {
    align-items: center;
    display: flex;
    float: none;
    position: relative;
}

.menu-cats-on, .menu-right-on, .search-on {
    width: 100%;
}

.menu-description {
    background: #784A1A;
    border-radius: 1px;
    bottom: 100%;
    color: #fff;
    display: inline-table;
    font-size: 9px;
    font-weight: 700;
    left: calc(100% - 25px);
    line-height: 10px;
    line-height: normal;
    margin: 0px 3px -15px 3px;
    overflow-wrap: unset;
    padding: 2px 4px;
    position: absolute;
    width: max-content;
    word-break: keep-all;
    z-index: 9;
}

.menu-description:after {
    border-left: 0px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #784A1A;
    bottom: -4px;
    content: '';
    height: 0;
    left: 3px;
    position: absolute;
    width: 0;
}

.menu-heading {
    flex-grow: 1;
}

.mobile-heading .site-branding-logo img {
    max-height: 50px;
}

.nav-links {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.nav-links .nav-title {
    position: relative;
}

.nav-next .fa {
    margin-left: 5px;
}

.nav-previous .fa {
    margin-right: 5px;
}

.nav-subtitle {
    background: transparent;
    color: initial;
    display: block;
    font-size: 13px;
    opacity: 0.8;
    text-transform: uppercase;
}

.navbar {
    margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #784A1A;
    transition: 0.3s;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #2b2b2b;
    transition: 0.3s;
    text-decoration: underline;
}

.navbar a[href$="x.com"],.navbar a[href$="/feed/"], .navbar a[href*="dribbble.com"], .navbar a[href*="facebook.com"], .navbar a[href*="flickr.com"], .navbar a[href*="foursquare.com"], .navbar a[href*="instagram.com"], .navbar a[href*="linkedin.com"], .navbar a[href*="mailto:"], .navbar a[href*="pinterest.com"], .navbar a[href*="plus.google.com"], .navbar a[href*="reddit.com"], .navbar a[href*="tumblr.com"], .navbar a[href*="twitch.tv"], .navbar a[href*="twitter.com"], .navbar a[href*="vimeo.com"], .navbar a[href*="vk.com"], .navbar a[href*="wordpress.com"], .navbar a[href*="wordpress.org"], .navbar a[href*="youtube.com"] {
    font-size: 20px;
    min-width: 30px;
    padding-left: 7px;
    padding-right: 7px;
    text-indent: -9999px;
    white-space: normal;
}

.navbar a[href$="/feed/"]:after {
    color: #784A1A;
    content: "\f09e";
    font-family: "Line Awesome free";
}

.navbar a[href$="/feed/"]:after, .navbar a[href*="dribbble.com"]:after, .navbar a[href*="facebook.com"]:after, .navbar a[href*="flickr.com"]:after, .navbar a[href*="foursquare.com"]:after, .navbar a[href*="instagram.com"]:after, .navbar a[href*="linkedin.com"]:after, .navbar a[href*="mailto:"]:after, .navbar a[href*="pinterest.com"]:after, .navbar a[href*="plus.google.com"]:after, .navbar a[href*="reddit.com"]:after, .navbar a[href*="tumblr.com"]:after, .navbar a[href*="twitch.tv"]:after, .navbar a[href*="twitter.com"]:after, .navbar a[href*="vimeo.com"]:after, .navbar a[href*="vk.com"]:after, .navbar a[href*="wordpress.com"]:after, .navbar a[href*="wordpress.org"]:after, .navbar a[href*="youtube.com"]:after {
    display: block;
    float: left;
    font-family: "Line Awesome Brands";
    font-weight: 900;
    position: relative;
    text-indent: 0;
}
.navbar a[href$="x.com"]:after{
    content: "";
    display: block;
    float: left;
    position: relative;
    text-indent: 0;
    background-image: url("data:image/svg+xml,%3Csvg class='the-icon' aria-labelledby='the-twitter-x-icon' role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717 l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339 l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 12px;
    height: 12px;
    top: 4px;
}
.navbar a[href*="dribbble.com"]:after {
    color: #ea4c89;
    content: "\f17d";
}

.navbar a[href*="facebook.com"]:after {
    color: #3b5998;
    content: "\f09a";
}

.navbar a[href*="flickr.com"]:after {
    color: #ff0084;
    content: "\f16e";
}

.navbar a[href*="foursquare.com"]:after {
    color: #0072b1;
    content: "\f180";
}

.navbar a[href*="instagram.com"]:after {
    color: #517fa4;
    content: "\f16d";
}

.navbar a[href*="linkedin.com"]:after {
    color: #007bb6;
    content: "\f0e1";
}

.navbar a[href*="mailto:"]:after {
    color: #2b2b2b;
    content: "\f658";
    font-family: "Line Awesome free";
}

.navbar a[href*="pinterest.com"]:after {
    color: #cb2027;
    content: "\f231";
}

.navbar a[href*="reddit.com"]:after {
    content: "\f281";
}

.navbar a[href*="tumblr.com"]:after {
    color: #32506d;
    content: "\f173";
}

.navbar a[href*="twitch.tv"]:after {
    color: #6441a5;
    content: "\f1e8";
}

.navbar a[href*="twitter.com"]:after {
    color: #00aced;
    content: "\f099";
}

.navbar a[href*="vimeo.com"]:after {
    color: #aad450;
    content: "\f194";
}

.navbar a[href*="vk.com"]:after {
    color: #4a76a8;
    content: "\f189";
}

.navbar a[href*="wordpress.com"]:after, .navbar a[href*="wordpress.org"]:after {
    color: #0073aa;
    content: "\f19a";
}

.navbar a[href*="youtube.com"]:after {
    color: #bb0000;
    content: "\f167";
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ccc;
}

.navbar-nav > li > a {
    border-bottom: 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    max-height: 50px;
    vertical-align: middle;
}

.navbar-nav > li > a.envo-categories-menu-first {
    border-radius: 0;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
}

.navbar-nav li.fa {
    display: block;
    position: relative;
}

.navbar-nav.envo-categories-menu {
    background-color: #784A1A;
}

.navbar-toggle {
    border: 1px solid #ccc;
}

.news-item {
    margin-bottom: 10px;
}

.news-item h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px;
}

.news-item h2 a {
    color: #404040;
    font-size: 30px;
    font-weight: 500;
}

.news-item.layout-two h2 {
    font-size: 18px;
}

.news-item:hover img {
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
    opacity: 1;
}

.news-thumb {
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.0);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.0);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,.2);
    clear: both;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.one-news-section .news-item h2 {
    font-size: 28px;
    margin-top: 10px;
}

.page h1.single-title {
    margin-bottom: 15px;
    margin-top: 10px;
}

.page-area {
    padding-top: 15px;
}

.page-header {
    margin: 20px 0;
    text-align: center;
    width: 100%;
    border-bottom: none;
}

.page-header a {
    border-bottom: 0;
    color: #2b2b2b;
}

.post-excerpt {
    clear: both;
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.post-navigation .nav-previous {
    float: left;
    text-align: left;
    width: 50%;
}

.reply {
    margin: 20px 0;
}

.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip-path: none;
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 10px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.search-field {
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding-right: 90px;
    width: 100%;
}

.search-submit, .woocommerce-product-search button {
    bottom: 2px;
    line-height: 18px;
    position: absolute;
    right: 2px;
    top: 2px;
}

.shrink .header-heading-shrink {
    flex-grow: 1;
}

.shrink .header-right {
    max-width: max-content;
}

.shrink .menu-heading {
    flex-grow: 0;
}

.single-content.row {
    margin-bottom: 60px;
}

.single-footer.row {
    clear: both;
}

.single-head {
    clear: both;
    margin-bottom: 10px;
    position: relative;
}

.single-page-header {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
}

.site-branding-logo a {
    border: none;
    position: relative;
    z-index: 99;
}

.site-branding-logo img {
    width: auto;
}

.site-branding-logo, .site-branding-text {
    float: left;
    margin-bottom: 0;
    text-align: left;
}

.site-branding-text {
    position: relative;
    z-index: 99;
}

.site-description {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    position: relative;
}

.site-header {
    background-color: #fff;
    padding: 5px 0;
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 3px 7px #c0b0a6;
	background: #f9f9f9;
}

.site-heading {
    padding-left: 15px;
    padding-right: 15px;
}

.heading-row .site-heading {
    display: flex;
    align-items: center;
}

.header-woonav:not(.woo-on) .heading-row.row, .header-woonav:not(.woo-on) .heading-row .site-heading {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.site-heading-sidebar .widget {
    float: left;
    font-size: 80%;
    margin-bottom: 5px;
    margin-left: 15px;
}

.site-heading-sidebar .widget:first-of-type {
    margin-left: 0;
}

.site-heading-sidebar p {
    margin-bottom: 0;
}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    height: auto;
    max-width: 100%;
}

.space-right {
    margin-right: 15px;
}

.tagcloud a {
    border: 1px solid;
    display: inline-block;
    font-size: 15px !important;
    margin-bottom: 5px;
    padding: 0px 6px;
}

.tags-links a {
    color: #404040;
    font-size: 14px;
    font-style: italic;
    margin-right: 8px;
    opacity: 0.9;
    position: relative;
}

.taxonomy-description {
    margin-bottom: 20px;
}

.top-header {
    position: relative;
    height: 75vh;
    background-color: #3c3c3c;
	display: none;
}

.single-image {
    overflow: hidden;
    position: relative;
    height: 75vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bg-single-image {
    overflow: hidden;
    position: relative;
    height: 75vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.single-image:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
}

.header-title {
    position: absolute;
    top: 55%;
    text-align: center;
    padding: 15px;
    color: #fff;
    left: 50%;
    -webkit-transform: translate(-50%, -55%);
    -moz-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    -o-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
}

.header-title .posted-date, .header-title .author-meta-by, .header-title .comments-meta {
    color: #fff;
    opacity: 1;
}

.top-header .site-branding-text, .top-header .site-branding-logo {
    text-align: center;
    float: none;
}

.header-site-title {
    font-size: 46px;
    font-size: calc(3vw + 2vh);
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 800;
}

@keyframes grow{
    0% { transform: translateX(-50%) translateY(-50%) scale(1)}
    50% { transform: translateX(-50%) translateY(-50%) scale(1.2)}
}

#header-image-arrow {
    position: relative;
    margin-top: 30px;
    margin-bottom: 15px;
    width: 100%;
    height: 50px;
}
#header-image-arrow a span:hover {
    opacity: 0.7;
}
#header-image-arrow a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 38px;
    height: 38px;
    margin-left: -19px;
    border: 1px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#header-image-arrow a span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 16px;
    height: 16px;
    margin: -12px 0 0 -8px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: border-box;
}
#header-image-arrow a span::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 38px;
    height: 38px;
    box-shadow: 0 0 0 0 rgba(255,255,255,.1);
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: arrow 3s infinite;
    animation: arrow 3s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes arrow {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.single-image img {
    position: absolute;
    height: auto;
    left: 50%;
    max-width: 1000%;
    min-height: 100%;
    width: auto;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-animation: grow 30s linear 10ms infinite;
    animation: grow 30s linear 10ms infinite;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.top-bar-section {
    background-color: #fff;
    border-bottom: 1px solid #f6f6f6;
    color: #334142;
    font-size: 14px;
    padding: 5px 0;
    position: relative;
    z-index: 98;
    display: flex;
}

.top-bar-section .widget, .top-bar-section p {
    margin-bottom: 0;
}

.top-bar-section .widget:nth-child(3n) {
    text-align: right;
}

.top-bar-section .widget:nth-child(3n-1) {
    text-align: center;
}

.transparent-header .top-header {
    top: -71px;
} 

.updated:not(.published) {
    display: none;
}

.widget {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-bottom: 20px;
    position: relative;
    word-wrap: break-word;
}

.widget li > ul {
    padding-left: 15px;
}

.widget ul {
    list-style-type: none;
    padding-left: 0;
}

.widget ul li {
    border-bottom: 1px solid rgba(0,0,0,0.08);
    margin: 4px 0px 0px;
    padding: 0px 0px 4px;
}

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

.widget-title {
    clear: both;
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    color: #2b2b2b;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 10px 0 0 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes showup {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    a.cart-contents i.la, .header-cart i, .header-compare i, .header-my-account i, .header-search i, .header-search-icon i, .header-wishlist i {
        font-size: 22px;
        margin-right: 0;
    }

    #menu-categories-menu {
        display: none;
    }

    #menu-categories-menu.dropdown-menu.open {
        display: block;
        position: relative;
        width: 100%;
    }

    #site-navigation {
        height: 0;
        min-height: 0 !important;
        opacity: 0;
        visibility: hidden;
    }

    #theme-menu {
        overflow: hidden;
        z-index: 99999;
    }

    #theme-menu-second .nav > li {
        display: inline-block;
    }

    #theme-menu-second .navbar-right, .header-search-form {
        text-align: center;
    }

    .admin-bar.hc-nav-open {
        margin-top: -46px;
    }

    .admin-bar.hc-nav-open:not(.shrink-header) .hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {
        margin-top: 46px;
    }

    .dropdown-menu {
        -webkit-box-shadow: none;
        border-radius: 0;
        border: none;
        box-shadow: none;
        display: block;
        float: none;
        font-size: initial;
        left: auto;
        list-style: none;
        margin: 0;
        min-width: auto;
        padding: 0;
        position: inherit;
        text-align: none;
        top: auto;
    }

    .hc-nav-trigger {
        top: 4px;
        width: 20px;
    }

    .hc-nav-trigger span {
        width: 20px;
    }

    .hc-nav-trigger span, .hc-nav-trigger span::after, .hc-nav-trigger span::before {
        background-color: #5c5c5c;
        height: 2px;
    }

    .hc-nav-trigger span::after {
        bottom: -6px;
    }

    .hc-nav-trigger span::before {
        top: -6px;
    }

    .hc-offcanvas-nav .nav-close-button span::before {
        margin-left: -6px;
    }

    .head-form.visible-xs {
        padding: 15px;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 9;
    }

    .header-compare, .header-my-account, .header-search, .header-search-icon i, .header-wishlist {
        padding-right: 3px !important;
    }

    .header-right {
        flex-grow: 1;
        padding-right: 15px;
    }

    .header-search-form {
        font-size: 14px;
    }

    .header-search-form, .navbar-nav.envo-categories-menu, .navbar-right {
        width: 100% !important;
    }

    .header-woonav:not(.woo-on) #second-site-navigation, 
    .header-woonav #second-site-navigation:not(.menu-right-on):not(.menu-cats-on) {
        display: none;
    }

    .heading-row {
        flex-wrap: wrap;
    }

    .js-loaded #site-navigation {
        opacity: 1;
        visibility: visible;
    }

    .main-menu .container {
        display: block !important;
    }

    .menu-button {
        float: right;
        height: 24px;
        margin-left: 10px;
        width: 24px;
    }

    .menu-item .menu-description {
        background: #784A1A;
        border-radius: 1px;
        color: #fff;
        display: inline;
        font-size: 9px;
        font-weight: 700;
        left: inherit;
        line-height: 10px;
        line-height: normal;
        margin: 0 3px;
        margin: 0 5px;
        padding: 2px 4px;
        position: relative;
        top: -3px;
    }

    .menu-item .menu-description:after {
        display: none;
    }

    .mobile-canvas {
        float: left;
    }

    .navbar-default .navbar-brand {
        margin-right: -50px;
    }

    .navbar-nav.envo-categories-menu {
        margin-left: 0px;
    }

    .top-bar-section .widget {
        text-align: center !important;
    }
}

@media (min-width: 600px) and (max-width: 782px) {
    .admin-bar #theme-menu {
        top: 46px;
    }
}

@media (min-width: 768px) {
    li li ul.dropdown-menu {
        left: 100%;
        top: 0;
    }

    li.menu-item-has-children > a {
        padding-right: 25px;
    }

    li.menu-item-has-children>a.dropdown-item:before {
        right: 6px;
    }

    li.menu-item-has-children>a:before {
        content: "\f078";
        font-family: "Line Awesome Free";
        font-size: 14px;
        font-weight: 900;
        margin-left: 0;
        position: absolute;
        right: 9px;
        line-height: 1.7;
    }

    ul li ul li.menu-item-has-children>a:before {
        content: "\f105";
    }

    #site-navigation .container {
        padding-left: 0;
        padding-right: 0;
    }

    .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        max-width: 100vw;
        width: auto;
    }

    .alignfull img {
        width: 100vw;
    }

    .alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
        max-width: 100vw;
        width: auto;
    }

    .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
    }

    .header-heading-shrink .navbar-right {
        margin-right: 0px;
    }

    .header-search-widget {
        width: 75%;
    }

    .menu-item-has-children li.fa:before {
        top: 6px !important;
    }

    .navbar-center {
        text-align: center;
        width: 100%;
    }

    .navbar-center > li {
        display: inline-block;
        float: none;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: transparent;
    }

    .navbar-default .navbar-nav > .active a:focus, .navbar-default .navbar-nav > .open a:focus {
        background-color: #fff;
        outline: none;
    }

    .navbar-nav > li > a {
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .navbar-nav li:hover > .dropdown-menu {
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        border-radius: 0;
        opacity: 1;
        transition: all 0.5s ease-in-out;
        visibility: visible;
    }

    .navbar-right li li ul.dropdown-menu {
        left: auto;
        right: 100%;
    }

    .open > .dropdown-menu {
        height: auto;
        opacity: 1;
        visibility: visible;
    }

    .shrink .header-search-widget {
        display: none;
    }

    .wp-block-group__inner-container {
        margin: auto;
        max-width: 85.7143rem;
    }
}
[data-tooltip] {
    cursor: pointer;
    position: relative;
    z-index: 999;
}

[data-tooltip]:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid hsla(0,0%,20%,0.9);
    bottom: 85%;
    content: " ";
    font-size: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    transform: translate(-50%,0);
    width: 0;
    z-index: 999;
}

[data-tooltip]:after, [data-tooltip]:before {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

[data-tooltip]:before {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    background-color: hsla(0,0%,20%,0.9);
    border-radius: 3px;
    bottom: 85%;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 12px;
    left: 50%;
    line-height: 1.1;
    margin-bottom: 5px;
    padding: 4px;
    position: absolute;
    text-align: center;
    transform: translate(-50%,0);
    width: max-content;
    z-index: 999;
}

[data-tooltip]:hover:after, [data-tooltip]:hover:before {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: visible;
}


/* ==========================================================================
   NET LUX SP. Z O.O. - CONVERSIONAL B2B INQUIRY BUTTON STYLES (V3)
   ========================================================================== */

/* 
   Core class descriptor targetting the structural anchor tag wrapper.
   Uses absolute cascading specificity without using banned !important modifiers.
   Colors map strictly to your final approved palette schema.
   Initial state: Peach background with Deep Golden-Brown typography.
*/
.Inquiry a {
    background-color: #f7d1bb; /* Brand Secondary: Rich Warm Peach foundation */
    color: #784A1A; /* Brand Expression Color: Deep Golden-Brown typography */
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #f7d1bb;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* Smooth transition for structural properties */
    transition: color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
                border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
                box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
                transform 0.2s ease;
}

/* 
   Advanced Hover States: Color inversions matching the logo aesthetic.
   Flips to Dark Golden-Brown background with Light Peach typography.
*/
.Inquiry a:hover {
    color: #FDF8F5 !important; /* Font transforms to base canvas light peach */
    border-color: #784A1A;
    box-shadow: 0 8px 24px rgba(120, 74, 26, 0.18); /* Warm elegant drop shadow */
    transform: translateY(-2px); /* Gentle organic lift effect */
	text-decoration: none !important;
}

/* Active pressed down physical response layer */
.Inquiry a:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(120, 74, 26, 0.1);
}

/* 
   Micro-Animation Element: Block Expansion Reveal.
   Replaces the running flare line with an elegant, corporate radial-fill animation 
   that expands smoothly from the center outward upon interaction, echoeing the 
   two-layer color interaction of the primary brand logo.
*/
.Inquiry a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: #784A1A; /* Fills button with Deep Golden-Brown on hover */
    border-radius: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), 
                height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Triggers the radial expansion background layer when user hovers */
.Inquiry a:hover::before {
    width: 300px;
    height: 300px;
}

/* FontAwesome icon alignment spacing logic within the class frame */
.Inquiry a i {
    font-size: 12px;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Icon micro-movement upon interaction to guide the eye forward */
.Inquiry a:hover i {
    transform: translateX(2px) scale(1.05);
}

/* ==========================================================================
   Responsive Adaptations for Smaller Screens
   ========================================================================== */
@media (max-width: 768px) {
    .Inquiry a {
        padding: 12px 22px;
        font-size: 12px;
    }
}

.heading-row .site-heading {
        overflow: hidden;
        width: 100%;
        max-width: 160px;
}



/* ==========================================================================
   NET LUX SP. Z O.O. - INSTITUTIONAL SLIDEOUT MODAL NAVIGATION SYSTEM
   ========================================================================== */

/* 1. Global Overlay Backdrop Mask (Hidden state by default) */
.ntlx-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(43, 43, 43, 0); /* Starts transparent using base text color alpha */
    z-index: 99999;
    display: flex;
    justify-content: flex-start; /* Aligns child panel strictly to the left edge */
    pointer-events: none; /* Allows clicks to pass through when hidden */
    box-sizing: border-box;
    transition: background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Backdrop Visible State Transition Layer */
.ntlx-modal-backdrop.ntlx-backdrop-visible {
    background-color: rgba(43, 43, 43, 0.5); /* Smoothly darkens outer area */
    pointer-events: auto; /* Restores interactive click handling */
}

/* 2. Main Slideout Content Box Geometry Panel */
.ntlx-drawer-content-wrapper {
    width: 100%;
    max-width: 460px; /* Optimal corporate reading width array */
    height: 100%;
    background-color: #FDF8F5; /* Site Canvas Color: Light Peach */
    box-shadow: 25px 0 50px rgba(120, 74, 26, 0.08); /* Warm glowing elevation drop shadow */
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    transform: translateX(-100%); /* Completely hidden offscreen to the left */
    transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Active Open Slide Motion Definition */
.ntlx-modal-backdrop.ntlx-backdrop-visible .ntlx-drawer-content-wrapper {
    transform: translateX(0); /* Slides cleanly into position from left to right */
}

/* 3. Drawer Header Branding Array Elements */
.ntlx-drawer-top-bar {
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(247, 209, 187, 0.6); /* Delimited by secondary peach */
    background-color: #fff; /* Pure White lift */
    box-sizing: border-box;
}

.ntlx-drawer-branding {
    position: relative;
    width: 130px;
    height: 40px;
    display: flex;
    align-items: center;
}

.ntlx-drawer-logo-bg {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 42px;
    color: #f7d1bb; /* Brand Secondary: Warm Peach */
    line-height: 1;
    position: absolute;
    left: 0;
    top: -5px;
    user-select: none;
    letter-spacing: -1.5px;
}

.ntlx-drawer-logo-fg {
    font-family: 'Marck Script', cursive;
    font-size: 23px;
    color: #784A1A;
    position: absolute;
    left: -6px;
    top: 8px;
    white-space: nowrap;
    line-height: 1;
}

/* Rigid Hardware Close Cross Button Logic */
.ntlx-drawer-close-btn {
    background: none;
    border: none;
    color: #784A1A;
    font-size: 38px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    margin: 0;
    outline: none;
    transition: transform 0.2s ease, color 0.2s ease;
}

.ntlx-drawer-close-btn:hover {
    color: #2b2b2b;
    transform: scale(1.1);
}

.ntlx-drawer-body {
    padding: 40px 15px;
    flex: 1;
    overflow-y: auto;
    box-sizing: border-box;
}

.ntlx-drawer-pre-title {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
    display: block;
}

.ntlx-drawer-body h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b; /* Text Color: Graphit Dark */
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 16px 0;
    letter-spacing: -0.5px;
}

.ntlx-drawer-subheadline {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 14px;
    line-height: 1.55;
    margin: 0 0 20px 0;
    font-weight: 400;
    opacity: 0.85;
}

/* 5. Safe Integration Layout Area Targeting WPForms Embedment */
.ntlx-wpforms-embed-zone {
    width: 100%;
    box-sizing: border-box;
}

/* Clean UI styling framework for custom fields targeting inner form tags */
.ntlx-wpforms-embed-zone input,
.ntlx-wpforms-embed-zone textarea,
.ntlx-wpforms-embed-zone select {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #2b2b2b;
    background-color: #fff;
    border: 1px solid rgba(120, 74, 26, 0.15);
    border-radius: 4px;
    padding: 12px 16px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.25s ease;
}

.ntlx-wpforms-embed-zone input:focus,
.ntlx-wpforms-embed-zone textarea:focus {
    border-color: #784A1A;
    outline: none;
}

.ntlx-form-mock-placeholder {
    background-color: #fff;
    border: 1px dashed #f7d1bb;
    border-radius: 4px;
    padding: 0px 15px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: #784A1A;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 500;
    opacity: 0.6;
}

.ntlx-form-mock-placeholder i {
    font-size: 32px;
}

/* 6. Static Drawer Base Footer Parameter Lines */
.ntlx-drawer-bottom-bar {
    padding: 25px 30px;
    background-color: #fff;
    border-top: 1px solid rgba(247, 209, 187, 0.6);
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-sizing: border-box;
}

.ntlx-drawer-bottom-bar p {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: #2b2b2b;
    margin: 0;
    font-weight: 500;
    opacity: 0.7;
}

.ntlx-drawer-mail-anchor {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #784A1A;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.ntlx-drawer-mail-anchor:hover {
    color: #2b2b2b;
}

/* ==========================================================================
   7. Cross-Platform Responsive Viewport Boundaries
   ========================================================================== */
@media (max-width: 480px) {
    .ntlx-drawer-content-wrapper {
        max-width: 100%; /* Force modal to open full-screen on small smartphones */
    }
    .ntlx-drawer-body {
        padding: 30px 20px;
    }
    .ntlx-drawer-body h2 {
        font-size: 22px;
    }
}

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week],
.wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
    font-size: 15px !important;
}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 5px 0 !important;
}
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label {
    font-size: 14px;
}
.wpforms-container .wpforms-form .wpforms-field-label {
    font-weight: 500;
    font-size: 15px;
    margin: 15px 0 10px !important;
}
.toprove .wpforms-field-label-inline {
    font-size: 13px !important;
    line-height: 1.6 !important;
}
.toprove .wpforms-field-label-inline a {
    text-decoration: underline;
    transition: 0.2s;
}
.toprove .wpforms-field-label-inline a:hover {
    text-decoration: none;
    transition: 0.2s;
}
div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit],
.wp-core-ui div.wpforms-container-full button[type=submit],
.wp-core-ui div.wpforms-container-full .wpforms-page-button {
    font-size: 15px !important;
    width: 100%;
    background-color: #784A1A !important;
    transition: 0.3s;
    outline: none !important;
    border: none !important;
}
div.wpforms-container-full input[type=submit]:hover,
div.wpforms-container-full button[type=submit]:hover,
div.wpforms-container-full .wpforms-page-button:hover,
.wp-core-ui div.wpforms-container-full input[type=submit]:hover,
.wp-core-ui div.wpforms-container-full button[type=submit]:hover,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:hover {
    background-color: #333 !important;
    transition: 0.3s;
    outline: none !important;
    border: none !important;
    opacity: 1 !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #fff !important;
    border: 1px dashed #f7d1bb !important;
    box-sizing: border-box;
}

/* ==========================================================================
   NET LUX SP. Z O.O. - SERVICES INTERACTIVE GRID NAVIGATION SYSTEM
   ========================================================================== */

/* 1. Base Structural Wrap and Canvas Alignment Layer */
.ntlx-services-section {
    background-color: #FDF8F5; /* Site Canvas Color: Light Peach */
    padding: 100px 20px;
    box-sizing: border-box;
    width: 100%;
}

.ntlx-services-container {
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* 2. Top Header Presentation Elements */
.ntlx-services-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px auto;
}

.ntlx-services-pre-title {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A; /* Brand Expression Color: Deep Golden-Brown */
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-bottom: 16px;
    display: block;
}

.ntlx-services-header h1 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b; /* Core Font Color: Graphite Dark */
    font-size: 42px;
    font-weight: 900;
    line-height: 1.15;
    margin: 0 0 20px 0;
    letter-spacing: -1px;
}

.ntlx-services-header p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    opacity: 0.85;
}

/* 3. Pure CSS Tabs Core Infrastructure Hide System */
.ntlx-services-tabs-engine input[type="radio"] {
    display: none; /* Completely masks core browser execution inputs */
}

/* Horizontal Selector Track Framework */
.ntlx-services-nav-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.ntlx-services-nav-track label {
    background-color: #fff; /* Pure White Lift Box */
    border: 1px solid rgba(247, 209, 187, 0.5); /* Bound by soft secondary peach */
    border-radius: 4px;
    padding: 22px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 4px 12px rgba(120, 74, 26, 0.02);
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.ntlx-services-nav-track label i {
    color: #784A1A;
    font-size: 24px;
    transition: transform 0.3s ease;
}

.ntlx-services-nav-track label span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #2b2b2b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Label Hover Dynamic Inversions */
.ntlx-services-nav-track label:hover {
    border-color: #784A1A;
    background-color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(120, 74, 26, 0.06);
}

.ntlx-services-nav-track label:hover i {
    transform: scale(1.1);
}

/* 4. Logical Connection Matrix For Switch Engine States */
.ntlx-radio-trigger-1:checked ~ .ntlx-services-nav-track .ntlx-nav-label-1,
.ntlx-radio-trigger-2:checked ~ .ntlx-services-nav-track .ntlx-nav-label-2,
.ntlx-radio-trigger-3:checked ~ .ntlx-services-nav-track .ntlx-nav-label-3,
.ntlx-radio-trigger-4:checked ~ .ntlx-services-nav-track .ntlx-nav-label-4 {
    background-color: #784A1A; /* Active button flips to Dark Golden-Brown */
    border-color: #784A1A;
    box-shadow: 0 10px 25px rgba(120, 74, 26, 0.15);
}

.ntlx-radio-trigger-1:checked ~ .ntlx-services-nav-track .ntlx-nav-label-1 i,
.ntlx-radio-trigger-1:checked ~ .ntlx-services-nav-track .ntlx-nav-label-1 span,
.ntlx-radio-trigger-2:checked ~ .ntlx-services-nav-track .ntlx-nav-label-2 i,
.ntlx-radio-trigger-2:checked ~ .ntlx-services-nav-track .ntlx-nav-label-2 span,
.ntlx-radio-trigger-3:checked ~ .ntlx-services-nav-track .ntlx-nav-label-3 i,
.ntlx-radio-trigger-3:checked ~ .ntlx-services-nav-track .ntlx-nav-label-3 span,
.ntlx-radio-trigger-4:checked ~ .ntlx-services-nav-track .ntlx-nav-label-4 i,
.ntlx-radio-trigger-4:checked ~ .ntlx-services-nav-track .ntlx-nav-label-4 span {
    color: #FDF8F5; /* Active typography sets to clear light peach */
}

/* 5. Content Panel Viewports Layout Stack Control */
.ntlx-services-content-deck {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.ntlx-service-panel {
    background-color: #fff;
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 50px;
    box-shadow: 0 15px 40px rgba(120, 74, 26, 0.03);
    box-sizing: border-box;
    display: none; /* Masks all panels by default setting */
    width: 100%;
    /* Smooth opacity entry keyframes */
    animation: ntlx-fade-viewport 0.45s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

@keyframes ntlx-fade-viewport {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Activates respective layout display parameters depending on input tracking */
.ntlx-radio-trigger-1:checked ~ .ntlx-services-content-deck .ntlx-panel-1,
.ntlx-radio-trigger-2:checked ~ .ntlx-services-content-deck .ntlx-panel-2,
.ntlx-radio-trigger-3:checked ~ .ntlx-services-content-deck .ntlx-panel-3,
.ntlx-radio-trigger-4:checked ~ .ntlx-services-content-deck .ntlx-panel-4 {
    display: block;
}

/* 6. Content Row Split Viewport Geometry Elements */
.ntlx-panel-grid-split {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    gap: 50px;
    align-items: center;
    box-sizing: border-box;
}

.ntlx-panel-text-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ntlx-panel-badge {
    background-color: #f7d1bb; /* Secondary Warm Peach */
    color: #784A1A;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 12px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: inline-block;
}

.ntlx-panel-text-side h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 18px 0;
    letter-spacing: -0.5px;
}

.ntlx-panel-text-side p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 25px 0;
    opacity: 0.9;
}

.ntlx-panel-text-side ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ntlx-panel-text-side ul li {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #2b2b2b;
    line-height: 1.5;
    padding-left: 24px;
    position: relative;
}

/* Embedded custom list arrow pointers mapping theme expressions */
.ntlx-panel-text-side ul li::before {
    content: '→';
    position: absolute;
    left: 0;
    top: -1px;
    color: #784A1A;
    font-weight: 700;
    font-size: 16px;
}

/* 7. Right Side Visual Engine Component */
.ntlx-panel-visual-side {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.ntlx-svg-icon-backdrop {
    width: 200px;
    height: 200px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ntlx-native-svg-mesh {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* Soft rotational animation framework */
    animation: ntlx-svg-spin 25s linear infinite;
}

@keyframes ntlx-svg-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.ntlx-floating-panel-icon {
    color: #784A1A;
    font-size: 56px;
    position: relative;
    z-index: 2;
    animation: ntlx-icon-pulse 4s ease-in-out infinite;
}

@keyframes ntlx-icon-pulse {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-6px) scale(1.03); }
}

/* ==========================================================================
   8. Responsive Viewport Adaptations System Grid Breakpoints
   ========================================================================== */

/* Laptop Resolution Scaling Layout Break */
@media (max-width: 1024px) {
    .ntlx-services-header h1 { font-size: 36px; }
    .ntlx-services-nav-track label { padding: 16px 10px; }
    .ntlx-services-nav-track label span { font-size: 11px; }
    .ntlx-service-panel { padding: 35px; }
    .ntlx-panel-text-side h2 { font-size: 24px; }
}

/* Smartphone Small Screen Structural Stack Transformation */
@media (max-width: 768px) {
    .ntlx-services-section { padding: 60px 15px; }
    .ntlx-services-header h1 { font-size: 28px; }
    .ntlx-services-header p { font-size: 14px; }
    
    /* Transforms active tab array layout rows to 2x2 grid framework layouts for smartphones */
    .ntlx-services-nav-track {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 25px;
    }
    
    .ntlx-services-nav-track label { padding: 14px 10px; gap: 8px; }
    .ntlx-services-nav-track label i { font-size: 18px; }
    .ntlx-services-nav-track label span { font-size: 11px; }

    .ntlx-panel-grid-split {
        grid-template-columns: 1fr; /* Flattens columns array into absolute unified vertical stacks */
        gap: 40px;
    }
    
    .ntlx-service-panel { padding: 25px 15px; }
    .ntlx-panel-visual-side { order: -1; } /* Shifts the illustration icon box above the text on phones */
    .ntlx-svg-icon-backdrop { width: 140px; height: 140px; }
    .ntlx-floating-panel-icon { font-size: 42px; }
}

/* Positioning framework for the single foreground warehouse box */
.ntlx-static-box-wrapper {
    position: absolute;
    width: 65px;
    height: 65px;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.ntlx-single-box-svg {
    width: 100%;
    height: 100%;
    /* Keeps the organic floating animation we discussed earlier */
    animation: ntlx-icon-pulse 4s ease-in-out infinite;
}


/* ==========================================================================
   NET LUX SP. Z O.O. - PARTNERS PAGE MASTER ARCHITECTURE STYLES
   ========================================================================== */

/* 1. Base Structure Geometry & Canvas Foundation Layout */
.ntlx-partners-page {
    background-color: #FDF8F5; /* Site Canvas Color: Light Peach */
    padding: 100px 20px;
    box-sizing: border-box;
    width: 100%;
}

.ntlx-partners-wrapper {
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* 2. Top Pitch Presentation Header Layout */
.ntlx-partners-hero {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 70px auto;
}

.ntlx-partners-badge {
    font-family: 'Montserrat', sans-serif;
    background-color: #f7d1bb; /* Brand Secondary: Warm Peach */
    color: #784A1A; /* Brand Expression Color: Deep Golden-Brown */
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    padding: 6px 14px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: inline-block;
}

.ntlx-partners-hero h1 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b; /* Core Text Font: Graphite Dark */
    font-size: 44px;
    font-weight: 900;
    line-height: 1.15;
    margin: 0 0 24px 0;
    letter-spacing: -1px;
}

.ntlx-partners-hero p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 1.65;
    margin: 0;
    font-weight: 400;
    opacity: 0.85;
}

/* 3. Asymmetric Value Grid Design (Interactive Hover Reveal Cards) */
.ntlx-value-matrix-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 80px;
    box-sizing: border-box;
}

.ntlx-value-card {
    background-color: #fff; /* Pure White Lift Box */
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 45px;
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(120, 74, 26, 0.02);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
                border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
                box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Graphic Accent line creeping from the left on card interaction */
.ntlx-value-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #784A1A;
    transition: width 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1;
}

.ntlx-value-card-content, 
.ntlx-value-card h3, 
.ntlx-value-card p, 
.ntlx-value-card .ntlx-card-icon-node {
    position: relative;
    z-index: 2; /* Forces contents above the expanding before background bar */
}

.ntlx-card-icon-node {
    width: 50px;
    height: 50px;
    background-color: #FDF8F5;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #784A1A;
    font-size: 20px;
    margin-bottom: 25px;
    border: 1px solid rgba(247, 209, 187, 0.5);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.ntlx-value-card h3 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 14px 0;
    letter-spacing: -0.5px;
    transition: color 0.35s ease;
}

.ntlx-value-card p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    opacity: 0.85;
    transition: color 0.35s ease;
}

/* Card Active Hover Animation Framework Matrix */
.ntlx-value-card:hover {
    transform: translateY(-4px);
    border-color: #784A1A;
    box-shadow: 0 15px 35px rgba(120, 74, 26, 0.08);
}

.ntlx-value-card:hover::before {
    width: 6px; /* Elegant left border expansion highlight */
}

.ntlx-value-card:hover .ntlx-card-icon-node {
    background-color: #784A1A;
    color: #FDF8F5;
}

/* 4. Corporate Alliance Matrix (12 Partners Structural Table System) */
.ntlx-alliance-matrix-section {
    background-color: #fff;
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 50px;
    box-shadow: 0 15px 40px rgba(120, 74, 26, 0.02);
    margin-bottom: 80px;
    box-sizing: border-box;
}

.ntlx-matrix-table-title {
    margin-bottom: 35px;
}

.ntlx-matrix-table-title h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 10px 0;
    letter-spacing: -0.5px;
}

.ntlx-matrix-table-title p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
    opacity: 0.8;
}

.ntlx-table-scroll-shield {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ntlx-partners-alliance-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.ntlx-partners-alliance-table th {
    background-color: #f7d1bb; /* Brand Secondary Header Fill */
    color: #784A1A;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 18px 20px;
    border: 1px solid rgba(120, 74, 26, 0.12);
}

.ntlx-partners-alliance-table td {
    padding: 16px 20px;
    color: #2b2b2b;
    border: 1px solid rgba(120, 74, 26, 0.12);
    line-height: 1.55;
}

.ntlx-partners-alliance-table tr:nth-child(even) {
    background-color: #FDF8F5; /* Zebra alternating rows scheme */
}

.ntlx-partners-alliance-table tr:hover {
    background-color: rgba(247, 209, 187, 0.15); /* Light contextual hover trace row highlighting */
}

/* 5. Global Closing Conversional Anchor Block & WPForms Space */
.ntlx-partners-form-anchor {
    background-color: #fff;
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 60px;
    box-shadow: 0 20px 45px rgba(120, 74, 26, 0.03);
    box-sizing: border-box;
}

.ntlx-form-header-desk {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 45px auto;
}

.ntlx-form-alert-tag {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 14px;
    display: block;
}

.ntlx-form-header-desk h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 18px 0;
    letter-spacing: -0.5px;
}

.ntlx-form-header-desk p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    opacity: 0.85;
}

.ntlx-partners-wpforms-zone {
    width: 100%;
    max-width: 700px; /* Aligns form layout core centrally */
    margin: 0 auto;
    box-sizing: border-box;
}

.ntlx-form-mock-layout-box {
    background-color: #FDF8F5;
    border: 1px dashed #f7d1bb;
    border-radius: 4px;
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    color: #784A1A;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.65;
}

.ntlx-form-mock-layout-box i {
    font-size: 38px;
}

/* ==========================================================================
   6. Advanced Cross-Platform Responsive Breakthrough Matrices
   ========================================================================== */

/* Laptop Grid Compressions Breakpoint */
@media (max-width: 1024px) {
    .ntlx-partners-hero h1 { font-size: 36px; }
    .ntlx-value-matrix-grid { gap: 20px; }
    .ntlx-value-card { padding: 30px; }
    .ntlx-value-card h3 { font-size: 19px; }
    .ntlx-alliance-matrix-section,
    .ntlx-partners-form-anchor { padding: 35px; }
    .ntlx-form-header-desk h2 { font-size: 26px; }
}

/* Smartphone Adaptive Stack Transformation Layer */
@media (max-width: 768px) {
    .ntlx-partners-page { padding: 60px 15px; }
    .ntlx-partners-hero h1 { font-size: 28px; letter-spacing: -0.5px; }
    .ntlx-partners-hero p { font-size: 14px; }
    
    /* Transforms columns array into static vertical row list arrays */
    .ntlx-value-matrix-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 50px;
    }
    
    .ntlx-value-card { padding: 30px 20px; }
    .ntlx-value-card h3 { font-size: 18px; }
    
    .ntlx-alliance-matrix-section { padding: 25px 15px; margin-bottom: 50px; }
    .ntlx-matrix-table-title h2 { font-size: 20px; }
    .ntlx-matrix-table-title p { font-size: 13px; }
    
    .ntlx-partners-alliance-table th, 
    .ntlx-partners-alliance-table td {
        padding: 12px 14px;
        font-size: 13px; /* Scales reading font scale within tables on small screens */
    }
    
    .ntlx-partners-form-anchor { padding: 35px 15px; }
    .ntlx-form-header-desk h2 { font-size: 22px; }
    .ntlx-form-header-desk p { font-size: 13px; }
}



/* ==========================================================================
   NET LUX SP. Z O.O. - INSTITUTIONAL CONTACTS DESIGN SYSTEM
   ========================================================================== */

/* 1. Base Structure Geometry & Section Wrap */
.ntlx-contacts-section {
    background-color: #FDF8F5; /* Site Canvas Color: Light Peach */
    padding: 100px 20px;
    box-sizing: border-box;
    width: 100%;
}

.ntlx-contacts-container {
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 60px; /* Separates top split rows from the lower map component */
}

/* 2. Top Block: Split Matrix Layout Core */
.ntlx-contacts-split-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr; /* Clean professional wide split balance */
    gap: 60px;
    align-items: stretch;
    box-sizing: border-box;
}

/* Left Panel: High-Tier B2B Typography Registry */
.ntlx-contacts-info-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.ntlx-contacts-pre-title {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A; /* Brand Expression Color: Deep Golden-Brown */
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-bottom: 16px;
    display: block;
}

.ntlx-contacts-info-panel h1 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b; /* Font Text Color: Graphite Dark */
    font-size: 42px;
    font-weight: 900;
    line-height: 1.15;
    margin: 0 0 20px 0;
    letter-spacing: -1px;
}

.ntlx-contacts-lead {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 40px 0;
    opacity: 0.85;
}

/* Registry Grid Row Items */
.ntlx-registry-rows-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
}

.ntlx-registry-row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
}

.ntlx-row-icon {
    width: 44px;
    height: 44px;
    background-color: #f7d1bb; /* Brand Secondary: Warm Peach */
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #784A1A;
    font-size: 16px;
    flex-shrink: 0;
}

.ntlx-row-data {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ntlx-row-data strong {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ntlx-row-data span {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.ntlx-row-data span a {
    color: #2b2b2b;
    text-decoration: none;
    font-weight: 700;
    transition: color 0.2s ease;
}

.ntlx-row-data span a:hover {
    color: #784A1A;
}

/* 3. Right Panel: Form Box Framework Card */
.ntlx-contacts-form-panel {
    background-color: #fff; /* Pure White Lift Background */
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 25px;
    box-shadow: 0 15px 40px rgba(120, 74, 26, 0.03);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.ntlx-form-panel-header {
    margin-bottom: 30px;
}

.ntlx-form-panel-header h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 10px 0;
    letter-spacing: -0.5px;
}

.ntlx-form-panel-header p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    opacity: 0.8;
}

.ntlx-contacts-wpforms-zone {
    width: 100%;
    box-sizing: border-box;
}

.ntlx-form-mock-inner-box {
    background-color: #FDF8F5;
    border: 1px dashed #f7d1bb;
    border-radius: 4px;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: #784A1A;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.6;
}

.ntlx-form-mock-inner-box i {
    font-size: 30px;
    margin: 0 auto -25px;
}

/* 4. Bottom Block: Full-Width Map Frame Architecture */
.ntlx-contacts-map-wrapper {
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 30px;
    box-shadow: 0 15px 40px rgba(120, 74, 26, 0.02);
    box-sizing: border-box;
}

.ntlx-map-title-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #784A1A;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

.ntlx-google-maps-embed-node {
    width: 100%;
    border-radius: 4px;
    overflow: hidden; /* Locks native map node cuts under the border-radius limits */
    border: 1px solid rgba(247, 209, 187, 0.6); /* Soft framing using secondary peach */
    line-height: 0; /* Eradicates line height ghost gaps inside container structures */
}

/* Precise styling rules injected directly to your standard iframe output layout */
.ntlx-google-maps-embed-node iframe {
    width: 100%;
    height: 450px;
    filter: grayscale(0.1) contrast(1.02); /* Clean, slightly desaturated premium look */
    transition: filter 0.3s ease;
}

.ntlx-google-maps-embed-node iframe:hover {
    filter: grayscale(0) contrast(1); /* Restores full map colors natively upon hover */
}

/* ==========================================================================
   5. Cross-Platform Responsive Adaptation Breakpoints
   ========================================================================== */

/* Laptop Resolution Scaling Layout Break */
@media (max-width: 1024px) {
    .ntlx-contacts-info-panel h1 { font-size: 34px; }
    .ntlx-contacts-split-grid { gap: 40px; }
    .ntlx-contacts-form-panel { padding: 30px; }
    .ntlx-contacts-map-wrapper { padding: 20px; }
}

/* Smartphone Small Screen Absolute Vertical Stack Transformation */
@media (max-width: 768px) {
    .ntlx-contacts-section { padding: 60px 15px; }
    .ntlx-contacts-container { gap: 40px; }
    
    /* Flattens columns array into absolute single vertical stack row rows */
    .ntlx-contacts-split-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }
    
    .ntlx-contacts-info-panel h1 { font-size: 28px; letter-spacing: -0.5px; }
    .ntlx-contacts-lead { font-size: 14px; margin-bottom: 30px; }
    .ntlx-registry-row { gap: 15px; }
    .ntlx-row-icon { width: 38px; height: 38px; font-size: 14px; }
    .ntlx-row-data span { font-size: 14px; }
    
    .ntlx-contacts-form-panel { padding: 30px 15px; }
    .ntlx-form-panel-header h2 { font-size: 20px; }
    
    .ntlx-contacts-map-wrapper { padding: 15px; }
    .ntlx-google-maps-embed-node iframe { height: 320px; } /* Scales map thickness perfectly for phone viewports */
}



/* ==========================================================================
   NET LUX SP. Z O.O. - INSTITUTIONAL ABOUT US DESIGN SYSTEM
   ========================================================================== */

/* 1. Base Structure Geometry & Canvas Foundation */
.ntlx-about-page {
    background-color: #FDF8F5; /* Site Canvas Color: Light Peach */
    padding: 100px 20px;
    box-sizing: border-box;
    width: 100%;
}

.ntlx-about-wrapper {
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 80px; /* Rigorous gap separation between alternating blocks */
}

/* 2. Top Strategic Vision Header */
.ntlx-about-hero {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 40px auto;
}

.ntlx-about-badge {
    font-family: 'Montserrat', sans-serif;
    background-color: #f7d1bb; /* Brand Secondary: Rich Warm Peach */
    color: #784A1A; /* Brand Expression Color: Deep Golden-Brown */
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    padding: 6px 14px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: inline-block;
}

.ntlx-about-hero h1 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b; /* Core Text Font: Graphite Dark */
    font-size: 44px;
    font-weight: 900;
    line-height: 1.15;
    margin: 0 0 24px 0;
    letter-spacing: -1px;
}

.ntlx-about-hero p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 1.65;
    margin: 0;
    font-weight: 400;
    opacity: 0.85;
}

/* 3. Alternating Split Block Matrix Layout Core */
.ntlx-about-split-block {
    background-color: #fff; /* Pure White Lift Box */
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 60px;
    box-shadow: 0 15px 40px rgba(120, 74, 26, 0.02);
    display: grid;
    grid-template-columns: 1.2fr 0.8fr; /* Weighted layout prioritizing copy text */
    gap: 60px;
    align-items: center;
    box-sizing: border-box;
}

/* Switches columns mapping strictly for reverse style configuration rows */
.ntlx-about-split-block.ntlx-about-reverse {
    grid-template-columns: 0.8fr 1.2fr;
}

/* Text Side Content Elements Layout */
.ntlx-about-text-node {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ntlx-node-index {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 14px;
}

.ntlx-about-text-node h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 20px 0;
    letter-spacing: -0.5px;
}

.ntlx-about-text-node p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.65;
    margin: 0 0 16px 0;
    opacity: 0.9;
}

.ntlx-about-text-node p:last-child {
    margin-bottom: 0; /* Prevents trailing margin overflow on inner arrays */
}

/* 4. Visual Graphic Engine Component Block */
.ntlx-about-visual-node {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
}

.ntlx-about-mesh-box {
    width: 220px;
    height: 220px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ntlx-about-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* Smooth rotation animation mimicking project infrastructure systems */
    animation: ntlx-about-spin 30s linear infinite;
}

@keyframes ntlx-about-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.ntlx-about-center-icon {
    color: #784A1A;
    font-size: 52px;
    position: relative;
    z-index: 2;
    animation: ntlx-about-pulse 4s ease-in-out infinite;
}

@keyframes ntlx-about-pulse {
    0%, 100% { transform: scale(1) translateY(0); }
    50% { transform: scale(1.04) translateY(-4px); }
}

/* ==========================================================================
   5. Cross-Platform Responsive Viewport Boundaries Matrix
   ========================================================================== */

/* Laptop Resolution Layout Adaptations Break */
@media (max-width: 1024px) {
    .ntlx-about-hero h1 { font-size: 36px; }
    .ntlx-about-split-block,
    .ntlx-about-split-block.ntlx-about-reverse {
        grid-template-columns: 1.1fr 0.9fr;
        gap: 40px;
        padding: 40px;
    }
    .ntlx-about-split-block.ntlx-about-reverse {
        grid-template-columns: 0.9fr 1.1fr;
    }
    .ntlx-about-text-node h2 { font-size: 24px; }
    .ntlx-about-mesh-box { width: 170px; height: 170px; }
    .ntlx-about-center-icon { font-size: 42px; }
}

/* Smartphone Adaptive Vertical Stack Transformation */
@media (max-width: 768px) {
    .ntlx-about-page { padding: 60px 15px; }
    .ntlx-about-wrapper { gap: 40px; }
    .ntlx-about-hero h1 { font-size: 28px; letter-spacing: -0.5px; }
    .ntlx-about-hero p { font-size: 14px; }
    
    /* Completely flattens all normal and reverse blocks into standard vertical stacks */
    .ntlx-about-split-block,
    .ntlx-about-split-block.ntlx-about-reverse {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 30px 20px;
    }
    
    .ntlx-about-text-node h2 { font-size: 22px; }
    .ntlx-about-text-node p { font-size: 14px; }
    
    /* Forces illustration vector mesh cards to sit on top of content arrays on mobile screens */
    .ntlx-about-split-block.ntlx-about-normal .ntlx-about-visual-node,
    .ntlx-about-split-block.ntlx-about-reverse .ntlx-about-visual-node {
        order: -1;
    }
    
    .ntlx-about-mesh-box { width: 130px; height: 130px; }
    .ntlx-about-center-icon { font-size: 36px; }
}



/* ==========================================================================
   NET LUX SP. Z O.O. - MASTER HOMEPAGE DESIGN SYSTEM (PART 2)
   ========================================================================== */

/* 1. Global Core Container & Adaptive Layout Constraints */
.ntlx-home-master-framework {
    background-color: #FDF8F5; /* Site Canvas Color: Light Peach */
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.ntlx-home-section-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Common Section Header Typography Settings */
.ntlx-home-block-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 55px auto;
}

.ntlx-home-pre-title {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A; /* Brand Expression Color: Deep Golden-Brown */
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-bottom: 16px;
    display: block;
}

.ntlx-home-block-header h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b; /* Core Typography Base Color: Graphite Dark */
    font-size: 40px;
    font-weight: 900;
    line-height: 1.15;
    margin: 0 0 18px 0;
    letter-spacing: -1px;
}

.ntlx-home-block-header p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    opacity: 0.85;
}

/* ==========================================================================
   2. BLOCK 1: Master Hero Section Geometry & Visual Elements
   ========================================================================== */
.ntlx-home-hero {
    padding: 100px 0;
    box-sizing: border-box;
}

.ntlx-hero-layout {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: center;
}

.ntlx-hero-text-side h1 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 48px;
    font-weight: 900;
    line-height: 1.12;
    margin: 0 0 24px 0;
    letter-spacing: -1.5px;
}

.ntlx-hero-text-side p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 1.65;
    margin: 0 0 40px 0;
    opacity: 0.9;
}

/* Hero Interaction Group Triggers */
.ntlx-hero-cta-track {
    display: flex;
    align-items: center;
    gap: 25px;
}

.ntlx-hero-link-btn {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s ease;
}

.ntlx-hero-link-btn:hover {
    color: #2b2b2b;
}

.ntlx-hero-link-btn i {
    transition: transform 0.2s ease;
}

.ntlx-hero-link-btn:hover i {
    transform: translateX(4px);
}

/* Right Side: Floating Trust Card Layout */
.ntlx-hero-graphic-side {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ntlx-hero-trust-card {
    background-color: #ffffffc4; /* Pure White Lift Box */
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 35px;
    box-shadow: 0 20px 45px rgba(120, 74, 26, 0.04);
    position: relative;
    z-index: 5;
    transition: transform 0.3s ease;
}

.ntlx-hero-trust-card:hover {
    transform: translateY(-4px);
}

.ntlx-trust-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.ntlx-trust-badge {
    background-color: #f7d1bb; /* Brand Secondary: Warm Peach */
    color: #784A1A;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    border-radius: 4px;
}

.ntlx-trust-status-dot {
    width: 8px;
    height: 8px;
    background-color: #784A1A;
    border-radius: 50%;
}

.ntlx-hero-trust-card h3 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 12px 0;
}

.ntlx-hero-trust-card p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 13px;
    line-height: 1.55;
    margin: 0 0 25px 0;
    opacity: 0.85;
}

.ntlx-trust-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(247, 209, 187, 0.5);
    padding-top: 15px;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: #2b2b2b;
    opacity: 0.7;
}

.ntlx-hero-bg-watermark {
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 240px;
    color: #f7d1bb;
    line-height: 1;
    z-index: 1;
    right: -30px;
    bottom: -60px;
    user-select: none;
    letter-spacing: -12px;
    opacity: 0.6;
}

/* ==========================================================================
   3. BLOCK 2: Services Teaser Grid Layout Core
   ========================================================================== */
.ntlx-home-services-teaser {
    padding: 80px 0;
    box-sizing: border-box;
}

.ntlx-services-teaser-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.ntlx-teaser-card {
    background-color: #fff;
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(120, 74, 26, 0.02);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.ntlx-teaser-icon-box {
    width: 46px;
    height: 46px;
    background-color: #FDF8F5;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #784A1A;
    font-size: 18px;
    margin-bottom: 25px;
    border: 1px solid rgba(247, 209, 187, 0.4);
    transition: all 0.3s ease;
}

.ntlx-teaser-card h3 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 14px 0;
    letter-spacing: -0.5px;
}

.ntlx-teaser-card p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 25px 0;
    opacity: 0.85;
}

.ntlx-teaser-link {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: auto; /* Pushes links neatly to card baselines */
    letter-spacing: 0.5px;
    transition: color 0.2s ease;
}

/* Teaser Interaction States */
.ntlx-teaser-card:hover {
    border-color: #784A1A;
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(120, 74, 26, 0.06);
}

.ntlx-teaser-card:hover .ntlx-teaser-icon-box {
    background-color: #784A1A;
    color: #FDF8F5;
    border-color: #784A1A;
}

.ntlx-teaser-card:hover .ntlx-teaser-link {
    color: #2b2b2b;
}

/* ==========================================================================
   4. BLOCK 3: Trans-European Bridge Pitch Framework
   ========================================================================== */
.ntlx-home-bridge-pitch {
    padding: 80px 0;
    box-sizing: border-box;
}

.ntlx-bridge-layout {
    background-color: #fff;
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 60px;
    display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: 60px;
    align-items: center;
    box-shadow: 0 15px 40px rgba(120, 74, 26, 0.02);
}

.ntlx-bridge-visual-side {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ntlx-bridge-svg-wrapper {
    width: 200px;
    height: 200px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ntlx-bridge-native-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: ntlx-home-spin 30s linear infinite;
}

@keyframes ntlx-home-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.ntlx-bridge-center-icon {
    color: #784A1A;
    font-size: 52px;
    position: relative;
    z-index: 2;
}

.ntlx-bridge-text-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ntlx-bridge-text-side h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 20px 0;
    letter-spacing: -0.5px;
}

.ntlx-bridge-text-side p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.65;
    margin: 0 0 18px 0;
    opacity: 0.9;
}

.ntlx-bridge-discover-btn {
    background-color: #784A1A;
    color: #FDF8F5;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 14px 30px;
    border-radius: 4px;
    margin-top: 15px;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.ntlx-bridge-discover-btn:hover {
    background-color: #444;
    transform: translateY(-2px);
    color: #fff;
}

/* ==========================================================================
   5. BLOCK 4: Catalog Preview Showcase Architecture
   ========================================================================== */
.ntlx-home-catalog-preview {
    padding: 80px 0;
    box-sizing: border-box;
}

.ntlx-catalog-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.ntlx-preview-item-card {
    background-color: #fff;
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(120, 74, 26, 0.02);
    display: flex;
    flex-direction: column;
}

.ntlx-preview-card-visual {
    background-color: #f7d1bb; /* Secondary Warm Peach Fill */
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #784A1A;
    font-size: 46px;
    border-bottom: 1px solid rgba(120, 74, 26, 0.08);
}

.ntlx-preview-card-info {
    padding: 35px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.ntlx-preview-card-info h3 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px 0;
    letter-spacing: -0.5px;
}

.ntlx-preview-card-info p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 13.5px;
    line-height: 1.55;
    margin: 0 0 30px 0;
    opacity: 0.85;
}

.ntlx-preview-action-btn {
    border: 1px solid #784A1A;
    color: #784A1A;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 4px;
    text-align: center;
    margin-top: auto; /* Clean uniform alignments */
    transition: all 0.3s ease;
}

.ntlx-preview-item-card:hover .ntlx-preview-action-btn {
    background-color: #784A1A;
    color: #FDF8F5;
}

/* ==========================================================================
   7. Advanced Adaptive Matrices Setup Breakpoints (Cross-Platform)
   ========================================================================== */

/* Laptop Grid Compressions Breakpoint */
@media (max-width: 1024px) {
    .ntlx-home-hero { padding: 70px 0; }
    .ntlx-hero-layout { gap: 40px; }
    .ntlx-hero-text-side h1 { font-size: 38px; }
    .ntlx-home-block-header h2 { font-size: 32px; }
    .ntlx-services-teaser-grid,
    .ntlx-catalog-preview-grid { gap: 20px; }
    .ntlx-teaser-card,
    .ntlx-preview-card-info { padding: 30px; }
    .ntlx-bridge-layout { grid-template-columns: 0.8fr 1.2fr; gap: 40px; padding: 40px; }
    .ntlx-bridge-text-side h2 { font-size: 26px; }
    .ntlx-partnership-form-card { padding: 40px; }
    .ntlx-form-card-header h2 { font-size: 28px; }
}

/* Smartphone Adaptive Stack Transformation Layer */
@media (max-width: 768px) {
    .ntlx-home-hero { padding: 50px 0; }
    
    /* Flattens columns array into absolute single vertical stacks */
    .ntlx-hero-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .ntlx-hero-text-side h1 { font-size: 30px; letter-spacing: -0.5px; }
    .ntlx-hero-text-side p { font-size: 15px; margin-bottom: 30px; }
    
    .ntlx-hero-cta-track {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        width: 100%;
    }
    
    .ntlx-hero-cta-track .Inquiry,
    .ntlx-hero-cta-track .Inquiry a {
        width: 100%; /* Expands primary button container box across screens */
    }
    
    .ntlx-hero-graphic-side { width: 100%; }
    .ntlx-hero-trust-card { max-width: none; width: 100%; padding: 25px 20px; }
    .ntlx-hero-bg-watermark { font-size: 160px; right: 0; bottom: -30px; }
    
    /* Compress Teaser Grids to 1 Column block rows */
    .ntlx-home-services-teaser,
    .ntlx-home-bridge-pitch,
    .ntlx-home-catalog-preview,
    .ntlx-home-partnership-desk { padding: 50px 0; }
    .ntlx-home-block-header { margin-bottom: 35px; }
    .ntlx-home-block-header h2 { font-size: 24px; }
    .ntlx-home-block-header p { font-size: 14px; }
    
    .ntlx-services-teaser-grid,
    .ntlx-catalog-preview-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .ntlx-teaser-card { padding: 30px 20px; }
    .ntlx-teaser-card h3 { font-size: 18px; }
    
    /* Flatten Bridge layouts */
    .ntlx-bridge-layout {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 30px 20px;
    }
    
    .ntlx-bridge-visual-side { order: -1; } /* Visual asset shifts top layout line on mobile */
    .ntlx-bridge-svg-wrapper { width: 130px; height: 130px; }
    .ntlx-bridge-center-icon { font-size: 38px; }
    .ntlx-bridge-text-side h2 { font-size: 22px; }
    .ntlx-bridge-text-side p { font-size: 14px; }
    .ntlx-bridge-discover-btn { width: 100%; text-align: center; box-sizing: border-box; }
    
    .ntlx-preview-card-visual { height: 130px; font-size: 36px; }
    .ntlx-preview-card-info { padding: 25px 20px; }
    .ntlx-preview-card-info h3 { font-size: 17px; }
    .ntlx-preview-card-info p { margin-bottom: 20px; }
    .ntlx-preview-action-btn { width: 100%; box-sizing: border-box; }
    
    .ntlx-partnership-form-card { padding: 30px 15px; }
    .ntlx-form-card-header h2 { font-size: 22px; }
    .ntlx-form-card-header p { font-size: 13px; }
    .ntlx-home-form-mock-box { padding: 40px 15px; }
}


/* ==========================================================================
   NET LUX SP. Z O.O. - HOMEPAGE CLOSING REGISTRY DESK DESIGN SYSTEM
   ========================================================================== */

.ntlx-home-partnership-desk {
    padding: 80px 0 100px 0;
    box-sizing: border-box;
    width: 100%;
}

/* Base Wrapper Card resting atop the light peach site canvas background */
.ntlx-partnership-registry-card {
    background-color: #fff; /* Pure White Lift Canvas Box */
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 60px;
    box-shadow: 0 20px 45px rgba(120, 74, 26, 0.03);
    box-sizing: border-box;
}

.ntlx-form-card-header {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 55px auto;
}

.ntlx-form-alert-badge {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A; /* Brand Expression Color: Deep Golden-Brown */
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 14px;
    display: block;
}

.ntlx-form-card-header h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b; /* Core Text Typography: Graphite Dark */
    font-size: 34px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 18px 0;
    letter-spacing: -0.5px;
}

.ntlx-form-card-header p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    opacity: 0.85;
}

/* 4-Column Horizontal Matrix Grid Setup for Desktop Monitors */
.ntlx-home-horizontal-registry-matrix {
    display: grid;
    grid-template-columns: 1.1fr 1fr 0.9fr 1fr; /* Carefully proportioned weights */
    gap: 30px;
    border-top: 1px solid rgba(247, 209, 187, 0.5); /* Discrete top line split */
    padding-top: 45px;
    box-sizing: border-box;
}

/* Individual Data Column Elements Layout */
.ntlx-home-matrix-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
}

.ntlx-matrix-col-icon {
    width: 40px;
    height: 40px;
    background-color: #FDF8F5; /* Matches base site background canvas */
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #784A1A;
    font-size: 15px;
    margin-bottom: 20px;
    border: 1px solid rgba(247, 209, 187, 0.4);
}

.ntlx-matrix-col-data {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ntlx-matrix-col-data strong {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
}

.ntlx-matrix-col-data span {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.45;
}

.ntlx-matrix-mail-link {
    color: #2b2b2b;
    text-decoration: none;
    font-weight: 700;
    transition: color 0.2s ease;
}

.ntlx-matrix-mail-link:hover {
    color: #784A1A;
}

/* ==========================================================================
   Advanced Adaptive Breakthrough Breakpoints
   ========================================================================== */

/* Laptop Grid Compressions Breakpoint Layer */
@media (max-width: 1024px) {
    .ntlx-partnership-registry-card { padding: 40px; }
    .ntlx-form-card-header h2 { font-size: 28px; }
    
    /* Compresses layout grids to 2x2 rows structure matrixes on laptops */
    .ntlx-home-horizontal-registry-matrix {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px;
    }
}

/* Smartphone Adaptive Vertical Stack Transformation Break */
@media (max-width: 768px) {
    .ntlx-home-partnership-desk { padding: 50px 0; }
    .ntlx-partnership-registry-card { padding: 30px 15px; }
    .ntlx-form-card-header h2 { font-size: 22px; }
    .ntlx-form-card-header p { font-size: 13px; }
    
    /* Flattens the 4 columns completely into a standard unified vertical column stack */
    .ntlx-home-horizontal-registry-matrix {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-top: 35px;
    }
    
    .ntlx-matrix-col-icon { margin-bottom: 12px; width: 36px; height: 36px; font-size: 13px; }
    .ntlx-matrix-col-data span { font-size: 13px; }
}


/* ==========================================================================
   NET LUX SP. Z O.O. - CORPORATE UNDER-BOTTOM FOOTER DESIGN SYSTEM
   ========================================================================== */

/* 1. Main Background Envelope - Deep Golden-Brown Theme Skin Wrap */
.ntlx-corporate-footer {
    background-color: #784A1A; /* Brand Expression Color: Deep Golden-Brown Base */
    border-top: 3px solid #f7d1bb; /* Reinforced accent border using warm peach */
    padding: 80px 0 0 0;
    box-sizing: border-box;
    width: 100%;
}

.ntlx-footer-grid-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px 60px 20px;
    display: grid;
    grid-template-columns: 1.3fr 0.9fr 0.9fr 0.9fr; /* Perfectly balanced text-link weights */
    gap: 50px;
    box-sizing: border-box;
}

/* 2. Column 1: Inverted Brand Layout Engine */
.ntlx-footer-brand-desk {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ntlx-footer-logo-wrapper {
    position: relative;
    width: 150px;
    height: 45px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.ntlx-footer-logo-bg {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 46px;
    color: #f7d1bb; /* Brand Secondary: Warm Peach behind */
    line-height: 1;
    position: absolute;
    left: 0;
    top: -5px;
    user-select: none;
    letter-spacing: -2px;
    opacity: 0.25; /* Soft glowing architectural transparency background overlay */
}

.ntlx-footer-logo-fg {
    font-family: 'Marck Script', cursive;
    font-size: 23px;
    color: #FFFFFF;
    position: absolute;
    left: -5px;
    top: 9px;
    white-space: nowrap;
    line-height: 1;
}

.ntlx-footer-pitch-text {
    font-family: 'Montserrat', sans-serif;
    color: #FDF8F5; /* Text Contrast Canvas Skin Color */
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0 0 25px 0;
    opacity: 0.8;
}

/* Technical Corporate Metadata Parameters List */
.ntlx-footer-legal-metadata {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ntlx-footer-legal-metadata strong {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ntlx-footer-legal-metadata span {
    font-family: 'Montserrat', sans-serif;
    color: #FDF8F5;
    font-size: 12px;
    opacity: 0.7;
    line-height: 1.4;
}

/* 3. Link Navigation Column Matrix Frameworks */
.ntlx-footer-column h3 {
    font-family: 'Montserrat', sans-serif;
    color: #f7d1bb; /* Headers colored in corporate secondary peach */
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 0 25px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(247, 209, 187, 0.2);
}

.ntlx-footer-links-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ntlx-footer-links-list li a {
    font-family: 'Montserrat', sans-serif;
    color: #FDF8F5;
    font-size: 13.5px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.25s ease;
    display: inline-block;
    opacity: 0.85;
}

/* Link Interactions Flow */
.ntlx-footer-links-list li a:hover {
    color: #f7d1bb; /* Text transforms to beautiful warm peach */
    transform: translateX(4px); /* Interactive forward guide shift */
    opacity: 1;
}

/* 4. Lower Sub-Footer Baseline Divider Controls */
.ntlx-footer-bottom-bar {
    background-color: rgba(43, 43, 43, 0.15); /* Soft overlay contrast shielding base */
    border-top: 1px solid rgba(247, 209, 187, 0.15);
    padding: 25px 0;
    box-sizing: border-box;
    width: 100%;
}

.ntlx-footer-bottom-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.ntlx-footer-bottom-container p {
    font-family: 'Montserrat', sans-serif;
    color: #FDF8F5;
    font-size: 12px;
    margin: 0;
    opacity: 0.6;
}

.ntlx-footer-baseline-email {
    font-family: 'Montserrat', sans-serif;
    color: #f7d1bb;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.ntlx-footer-baseline-email:hover {
    color: #FFFFFF;
}

/* ==========================================================================
   5. Cross-Platform Responsive Adaptation Breakpoints Layer
   ========================================================================== */

/* Laptop Grid Compressions Breakpoint Array */
@media (max-width: 1024px) {
    .ntlx-footer-grid-container {
        grid-template-columns: repeat(2, 1fr); /* Forms symmetrical 2x2 grid columns on laptops */
        gap: 40px;
        padding-bottom: 40px;
    }
}

/* Smartphone Adaptive Vertical Stack Transformation */
@media (max-width: 768px) {
    .ntlx-corporate-footer {
        padding: 50px 0 0 0;
    }
    
    /* Flattens columns entirely into a singular vertical layout stack row line */
    .ntlx-footer-grid-container {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-bottom: 45px;
    }
    
    .ntlx-footer-column h3 {
        margin-bottom: 15px;
    }
    
    .ntlx-footer-bottom-container {
        flex-direction: column; /* Flattens copy-credits row centrally under smartphones viewports */
        text-align: center;
        gap: 12px;
    }
}


.entry-footer,
.single .navigation.post-navigation{
    display: none;
}


/* ==========================================================================
   NET LUX SP. Z O.O. - B2B ARCHIVE CATEGORY GRID TRANSLATION
   ========================================================================== */

/* 1. Core Container Geometry Realignment */
article.content-article.col-md-6 {
    padding: 15px;
    box-sizing: border-box;
    transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Base Post Card Shell Lift and Alignment */
article.content-article.col-md-6 .news-thumb {
    background-color: #ffffff; /* Pure White Lift Canvas */
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    position: relative;
    overflow: hidden; /* Clears image overflow extensions */
    margin-bottom: 0; /* Eradicates default theme layout margins */
    box-shadow: 0 10px 30px rgba(120, 74, 26, 0.02);
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 320px; /* Standardized uniform height for clean B2B catalog alignments */
    transition: border-color 0.4s ease, box-shadow 0.4s ease;
}

/* Secure anchor frame wrapper forcing 100% boundary mapping */
article.content-article.col-md-6 .news-thumb > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    outline: none;
}

/* 2. Image Scaler Core Asset Integration */
article.content-article.col-md-6 .news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Forces multi-proportional images to align smoothly */
    transform: scale(1);
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Volumetric Overlay Darkening Grid (The Translucent Shadow Layer) */
article.content-article.col-md-6 .news-thumb > a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Gradient flows from fully transparent to deep graphite dark at the base */
    background: linear-gradient(to bottom, rgba(43, 43, 43, 0) 40%, rgba(43, 43, 43, 0.85) 100%);
    z-index: 2;
    transition: background 0.4s ease;
}

/* 4. Overlay Typography Integration Targeting h2.entry-title Inside the Image */
article.content-article.col-md-6 .single-head {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 25px;
    box-sizing: border-box;
    z-index: 3;
    pointer-events: none; /* Allows direct clicks to pass straight down to the anchor */
    margin: 0;
}

article.content-article.col-md-6 h2.entry-title {
    margin: 0;
    padding: 0;
    line-height: 1.25;
}

article.content-article.col-md-6 h2.entry-title a {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF; /* Typography sets to crisp white contrast */
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: -0.5px;
    transition: color 0.3s ease;
    display: block;
    text-shadow: 0 2px 4px rgba(43, 43, 43, 0.3); /* Stabilizes text clarity against light spots */
}

/* 5. Complete Structural Hiding of Redundant Retail Elements */
article.content-article.col-md-6 .article-meta,
article.content-article.col-md-6 .div.single-head + time,
article.content-article.col-md-6 time,
article.content-article.col-md-6 .post-excerpt,
article.content-article.col-md-6 .header.archive-page-header {
    display: none; /* Eradicates dates, tags, and sample text frames */
}

/* ==========================================================================
   6. Advanced Interaction States Animation Matrices
   ========================================================================== */

/* Hover state: Card scaling, shadow depth adjustments, and typography focus shift */
article.content-article.col-md-6:hover .news-thumb {
    border-color: #784A1A; /* Bound by primary dark gold expression tone */
    box-shadow: 0 15px 35px rgba(120, 74, 26, 0.12);
}

article.content-article.col-md-6:hover .news-thumb img {
    transform: scale(1.06); /* Elegant slow zoom inward */
}

article.content-article.col-md-6:hover .news-thumb > a::before {
    background: linear-gradient(to bottom, rgba(43, 43, 43, 0.1) 30%, rgba(120, 74, 26, 0.9) 100%); /* Shifts baseline overlay into a rich golden-brown glow */
}

article.content-article.col-md-6:hover h2.entry-title a {
    color: #f7d1bb; /* Text highlights softly using secondary peach */
}

/* Active physical pressed down feedback click trigger state */
article.content-article.col-md-6:active {
    transform: scale(0.98); /* Native UI response shrink element */
}

/* ==========================================================================
   7. Cross-Platform Mobile Smartphone Breakpoints Adjustment Layer
   ========================================================================== */
@media (max-width: 768px) {
    article.content-article.col-md-6 .news-thumb {
        height: 260px; /* Slightly compresses block density on smaller viewports */
    }
    article.content-article.col-md-6 .single-head {
        padding: 20px 15px;
    }
    article.content-article.col-md-6 h2.entry-title a {
        font-size: 17px; /* Optimizes readability scale for handheld devices */
    }
}



/* ==========================================================================
   NET LUX SP. Z O.O. - B2B PRODUCT CARD MASTER ARCHITECTURE STYLES
   ========================================================================== */

/* 1. Base Framework Wrapper Configuration */
.ntlx-product-card-framework {
    background-color: #FDF8F5; /* Site Canvas Color: Light Peach */
    padding: 0 0;
    box-sizing: border-box;
    width: 100%;
}

.ntlx-product-card-container {
    max-width: 1140px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 50px; /* Rigorous spatial layout distribution across horizontal layers */
}

/* 2. Top Split Layer Element Controls */
.ntlx-product-top-split {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Strict 1:1 desktop alignment ratio */
    gap: 50px;
    background-color: #ffffff; /* Pure White Block Lift Contraser */
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 45px;
    box-shadow: 0 12px 35px rgba(120, 74, 26, 0.02);
    align-items: stretch;
    box-sizing: border-box;
}

/* Left Column Image Container Rules */
.ntlx-product-image-frame {
    background-color: #f7d1bb; /* Brand Secondary Color: Rich Warm Peach */
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(120, 74, 26, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
}

.ntlx-product-image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Forces perfect crop mapping across content resizing shifts */
    transform: scale(1);
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.ntlx-product-image-overlay {
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 160px;
    color: #FDF8F5;
    opacity: 0.15;
    bottom: -30px;
    right: -10px;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    z-index: 2;
}

/* Right Column Copywriting Typography Elements */
.ntlx-product-intro-desk {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.ntlx-product-sku-badge {
    font-family: 'Montserrat', sans-serif;
    color: #784A1A; /* Brand Expression Color: Deep Golden-Brown */
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
}

.ntlx-product-intro-desk h1 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b; /* Core Font Color: Graphite Dark */
    font-size: 36px;
    font-weight: 900;
    line-height: 1.15;
    margin: 0 0 20px 0;
    letter-spacing: -1px;
}

.ntlx-product-lead {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

.ntlx-product-paragraph {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 14px;
    line-height: 1.65;
    margin: 0;
    opacity: 0.85;
}

/* Image Hover Interactive Zoom Execution */
.ntlx-product-top-split:hover .ntlx-product-image-frame img {
    transform: scale(1.04);
}

/* 3. Center Layer Matrix Table Component */
.ntlx-product-matrix-block {
    background-color: #ffffff;
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 45px;
    box-shadow: 0 12px 35px rgba(120, 74, 26, 0.02);
    box-sizing: border-box;
}

.ntlx-product-matrix-block h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 10px 0;
    letter-spacing: -0.5px;
}

.ntlx-matrix-descriptor {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 30px 0;
    opacity: 0.8;
}

.ntlx-product-scroll-shield {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ntlx-product-b2b-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 13.5px;
}

.ntlx-product-b2b-table th {
    background-color: #f7d1bb; /* Brand Secondary Header Fill */
    color: #784A1A;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
    padding: 16px 20px;
    border: 1px solid rgba(120, 74, 26, 0.12);
}

.ntlx-product-b2b-table td {
    padding: 16px 20px;
    color: #2b2b2b;
    border: 1px solid rgba(120, 74, 26, 0.12);
    line-height: 1.55;
}

.ntlx-product-b2b-table tr:nth-child(even) {
    background-color: #FDF8F5; /* Zebra striping rows configuration */
}

/* 4. Bottom Layer Conversional Block Interface */
.ntlx-product-conversion-anchor {
    background-color: #ffffff;
    border: 1px solid rgba(120, 74, 26, 0.12);
    border-radius: 4px;
    padding: 40px 45px;
    box-shadow: 0 12px 35px rgba(120, 74, 26, 0.02);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    box-sizing: border-box;
}

.ntlx-conversion-text-panel {
    max-width: 650px;
}

.ntlx-conversion-text-panel h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px 0;
    letter-spacing: -0.5px;
}

.ntlx-conversion-text-panel p {
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 13.5px;
    line-height: 1.55;
    margin: 0;
    opacity: 0.85;
}

/* ==========================================================================
   5. Cross-Platform Adaptive Grid Viewport Breakthrough Breakpoints
   ========================================================================== */

/* Laptop Grid Compressions Breakpoint Array */
@media (max-width: 1024px) {
    .ntlx-product-top-split { gap: 40px; padding: 35px; }
    .ntlx-product-intro-desk h1 { font-size: 30px; }
    .ntlx-product-matrix-block,
    .ntlx-product-conversion-anchor { padding: 35px; }
}

/* Smartphone Adaptive Vertical Stack Transformation */
@media (max-width: 768px) {
    .ntlx-product-card-framework { padding: 30px 10px; }
    .ntlx-product-card-container { gap: 30px; }
    
    /* Flattens the top 1:1 split grid into an absolute single vertical stack */
    .ntlx-product-top-split {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 25px 15px;
    }
    
    .ntlx-product-image-frame {
        height: 240px; /* Locks compact picture thickness limits on smartphones */
    }
    
    .ntlx-product-intro-desk h1 { font-size: 24px; letter-spacing: -0.5px; }
    .ntlx-product-lead { font-size: 14px; }
    .ntlx-product-paragraph { font-size: 13px; }
    
    .ntlx-product-matrix-block { padding: 25px 15px; }
    .ntlx-product-matrix-block h2 { font-size: 18px; }
    .ntlx-matrix-descriptor { font-size: 13px; margin-bottom: 20px; }
    
    .ntlx-product-b2b-table th, 
    .ntlx-product-b2b-table td {
        padding: 12px 14px;
        font-size: 12.5px; /* Compresses typography engine boundaries inside tables on phones */
    }
    
    /* Flattens bottom anchor block into vertical stack layout */
    .ntlx-product-conversion-anchor {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
        padding: 25px 15px;
    }
    
    .ntlx-product-conversion-anchor .Inquiry,
    .ntlx-product-conversion-anchor .Inquiry a {
        width: 100%; /* Inquiry core wrapper buttons span full width on smartphones */
        text-align: center;
        box-sizing: border-box;
    }
}



/* ==========================================================================
   NET LUX SP. Z O.O. - NATIVE BREADCRUMBS DESIGN INFRASTRUCTURE
   ========================================================================== */

/* 1. Core Wrapper Layout Bounds and Margins Tracking */
.ntlx-breadcrumbs-wrapper {
    max-width: 1140px;
    margin: 30px auto 10px auto; /* Perfectly spaces the path under the header layout layer */
    padding: 0 7px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* Base Typographic Engine Settings */
.ntlx-breadcrumbs-wrapper a,
.ntlx-breadcrumbs-wrapper span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.5;
}

/* 2. Interactive Navigation Links Color Configuration */
.ntlx-breadcrumbs-wrapper a {
    color: #784A1A; /* Brand Expression Color: Deep Golden-Brown */
    text-decoration: none;
    font-weight: 700;
    transition: color 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Link Hover State Transition Override */
.ntlx-breadcrumbs-wrapper a:hover {
    color: #2b2b2b; /* Smoothly shifts to the deep graphite text color */
}

/* 3. Visual Separator Accents and Terminal Points Formatting */
.ntlx-breadcrumb-separator {
    color: #f7d1bb; /* Brand Secondary: Warm Peach for non-distracting visual splits */
    margin: 0 10px;
    font-weight: 700;
    user-select: none;
}

.ntlx-breadcrumb-current {
    color: #2b2b2b; /* Core Text Color: Graphite Dark */
    opacity: 0.6; /* Softly dims the active location to emphasize tracking layout hierarchy */
    font-weight: 500;
    pointer-events: none; /* Safely locks out mouse interaction matrices */
}

/* ==========================================================================
   4. Smartphone Cross-Platform Responsive Breakpoint Adaptations
   ========================================================================== */
@media (max-width: 768px) {
    .ntlx-breadcrumbs-wrapper {
        margin: 20px auto 5px auto;
        padding: 0 15px;
    }
    .ntlx-breadcrumbs-wrapper a,
    .ntlx-breadcrumbs-wrapper span {
        font-size: 10.5px; /* Compresses reading weight perfectly for phone screens */
        letter-spacing: 0.5px;
    }
    .ntlx-breadcrumb-separator {
        margin: 0 6px;
    }
}


@media(max-width: 1024px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1140px !important;
    }
	.main-container {
    width: 95%;
    max-width: 1140px;
    padding: 100px 0 50px;
	}
	.navbar-nav > li > a {
    font-size: 14px;
	}
}
	

@media(max-width: 500px) {
.heading-row .site-heading {
    max-width: 120px;
}
.hc-offcanvas-nav.hc-nav-1 .nav-container {
    width: 100% !important;
}	
.hc-offcanvas-nav .nav-content>.nav-close:first-child a,
.hc-offcanvas-nav .nav-title+.nav-close a.has-label,
.hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    background: transparent;
    color: #fff;
    border-top: 0;
    border-bottom: 0;
}	
.hc-nav-trigger {
    top: 0 !important;
    width: 20px;
}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
    border: 0;
}	
.menu-item-163 {
        background-color: #FDF8F5;
}	
.menu-item-63 {
        background-color: #f7d1bb;
}
.hc-offcanvas-nav a.nav-next {
    border: 0;
}	
.hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after {
    content: '';
    border-color: #2b2b2b;
}		
h1, .h1 {
    font-size: 22px;
}
h2, .h2 {
    font-size: 20px;
}	
h3, .h3 {
    font-size: 18px;
}	
article.content-article.col-md-6 .single-head {
        padding: 20px 15px;
        bottom: 10px;
        left: 5px;
}	
.main-container {
    width: 95%;
    max-width: 500px;
    padding: 60px 0 20px;
}	
.ntlx-breadcrumbs-wrapper {
        margin: 20px auto -15px auto;
        padding: 0 5px 0 10px;
}	
.ntlx-services-header h1,
.ntlx-about-hero h1 {
        font-size: 22px;
        letter-spacing: 0.2px;
}
.ntlx-panel-text-side h2,
.ntlx-form-header-desk h2,
.ntlx-home-block-header h2,
.ntlx-bridge-text-side h2,
.ntlx-about-text-node h2 {
    font-size: 20px;
}
.ntlx-footer-links-list {
    gap: 0px;
}	
.ntlx-hero-text-side h1 {
        font-size: 25px;
        letter-spacing: 0;
}
.ntlx-home-pre-title {
    letter-spacing: 1px;
}	
.ntlx-home-block-header h2 {
        font-size: 22px;
        letter-spacing: 0;
}
.ntlx-form-card-header h2 {
	font-size: 20px;
	letter-spacing: 0;
}	
div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
    font-size: 14px !important;
}	
.ntlx-partners-hero h1 {
        font-size: 24px;
        letter-spacing: 0;
}	
.ntlx-form-mock-layout-box {
    padding: 30px 10px;	
}
.ntlx-contacts-info-panel h1 {
        font-size: 25px;
        letter-spacing: 0;
}	
.ntlx-product-intro-desk h1 {
        font-size: 21px;
        letter-spacing: 0;
}	
	
	
	
	
}