/* ==========================================================================
   NOLA - CUSTOM CSS
   1:1 koopia praegusest Customizer -> Additional CSS sisust (17.08.2026 seisuga),
   pluss uus [nola_brand_hero] hero-sektsiooni CSS lõpus.
   Eesmärk: null visuaalset muutust migratsiooni käigus - kõik käitub täpselt
   samamoodi nagu enne, lihtsalt failina, mitte andmebaasis.
   ========================================================================== */

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product .esto_calculator
{
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  padding-top: 0px;
}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap, .woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap{
  margin-bottom: 0px;
}
.ast-separate-container .ast-woocommerce-container{padding-top: 40px;}
.ast-woocommerce-container{
padding-left: 0px !important;
padding-right: 0px !important;
;}
table {
	font-size: 14px;
text-align: center;}
td{
	min-width: 100px;
	text-align: center !important;}
td, th{
	padding: 3px !important;}
/* Suurustabel (nt tootelehel) - td{min-width:100px} teeb 6-veerulise tabeli
   ~650px laiuseks. Kerimise asemel (mis tekitas ka kummalise joone -
   display:block tabel ei arvuta veergude laiust normaalselt) suruname
   tabeli PARISELT konteineri laiusesse - table-layout:fixed jagab veerud
   võrdselt, ilma et miski üle serva ulatuks ega scrolli tekiks. */
.summary.entry-summary table,
.woocommerce-product-details__short-description table {
	display: table;
	table-layout: fixed;
	width: 100% !important;
	max-width: 100%;
	overflow-x: visible;
	border-collapse: collapse;
}
.summary.entry-summary table td,
.summary.entry-summary table th,
.woocommerce-product-details__short-description table td,
.woocommerce-product-details__short-description table th {
	min-width: 0 !important;
	width: auto;
	font-size: 11px;
	padding: 4px 2px !important;
	overflow-wrap: break-word;
	word-break: break-word;
}
@media (max-width: 480px) {
	.summary.entry-summary table td,
	.summary.entry-summary table th,
	.woocommerce-product-details__short-description table td,
	.woocommerce-product-details__short-description table th {
		font-size: 9px;
		padding: 3px 1px !important;
	}
}
/* Tootelehe "Lisa korvi" nupp - sama terava nurga + tume/hele-hoover stiil
   mis ostukorvi CHECKOUT nupul. */
.single_add_to_cart_button.button {
	box-sizing: border-box !important;
	height: 38px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 22px !important;
	font-size: 11px !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	color: #ffffff !important;
	box-shadow: none !important;
	transition: background 0.2s ease, color 0.2s ease;
}
.single_add_to_cart_button.button:hover {
	background: #ffffff !important;
	color: #1a1a1a !important;
}
/* Keelatud olek (enne suuruse valimist) - WooCommerce lisab selle
   automaatselt, brauseri/plugina vaikimisi hall oli liiga tuhm/kokkusobimatu,
   asendame oma brandi tooniga. */
.single_add_to_cart_button.button.disabled,
.single_add_to_cart_button.button.disabled:hover {
	background: #e0e0e0 !important;
	border-color: #e0e0e0 !important;
	color: #999999 !important;
	cursor: not-allowed;
}
.single-product div.product .entry-title
{font-weight: 900;}
#esto_calculator > img:nth-child(1) {
	max-width: 75px !important;
	width: auto;
}
#esto_calculator{padding-bottom: 20px;}
.product_meta > p:nth-child(3){display: none;}
.paypal-button-label-container {
    display: none !important;
}
/* Üksiktoote pealkiri: font-weight 400 */
.single-product .product_title.entry-title {
  font-weight: 400;
}
/* Mõni teema kasutab h1 – katame ka selle */
.single-product h1.product_title.entry-title {
  font-weight: 400;
}
/* Klient soovis tootelehe teksti kergemaks/peenemaks - nagu mujal saidil
   (footer/kontakt/arhiiv kasutavad font-weight:300, tagasihoidlik suurus).
   Vaikimisi WooCommerce/Astra tekst oli "raskem" kui ulejaanud sait. */
.single-product .summary.entry-summary h1.product_title.entry-title {
	font-size: 22px !important;
	letter-spacing: 0.5px;
}
.single-product .summary.entry-summary p.price {
	font-size: 16px;
	font-weight: 300;
	color: #444;
}
.single-product .summary.entry-summary p.price .woocommerce-Price-amount {
	font-weight: 300;
}
.single-product .woocommerce-product-details__short-description p {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.7;
	color: #555;
}
.single-product .woocommerce-product-details__short-description strong {
	font-weight: 500;
}
/* Astra/WooCommerce'i .sku_wrapper/.posted_in span'idel on omaenda suurem
   fondi-suurus, mis voitis meie esimese katse ara - laheme siin taielikult
   kindlaks !important + otsesed span-valijad, mitte ainult parima .product_meta. */
.single-product .product_meta,
.single-product .product_meta > p,
.single-product .product_meta span,
.single-product .product_meta .sku_wrapper,
.single-product .product_meta .posted_in {
	font-size: 12px !important;
	font-weight: 300 !important;
	color: #888 !important;
}
.single-product .product_meta a {
	color: #888 !important;
	font-weight: 300 !important;
}
.single-product #esto_calculator .monthly_payment {
	font-size: 12px !important;
	font-weight: 300 !important;
}
.single-product table.variations .label label {
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #666;
	text-transform: uppercase;
}
.single-product table.variations select {
	font-size: 14px;
	font-weight: 300;
	color: #444;
	border: 1px solid #ddd;
	border-radius: 0;
}
.single-product .quantity {
	display: inline-flex !important;
}
/* Tagame, et kogus-kast ja "Lisa korvi" nupp joonduvad reas sama kõrguse
   pealt (mõlemal height:38px), mitte ei jäta neid vaikimisi eri joondusega. */
.single-product .woocommerce-variation-add-to-cart {
	display: flex !important;
	align-items: center !important;
	gap: 12px;
}
.single-product .quantity input.qty {
	font-weight: 300;
	color: #444;
	width: 40px !important;
	height: 38px !important;
	font-size: 13px;
	padding: 0 !important;
}
.single-product .quantity .minus,
.single-product .quantity .plus {
	font-weight: 300;
	color: #666;
	width: 30px !important;
	height: 38px !important;
	font-size: 13px;
	line-height: 38px !important;
}
.menu-text {
	font-weight: 300;
}
.woocommerce-js h2{
	font-weight: 400 !important;
}
.ast-header-search {
	display: block;
	width: 200px;
}
/* Suruame otsinguvalja vaiksemaks - Customizer "Search Height" slider ei lase
   piisavalt alla minna, seega !important siin. */
