/* /wp-content/plugins/techbar-catalog-ui/assets/cards.css */
/* TechBar Catalog UI — məhsul kartları (köhnə mu-plugins/techbar-cards.php v1.3.5 CSS-i) */
/* ═══════════ KART ÇƏRÇİVƏSİ ═══════════ */
body.tb-cards .product-grid-item .product-wrapper{
	position:relative;
	display:flex; flex-direction:column;
	background:#fff;
	border:1px solid #EBEFF6;
	border-radius:14px;
	padding:14px;
	height:100%;
	/* İlkin: hover-də kart hərəkət/ölçü QƏTİ DƏYİŞMƏSİN — yalnız şəkil zoom.
	   Qalxma (translateY) və kölgə söndürüldü; yalnız zərif border qalır */
	transition:border-color .25s ease;
}
body.tb-cards .product-grid-item .product-wrapper:hover{
	border-color:#CFDDF5;
}
/* ⚠️ Woodmart-ın ÖZ hover effekti (wd-hover-with-fade) `.product-wrapper`-ə
   `transform:translateY(-5px)` + `z-index:20` verir — mənim :hover qaydamdan SPESİFİKDİR,
   ona görə kartı 5px qaldırır və qonşuların üstünə çıxarır (İlkin: "hər sətrin birinci kartı
   hover-də kənarlara çıxır"). Bütün hover-state selektorlarında SÖNDÜRÜLÜR (kart QƏTİ tərpənmir) */
body.tb-cards .product-grid-item:hover > .product-wrapper,
body.tb-cards .product-grid-item.state-hover > .product-wrapper,
body.tb-cards .product-grid-item.hover-ready:hover > .product-wrapper,
body.tb-cards .product-grid-item.wd-hover-with-fade:hover .product-wrapper,
body.tb-cards .product-grid-item.wd-hover-with-fade.state-hover .product-wrapper{
	transform:none !important;
	z-index:auto !important;
}
/* Woodmart-ın öz kart haşiyə/fon qatını söndür — ikiqat çərçivə olmasın */
body.tb-cards .products-bordered-grid .product-grid-item,
body.tb-cards .wd-products-with-bg .product-grid-item{
	border:0 !important; background:transparent !important; padding:0 !important;
}
body.tb-cards .products-bordered-grid.wd-products-with-bg .product-grid-item{ box-shadow:none !important; }

/* ═══════════ ŞƏKİL SAHƏSİ — açıq mavi qradient + blend ═══════════ */
body.tb-cards .product-grid-item .product-element-top{
	isolation:isolate;
	position:relative;
	border-radius:12px;
	overflow:hidden;
	margin-bottom:13px;
	background:linear-gradient(160deg,#E8F1FE 0%,#F4F9FF 55%,#FCFDFF 100%);
}
/* hover-də fon dəyişmir — İlkin yalnız şəkil zoom istədi */
body.tb-cards .product-grid-item .product-image-link{
	width:100% !important; height:auto !important;
	aspect-ratio:1/1;
	display:flex !important; align-items:center; justify-content:center;
	padding:10px;
	margin:0 !important;
}
/* ağ fonlu şəkillər mavi ilə qarışsın (fayl emalı lazım deyil) */
body.tb-cards .product-grid-item .product-image-link img,
body.tb-cards .product-grid-item .wd-product-grid-slide img,
body.tb-cards .product-grid-item .hover-img img{
	mix-blend-mode:multiply;
	max-width:100% !important; max-height:100% !important;
	width:auto !important; height:auto !important;
	object-fit:contain !important;
	margin:auto !important;
	transition:transform .3s ease;
}
body.tb-cards .product-grid-item .product-wrapper:hover .product-image-link img{ transform:scale(1.035); }
body.tb-cards .product-grid-item .wd-product-grid-slider,
body.tb-cards .product-grid-item .wd-product-grid-slide{
	display:flex; align-items:center; justify-content:center;
}
/* istək siyahısı / müqayisə düymələri — şəffaf fonda yumşaq */
body.tb-cards .product-grid-item .wd-buttons{ z-index:3; }
body.tb-cards .product-grid-item .wd-buttons .wd-action-btn > a{
	background:rgba(255,255,255,.86) !important;
	border-radius:50% !important;
	color:#7E8CA6 !important;
	backdrop-filter:blur(2px);
}
body.tb-cards .product-grid-item .wd-buttons .wd-action-btn > a:hover{ color:#1A62E7 !important; }

/* ═══════════ ALT HİSSƏ — sıra və ritm ═══════════ */
body.tb-cards .product-grid-item .product-element-bottom{
	display:flex; flex-direction:column; flex:1 1 auto; min-width:0;
}
/* sticker sırası başlıqdan ƏVVƏLƏ (DOM dəyişmir, yalnız vizual sıra) */
body.tb-cards .product-grid-item .custom-buttons{ order:-1; }

/* ═══════════ STICKER-LƏR — yumşaq pastel, tək sətir ═══════════ */
body.tb-cards .product-grid-item .custom-buttons{
	display:flex !important; flex-wrap:nowrap; align-items:center; gap:6px;
	height:23px; overflow:hidden; margin:0 0 10px !important; padding:0 !important;
}
body.tb-cards .product-grid-item .custom-buttons .button-stock-status{
	position:static !important;
	flex:0 0 auto;
	width:auto !important; min-width:0 !important; max-width:none !important;
	margin:0 !important;
	padding:6px 9px !important;
	font-size:10.5px !important; font-weight:600 !important; line-height:1 !important;
	letter-spacing:.015em;
	border:0 !important; border-radius:20px !important;
	white-space:nowrap;
	box-shadow:none !important;
	animation:none !important; transform:none !important;
	text-transform:none !important;
}
body.tb-cards .product-grid-item .custom-buttons .in-stock{ background:#EEF4FF !important; color:#3E6FD1 !important; }
body.tb-cards .product-grid-item .custom-buttons .order-online{ background:#EFF7F3 !important; color:#41876A !important; }
body.tb-cards .product-grid-item .custom-buttons .taksit-button{ background:#FEF3E6 !important; color:#B96A21 !important; }
body.tb-cards .product-grid-item .custom-buttons .out-of-stock{ background:#FDECEC !important; color:#C0392B !important; }
/* Çatdırılma nişanı: ikon + qısa mətn («2 iş günü») — 18.09 */
body.tb-cards .product-grid-item .custom-buttons .order-online{ display:inline-flex !important; align-items:center; gap:4px; }
body.tb-cards .product-grid-item .custom-buttons .order-online .tbcu-ico{ width:11px; height:11px; flex:none; display:block; }
/* tooltip-lər olduğu kimi işləsin */
body.tb-cards .product-grid-item .credit-tooltip,
body.tb-cards .product-grid-item .online-tooltip{ z-index:6; }

/* ═══════════ BAŞLIQ — 2 sətir ═══════════ */
body.tb-cards .product-grid-item .woocommerce-loop-product__title{
	display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical;
	overflow:hidden;
	height:40px !important; min-height:0 !important; max-height:none !important;
	margin:0 0 8px !important; padding:0 !important;
	font-size:14.5px !important; line-height:20px !important; font-weight:600 !important;
}
body.tb-cards .product-grid-item .woocommerce-loop-product__title a{
	color:#3D4C66 !important; text-decoration:none;
	transition:color .2s ease;
}
body.tb-cards .product-grid-item .woocommerce-loop-product__title a:hover{ color:#1A62E7 !important; }

/* ═══════════ QISA TƏSVİR — DƏQİQ 3 SƏTİR ═══════════ */
body.tb-cards .product-grid-item .short-description{
	display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical;
	overflow:hidden !important;
	height:57px !important; min-height:0 !important; max-height:57px !important;
	margin:0 0 12px !important; padding:0 !important;
	font-size:12.5px !important; line-height:19px !important; font-weight:400 !important;
	color:#93A0B8 !important;
}
body.tb-cards .product-grid-item .short-description *{ font-size:inherit !important; color:inherit !important; }

/* ═══════════ QİYMƏT ═══════════ */
body.tb-cards .product-grid-item .wrap-price{
	display:flex !important; flex-direction:column; gap:0;
	width:100% !important; margin:0 !important; padding:12px 0 0 !important;
	border-top:1px solid #EBEFF6;
}
body.tb-cards .product-grid-item .wrap-price .price{
	display:flex !important; align-items:baseline; flex-wrap:nowrap; gap:8px;
	width:100% !important; height:30px; overflow:hidden;
	margin:0 0 11px !important; padding:0 !important;
	font-size:22px !important; font-weight:700 !important; letter-spacing:-.02em;
	color:#3D4C66 !important;
	white-space:nowrap;
}
body.tb-cards .product-grid-item .wrap-price .price ins{
	order:1; text-decoration:none !important; background:transparent !important;
	font-size:22px !important; font-weight:700 !important; color:#3D4C66 !important;
}
body.tb-cards .product-grid-item .wrap-price .price del{
	order:2; opacity:1 !important;
	font-size:12.5px !important; font-weight:400 !important;
	color:#AEB9CC !important; text-decoration:line-through !important;
	min-width:0; overflow:hidden;
}
body.tb-cards .product-grid-item .wrap-price .price del *{ font-size:inherit !important; color:inherit !important; }

/* ═══════════ TAKSİT BLOKU — açıq mavi + brend zolağı ═══════════ */
body.tb-cards .product-grid-item .taksit-container{
	position:relative;
	display:flex !important; flex-direction:row !important; align-items:center;
	/* geniş kart (desktop/tablet): center + sabit gap → content mərkəzdə YIĞCAM, artıq yer kənarlara.
	   Mobil dar kartda bu daşdıra bilər → @600-də space-around-a keçir (aşağı) */
	justify-content:center; gap:14px;
	width:100% !important; height:46px; min-height:0 !important;
	margin:0 0 13px !important; padding:0 10px 0 12px !important;
	border:0 !important; border-radius:11px;
	background:linear-gradient(135deg,#EAF1FE 0%,#F5F9FF 100%) !important;
	overflow:hidden;
}
body.tb-cards .product-grid-item .taksit-container::before{
	content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
	background:linear-gradient(180deg,#5A90F1,#1A62E7);
}
body.tb-cards .product-grid-item .taksit-options{
	display:flex !important; align-items:center; gap:2px;
	/* Woodmart seqmentə flex-grow verir → geniş kartda qutu böyüyür, labellər solda qalır,
	   sağı boşalır (İlkinin gördüyü "orta boşluq"). flex:0 0 auto → seqment yalnız məzmun qədər */
	flex:0 0 auto !important; width:auto !important;
	background:rgba(255,255,255,.85); border-radius:8px; padding:2px;
	margin:0 !important;
}
body.tb-cards .product-grid-item .taksit-options input[type="radio"]{
	position:absolute !important; opacity:0 !important; width:0 !important; height:0 !important;
	margin:0 !important; pointer-events:none;
}
body.tb-cards .product-grid-item .taksit-options label{
	margin:0 !important;
	padding:6px 9px !important;
	font-size:11.5px !important; font-weight:600 !important; line-height:1 !important;
	color:#697999 !important;
	background:transparent !important;
	border:0 !important; border-radius:6px !important;
	cursor:pointer; white-space:nowrap;
	transition:background .18s ease, color .18s ease;
}
body.tb-cards .product-grid-item .taksit-options label:hover{ color:#1A62E7 !important; }
body.tb-cards .product-grid-item .taksit-options input[type="radio"]:checked + label{
	background:#1A62E7 !important; color:#fff !important; font-weight:600 !important;
	box-shadow:none !important;
}
body.tb-cards .product-grid-item .taksit-price{
	flex:0 0 auto !important;
	margin:0 !important; padding:0 !important;
	font-size:13.5px !important; font-weight:700 !important; letter-spacing:-.01em;
	color:#1A62E7 !important; white-space:nowrap;
}
/* "/ay" CSS-dədir — JS yalnız textContent-i dəyişir, pseudo-element qalır */
body.tb-cards .product-grid-item .taksit-price::after{
	content:"/ay";
	font-size:11px; font-weight:500; color:#93A6C6; letter-spacing:0; margin-left:2px;
}

/* ═══════════ SƏBƏTƏ ƏLAVƏ ET ═══════════ */
body.tb-cards .product-grid-item .wd-add-btn{
	margin-top:auto !important; width:100%;
}
body.tb-cards .product-grid-item .wd-add-btn > a,
body.tb-cards .product-grid-item .wd-add-btn .button{
	display:flex !important; align-items:center; justify-content:center;
	width:100% !important; height:44px !important;
	margin:0 !important; padding:0 10px !important;
	border:0 !important; border-radius:10px !important;
	background:#1A62E7 !important; color:#fff !important;
	font-size:13.5px !important; font-weight:600 !important; letter-spacing:.01em;
	text-transform:none !important;
	transition:background .18s ease, box-shadow .18s ease;
}
body.tb-cards .product-grid-item .wd-add-btn > a:hover,
body.tb-cards .product-grid-item .wd-add-btn .button:hover{
	background:#1354CE !important; box-shadow:0 6px 18px rgba(26,98,231,.26);
}

/* ═══════════ TABLET ═══════════ */
@media(max-width:1024px){
	body.tb-cards .product-grid-item .product-wrapper{ padding:12px; }
	/* 217px kartda taksit 4px daşırdı (ölçüldü) — etiket və paddinglər yığcamlaşır */
	body.tb-cards .product-grid-item .taksit-container{ padding:0 8px 0 11px !important; gap:12px; }
	body.tb-cards .product-grid-item .taksit-options label{ font-size:10.5px !important; padding:5px 7px !important; }
	body.tb-cards .product-grid-item .taksit-price{ font-size:12.5px !important; }
	body.tb-cards .product-grid-item .taksit-price::after{ font-size:10px; }
}

/* ═══════════ MOBİL ═══════════ */
@media(max-width:600px){
	body.tb-cards .product-grid-item .product-wrapper{ padding:11px; border-radius:12px; }
	body.tb-cards .product-grid-item .product-element-top{ margin-bottom:10px; border-radius:9px; }
	body.tb-cards .product-grid-item .product-image-link{ padding:7px; }
	/* sticker sırası: kəsilmək əvəzinə barmaqla sürüşür (PDP ilə eyni pattern) */
	body.tb-cards .product-grid-item .custom-buttons{
		height:21px; margin-bottom:8px !important;
		overflow-x:auto; overflow-y:hidden;
		scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch;
	}
	body.tb-cards .product-grid-item .custom-buttons::-webkit-scrollbar{ display:none; }
	body.tb-cards .product-grid-item .custom-buttons .button-stock-status{
		font-size:9.5px !important; padding:5px 7px !important;
	}
	body.tb-cards .product-grid-item .custom-buttons .order-online{ gap:3px; }
	body.tb-cards .product-grid-item .custom-buttons .order-online .tbcu-ico{ width:10px; height:10px; }
	body.tb-cards .product-grid-item .woocommerce-loop-product__title{
		font-size:12.8px !important; line-height:17px !important; height:34px !important; margin-bottom:7px !important;
	}
	body.tb-cards .product-grid-item .short-description{ display:none !important; }
	body.tb-cards .product-grid-item .wrap-price{ border-top:0; padding-top:0 !important; }
	body.tb-cards .product-grid-item .wrap-price .price{ height:25px; margin-bottom:8px !important; gap:5px; font-size:16px !important; }
	body.tb-cards .product-grid-item .wrap-price .price ins{ font-size:16px !important; }
	body.tb-cards .product-grid-item .wrap-price .price del{ font-size:10.5px !important; }
	/* mobil dar kart: space-around (İlkin bəyəndi) — content sahəni doldurur, gap daşdırmasın */
	body.tb-cards .product-grid-item .taksit-container{ justify-content:space-around !important; height:40px; padding:0 6px 0 9px !important; gap:4px; margin-bottom:9px !important; }
	body.tb-cards .product-grid-item .taksit-options{ padding:1px; }
	body.tb-cards .product-grid-item .taksit-options label{ font-size:9.5px !important; padding:5px 6px !important; }
	body.tb-cards .product-grid-item .taksit-price{ font-size:11px !important; }
	body.tb-cards .product-grid-item .taksit-price::after{ font-size:9px; margin-left:1px; }
	body.tb-cards .product-grid-item .wd-add-btn > a,
	body.tb-cards .product-grid-item .wd-add-btn .button{ height:38px !important; font-size:12px !important; }
}

/* ═══════════ ÇOX DAR EKRAN — taksit şaquli ═══════════ */
@media(max-width:365px){
	body.tb-cards .product-grid-item .wrap-price .price{ font-size:15px !important; }
	body.tb-cards .product-grid-item .wrap-price .price ins{ font-size:15px !important; }
	body.tb-cards .product-grid-item .wrap-price .price del{ display:none !important; }
	body.tb-cards .product-grid-item .taksit-container{
		flex-direction:column !important; align-items:flex-start !important;
		justify-content:center; gap:2px; height:46px; padding:0 7px 0 9px !important;
	}
	body.tb-cards .product-grid-item .taksit-options label{ font-size:9px !important; padding:4px 6px !important; }
	body.tb-cards .product-grid-item .taksit-price{ font-size:11px !important; }
}

/* ==== ŞƏKİL QUTUSU: bütün kartlarda EYNİ kvadrat (2026-07-21) ====
   Baq (ölçüldü, kateqoriya səhifəsi): sıranın İLK kartında <img> elementi
   205×185 render olunurdu, qalanlarda 205×205 — halbuki bütün şəkillər
   1000×1000 (nisbət 1.000) və konteyner eynidir (225×225, aspect 1/1).
   Fərq: ilk kartın .product-image-link-ində 3 əlavə <link> düyünü var
   (LCP preload) və flex hesablaması şəklin hündürlüyünü 20px əskik verirdi
   → object-fit:contain şəkli 185×185-ə kiçildirdi (İlkin: "ilk məhsulun
   şəkli balacalaşır"). Həll: şəkil qutusunu hər kartda məcburi kvadrat et. */
body.tb-cards .product-grid-item .product-image-link > img,
body.tb-cards .product-grid-item .product-image-link > a > img{
  width:100% !important; height:100% !important;
  aspect-ratio:1 / 1 !important; object-fit:contain !important;
}

/* Dar telefon (360 px): «Daxili kredit» + «2 iş günü» sıraya 3 px sığmırdı — nişanlar bir az sıxlaşır (18.09) */
@media(max-width:374px){
	body.tb-cards .product-grid-item .custom-buttons{ gap:4px; }
	body.tb-cards .product-grid-item .custom-buttons .button-stock-status{ padding:5px 6px !important; }
}

/* ═══════════ TechBar Catalog UI əlavələri ═══════════ */
/* «Taksitlə al» nişanı (əvvəl şablonda inline stil idi) */
.custom-buttons .button-stock-status.taksit-button{background-color:#fff;color:red;border-radius:4px;font-weight:bold;}
/* Taksit həddindən ucuz / stoksuz məhsulda aylıq blok yoxdur.
   2026-09-18: tək «.taksit-container.tbcu-monthly.is-empty» qaydası yuxarıdakı
   «body.tb-cards .product-grid-item .taksit-container{display:flex !important}»-ə uduzurdu (spesifiklik 0,3,0 < 0,3,1)
   → 100 ₼-dan ucuz və stoksuz kartlarda boş mavi zolaq qalırdı. */
body.tb-cards .product-grid-item .taksit-container.tbcu-monthly.is-empty,
.taksit-container.tbcu-monthly.is-empty{display:none !important;}
/* Stoksuz kartda TƏK nişan: sticker sırasındakı pastel «Stokda yoxdur».
   Woodmart-ın şəkil üstündəki qırmızı etiketi (stock_status_position=thumbnail) gizlədilir — əvvəl ikisi birdən görünürdü. */
body.tb-cards .product-grid-item .product-labels .product-label.out-of-stock{display:none !important;}
/* Temanın content-product.php faylındakı əl ilə yazılmış 52 SKU-luq «YENİ» nişanı (aprel–iyun kampaniyası) — göstərilmir.
   Siyahının özü tema təmizliyində (Mərhələ 4) silinəcək. */
.custom-highlight-label{display:none !important;}
/* Kateqoriya üst mətni (əvvəl functions.php-də hər səhifəyə inline yazılırdı) */
.shop-cat-ust-icerik{background:#FFFFFF;border-radius:6px;padding:20px;margin-bottom:35px;font-size:1.1em;color:#222;}
.shop-cat-ust-icerik p:last-child{margin-bottom:0;}
/* Sayt boyu gizlədilən bloklar (əvvəl functions.php wp_head inline) */
.product-label.onsale,
section.wd-negative-gap.elementor-section.elementor-top-section.elementor-element.elementor-element-77356c7.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.wd-section-disabled{display:none !important;}
.top-promo-banner,.promo-bar,.home-top-banner,.whb-row.whb-top-bar{display:none !important;}


/* /wp-content/plugins/techbar-catalog-ui/assets/megamenu.css */
/* TechBar Catalog UI — meqa-menyu (köhnə mu-plugins/techbar-megamenu.php v2.0) */
/* ==== Techbar meqa-menyu B v2 (2026-07-19) — rollback: mu-plugins/techbar-megamenu.php faylını sil ==== */

/* Panel: avtomatik hündürlük — scroll-suz tək görünüş, altda boşluq qalmır */
li.menu-mega-dropdown > .wd-dropdown-menu.tb-mm.wd-design-full-height{
  background:#fff;border:1px solid #e6ebf4;
  box-shadow:0 18px 44px rgba(6,6,68,.14);
  height:auto !important;min-height:0 !important;
  max-height:calc(100vh - 140px) !important;
}
html body .wd-dropdown-menu.tb-mm .wd-scroll-content{
  height:auto !important;
  max-height:calc(100vh - 150px);
}
/* Əsl hündürlük qandalı: tema .wd-dropdown-inner-ə height:var(--wd-dropdown-height)
   verir (mod-dropdown-full-height.min.css; dəyər JS-in yazdığı --wd-content-h-dır) —
   açırıq ki, panel məzmuna görə böyüsün və scroll yaranmasın */
html body .wd-dropdown-menu.tb-mm.wd-design-full-height .wd-dropdown-inner{
  height:auto !important;
  max-height:calc(100vh - 160px);
}

/* Daxili flex: blok + kart sütunu */
.tb-mm .wd-entry-content{display:flex;align-items:flex-start;gap:18px;}
/* VAHİD ÜST XƏTT (bütün dropdownlarda eyni): tema konteynerə padding:0 verir
   (mod-dropdown-full-height: .wd-dropdown-inner>.container{padding:0}) və section-da
   wd-negative-gap margin-top:-25px var — chip-lər kartdan yuxarı dartılırdı.
   inner 30px + bu 8px = 38px rahat üst boşluq; kart və məzmun EYNİ xətdən başlayır. */
html body .wd-dropdown-menu.tb-mm .wd-dropdown-inner > .container.wd-entry-content{
  padding-top:8px !important;padding-bottom:10px !important;
}
/* Mənfi üst margin iki mənbədən gəlir: wd-negative-gap class-ı VƏ bəzi bloklarda
   Elementor elementinin öz -25px qaydası (məs. Təhlükəsizlik d7cb731) — hər ikisini
   birinci section üçün sıfırla */
html body .wd-dropdown-menu.tb-mm .wd-entry-content > div[data-elementor-type] > .elementor-section:first-child,
html body .wd-dropdown-menu.tb-mm .wd-entry-content .elementor-section.wd-negative-gap{
  margin-top:0 !important;
}
/* Bütün dropdown tiplərində ilk elementlərin yuxarı boşluqları sıfır — vahid hizalanma */
.tb-mm .elementor-column > .elementor-widget-wrap{padding-top:0 !important;}
.tb-mm .elementor-widget-wd_extra_menu_list{margin-top:0 !important;}
.tb-mm .elementor-widget-wd_extra_menu_list .elementor-widget-container{margin-top:0 !important;padding-top:0 !important;}
.tb-mm ul.mega-menu-list{margin:0 !important;padding:0 !important;}
.tb-mm ul.mega-menu-list > li{margin-top:0 !important;padding-top:0 !important;}
/* Övlad-dropdown yolu (Audio texnika): entry-content burada da var, ul birbaşa ondadır */
.tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu{flex:1 1 auto;min-width:0;list-style:none;margin:0;padding:0;display:block;order:1;}
.tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu > li{margin:0 0 8px;padding:0;display:block;}
.tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu > li > a{
  display:inline-block;font-size:13.5px;font-weight:700;line-height:1.25;
  text-transform:none !important;letter-spacing:0 !important;
  color:#1A62E7 !important;background:#E6EFFD;
  padding:4px 10px;border-radius:7px;
  overflow-wrap:break-word;max-width:100%;
  transition:background-color .18s ease,color .18s ease;
}
.tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu > li > a:hover{background:#1A62E7;color:#fff !important;}
.tb-mm .wd-entry-content > div[data-elementor-type]{flex:1 1 auto;min-width:0;order:1;}
.tb-mm .elementor-section-boxed > .elementor-container{max-width:100%;flex-wrap:wrap;}
/* Hündürlük istiqaməti TƏK TƏRƏFLİ olmalıdır: menyu məzmunu hündürlüyü təyin edir,
   kartlar ona uzanır. Temanın full-height 100% zəncirini açırıq — yoxsa məzmun
   kart sütununun hündürlüyünə sıxılıb multicol-da sağa (görünməz sütunlara) daşır. */
html body .wd-dropdown-menu.tb-mm .wd-entry-content > div[data-elementor-type],
html body .wd-dropdown-menu.tb-mm .wd-entry-content .elementor-section,
html body .wd-dropdown-menu.tb-mm .wd-entry-content .elementor-container,
html body .wd-dropdown-menu.tb-mm .wd-entry-content .elementor-column,
html body .wd-dropdown-menu.tb-mm .wd-entry-content .elementor-widget-wrap{
  height:auto !important;min-height:0 !important;max-height:none !important;
}

/* Bölmə başlıqları -> mavi chip (sıx ritm) */
.tb-mm ul.mega-menu-list > li > a{
  display:inline-block;font-size:13.5px;font-weight:700;line-height:1.25;
  text-transform:none !important;letter-spacing:0 !important;
  color:#1A62E7 !important;background:#E6EFFD;
  padding:4px 10px;border-radius:7px;margin:0 0 6px;
  overflow-wrap:break-word;max-width:100%;
  transition:background-color .18s ease,color .18s ease;
}
.tb-mm ul.mega-menu-list > li > a:hover{background:#1A62E7;color:#fff !important;}

/* Alt linklər -> tam enli hover zolağı (sıx ritm) */
.tb-mm .sub-sub-menu{list-style:none;margin:0;padding:0;}
.tb-mm .sub-sub-menu > li{margin:0;padding:0;}
.tb-mm .sub-sub-menu > li > a{
  display:block;font-size:13px;font-weight:400;line-height:1.35;
  text-transform:none !important;color:#39415a !important;
  padding:4px 10px;border-radius:6px;overflow-wrap:break-word;
  transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.tb-mm .sub-sub-menu > li > a:hover{
  background:#E6EFFD;color:#1A62E7 !important;box-shadow:inset 3px 0 0 #1A62E7;
}
.tb-mm .sub-sub-menu a:empty{display:none;}
.tb-mm .elementor-widget-wd_extra_menu_list{margin-bottom:6px;}

/* Sıx rejim (çoxbölməli dropdownlar): tək Elementor sütununu 4 sütunlu grid-ə aç.
   QEYD: CSS multicol istifadə ETMƏ — blokun öz Elementor style-ı widget-lərə faiz enləri
   verir və multicol ilə toqquşub mətni hərf-hərf qırırdı (staging-də görüldü). */
.tb-dense ul.mega-menu-list > li > a{font-size:12.5px;padding:3px 9px;margin-bottom:4px;}
.tb-dense .sub-sub-menu > li > a{font-size:12.5px;padding:3px 9px;line-height:1.3;}
.tb-dense .elementor-widget-wd_extra_menu_list{margin-bottom:4px;}
html body .wd-dropdown-menu.tb-dense .elementor-col-100 > .elementor-widget-wrap{
  display:block !important;height:auto !important;min-height:0 !important;
  max-height:none !important;overflow:visible !important;
  column-count:4;column-gap:16px;
}
html body .wd-dropdown-menu.tb-dense .elementor-col-100 > .elementor-widget-wrap > .elementor-widget-wd_extra_menu_list{
  display:block;width:100% !important;max-width:100% !important;min-width:0;
  break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:10px;
}
/* Sıx/sütunlu rejimlərdə chip başlıqlar tam enli blok — bütün sütunlarda eyni hizalanma */
.tb-dense ul.mega-menu-list > li > a,
.tb-cols2 ul.mega-menu-list > li > a{
  display:block;width:100%;text-align:left;margin-top:0 !important;
}
/* Multicol fraqmentasiya asimmetriyası: yuxarı margin/padding yalnız 1-ci sütunda
   qalır, sonrakı sütunlarda kəsilir → birinci sıra chip-ləri fərqli hizada görünürdü.
   Bütün yuxarı boşluqları sıfırla — sütunlar eyni xətdən başlasın. */
.tb-dense .elementor-col-100 > .elementor-widget-wrap,
.tb-cols2 .elementor-col-100 > .elementor-widget-wrap{padding-top:0 !important;}
.tb-dense .elementor-widget-wd_extra_menu_list,
.tb-cols2 .elementor-widget-wd_extra_menu_list{margin-top:0 !important;}
.tb-dense .elementor-widget-wd_extra_menu_list .elementor-widget-container,
.tb-cols2 .elementor-widget-wd_extra_menu_list .elementor-widget-container{margin-top:0 !important;padding-top:0 !important;}
.tb-dense ul.mega-menu-list,
.tb-cols2 ul.mega-menu-list{margin:0 !important;padding:0 !important;}
.tb-dense ul.mega-menu-list > li,
.tb-cols2 ul.mega-menu-list > li{margin-top:0 !important;padding-top:0 !important;}

/* 2 sütunlu multicol (şaquli yığılmış orta bloklar: Ev üçün texnologiya, Çap) —
   məzmun yarıya yığılır, panel qısalır, kartlar mütənasib görünür */
html body .wd-dropdown-menu.tb-cols2 .elementor-col-100 > .elementor-widget-wrap{
  display:block !important;height:auto !important;min-height:0 !important;
  max-height:none !important;overflow:visible !important;
  column-count:2;column-gap:18px;
}
html body .wd-dropdown-menu.tb-cols2 .elementor-col-100 > .elementor-widget-wrap > .elementor-widget-wd_extra_menu_list{
  display:block;width:100% !important;max-width:100% !important;min-width:0;
  break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:10px;
}
/* Sütun hündürlüyündən uzun bölmələr məcburi bölünəndə chip-in ortasından kəsilməsin:
   qırılma yalnız linklər arasında baş versin */
.tb-dense .sub-sub-menu > li,
.tb-cols2 .sub-sub-menu > li{break-inside:avoid;-webkit-column-break-inside:avoid;}
.tb-dense ul.mega-menu-list > li > a,
.tb-cols2 ul.mega-menu-list > li > a{break-inside:avoid;break-after:avoid;-webkit-column-break-inside:avoid;}
html body .wd-dropdown-menu.tb-cols2 .wd-entry-content > div[data-elementor-type],
html body .wd-dropdown-menu.tb-cols2 .wd-entry-content .elementor-section,
html body .wd-dropdown-menu.tb-cols2 .wd-entry-content .elementor-container,
html body .wd-dropdown-menu.tb-cols2 .wd-entry-content .elementor-column{
  height:auto !important;min-height:0 !important;max-height:none !important;
}

/* ==== Kart zonası ==== */
/* Sıx dropdown: 1 sütun, max 2 kart — hündürlüyü məzmunla bölüşür */
.tb-mm .tb-mm-cards--col{
  order:2;flex:0 0 236px;min-width:0;align-self:stretch;
  display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(140px,1fr);gap:12px;
}
/* Seyrək dropdown: kart zonası boş sahəni doldurur — 2 sütun × 2 sıra */
.tb-mm .tb-mm-cards--wide{
  order:2;flex:1 1 460px;min-width:340px;max-width:560px;align-self:stretch;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(140px,1fr);gap:12px;
}
.tb-mm .tb-mm-card{
  min-width:0;min-height:0;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  border-radius:14px;padding:16px;color:#fff;
  position:relative;overflow:hidden;text-decoration:none;
  background:linear-gradient(150deg,#1A62E7 0%,#3D8BF5 62%,#4AA8FF 100%);
  box-shadow:0 2px 10px rgba(6,6,68,.08);
  transition:transform .18s ease,box-shadow .18s ease;
}
.tb-mm .tb-mm-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(6,6,68,.16);}
/* "dark" variantı dərin mavidir, lacivərd-qara deyil — İlkinin qaydası: sayt UI-ı yalnız light */
.tb-mm .tb-mm-card--dark{background:linear-gradient(150deg,#0B3AA6 0%,#1A62E7 60%,#3D8BF5 100%);}
.tb-mm .tb-mm-card--sky{background:linear-gradient(150deg,#2761E7 0%,#4C97F2 60%,#6BD0FF 100%);}
.tb-mm .tb-mm-card--cat::before{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
  width:170px;height:170px;top:-70px;right:-56px;background:rgba(255,255,255,.10);
}
/* Kateqoriyanın öz menyu ikonu — ağ su nişanı */
html body .tb-mm .tb-mm-card img.tb-mm-cat-ico{
  position:absolute;right:-10px;bottom:-12px;
  width:104px !important;height:104px !important;
  max-width:none !important;max-height:none !important;
  filter:brightness(0) invert(1);opacity:.2;pointer-events:none;margin:0;
}
.tb-mm span.tb-mm-badge{
  position:relative;z-index:1;display:inline-block;margin:0;
  background:#D52624;color:#fff;font-size:10.5px;font-weight:700;
  letter-spacing:.4px;text-transform:uppercase;line-height:1;
  padding:4px 9px;border-radius:999px;
}
.tb-mm span.tb-mm-badge--blue{background:#1A62E7;}
.tb-mm span.tb-mm-title{
  position:relative;z-index:1;display:block;margin:0;
  font-size:15.5px;font-weight:800;line-height:1.25;color:#fff;overflow-wrap:break-word;
  text-transform:none;letter-spacing:0;
}
.tb-mm .tb-mm-cta{
  position:relative;z-index:1;margin-top:auto;display:inline-block;
  background:#fff;color:#1A62E7 !important;font-size:13px;font-weight:700;line-height:1;
  padding:9px 14px;border-radius:8px;text-decoration:none;
  box-shadow:0 4px 12px rgba(6,6,68,.18);
  transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.tb-mm .tb-mm-cta:hover{background:#E6EFFD;transform:translateY(-1px);box-shadow:0 7px 18px rgba(6,6,68,.26);}

/* Məhsul kartı — ağ, böyük şəkil sahəsi + ad + qiymət */
.tb-mm a.tb-mm-card--prod{
  background:#fff;border:1px solid #E2E9F8;color:#242424;
  align-items:center;text-align:center;gap:8px;justify-content:flex-start;
  box-shadow:0 2px 10px rgba(6,6,68,.06);
}
.tb-mm a.tb-mm-card--prod:hover{border-color:#1A62E7;}
.tb-mm .tb-mm-prod-imgwrap{
  display:flex;align-items:center;justify-content:center;
  width:100%;flex:1 1 auto;min-height:96px;max-height:180px;
  background:linear-gradient(180deg,#F6F9FF 0%,#EEF4FE 100%);
  border-radius:10px;overflow:hidden;
}
/* DİQQƏT: tema .wd-nav daxilindəki img-lərə ~22px en qoyur (menyu ikon qaydası) —
   məhsul şəkli məhz buna görə balaca görünürdü; !important ilə açırıq.
   scale(1.15) foto kanvasının ağ haşiyəsini yüngülcə kəsib məhsulu böyüdür. */
html body .tb-mm .tb-mm-prod-imgwrap img.tb-mm-prod-img{
  display:block;width:auto !important;height:auto !important;
  max-width:96% !important;max-height:96% !important;object-fit:contain;
  mix-blend-mode:multiply;transform:scale(1.15);margin:0;
}
.tb-mm span.tb-mm-prod-title{
  margin:0;font-size:12.5px;font-weight:600;line-height:1.35;color:#39415a;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;text-transform:none;letter-spacing:0;width:100%;flex:none;
}
.tb-mm span.tb-mm-prod-price{
  margin:0;font-size:16px;font-weight:800;line-height:1.4;color:#1A62E7;letter-spacing:0;flex:none;
}

/* Xidmət kartı — açıq mavi qradiyent + ox düyməsi */
.tb-mm a.tb-mm-card--srv{
  background:linear-gradient(150deg,#EFF5FF 0%,#DEEAFD 100%);
  border:1px solid #DCE7FA;justify-content:center;gap:10px;
  box-shadow:0 2px 10px rgba(6,6,68,.05);
}
.tb-mm a.tb-mm-card--srv .tb-mm-title{color:#0B2A6F;font-size:14px;font-weight:700;max-width:calc(100% - 40px);}
.tb-mm a.tb-mm-card--srv::after{
  content:"\2192";position:absolute;right:14px;bottom:13px;
  width:30px;height:30px;border-radius:50%;
  background:#1A62E7;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;line-height:1;
  transition:transform .18s ease,background-color .18s ease;
}
.tb-mm a.tb-mm-card--srv:hover::after{transform:translateX(3px);background:#2761E7;}

/* ==== Responsiv (panel eni İlkinin mövcud qaydası ilə: calc(100vw-605px), max 930px) ==== */

/* 1025–1359px: kart zonası aşağı sıraya keçir, kartlar yan-yana (max 2 sıra) */
@media (max-width:1359px){
  .tb-mm .wd-entry-content{flex-direction:column;}
  .tb-mm .tb-mm-cards--col,
  .tb-mm .tb-mm-cards--wide{
    flex:0 0 auto;width:100%;min-width:0;max-width:none;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    grid-auto-rows:minmax(96px,auto);
  }
  .tb-mm .tb-mm-card{min-height:96px;padding:12px 13px;}
  .tb-mm span.tb-mm-title{font-size:13.5px;}
  .tb-mm .tb-mm-cta{padding:8px 12px;font-size:12.5px;}
  .tb-mm .tb-mm-prod-imgwrap{height:56px;}
  .tb-mm .tb-mm-prod-img{max-height:48px;}
}

/* 1025–1199px: sütunlar daralır */
@media (max-width:1199px){
  .tb-mm .elementor-top-column{width:50% !important;}
  .tb-dense .elementor-col-100{width:100% !important;}
  html body .wd-dropdown-menu.tb-dense .elementor-col-100 > .elementor-widget-wrap{column-count:3;}
}

/* ≤1024px: tema meqa dropdown-u onsuz da söndürür (el-menu.min.css) — qoruyucu */
@media (max-width:1024px){
  .tb-mm .tb-mm-cards{display:none;}
}

/* ==== Header kateqoriya paneli (wd-header-cats · «Menyu» hover) ==== */
/* Opener: SADƏ, NAZİK düzbucaqlı düymə (İlkin: "sadə kvadrat və daha nazik") —
   incə haşiyə, dairəsiz mavi hamburger, saytın 10px radius konvensiyası. */
.wd-header-cats{
  background:transparent !important;border:0 !important;
  padding:0 !important;margin:0 !important;width:auto !important;
}
.wd-header-cats .menu-opener{
  display:inline-flex;align-items:center;gap:10px;
  width:auto !important;min-width:0 !important;
  background:#fff !important;border:1px solid #E2E9F8;border-radius:10px;
  padding:0 14px;min-height:40px;
  box-shadow:none;
  transition:border-color .18s ease,background-color .18s ease;
}
.wd-header-cats:hover .menu-opener{border-color:#1A62E7;background:#F8FBFF !important;}
.wd-header-cats .menu-opener .menu-opener-icon{
  width:20px;height:20px;border-radius:0;flex:none;
  background:transparent;color:#1A62E7;font-size:17px;
  display:flex;align-items:center;justify-content:center;margin:0;
}
.wd-header-cats .menu-opener .menu-opener-icon:before,
.wd-header-cats .menu-opener .menu-opener-icon span{color:#1A62E7;}
.wd-header-cats .menu-opener .menu-open-label{
  color:#242424 !important;font-weight:600;font-size:14.5px;text-transform:none;
  margin:0;white-space:nowrap;
}
/* Temanın açılma oxu — etiketin dərhal yanında, kiçik */
.wd-header-cats .menu-opener:after{
  margin-left:2px;color:#1A62E7;font-size:11px;position:static;
}
/* Ana səhifədə panel AÇILMIR — orada onsuz da səhifədaxili menyu var */
body.home .wd-header-cats .wd-dropdown-cats{display:none !important;}
body.home .wd-header-cats .menu-opener{cursor:default;}
/* Panel: düymədən aralı, tam yumru künclü ayrıca kart */
.wd-header-cats .wd-dropdown-cats{
  top:calc(100% + 10px) !important;
  border-radius:14px !important;overflow:visible;
  border:1px solid #E2E9F8;
  box-shadow:0 18px 44px rgba(6,6,68,.14) !important;
  background:#fff;
}
/* Hover körpüsü — düymə ilə panel arasındakı 10px boşluqda hover itməsin */
.wd-header-cats .wd-dropdown-cats::before{
  content:"";position:absolute;top:-12px;left:0;right:0;height:12px;
}
/* Panel daxili: yuxarı/aşağı nəfəs + ilk bənd tam görünür.
   DİQQƏT: UL-a overflow:hidden vermə — meqa dropdownları kəsir (real olub);
   künc yumruluğu ilk/son sətirlərin öz radiusu ilə həll olunur */
.wd-header-cats .wd-dropdown-cats > ul.wd-nav-vertical{
  padding:8px 0;border-radius:14px;background:#fff;
}
.wd-header-cats .wd-nav-vertical > li:first-child > a{border-radius:14px 14px 0 0;}
.wd-header-cats .wd-nav-vertical > li:last-child > a{border-radius:0 0 14px 14px;}
/* Bənd sətirləri — SIX düzülüş ki, bütün 17 bənd bir baxışda görünsün.
   height:auto + overflow:visible VACİBDİR: tema qutunu sabit saxlayıb 2 sətirlik
   adları (Gaming PC | Oyun Kompüterləri) kəsirdi */
.wd-header-cats .wd-nav-vertical > li > a.woodmart-nav-link{
  height:auto !important;overflow:visible;
  min-height:40px;padding-top:5px;padding-bottom:5px;line-height:1.25;
  font-size:14px;gap:10px;
}
.wd-header-cats .wd-nav-vertical .wd-nav-img{height:20px;width:auto;}
/* Meqa dropdown paneli sol siyahıya calaq (İlkinin qlobal left:415px qaydasını bu kontekstdə əzir) */
.wd-header-cats .wd-dropdown-cats .wd-dropdown-menu{
  left:270px !important;top:0 !important;
  border-radius:0 14px 14px 0 !important;
}
/* Alçaq ekranlarda daha da sıx — panel həmişə bütöv görünsün */
@media (max-height:900px){
  .wd-header-cats .wd-nav-vertical > li > a.woodmart-nav-link{
    min-height:35px;padding-top:3px;padding-bottom:3px;font-size:13.5px;
  }
  .wd-header-cats .wd-nav-vertical .wd-nav-img{height:18px;}
  .wd-header-cats .wd-dropdown-cats > ul.wd-nav-vertical{padding:6px 0;}
}
@media (max-height:780px){
  .wd-header-cats .wd-nav-vertical > li > a.woodmart-nav-link{
    min-height:31px;padding-top:2px;padding-bottom:2px;font-size:13px;
  }
  .wd-header-cats .wd-nav-vertical .wd-nav-img{height:16px;}
}

/* ==== Ana səhifə: səhifədaxili kateqoriya menyusu (Elementor wd_mega_menu) ====
   Header paneli 07.2026-da redizayn olundu (ağ kart, haşiyə, ayırıcı xətlər), ana
   səhifədəki nüsxə isə köhnə görkəmdə qaldı: siyahı kartsız, birbaşa səhifə fonunda
   dururdu — bütün digər səhifələrdəki «Menyu» panelindən fərqli. Burada eyni kart
   dizaynı verilir. Sətir həndəsəsinə (padding/font) və panelin mövqeyinə (left/top)
   TOXUNULMUR — onları köhnə qlobal qaydalar idarə edir. */
body .elementor-widget-wd_mega_menu .wd-menu > ul.wd-nav-vertical{
  background:#fff !important;
  border:1px solid #E2E9F8 !important;border-radius:14px !important;
  box-shadow:0 2px 10px rgba(6,6,68,.06);
}
/* DİQQƏT: UL-a overflow:hidden VERMƏ — meqa dropdown panellərini kəsir (header-də real olub) */
body .elementor-widget-wd_mega_menu .wd-menu > ul.wd-nav-vertical > li{
  border-bottom:1px solid rgba(0,0,0,.075);
}
body .elementor-widget-wd_mega_menu .wd-menu > ul.wd-nav-vertical > li:last-child{border-bottom:0;}
body .elementor-widget-wd_mega_menu .wd-menu > ul.wd-nav-vertical > li > a.woodmart-nav-link:hover{
  background:#F8FBFF;
}

/* ==== Menyu ikonları: veb chip + mobil drawer (2026-07-20) ==== */
.tb-ico{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#1A62E7;}
.tb-ico svg{width:15px;height:15px;stroke-width:2;}
.tb-chip-ico{margin-right:7px;vertical-align:-2px;}
/* Drawer scroll zənciri (İlkin: "ikinci scrolldan sonra ana səhifəyə scroll edir"):
   menyu öz sonuna çatanda növbəti jest arxadakı səhifəni sürüşdürürdü.
   contain + açıq drawer zamanı body kilidi (JS fallback gücləndiricidədir). */
.mobile-nav,
.mobile-nav .wd-scroll-content{overscroll-behavior:contain;}
html:has(.mobile-nav.wd-opened){overflow:hidden;}
html:has(.mobile-nav.wd-opened) body{overflow:hidden;}

/* iOS Safari alt URL paneli: drawer 100vh olanda menyunun sonu (Əlaqə + zəng/WA
   düymələri) panelin arxasında qalırdı (İlkin iPhone skrinşotu, 2026-07-20).
   100dvh görünən sahəyə dinamik uyğunlaşır (iOS 15.4+); dəstəkləməyənlərdə status-quo.
   .mobile-nav özü yeganə skrol konteyneridir (ölçüldü: overflow-y:auto, top:0). */
@supports (height: 100dvh){
  html body .mobile-nav{height:100dvh !important;max-height:100dvh !important;}
}
/* menyunun ən son bəndi ekran kənarına yapışmasın (home-indicator zonası daxil) */
.mobile-nav ul.wd-nav-mobile{padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px));}

/* drawer alt bəndləri */
.mobile-nav .tb-mico{width:20px;height:20px;margin-right:10px;color:#5B7AB8;}
.mobile-nav .tb-mico svg{width:18px;height:18px;}
.mobile-nav ul.wd-nav-mobile > li > a .tb-mico{color:#1A62E7;}
/* Ox (opener) düymələri: sabit piksel kalibri (top:9px) mühitdən asılı çıxdı —
   real iPhone-da oxlar sıra mərkəzindən +9px aşağı düşürdü (İlkin skrinşotu, 2026-07-20).
   Opener li-nin flex sırasında tam hündürlüklü in-flow elementdir → düzgün həll
   nudge yox, top:0 + oxu öz qutusunun içində flex ilə mərkəzləməkdir.
   ⚠️ li-yə position:relative VERMƏ — drilldown sub-panellərinin lövbərini pozur
   (sub-ul absolute-dur, konteynerə bağlanmalıdır; sınandı və geri çəkildi). */
html body .mobile-nav ul.wd-nav-mobile li > .wd-nav-opener{
  top:0 !important;
  align-self:center !important;   /* qutu sıra hündürlüyündən asılı olmadan mərkəzdə (li flex-dir) */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
/* XİDMƏT/MƏLUMAT ikonları daha incə, UI-yönümlü */
.mobile-nav li.tb-mnav-x .tb-mico svg{width:17px;height:17px;stroke-width:1.75;}
.mobile-nav .tb-dot::before{content:"";width:5px;height:5px;border-radius:50%;background:#C6CFE4;display:block;margin:0 auto;}
/* qrup başlıqları */
.mobile-nav li.tb-grp-label{font-size:10.5px;font-weight:800;letter-spacing:.8px;color:#8A97B8;padding:12px 20px 4px;pointer-events:none;}
.mobile-nav li.tb-mnav-x > a{display:flex;align-items:center;}
.mobile-nav .tb-mbadge{background:#D52624;color:#fff;font-size:9.5px;font-weight:700;padding:3px 7px;border-radius:99px;margin-left:8px;letter-spacing:.3px;}
/* əlaqə zolağı */
.mobile-nav li.tb-contact{display:flex;gap:10px;padding:12px 16px 16px;}
.mobile-nav li.tb-contact a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:10px;font-size:13px;font-weight:700;color:#fff !important;}
.mobile-nav li.tb-contact .tb-call{background:#1A62E7;}
.mobile-nav li.tb-contact .tb-call .tb-ico{color:#fff;}
.mobile-nav li.tb-contact .tb-wa{background:#25D366;}
/* drilldown Geri zolağı */
.mobile-nav .wd-drilldown-back > a{display:flex !important;align-items:center;gap:10px;background:linear-gradient(135deg,#1A62E7,#3D8BF5);color:#fff !important;font-weight:700;padding-top:12px;padding-bottom:12px;}
.mobile-nav .wd-drilldown-back .tb-ddh{display:flex;align-items:center;gap:9px;flex:1;min-width:0;}
.mobile-nav .wd-drilldown-back .tb-ddh img{width:20px;height:20px;filter:brightness(0) invert(1);}
.mobile-nav .wd-drilldown-back .tb-ddh .tb-ico{color:#fff;}
.mobile-nav .wd-drilldown-back .tb-ddt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mobile-nav .wd-drilldown-back .tb-ddb{font-weight:400;font-size:12.5px;opacity:.85;flex:none;}


/* /wp-content/plugins/techbar-catalog-ui/assets/global.css */
/* TechBar Catalog UI — qlobal UI.
 * köhnə: techbar-trustbar.php, techbar-slider-pagin.php, techbar-ui-tweaks.php (mu) + functions.php (yuxarı banner, mobil menyu bağla düyməsi, WhatsApp gizlətmə) */

/* ===== Güvən zolağı (ana səhifə) ===== */
/* ==== Techbar güvən zolağı (2026-07-19) — rollback: mu-plugins/techbar-trustbar.php faylını sil ==== */
/* Slayder sütununun içində, bannerin dərhal altında — ayrı-ayrı kartlar.
   width:100% vacibdir: Elementor widget-wrap flex-dir, bloku məzmun eninə sıxırdı */
.tb-trustbar{margin:16px 0 0;width:100%;}
.tb-trust-in{display:flex;align-items:stretch;gap:12px;}
.tb-trustbar .tb-trust-item{
  flex:1 1 0;min-width:0;
  display:flex;align-items:center;justify-content:center;gap:11px;
  padding:15px 12px;text-decoration:none;
  background:#fff;border:1px solid #E2E9F8;border-radius:14px;
  box-shadow:0 2px 10px rgba(6,6,68,.06);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.tb-trustbar a.tb-trust-item:hover{
  transform:translateY(-2px);border-color:#1A62E7;
  box-shadow:0 8px 20px rgba(6,6,68,.12);
}
.tb-trust-ico{flex:none;display:flex;align-items:center;justify-content:center;color:#1A62E7;}
.tb-trust-ico svg{width:30px;height:30px;stroke-width:1.8;}
.tb-trust-txt{display:flex;flex-direction:column;gap:1px;min-width:0;}
.tb-trustbar span.tb-trust-num{
  margin:0;font-size:14.5px;font-weight:800;color:#1A62E7;line-height:1.2;
  letter-spacing:0;text-transform:none;
}
.tb-trustbar span.tb-trust-label{
  margin:0;font-size:12.5px;font-weight:600;color:#39415a;line-height:1.25;
  letter-spacing:0;text-transform:none;overflow-wrap:break-word;
}
/* Tablet: 2 sıra (3+2) */
@media (max-width:1024px){
  .tb-trust-in{flex-wrap:wrap;row-gap:10px;}
  .tb-trustbar .tb-trust-item{flex:1 1 30%;}
}
/* Mobil: kartlar GÖSTƏRİLMİR (İlkin 2026-07-20: "mobildə 5 stickeri yığışdır —
   təkcə banner və kateqoriyalar qalsın"). Desktop və tablet toxunulmaz. */
@media (max-width:767px){
  .tb-trustbar{display:none;}
}

/* ===== Slayder nöqtələri ===== */
/* Woodmart slayder paginasiyası — kiçik/sönük default, hover-də açılır */
.wd-slider .wd-slider-pagin{z-index:3}
.wd-slider .wd-slider-pagin .wd-nav-pagin{
  background:rgba(255,255,255,0);box-shadow:none;padding:5px 8px;gap:5px;
  transition:background .3s ease,padding .3s ease,box-shadow .3s ease}
.wd-slider .wd-slider-pagin .wd-nav-pagin-item span{
  width:6px;height:6px;background:#8fa3b3;opacity:.4;
  transition:width .3s ease,height .3s ease,opacity .3s ease,background .3s ease,border-radius .3s ease}
.wd-slider .wd-slider-pagin .wd-nav-pagin-item.wd-active span{
  background:#1E62E0;opacity:.7;width:7px;height:7px}
.wd-slider:hover .wd-slider-pagin .wd-nav-pagin{
  background:rgba(255,255,255,.96);padding:7px 11px;box-shadow:0 4px 16px rgba(20,40,80,.16)}
.wd-slider:hover .wd-slider-pagin .wd-nav-pagin-item span{width:9px;height:9px;opacity:.5;background:#c2ccd6}
.wd-slider:hover .wd-slider-pagin .wd-nav-pagin-item.wd-active span{
  background:#1E62E0;opacity:1;width:22px;border-radius:5px}
/* toxunma cihazları (hover yoxdur) — nöqtələr bir az daha görünən, amma yenə kiçik */
@media (hover:none){
  .wd-slider .wd-slider-pagin .wd-nav-pagin-item span{opacity:.55}
  .wd-slider .wd-slider-pagin .wd-nav-pagin-item.wd-active span{opacity:.9;width:8px;height:8px}
}

/* ===== UI xırdalıqları (WhatsApp düyməsi və s.) ===== */
/* ==== WhatsApp düyməsi: kompakt dairə + diqqət effektləri ==== */
/* DOM (qlwapp plagini JS ilə qurur): .qlwapp__container--bottom-right > a.qlwapp__button > i.qlwapp__icon + span.qlwapp__text */
.qlwapp .qlwapp__text{display:none !important;}
.qlwapp a.qlwapp__button{
  width:56px !important;height:56px !important;
  min-width:0 !important;padding:0 !important;margin:0 !important;
  border-radius:50% !important;
  display:flex !important;align-items:center;justify-content:center;
  position:relative;
  box-shadow:0 6px 18px rgba(6,6,68,.18);
  animation:tbWaPulse 2.4s ease-out infinite;
}
.qlwapp a.qlwapp__button .qlwapp__icon{
  margin:0 !important;font-size:27px !important;line-height:1 !important;
}
/* Diqqət: qırmızı bildiriş nöqtəsi */
.qlwapp a.qlwapp__button::after{
  content:"";position:absolute;top:1px;right:1px;
  width:13px;height:13px;border-radius:50%;
  background:#D52624;border:2px solid #fff;
}
/* Diqqət: yaşıl puls halqası */
@keyframes tbWaPulse{
  0%{box-shadow:0 6px 18px rgba(6,6,68,.18),0 0 0 0 rgba(37,211,102,.45);}
  70%{box-shadow:0 6px 18px rgba(6,6,68,.18),0 0 0 14px rgba(37,211,102,0);}
  100%{box-shadow:0 6px 18px rgba(6,6,68,.18),0 0 0 0 rgba(37,211,102,0);}
}
@media (prefers-reduced-motion:reduce){
  .qlwapp a.qlwapp__button{animation:none;}
}

/* ==== Məhsul kartı tooltip-i («Müqayisə et» və s.): mətn düymədən uzağa sürüşürdü ====
   Səbəb: .tooltip wrapper-inə sabit ~260px en verilir (mətn ~95px), Bootstrap JS mövqeni
   enli wrapper-ə görə hesablayır → pill düymədən ~70px sol-da görünürdü (ölçüldü). */
body > .tooltip{width:max-content !important;max-width:280px !important;}
body > .tooltip .tooltip-inner{white-space:nowrap;max-width:none;}

/* ==== Ana səhifə hero bölməsi (8aaa33f): mobil/tabletdə headerin altına girirdi ====
   Bölmənin bütün cihazlarda margin-top:-30px-i var; ≥1024-də header hündürlüyü bunu
   udur, amma 390/768-də slayderin üst 20px-i header tərəfindən örtülürdü (ölçüldü,
   İlkin iPhone skrinşotu 2026-07-20: "slider yuxarıdan kəsilib"). Yalnız dar enlərdə sıfırla. */
@media (max-width: 1023px){
  .elementor-2025 .elementor-element-8aaa33f{margin-top:0 !important;}
}

/* ===== Yuxarı kampaniya banneri ===== */
.top-banner {
            display: block;
            width: 100%;
            text-align: center;
        }

        @media (max-width: 768px) {
            .top-banner img {
                width: 100%;
                height: auto !important;
            }
        }
.top-banner img{display:block;width:100%;height:auto;max-width:1920px;margin:0 auto;border:none;image-rendering:-webkit-optimize-contrast;}

/* ===== Mobil menyu bağla düyməsi ===== */
@media (max-width: 480px) {
    .custom-menu-close {
        position: fixed;
        top: 60px;
        right: 7px;
        font-size: 18px;
        z-index: 999999;
        cursor: pointer;
        background: #fff;
        width: 30px;
        height: 30px;
        display: none;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }
}
@media (min-width: 481px) {
    .custom-menu-close {
        display: none !important;
    }
}
body:has(.mobile-nav.wd-opened) .custom-menu-close,body.wd-side-hidden .custom-menu-close{display:flex;}

/* ===== WhatsApp düyməsi: səbət paneli və ya mobil menyu açıq olanda arxada qalsın (əvvəl hər 300 ms JS yoxlayırdı) ===== */
body:has(.cart-widget-side.wd-opened) .qlwapp__container,
body:has(.mobile-nav.wd-opened) .qlwapp__container{position:static !important;z-index:0 !important;pointer-events:none !important;opacity:.3 !important;}

/* ===== Woodmart Custom JS-dən köçən davranışlar (CSS ilə — JS gözləmədən) ===== */
/* Kartda qiymət blokunun üst boşluğu (əvvəl JS hər AJAX-dan sonra inline yazırdı) */
.wrap-price{margin-top:0 !important;}
/* «Stokda yoxdur» nişanı kartın şəkil blokunun küncündə */
.product-element-bottom{position:relative;}
.product-wrapper > .button-stock-status.out-of-stock{position:absolute;z-index:10;}
/* Mobildə (≤480px) Elementor qlobal şablonundakı şəkil vidceti gizli (əvvəl JS səhifədəki ilk vidceti gizlədirdi — bütün səhifələrdə bu idi) */
@media (max-width: 480px){
	.elementor-19934 .elementor-element-6b7e512 > .elementor-widget-container{display:none !important;}
}


/* /wp-content/plugins/techbar-checkout/assets/minicart.css */
/* Yan səbət: şəkil solda, ad/miqdar/qiymət sağda bir sütunda (əvvəl şəklin altına düşürdü). */
.cart-widget-side .woocommerce-mini-cart-item{display:flex;align-items:flex-start;gap:12px;position:relative;padding-right:24px}
.cart-widget-side .woocommerce-mini-cart-item a.remove{position:absolute;right:0;top:2px}
.cart-widget-side .cart-item-image{flex:0 0 80px}
.cart-widget-side .cart-item-image img{width:80px;height:auto}
.cart-widget-side .cart-info{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;gap:7px;min-height:0}
.cart-widget-side .cart-info>*{margin:0}
.cart-widget-side .woocommerce-mini-cart-item .wd-entities-title{font-size:13.5px!important;font-weight:600;line-height:1.35}
/* Miqdar stepperi — Safari number input-u fərqli ölçür, hamısı 32px */
.cart-widget-side .cart-info div.quantity{display:flex;align-items:center}
.cart-widget-side .cart-info div.quantity input{height:32px!important;min-height:32px;max-height:32px;line-height:normal;margin:0;box-sizing:border-box;-webkit-appearance:none;border-radius:0}
.cart-widget-side .cart-info div.quantity input[type=number]{-moz-appearance:textfield;appearance:textfield}
.cart-widget-side .cart-info div.quantity input::-webkit-inner-spin-button,.cart-widget-side .cart-info div.quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}


/* /wp-content/plugins/techbar-ui/assets/bldcards.css */
/* TechBar UI — prodakı sehrbazın nəticə kartları (kətan 26). Yalnız kartlar; sehrbazın qalan üslubu prodakıdır. */
.tbbc{--card:#17203A;--card2:#131B31;--ln:#2A3550;--ln2:#3B4869;--tx:#fff;--dim:#B9C3D6;--dim2:#8A95AC;
	--acc:#4F8BFF;--neon:#34D399;--mor:#A78BFA;--warn:#FBBF24;
	display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:18px;align-items:stretch;margin-top:22px;text-align:left}
.tbbc *{box-sizing:border-box}
.tbbc-flip{perspective:1600px;max-width:372px;width:100%;justify-self:center}
.tbbc-in{position:relative;height:100%;min-height:614px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.tbbc-flip.is-flip .tbbc-in{transform:rotateY(180deg)}
.tbbc-face{position:absolute;inset:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;
	border-radius:22px;background:var(--card);border:1px solid var(--ln);display:flex;flex-direction:column}
.tbbc-face.back{transform:rotateY(180deg) translateZ(1px);background:var(--card2);border-color:var(--ln2)}
.tbbc-flip.best{z-index:2;margin-top:-8px}
.tbbc-flip.best .tbbc-face.front{border:2px solid var(--acc);box-shadow:0 26px 60px rgba(79,139,255,.34),0 0 0 4px rgba(79,139,255,.10)}

/* Məhsul fotoları ağ fonludur — tünd kartda kəsik ağ zolaq yaranırdı.
   Şəkil zonası bilərəkdən işıqlı panel olur, altında nazik ayırıcı. */
.tbbc-shot{position:relative;height:166px;flex:none;overflow:hidden;border-radius:21px 21px 0 0;
	background:linear-gradient(180deg,#FFFFFF 0%,#EDF1F8 78%,#E2E8F3 100%);border-bottom:1px solid rgba(11,18,34,.10)}
.tbbc-shot img{width:100%;height:100%;object-fit:contain;padding:14px 14px 18px}
.tbbc-rib{position:absolute;left:14px;top:14px;z-index:2;height:26px;padding:0 12px;border-radius:13px;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;box-shadow:0 4px 12px rgba(11,18,34,.18)}
.tbbc-rib2{position:absolute;right:12px;top:14px;z-index:2;height:24px;padding:0 10px;border-radius:12px;background:rgba(251,191,36,.95);color:#2A1D00;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;box-shadow:0 4px 12px rgba(11,18,34,.18)}
.tbbc-body{flex-grow:1;min-height:0;display:flex;flex-direction:column;padding:16px 20px 20px;color:var(--tx)}
.tbbc-bas{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.25}
.tbbc-spec{margin-top:4px;font-size:12.5px;line-height:1.45;color:var(--dim)}
.tbbc-price{margin-top:12px;display:flex;align-items:baseline;gap:9px}
.tbbc-price b{font-size:30px;font-weight:800;letter-spacing:-1px;color:var(--tx)}
.tbbc-price span{font-size:12.5px;color:var(--dim2)}
.tbbc-sec{margin-top:13px;padding-top:12px;border-top:1px solid var(--ln)}
.tbbc-sec h5{margin:0 0 2px;font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--dim2)}
.tbbc-fps .r{margin-top:9px}
.tbbc-fps .t{display:flex;align-items:baseline;gap:8px}
.tbbc-fps .t span{flex-grow:1;font-size:12.5px;color:var(--dim)}
.tbbc-fps .t b{font-size:17px;font-weight:800}
.tbbc-fps .t i{font-style:normal;font-size:9.5px;font-weight:800;color:var(--dim2)}
.tbbc-delta{font-style:normal;text-decoration:none;height:20px;padding:0 7px;border-radius:10px;background:rgba(52,211,153,.16);color:var(--neon);font-size:11px;font-weight:800;display:inline-flex;align-items:center}
.tbbc-fps .b{margin-top:5px;height:5px;border-radius:3px;background:#16233C;overflow:hidden}
.tbbc-fps .b i{display:block;height:5px;border-radius:3px;width:0;transition:width .7s cubic-bezier(.2,.8,.2,1)}
.tbbc-why{display:flex;gap:8px;margin-top:6px;font-size:11.5px;line-height:1.45;color:var(--dim)}
.tbbc-why em{flex:none;font-style:normal;color:var(--neon)}
.tbbc-acts{margin-top:auto;padding-top:14px;display:flex;gap:9px;align-items:stretch}
.tbbc-cta{flex-grow:1;min-height:48px;padding:9px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,255,255,.20);border-radius:14px;background:rgba(255,255,255,.07);color:var(--tx);font-family:inherit;font-size:13.5px;font-weight:800;line-height:1.25;cursor:pointer;text-transform:none;letter-spacing:0}
.tbbc-flip.best .tbbc-cta,.tbbc-face.back .tbbc-cta{border:0;background:var(--acc);color:#041026}
.tbbc-turn{width:52px;min-height:48px;align-self:stretch;flex:none;border:1px solid var(--ln2);border-radius:14px;background:transparent;color:var(--dim);font-family:inherit;font-size:16px;cursor:pointer}
.tbbc-more{margin-top:9px;width:100%;height:36px;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;border-radius:10px;background:rgba(143,182,255,.12);color:#A9C7FF;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer;text-transform:none}
.tbbc-bhead{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800}
.tbbc-bhead span{margin-left:auto;height:22px;padding:0 9px;border-radius:11px;background:rgba(52,211,153,.14);color:var(--neon);font-size:10.5px;font-weight:800;display:inline-flex;align-items:center}
.tbbc-parts{margin-top:10px;flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden}
.tbbc-part{display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--ln)}
.tbbc-part span{width:84px;flex:none;font-size:10.5px;color:var(--dim2);padding-top:2px}
.tbbc-part b{display:block;font-size:12.5px;font-weight:800}
.tbbc-part small{display:block;font-size:10.5px;color:var(--dim2)}
.tbbc-link{display:block;margin-top:10px;font-size:12px;font-weight:800;color:#8FB6FF;text-decoration:none}

/* hündürlük ölçmək üçün müvəqqəti rejim */
.tbbc-in.tbbc-olc{height:auto!important;min-height:0!important}
.tbbc-in.tbbc-olc .tbbc-face{position:relative!important;inset:auto!important;transform:none!important;backface-visibility:visible}
.tbbc-in.tbbc-olc .tbbc-face.back{display:none}

/* rollar */
.tbbc-flip.rol-ucuz .tbbc-face.front{border-color:rgba(52,211,153,.45)}
.tbbc-flip.rol-ucuz .tbbc-rib{background:rgba(52,211,153,.92);color:#04261A}
.tbbc-flip.rol-ucuz .tbbc-bas{color:var(--neon)}
.tbbc-flip.rol-ucuz .tbbc-cta{border-color:rgba(52,211,153,.5);color:#BFF3E0}
.tbbc-flip.rol-guclu .tbbc-face.front{border-color:rgba(167,139,250,.5)}
.tbbc-flip.rol-guclu .tbbc-rib{background:rgba(167,139,250,.95);color:#1B0B37}
.tbbc-flip.rol-guclu .tbbc-bas{color:#C4B5FD}
.tbbc-flip.rol-guclu .tbbc-cta{border-color:rgba(167,139,250,.5);color:#DDD3FF}
.tbbc-flip.rol-uygun .tbbc-rib{background:var(--acc);color:#041026}
.tbbc-flip.rol-uygun .tbbc-bas{color:#BBD3FF}

/* tema/plagin üslublarından qorunma */
.tbbc button{text-transform:none;letter-spacing:0;line-height:1.2}
.tbbc .tbbc-cta{background-color:rgba(255,255,255,.07)}
.tbbc .tbbc-turn{background-color:transparent}
.tbbc .tbbc-more{background-color:rgba(143,182,255,.12)}
.tbbc .tbbc-flip.best .tbbc-cta,.tbbc .tbbc-face.back .tbbc-cta{background-color:var(--acc)}
.tbbc b,.tbbc strong{color:inherit}

@media (max-width:900px){
	.tbbc{gap:14px;grid-template-columns:1fr}
	.tbbc-flip{max-width:none}
	.tbbc-flip.best{margin-top:0}
	.tbbc-in{min-height:580px}
}

/* Sehrbazın öz düymə sıfırlaması (.tbw button{font:inherit!important;height:auto!important})
   kartlara da düşürdü: mətn 16 px olurdu, düymə hündürlüyü itirdi və «Detallı parametrlərə bax» kəsilirdi. */
.tbw .tbbc button{font-family:inherit!important;letter-spacing:0!important;text-transform:none!important;line-height:1.2!important}
.tbw .tbbc .tbbc-cta{font-size:13.5px!important;min-height:48px!important;height:auto!important;padding:9px 10px!important}
.tbw .tbbc .tbbc-turn{width:52px!important;min-height:48px!important;height:auto!important;font-size:16px!important;padding:0!important}
.tbw .tbbc .tbbc-more{font-size:12.5px!important;height:36px!important;min-height:36px!important;padding:0 10px!important}
/* Yuvarlaq künclər və kontrast da sehrbazın/temanın düymə qaydaları ilə itirdi. */
.tbw .tbbc .tbbc-cta{border-radius:14px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.10)!important;color:#fff!important}
.tbw .tbbc .tbbc-flip.best .tbbc-cta,.tbw .tbbc .tbbc-face.back .tbbc-cta{border:0!important;background:var(--acc)!important;color:#041026!important}
.tbw .tbbc .tbbc-turn{border-radius:14px!important;border:1px solid rgba(255,255,255,.28)!important;background:transparent!important;color:#C8D3E8!important}
.tbw .tbbc .tbbc-more{border-radius:10px!important;border:0!important;background:rgba(143,182,255,.16)!important;color:#AECBFF!important}
.tbw .tbbc .tbbc-flip.rol-ucuz .tbbc-cta{border-color:rgba(52,211,153,.55)!important;color:#D6FBEC!important}
.tbw .tbbc .tbbc-flip.rol-guclu .tbbc-cta{border-color:rgba(167,139,250,.55)!important;color:#E7DEFF!important}

/* Yeni dizayn (23.09, «bir işıq, bir fokus»): rollar brend rəngləri ilə — yaşıl qənaətli, mavi ən uyğun,
   ağ-gümüşü daha güclü (bənövşəyi çıxdı); «Bu sistemi seç» ilə «Detallı parametrlərə bax» arasında məsafə. */
.tbw .tbbc{--acc:#2f73f0}
.tbw .tbbc-face{background:#0e1630;border-color:rgba(255,255,255,.12)}
.tbw .tbbc-flip.best .tbbc-face.front{border:2px solid #1860E8;box-shadow:0 30px 70px -24px rgba(24,96,232,.75),0 0 0 4px rgba(24,96,232,.14)}
.tbw .tbbc-flip.rol-uygun .tbbc-rib{background:#1860E8;color:#fff}
.tbw .tbbc .tbbc-flip.best .tbbc-cta{background:#1860E8!important;color:#fff!important}
.tbw .tbbc-flip.rol-guclu .tbbc-face.front{border-color:rgba(231,236,248,.35)}
.tbw .tbbc-flip.rol-guclu .tbbc-rib{background:#e7ecf8;color:#0f1a33}
.tbw .tbbc-flip.rol-guclu .tbbc-bas{color:#e7ecf8}
.tbw .tbbc .tbbc-flip.rol-guclu .tbbc-cta{border-color:rgba(231,236,248,.45)!important;color:#fff!important}
.tbw .tbbc .tbbc-more{margin-top:10px!important}

/* Mətnin kəskinliyi: 3D çevrilmə kontekstində miqyas/filtr yazını bulandırır. */
.tbbc-face{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.tbbc-flip:not(.is-flip) .tbbc-in{transform:none}
/* P1 (EKR-09): nəticə kartı alçaq noutbukda yığcam (683 → 540/516 px) — hündürlüyü bldcards.js boyOlc() məzmundan ölçür;
   ≤680-də FPS zolaqları gizli (rəqəmlər qalır) */
@media (min-width:901px) and (max-height:820px){
	.tbbc-shot{height:108px}
	.tbbc-shot img{padding:8px 10px 10px}
	.tbbc-body{padding:12px 18px 14px}
	.tbbc-price{margin-top:8px}
	.tbbc-sec{margin-top:9px;padding-top:8px}
	.tbbc-fps .r{margin-top:5px}
	.tbbc-fps .b{margin-top:3px}
	.tbbc-acts{padding-top:10px}
	.tbw .tbbc .tbbc-more{height:30px!important;min-height:30px!important;margin-top:6px}
}
@media (min-width:901px) and (max-height:680px){
	.tbbc-fps .b{display:none}
	.tbbc-shot{height:86px}
	.tbbc-acts{padding-top:8px}
	.tbbc-fps .r{margin-top:4px}
}
/* P2 (EKR-09): telefonda nəticə kartı bir ekrana (kartın hündürlüyü bldcards.js ölçür — məzmun yığcamlaşanda kart da kiçilir).
   Noutbukdakı ≤820 qaydası ilə eyni üsul: şəkil 166 → 100, boşluqlar azalır; ≤380 enində FPS zolaqları gizli (rəqəmlər qalır) */
@media (max-width:760px){
	.tbbc-shot{height:100px}
	.tbbc-shot img{padding:8px 10px 10px}
	.tbbc-body{padding:12px 16px 14px}
	.tbbc-price{margin-top:8px}
	.tbbc-sec{margin-top:9px;padding-top:8px}
	.tbbc-fps .r{margin-top:5px}
	.tbbc-fps .b{margin-top:3px}
	.tbbc-acts{padding-top:10px}
	.tbw .tbbc .tbbc-more{height:36px!important;min-height:36px!important;margin-top:4px}
}
@media (max-width:380px){
	.tbbc-fps .b{display:none}
	.tbbc-shot{height:86px}
	.tbbc-fps .r{margin-top:4px}
}

/* ═══ P7 (UI/UX 26.09) — nəticə kartları ═══ */
/* UYG-10: iki kartda qiymət/FPS/düymə xətləri eyni — spesifikasiya həmişə 2 sətir yeri tutur; «best» kart qaldırılmır (vurğu çərçivədədir) */
.tbbc-spec{min-height:calc(2 * 1.45em);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tbbc-bas{min-height:calc(1.25em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbbc-flip.best{margin-top:0}
/* UYG-33: ağ fonlu məhsul şəkli qradiyentdə ağ kvadrat kimi görünmür */
.tbbc-shot img{mix-blend-mode:multiply}
/* PCQ-02: kiçik yazılar ən azı 12 px */
.tbbc-fps .t i,.tbbc-sec h5,.tbbc-rib,.tbbc-rib2,.tbbc-delta{font-size:12px}
.tbbc-why{font-size:12.5px}


/* /wp-content/plugins/techbar-ui/assets/aydin.css */
/* Aydın — PC sehrbazının personajı (aydin.js). Yalnız /komputer-yigilmasi səhifəsində yüklənir. */

/* Telefonda giriş blokunda Aydının sətri üçün yer ƏVVƏLCƏDƏN ayrılır — JS gələndə səhifə tərpənmir (CLS yox). */
@media (max-width:900px){
	.tbw-hero .tbw-copy{position:relative}
	.tbw-hero .tbw-eyebrow{margin-bottom:94px}
}

.ayd-lay{position:absolute;inset:0;z-index:6;pointer-events:none}
.ayd-fig{position:absolute;pointer-events:none}
.ayd-fig img{display:block;height:100%;width:auto;filter:drop-shadow(0 16px 26px rgba(0,0,0,.5));animation:aydNefes 4.5s ease-in-out infinite}
.ayd-fig::after{content:"";position:absolute;left:10%;right:10%;bottom:-6px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(110,150,255,.45),rgba(110,150,255,0));z-index:-1}
@keyframes aydNefes{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

.ayd-bub{position:absolute;pointer-events:auto;box-sizing:border-box;max-width:240px;padding:11px 32px 12px 14px;border-radius:16px;
	background:rgba(20,28,62,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(160,190,255,.28);
	color:#fff;font:600 14px/1.42 inherit;text-align:left;box-shadow:0 12px 32px rgba(0,0,0,.4);animation:aydGir .25s ease-out}
.ayd-bub.ayd-sus{opacity:0;transition:opacity .6s}
.ayd-bub .ayd-nm{display:block;font-size:var(--tb-fs-12);font-weight:800;line-height:1;letter-spacing:.08em;color:#8FB4FF;margin-bottom:6px}
.tbw .ayd-bub .ayd-x{position:absolute!important;top:7px!important;right:8px!important;width:20px!important;height:20px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;
	background:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.75)!important;font:700 12px/20px sans-serif!important;text-align:center;cursor:pointer}
.tbw .ayd-bub .ayd-x:hover{background:rgba(255,255,255,.2)!important;color:#fff!important}
.tbw .ayd-bub .ayd-x:focus-visible{outline:2px solid #8FB4FF;outline-offset:2px}
/* quyruq: aşağı (standart), sola, sağa, yuxarı */
.ayd-bub::after{content:"";position:absolute;width:14px;height:14px;background:inherit;border:inherit;border-top:0;border-left:0;transform:rotate(45deg);bottom:-8px;right:var(--ayd-t,40px)}
.ayd-bub.ayd-tl::after{left:-8px;right:auto;bottom:auto;top:calc(50% - 7px);transform:rotate(135deg)}
.ayd-bub.ayd-tt::after{bottom:auto;top:-8px;left:calc(50% - 7px);right:auto;transform:rotate(225deg)}
@keyframes aydGir{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* telefon və dar ekran: kiçik avatar + baloncuq, axın içində */
.ayd-row{display:flex;align-items:center;gap:12px;margin:10px 0 14px;text-align:left}
.ayd-row .ayd-bub{position:relative;max-width:none;flex:1}
.ayd-row .ayd-bub::after{left:-8px;right:auto;bottom:auto;top:calc(50% - 7px);transform:rotate(135deg)}
.tbw-hero .ayd-row{position:absolute;left:0;right:0;margin:0}
.ayd-av{position:relative;flex:none;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3b6bff,#1b2a66);box-shadow:0 0 0 2px rgba(143,180,255,.55),0 6px 18px rgba(0,0,0,.4)}
.ayd-av img{position:absolute;display:block;max-width:none}

/* analiz: dairədə fikirləşən Aydın, ortada */
.ayd-bust{position:relative;border-radius:50%;overflow:hidden;margin:0 auto;background:radial-gradient(circle at 50% 40%,rgba(80,120,255,.55),rgba(20,30,80,.2) 70%);box-shadow:0 0 0 1px rgba(143,180,255,.35),0 0 60px rgba(80,120,255,.35)}
.ayd-bust img{position:absolute;display:block;max-width:none}
.tbw-an .tbw-spin.ayd-gizli{display:none!important}

/* gizlədildikdən sonra geri qaytarma düyməsi */
.tbw .ayd-geri{position:absolute!important;right:14px;bottom:14px;z-index:7;display:inline-flex!important;align-items:center;gap:8px;height:34px!important;min-height:0!important;padding:0 12px 0 4px!important;border-radius:17px!important;
	border:1px solid rgba(160,190,255,.3)!important;background:rgba(20,28,62,.86)!important;color:#dbe6ff!important;font:700 12.5px/1 inherit!important;cursor:pointer}
.tbw .ayd-geri:hover{border-color:rgba(160,190,255,.6)!important;color:#fff!important}
.tbw .ayd-row .ayd-geri{position:static!important}

@media (prefers-reduced-motion:reduce){
	.ayd-fig img,.ayd-bub{animation:none!important}
	.ayd-bub.ayd-sus{transition:none}
}
/* P2 (PNC-03, MHS-16): «×» görünüşü 20 px qalır, toxunma sahəsi 44×44 (şəffaf haşiyə) */
.tbw .ayd-bub .ayd-x{box-sizing:border-box!important;width:44px!important;height:44px!important;top:-5px!important;right:-4px!important;border:12px solid transparent!important;background-clip:padding-box!important}
.tbw .ayd-bub .ayd-x:focus-visible{outline-offset:-10px}


/* /wp-content/plugins/techbar-ui/assets/ui.css */
/* TechBar UI — yeni dizayn qatı (Mərhələ 1: qaydalar, kart, başlıq, footer).
   Hamısı body.tb-ui altında: plagin söndürüləndə və ya ?tbui=0 olanda heç bir təsiri yoxdur. */

/* ═══════════ 1. QAYDALAR (tokenlər) ═══════════ */
body.tb-ui{
	--tb-ink:#0B1220;
	--tb-ink-2:#3A4353;
	--tb-muted:#5B6475;
	--tb-faint:#6B7485;        /* köməkçi boz mətn — YALNIZ AĞ FONDA (4,7:1); boz fonda (--tb-well, #F7F9FC) 4,3:1 → orada --tb-muted (P4 QLB-07) */
	--tb-ph:#8A93A3;           /* yalnız placeholder, bəzək xətləri */
	--tb-line:#ECEEF2;
	--tb-line-2:#F1F3F6;
	--tb-field:#C9CED6;        /* sahə çərçivəsi (PNC-25) */
	--tb-btn-line:#DCE0E8;     /* ikinci dərəcəli düymə çərçivəsi */
	--tb-well:#F4F5F7;
	--tb-blue:#1550E0;
	--tb-blue-d:#0F3BAA;
	--tb-blue-soft:#EEF3FF;
	--tb-green:#12805C;
	--tb-green-soft:#E7F5EE;
	--tb-red:#C2362F;
	--tb-red-soft:#FDEDEC;
	--tb-amber:#A15C07;        /* «Son N ədəd», xəbərdarlıq — ağ mətnlə 5,2:1 (narıncı #F97316 ləğv) */
	--tb-amber-soft:#FDF3E3;
	--tb-r-sm:12px;            /* düymə, sahə, sətir */
	--tb-r:18px;               /* kart, blok, panel */
	--tb-r-pill:999px;         /* çip, nişan */
	--tb-focus:0 0 0 3px rgba(21,80,224,.18);
	/* Şrift şkalası (M3; P4 DSN-06): komponent CSS-lərində font-size yalnız bu dəyişənlərlə (birbaşa px YOX).
	   Minimum 12 px — nişan və sayğaclar daxil (QLB-03). 32 px-dən böyük yalnız vitrin (qiymət, hero). */
	--tb-fs-12:12px; --tb-fs-13:13px; --tb-fs-14:14px; --tb-fs-16:16px; --tb-fs-18:18px;
	--tb-fs-20:20px; --tb-fs-24:24px; --tb-fs-26:26px; --tb-fs-32:32px;
	--tb-h1:32px;              /* səhifə başlığı (mobil 24) */
	--tb-h2:26px;              /* bölmə başlığı (mobil 20) */
	--tb-h1-hero:44px;         /* hero başlığı — Gaming Zone, korporativ (mobil 30; user «A» 28.09, P4 DSN-04) */
	--tb-text:16px;            /* uzun mətn */
	/* Düymə hündürlüyü (P4 DSN-02): standart 48, əsas alış CTA (PDP/səbət/sifariş) 56, kiçik (kart, sətir) 44. Radius həmişə --tb-r-sm. */
	--tb-btn-h:48px;
	--tb-btn-h-lg:56px;
	--tb-btn-h-sm:44px;
	/* Nunito gələnə qədər ehtiyat üz: Arial/Roboto Nunito eninə və sətir hündürlüyünə uyğunlaşdırılıb (P4 QLB-06, @font-face aşağıda) */
	--tb-font:Nunito, "TB Nunito Arial", "TB Nunito Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font:var(--tb-font);
	--wd-title-font:var(--tb-font);
	--wd-entities-title-font:var(--tb-font);
	--wd-alternative-font:var(--tb-font);
	--wd-widget-title-font:var(--tb-font);
	--wd-header-el-font:var(--tb-font);
	--wd-link-color:var(--tb-blue);        /* Woodmart link rəngi #1E73BE → token (DSN-08) */
	--wd-link-color-hover:var(--tb-blue-d);
	color:var(--tb-ink);
}
@media (max-width:767px){ body.tb-ui{ --tb-h1:24px; --tb-h2:20px; --tb-h1-hero:30px; } }
body.tb-ui .price,
body.tb-ui .amount{ font-variant-numeric:tabular-nums; }

/* Nunito gələnə qədər ehtiyat üzlər (P4 QLB-06; əvvəl yalnız bloqda — SEO M2 ölçüsü 24.09): Arial/Roboto eni və şaquli ölçüləri Nunito-ya uyğun.
   Nunito/Arial 400 ≈ 1,008, 700 ≈ 0,974; Nunito/Roboto 400 ≈ 1,010, 700 ≈ 1,037; ascent 101%, descent 35% (÷ size-adjust). Şrift gələndə sətirlər yerində qalır. */
@font-face{ font-family:"TB Nunito Arial"; src:local("Arial"), local("ArialMT"); font-weight:300 500; size-adjust:100.8%; ascent-override:100.3%; descent-override:35%; line-gap-override:0%; }
@font-face{ font-family:"TB Nunito Arial"; src:local("Arial Bold"), local("Arial-BoldMT"); font-weight:600 900; size-adjust:97.5%; ascent-override:103.7%; descent-override:36.2%; line-gap-override:0%; }
@font-face{ font-family:"TB Nunito Roboto"; src:local("Roboto"), local("Roboto-Regular"); font-weight:300 500; size-adjust:101%; ascent-override:100.1%; descent-override:35%; line-gap-override:0%; }
@font-face{ font-family:"TB Nunito Roboto"; src:local("Roboto Bold"), local("Roboto-Bold"); font-weight:600 900; size-adjust:103.7%; ascent-override:97.5%; descent-override:34%; line-gap-override:0%; }

/* ═══════════ 2. MƏHSUL KARTI ═══════════ */
/* Çərçivə, kölgə, fon yox — kartı şəkil yeri və boşluq ayırır */
body.tb-ui .product-grid-item .product-wrapper.tbui-card{
	position:relative;
	display:flex !important; flex-direction:column;
	height:100%;
	padding:0 !important;
	border:0 !important; border-radius:0 !important;
	background:transparent !important; box-shadow:none !important;
}
body.tb-ui .product-grid-item .product-wrapper.tbui-card:hover{ border-color:transparent !important; }

/* Şəkil yeri: neytral boz, ağ fon «multiply» ilə qarışır */
body.tb-ui .product-grid-item .tbui-card .tbui-media{
	position:relative;
	isolation:isolate;
	margin:0 0 12px !important;
	border-radius:var(--tb-r) !important;
	overflow:hidden;
	background:var(--tb-well) !important;
}
body.tb-ui .product-grid-item .tbui-card .product-image-link{
	display:flex !important; align-items:center; justify-content:center;
	width:100% !important; height:auto !important; aspect-ratio:1/1;
	padding:10% !important; margin:0 !important;
	background:transparent !important;
}
body.tb-ui .product-grid-item .tbui-card .product-image-link img,
body.tb-ui .product-grid-item .tbui-card .wd-product-grid-slide img,
body.tb-ui .product-grid-item .tbui-card .hover-img img{
	mix-blend-mode:multiply;
	max-width:100% !important; max-height:100% !important;
	width:auto !important; height:auto !important;
	object-fit:contain;
}
body.tb-ui .product-grid-item .tbui-card .hover-img{ background:transparent !important; }
/* Woodmart-ın «Satış» etiketi — yerini endirim məbləği alır */
body.tb-ui .product-grid-item .tbui-card .product-labels{ display:none !important; }

/* Şəkil üzərində: endirim (sol üst) və stok (sol alt) */
body.tb-ui .tbui-card .tbui-off,
body.tb-ui .tbui-card .tbui-stock{
	position:absolute; left:10px; z-index:3;
	font-size:var(--tb-fs-12); font-weight:700; line-height:1; white-space:nowrap;
	pointer-events:none;
}
body.tb-ui .tbui-card .tbui-off{
	top:10px; padding:5px 8px; border-radius:7px;
	color:var(--tb-red); background:var(--tb-red-soft);
}
body.tb-ui .tbui-card .tbui-stock{
	bottom:10px; padding:5px 9px; border-radius:20px;
	background:#fff; color:var(--tb-green);
}
body.tb-ui .tbui-card .tbui-stock.is-vendor{ color:var(--tb-ink-2); }
body.tb-ui .tbui-card .tbui-stock.is-order{ color:var(--tb-amber); }
body.tb-ui .tbui-card .tbui-stock.is-out{ color:var(--tb-red); }

/* İstək siyahısı / müqayisə ikonları (sağ üst) */
body.tb-ui .product-grid-item .tbui-card .wd-buttons{ top:8px !important; right:8px !important; z-index:4; }
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn > a{
	width:36px !important; height:36px !important; border-radius:50% !important;
	background:rgba(255,255,255,.92) !important; color:var(--tb-ink) !important; box-shadow:none !important;
}

/* Səbət düyməsi: şəklin sağ alt küncündə dairəvi ikon (WooCommerce AJAX düyməsinin özü) */
body.tb-ui .product-grid-item .tbui-card .tbui-add{
	position:absolute !important; right:10px; bottom:10px; z-index:4;
	width:auto !important; margin:0 !important;
	opacity:1 !important; transform:none !important; visibility:visible !important;
}
body.tb-ui .product-grid-item .tbui-card .tbui-add > a,
body.tb-ui .product-grid-item .tbui-card .tbui-add .button{
	position:relative;
	display:flex !important; align-items:center; justify-content:center;
	width:44px !important; height:44px !important; min-height:0 !important;
	margin:0 !important; padding:0 !important;
	border:0 !important; border-radius:50% !important;
	background:#fff !important; color:var(--tb-ink) !important;
	font-size:0 !important; line-height:0 !important; letter-spacing:0 !important;
	box-shadow:0 1px 2px rgba(11,18,32,.08) !important;
	overflow:hidden; text-indent:0;
	transition:background .15s ease, color .15s ease;
}
body.tb-ui .product-grid-item .tbui-card .tbui-add > a::before,
body.tb-ui .product-grid-item .tbui-card .tbui-add .button::before{
	content:""; display:block; width:20px; height:20px; margin:0; position:static;
	background:currentColor; opacity:1;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 7h14l-1.5 11H6.5zM9 7a3 3 0 016 0M12 11v4M10 13h4'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 7h14l-1.5 11H6.5zM9 7a3 3 0 016 0M12 11v4M10 13h4'/%3E%3C/svg%3E") center/contain no-repeat;
	animation:none !important; border:0 !important;
}
body.tb-ui .product-grid-item .tbui-card .tbui-add > a::after,
body.tb-ui .product-grid-item .tbui-card .tbui-add .button::after{ display:none !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-add > a:hover,
body.tb-ui .product-grid-item .tbui-card .tbui-add .button:hover{ background:var(--tb-blue) !important; color:#fff !important; box-shadow:none !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-add .added_to_cart{ display:none !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-add .loading{ opacity:.6; }
/* «Ətraflı» (kombo, variantlı) düyməsi də eyni ikon formasında — ikon oxdur */
body.tb-ui .product-grid-item .tbui-card .tbui-add .product_type_combo:not(.add_to_cart_button)::before,
body.tb-ui .product-grid-item .tbui-card .tbui-add .product_type_variable::before,
body.tb-ui .product-grid-item .tbui-card .tbui-add .product_type_simple:not(.add_to_cart_button)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
	        mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
}

/* Mətn hissəsi */
body.tb-ui .product-grid-item .tbui-card .tbui-body{
	display:flex !important; flex-direction:column;
	padding:0 2px !important; margin:0 !important;
	background:transparent !important; min-height:0 !important;
	transform:none !important;
}
body.tb-ui .product-grid-item .tbui-card .wd-entities-title,
body.tb-ui .product-grid-item .tbui-card .woocommerce-loop-product__title{
	display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
	height:auto !important; min-height:0 !important; max-height:44px !important;
	margin:0 !important; padding:0 !important;
	font-size:var(--tb-fs-16) !important; line-height:22px !important; font-weight:700 !important; letter-spacing:-.1px;
	text-align:left !important;
}
body.tb-ui .product-grid-item .tbui-card .wd-entities-title a,
body.tb-ui .product-grid-item .tbui-card .woocommerce-loop-product__title a{ color:var(--tb-ink) !important; }
body.tb-ui .product-grid-item .tbui-card .wd-entities-title a:hover{ color:var(--tb-blue) !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-spec{
	margin-top:3px;
	font-size:var(--tb-fs-13); line-height:19px; color:var(--tb-muted);
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body.tb-ui .product-grid-item .tbui-card .tbui-price{
	display:block !important; width:100% !important;
	margin:10px 0 0 !important; padding:0 !important; border:0 !important;
}
body.tb-ui .product-grid-item .tbui-card .tbui-price .price{
	display:flex !important; align-items:baseline; flex-wrap:wrap; gap:0 8px;
	height:auto !important; overflow:visible; margin:0 !important; padding:0 !important;
	font-size:var(--tb-fs-20) !important; line-height:26px; font-weight:800 !important; letter-spacing:-.4px;
	color:var(--tb-ink) !important; white-space:nowrap;
}
body.tb-ui .product-grid-item .tbui-card .tbui-price .price ins{
	order:1; text-decoration:none !important; background:transparent !important; padding:0 !important;
	font-size:inherit !important; font-weight:800 !important; color:var(--tb-ink) !important;
}
body.tb-ui .product-grid-item .tbui-card .tbui-price .price del{
	order:2; opacity:1 !important;
	font-size:var(--tb-fs-13) !important; font-weight:500 !important; letter-spacing:0; color:var(--tb-faint) !important;
}
body.tb-ui .product-grid-item .tbui-card .tbui-price .price del *{ font-size:inherit !important; color:inherit !important; font-weight:inherit !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-price .price .screen-reader-text{ position:absolute !important; }
body.tb-ui .tbui-card .tbui-monthly{
	display:flex; align-items:center; gap:7px; flex-wrap:wrap;
	margin-top:7px;
}
body.tb-ui .tbui-card .tbui-chip{
	font-size:var(--tb-fs-12); font-weight:700; line-height:1; white-space:nowrap;
	color:var(--tb-blue); background:var(--tb-blue-soft);
	padding:5px 7px; border-radius:6px;
}
body.tb-ui .tbui-card .tbui-mo{
	font-size:var(--tb-fs-14); font-weight:700; color:var(--tb-ink); white-space:nowrap;
	font-variant-numeric:tabular-nums;
}
body.tb-ui .tbui-card .tbui-mo small{ font-size:var(--tb-fs-12); font-weight:500; color:var(--tb-muted); }

/* Woodmart «fw-button» hover effektləri — kart tərpənmir */
body.tb-ui .product-grid-item.wd-hover-fw-button .tbui-card .tbui-body,
body.tb-ui .product-grid-item.wd-hover-fw-button:hover .tbui-card .tbui-body{ transform:none !important; margin-bottom:0 !important; }
body.tb-ui .product-grid-item:hover > .product-wrapper.tbui-card,
body.tb-ui .product-grid-item.state-hover > .product-wrapper.tbui-card{ transform:none !important; z-index:auto !important; }
body.tb-ui .product-grid-item .tbui-card .product-image-link img{ transition:transform .35s ease; }
body.tb-ui .product-grid-item .tbui-card:hover .product-image-link img{ transform:scale(1.03); }

/* Qrid aralıqları: kartlar arasında hava */
body.tb-ui .products.wd-products .product-grid-item,
body.tb-ui .wd-products .product-grid-item{ padding-bottom:18px; }

@media (max-width:600px){
	body.tb-ui .product-grid-item .tbui-card .tbui-media{ border-radius:14px !important; margin-bottom:10px !important; }
	body.tb-ui .product-grid-item .tbui-card .wd-entities-title,
	body.tb-ui .product-grid-item .tbui-card .woocommerce-loop-product__title{ font-size:var(--tb-fs-14) !important; line-height:20px !important; max-height:40px !important; }
	body.tb-ui .product-grid-item .tbui-card .tbui-spec{ font-size:var(--tb-fs-12); line-height:17px; }
	body.tb-ui .product-grid-item .tbui-card .tbui-price .price{ font-size:var(--tb-fs-18) !important; line-height:22px; letter-spacing:-.3px; }
	body.tb-ui .product-grid-item .tbui-card .tbui-price .price del{ font-size:var(--tb-fs-12) !important; }
	body.tb-ui .tbui-card .tbui-chip{ font-size:var(--tb-fs-12); padding:4px 6px; }
	body.tb-ui .tbui-card .tbui-mo{ font-size:var(--tb-fs-13); }
	body.tb-ui .tbui-card .tbui-off, body.tb-ui .tbui-card .tbui-stock{ left:8px; font-size:var(--tb-fs-12); }
	body.tb-ui .tbui-card .tbui-off{ top:8px; padding:4px 6px; }
	body.tb-ui .tbui-card .tbui-stock{ bottom:8px; padding:4px 8px; }
	body.tb-ui .product-grid-item .tbui-card .tbui-add{ right:8px; bottom:8px; }
	body.tb-ui .product-grid-item .tbui-card .tbui-add > a,
	body.tb-ui .product-grid-item .tbui-card .tbui-add .button{ width:40px !important; height:40px !important; }
	body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn > a{ width:32px !important; height:32px !important; }
}

/* ═══════════ 3. SƏHİFƏ FONU VƏ BAŞLIQLAR ═══════════ */
body.tb-ui,
body.tb-ui .website-wrapper,
body.tb-ui .main-page-wrapper{ background-color:#fff !important; }
body.tb-ui .page-title .entry-title,
body.tb-ui .woocommerce-products-header__title,
body.tb-ui h1.page-title,
body.tb-ui .wd-shop-tools + h1,
body.tb-ui .title-shop h1,
body.tb-ui h1.entry-title{ font-weight:800 !important; letter-spacing:-.6px; color:var(--tb-ink) !important; }

/* ═══════════ 4. BAŞLIQ (header) ═══════════ */
/* Açıq mavi alt sətir → ağ + nazik xətt */
body.tb-ui .whb-header .whb-header-bottom,
body.tb-ui .whb-header .whb-header-bottom.whb-with-bg{
	background:#fff !important; background-image:none !important;
	border-bottom:1px solid var(--tb-line) !important; box-shadow:none !important;
}
body.tb-ui .whb-header .whb-general-header{ background:#fff !important; border-bottom:1px solid var(--tb-line) !important; }
body.tb-ui .whb-sticked .whb-header-bottom{ box-shadow:0 1px 0 var(--tb-line) !important; }

/* Axtarış: boz dolu sahə, ikon düyməsi fonsuz */
body.tb-ui .whb-header .searchform input.s,
body.tb-ui .whb-header .searchform input[type="text"]{
	height:48px !important;
	background:var(--tb-well) !important;
	border:1px solid transparent !important; border-radius:var(--tb-r-sm) !important; /* P4 DSN-07 */
	box-shadow:none !important;
	padding-left:18px !important;
	font-size:var(--tb-fs-16) !important; color:var(--tb-ink) !important;
}
body.tb-ui .whb-header .searchform input.s:focus{ background:#fff !important; border-color:#C9D2E3 !important; }
body.tb-ui .whb-header .searchform input.s::placeholder{ color:var(--tb-faint) !important; }
/* Formlarda yer tutucu mətn rəngində idi (Woodmart) — «80041», «ad@mail.az» dolu dəyər kimi görünürdü (23.09). Kod xanası (.tbac-otp) öz rəngini saxlayır. */
body.tb-ui input::placeholder, body.tb-ui textarea::placeholder{ color:var(--tb-ph); opacity:1; }
body.tb-ui .whb-header .searchform .searchsubmit{
	background:transparent !important; box-shadow:none !important;
	color:var(--tb-ink) !important; border-radius:12px !important;
}
body.tb-ui .whb-header .searchform .searchsubmit::before,
body.tb-ui .whb-header .searchform .searchsubmit::after,
body.tb-ui .whb-header .searchform .searchsubmit .wd-icon{ color:var(--tb-ink) !important; border-color:var(--tb-ink) !important; }
body.tb-ui .whb-header .searchform .searchsubmit:hover{ background:#E9ECF1 !important; }

/* «Menyu» düyməsi: çərçivəli, kölgəsiz */
body.tb-ui .whb-header .wd-header-cats .menu-opener{
	background:#fff !important; box-shadow:none !important;
	border:1px solid #D5DAE3 !important; border-radius:12px !important;
	color:var(--tb-ink) !important; font-weight:700 !important;
}
body.tb-ui .whb-header .wd-header-cats .menu-opener:hover{ border-color:var(--tb-ink) !important; }

/* Menyu linkləri */
body.tb-ui .whb-header .whb-header-bottom .wd-nav-main > li > a,
body.tb-ui .whb-header .whb-header-bottom .wd-nav > li > a{
	color:var(--tb-ink-2) !important; font-weight:700 !important; text-transform:none !important;
}
body.tb-ui .whb-header .whb-header-bottom .wd-nav > li > a:hover,
body.tb-ui .whb-header .whb-header-bottom .wd-nav > li.current-menu-item > a{ color:var(--tb-blue) !important; }
/* «YENİ» nişanı (Kompüter yığılması) — qırmızı yalnız endirim üçündür */
body.tb-ui .whb-header .menu-label,
body.tb-ui .whb-header .wd-nav .menu-label{ background:var(--tb-blue) !important; color:#fff !important; }
body.tb-ui .whb-header .menu-label::before{ border-color:var(--tb-blue) transparent transparent !important; color:var(--tb-blue) !important; }

/* Hesab / müqayisə / istək / səbət ikonları: dairə fonsuz, mürəkkəb rəng; səbət qara dairə */
body.tb-ui .whb-header .wd-tools-element > a{ color:var(--tb-ink) !important; }
body.tb-ui .whb-header .wd-tools-element:not(.wd-header-cart) .wd-tools-icon{ background:transparent !important; box-shadow:none !important; }
body.tb-ui .whb-header .wd-tools-element .wd-tools-count{ background:var(--tb-blue) !important; color:#fff !important; }
body.tb-ui .whb-header .wd-header-cart .wd-tools-icon{ background:var(--tb-ink) !important; }

/* Dəstək / çatdırılma info-box-ları */
body.tb-ui .whb-header .wd-info-box .info-box-inner,
body.tb-ui .whb-header .wd-info-box .info-box-inner p{ color:var(--tb-ink-2) !important; }
body.tb-ui .whb-header .wd-info-box .info-box-inner a{ color:var(--tb-blue) !important; font-weight:700; }

/* ═══════════ 5. FOOTER — açıq boz ═══════════ */
body.tb-ui .wd-footer,
body.tb-ui .footer-container{
	background:var(--tb-well) !important; background-image:none !important;
	border-top:1px solid #E6E9EE !important;
}
body.tb-ui .wd-footer .elementor-section,
body.tb-ui .wd-footer .elementor-container,
body.tb-ui .wd-footer .elementor-column,
body.tb-ui .wd-footer .elementor-widget-wrap,
body.tb-ui .wd-footer .copyrights-wrapper{ background-color:transparent !important; background-image:none !important; }
body.tb-ui .wd-footer img{ mix-blend-mode:multiply; }
body.tb-ui .wd-footer h1, body.tb-ui .wd-footer h2, body.tb-ui .wd-footer h3,
body.tb-ui .wd-footer h4, body.tb-ui .wd-footer h5,
body.tb-ui .wd-footer .elementor-heading-title,
body.tb-ui .wd-footer .widget-title{
	color:var(--tb-ink) !important; font-weight:800 !important; letter-spacing:-.2px;
}
body.tb-ui .wd-footer a,
body.tb-ui .wd-footer .elementor-icon-list-text,
body.tb-ui .wd-footer li{ color:var(--tb-muted) !important; }
body.tb-ui .wd-footer a:hover,
body.tb-ui .wd-footer a:hover .elementor-icon-list-text{ color:var(--tb-ink) !important; }
body.tb-ui .wd-footer p,
body.tb-ui .wd-footer .elementor-text-editor{ color:var(--tb-ink-2) !important; }
body.tb-ui .wd-footer .elementor-social-icon,
body.tb-ui .wd-footer .wd-social-icons a{ background:#fff !important; border-color:#D5DAE3 !important; color:var(--tb-ink) !important; }

/* ═══════════ 2b. Kart: düzəlişlər (qrid aralığı, düymə mətni) ═══════════ */
body.tb-ui .product-grid-item .product-wrapper.tbui-card{ padding:0 10px 28px !important; }
body.tb-ui .products-bordered-grid,
body.tb-ui .products-bordered-grid .product-grid-item,
body.tb-ui .wd-products.products-bordered-grid{ border:0 !important; box-shadow:none !important; }
body.tb-ui .products-bordered-grid .product-grid-item::before,
body.tb-ui .products-bordered-grid .product-grid-item::after{ display:none !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-add a > *,
body.tb-ui .product-grid-item .tbui-card .tbui-add .button > *{ display:none !important; }
@media (max-width:600px){
	body.tb-ui .product-grid-item .product-wrapper.tbui-card{ padding:0 5px 22px !important; }
}
/* Woodmart fw-button düyməsinin ikon animasiyası (::before sürüşməsi) — ikon həmişə mərkəzdə */
body.tb-ui .product-grid-item .tbui-card .tbui-add > a::before,
body.tb-ui .product-grid-item .tbui-card .tbui-add .button::before{
	position:static !important; inset:auto !important; transform:none !important;
	width:20px !important; height:20px !important; margin:0 !important;
	font-size:0 !important; line-height:0 !important; content:"" !important;
	opacity:1 !important; visibility:visible !important;
}
body.tb-ui .product-grid-item .tbui-card .tbui-add > a,
body.tb-ui .product-grid-item .tbui-card .tbui-add .button{ transform:none !important; box-sizing:border-box !important; }
body.tb-ui .wd-footer .elementor-widget-image,
body.tb-ui .wd-footer .elementor-widget-container{ background:transparent !important; }

/* ═══════════ 6. BÖLMƏ BAŞLIQLARI (Woodmart title vidceti) ═══════════ */
body.tb-ui .woodmart-title-container.title,
body.tb-ui .wd-el-title .title{
	font-weight:800 !important; letter-spacing:-.6px !important; color:var(--tb-ink) !important;
}
@media (max-width:600px){
	body.tb-ui .woodmart-title-container.title{ font-size:var(--tb-fs-20) !important; letter-spacing:-.4px !important; }
}

/* Karusel başlıqları (wd_products «slider-title») */
body.tb-ui .wd-el-title.slider-title,
body.tb-ui .wd-el-title.slider-title span{
	font-weight:800 !important; letter-spacing:-.5px !important; color:var(--tb-ink) !important; text-transform:none !important;
}
body.tb-ui .wd-el-title.slider-title::before,
body.tb-ui .wd-el-title.slider-title::after{ display:none !important; }

/* ═══════════ 8. Xidmət sətri (yuxarı kampaniya banneri əvəzinə, vebdə) ═══════════ */
body.tb-ui .tbui-strip{ border-bottom:1px solid var(--tb-line); background:#fff; }
body.tb-ui .tbui-strip-in{
	max-width:var(--wd-container-w, 1222px); margin:0 auto; padding:0 15px; height:36px;
	display:flex; align-items:center; gap:22px; font-size:var(--tb-fs-13); color:var(--tb-muted);
}
body.tb-ui .tbui-strip-in span{ display:inline-flex; align-items:center; gap:6px; }
body.tb-ui .tbui-strip-tel{ margin-left:auto; font-weight:700; color:var(--tb-ink) !important; font-variant-numeric:tabular-nums; }
body.tb-ui .tbui-strip-wa{ font-weight:700; color:var(--tb-green) !important; }
@media (max-width:767px){ body.tb-ui .tbui-strip{ display:none; } }

/* ═══════════ 9. Mobil footer: yığılan siyahılar (assets/footer.js) ═══════════ */
@media (max-width:767px){
	body.tb-ui .wd-footer .tbui-fcol{ border-bottom:1px solid #E1E4EA; padding:4px 0; }
	body.tb-ui .wd-footer .tbui-fcol > .elementor-widget-wd_text_block{ position:relative; margin:0 !important; padding:12px 48px 12px 0 !important; }
	body.tb-ui .wd-footer .tbui-fcol > .elementor-widget-wd_text_block *{ margin:0 !important; font-size:var(--tb-fs-16) !important; }
	body.tb-ui .wd-footer .tbui-ftog{
		position:absolute; right:0; top:50%; transform:translateY(-50%); width:44px; height:44px; min-height:0 !important; padding:0 !important;
		border:0 !important; background:transparent !important; color:var(--tb-ink) !important; display:flex; align-items:center; justify-content:center;
	}
	body.tb-ui .wd-footer .tbui-ftog svg{ transition:transform .2s ease; }
	body.tb-ui .wd-footer .tbui-fcol.is-open .tbui-ftog svg{ transform:rotate(180deg); }
	body.tb-ui .wd-footer .tbui-fcol > .elementor-widget-wd_extra_menu_list{ display:none !important; }
	body.tb-ui .wd-footer .tbui-fcol.is-open > .elementor-widget-wd_extra_menu_list{ display:block !important; padding-bottom:10px; }
	body.tb-ui .wd-footer .elementor-top-section{ padding-bottom:84px; }
}
@media (max-width:767px){
	body.tb-ui .wd-footer .tbui-fcol > .elementor-widget-wd_text_block{ width:100% !important; max-width:100% !important; }
	body.tb-ui .wd-footer .elementor-widget-wd_image_or_svg img{ max-width:150px !important; height:auto !important; }
	body.tb-ui .wd-footer .elementor-widget-wd_image_or_svg{ margin-bottom:6px !important; }
}

/* ═══════════ 10. Yeni footer ([tbui_footer]) ═══════════ */
body.tb-ui .wd-footer .main-footer{ padding-top:0 !important; padding-bottom:0 !important; }
body.tb-ui .tbf{ display:grid; grid-template-columns:1.4fr repeat(4, minmax(0,1fr)); gap:40px; padding:56px 0 36px; }
body.tb-ui .tbf a{ text-decoration:none; }
body.tb-ui .tbf-logo img{ width:150px; height:auto; mix-blend-mode:multiply; }
body.tb-ui .tbf-logo{ display:inline-block; font-size:var(--tb-fs-26); font-weight:800; color:var(--tb-blue) !important; }
body.tb-ui .tbf-desc{ margin:12px 0 0; max-width:300px; font-size:var(--tb-fs-14); line-height:1.6; color:var(--tb-muted) !important; }
body.tb-ui .tbf-contact{ list-style:none; margin:18px 0 0; padding:0; display:flex; flex-direction:column; gap:9px; }
body.tb-ui .tbf-contact li{ display:flex; align-items:center; gap:9px; margin:0; font-size:var(--tb-fs-14); color:var(--tb-ink-2) !important; }
body.tb-ui .tbf-contact li::before{ display:none; }
body.tb-ui .tbf-contact svg{ flex:none; color:var(--tb-muted); }
body.tb-ui .tbf-contact a{ color:var(--tb-ink) !important; font-weight:700; }
body.tb-ui .tbf-contact a.tbf-wa{ color:var(--tb-green) !important; }
body.tb-ui .tbf-social{ display:flex; gap:8px; margin-top:16px; }
body.tb-ui .tbf-social a{ width:40px; height:40px; border-radius:50%; background:#fff; border:1px solid #D5DAE3; color:var(--tb-ink) !important; display:flex; align-items:center; justify-content:center; }
body.tb-ui .tbf-social a:hover{ border-color:var(--tb-ink); }
body.tb-ui .tbf-h{ display:flex; align-items:center; margin-bottom:14px; }
body.tb-ui .tbf-h a,
body.tb-ui .tbf-h span{ font-size:var(--tb-fs-13); font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:var(--tb-ink) !important; }
body.tb-ui .tbf-tog{ display:none; }
body.tb-ui .tbf-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
body.tb-ui .tbf-list li{ margin:0; padding:0; }
body.tb-ui .tbf-list li::before{ display:none; }
body.tb-ui .tbf-list a{ font-size:var(--tb-fs-14); color:var(--tb-muted) !important; }
body.tb-ui .tbf-list a:hover{ color:var(--tb-ink) !important; }
body.tb-ui .tbf-bottom{ border-top:1px solid #E1E4EA; padding:18px 0 24px; font-size:var(--tb-fs-13); color:var(--tb-muted); } /* P4 QLB-07: boz fonda --tb-faint 4,31:1 */
@media (max-width:1024px){ body.tb-ui .tbf{ grid-template-columns:repeat(2, minmax(0,1fr)); } body.tb-ui .tbf-brand{ grid-column:1 / -1; } }
@media (max-width:767px){
	body.tb-ui .tbf{ display:block; padding:30px 0 8px; }
	body.tb-ui .tbf-brand{ padding-bottom:18px; }
	body.tb-ui .tbf-col{ border-top:1px solid #E1E4EA; }
	body.tb-ui .tbf-h{ margin:0; min-height:52px; }
	body.tb-ui .tbf-h a, body.tb-ui .tbf-h span{ font-size:var(--tb-fs-16); letter-spacing:0; text-transform:none; flex:1; }
	body.tb-ui .tbf-tog{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:0 !important; padding:0 !important; border:0 !important; background:transparent !important; color:var(--tb-ink) !important; }
	body.tb-ui .tbf-tog svg{ transition:transform .2s ease; }
	body.tb-ui .tbf-col.is-open .tbf-tog svg{ transform:rotate(180deg); }
	body.tb-ui .tbf-list{ display:none; padding:0 0 16px; }
	body.tb-ui .tbf-col.is-open .tbf-list{ display:flex; }
	body.tb-ui .tbf-bottom{ padding-bottom:90px; }
}

/* ═══════════ 11. Başlıq (kətan quruluşu — includes/header.php) ═══════════ */
body.tb-ui .whb-header .whb-general-header .whb-col-right{ gap:6px; }
body.tb-ui .whb-header .whb-general-header .whb-col-right .wd-tools-element > a{ width:44px; height:44px; justify-content:center; }
body.tb-ui .whb-header .wd-header-cats .menu-opener{ height:44px; }
body.tb-ui .whb-header .whb-header-bottom .wd-nav-main > li > a{ font-size:var(--tb-fs-16) !important; }
body.tb-ui .whb-header .whb-header-bottom .wd-nav-main > li.tbui-nav-build > a{ color:var(--tb-blue) !important; }
@media (max-width:1024px){
	/* Mobil: loqo solda, sağda ikonlar; alt sətirdə yalnız tam en axtarış (burger gizli — aşağı zolaqdakı «Menyu» açır) */
	body.tb-ui .whb-header .whb-general-header .whb-mobile-left{ flex:1 1 auto; }
	body.tb-ui .whb-header .whb-general-header .whb-mobile-left .wd-logo img{ max-width:132px !important; height:auto; }
	body.tb-ui .whb-header .whb-general-header .whb-mobile-center{ display:none !important; }
	body.tb-ui .whb-header .whb-general-header .whb-mobile-right{ gap:2px; }
	body.tb-ui .whb-header .whb-header-bottom .wd-header-mobile-nav{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
	body.tb-ui .whb-header .whb-header-bottom .whb-mobile-left,
	body.tb-ui .whb-header .whb-header-bottom .whb-mobile-center{ flex:1 1 auto; }
	body.tb-ui .whb-header .whb-header-bottom .wd-header-search-form-mobile{ flex:1 1 auto; width:100%; }
	body.tb-ui .whb-header .whb-header-bottom .wd-header-search-form-mobile input.s{ height:46px !important; background:var(--tb-well) !important; border:1px solid transparent !important; border-radius:var(--tb-r-sm) !important; font-size:var(--tb-fs-16) !important; }
	body.tb-ui .whb-header .whb-header-bottom .wd-header-search-form-mobile .searchsubmit{ background:transparent !important; color:var(--tb-ink) !important; }
	body.tb-ui .whb-header .whb-header-bottom .wd-header-search-form-mobile .searchsubmit::before{ color:var(--tb-ink) !important; }
}
@media (max-width:1024px){
	body.tb-ui .whb-header .whb-general-header .whb-mobile-left,
	body.tb-ui .whb-header .whb-general-header .whb-mobile-right{ display:flex !important; align-items:center; }
	body.tb-ui .whb-header .whb-general-header .whb-mobile-right{ justify-content:flex-end; }
}
/* Səbət ikonu digər ikonlar kimi (dairə fonu yox) */
body.tb-ui .whb-header .wd-header-cart .wd-tools-icon{ background:transparent !important; }
body.tb-ui .whb-header .wd-header-cart .wd-tools-icon::before{ color:var(--tb-ink) !important; }
body.tb-ui .whb-header .wd-header-cart .wd-cart-subtotal,
body.tb-ui .whb-header .wd-header-cart .wd-tools-text{ display:none !important; }

/* Ana səhifədə kateqoriya menyusu da açılsın (tema köhnə sol panel üçün body.home-da gizlədirdi) */
body.tb-ui.home .wd-header-cats .wd-dropdown-cats{ display:block !important; }

/* Kartda yalnız istək siyahısı ürəyi (sağ üst); müqayisə və tez baxış kartda göstərilmir */
body.tb-ui .product-grid-item .tbui-card .wd-buttons{
	top:10px !important; right:10px !important; bottom:auto !important; left:auto !important;
	display:flex !important; flex-direction:column; gap:6px;
	opacity:1 !important; visibility:visible !important; transform:none !important;
	background:transparent !important; box-shadow:none !important; padding:0 !important;
}
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-compare-btn,
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-quick-view-btn,
body.tb-ui .product-grid-item .tbui-card .wd-buttons .quick-view,
body.tb-ui .product-grid-item .tbui-card .wd-buttons .product-compare-button{ display:none !important; }
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn{ margin:0 !important; }
body.tb-ui .product-grid-item .tbui-card .wd-buttons{ position:absolute !important; }

/* ═══════════ 12. «Bütün kateqoriyalar» açılan menyu (catalog-ui meqa-menyu) — premium üslub ═══════════ */
body.tb-ui .wd-header-cats .wd-dropdown-cats{
	background:#fff !important; border:1px solid var(--tb-line) !important; border-radius:18px !important;
	box-shadow:0 18px 40px rgba(11,18,32,.10) !important; padding:8px !important;
}
/* Sol siyahı */
body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li{ border:0 !important; }
body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li > a{
	min-height:42px; padding:0 12px !important; border-radius:10px !important;
	color:var(--tb-ink-2) !important; font-size:var(--tb-fs-16) !important; font-weight:600 !important; background:transparent !important;
}
body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li:hover > a,
body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li.wd-opened > a{ background:var(--tb-well) !important; color:var(--tb-ink) !important; }
body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li > a .nav-link-text{ color:inherit !important; }
body.tb-ui .wd-header-cats .wd-dropdown-cats img.wd-nav-img{ filter:brightness(0) saturate(100%); opacity:.62; }
body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li:hover img.wd-nav-img{ opacity:.9; }
/* Sağ panel */
body.tb-ui .wd-header-cats .tb-mm.wd-dropdown-menu{
	background:#fff !important; border:0 !important; border-left:1px solid var(--tb-line) !important;
	box-shadow:none !important; border-radius:0 16px 16px 0 !important; padding:26px 30px !important;
}
body.tb-ui .tb-mm .wd-entry-content{ gap:40px !important; }
/* Bölmə başlıqları (köhnə mavi «çip») → adi başlıq */
body.tb-ui .tb-mm ul.mega-menu-list > li > a,
body.tb-ui .tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu > li > a{
	background:transparent !important; color:var(--tb-ink) !important; border:0 !important; box-shadow:none !important;
	padding:0 !important; margin:0 0 10px !important; border-radius:0 !important;
	font-size:var(--tb-fs-12) !important; font-weight:800 !important; letter-spacing:.6px !important; text-transform:uppercase !important;
}
body.tb-ui .tb-mm ul.mega-menu-list > li > a:hover,
body.tb-ui .tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu > li > a:hover{ background:transparent !important; color:var(--tb-blue) !important; }
body.tb-ui .tb-mm ul.mega-menu-list > li > a img,
body.tb-ui .tb-mm ul.mega-menu-list > li > a svg{ display:none !important; }
/* Linklər */
body.tb-ui .tb-mm .sub-sub-menu > li > a{
	background:transparent !important; border:0 !important; padding:5px 0 !important; border-radius:0 !important;
	color:var(--tb-muted) !important; font-size:var(--tb-fs-14) !important; font-weight:500 !important; line-height:1.35 !important;
}
body.tb-ui .tb-mm .sub-sub-menu > li > a:hover{ background:transparent !important; color:var(--tb-ink) !important; }
/* Kartlar: mavi reklam kartı və boş «Xidmət» qutuları çıxır, yalnız məhsul kartı qalır (premium kart üslubu) */
body.tb-ui .tb-mm .tb-mm-card--cat,
body.tb-ui .tb-mm .tb-mm-card--srv{ display:none !important; }
body.tb-ui .tb-mm .tb-mm-cards,
body.tb-ui .tb-mm .tb-mm-cards--wide,
body.tb-ui .tb-mm .tb-mm-cards--col{ display:block !important; flex:0 0 220px !important; width:220px !important; grid-template-columns:none !important; }
body.tb-ui .tb-mm a.tb-mm-card--prod{
	display:block !important; background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; transform:none !important;
}
body.tb-ui .tb-mm .tb-mm-prod-imgwrap{ background:var(--tb-well) !important; border:0 !important; border-radius:16px !important; padding:14px !important; }
body.tb-ui .tb-mm .tb-mm-prod-img{ mix-blend-mode:multiply; }
body.tb-ui .tb-mm span.tb-mm-prod-title{ margin-top:10px !important; color:var(--tb-ink) !important; font-size:var(--tb-fs-14) !important; font-weight:700 !important; text-align:left !important; }
body.tb-ui .tb-mm span.tb-mm-prod-price{ color:var(--tb-ink) !important; font-size:var(--tb-fs-18) !important; font-weight:800 !important; text-align:left !important; font-variant-numeric:tabular-nums; }
body.tb-ui .tb-mm a.tb-mm-card--prod:hover span.tb-mm-prod-title{ color:var(--tb-blue) !important; }
body.tb-ui .wd-header-cats .wd-dropdown-cats .tb-mm.wd-dropdown-menu{ top:-1px !important; bottom:-1px !important; height:auto !important; min-height:0 !important; }
body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li > a{ min-height:38px; padding:0 10px !important; font-size:var(--tb-fs-14) !important; }
body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li > a .nav-link-text{ white-space:nowrap; }
body.tb-ui .wd-header-cats .tb-mm .tb-mm-cards,
body.tb-ui .wd-header-cats .tb-mm .tb-mm-cards.tb-mm-cards--wide,
body.tb-ui .wd-header-cats .tb-mm .tb-mm-cards.tb-mm-cards--col{ flex:0 0 200px !important; width:200px !important; max-width:200px !important; margin-left:auto !important; }
body.tb-ui .wd-header-cats .tb-mm .tb-mm-prod-imgwrap{ height:170px !important; display:flex !important; align-items:center; justify-content:center; }
body.tb-ui .wd-header-cats .tb-mm .tb-mm-prod-img{ max-width:100% !important; max-height:100% !important; width:auto !important; height:auto !important; object-fit:contain; }
body.tb-ui .wd-header-cats .wd-dropdown-cats .tb-mm.wd-dropdown-menu{
	width:min(1100px, calc(100vw - 350px)) !important; max-width:none !important;
	box-shadow:18px 18px 40px rgba(11,18,32,.10) !important; border:1px solid var(--tb-line) !important; border-left:0 !important;
}
body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li > a .nav-link-text{ white-space:normal !important; line-height:1.3; padding:8px 0; }
body.tb-ui .tb-mm .elementor-widget-wd_extra_menu_list + .elementor-widget-wd_extra_menu_list,
body.tb-ui .tb-mm ul.mega-menu-list + ul.mega-menu-list{ margin-top:20px !important; }
body.tb-ui .tb-mm ul.mega-menu-list > li > a{ margin-left:-10px !important; padding-left:10px !important; }
/* Alt kateqoriya başlıqları: köhnə çip ikonunun yeri (görünməz, amma boşluq saxlayırdı) çıxır — başlıq linklərlə bir xətdə */
body.tb-ui .tb-mm ul.mega-menu-list > li > a{ margin-left:0 !important; padding-left:0 !important; transition:none !important; transform:none !important; display:block !important; }
body.tb-ui .tb-mm ul.mega-menu-list > li > a .tb-chip-ico,
body.tb-ui .tb-mm ul.mega-menu-list > li > a .tb-ico{ display:none !important; width:0 !important; margin:0 !important; }

/* Menyu nişanı («Yeni») — sətrin üst kənarında kəsilirdi → mətnin yanında kiçik nişan */
body.tb-ui .whb-header .whb-header-bottom .wd-nav > li > a{ overflow:visible !important; }
body.tb-ui .whb-header .whb-header-bottom .wd-nav > li > a .menu-label{
	position:static !important; inset:auto !important; transform:none !important; margin:0 0 0 6px !important;
	display:inline-flex !important; align-items:center; height:18px; padding:0 6px !important; border-radius:6px !important;
	font-size:var(--tb-fs-12) !important; line-height:1 !important; font-weight:800 !important; letter-spacing:.2px; text-transform:uppercase;
	background:var(--tb-blue-soft) !important; color:var(--tb-blue) !important; vertical-align:middle;
}
body.tb-ui .whb-header .whb-header-bottom .wd-nav > li > a .menu-label::before,
body.tb-ui .whb-header .whb-header-bottom .wd-nav > li > a .menu-label::after{ display:none !important; }

/* ═══════════ 13. Başlıq v2 (21.09 kətan «6 · Başlıq və menyu v2») — yalnız veb ═══════════ */
@media (min-width:1000px){ /* M6 PLN-08: başlıq 1000 px-dən masaüstü (əvvəl 1025) */
	/* Əsas sətir yapışanda hündürlük (qurucuda bu sətir yapışqan deyildi — dəyişən təyin olunmayıb) */
	body.tb-ui{ --wd-header-general-sticky-h:72px; }
	/* Xidmət sətri: linklər solda, telefon + WhatsApp sağda */
	body.tb-ui .tbui-strip-link{ color:var(--tb-ink-2) !important; font-weight:600; }
	body.tb-ui .tbui-strip-link:hover{ color:var(--tb-blue) !important; }

	/* Əsas sətir: loqo · Kataloq · axtarış · ikonlar */
	body.tb-ui .whb-general-header .whb-col-center{ display:flex; align-items:center; gap:12px; }
	body.tb-ui .whb-general-header .whb-col-center > .wd-header-search{ flex:1 1 auto; }
	body.tb-ui .whb-general-header .wd-header-cats{ position:static !important; flex:0 0 auto; margin:0 !important; }
	body.tb-ui .whb-general-header .container{ position:relative; }
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener{
		height:48px !important; min-width:0 !important; width:auto !important; padding:0 20px !important;
		background:var(--tb-ink) !important; border:0 !important; border-radius:var(--tb-r-sm) !important;
		color:#fff !important; font-size:var(--tb-fs-16) !important; font-weight:700 !important; gap:10px;
	}
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener:hover{ background:#1B2436 !important; }
	body.tb-ui .whb-general-header .wd-header-cats.wd-opened .menu-opener,
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener.wd-opened{ background:var(--tb-blue) !important; }
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener .menu-opener-icon,
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener .menu-open-label{ color:#fff !important; }
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener .menu-open-label{ text-transform:none !important; letter-spacing:0 !important; }

	/* Açılan panel: əsas sətrin altında, konteynerin sol kənarından (siyahı 290 px + sağ panel) */
	body.tb-ui .whb-general-header .wd-header-cats .wd-dropdown-cats{
		left:15px !important; right:auto !important; top:calc(100% + 69px) !important; width:290px !important; margin:0 !important;
		border-radius:20px 0 0 20px !important; box-shadow:0 24px 60px rgba(11,18,32,.18) !important;
	}
	body.tb-ui .whb-general-header .wd-header-cats .wd-dropdown-cats .tb-mm.wd-dropdown-menu{
		width:min(990px, calc(100vw - 350px)) !important; border-radius:0 20px 20px 0 !important;
		box-shadow:24px 24px 60px rgba(11,18,32,.14) !important;
	}

	/* Panel yanıb-sönməsin: yalnız li.tbui-act paneli görünür (footer.js), animasiya yox; sağda həmişə ağ fon */
	body.tb-ui .wd-header-cats[data-tbui] .wd-dropdown-cats > ul > li > .wd-dropdown-menu{
		opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transition:none !important; transform:none !important; z-index:2;
	}
	/* yalnız menyu AÇIQ olanda — bağlı menyuda görünməz panel mausu tutub Woodmart örtüyünü yandırırdı (22.09) */
	body.tb-ui .wd-header-cats.wd-opened[data-tbui] .wd-dropdown-cats > ul > li.tbui-act > .wd-dropdown-menu{
		opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
	}
	body.tb-ui .wd-header-cats[data-tbui] .wd-dropdown-cats > ul > li.tbui-act > a{ background:var(--tb-well) !important; color:var(--tb-ink) !important; font-weight:700 !important; }
	body.tb-ui .wd-header-cats[data-tbui] .wd-dropdown-cats > ul > li.tbui-act > a::after{ opacity:1; }
	body.tb-ui .wd-header-cats[data-tbui] .wd-dropdown-cats::after{
		content:""; position:absolute; left:100%; top:-1px; bottom:-1px; z-index:0; pointer-events:none;
		width:min(990px, calc(100vw - 350px)) !important; height:auto !important; background:#fff; border:1px solid var(--tb-line); border-left:0;
		border-radius:0 20px 20px 0; box-shadow:24px 24px 60px rgba(11,18,32,.14);
	}
	/* Sağ panel siyahı ilə eyni xətdə (konteyner ul-dur: 8px padding + 1px xətt) */
	body.tb-ui .whb-general-header .wd-header-cats .wd-dropdown-cats .tb-mm.wd-dropdown-menu{ top:-9px !important; bottom:-9px !important; }
	body.tb-ui .whb-general-header .wd-header-cats .wd-dropdown-cats > ul > li.menu-simple-dropdown{ position:static !important; }
	/* Sol siyahı: ox yalnız aktiv sətirdə */
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li > a::after{ opacity:0; }
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li:hover > a::after,
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li.wd-opened > a::after{ opacity:1; }
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li:hover > a{ font-weight:700 !important; }

	/* Sağ panelin başlığı: kateqoriya adı + «Hamısına bax» */
	html body.tb-ui .wd-dropdown-menu.tb-mm .wd-dropdown-inner > .container.wd-entry-content{ position:relative; padding-top:62px !important; }
	body.tb-ui .tb-mm .tbui-mm-head{ position:absolute; left:-15px; right:0; top:4px; display:flex; align-items:baseline; gap:14px; }
	body.tb-ui .tb-mm .tbui-mm-name{ font-size:var(--tb-fs-24); font-weight:800; letter-spacing:-.5px; color:var(--tb-ink); line-height:1.2; }
	body.tb-ui .tb-mm a.tbui-mm-all{ font-size:var(--tb-fs-14); font-weight:700; color:var(--tb-blue) !important; }
	body.tb-ui .tb-mm a.tbui-mm-all::after{ content:" ›"; }
	body.tb-ui .tb-mm a.tbui-mm-all:hover{ color:var(--tb-blue-d) !important; }
	/* Qrup başlıqları: böyük hərf yox, qalın adi yazı */
	body.tb-ui .tb-mm ul.mega-menu-list > li > a,
	body.tb-ui .tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu > li > a{
		font-size:var(--tb-fs-16) !important; font-weight:800 !important; letter-spacing:0 !important; text-transform:none !important; margin-bottom:6px !important;
	}

	/* Məhsul kartı: endirim, üstündən xətt, taksit */
	body.tb-ui .tb-mm .tb-mm-prod-imgwrap{ position:relative; }
	body.tb-ui .tb-mm .tbui-mm-off{
		position:absolute; left:10px; top:10px; z-index:1; padding:3px 8px; border-radius:7px;
		background:var(--tb-red-soft); color:var(--tb-red); font-size:var(--tb-fs-12); font-weight:700; line-height:1.3;
	}
	body.tb-ui .tb-mm .tbui-mm-price{ display:flex; align-items:baseline; gap:8px; margin-top:6px; font-variant-numeric:tabular-nums; }
	body.tb-ui .tb-mm .tbui-mm-price b{ font-size:var(--tb-fs-18); font-weight:800; color:var(--tb-ink); }
	body.tb-ui .tb-mm .tbui-mm-price s{ font-size:var(--tb-fs-13); color:var(--tb-faint); }
	body.tb-ui .tb-mm .tbui-monthly{ display:flex; align-items:center; gap:7px; margin-top:6px; }
	body.tb-ui .tb-mm .tbui-monthly .tbui-chip{ font-size:var(--tb-fs-12); font-weight:700; color:var(--tb-blue); background:var(--tb-blue-soft); padding:3px 8px; border-radius:6px; }
	body.tb-ui .tb-mm .tbui-monthly .tbui-mo{ font-size:var(--tb-fs-14); font-weight:700; color:var(--tb-ink); }
	body.tb-ui .tb-mm .tbui-monthly small{ font-size:var(--tb-fs-12); font-weight:600; color:var(--tb-muted); }

	/* «Kompüter hissələri» panelində: «Kompüter yığ» bloku */
	body.tb-ui .tb-mm a.tbui-mm-build{
		display:flex; flex-direction:column; min-height:300px; box-sizing:border-box; padding:24px; border-radius:18px;
		background:var(--tb-ink); color:#fff !important;
	}
	body.tb-ui .tb-mm .tbui-mm-build-t{ font-size:var(--tb-fs-24); font-weight:800; letter-spacing:-.5px; line-height:1.2; color:#fff; }
	body.tb-ui .tb-mm .tbui-mm-build-d{ margin-top:8px; font-size:var(--tb-fs-14); line-height:1.5; color:#A3ACBC; }
	body.tb-ui .tb-mm .tbui-mm-build-b{
		margin-top:auto; height:44px; border-radius:22px; background:#fff; color:var(--tb-ink);
		display:flex; align-items:center; justify-content:center; font-size:var(--tb-fs-14); font-weight:700;
	}
	body.tb-ui .tb-mm .tbui-mm-build-b::after{ content:" ›"; white-space:pre; }
	body.tb-ui .tb-mm a.tbui-mm-build:hover .tbui-mm-build-b{ background:var(--tb-blue-soft); }

	/* İkonlar: altında qısa yazı */
	body.tb-ui .whb-general-header .whb-col-right .wd-tools-element > a{
		width:auto !important; min-width:64px; height:auto !important; padding:4px 6px !important;
		display:flex !important; flex-direction:column !important; align-items:center !important; gap:3px;
	}
	body.tb-ui .whb-general-header .whb-col-right .wd-tools-element .wd-tools-text{
		display:block !important; visibility:visible !important; opacity:1 !important; width:auto !important; margin:0 !important; font-size:0 !important; line-height:1 !important;
	}
	body.tb-ui .whb-general-header .whb-col-right .wd-tools-element .wd-tools-text > *{ display:none !important; }
	body.tb-ui .whb-general-header .whb-col-right .wd-tools-element .wd-tools-text::after{
		font-size:var(--tb-fs-12); font-weight:600; color:var(--tb-ink-2); white-space:nowrap; text-transform:none;
	}
	body.tb-ui .whb-general-header .whb-col-right .wd-header-my-account .wd-tools-text::after{ content:"Hesab"; }
	body.tb-ui .whb-general-header .whb-col-right .wd-header-wishlist .wd-tools-text::after{ content:"Seçilmişlər"; }
	body.tb-ui .whb-general-header .whb-col-right .wd-header-cart .wd-tools-text::after{ content:"Səbət"; }
	body.tb-ui .whb-general-header .whb-col-right .wd-cart-number > span{ display:none !important; }

	/* Alt sətir: kateqoriya linkləri, sağda «Kompüter yığ» çərçivəli düymə */
	body.tb-ui .whb-header-bottom .whb-col-center{ flex:1 1 auto !important; }
	body.tb-ui .whb-header-bottom .whb-col-center .wd-header-nav,
	body.tb-ui .whb-header-bottom .whb-col-center .wd-nav-main{ width:100%; }
	body.tb-ui .whb-header-bottom .whb-col-center .wd-nav-main{ display:flex; align-items:center; gap:6px; }
	body.tb-ui .whb-header-bottom .whb-col-center .wd-nav-main > li.tbui-nav-build{ margin-left:auto; }
	body.tb-ui .whb-header .whb-header-bottom .wd-nav-main > li.tbui-nav-build > a{
		height:36px; padding:0 16px !important; border:1px solid #D5DAE3; border-radius:18px;
		color:var(--tb-ink) !important; background:#fff !important;
	}
	body.tb-ui .whb-header .whb-header-bottom .wd-nav-main > li.tbui-nav-build > a:hover{ border-color:var(--tb-ink); }
	body.tb-ui .whb-header-bottom .whb-col-left,
	body.tb-ui .whb-header-bottom .whb-col-right{ display:none !important; }
}

/* ═══════════ 14. Mobil v2: aşağı zolaq + «Kataloq» pəncərəsi (includes/mnav.php, assets/mnav.js) ═══════════ */
.tbui-bnav, .tbui-mc{ display:none; }
#tbui-mc[hidden]{ display:none !important; }
@media (min-width:1025px){ .tbui-bnav, #tbui-mc{ display:none !important; } }
@media (max-width:1024px){
	/* Woodmart-ın 5 bəndli zolağı HTML-də qalır (linklər), görünmür */
	body.tb-ui .wd-toolbar{ display:none !important; }
	body.tb-ui.sticky-toolbar-on{ padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px)) !important; }
	body.tb-ui .tbui-bnav{
		display:flex; position:fixed; left:0; right:0; bottom:0; z-index:10001;
		height:calc(64px + env(safe-area-inset-bottom, 0px)); padding-bottom:env(safe-area-inset-bottom, 0px); box-sizing:border-box;
		background:#fff; border-top:1px solid var(--tb-line);
	}
	body.tb-ui .tbui-bn{
		position:relative; flex:1 1 0; min-width:0; height:64px; margin:0; padding:0; border:0; border-radius:0; background:transparent !important; box-shadow:none !important;
		display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
		color:var(--tb-faint) !important; font-family:inherit; font-size:var(--tb-fs-12); font-weight:600; line-height:1; text-transform:none; letter-spacing:0; cursor:pointer;
	}
	body.tb-ui .tbui-bn.is-on,
	html.tbui-mc-open body.tb-ui .tbui-bn-cat{ color:var(--tb-ink) !important; font-weight:800; }
	html.tbui-mc-open body.tb-ui .tbui-bnav .tbui-bn.is-on:not(.tbui-bn-cat){ color:var(--tb-faint) !important; font-weight:600; }
	body.tb-ui .tbui-bn-count{
		position:absolute; top:7px; left:calc(50% + 6px); min-width:18px; height:18px; padding:0 5px; box-sizing:border-box; border-radius:9px; /* P4: 12 px rəqəm → 18 px dairə */
		background:var(--tb-blue); color:#fff; font-size:var(--tb-fs-12); font-weight:800; line-height:18px; text-align:center;
	}
	body.tb-ui .tbui-bn-count[hidden]{ display:none; }

	/* Pəncərə */
	html.tbui-mc-open, html.tbui-mc-open body{ overflow:hidden !important; }
	body.tb-ui .tbui-mc{
		display:flex; flex-direction:column; position:fixed; left:0; right:0; top:0; bottom:calc(64px + env(safe-area-inset-bottom, 0px)); z-index:10000;
		background:#fff; color:var(--tb-ink);
	}
	body.tb-ui .tbui-mc[hidden]{ display:none; }
	body.tb-ui .tbui-mc-top{ flex:0 0 56px; display:flex; align-items:center; padding:0 8px 0 20px; }
	body.tb-ui .tbui-mc-title{ font-size:var(--tb-fs-20); font-weight:800; letter-spacing:-.4px; }
	body.tb-ui .tbui-mc-x{
		margin-left:auto; width:44px; height:44px; padding:0; border:0; background:transparent !important; box-shadow:none !important;
		display:flex; align-items:center; justify-content:center; color:var(--tb-ink) !important; min-height:0;
	}
	body.tb-ui .tbui-mc-search{
		flex:0 0 auto; margin:0 16px 10px; height:46px; border-radius:var(--tb-r-sm); background:var(--tb-well);
		display:flex; align-items:center; gap:10px; padding:0 16px; box-sizing:border-box; color:var(--tb-muted);
	}
	body.tb-ui .tbui-mc-search input[type=search]{
		flex:1 1 auto; min-width:0; height:44px; padding:0; border:0 !important; background:transparent !important; box-shadow:none !important;
		font-family:inherit; font-size:var(--tb-fs-16); color:var(--tb-ink); outline:none;
	}
	body.tb-ui .tbui-mc-body{ flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding:0 16px 24px; }
	body.tb-ui .tbui-mc-body a{ text-decoration:none; }

	body.tb-ui a.tbui-mc-build{
		display:flex; align-items:center; gap:12px; height:64px; margin:4px 0 8px; padding:0 16px; box-sizing:border-box;
		border-radius:16px; background:var(--tb-ink); color:#fff !important;
	}
	body.tb-ui .tbui-mc-build-t{ flex:1 1 auto; display:flex; flex-direction:column; gap:2px; }
	body.tb-ui .tbui-mc-build-t b{ font-size:var(--tb-fs-16); font-weight:800; color:#fff; }
	body.tb-ui .tbui-mc-build-t small{ font-size:var(--tb-fs-12); color:#A3ACBC; }
	body.tb-ui .tbui-mc-build .tbui-cr-arr{ color:#fff; }

	body.tb-ui .tbui-cr{
		width:100%; min-height:52px; margin:0; padding:0; border:0; border-bottom:1px solid var(--tb-line-2); border-radius:0;
		background:transparent !important; box-shadow:none !important; display:flex; align-items:center; gap:14px;
		font-family:inherit; text-align:left; text-transform:none; letter-spacing:0; cursor:pointer; color:var(--tb-ink) !important;
	}
	body.tb-ui .tbui-cr-ico{ flex:0 0 36px; width:36px; height:36px; border-radius:10px; background:var(--tb-well); display:flex; align-items:center; justify-content:center; }
	body.tb-ui .tbui-cr-ico img{ width:22px; height:22px; object-fit:contain; filter:brightness(0) saturate(100%); opacity:.7; }
	body.tb-ui .tbui-cr-t{ flex:1 1 auto; font-size:var(--tb-fs-16); font-weight:600; line-height:1.3; }
	body.tb-ui .tbui-cr-arr{ margin-left:auto; padding-right:4px; font-size:var(--tb-fs-18); color:var(--tb-faint); }

	body.tb-ui .tbui-mc-h{ margin:22px 0 4px; font-size:var(--tb-fs-12); font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:var(--tb-muted); }
	body.tb-ui a.tbui-mc-l{
		display:flex; align-items:center; min-height:44px; border-bottom:1px solid var(--tb-line-2);
		font-size:var(--tb-fs-16); color:var(--tb-ink) !important; line-height:1.3;
	}
	body.tb-ui .tbui-mc-contact{ display:flex; gap:10px; margin-top:16px; }
	body.tb-ui .tbui-mc-contact a{
		flex:1 1 0; height:44px; border-radius:var(--tb-r-sm); background:var(--tb-well); display:flex; align-items:center; justify-content:center;
		font-size:var(--tb-fs-14); font-weight:700; color:var(--tb-ink) !important;
	}
	body.tb-ui .tbui-mc-contact a[href*="wa.me"]{ color:var(--tb-green) !important; }

	/* Alt səhifə */
	body.tb-ui .tbui-mc-back{
		height:44px; margin:0 0 4px -8px; padding:0 8px; border:0; background:transparent !important; box-shadow:none !important; min-height:0;
		font-family:inherit; font-size:var(--tb-fs-16); font-weight:700; color:var(--tb-ink) !important; text-transform:none; letter-spacing:0;
	}
	body.tb-ui .tbui-sub-head{ display:flex; align-items:baseline; gap:12px; margin-top:6px; }
	body.tb-ui .tbui-sub-t{ font-size:var(--tb-fs-24); font-weight:800; letter-spacing:-.5px; line-height:1.2; }
	body.tb-ui a.tbui-sub-all{ margin-left:auto; flex:0 0 auto; font-size:var(--tb-fs-14); font-weight:700; color:var(--tb-blue) !important; }
	body.tb-ui .tbui-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
	body.tb-ui a.tbui-chip{
		display:flex; align-items:center; height:36px; padding:0 14px; border-radius:18px; background:var(--tb-well);
		font-size:var(--tb-fs-14); font-weight:600; color:var(--tb-ink) !important; white-space:nowrap;
	}
	body.tb-ui .tbui-grp{ margin-top:20px; }
	body.tb-ui a.tbui-grp-t{ display:flex; align-items:center; min-height:40px; font-size:var(--tb-fs-16); font-weight:800; color:var(--tb-ink) !important; }
	body.tb-ui .tbui-mc-go{
		width:100%; height:var(--tb-btn-h); margin:6px 0 4px; border:0; border-radius:var(--tb-r-sm); background:var(--tb-ink) !important; color:#fff !important;
		font-family:inherit; font-size:var(--tb-fs-16); font-weight:700; text-transform:none; letter-spacing:0;
	}
}

/* ═══════════ 15. Məhsul kartı v3 (22.09, kətan «9 · Məhsul kartı — indi və yeni») ═══════════ */
/* Ağ, çərçivəli kart; alt blok (qiymət → aylıq → düymə) bütün kartlarda eyni xətdə */
body.tb-ui .product-grid-item .product-wrapper.tbui-card{
	background:#fff !important; border:1px solid var(--tb-line) !important; border-radius:20px !important; padding:12px !important;
	transition:border-color .15s ease;
}
body.tb-ui .product-grid-item .product-wrapper.tbui-card:hover{ border-color:#D5DAE3 !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-media{ border-radius:14px !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-body{ flex:1 1 auto; }
body.tb-ui .product-grid-item .tbui-card .tbui-spec{
	white-space:normal !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
	height:38px; margin-top:6px; font-size:var(--tb-fs-13); line-height:19px;
}
body.tb-ui .product-grid-item .tbui-card .tbui-price{ margin-top:auto !important; padding-top:12px !important; border-top:1px solid var(--tb-line-2) !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-spec + .tbui-price,
body.tb-ui .product-grid-item .tbui-card .wd-entities-title + .tbui-price{ margin-top:12px !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-body > .tbui-spec{ margin-bottom:12px; }
body.tb-ui .tbui-card .tbui-monthly{ display:block; margin-top:4px; font-size:var(--tb-fs-13); font-weight:600; color:var(--tb-blue); white-space:nowrap; font-variant-numeric:tabular-nums; }
body.tb-ui .tbui-card .tbui-monthly b{ font-weight:800; }
/* Səbət düyməsi: kartın altında tam en, yumşaq (açıq-mavi); kartın üstünə gələndə tam mavi */
body.tb-ui .product-grid-item .tbui-card .tbui-add{
	position:static !important; right:auto; bottom:auto; width:100% !important; margin:12px 0 0 !important;
}
body.tb-ui .product-grid-item .tbui-card .tbui-add > a,
body.tb-ui .product-grid-item .tbui-card .tbui-add .button{
	width:100% !important; height:44px !important; border-radius:12px !important; gap:8px;
	background:var(--tb-blue-soft) !important; color:var(--tb-blue) !important; box-shadow:none !important;
	font-size:var(--tb-fs-14) !important; line-height:1 !important; font-weight:700 !important; text-transform:none !important; letter-spacing:0 !important;
}
body.tb-ui .product-grid-item .tbui-card .tbui-add > a::before,
body.tb-ui .product-grid-item .tbui-card .tbui-add .button::before{ width:17px; height:17px; flex-shrink:0; }
body.tb-ui .product-grid-item .tbui-card:hover .tbui-add > a,
body.tb-ui .product-grid-item .tbui-card:hover .tbui-add .button,
body.tb-ui .product-grid-item .tbui-card .tbui-add > a:focus-visible{ background:var(--tb-blue) !important; color:#fff !important; }
/* Ana səhifə məhsul sətirləri: açıq boz bölmə, ağ kartlar */
body.tb-ui .tbui-home .tbui-row{ background:#F6F7F9; border-radius:24px; padding:24px 24px 28px; }
/* Kataloq menyusundakı məhsul kartında da eyni aylıq sətir */
body.tb-ui .tb-mm .tbui-monthly{ font-size:var(--tb-fs-14); font-weight:600; color:var(--tb-blue); }
body.tb-ui .tb-mm .tbui-monthly b{ font-weight:800; }
@media (max-width:767px){
	body.tb-ui .product-grid-item .product-wrapper.tbui-card{ padding:10px !important; border-radius:18px !important; }
	body.tb-ui .product-grid-item .tbui-card .tbui-media{ border-radius:12px !important; }
	body.tb-ui .product-grid-item .tbui-card .tbui-spec{ font-size:var(--tb-fs-12); line-height:17px; height:34px; }
	body.tb-ui .tbui-card .tbui-monthly{ font-size:var(--tb-fs-12); }
	body.tb-ui .product-grid-item .tbui-card .tbui-add{ margin-top:10px !important; }
	body.tb-ui .product-grid-item .tbui-card .tbui-add > a,
	body.tb-ui .product-grid-item .tbui-card .tbui-add .button{ height:40px !important; border-radius:var(--tb-r-sm) !important; font-size:var(--tb-fs-13) !important; }
	body.tb-ui .tbui-home .tbui-row{ border-radius:0; margin-left:-15px; margin-right:-15px; padding:18px 0 20px 15px; }
}
body.tb-ui .product-grid-item .tbui-card .tbui-add .button > span,
body.tb-ui .product-grid-item .tbui-card .tbui-add > a > span{
	display:inline !important; position:static !important; opacity:1 !important; visibility:visible !important; transform:none !important;
	width:auto !important; height:auto !important; margin:0 !important; padding:0 !important;
	font-size:inherit !important; line-height:1 !important; color:inherit !important; white-space:nowrap; transition:none !important;
}
/* Kateqoriya/axtarış qridi: Woodmart «bordered grid» (aralıq 0, ortaq xətlər) söndü — kartların öz çərçivəsi var */
body.tb-ui .products.wd-products.products-bordered-grid{ column-gap:16px !important; row-gap:16px !important; border:0 !important; background:transparent !important; }
body.tb-ui .products.wd-products.products-bordered-grid .product-grid-item,
body.tb-ui .products.wd-products.products-bordered-grid .wd-product{ border:0 !important; box-shadow:none !important; background:transparent !important; padding-bottom:0 !important; }
body.tb-ui .products.wd-products.products-bordered-grid::before, body.tb-ui .products.wd-products.products-bordered-grid::after,
body.tb-ui .products.wd-products.products-bordered-grid .product-grid-item::before, body.tb-ui .products.wd-products.products-bordered-grid .product-grid-item::after{ display:none !important; }
@media (max-width:767px){ body.tb-ui .products.wd-products.products-bordered-grid{ column-gap:10px !important; row-gap:10px !important; } }
body.tb-ui .tbui-card .wd-product-grid-slider-pagin{ display:none !important; } /* şəkil keçid xətləri — hover ilə şəkil dəyişməsi qalır */

/* 22.09 user: «Kataloq çox tünddür» + loqo ilə eyni hizada (loqonun mərkəzi düymədən 10px yuxarıda idi) */
@media (min-width:1000px){ /* M6 PLN-08: başlıq 1000 px-dən masaüstü (əvvəl 1025) */
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener{ background:var(--tb-blue-soft) !important; color:var(--tb-blue) !important; }
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener:hover{ background:#DDE7FF !important; }
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener .menu-opener-icon,
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener .menu-open-label{ color:var(--tb-blue) !important; }
	body.tb-ui .whb-general-header .wd-header-cats.wd-opened .menu-opener .menu-opener-icon,
	body.tb-ui .whb-general-header .wd-header-cats.wd-opened .menu-opener .menu-open-label,
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener.wd-opened .menu-opener-icon,
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener.wd-opened .menu-open-label{ color:#fff !important; }
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener::after{ color:inherit !important; }
	body.tb-ui .whb-general-header .whb-col-left .wd-logo{ position:relative; top:10px; }
}

/* ═══ «Son ədədlər» (kətan səh. 13): narıncı nişan, 5 xanalı stok zolağı, PDP sətri ═══ */
body.tb-ui .tbui-card .tbui-stock.is-low, body.tb-ui .tbui-dl-pill.is-low{ background:#F97316; color:#fff; }
body.tb-ui .tbui-lowbar{ display:flex; align-items:center; gap:8px; margin-top:8px; }
body.tb-ui .tbui-lowbar-s{ display:flex; gap:3px; flex:1 1 auto; max-width:90px; }
body.tb-ui .tbui-lowbar-s i{ flex:1 1 0; height:5px; border-radius:3px; background:#ECEEF2; }
body.tb-ui .tbui-lowbar-s i.on{ background:#F97316; }
body.tb-ui .tbui-lowbar-t{ font-size:var(--tb-fs-12); font-weight:700; color:#C2410C; white-space:nowrap; }
body.tb-ui .tbp-low{ display:flex; align-items:center; gap:8px; margin-top:8px; font-size:var(--tb-fs-13); font-weight:700; color:#C2410C; }
body.tb-ui .tbp-low .tbui-lowbar-s{ flex:none; width:64px; }

/* ═══ Kartda «Xəbər ver» (stoksuz) + nömrə pəncərəsi ═══ */
body.tb-ui .product-grid-item .tbui-card .tbui-add .tbui-notify{ display:flex !important; align-items:center; justify-content:center; width:100%; height:44px; border:1px solid #DCE0E8 !important; border-radius:12px !important; background:#fff !important; color:var(--tb-ink-2) !important; font-size:var(--tb-fs-14) !important; font-weight:700 !important; cursor:pointer; box-shadow:none !important; text-transform:none !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-add .tbui-notify::before{ display:none !important; }
body.tb-ui .product-grid-item .tbui-card:hover .tbui-add .tbui-notify{ border-color:var(--tb-ink) !important; color:var(--tb-ink) !important; }
body.tb-ui .tbui-nm{ position:fixed; inset:0; z-index:10050; display:flex; align-items:center; justify-content:center; padding:16px; }
body.tb-ui .tbui-nm[hidden]{ display:none !important; }
body.tb-ui .tbui-nm-bg{ position:absolute; inset:0; background:rgba(11,18,32,.45); }
body.tb-ui .tbui-nm-box{ position:relative; width:100%; max-width:440px; }
body.tb-ui .tbui-nm-box .tbo-card{ background:#fff; border-radius:20px; padding:20px; border:0; }
body.tb-ui .tbui-nm-name{ font-weight:700; color:var(--tb-ink-2); }
body.tb-ui .tbui-nm-x{ position:absolute; right:10px; top:8px; z-index:1; width:36px; height:36px; border:0; border-radius:18px; background:var(--tb-well); font-size:var(--tb-fs-24); line-height:1; color:var(--tb-ink); cursor:pointer; }
html.tbui-nm-lock{ overflow:hidden; }
body.tb-ui .tbui-nm .tbo-card-h{ font-size:var(--tb-fs-18); font-weight:800; color:var(--tb-ink); }
body.tb-ui .tbui-nm .tbo-card-s{ margin-top:2px; font-size:var(--tb-fs-13); color:var(--tb-muted); line-height:1.45; }
body.tb-ui .tbui-nm .tbo-form{ margin:14px 0 0; display:flex; flex-wrap:wrap; gap:8px; }
body.tb-ui .tbui-nm .tbo-phone{ flex:1 1 100%; display:flex; align-items:center; height:48px; border:1px solid #DCE0E8; border-radius:var(--tb-r-sm); overflow:hidden; }
body.tb-ui .tbui-nm .tbo-pre{ padding:0 12px; height:100%; display:flex; align-items:center; background:var(--tb-well); font-size:var(--tb-fs-14); font-weight:700; color:var(--tb-ink-2); border-right:1px solid #DCE0E8; }
body.tb-ui .tbui-nm .tbo-phone input{ flex:1 1 auto; min-width:0; height:100% !important; border:0 !important; padding:0 12px !important; font-family:inherit; font-size:var(--tb-fs-16) !important; outline:none; box-shadow:none !important; margin:0 !important; background:transparent !important; }
body.tb-ui .tbui-nm .tbo-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }
body.tb-ui .tbui-nm .tbo-btn{ flex:1 1 100%; height:var(--tb-btn-h); border:0; border-radius:var(--tb-r-sm); background:var(--tb-blue); color:#fff; font-family:inherit; font-size:var(--tb-fs-16); font-weight:800; cursor:pointer; }
body.tb-ui .tbui-nm .tbo-btn:disabled{ opacity:.6; }
body.tb-ui .tbui-nm .tbo-msg{ flex:1 1 100%; font-size:var(--tb-fs-13); font-weight:700; color:var(--tb-green); }
body.tb-ui .tbui-nm .tbo-msg:empty{ display:none; }
body.tb-ui .tbui-nm .tbo-msg.is-err{ color:var(--tb-red); }
body.tb-ui .tbui-nm .is-ok .tbo-phone, body.tb-ui .tbui-nm .is-ok .tbo-btn{ display:none; }
body.tb-ui .tbui-nm .is-ok .tbo-msg{ padding:12px 14px; border-radius:12px; background:#E7F6EF; }
body.tb-ui .tbui-nm .is-ok .tbo-msg::before{ content:"\2713  "; }
body.tb-ui .tbui-nm .tbo-btn{ text-transform:none !important; letter-spacing:0 !important; }
/* «Xəbər ver» (stoksuz kart): ağ, boz çərçivə, zəng ikonu; kart hover-də mavi dolmur (Səbətə düyməsinin qaydası üstələyirdi) */
body.tb-ui .product-grid-item .tbui-card .tbui-add .button.tbui-notify,
body.tb-ui .product-grid-item .tbui-card:hover .tbui-add .button.tbui-notify{
	background:#fff !important; color:var(--tb-ink-2) !important; border:1px solid #DCE0E8 !important; box-shadow:none !important;
	font-size:var(--tb-fs-14) !important; font-weight:700 !important; gap:8px;
}
body.tb-ui .product-grid-item .tbui-card .tbui-add .button.tbui-notify:hover,
body.tb-ui .product-grid-item .tbui-card .tbui-add .button.tbui-notify:focus-visible{ background:var(--tb-well) !important; color:var(--tb-ink) !important; border-color:#C4CAD4 !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-add .button.tbui-notify::before{
	display:block !important; width:17px; height:17px; flex-shrink:0; background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 16V11a6 6 0 0112 0v5l1.5 2h-15zM10 20a2 2 0 004 0'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 16V11a6 6 0 0112 0v5l1.5 2h-15zM10 20a2 2 0 004 0'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ═══════════ Yan səbət v2 (kətan səh. 16 üslubu) ═══════════ */
body.tb-ui .cart-widget-side{ width:min(420px, 100vw) !important; }
body.tb-ui .cart-widget-side .wd-heading{ padding:18px 20px !important; border-bottom:1px solid var(--tb-line) !important; }
body.tb-ui .cart-widget-side .wd-heading .title{ font-size:var(--tb-fs-20) !important; font-weight:800 !important; color:var(--tb-ink) !important; text-transform:none !important; letter-spacing:-.2px; }
body.tb-ui .cart-widget-side .close-side-widget a{ color:var(--tb-muted) !important; font-weight:700; text-transform:none !important; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart-item{ padding:16px 44px 16px 20px !important; border-bottom:1px solid var(--tb-line) !important; gap:14px !important; margin:0 !important; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart-item a.remove{ right:16px !important; top:16px !important; width:26px !important; height:26px !important; border:1px solid var(--tb-line) !important; border-radius:50% !important; color:var(--tb-muted) !important; display:flex !important; align-items:center; justify-content:center; font-size:var(--tb-fs-16) !important; line-height:1 !important; background:#fff !important; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart-item a.remove:hover{ color:var(--tb-red) !important; border-color:var(--tb-red) !important; }
body.tb-ui .cart-widget-side .cart-item-image{ flex:0 0 76px !important; width:76px !important; height:76px !important; border-radius:12px; background:var(--tb-well); display:flex !important; align-items:center; justify-content:center; overflow:hidden; margin:0 !important; }
body.tb-ui .cart-widget-side .cart-item-image img{ width:84% !important; height:84% !important; object-fit:contain; mix-blend-mode:multiply; margin:0 !important; }
body.tb-ui .cart-widget-side .cart-info{ gap:8px !important; }
body.tb-ui .cart-widget-side .wd-entities-title, body.tb-ui .cart-widget-side .wd-entities-title a{ font-size:var(--tb-fs-14) !important; font-weight:700 !important; color:var(--tb-ink) !important; line-height:1.35 !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.tb-ui .cart-widget-side .cart-info .variation{ margin:0 !important; font-size:var(--tb-fs-12); color:#A15C00; }
body.tb-ui .cart-widget-side .cart-info .variation dt, body.tb-ui .cart-widget-side .cart-info .variation dd{ display:inline; margin:0; font-weight:700; }
body.tb-ui .cart-widget-side .cart-info .variation dd p{ display:inline; margin:0; }
body.tb-ui .cart-widget-side .cart-info div.quantity{ display:inline-flex !important; width:max-content; border:1px solid #D5DAE3; border-radius:10px; overflow:hidden; background:#fff; }
body.tb-ui .cart-widget-side .cart-info div.quantity input{ border:0 !important; background:#fff !important; color:var(--tb-ink) !important; height:34px !important; min-height:34px !important; max-height:34px !important; font-weight:700 !important; }
body.tb-ui .cart-widget-side .cart-info div.quantity input.btn{ width:32px !important; font-size:var(--tb-fs-16) !important; }
body.tb-ui .cart-widget-side .cart-info div.quantity input.qty{ width:34px !important; font-size:var(--tb-fs-14) !important; }
body.tb-ui .cart-widget-side .tbs-mc-line, body.tb-ui .cart-widget-side .tbs-mc-line .amount{ font-size:var(--tb-fs-16) !important; font-weight:800 !important; color:var(--tb-ink) !important; }
body.tb-ui .cart-widget-side .shopping-cart-widget-footer{ padding:16px 20px calc(16px + env(safe-area-inset-bottom, 0px)) !important; border-top:1px solid var(--tb-line); box-shadow:0 -8px 20px rgba(11,18,32,.05); }
body.tb-ui .cart-widget-side .woocommerce-mini-cart__total{ display:flex !important; align-items:baseline; justify-content:space-between; padding:0 0 10px !important; margin:0 !important; border:0 !important; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart__total strong{ font-size:var(--tb-fs-16) !important; font-weight:700 !important; color:var(--tb-ink-2) !important; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart__total .amount{ font-size:var(--tb-fs-24) !important; font-weight:800 !important; color:var(--tb-ink) !important; letter-spacing:-.4px; }
body.tb-ui .tbs-mc-free{ margin:0 0 10px; font-size:var(--tb-fs-13); font-weight:700; color:var(--tb-ink-2); }
body.tb-ui .tbs-mc-free.is-ok{ color:#12805C; }
body.tb-ui .tbs-mc-free i{ display:block; height:6px; margin-top:6px; border-radius:3px; background:var(--tb-well); overflow:hidden; }
body.tb-ui .tbs-mc-free i b{ display:block; height:100%; border-radius:3px; background:var(--tb-blue); }
body.tb-ui .tbs-mc-free.is-ok i b{ background:#12805C; }
body.tb-ui .cart-widget-side .tbs-pay{ margin:0 0 12px; border-radius:12px; background:#EAF0FF; padding:9px 12px; font-size:var(--tb-fs-13); line-height:1.55; color:#26304A; font-weight:600; }
body.tb-ui .cart-widget-side .tbs-pay b{ color:var(--tb-ink); font-weight:800; }
body.tb-ui .cart-widget-side .tbs-pay span{ color:var(--tb-muted); font-size:var(--tb-fs-12); }
body.tb-ui .cart-widget-side .tbs-pay small{ display:none; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart__buttons{ display:flex !important; flex-direction:column; gap:8px; margin:0 !important; padding:0 !important; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart__buttons .button{ width:100% !important; margin:0 !important; height:var(--tb-btn-h) !important; min-height:0 !important; border-radius:var(--tb-r-sm) !important; display:flex !important; align-items:center; justify-content:center; font-size:var(--tb-fs-16) !important; font-weight:800 !important; text-transform:none !important; letter-spacing:0 !important; box-shadow:none !important; }
body.tb-ui .cart-widget-side .tbs-mc-go{ background:var(--tb-blue) !important; color:#fff !important; border:0 !important; }
body.tb-ui .cart-widget-side .tbs-mc-go:hover{ background:var(--tb-blue-d) !important; }
body.tb-ui .cart-widget-side .tbs-mc-cart{ background:#fff !important; color:var(--tb-ink) !important; border:1.5px solid #D5DAE3 !important; height:46px !important; }
body.tb-ui .cart-widget-side .tbs-mc-cart:hover{ border-color:var(--tb-ink) !important; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart__empty-message{ padding:40px 20px 12px; text-align:center; font-size:var(--tb-fs-16); font-weight:700; color:var(--tb-ink); }
body.tb-ui .cart-widget-side .wd-empty-mini-cart .btn, body.tb-ui .cart-widget-side .wd-empty-mini-cart .button{ border-radius:var(--tb-r-sm) !important; background:var(--tb-blue) !important; color:#fff !important; text-transform:none !important; font-weight:800 !important; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart-item a.remove::before, body.tb-ui .cart-widget-side .woocommerce-mini-cart-item a.remove::after{ display:none !important; }
body.tb-ui .cart-widget-side .shopping-cart-widget-footer > *{ margin-left:0 !important; margin-right:0 !important; }
body.tb-ui:has(.cart-widget-side.wd-opened) .tbui-bnav{ display:none !important; }
body.tb-ui .cart-widget-side .tbs-mc-free{ padding:0 !important; }

/* §16 Başlıq axtarışı — açılan nəticələr (22.09): Woodmart 3 sütunlu sabit hündürlüklü şəbəkə → siyahı.
   Ad 2 sətir, qiymət ayrıca sətirdə (üst-üstə düşmürdü), öz sürüşməsi, aşağıda yapışan «Bütün nəticələr». Yalnız CSS. */
.tb-ui .wd-dropdown-results{border:1px solid var(--tb-line,#ECEEF2)!important;border-radius:16px!important;overflow:hidden;box-shadow:0 18px 44px rgba(11,18,32,.14)!important;background:#fff!important}
.tb-ui .wd-dropdown-results > .wd-scroll-content{max-height:min(560px,70vh)!important}
.tb-ui .wd-dropdown-results .autocomplete-suggestions{display:block!important;margin:0!important;padding:4px 0 0!important;grid-template-columns:none!important;background:#fff!important}
.tb-ui .wd-dropdown-results .autocomplete-suggestion{display:flex!important;align-items:center;gap:14px;height:auto!important;min-height:0!important;padding:10px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--tb-line-2,#F1F3F6)!important;background:#fff!important;cursor:pointer;flex-direction:row!important}
.tb-ui .wd-dropdown-results .autocomplete-suggestion:hover,.tb-ui .wd-dropdown-results .autocomplete-suggestion.autocomplete-selected{background:var(--tb-well,#F4F5F7)!important}
.tb-ui .wd-dropdown-results .suggestion-thumb{flex:none!important;width:56px!important;max-width:56px!important;height:56px;margin:0!important;border-radius:10px;background:var(--tb-well,#F4F5F7);display:flex;align-items:center;justify-content:center;overflow:hidden}
.tb-ui .wd-dropdown-results .suggestion-thumb img{width:46px!important;height:46px!important;max-width:none!important;object-fit:contain;mix-blend-mode:multiply}
.tb-ui .wd-dropdown-results .suggestion-content{flex:1 1 auto;min-width:0;display:flex!important;flex-direction:column;gap:3px;position:static!important;height:auto!important}
.tb-ui .wd-dropdown-results .suggestion-content .wd-entities-title{margin:0!important;padding:0!important;height:auto!important;max-height:none!important;font-size:var(--tb-fs-14)!important;line-height:1.35!important;font-weight:600!important;color:var(--tb-ink,#0B1220)!important;text-transform:none!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important}
.tb-ui .wd-dropdown-results .wd-entities-title strong{font-weight:800!important;color:var(--tb-ink,#0B1220)!important;text-decoration:none!important}
.tb-ui .wd-dropdown-results .suggestion-sku{margin:0!important;font-size:var(--tb-fs-12)!important;color:var(--tb-faint,#8A93A3)!important}
.tb-ui .wd-dropdown-results .suggestion-content .price{position:static!important;margin:0!important;padding:0!important;height:auto!important;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:var(--tb-fs-16)!important;line-height:1.3!important;font-weight:800!important;color:var(--tb-ink,#0B1220)!important}
.tb-ui .wd-dropdown-results .suggestion-content .price ins{order:1;text-decoration:none!important;background:none!important;color:var(--tb-ink,#0B1220)!important;font-weight:800!important;padding:0!important}
.tb-ui .wd-dropdown-results .suggestion-content .price del{order:2;font-size:var(--tb-fs-12)!important;font-weight:600!important;color:var(--tb-faint,#8A93A3)!important;opacity:1!important}
.tb-ui .wd-dropdown-results .suggestion-content .price .amount{font-size:inherit!important;color:inherit!important}
.tb-ui .wd-dropdown-results .suggestion-content .price ins,.tb-ui .wd-dropdown-results .suggestion-content .price bdi,.tb-ui .wd-dropdown-results .suggestion-content .price ins .amount{font-size:inherit!important}
.tb-ui .wd-dropdown-results .suggestion-content .price del .amount,.tb-ui .wd-dropdown-results .suggestion-content .price del bdi{font-size:var(--tb-fs-12)!important}
.tb-ui .wd-dropdown-results .wd-entities-title strong{font-size:inherit!important}
.tb-ui .wd-search-form .wd-dropdown-results{left:0!important;right:0!important;width:auto!important;margin-left:0!important;margin-right:0!important}
.tb-ui .wd-dropdown-results .suggestion-divider{display:block!important;padding:12px 16px 6px!important;border:0!important;background:#fff!important;cursor:default}
.tb-ui .wd-dropdown-results .suggestion-divider-title{margin:0!important;font-size:var(--tb-fs-12)!important;font-weight:800!important;letter-spacing:.5px;text-transform:uppercase;color:var(--tb-faint,#8A93A3)!important}
.tb-ui .wd-dropdown-results .suggestion-no-found{padding:18px 16px!important;border:0!important;color:var(--tb-muted,#5B6475)}
.tb-ui .wd-dropdown-results .view-all-results{position:sticky;bottom:0;z-index:2;display:block!important;margin:0!important;padding:13px 16px!important;border:0!important;border-top:1px solid var(--tb-line,#ECEEF2)!important;background:#fff!important;text-align:center;cursor:pointer}
.tb-ui .wd-dropdown-results .view-all-results span{font-size:var(--tb-fs-14)!important;font-weight:800!important;color:var(--tb-blue,#1550E0)!important;text-transform:none!important;letter-spacing:0!important}
.tb-ui .wd-dropdown-results .view-all-results:hover{background:var(--tb-blue-soft,#EEF3FF)!important}
@media (max-width:767px){
	.tb-ui .wd-dropdown-results > .wd-scroll-content{max-height:min(480px,62vh)!important}
	.tb-ui .wd-dropdown-results .autocomplete-suggestion{padding:9px 14px!important;gap:12px}
	.tb-ui .wd-dropdown-results .suggestion-thumb{width:48px!important;max-width:48px!important;height:48px}
	.tb-ui .wd-dropdown-results .suggestion-thumb img{width:40px!important;height:40px!important}
	.tb-ui .wd-dropdown-results .suggestion-content .wd-entities-title{font-size:var(--tb-fs-13)!important}
}

/* ═══════════ 17. Kartda istək siyahısı və müqayisə ikonları (yalnız hover — 23.09) ═══════════ */
/* Qeyd: temanın öz `a::after`-i opacity:0-dır (tooltip/spinner üçün) — ona görə ikon düymənin FONUNDADIR. */
body.tb-ui .product-grid-item .tbui-card .wd-buttons{
	position:absolute !important; top:10px !important; right:10px !important; left:auto !important; bottom:auto !important;
	display:flex !important; flex-direction:column; gap:6px; z-index:5;
	background:transparent !important; box-shadow:none !important; padding:0 !important;
	opacity:0 !important; visibility:hidden !important; transform:translateY(-4px) !important;
	transition:opacity .15s ease, transform .15s ease;
}
body.tb-ui .product-grid-item:hover .tbui-card .wd-buttons,
body.tb-ui .product-grid-item .tbui-card .wd-buttons:focus-within{ opacity:1 !important; visibility:visible !important; transform:none !important; }
/* tez baxış kartda yoxdur; istək siyahısı üstdə, müqayisə altda */
body.tb-ui .product-grid-item .tbui-card .wd-buttons .quick-view,
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-quick-view-btn{ display:none !important; }
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-wishlist-btn{ order:1; display:block !important; }
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-compare-btn,
body.tb-ui .product-grid-item .tbui-card .wd-buttons .product-compare-button{ order:2; display:block !important; }
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn{ margin:0 !important; }
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn > a{
	position:relative;
	display:block !important;
	width:34px !important; height:34px !important; min-width:0 !important; padding:0 !important;
	border:1px solid var(--tb-line) !important; border-radius:11px !important;
	background-color:#fff !important; background-repeat:no-repeat !important;
	background-position:center !important; background-size:18px 18px !important;
	color:var(--tb-ink-2) !important;
	box-shadow:0 2px 6px rgba(11,18,32,.07) !important;
}
/* tema şrift ikonu və tooltip gizli; mətn ekran oxuyucusu üçün qalır */
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn > a::before,
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn > a::after{ content:none !important; display:none !important; }
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn > a > span{
	position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important;
	overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; border:0 !important;
}
/* İstək siyahısı — ürək (konturlu; seçiləndə dolu mavi) */
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-wishlist-btn > a{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233A4353' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7z'/%3E%3C/svg%3E") !important;
}
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-wishlist-btn > a:hover{
	border-color:#CBDCFA !important;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231550E0' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7z'/%3E%3C/svg%3E") !important;
}
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-wishlist-btn > a.added{
	border-color:#CBDCFA !important;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231550E0' stroke='%231550E0' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7z'/%3E%3C/svg%3E") !important;
}
/* Müqayisə — iki panel */
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-compare-btn > a{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233A4353' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='3' y='5' width='7.5' height='14' rx='2'/%3E%3Crect x='13.5' y='5' width='7.5' height='14' rx='2'/%3E%3Cpath d='M6.75 9.5v5M17.25 9.5v5'/%3E%3C/svg%3E") !important;
}
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-compare-btn > a:hover{
	border-color:#CBDCFA !important;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231550E0' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='3' y='5' width='7.5' height='14' rx='2'/%3E%3Crect x='13.5' y='5' width='7.5' height='14' rx='2'/%3E%3Cpath d='M6.75 9.5v5M17.25 9.5v5'/%3E%3C/svg%3E") !important;
}
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-compare-btn > a.added{
	background-color:var(--tb-blue) !important; border-color:var(--tb-blue) !important;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='3' y='5' width='7.5' height='14' rx='2'/%3E%3Crect x='13.5' y='5' width='7.5' height='14' rx='2'/%3E%3Cpath d='M6.75 9.5v5M17.25 9.5v5'/%3E%3C/svg%3E") !important;
}
/* Seçilmiş kart mavi çərçivə ilə bilinir (ikon gizli olsa da) */
body.tb-ui .product-grid-item .tbui-card:has(.wd-compare-btn > a.added){ border-color:var(--tb-blue) !important; }
body.tb-ui .product-grid-item .tbui-card:has(.wd-wishlist-btn > a.added){ border-color:#CBDCFA !important; }
/* Mobil/toxunma: hover yoxdur — ikonlar həmişə görünür, kiçik */
@media (hover:none), (max-width:1024px){
	body.tb-ui .product-grid-item .tbui-card .wd-buttons{ opacity:1 !important; visibility:visible !important; transform:none !important; gap:5px; top:8px !important; right:8px !important; }
	body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn > a{ width:27px !important; height:27px !important; border-radius:8px !important; background-size:15px 15px !important; }
}

/* ═══════════ 19. Başlıqda «Müqayisə» girişi (yalnız siyahı boş olmayanda, JS qurur) ═══════════ */
/* Qeyd: temanın `.wd-tools-icon` qaydaları güclüdür — ikon fon şəkli kimi #id + !important ilə verilir. */
body.tb-ui #tbui-hcmp[hidden]{ display:none !important; }
body.tb-ui #tbui-hcmp > a{ display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:65px; padding:0 8px; color:var(--tb-ink) !important; text-decoration:none !important; }
body.tb-ui #tbui-hcmp .wd-tools-icon{
	position:relative !important; display:block !important; width:42px !important; height:42px !important;
	background-color:transparent !important;
	background-repeat:no-repeat !important; background-position:center !important; background-size:23px 23px !important;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1220' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='3' y='5' width='7.5' height='14' rx='2'/%3E%3Crect x='13.5' y='5' width='7.5' height='14' rx='2'/%3E%3Cpath d='M6.75 9.5v5M17.25 9.5v5'/%3E%3C/svg%3E") !important;
}
body.tb-ui #tbui-hcmp:hover .wd-tools-icon{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231550E0' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='3' y='5' width='7.5' height='14' rx='2'/%3E%3Crect x='13.5' y='5' width='7.5' height='14' rx='2'/%3E%3Cpath d='M6.75 9.5v5M17.25 9.5v5'/%3E%3C/svg%3E") !important;
}
body.tb-ui #tbui-hcmp .wd-tools-icon::before,
body.tb-ui #tbui-hcmp .wd-tools-icon::after{ content:none !important; display:none !important; }
body.tb-ui #tbui-hcmp .wd-tools-count{
	position:absolute !important; top:0 !important; right:0 !important;
	min-width:18px; height:18px; padding:0 5px; box-sizing:border-box;
	border-radius:9px; background:var(--tb-blue) !important; color:#fff !important;
	font-size:var(--tb-fs-12); font-weight:800; line-height:18px; text-align:center;
}
/* Tema etiketi ::after ilə yazır (span-ın özü font-size:0) — eyni üsulu saxlayırıq */
body.tb-ui #tbui-hcmp .wd-tools-text::after{ content:"Müqayisə"; font-size:var(--tb-fs-12); font-weight:600; color:var(--tb-ink-2); white-space:nowrap; }
@media (max-width:1024px){ body.tb-ui #tbui-hcmp{ display:none !important; } }
/* Mobil başlıqda müqayisə ikonu (etiketsiz, səbətin solunda) */
body.tb-ui #tbui-hcmpm[hidden]{ display:none !important; }
body.tb-ui #tbui-hcmpm > a{ display:flex !important; align-items:center; justify-content:center; padding:0 4px; color:var(--tb-ink) !important; }
body.tb-ui #tbui-hcmpm .wd-tools-icon{
	position:relative !important; display:block !important; width:34px !important; height:34px !important;
	background-color:transparent !important; background-repeat:no-repeat !important; background-position:center !important; background-size:23px 23px !important;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1220' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='3' y='5' width='7.5' height='14' rx='2'/%3E%3Crect x='13.5' y='5' width='7.5' height='14' rx='2'/%3E%3Cpath d='M6.75 9.5v5M17.25 9.5v5'/%3E%3C/svg%3E") !important;
}
body.tb-ui #tbui-hcmpm .wd-tools-icon::before,
body.tb-ui #tbui-hcmpm .wd-tools-icon::after{ content:none !important; display:none !important; }
body.tb-ui #tbui-hcmpm .wd-tools-count{
	position:absolute !important; top:-2px !important; right:-2px !important;
	min-width:18px; height:18px; padding:0 5px; box-sizing:border-box; border-radius:9px;
	background:var(--tb-blue) !important; color:#fff !important; font-size:var(--tb-fs-12); font-weight:800; line-height:18px; text-align:center;
}
@media (min-width:1025px){ body.tb-ui #tbui-hcmpm{ display:none !important; } }

/* ═══ UI/UX M4 (24.09) — «Gələndə xəbər verək?» pəncərəsi: kredit pəncərəsi ilə bir şablon (PNC-21), operator seçimi (PNC-03) ═══ */
body.tb-ui .tbui-nm-bg{ background:rgba(11,18,32,.55); }
body.tb-ui .tbui-nm-box .tbo-card{ border-radius:var(--tb-r); padding:18px 22px 22px; }
body.tb-ui .tbui-nm-hd{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.tb-ui .tbui-nm .tbui-nm-hd .tbo-card-h{ margin:0; font-size:var(--tb-fs-20); font-weight:800; line-height:1.4; }
body.tb-ui .tbui-nm-hd .tbui-nm-x{ position:static; flex:none; width:36px; height:36px; min-height:0; padding:0; border:0; border-radius:50%; background:#F1F4F9; color:var(--tb-ink-2); font-size:var(--tb-fs-16); line-height:1; display:grid; place-items:center; cursor:pointer; }
body.tb-ui .tbui-nm-name{ margin-top:6px; font-size:var(--tb-fs-14); font-weight:700; color:var(--tb-ink-2); line-height:1.4; }
body.tb-ui .tbui-nm .tbui-nm-s{ margin-top:6px; }
body.tb-ui .tbo-phone .tbo-op{
	flex:none; width:auto; height:100% !important; margin:0 !important; padding:0 26px 0 12px !important; border:0 !important; border-right:1px solid var(--tb-field) !important; border-radius:0 !important;
	background-color:var(--tb-well) !important; box-shadow:none !important; font-family:inherit; font-size:var(--tb-fs-16) !important; font-weight:700; color:var(--tb-ink-2) !important; cursor:pointer;
}
@media (max-width:767px){ body.tb-ui .tbui-nm-box .tbo-card{ padding:16px; } }

/* ═══════════ UI/UX M6 (24.09): planşet və geniş ekran ═══════════ */
/* PLN-08 (user A): 1000–1024 px-də masaüstü başlıq — Kataloq + axtarış + Hesab/Seçilmişlər/Səbət + kateqoriya sırası; alt zolaq yox.
   Woodmart ≤1024-də mobil sütunları göstərir → yalnız bu aralıqda sütunlar dəyişdirilir; 768–999 px (mobil başlıq + alt zolaq) dəyişmir.
   Yapışan vəziyyətdə (m3 §8a) yalnız əsas sətir qalır — orada axtarış və Kataloq da var. */
@media (min-width:1000px) and (max-width:1024px){
	html body.tb-ui{ --wd-header-general-sm-h:72px; --wd-header-bottom-sm-h:52px; }
	html body.tb-ui .whb-header .whb-row .whb-visible-lg{ display:flex !important; }
	html body.tb-ui .whb-header .whb-row .whb-visible-lg.whb-empty-column{ display:none !important; }
	html body.tb-ui .whb-header .whb-row .whb-hidden-lg,
	html body.tb-ui .whb-header .whb-general-header .whb-hidden-lg{ display:none !important; }
	html body.tb-ui .whb-header .whb-general-header .whb-col-left .wd-logo img{ max-width:150px !important; height:auto; }
	html body.tb-ui .whb-header .whb-general-header .whb-col-center{ flex:1 1 auto; gap:12px; }
	html body.tb-ui .whb-header .whb-general-header .whb-col-center .wd-header-search-form{ flex:1 1 auto; max-width:none !important; }
	html body.tb-ui .whb-header .whb-general-header .whb-col-right .wd-header-my-account{ display:flex !important; }
	html body.tb-ui .whb-header .whb-header-bottom .wd-nav-main > li > a{ padding-left:9px !important; padding-right:9px !important; font-size:var(--tb-fs-14) !important; }
	/* alt zolaq və mobil Kataloq pəncərəsi — yalnız ≤999 */
	html body.tb-ui .tbui-bnav, html body.tb-ui #tbui-mc,
	html body.tb-ui.woocommerce-cart:has(.tbui-c0) .tbui-bnav, html body.tb-ui.woocommerce-checkout.woocommerce-order-received .tbui-bnav{ display:none !important; }
	html body.tb-ui.sticky-toolbar-on{ padding-bottom:0 !important; }
	html body.tb-ui .qlwapp__container{ bottom:24px !important; right:16px !important; }
}

/* PLN-15: footer planşetdə (768–1024) — brend + 5 link sütunu 3×2 şəbəkədə (əvvəl 2 sütun: 768-də 1378, 1024-də 1644 px) */
@media (min-width:768px) and (max-width:1024px){
	body.tb-ui .tbf{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:32px 28px; padding:40px 0 28px; }
	body.tb-ui .tbf-brand{ grid-column:auto; }
	body.tb-ui .tbf-desc{ max-width:none; }
}

/* PLN-18: 1025–1439 px-də konteyner kənar boşluğu 15 → ~32 px (1440-da 35 px ilə eyni ritm) */
@media (min-width:1025px) and (max-width:1439px){
	body.tb-ui .container, body.tb-ui .whb-row > .container{ max-width:min(var(--wd-container-w), calc(100% - 34px)); }
}

/* Scroll auditi 24.09: Woodmart başlığı aşağı sürüşəndə gizlənir, yuxarı sürüşəndə açılır (whb-scroll-up).
   --tb-hdr = açıq başlığın hündürlüyü (gizlidirsə 0) — yapışan zolaqlar/sütunlar onun altında durur */
body.tb-ui{ --tb-hdr:0px; }
/* P1 (KAT-14): başlıq .whb-sticked olub hələ .whb-scroll-down almayanda da (ilk ~600 px) görünür — o vəziyyət də sayılır */
body.tb-ui:has(.whb-header.whb-sticked:not(.whb-scroll-down)){ --tb-hdr:134px; }
@media (max-width:1024px){ body.tb-ui:has(.whb-header.whb-sticked:not(.whb-scroll-down)){ --tb-hdr:73px; } }
@media (max-width:999px){ body.tb-ui:has(.whb-header.whb-sticked:not(.whb-scroll-down)){ --tb-hdr:57px; } }
/* P1 (EKR-35): alçaq noutbuk ekranında (≤820 px hündür) yapışan başlıq yalnız əsas sıra — kateqoriya sırası gizlənir (134 → 73 px);
   «Kataloq» düyməsi əsas sıradadır. Mobil qaydası (m3.css 8a) ilə eyni üsul */
@media (min-width:1025px) and (max-height:820px){
	body.tb-ui .whb-sticked .whb-header-bottom{ display:none !important; }
	body.tb-ui:has(.whb-header.whb-sticked:not(.whb-scroll-down)){ --tb-hdr:73px; }
	/* P1 (EKR-04/23): məhsul kartı — şəkil sahəsi 1:1 → 3:2, gövdə boşluqları 12 → 8 (kart 524 → 442 px; ad + qiymət bir baxışda) */
	body.tb-ui .product-grid-item .tbui-card .tbui-media{ aspect-ratio:3/2; }
	body.tb-ui .product-grid-item .tbui-card .product-image-link{ aspect-ratio:auto; height:100% !important; padding:6% 10% !important; }
	body.tb-ui .product-grid-item .tbui-card .tbui-body{ gap:8px; }
	body.tb-ui .product-grid-item .tbui-card .tbui-spec{ margin-bottom:4px !important; }
	body.tb-ui .product-grid-item .tbui-card .tbui-price{ padding-top:8px !important; }
}
/* P1: 15,6" HD (630) və 13–14" 150% (600) — üst keçid zolağı (37 px) gizlənir; telefon/WhatsApp üzən düymədə və footer-dədir */
@media (min-width:1025px) and (max-height:680px){ body.tb-ui .tbui-strip{ display:none; } }
/* veb: yan səbət açıqkən arxa səhifə sürüşməsin (mobildə Woodmart özü kilidləyir); zolaq yeri saxlanır — sıçrayış yox */
@media (min-width:1025px){ html:has(.cart-widget-side.wd-opened){ overflow-y:hidden; scrollbar-gutter:stable; } }
/* P1 (EKR-06, PNC-01): meqa-menyu alçaq noutbukda ekrana sığır — sol siyahı sətri 38 → 32/26 px, panellərin limiti öz yuxarısından
   (y 186 / ≤680-də 149) hesablanır, Gaming PC kart şəkli kiçilir; 1025–1359 px-də kart sütunu aşağı düşmür (sütunlar sıxılmır) */
@media (min-width:1025px) and (max-width:1359px){
	body.tb-ui .wd-header-cats .tb-mm .wd-entry-content{flex-direction:row}
	body.tb-ui .wd-header-cats .tb-mm .tb-mm-cards,body.tb-ui .wd-header-cats .tb-mm .tb-mm-cards.tb-mm-cards--wide,body.tb-ui .wd-header-cats .tb-mm .tb-mm-cards.tb-mm-cards--col{flex:0 0 180px!important;width:180px!important;max-width:180px!important}
	body.tb-ui .wd-header-cats .tb-mm .wd-entry-content > div[data-elementor-type]{flex:1 1 auto;min-width:0}
}
@media (min-width:1025px) and (max-height:820px){
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li > a{min-height:32px}
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li > a .nav-link-text{padding-top:0!important;padding-bottom:0!important;line-height:1.25!important}
	html body .wd-header-cats li.menu-mega-dropdown > .wd-dropdown-menu.tb-mm.wd-design-full-height{max-height:calc(100vh - 198px)!important}
	html body .wd-header-cats .wd-dropdown-menu.tb-mm.wd-design-full-height .wd-dropdown-inner{max-height:calc(100vh - 218px)}
	html body .wd-header-cats .wd-dropdown-menu.tb-mm .wd-scroll-content{max-height:calc(100vh - 208px)}
	body.tb-ui .wd-header-cats .tb-mm .tb-mm-prod-imgwrap{height:130px!important}
	body.tb-ui .wd-header-cats .tb-mm .tbui-mm-pc-in{gap:14px}
	body.tb-ui .wd-header-cats .tb-mm .tbui-mm-pcc-img{height:116px}
	body.tb-ui .wd-header-cats .tb-mm .tbui-mm-pcc-img img{max-height:100px!important}
}
@media (min-width:1025px) and (max-height:680px){
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li{min-height:0!important}
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li > a{min-height:0!important;height:26px!important;font-size:var(--tb-fs-13)!important}
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li:first-child > a{height:auto!important;min-height:26px!important}
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li > a .wd-nav-img{width:20px!important;height:20px!important}
	html body .wd-header-cats li.menu-mega-dropdown > .wd-dropdown-menu.tb-mm.wd-design-full-height{max-height:calc(100vh - 161px)!important}
	html body .wd-header-cats .wd-dropdown-menu.tb-mm.wd-design-full-height .wd-dropdown-inner{max-height:calc(100vh - 181px)}
	html body .wd-header-cats .wd-dropdown-menu.tb-mm .wd-scroll-content{max-height:calc(100vh - 171px)}
	body.tb-ui .wd-header-cats .tb-mm .tb-mm-prod-imgwrap{height:110px!important}
	body.tb-ui .wd-header-cats .tb-mm .tbui-mm-pc-in{gap:10px}
	body.tb-ui .wd-header-cats .tb-mm .tbui-mm-pcc-img{height:84px}
	body.tb-ui .wd-header-cats .tb-mm .tbui-mm-pcc-img img{max-height:76px!important}
}
/* P1b: üst sıra (.whb-top-bar) həmişə gizlidir (catalog-ui cards.css), amma prod-un başlıq ayarında hündürlüyü 10 px qalıb —
   yapışan başlığın yer tutucusu (--wd-header-h) 150 olurdu, real başlıq 142: hər səhifədə məzmun 10 px aşağı düşürdü (PC PDP V1280 «Səbətə at» 607) */
:root{ --wd-top-bar-h:.00001px !important; }
/* ═══════════ P2 (mobil): klaviatura, forma, toxunma ═══════════ */
/* QLB-01, SBT-01: klaviatura açıq (html.tb-kbd — footer.js kbdInit) → alt zolaq və sabit alış/sifariş panelləri yazılan sahəni örtmür */
@media (max-width:1024px){
	html.tb-kbd body.tb-ui .tbui-bnav, html.tb-kbd body.tb-ui #mobile-bottom-bar, html.tb-kbd #tbc-sticky, html.tb-kbd body.tb-ui #tbs-csticky,
	html.tb-kbd body.tb-ui .tbkp-bar, html.tb-kbd body.tb-ui .aydk-geri-fix, html.tb-kbd #tbhz-float .hzx-tray, html.tb-kbd body.tb-ui .scrollToTop{ display:none !important; }
}
/* QLB-05: telefonda form sahələri ≥16 px — iPhone 16 px-dən kiçik şriftli sahəyə fokusda səhifəni böyüdür */
@media (max-width:767px){
	html body.tb-ui :is(input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=hidden]):not([type=file]):not([type=color]), select, textarea){ font-size:var(--tb-fs-16) !important; }
}
/* QLB-04, DSN-05: telefonda toxunma hədəfləri ≥44 px. Görünüş mümkün qədər eyni: mətn linkində padding + mənfi margin, ikonda şəffaf haşiyə */
@media (max-width:767px){
	/* kart və blok düymələri 40 → 44 (m3.css :101 və ui.css kart qaydasından sonra gəlməlidir — html prefiksi) */
	html body.tb-ui .product-grid-item .tbui-card .tbui-add > a, html body.tb-ui .product-grid-item .tbui-card .tbui-add .button,
	html body.tb-ui :is(.tbui-pcr-cart, .tbui-hd-cart, .tbui-dl-cart, .tbui-cmp-buy .button.tbui-cmp-add, .tbo-c-add){ height:44px !important; min-height:44px !important; }
	/* başlıq: loqo linki 22 → 44 hündür, səbət 40 → 44, axtarış düyməsi 34×36 → 44×44 (sahənin içində) */
	html body.tb-ui .whb-header .whb-general-header .whb-mobile-left .wd-logo{ display:flex; align-items:center; min-height:44px; }
	html body.tb-ui .whb-header .whb-general-header .whb-mobile-right .wd-header-cart > a{ min-height:44px; min-width:44px; }
	html body.tb-ui .whb-header .whb-header-bottom .wd-header-search-form-mobile .searchsubmit{ width:44px !important; height:auto !important; top:0 !important; bottom:0 !important; right:0 !important; margin:0 !important; }
	/* footer: əlaqə linkləri sətri 44, sosial 44, sütun başlığı sətrin tam hündürlüyü */
	html body.tb-ui .tbf-contact{ gap:0; }
	html body.tb-ui .tbf-contact li{ min-height:44px; }
	html body.tb-ui .tbf-contact a{ align-self:stretch; display:flex; align-items:center; }
	html body.tb-ui .tbf-social a{ width:44px; height:44px; }
	html body.tb-ui .tbf-h a{ align-self:stretch; display:flex; align-items:center; }
	/* kiçik mətn linkləri: «Hamısı ›», qırıntı, sifariş addımları (DSN-05, MHS-16) */
	html body.tb-ui :is(.tbui-sec-h > a, .tbo-offer-h > a, .tbst-bc a, .wd-checkout-steps li > a){ display:inline-block; padding-top:12px; padding-bottom:12px; margin-top:-12px; margin-bottom:-12px; }
}


/* /wp-content/plugins/techbar-ui/assets/m3.css */
/* TechBar UI — UI/UX M3 (24.09): ortaq komponentlər və tokenlər. Bütün səhifə CSS-lərindən SONRA yüklənir (includes/ds.php),
   ona görə eyni çəkili seçici burada qalib gəlir. Tokenlər: ui.css §1. Yalnız body.tb-ui altında (?tbui=0 — köhnə görünüş). */

/* ═══════════ 1. Sahələr, fokus, linklər (PNC-25, DSN-08) ═══════════ */
body.tb-ui input[type=text]:not(.s):not([class*=tbac-otp]), body.tb-ui input[type=email], body.tb-ui input[type=tel], body.tb-ui input[type=number],
body.tb-ui input[type=password], body.tb-ui textarea, body.tb-ui .tbui-nm .tbo-phone, body.tb-ui .tbkp-form input, body.tb-ui .tbkp-form textarea{
	border-color:var(--tb-field) !important;
}
body.tb-ui .tbui-nm .tbo-phone input{ border:0 !important; }
body.tb-ui input:focus-visible, body.tb-ui textarea:focus-visible, body.tb-ui select:focus-visible,
body.tb-ui .tbui-nm .tbo-phone:focus-within{ border-color:var(--tb-blue) !important; box-shadow:var(--tb-focus) !important; outline:0 !important; }
body.tb-ui .tbui-nm .tbo-phone input:focus-visible{ box-shadow:none !important; }
/* mətn içi linklər — token mavisi (Woodmart #1E73BE əvəzinə; brend/kateqoriya SEO mətni, PDP təsviri, landinqlər) */
body.tb-ui .term-description a, body.tb-ui .tbp-desc a, body.tb-ui .tbui-seo-in a, body.tb-ui .entry-content p a{ color:var(--tb-blue); }
/* «Son N ədəd» narıncı → kəhraba (KRT-05, DSN-08) */
body.tb-ui .tbui-card .tbui-stock.is-low, body.tb-ui .tbui-dl-pill.is-low{ background:var(--tb-amber) !important; color:#fff !important; }
body.tb-ui .tbui-lowbar-s i.on{ background:var(--tb-amber); }
body.tb-ui .tbui-lowbar-t{ display:none; } /* user 2A: nişan qalır, zolaq mətnsiz (eyni məlumat iki dəfə yazılmasın) */
body.tb-ui .tbp-low{ color:var(--tb-amber); }

/* ═══════════ 2. Tipoqrafiya: H1 (DSN-03), bölmə başlıqları (DSN-10), uzun mətn (DSN-15) ═══════════ */
body.tb-ui .wd-woo-page-title h1.entry-title,               /* brend səhifəsi (22 px idi) */
body.tb-ui .elementor-widget-wd_shop_archive_woocommerce_title h1,
body.tb-ui .tbac-main h1, body.tb-ui .tbac-login-card h1, body.tb-ui .tbac-view .tbtr-head h1,
body.tb-ui .tbui-wl-page h1, body.tb-ui .tbui-cmp-page h1, body.tb-ui .tbtr-head h1, body.tb-ui .tbtr-top h1,
body.tb-ui .tbui-barc-hd h1, body.tb-ui .tbui-post h1, body.tb-ui .tbp-hero h1,
body.tb-ui h1.tbui-c0-h, body.tb-ui .tbui-404 h1, body.tb-ui .tbui-s0 h1, body.tb-ui .tbty-hero h1,
body.tb-ui .tbst-h1{
	font-size:var(--tb-h1) !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:-.6px !important;
}
/* hero başlıqları öz ölçüsündə qalır: korporativ, Gaming Zone */
body.tb-ui .tbkp-hero .tbst-h1{ font-size:var(--tb-h1-hero) !important; letter-spacing:-1.1px !important; }
@media (max-width:767px){ body.tb-ui .tbkp-hero .tbst-h1{ font-size:var(--tb-h1-hero) !important; } }
/* bölmə başlıqları: veb 26 / mobil 20, 800 */
body.tb-ui .tbui-sec-h h2, body.tb-ui .tbp-sec > h2.tbp-h, body.tb-ui .tbp-related h2, body.tb-ui .related-products > h2,
body.tb-ui .tbui-ba-t{ font-size:var(--tb-h2) !important; font-weight:800 !important; letter-spacing:-.5px !important; }
body.tb-ui .tbui-pcr-head h2{ font-size:var(--tb-h2) !important; }
/* uzun mətn: 16 px #3A4353, başlıqlar 800 (kataloq/brend SEO mətni) */
body.tb-ui .term-description, body.tb-ui .term-description p, body.tb-ui .wd-shop-desc .term-description p{ font-size:var(--tb-text) !important; line-height:1.7 !important; color:var(--tb-ink-2) !important; }
body.tb-ui .term-description :is(h2,h3,h4){ font-weight:800 !important; color:var(--tb-ink) !important; }
/* PDP taksit bloku saytın şrifti ilə (Nunito Sans deyil) */
body.tb-ui .tbk-pp, body.tb-ui .tbk-pp *{ font-family:inherit !important; }

/* ═══════════ 3. Düymələr ═══════════ */
/* 3a. İkinci dərəcəli (DSN-11): 44 px, r12, 1px #DCE0E8, 14/700 */
body.tb-ui .widget_price_filter .price_slider_amount .button,
body.tb-ui .tbc-more, body.tb-ui .tbc-loadmore,
body.tb-ui .elementor-widget.wd-shop-ordering form.woocommerce-ordering select.orderby,
body.tb-ui .woocommerce-ordering select.orderby,
body.tb-ui .elementor-widget-wd_builder_off_canvas_column_btn .wd-off-canvas-btn > a{
	height:44px !important; min-height:44px !important; border-radius:var(--tb-r-sm) !important;
	border:1px solid var(--tb-btn-line) !important; background-color:#fff !important; box-shadow:none !important;
	color:var(--tb-ink) !important; font-size:var(--tb-fs-14) !important; font-weight:700 !important; text-transform:none !important; letter-spacing:0 !important;
}
body.tb-ui .widget_price_filter .price_slider_amount .button{ padding:0 18px !important; line-height:42px !important; }
body.tb-ui .tbc-loadmore{ padding:0 28px !important; }
body.tb-ui .widget_price_filter .price_slider_amount .button:hover, body.tb-ui .tbc-more:hover, body.tb-ui .tbc-loadmore:hover{ border-color:var(--tb-ink) !important; background:#fff !important; }

/* 3b. WhatsApp (DSN-04; P4 DSN-02 axtarış pəncərəsi .tbs-wa da): ağ fon, yaşıl mətn + ikon, 1px çərçivə, 48 px, r12 */
body.tb-ui .tbs-wa, body.tb-ui .tbst-btn.wa, body.tb-ui .tbtr-wa, body.tb-ui .tbty-wa, body.tb-ui .tbui-wl-wa, body.tb-ui .tbui-barc-btn,
body.tb-ui .tbui-nf-btn.is-wa, body.tb-ui .tbac-btn2.is-wa, body.tb-ui .tbac-link-wa, body.tb-ui .tbo-card-r .tbcu-wa-ask, body.tb-ui .tbp-contact.wa{
	display:inline-flex !important; align-items:center; justify-content:center; gap:8px;
	min-height:var(--tb-btn-h); padding:0 18px !important; box-sizing:border-box;
	border:1px solid var(--tb-btn-line) !important; border-radius:var(--tb-r-sm) !important;
	background:#fff !important; background-image:none !important; box-shadow:none !important;
	color:var(--tb-green) !important; font-size:var(--tb-fs-16) !important; font-weight:800 !important; text-decoration:none !important; text-transform:none !important;
}
body.tb-ui .tbp-contact.wa{ justify-content:flex-start; padding:14px 18px !important; }
body.tb-ui .tbp-contact.wa .tbp-ico, body.tb-ui .tbp-contact.wa b{ color:var(--tb-green) !important; }
body.tb-ui .tbs-wa::before, body.tb-ui .tbst-btn.wa::before, body.tb-ui .tbtr-wa::before, body.tb-ui .tbty-wa::before, body.tb-ui .tbui-wl-wa::before, body.tb-ui .tbui-barc-btn::before,
body.tb-ui .tbac-btn2.is-wa::before, body.tb-ui .tbac-link-wa::before{
	content:""; flex:none; width:18px; height:18px; background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 20l1.3-3.9A8 8 0 1112 20a8 8 0 01-4.1-1.1z'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 20l1.3-3.9A8 8 0 1112 20a8 8 0 01-4.1-1.1z'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.tb-ui .tbs-wa:hover, body.tb-ui .tbst-btn.wa:hover, body.tb-ui .tbtr-wa:hover, body.tb-ui .tbty-wa:hover, body.tb-ui .tbui-wl-wa:hover, body.tb-ui .tbui-barc-btn:hover,
body.tb-ui .tbui-nf-btn.is-wa:hover, body.tb-ui .tbac-btn2.is-wa:hover, body.tb-ui .tbac-link-wa:hover, body.tb-ui .tbo-card-r .tbcu-wa-ask:hover{ border-color:var(--tb-green) !important; background:var(--tb-green-soft) !important; }
body.tb-ui .tbui-nf-btn.is-wa svg, body.tb-ui .tbo-card-r .tbcu-wa-ask svg, body.tb-ui .tbo-card-r .tbcu-wa-ask img{ color:var(--tb-green) !important; filter:none; }

/* 3c. Kart «Səbətə əlavə et» — bir variant (KRT-03): yumşaq mavi, 44/40 px, r12, 14,5/700; dolu mavi yalnız aparıcı kartda */
body.tb-ui .tbui-pcr-cart, body.tb-ui .tbui-hd-cart, body.tb-ui .tbui-dl-cart, body.tb-ui .tbui-cmp-buy .button.tbui-cmp-add,
body.tb-ui .tbo-c-add{
	display:flex !important; align-items:center; justify-content:center; gap:8px; width:100%;
	height:44px !important; min-height:0 !important; padding:0 14px !important; box-sizing:border-box;
	border:0 !important; border-radius:var(--tb-r-sm) !important; box-shadow:none !important;
	background:var(--tb-blue-soft) !important; color:var(--tb-blue) !important;
	font-size:var(--tb-fs-14) !important; font-weight:700 !important; text-transform:none !important; letter-spacing:0 !important;
}
body.tb-ui .tbui-pcr-cart:hover, body.tb-ui .tbui-hd-cart:hover, body.tb-ui .tbui-dl-cart:hover, body.tb-ui .tbui-cmp-buy .button.tbui-cmp-add:hover, body.tb-ui .tbo-c-add:hover{ background:var(--tb-blue) !important; color:#fff !important; }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-cart, body.tb-ui .tbui-hd-c.is-lead .tbui-hd-cart, body.tb-ui .tbui-dl-big .tbui-dl-cart{ background:var(--tb-blue) !important; color:#fff !important; }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-cart:hover, body.tb-ui .tbui-hd-c.is-lead .tbui-hd-cart:hover, body.tb-ui .tbui-dl-big .tbui-dl-cart:hover{ background:var(--tb-blue-d) !important; }
/* Seçilmişlər: «Stokda olanları səbətə at» — səhifənin əsas düyməsi (dolu mavi), yalnız radius/hündürlük token */
body.tb-ui .tbui-wl-all{ height:44px !important; border-radius:var(--tb-r-sm) !important; }
/* «Həftənin təklifləri»: yalnız ikonlu kvadrat → mətnli düymə */
body.tb-ui .tbui-dl:not(.tbui-dl-big) .tbui-dl-cart{ font-size:0 !important; }
body.tb-ui .tbui-dl:not(.tbui-dl-big) .tbui-dl-cart::after{ content:"Səbətə əlavə et"; font-size:var(--tb-fs-14); font-weight:700; }
body.tb-ui .tbui-dl:not(.tbui-dl-big) .tbui-dl-cart > *{ display:none !important; }
body.tb-ui .tbui-dl:not(.tbui-dl-big) .tbui-dl-f{ flex-direction:column !important; align-items:stretch !important; }
body.tb-ui .tbui-dl:not(.tbui-dl-big) .tbui-dl-cart{ width:100% !important; flex:none !important; white-space:nowrap; }
@media (max-width:767px){
	body.tb-ui .tbui-pcr-cart, body.tb-ui .tbui-hd-cart, body.tb-ui .tbui-dl-cart, body.tb-ui .tbui-cmp-buy .button.tbui-cmp-add, body.tb-ui .tbo-c-add{ height:40px !important; font-size:var(--tb-fs-13) !important; }
	body.tb-ui .tbui-dl:not(.tbui-dl-big) .tbui-dl-cart::after{ font-size:var(--tb-fs-13); }
}
/* P5 UYG-03: ana səhifədə 5 görünüş → 1. Tövsiyə/dəst kiçik kartında mətn qara idi (home.css !important), ikon yalnız məhsul
   sıralarında və Həftənin əsas kartında (çanta) — indi hamısında məhsul kartının eyni səbət ikonu; aparıcı kart dolu mavi */
body.tb-ui a.tbui-pcr-cart.add_to_cart_button, body.tb-ui a.tbui-hd-cart.add_to_cart_button{ color:var(--tb-blue) !important; }
body.tb-ui a.tbui-pcr-cart.add_to_cart_button:hover, body.tb-ui a.tbui-hd-cart.add_to_cart_button:hover,
body.tb-ui .tbui-pcr-c.is-lead a.tbui-pcr-cart.add_to_cart_button, body.tb-ui .tbui-hd-c.is-lead a.tbui-hd-cart.add_to_cart_button{ color:#fff !important; }
body.tb-ui a.tbui-pcr-cart.add_to_cart_button::before, body.tb-ui a.tbui-hd-cart.add_to_cart_button::before,
body.tb-ui a.tbui-dl-cart.add_to_cart_button::before, body.tb-ui a.tbo-c-add.add_to_cart_button::before{
	content:"" !important; display:block !important; position:static !important; flex:none; width:20px; height:20px; margin:0 !important;
	background:currentColor; opacity:1; animation:none !important; border:0 !important; transform:none !important;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 7h14l-1.5 11H6.5zM9 7a3 3 0 016 0M12 11v4M10 13h4'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 7h14l-1.5 11H6.5zM9 7a3 3 0 016 0M12 11v4M10 13h4'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.tb-ui a.tbui-dl-cart.add_to_cart_button > svg, body.tb-ui a.tbo-c-add.add_to_cart_button > svg{ display:none !important; }
@media (max-width:400px){ /* məhsul kartı kimi: dar ekranda ikon çıxır, mətn tam oxunur */
	body.tb-ui a.tbui-pcr-cart.add_to_cart_button::before, body.tb-ui a.tbui-hd-cart.add_to_cart_button::before,
	body.tb-ui a.tbui-dl-cart.add_to_cart_button::before, body.tb-ui a.tbo-c-add.add_to_cart_button::before{ display:none !important; }
}

/* ═══════════ 4. Çiplər (DSN-12, user 3A: aktiv — qara) və nişanlar (KRT-10, user 4A) ═══════════ */
body.tb-ui .tbui-hd-chip, body.tb-ui .tbc-sub, body.tb-ui .tbc-bands a, body.tb-ui .tbc-q, body.tb-ui .tbui-barc-chips a,
body.tb-ui a.tbs-chip, body.tb-ui .tbs-mchip, body.tb-ui .tbui-nf-chips a, body.tb-ui .tbc-chip{
	display:inline-flex !important; align-items:center; gap:6px; height:36px !important; min-height:36px !important; padding:0 14px !important; box-sizing:border-box;
	border:1px solid var(--tb-line) !important; border-radius:var(--tb-r-pill) !important; background:#fff !important;
	color:var(--tb-ink-2) !important; font-size:var(--tb-fs-14) !important; font-weight:600 !important; line-height:1 !important; white-space:nowrap;
}
body.tb-ui .tbui-hd-chip.is-on, body.tb-ui .tbui-barc-chips a.is-on, body.tb-ui .tbs-mchip.is-main, body.tb-ui .tbc-chip,
body.tb-ui .tbc-sub.is-on, body.tb-ui .tbc-sub[aria-current]{
	background:var(--tb-ink) !important; border-color:var(--tb-ink) !important; color:#fff !important; font-weight:700 !important;
}
body.tb-ui .tbc-chip span{ background:rgba(255,255,255,.18) !important; color:#fff !important; }
body.tb-ui .tbui-hd-chip.is-on:hover{ background:#1B2436 !important; border-color:#1B2436 !important; }
body.tb-ui .tbui-hd-chip:not(.is-on):hover, body.tb-ui .tbc-sub:hover, body.tb-ui .tbc-bands a:hover, body.tb-ui .tbui-barc-chips a:not(.is-on):hover{ border-color:#C4CAD4 !important; color:var(--tb-ink) !important; }
/* stok nişanı — bir komponent: pill, 12/700; «2 iş günü» hər yerdə boz */
body.tb-ui .tbui-card .tbui-stock, body.tb-ui .tbui-dl-pill{ border-radius:var(--tb-r-pill) !important; font-size:var(--tb-fs-12) !important; font-weight:700 !important; padding:5px 9px !important; line-height:1 !important; }
body.tb-ui .tbui-dl-pill.is-vendor{ color:var(--tb-ink-2) !important; }
body.tb-ui .tbui-dl-pill.is-order{ color:var(--tb-amber) !important; }
/* dəstlərdə qənaət nişanı yoxdur (KRT-07, 22.09 qərarı — endirim nişanı heç yerdə) */
body.tb-ui .tbui-hd-saveb, body.tb-ui .tbp-save{ display:none !important; }

/* ═══════════ 5. Məhsul kartı (KRT-01/02/04/11/13/14/15, MHS-35) ═══════════ */
/* şəkil: bəzi məhsul şəkillərində inline «border:10px 30px…» var — hamısı eyni ölçüdə */
body.tb-ui .tbui-card .product-image-link img{ border:0 !important; }
/* göstərici: sabit hündürlük yox (1 sətirlik kartda boşluq qalmasın), dəyərlər arasından qırılır */
body.tb-ui .product-grid-item .tbui-card .tbui-spec{ height:auto !important; max-height:38px; margin-bottom:12px !important; }
body.tb-ui .tbui-card .tbui-sp, body.tb-ui .tbui-card .tbui-nw{ white-space:nowrap; } /* P5 UYG-27: model kodu adda defisdən qırılmır */
/* alt blok (qiymət → aylıq → düymə) həmişə kartın dibində — qonşu kartlarla eyni xətdə */
body.tb-ui .product-grid-item .tbui-card .tbui-price,
body.tb-ui .product-grid-item .tbui-card .tbui-spec + .tbui-price,
body.tb-ui .product-grid-item .tbui-card .wd-entities-title + .tbui-price,
body.tb-ui .product-grid-item .tbui-card .tbui-lowbar + .tbui-price{ margin-top:auto !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-lowbar{ margin:0 0 12px; }
body.tb-ui .tbui-card .tbui-monthly{ min-height:19px; }
body.tb-ui .tbui-card .tbui-monthly.is-empty{ margin-top:4px; }
body.tb-ui .product-grid-item .tbui-card .tbui-price .price{ min-height:26px; }
/* P5: mobildə düymənin içindəki span (Woodmart) 44 px-ə dartılırdı, «Səbətə əlavə et» yuxarıya sıxılırdı — mətn ortada */
body.tb-ui .product-grid-item .tbui-card .tbui-add .button > span, body.tb-ui .product-grid-item .tbui-card .tbui-add > a > span{ height:auto !important; min-height:0 !important; padding:0 !important; margin:0 !important; line-height:1.2 !important; display:block !important; }
/* P5 UYG-22: 1 sətirlik ad da 2 sətir yer tutur — göstərici («Kod») sətri qonşu kartlarla eyni xətdə (22 px fərq) */
body.tb-ui .product-grid-item .tbui-card .wd-entities-title, body.tb-ui .product-grid-item .tbui-card .woocommerce-loop-product__title{ min-height:44px !important; }
@media (max-width:600px){ body.tb-ui .product-grid-item .tbui-card .wd-entities-title, body.tb-ui .product-grid-item .tbui-card .woocommerce-loop-product__title{ min-height:40px !important; } }
/* P5 UYG-23: «Təklif edirik» kartı (.tbo-c) məhsul kartının tipoqrafiyası ilə: ad 16/22, qiymət 20, köhnə 13, aylıq 13/600, padding 12 */
body.tb-ui .tbo-c{ padding:12px; }
body.tb-ui .tbo-c-n{ font-size:var(--tb-fs-16); line-height:22px; }
body.tb-ui .tbo-c-pr b{ font-size:var(--tb-fs-20); line-height:26px; letter-spacing:-.4px; }
body.tb-ui .tbo-c-pr s{ font-size:var(--tb-fs-13); }
body.tb-ui .tbo-c-m{ font-size:var(--tb-fs-13); font-weight:600; }
@media (max-width:767px){
	body.tb-ui .tbo-c{ padding:10px; }
	body.tb-ui .tbo-c-n{ font-size:var(--tb-fs-14); line-height:20px; height:40px; }
	body.tb-ui .tbo-c-pr b{ font-size:var(--tb-fs-18); line-height:22px; }
	body.tb-ui .tbo-c-pr s, body.tb-ui .tbo-c-m{ font-size:var(--tb-fs-12); }
}
@media (max-width:767px){
	body.tb-ui .tbui-card .tbui-monthly{ min-height:17px; }
	body.tb-ui .product-grid-item .tbui-card .tbui-spec{ max-height:34px; margin-bottom:10px !important; }
}
/* 360 px: köhnə qiymət gizlənmir — sığmırsa ikinci sətrə (KRT-04); bütün kartlarda qiymət bloku eyni hündürlükdə */
@media (max-width:400px){
	body.tb-ui.tb-cards .product-grid-item .wrap-price .price del,
	body.tb-ui .product-grid-item .tbui-card .tbui-price .price del{ display:inline !important; font-size:var(--tb-fs-12) !important; }
	body.tb-ui .product-grid-item .tbui-card .tbui-price .price{ flex-direction:column; align-items:flex-start !important; min-height:38px; gap:0 !important; }
	body.tb-ui .product-grid-item .tbui-card .tbui-price .price ins{ order:1; }
	body.tb-ui .product-grid-item .tbui-card .tbui-price .price del{ order:2; line-height:16px; }
	/* dar kartda düymənin ikonu çıxır — «Səbətə əlavə et» tam oxunsun (KRT-01) */
	body.tb-ui .product-grid-item .tbui-card .tbui-add .button::before,
	body.tb-ui .product-grid-item .tbui-card .tbui-add > a::before{ display:none !important; }
	body.tb-ui .product-grid-item .tbui-card .tbui-add > a, body.tb-ui .product-grid-item .tbui-card .tbui-add .button{ font-size:var(--tb-fs-13) !important; padding:0 6px !important; }
}
/* mobil ikonlar: görünən 32 px, toxunma sahəsi 44 px, aralıq 10 px; müqayisə ikonu «⇄» (KRT-13, MHS-35, BLQ-21) */
@media (hover:none), (max-width:1024px){
	body.tb-ui .product-grid-item .tbui-card .wd-buttons{ gap:10px !important; }
	body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn > a{ width:32px !important; height:32px !important; border-radius:var(--tb-r-sm) !important; background-size:16px 16px !important; overflow:visible !important; }
	body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-action-btn > a::before{ content:"" !important; display:block !important; position:absolute !important; inset:-6px !important; background:none !important; }
}
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-compare-btn > a{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233A4353' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 8h14M14 4l4 4-4 4M20 16H6M10 12l-4 4 4 4'/%3E%3C/svg%3E") !important;
}
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-compare-btn > a:hover{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231550E0' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 8h14M14 4l4 4-4 4M20 16H6M10 12l-4 4 4 4'/%3E%3C/svg%3E") !important;
}
body.tb-ui .product-grid-item .tbui-card .wd-buttons .wd-compare-btn > a.added{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 8h14M14 4l4 4-4 4M20 16H6M10 12l-4 4 4 4'/%3E%3C/svg%3E") !important;
}
/* PDP: «Bütün göstəricilər ↓», «WhatsApp-da soruş» — toxunma sahəsi 44 px (MHS-35) */
@media (max-width:1024px){
	body.tb-ui a.tbp-shortline-more, body.tb-ui a.tbcu-wa-ask{ display:inline-flex !important; align-items:center; min-height:44px; }
}

/* ═══════════ 6. Künc radiusları — 18 (blok) / 12 (düymə, çip, sətir) (DSN-16) ═══════════ */
body.tb-ui .tbp-gal .wd-gallery-images .wd-carousel-item figure, body.tb-ui .tbp-gal .wd-gallery-images .woocommerce-product-gallery__image,
body.tb-ui .tbp-buy, body.tb-ui .tbp-sum .tbo-card, body.tb-ui .product-grid-item .product-wrapper.tbui-card,
body.tb-ui .tbui-dl, body.tb-ui .tbui-pcr-c, body.tb-ui .tbo-c{ border-radius:var(--tb-r) !important; }
body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item, body.tb-ui .tbp-gal .wd-gallery-thumb img, body.tb-ui .tbp-keyspecs li,
body.tb-ui .tbk-pp .tbk-chip, body.tb-ui .tbk-pp .tbk-taksit, body.tb-ui .tbp-chips li,
body.tb-ui.single-product .wd-single-add-cart .single_add_to_cart_button, body.tb-ui.single-product .wd-single-add-cart .wd-buy-now-btn,
body.tb-ui .tbp-sum form.cart .single_add_to_cart_button, body.tb-ui .tbp-sum form.cart .wd-buy-now-btn,
body.tb-ui .tbo-phone, body.tb-ui .tbo-btn, body.tb-ui .tbo-c-pill,
body.tb-ui .product-grid-item .tbui-card .tbui-media{ border-radius:var(--tb-r-sm) !important; }
body.tb-ui .tbo-c-pill{ border-radius:var(--tb-r-pill) !important; }

/* ═══════════ 7. Konteyner və yuxarı ritm (DSN-06, DSN-14) ═══════════ */
/* Seçilmişlər, Müqayisə, izləmə: Woodmart konteynerinin (15 px) içində əlavə kənar boşluq olmasın → mobil 15, veb 35 px */
body.tb-ui .tbui-wl-page, body.tb-ui .tbui-cmp-page, body.tb-ui .tbui-trk-page{ padding-left:0 !important; padding-right:0 !important; max-width:none !important; }
body.tb-ui .tbty, body.tb-ui.woocommerce-order-received .wd-page-title{ max-width:none !important; }
@media (min-width:1025px){
	body.tb-ui .tbp-wrap{ padding-left:0 !important; padding-right:0 !important; }
}
/* header → ilk element: çörək qırıntısı 24 px (qırıntı → H1 12 px), qırıntısız H1 32 px; mobildə 12 / 20 */
@media (min-width:1025px){
	body.tb-ui .tbst{ padding-top:24px !important; }
	body.tb-ui .tbst > .tbst-bc{ margin-top:0 !important; }
	body.tb-ui .tbst > .tbst-h1{ margin-top:12px !important; }
	body.tb-ui .tbui-wl-page, body.tb-ui .tbui-cmp-page, body.tb-ui .tbui-trk-page{ padding-top:0 !important; }
	body.tb-ui .tbui-404-top, body.tb-ui .tbui-s0-top{ padding-top:0 !important; margin-top:0 !important; }
	/* Woodmart məzmun qatının 40 px-i → 32 (qırıntısız H1); bloq yazısında qırıntı 24 px-də */
	body.tb-ui:not(.home):not(.single-product) .wd-content-layout.content-layout-wrapper{ padding-top:32px !important; }
	body.tb-ui.single-post:not(.home):not(.single-product) .wd-content-layout.content-layout-wrapper{ padding-top:24px !important; }
	body.tb-ui.single-post .wd-content-area.site-content{ padding-top:0 !important; }
	body.tb-ui.single-post .tbui-post-grid{ margin-top:0 !important; }
	body.tb-ui.error404 .wd-content-area.site-content, body.tb-ui.search .wd-content-area.site-content:has(.tbui-s0-top){ padding-top:0 !important; }
}

/* ═══════════ 8. Başlıq ═══════════ */
/* 8a. Mobil (≤1024, user 1A): başlıq sətri 56 px — loqo + səbət (hesab alt zolaqda); axtarış sətri 52 px, şrift 16 (iOS böyütməsin) */
@media (max-width:1024px){
	body.tb-ui{ --wd-header-general-sm-h:56px; --wd-header-bottom-sm-h:52px; }
	body.tb-ui .whb-general-header .whb-mobile-right .wd-header-my-account{ display:none !important; }
	body.tb-ui .whb-header .whb-header-bottom .wd-header-search-form-mobile input.s{ height:44px !important; font-size:var(--tb-fs-16) !important; }
	body.tb-ui .whb-header .whb-header-bottom .whb-flex-row{ align-items:center; }
	/* aşağı sürüşəndə yalnız loqo sətri yapışır */
	body.tb-ui .whb-sticked .whb-header-bottom{ display:none !important; }
	/* burger — yalnız aşağı zolaq olmayan səhifələrdə (məhsul, dolu səbət, sifariş): «Kataloq» pəncərəsini açır (QLB-07) */
	body.tb-ui .whb-general-header .wd-header-mobile-nav{ display:none !important; }
	body.tb-ui.single-product .whb-general-header .wd-header-mobile-nav,
	body.tb-ui.woocommerce-cart:not(:has(.tbui-c0)) .whb-general-header .wd-header-mobile-nav,
	body.tb-ui.woocommerce-checkout:not(.woocommerce-order-received) .whb-general-header .wd-header-mobile-nav{ display:flex !important; margin-right:4px; }
	body.tb-ui .whb-general-header .wd-header-mobile-nav > a{ width:44px; height:44px; padding:0 !important; justify-content:center; color:var(--tb-ink) !important; }
	body.tb-ui .whb-general-header .wd-header-mobile-nav .wd-tools-text{ display:none !important; }
	/* səbət ikonu — alt zolaqdakı ilə eyni çanta (QLB-06) */
	body.tb-ui .whb-general-header .whb-mobile-right .wd-header-cart .wd-tools-icon::before{
		content:"" !important; display:block; width:24px; height:24px; background:currentColor;
		-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 7h14l-1.5 11H6.5zM9 7a3 3 0 016 0'/%3E%3C/svg%3E") center/contain no-repeat;
		        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 7h14l-1.5 11H6.5zM9 7a3 3 0 016 0'/%3E%3C/svg%3E") center/contain no-repeat;
	}
	/* alt zolaq boş səbət və təşəkkür səhifəsində də (QLB-04) */
	body.tb-ui.woocommerce-cart:has(.tbui-c0) .tbui-bnav,
	body.tb-ui.woocommerce-checkout.woocommerce-order-received .tbui-bnav{ display:flex !important; }
}
/* 8b. Sayğaclar: 0-da gizli (footer.js .tbui-zero), müqayisə nişanı digərləri kimi (QLB-10/11) */
body.tb-ui .whb-header .wd-tools-count.tbui-zero, body.tb-ui .whb-header .wd-cart-number.tbui-zero,
body.tb-ui .whb-header .wd-tools-count[hidden]{ display:none !important; }
body.tb-ui #tbui-hcmp .wd-tools-count, body.tb-ui #tbui-hcmpm .wd-tools-count{
	top:-2px !important; right:-4px !important; width:18px; min-width:18px !important; height:18px !important; padding:0 !important; border-radius:50% !important;
	font-size:var(--tb-fs-12) !important; font-weight:400 !important; line-height:18px !important;
}
body.tb-ui #tbui-hcmp .wd-tools-icon, body.tb-ui #tbui-hcmpm .wd-tools-icon{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1220' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 8h14M14 4l4 4-4 4M20 16H6M10 12l-4 4 4 4'/%3E%3C/svg%3E") !important;
}
body.tb-ui #tbui-hcmp:hover .wd-tools-icon{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231550E0' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 8h14M14 4l4 4-4 4M20 16H6M10 12l-4 4 4 4'/%3E%3C/svg%3E") !important;
}
/* 8c. Xidmət sətri: bütün enlərdə eyni rəng/çəki, sətir qırılmır; 768–1024-də yalnız telefon + WhatsApp (QLB-02) */
body.tb-ui .tbui-strip-link{ color:var(--tb-ink-2) !important; font-weight:600; white-space:nowrap; }
body.tb-ui .tbui-strip-in, body.tb-ui .tbui-strip-in > *{ white-space:nowrap; }
@media (min-width:768px) and (max-width:1024px){ body.tb-ui .tbui-strip-link{ display:none !important; } }
/* 8d. Veb kateqoriya sətri loqo/məzmun xətti ilə (QLB-08) */
@media (min-width:1000px){ /* M6 PLN-08: başlıq 1000 px-dən masaüstü (əvvəl 1025) */
	/* sətir (flex-row 8 px) və nav (10 px) boşluqları — ilk bənd 35 px, «Kompüter yığ» 1405 px xəttində */
	body.tb-ui .whb-header-bottom .whb-col-center .wd-header-main-nav{ padding-left:0 !important; padding-right:0 !important; margin-left:-8px !important; margin-right:0 !important; }
	/* 1-ci bənd: mətn 35 px xəttində, amma hover/aktiv/fokus fonunun solunda da 12 px (P3 HVR-02: padding 0 idi — fon mətnə yapışırdı) */
	body.tb-ui .whb-header-bottom .whb-col-center .wd-nav-main > li:first-child > a{ padding-left:12px !important; margin-left:-12px !important; }
	body.tb-ui .whb-header-bottom .whb-col-center .wd-nav-main > li:last-child{ margin-right:0 !important; }
	body.tb-ui .whb-header-bottom .whb-col-center .wd-nav-main > li:last-child > a{ margin-right:0 !important; }
	/* cari kateqoriya: bənövşəyi-boz fon (#C3C2D0, mətn 3,7:1) → token (DSN-08) */
	body.tb-ui .whb-header-bottom .wd-nav-main > li:is(.current-menu-item, .current-menu-ancestor, .current-product_cat-ancestor, .current_page_item) > a{
		background:var(--tb-blue-soft) !important; color:var(--tb-blue) !important; border-radius:var(--tb-r-pill) !important; box-shadow:none !important;
	}
	body.tb-ui .whb-header-bottom .wd-nav-main > li:is(.current-menu-item, .current-menu-ancestor, .current-product_cat-ancestor, .current_page_item) > a::before{ background:transparent !important; opacity:0 !important; }
	/* hover fonu = aktiv fon (P3 HVR-03: Woodmart #C1C1D0, kontrast 3,6:1 idi); «Kompüter yığ» öz düymə fonundadır */
	body.tb-ui .whb-header-bottom .wd-nav-main > li:not(.tbui-nav-build) > a::before{ background-color:var(--tb-blue-soft) !important; }
	body.tb-ui .whb-header-bottom .wd-nav-main > li:not(.tbui-nav-build):is(:hover, :focus-within) > a::before{ opacity:1 !important; }
	body.tb-ui .whb-header-bottom .wd-nav-main > li.tbui-nav-build > a::before{ display:none !important; }
	/* «Kataloq» açıq halda ox yerində qalır və 180° dönür (PNC-24) */
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener::after{ display:inline-block !important; opacity:1 !important; visibility:visible !important; transition:transform .15s ease; }
	body.tb-ui .whb-general-header .wd-header-cats.wd-opened .menu-opener::after,
	body.tb-ui .whb-general-header .wd-header-cats .menu-opener.wd-opened::after{ transform:rotate(180deg); color:#fff !important; } /* mavi fonda mavi idi — görünmürdü */
}

/* ═══════════ 9. Üzən düymələr (QLB-01, SBT-10) ═══════════ */
@media (max-width:1024px){
	body.tb-ui .scrollToTop{ display:none !important; }           /* mobildə yuxarı düyməsi yox — alt zolaq var, kartları örtürdü */
	body.tb-ui .qlwapp__container{ bottom:calc(76px + env(safe-area-inset-bottom, 0px)) !important; right:12px !important; }
	body.tb-ui .qlwapp a.qlwapp__button{ width:48px !important; height:48px !important; }
}
@media (min-width:1025px){
	body.tb-ui .scrollToTop{ right:16px !important; bottom:88px !important; width:40px !important; height:40px !important; }
	body.tb-ui .qlwapp__container{ right:16px !important; bottom:24px !important; }
	body.tb-ui .qlwapp a.qlwapp__button{ width:48px !important; height:48px !important; }
}
/* səbət və sifariş səhifəsində WhatsApp düyməsi yekun məbləği və «Sifariş ver»i örtürdü — orada göstərilmir */
body.tb-ui.woocommerce-cart .qlwapp__container, body.tb-ui.woocommerce-checkout:not(.woocommerce-order-received) .qlwapp__container,
body.tb-ui.woocommerce-cart .scrollToTop, body.tb-ui.woocommerce-checkout .scrollToTop{ display:none !important; }

/* ═══════════ 10. Footer (QLB-09, QLB-12, QLB-13) ═══════════ */
@media (min-width:1025px){ body.tb-ui .tbf{ grid-template-columns:1.25fr repeat(5, minmax(0,1fr)); gap:32px; } }
body.tb-ui .tbf-list li.tbf-all{ display:none; }
@media (max-width:767px){
	/* başlığın bütün sətri açma düyməsidir; kateqoriyanın özü siyahıda «Bütün … ›» */
	body.tb-ui .tbf-h{ position:relative; }
	body.tb-ui .tbf-tog{ position:absolute !important; inset:0; width:100% !important; height:100% !important; justify-content:flex-end !important; cursor:pointer; }
	body.tb-ui .tbf-h > a{ pointer-events:none; }
	body.tb-ui .tbf-list li.tbf-all{ display:block; }
	body.tb-ui .tbf-list li.tbf-all a{ color:var(--tb-blue) !important; font-weight:700; }
	body.tb-ui .tbf-list a{ display:inline-flex; align-items:center; min-height:36px; }
	/* alt zolaq üçün boşluq bir yerdə (body padding-bottom) — footer boz fonla bitir */
	body.tb-ui .tbf-bottom{ padding-bottom:20px !important; }
	body.tb-ui.sticky-toolbar-on{ background-color:var(--tb-well) !important; }
}

/* ═══════════ 11. Meqa-menyu və mobil Kataloq (PNC-01/05/15/17/20) ═══════════ */
@media (min-width:1000px){ /* M6 PLN-08: başlıq 1000 px-dən masaüstü (əvvəl 1025) */
	/* sağ panel xarici qutu ilə eyni kənarda; sol siyahının öz çərçivəsi yox (qutu içində qutu) */
	body.tb-ui .wd-header-cats[data-tbui] .wd-dropdown-cats::after,
	body.tb-ui .whb-general-header .wd-header-cats .wd-dropdown-cats .tb-mm.wd-dropdown-menu{ width:min(998px, calc(100vw - 342px)) !important; }
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul{ border:0 !important; border-radius:0 !important; box-shadow:none !important; }
	/* başlıqsız sütun digərləri ilə eyni üst xətdən başlayır */
	body.tb-ui .tb-mm ul.mega-menu-list > li:not(:has(> a)) > .sub-sub-menu{ margin-top:0 !important; }
	body.tb-ui .tb-mm ul.mega-menu-list > li:not(:has(> a)) > .sub-sub-menu > li:first-child > a{ padding-top:0 !important; }
	body.tb-ui .tb-mm .sub-sub-menu > li > a .nav-link-text, body.tb-ui .tb-mm .sub-sub-menu > li > a{ text-indent:0; }
	/* Gaming PC paneli: büdcə çipləri + 3 tövsiyə PC */
	body.tb-ui .tb-mm .tbui-mm-pc-in{ display:flex; flex-direction:column; gap:22px; }
	body.tb-ui .tb-mm .tbui-mm-bands{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
	body.tb-ui .tb-mm .tbui-mm-bands-t{ margin-right:6px; font-size:var(--tb-fs-16); font-weight:800; color:var(--tb-ink); }
	body.tb-ui .tb-mm .tbui-mm-bands a{ display:inline-flex; align-items:center; height:36px; padding:0 14px; border:1px solid var(--tb-line); border-radius:var(--tb-r-pill); font-size:var(--tb-fs-14); font-weight:600; color:var(--tb-ink-2) !important; }
	body.tb-ui .tb-mm .tbui-mm-bands a:hover{ border-color:#C4CAD4; color:var(--tb-ink) !important; }
	body.tb-ui .tb-mm .tbui-mm-pcs{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
	body.tb-ui .tb-mm a.tbui-mm-pcc{ display:flex; flex-direction:column; gap:4px; padding:12px; border:1px solid var(--tb-line); border-radius:var(--tb-r); color:var(--tb-ink) !important; }
	body.tb-ui .tb-mm a.tbui-mm-pcc:hover{ border-color:#D5DAE3; }
	body.tb-ui .tb-mm .tbui-mm-pcc-img{ height:150px; margin-bottom:6px; border-radius:var(--tb-r-sm); background:var(--tb-well); display:flex; align-items:center; justify-content:center; }
	body.tb-ui .tb-mm .tbui-mm-pcc-img img{ width:auto !important; height:auto !important; max-width:80% !important; max-height:130px !important; object-fit:contain; mix-blend-mode:multiply; }
	body.tb-ui .tb-mm .tbui-mm-pcc-t{ font-size:var(--tb-fs-12); font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:var(--tb-muted); }
	body.tb-ui .tb-mm .tbui-mm-pcc-n{ font-size:var(--tb-fs-14); font-weight:700; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
	body.tb-ui .tb-mm a.tbui-mm-pcc:hover .tbui-mm-pcc-n{ color:var(--tb-blue); }
}
/* mobil Kataloq başlığı axtarış sahəsi ilə eyni sol xətdə (16 px) */
body.tb-ui .tbui-mc-top{ padding-left:16px !important; }

/* ═══════════ 12. Ana səhifə (ANA-06, DSN-02, DSN-10) ═══════════ */
/* məhsul sıraları: vebdə görünən qədər kart (5; 1024-də 4) — yarımçıq gizli kart qalmır */
@media (min-width:1025px){ body.tb-ui .tbui-home .tbui-rail > .product-grid-item:nth-child(n+6){ display:none !important; } }
@media (min-width:768px) and (max-width:1024px){ body.tb-ui .tbui-home .tbui-rail > .product-grid-item:nth-child(n+4){ display:none !important; } }
/* mobil boz bölmələrdə «Hamısı ›» kənara yapışmır */
@media (max-width:767px){ body.tb-ui .tbui-home .tbui-row .tbui-sec-h{ padding-right:15px; } }
/* Tövsiyə PC və hero kartları: kiçik boz yazılar ≥ 12 px, #5B6475 (DSN-02) */
body.tb-ui .tbui-pcr-spec small, body.tb-ui .tbui-pcr-fps-h span, body.tb-ui .tbui-pcr-note span, body.tb-ui .tbui-pcr-top span,
body.tb-ui .tbui-pc-cell span, body.tb-ui .tbui-kb-sch small, body.tb-ui .tbui-kb-zero i, body.tb-ui .tbui-pcr-verdict{
	font-size:var(--tb-fs-12) !important; letter-spacing:.2px !important; color:var(--tb-muted);
}
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-top span{ color:#fff; }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-fps-h span:first-child{ color:var(--tb-blue); }
body.tb-ui .tbui-kb-sch .tbui-kb-zero small, body.tb-ui .tbui-kb-zero i{ color:var(--tb-green) !important; }
body.tb-ui .tbui-pcr-verdict{ color:#0E6B4C; }
body.tb-ui .tbui-pcr-verdict.is-low{ color:#8A5A00; }
body.tb-ui .tbui-pcr-sub, body.tb-ui .tbui-pcr-pr s, body.tb-ui .tbui-pcr-m{ font-size:var(--tb-fs-12) !important; }
body.tb-ui .tbui-pcr-pr s, body.tb-ui .tbui-pcr-fps-h span:last-child{ color:var(--tb-muted) !important; }

/* ═══════════ 13. Bloq (BLQ-15/19/21/23/30/35) ═══════════ */
body.tb-ui .tbp-wrap{ --b:var(--tb-blue); --b2:#3B6FF0; --bs:var(--tb-blue-soft); }
body.tb-ui .tbp-cta{ background:linear-gradient(135deg, var(--tb-blue) 0%, var(--tb-blue-d) 100%) !important; }
body.tb-ui .tbp-cta p{ color:#fff !important; }
body.tb-ui .tbp-cta .tbp-btn.ghost{ background:var(--tb-blue-d) !important; border-color:rgba(255,255,255,.55) !important; }
/* yazı: başlıqdakı <strong> başlığın çəkisini azaltmır */
body.tb-ui .tbui-post-body :is(h2,h3,h4) :is(strong,b){ font-weight:inherit !important; }
/* mətn içi linklər altdan xətlə (rəng korluğu) */
body.tb-ui .tbui-post-body p a, body.tb-ui .tbui-post-body li a{ text-decoration:underline !important; text-decoration-thickness:1px; text-underline-offset:3px; }
/* sətir uzunluğu ~68 simvol; şəkil və məhsul bloku geniş qalır */
body.tb-ui .tbui-post-body > :is(p, ul, ol, h2, h3, h4, blockquote){ max-width:68ch; }
@media (min-width:768px) and (max-width:1024px){ body.tb-ui .tbui-post-body > :is(p, ul, ol, h2, h3, h4, blockquote){ margin-left:auto; margin-right:auto; } }
body.tb-ui .tbui-post-body{ color:var(--tb-ink-2) !important; }
@media (max-width:767px){
	body.tb-ui .tbui-post-body{ font-size:var(--tb-fs-16) !important; }
	/* «Bütün yazılar»: sətir 48 px, 15 px */
	body.tb-ui .tbui-ba-col a{ display:flex !important; align-items:center; min-height:48px; padding:12px 0 !important; font-size:var(--tb-fs-16) !important; box-sizing:border-box; }
	/* səhifələmə, çiplər, qırıntı — toxunma sahəsi */
	body.tb-ui .woocommerce-pagination .page-numbers, body.tb-ui .wd-pagination .page-numbers, body.tb-ui .tbui-barc .page-numbers, body.tb-ui nav.navigation .page-numbers{ min-width:44px; height:44px !important; line-height:44px !important; margin:0 4px !important; }
	body.tb-ui .tbui-barc-chips{ gap:8px !important; }
	body.tb-ui .tbui-barc-chips a{ position:relative; }
	body.tb-ui .tbui-barc-chips a::after{ content:""; position:absolute; inset:-4px 0; }
	body.tb-ui .tbui-post .tbui-bc a, body.tb-ui .tbui-barc .tbui-bc a, body.tb-ui .tbui-post-bc a{ display:inline-block; padding:11px 0; }
}

/* ═══════════ 14. Statik səhifələr və kabinet (STA-15/23, KAB-09) ═══════════ */
body.tb-ui .tbkp-form input, body.tb-ui .tbkp-form textarea, body.tb-ui .tbkp-form select{ font-weight:500 !important; }
/* əlaqə: sosial şəbəkələr ayrı düymələr (arada «·» mətni gizli), toxunma sahəsi 44 px (STA-23) */
body.tb-ui .tbst-rows dd b:has(a[href*="instagram"], a[href*="facebook"]){ display:flex; flex-wrap:wrap; gap:8px; font-size:0; }
body.tb-ui .tbst-rows dd b a[href*="instagram"], body.tb-ui .tbst-rows dd b a[href*="facebook"]{
	display:inline-flex; align-items:center; min-height:44px; padding:0 16px; border:1px solid var(--tb-btn-line); border-radius:var(--tb-r-sm);
	font-size:var(--tb-fs-16); font-weight:700; color:var(--tb-ink) !important;
}
body.tb-ui .tbkp-form label em{ color:var(--tb-muted) !important; }
@media (max-width:767px){
	body.tb-ui .tbst-rows dt{ flex:0 0 100px !important; width:100px !important; }
	body.tb-ui .tbst-rows a, body.tb-ui .tbst-box a, body.tb-ui .tbst-map a{ display:inline-flex; align-items:center; min-height:44px; }
	body.tb-ui .tbst-seg button{ height:44px !important; }
	body.tb-ui .tbst-calc button:not(.tbst-seg button), body.tb-ui .tbst-chips-c button, body.tb-ui .tbst-calc .tbst-opt{ min-height:44px !important; }
	/* kabinet: geri linkləri, «Kodla daxil ol», filtr düymələri, «Dəyiş» */
	body.tb-ui .tbac-back, body.tb-ui .tbac-link, body.tb-ui .tbac-alt a, body.tb-ui .tbac-alt-link, body.tb-ui .tbac-chip,
	body.tb-ui .tbac-pw summary, body.tb-ui .tbac-res .tbac-map{
		display:inline-flex !important; align-items:center; min-height:44px !important; box-sizing:border-box;
	}
	body.tb-ui .tbac-link{ padding:0 4px !important; }
	/* cümlə içindəki «Kodla daxil ol →» ayrıca sətirdə */
	body.tb-ui .tbac-tip a{ display:flex !important; align-items:center; min-height:44px; width:max-content; }
}

/* UI/UX M8 (DSN-13): cümlə registri — temanın düymələrdə «capitalize» çevirməsi yox («Sifariş Ver» → «Sifariş ver») */
body.tb-ui #place_order, body.tb-ui .checkout-button, body.tb-ui .single_add_to_cart_button, body.tb-ui .tbui-c0-btn, body.tb-ui .tbui-gz-btn{ text-transform:none !important; }

/* 1000–1024: bəndlərin yan boşluğu 9 px (ui.css) — 1-ci bənd eyni qaydada (P3 PLN-02: aktiv halda 14 px sağa sürüşürdü) */
@media (min-width:1000px) and (max-width:1024px){
	html body.tb-ui .whb-header-bottom .whb-col-center .wd-nav-main > li:first-child > a{ padding-left:9px !important; margin-left:-9px !important; }
}
/* məhsul kartı: düymənin öz hover halı (P3 HVR-08 — kart hover-i ilə eyni idi) */
body.tb-ui .product-grid-item .tbui-card .tbui-add > a:not(.tbui-notify):hover, body.tb-ui .product-grid-item .tbui-card .tbui-add .button:not(.tbui-notify):hover{ background:var(--tb-blue-d) !important; border-color:var(--tb-blue-d) !important; }

/* ═══════════ 15. P3 fokus (HVR-01/04/07/09) ═══════════ */
/* Klaviatura fokusu hər yerdə görünür (Woodmart a:focus{outline:none} əzirdi). :focus-visible — siçan klikində halqa yoxdur. */
body.tb-ui :is(a, button, summary, [role=button], [tabindex]:not([tabindex="-1"])):focus-visible{ outline:2px solid var(--tb-blue) !important; outline-offset:2px !important; }
/* kəsilən konteynerlərdə (karusel, kart) halqa içəridə */
body.tb-ui :is(.swiper, .wd-carousel, .tbui-card, .tbs-panel) :is(a, button):focus-visible{ outline-offset:-2px !important; }
/* 44 px şəffaf haşiyəli düymələr (P2) — halqa görünən hissənin kənarında */
body.tb-ui :is(.aydk-bub .aydk-x, .ayds-bub .ayds-x):focus-visible{ outline-offset:-9px !important; }
body.tb-ui .tbw .ayd-bub .ayd-x:focus-visible{ outline-offset:-10px !important; }
body.tb-ui :is(.tbs-m .tbs-m-x):focus-visible{ outline-offset:-4px !important; }
body.tb-ui :is(.tbk-ov .tbk-x, .tbs-m-body .tbs-chip, .tbc-bar .tbc-fbtn, .tbc-bar .tbc-stock, .tbc-bar .tbc-q, .tbc-sub):focus-visible{ outline-offset:-2px !important; }
/* tünd fonlu bloklarda (PC qurucu hero, Aydın balonu, Gaming Zone, sifariş xülasəsi, «ən yaxşı» kartı) mavi halqa itir (<3:1) — ağ */
body.tb-ui :is(.tbw-hero, .tbw .ayd-bub, .tbui-gz-hero, .tbo-sum, .tbw-pc.best, .pcb2-modal) :is(a, button, summary, [role=button], [tabindex]):focus-visible{ outline-color:#fff !important; }
/* başlıq menyusu: fokusda hover fonu da görünür */
body.tb-ui .whb-header-bottom .wd-nav-main > li > a:focus-visible::before{ opacity:1 !important; visibility:visible !important; }
/* əsas konteyner «Məzmuna keç»-in hədəfidir — özünə halqa lazım deyil */
body.tb-ui :is(#tb-main, main[role=main]):focus{ outline:0 !important; }
/* «Məzmuna keç» (HVR-09): ilk Tab, yalnız fokusda görünür */
body.tb-ui .tb-skip{ position:fixed; left:16px; top:8px; z-index:100001; transform:translateY(-200%); padding:10px 16px; border-radius:var(--tb-r-sm); background:var(--tb-blue); color:#fff !important; font-size:var(--tb-fs-16); font-weight:700; line-height:1.2; }
body.tb-ui .tb-skip:focus, body.tb-ui .tb-skip:focus-visible{ transform:none; outline:2px solid var(--tb-blue) !important; outline-offset:2px !important; }
/* başlıq axtarışı (HVR-04): fokusda mavi 2 px halqa (ui.css boz xətti əzirdi), künc sahə ilə eyni */
body.tb-ui .whb-header .searchform input.s:focus, body.tb-ui .tbs-wrap input[name=s]:focus{ border-color:var(--tb-blue) !important; box-shadow:0 0 0 1px var(--tb-blue) !important; outline:0 !important; }
/* mobil axtarış (HVR-07): halqa daxili input-da yox, «pill» sahədə */
body.tb-ui .tbs-m-f input:is(:focus, :focus-visible){ box-shadow:none !important; border-color:transparent !important; outline:0 !important; }
body.tb-ui .tbs-m-f:focus-within{ box-shadow:inset 0 0 0 2px var(--tb-blue); }

/* ═══════════ 16. P3 meqa-menyu və axtarış (UYG-24/29/35) ═══════════ */
@media (min-width:1000px){
	/* alt paneli olan, amma alt bəndi olmayan bənd (Gaming PC) də «›» oxu alır — digərləri kimi (UYG-24) */
	body.tb-ui .wd-header-cats .wd-dropdown-cats > ul > li:not(.menu-item-has-children):has(> .tb-mm) > a::after{
		content:"\f113"; font-family:"woodmart-font"; font-weight:normal; font-size:clamp(6px, 60%, 18px); margin-inline-start:auto; color:var(--nav-chevron-color, rgba(82,82,82,.45));
	}
	/* başlıqsız sütunun bəndləri eyni səviyyəli kateqoriyalardır («Daxili SSD», «Keys fanlar» …) — başlıq üslubunda (UYG-29) */
	body.tb-ui .tb-mm:has(ul.mega-menu-list > li > a) ul.mega-menu-list > li:not(:has(> a)) > .sub-sub-menu > li > a{ font-size:var(--tb-fs-16) !important; font-weight:800 !important; color:var(--tb-ink) !important; }
	body.tb-ui .tb-mm:has(ul.mega-menu-list > li > a) ul.mega-menu-list > li:not(:has(> a)) > .sub-sub-menu > li > a:hover{ color:var(--tb-blue) !important; }
	/* meqa-menyu və axtarış pəncərəsi eyni yüngül örtük (UYG-35: 70% qara idi, axtarışda heç yox idi); axtarışda search.js .tbs-ov verir */
	body.tb-ui .wd-close-side:is(.wd-location-header, .tbs-ov){ background-color:rgba(11,18,32,.35) !important; }
	body.tb-ui .wd-close-side.tbs-ov{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; z-index:389 !important; }
}

/* ═══════════ 17. P3 «Yuxarı» düyməsi və footer (QLB-02/08, PLN-05) ═══════════ */
/* «Yuxarı» konteynerin sağ kənarına bağlı (1920-də ekran küncündə, məzmundan 219 px aralı idi — PLN-05);
   sağ boş kənar düyməyə yetmirsə (≤1519: V1366/V1280-də 4-cü kartı və «Səbətə əlavə et»i örtürdü — QLB-02) gizli: yuxarı sürüşəndə başlıq onsuz da görünür */
@media (min-width:1025px){
	body.tb-ui .scrollToTop{ right:max(16px, calc((100vw - 1370px) / 2 - 56px)) !important; }
}
@media (min-width:1025px) and (max-width:1519px){
	body.tb-ui .scrollToTop{ display:none !important; }
}
/* footerin altında 20 px ağ zolaq: .tbf-bottom-un margin-bottom-u boş <p> üzərindən footerdən çölə çıxırdı (QLB-08) */
body.tb-ui .tbf-bottom{ margin-bottom:0 !important; }
body.tb-ui .wd-footer .main-footer > p:empty{ display:none; }

/* ═══ P4 (28.09): tokenlər/CLS ═══ */
/* PLN-03: SEO mətni oxunaqlı endə (820 px ≈ 100 simvol) — kateqoriya şablonundakı mətn vidceti (aksesuarlar və s.) və PC qurucu SEO-su (səhifə 43675) */
body.tb-ui.tax-product_cat .elementor-widget-text-editor, body.tb-ui.page-id-43675 .elementor-widget-text-editor{ max-width:820px; }
body.tb-ui .tbp-steps li.tbp-rv > div{ max-width:820px; } /* bloq FAQ/rəy kartı: mətn 1218 px → 820 */
/* QLB-03: başlıqdakı səbət/istək sayğacı (Woodmart 11 px) → 12 px, 18 px dairə eyni */
body.tb-ui .whb-header .wd-tools-count{ font-size:var(--tb-fs-12) !important; }


/* /wp-content/plugins/techbar-ui/assets/first-paint.css */
/* TechBar UI — ilk görünüş (JS gəlməmiş) = son görünüş. «1 saniyə köhnə dizayn» keçidini (tools/perf/js-flash.mjs) aradan qaldırır.
   Hər qayda JS-in qoyduğu nişan OLMAYANDA işləyir (data-tbc, data-tbc-cl, .tbui-clamp); JS işləyən kimi öz sinifləri ilə əvəzlənir.
   Mənbə məntiqi: archive.js sidebar()/m5(), ui.js. Prioritet filtrlər = archive.js PRIO (vidcet ID-ləri bütün kateqoriyalarda eynidir).
   Qiymət aralıqları (.tbc-bands) burada DEYİL — hündürlüyü enə görə dəyişir, server tərəfdə çap olunmalıdır. */

/* ═══ 1. Kateqoriya filtr paneli ═══ */
/* 1a. Prioritet olmayan filtrlər gizli (seçimi olan göstərilir) — JS onlara .tbc-hide verir */
body.tb-ui:not([class*="term-gaming"]):not([class*="term-oyun"]) .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) .wd-widget:not(#woocommerce_price_filter-5, #woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19):not(.widget_product_categories):not(:has(.chosen, .wd-active, input:checked)),
body.tb-ui:is([class*="term-gaming"], [class*="term-oyun"]) .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) .wd-widget:not(#woocommerce_price_filter-5, #woodmart-woocommerce-layered-nav-11, #woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19):not(.widget_product_categories):not(:has(.chosen, .wd-active, input:checked)),
body.tb-ui.tbc-brand aside.sidebar-container:not([data-tbc]) .wd-widget:not(#woocommerce_price_filter-5, #woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19):not(.widget_product_categories):not(:has(.chosen, .wd-active, input:checked)){ display:none !important; }

/* 1b. Prioritet filtrlər açıq — JS .tbc-open verir (archive.css: məzmun görünür, ox yuxarı, başlıq altı 12px) */
body.tb-ui .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) :is(#woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19).wd-widget-collapse > :not(.widget-title),
body.tb-ui:is([class*="term-gaming"], [class*="term-oyun"]) .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) #woodmart-woocommerce-layered-nav-11.wd-widget-collapse > :not(.widget-title),
body.tb-ui.tbc-brand aside.sidebar-container:not([data-tbc]) :is(#woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19).wd-widget-collapse > :not(.widget-title){ display:block !important; }
body.tb-ui .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) :is(#woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19).wd-widget-collapse > .widget-title,
body.tb-ui:is([class*="term-gaming"], [class*="term-oyun"]) .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) #woodmart-woocommerce-layered-nav-11.wd-widget-collapse > .widget-title,
body.tb-ui.tbc-brand aside.sidebar-container:not([data-tbc]) :is(#woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19).wd-widget-collapse > .widget-title{ margin-bottom:12px !important; }
body.tb-ui .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) :is(#woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19).wd-widget-collapse > .widget-title:after,
body.tb-ui:is([class*="term-gaming"], [class*="term-oyun"]) .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) #woodmart-woocommerce-layered-nav-11.wd-widget-collapse > .widget-title:after,
body.tb-ui.tbc-brand aside.sidebar-container:not([data-tbc]) :is(#woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19).wd-widget-collapse > .widget-title:after{ transform:rotate(180deg); }

/* 1b-P6 (BOS-01): 0 nəticədə prioritet qruplar yığılı (qiymət və seçimi olan qalır açıq) — archive.js ilə eyni, ilk çəkilişdə sıçrayış yox */
body.tb-ui.tbc-zero .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) :is(#woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19, #woodmart-woocommerce-layered-nav-11).wd-widget-collapse:not(:has(.wd-active, .chosen)) > :not(.widget-title){ display:none !important; }

/* 1c. Gaming səhifələrində videokart qiymətdən dərhal sonra (JS sırası) */
body.tb-ui:is([class*="term-gaming"], [class*="term-oyun"]) .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]){ display:flex; flex-direction:column; }
body.tb-ui:is([class*="term-gaming"], [class*="term-oyun"]) .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) > #woocommerce_price_filter-5{ order:-2; }
body.tb-ui:is([class*="term-gaming"], [class*="term-oyun"]) .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]) > #woodmart-woocommerce-layered-nav-11{ order:-1; }

/* 1d. «Daha çox filtr (N)» düyməsinin yeri (44 + 16 px) — yalnız gizli filtr varsa */
body.tb-ui .elementor-widget-wd_sidebar > .elementor-widget-container:not([data-tbc]):has(.wd-widget:not(#woocommerce_price_filter-5, #woodmart-woocommerce-layered-nav-11, #woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19):not(.widget_product_categories))::after,
body.tb-ui.tbc-brand aside.sidebar-container:not([data-tbc]):has(.wd-widget:not(#woocommerce_price_filter-5, #woodmart-woocommerce-layered-nav-17, #woodmart-woocommerce-layered-nav-10, #woodmart-woocommerce-layered-nav-12, #woodmart-woocommerce-layered-nav-13, #woodmart-woocommerce-layered-nav-19):not(.widget_product_categories))::after{ content:""; display:block; height:60px; }

/* 1e. Uzun filtr siyahısı — ilk 6 dəyər (seçilmiş həmişə) + «Hamısını göstər (N)» yeri (8 + 32 px); JS .tbc-cut verir */
body.tb-ui .wd-widget .wd-filter-list:not([data-tbc]):has(> li:nth-child(8)) > li:nth-child(n+7):not(.wd-active){ display:none !important; }
body.tb-ui .wd-widget .wd-scroll:has(> .wd-filter-list:not([data-tbc]) > li:nth-child(8)),
body.tb-ui .wd-widget :not(.wd-scroll) > .wd-filter-list:not([data-tbc]):has(> li:nth-child(8)){ padding-bottom:40px; }

/* ═══ 2. «Daha çox oxu» mətnləri — ilk andan yığılmış (JS qısa mətndə sinfi götürür, qısa mətn onsuz da sığır) ═══ */
@media (max-width:767px){
	body.tb-ui .tbc-lead:not([data-tbc-cl]){ max-height:3.1em; overflow:hidden; }
	/* uzun mətn (first-paint.php) — «Daha çox oxu» düyməsinin yeri: 2 + 32 + növbəti blokun 10 px-i (margin birləşir) */
	body.tb-ui .tbc-lead.tbc-lead-long:not([data-tbc-cl]){ margin-bottom:44px; }
	/* ui.js qısa mətndə (hündürlük ≤ 10.5em + 24px) sinfi götürür və nişan qoymur — bu qayda o mətni kəsməsin deyə +24px */
	body.tb-ui .tbui-gz .tbui-seo-in:not(.tbui-clamp){ max-height:calc(10.5em + 24px); overflow:hidden; }
}
@media (min-width:768px){
	body.tb-ui .wd-shop-desc .term-description:not([data-tbc-cl]){ max-height:15em; overflow:hidden; }
}
body.tb-ui.tbc-brand-a .wd-content-area > .term-description:not([data-tbc-cl]){ max-height:15em; overflow:hidden; }
body.tb-ui.tbc-brand-b .wd-content-area > .term-description:not([data-tbc-cl]){ max-height:9em; overflow:hidden; }

/* ═══ 3. Aydın sətirləri (first-paint.php çap edir, aydin-*.js götürür) ═══ */
html.ayd-gizli .ayd-ssr{ display:none !important; }                 /* «Aydını gizlət» — <head> skripti */
.ayd-ssr.ayd-s52{ --ays:52px; } .ayd-ssr.ayd-s56{ --ays:56px; }      /* JS: innerWidth < 760 ? 46 : 52/56 */
@media (max-width:759px){ .ayd-ssr.ayd-s52, .ayd-ssr.ayd-s56{ --ays:46px; } }
/* 404 və nəticəsiz axtarış: vebdə (≥900) JS sağdakı boş yerə tam boy fiqur qoyur — sətir yalnız JS istəsə (.is-on) görünür */
@media (min-width:900px){ .ayd-ssr.ayd-wide-slot:not(.is-on){ display:none !important; } }
/* axtarış: Aydın sətri olanda ümumi izah paraqrafı gizli (aydin-axtaris.css .aydx-on qaydası ilə eyni) */
@media (max-width:899px){ html:not(.ayd-gizli) .tbui-s0 .tbui-404-main:has(> .ayd-ssr) > p{ display:none; } }

/* ═══ 4. Ana səhifə, Aydın (first-paint.php tbui_fp_home, aydin-ana.js yalnız ≥1025 px və Aydın gizli deyilsə) ═══ */
@media (max-width:1024px){ .ayda-ph, .aydq-t.ayd-ssr{ display:none !important; } }
html.ayd-gizli .ayda-ph{ display:none !important; }
@media (min-width:1025px){
	/* köhnə nümunə kartı + zəncir JS gəlməmiş gizli (JS .ayda-on ilə eyni edir); yerində boş hologram səhnəsi */
	html:not(.ayd-gizli) body.tb-ui .tbui-pc:has(> .ayda-ph) :is(.tbui-pc-card, .tbui-pc-chain){ display:none; }
	/* Aydın gizlidirsə 9-cu kafel yoxdur — şəbəkə 8 sütun qalır */
	html.ayd-gizli body.tb-ui .tbui-home .tbui-cats.aydq-9{ grid-template-columns:repeat(9, minmax(0, 1fr)); }
}

/* ═══ 5. PC məhsul səhifəsi, FPS bloku: Aydın xülasəni öz dilində deyir — köhnə xülasə ilk andan gizli (JS style.display=none ilə eyni) ═══ */
html:not(.ayd-gizli) #tbp-oyun .tbfp:has(.ayd-ssr) .tbfp-sum{ display:none; }

/* ═══ 6. Dolu səbət, telefon: etibar kartları JS onları xülasənin sütununa köçürənə qədər gizli (checkout.js cartTweaks) ═══ */
@media (max-width:767px){
	body.tb-ui.woocommerce-cart .elementor-top-column:not(:has(.cart_totals)) .tb-trust-wrap{ display:none; }
}

/* ═══ 7. Təşəkkür səhifəsi: Aydının üzü ✓ dairəsinin yerində (aydin-sifaris.css .ayds-on qaydası ilə eyni; Aydın gizlidirsə ✓ qalır) ═══ */
html:not(.ayd-gizli) .tbty-hero:has(> .ayds-hero-av.ayd-ssr) .tbty-ok{ display:none !important; }


/* /wp-content/plugins/techbar-pc-builder/assets/builder.css */
/* ============================================================
   TECHBAR PC BUILDER v2 — yüngül, sürətli, uyğunluq yoxlamalı
   Bütün üslublar .pcb2.pcb2 daxilində — sayt CSS-i ilə toqquşmur
   ============================================================ */
/* Dizayn tokenləri — həm builder-də, həm də <body>-yə əlavə olunan modallarda lazımdır.
   rənglər saytın Woodmart dəyərlərindən götürülüb:
   düymə #1a62e7 · link #1e73be · başlıq #242424 · alt fon #e6effd · şrift Nunito */
.pcb2.pcb2, .pcb2-modal-bg.pcb2-modal-bg{
  --blue:#1a62e7; --blue-2:#1350c4; --blue-soft:#e6effd; --blue-soft-2:#cfe0fb;
  --navy:#060644;
  --bg:#f4f7fb; --surface:#ffffff; --border:#e4eaf2; --border-2:#c9d6e4;
  --text:#242424; --text-2:#55647a; --text-3:#8a9cb0;
  --green:#1e9e5a; --green-soft:#e5f7ed;
  --red:#d64541; --red-soft:#fdecea;
  --amber:#9a6d10; --amber-soft:#fff6e0; --amber-border:#eed9a0;
  --grad:linear-gradient(135deg,#060644 0%,#1a62e7 100%);
  --sh-sm:0 1px 3px rgba(16,40,70,.07);
  --sh-md:0 5px 18px rgba(16,40,70,.10);
  --sh-lg:0 14px 40px rgba(10,30,60,.18);
  --r:14px; --r-sm:9px;
  font-family:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  color:var(--text); font-size:14px; line-height:1.45;
}.pcb2.pcb2{
  background:var(--bg); border-radius:var(--r);
  padding:18px; margin:10px 0 30px;
}.pcb2.pcb2 *, .pcb2-modal-bg.pcb2-modal-bg *{box-sizing:border-box; margin:0; padding:0;}.pcb2.pcb2 button, .pcb2-modal-bg.pcb2-modal-bg button{font-family:inherit; cursor:pointer;}.pcb2.pcb2 img{max-width:100%;}/* ============ ÜMUMİ QURULUŞ ============ */
.pcb2-wrap.pcb2-wrap{display:grid; grid-template-columns:340px 1fr; gap:18px; align-items:start;}
@media (max-width:900px){.pcb2-wrap.pcb2-wrap{grid-template-columns:1fr;} }/* ============ SOL: YIĞIM PANELİ ============ */
.pcb2-side.pcb2-side{position:sticky; top:90px; display:flex; flex-direction:column; gap:12px;}
@media (max-width:900px){.pcb2-side.pcb2-side{position:static; order:2;} }.pcb2-summary.pcb2-summary{background:var(--surface); border:1px solid var(--border); border-radius:var(--r); overflow:hidden; box-shadow:var(--sh-sm);}.pcb2-sum-head.pcb2-sum-head{background:var(--grad); color:#fff; padding:13px 16px;}.pcb2-sum-head.pcb2-sum-head .pcb2-sum-title{font-family:var(--wd-title-font); font-size:15px; font-weight:800; letter-spacing:.3px; color:#fff; line-height:1.4; margin:0;}.pcb2-progress.pcb2-progress{display:flex; align-items:center; gap:10px; margin-top:8px;}.pcb2-bar.pcb2-bar{flex:1; height:6px; background:rgba(255,255,255,.25); border-radius:6px; overflow:hidden;}.pcb2-bar.pcb2-bar i{display:block; height:100%; width:0; background:#7ee2a8; border-radius:6px; transition:width .3s ease;}.pcb2-progress.pcb2-progress span{font-size:11.5px; font-weight:700; color:#d7e9fb; white-space:nowrap;}.pcb2-slots.pcb2-slots{padding:6px 0;}.pcb2-slot.pcb2-slot{display:flex; align-items:center; gap:10px; padding:7px 14px; border-bottom:1px solid var(--border); cursor:pointer; transition:background .12s ease;}.pcb2-slot.pcb2-slot:last-child{border-bottom:none;}.pcb2-slot.pcb2-slot:hover{background:var(--blue-soft);}.pcb2-slot.pcb2-slot.active{background:var(--blue-soft); box-shadow:inset 3px 0 0 var(--blue);}.pcb2-slot-ico.pcb2-slot-ico{width:34px; height:34px; border-radius:9px; background:var(--blue-soft); color:var(--blue); display:flex; align-items:center; justify-content:center; flex-shrink:0;}.pcb2-slot.pcb2-slot.done .pcb2-slot-ico{background:var(--green-soft); color:var(--green);}.pcb2-slot-ico.pcb2-slot-ico svg{width:18px; height:18px;}.pcb2-slot-main.pcb2-slot-main{flex:1; min-width:0;}.pcb2-slot-cat.pcb2-slot-cat{display:block; font-size:10px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:var(--text-3); white-space:nowrap;}.pcb2-slot-val.pcb2-slot-val{display:block; font-size:12px; font-weight:700; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.pcb2-slot-val.pcb2-slot-val.empty{color:var(--text-3); font-weight:500; font-style:italic;}.pcb2-slot-x.pcb2-slot-x{border:none; background:none; color:var(--text-3); font-size:15px; padding:4px 6px; border-radius:6px; line-height:1; flex-shrink:0;}.pcb2-slot-x.pcb2-slot-x:hover{background:var(--red-soft); color:var(--red);}.pcb2-total.pcb2-total{padding:14px 16px; border-top:1px solid var(--border); background:var(--surface);}.pcb2-total-row.pcb2-total-row{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px;}.pcb2-total-l.pcb2-total-l{font-size:12px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:var(--text-2);}.pcb2-total-v.pcb2-total-v{font-size:24px; font-weight:900; color:var(--blue-2);}.pcb2-total-hint.pcb2-total-hint{font-size:11.5px; color:var(--text-3); margin-bottom:10px;}.pcb2-actions.pcb2-actions{display:flex; gap:8px;}.pcb2-btn.pcb2-btn{flex:1; border:none; border-radius:var(--r-sm); padding:11px 10px; font-size:13.5px; font-weight:800; letter-spacing:.2px; transition:filter .15s ease,transform .1s ease;}.pcb2-btn.pcb2-btn:disabled{opacity:.45; cursor:not-allowed;}.pcb2-btn.pcb2-btn:not(:disabled):hover{filter:brightness(1.1);}.pcb2-btn.pcb2-btn:not(:disabled):active{transform:translateY(1px);}.pcb2-btn.pcb2-btn.cash{background:var(--green); color:#fff;}.pcb2-btn.pcb2-btn.credit{background:var(--blue); color:#fff;}.pcb2-compat-note.pcb2-compat-note{background:var(--amber-soft); border:1px solid var(--amber-border); color:var(--amber); border-radius:var(--r-sm); padding:9px 12px; font-size:12px; display:none;}.pcb2-compat-note.pcb2-compat-note.show{display:block;}/* ============ SAĞ: KATEQORİYA + MƏHSULLAR ============ */
.pcb2-main.pcb2-main{min-width:0;}.pcb2-tabs.pcb2-tabs{display:flex; gap:6px; overflow-x:auto; padding-bottom:8px; margin-bottom:12px; scrollbar-width:thin;}.pcb2-tabs.pcb2-tabs::-webkit-scrollbar{height:5px;}.pcb2-tabs.pcb2-tabs::-webkit-scrollbar-thumb{background:var(--border-2); border-radius:5px;}.pcb2-tab.pcb2-tab{display:flex; align-items:center; gap:7px; border:1px solid var(--border-2); background:var(--surface); color:var(--text-2);
  border-radius:24px; padding:8px 14px; font-size:12.5px; font-weight:700; white-space:nowrap; flex-shrink:0; transition:all .15s ease;}.pcb2-tab.pcb2-tab svg{width:15px; height:15px;}.pcb2-tab.pcb2-tab:hover{border-color:var(--blue); color:var(--blue);}.pcb2-tab.pcb2-tab.on{background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:var(--sh-sm);}.pcb2-tab.pcb2-tab .tick{display:none; width:15px; height:15px; border-radius:50%; background:var(--green); color:#fff; font-size:9px; align-items:center; justify-content:center; font-weight:900;}.pcb2-tab.pcb2-tab.done .tick{display:inline-flex;}.pcb2-tab.pcb2-tab.on .tick{background:#7ee2a8; color:#0f3f6e;}.pcb2-toolbar.pcb2-toolbar{display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap; align-items:center;}.pcb2-search.pcb2-search{flex:1; min-width:180px; position:relative;}.pcb2-search.pcb2-search input{width:100%; border:1px solid var(--border-2); border-radius:var(--r-sm); padding:9px 12px 9px 34px; font-size:13px; font-family:inherit; background:var(--surface); color:var(--text);}.pcb2-search.pcb2-search input:focus{outline:none; border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-soft);}.pcb2-search.pcb2-search svg{position:absolute; left:11px; top:50%; transform:translateY(-50%); width:15px; height:15px; color:var(--text-3);}.pcb2-sort.pcb2-sort{border:1px solid var(--border-2); border-radius:var(--r-sm); padding:9px 10px; font-size:12.5px; font-family:inherit; background:var(--surface); color:var(--text-2); font-weight:600;}.pcb2-chip.pcb2-chip{display:inline-flex; align-items:center; gap:6px; border:1px solid var(--border-2); background:var(--surface); border-radius:20px; padding:7px 12px; font-size:12px; font-weight:700; color:var(--text-2); user-select:none; cursor:pointer;}.pcb2-chip.pcb2-chip input{accent-color:var(--blue); width:14px; height:14px; cursor:pointer;}.pcb2-count.pcb2-count{font-size:12px; color:var(--text-3); font-weight:600; margin-left:auto;}.pcb2-grid.pcb2-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:10px;}.pcb2-card.pcb2-card{background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:10px; display:flex; flex-direction:column; gap:7px;
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease; position:relative;}.pcb2-card.pcb2-card:hover{transform:translateY(-2px); box-shadow:var(--sh-md); border-color:var(--blue-soft-2);}.pcb2-card.pcb2-card.sel{border-color:var(--green); box-shadow:0 0 0 2px var(--green-soft);}.pcb2-card.pcb2-card.incompat{opacity:.45;}.pcb2-card.pcb2-card.incompat::after{content:"uyğun deyil"; position:absolute; top:8px; left:8px; background:var(--red); color:#fff; font-size:9px; font-weight:800; letter-spacing:.4px; padding:2px 7px; border-radius:5px;}.pcb2-card.pcb2-card a.imglink{display:block; text-align:center;}.pcb2-card.pcb2-card img{width:100%; height:110px; object-fit:contain; background:#fff; border-radius:8px;}.pcb2-card.pcb2-card .noimg{width:100%; height:110px; display:flex; align-items:center; justify-content:center; color:var(--text-3); background:var(--bg); border-radius:8px; font-size:22px;}.pcb2-name.pcb2-name{font-size:11.8px; font-weight:700; line-height:1.35; color:var(--text); flex:1;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-decoration:none;}a.pcb2-name.pcb2-name:hover{color:var(--blue);}.pcb2-diff.pcb2-diff{font-size:11.5px; font-weight:800; min-height:15px;}.pcb2-diff.pcb2-diff.plus{color:var(--red);}.pcb2-diff.pcb2-diff.minus{color:var(--green);}.pcb2-pick.pcb2-pick{border:none; background:var(--blue); color:#fff; border-radius:8px; padding:8px; font-size:12.5px; font-weight:800; transition:background .15s ease;}.pcb2-pick.pcb2-pick:hover{background:var(--blue-2);}.pcb2-card.pcb2-card.sel .pcb2-pick{background:var(--green); cursor:default;}.pcb2-more.pcb2-more{display:block; margin:16px auto 0; border:1px solid var(--border-2); background:var(--surface); color:var(--text-2);
  border-radius:24px; padding:10px 26px; font-size:13px; font-weight:800;}.pcb2-more.pcb2-more:hover{border-color:var(--blue); color:var(--blue);}.pcb2-empty.pcb2-empty{text-align:center; color:var(--text-3); padding:40px 10px; font-size:13.5px;}.pcb2-skel.pcb2-skel{height:210px; border-radius:12px; background:linear-gradient(100deg,var(--surface) 40%,var(--bg) 50%,var(--surface) 60%); background-size:200% 100%; animation:pcb2shine 1.2s infinite;}
@keyframes pcb2shine{to{background-position:-200% 0;}}/* ============ MODAL (sifariş formaları) ============ */
.pcb2-modal-bg.pcb2-modal-bg{position:fixed; inset:0; background:rgba(8,18,32,.55); backdrop-filter:blur(3px); display:none; align-items:flex-start; justify-content:center; z-index:99999; overflow:auto; padding:40px 12px;}.pcb2-modal-bg.pcb2-modal-bg.open{display:flex;}.pcb2-modal.pcb2-modal{background:#fff; border-radius:16px; padding:24px; width:100%; max-width:480px; box-shadow:var(--sh-lg); font-family:inherit;}.pcb2-modal.pcb2-modal h2{font-size:17px; font-weight:800; color:var(--text); margin-bottom:4px;}.pcb2-sum.pcb2-sum{font-size:13.5px; color:var(--text-2); margin-bottom:14px;}.pcb2-sum.pcb2-sum b{color:var(--green); font-size:16px; font-weight:900;}.pcb2-field.pcb2-field{margin-bottom:11px;}.pcb2-field.pcb2-field label, .pcb2-lbl.pcb2-lbl{display:block; font-size:11.5px; font-weight:800; color:var(--text-2); margin-bottom:4px; letter-spacing:.2px;}.pcb2-field.pcb2-field input, .pcb2-field.pcb2-field textarea, .pcb2-field.pcb2-field select{width:100%; border:1px solid var(--border-2); border-radius:var(--r-sm); padding:9px 11px; font-size:13.5px; font-family:inherit; color:var(--text); background:#fff;}.pcb2-field.pcb2-field input:focus, .pcb2-field.pcb2-field textarea:focus, .pcb2-field.pcb2-field select:focus, .pcb2-phone.pcb2-phone select:focus, .pcb2-phone.pcb2-phone input:focus{outline:none; border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-soft);}.pcb2-row.pcb2-row{display:flex; gap:10px;}.pcb2-row.pcb2-row .pcb2-field{flex:1; min-width:0;}/* kredit müddəti seçicisi */
.pcb2-terms.pcb2-terms{display:flex; gap:6px; margin-bottom:8px; flex-wrap:wrap;}.pcb2-term.pcb2-term{border:1px solid var(--border-2); background:#fff; color:var(--text-2); border-radius:20px; padding:7px 14px; font-size:12.5px; font-weight:800; transition:all .15s ease;}.pcb2-term.pcb2-term:hover{border-color:var(--blue); color:var(--blue);}.pcb2-term.pcb2-term.on{background:var(--blue); border-color:var(--blue); color:#fff;}.pcb2-monthly.pcb2-monthly{font-size:13px; color:var(--text-2); margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid var(--border);}.pcb2-monthly.pcb2-monthly b{color:var(--blue); font-size:15px; font-weight:900;}/* telefon sətirləri */
.pcb2-phones.pcb2-phones{display:flex; flex-direction:column; gap:7px; margin-bottom:6px;}.pcb2-phone.pcb2-phone{display:flex; gap:7px;}.pcb2-phone.pcb2-phone select{width:88px; flex-shrink:0; border:1px solid var(--border-2); border-radius:var(--r-sm); padding:9px 8px; font-size:13px; font-family:inherit; background:#fff; color:var(--text); font-weight:600;}.pcb2-phone.pcb2-phone input{flex:1; min-width:0; border:1px solid var(--border-2); border-radius:var(--r-sm); padding:9px 11px; font-size:13.5px; font-family:inherit; color:var(--text);}.pcb2-otp.pcb2-otp{letter-spacing:6px; text-align:center; font-size:20px !important; font-weight:800;}.pcb2-consent.pcb2-consent{display:flex; gap:9px; align-items:flex-start; font-size:10.5px; color:var(--text-2); line-height:1.55; margin:12px 0; cursor:pointer;}.pcb2-consent.pcb2-consent input{width:18px; height:18px; flex-shrink:0; margin-top:2px; accent-color:var(--blue); cursor:pointer;}.pcb2-send.pcb2-send{width:100%; border:none; border-radius:var(--r-sm); background:var(--green); color:#fff; padding:12px; font-size:14.5px; font-weight:800; font-family:inherit; cursor:pointer; transition:filter .15s ease;}.pcb2-send.pcb2-send:hover{filter:brightness(1.08);}.pcb2-send.pcb2-send.blue{background:var(--blue);}.pcb2-send.pcb2-send:disabled{opacity:.5; cursor:not-allowed;}.pcb2-close.pcb2-close{float:right; border:none; background:none; font-size:20px; color:var(--text-3); line-height:1; padding:2px 8px; border-radius:7px; cursor:pointer;}.pcb2-close.pcb2-close:hover{background:var(--bg); color:var(--text);}.pcb2-ok.pcb2-ok{text-align:center; padding:20px 0;}.pcb2-ok.pcb2-ok h2{margin-bottom:8px;}.pcb2-ok.pcb2-ok .pcb2-sum{margin-bottom:18px;}.pcb2-ok.pcb2-ok .ico{width:56px; height:56px; margin:0 auto 12px; border-radius:50%; background:var(--green-soft); color:var(--green); display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:900;}/* ============ SEO MƏTN BLOKU ============ */
.pcb2-seo.pcb2-seo{margin-top:26px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:22px 24px;}.pcb2-seo.pcb2-seo h2{font-size:17px; color:var(--text); margin-bottom:10px; font-weight:800;}.pcb2-seo.pcb2-seo h3{font-size:14px; color:var(--text); margin:14px 0 6px; font-weight:800;}.pcb2-seo.pcb2-seo p{font-size:13px; color:var(--text-2); margin-bottom:8px; line-height:1.65;}/* mobil yekun zolağı */
.pcb2-mobilebar.pcb2-mobilebar{display:none;}
@media (max-width:900px){.pcb2-mobilebar.pcb2-mobilebar{display:flex; position:sticky; bottom:0; z-index:50; background:var(--surface); border-top:2px solid var(--blue);
    padding:10px 14px; align-items:center; justify-content:space-between; gap:10px; border-radius:12px 12px 0 0; box-shadow:0 -6px 20px rgba(10,30,60,.12); margin:14px -18px -18px;}.pcb2-mobilebar.pcb2-mobilebar .st{font-size:12px; font-weight:800; color:var(--text-2);}.pcb2-mobilebar.pcb2-mobilebar .pr{font-size:17px; font-weight:900; color:var(--blue-2);}
}

/* ============================================================
   WOODMART TEMA QORUYUCULARI
   Tema base.min.css-də bu qaydalar var və builder-i pozur:
     :is(.btn,.button,button,[type=submit],[type=button]) { background:var(--btn-bgcolor,#F3F3F3) }
     input, select, textarea { width:100% }
   Aşağıdakılar onları neytrallaşdırır (spesifiklik + !important).
   ============================================================ */
.pcb2.pcb2 .pcb2-pick,
.pcb2.pcb2 .pcb2-btn,
.pcb2.pcb2 .pcb2-tab,
.pcb2.pcb2 .pcb2-term,
.pcb2.pcb2 .pcb2-slot-x,
.pcb2-modal-bg.pcb2-modal-bg .pcb2-send,
.pcb2-modal-bg.pcb2-modal-bg .pcb2-term,
.pcb2-modal-bg.pcb2-modal-bg .pcb2-close{
  box-shadow:none; text-transform:none; letter-spacing:normal; min-height:0; line-height:1.4;
}
.pcb2.pcb2 .pcb2-pick{ background:var(--blue) !important; color:#fff !important; }
.pcb2.pcb2 .pcb2-pick:hover{ background:var(--blue-2) !important; }
.pcb2.pcb2 .pcb2-card.sel .pcb2-pick{ background:var(--green) !important; }
.pcb2.pcb2 .pcb2-btn.cash{ background:var(--green) !important; color:#fff !important; }
.pcb2.pcb2 .pcb2-btn.credit{ background:var(--blue) !important; color:#fff !important; }
.pcb2.pcb2 .pcb2-tab{ background:var(--surface) !important; color:var(--text-2) !important; }
.pcb2.pcb2 .pcb2-tab.on{ background:var(--blue) !important; color:#fff !important; }
.pcb2.pcb2 .pcb2-slot-x{ background:none !important; color:var(--text-3) !important; }
.pcb2.pcb2 .pcb2-slot-x:hover{ background:var(--red-soft) !important; color:var(--red) !important; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-send{ background:var(--green) !important; color:#fff !important; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-send.blue{ background:var(--blue) !important; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-close{ background:none !important; color:var(--text-3) !important; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-term{ background:#fff !important; color:var(--text-2) !important; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-term.on{ background:var(--blue) !important; color:#fff !important; }

/* forma elementləri: tema width:100% + öz hündürlüyünü tətbiq edir */
.pcb2.pcb2 .pcb2-sort{ width:auto !important; height:auto !important; margin:0 !important; }
.pcb2.pcb2 .pcb2-search input{ width:100% !important; height:auto !important; margin:0 !important; }
.pcb2.pcb2 .pcb2-chip input{ width:14px !important; height:14px !important; margin:0 !important; }
.pcb2-modal-bg.pcb2-modal-bg input,
.pcb2-modal-bg.pcb2-modal-bg select,
.pcb2-modal-bg.pcb2-modal-bg textarea{ height:auto !important; margin:0 !important; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-phone select{ width:88px !important; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-consent input{ width:18px !important; height:18px !important; }

/* şəkillər: tema lazy-load/animasiya tətbiq edə bilər */
/* tema lazy-load animasiyasını söndür — transform-a toxunma, o, yaxınlaşdırma üçündür */
.pcb2.pcb2 .pcb2-card img{ display:block !important; opacity:1 !important; animation:none !important; }
.pcb2.pcb2 .pcb2-card a.imglink{ text-decoration:none !important; border:none !important; }
.pcb2.pcb2 .pcb2-name{ text-decoration:none !important; }

/* ============ GRID: sətirdə həmişə 5 məhsul ============
   Desktopda dəyişmir (istifadəçi tələbi). Yalnız sidebar aşağı düşəndən
   (900px) sonra telefon üçün azalır. */
.pcb2.pcb2 .pcb2-grid{ grid-template-columns:repeat(5,1fr); gap:8px; }
@media (max-width:760px){ .pcb2.pcb2 .pcb2-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:520px){ .pcb2.pcb2 .pcb2-grid{ grid-template-columns:repeat(2,1fr); } }
/* 5 sütunda kartlar daralır — şəkil və mətn ölçüsünü uyğunlaşdır */
.pcb2.pcb2 .pcb2-card{ padding:8px; gap:5px; }
.pcb2.pcb2 .pcb2-card img,.pcb2.pcb2 .pcb2-card .noimg{ height:88px; }
.pcb2.pcb2 .pcb2-name{ font-size:10.8px; line-height:1.3; -webkit-line-clamp:3; }
.pcb2.pcb2 .pcb2-diff{ font-size:10.5px; min-height:13px; }
.pcb2.pcb2 .pcb2-pick{ padding:6px 4px; font-size:11.5px; }
.pcb2.pcb2 .pcb2-card.incompat::after{ font-size:8px; padding:1px 5px; }

/* ============ KREDİT FORMASI (saytdakı forma ilə eyni) ============ */
.pcb2-modal-bg.pcb2-modal-bg .pcb2-modal{ max-width:560px; }
.pcb2-credit-sum.pcb2-credit-sum{ background:var(--surface-2,#f4f7fb); border:1px solid var(--border); border-radius:10px; padding:12px 14px; margin-bottom:14px; }
.pcb2-cs-row.pcb2-cs-row{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding:3px 0; font-size:13px; color:var(--text-2); }
.pcb2-cs-row.pcb2-cs-row b{ font-size:15px; font-weight:900; color:var(--text); }
.pcb2-cs-row.pcb2-cs-row b.green{ color:var(--green); font-size:17px; }
.pcb2-cs-row.pcb2-cs-row b.blue{ color:var(--blue); font-size:16px; }
/* müddət düymələri: ay + aylıq ödəniş */
/* 4 muddet: 6, 12, 18, 24 ay (kredit). Evvel 6 sutun idi — taksitin 2/3 ay variantlari da vardi. */
.pcb2-modal-bg.pcb2-modal-bg .pcb2-terms{ display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:16px; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-term{ display:flex; flex-direction:column; align-items:center; gap:2px;
  border:1px solid var(--border-2); background:#fff; color:var(--text-2); border-radius:10px; padding:8px 3px; transition:all .15s ease; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-term .m{ font-size:12.5px; font-weight:800; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-term .p{ font-size:9.5px; font-weight:700; opacity:.75; white-space:nowrap; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-term:hover{ border-color:var(--blue); color:var(--blue); }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-term.on{ background:var(--blue) !important; border-color:var(--blue); color:#fff !important; }
.pcb2-modal-bg.pcb2-modal-bg input[type="file"]{ border:1px dashed var(--border-2); border-radius:var(--r-sm); padding:8px 10px; font-size:12px; background:#fff; width:100%; }
@media (max-width:560px){
  .pcb2-modal-bg.pcb2-modal-bg .pcb2-terms{ grid-template-columns:repeat(2,1fr); } /* 4 duyme -> 2x2 */
  .pcb2-modal-bg.pcb2-modal-bg .pcb2-row{ flex-direction:column; gap:0; }
}

/* ============================================================
   v3 DÜZƏLİŞLƏRİ
   ============================================================ */

/* --- 1. Məhsul şəkilləri: daha böyük + kənarlardan kəsilmiş (yaxınlaşdırılmış) --- */
.pcb2.pcb2 .pcb2-card a.imglink{
  display:block; overflow:hidden; border-radius:8px; background:#fff; height:140px;
}
.pcb2.pcb2 .pcb2-card img{
  height:140px !important; width:100%;
  object-fit:cover; object-position:center;
  transform:none !important; transition:transform .2s ease;
}
.pcb2.pcb2 .pcb2-card:hover img{ transform:scale(1.06) !important; }
.pcb2.pcb2 .pcb2-card .noimg{ height:140px; }

/* --- 2. Scroll: sol panel yerində qalır, yalnız sağ hissə sürüşür --- */
.pcb2.pcb2 .pcb2-side{
  position:sticky; top:20px; align-self:start;
  max-height:calc(100vh - 40px); overflow-y:auto; overscroll-behavior:contain;
  transition:top .25s ease;
}
/* Woodmart yapisqan header (whb-sticked, yuxari scroll-da cixir, h=60px) panelin
   "Senin yigimin"+Sifirla basligini ortmesin — header gorunende panel asagi surusur */
body:has(.whb-header.whb-sticked) .pcb2.pcb2 .pcb2-side{
  top:80px;
  max-height:calc(100vh - 100px);
}
/* admin bar (32px) yalniz adminlerde var — header onun altina dusur */
body.admin-bar:has(.whb-header.whb-sticked) .pcb2.pcb2 .pcb2-side{
  top:112px;
  max-height:calc(100vh - 132px);
}
.pcb2.pcb2 .pcb2-side::-webkit-scrollbar{ width:5px; }
.pcb2.pcb2 .pcb2-side::-webkit-scrollbar-thumb{ background:var(--border-2); border-radius:5px; }
@media (max-width:900px){
  .pcb2.pcb2 .pcb2-side{ position:static; max-height:none; overflow:visible; }
}

/* --- 3. Keys şəkli (v1-dəki kimi) --- */
.pcb2-hero.pcb2-hero{
  position:relative; background:#fff; border-bottom:1px solid var(--border);
  padding:12px; text-align:center;
}
.pcb2-hero.pcb2-hero img{
  width:100%; height:170px; object-fit:contain; display:block;
}
.pcb2-hero-cap.pcb2-hero-cap{
  display:block; margin-top:6px; font-size:11px; font-weight:700; color:var(--text-2);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.pcb2-hero-cap.pcb2-hero-cap.empty{ color:var(--text-3); font-weight:500; font-style:italic; }

/* --- 4. Hissələr / Aksesuarlar keçidi --- */
.pcb2-groups.pcb2-groups{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px; }
.pcb2-group.pcb2-group{
  display:flex; flex-direction:column; align-items:flex-start; gap:1px;
  border:1px solid var(--border-2); background:var(--surface) !important; color:var(--text-2) !important;
  border-radius:12px; padding:10px 14px; text-align:left; transition:all .15s ease;
}
.pcb2-group.pcb2-group b{ font-size:13px; font-weight:800; }
.pcb2-group.pcb2-group span{ font-size:10.5px; opacity:.7; }
.pcb2-group.pcb2-group:hover{ border-color:var(--blue); color:var(--blue) !important; }
.pcb2-group.pcb2-group.on{ background:var(--blue) !important; border-color:var(--blue); color:#fff !important; }
@media (max-width:520px){ .pcb2-groups.pcb2-groups{ grid-template-columns:1fr; } }

/* --- aksesuar ayırıcısı sol paneldə --- */
.pcb2-slot-sep.pcb2-slot-sep{
  padding:7px 14px 4px; font-size:9.5px; font-weight:800; letter-spacing:.8px;
  text-transform:uppercase; color:var(--text-3); background:var(--bg); border-top:1px solid var(--border);
}


/* ============================================================
   v4 DUZELISLERI
   ============================================================ */

/* --- Yekun qiymet HEMISE gorunsun ---
   Problem: 9 hisse + aksesuarlar secilende siyahi uzanirdi ve qiymet
   panelin dibine dusub ekrandan cixirdi.
   Hell: panel = sutun; yalniz ORTA hisse (slotlar) surusur,
   basliq yuxarida, qiymet+duymeler asagida sabit qalir. */
.pcb2.pcb2 .pcb2-side{
  overflow:visible;
  max-height:calc(100vh - 40px);
}
.pcb2.pcb2 .pcb2-summary{
  display:flex; flex-direction:column;
  max-height:calc(100vh - 40px);
}
.pcb2.pcb2 .pcb2-sum-head,
.pcb2.pcb2 .pcb2-hero,
.pcb2.pcb2 .pcb2-total{ flex-shrink:0; }
.pcb2.pcb2 .pcb2-slots{
  flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain;
}
.pcb2.pcb2 .pcb2-slots::-webkit-scrollbar{ width:5px; }
.pcb2.pcb2 .pcb2-slots::-webkit-scrollbar-thumb{ background:var(--border-2); border-radius:5px; }
.pcb2.pcb2 .pcb2-total{
  border-top:1px solid var(--border);
  box-shadow:0 -4px 12px rgba(16,40,70,.06);
}
/* --- Alçaq ekranlarda (15.6" noutbuk = 768px) panelin ARTIQ SCROLL-u ---
   Problem: 768px hündürlükdə heç nə seçilməmiş belə slot siyahısı sığmırdı və
   sol panelin kənarında ikinci sürüşdürmə zolağı görünürdü.
   Həll: sətirləri yığcamlaşdır — 9 slot (8 hissə + monitor) scroll olmadan sığsın.
   Siyahı uzananda (aksesuarlar əlavə olunanda) scroll yenə də işə düşür. */
@media (max-height:900px){
  .pcb2.pcb2 .pcb2-hero{ height:96px; padding:6px; }
  .pcb2.pcb2 .pcb2-hero img{ height:84px !important; }
  .pcb2.pcb2 .pcb2-hero-cap{ font-size:9.5px; bottom:2px; }
  .pcb2.pcb2 .pcb2-slot{ padding:4px 12px; }
  .pcb2.pcb2 .pcb2-slot-ico{ width:28px; height:28px; border-radius:7px; }
  .pcb2.pcb2 .pcb2-slot-ico svg{ width:15px; height:15px; }
  .pcb2.pcb2 .pcb2-slot-cat{ font-size:9px; }
  .pcb2.pcb2 .pcb2-slot-val{ font-size:11px; }
  .pcb2.pcb2 .pcb2-sum-head{ padding:9px 14px; }
  .pcb2.pcb2 .pcb2-sum-head .pcb2-sum-title{ font-size:13.5px; }
  .pcb2.pcb2 .pcb2-total{ padding:10px 14px; }
  .pcb2.pcb2 .pcb2-total-v{ font-size:20px; }
  .pcb2.pcb2 .pcb2-btn{ padding:9px 8px; font-size:12.5px; }
}
@media (max-height:680px){
  .pcb2.pcb2 .pcb2-hero{ display:none; }
}
@media (max-width:900px){
  .pcb2.pcb2 .pcb2-side,
  .pcb2.pcb2 .pcb2-summary{ max-height:none; }
  .pcb2.pcb2 .pcb2-slots{ overflow:visible; }
  .pcb2.pcb2 .pcb2-hero{ display:block; }
  .pcb2.pcb2 .pcb2-hero img{ height:170px; }
}

/* --- "Daha cox yukle" (sehifeleme evezine) --- */
.pcb2-more.pcb2-more{
  display:block; margin:18px auto 0; border:1px solid var(--border-2);
  background:var(--surface) !important; color:var(--text-2) !important;
  border-radius:24px; padding:11px 30px; font-size:13px; font-weight:800; transition:all .15s ease;
}
.pcb2-more.pcb2-more:hover{ border-color:var(--blue); color:var(--blue) !important; background:var(--blue-soft) !important; }
.pcb2-more-info.pcb2-more-info{ display:block; text-align:center; font-size:11.5px; color:var(--text-3); margin-top:8px; }


/* --- STICKY DUZELISI ---
   Saytin kredit-taksit.js fayli her sehifede body-ye inline `overflow:auto`
   qoyur. Bu, sol panelin position:sticky islemesini sindirir (sticky en yaxin
   surusen valideyne baglanir). Bu CSS yalniz builder sehifesinde yuklenir,
   ona gore burada tehlukesiz sekilde neytrallasdiririq. */
html, body{ overflow-x:clip !important; overflow-y:visible !important; }
/* overflow-x:clip (hidden YOX): kesir amma scroll konteyneri yaratmir — sticky islek qalir.
   Sebeb: Woodmart-in gizli dropdown-lari (my-account ve s.) ekranin sagina dasir -> horizontal scroll. */
/* sifaris modali acilanda arxa fon surusmesin */
html.pcb2-lock, body.pcb2-lock{ overflow:hidden !important; }


/* ============================================================
   v5 — Sıfırla düyməsi · açıq qiymətlər · "eyni qiymət"
   ============================================================ */

/* --- Seçimi sıfırla --- */
.pcb2-sum-top.pcb2-sum-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.pcb2.pcb2 .pcb2-reset{
  border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.12) !important; color:#fff !important;
  border-radius:20px; padding:4px 11px; font-size:11px; font-weight:800; white-space:nowrap;
  transition:background-color .15s ease, border-color .15s ease;
}
.pcb2.pcb2 .pcb2-reset:hover{ background:var(--red) !important; border-color:var(--red); }

/* --- Monitor + aksesuarlarda açıq qiymət --- */
.pcb2-price.pcb2-price{
  font-size:14px; font-weight:900; color:var(--text); line-height:1.2;
}
/* --- fərq sətri: eyni qiymət / seçilmiş variant --- */
.pcb2-diff.pcb2-diff.same{ color:var(--text-3); font-weight:600; font-size:10.5px; }


/* ============================================================
   SURETLI BAXIS (quick view) — kartin sekline/adina klik
   ============================================================ */
.pcb2.pcb2 .pcb2-card .imglink,
.pcb2.pcb2 .pcb2-card .pcb2-name{ cursor:pointer; }
.pcb2.pcb2 .pcb2-card .pcb2-name:hover{ color:var(--blue); }

.pcb2-modal-bg.pcb2-modal-bg .pcb2-qv{ max-width:860px; padding:22px; }
.pcb2-qv-grid.pcb2-qv-grid{ display:grid; grid-template-columns:330px 1fr; gap:22px; }
@media (max-width:760px){ .pcb2-qv-grid.pcb2-qv-grid{ grid-template-columns:1fr; gap:14px; } }

.pcb2-qv-img.pcb2-qv-img{
  background:#fff; border:1px solid var(--border); border-radius:12px;
  height:290px; display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.pcb2-qv-img.pcb2-qv-img img{ max-width:100%; max-height:100%; object-fit:contain; }
.pcb2-qv-thumbs.pcb2-qv-thumbs{ display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; }
.pcb2-qv-th.pcb2-qv-th{
  width:56px; height:56px; object-fit:contain; background:#fff; padding:3px;
  border:1px solid var(--border-2); border-radius:8px; cursor:pointer; transition:border-color .15s ease;
}
.pcb2-qv-th.pcb2-qv-th:hover{ border-color:var(--blue); }
.pcb2-qv-th.pcb2-qv-th.on{ border-color:var(--blue); box-shadow:0 0 0 2px var(--blue-soft); }

.pcb2-qv-right.pcb2-qv-right{ display:flex; flex-direction:column; min-width:0; }
.pcb2-qv-cat.pcb2-qv-cat{
  font-size:10px; font-weight:800; letter-spacing:.8px; text-transform:uppercase;
  color:var(--blue); margin-bottom:4px;
}
.pcb2-qv-name.pcb2-qv-name{ font-size:17px; font-weight:800; color:var(--text); line-height:1.35; margin:0 0 4px; }
.pcb2-qv-sku.pcb2-qv-sku{ font-size:11.5px; color:var(--text-3); font-weight:600; margin-bottom:10px; }
.pcb2-qv-warn.pcb2-qv-warn{
  background:var(--amber-soft); border:1px solid var(--amber-border); color:var(--amber);
  border-radius:8px; padding:7px 10px; font-size:12px; font-weight:600; margin-bottom:10px;
}
.pcb2-qv-specs.pcb2-qv-specs{ flex:1; min-height:60px; }
.pcb2-qv-load.pcb2-qv-load{ font-size:12.5px; color:var(--text-3); padding:8px 0; }
.pcb2-qv-list.pcb2-qv-list{ margin:0 0 10px; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:5px 14px; }
@media (max-width:760px){ .pcb2-qv-list.pcb2-qv-list{ grid-template-columns:1fr; } }
.pcb2-qv-list.pcb2-qv-list li{
  position:relative; padding-left:15px; font-size:12.5px; color:var(--text-2); line-height:1.45;
}
.pcb2-qv-list.pcb2-qv-list li::before{
  content:""; position:absolute; left:0; top:7px; width:6px; height:6px;
  border-radius:50%; background:var(--blue-soft-2);
}
.pcb2-qv-tbl.pcb2-qv-tbl{ width:100%; border-collapse:collapse; margin-bottom:8px; background:transparent; }
.pcb2-qv-tbl.pcb2-qv-tbl td{ padding:5px 0; font-size:12.5px; border-bottom:1px solid var(--border); }
.pcb2-qv-tbl.pcb2-qv-tbl td:first-child{ color:var(--text-3); font-weight:700; width:38%; }
.pcb2-qv-tbl.pcb2-qv-tbl td:last-child{ color:var(--text); font-weight:600; }

.pcb2-qv-foot.pcb2-qv-foot{ border-top:1px solid var(--border); padding-top:12px; margin-top:10px; }
.pcb2-qv-price.pcb2-qv-price{ font-size:22px; font-weight:900; color:var(--text); line-height:1.2; }
.pcb2-qv-diff.pcb2-qv-diff{ font-size:12.5px; font-weight:800; margin-top:2px; }
.pcb2-qv-diff.pcb2-qv-diff.plus{ color:var(--red); }
.pcb2-qv-diff.pcb2-qv-diff.minus{ color:var(--green); }
.pcb2-qv-diff.pcb2-qv-diff.same{ color:var(--text-3); font-weight:600; }
.pcb2-qv-acts.pcb2-qv-acts{ display:flex; align-items:center; gap:12px; margin-top:12px; }
.pcb2-qv-acts.pcb2-qv-acts .pcb2-send{ flex:1; }
.pcb2-qv-link.pcb2-qv-link{
  font-size:12.5px; font-weight:700; color:var(--blue) !important; white-space:nowrap; text-decoration:none;
}
.pcb2-qv-link.pcb2-qv-link:hover{ text-decoration:underline; }

/* ============================================================
   v5: qiymət qeydi — göstərilən qiymət ilkindir
   ============================================================ */
.pcb2.pcb2 .pcb2-price-note{
  background:var(--blue-soft); border:1px solid var(--blue-soft-2);
  border-radius:var(--r-sm); padding:8px 10px; margin-bottom:10px;
  font-size:10.5px; line-height:1.5; color:var(--blue-2); font-weight:600;
}
.pcb2.pcb2 .pcb2-price-note b{ font-weight:900; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-note-inline{
  background:var(--blue-soft); border:1px solid var(--blue-soft-2);
  border-radius:8px; padding:8px 10px; margin-top:8px;
  font-size:10.5px; line-height:1.5; color:var(--blue-2); font-weight:600;
}
.pcb2-modal-bg.pcb2-modal-bg .pcb2-note-inline b{ font-weight:900; }
@media (max-height:900px){ .pcb2.pcb2 .pcb2-price-note{ font-size:9.5px; padding:6px 8px; margin-bottom:7px; } }

/* ============================================================
   v5: kartlar bir az böyük + qısa texniki mətn
   İlkin: «mehsul kartlarina oxshar ama onun qeder boyuk olmasin,
   daha balaca kompakt ama datalar da gorunsun»
   Sətirdə 5 kart qalır (istifadəçi tələbi) — kart hündürlüyü artır, eni yox.
   ============================================================ */
.pcb2.pcb2 .pcb2-card{ padding:9px; gap:6px; }
.pcb2.pcb2 .pcb2-card a.imglink,
.pcb2.pcb2 .pcb2-card .imglink{ height:150px; }
.pcb2.pcb2 .pcb2-card img{ height:150px !important; }
.pcb2.pcb2 .pcb2-card .noimg{ height:150px; }
.pcb2.pcb2 .pcb2-name{ font-size:11.5px; -webkit-line-clamp:2; min-height:29px; }
.pcb2.pcb2 .pcb2-desc{
  font-size:9.5px; line-height:1.35; color:var(--text-3); font-weight:600;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:25px;
}
.pcb2.pcb2 .pcb2-price{ font-size:13px; }
.pcb2.pcb2 .pcb2-pick{ padding:7px 4px; font-size:12px; }

/* dar ekranlarda mətn yer tutmasın */
@media (max-width:760px){
  .pcb2.pcb2 .pcb2-desc{ display:none; }
  .pcb2.pcb2 .pcb2-card a.imglink,
  .pcb2.pcb2 .pcb2-card .imglink,
  .pcb2.pcb2 .pcb2-card img,
  .pcb2.pcb2 .pcb2-card .noimg{ height:120px !important; }
}


/* ============================================================
   HAZIR SISTEMLER (Gaming PC) — 2026-07-18
   ============================================================ */
.pcb2.pcb2 .pcb2-rs-badge{
  position:absolute; top:8px; left:8px; z-index:2;
  background:var(--blue); color:#fff; font-size:9.5px; font-weight:800;
  padding:3px 8px; border-radius:20px; letter-spacing:.3px;
}
.pcb2.pcb2 .pcb2-rs .imglink{ position:relative; }
.pcb2.pcb2 .pcb2-rs .pcb2-price{ display:block; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-view{ display:flex; flex-direction:column; gap:10px; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-img{ max-height:220px; object-fit:contain; align-self:center; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-meta{ display:flex; gap:8px; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-meta span{
  background:var(--blue-soft); color:var(--blue-2); border:1px solid var(--blue-soft-2);
  font-size:11px; font-weight:800; padding:4px 10px; border-radius:20px;
}
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-blurb{ font-size:13px; line-height:1.55; color:var(--text-2); margin:0; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-games{ width:100%; border-collapse:collapse; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-games th{
  text-align:left; font-size:10.5px; text-transform:uppercase; letter-spacing:.4px;
  color:var(--text-3); padding:6px 10px; background:#f8fafd; border-bottom:1px solid var(--border);
}
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-games td{
  font-size:13px; padding:7px 10px; border-bottom:1px solid var(--border);
}
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-games td:last-child{ text-align:right; color:var(--blue-2); }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-note{ font-size:10.5px; color:var(--text-3); }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-price{ font-size:22px; font-weight:900; color:var(--blue-2); }
.pcb2-modal-bg.pcb2-modal-bg a.pcb2-rs-link{ text-align:center; text-decoration:none; display:block; }


/* ============================================================
   UI TEKMILLESDIRME 2 (2026-07-18 gece): qruplar bir setir,
   hero boyudulmesi, oyun sekilleri, mobil/tablet responsive
   ============================================================ */
/* 3 qrup duymesi BIR setirde */
.pcb2.pcb2 .pcb2-groups{ display:flex; flex-wrap:nowrap; gap:8px; }
.pcb2.pcb2 .pcb2-group{ flex:1 1 0; min-width:0; }
.pcb2.pcb2 .pcb2-group b, .pcb2.pcb2 .pcb2-group span{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* keys sekli boyudulub, yazi seklin ALTINDA ayrica setirde (ustune ilismir) */
.pcb2.pcb2 .pcb2-hero{ height:auto; padding:10px 10px 6px; }
.pcb2.pcb2 .pcb2-hero img{ height:190px !important; width:100%; object-fit:contain; }
.pcb2.pcb2 .pcb2-hero-cap{ position:static; display:block; text-align:center; padding:6px 4px 2px;
  font-size:11px; font-weight:700; color:var(--text-3); background:none; text-shadow:none; }
@media (max-height:900px){
  .pcb2.pcb2 .pcb2-hero{ height:auto; }
  .pcb2.pcb2 .pcb2-hero img{ height:120px !important; }
}
/* modalda oyun sekilleri */
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-games td.g{ display:flex; align-items:center; gap:10px; font-weight:700; }
.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-gimg{ width:64px; height:30px; object-fit:contain; border-radius:5px; background:#f2f5fa; flex-shrink:0; }
/* hazir sistem filterleri (tabs zonasinda) */
.pcb2.pcb2 #pcb2-tabs .pcb2-rsf{ margin:0 6px 4px 0; max-width:190px; }
/* ============ TABLET (901-1100px): 2 sutunlu layout ============ */
/* DIQQET: 901-den bashlayir. 761-900 araligi mobil sayilir (side order:2 + mobilebar),
   evvel 761-den bashlayirdi ve iki qayda toqqushurdu -> esas sutun 300px-e sixilirdi. */
@media (min-width:901px) and (max-width:1100px){
  .pcb2.pcb2 .pcb2-grid{ grid-template-columns:repeat(3,1fr) !important; }
  .pcb2.pcb2 .pcb2-wrap{ grid-template-columns:300px 1fr; }
}
/* 761-900: mobil rejim (tek sutun, side ashagida) — genish ekran deye 4 kart */
@media (min-width:761px) and (max-width:900px){
  .pcb2.pcb2 .pcb2-grid{ grid-template-columns:repeat(4,1fr) !important; }
}
/* ============ MOBIL (<=760px) ============ */
@media (max-width:760px){
  .pcb2.pcb2{ padding:10px; }
  /* qruplar: ufuqi scroll, sixilmis */
  .pcb2.pcb2 .pcb2-groups{ overflow-x:auto; padding-bottom:4px; }
  .pcb2.pcb2 .pcb2-group{ flex:0 0 auto; min-width:46%; padding:8px 10px; }
  .pcb2.pcb2 .pcb2-group span{ font-size:10px; }
  /* toolbar: axtaris tam en, sort/say alta */
  .pcb2.pcb2 .pcb2-toolbar{ flex-wrap:wrap; gap:6px; }
  .pcb2.pcb2 .pcb2-search{ flex:1 1 100%; }
  /* filterler mobil: tam en yigcam */
  .pcb2.pcb2 #pcb2-tabs .pcb2-rsf{ max-width:47%; font-size:12px; }
  /* modal: ekrana sig, daxili scroll */
  .pcb2-modal-bg.pcb2-modal-bg .pcb2-modal{ max-height:92vh; overflow-y:auto; width:94vw; }
  .pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-img{ max-height:150px; }
  .pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-gimg{ width:44px; height:22px; }
  /* hero mobil */
  .pcb2.pcb2 .pcb2-hero img{ height:150px !important; }
}
@media (max-width:520px){
  .pcb2.pcb2 .pcb2-grid{ grid-template-columns:repeat(2,1fr) !important; gap:8px; }
  .pcb2.pcb2 .pcb2-group{ min-width:70%; }
}


/* ============================================================
   MOBIL FIX 2026-07-19: (1) uzun mehsul adlari layoutu genislendirmesin
   (min-width:0 — flex/grid ellipsis qaydasi), (2) alt sabit bar duymeleri
   ortmesin, (3) mobilebar toxunuslari kecirsin (yalniz melumat gosterir)
   ============================================================ */
.pcb2.pcb2 .pcb2-slot-main{ min-width:0; }
.pcb2.pcb2 .pcb2-summary, .pcb2.pcb2 .pcb2-side, .pcb2.pcb2 .pcb2-main{ min-width:0; }
.pcb2.pcb2 .pcb2-mobilebar{ pointer-events:none; }
@media (max-width:900px){
  .pcb2.pcb2 .pcb2-wrap > *{ min-width:0; }
  .pcb2.pcb2{ padding-bottom:84px; }  /* sabit barin hundurluyu qeder — duymeler orunmesin */
  .pcb2.pcb2 .pcb2-slot-val{ max-width:100%; }
}


/* ============================================================
   MOBIL BAR v2 (2026-07-19c): sifaris duymeleri + qiymet SABIT barda —
   hem "duymeler islemir" (ortulme) problemini kokden hell edir, hem de
   qiymet 8/8-de derhal gorunur; info-ya toxunus = komponentlere qayit
   ============================================================ */
.pcb2.pcb2 .pcb2-mobilebar{ pointer-events:auto; display:none; position:fixed; left:0; right:0; bottom:0;
  z-index:99999; background:var(--surface); border-top:1px solid var(--border);
  box-shadow:0 -4px 14px rgba(16,40,70,.12); padding:8px 10px; gap:8px; align-items:center;
  /* margin:0 MUTLEQDIR: yuxarida sticky rejim ucun margin:14px -18px -18px var idi.
     Bar fixed olanda (left:0;right:0) o menfi margin qalirsa en 100%+36px olur ve
     bar her iki terefden ekrandan dasir (390px-de 426px: solda 0/8, sagda Kredit kesilirdi). */
  margin:0; }
@media (max-width:900px){ .pcb2.pcb2 .pcb2-mobilebar{ display:flex; } }
.pcb2.pcb2 .pcb2-mobilebar .mb-info{ flex:1; min-width:0; display:flex; flex-direction:column; cursor:pointer; }
.pcb2.pcb2 .pcb2-mobilebar .st{ font-size:10px; font-weight:800; letter-spacing:.4px; color:var(--text-3); text-transform:uppercase; }
.pcb2.pcb2 .pcb2-mobilebar .pr{ font-size:16px; font-weight:900; color:var(--blue-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pcb2.pcb2 .pcb2-mb-btn{ border:none; border-radius:9px; padding:10px 14px; font-size:13px; font-weight:800; color:#fff; flex-shrink:0; }
.pcb2.pcb2 .pcb2-mb-btn.cash{ background:var(--green); }
.pcb2.pcb2 .pcb2-mb-btn.credit{ background:var(--blue); }


/* ============================================================
   MODAL MOBIL v2 (2026-07-19d): modal YUXARIDAN baslasin, arxa fon
   scroll etsin — vh-den asililiq yoxdur, "yarimciq modal" mumkun deyil
   ============================================================ */
@media (max-width:760px){
  .pcb2-modal-bg.pcb2-modal-bg{ align-items:flex-start; overflow-y:auto;
    padding:12px 0 30px; }
  .pcb2-modal-bg.pcb2-modal-bg .pcb2-modal{ max-height:none; overflow-y:visible;
    margin:0 auto 30px; width:94vw; }
}


/* ============================================================
   SLOT FULL MOBIL (2026-07-19e): telefonda panel siyahisi TAM gorunsun —
   max-height:900px yigcamlasdirma qaydalari qisa DESKTOP ekranlar ucundur,
   telefon hundurluyu de <=900 oldugu ucun daxili scroll yaradirdi (islemirdi)
   ============================================================ */
@media (max-width:900px){
  .pcb2.pcb2 .pcb2-side, .pcb2.pcb2 .pcb2-summary{ max-height:none !important; }
  .pcb2.pcb2 .pcb2-slots{ max-height:none !important; overflow:visible !important; }
  .pcb2.pcb2 .pcb2-side{ position:static !important; }
}


/* ============================================================
   MODAL MOBIL v3 (2026-07-19f):
   - pcb2-center: tesekkur popup MERKEZDE (okScreen elave edir)
   - notch/safe-area ust boslugu
   - FORM modallari mobil-de TAM EKRAN vereq — klaviatura acilanda
     arxa fon gorunmur, gorunus temiz qalir
   ============================================================ */
.pcb2-modal-bg.pcb2-modal-bg.pcb2-center{ align-items:center !important; padding:16px 0 !important; overflow-y:auto; }
@media (max-width:760px){
  .pcb2-modal-bg.pcb2-modal-bg{ padding-top:calc(env(safe-area-inset-top, 0px) + 14px); }
  /* form olan modal = tam ekran vereq */
  .pcb2-modal-bg.pcb2-modal-bg:has(form){ padding:0 !important; }
  .pcb2-modal-bg.pcb2-modal-bg:has(form) .pcb2-modal{
    width:100vw; max-width:100vw; min-height:100%;
    border-radius:0; margin:0;
    padding-top:calc(env(safe-area-inset-top, 0px) + 16px);
    padding-bottom:40vh;  /* klaviatura acilanda sahe gorunsun deye boshluq */
  }
  /* tesekkur qutusu (form yox) — merkez, kicik qutu */
  .pcb2-modal-bg.pcb2-modal-bg.pcb2-center .pcb2-modal{
    width:92vw; min-height:0; border-radius:var(--r); margin:auto; padding-bottom:24px;
  }
}


/* ============================================================
   MODAL FINAL (2026-07-19g) — v2/v3 qaydalarini EVEZ EDIR.
   3 qat sinif (0,3,0) > :has(form) (0,2,1) -> hemise qalib gelir.
   - Form modali TEBII hundurluk (min-height:100% YOX) => klaviatura
     acilanda melumat xanasi SIXILMIR; altda 45vh bosluq.
   - Daxili modal scroll YOX -> bg scroll edir (iOS klaviatura ucun duzgun).
   - Tesekkur qutusu (pcb2-center): MERKEZDE.
   ============================================================ */
html.pcb2-lock{ overflow:hidden !important; }
body.pcb2-lock{ overflow:hidden !important; }  /* 2026-07-19j: position:fixed SILINDI — Safari-de fixed ovladlari pozurdu */
.pcb2-modal-bg.pcb2-modal-bg.pcb2-modal-bg{
  position:fixed !important; inset:0 !important; height:auto !important;
  overflow-y:auto !important;
}
.pcb2-modal-bg.pcb2-modal-bg.pcb2-modal-bg.pcb2-center{ align-items:center !important; }
@media (max-width:760px){
  .pcb2-modal-bg.pcb2-modal-bg.pcb2-modal-bg{
    align-items:flex-start !important;
    padding:calc(env(safe-area-inset-top, 0px) + 12px) 0 45vh !important;
  }
  .pcb2-modal-bg.pcb2-modal-bg.pcb2-modal-bg .pcb2-modal{
    width:94vw !important; max-width:94vw !important;
    min-height:0 !important; max-height:none !important; overflow:visible !important;
    margin:0 auto !important; border-radius:16px !important; padding:20px !important;
  }
  .pcb2-modal-bg.pcb2-modal-bg.pcb2-modal-bg.pcb2-center{
    align-items:center !important; padding:16px 0 !important;
  }
}

/* ============================================================
   iOS SAFARI SƏRTLƏŞDİRMƏ (2026-07-19h)
   Simptom: mobildə fon bozarır (bg render olunur) amma ağ forma qutusu
   görünmür. Ən güclü şübhəli: `backdrop-filter` + position:fixed +
   overflow:auto birləşməsi — iOS Safari-də uşaq elementləri itir.
   Blur yalnız bəzəkdir → mobildə tamamilə söndürülür.
   ============================================================ */
@media (max-width:900px){
  .pcb2-modal-bg.pcb2-modal-bg.pcb2-modal-bg{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:rgba(8,18,32,.62) !important;   /* blur getdiyi ucun fon bir az tund */
    -webkit-transform:none !important;
    transform:none !important;                  /* transform fixed-i sindirir */
    filter:none !important;
  }
  /* modal qutusu her halda gorunen axinda qalsin */
  .pcb2-modal-bg.pcb2-modal-bg.pcb2-modal-bg .pcb2-modal{
    position:relative; z-index:1; opacity:1 !important; visibility:visible !important;
  }
}

/* 2026-07-19i: `-webkit-overflow-scrolling:touch` TAMAMILE SILINDI —
   iOS Safari-de bu xususiyyet konteyner daxilindeki elementleri bos render edir
   (Chrome iOS-da problem yox idi -> Safari-only simptomun sebebi). iOS13+ artiq
   momentum scroll-u default verir, ona gore itki yoxdur. */

/* ============================================================
   2026-07-19k — `position:fixed`-i SINDIRAN valideyn xüsusiyyətlərini
   modal açıq olanda neytrallaşdır. `transform`/`filter`/`perspective`
   valideyndə olanda fixed övlad VIEWPORT-a yox SƏNƏDƏ görə yerləşir
   (Woodmart mobil menyu body-yə transform qoyur) — Safari-də modal
   səhifənin ən yuxarısına yapışırdı.
   ============================================================ */
html.pcb2-lock, body.pcb2-lock{
  transform:none !important;
  -webkit-transform:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  perspective:none !important;
  will-change:auto !important;
  contain:none !important;
}

/* ============================================================
   LANDŞAFT / QISA EKRAN (2026-07-19l) — telefonu yan çevirəndə
   Problem: eni 900-dən BÖYÜK olur (məs. 932×430) → mobil qaydalar
   işə düşmür, amma hündürlük cəmi ~430px → sifariş barı yoxa çıxır,
   sticky panel ekranın hamısını yeyir, dizayn sıxılır.
   Həll: qaydaları ENƏ görə yox, HÜNDÜRLÜYƏ görə tətbiq et.
   ============================================================ */
@media (max-height:600px){
  /* 1) Sifariş barı HƏR ZAMAN əlçatan (en 900-dən böyük olsa belə) */
  .pcb2.pcb2 .pcb2-mobilebar{ display:flex !important; }
  .pcb2.pcb2{ padding-bottom:72px; padding-left:10px; padding-right:10px; }

  /* 2) Panel sıxılmasın — sticky yerinə normal axın, tam görünsün */
  .pcb2.pcb2 .pcb2-side{ position:static !important; max-height:none !important; }
  .pcb2.pcb2 .pcb2-summary{ max-height:none !important; }
  .pcb2.pcb2 .pcb2-slots{ max-height:none !important; overflow:visible !important; }

  /* 3) Şaquli yer qazan: keys şəkli və qrup alt-yazıları getsin */
  .pcb2.pcb2 .pcb2-hero{ display:none !important; }
  .pcb2.pcb2 .pcb2-group span{ display:none; }
  .pcb2.pcb2 .pcb2-group{ padding:7px 12px; }
  .pcb2.pcb2 .pcb2-group b{ font-size:12.5px; }
  .pcb2.pcb2 .pcb2-sum-head{ padding:9px 13px; }
  .pcb2.pcb2 .pcb2-slot{ padding:5px 12px; }
  .pcb2.pcb2 .pcb2-total{ padding:11px 13px; }
  .pcb2.pcb2 .pcb2-tabs{ margin-bottom:8px; padding-bottom:6px; }
  .pcb2.pcb2 .pcb2-toolbar{ margin-bottom:8px; }

  /* 4) Modal qısa ekranda: yuxarıdan, altda klaviatura üçün yer */
  .pcb2-modal-bg.pcb2-modal-bg.pcb2-modal-bg{ padding:8px 0 30vh !important; }
  .pcb2-modal-bg.pcb2-modal-bg.pcb2-modal-bg .pcb2-modal{ padding:16px; }
  .pcb2-modal-bg.pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-img{ max-height:110px; }
}

/* Landşaft telefon (eni 900-1100, hündürlüyü qısa): 2 sütun saxla,
   məhsul qridini 3 sütun et ki, kartlar oxunaqlı qalsın */
@media (min-width:901px) and (max-width:1100px) and (max-height:600px){
  .pcb2.pcb2 .pcb2-wrap.pcb2-wrap{ grid-template-columns:270px 1fr; gap:12px; }
  .pcb2.pcb2 .pcb2-grid{ grid-template-columns:repeat(3,1fr) !important; }
}




/* ═══════════════════════════════════════════════════════════════════
   PC BUILDER RESPONSİV DÜZƏLİŞLƏR — 2026-07-21 (agent auditi)
   Bütün diskret grid breakpoint-ləri, fiks bar örtməsi, WhatsApp toqquşması,
   landşaft sıxlaşdırması, quick-view placeholder. Hamısı təmiz CSS.
   ═══════════════════════════════════════════════════════════════════ */

/* 1. MONOTON GRID — diskret repeat()-ləri auto-fill ilə əvəz et
   (761-900=4 → 901-1100=3 → >1100=5 zigzaqını bitirir; ultra-geniş seyrəkliyini həll edir) */
.pcb2.pcb2 .pcb2-grid { grid-template-columns: repeat(auto-fill, minmax(178px, 1fr)) !important; gap: 8px !important; }
@media (max-width: 520px) { .pcb2.pcb2 .pcb2-grid { grid-template-columns: repeat(2, 1fr) !important; } }

/* 2. Fiks alt bar altında son sıra CTA-ları gizlənməsin */
@media (max-width: 900px) { .pcb2.pcb2 .pcb2-main { padding-bottom: 84px !important; } }

/* 3. WhatsApp float builder səhifəsində alt-barın ÜSTÜNƏ (yalnız ≤900px) */
@media (max-width: 900px) {
  body.page-id-43675 .qlwapp__container { bottom: 96px !important; }
  body.page-id-43675 a.scrollToTop { bottom: 150px !important; }
}

/* 4. Landşaft (alçaq hündürlük): üst blok sıxlaşsın, məhsul fold-a girsin */
@media (max-height: 600px) {
  .pcb2.pcb2 .pcb2-tab { padding: 5px 10px !important; font-size: 11.5px !important; }
  .pcb2.pcb2 .pcb2-tabs { margin-bottom: 6px !important; padding-bottom: 3px !important; }
  .pcb2.pcb2 .pcb2-groups { margin-bottom: 6px !important; }
  .pcb2.pcb2 .pcb2-groups > * { padding: 7px 11px !important; }
  .pcb2.pcb2 .pcb2-toolbar { margin-bottom: 6px !important; }
}

/* 5. Landşaftda >900px dublikat mobil bar gizlət (yan panel onsuz da var) */
@media (max-height: 600px) and (min-width: 901px) { .pcb2.pcb2 .pcb2-mobilebar { display: none !important; } }

/* 6. Quick-view: şəkilsizdə sınıq-şəkil yerinə placeholder; şəkil sahəsi CTA-ları itələməsin */
.pcb2.pcb2 .pcb2-qv-img { max-height: 340px !important; min-height: 0 !important; }
@media (max-width: 760px) { .pcb2.pcb2 .pcb2-qv-img { max-height: 240px !important; } }
.pcb2.pcb2 .pcb2-qv-noimg {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 200px; color: var(--text-3);
  background: var(--bg); border-radius: 10px;
}
.pcb2.pcb2 .pcb2-qv-noimg svg { width: 44px; height: 44px; }

/* 7. Placeholder .noimg (Task 2 SVG) — təmiz ölçü/rəng */
.pcb2.pcb2 .pcb2-card .noimg { color: var(--text-3); }
.pcb2.pcb2 .pcb2-card .noimg svg { width: 34px; height: 34px; }

/* 8. Kateqoriya tab sırasına sağ-kənar fade (scroll affordansı) */
.pcb2.pcb2 .pcb2-tabs {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 22px), transparent);
  mask-image: linear-gradient(90deg, #000 calc(100% - 22px), transparent);
}

/* 9. Məhsul adı 3 sətrə (dar sütunda model şəkilçisi kəsilməsin) */
.pcb2.pcb2 .pcb2-name { -webkit-line-clamp: 3 !important; min-height: 0 !important; }

/* 10. Toolbar məhsul sayğacı sağa dayansın, kəsilməsin */
@media (max-width: 760px) {
  .pcb2.pcb2 .pcb2-toolbar .pcb2-count { margin-left: auto; flex-shrink: 0; white-space: nowrap; }
}

/* 11. ŞƏKİL POZULMASI (zoom-da kəsilir) — object-fit:cover baqını düzəlt.
   Köhnə qayda `.pcb2.pcb2 .pcb2-card img{object-fit:cover}` məhsul şəklini KƏSİRDİ;
   məhsul şəkli TAM görünməlidir → contain. (kart, quick-view, hazır sistem) */
.pcb2.pcb2 .pcb2-card img,
.pcb2.pcb2 .pcb2-qv-img img,
.pcb2.pcb2 #pcb2-qv-main,
.pcb2.pcb2 .pcb2-rs-img { object-fit: contain !important; }

/* ═══ KOMPONENT ALT-FİLTR ÇİPLƏRİ (2026-07-21) ═══ */
.pcb2.pcb2 .pcb2-subfilters {
  display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px;
}
.pcb2.pcb2 .pcb2-subfilters:empty { display: none; }
.pcb2.pcb2 .pcb2-fchip {
  border: 1px solid var(--border-2); background: var(--surface);
  border-radius: 20px; padding: 6px 13px; font-size: 12.5px; font-weight: 700;
  color: var(--text-2); cursor: pointer; transition: all .13s ease;
  display: inline-flex; align-items: center; gap: 5px; font-family: inherit;
}
.pcb2.pcb2 .pcb2-fchip i { font-style: normal; font-size: 11px; color: var(--text-3); font-weight: 600; }
.pcb2.pcb2 .pcb2-fchip:hover { border-color: var(--blue); color: var(--blue); }
.pcb2.pcb2 .pcb2-fchip.on { background: var(--blue); border-color: var(--blue); color: #fff; }
.pcb2.pcb2 .pcb2-fchip.on i { color: #d7e9fb; }
@media (max-width: 520px) {
  .pcb2.pcb2 .pcb2-subfilters { gap: 5px; margin-bottom: 10px; }
  .pcb2.pcb2 .pcb2-fchip { padding: 5px 11px; font-size: 12px; }
}

/* ═══════════════════════════════════════════════════════════
   TÖVSİYƏ ROZETLƏRİ + GÜC BANNERI (2026-07-24)
   ═══════════════════════════════════════════════════════════ */
.pcb2.pcb2 .pcb2-card .imglink { position: relative; }
.pcb2.pcb2 .pcb2-badges {
  position: absolute; top: 6px; left: 6px; z-index: 2;
  display: flex; flex-direction: column; gap: 4px; align-items: flex-start;
  pointer-events: none;
}
.pcb2.pcb2 .pcb2-badge {
  font-size: 10.5px; font-weight: 700; line-height: 1; letter-spacing: .01em;
  padding: 4px 7px; border-radius: 999px; white-space: nowrap;
  box-shadow: 0 1px 3px rgba(16,24,40,.12);
}
.pcb2.pcb2 .pcb2-badge.rec  { background:#fff4d6; color:#8a5a00; border:1px solid #f2d489; }
.pcb2.pcb2 .pcb2-badge.watt { background:#e3f6ec; color:#0a6b42; border:1px solid #a9e0c4; }
.pcb2.pcb2 .pcb2-recnote {
  margin: 0 0 12px; padding: 9px 13px; border-radius: 10px; font-size: 13px;
  background: #eef4ff; color: #1b3f8f; border: 1px solid #cfe0ff;
}
@media (max-width: 520px) {
  .pcb2.pcb2 .pcb2-badge   { font-size: 9.5px; padding: 3px 6px; }
  .pcb2.pcb2 .pcb2-recnote { font-size: 12px; padding: 8px 10px; }
}

/* ═══ MONİTOR FİLTRLƏRİ — KOMPAKT DROPDOWN SƏTRİ (2026-07-25) ═══ */
.pcb2.pcb2 .pcb2-subfilters.pcb2-mfrow { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; }
.pcb2.pcb2 .pcb2-mfsel {
  border: 1px solid var(--border-2); border-radius: var(--r-sm);
  padding: 8px 7px; font-size: 12.5px; font-weight: 700; font-family: inherit;
  background: var(--surface); color: var(--text-2); cursor: pointer;
  width: 115px; min-width: 0; max-width: 115px;
}
.pcb2.pcb2 .pcb2-mfsel:hover { border-color: var(--blue); }
.pcb2.pcb2 .pcb2-mfsel.on { border-color: var(--blue); color: var(--blue); background: var(--blue-soft); font-weight: 800; }
@media (max-width: 560px) {
  .pcb2.pcb2 .pcb2-subfilters.pcb2-mfrow { gap: 6px; }
  .pcb2.pcb2 .pcb2-mfsel { flex: 1 1 47%; max-width: none; font-size: 12px; padding: 7px 8px; }
}
/* Monitor dropdown-ları axtarış/sıralama ilə EYNİ sətirdə (İlkin: iki sətri birləşdir).
   Çox-qruplu dropdown → toolbar-ın öz flex uşaqları olur; çip-sətirləri isə öz sətrində qalır. */
.pcb2.pcb2 .pcb2-toolbar .pcb2-subfilters { margin: 0; }
.pcb2.pcb2 .pcb2-toolbar .pcb2-search { flex: 1 1 140px; min-width: 120px; }
.pcb2.pcb2 .pcb2-toolbar .pcb2-subfilters.pcb2-mfrow { display: contents; }
.pcb2.pcb2 .pcb2-toolbar .pcb2-subfilters:not(.pcb2-mfrow):not(:empty) { flex: 1 1 100%; order: 99; }
@media (max-width: 560px) {
  .pcb2.pcb2 .pcb2-toolbar .pcb2-subfilters.pcb2-mfrow { display: flex; flex: 1 1 100%; order: 99; flex-wrap: wrap; }
}

/* ================= techbar-pc-builder əlavələri ================= */
.pcb2.pcb2 .tbpb-chips{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 4px;min-height:20px}
.pcb2.pcb2 .tbpb-chips span{font-size:10.5px;font-weight:700;line-height:1;padding:4px 7px;border-radius:99px;background:var(--blue-soft,#eaf1fe);color:var(--blue-2,#1450bd);white-space:nowrap}
.pcb2.pcb2 .pcb2-diff small{font-weight:600;color:var(--text-3,#8d98ad);font-size:10px}
.pcb2.pcb2 .tbpb-monthly{margin:-4px 0 8px;font-size:12.5px;color:var(--text-2,#5a6781)}
.pcb2.pcb2 .tbpb-monthly b{color:var(--blue-2,#1450bd)}
.pcb2.pcb2 .tbpb-monthly small{color:var(--text-3,#8d98ad)}
.pcb2.pcb2 .tbpb-share{display:flex;gap:8px;margin-top:10px}
.pcb2.pcb2 .tbpb-share button,.pcb2.pcb2 .tbpb-share a{flex:1;display:flex;align-items:center;justify-content:center;min-height:38px;padding:6px 8px;border:1px solid var(--border-2,#d6deea);border-radius:10px;background:#fff;color:var(--text,#0f1b33);font-size:12.5px;font-weight:700;text-decoration:none;cursor:pointer;text-align:center;line-height:1.2}
.pcb2.pcb2 .tbpb-share a{border-color:#bfe8cf;color:#0d7a3c;background:#f3fbf6}
.pcb2.pcb2 .tbpb-share button:disabled,.pcb2.pcb2 .tbpb-share a.is-off{opacity:.45;pointer-events:none}
.pcb2.pcb2 .tbpb-msg{margin-top:8px;padding:8px 10px;border-radius:8px;background:#eef4ff;color:#1450bd;font-size:12px;font-weight:700}
.pcb2.pcb2 .tbpb-rs-mon{font-size:11.5px;color:var(--text-2,#5a6781);margin:-2px 0 4px}

/* Skelet (JS yüklənənə qədər) — builder ilə eyni ölçü, səhifə tərpənmir */
.tbpb-sk{position:relative;overflow:hidden;background:#eef2f7;border-radius:10px}
.tbpb-sk::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:tbpbSk 1.3s infinite}
@keyframes tbpbSk{to{transform:translateX(100%)}}
.tbpb-sk-hero{height:210px;margin:14px}
.tbpb-sk-slots{height:430px;margin:0 14px 14px}
.tbpb-sk-total{height:110px;margin:0 14px 14px}
.tbpb-sk-tabs{height:44px;margin:14px 0 12px}
.tbpb-sk-tool{height:44px;margin:0 0 14px}
.tbpb-skel-root .pcb2-grid{min-height:600px}
@media (max-width:900px){.tbpb-skel-root .pcb2-side{display:none}.tbpb-sk-tabs{margin-top:10px}}
@media (prefers-reduced-motion:reduce){.tbpb-sk::after{animation:none}}

/* ================= MOBİL KOMPAKT (17.09) =================
   Kartlar sətir kimi (şəkil solda), 12-12; «Sənin yığımın» paneli aşağıdan açılan pəncərədə. */
.tbpb-sheet-x,.tbpb-backdrop{display:none}
@media (max-width:900px){
  html .pcb2.pcb2 .pcb2-grid{grid-template-columns:1fr !important;gap:8px !important}
  html .pcb2.pcb2 .pcb2-grid .pcb2-card{display:grid !important;grid-template-columns:72px minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:10px;row-gap:2px;align-items:center;padding:9px 10px !important;min-height:0 !important;height:auto !important;text-align:left}
  html .pcb2.pcb2 .pcb2-grid .pcb2-card .imglink{grid-column:1;grid-row:1/4;width:72px !important;height:72px !important;min-height:0 !important;margin:0 !important;padding:0 !important;aspect-ratio:auto !important}
  html .pcb2.pcb2 .pcb2-grid .pcb2-card .imglink img,html .pcb2.pcb2 .pcb2-grid .pcb2-card .noimg{width:72px !important;height:72px !important;object-fit:contain}
  html .pcb2.pcb2 .pcb2-grid .pcb2-card .pcb2-badges{display:none}
  html .pcb2.pcb2 .pcb2-grid .pcb2-card .pcb2-name{grid-column:2/4;grid-row:1;font-size:13px !important;line-height:1.3;-webkit-line-clamp:2;min-height:0 !important;margin:0 !important}
  html .pcb2.pcb2 .pcb2-grid .pcb2-card .tbpb-chips{grid-column:2/4;grid-row:2;min-height:0;margin:1px 0}
  html .pcb2.pcb2 .pcb2-grid .pcb2-card .pcb2-desc{grid-column:2/4;grid-row:2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;margin:0}
  html .pcb2.pcb2 .pcb2-grid .pcb2-card .pcb2-price,html .pcb2.pcb2 .pcb2-grid .pcb2-card .pcb2-diff{grid-column:2;grid-row:3;margin:0 !important;font-size:13px}
  html .pcb2.pcb2 .pcb2-grid .pcb2-card .tbpb-rs-mon{display:none}
  html .pcb2.pcb2 .pcb2-grid .pcb2-card .pcb2-pick{grid-column:3;grid-row:3;width:auto !important;padding:7px 14px !important;margin:0 !important;font-size:12.5px !important;white-space:nowrap}
  html .pcb2.pcb2 .pcb2-skel{height:92px !important}
  /* yığım paneli: səhifənin sonunda deyil, aşağıdan açılan pəncərə */
  html .pcb2.pcb2 .pcb2-side{display:none !important}
  html.tbpb-sheet-open .pcb2.pcb2 .pcb2-side{display:block !important;position:fixed !important;left:0;right:0;bottom:0;top:auto;z-index:100002;max-height:86vh !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px rgba(10,20,40,.25);animation:tbpbUp .22s ease-out}
  html.tbpb-sheet-open .pcb2.pcb2 .pcb2-summary{border-radius:16px 16px 0 0 !important}
  html.tbpb-sheet-open .pcb2.pcb2 .pcb2-hero{display:none !important}
  html.tbpb-sheet-open .tbpb-backdrop{display:block;position:fixed;inset:0;z-index:100001;background:rgba(8,18,32,.5)}
  .pcb2.pcb2 .tbpb-sheet-x{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:14px}
  .pcb2.pcb2 .pcb2-mobilebar .mb-info{cursor:pointer}
  @keyframes tbpbUp{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
}
@media (max-width:900px){
  /* alt filtr çipləri bir sətirdə, yana sürüşür (videokartda 3 sətir tuturdu) */
  html .pcb2.pcb2 .pcb2-subfilters:not(.pcb2-mfrow){flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  html .pcb2.pcb2 .pcb2-subfilters:not(.pcb2-mfrow)::-webkit-scrollbar{display:none}
  html .pcb2.pcb2 .pcb2-subfilters .pcb2-fchip{flex:0 0 auto}
}
@media (max-width:900px){
  html .pcb2.pcb2 .pcb2-mobilebar .pr{font-size:18px !important}
  html .pcb2.pcb2 .pcb2-mobilebar .st{font-size:10.5px !important;color:var(--text-2,#5a6781) !important}
}

/* Builder bölməsi sayt konteynerinin enində (tam ekran yox) — ölçü window.tbpbFit-dən */
section.elementor-section-stretched.tbpb-sec{width:var(--tbpb-w)!important;left:var(--tbpb-l)!important}

/* ---------- Təklif rejimi (qiymətsiz) ---------- */
.tbpb-offer .pcb2-total-row,.tbpb-offer .tbpb-monthly,.tbpb-offer #pcb2-credit,.tbpb-offer #pcb2-mcredit,.tbpb-offer .pcb2-mobilebar .pr{display:none!important}
.tbpb-offer .pcb2-actions{grid-template-columns:1fr!important}
.tbpb-offer #pcb2-cash{background:linear-gradient(90deg,#1a62e7,#7c3aed)!important;color:#fff!important;width:100%}
.tbpb-offer #pcb2-cash:disabled{opacity:.45}
.tbpb-offer #pcb2-mcash{background:linear-gradient(90deg,#1a62e7,#7c3aed)!important;flex:1 1 auto}
.pcb2 .tbpb-rs-perf{display:block;width:100%;margin-top:6px;padding:6px!important;background:none!important;border:0!important;color:#5a6781!important;font-size:12.5px!important;font-weight:700!important;text-decoration:underline;cursor:pointer}
.pcb2-modal .tbpb-offer-btn{display:block;width:100%;border:0;cursor:pointer;margin-bottom:8px;background:linear-gradient(90deg,#1a62e7,#7c3aed)!important;color:#fff!important}

/* ============================================================
   QARANLIQ ÜSLUB (2026-09-17) — sihirbaz və hero ilə eyni səhnə.
   Tokenlər yenidən təyin olunur; yalnız sabit ağ rəng yazılmış yerlər ayrıca düzəldilir.
   ============================================================ */
#pcbuilder2-root .pcb2.pcb2, body .pcb2-modal-bg.pcb2-modal-bg{
  --blue:#2f6bff; --blue-2:#1a62e7; --blue-soft:rgba(59,130,246,.16); --blue-soft-2:rgba(59,130,246,.38);
  --bg:#060b1f; --surface:#0e1631; --border:rgba(255,255,255,.08); --border-2:rgba(255,255,255,.15);
  --text:#ffffff; --text-2:#aebbd8; --text-3:#7f8db0;
  --green:#10b981; --green-soft:rgba(16,185,129,.16);
  --red:#f87171; --red-soft:rgba(248,113,113,.14);
  --amber:#fcd34d; --amber-soft:rgba(251,191,36,.1); --amber-border:rgba(251,191,36,.3);
  --grad:linear-gradient(120deg,#1a4fd6 0%,#6d28d9 100%);
  --sh-sm:0 2px 8px rgba(0,0,0,.35); --sh-md:0 18px 40px -18px rgba(0,0,0,.8); --sh-lg:0 40px 80px -30px rgba(0,0,0,.9);
  font-family:'Nunito Sans','Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
}
#pcbuilder2-root .pcb2.pcb2{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;padding:22px;background:#060b1f}
#pcbuilder2-root .pcb2.pcb2::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(26,79,214,.45),transparent 35%),radial-gradient(circle at 100% 30%,rgba(109,40,217,.35),transparent 35%),radial-gradient(circle at 50% 110%,rgba(8,145,178,.25),transparent 40%)}
#pcbuilder2-root .pcb2.pcb2::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(#000,transparent 60%);mask-image:linear-gradient(#000,transparent 60%)}

/* sol panel */
#pcbuilder2-root .pcb2-summary.pcb2-summary{background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border-color:rgba(255,255,255,.12);border-radius:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
#pcbuilder2-root .pcb2-sum-head.pcb2-sum-head{background:linear-gradient(120deg,rgba(26,79,214,.9),rgba(109,40,217,.85))}
#pcbuilder2-root .pcb2-hero.pcb2-hero{background:radial-gradient(circle at 50% 55%,rgba(124,58,237,.25),transparent 65%)!important}
#pcbuilder2-root .pcb2-hero.pcb2-hero img{filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}
#pcbuilder2-root .pcb2-total.pcb2-total{background:transparent}
#pcbuilder2-root .pcb2-slot.pcb2-slot.active{background:rgba(59,130,246,.14);box-shadow:inset 3px 0 0 #7cc4ff}
#pcbuilder2-root .pcb2-slot-ico.pcb2-slot-ico{background:rgba(255,255,255,.06);color:#b9d3ff}

/* qruplar, bölmələr, alətlər */
#pcbuilder2-root .pcb2-group.pcb2-group{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;border-radius:16px!important}
#pcbuilder2-root .pcb2-group.pcb2-group b{color:#fff!important}
#pcbuilder2-root .pcb2-group.pcb2-group span{color:#8391b3!important}
#pcbuilder2-root .pcb2-group.pcb2-group.on{background:linear-gradient(120deg,#1a62e7,#7c3aed)!important;border-color:transparent!important;box-shadow:0 14px 30px -14px rgba(124,58,237,.9)!important}
#pcbuilder2-root .pcb2-group.pcb2-group.on span{color:rgba(255,255,255,.75)!important}
#pcbuilder2-root .pcb2.pcb2 .pcb2-tab{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important;color:#cdd7ee!important}
#pcbuilder2-root .pcb2.pcb2 .pcb2-tab:hover{border-color:rgba(124,196,255,.5)!important;color:#fff!important}
#pcbuilder2-root .pcb2.pcb2 .pcb2-tab.on{background:linear-gradient(120deg,#1a62e7,#7c3aed)!important;border-color:transparent!important;color:#fff!important}
#pcbuilder2-root .pcb2-search.pcb2-search input,#pcbuilder2-root .pcb2-sort.pcb2-sort,#pcbuilder2-root .pcb2-chip.pcb2-chip,#pcbuilder2-root .pcb2-mfsel{background:rgba(0,0,0,.25)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}
#pcbuilder2-root .pcb2-sort.pcb2-sort option,#pcbuilder2-root .pcb2-mfsel option{background:#0e1631;color:#fff}
#pcbuilder2-root .pcb2-search.pcb2-search input::placeholder{color:#7f8db0}
#pcbuilder2-root .pcb2-fchip{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important;color:#cdd7ee!important}
#pcbuilder2-root .pcb2-fchip.on{background:#fff!important;border-color:#fff!important;color:#0f1b33!important}
#pcbuilder2-root .pcb2-fchip i{color:inherit;opacity:.6}

/* məhsul kartları */
#pcbuilder2-root .pcb2-card.pcb2-card{background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border-color:rgba(255,255,255,.1);border-radius:18px;padding:10px 10px 12px}
#pcbuilder2-root .pcb2-card.pcb2-card:hover{border-color:rgba(124,196,255,.4);box-shadow:0 20px 40px -20px rgba(59,130,246,.6)}
#pcbuilder2-root .pcb2-card.pcb2-card.sel{border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.35),0 20px 40px -20px rgba(16,185,129,.5)}
#pcbuilder2-root .pcb2-card.pcb2-card img{background:radial-gradient(circle at 50% 45%,#fff,#eef3ff 60%,#dfe8fb);border-radius:12px;padding:6px}
#pcbuilder2-root .pcb2.pcb2 .pcb2-pick{background:linear-gradient(90deg,#1a62e7,#7c3aed)!important;border-radius:10px!important}
#pcbuilder2-root .pcb2-card.pcb2-card.sel .pcb2-pick{background:#10b981!important}
#pcbuilder2-root .tbpb-chips span,#pcbuilder2-root .pcb2-chips span{background:rgba(255,255,255,.07)!important;color:#cdd7ee!important;border:1px solid rgba(255,255,255,.08)}
#pcbuilder2-root .pcb2-more.pcb2-more{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}
#pcbuilder2-root .pcb2-skel.pcb2-skel,#pcbuilder2-root .tbpb-sk{background:linear-gradient(100deg,rgba(255,255,255,.04) 40%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 60%)!important;background-size:200% 100%!important}
#pcbuilder2-root .pcb2 .tbpb-rs-perf{color:#8391b3!important}

/* mobil alt zolaq */
#pcbuilder2-root .pcb2-mobilebar.pcb2-mobilebar{background:rgba(10,16,40,.92)!important;border-top:1px solid rgba(124,196,255,.35)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -10px 30px rgba(0,0,0,.5)!important}

/* modallar (sürətli baxış, hazır sistem) */
body .pcb2-modal-bg.pcb2-modal-bg{background:rgba(3,6,20,.72)}
body .pcb2-modal-bg .pcb2-modal.pcb2-modal{background:linear-gradient(165deg,#131c3d,#0b1230);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:22px}
body .pcb2-modal-bg .pcb2-qv-img,body .pcb2-modal-bg .pcb2-rs-img{background:radial-gradient(circle at 50% 45%,#fff,#eef3ff 60%,#dfe8fb)!important;border-radius:16px}
body .pcb2-modal-bg .pcb2-qv-img img,body .pcb2-modal-bg img.pcb2-rs-img{mix-blend-mode:multiply}
body .pcb2-modal-bg .pcb2-field input,body .pcb2-modal-bg .pcb2-field textarea,body .pcb2-modal-bg .pcb2-field select,body .pcb2-modal-bg .pcb2-phone select,body .pcb2-modal-bg .pcb2-phone input,body .pcb2-modal-bg .pcb2-term{background:rgba(0,0,0,.25);color:#fff}
body .pcb2-modal-bg .pcb2-close:hover{background:rgba(255,255,255,.08);color:#fff}
body .pcb2-modal-bg .pcb2-rs-games th,body .pcb2-modal-bg .pcb2-rs-games td,body .pcb2-modal-bg .pcb2-qv-tbl td,body .pcb2-modal-bg .pcb2-qv-tbl th{border-color:rgba(255,255,255,.08)!important;color:#cdd7ee}
#pcbuilder2-root .tbpb-share button,#pcbuilder2-root .pcb2.pcb2 .tbpb-share a{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}
#pcbuilder2-root .pcb2.pcb2 .tbpb-share a{background:rgba(16,185,129,.12)!important;border-color:rgba(16,185,129,.35)!important;color:#6ee7b7!important}
#pcbuilder2-root .tbpb-sheet-x{background:rgba(255,255,255,.14)!important;border:0!important;color:#fff!important;box-shadow:none!important;min-height:0!important;padding:0!important}
@media (min-width:901px){#pcbuilder2-root .tbpb-sheet-x{display:none!important}}
#pcbuilder2-root .pcb2-hero.pcb2-hero img{background:radial-gradient(circle at 50% 45%,#fff,#eef3ff 60%,#dfe8fb);border-radius:16px;padding:6px;filter:none}
#pcbuilder2-root .pcb2-reset{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}

/* hazır sistem pəncərəsi (Oyun performansı) — qaranlıq üslub düzəlişləri */
body .pcb2-modal-bg.pcb2-modal-bg img.pcb2-rs-img{mix-blend-mode:normal!important;width:100%;max-height:240px;padding:12px;border-radius:18px;background:radial-gradient(circle at 50% 45%,#fff,#eef3ff 60%,#dfe8fb)!important}
body .pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-meta span{background:rgba(59,130,246,.14)!important;border:1px solid rgba(124,196,255,.3)!important;color:#b9d3ff!important}
body .pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-blurb{color:#cdd7ee!important}
body .pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-games{border-radius:14px;overflow:hidden;background:rgba(0,0,0,.2);margin:4px 0 8px}
body .pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-games thead th{background:rgba(255,255,255,.06)!important;color:#8391b3!important;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px!important;border:0!important}
body .pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-games td{background:transparent!important;padding:9px 12px!important;color:#fff!important}
body .pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-games td:last-child b{color:#5eead4;font-variant-numeric:tabular-nums}
body .pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-gimg{border-radius:8px}
body .pcb2-modal-bg.pcb2-modal-bg .pcb2-rs-note{color:#7f8db0!important}
body .pcb2-modal-bg.pcb2-modal-bg .pcb2-send.tbpb-offer-btn{background:linear-gradient(90deg,#1a62e7,#7c3aed)!important;box-shadow:0 16px 34px -14px rgba(124,58,237,.9);border-radius:14px!important;padding:14px!important;font-size:15.5px!important}
body .pcb2-modal-bg.pcb2-modal-bg a.pcb2-send.pcb2-rs-link{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:14px!important}
body .pcb2-modal-bg.pcb2-modal-bg a.pcb2-send.pcb2-rs-link:hover{background:rgba(255,255,255,.12)!important}


/* /wp-content/plugins/techbar-ui/assets/wiz.css */
/* «Mənə sistem seçin» sihirbazı — builder səhifəsinin yuxarısında. Tema düymə stillərini sıfırlayır (Woodmart !important). */
.tbw{--b:#1a62e7;--b2:#1450bd;--navy:#0a1330;--ink:#0f1b33;--ink2:#5a6781;--ink3:#8d98ad;--line:#e4e9f1;--bg:#f4f6fb;--ok:#12a150;font-family:'Nunito Sans',Nunito,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0 0 28px}
.tbw *{box-sizing:border-box}
.tbw button{font:inherit!important;text-transform:none!important;letter-spacing:normal!important;min-height:0!important;margin:0;box-shadow:none;cursor:pointer;line-height:1.3!important;height:auto!important}
.tbw h1,.tbw h2,.tbw h3,.tbw .tbw-title{font-family:inherit!important;margin:0;color:inherit}

/* ---------- giriş (hero) ---------- */
.tbw-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:#060b1f;color:#fff;padding:56px 56px 56px 60px}
.tbw-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.tbw-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000 20%,transparent 75%)}
.tbw-bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,196,255,.5),transparent)}
.tbw-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.75;will-change:transform}
.tbw-orb.o1{width:520px;height:520px;left:-160px;top:-220px;background:#1a4fd6;animation:tbwOrb1 16s ease-in-out infinite alternate}
.tbw-orb.o2{width:460px;height:460px;right:-120px;top:-60px;background:#6d28d9;opacity:.55;animation:tbwOrb2 18s ease-in-out infinite alternate}
.tbw-orb.o3{width:380px;height:380px;right:28%;bottom:-260px;background:#0891b2;opacity:.45;animation:tbwOrb1 20s ease-in-out infinite alternate-reverse}
@keyframes tbwOrb1{to{transform:translate3d(90px,60px,0) scale(1.1)}}
@keyframes tbwOrb2{to{transform:translate3d(-80px,70px,0) scale(.9)}}
.tbw-spot{position:absolute;width:560px;height:560px;left:var(--mx,70%);top:var(--my,40%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(124,196,255,.13),transparent 60%);transition:opacity .4s;opacity:0}
.tbw-hero:hover .tbw-spot{opacity:1}

.tbw-hgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.tbw-copy{min-width:0}
.tbw-eyebrow{display:inline-flex;gap:9px;align-items:center;padding:7px 14px 7px 10px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:700;color:#dbe6ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tbw-eyebrow i{width:8px;height:8px;border-radius:50%;background:#34d399;animation:tbwPing 1.8s infinite}
@keyframes tbwPing{0%{box-shadow:0 0 0 0 rgba(52,211,153,.7)}70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.tbw .tbw-hero .tbw-title{font-size:clamp(32px,3.7vw,54px)!important;font-weight:900!important;line-height:1.04!important;letter-spacing:-.035em!important;margin:20px 0 16px!important;color:#fff!important;text-align:left}
.tbw-hero .tbw-title span{display:inline-block;background:linear-gradient(92deg,#7cc4ff 0%,#a78bfa 45%,#5eead4 90%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tbwShine 6s ease-in-out infinite alternate;padding-bottom:.06em}
@keyframes tbwShine{to{background-position:100% 0}}
.tbw-lead{color:#aebbd8;font-size:17px;line-height:1.55;margin:0 0 30px;max-width:500px}

.tbw-paths{display:flex;flex-direction:column;gap:10px;max-width:520px}
.tbw .tbw-path{position:relative;display:grid!important;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:16px;width:100%;text-align:left;padding:14px 18px 14px 14px!important;border-radius:18px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,box-shadow .3s}
.tbw .tbw-path:hover,.tbw .tbw-path:focus-visible{transform:translateX(6px);background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.24)!important;outline:none}
.tbw-path .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#9fc3ff}
.tbw-path .ico svg{width:24px;height:24px}
.tbw-path .txt{min-width:0;display:block}
.tbw-path b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16.5px;font-weight:800;line-height:1.25;letter-spacing:-.01em}
.tbw-path small{display:block;font-size:13.5px;color:#9aa8c7;margin-top:3px;line-height:1.35}
.tbw-path .go{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#9aa8c7;transition:transform .3s,background .3s,color .3s}
.tbw-path .go svg{width:16px;height:16px}
.tbw .tbw-path:hover .go{transform:translateX(3px);color:#fff}
.tbw-path .tag{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:linear-gradient(90deg,#1a62e7,#7c3aed);color:#fff;line-height:1.3}

/* əsas yol — işıqlı, animasiyalı kənar */
.tbw .tbw-path.main{padding:18px 20px 18px 16px!important;border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--a,0deg),#1a62e7,#7c3aed,#06b6d4,#1a62e7) border-box!important;color:#0f1b33!important;box-shadow:0 18px 50px -12px rgba(26,98,231,.65)!important;overflow:hidden;animation:tbwRise .8s cubic-bezier(.2,.8,.2,1) forwards,tbwSpin 4s linear infinite;animation-delay:calc(var(--d,0)*90ms),0s}
.tbw .tbw-path.main::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(90deg,transparent,rgba(26,98,231,.12),transparent);transform:skewX(-20deg);animation:tbwSweep 3.6s ease-in-out infinite}
@keyframes tbwSweep{0%,60%{left:-80px}100%{left:110%}}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes tbwSpin{to{--a:360deg}}
.tbw .tbw-path.main:hover{transform:translateX(6px) scale(1.01);background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--a,0deg),#1a62e7,#7c3aed,#06b6d4,#1a62e7) border-box!important;border-color:transparent!important;box-shadow:0 24px 60px -12px rgba(26,98,231,.8)!important}
.tbw-path.main .ico{width:52px;height:52px;background:linear-gradient(135deg,#1a62e7,#7c3aed);border:0;color:#fff;box-shadow:0 8px 20px -6px rgba(26,98,231,.8)}
.tbw-path.main b{font-size:18px}
.tbw-path.main small{color:#5a6781}
.tbw-path.main .go{background:#1a62e7;color:#fff}
.tbw .tbw-path.main:hover .go{color:#fff}

.tbw-trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin:26px 0 0;padding:0;list-style:none}
.tbw-trust li{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#aebbd8;margin:0}
.tbw-trust svg{width:16px;height:16px;color:#34d399;flex:none}

/* sağ vizual — «uyğun sistem» kartı */
.tbw-visual{position:relative;perspective:1200px;min-width:0}
.tbw-card{position:relative;margin-left:auto;max-width:440px;border-radius:24px;padding:22px;background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 40px 80px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);transform:rotateY(var(--ry,-8deg)) rotateX(var(--rx,4deg));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:tbwFloat 7s ease-in-out infinite}
@keyframes tbwFloat{50%{translate:0 -10px}}
.tbw-card-h{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.tbw-ring{--p:0;position:relative;width:58px;height:58px;border-radius:50%;flex:none;background:conic-gradient(#34d399 calc(var(--p)*1%),rgba(255,255,255,.1) 0);display:grid;place-items:center}
.tbw-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#101a3a}
.tbw-ring span{position:relative;font-size:15px;font-weight:900;color:#fff}
.tbw-card-h em{display:block;font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#34d399}
.tbw-card-h strong{display:block;font-size:17px;font-weight:800;color:#fff;margin-top:2px;letter-spacing:-.01em}
.tbw-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.tbw-specs div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}
.tbw-specs small{display:block;font-size:11px;font-weight:700;color:#8391b3;text-transform:uppercase;letter-spacing:.06em}
.tbw-specs b{display:block;font-size:14px;font-weight:800;color:#fff;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbw-fpsl{display:flex;flex-direction:column;gap:11px}
.tbw-fpsl div{display:grid;grid-template-columns:96px 1fr 62px;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#cdd7ee}
.tbw-fpsl i{display:block;height:7px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}
.tbw-fpsl i::before{content:"";display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,#1a62e7,#7c3aed,#5eead4);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.tbw-fpsl .on i::before{width:var(--w)}
.tbw-fpsl span{text-align:right;color:#fff;font-variant-numeric:tabular-nums}
.tbw-fpsl span u{text-decoration:none;font-size:11px;color:#8391b3;margin-left:3px}
.tbw-card-f{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8391b3;font-weight:600}
.tbw-card-f b{color:#5eead4;font-weight:800}
.tbw-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:14px;background:rgba(10,18,44,.82);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12.5px;font-weight:800;color:#fff;box-shadow:0 16px 36px -12px rgba(0,0,0,.6);white-space:nowrap}
.tbw-chip svg{width:16px;height:16px}
.tbw-chip.c1{left:-8px;top:18%;color:#fff;animation:tbwFloat 6s ease-in-out -2s infinite}
.tbw-chip.c1 svg{color:#34d399}
.tbw-chip.c2{right:28px;bottom:-20px;animation:tbwFloat 8s ease-in-out -4s infinite}
.tbw-chip.c2 svg{color:#a78bfa}

/* giriş animasiyası */
.tbw-rise{opacity:0;transform:translateY(18px);animation:tbwRise .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--d,0)*90ms)}
@keyframes tbwRise{to{opacity:1;transform:none}}

@media (max-width:1100px){
  .tbw-hero{padding:44px 36px}
  .tbw-hgrid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:32px}
  .tbw-chip.c1{left:-4px}
}
@media (max-width:900px){
  .tbw-hgrid{grid-template-columns:1fr}
  .tbw-visual{display:none}
  .tbw-paths,.tbw-lead{max-width:none}
}
@media (max-width:760px){
  .tbw-hero{padding:30px 16px 20px;border-radius:22px}
  .tbw .tbw-hero .tbw-title{margin:16px 0 12px!important}
  .tbw-lead{font-size:15.5px;margin-bottom:22px}
  .tbw .tbw-path{grid-template-columns:44px minmax(0,1fr) 24px;gap:12px;padding:12px 14px 12px 12px!important}
  .tbw-path .ico{width:44px;height:44px}
  .tbw .tbw-path:hover{transform:none}
  .tbw-trust{gap:8px 14px;margin-top:20px}
  .tbw .tbw-path.main{padding-top:24px!important}
  .tbw-path.main .tag{position:absolute;top:0;right:16px;border-radius:0 0 9px 9px;padding:3px 10px 4px}
}

/* ---------- sihirbaz (hero ilə eyni qaranlıq səhnə) ---------- */
.tbw-wiz{position:relative;isolation:isolate;overflow:hidden;display:none;background:#060b1f;color:#fff;border-radius:28px;padding:28px 40px 46px;min-height:560px}
.tbw-wiz::before{content:"";position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(26,79,214,.55),transparent 38%),radial-gradient(circle at 88% 30%,rgba(109,40,217,.42),transparent 36%),radial-gradient(circle at 55% 105%,rgba(8,145,178,.35),transparent 40%);animation:tbwDrift 18s ease-in-out infinite alternate}
.tbw-wiz::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 30%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 30%,#000 10%,transparent 75%)}
@keyframes tbwDrift{to{transform:translate3d(4%,-3%,0) rotate(6deg)}}
.tbw.on .tbw-hero{display:none}.tbw.on .tbw-wiz{display:block;animation:tbwWizIn .5s cubic-bezier(.2,.8,.2,1)}
@keyframes tbwWizIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}

.tbw-top{max-width:940px;margin:0 auto 34px;display:flex;align-items:center;gap:16px}
.tbw .tbw-back{width:42px!important;height:42px!important;flex:none;border-radius:50%!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;display:grid!important;place-items:center;font-size:18px!important;color:#fff!important;padding:0!important;transition:background .2s,transform .2s}
.tbw .tbw-back:hover{background:rgba(255,255,255,.12)!important;transform:translateX(-2px)}
.tbw-bar{flex:1;height:6px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}
.tbw-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#1a62e7,#7c3aed,#5eead4);box-shadow:0 0 16px rgba(124,196,255,.6);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.tbw-no{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8391b3;white-space:nowrap}
.tbw .tbw-close{display:inline-flex!important;align-items:center;gap:6px;font-size:13px!important;font-weight:700!important;color:#aebbd8!important;background:none!important;border:0!important;padding:6px 2px!important;transition:color .2s}
.tbw .tbw-close:hover{color:#fff!important}

.tbw-view{max-width:940px;margin:0 auto}
.tbw-q{animation:tbwInR .5s cubic-bezier(.2,.8,.2,1) both}
.tbw-q.inL{animation:tbwInL .5s cubic-bezier(.2,.8,.2,1) both}
.tbw-q.out{animation:tbwOut .2s ease-in both}
@keyframes tbwInR{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
@keyframes tbwInL{from{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:none}}
@keyframes tbwOut{to{opacity:0;transform:translateX(-24px)}}
.tbw .tbw-q h2{font-size:clamp(24px,3vw,36px)!important;font-weight:900!important;letter-spacing:-.03em!important;text-align:center;line-height:1.15!important;color:#fff!important}
.tbw-sub{text-align:center;color:#aebbd8;margin:10px auto 30px!important;font-size:16px;max-width:560px;line-height:1.5}

/* seçim kartları */
.tbw-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tbw-opts.c3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;margin:0 auto}
.tbw .tbw-opt{position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%;text-align:left;padding:20px 18px 20px!important;border-radius:20px!important;background:rgba(255,255,255,.045)!important;border:1.5px solid rgba(255,255,255,.1)!important;color:#fff!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,box-shadow .3s}
.tbw .tbw-opt:hover{transform:translateY(-4px);background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.24)!important}
.tbw .tbw-opt:focus-visible{outline:2px solid #7cc4ff;outline-offset:3px}
.tbw-opt .oi{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,rgba(26,98,231,.28),rgba(124,58,237,.28));border:1px solid rgba(255,255,255,.12);color:#b9d3ff;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s}
.tbw-opt .oi svg{width:26px;height:26px}
.tbw-opt .oi.t{font-size:14px;font-weight:900;letter-spacing:-.01em;color:#fff}
.tbw-opt b{display:block;font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.01em;padding-right:24px}
.tbw-opt small{display:block;font-size:13.5px;color:#9aa8c7;margin-top:5px;line-height:1.4}
.tbw-opt .ck{position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#fff;transition:background .25s,border-color .25s,transform .25s}
.tbw-opt .ck svg{width:13px;height:13px;stroke-width:3;opacity:0;transform:scale(.4);transition:.25s}
.tbw .tbw-opt.sel{border-color:transparent!important;background:linear-gradient(#111b3f,#111b3f) padding-box,linear-gradient(135deg,#3b82f6,#8b5cf6,#22d3ee) border-box!important;box-shadow:0 22px 50px -18px rgba(59,130,246,.75)!important;transform:translateY(-4px)}
.tbw-opt.sel .ck{background:linear-gradient(135deg,#1a62e7,#7c3aed);border-color:transparent;animation:tbwPop .35s}
.tbw-opt.sel .ck svg{opacity:1;transform:none}
.tbw-opt.sel .oi{background:linear-gradient(135deg,#1a62e7,#7c3aed);border-color:transparent;color:#fff;box-shadow:0 10px 24px -8px rgba(124,58,237,.8);transform:scale(1.06) rotate(-4deg)}
@keyframes tbwPop{50%{transform:scale(1.3)}}

/* oyunlar */
.tbw-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tbw .tbw-game{position:relative;height:112px!important;border-radius:16px!important;overflow:hidden;border:1.5px solid rgba(255,255,255,.12)!important;color:#fff!important;font-weight:800!important;font-size:15px!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;padding:12px 14px!important;background-size:cover!important;background-position:center!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.tbw-game::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,31,0) 30%,rgba(6,11,31,.85));transition:background .3s}
.tbw-game span{position:relative;z-index:1;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.tbw .tbw-game:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.3)!important}
.tbw .tbw-game.sel{border-color:#7cc4ff!important;box-shadow:0 0 0 3px rgba(59,130,246,.45),0 18px 40px -16px rgba(59,130,246,.8)!important}
.tbw-game.sel::after{background:linear-gradient(180deg,rgba(26,98,231,.15) 0%,rgba(6,11,31,.85))}
.tbw-game::before{content:"";position:absolute;z-index:2;top:10px;right:10px;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:rgba(6,11,31,.35) center/13px no-repeat;transition:.25s}
.tbw-game.sel::before{border-color:transparent;animation:tbwPop .35s}
.tbw-game.sel::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"),linear-gradient(135deg,#1a62e7,#7c3aed);background-size:13px,cover;background-position:center;background-repeat:no-repeat}
.tbw-subq{display:flex;align-items:center;gap:14px;margin:34px 0 16px;color:#aebbd8;font-size:15px;font-weight:700}
.tbw-subq::before,.tbw-subq::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}

/* büdcə */
.tbw-c{text-align:center}
.tbw-seg{display:inline-flex;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:4px;margin:0 auto 18px}
.tbw .tbw-seg button{padding:10px 20px!important;border-radius:99px!important;font-weight:800!important;font-size:14px!important;color:#aebbd8!important;background:transparent!important;border:0!important;transition:.25s}
.tbw .tbw-seg button.on{background:#fff!important;color:#0f1b33!important;box-shadow:0 6px 18px -6px rgba(0,0,0,.5)!important}
.tbw-budget{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:34px 34px 26px;max-width:660px;margin:0 auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.tbw-bval{font-size:clamp(40px,6vw,62px);font-weight:900;letter-spacing:-.04em;text-align:center;line-height:1.05;background:linear-gradient(92deg,#fff 30%,#b9d3ff 70%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.tbw-bval small{font-size:22px;font-weight:800;-webkit-text-fill-color:#8391b3}
.tbw-bhint{display:table;margin:12px auto 26px;padding:6px 14px;border-radius:99px;background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.22);color:#5eead4;font-size:13.5px;font-weight:700;min-height:0}
.tbw input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,#1a62e7,#7c3aed var(--p,40%),rgba(255,255,255,.12) var(--p,40%));outline:0;border:0;padding:0;margin:0;cursor:pointer}
.tbw input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 6px rgba(124,58,237,.35),0 6px 18px rgba(0,0,0,.5);transition:transform .15s,box-shadow .15s}
.tbw input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 10px rgba(124,58,237,.3),0 6px 18px rgba(0,0,0,.5)}
.tbw input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 6px rgba(124,58,237,.35)}
.tbw-ticks{display:flex;justify-content:space-between;font-size:12px;color:#8391b3;font-weight:700;margin-top:14px}

/* davam düyməsi */
.tbw-cta{display:flex;justify-content:center;margin-top:34px}
.tbw .tbw-next{position:relative;overflow:hidden;display:inline-flex!important;align-items:center;gap:12px;padding:17px 36px!important;border-radius:16px!important;background:linear-gradient(90deg,#1a62e7,#7c3aed)!important;color:#fff!important;font-weight:800!important;font-size:17px!important;border:0!important;box-shadow:0 18px 40px -14px rgba(59,130,246,.9)!important;transition:transform .2s,box-shadow .2s,opacity .25s,filter .25s}
.tbw .tbw-next::after{content:"";position:absolute;top:0;bottom:0;left:-60px;width:40px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .7s}
.tbw .tbw-next:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.9)!important}
.tbw .tbw-next:hover::after{left:120%}
.tbw .tbw-next[aria-disabled=true]{opacity:.35;filter:grayscale(.4);box-shadow:none!important;pointer-events:none}
.tbw-next .arr{transition:transform .2s}.tbw-next:hover .arr{transform:translateX(4px)}

/* analiz */
.tbw-an{text-align:center;padding:30px 0 10px}
.tbw-spin{position:relative;width:132px;height:132px;margin:0 auto 30px;display:grid;place-items:center}
.tbw-spin::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent,#1a62e7,#7c3aed,#5eead4);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));animation:tbwRot 1.1s linear infinite}
.tbw-spin::after{content:"";position:absolute;inset:26px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.6),rgba(26,98,231,.1) 70%);filter:blur(6px);animation:tbwBreath 1.6s ease-in-out infinite alternate}
.tbw-spin svg{position:relative;z-index:1;width:40px;height:40px;color:#fff}
@keyframes tbwRot{to{transform:rotate(360deg)}}
@keyframes tbwBreath{to{transform:scale(1.2);opacity:.6}}
.tbw-an ul{list-style:none;display:inline-flex;flex-direction:column;gap:14px;text-align:left;margin:26px 0 0;padding:0}
.tbw-an li{display:flex;gap:12px;align-items:center;font-weight:700;font-size:15px;color:#5d6b8a;opacity:0;transform:translateY(8px);transition:.4s;margin:0}
.tbw-an li.show{opacity:1;transform:none;color:#fff}
.tbw-an li i{width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);display:grid;place-items:center;font-style:normal;font-size:12px;color:transparent;transition:.3s}
.tbw-an li.done i{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 0 14px rgba(16,185,129,.6)}

/* nəticə — qaranlıq şüşə kartlar */
.tbw-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;margin-top:18px}
.tbw-res.n1{grid-template-columns:minmax(0,420px);justify-content:center}.tbw-res.n2{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}
.tbw-pc{position:relative;color:#fff;background:linear-gradient(165deg,rgba(255,255,255,.085),rgba(255,255,255,.02));border:1.5px solid rgba(255,255,255,.12);border-radius:24px;padding:18px 18px 16px;display:flex;flex-direction:column;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -34px rgba(0,0,0,.8)}
.tbw-pc.show{opacity:1;transform:none}
.tbw-pc:hover{border-color:rgba(255,255,255,.24)}
.tbw-pc.best{border-color:transparent;background:linear-gradient(165deg,#15214a,#0d1433) padding-box,linear-gradient(135deg,#3b82f6,#8b5cf6,#22d3ee) border-box;box-shadow:0 34px 80px -30px rgba(59,130,246,.85)}
.tbw-pc.best::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(124,58,237,.25),transparent 55%)}
.tbw-ribbon{position:absolute;z-index:2;top:-12px;left:20px;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#1c2750;border:1px solid rgba(255,255,255,.16);color:#cdd7ee}
.tbw-pc.best .tbw-ribbon{background:linear-gradient(90deg,#1a62e7,#7c3aed);border-color:transparent;color:#fff;box-shadow:0 8px 20px -6px rgba(124,58,237,.8)}
.tbw-img{position:relative;height:176px;border-radius:18px;margin:6px 0 16px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#ffffff 0%,#eef3ff 55%,#d7e2fa 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 14px 30px -18px rgba(0,0,0,.8)}
.tbw-img img{max-width:88%;max-height:156px;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.tbw-pc:hover .tbw-img img{transform:scale(1.07)}
.tbw .tbw-pc h3{font-size:16px!important;font-weight:800!important;line-height:1.3!important;color:#fff!important;letter-spacing:-.01em}
.tbw-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.tbw-chips span{font-size:12px;font-weight:700;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#cdd7ee}
.tbw-level{display:inline-block;font-size:12px;font-weight:800;color:#c4b5fd;margin:0 0 8px}
.tbw-fps{margin:4px 0 14px;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06)}
.tbw-fps div{display:grid;grid-template-columns:78px 1fr 66px;align-items:center;gap:10px;font-size:12.5px;font-weight:700;margin:5px 0;color:#cdd7ee}
.tbw-fps em{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;font-style:normal;display:block}
.tbw-fps em u{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#1a62e7,#7c3aed,#5eead4);box-shadow:0 0 10px rgba(124,196,255,.5);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.tbw-fps b{text-align:right;color:#fff;font-variant-numeric:tabular-nums}
.tbw-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;font-weight:700;margin-bottom:16px}
.tbw-meta .ok{color:#34d399}.tbw-meta .warn{color:#fbbf24}.tbw-meta .stk{color:#aebbd8}
.tbw .tbw-go{margin-top:auto!important;width:100%;padding:14px!important;border-radius:14px!important;background:linear-gradient(90deg,#1a62e7,#7c3aed)!important;color:#fff!important;font-weight:800!important;border:0!important;box-shadow:0 14px 30px -12px rgba(59,130,246,.9)!important;transition:transform .2s,background .2s}
.tbw .tbw-go:hover{transform:translateY(-2px)}
.tbw .tbw-go.ghost{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:none!important}
.tbw .tbw-go.ghost:hover{background:rgba(255,255,255,.14)!important}
.tbw .tbw-more{display:block;text-align:center;font-size:12.5px;font-weight:700;color:#8391b3!important;margin-top:10px;text-decoration:none!important;transition:color .2s}
.tbw .tbw-more:hover{color:#fff!important}
.tbw-alt{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.tbw .tbw-alt button{padding:13px 22px!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;font-weight:800!important;color:#fff!important;transition:background .2s,border-color .2s}
.tbw .tbw-alt button:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.3)!important}
.tbw-none{max-width:600px;margin:0 auto;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:34px 28px;text-align:center}

/* əlaqə — qaranlıq şüşə forma */
.tbw-form{max-width:540px;margin:0 auto;color:#fff;background:linear-gradient(165deg,rgba(255,255,255,.085),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:26px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 40px 80px -36px rgba(0,0,0,.9)}
.tbw-chosen{display:flex;gap:14px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);margin-bottom:22px}
.tbw-chosen img{width:56px;height:56px;object-fit:contain;border-radius:12px;background:radial-gradient(circle,#fff,#e3ebfb);padding:4px;mix-blend-mode:normal}
.tbw-chosen b{color:#fff;font-weight:800}
.tbw-chosen b+div{color:#aebbd8!important}
.tbw-f{margin-bottom:14px}
.tbw-f label{display:block;font-size:13px;font-weight:700;color:#aebbd8;margin-bottom:7px}
.tbw .tbw-f input,.tbw .tbw-f select{width:100%!important;height:52px!important;border:1.5px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:0 14px!important;font:600 16px 'Nunito Sans',sans-serif!important;outline:0;background:rgba(0,0,0,.25)!important;color:#fff!important;box-shadow:none!important;margin:0!important;transition:border-color .2s,box-shadow .2s,background .2s}
.tbw .tbw-f input::placeholder{color:#5d6b8a!important;opacity:1}
.tbw .tbw-f input:focus,.tbw .tbw-f select:focus{border-color:#7c9dff!important;background:rgba(0,0,0,.35)!important;box-shadow:0 0 0 4px rgba(59,130,246,.2)!important}
.tbw .tbw-f select option{background:#0d1433;color:#fff}
.tbw .tbw-f [aria-invalid=true]{border-color:#f87171!important;box-shadow:0 0 0 4px rgba(248,113,113,.15)!important}
.tbw-ph{display:flex}.tbw .tbw-ph select{width:112px!important;flex:none;border-radius:12px 0 0 12px!important;background:rgba(255,255,255,.06)!important}.tbw .tbw-ph input{border-left:0!important;border-radius:0 12px 12px 0!important}
.tbw-cb{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#aebbd8;margin:8px 0;cursor:pointer;line-height:1.45}
.tbw-cb input{width:18px!important;height:18px!important;accent-color:#7c3aed;flex:none;margin:2px 0 0!important}
.tbw-form .tbw-cta{margin-top:20px}.tbw-form .tbw-next{width:100%;justify-content:center}
.tbw-hp{position:absolute!important;left:-9999px!important}
.tbw-err{color:#fca5a5;font-size:13.5px;font-weight:700;min-height:18px;margin-top:8px;text-align:center}

/* hazırdır */
.tbw-done{text-align:center;padding:14px 0}
.tbw-tick{width:104px;height:104px;margin:0 auto 22px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.35),rgba(16,185,129,.08) 70%);border:1px solid rgba(16,185,129,.4);display:grid;place-items:center;box-shadow:0 0 50px rgba(16,185,129,.35)}
.tbw-tick svg{width:54px;height:54px;stroke:#34d399;stroke-width:4;fill:none;stroke-dasharray:60;stroke-dashoffset:60;animation:tbwDraw .7s .2s forwards}
@keyframes tbwDraw{to{stroke-dashoffset:0}}
.tbw-tl{max-width:460px;margin:26px auto 0;text-align:left;padding:8px 22px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.tbw-tl div{display:flex;gap:14px;padding:12px 0}
.tbw-tl div+div{border-top:1px solid rgba(255,255,255,.07)}
.tbw-tl i{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);color:#b9d3ff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;flex:none}
.tbw-tl div.ok i{background:#10b981;color:#fff}
.tbw-tl b{color:#fff}
.tbw-tl small{color:#9aa8c7;display:block}

@media (max-width:1100px){.tbw-wiz{padding:26px 26px 40px}}
@media (max-width:760px){
  .tbw-wiz{padding:18px 14px 30px;border-radius:22px;min-height:0}
  .tbw-top{margin-bottom:24px;gap:10px}
  .tbw .tbw-back{width:38px!important;height:38px!important}
  .tbw-close span{display:none}
  .tbw-sub{font-size:14.5px;margin-bottom:22px!important}
  .tbw-opts,.tbw-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tbw .tbw-opt{padding:16px 14px!important;border-radius:18px!important}
  .tbw-opt .oi{width:44px;height:44px;border-radius:13px;margin-bottom:14px}
  .tbw-opt .oi svg{width:22px;height:22px}
  .tbw-opt b{font-size:15.5px}
  .tbw-opt small{font-size:12.5px}
  .tbw-opt .ck{top:12px;right:12px}
  .tbw-opts.c3{grid-template-columns:1fr}
  .tbw-opts.c3 .tbw-opt{display:grid!important;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center!important}
  .tbw-opts.c3 .tbw-opt .oi{grid-row:span 2;margin:0}
  .tbw-opts.c3 .tbw-opt small{margin-top:2px}
  .tbw .tbw-game{height:92px!important}
  .tbw-budget{padding:26px 18px 20px}
  .tbw-res,.tbw-res.n2{grid-template-columns:1fr}
  .tbw .tbw-next{width:100%;justify-content:center}
  .tbw-form{padding:20px 16px}
}
@media (prefers-reduced-motion:reduce){.tbw *,.tbw *::before,.tbw *::after,.tbw-wiz::before{animation:none!important;transition:none!important}.tbw-rise{opacity:1;transform:none}.tbw-pc,.tbw-an li{opacity:1;transform:none}}

/* ---------- səhifə rejimləri ---------- */
/* Standart: yalnız seçim bloku; builder yalnız «Hazır sistemlər» / «Özüm yığım» seçiləndə (.bld) görünür. */
#tbw:not(.bld)+script+#pcbuilder2-root,#tbw:not(.bld)+#pcbuilder2-root{display:none}
.tbw.bld .tbw-hero,.tbw.bld .tbw-wiz{display:none}
.tbw.bld{margin-bottom:18px}
.tbw-mini{display:none;position:relative;isolation:isolate;overflow:hidden;align-items:center;gap:16px;padding:12px 14px;border-radius:20px;background:#060b1f;color:#fff;animation:tbwWizIn .45s cubic-bezier(.2,.8,.2,1)}
.tbw-mini::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 0% 0%,rgba(26,79,214,.6),transparent 45%),radial-gradient(circle at 100% 100%,rgba(109,40,217,.5),transparent 45%)}
.tbw.bld .tbw-mini{display:flex}
.tbw .tbw-mini-back{display:inline-flex!important;align-items:center;gap:8px;padding:10px 16px 10px 12px!important;border-radius:14px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;font-weight:800!important;font-size:14px!important;transition:background .2s,transform .2s}
.tbw .tbw-mini-back:hover{background:rgba(255,255,255,.14)!important;transform:translateX(-2px)}
.tbw-mini-back svg,.tbw-mini-cta svg{width:18px;height:18px;flex:none}
.tbw-mini-t{flex:1;min-width:0;line-height:1.2}
.tbw-mini-t small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8391b3}
.tbw-mini-t b{display:block;font-size:18px;font-weight:900;letter-spacing:-.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbw .tbw-mini-cta{display:inline-flex!important;align-items:center;gap:8px;padding:11px 18px!important;border-radius:14px!important;background:linear-gradient(90deg,#1a62e7,#7c3aed)!important;border:0!important;color:#fff!important;font-weight:800!important;font-size:14px!important;box-shadow:0 12px 28px -12px rgba(124,58,237,.9)!important;transition:transform .2s,box-shadow .2s}
.tbw .tbw-mini-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(124,58,237,1)!important}
@media (max-width:760px){
  .tbw-mini{gap:10px;padding:10px;border-radius:16px}
  .tbw .tbw-mini-back{padding:10px!important}.tbw-mini-back span{display:none}
  .tbw-mini-t b{font-size:16px}
  .tbw .tbw-mini-cta{padding:10px 12px!important}.tbw-mini-cta span{display:none}
}

/* builder-dən gələn təklif sorğusu: seçilmiş hissələr */
.tbw-parts{list-style:none;margin:-8px 0 16px;padding:10px 14px;border-radius:14px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.07);max-height:220px;overflow:auto}
.tbw-parts li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:6px 0;margin:0;font-size:13px;font-weight:700;color:#fff;line-height:1.35}
.tbw-parts li+li{border-top:1px solid rgba(255,255,255,.06)}
.tbw-parts span{color:#8391b3;font-weight:700}
.tbw-miss{margin:-6px 0 16px;padding:9px 12px;border-radius:12px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.22);color:#fcd34d;font-size:12.5px;font-weight:700;line-height:1.45}

.tbw-resume{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin:-14px auto 20px;padding:8px 14px;max-width:520px;border-radius:99px;background:rgba(94,234,212,.08);border:1px solid rgba(94,234,212,.22);color:#5eead4;font-size:13.5px;font-weight:700}
.tbw .tbw-resume button{background:none!important;border:0!important;padding:0!important;color:#fff!important;font-weight:800!important;font-size:13.5px!important;text-decoration:underline;text-underline-offset:3px}

/* nəticə: müqayisə və izah */
.tbw-cmp{display:inline-block;align-self:flex-start;margin:8px 0 0;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:800;background:rgba(255,255,255,.07);color:#aebbd8}
.tbw-cmp.up{background:rgba(94,234,212,.12);color:#5eead4}
.tbw-why{margin:2px 0 12px;padding:10px 12px;border-radius:12px;background:rgba(124,58,237,.1);border:1px solid rgba(167,139,250,.2);color:#ddd6fe;font-size:13px;line-height:1.45}

/* ===================== KƏTAN 26 — razılaşdırılmış ekranlar ===================== */
/* Blok ölçüsü hər addımda eynidir: ən hündür sual ekranına görə sabitlənib. */
.tbw-wiz{min-height:0}
.tbw-view{min-height:var(--tbw-h,712px)}
.tbw-q{min-height:var(--tbw-h,712px);display:flex;flex-direction:column}
.tbw-q .tbw-cta{margin-top:auto;padding-top:22px;margin-bottom:0}
/* Blok sabit hündürlükdədir: qalan boşluq yuxarı və aşağı bərabər bölünür, məzmun mərkəzdə qalır. */
.tbw-q>h2:first-child{margin-top:auto!important}
.tbw-q>.tbw-resume+h2{margin-top:auto!important}
.tbw-sub{margin:10px auto 18px!important}
.tbw .tbw-q h2{font-size:clamp(26px,3.2vw,40px)!important;letter-spacing:-.035em!important}
.tbw-sub b{color:#fff;font-weight:800}

/* — kvadrat seçim qutusu: çox seçim olduğu ilk baxışdan aydındır — */
.tbw-opt .ck{width:26px;height:26px;border-radius:8px;border:1.5px solid rgba(255,255,255,.45);background:rgba(8,14,28,.45)}
.tbw-opt.sel .ck{border-radius:8px}

/* — ekran 2: bölmə başlıqları, sayğac, hədəf sətri — */
.tbw-sech{display:flex;align-items:center;gap:12px;margin:16px 0 10px;flex-wrap:wrap}
.tbw-sech-t{font-size:12px;font-weight:800;letter-spacing:.06em;color:#7c8698}
.tbw-cnt{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:13px;background:rgba(79,139,255,.18);color:#bbd3ff;font-size:11.5px;font-weight:800}
.tbw-sech-x{margin-left:auto;font-size:12.5px;color:#7c8698;display:inline-flex;align-items:center;gap:8px}
.tbw-sech-x.ok{color:#9fd9c2}
.tbw-sech-x svg{width:14px;height:14px;color:#34d399;flex:none}
.tbw-sech-x b{color:#fff}
.tbw-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.tbw .tbw-game{height:116px!important;border-radius:18px!important;filter:grayscale(.55) brightness(.62);transition:filter .3s,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.tbw .tbw-game:hover{filter:grayscale(.2) brightness(.8)}
.tbw .tbw-game.sel{filter:none;transform:translateY(-2px);border:2px solid #4f8bff!important;box-shadow:0 16px 38px rgba(79,139,255,.28)!important}
.tbw-game::after{background:linear-gradient(180deg,rgba(8,14,28,.10) 34%,rgba(8,14,28,.92))}
.tbw-game span{font-size:14.5px;text-shadow:0 2px 10px rgba(0,0,0,.85)}
.tbw-game::before{top:12px;right:12px;width:26px;height:26px;border-radius:8px;border:1.5px solid rgba(255,255,255,.45);background:rgba(8,14,28,.45)}
.tbw-game.sel::before{border-radius:8px;box-shadow:0 6px 16px rgba(79,139,255,.5)}
.tbw-subq{display:none}

/* — ekran 3: aralıq sürgüsü — */
.tbw-budget{max-width:760px;padding:20px 30px 18px;border-radius:26px;margin-top:4px}
.tbw-bval{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em}
.tbw-bnote{text-align:center;margin-top:8px;font-size:12.5px;color:#7c8698}
.tbw-rng{position:relative;height:84px;margin-top:14px}
.tbw-rng .bub{position:absolute;top:0;transform:translateX(-50%);height:32px;padding:0 12px;border-radius:16px;background:#fff;color:#0b1220;font-size:13.5px;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.45)}
.tbw-rng .trk{position:absolute;left:0;right:0;top:48px;height:10px;border-radius:5px;background:rgba(255,255,255,.10)}
.tbw-rng .fil{position:absolute;top:48px;height:10px;border-radius:5px;background:linear-gradient(90deg,#4f8bff,#a78bfa);box-shadow:0 0 22px rgba(99,102,241,.55)}
.tbw .tbw-rng input[type=range]{position:absolute;left:0;right:0;top:41px;width:100%;height:26px;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.tbw .tbw-rng input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:26px;height:26px;border-radius:13px;background:#fff;border:0;box-shadow:0 6px 18px rgba(0,0,0,.6);cursor:pointer}
.tbw .tbw-rng input[type=range]::-moz-range-thumb{pointer-events:auto;width:26px;height:26px;border-radius:13px;background:#fff;border:0;box-shadow:0 6px 18px rgba(0,0,0,.6)}
.tbw-rng .tks{position:absolute;left:0;right:0;top:72px;display:block;height:16px}
.tbw-rng .tks span{position:absolute;font-size:12px;color:#7c8698;white-space:nowrap}
.tbw-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.tbw .tbw-chips button{height:36px!important;padding:0 18px!important;border-radius:20px!important;font-size:13px!important;font-weight:700!important;border:1px solid rgba(255,255,255,.18)!important;background:transparent!important;color:#a9b4c7!important}
.tbw .tbw-chips button.on{border-color:#4f8bff!important;background:rgba(79,139,255,.18)!important;color:#fff!important}
.tbw-live{display:flex;gap:12px;margin-top:14px}
.tbw-live div{flex:1;padding:12px 14px;border-radius:16px;background:linear-gradient(165deg,rgba(255,255,255,.085),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.10)}
.tbw-live span{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;color:#7c8698}
.tbw-live b{display:block;margin-top:5px;font-size:22px;font-weight:800;color:#fff}
.tbw-live b i{font-style:normal;font-size:12.5px;font-weight:700;color:#a9b4c7}
.tbw-live b.g{color:#34d399}.tbw-live b.b{color:#60a5fa}.tbw-live b.w{color:#fbbf24}
.tbw-note{margin-top:12px;padding:10px 13px;border-radius:14px;background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.30);font-size:12.5px;line-height:1.5;color:#f3d9a4}
.tbw-note b{color:#fff}

/* — ekran 4: monitor kartları — */
.tbw-opts.tbw-mon .tbw-opt{min-height:184px}
.tbw-opt-p{display:block;margin-top:12px;font-size:18px;font-weight:800;color:#fff}
.tbw-opt-p.e{height:22px}
.tbw-opt-s{display:block;margin-top:3px;font-size:11.5px;color:#7c8698}
.tbw-sum{display:flex;align-items:center;gap:16px;max-width:900px;margin:22px auto 0;padding:14px 20px;border-radius:18px;background:linear-gradient(165deg,rgba(255,255,255,.085),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.10);font-size:13px;color:#a9b4c7}
.tbw-sum .l{display:inline-flex;align-items:center;gap:9px}
.tbw-sum .l svg{width:15px;height:15px;color:#34d399}
.tbw-sum .r{margin-left:auto;text-align:right}
.tbw-sum .r small{font-size:12px;color:#7c8698}

/* — ekran 1: real sistem kartı — */
.tbw-card-p{display:block;margin-top:3px;font-size:12.5px;color:#a9b4c7}
.tbw-real{display:flex;align-items:center;gap:10px;margin:16px 0 4px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10)}
.tbw-real-h{font-size:11px;font-weight:800;letter-spacing:.06em;color:#7c8698}
.tbw-real-c{height:22px;padding:0 9px;border-radius:11px;background:rgba(255,255,255,.08);font-size:10.5px;font-weight:800;color:#a9b4c7;display:inline-flex;align-items:center}
.tbw-fpsl div{grid-template-columns:118px 1fr 66px}
.tbw-fpsl .g{text-align:left;color:#a9b4c7}
.tbw-card-f a{color:#9ec1ff;font-weight:800;text-decoration:none;font-size:12.5px}
.tbw-trust{gap:10px}
.tbw-trust li{height:34px;padding:0 13px;border-radius:17px;background:linear-gradient(165deg,rgba(255,255,255,.085),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.10);font-size:12.5px;font-weight:700}

@media (max-width:900px){
	.tbw-view,.tbw-q{min-height:var(--tbw-hm,764px)}
	/* Mobildə seçim kartları sətir formasına düşür — blok hündürlüyü hər addımda eyni qalsın. */
	.tbw .tbw-opt{flex-direction:row!important;align-items:center!important;gap:12px;padding:12px 14px!important;min-height:0}
	.tbw-opt .oi{width:42px;height:42px;border-radius:12px;margin:0;flex:none}
	.tbw-opt .oi svg{width:20px;height:20px}
	.tbw-opt b{font-size:14.5px;padding-right:0}
	.tbw-opt small{font-size:11.5px;margin-top:2px}
	.tbw-opt .ck{position:static;width:22px;height:22px;flex:none;margin-left:auto;order:9}
	.tbw-opt .tbw-opt-p{margin:0;font-size:14px;white-space:nowrap}
	.tbw-opt .tbw-opt-p.e{display:none}
	.tbw-opt .tbw-opt-s{margin:0;font-size:10.5px;white-space:nowrap}
	.tbw-opt>b,.tbw-opt>small{flex-basis:100%;margin-left:54px;margin-top:-6px}
	.tbw-opts{gap:9px}
	.tbw-games{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
	.tbw .tbw-game{height:96px!important}
	.tbw-opts,.tbw-opts.tbw-mon{grid-template-columns:1fr}
	/* keyfiyyət seçimi mobildə üç yığcam xanadır — oyun şəbəkəsi ilə birlikdə ekrana sığır */
	.tbw-opts.c3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
	.tbw .tbw-opts.c3 .tbw-opt{flex-direction:column!important;align-items:flex-start!important;padding:10px 10px!important}
	.tbw-opts.c3 .tbw-opt .oi{width:34px;height:34px;border-radius:10px;font-size:12px}
	.tbw-opts.c3 .tbw-opt b{margin:8px 0 0;flex-basis:auto;font-size:12.5px;line-height:1.2}
	.tbw-opts.c3 .tbw-opt small{margin:0}
	.tbw-opts.c3 .tbw-opt small{display:none}
	.tbw-opts.c3 .tbw-opt .ck{position:absolute;top:8px;right:8px;width:18px;height:18px;margin:0;order:0}
	.tbw .tbw-q h2{font-size:25px!important}
	/* Monitor kartları mobildə sətirdir: ikon · ad/izah · qiymət/stok · qalıçka */
	.tbw .tbw-opts.tbw-mon .tbw-opt{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto 22px;grid-template-rows:auto auto;gap:2px 10px;align-items:center;min-height:0;padding:11px 13px!important}
	.tbw-opts.tbw-mon .tbw-opt .oi{grid-column:1;grid-row:1/3}
	.tbw-opts.tbw-mon .tbw-opt b{grid-column:2;grid-row:1;margin:0;flex-basis:auto}
	.tbw-opts.tbw-mon .tbw-opt small{grid-column:2;grid-row:2;margin:0}
	.tbw-opts.tbw-mon .tbw-opt .tbw-opt-p{grid-column:3;grid-row:1;text-align:right}
	.tbw-opts.tbw-mon .tbw-opt .tbw-opt-s{grid-column:3;grid-row:2;text-align:right}
	.tbw-opts.tbw-mon .tbw-opt .ck{grid-column:4;grid-row:1/3;margin:0}
	.tbw .tbw-game{height:76px!important;border-radius:12px!important;padding:8px 9px!important}
	.tbw-game span{font-size:11.5px}
	.tbw-game::before{top:7px;right:7px;width:20px;height:20px;border-radius:6px}
	.tbw-sech{margin:12px 0 8px}
	.tbw-q .tbw-cta{padding-top:16px}
	.tbw-bval{font-size:26px}
	.tbw-rng{height:78px;margin-top:10px}
	.tbw-live div{padding:10px 12px}
	.tbw-live b{font-size:18px}
	.tbw-live{flex-direction:row;gap:8px}
	.tbw-live div{padding:9px 8px;text-align:center}
	.tbw-live span{font-size:9.5px;letter-spacing:0}
	.tbw-live b{font-size:15px}
	.tbw-live b i{display:block;font-size:10px}
	.tbw-bnote{font-size:11.5px;margin-top:6px}
	.tbw-note{font-size:11.5px;padding:9px 11px}
	.tbw .tbw-chips button{height:32px!important;padding:0 12px!important;font-size:12px!important}
	.tbw-sech-x{margin-left:0;width:100%}
	.tbw-budget{padding:20px 16px 18px}
	.tbw-sum{flex-direction:column;align-items:flex-start;gap:8px}
	.tbw-sum .r{margin-left:0;text-align:left}
}

/* sual blokunun ümumi hündürlüyü sabitdir — çərçivə boşluqları yığcamlaşır.
   Yalnız masaüstü: əvvəl media-dan kənarda idi və mobil boşluğu (14 px) 40 px-ə qaytarırdı —
   telefonda məzmuna 280 px qalır, seçim kartları sağdan kəsilirdi. */
@media (min-width:761px){.tbw-wiz{padding:22px 40px 30px}}
.tbw-eyebrow b{margin:0 3px;color:#fff;font-weight:800}

/* =====================================================================================
   YENİ DİZAYN (23.09) — «bir işıq, bir fokus». Məzmun və məntiq eynidir, yalnız görünüş.
   Parıltılar/şəbəkə yox, tək mavi işıq; əsas rəng TechBar mavisi #1860E8; bənövşəyi çıxdı.
   ===================================================================================== */

/* — giriş bloku: fon, başlıq, düymələr — */
.tbw .tbw-hero{background:#070b1a}
.tbw-hero .tbw-orb,.tbw-hero .tbw-spot{display:none!important}
.tbw-hero .tbw-bg::before,.tbw-hero .tbw-bg::after{display:none}
.tbw-hero .tbw-bg{background:radial-gradient(640px 480px at 76% 50%,rgba(24,96,232,.5),transparent 70%),radial-gradient(420px 300px at 76% 50%,rgba(94,234,212,.08),transparent 70%),linear-gradient(180deg,rgba(24,96,232,.10),transparent 45%)}
@media (max-width:900px){.tbw-hero .tbw-bg{background:radial-gradient(520px 420px at 50% 88%,rgba(24,96,232,.32),transparent 70%)}}
.tbw-hero .tbw-eyebrow{background:none;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;color:#9fb0d6}
.tbw .tbw-hero .tbw-title{letter-spacing:-.03em!important}
.tbw-hero .tbw-title span{background-image:linear-gradient(92deg,#4d8dff 0%,#5eead4 100%);background-size:100% 100%;animation:none;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.tbw-hero .tbw-lead{color:#aab6d3}
.tbw .tbw-hero .tbw-path.main{background:linear-gradient(180deg,#2d72f3,#1860E8)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:0 20px 44px -18px rgba(24,96,232,.95),inset 0 1px 0 rgba(255,255,255,.28)!important;animation:tbwRise .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.27s}
.tbw .tbw-hero .tbw-path.main::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.tbw-hero .tbw-path.main .ico{background:rgba(255,255,255,.16);box-shadow:none}
.tbw-hero .tbw-path.main small{color:rgba(255,255,255,.82)}
.tbw-hero .tbw-path.main .go{background:#fff;color:#1860E8}
.tbw .tbw-hero .tbw-path.main:hover .go{color:#1860E8}
.tbw-hero .tbw-path.main .tag{background:rgba(255,255,255,.2);color:#fff}
.tbw .tbw-hero .tbw-path:not(.main){background:transparent!important;border:1px solid rgba(255,255,255,.12)!important}
.tbw-hero .tbw-path:not(.main) .ico{background:rgba(255,255,255,.05)}
.tbw .tbw-hero .tbw-path:hover,.tbw .tbw-hero .tbw-path.main:hover{transform:translateY(-2px)}
/* köhnə :hover qaydası əsas düyməyə ağ fon qaytarırdı */
.tbw .tbw-hero .tbw-path.main:hover{background:linear-gradient(180deg,#3a7cf5,#1c66ee)!important;border-color:rgba(255,255,255,.3)!important;box-shadow:0 24px 50px -18px rgba(24,96,232,1),inset 0 1px 0 rgba(255,255,255,.3)!important}
.tbw-hero .tbw-trust{gap:6px 18px}
.tbw-hero .tbw-trust li{height:auto;padding:0;background:none;border:0;font-size:13px;color:#aab6d3}
/* — giriş kartı: düz, bir işıq, arabir incə parıltı; uçan nişanlar kartın içinə keçdi — */
.tbw-hero .tbw-chip{display:none!important}
.tbw-hero .tbw-card{overflow:hidden;max-width:450px;transform:rotateY(calc(var(--ry,0deg)*.35)) rotateX(calc(var(--rx,0deg)*.35));animation:none;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);box-shadow:0 50px 90px -40px rgba(0,0,0,.85),0 0 0 1px rgba(24,96,232,.12),inset 0 1px 0 rgba(255,255,255,.14)}
.tbw-hero .tbw-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.075) 50%,transparent 62%);transform:translateX(-110%);animation:nxShine 8s ease-in-out 1.6s infinite;pointer-events:none}
@keyframes nxShine{0%{transform:translateX(-110%)}35%,100%{transform:translateX(110%)}}
.nx-t em{display:flex;align-items:center;gap:7px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;color:#34d399}
.nx-t em i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.18)}
.nx-t strong{display:block;font-size:21px;font-weight:900;color:#fff;letter-spacing:-.02em;margin-top:3px;line-height:1.15}
.nx-t .nx-sub{display:block;font-size:13px;font-weight:600;color:#aab6d3;margin-top:2px}
.nx-price{display:flex;align-items:baseline;gap:10px;margin:16px 0 2px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.nx-price b{font-size:30px;font-weight:900;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.nx-price span{font-size:13.5px;font-weight:700;color:#9fb0d6}
.tbw-hero .tbw-specs{margin:14px 0 0}
.tbw-hero .tbw-real{margin-top:16px}
.tbw-hero .nx-ok{display:flex;gap:12px;flex-wrap:wrap;color:#7ee2b8;font-weight:700}

/* — sual ekranları: fon — */
.tbw .tbw-wiz{background:#070b1a}
.tbw .tbw-wiz::before{inset:0;animation:none;background:radial-gradient(760px 440px at 50% 36%,rgba(24,96,232,.34),transparent 70%),linear-gradient(180deg,rgba(24,96,232,.08),transparent 40%)}
.tbw .tbw-wiz::after{display:none}
/* — adlı addım zolağı (wiz.js stepsBar) — proqres xətti və «SUAL 1 / 4» yerinə — */
.tbw-top .tbw-bar,.tbw-top .tbw-no{display:none}
.tbw-top.nx-src .tbw-no{display:block}.tbw-top.nx-src .nx-steps{visibility:hidden}
.nx-steps{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.nx-st{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#7d8aa9;white-space:nowrap}
.nx-st i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 inherit;font-style:normal;border:1.5px solid rgba(255,255,255,.2);color:#9fb0d6}
.nx-st.on{color:#fff}
.nx-st.on i{background:#1860E8;border-color:#1860E8;color:#fff;box-shadow:0 0 0 4px rgba(24,96,232,.25)}
.nx-st.dn i{background:rgba(52,211,153,.15);border-color:rgba(52,211,153,.6);color:#34d399}
.nx-ln{flex:0 1 38px;height:1.5px;background:rgba(255,255,255,.14);border-radius:2px}
/* — seçim kartları: tək seçim = dairə; seçilən mavi — */
.tbw .tbw-q .tbw-sub{color:#aab6d3}
.tbw .tbw-q .tbw-opt{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;box-shadow:none!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s,box-shadow .25s}
.tbw .tbw-q .tbw-opt:hover{transform:translateY(-3px);border-color:rgba(77,141,255,.6)!important;background:rgba(24,96,232,.07)!important}
.tbw-q .tbw-opt .oi{width:48px;height:48px;border-radius:14px;background:rgba(24,96,232,.16);border:1px solid rgba(77,141,255,.25);color:#8fb4ff;box-shadow:none;transform:none}
.tbw-q .tbw-opt .ck{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:transparent}
.tbw-q .tbw-opt.sel .ck{border-radius:50%}
.tbw .tbw-q .tbw-opt.sel{background:rgba(24,96,232,.14)!important;border-color:#1860E8!important;box-shadow:0 0 0 1px #1860E8 inset,0 24px 50px -24px rgba(24,96,232,.9)!important;transform:translateY(-3px)}
.tbw-q .tbw-opt.sel .oi{background:#1860E8;border-color:#1860E8;color:#fff;box-shadow:none;transform:none}
.tbw-q .tbw-opt.sel .ck{background:#1860E8;border-color:#1860E8;animation:none}
.tbw .tbw-q .tbw-next{background:linear-gradient(180deg,#2d72f3,#1860E8)!important;box-shadow:0 18px 40px -16px rgba(24,96,232,.95),inset 0 1px 0 rgba(255,255,255,.25)!important}
.tbw .tbw-q .tbw-next[aria-disabled=true]{opacity:1;filter:none;background:transparent!important;border:1px solid rgba(255,255,255,.14)!important;color:#6f7c9b!important;box-shadow:none!important}
/* — oyunlar — */
.tbw .tbw-q .tbw-game{border-radius:16px!important;border:1px solid rgba(255,255,255,.12)!important;filter:grayscale(.35) brightness(.72)}
.tbw .tbw-q .tbw-game:hover{filter:grayscale(.1) brightness(.85)}
.tbw .tbw-q .tbw-game.sel{filter:none;border:2px solid #1860E8!important;box-shadow:0 0 0 4px rgba(24,96,232,.25),0 18px 36px -16px rgba(24,96,232,.9)!important}
.tbw-q .tbw-game::before{border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background-color:rgba(7,11,26,.4)}
.tbw-q .tbw-game.sel::before{border-radius:50%;background-color:#1860E8;border-color:#1860E8;animation:none}
.tbw-q .tbw-sech-t{font-family:ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:.08em;color:#7d8aa9}
.tbw-q .tbw-cnt{background:rgba(24,96,232,.22);color:#cfe0ff}
/* — büdcə: aralıq yuxarıda iri yazılır, tutacaq üstündəki təkrar baloncuqlar yox — */
.tbw .tbw-q .tbw-seg{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.11)}
.tbw .tbw-q .tbw-seg button.on{background:#1860E8!important;color:#fff!important;box-shadow:0 8px 20px -8px rgba(24,96,232,.9)!important}
.tbw-q .tbw-budget{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.11);-webkit-backdrop-filter:none;backdrop-filter:none}
.tbw-q .tbw-bval{background-image:linear-gradient(92deg,#fff 40%,#bcd3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.tbw-q .tbw-rng .bub{display:none}
.tbw-q .tbw-rng{height:62px;margin-top:18px}
.tbw-q .tbw-rng .trk,.tbw-q .tbw-rng .fil{top:14px}
.tbw-q .tbw-rng .fil{background:linear-gradient(90deg,#1860E8,#4d8dff);box-shadow:0 0 18px rgba(24,96,232,.6)}
.tbw .tbw-q .tbw-rng input[type=range]{top:6px}
.tbw .tbw-q .tbw-rng input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(24,96,232,.55),0 6px 16px rgba(0,0,0,.6)}
.tbw .tbw-q .tbw-rng input[type=range]::-moz-range-thumb{box-shadow:0 0 0 4px rgba(24,96,232,.55),0 6px 16px rgba(0,0,0,.6)}
.tbw-q .tbw-rng .tks{top:38px}
.tbw-q .tbw-budget .tbw-chips{margin-top:16px}
.tbw .tbw-q .tbw-chips button.on{border-color:#1860E8!important;background:rgba(24,96,232,.2)!important}
.tbw-q .tbw-live div{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1)}
.tbw-q .tbw-note{background:rgba(251,191,36,.07);border-color:rgba(251,191,36,.22)}
/* — monitor — */
.tbw-q .tbw-sum{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1)}
.tbw-q .tbw-opt-s{color:#7ee2b8}
/* — analiz, nəticə, forma, hazırdır — */
.tbw-q .tbw-an li.show{color:#e7ecf8}
.tbw .tbw-q .tbw-alt button{background:transparent!important;border:1px solid rgba(255,255,255,.14)!important}
.tbw-q .tbw-form{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.11);-webkit-backdrop-filter:none;backdrop-filter:none}
.tbw .tbw-q .tbw-f input,.tbw .tbw-q .tbw-f select{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.14)!important}
.tbw .tbw-q .tbw-f input:focus,.tbw .tbw-q .tbw-f select:focus{border-color:#1860E8!important;box-shadow:0 0 0 4px rgba(24,96,232,.25)!important}
.tbw-q .tbw-cb input{accent-color:#1860E8}
.tbw-q .tbw-tl{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1)}
.tbw-q .tbw-tl i{background:rgba(24,96,232,.18);color:#bcd3ff}
.tbw-q .tbw-tl div.ok i{background:#10b981;color:#fff}

/* — telefon (≤760) — */
@media (max-width:760px){
  .tbw .tbw-wiz{padding:16px 14px 24px}
  .tbw-view,.tbw-top{max-width:none}
  .nx-ln{display:none}
  .nx-steps{gap:6px;justify-content:flex-start;padding-left:4px}
  .nx-st span{display:none}.nx-st.on span{display:inline;font-size:13px}
  .nx-st i{width:8px;height:8px;font-size:0;border:0;background:rgba(255,255,255,.22);box-shadow:none}
  .nx-st.on i{width:22px;border-radius:4px;background:#1860E8;box-shadow:none}
  .nx-st.dn i{background:#34d399}
  .tbw .tbw-close span{display:none}
  /* seçimlər: tam enli sətir — ikon · ad/izah · dairə */
  .tbw-q .tbw-opts:not(.c3){grid-template-columns:1fr;gap:10px}
  .tbw .tbw-q .tbw-opts:not(.c3) .tbw-opt{display:grid!important;grid-template-columns:44px minmax(0,1fr) 22px;column-gap:14px;align-items:center!important;padding:14px 16px!important;min-width:0;width:100%;text-align:left}
  .tbw-q .tbw-opts:not(.c3) .tbw-opt .oi{grid-row:span 2;margin:0;width:44px;height:44px}
  .tbw-q .tbw-opts:not(.c3) .tbw-opt .ck{position:static;grid-column:3;grid-row:1/span 2;margin:0}
  .tbw-q .tbw-opts:not(.c3) .tbw-opt b{padding:0;margin:0;grid-column:2;justify-self:start;text-align:left;flex-basis:auto}
  .tbw-q .tbw-opts:not(.c3) .tbw-opt small{grid-column:2;margin:1px 0 0;padding:0;justify-self:start;text-align:left;flex-basis:auto}
  /* monitor: ikon · ad/izah · qiymət/stok · dairə */
  .tbw .tbw-q .tbw-opts.tbw-mon .tbw-opt{grid-template-columns:44px minmax(0,1fr) auto 22px;column-gap:12px}
  .tbw-q .tbw-opts.tbw-mon .tbw-opt .ck{grid-column:4;grid-row:1/span 2}
  .tbw-q .tbw-opts.tbw-mon .tbw-opt .tbw-opt-p{grid-column:3;grid-row:1;font-size:13.5px;text-align:right;justify-self:end}
  .tbw-q .tbw-opts.tbw-mon .tbw-opt .tbw-opt-s{grid-column:3;grid-row:2;font-size:10.5px;text-align:right;justify-self:end;white-space:normal;max-width:92px}
  .tbw-q .tbw-opts.tbw-mon .tbw-opt b,.tbw-q .tbw-opts.tbw-mon .tbw-opt small{grid-column:2}
  /* keyfiyyət: 3 yığcam xana — köhnə 54 px sol boşluq yazını üst-üstə salırdı */
  .tbw .tbw-q .tbw-opts.c3 .tbw-opt[data-r]{display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex-wrap:nowrap;padding:10px!important}
  .tbw-q .tbw-opts.c3 .tbw-opt[data-r] .oi{width:34px;height:34px;margin:0;font-size:11px}
  .tbw-q .tbw-opts.c3 .tbw-opt[data-r] small{display:none}
  .tbw-q .tbw-opts.c3 .tbw-opt[data-r]>b{flex-basis:auto;margin:8px 0 0;padding:0;font-size:12.5px;line-height:1.25;text-align:left}
  .tbw-q .tbw-opts.c3 .tbw-opt[data-r] .ck{position:absolute;top:8px;right:8px;width:18px;height:18px}
  /* «nə vaxt»: tam enli sətirlər */
  .tbw-q .tbw-opts.c3:has([data-v]){grid-template-columns:1fr;gap:10px}
  .tbw .tbw-q .tbw-opts.c3 .tbw-opt[data-v]{display:grid!important;grid-template-columns:44px minmax(0,1fr) 22px;column-gap:14px;align-items:center!important;padding:14px 16px!important;text-align:left}
  .tbw-q .tbw-opts.c3 .tbw-opt[data-v] .oi{grid-row:span 2;margin:0;width:44px;height:44px}
  .tbw-q .tbw-opts.c3 .tbw-opt[data-v] .ck{position:static;grid-column:3;grid-row:1/span 2;margin:0}
  .tbw-q .tbw-opts.c3 .tbw-opt[data-v] b{grid-column:2;margin:0;padding:0;font-size:15px;justify-self:start;flex-basis:auto}
  .tbw-q .tbw-opts.c3 .tbw-opt[data-v] small{display:block;grid-column:2;margin:1px 0 0;justify-self:start;flex-basis:auto}
  .tbw-hero .tbw-trust{display:grid;grid-template-columns:1fr 1fr}
}
/* P1 (EKR-02): alçaq noutbukda (≤820 px hündür) və telefonda sual ekranı sabit 712/764 px hündürlükdə deyil — sual yuxarıdan başlayır,
   seçimlər ilk ekranda; ≤680-də sual başlığı 32 px (1280 enində Aydın sətri axındadır) */
@media (min-width:901px) and (max-height:820px){
	.tbw-view,.tbw-q{min-height:0}
	.tbw-q>h2:first-child,.tbw-q>.tbw-resume+h2{margin-top:20px!important}
}
@media (min-width:901px) and (max-height:680px){
	.tbw .tbw-q h2{font-size:32px!important}
	.tbw-q .tbw-sub{margin:8px auto 12px!important}
	.tbw-q>.ayd-row{margin-bottom:4px!important}
}
@media (max-width:900px){
	.tbw-view,.tbw-q{min-height:0}
	.tbw-q>h2:first-child,.tbw-q>.tbw-resume+h2{margin-top:12px!important}
}
/* P2 (EKR-33): telefonda PC qurucu girişi — 3 yol ilk ekrana sığır (Aydın yığcam, izah gizli — Aydın və kartlar eyni şeyi deyir, kartlar yığcam) */
@media (max-width:760px){
	.tbw-hero .tbw-lead{ display:none; }
	.tbw .tbw-hero .tbw-title{ font-size:28px !important; margin:6px 0 12px !important; }
	.tbw-hero .ayd-bub .ayd-nm{ display:none; }
	.tbw-hero .ayd-bub{ padding-top:9px; padding-bottom:9px; font-size:14px; line-height:1.35; }
	.tbw-path small{ font-size:13px; line-height:1.3; margin-top:2px; }
	.tbw .tbw-path:not(.main){ padding-top:10px !important; padding-bottom:10px !important; }
	.tbw-paths{ gap:8px; }
}
@media (max-width:380px){
	.tbw-hero{ padding-top:20px; }
	.tbw-hero .tbw-eyebrow{ font-size:12px; letter-spacing:0; }
	.tbw-path small{ font-size:12.5px; }
	.tbw .tbw-path{ gap:10px; padding-right:10px !important; }
}
/* P2 (EKR-02): telefonda sehrbazın sual ekranı — 4 seçim ilk ekranda (Aydın sətri yığcam, seçim kartı 77 → 62 px) */
@media (max-width:760px){
	html .tbw-q > .ayd-row{ margin:-8px 0 6px !important; gap:10px; }
	html .tbw-q > .ayd-row .ayd-av{ width:40px !important; height:40px !important; }
	html .tbw-q > .ayd-row .ayd-bub{ padding:8px 30px 8px 12px; min-height:0 !important; font-size:13.5px; line-height:1.35; }
	html .tbw-q > .ayd-row .ayd-bub .ayd-nm{ display:none; }
	html .tbw .tbw-q h2{ font-size:22px !important; line-height:1.2 !important; }
	html .tbw-q > h2:first-child, html .tbw-q > .tbw-resume + h2, html .tbw-q > .ayd-row + h2{ margin-top:6px !important; }
	html .tbw-q .tbw-sub{ margin:6px auto 12px !important; }
	html .tbw .tbw-q .tbw-opts:is(.c3,:not(.c3)) .tbw-opt:not([data-r]){ padding:9px 14px !important; align-content:center; row-gap:2px; }
	html .tbw-q .tbw-opts:is(.c3,:not(.c3)) .tbw-opt:not([data-r]) .oi{ width:40px; height:40px; }
	html .tbw-q .tbw-opts:is(.c3,:not(.c3)){ gap:8px; }
}

/* ═══ P7 (UI/UX 26.09) — PC qurucu / sehrbaz ═══ */
/* PCQ-12: alt başlıqda tək söz yeni sətrə düşmür */
.tbw-sub{text-wrap:balance}
/* PCQ-10: bölmə adları sayt şriftində, «ADDIM 1 / 2» yoxdur (zolaqdakı addım nömrəsi kifayətdir) */
.tbw-q .tbw-sech-t{font-family:inherit;font-size:13px;font-weight:800;letter-spacing:0;color:#aebbd8}
/* PCQ-09: mobildə ikon düymənin adı ekran oxuyucusu üçün qalır (display:none adı da silirdi) */
@media (max-width:760px){
  .tbw-mini-cta span{display:inline!important;position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
}
/* UYG-16: səhifənin SEO mətn bloku (Elementor) başlıq tokenlərində — H1 32/24, H2 26/20, qalın */
body.tb-ui:has(#tbw) .elementor-widget-text-editor h1{font-size:var(--tb-h1)!important;font-weight:800!important;line-height:1.25!important;color:var(--tb-ink,#0B1220)!important}
body.tb-ui:has(#tbw) .elementor-widget-text-editor h2{font-size:var(--tb-h2)!important;font-weight:800!important;line-height:1.3!important;color:var(--tb-ink,#0B1220)!important}
body.tb-ui:has(#tbw) .elementor-widget-text-editor h3{font-size:var(--tb-fs-20,20px)!important;font-weight:800!important;line-height:1.35!important}