/* ==========================================================================
   Nestor Home — landing page styles
   Узгоджено зі змінними теми: --accent-color #FF6219, container 1392px,
   .btitle, .button, .bg-light, .bg-slate, .bg-grafite, .py-xl, .tc
   ========================================================================== */

#nestorhome {
	--n-dark: #26272B;
	--n-slate: #4B5565;
	--n-light: #F1F1F1;
	--n-card: #2E2F33;
	--n-border: #D9D9D9;
	--n-radius: 12px;
}

#nestorhome .video-bg:before{
	background-color: rgba(23, 23, 23, 0.7);
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    will-change: backdrop-filter;
}

#nestorhome .color-white { color: #fff !important; }
#nestorhome .color-white-soft { color: rgba(255,255,255,.85) !important; }
#nestorhome .nestor-subtitle {
	font-size: 32px;
	font-weight: 600;
	line-height:1.4;
	text-transform: uppercase;
}

/* ======================= 1. HERO ======================= */
#nestorhome h1 {
	text-align: left;
	margin: 0 0 24px !important;
}
#nestorhome .nestor-hero-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 24px;
	margin-bottom:108px;
}
#nestorhome .nestor-hero-buttons .button-outline { margin-top: 0;min-width:unset;padding-left:30px !important;padding-right:30px !important; }
.ab1-section-inner{
	position:relative;
}
#nestorhome .ab1-section .img-wrap{
	width:100%;
	height:100%;
	position:relative;
}

#nestorhome .ab1-section .img-wrap:before,
#nestorhome .ab1-section .img-wrap:after{
	content:"";
	display:block;
	height:100%;
	width:50%;
	position:absolute;
	left:0;
	top:0;
background: #26272B;
background: linear-gradient(90deg, rgba(38, 39, 43, 1) 0%, rgba(38, 39, 43, 0.1) 100%);
}
#nestorhome .ab1-section .img-wrap:after{
	left:inherit;
	right:0;
	transform: scaleX(-1);
}
#nestorhome .ab1-section .img-text-wrap{position: absolute;z-index:2;left: 0;top: 0;width: 100%;height: 100%;}
#nestorhome .ab1-section .img-text-wrap span{display:block;position:absolute;color:var(--accent-color);font-size:14px;font-weight:1.4;font-weight:500;padding:10px;border-radius:50px;white-space:nowrap;background: rgba(255, 80, 0, 0.1);box-shadow: inset 0 0 0 9999px rgba(38, 39, 43, 0.4);backdrop-filter: blur(34px);-webkit-backdrop-filter: blur(34px);will-change: backdrop-filter;text-transform: uppercase;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;}
#nestorhome .nestor-hero-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	position:absolute;
	left:0px;
	bottom:0px;
}
#nestorhome .hero-card {
	background: #373A42;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	padding: 16px 24px;
	font-size: 14px;
	font-weight:500;
	line-height: 1.55;
	color: #fff;
	height: 76px;
    max-width: 228px;
}

/* text-arrow link button (↗) used across the page */
#nestorhome .button-text-arrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	color: var(--accent-color) !important;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: .04em;
	text-decoration: none;
	transition: opacity .25s;
}
#nestorhome .button-text-arrow:after {
	content:"";
	display:inline-block;
	width:24px;
	height:24px;
	background-color:currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    -webkit-mask-position: center;
    mask-position: center;
    transition: .3s;
	-webkit-mask-image: url(../img/ic-arrow-up-right.svg);
    mask-image: url(../img/ic-arrow-up-right.svg);
}
#nestorhome .button-text-arrow:hover:after{transform:rotate(45deg);}

/* ======================= 2. PROBLEMS ======================= */
#nestorhome .problems-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px;
	margin-top: 80px;
	margin-bottom:60px;
}
#nestorhome .problems-list .item {
	background: #F1F1F1;
	padding: 32px;
}
#nestorhome .problems-list .item-ico {
	display: inline-flex;
	width: 40px;
	height: 40px;
	margin-bottom: 16px;
}
#nestorhome .problems-list .item-ico img {
	width: 100%; height: 100%;
	object-fit: contain;
}
#nestorhome .problems-list .title {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--accent-color);
	margin-bottom: 16px;
	line-height: 1.4;
}
#nestorhome .problems-list .text {
	font-size: 18px;
	font-weight:500;
	line-height: 1.55;
	color: #363636;
}