.ast-search-menu-icon.search-box.ast-inline-search .search-form {
	height: auto !important;
	width: 220px !important;
	display: flex !important;
}
.ast-search-menu-icon.search-box.ast-inline-search .search-form label {
	flex: 1 1 auto;
	min-width: 0;
}
.ast-search-menu-icon.search-box .search-field {
	height: 30px !important;
	width: 100% !important;
	padding: 4px 12px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	box-sizing: border-box !important;
}
.ast-search-menu-icon.search-box .search-submit {
	height: 30px !important;
	width: 30px !important;
	min-height: 30px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.ast-search-menu-icon.search-box .search-submit .astra-search-icon {
	font-size: 14px !important;
	line-height: 1 !important;
}
.ast-search-menu-icon.search-box .search-submit svg {
	width: 14px !important;
	height: 14px !important;
}
/* Otsinguvali + korviikoon samas flex-reas ei olnud vertikaalselt
   joondatud (otsing vaiksem, korv oma vana korgusega) - tsentreerime. */
.site-header-below-section-right.ast-grid-right-section,
.ast-grid-right-section {
	align-items: center !important;
	gap: 18px !important;
}
.ast-header-search,
.ast-header-woo-cart {
	display: flex !important;
	align-items: center !important;
}
.ast-header-woo-cart .ast-site-header-cart,
.ast-header-woo-cart .ast-site-header-cart-li,
.ast-header-woo-cart .cart-container {
	display: flex !important;
	align-items: center !important;
}
.ast-header-woo-cart .ast-cart-menu-wrap {
	display: inline-flex !important;
	align-items: center !important;
}
/* "Outline" korviikoon on Astral SVG, stroke-width atribuudiga - katame selle
   CSS-iga peenemaks. Kui see ei mõju (nt ikoon on hoopis border-pohine),
   vajame DevTools'ist tegelikku HTML-i, et oiget selektorit leida. */
.ast-header-woo-cart .ast-cart-menu-wrap svg {
	stroke-width: 1 !important;
}
.menu-link {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
/* Kui ühel ja samal elemendil on KÕIK need klassid korraga */
.elementor-widget-wrap.elementor-element-populated.e-swiper-container {
  padding: 0 !important;
}
/* Kui .e-swiper-container on seespool .elementor-widget-wrap.elementor-element-populated */
.elementor-widget-wrap.elementor-element-populated .e-swiper-container {
  padding: 0 !important;
}
/* Kui pad on hoopis wrapperil endal */
.elementor-widget-wrap.elementor-element-populated {
  padding: 0 !important;
}
.astra-shop-summary-wrap {
	display: flex !important;
	flex-direction: row !important;
	column-gap: 10px !important;
	margin-top: 10px;
}
@media (max-width:1000px) {
	.astra-shop-summary-wrap {
		display: flex !important;
		flex-direction: column !important;
	}
}
.astra-shop-summary-wrap {
	align-items: center !important;
	justify-content: center !important;
}
.price {
	font-size: 15px !important;
	display: flex !important;
	flex-direction: row !important;
	width: auto !important;
}
.ast-loop-product__link {
	width: auto !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title, .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
    font-family: 'Acumin-Pro', acumin-pro, sans-serif;
    font-weight: 300 !important;
    font-size: 15px;
    font-size: 0.789473684211rem;
}
.single-product h1.product_title.entry-title {
    font-weight: 300 !important;
}
:is(.ast-separate-container, .ast-narrow-container)
  .primary:not(.ast-grid-1)
  .ast-article-post.ast-separate-posts {
  /* muuda ainult vasak/parem */
  padding-left: 5px!important;
  padding-right: 5px !important;
	padding-top: 30px !important;
  /* või lühemalt kaasaegse omadusega: */
  /* padding-inline: 0; */
}
/*
.woocommerce-js ul.products li.product a img {
    width: 100%;
	object-fit: cover;
    height: 700px;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}
*/
.woocommerce-js ul.products li.product a img {
  width: 100%;
  height: clamp(220px, 55vw, 700px); /* mobiilis väiksem, desktopis kuni 700px */
  object-fit: cover;
}
.woocommerce-js h2 {
    font-weight: 300 !important;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table, .woocommerce-cart .cart-collaterals .cross-sells .shop_table {
	display: none;
}
/*HEADERI CSS*/
.ast-below-header-wrap {
	margin-top: 15px;
	margin-bottom: 15px;
	background: #ffffff;
}
.ast-below-header-bar {
	background: transparent;
}
/* Elegantne logo - klient soovis veidi suuremat (oli 30px, tostetud 36px) */
.site-branding.ast-site-identity .site-logo-img img.custom-logo {
  max-height: 36px;
  width: auto;
}
/* Klient soovis menüü rohkem keskele, mitte logo korval kinni.
   ".site-header-below-section-left" (Astra flex-tsoon, sisaldab Logo +
   Primary Menu) - lukkame menüü selle tsooni PAREMASSE serva. Astra
   mahub Logo ja Menu tovenaoliselt eraldi ".site-header-focus-item"
   umbriste sisse, mistõttu "margin-left:auto" otse ".main-header-menu"
   peal ei toimi (see pole ise flex-laps). Kasutame ">*:last-child" -
   sihib tegeliku OTSESE flex-lapse, mis iganes klass sellel ka pole.
   OLULINE: Astra kasutab sama ".site-header-below-section-left" klassi
   ka MOBIILI päiserea vasakus tsoonis (hamburger), seega peame selle
   rangelt DESKTOP-piirini (923px+) piirama - muidu logo/hamburger
   nihkuvad mobiilis paigast ara (vt vestlus, mobiili viga). */
@media (min-width: 923px) {
	.site-header-below-section-left {
		display: flex !important;
		width: 100% !important;
	}
	.site-header-below-section-left > *:last-child {
		margin-left: auto !important;
	}
}
/* Menüü - peida eesolev bullet-ikoon, tihenda tüpograafiat */
.main-header-menu .menu-item > a.menu-link > .ast-icon.icon-arrow {
  display: none;
}
.main-header-menu .menu-item > a.menu-link .menu-text {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.main-header-menu .menu-item > a.menu-link {
  padding: 0 14px;
}
/* Alammenüü (dropdown, nt Naised > Kleidid/Kimonod jne) - minimalistlik,
   valge taust + õrn vari, mitte vaikimisi Astra hall kast. */
.main-header-menu .sub-menu {
  background: #ffffff;
  border: none;
  box-shadow: 0 12px 28px rgba(0,0,0,0.10);
  border-radius: 2px;
  padding: 14px 0;
  min-width: 230px;
}
.main-header-menu .sub-menu .menu-item {
  padding: 0;
}
.main-header-menu .sub-menu .menu-item > a.menu-link {
  display: block;
  padding: 10px 28px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  color: #555;
  transition: color 0.2s ease, background 0.2s ease;
}
.main-header-menu .sub-menu .menu-item > a.menu-link:hover {
  color: #000;
  background: #f7f7f7;
}

/* ==========================================================================
   Astra native minikorv (WooCommerce widget_shopping_cart) - klassid vote
   pariselt DOM valjundist. Tausta/varju/aarise juba Customizer Design
   tab'ist (Cart Tray), siin ainult sisu tupograafia + nupud.
   ========================================================================== */
.widget_shopping_cart {
	/* Astra vaikimisi paneel jaab liiga kitsaks (tekitas nimeveeru kokkuvarisemise
	   uhe-tahemargi kaupa reastumiseni) - anname mois avara miinimumlaiuse. */
	min-width: 340px !important;
	box-sizing: border-box;
}
.widget_shopping_cart .woocommerce-mini-cart {
	list-style: none;
	padding: 0;
	margin: 0 0 16px;
}
/* Rida on grid: [pilt] [nimi/hind/kogus uksteise all]. <a> sisaldab DOM-is
   pilti+nime koos - display:contents "lahustab" selle lingi, nii et pilt
   ja nimi saavad ise grid-i otsesteks lasteks (nagu SIR-il). */
.widget_shopping_cart .mini_cart_item {
	display: grid;
	grid-template-columns: 84px 1fr;
	column-gap: 14px;
	/* Astra oma vaikimisi CSS surub sellele elemendile padding-left:95px
	   (mois oma pildipaigutuse jaoks, mis meie grid-lahendusega kokku
	   pokkus ja tekitas suure tuhja ala vasakul) - nullime selle. */
	padding: 24px 0 24px 0 !important;
	border-bottom: 1px solid #eaeaea;
	position: relative;
}
.widget_shopping_cart .mini_cart_item:last-child {
	border-bottom: none;
}
.widget_shopping_cart .mini_cart_item > a:not(.remove_from_cart_button) {
	display: contents;
}
/* !important, kuna Astra enda minikorvi pildi-CSS surub oma laius/korguse
   peale ja voidab meie reegli ilma selleta (nagen "pildid ikka pisikesed"). */
.widget_shopping_cart .mini_cart_item img {
	grid-column: 1;
	grid-row: 1 / span 3;
	width: 84px !important;
	height: auto !important;
	aspect-ratio: 2 / 3 !important;
	object-fit: cover !important;
	align-self: start;
}
.widget_shopping_cart .ast-product-image {
	grid-column: 2;
	grid-row: 1;
}
.widget_shopping_cart .ast-product-name {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #1a1a1a;
	line-height: 1.4;
	padding-right: 0;
}
.widget_shopping_cart .ast-mini-cart-price-wrap {
	grid-column: 2;
	grid-row: 2;
	margin-top: 6px;
	font-size: 12px;
	color: #666;
}
/* Kogus: -/väli/+ kõik SAMA kõrgusega ja border-box, muidu jäävad
   ebaühtlaselt suured (nagen probleem ekraanipildil). */
.widget_shopping_cart .quantity.buttons_added {
	grid-column: 2;
	grid-row: 3;
	margin-top: 14px;
	display: inline-flex;
	align-items: stretch;
	gap: 0;
	font-size: 12px;
	width: fit-content;
	border: 1px solid #e2e2e2;
}
.widget_shopping_cart .quantity.buttons_added .qty {
	box-sizing: border-box;
	width: 34px;
	height: 30px;
	text-align: center;
	border: none;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	font-size: 12px;
	padding: 0;
	margin: 0;
}
.widget_shopping_cart .quantity.buttons_added .minus,
.widget_shopping_cart .quantity.buttons_added .plus {
	box-sizing: border-box;
	cursor: pointer;
	color: #666;
	text-decoration: none;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	font-size: 13px;
	line-height: 1;
}
.widget_shopping_cart .remove_from_cart_button {
	position: absolute;
	top: 24px;
	right: 0;
	color: #999;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
}
.widget_shopping_cart .remove_from_cart_button svg {
	width: 13px;
	height: 13px;
}
.widget_shopping_cart .remove_from_cart_button:hover {
	color: #000;
}
.widget_shopping_cart .woocommerce-mini-cart__total {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding-top: 18px;
	border-top: 1px solid #eaeaea;
	margin: 0 0 20px;
}
.widget_shopping_cart .woocommerce-mini-cart__total strong {
	font-weight: 500;
}
/* Pohi: uks suur must CHECKOUT nupp + "Vaata ostukorvi" lihtsa alakriipsutatud
   lingina all - nagu SIR-il, mitte kaks korvutist nuppu. */
.widget_shopping_cart .woocommerce-mini-cart__buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin: 0 0 12px;
}
/* Astra enda globaalne nuppudisain (umaraid nurki, tausta) voidab meie
   reegli spetsiifilisuse ilma !important'ita - seega lisame selle siia. */
.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
	box-sizing: border-box !important;
	order: 2;
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	text-align: center;
	padding: 15px 10px !important;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	color: #1a1a1a !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background 0.2s ease, color 0.2s ease;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button:hover {
	background: #1a1a1a !important;
	color: #ffffff !important;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout {
	order: 1;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	color: #ffffff !important;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout:hover {
	background: #ffffff !important;
	color: #1a1a1a !important;
}
/* Cart - väiksem number, rohkem hingamisruumi ikoonide vahel */
.ast-header-search,
.ast-header-woo-cart {
  margin-left: 14px;
}
.ast-site-header-cart .count .ast-count-text {
  font-size: 11px;
}
.site-below-header-wrap {
	background: #f9f9f9;
	border-radius: 0; /* klient soovis kandilised nurgad, vt vestlus */
}
.site-branding {
	width: 100px;
}

/* ==========================================================================
   Header sticky KÕIKJAL (Pood, kategooriad, tooteleht jne) - jääb kerimisel
   üleval püsima, tavalise valge/hallikas taustaga (background juba ülal
   real 176 määratud). "has-nola-page-hero" lehtedel (/nola/, /nbl/) on
   headeril juba oma position:fixed + läbipaistev/hägune loogika (vt allpool
   "[nola_page_hero]" plokk) - see !important seal võidab käesoleva reegli ära,
   nii et need kaks süsteemi ei lähe vastuollu.
   ========================================================================== */
#masthead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 100;
}

/* ==========================================================================
   Keelevalija - [nola_language_switcher] (vt inc/shortcodes.php). Loobusime
   GTranslate enda [gtranslate] widgetist (ettearvamatu struktuur/CSS/JS,
   vt git ajalugu kui vaja) ja ehitasime oma versiooni [gt-link] lingtega -
   sama klikk-ava/sulge muster mis .nola-gateway-search otsingul, 100% meie
   kontrolli all, ilma spetsiifilisuse vojtluseta plugina enda CSS-iga. */
/* Astra Header Builder paneb "Widget" elemendi enda umber diivi
   (.header-widget-area.widget-header-focus-item), millel on vaikimisi
   0px 10px padding - see tekitab meie ikooni umber liigse horisontaalse
   ohu. Eemaldame selle, kuna see on ainus custom widget headeris. */
.ast-header-region .widget-header-focus-item {
	padding: 0 !important;
}
.nola-lang-switcher {
	position: relative;
	display: inline-flex;
	align-items: center;
	/* .ast-grid-right-section annab juba gap:18px flex-lastele - lisa
	   margin siin dubleeriks selle (nagemine oli liiga suur vahe). */
	margin-left: 0;
	order: 20;
}
.nola-lang-switcher__toggle {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	line-height: 0;
}
.nola-lang-switcher__toggle img {
	width: 20px;
	height: 20px;
	display: block;
}
.nola-lang-switcher__menu {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 14px;
	background: #fff;
	border: 1px solid #e2e2e2;
	padding: 6px 0;
	min-width: 180px;
	max-height: 320px;
	overflow-y: auto;
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
	z-index: 999;
}
.nola-lang-switcher__menu.is-open {
	display: flex;
	flex-direction: column;
}
.nola-lang-switcher__menu a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	font-size: 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #1a1a1a;
	text-decoration: none;
	white-space: nowrap;
}
.nola-lang-switcher__menu a:hover {
	background: #f5f5f5;
}
.nola-lang-switcher__menu a img {
	width: 16px;
	height: 16px;
}

