@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&display=swap');

:root {
	--nanolab-blue: #0000d7;
	--nanolab-ink: #06060b;
	--nanolab-muted: #636575;
	--nanolab-soft: #f3f4f8;
	--nanolab-line: #dfe1ea;
	--nanolab-white: #fff;
	--global-body-font-family: 'Heebo', Arial, sans-serif;
	--global-heading-font-family: 'Heebo', Arial, sans-serif;
}

html { scroll-behavior: smooth; overflow-x: clip; }
body, button, input, select, textarea, .woocommerce { font-family: 'Heebo', Arial, sans-serif !important; }
body { max-width: 100%; overflow-x: hidden; color: var(--nanolab-ink); background: var(--nanolab-white); font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
h1, h2, h3, h4, h5, h6, .entry-title, .woocommerce-loop-product__title, .product_title { font-family: 'Heebo', Arial, sans-serif !important; font-weight: 800; letter-spacing: -.03em; }
body > .wp-site-blocks > header,
body > .wp-site-blocks > footer,
body .wp-block-template-part:first-child { display: none !important; }
body .wp-site-blocks { padding: 0 !important; }
body > .wp-site-blocks { overflow-x: hidden; }
body > .wp-site-blocks > .wp-block-group { margin-top: 0 !important; padding: 0 !important; max-width: none !important; }
body.home > .wp-site-blocks > .wp-block-group > .wp-block-group.alignfull { padding-top: 0 !important; padding-bottom: 0 !important; }
body.home .entry-hero { display: none !important; }
body.home #primary { margin: 0 !important; }
body.home .content-container.site-container,
body.home .content-wrap,
body.home .site-main,
body.home .content-bg,
body.home .entry-content-wrap,
body.home .single-content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; }
body main.wp-block-group { margin: 0 !important; padding: 0 !important; max-width: none !important; }
body .wp-block-post-title { max-width: 1180px; margin: 48px auto 20px; padding: 0 24px; }
body.home .wp-block-post-title { display: none; }
body .entry-content { margin-block-start: 0; }