/* ======================= 3. FEATURES (3 cards) ======================= */
#nestorhome .features-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
	margin-top:80px;
}
#nestorhome .features-list .item {
	background: #F1F1F1;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
#nestorhome .features-list .item-img {
	background: #26272B;
	aspect-ratio: 16 / 11.3;
	overflow: hidden;
}
#nestorhome .features-list .item-img img {
	width: 100%; height: 100%;
	object-fit: cover;
	display: block;
}
#nestorhome .features-list .item-content { padding: 32px 24px; }
#nestorhome .features-list .title {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 24px;
	line-height: 1.4;
}
#nestorhome .features-list .text {
	font-size: 18px;
	line-height: 1.55;
	color: #363636;
	font-weight:500;
}

/* ======================= COMPARE TABLE (shared 4,5,10) ======================= */
#nestorhome .nestor-compare-table {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
}
#nestorhome .nestor-compare-table .ct-head,
#nestorhome .nestor-compare-table .ct-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0px;
}
#nestorhome .nestor-compare-table .ct-row:not(:last-child){margin-bottom:14px;}
#nestorhome .nestor-compare-table .ct-col {
	padding: 24px 32px;
	font-size: 18px;
	line-height: 1.4;
	display: flex;
	align-items: center;
}
#nestorhome .nestor-compare-table .ct-head .ct-col {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
	line-height:1.55;
	letter-spacing: .03em;
	color: #fff;
	padding:0px;
}
#nestorhome .nestor-compare-table .ct-head .ct-col span{display:inline-block;padding: 10px;border-radius:8px 8px 0px 0px;}
#nestorhome .nestor-compare-table .ct-head .ct-dark span { background: var(--n-dark); }
#nestorhome .nestor-compare-table .ct-head .ct-accent span{ background: var(--accent-color); }
/* default head left (when no modifier) */
#nestorhome .nestor-compare-table .ct-head .ct-col-left:not(.ct-dark):not(.ct-accent) {
	background: var(--n-dark);
}
#nestorhome .nestor-compare-table .ct-row .ct-col-left { background: #E2E2E2; }
#nestorhome .nestor-compare-table .ct-row .ct-col-right { background: #D7D7D7; }

/* ======================= 5. SCREENS ======================= */
#nestorhome .screens-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin:80px 0;
}
#nestorhome .screens-list .item {
	position: relative;
	overflow: hidden;
	background: var(--n-dark);
}
#nestorhome .screens-list .item img {
	width: 100%;
	display: block;
	aspect-ratio: 164 / 355;
	object-fit: cover;
}
#nestorhome .screens-list .screen-caption {
	position: absolute;
	left: 0; right: 0; top: 0;
	padding: 40px 20px ;
	color: #fff;
	text-align:center;
}
#nestorhome .screens-list .item:nth-of-type(2) .screen-caption{
	top:inherit;
	bottom:0;
}
#nestorhome .screens-list .screen-caption .title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 6px;
}
#nestorhome .screens-list .screen-caption .text {
	font-size: 16px;
	line-height: 1.35;
	font-weight:normal;
}

#nestorhome .nestor-screens .text-content{color:var(--n-slate);margin-top:60px;}

#nestorhome .nestor-screens .button{margin-top:32px;}