@media (max-width: 922px) {
  .ast-main-header-wrap {
    display: none;
  }
	.menu-toggle {
		margin: 0px !important;
	}
	.ast-header-woo-cart {
		padding: 0px;
		margin: 0;
	}
	.ast-site-header-cart-li {
		font-size: 12px;
	}
}

/* ==========================================================================
   [nola_brand_hero] shortcode - kahe-kastiga hero (NOLA / NBL valik)
   UUS - see osa ei olnud kunagi Customizeris, elas algselt Snippets PHP sees
   inline <style> plokina. Nüüd siin, eraldi failina.
   ========================================================================== */
.nola-brand-hero {
	display: flex;
	width: 100%;
}
.nola-brand-hero__box {
	position: relative;
	flex: 1 1 50%;
	min-height: 520px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-decoration: none;
	overflow: hidden;
}
.nola-brand-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0) 75%);
}
.nola-brand-hero__content {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #fff;
	padding-bottom: 48px;
}
.nola-brand-hero__content h2 {
	font-size: 42px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
	color: #ffffff;
	text-shadow: 0 2px 12px rgba(0,0,0,0.65), 0 0 30px rgba(0,0,0,0.35);
}
.nola-brand-hero__btn {
	display: inline-block;
	border: 1px solid #fff;
	padding: 10px 28px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: background 0.2s ease, color 0.2s ease;
}
.nola-brand-hero__box:hover .nola-brand-hero__btn {
	background: #fff;
	color: #000;
}
@media (max-width: 768px) {
	.nola-brand-hero { flex-direction: column; }
	.nola-brand-hero__box { min-height: 380px; }
}