.nanolab-skip-link { position: fixed; top: 8px; right: 8px; z-index: 99999; transform: translateY(-150%); padding: 12px 18px; background: #fff; color: #0000d7; border: 2px solid #0000d7; border-radius: 8px; }
.nanolab-skip-link:focus { transform: translateY(0); }
.nanolab-header { position: sticky; top: 0; z-index: 999; width: 100%; max-width: 100vw; min-height: 76px; box-sizing: border-box; display: flex; align-items: center; gap: 32px; padding: 0 5vw; border-bottom: 1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.94); backdrop-filter: blur(18px); }
.admin-bar .nanolab-header { top: 32px; }
.nanolab-wordmark { direction: ltr; display: block; width: clamp(174px,19vw,220px); height: 44px; color: var(--nanolab-ink); background: url('https://nanolab.co.il/wp-content/uploads/2026/08/nanolab-website-black-logo355.png') left center / contain no-repeat; font-size: 0 !important; line-height: 0; letter-spacing: 0; text-decoration: none; }
.nanolab-wordmark span { display: none; }
.nanolab-nav { margin-inline-start: auto; display: flex; align-items: center; gap: clamp(14px,2.2vw,32px); }
.nanolab-nav a, .nanolab-footer a { color: inherit; font-weight: 700; text-decoration: none; }
.nanolab-nav a:hover, .nanolab-nav a:focus-visible, .nanolab-footer a:hover, .nanolab-footer a:focus-visible { color: var(--nanolab-blue); }
.nanolab-nav-products { position: relative; }
.nanolab-nav-products > a { display: inline-flex; align-items: center; gap: 6px; }
.nanolab-nav-products > a span { font-size: 15px; transition: transform .18s ease; }
.nanolab-nav-dropdown { position: absolute; top: calc(100% + 18px); right: -18px; z-index: 20; display: grid; min-width: 235px; padding: 12px; border: 1px solid rgba(255,255,255,.24); border-radius: 16px; background: rgba(255,255,255,.98); box-shadow: 0 22px 55px rgba(3,3,18,.24); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: .18s ease; }
.nanolab-nav-dropdown::before { content: ''; position: absolute; right: 18px; top: -19px; width: 100px; height: 19px; }
.nanolab-nav .nanolab-nav-dropdown a { padding: 9px 12px; border-radius: 9px; color: #202136; text-shadow: none; white-space: nowrap; }
.nanolab-nav .nanolab-nav-dropdown a:hover, .nanolab-nav .nanolab-nav-dropdown a:focus-visible { color: #fff; background: var(--nanolab-blue); }
.nanolab-nav-products:hover .nanolab-nav-dropdown, .nanolab-nav-products:focus-within .nanolab-nav-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.nanolab-nav-products:hover > a span, .nanolab-nav-products:focus-within > a span { transform: rotate(180deg); }
.nanolab-header-cta { padding: 11px 17px; color: #fff; background: var(--nanolab-blue); border: 2px solid var(--nanolab-blue); border-radius: 999px; font-weight: 800; text-decoration: none; }

@media (min-width: 1001px) {
	.nanolab-header { color: #fff; border-bottom-color: rgba(255,255,255,.16); background: rgba(3,3,18,.84); backdrop-filter: blur(18px) saturate(135%); box-shadow: 0 8px 30px rgba(3,3,18,.08); }
	body.home .nanolab-header { position: absolute; top: 0; background: linear-gradient(180deg,rgba(3,3,18,.56),rgba(3,3,18,.04)); backdrop-filter: none; box-shadow: none; }
	body.home.admin-bar .nanolab-header { top: 32px; }
	.nanolab-header .nanolab-wordmark { background-image: url('https://nanolab.co.il/wp-content/uploads/2026/08/website-white-logo.png') !important; }
	.nanolab-nav a { color: #fff; text-shadow: 0 1px 18px rgba(0,0,0,.34); }
	.nanolab-nav a:hover, .nanolab-nav a:focus-visible { color: #aeb4ff; }
	.nanolab-header-cta { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.78); backdrop-filter: blur(8px); }
	.nanolab-header-cta:hover, .nanolab-header-cta:focus-visible { color: var(--nanolab-blue); background: #fff; border-color: #fff; }
}

.nanolab-main { max-width: none; margin: 0; }
.nanolab-hero { min-height: 650px; display: grid; align-content: center; padding: clamp(70px,10vw,140px) 7vw; overflow: hidden; color: #fff; background: radial-gradient(circle at 14% 18%, rgba(0,0,215,.94), transparent 38%), linear-gradient(125deg,#03030b 0%,#070728 62%,#0000d7 180%); position: relative; }
.nanolab-hero::after { content: ''; position: absolute; width: 540px; height: 540px; left: -160px; bottom: -280px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018); }
.nanolab-kicker { color: #7f8cff; font-size: 13px; font-weight: 900; letter-spacing: .18em; }
.nanolab-hero h1 { max-width: 950px; margin: 18px 0 22px; color: #fff !important; font-size: clamp(44px,8vw,112px); line-height: .92; letter-spacing: -.055em; }
.nanolab-hero h1 span { color: #7b84ff; }
.nanolab-hero p { max-width: 760px; margin: 0; color: #dfe0ff; font-size: clamp(18px,2vw,24px); line-height: 1.65; }
.nanolab-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 34px; }
.nanolab-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border: 2px solid var(--nanolab-blue); border-radius: 999px; color: #fff !important; background: var(--nanolab-blue); font-weight: 900; text-decoration: none !important; box-shadow: 0 12px 30px rgba(0,0,215,.18); transition: .2s ease; }
.nanolab-btn:hover, .nanolab-btn:focus-visible { transform: translateY(-2px); background: #1010f4; border-color: #1010f4; }
.nanolab-btn-ghost { color: #fff !important; background: transparent; border-color: rgba(255,255,255,.6); box-shadow: none; }

.nanolab-proof { display: grid; grid-template-columns: repeat(3,1fr); max-width: 1240px; margin: -28px auto 0; position: relative; z-index: 2; border-radius: 20px; background: #fff; box-shadow: 0 18px 70px rgba(11,13,25,.12); overflow: hidden; }
.nanolab-proof div { padding: 28px 34px; border-inline-end: 1px solid var(--nanolab-line); }
.nanolab-proof div:last-child { border: 0; }
.nanolab-proof strong, .nanolab-proof span { display: block; }
.nanolab-proof strong { margin-bottom: 7px; font-size: 19px; }
.nanolab-proof span { color: var(--nanolab-muted); line-height: 1.55; }
.nanolab-section { max-width: 1280px; margin: 0 auto; padding: 110px 28px; }
.nanolab-section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 38px; }
.nanolab-section-heading span { color: var(--nanolab-blue); font-weight: 900; }
.nanolab-section-heading h2 { margin: 4px 0 0; font-size: clamp(38px,5vw,68px); letter-spacing: -.045em; }
.nanolab-section-heading a { color: var(--nanolab-blue); font-weight: 800; }
.nanolab-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.nanolab-product-card { border: 1px solid var(--nanolab-line); border-radius: 18px; overflow: hidden; background: #fff; transition: .22s ease; }
.nanolab-product-card:hover { transform: translateY(-5px); box-shadow: 0 18px 45px rgba(5,6,25,.1); }
.nanolab-product-card a { color: inherit; text-decoration: none; }
.nanolab-product-card img { width: 100%; aspect-ratio: 1/1; object-fit: contain; background: var(--nanolab-soft); }
.nanolab-product-card h3 { margin: 20px 20px 8px; font-size: 20px; direction: ltr; text-align: right; }
.nanolab-product-card p { min-height: 72px; margin: 0 20px; color: var(--nanolab-muted); line-height: 1.55; }
.nanolab-price-placeholder { display: inline-block; margin: 14px 20px 22px; color: var(--nanolab-blue); font-weight: 900; }
.nanolab-matrix { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; padding: clamp(70px,9vw,130px) 8vw; color: #fff; background: var(--nanolab-ink); }
.nanolab-matrix h2 { margin: 12px 0 24px; font-size: clamp(42px,6vw,78px); line-height: .98; letter-spacing: -.05em; }
.nanolab-matrix p { max-width: 680px; color: #c4c5d3; font-size: 20px; line-height: 1.7; }
.nanolab-matrix-specs { display: grid; gap: 16px; }
.nanolab-matrix-specs div { display: flex; align-items: center; justify-content: space-between; padding: 26px 28px; border: 1px solid #36374a; border-radius: 16px; background: #11121b; }
.nanolab-matrix-specs b { direction: ltr; font-size: 22px; }
.nanolab-matrix-specs span { color: #9fa2b6; }
.nanolab-detailer-cta { max-width: 1180px; margin: 110px auto; padding: clamp(42px,6vw,76px); display: flex; align-items: center; justify-content: space-between; gap: 35px; border-radius: 28px; color: #fff; background: linear-gradient(120deg,#0000d7,#2323ff); box-shadow: 0 28px 70px rgba(0,0,215,.23); }
.nanolab-detailer-cta span { font-weight: 900; color: #c6c8ff; }
.nanolab-detailer-cta h2 { margin: 5px 0 10px; font-size: clamp(34px,5vw,58px); }
.nanolab-detailer-cta p { max-width: 620px; margin: 0; font-size: 19px; }
.nanolab-detailer-cta .nanolab-btn { color: var(--nanolab-blue) !important; background: #fff; border-color: #fff; white-space: nowrap; }

.nanolab-content-page { max-width: 1080px; min-height: 62vh; margin: 0 auto; padding: clamp(72px,10vw,140px) 28px; }
.nanolab-content-page h1 { max-width: 900px; margin: 12px 0 26px; font-size: clamp(50px,8vw,96px); line-height: .96; letter-spacing: -.06em; }
.nanolab-content-page h2 { margin-top: 52px; font-size: 30px; }
.nanolab-content-page p, .nanolab-content-page li { font-size: 19px; line-height: 1.78; }
.nanolab-lead { max-width: 820px; color: var(--nanolab-muted); font-size: clamp(22px,3vw,30px) !important; }
.nanolab-feature-grid, .nanolab-contact-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin: 48px 0; }
.nanolab-feature-grid > div, .nanolab-contact-grid > div { padding: 28px; border: 1px solid var(--nanolab-line); border-radius: 16px; background: var(--nanolab-soft); }


.nanolab-footer { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 40px; padding: 60px 7vw; color: #d9d9e6; background: var(--nanolab-ink); line-height: 1.75; }
.nanolab-footer strong { color: #fff; font-size: 20px; }
.nanolab-footer > div:first-child > strong:first-child { display: block; width: 220px; height: 56px; margin-bottom: 12px; background: url('https://nanolab.co.il/wp-content/uploads/2026/08/website-white-logo.png') right center / contain no-repeat; font-size: 0; line-height: 0; }
.nanolab-footer nav { display: grid; align-content: start; gap: 6px; }
.nanolab-legal-pending { max-width: 280px; color: #aeb0c2; font-size: 14px; line-height: 1.6; }

.entry-hero { background: #f4f5f9 !important; }
.entry-hero-container-inner { padding-block: clamp(44px,6vw,72px) !important; }
.entry-hero .entry-title { font-size: clamp(40px,5vw,64px); line-height: 1.05; }
.woocommerce ul.products li.product { border: 1px solid var(--nanolab-line); border-radius: 20px; overflow: hidden; padding-bottom: 22px; background: #fff; box-shadow: 0 8px 28px rgba(6,6,11,.04); transition: transform .22s ease, box-shadow .22s ease; }
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 18px 44px rgba(6,6,11,.1); }
.woocommerce ul.products li.product img { aspect-ratio: 1/1; object-fit: contain; background: var(--nanolab-soft); }
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price { padding-inline: 20px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 20px; line-height: 1.3; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button { min-height: 46px; border-radius: 999px !important; color: #fff !important; background: var(--nanolab-blue) !important; font-weight: 800 !important; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce select, .woocommerce-cart table.cart, .woocommerce-checkout-review-order { border-radius: 12px; }
.nanolab-tax-note { display: block; margin-top: 5px; color: var(--nanolab-blue); font-weight: 700; }

.nanolab-category-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 34px; padding: 18px; border: 1px solid var(--nanolab-line); border-radius: 18px; background: #f7f7fb; }
.nanolab-category-nav a { display: inline-flex; align-items: center; min-height: 42px; padding: 8px 17px; border: 1px solid #d8dae6; border-radius: 999px; color: #25263a; background: #fff; font-weight: 800; text-decoration: none; transition: .18s ease; }
.nanolab-category-nav a:hover, .nanolab-category-nav a:focus-visible, .nanolab-category-nav a.is-active { color: #fff; border-color: var(--nanolab-blue); background: var(--nanolab-blue); box-shadow: 0 8px 22px rgba(0,0,215,.16); }
.nanolab-shop-tools { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 0 0 18px; padding: 22px 24px; border-radius: 18px; color: #fff; background: linear-gradient(120deg,#09091c,#0000d7 170%); }
.nanolab-shop-tools > div span, .nanolab-shop-tools > div strong { display: block; }
.nanolab-shop-tools > div span { color: #aeb4ff; font-size: 13px; font-weight: 900; letter-spacing: .12em; }
.nanolab-shop-tools > div strong { margin-top: 3px; font-size: 23px; }
.nanolab-product-search { display: flex; width: min(100%,480px); border-radius: 999px; background: #fff; overflow: hidden; }
.nanolab-product-search input[type="search"] { flex: 1; min-width: 0; padding: 11px 18px; border: 0; color: #111226; background: transparent; outline: 0; }
.nanolab-product-search button { min-width: 92px; padding: 10px 18px; border: 0; color: #fff; background: var(--nanolab-blue); font-weight: 900; cursor: pointer; }
.nanolab-product-image-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1/1; border-radius: inherit; background: radial-gradient(circle at 18% 16%,rgba(89,89,255,.92),transparent 34%),linear-gradient(135deg,#050513,#0000d7 170%); }
.nanolab-product-image-placeholder > span { width: 68%; height: 28%; background: url('https://nanolab.co.il/wp-content/uploads/2026/08/website-white-logo.png') center / contain no-repeat; font-size: 0; }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #ffbf00 !important; outline-offset: 3px; }

@media (max-width: 1000px) {
	.nanolab-nav { display: none; }
	.nanolab-header { justify-content: space-between; }
	.nanolab-header-cta { margin-inline-start: 0; }
	.nanolab-product-grid { grid-template-columns: repeat(2,1fr); }
	.nanolab-proof, .nanolab-matrix { grid-template-columns: 1fr; }
	.nanolab-proof { margin: 0; border-radius: 0; }
	.nanolab-proof div { border-inline-end: 0; border-bottom: 1px solid var(--nanolab-line); }
	.nanolab-detailer-cta { margin: 70px 24px; flex-direction: column; align-items: flex-start; }
}

@media (max-width: 680px) {
	.admin-bar .nanolab-header { top: 46px; }
	.nanolab-header { min-height: 66px; padding: 0 18px; }
	.nanolab-wordmark { width: 158px; height: 36px; }
	.nanolab-header-cta { padding: 8px 12px; font-size: 14px; }
	.nanolab-hero { min-height: 560px; padding-inline: 24px; }
	.nanolab-product-grid, .nanolab-feature-grid, .nanolab-contact-grid, .nanolab-footer { grid-template-columns: 1fr; }
	.nanolab-section { padding: 78px 18px; }
	.nanolab-section-heading { align-items: flex-start; gap: 22px; flex-direction: column; }
	.nanolab-product-card p { min-height: 0; }
	.nanolab-footer > div:first-child > strong:first-child { width: 190px; height: 48px; }
	.nanolab-category-nav { gap: 8px; padding: 14px; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: thin; }
	.nanolab-category-nav a { flex: 0 0 auto; min-height: 40px; padding: 7px 14px; font-size: 15px; }
	.nanolab-shop-tools { align-items: stretch; flex-direction: column; padding: 20px; }
	.nanolab-product-search { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