/* ======================= 6. PRODUCTS ======================= */
#nestorhome .products-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
	margin-top:80px;
}
#nestorhome .products-list .item {
	background: var(--n-light);
	padding: 0;
	display: flex;
	flex-direction: column;
}
#nestorhome .products-list .item-img {
	background: #DCDCDC;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	margin-bottom: 24px;
}
#nestorhome .products-list .item-img img {
	width: 100%; height: 100%;
	object-fit: cover;
	display: block;
}
#nestorhome .products-list .item-content{
	padding:32px 24px;
	flex:1;
	display:flex;
	flex-direction:column;
	gap:24px;
	font-size: 14px;
	font-weight:500;
	line-height: 1.55;
}
#nestorhome .products-list .item-title {
	font-size: 24px;
	font-weight: 700;
	line-height:1.4;
	text-transform: uppercase;
	margin:0;
}
#nestorhome .products-list .item-text {
	color: #7A7A7A;
}
#nestorhome .prod-specs {
	display:flex;
	flex-direction:column;
	gap:24px;}
#nestorhome .prod-specs dl {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	margin: 0;
}
#nestorhome .prod-specs dt {
	white-space: nowrap;
}
#nestorhome .prod-specs dd {
	margin: 0;
	text-align: right;
	color: #7A7A7A;
	letter-spacing: .02em;
}
#nestorhome .prod-tags {
	margin:0;
	list-style: none;
	padding: 16px;
	background: #D7D7D7;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
#nestorhome .prod-tags li {
	position: relative;
	padding-left: 16px;
}
#nestorhome .prod-tags li:before {
	content: "";
	position: absolute;
	left: 0; top: 6px;
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--accent-color);
}
#nestorhome .products-list hr{
	margin:0;
	padding:0;
	border-color:#D6D6D6;
}

#nestorhome .prod-fit-title {
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #7A7A7A;
	margin-bottom: 9px;
}
#nestorhome .prod-fit .text-content ul {
	margin: 0; padding: 0; list-style: none;
}
#nestorhome .prod-fit .text-content li {
	position: relative;
	padding-left: 16px;
	margin-bottom: 8px;
}
#nestorhome .prod-fit .text-content li:last-child{margin:0;}
#nestorhome .prod-fit .text-content li:before {
	content: "·";
	position: absolute;
	left: 5px; top: -6px;
	font-size: 20px;
}
#nestorhome .prod-actions {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	padding-top:8px;
}
#nestorhome .prod-actions .button-outline{border-color:#8B8B8B !important;color:#171717 !important;}
#nestorhome .prod-actions .button-outline:hover{border-color:var(--accent-color) !important;background:transparent !important;color:#171717 !important;}
#nestorhome .prod-pdf { font-size: 16px;transition:.3s; }
#nestorhome .prod-pdf:not(:hover){color:#171717 !important;}

/* ======================= 7 / 9 / 14. BANNERS & CTA ======================= */
#nestorhome .nestor-banner,
#nestorhome .nestor-cta {
	min-height: auto;
	height: auto;
	display: flex;
	align-items: center;
	text-align: center;
	min-height:577px;
}
#nestorhome .nestor-banner .container,
#nestorhome .nestor-cta .container { max-width: 1065px; }
#nestorhome .nestor-banner-inner .btitle {
	font-size: 40px;
	line-height: 1.4;
}
#nestorhome .nestor-cta-inner { margin: 0 auto; }
#nestorhome .nestor-cta-inner .btitle {
	font-size: 40px;
	margin-bottom: 24px;
}
#nestorhome .nestor-cta-inner .text-content {
	font-size: 18px;
	color: #fff;
	max-width: 560px;
	margin: 0 auto;
}
#nestorhome .nestor-cta-inner .buttom.mt-m{margin-top:40px;}
#nestorhome .nestor-cta-buttons {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    margin-top: 8px;
}
#nestorhome .nestor-cta  .button{padding-left:20px !important;padding-right:20px !important;}

/* ======================= 8. SPEC TABLE (collapsible) ======================= */
#nestorhome .spec-wrap {
	background: #F1F1F1;
	overflow: hidden;
	padding:64px 60px;
	position:relative;
}
#nestorhome .spec-wrap:not(.is-open):after{
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0px;
	height:90%;
	width:100%;
	background: #E2E2E2;