/* ==========================================================================
   [nola_brand_gateway] shortcode - täisekraan NOLA/NBL valikuleht.
   Kasutusel Elementor Canvas mallil (ilma header/menüüta).
   ========================================================================== */
.nola-brand-gateway {
	display: flex;
	width: 100%;
	height: 100vh;
	margin: 0;
}
.nola-brand-gateway__box {
	position: relative;
	flex: 1 1 50%;
	height: 100%;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	overflow: hidden;
	transition: flex 0.4s ease;
}
.nola-brand-gateway__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.35);
	transition: background 0.3s ease;
}
.nola-brand-gateway__box:hover .nola-brand-gateway__overlay {
	background: rgba(0,0,0,0.15);
}
.nola-brand-gateway__content {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #fff;
}
.nola-brand-gateway__content h2 {
	font-size: 56px;
	letter-spacing: 6px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 24px;
	color: #ffffff;
	text-shadow: 0 2px 12px rgba(0,0,0,0.6);
}
.nola-brand-gateway__btn {
	display: inline-block;
	border: 1px solid #fff;
	padding: 12px 32px;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: background 0.2s ease, color 0.2s ease;
}
.nola-brand-gateway__box:hover .nola-brand-gateway__btn {
	background: #fff;
	color: #000;
}
@media (max-width: 768px) {
	.nola-brand-gateway { flex-direction: column; }
	.nola-brand-gateway__box { height: 50vh; }
	.nola-brand-gateway__content h2 { font-size: 32px; letter-spacing: 3px; }
}

/* ==========================================================================
   [nola_gateway_utility] - ujuv otsing + ostukorv üleval paremal.
   Kasutusel ainult täisekraan-valikulehel, kus menüüd/headerit pole.
   ========================================================================== */
.nola-gateway-utility {
	position: fixed;
	top: 28px;
	right: 32px;
	z-index: 999;
	display: flex;
	align-items: center;
	gap: 20px;
}
.nola-gateway-utility__icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.6));
	transition: opacity 0.2s ease;
	/* nulli button vaikimisi stiil, kuna otsingu nupp on nüüd <button>, mitte <a> */
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}
.nola-gateway-utility__icon:hover {
	opacity: 0.7;
}
/* Avanev otsinguväli - vt inc/shortcodes.php [nola_gateway_utility] */
.nola-gateway-search {
	position: relative;
	display: flex;
	align-items: center;
}
.nola-gateway-search-form {
	position: absolute;
	top: calc(100% + 14px);
	right: -10px;
	width: 260px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.nola-gateway-search-form.is-open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.nola-gateway-search-form input[type="search"] {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 16px;
	border: none;
	border-radius: 24px;
	font-size: 13px;
	background: rgba(255,255,255,0.95);
	color: #1a1a1a;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	outline: none;
}
.nola-gateway-search-form input[type="search"]::placeholder {
	color: #888;
}
.nola-gateway-utility__count {
	position: absolute;
	top: -8px;
	right: -10px;
	background: #fff;
	color: #000;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	min-width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	filter: none;
}
@media (max-width: 768px) {
	.nola-gateway-utility {
		top: 16px;
		right: 16px;
		gap: 14px;
	}
}

/* ==========================================================================
   [nola_page_hero] - suur pilt + läbipaistev header (nagu SIR.com).
   Kerimisel muutub header valgeks. Kasutusel /nola/ ja /nbl/ lehtedel.
   ========================================================================== */
body.has-nola-page-hero #masthead {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: transparent !important;
	box-shadow: none;
	/* padding, mitte margin - #masthead ise on läbipaistev, seega ei teki
	   valget riba, aga pill saab veidi õhku ülevalt.
	   !important vajalik, kuna Astra enda header CSS võitis muidu selle reegli ära. */
	padding-top: 44px !important;
}
body.has-nola-page-hero .ast-below-header-wrap,
body.has-nola-page-hero .ast-below-header-bar {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background: transparent !important;
}

/* Klient soovis, et "pill" taust (valge/hägustatud) oleks KOGUAEG nähtaval,
   mitte alles kerimisel - eemaldasime algoleku labipaistvuse, pill on nuud
   pusivalt valge/hagustatud, olenemata scrollist. (JS, mis lisab
   "nola-header-scrolled" klassi, jaab endiselt tootama, aga see pole enam
   ainus koht kust valge taust tuleb - vt allpool, sama stiil kehtib alati.) */
body.has-nola-page-hero .site-below-header-wrap {
	background: rgba(255,255,255,0.9) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* Elementori enda vidina "spacing" (--kit-widget-spacing) lisab shortcode-vidinale
   automaatse margini/laiuse piirangu, mis tekitas valge riba hero pildi kohale.
   Nullime selle AINULT sellel vidinal, mis meie hero't sisaldab (:has), et teised
   shortcode-vidinad samal lehel (nt tootegrid) oma tavapärast vahet säilitaksid. */
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-page-hero ) {
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-page-hero ) > .elementor-widget-container {
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
/* Sama Elementori vidina-margin viga tabas ka toote-sektsiooni vidinat
   (tekitas tühja ala vasakul enne esimest toodet). */
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-featured-products ),
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-product-section ) {
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-featured-products ) > .elementor-widget-container,
body.has-nola-page-hero .elementor-widget-shortcode:has( .nola-product-section ) > .elementor-widget-container {
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.nola-page-hero {
	position: relative;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	margin-bottom: 0;
}
.nola-page-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 40%);
}
.nola-page-hero__content {
	position: relative;
	z-index: 1;
	color: #fff;
	padding: 0 40px 60px;
}
.nola-page-hero__content h1 {
	font-size: 40px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	margin-bottom: 16px;
	text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.nola-page-hero__btn {
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	padding: 10px 26px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: underline;
	transition: opacity 0.2s ease;
}
.nola-page-hero__btn:hover {
	opacity: 0.7;
}
@media (max-width: 768px) {
	.nola-page-hero { height: 70vh; }
	.nola-page-hero__content { padding: 0 20px 40px; }
	.nola-page-hero__content h1 { font-size: 28px; }
}

/* ==========================================================================
   [nola_brand_story] - "Meie lugu" /nola/ lehele. Klient soovis (vt vestlus)
   LIHTSA kahe-veeru ulesehituse: vasakul kogu tekst UHE pideva vooluna
   (mitte eraldi "eyebrow"/"lead"/numbrid-kaartidega sektsioonidena), paremal
   pilt, kogu tekst sama peenikese/kerge kaaluga (font-weight 300) mis mujal
   saidil (footer/kontakt/arhiiv).
   ========================================================================== */
.nola-brand-story {
	max-width: 1400px;
	margin: 0 auto;
	padding: 90px 40px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: start;
}
.nola-brand-story__text h2 {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1a1a1a;
	margin: 40px 0 18px;
}
.nola-brand-story__text h2:first-child {
	margin-top: 0;
}
.nola-brand-story__text p {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.75;
	color: #444;
	margin: 0 0 18px;
}
.nola-brand-story__text ul {
	margin: 0 0 18px;
	padding: 0 0 0 18px;
}
.nola-brand-story__text ul li {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.75;
	color: #444;
	margin-bottom: 8px;
}
.nola-brand-story__text a {
	color: #1a1a1a;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.nola-brand-story__text a:hover {
	color: #777;
}
.nola-brand-story__image {
	/* Pilt jaab paigale kerides, kuni tekstivoog labi saab - mugav pikema
	   yhe-pideva teksti jaoks (vt shortcodes.php). */
	position: sticky;
	top: 140px;
	display: flex;
	justify-content: center;
}
.nola-brand-story__image img {
	/* Pilt ise on juba orgaanilise/ovaalse kujuga (kliendi enda foto,
	   mitte CSS-mask) - EI sunni seda taisnurkseks raamiks (see loikaks
	   vignette'i vale kohast ara), vaid laseme loomulikel proportsioonidel
	   nahtavale tulla, piirame ainult maksimum laiust/korgust. */
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 720px;
}
@media (max-width: 900px) {
	.nola-brand-story {
		grid-template-columns: 1fr;
		gap: 40px;
		padding: 60px 20px;
	}
	.nola-brand-story__image {
		position: static;
		order: -1;
	}
}

/* ==========================================================================
   SIR THE LABEL stiilis puhas tootegrid - KOGU POE ulatuses (kategooriad,
   otsing, shop, featured products). Eemaldab halli taustakasti, annab rohkem
   õhku, tagasihoidlikum tüpograafia. Otsustatud kliendiga 18.08.
   ========================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
	column-gap: 24px !important;
	row-gap: 56px !important;
}

/* "Seotud tooted" / "Võid ka tahta" (related/up-sells) - WooCommerce enda
   ul.products.columns-4, EI kasuta meie .nola-featured-products klassi,
   seega Astra float/width-pohine loogika mahutas ainult 3 veergu 4 asemel.
   Sunnime pariselt CSS grid'iks, sama 4/2/1 veeru mustriga mis mujal. */
.related.products ul.products,
.up-sells.products ul.products,
.woocommerce ul.products.columns-4 {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	column-gap: 24px !important;
	row-gap: 56px !important;
}
.related.products ul.products li.product,
.up-sells.products ul.products li.product,
.woocommerce ul.products.columns-4 li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}
@media (max-width: 992px) {
	.related.products ul.products,
	.up-sells.products ul.products,
	.woocommerce ul.products.columns-4 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 576px) {
	.related.products ul.products,
	.up-sells.products ul.products,
	.woocommerce ul.products.columns-4 {
		grid-template-columns: 1fr !important;
	}
}

/* [nola_featured_products] / [nola_product_section] - meie enda lihtne
   tootekaart (vt inc/shortcodes.php), ei kasuta Astra enda WooCommerce
   malli/JS-i, seega täiesti isemajandav CSS, ilma .woocommerce ancestor'ita. */
ul.nola-featured-products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 16px;
	row-gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nola-featured-products li.product {
	position: relative;
	overflow: hidden;
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}
ul.nola-featured-products .nola-product-card__link {
	display: block;
	text-decoration: none;
}
ul.nola-featured-products .nola-product-card__link img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	background: #f5f5f5;
}
ul.nola-featured-products .woocommerce-loop-product__title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0;
	padding: 0;
	background: transparent;
	text-align: center;
	font-size: 11px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #1a1a1a;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}