background: linear-gradient(0deg,rgba(226, 226, 226, 1) 0%, rgba(226, 226, 226, 0) 100%);
}
#nestorhome .spec-toggle {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 0;
    font-family: inherit;
    font-size: 24px;
	padding:0;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    color: #171717;
    background: none;
	margin-bottom:60px;
}
#nestorhome .spec-toggle-ico {
	flex: 0 0 auto;
	width: 0; height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 20px solid #171717;
	transition: transform .3s;
}
#nestorhome .spec-wrap.is-open .spec-toggle-ico { transform: rotate(180deg); }
#nestorhome .spec-wrap:not(.is-open) .spec-table-scroll { overflow: hidden; max-height:412px;}
#nestorhome .spec-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 680px;
}
#nestorhome .spec-table thead th {
	background: var(--n-slate);
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height:1.4;
	text-transform: uppercase;
	text-align: center;
	padding: 32px 22px;
	letter-spacing: .02em;
}

#nestorhome .spec-table thead th:first-child { text-align: left; }
#nestorhome .spec-table tbody th {
	text-align: left;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	color: #171717;
	padding: 32px 22px;
	width: 37%;
	vertical-align: middle;
}
#nestorhome .spec-table tbody th small{opacity:.6;}
#nestorhome .spec-table tbody td {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #171717;
	padding: 32px 22px;
}
#nestorhome .spec-table tbody tr{background: #F1F1F1;transition:.3s;}
#nestorhome .spec-table tbody tr:nth-child(odd){ background: #E2E2E2; }
#nestorhome .spec-table tbody tr:hover{background: #fff !important;}
.js-spec-toggle{position:absolute;z-index:2;bottom:0px;left:50%;transform:translateX(-50%)}

/* ======================= 11. MADE IN UKRAINE ======================= */
#nestorhome .ua-list {
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	gap: 40px;
	margin-top: 80px;
}
#nestorhome .ua-list .item {
	flex:0 0 calc(33.3% - calc(80px / 3));
	background: var(--n-dark);
	padding: 32px;
	display: flex;
	flex-direction:column;
	gap: 16px;
}
#nestorhome .ua-list .item-ico {
	flex: 0 0 auto;
	width: 40px; height: 40px;
	display: inline-flex;
}
#nestorhome .ua-list .item-ico img {
	width: 100%; height: 100%;
	object-fit: contain;
}
#nestorhome .ua-list .text {
	font-size: 16px;
	line-height: 1.4;
	color: #fff;
}
/* last two items centered like the mockup (5 items: 3 + 2) */
#nestorhome .ua-list .item:nth-child(4) { grid-column: 1 / 2; justify-self: end; width: 100%; max-width: calc(100% - 0px); }

/* ======================= 12. DEALER ======================= */
#nestorhome .dealer-row { align-items: center; }
#nestorhome .dealer-img {
	overflow: hidden;
}
#nestorhome .dealer-img img {
	width: 100%;
	display: block;
	object-fit: cover;
}
#nestorhome .dealer-content .btitle{font-size:40px;margin:0 0 20px;}
#nestorhome .dealer-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 32px;
	margin-top: 60px;
}

#nestorhome .nestor-vs .nestor-compare-table .ct-row .ct-col-left{
	background: #D7D7D7;
}

#nestorhome  .nestor-vs .nestor-compare-table .ct-row .ct-col-right {
    background: #F1F1F1;
}

#nestorhome .nestor-vs .button{margin-top:60px;}


.faq-list {max-width:820px;margin:40px auto 0;border-top: 1px solid #7A7A7A; }

.faq-item {
  overflow: hidden;
  padding-top:40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #7A7A7A;
}

.faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  padding: 0;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
  font-size:20px; 
  color:#171717 !important;
  font-weight: 600;
  line-height: 1.4;
}
.faq-q-text{
	text-transform:uppercase;
}

.faq-q:focus { outline: none; }
.faq-q:focus-visible {  }

.faq-ico {
    display: inline-block;
    width: 12px;
    min-width: 12px;
    height: 12px;
    border-right: 2px solid var(--accent-color);
    border-bottom: 2px solid var(--accent-color);
    transform: rotate(45deg);
    border-radius: 1px;
    margin-right: 4px;
	transition:.3s;
}