ul.nola-featured-products li.product:hover .woocommerce-loop-product__title {
	opacity: 1;
	transform: translateY(0);
}
@media (max-width: 992px) {
	ul.nola-featured-products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
	ul.nola-featured-products { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Tootearhiiv (Pood + kategooriad + sildid, vt woocommerce/archive-product.php)
   - nimi + hind ALATI nähtaval, vasak/parem paigutus. Erineb avalehe
   [nola_product_section] hoover-only stiilist (see kasutab .nola-archive-grid
   klassi lisaks, seega ei mõjuta avalehe sektsioone).
   ========================================================================== */
/* SIR-stiilis tihe grid AINULT tootearhiivis (mitte avalehe sektsioonidel,
   mis kasutavad sama .nola-featured-products klassi, aga ilma
   .nola-archive-grid'ita - seega see reegel ei puuduta neid). */
ul.nola-archive-grid.nola-featured-products {
	column-gap: 2px;
}
ul.nola-archive-grid .nola-product-card__meta {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin-top: 6px;
	padding: 0 4px;
}
ul.nola-archive-grid .nola-product-card__title {
	font-size: 13px;
	letter-spacing: 0.3px;
	color: #1a1a1a;
	text-decoration: none;
}
ul.nola-archive-grid .nola-product-card__price {
	font-size: 13px;
	color: #6b6b6b;
	white-space: nowrap;
}
ul.nola-archive-grid .nola-product-card__price del {
	color: #b5b5b5;
	margin-right: 4px;
}
ul.nola-archive-grid .nola-product-card__price ins {
	text-decoration: none;
	color: #1a1a1a;
}

/* ==========================================================================
   archive-product.php - "Pood" + kõik kategooriad + sildid (üks fail, vt
   woocommerce/archive-product.php). Kasutab sama ul.nola-featured-products
   gridi ja kaardi-stiili mis [nola_product_section] shortcode.
   ========================================================================== */
/* Astra enda ".ast-container" (mis mahutab #primary/#content) paneb VAIKIMISI
   suure kummagi-poole padding'u (Customizeris maaratud "Container Width"
   jargi, DevTools naitas 0px 101px) - see soab meie .nola-archive-wrap
   seinast-seina taotluse tagasi kitsaks. Nullime selle AINULT lehtedel,
   kus meie archive-wrap sees on (:has), et teised lehed (Kontakt, single
   toode jne), mis kasutavad sama Astra konteinerit, jaaksid puutumata. */
.ast-container:has( .nola-archive-wrap ) {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.nola-archive-wrap {
	/* Seinast-seina, nagu SIR the label'il (vt vestlus + võrdluspilt) -
	   eemaldasime max-width piiri täielikult, jätsime ainult väikese
	   servagutteri (20px), et pildid ei puutuks otse brauseri äärt. */
	max-width: 100%;
	margin: 0 auto;
	padding: 40px 20px 80px;
}
.nola-archive-title {
	text-align: center;
	font-size: 26px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 40px;
	color: #1a1a1a;
}
.nola-archive-pagination {
	text-align: center;
	margin-top: 56px;
}
.nola-archive-pagination .page-numbers {
	display: inline-block;
	padding: 8px 14px;
	margin: 0 2px;
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #1a1a1a;
	text-decoration: none;
	border: 1px solid transparent;
}
.nola-archive-pagination .page-numbers.current,
.nola-archive-pagination .page-numbers:hover {
	border-color: #1a1a1a;
}
@media (max-width: 768px) {
	.nola-archive-wrap { padding: 24px 20px 60px; }
	.nola-archive-title { font-size: 20px; }
}

/* ==========================================================================
   page-kontakt.php - custom Kontakt leht (baipassib Elementori sisu selle
   lehe jaoks, vt fail juuris). Kontakti-veerg kordab peaaegu 1:1 footeri
   ".nola-footer__contact-list" stiili (samad SVG ikoonid, sama fondiskaala),
   et olla visuaalselt jarjepidev.
   ========================================================================== */
.nola-kontakt-wrap {
	padding-top: 60px;
}
.nola-kontakt-grid {
	display: grid;
	grid-template-columns: 440px 1fr;
	gap: 60px;
	align-items: stretch;
}
.nola-kontakt-info h2 {
	font-size: 20px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 20px;
	color: #1a1a1a;
}
.nola-kontakt-info__list {
	list-style: none;
	margin: 0 0 8px;
	padding: 0;
}
.nola-kontakt-info__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	font-weight: 300;
	color: #666;
	margin-bottom: 14px;
}
.nola-kontakt-info__list a {
	color: #666;
	text-decoration: none;
	transition: color 0.2s ease;
}
.nola-kontakt-info__list a:hover {
	color: #1a1a1a;
	text-decoration: underline;
}
.nola-kontakt-info__icon {
	flex: 0 0 auto;
	display: inline-flex;
	color: #999;
	margin-top: 1px;
}
.nola-kontakt-info__social-heading {
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	margin: 28px 0 0;
	color: #1a1a1a;
}
.nola-kontakt-info__social {
	display: flex;
	gap: 14px;
	margin-top: 16px;
}
.nola-kontakt-info__social a {
	color: #1a1a1a;
	display: inline-flex;
}
.nola-kontakt-map {
	min-height: 420px;
	background: #f5f5f5;
	/* Tugevam toonimine kui esimeses versioonis - Google Maps varvilised
	   POI ikoonid (poed/restoranid) tunduvad brandi kirval labaselt
	   juhuslikud, sailitame ainult teede/vee struktuuri. */
	filter: grayscale(1) contrast(1.05) brightness(1.03);
}
.nola-kontakt-map iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 420px;
}

/* Kontaktivorm - "Kirjuta meile", NOLAS OÜ ploki all vasakus veerus */
.nola-kontakt-form {
	margin-top: 36px;
	padding-top: 32px;
	border-top: 1px solid #e2e2e2;
}
.nola-kontakt-form__heading {
	font-size: 15px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 20px;
	color: #1a1a1a;
}
.nola-kontakt-form__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.nola-kontakt-form__field {
	margin-bottom: 18px;
}
.nola-kontakt-form__field label {
	display: block;
	font-size: 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #666;
	margin-bottom: 8px;
}
.nola-kontakt-form__field input,
.nola-kontakt-form__field textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e2e2e2 !important;
	border-radius: 0 !important;
	padding: 12px 14px;
	font-size: 14px;
	font-family: inherit;
	color: #1a1a1a;
	background: #fff;
	transition: border-color 0.2s ease;
}
.nola-kontakt-form__field input:focus,
.nola-kontakt-form__field textarea:focus {
	outline: none;
	border-color: #1a1a1a;
}
.nola-kontakt-form__field textarea {
	resize: vertical;
	min-height: 100px;
}
.nola-kontakt-form__submit {
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	color: #fff !important;
	padding: 12px 32px;
	font-size: 12px;
	font-family: inherit;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}
.nola-kontakt-form__submit:hover {
	background: #fff;
	color: #1a1a1a;
}
.nola-kontakt-form__notice {
	margin-top: 18px;
	font-size: 13px;
	padding: 12px 14px;
}
.nola-kontakt-form__notice--ok {
	background: #f2f7f2;
	color: #2c5a2c;
}
.nola-kontakt-form__notice--error {
	background: #fbf2f2;
	color: #8a2c2c;
}
.nola-kontakt-form__notice--error a {
	color: inherit;
	text-decoration: underline;
}
@media (max-width: 900px) {
	.nola-kontakt-form {
		margin-top: 28px;
		padding-top: 24px;
	}
}
@media (max-width: 900px) {
	.nola-kontakt-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.nola-kontakt-map,
	.nola-kontakt-map iframe {
		min-height: 320px;
	}
}

/* ==========================================================================
   search.php - lehed/postitused otsingutulemustes (mitte tooted).
   Tootekaardid kasutavad juba olemasolevat .nola-product-card stiili.
   ========================================================================== */
.nola-search-result--page {
	border: 1px solid #eee;
	display: flex;
	align-items: center;
}
.nola-search-result__page-link {
	display: block;
	padding: 24px;
	text-decoration: none;
	color: inherit;
}
.nola-search-result__page-link h2 {
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 8px;
	color: #1a1a1a;
}
.nola-search-result__page-link p {
	font-size: 13px;
	color: #777;
	margin: 0;
	line-height: 1.5;
}
.nola-search-empty {
	text-align: center;
	padding: 80px 0;
	font-size: 14px;
	color: #777;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
	background: #f5f5f5;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
	font-weight: 400 !important;
	font-size: 13px !important;
	letter-spacing: 0.3px;
	text-transform: none !important;
	color: #1a1a1a;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
	font-size: 13px !important;
	color: #6b6b6b !important;
	font-weight: 300 !important;
}

/* ==========================================================================
   [nola_product_section] - pealkiri + tootegrid + "Vaata kõiki" nupp.
   Kasutusel /nola/ ja /nbl/ lehtedel, korduvalt (nt "Uued tooted", "Bestsellerid").
   ========================================================================== */
.nola-product-section {
	padding: 16px 40px 60px;
}
.nola-product-section__header {
	text-align: center;
	margin-bottom: 40px;
}
.nola-product-section__header h2 {
	font-size: 28px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px;
	color: #1a1a1a;
}
.nola-product-section__header p {
	font-size: 14px;
	color: #6b6b6b;
	max-width: 480px;
	margin: 0 auto;
}
.nola-product-section__cta {
	text-align: center;
	margin-top: 48px;
}
.nola-product-section__btn {
	display: inline-block;
	border: 1px solid #1a1a1a;
	padding: 12px 32px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1a1a1a;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}
.nola-product-section__btn:hover {
	background: #1a1a1a;
	color: #ffffff;
}
@media (max-width: 768px) {
	.nola-product-section { padding: 40px 20px; }
	.nola-product-section__header h2 { font-size: 22px; }
}

/* ==========================================================================
   NOLA / NBL bränditoon (body_class kaudu, vt inc/nbl-menu-switch.php)
   ========================================================================== */
body.nbl-mode {
	/* nt tumedam/preemium toon - täidame hiljem, kui NBL leht valmis ehitame */
}