.faq-item.is-open .faq-ico {
  transform:rotate(-135deg);
  border-right-color:#7A7A7A;
  border-bottom-color:#7A7A7A;
}
.faq-a-inner { padding-top: 8px;padding-right:48px; color:#363636 }

/* ======================= <= 1160px ======================= */
@media (max-width: 1160px) {
	#nestorhome .problems-list { gap: 24px; }
	#nestorhome .features-list,
	#nestorhome .products-list { gap: 24px; }
	#nestorhome .ua-list { gap: 24px; }
	#nestorhome .ua-list .item { flex: 0 0 calc(33.3% - 16px); }

	#nestorhome .nestor-compare-table .ct-col { padding: 20px 24px; }
	#nestorhome .spec-wrap { padding: 48px 40px; }
}

/* ======================= <= 991px (tablet) ======================= */
@media (max-width: 991px) {

	/* --- HERO --- */
	#nestorhome .ab1-section { padding-top: 120px; }
	#nestorhome .ab1-section .row .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	#nestorhome .ab1-section .row .col-6:first-child { margin-bottom: 40px; }
	#nestorhome .nestor-hero-buttons { margin-bottom: 40px; }
	/* картки стають у потоці (на десктопі вони absolute) */
	#nestorhome .nestor-hero-cards {
		position: static;
		margin-top: 0;
	}
	#nestorhome .hero-card { max-width: none; height: auto; min-height: 76px; }

	/* --- сітки 4 → 2 --- */
	#nestorhome .problems-list { grid-template-columns: repeat(2, 1fr); margin-top: 56px; }
	#nestorhome .screens-list { grid-template-columns: repeat(2, 1fr); margin: 56px 0; }

	/* --- сітки 3 → 2 --- */
	#nestorhome .features-list { grid-template-columns: repeat(2, 1fr); margin-top: 56px; }
	#nestorhome .products-list { grid-template-columns: repeat(2, 1fr); margin-top: 56px; }

	/* зробити останню «непарну» картку на всю ширину */
	#nestorhome .features-list .item:last-child:nth-child(odd),
	#nestorhome .products-list .item:last-child:nth-child(odd) { grid-column: 1 / -1; }

	/* --- зроблено в Україні: 2 в ряд --- */
	#nestorhome .ua-list { margin-top: 56px; }
	#nestorhome .ua-list .item { flex: 0 0 calc(50% - 20px); }

	/* --- dealer --- */
	#nestorhome .dealer-row .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	#nestorhome .dealer-img { margin-bottom: 40px; }
	#nestorhome .dealer-buttons { margin-top: 40px; }

	/* --- банери / CTA --- */
	#nestorhome .nestor-banner,
	#nestorhome .nestor-cta { min-height: 460px; }
	#nestorhome .nestor-banner-inner .btitle,
	#nestorhome .nestor-cta-inner .btitle { font-size: 32px; }

	/* --- spec table --- */
	#nestorhome .spec-wrap { padding: 40px 32px; }
	#nestorhome .spec-toggle { font-size: 20px; margin-bottom: 40px; }
	#nestorhome .nestor-subtitle { font-size: 26px; }
}