/* ==========================================================================
   Nola custom footer (SIR the label stiilis) - vt inc/footer.php.
   Astra vaikimisi footer (widget-alad + copyright) peidetud, meie oma
   väljastatakse wp_footer hookiga - #colophon on Astra footeri wrapper.
   ========================================================================== */
#colophon {
	display: none;
}
.nola-footer {
	background: #ffffff;
	color: #1a1a1a;
	margin-top: 80px;
	padding: 0 40px;
	border-top: 1px solid #e2e2e2;
}

/* Trust-rida - nagu SIR-il: vertikaalsed joondajad veergude vahel,
   tavaline (mitte suurtäht) tekst, õhuke kaal. Alumine joon on
   täislaiusega (wrap-il, mitte sisu max-width konteineril). */
.nola-footer__trust-wrap {
	/* Murrab lahti .nola-footer 40px külgpaddingust, et joon oleks
	   päriselt 100% laiune (mitte ainult sisu-konteineri laiune). */
	margin: 0 -40px;
	padding: 0 40px;
	border-bottom: 1px solid #c9c9c9;
}
.nola-footer__trust {
	display: flex;
	max-width: 1400px;
	margin: 0 auto;
	flex-wrap: wrap;
}
.nola-footer__trust-item {
	position: relative;
	flex: 1 1 0;
	min-width: 220px;
	text-align: center;
	padding: 32px 48px;
}
/* Vertikaalne joondaja lühem kui kast ise, ei puutu ülal/all olevaid
   horisontaalseid jooni - eraldi element, mitte border-right. */
.nola-footer__trust-item:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 14px;
	bottom: 14px;
	right: 0;
	width: 1px;
	background: #c9c9c9;
}
.nola-footer__trust-item h3 {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 4px;
	color: #1a1a1a;
}
.nola-footer__trust-item p {
	font-size: 13px;
	font-weight: 300;
	color: #777;
	margin: 0;
}

.nola-footer__main {
	/* NELI veergu (logo eemaldatud, vt omaniku soov): NOLAS OÜ,
	   Klienditugi, Info, Sotsiaalmeedia - klient soovis, et koik NELI
	   oleksid tapselt sama laiused (mitte NOLAS OÜ laiem). */
	max-width: 1400px;
	margin: 0 auto;
	padding: 50px 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}
.nola-footer__logo {
	font-size: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 500;
}
/* Paris logo (otse URL-ina, ilma Astra "custom-logo" klassita, vt inc/footer.php).
   Grid rida venitab .nola-footer__brand kogu rea korguseni (grid stretch),
   seega tsentreerime logo flex'iga selle sisse ja teeme suuremaks. */
.nola-footer__brand {
	display: flex;
	align-items: center;
	justify-content: center;
}
.nola-footer__logo-link {
	display: inline-block;
}
.nola-footer__logo-img {
	display: block;
	height: 52px;
	width: auto;
}
/* Klient soovis footeri veergude teksti tsentreeritult (vt vestlus,
   "cener lined" screenshot) - katsetame seda. */
.nola-footer__col {
	text-align: center;
}
/* Veeru pealkirjad - SIR kasutab tavalist lauset, mitte suurtäht+bold */
.nola-footer__col h4 {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 16px;
	color: #1a1a1a;
}
.nola-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nola-footer__col ul li {
	margin-bottom: 8px;
}
.nola-footer__col ul a {
	font-size: 13px;
	font-weight: 300;
	color: #666;
	text-decoration: none;
	transition: color 0.2s ease;
}
.nola-footer__col ul a:hover {
	color: #000;
	text-decoration: underline;
}
/* Kontaktiveerg - aadress/telefon/e-mail koos väikeste ikoonidega -
   tsentreeritud veeru sees peavad ikoon+tekst read ise ka keskele jaama. */
.nola-footer__contact-list li {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 10px;
	text-align: left;
}
.nola-footer__icon {
	flex: 0 0 auto;
	display: inline-flex;
	color: #999;
	margin-top: 1px;
}
/* Aadress on lihtne <span> (mitte link), seega vajab oma stiili -
   muidu jääb vaikimisi (suurem/must) väljanägemisega, erinevalt
   telefoni/e-maili <a> linkidest. */
.nola-footer__contact-list li {
	font-size: 13px;
	font-weight: 300;
	color: #666;
}
.nola-footer__social-heading {
	margin-top: 24px !important;
}
.nola-footer__social {
	display: flex;
	justify-content: center;
	gap: 14px;
	margin-top: 16px;
}
.nola-footer__social a {
	color: #1a1a1a;
	display: inline-flex;
}
.nola-footer__bottom {
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px 0 30px;
	border-top: 1px solid #e2e2e2;
	font-size: 11px;
	font-weight: 300;
	color: #999;
	text-align: center;
}
@media (max-width: 900px) {
	.nola-footer__main {
		grid-template-columns: 1fr 1fr;
	}
	.nola-footer__trust-item {
		flex: 1 1 50%;
	}
	.nola-footer__trust-item:nth-child(2)::after {
		display: none;
	}
}
@media (max-width: 560px) {
	.nola-footer {
		padding: 0 20px;
	}
	.nola-footer__trust-wrap {
		margin: 0 -20px;
		padding: 0 20px;
	}
	.nola-footer__main {
		grid-template-columns: 1fr;
	}
	.nola-footer__trust {
		flex-direction: column;
	}
	.nola-footer__trust-item::after {
		display: none;
	}
	.nola-footer__trust-item {
		border-bottom: 1px solid #c9c9c9;
	}
	.nola-footer__trust-item:last-child {
		border-bottom: none;
	}
}

/* ==========================================================================
   Ostukorvi leht (/ostukorv/) - WooCommerce enda vaikimisi tabel/kastid,
   viime samale disainikeelele mis mujal saidil (thin #e2e2e2 piirid,
   kerge fondikaal, must taidetud primaarne CTA vs. valge outline
   sekundaarne). "Mine maksma" on selle lehe koige tahtsam nupp (viib
   ostuni), seega peab olema TAIDETUD nagu "Lisa korvi", mitte outline
   nagu "Rakenda kupongi".
   ========================================================================== */
.woocommerce-cart table.shop_table {
	border: none !important;
	border-collapse: collapse;
	/* "shop_table_responsive" klass paneb WooCommerce/Astra vahel veergudele
	   kitsad/fikseeritud laiused, mis pigistas Koguse veeru liiga kitsaks -
	   sunnime auto-layout'i, veerud saavad oma sisu jargi laiuse. */
	table-layout: auto !important;
	width: 100% !important;
}
.woocommerce-cart table.shop_table td.product-quantity {
	overflow: visible !important;
	white-space: nowrap !important;
	min-width: 130px;
}
.woocommerce-cart table.shop_table thead th {
	border-bottom: 1px solid #e2e2e2 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1a1a1a;
	padding: 14px 12px !important;
}
.woocommerce-cart table.shop_table td {
	border-bottom: 1px solid #e2e2e2 !important;
	border-top: none !important;
	padding: 20px 12px !important;
	vertical-align: middle;
}
.woocommerce-cart table.shop_table td.product-name a {
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}
.woocommerce-cart table.shop_table td.product-name a:hover {
	text-decoration: underline;
}
.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-subtotal {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #1a1a1a;
}
.woocommerce-cart table.shop_table td.product-thumbnail img {
	border-radius: 0 !important;
	width: 70px !important;
	height: auto !important;
}
.woocommerce-cart table.shop_table td.product-remove a.remove {
	color: #999 !important;
	border: none !important;
	background: transparent !important;
	font-weight: 400 !important;
}
.woocommerce-cart table.shop_table td.product-remove a.remove:hover {
	color: #1a1a1a !important;
	background: transparent !important;
}
/* Koguse -/valja/+ - sama muster mis mini-korvis (vt .widget_shopping_cart
   .quantity.buttons_added eespool). */
/* WooCommerce lisab .quantity sisse ka 3 ".screen-reader-text" elementi
   (nagelevustele "Minus/Plus Quantity" sildid) - need PEAVAD jaama
   visuaalselt nahtamatuks JA flex-voost valja, muidu voivad nad
   kitsast -/+/number reas kohta votta ja layoutit lohkuda. Suruame
   standardse WP "screen-reader-text" retsepti peale, !important'iga,
   sultumata sellest, mis see teema versioon muidu teeb. */
.woocommerce-cart table.shop_table .quantity .screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.woocommerce-cart table.shop_table .quantity {
	position: relative;
	border: 1px solid #e2e2e2 !important;
	box-shadow: none !important;
	outline: none !important;
	overflow: hidden;
	display: inline-flex;
	align-items: stretch;
	width: fit-content;
}
.woocommerce-cart table.shop_table .quantity .qty {
	box-sizing: border-box !important;
	/* flex: 0 0 Npx - KEELAB flex-lapse kahanemise. Lisaks !important
	   width'ile - kahtlustame, et koguse "-/+" nuppude JS paneb sellele
	   valjale INLINE style'iga oma laiuse (nt style="width:0"), mis
	   voidab tavalise (mitte-important) CSS width'i ara. !important
	   valisel CSS reeglil voidab isegi inline style'i. */
	flex: 0 0 40px !important;
	width: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
	height: 34px !important;
	text-align: center;
	border: none !important;
	border-left: 1px solid #e2e2e2 !important;
	border-right: 1px solid #e2e2e2 !important;
	border-radius: 0 !important;
	font-size: 13px !important;
	color: #1a1a1a !important;
	background: #fff !important;
	opacity: 1 !important;
	visibility: visible !important;
	display: inline-block !important;
	padding: 0 !important;
	margin: 0 !important;
	/* Peida brauseri vaikimisi number-input spinner (ules/alla noolekesed) -
	   kitsas kastis nagi see valja nagu segane ikoon, mitte korralik number. */
	-moz-appearance: textfield;
	appearance: textfield;
}
.woocommerce-cart table.shop_table .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart table.shop_table .quantity .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.woocommerce-cart table.shop_table .quantity .minus,
.woocommerce-cart table.shop_table .quantity .plus {
	box-sizing: border-box;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	/* LEITUD JUUR-POHJUS: Astra/WooCommerce paneb .minus'ile vaikimisi
	   "margin: 0 -38px 0 0" (DevTools kinnitas), mis tomban qty-valja
	   otse enda alla peitu - !important nullib selle ara. */
	margin: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #666 !important;
	text-decoration: none !important;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}
.woocommerce-cart table.shop_table .quantity .minus:hover,
.woocommerce-cart table.shop_table .quantity .plus:hover {
	color: #1a1a1a !important;
	background: #f7f7f7;
}
/* Kupongi valy + nupp - SEKUNDAARNE tegevus, jaab outline (nagu suuruse
   valiku nupud tootelehel) - !important, kuna WooCommerce/Astra button
   klass voidab muidu meie stiili ara. */
.woocommerce-cart #coupon_code {
	border: 1px solid #e2e2e2 !important;
	border-radius: 0 !important;
	padding: 12px 14px !important;
	font-size: 13px !important;
	height: auto !important;
}
.woocommerce-cart button[name="apply_coupon"] {
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #1a1a1a !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	padding: 12px 24px !important;
	height: auto !important;
	transition: background 0.2s ease, color 0.2s ease;
}
.woocommerce-cart button[name="apply_coupon"]:hover {
	background: #1a1a1a !important;
	color: #fff !important;
}
/* Ostukorvi summad kast - eemaldame halli taustataidise, jatame ohukese
   piiri (sama minimaalne muster mis ulejaanud saidil). */
.woocommerce-cart .cart_totals {
	border: 1px solid #e2e2e2 !important;
	padding: 0 24px 24px !important;
}
.woocommerce-cart .cart_totals h2 {
	background: transparent !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	text-transform: none;
	letter-spacing: 0;
	padding: 24px 0 16px !important;
	margin: 0 !important;
	border-bottom: 1px solid #e2e2e2;
}
.woocommerce-cart .cart_totals table.shop_table td,
.woocommerce-cart .cart_totals table.shop_table th {
	border: none !important;
	font-size: 14px;
}
/* "Mine maksma" - selle lehe PRIMAARNE CTA, seega taidetud must, valge
   hoveril - sama muster mis .single_add_to_cart_button. */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	padding: 16px 24px !important;
	text-align: center;
	transition: background 0.2s ease, color 0.2s ease;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background: #fff !important;
	color: #1a1a1a !important;
}
@media (max-width: 768px) {
	.woocommerce-cart table.shop_table thead {
		display: none;
	}
	.woocommerce-cart table.shop_table td {
		display: block;
		border-bottom: none !important;
	}
	.woocommerce-cart table.shop_table tr {
		display: block;
		border-bottom: 1px solid #e2e2e2 !important;
		padding: 16px 0;
	}
}

/* ==========================================================================
   Kassa leht (/kassa/) - enamik on juba brandiga kooskolas, ainult
   "Esita tellimus" nupp oli outline, samas kui see on kogu ostu-
   protsessi PRIMAARNE CTA - sama muster mis "Mine maksma"/"Lisa korvi".
   Montonio makseviiside plokki (kolmanda osapoole widget) TEADLIKULT
   ei puutu - liiga riskantne.
   ========================================================================== */
.woocommerce-checkout #place_order {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #1a1a1a !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	padding: 16px 24px !important;
	text-align: center;
	transition: background 0.2s ease, color 0.2s ease;
}
.woocommerce-checkout #place_order:hover {
	background: #fff !important;
	color: #1a1a1a !important;
}
/* Maksevalikute nimekiri (Kaardimakse/Jarelmaks/ESTO/PayPal jne) - vaikimisi
   WooCommerce/gateway-plugini font oli liiga suur, ei klapinud ulejaanud
   saidi tupograafiaga. Vahendame ja normaliseerime ka gateway'de endi
   logopiltide korguse, et rida oleks uhtlane (Montonio ENDA panga-
   loetelu widgetit siin EI puutu, ainult see uleval-pool valikute nimekiri). */
.woocommerce-checkout ul.wc_payment_methods li label,
.woocommerce-checkout ul.payment_methods li label {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #1a1a1a;
}
.woocommerce-checkout ul.wc_payment_methods li img,
.woocommerce-checkout ul.payment_methods li img {
	max-height: 20px !important;
	width: auto !important;
	vertical-align: middle;
}
.woocommerce-checkout ul.wc_payment_methods li .payment_box,
.woocommerce-checkout ul.payment_methods li .payment_box {
	font-size: 13px;
}