/* ======================= <= 767px (mobile) ======================= */
@media (max-width: 767px) {

	/* --- HERO --- */
	#nestorhome .ab1-section { padding-top: 96px; }
	#nestorhome h1 { margin-bottom: 16px !important; }
	#nestorhome .ab1-section .row .col-6:first-child { margin-bottom: 32px; text-align: left; }
	#nestorhome .nestor-hero-buttons {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		margin-bottom: 0;
	}
	#nestorhome .nestor-hero-buttons.mt-l { margin-top: 32px; }
	#nestorhome .nestor-hero-buttons .button-outline { width: 100%; }
	#nestorhome .nestor-hero-buttons .button-text-arrow { justify-content: center; }
	#nestorhome .nestor-hero-cards {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-top: 40px;
	}
	#nestorhome .hero-card { width: 100%; }

	/* --- PROBLEMS 1 col --- */
	#nestorhome .problems-list { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; margin-bottom:32px; }
	#nestorhome .problems-list .item { padding: 24px; }
	#nestorhome .problems-list .title { font-size: 18px; }
	#nestorhome .problems-list .text { font-size: 16px; }

	/* --- FEATURES 1 col --- */
	#nestorhome .features-list { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
	#nestorhome .features-list .item-content { padding: 24px; }
	#nestorhome .features-list .title { font-size: 20px; margin-bottom: 16px; }
	#nestorhome .features-list .text { font-size: 16px; }

	/* --- APP / описи --- */
	#nestorhome .nestor-app .text-content.mb-l { margin-bottom: 32px; }
	#nestorhome .nestor-subtitle { font-size: 20px; }

	/* --- COMPARE TABLE (4,5,10): шапку ховаємо, рядки стають стек --- */
	#nestorhome .nestor-compare-table { margin-top: 32px; }
	#nestorhome .nestor-compare-table .ct-head { display: none; }
	#nestorhome .nestor-compare-table .ct-row { grid-template-columns: 1fr; }
	#nestorhome .nestor-compare-table .ct-row:not(:last-child) { margin-bottom: 16px; }
	#nestorhome .nestor-compare-table .ct-row .ct-col {
		padding: 16px 20px;
		font-size: 16px;
	}
	/* ліва клітинка = «заголовок» рядка на темному тлі */
	#nestorhome .nestor-compare-table .ct-row .ct-col-left {
		background: var(--n-dark) !important;
		color: #fff;
		font-weight: 600;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 1.4;
	}
	#nestorhome .nestor-vs .nestor-compare-table .ct-row .ct-col-left {
		background: var(--n-dark) !important;
	}
	#nestorhome .nestor-vs .nestor-compare-table .ct-row .ct-col-right {
		background: #E2E2E2;
	}
	#nestorhome .nestor-vs .button{margin-top:32px;}


	/* --- SCREENS: 1 col, підпис завжди знизу --- */
	#nestorhome .screens-list {gap: 16px; margin: 40px 0; margin-left: auto; margin-right: auto; }
	#nestorhome .screens-list .item img { aspect-ratio: 164 / 300; }
	#nestorhome .screens-list .screen-caption,
	#nestorhome .screens-list .item:nth-of-type(2) .screen-caption {
		padding: 16px;
		background: linear-gradient(180deg, rgba(0,0,0,.85) 10%, rgba(0,0,0,0) 100%);
	}
	#nestorhome .screens-list .item:nth-of-type(2) .screen-caption{background: linear-gradient(0deg, rgba(0,0,0,.85) 10%, rgba(0,0,0,0) 100%);}
	#nestorhome .screens-list .screen-caption .title { font-size: 16px; }
	#nestorhome .screens-list .screen-caption .text{font-size:14px;}
	#nestorhome .nestor-screens .text-content { margin-top: 24px; }
	#nestorhome .nestor-screens .button{margin-top:32px;}

	/* --- PRODUCTS 1 col --- */
	#nestorhome .products-list { grid-template-columns: 1fr; gap: 24px; margin-top: 40px; max-width: 420px; margin-left: auto; margin-right: auto; }
	#nestorhome .products-list .item-content { padding: 24px; gap: 20px; }
	#nestorhome .products-list .item-title { font-size: 20px; }

	/* --- БАНЕР «реальні умови» --- */
	#nestorhome .nestor-banner,
	#nestorhome .nestor-cta { min-height: 380px; }
	#nestorhome .nestor-banner-inner .btitle { font-size: 24px; line-height: 1.3; }

	/* --- CTA --- */
	#nestorhome .nestor-cta-inner .btitle { font-size: 26px; }
	#nestorhome .nestor-cta-inner .text-content { font-size: 16px; }
	#nestorhome .nestor-cta-buttons {
		flex-direction: column;
		gap: 24px;
		width: 100%;
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
		margin-top:24px;
	}
	#nestorhome .nestor-cta-buttons .button { width: 100%;margin-top:0px; }

	/* --- SPEC TABLE --- */
	#nestorhome .spec-wrap { padding: 32px 16px; }
	#nestorhome .spec-toggle { font-size: 16px; gap: 12px; margin-bottom: 32px; }
	#nestorhome .spec-toggle-ico {
		border-left-width: 10px;
		border-right-width: 10px;
		border-top-width: 14px;
	}
	#nestorhome .spec-wrap:not(.is-open) .spec-table-scroll { max-height: 320px; }
	#nestorhome .spec-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	#nestorhome .spec-table thead th { font-size: 14px; padding: 18px 16px; }
	#nestorhome .spec-table tbody th { font-size: 14px; padding: 18px 16px; }
	#nestorhome .spec-table tbody td { font-size: 16px; padding: 18px 16px; }

	/* --- ЗРОБЛЕНО В УКРАЇНІ: 1 col --- */
	#nestorhome .ua-list { gap: 16px; margin-top: 40px; }
	#nestorhome .ua-list .item { flex: 0 0 100%; padding: 24px; }

	/* --- DEALER --- */
	#nestorhome .dealer-img { margin-bottom: 32px; }
	#nestorhome .dealer-content .btitle { font-size: 28px; }
	#nestorhome .dealer-buttons {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		margin-top: 40px;
	}
	#nestorhome .dealer-buttons .button-outline { width: 100%; }
	#nestorhome .dealer-buttons .button-text-arrow { justify-content: center; }

	/* --- FAQ --- */
	#nestorhome .faq-list { margin-top: 32px; }
	#nestorhome .faq-item { padding-top: 24px; padding-bottom: 24px; }
	#nestorhome .faq-q { font-size: 18px; }
	#nestorhome .faq-a-inner { padding-right: 0; }
	.intro-section .button{min-width:unset;}
}

@media (max-width: 520px) {
	#nestorhome .ab1-section .img-text-wrap{padding:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items: flex-start;}
	#nestorhome .ab1-section .img-text-wrap span{flex:1;position:static;margin:0px !important;transform:none;font-size:12px;}
	#nestorhome .ab1-section .img-text-wrap span:last-child{margin-top:auto !important;}
	#nestorhome .screens-list { grid-template-columns: 1fr; max-width: 360px;}
	#nestorhome .features-list .title,
	#nestorhome .products-list .item-title { font-size: 18px; }
	#nestorhome .nestor-banner-inner .btitle { font-size: 22px; }
	#nestorhome .nestor-cta-inner .btitle { font-size: 22px; }
	#nestorhome .dealer-content .btitle { font-size: 26px; }

	#nestorhome .prod-specs dl { flex-wrap: wrap; gap: 2px 16px; }
	#nestorhome .prod-specs dd { text-align: left; }

	#nestorhome .hero-card { padding: 16px 20px; }
	#nestorhome .spec-table { min-width: 560px; }
	
	
}



/* form zoho style */
.white-popup-block{
	max-width:738px;
	background:#fff;
	border-radius:16px;
	color:#000;
	padding:24px;
}
.white-popup-block .mfp-close{
	font-weight: 100;
    width: 72px;
    height: 72px;
    line-height: 72px;
    top: 0;
}
.white-popup-block  .modal-header{
	padding-right:72px;
	padding:24px;
	border-bottom:1px solid #D6D6D6;
	margin:-24px -24px 24px;
}
.white-popup-block .modal-title{
	font-weight:600;
	font-size:20px;
	line-height:1.4;
	text-transform:uppercase;
}
.white-popup-block .modal-text {
    color: #7A7A7A;
    text-align: left;
    margin-top: 12px;
    line-height: 155%;
}

.modal-form-field {
    color: #000;
    position: relative;
}

.modal-form-field + .modal-form-field {
    margin-top: 32px
}

.modal-form-field:has(.pr-button){
	margin-top:40px;
}

.modal-form-label {
    font-weight: 600;
    margin: 0 0 12px;
	text-transform:uppercase;
	font-size:14px;
	color:#171717;
}
.modal-form-label .color-red{color:#FF3F3F;font-size:16px;font-weight:500;}

.modal-form-field label {
    font-weight: 500;
    margin: 0 0 16px;
	line-height:1.5;
    font-size: 16px;
	color:#344054;
	position:relative;
}
.modal-form-field label.form-field-check{
	padding-left:32px;
}
.modal-form-field label input[type="radio"],
.modal-form-field label input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #D0D5DD;
  outline: none;
  background-color: #fff;
  cursor: pointer;
  display: grid;
  place-content: center;
}

.modal-form-field label.form-field-check input[type="radio"],
.modal-form-field label.form-field-check input[type="checkbox"]{
	position:absolute;
	left:0;
	top:1px;
}

.modal-form-field label input[type="radio"]{
	 border-radius: 50%;
}

.modal-form-field label input[type="radio"]::after  {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FF6219;
  transform: scale(0);
  transition: transform 0.2s ease-in-out;
}

.modal-form-field label input[type="checkbox"]::after{
  content: "";
  width: 4px;
  height: 8px;
  border-right:2px solid #FF6219;
   border-bottom:2px solid #FF6219;
  transform: scale(0) rotate(45deg);
  transition: transform 0.2s ease-in-out;
  margin-bottom:2px;
}

.modal-form-field label  input[type="radio"]:checked,
.modal-form-field label  input[type="checkbox"]:checked{
	border-color:#FF6219;
	background:rgba(255, 80, 0, 0.1);
}
.modal-form-field label  input[type="radio"]:checked::after{
  transform: scale(1);
}
.modal-form-field label  input[type="checkbox"]:checked::after{
  transform: scale(1) rotate(45deg);
}

.modal-form-hint{
	margin:8px 0 0;
	font-weight:500;
	font-size:14px;
	line-height:1.55;
	color:#7A7A7A;
}

.white-popup-block .form-control {
    display: block;
    width: 100%;
    height: 52px;
    padding: 16px;
	font-size:16px;
	text-transform:uppercase;
    line-height: 1.4;
	font-weight:500;
    color: #000;
    vertical-align: middle;
    -webkit-text-stroke-color: #09f;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #E2E2E2!important;
	font-family: 'Fixel Display', sans-serif;
	margin:0;
}

.modal-form-field .form-control:-moz-placeholder {
    color: #8B8B8B;
    font-weight: 500!important
}

.modal-form-field .form-control::-moz-placeholder {
    color:#8B8B8B;
    opacity: 1;
    font-weight: 500!important
}

.modal-form-field .form-control::-webkit-input-placeholder {
    color: #8B8B8B;
    font-weight: 500!important
}

.white-popup-block .form-control:focus {
    border-bottom-color: var(--orange);
    -webkit-text-stroke-color: var(--orange);
    outline: 0
}

.white-popup-block .form-control[disabled],
.white-popup-block .form-control[readonly] {
    cursor: not-allowed
}

.white-popup-block .form-control[readonly] {
    background-color: #eee
}

.white-popup-block textarea.form-control {
    height: auto
}

.modal-form-field select.form-control {
     appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M5.60994 9L11.219 15L16.8281 9' stroke='%23171717' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 23px 24px !important;

    padding-right: 72px;
}

.modal-form-field>.iti {
    margin: 0px!important
}

.modal-form-field button[type="submit"],
.modal-form-field input[type="submit"] {
    display: block;
	margin:8px 0 0;
	width:100%;
    border: 1px solid var(--accent-color) !important;
    line-height: 1.4 !important;
    text-decoration: none;
    cursor: pointer;
    background-color: var(--accent-color) !important;
    color: var(--white) !important;
    border-radius: 8px !important;
    padding: 14px !important;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 325ms;
    text-align: center;
    letter-spacing: 0.05em;
	font-family: 'Fixel Display', sans-serif;
}

.modal-form-field button[type="submit"]:hover,
.modal-form-field input[type="submit"]:hover {
    background-color:var(--white) !important;
	color:var(--accent-color) !important;
	border-color:var(--accent-color) !important;
}

.modal-form-field small {
    display: block;
    margin-top: -12px;
    text-align: center;
	color:#7A7A7A;
	font-size:16px;
	font-weight:500;
}