/* /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 ![]()
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ə 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/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 — ağ fonda 4,7:1 (UI/UX M3, DSN-09; əvvəl #8A93A3 = 3,1:1) */
--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, DSN-03/10/15): 12 · 13 · 14 · 16 · 18 · 20 · 24 · 32 */
--tb-h1:32px; /* səhifə başlığı (mobil 24) */
--tb-h2:26px; /* bölmə başlığı (mobil 20) */
--tb-text:16px; /* uzun mətn */
--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; } }
body.tb-ui .price,
body.tb-ui .amount{ font-variant-numeric:tabular-nums; }
/* ═══════════ 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:12px; 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:15px !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:13.5px; 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:21px !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:13.5px !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:11.5px; 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:14.5px; 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:12px; 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:14px !important; line-height:20px !important; max-height:40px !important; }
body.tb-ui .product-grid-item .tbui-card .tbui-spec{ font-size:12.5px; line-height:17px; }
body.tb-ui .product-grid-item .tbui-card .tbui-price .price{ font-size:17px !important; line-height:22px; letter-spacing:-.3px; }
body.tb-ui .product-grid-item .tbui-card .tbui-price .price del{ font-size:12px !important; }
body.tb-ui .tbui-card .tbui-chip{ font-size:10px; padding:4px 6px; }
body.tb-ui .tbui-card .tbui-mo{ font-size:13px; }
body.tb-ui .tbui-card .tbui-off, body.tb-ui .tbui-card .tbui-stock{ left:8px; font-size:11px; }
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:14px !important;
box-shadow:none !important;
padding-left:18px !important;
font-size:15px !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:20px !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:13px; 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:16px !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:28px; font-weight:800; color:var(--tb-blue) !important; }
body.tb-ui .tbf-desc{ margin:12px 0 0; max-width:300px; font-size:14px; 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:14.5px; 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:13px; 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:14.5px; 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:13px; color:var(--tb-faint); }
@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:15px; 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:15px !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:14px !important; font-size:15px !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:15px !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:12.5px !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:14.5px !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:14px !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:17px !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:14.5px !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:10.5px !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:14px !important;
color:#fff !important; font-size:15px !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:22px; 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:14px; 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:15px !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:12px; 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:18px; font-weight:800; color:var(--tb-ink); }
body.tb-ui .tb-mm .tbui-mm-price s{ font-size:13px; 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:12px; 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:14px; font-weight:700; color:var(--tb-ink); }
body.tb-ui .tb-mm .tbui-monthly small{ font-size:12px; 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:22px; 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:14px; 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:14px; 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:12px; 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:11px; 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:8px; left:calc(50% + 6px); min-width:16px; height:16px; padding:0 4px; box-sizing:border-box; border-radius:8px;
background:var(--tb-blue); color:#fff; font-size:10px; font-weight:800; line-height:16px; 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:20px; 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:14px; 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:16px; 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:15px; font-weight:800; color:#fff; }
body.tb-ui .tbui-mc-build-t small{ font-size:12.5px; 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:15.5px; font-weight:600; line-height:1.3; }
body.tb-ui .tbui-cr-arr{ margin-left:auto; padding-right:4px; font-size:18px; color:var(--tb-faint); }
body.tb-ui .tbui-mc-h{ margin:22px 0 4px; font-size:12.5px; 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:15px; 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:14px; background:var(--tb-well); display:flex; align-items:center; justify-content:center;
font-size:14px; 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:15px; 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:22px; 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:14px; 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:14px; 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:15.5px; font-weight:800; color:var(--tb-ink) !important; }
body.tb-ui .tbui-mc-go{
width:100%; height:48px; margin:6px 0 4px; border:0; border-radius:14px; background:var(--tb-ink) !important; color:#fff !important;
font-family:inherit; font-size:15px; 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:13px; 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:13.5px; 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:14.5px !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:14px; 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:12px; line-height:17px; height:34px; }
body.tb-ui .tbui-card .tbui-monthly{ font-size:12px; }
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:11px !important; font-size:13px !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:12px; 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:13.5px; 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:14px !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:22px; 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:17px; font-weight:800; color:var(--tb-ink); }
body.tb-ui .tbui-nm .tbo-card-s{ margin-top:2px; font-size:13.5px; 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:13px; 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:14px; 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:15px !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:48px; border:0; border-radius:13px; background:var(--tb-blue); color:#fff; font-family:inherit; font-size:15px; 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:13.5px; 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:14.5px !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;
}
body.tb-ui .product-grid-item .tbui-card .tbui-add:has(.tbui-notify){ margin-top:auto !important; } /* taksit sətri olmayan stoksuz kartda düymə qonşularla eyni xətdə */
/* ═══════════ 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:19px !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:15px !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:14px !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:12px; 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:16px !important; }
body.tb-ui .cart-widget-side .cart-info div.quantity input.qty{ width:34px !important; font-size:14px !important; }
body.tb-ui .cart-widget-side .tbs-mc-line, body.tb-ui .cart-widget-side .tbs-mc-line .amount{ font-size:16px !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:15px !important; font-weight:700 !important; color:var(--tb-ink-2) !important; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart__total .amount{ font-size:24px !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:13px; 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:13px; 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:12px; }
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:50px !important; min-height:0 !important; border-radius:14px !important; display:flex !important; align-items:center; justify-content:center; font-size:15px !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:16px; 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:14px !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:14px!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:12px!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:15px!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:12px!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:12px!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:11.5px!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:14.5px!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:13.5px!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:10px; 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:11px; 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:17px; height:17px; padding:0 5px; box-sizing:border-box; border-radius:9px;
background:var(--tb-blue) !important; color:#fff !important; font-size:10px; font-weight:800; line-height:17px; 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:20px; 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:15px; line-height:1; display:grid; place-items:center; cursor:pointer; }
body.tb-ui .tbui-nm-name{ margin-top:6px; font-size:14px; 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:15px !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:14px !important; }
html body.tb-ui .whb-header-bottom .whb-col-center .wd-nav-main > li:first-child:is(.current-menu-item, .current-menu-ancestor, .current-product_cat-ancestor) > a{ margin-left:0 !important; } /* 15 px konteynerdə aktiv fon kənara yapışmasın */
/* 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; }
body.tb-ui:has(.whb-header.whb-sticked.whb-scroll-up){ --tb-hdr:134px; }
@media (max-width:1024px){ body.tb-ui:has(.whb-header.whb-sticked.whb-scroll-up){ --tb-hdr:73px; } }
@media (max-width:999px){ body.tb-ui:has(.whb-header.whb-sticked.whb-scroll-up){ --tb-hdr:57px; } }
/* 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; } }
/* /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:46px !important; letter-spacing:-1.1px !important; }
@media (max-width:767px){ body.tb-ui .tbkp-hero .tbst-h1{ font-size:30px !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:14px !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): ağ fon, yaşıl mətn + ikon, 1px çərçivə, 48 px, r12 */
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:48px; 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:15px !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 .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 .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:14.5px !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:14px; 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:13.5px !important; }
body.tb-ui .tbui-dl:not(.tbui-dl-big) .tbui-dl-cart::after{ font-size:13px; }
}
/* ═══════════ 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 .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:14px !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:12px !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{ white-space:nowrap; }
/* 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; }
@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:12px !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:13px !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:10px !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:16px !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:11px !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; }
body.tb-ui .whb-header-bottom .whb-col-center .wd-nav-main > li:first-child > a{ padding-left:0 !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 .whb-col-center .wd-nav-main > li:first-child:is(.current-menu-item, .current-menu-ancestor, .current-product_cat-ancestor) > a{ padding-left:14px !important; margin-left:-14px !important; } /* mətn yenə 35 px xəttində */
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; }
/* «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:15px; 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:14px; 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:12px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:var(--tb-muted); }
body.tb-ui .tb-mm .tbui-mm-pcc-n{ font-size:14.5px; 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:12px !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:12.5px !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ı 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:16px !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:15px !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:15px; 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; }
/* /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); }
/* 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» — 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(8, 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-ui/assets/archive.css */
/* TechBar UI — Mərhələ 3: kateqoriya, axtarış, ana səhifə. body.tb-ui altında. */
/* ═══════════ Kateqoriya / axtarış: başlıq zonası ═══════════ */
body.tb-ui .woocommerce-breadcrumb,
body.tb-ui .woocommerce-breadcrumb a{ color:var(--tb-muted) !important; font-size:13.5px !important; }
body.tb-ui .woocommerce-breadcrumb .breadcrumb-last,
body.tb-ui .woocommerce-breadcrumb > span:last-child{ color:var(--tb-ink) !important; }
body.tb-ui .wd-shop-result-count .woocommerce-result-count{ color:var(--tb-muted) !important; font-size:14px !important; }
body.tb-ui .page-title .entry-title,
body.tb-ui .elementor-widget-wd_shop_archive_woocommerce_title .entry-title,
body.tb-ui .elementor-widget-wd_shop_archive_woocommerce_title h1{
font-size:32px !important; font-weight:800 !important; letter-spacing:-.8px !important; color:var(--tb-ink) !important;
}
/* Çeşidləmə seçimi */
body.tb-ui .woocommerce-ordering select,
body.tb-ui .woocommerce-ordering .orderby{
height:44px !important; padding:0 38px 0 14px !important;
border:1px solid #D5DAE3 !important; border-radius:12px !important; background-color:#fff !important;
color:var(--tb-ink) !important; font-size:14.5px !important; font-weight:600 !important; box-shadow:none !important;
}
/* Mobil «Filter» düyməsi */
body.tb-ui .off-canvas-btn > a,
body.tb-ui .wd-show-sidebar-btn,
body.tb-ui .off-canvas-btn .wd-tools-element > a{
height:44px; padding:0 16px !important; border:1px solid #D5DAE3 !important; border-radius:12px !important;
color:var(--tb-ink) !important; font-weight:700 !important; background:#fff !important;
}
/* ═══════════ Filtr paneli (sidebar və mobil pəncərə) ═══════════ */
body.tb-ui .wd-sidebar,
body.tb-ui .sidebar-container,
body.tb-ui .elementor-widget-wd_sidebar{ background:transparent !important; box-shadow:none !important; border:0 !important; }
body.tb-ui .elementor-widget-wd_sidebar > .elementor-widget-container{ background:transparent !important; box-shadow:none !important; border:0 !important; padding:0 !important; border-radius:0 !important; }
body.tb-ui .sidebar-widget{ border-bottom:1px solid var(--tb-line) !important; padding:0 0 16px !important; margin:0 0 16px !important; }
body.tb-ui .sidebar-widget .widget-title{
color:var(--tb-ink) !important; font-size:15.5px !important; font-weight:800 !important; letter-spacing:-.1px; text-transform:none !important;
margin-bottom:12px !important;
}
body.tb-ui .wd-filter-list li a,
body.tb-ui .widget_product_categories li a{ color:var(--tb-ink-2) !important; font-size:14.5px !important; }
body.tb-ui .wd-filter-list li a:hover,
body.tb-ui .widget_product_categories li a:hover{ color:var(--tb-blue) !important; }
body.tb-ui .wd-filter-list li .count,
body.tb-ui .widget_product_categories li .count,
body.tb-ui .woocommerce-layered-nav-list .count{
background:var(--tb-well) !important; border:0 !important; color:var(--tb-muted) !important;
border-radius:20px !important; font-size:12px !important; font-weight:600 !important;
}
body.tb-ui .wd-filter-list li.chosen > a,
body.tb-ui .wd-filter-list li.wd-active > a{ color:var(--tb-ink) !important; font-weight:700 !important; }
body.tb-ui .wd-filter-list li.chosen > a::before,
body.tb-ui .wd-filter-list li.wd-active > a::before{ background:var(--tb-ink) !important; border-color:var(--tb-ink) !important; }
body.tb-ui .wd-filter-search input{ background:var(--tb-well) !important; border:0 !important; border-radius:10px !important; }
/* Qiymət sürgüsü */
body.tb-ui .widget_price_filter .ui-slider{ background:var(--tb-line) !important; }
body.tb-ui .widget_price_filter .ui-slider .ui-slider-range{ background:var(--tb-ink) !important; }
body.tb-ui .widget_price_filter .ui-slider .ui-slider-handle{ background:#fff !important; border:2px solid var(--tb-ink) !important; border-radius:50% !important; }
body.tb-ui .widget_price_filter .price_slider_amount .button{
background:#fff !important; color:var(--tb-ink) !important; border:1px solid #D5DAE3 !important; border-radius:10px !important;
font-weight:700 !important; text-transform:none !important; box-shadow:none !important;
}
body.tb-ui .widget_price_filter .price_label{ color:var(--tb-muted) !important; }
body.tb-ui .widget_price_filter .price_label span{ color:var(--tb-ink) !important; font-weight:700; }
/* Seçilmiş filtrlər */
body.tb-ui .wd-active-filters a,
body.tb-ui .wd-active-filters .wd-clear-filters{ background:var(--tb-well) !important; color:var(--tb-ink) !important; border:0 !important; border-radius:20px !important; font-weight:600 !important; }
/* Mobil filtr pəncərəsi */
body.tb-ui .wd-side-hidden,
body.tb-ui .wd-side-hidden.wd-opened{ background:#fff !important; }
body.tb-ui .wd-side-hidden .wd-heading{ border-bottom:1px solid var(--tb-line) !important; }
body.tb-ui .wd-side-hidden .wd-heading .title{ color:var(--tb-ink) !important; font-weight:800 !important; text-transform:none !important; }
/* ═══════════ Səhifələmə ═══════════ */
body.tb-ui .woocommerce-pagination ul{ border:0 !important; gap:6px; display:flex !important; justify-content:center; flex-wrap:wrap; }
body.tb-ui .woocommerce-pagination ul li{ border:0 !important; margin:0 !important; }
body.tb-ui .woocommerce-pagination ul li a,
body.tb-ui .woocommerce-pagination ul li span{
display:flex !important; align-items:center; justify-content:center;
min-width:42px; height:42px; padding:0 8px !important; border-radius:12px !important;
border:1px solid var(--tb-line) !important; background:#fff !important; color:var(--tb-ink) !important;
font-weight:700 !important; font-size:14.5px !important; font-variant-numeric:tabular-nums;
}
body.tb-ui .woocommerce-pagination ul li a:hover{ border-color:var(--tb-ink) !important; }
body.tb-ui .woocommerce-pagination ul li span.current{ background:var(--tb-ink) !important; border-color:var(--tb-ink) !important; color:#fff !important; }
/* ═══════════ SEO / kateqoriya mətni ═══════════ */
body.tb-ui .wd-shop-desc .term-description,
body.tb-ui .wd-shop-desc .term-description p{ color:var(--tb-ink-2) !important; font-size:15.5px !important; line-height:1.7 !important; }
body.tb-ui .wd-shop-desc .term-description h2,
body.tb-ui .wd-shop-desc .term-description h3{ color:var(--tb-ink) !important; font-weight:800 !important; letter-spacing:-.3px; }
/* «Daha çox oxu» — yalnız görünüş yığılır, mətn HTML-də tamdır (assets/ui.js) */
body.tb-ui .tbui-clamp{ position:relative; max-height:10.5em; overflow:hidden; }
body.tb-ui .tbui-clamp::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:4.5em; background:linear-gradient(rgba(255,255,255,0),#fff); pointer-events:none; }
body.tb-ui .tbui-clamp.is-open{ max-height:none; }
body.tb-ui .tbui-clamp.is-open::after{ display:none; }
body.tb-ui .tbui-more{
display:inline-block; margin:10px 0 0; padding:0; border:0; background:transparent;
color:var(--tb-blue); font:inherit; font-size:15px; font-weight:700; cursor:pointer; min-height:44px;
}
/* ═══════════ Ana səhifə ═══════════ */
/* Kateqoriya kafelləri: boz yer + multiply, adi yazı (böyük hərf yox) */
body.tb-ui .wd-cats .category-grid-item .wrapp-category,
body.tb-ui .wd-cats .wd-cat .wrapp-category{ background:transparent !important; box-shadow:none !important; border:0 !important; }
body.tb-ui .wd-cats .category-grid-item .category-image-wrapp,
body.tb-ui .wd-cats .wd-cat .category-image-wrapp{
background:var(--tb-well) !important; border-radius:20px !important; overflow:hidden; border:0 !important; box-shadow:none !important;
}
body.tb-ui .wd-cats .category-image-wrapp img{ mix-blend-mode:multiply; }
body.tb-ui .wd-cats .wd-entities-title,
body.tb-ui .wd-cats .category-title{
text-transform:none !important; color:var(--tb-ink) !important; font-weight:700 !important; font-size:14px !important; letter-spacing:0 !important;
}
body.tb-ui .wd-cats .category-grid-item .more-products,
body.tb-ui .wd-cats .wd-cat .more-products{ color:var(--tb-muted) !important; }
/* «Daha çox» düymələri → mətn link */
body.tb-ui .elementor-widget-wd_button .btn.btn-style-default,
body.tb-ui .elementor-widget-wd_button .btn{
background:transparent !important; box-shadow:none !important; border:0 !important;
color:var(--tb-blue) !important; font-weight:700 !important; text-transform:none !important; padding-left:0 !important; padding-right:0 !important; min-height:0 !important;
}
body.tb-ui .elementor-widget-wd_button .btn:hover{ color:var(--tb-blue-d) !important; background:transparent !important; }
/* Güvən qutuları (3,800+ məhsul, 70+ brend...) — kölgəsiz, boz fon */
body.tb-ui .wd-info-box.box-style-border,
body.tb-ui .wd-info-box.box-style-shadow,
body.tb-ui .elementor-widget-wd_infobox .wd-info-box{
box-shadow:none !important; border:0 !important; background:var(--tb-well) !important; border-radius:16px !important;
}
body.tb-ui .elementor-widget-wd_infobox .info-box-title,
body.tb-ui .elementor-widget-wd_infobox .info-box-inner{ color:var(--tb-ink) !important; }
body.tb-ui .elementor-widget-wd_infobox .info-svg-wrapper svg,
body.tb-ui .elementor-widget-wd_infobox .info-box-icon svg{ color:var(--tb-ink) !important; stroke:currentColor; }
/* Ana səhifə SEO mətni */
body.tb-ui .elementor-element-db42624 .elementor-widget-container,
body.tb-ui .elementor-element-db42624 p{ color:var(--tb-ink-2) !important; font-size:15px !important; line-height:1.7 !important; }
/* ═══════════ Mobil aşağı alət zolağı (Woodmart toolbar) ═══════════ */
body.tb-ui .wd-toolbar{ background:rgba(255,255,255,.97) !important; border-top:1px solid var(--tb-line) !important; box-shadow:none !important; }
body.tb-ui .wd-toolbar .wd-toolbar-label,
body.tb-ui .wd-toolbar a{ color:var(--tb-muted) !important; font-weight:600 !important; }
body.tb-ui .wd-toolbar .wd-tools-icon,
body.tb-ui .wd-toolbar .wd-tools-icon::before{ color:var(--tb-ink) !important; }
body.tb-ui .wd-toolbar .wd-tools-count{ background:var(--tb-blue) !important; color:#fff !important; }
@media (max-width:767px){
body.tb-ui .page-title .entry-title,
body.tb-ui .elementor-widget-wd_shop_archive_woocommerce_title .entry-title,
body.tb-ui .elementor-widget-wd_shop_archive_woocommerce_title h1{ font-size:24px !important; letter-spacing:-.5px !important; }
body.tb-ui .wd-cats .wd-entities-title,
body.tb-ui .wd-cats .category-title{ font-size:12.5px !important; }
}
/* ═══════════ Düzəlişlər (Mərhələ 3, ilk baxış) ═══════════ */
/* Mobil «Filter» düyməsi (Woodmart off-canvas) */
body.tb-ui .wd-off-canvas-btn > a{
display:inline-flex !important; align-items:center; gap:8px;
height:44px; padding:0 16px !important; border:1px solid #D5DAE3; border-radius:12px;
color:var(--tb-ink) !important; font-weight:700 !important; font-size:15px !important; background:#fff;
}
/* Mobil çeşidləmə ikon rejimindədir (wd-ordering-mb-icon) — select stili yalnız vebdə */
@media (max-width:1024px){
body.tb-ui .woocommerce-ordering.wd-ordering-mb-icon select,
body.tb-ui .woocommerce-ordering.wd-ordering-mb-icon .orderby{ height:auto !important; padding:0 !important; border:0 !important; background-color:transparent !important; border-radius:0 !important; }
}
/* «Daha çox oxu» — mətnin altında, tam enində */
body.tb-ui .tbui-more{ display:block !important; width:100%; text-align:left; text-transform:none !important; letter-spacing:0 !important; }
body.tb-ui .elementor-widget-container:has(> .tbui-clamp),
body.tb-ui .elementor-widget:has(> .elementor-widget-container.tbui-clamp){ flex-wrap:wrap; }
body.tb-ui .elementor-element-db42624{ flex-direction:column !important; }
@media (max-width:767px){
body.tb-ui .elementor-element-db42624 h1,
body.tb-ui .elementor-element-db42624 h2{ font-size:22px !important; line-height:1.25 !important; letter-spacing:-.4px; font-weight:800 !important; }
body.tb-ui .elementor-element-db42624 h3{ font-size:18px !important; line-height:1.3 !important; }
/* Kateqoriya kafelləri: uzun adlar sığsın */
body.tb-ui .wd-cats .wd-entities-title,
body.tb-ui .wd-cats .category-title{
font-size:11.5px !important; line-height:1.25 !important; font-weight:600 !important;
white-space:normal !important; overflow:visible !important; word-break:normal; overflow-wrap:anywhere;
}
body.tb-ui .wd-cats .category-grid-item,
body.tb-ui .wd-cats .wd-cat{ height:auto !important; }
}
/* Kateqoriya kafeli: ad bloku axında (2 sətir sığsın), sətirlər arası boşluq */
body.tb-ui .wd-cats .hover-mask{ position:static !important; transform:none !important; padding:8px 2px 0 !important; min-height:0; background:transparent !important; }
body.tb-ui .wd-cats .wd-entities-title{ display:block !important; height:auto !important; max-height:none !important; -webkit-line-clamp:unset !important; overflow:visible !important; margin:0 !important; }
body.tb-ui .wd-cats .wd-entities-title .count{ display:none; }
body.tb-ui .wd-cats.wd-grid-g{ row-gap:14px !important; }
/* Güvən zolağı (catalog-ui tb-trust) — kölgə/çərçivə yox, boz fon; «Sevilən kateqoriyalar» başlığı (after_title içində) */
body.tb-ui .tb-trust-item,
body.tb-ui a.tb-trust-item{ background:var(--tb-well) !important; border:0 !important; box-shadow:none !important; border-radius:16px !important; }
body.tb-ui .tb-trust-ico,
body.tb-ui .tb-trust-ico svg{ color:var(--tb-ink) !important; stroke:var(--tb-ink) !important; }
body.tb-ui .tb-trust-num{ color:var(--tb-ink) !important; font-weight:800 !important; }
body.tb-ui .tb-trust-label{ color:var(--tb-muted) !important; }
body.tb-ui .title-after_title span[style*="font-size: 23px"]{ font-weight:800; letter-spacing:-.5px; color:var(--tb-ink); }
@media (max-width:767px){ body.tb-ui .title-after_title span[style*="font-size: 23px"]{ font-size:20px !important; } }
/* ═══════════ Ana səhifə: «Öz kompüterini yığ» bloku (Elementor HTML vidceti, staging) ═══════════ */
body.tb-ui .tbui-build{ display:flex; align-items:center; gap:18px; padding:26px 30px; border-radius:24px; background:var(--tb-ink); color:#fff !important; text-decoration:none !important; }
body.tb-ui .tbui-build-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
body.tb-ui .tbui-build-t strong{ font-size:24px; font-weight:800; letter-spacing:-.6px; color:#fff; line-height:1.2; }
body.tb-ui .tbui-build-t span{ font-size:15px; color:#A3ACBC; line-height:1.45; }
body.tb-ui .tbui-build-go{ flex:none; width:48px; height:48px; border-radius:50%; background:#fff; color:var(--tb-ink); display:flex; align-items:center; justify-content:center; transition:transform .2s ease; }
body.tb-ui .tbui-build:hover .tbui-build-go{ transform:translateX(3px); }
body.tb-ui .tbui-build-sec{ margin:8px 0 12px; }
@media (max-width:767px){ body.tb-ui .tbui-build{ padding:20px 22px; border-radius:22px; } body.tb-ui .tbui-build-t strong{ font-size:19px; letter-spacing:-.4px; } body.tb-ui .tbui-build-t span{ font-size:13.5px; } body.tb-ui .tbui-build-go{ width:44px; height:44px; } }
/* Slayder: künclər, nöqtələr */
body.tb-ui .elementor-widget-wd_slider .wd-slider,
body.tb-ui .elementor-widget-wd_slider .wd-carousel-inner{ border-radius:24px; overflow:hidden; }
body.tb-ui .elementor-widget-wd_slider .wd-nav-pagin-wrap li span,
body.tb-ui .elementor-widget-wd_slider .wd-nav-pagin li span{ background:#C9CED8 !important; border:0 !important; }
body.tb-ui .elementor-widget-wd_slider .wd-nav-pagin li.active span,
body.tb-ui .elementor-widget-wd_slider .wd-nav-pagin-wrap li.active span{ background:var(--tb-ink) !important; }
/* Mobildə karusel başlıqları (tema Custom CSS-i .liner-continer-i gizlədirdi) — dizayn: hər karuselin başlığı var */
@media (max-width:767px){
body.tb-ui .title-wrapper .liner-continer{ display:block !important; }
body.tb-ui .title-wrapper .liner-continer .woodmart-title-container:empty{ display:none !important; }
}
@media (max-width:767px){
body.tb-ui .elementor-widget-wd_title.elementor-widget-mobile__width-initial{ width:auto !important; max-width:none !important; flex:1 1 0 !important; min-width:0; }
}
/* ═══════════ Kateqoriya v2 (kətan səh. 15) ═══════════ */
/* Başlıq: H1 + say + alt kateqoriya çipləri */
body.tb-ui .tbc-head .elementor-widget-container{ display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; }
body.tb-ui .tbc-count{ font-size:15px; font-weight:600; color:var(--tb-faint); white-space:nowrap; }
body.tb-ui .tbc-subs{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
body.tb-ui .tbc-sub{ height:38px; padding:0 14px; border-radius:19px; background:var(--tb-well); color:#26304A !important; font-size:14px; font-weight:700; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; transition:background .15s ease; }
body.tb-ui .tbc-sub span{ font-size:12px; font-weight:600; color:var(--tb-faint); }
body.tb-ui .tbc-sub:hover{ background:#E9ECF1; }
body.tb-ui .tbc-sub.is-cur{ background:var(--tb-ink); color:#fff !important; }
body.tb-ui .tbc-sub.is-cur span{ color:rgba(255,255,255,.7); }
/* Elementor başlıq sütunu tam enə (çiplər sığsın) */
body.tb-ui .elementor-widget-wd_shop_archive_woocommerce_title{ width:100%; }
/* Alətlər sətri */
body.tb-ui .tbc-bar{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
body.tb-ui .tbc-stock{ height:38px; padding:0 14px 0 8px; border-radius:19px; background:var(--tb-well); color:var(--tb-ink) !important; font-size:14px; font-weight:700; display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
body.tb-ui .tbc-sw{ width:34px; height:20px; border-radius:10px; background:#C4CAD4; display:flex; align-items:center; padding:0 2px; box-sizing:border-box; transition:background .15s ease; }
body.tb-ui .tbc-sw i{ width:16px; height:16px; border-radius:8px; background:#fff; transition:transform .15s ease; }
body.tb-ui .tbc-stock.is-on .tbc-sw{ background:var(--tb-blue); }
body.tb-ui .tbc-stock.is-on .tbc-sw i{ transform:translateX(14px); }
body.tb-ui .tbc-n{ font-size:12px; font-weight:600; color:var(--tb-faint); }
body.tb-ui .tbc-chips{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
body.tb-ui .tbc-chip{ height:34px; padding:0 8px 0 12px; border-radius:17px; background:var(--tb-blue-soft); color:var(--tb-blue) !important; font-size:13.5px; font-weight:700; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
body.tb-ui .tbc-chip span{ width:20px; height:20px; border-radius:10px; background:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; line-height:1; }
body.tb-ui .tbc-chip:hover{ background:#DDE7FF; }
body.tb-ui .tbc-clear{ font-size:13.5px; font-weight:700; color:var(--tb-muted) !important; text-decoration:underline; }
body.tb-ui .tbc-quick{ display:none; }
/* Filtr paneli: prioritet filtrlər açıq, qalanları «Daha çox filtr» arxasında */
body.tb-ui .elementor-widget-wd_sidebar .widget_product_categories{ display:none !important; }
body.tb-ui .elementor-widget-wd_sidebar .wd-widget.tbc-hide{ display:none !important; }
body.tb-ui .elementor-widget-wd_sidebar .tbc-all > .wd-widget.tbc-hide{ display:block !important; }
body.tb-ui .elementor-widget-wd_sidebar .wd-widget.tbc-open > :not(.widget-title){ display:block !important; }
body.tb-ui .tbc-more{ width:100%; height:44px; margin:0 0 16px; border:1px solid #DCE0E8 !important; border-radius:12px; background:#fff !important; color:var(--tb-ink-2) !important; font-family:inherit; font-size:14px; font-weight:700; cursor:pointer; text-transform:none !important; box-shadow:none !important; }
body.tb-ui .tbc-more:hover{ border-color:#C4CAD4 !important; color:var(--tb-ink) !important; }
body.tb-ui .tbc-bands{ display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
body.tb-ui .tbc-bands a{ height:30px; padding:0 10px; border-radius:15px; border:1px solid #DCE0E8; font-size:12.5px; font-weight:700; color:var(--tb-ink-2) !important; display:inline-flex; align-items:center; white-space:nowrap; }
body.tb-ui .tbc-bands a:hover{ border-color:var(--tb-ink); }
body.tb-ui .tbc-bands a.is-on{ border-color:var(--tb-blue); background:var(--tb-blue-soft); color:var(--tb-blue) !important; }
body.tb-ui .tbc-apply{ display:none; }
/* «Daha çox göstər» — nömrələr altda kiçik (SEO üçün HTML-də qalır) */
body.tb-ui .wd-loop-footer{ display:flex; flex-direction:column; align-items:center; gap:14px; }
body.tb-ui .tbc-loadmore{ height:50px; padding:0 30px; border-radius:14px; border:1.5px solid var(--tb-ink); color:var(--tb-ink) !important; font-size:15px; font-weight:800; display:inline-flex; align-items:center; transition:background .15s ease; }
body.tb-ui .tbc-loadmore:hover{ background:var(--tb-well); }
body.tb-ui .tbc-loadmore.is-loading{ opacity:.6; pointer-events:none; }
/* ═══ Mobil (≤1024): alətlər sətri yapışır, sürətli çiplər, filtr pəncərəsi ═══ */
@media (max-width:1024px){
body.tb-ui .tbc-subs{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin:12px -15px 0; padding:0 15px; }
body.tb-ui .tbc-subs::-webkit-scrollbar{ display:none; }
body.tb-ui .tbc-sub{ height:34px; padding:0 12px; font-size:13.5px; flex:none; }
body.tb-ui .tbc-bar{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin:0 -15px 12px; padding:8px 15px; }
body.tb-ui .tbc-bar::-webkit-scrollbar{ display:none; }
body.tb-ui .tbc-stock{ flex:none; height:36px; }
body.tb-ui .tbc-quick{ display:flex; gap:6px; flex:none; }
body.tb-ui .tbc-q{ flex:none; height:36px; padding:0 12px; border-radius:18px; border:1px solid #DCE0E8 !important; background:#fff !important; color:#26304A !important; font-family:inherit; font-size:13.5px; font-weight:700; white-space:nowrap; cursor:pointer; text-transform:none !important; box-shadow:none !important; }
body.tb-ui .tbc-q.is-on{ border-color:var(--tb-blue) !important; background:var(--tb-blue-soft) !important; color:var(--tb-blue) !important; }
body.tb-ui .tbc-chips{ flex-wrap:nowrap; flex:none; }
/* Scroll auditi 24.09: köhnə «ffac471 yapışan» qaydası silindi — M5-dən sonra içində H1+say+çiplər qalmışdı (142 px zolaq); yapışan yalnız .tbc-bar-dır */
body.tb-ui .woocommerce-ordering.wd-ordering-mb-icon{ width:auto !important; }
body.tb-ui .woocommerce-ordering.wd-ordering-mb-icon select.orderby{ width:auto !important; max-width:170px; height:40px !important; padding:0 30px 0 12px !important; font-size:14px !important; color:var(--tb-ink) !important; text-indent:0 !important; opacity:1 !important; }
body.tb-ui .woocommerce-ordering.wd-ordering-mb-icon::before, body.tb-ui .woocommerce-ordering.wd-ordering-mb-icon::after{ display:none !important; }
body.tb-ui .wd-off-canvas-btn > a{ height:40px !important; }
/* filtr pəncərəsi: altda yapışan «Nəticələri göstər» */
body.tb-ui .wd-col-offcanvas-sm .tbc-apply, body.tb-ui .wd-col-offcanvas-md-sm .tbc-apply{
display:block; position:sticky; bottom:0; width:calc(100% + 30px); margin:8px -15px 0; height:52px; border:0 !important; border-radius:0;
background:var(--tb-blue) !important; color:#fff !important; font-family:inherit; font-size:15.5px; font-weight:800; cursor:pointer; z-index:5; text-transform:none !important; box-shadow:0 -6px 16px rgba(11,18,32,.08) !important;
}
}
/* başlıq sütunu genişlənir (çiplər bir sırada), sıralama sağda öz enində */
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .elementor-widget-wd_shop_archive_woocommerce_title){ width:auto !important; flex:1 1 0; min-width:0; }
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .wd-shop-ordering){ width:auto !important; flex:none; }
/* Woodmart-ın öz aktiv filtr sətri — bizim çiplər əvəz edir */
body.tb-ui .elementor-widget-wd_shop_archive_active_filters{ display:none !important; }
@media (max-width:1024px){
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .elementor-widget-wd_shop_archive_woocommerce_title){ flex:1 1 100%; }
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .wd-shop-ordering){ flex:1 1 100%; }
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .wd-shop-ordering) > .elementor-widget-wrap{ display:flex; flex-wrap:nowrap; align-items:center; gap:8px; }
body.tb-ui .elementor-widget.wd-shop-ordering{ width:auto !important; margin:0 !important; }
body.tb-ui .elementor-widget.wd-shop-ordering form.woocommerce-ordering{ width:auto !important; }
body.tb-ui .elementor-widget.wd-shop-ordering form.woocommerce-ordering select.orderby{ position:static !important; width:auto !important; max-width:190px; opacity:1 !important; }
}
@media (max-width:1024px){
/* Filter + sıralama sətri: artıq hündürlük yox, sıralama çərçivəli */
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .wd-shop-ordering) > .elementor-widget-wrap{ padding:0 15px !important; min-height:0 !important; }
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .wd-shop-ordering) .elementor-widget{ margin-bottom:0 !important; }
body.tb-ui .elementor-widget-wd_builder_off_canvas_column_btn .wd-off-canvas-btn > a{ height:40px !important; padding:0 14px !important; }
body.tb-ui .elementor-widget.wd-shop-ordering form.woocommerce-ordering select.orderby{ height:40px !important; border:1px solid #D5DAE3 !important; border-radius:12px !important; background-color:#fff !important; padding:0 32px 0 12px !important; }
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .elementor-widget-wd_shop_archive_woocommerce_title){ margin-bottom:10px; }
}
/* filtr pəncərəsi açıq: aşağı naviqasiya gizlənir (z-index 10001 «Nəticələri göstər»i örtürdü) */
@media (max-width:1024px){
body.tb-ui:has(.wd-col-offcanvas-sm.wd-opened) .tbui-bnav, body.tb-ui:has(.wd-col-offcanvas-md-sm.wd-opened) .tbui-bnav{ display:none !important; }
}
/* ═══════════ UI/UX M5 (24.09): kateqoriya/brend ilk ekranı, qırıntı, mobil vahid sıra ═══════════ */
/* Qırıntı H1-in üstündə (DSN-05) */
body.tb-ui .tbc-bc{ margin:0 0 6px; }
body.tb-ui .tbc-bc .woocommerce-breadcrumb, body.tb-ui .tbc-bc .woocommerce-breadcrumb a{ font-size:13px !important; color:var(--tb-muted) !important; font-weight:500; }
body.tb-ui .tbc-bc .woocommerce-breadcrumb .wd-last{ color:var(--tb-ink) !important; font-weight:600; }
/* Üst mətn H1-in altında (KAT-08) */
body.tb-ui .tbc-lead{ flex-basis:100%; max-width:760px; margin:6px 0 0; position:relative; }
body.tb-ui .tbc-lead p{ margin:0 !important; font-size:15px !important; line-height:1.55 !important; color:var(--tb-muted) !important; }
body.tb-ui .tbc-lead.is-cl{ max-height:3.1em; overflow:hidden; }
body.tb-ui .tbc-lead.is-open, body.tb-ui .term-description.is-open{ max-height:none !important; }
body.tb-ui .tbc-rmore{ flex-basis:100%; display:block; margin:2px 0 0; padding:0; min-height:32px; border:0; background:transparent !important; color:var(--tb-blue) !important; font:inherit; font-size:14.5px; font-weight:700; text-align:left; cursor:pointer; text-transform:none; letter-spacing:0; box-shadow:none !important; }
/* Aktiv filtr çipi: qara fon + ağ yazı (göy yazı oxunmurdu) */
body.tb-ui .tbc-chip{ color:#fff !important; }
body.tb-ui .tbc-chips{ margin:-6px 0 14px; }
body.tb-ui .tbc-q.is-on{ background:var(--tb-ink) !important; border-color:var(--tb-ink) !important; color:#fff !important; }
body.tb-ui .tbc-fbtn, body.tb-ui .tbc-ord{ display:none; }
/* Veb: çox alt kateqoriya — 2 sətir + «+N daha» (KAT-22) */
@media (min-width:1025px){
body.tb-ui .tbc-subs.is-many{ max-height:80px; overflow:hidden; }
body.tb-ui .tbc-subs.is-many.is-all{ max-height:none; }
body.tb-ui .tbc-subs.is-many:not(.is-all) .tbc-sub.tbc-x{ display:none !important; }
body.tb-ui .tbc-plus{ height:36px; padding:0 14px; border:1px solid var(--tb-ink); border-radius:var(--tb-r-pill); background:#fff; color:var(--tb-ink); font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
body.tb-ui.tbc-brand .tbc-bar .tbc-ord{ display:block; margin:0 0 0 auto; order:5; }
}
/* Mobil/planşet (≤1024): bir yapışan sıra — Filtr (N) · sıralama · stok · sürətli filtrlər (KAT-16/27/03/12/29) */
@media (max-width:1024px){
body.tb-ui .tbc-subs{ -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent); mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent); margin-top:10px; }
body.tb-ui .tbc-sub{ height:34px !important; }
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .wd-shop-ordering){ display:none !important; }
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .elementor-widget-wd_shop_archive_woocommerce_title){ margin-bottom:0 !important; }
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .elementor-widget-wd_shop_archive_woocommerce_title) > .elementor-widget-wrap{ padding-bottom:6px !important; }
body.tb-ui .elementor-widget-wd_archive_products > .elementor-widget-container{ margin-top:0 !important; }
/* scroll auditi: açılan başlığın altında durur (əvvəl top:0 — başlıq «Filtr»i örtürdü, toxunuş loqoya düşürdü) */
body.tb-ui .tbc-bar{ position:sticky; top:var(--tb-hdr,0px); transition:top .3s; z-index:40; background:#fff; margin:0 -15px 10px; padding:8px 15px; gap:8px; box-shadow:0 1px 0 var(--tb-line); }
/* yapışma üçün: body və məhsul sütunundakı overflow:hidden sürüşmə konteyneri yaradırdı → clip (görünüş eyni) */
body.tb-ui.archive, body.tb-ui.search{ overflow-x:clip !important; overflow-y:visible !important; }
body.tb-ui .elementor-top-column:has(.tbc-bar){ overflow:visible !important; overflow-x:clip !important; }
body.tb-ui .tbc-btools{ display:contents; }
body.tb-ui .tbc-fbtn{ position:sticky; left:0; z-index:2; flex:none; display:inline-flex; align-items:center; gap:6px; height:36px !important; min-height:36px !important; line-height:1 !important; padding:0 14px; border:0; border-radius:var(--tb-r-pill); background:var(--tb-ink) !important; color:#fff !important; font:inherit; font-size:14px; font-weight:700; cursor:pointer; box-shadow:10px 0 8px -4px #fff !important; text-transform:none; letter-spacing:0; }
body.tb-ui .tbc-fbtn i{ font-style:normal; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#fff; color:var(--tb-ink); font-size:12px; display:inline-flex; align-items:center; justify-content:center; }
body.tb-ui .tbc-bar .tbc-ord{ display:block; flex:none; margin:0; }
body.tb-ui .tbc-bar .tbc-ord select.orderby{
height:36px !important; min-height:36px !important; width:auto !important; max-width:210px; padding:0 34px 0 14px !important; border:1px solid var(--tb-btn-line) !important; border-radius:var(--tb-r-pill) !important;
font-size:16px !important; font-weight:700 !important; color:var(--tb-ink) !important; -webkit-appearance:none; appearance:none;
background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230B1220' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center !important;
}
body.tb-ui .tbc-chips{ flex-wrap:wrap; margin:0 0 12px; }
body.tb-ui .tbc-chips .tbc-chip{ height:34px !important; }
/* filtr pəncərəsi: başlıq + «N nəticəni göstər» (KAT-37/31) */
body.tb-ui .tbc-ptitle{ position:absolute; left:15px; top:0; height:60px; display:flex; align-items:center; gap:14px; z-index:3; }
body.tb-ui .tbc-ptitle b{ font-size:18px; font-weight:800; color:var(--tb-ink); }
body.tb-ui .tbc-ptitle a{ font-size:14px; font-weight:700; color:var(--tb-blue) !important; }
body.tb-ui .wd-col-offcanvas-sm .tbc-apply, body.tb-ui .wd-col-offcanvas-md-sm .tbc-apply, body.tb-ui aside.wd-sidebar .tbc-apply{
display:block; position:sticky; bottom:12px; width:calc(100% - 32px) !important; margin:12px 16px 0 !important; height:50px !important; min-height:50px !important; border:0 !important; border-radius:14px !important;
background:var(--tb-blue) !important; color:#fff !important; font-family:inherit; font-size:15.5px; font-weight:800; cursor:pointer; z-index:5; text-transform:none !important; box-shadow:0 6px 16px rgba(11,18,32,.12) !important;
}
}
@media (min-width:1025px){ body.tb-ui .tbc-ptitle{ display:none; } }
/* Brend səhifəsi kataloq görünüşündə (KAT-01/03/21/23/24) — body.tbc-brand (?m5=a|b önizləmə) */
body.tb-ui.tbc-brand .wd-content-layout > aside.wd-sidebar{ order:-1; }
body.tb-ui.tbc-brand .shop-loop-head{ display:none !important; }
body.tb-ui.tbc-brand aside.wd-sidebar .widget_product_categories{ display:none !important; } /* HTML-də qalır — kateqoriyadakı kimi */
body.tb-ui.tbc-brand aside.wd-sidebar .wd-widget.tbc-hide{ display:none !important; }
body.tb-ui.tbc-brand aside.wd-sidebar .tbc-all > .wd-widget.tbc-hide{ display:block !important; }
body.tb-ui .tbc-bhead .tbseo-brand-title{ display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin:0; }
body.tb-ui .tbc-bhead h1.entry-title{ margin:0 !important; }
body.tb-ui .tbc-btools .tbc-subs{ margin:14px 0 16px; }
body.tb-ui.tbc-brand .tbc-bar{ margin-bottom:16px; }
body.tb-ui.tbc-brand .wd-content-area > .term-description{ max-width:820px; position:relative; }
body.tb-ui.tbc-brand-a .wd-content-area > .term-description{ margin:64px 0 0; padding-top:32px; border-top:1px solid var(--tb-line); }
body.tb-ui.tbc-brand-a .wd-content-area > .term-description.is-cl{ max-height:15em; overflow:hidden; }
body.tb-ui.tbc-brand-b .wd-content-area > .term-description{ margin:14px 0 0; }
body.tb-ui.tbc-brand-b .wd-content-area > .term-description.is-cl{ max-height:9em; overflow:hidden; }
body.tb-ui.tbc-brand .wd-content-area > .term-description.is-cl:not(.is-open)::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:3em; background:linear-gradient(rgba(255,255,255,0),#fff); pointer-events:none; }
body.tb-ui.tbc-brand .wd-content-area > .tbc-rmore{ margin:6px 0 0; }
@media (max-width:1024px){
body.tb-ui .tbc-btools .tbc-subs{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin:10px -15px 6px; padding:0 15px; }
body.tb-ui .tbc-btools .tbc-subs .tbc-sub{ flex:none; }
}
/* ═══ UI/UX M5 — filtr paneli, səhifələmə, veb düzülüş ═══ */
/* yapışma (mobil sıra + veb filtr paneli): body/sütunun overflow:hidden-i sürüşmə konteyneri yaradırdı → clip, görünüş eyni */
body.tb-ui.archive, body.tb-ui.search{ overflow-x:clip !important; overflow-y:visible !important; }
body.tb-ui .elementor-top-column:has(.tbc-bar), body.tb-ui .elementor-top-column:has(.elementor-widget-wd_sidebar){ overflow:visible !important; overflow-x:clip !important; }
/* başlıqda axtarış/qardaş çipləri tam sətirdə; qardaş kateqoriyada cari çip gizli (KAT-17) */
body.tb-ui .tbc-head .tbc-subs{ flex-basis:100%; }
body.tb-ui .tbc-sub.tbc-self{ display:none !important; }
body.tb-ui .tbc-subs-l{ align-self:center; font-size:13px; font-weight:700; color:var(--tb-faint); white-space:nowrap; margin-right:2px; flex:none; }
/* KAT-10: siyahı ilk 6 dəyər + «Hamısını göstər (N)», daxili sürüşmə yox */
body.tb-ui .wd-widget .wd-scroll-content{ max-height:none !important; overflow:visible !important; }
body.tb-ui .wd-filter-list.tbc-cut > li:nth-child(n+7):not(.wd-active){ display:none !important; }
body.tb-ui .tbc-lall{ display:block; margin:8px 0 0; padding:0; border:0; background:transparent !important; box-shadow:none !important; color:var(--tb-blue) !important; font:inherit; font-size:14px; font-weight:700; cursor:pointer; min-height:32px; text-transform:none; letter-spacing:0; }
/* KAT-20: qiymət filtri açıqkən dəyər sayları süzülmüş siyahıya uyğun deyil — gizli */
body.tb-ui.tbc-pf .wd-filter-list .count{ display:none !important; }
/* KAT-34: açıq qrupda ox yuxarı (Woodmart yalnız .wd-opened-i çevirirdi) */
body.tb-ui .wd-widget-collapse.tbc-open .widget-title:after{ transform:rotate(180deg); }
/* KAT-40: bağlı qrupda başlığın altında artıq boşluq yox */
body.tb-ui .wd-widget-collapse:not(.wd-opened):not(.tbc-open) > .widget-title{ margin-bottom:0 !important; }
/* KAT-13/39: qiymət sürgüsü — 4 px mavi aralıq, 20 px tutacaqlar sütunun içində */
body.tb-ui .widget_price_filter .price_slider_wrapper .ui-slider{ height:4px !important; margin:24px 10px 20px !important; border-radius:2px; background:var(--tb-line) !important; }
body.tb-ui .widget_price_filter .ui-slider .ui-slider-range{ height:4px !important; top:0 !important; background:var(--tb-blue) !important; }
body.tb-ui .widget_price_filter .ui-slider .ui-slider-handle{ width:20px !important; height:20px !important; top:-8px !important; margin:0 0 0 -10px !important; transform:none !important; border:2px solid var(--tb-blue) !important; background:#fff !important; box-shadow:0 1px 3px rgba(11,18,32,.18) !important; }
body.tb-ui .widget_price_filter .ui-slider .ui-slider-handle:before, body.tb-ui .widget_price_filter .ui-slider .ui-slider-handle:after{ display:none !important; }
/* KAT-07: «növbəti» düyməsində tək ox; «…» düymə deyil */
body.tb-ui .woocommerce-pagination .page-numbers.next:before, body.tb-ui .woocommerce-pagination .page-numbers.next:after,
body.tb-ui .woocommerce-pagination .page-numbers.prev:before, body.tb-ui .woocommerce-pagination .page-numbers.prev:after{ display:none !important; content:none !important; }
body.tb-ui .woocommerce-pagination ul li span.dots{ border:0 !important; background:transparent !important; min-width:24px !important; padding:0 !important; }
/* KAT-36: «Daha çox göstər» — ikinci dərəcəli üslub, səhifələmədən 24 px */
body.tb-ui .wd-loop-footer{ gap:24px !important; }
body.tb-ui .tbc-loadmore{ background:var(--tb-blue-soft) !important; border:0 !important; color:var(--tb-blue) !important; border-radius:var(--tb-r-sm) !important; height:48px !important; }
body.tb-ui .tbc-loadmore:hover{ background:#DDE7FF !important; }
/* KAT-32: kateqoriya SEO mətni — oxunaqlı en, ayırıcı xətt, üstdən boşluq; mobil H2 20 px */
body.tb-ui .elementor-widget-wd_shop_archive_archive_description{ max-width:820px; margin-top:56px !important; padding-top:32px; border-top:1px solid var(--tb-line); }
@media (max-width:767px){ body.tb-ui .wd-shop-desc .term-description :is(h2,h3){ font-size:20px !important; line-height:1.3 !important; } }
@media (min-width:1025px){
/* KAT-38/35: sıralama alətlər sətrinin sağında (başlıqla hizalama problemi yox), «Yalnız stokda» solda — kateqoriya = brend */
body.tb-ui .elementor-column:has(> .elementor-widget-wrap > .wd-shop-ordering){ display:none !important; }
body.tb-ui .tbc-bar .tbc-ord{ display:block; margin:0 0 0 auto; order:5; }
body.tb-ui .tbc-bar{ margin:4px 0 16px !important; }
body.tb-ui .tbc-subs{ margin-top:16px; }
/* KAT-19 + scroll auditi 24.09: filtr paneli yapışır, amma daxili scroll YOX (təkər tələsi idi: 868 px qutuda 2024 px filtr, contain).
Ekrandan hündürdürsə archive.js top-u idarə edir: aşağı gedəndə alt, yuxarı gedəndə üst kənardan yapışır */
body.tb-ui .elementor-column.wd-col-offcanvas-sm > .elementor-widget-wrap > .elementor-section:has(.elementor-widget-wd_sidebar),
body.tb-ui.tbc-brand aside.wd-sidebar > .widget-area{
position:sticky; top:calc(var(--tb-hdr,0px) + 16px);
}
/* yapışma üçün yer: widget-wrap məzmun qədər idi (2044 px), sütun 3783 px — sticky heç işləmirdi */
body.tb-ui .elementor-column.wd-col-offcanvas-sm > .elementor-widget-wrap{ align-self:stretch; min-height:100%; align-content:flex-start; }
/* KAT-35: filtr paneli loqo ilə eyni sol kənarda */
body.tb-ui .elementor-column.wd-col-offcanvas-sm > .elementor-widget-wrap{ padding-left:0 !important; }
}
/* KAT-11: mobil səhifələmə «‹ 1 / 61 ›» — rəqəm linkləri HTML-də qalır */
@media (max-width:767px){
body.tb-ui .woocommerce-pagination ul li:not(:has(.current)):not(:has(.next)):not(:has(.prev)){ display:none !important; }
body.tb-ui .woocommerce-pagination ul li span.current[data-total]::after{ content:" / " attr(data-total); font-weight:600; }
body.tb-ui .woocommerce-pagination ul li span.current{ background:#fff !important; color:var(--tb-ink) !important; border-color:var(--tb-line) !important; padding:0 14px !important; }
body.tb-ui .tbc-loadmore{ width:100%; justify-content:center; }
}
/* KAT-25: «Məhsullar» səhifəsində kateqoriya siyahısı görünür (çip yoxdur) */
body.tb-ui.post-type-archive-product:not(.search) .elementor-widget-wd_sidebar .widget_product_categories{ display:block !important; }
body.tb-ui .wd-shop-desc .term-description.is-cl,
body.tb-ui .elementor-widget-text-editor > .elementor-widget-container.is-cl{ max-height:15em; overflow:hidden; position:relative; }
body.tb-ui .elementor-widget-text-editor > .elementor-widget-container.is-open{ max-height:none; }
body.tb-ui .wd-shop-desc .term-description.is-cl:not(.is-open)::after,
body.tb-ui .elementor-widget-text-editor > .elementor-widget-container.is-cl:not(.is-open)::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:3em; background:linear-gradient(rgba(255,255,255,0),#fff); pointer-events:none; }
/* KAT-28: filtr dəyərlərinin solunda 20 px checkbox — seçiləndə mavi, işarəli (çoxlu seçim aydın görünür) */
body.tb-ui .wd-widget .wd-filter-list li > a.layered-nav-link{ display:flex !important; align-items:center; gap:10px; }
body.tb-ui .wd-widget .wd-filter-list li > a.layered-nav-link::before{ content:"" !important; flex:none; width:20px; height:20px; box-sizing:border-box; border:1.5px solid var(--tb-field) !important; border-radius:6px; background:#fff !important; position:static !important; margin:0 !important; }
body.tb-ui .wd-widget .wd-filter-list li.wd-active > a.layered-nav-link::before, body.tb-ui .wd-widget .wd-filter-list li.chosen > a.layered-nav-link::before{
border-color:var(--tb-blue) !important; background:var(--tb-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") no-repeat center !important;
}
body.tb-ui .wd-widget .wd-filter-list li{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
/* CLS: brend səhifəsi hissə-hissə yüklənir — yan panel gələnə qədər məhsullar 1-ci sütunda çəkilib sonra sağa sıçrayırdı (0,2). Yerlər sabit. */
@media (min-width:1025px){
body.tb-ui.tbc-brand .wd-content-layout > .wd-content-area{ grid-column:4 / span 9; grid-row:1; }
body.tb-ui.tbc-brand .wd-content-layout > .wd-sidebar{ grid-column:1 / span 3; grid-row:1; }
}
/* CLS: mobil qırıntı bir sətirdə qalır (şrift gec yüklənəndə 2 sətrə düşüb aşağıdakıları itələyirdi) */
@media (max-width:1024px){
body.tb-ui .tbc-bc .woocommerce-breadcrumb{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}
/* aksesuarlar tipli Elementor mətn vidcetində «Daha çox oxu» mətnin altında */
body.tb-ui .elementor-widget-text-editor:has(> .tbc-rmore){ display:flex; flex-direction:column; align-items:flex-start; }
body.tb-ui .elementor-widget-text-editor > .elementor-widget-container.is-cl{ width:100%; }
/* ═══════════ UI/UX M6 (24.09): planşet ═══════════ */
/* PLN-01: 768–1024 px-də köhnə Elementor alt-kateqoriya karuseli, köhnə qırıntı və nəticə sayı — mobil/vebdə olduğu kimi gizli (HTML-də qalır, link sayı dəyişmir) */
@media (min-width:768px) and (max-width:1024px){
body.tb-ui .elementor-element-156c973.elementor-widget-wd_product_categories,
body.tb-ui .elementor-element-43498f9, body.tb-ui .elementor-element-f9b0f02{ display:none !important; }
}
/* PLN-02 (user A): 600–768 px kataloq/axtarışda 3 sütun (kart ~235 px); şəkil kvadrat qalır */
@media (min-width:600px) and (max-width:768.98px){
body.tb-ui:is(.archive, .search) .wd-products.wd-grid-g{ --wd-col-sm:3 !important; --wd-gap-sm:12px !important; }
}
/* /wp-content/plugins/techbar-ui/assets/home.css */
/* TechBar UI — ana səhifə (kətan: Ana səhifə mobil/veb — PREMIUM). body.tb-ui altında, yalnız ön səhifədə. */
body.tb-ui .tbui-home{ padding-top:24px; }
body.tb-ui .tbui-home a{ text-decoration:none; }
/* ═══ YUXARI HİSSƏ (kətan səh. 11) — bax aşağıda «Yuxarı hissə v2» ═══ */
/* ═══ Bölmələr ═══ */
body.tb-ui .tbui-sec{ margin-top:56px; }
body.tb-ui .tbui-sec-h{ display:flex; align-items:baseline; gap:16px; margin-bottom:18px; }
body.tb-ui .tbui-sec-h h2{ margin:0; font-size:26px; font-weight:800; letter-spacing:-.6px; color:var(--tb-ink); text-transform:none; }
body.tb-ui .tbui-sec-h a{ margin-left:auto; font-size:15px; font-weight:700; color:var(--tb-blue); white-space:nowrap; }
body.tb-ui .tbui-sec-h a:hover{ color:var(--tb-blue-d); }
/* Kateqoriyalar: 8 eyni üslublu kafel */
body.tb-ui .tbui-cats{ display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:16px; }
body.tb-ui .tbui-cat{ display:flex; flex-direction:column; align-items:center; gap:10px; }
body.tb-ui .tbui-cat-ic{
width:100%; height:88px; border-radius:18px; background:var(--tb-well); color:var(--tb-ink-2);
display:flex; align-items:center; justify-content:center; transition:background .15s ease, color .15s ease;
}
body.tb-ui .tbui-cat:hover .tbui-cat-ic{ background:#E9ECF1; color:var(--tb-ink); }
body.tb-ui .tbui-cat-l{ font-size:15px; font-weight:600; color:var(--tb-ink); text-align:center; }
/* Məhsul sətirləri: vebdə 5 sütun (10 məhsul = 2 sətir yox, 5 görünür + qalanı sürüşdür) */
body.tb-ui .tbui-rail{
display:grid !important; grid-template-columns:none !important; grid-auto-flow:column; grid-auto-columns:calc((100% - 4 * 20px) / 5); gap:0 20px;
overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none;
margin:0 !important; padding:0 !important;
}
body.tb-ui .tbui-rail::-webkit-scrollbar{ display:none; }
body.tb-ui .tbui-rail > .product-grid-item{ width:auto !important; max-width:none !important; flex:none !important; padding:0 !important; scroll-snap-align:start; }
body.tb-ui .tbui-rail > .product-grid-item .product-wrapper.tbui-card{ padding:12px !important; } /* kart v3 — ağ çərçivəli kart, daxili boşluq */
@media (max-width:767px){ body.tb-ui .tbui-rail > .product-grid-item .product-wrapper.tbui-card{ padding:10px !important; } }
/* SEO mətni (H1 buradadır — mətn dəyişmir) */
body.tb-ui .tbui-seo{ border-top:1px solid var(--tb-line); padding-top:40px; margin-bottom:24px; }
body.tb-ui .tbui-seo-in{ max-width:none; color:var(--tb-ink-2); font-size:15.5px; line-height:1.7; }
body.tb-ui .tbui-seo-in h1{ font-size:28px; line-height:1.25; font-weight:800; letter-spacing:-.6px; color:var(--tb-ink); margin:0 0 14px; }
body.tb-ui .tbui-seo-in h1 b{ font-weight:inherit; }
body.tb-ui .tbui-seo-in h2,
body.tb-ui .tbui-seo-in h3{ font-size:20px; font-weight:800; letter-spacing:-.3px; color:var(--tb-ink); margin:22px 0 8px; }
body.tb-ui .tbui-seo-in p{ margin:0 0 12px; }
body.tb-ui .tbui-seo-in a{ color:var(--tb-blue); }
/* ═══ Planşet ═══ */
@media (max-width:1024px){
body.tb-ui .tbui-cats{ grid-template-columns:repeat(4,minmax(0,1fr)); }
body.tb-ui .tbui-rail{ grid-auto-columns:calc((100% - 2 * 16px) / 3); gap:0 16px; }
}
/* ═══ Mobil ═══ */
@media (max-width:767px){
body.tb-ui .tbui-home{ padding-top:4px; }
body.tb-ui .tbui-sec{ margin-top:30px; }
body.tb-ui .tbui-sec-h{ margin-bottom:14px; }
body.tb-ui .tbui-sec-h h2{ font-size:20px; letter-spacing:-.4px; }
body.tb-ui .tbui-sec-h a{ font-size:14px; }
body.tb-ui .tbui-cats{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 10px; }
body.tb-ui .tbui-cat{ gap:8px; }
body.tb-ui .tbui-cat-ic{ height:80px; border-radius:18px; }
body.tb-ui .tbui-cat-ic svg{ width:30px; height:30px; }
body.tb-ui .tbui-cat-l{ font-size:13px; }
body.tb-ui .tbui-rail{ grid-auto-columns:min(220px, calc((100vw - 42px) / 1.8)); gap:0 12px; margin:0 -15px !important; padding:0 15px !important; scroll-padding:0 15px; }
body.tb-ui .tbui-seo{ padding-top:28px; }
body.tb-ui .tbui-seo-in h1{ font-size:22px; letter-spacing:-.4px; }
}
/* ═══════════ Yuxarı hissə v2 (kətan səh. 11) ═══════════ */
/* Slayder + PC qurucu bloku */
body.tb-ui .tbui-top{ display:grid; grid-template-columns:minmax(0,2.3fr) minmax(0,1fr); gap:20px; }
body.tb-ui .tbui-top.is-noslider{ grid-template-columns:minmax(0,1fr); }
body.tb-ui .tbui-slider{ position:relative; border-radius:24px; overflow:hidden; aspect-ratio:1862/1047; background:var(--tb-well); }
body.tb-ui .tbui-slides, body.tb-ui .tbui-slide{ position:absolute; inset:0; display:block; }
body.tb-ui .tbui-slide{ opacity:0; visibility:hidden; transition:opacity .45s ease, visibility 0s linear .45s; }
body.tb-ui .tbui-slide.is-on{ opacity:1; visibility:visible; transition:opacity .45s ease; }
body.tb-ui .tbui-slide picture, body.tb-ui .tbui-slide img{ display:block; width:100%; height:100%; object-fit:cover; }
body.tb-ui .tbui-sl-nav{
position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; padding:0; border:0; border-radius:50%;
background:rgba(255,255,255,.92); color:var(--tb-ink); display:flex; align-items:center; justify-content:center; cursor:pointer;
box-shadow:0 4px 14px rgba(11,18,32,.12); opacity:0; transition:opacity .2s ease;
}
body.tb-ui .tbui-slider:hover .tbui-sl-nav, body.tb-ui .tbui-sl-nav:focus-visible{ opacity:1; }
body.tb-ui .tbui-sl-nav.is-prev{ left:16px; }
body.tb-ui .tbui-sl-nav.is-next{ right:16px; }
body.tb-ui .tbui-sl-dots{ position:absolute; left:0; right:0; bottom:14px; display:flex; justify-content:center; gap:8px; }
body.tb-ui .tbui-sl-dots button{ width:8px; height:8px; min-height:0; padding:0; border:0; border-radius:4px; background:rgba(11,18,32,.25); cursor:pointer; transition:width .25s ease, background .25s ease; }
body.tb-ui .tbui-sl-dots button.is-on{ width:28px; background:var(--tb-ink); }
body.tb-ui .tbui-pc{
position:relative; border-radius:24px; padding:24px 22px 22px; display:flex; flex-direction:column; color:var(--tb-ink);
border:1px solid #E6E9F2;
background:radial-gradient(90% 60% at 100% 0%, #E9E2FF 0%, rgba(233,226,255,0) 65%), radial-gradient(80% 50% at 0% 100%, #DDF5EE 0%, rgba(221,245,238,0) 65%), #F7F8FC;
}
body.tb-ui .tbui-pc::before{
content:""; position:absolute; inset:0; border-radius:24px; pointer-events:none; background-size:28px 28px;
background-image:linear-gradient(rgba(11,18,32,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(11,18,32,.045) 1px, transparent 1px);
}
body.tb-ui .tbui-pc > *{ position:relative; }
body.tb-ui .tbui-pc-h{ font-size:22px; font-weight:800; letter-spacing:-.4px; line-height:1.2; }
body.tb-ui .tbui-pc-sub{ margin-top:4px; font-size:13px; color:var(--tb-muted); }
body.tb-ui .tbui-pc-card{ display:block; margin:16px 0 18px; padding:16px; border-radius:18px; background:#fff; border:1px solid #E6E9F2; box-shadow:0 12px 32px rgba(38,48,90,.08); }
body.tb-ui .tbui-pc-top{ display:flex; align-items:center; gap:12px; }
body.tb-ui .tbui-pc-ring{ flex:none; width:56px; height:56px; border-radius:50%; background:#12B886; display:flex; align-items:center; justify-content:center; }
body.tb-ui .tbui-pc-ring span{ width:46px; height:46px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:800; }
body.tb-ui .tbui-pc-k{ display:block; font-size:11px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#0E9F6E; }
body.tb-ui .tbui-pc-n{ display:block; margin-top:3px; font-size:16.5px; font-weight:800; letter-spacing:-.2px; }
body.tb-ui .tbui-pc-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:14px; padding-top:14px; border-top:1px solid #EEF0F5; }
body.tb-ui .tbui-pc-cell{ display:block; padding:8px 11px; border-radius:12px; background:#F7F8FB; border:1px solid #EEF0F5; min-width:0; }
body.tb-ui .tbui-pc-cell span{ display:block; font-size:10.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#7A8399; }
body.tb-ui .tbui-pc-cell b{ display:block; margin-top:2px; font-size:14px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.tb-ui .tbui-pc-cta, body.tb-ui .tbui-pcm-cta{
margin-top:auto; height:54px; border-radius:14px; background:var(--tb-blue); color:#fff; font-size:16px; font-weight:800;
display:flex; align-items:center; justify-content:center; gap:10px; box-shadow:0 10px 24px rgba(21,80,224,.25); transition:background .15s ease;
}
body.tb-ui .tbui-pc:hover .tbui-pc-cta, body.tb-ui .tbui-pcm:hover .tbui-pcm-cta{ background:var(--tb-blue-d); }
/* Kredit zolağı (veb) */
body.tb-ui .tbui-kb{
margin-top:20px; min-height:204px; box-sizing:border-box; border-radius:24px; padding:26px 32px; background:#F3F6FF; border:1px solid #E1E8FB;
display:grid; grid-template-columns:300px minmax(0,1fr) 250px; gap:36px; align-items:center;
}
body.tb-ui .tbui-kb-e{ display:block; font-size:11.5px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; color:var(--tb-blue); }
body.tb-ui .tbui-kb-h{ margin:8px 0 0; font-size:28px; font-weight:800; letter-spacing:-.8px; line-height:1.1; color:var(--tb-ink); text-transform:none; }
body.tb-ui .tbui-kb-sub{ display:block; margin-top:8px; font-size:14px; color:#4A5367; }
body.tb-ui .tbui-kb-panel{ position:relative; border-radius:18px; background:#fff; border:1px solid #E1E8FB; padding:12px 14px 10px; }
body.tb-ui .tbui-kb-it{ display:flex; gap:14px; align-items:center; }
body.tb-ui .tbui-kb-it[hidden]{ display:none; }
body.tb-ui .tbui-kb-img{ flex:none; width:124px; height:124px; border-radius:14px; background:var(--tb-well); display:flex; align-items:center; justify-content:center; }
body.tb-ui .tbui-kb-img img{ width:86%; height:86%; object-fit:contain; mix-blend-mode:multiply; }
body.tb-ui .tbui-kb-info{ flex:1; min-width:0; padding-right:76px; }
body.tb-ui .tbui-kb-n{ display:block; font-size:14.5px; font-weight:700; color:var(--tb-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.tb-ui .tbui-kb-pr{ margin-top:2px; font-size:13px; color:var(--tb-muted); }
body.tb-ui .tbui-kb-pr b{ font-size:15px; font-weight:800; color:var(--tb-ink); }
body.tb-ui .tbui-kb-pr b.is-blue{ font-size:18px; color:var(--tb-blue); }
body.tb-ui .tbui-kb-sch{ display:flex; align-items:flex-end; gap:4px; margin-top:10px; margin-right:-76px; }
body.tb-ui .tbui-kb-sch > span{ flex:1 1 0; display:flex; flex-direction:column; align-items:center; gap:4px; }
body.tb-ui .tbui-kb-sch em{ display:block; width:100%; height:26px; border-radius:5px; background:rgba(21,80,224,var(--o,1)); }
body.tb-ui .tbui-kb-sch small{ font-size:10px; font-weight:600; color:var(--tb-faint); line-height:1; }
body.tb-ui .tbui-kb-sch > .tbui-kb-zero{ flex-grow:1.6; }
body.tb-ui .tbui-kb-zero i{ font-style:normal; font-size:10px; font-weight:800; color:var(--tb-green); }
body.tb-ui .tbui-kb-sch .tbui-kb-zero em{ height:3px; background:var(--tb-green); }
body.tb-ui .tbui-kb-sch .tbui-kb-zero small{ color:var(--tb-green); font-weight:700; }
body.tb-ui .tbui-kb-nav{ position:absolute; right:14px; top:12px; display:flex; gap:6px; }
body.tb-ui .tbui-kb-nav button{ width:32px; height:32px; min-height:0; padding:0; border-radius:50%; border:1px solid #E1E8FB; background:#fff; color:var(--tb-ink); display:flex; align-items:center; justify-content:center; cursor:pointer; }
body.tb-ui .tbui-kb-nav button:hover{ border-color:var(--tb-blue); color:var(--tb-blue); }
body.tb-ui .tbui-kb-facts{ list-style:none; margin:0; padding:0; }
body.tb-ui .tbui-kb-facts li{ height:26px; margin:0; display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color:#26304A; }
body.tb-ui .tbui-kb-facts li::before{ display:none; }
body.tb-ui .tbui-kb-facts svg{ color:var(--tb-blue); flex:none; }
body.tb-ui .tbui-kb-cta{ margin-top:12px; height:44px; padding:0 20px; border-radius:12px; background:var(--tb-blue); color:#fff; font-size:14.5px; font-weight:700; display:inline-flex; align-items:center; gap:8px; }
body.tb-ui .tbui-kb-cta:hover{ background:var(--tb-blue-d); color:#fff; }
/* Həftənin təklifləri */
body.tb-ui .tbui-deals{ background:#F6F7F9; border-radius:24px; padding:24px; }
body.tb-ui .tbui-dl-grid{ display:grid; grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr)); gap:16px; }
body.tb-ui .tbui-dl-grid.is-n5 .tbui-dl-big{ grid-row:1 / 3; }
body.tb-ui .tbui-dl{ background:#fff; border:1px solid var(--tb-line); border-radius:20px; padding:12px; display:flex; flex-direction:column; min-width:0; }
body.tb-ui .tbui-dl-img{ position:relative; height:136px; border-radius:14px; background:var(--tb-well); display:flex; align-items:center; justify-content:center; }
body.tb-ui .tbui-dl-img img{ width:72%; height:86%; object-fit:contain; mix-blend-mode:multiply; }
body.tb-ui .tbui-dl-tag{ position:absolute; left:12px; top:12px; font-size:12px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:#fff; background:var(--tb-ink); padding:5px 10px; border-radius:8px; }
body.tb-ui .tbui-dl-pill{ position:absolute; left:8px; bottom:8px; font-size:11px; font-weight:700; background:#fff; padding:3px 8px; border-radius:7px; color:var(--tb-green); }
body.tb-ui .tbui-dl-pill.is-vendor, body.tb-ui .tbui-dl-pill.is-order{ color:var(--tb-amber); }
body.tb-ui .tbui-dl-n{ margin-top:10px; font-size:14px; font-weight:700; line-height:1.35; color:var(--tb-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:38px; }
body.tb-ui .tbui-dl-n:hover{ color:var(--tb-blue); }
body.tb-ui .tbui-dl-s{ margin-top:2px; font-size:12px; color:var(--tb-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.tb-ui .tbui-dl-f{ margin-top:auto; padding-top:10px; display:flex; align-items:flex-end; gap:8px; }
body.tb-ui .tbui-dl-p{ flex:1; min-width:0; }
body.tb-ui .tbui-dl-pr{ display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; }
body.tb-ui .tbui-dl-now{ font-size:18px; font-weight:800; letter-spacing:-.3px; color:var(--tb-ink); }
body.tb-ui .tbui-dl-pr s{ font-size:11.5px; color:var(--tb-faint); }
body.tb-ui .tbui-dl-m{ font-size:12px; font-weight:700; color:var(--tb-blue); }
body.tb-ui .tbui-dl-cart{
flex:none; width:44px; height:44px; border-radius:12px; background:var(--tb-blue-soft); color:var(--tb-blue) !important;
display:flex; align-items:center; justify-content:center; gap:8px; font-size:15px; font-weight:700; transition:background .15s ease;
}
body.tb-ui .tbui-dl-cart:hover{ background:#DDE7FF; }
body.tb-ui .tbui-dl-cart span{ display:none; }
body.tb-ui .tbui-dl-cart.loading{ opacity:.6; }
body.tb-ui .tbui-dl-f .added_to_cart{ display:none !important; }
body.tb-ui .tbui-dl-big{ padding:16px; }
body.tb-ui .tbui-dl-big .tbui-dl-img{ height:auto; flex:1; min-height:300px; border-radius:16px; }
body.tb-ui .tbui-dl-big .tbui-dl-img img{ position:absolute; width:82%; height:82%; }
body.tb-ui .tbui-dl-big .tbui-dl-n{ margin-top:14px; font-size:20px; font-weight:800; letter-spacing:-.3px; line-height:1.25; min-height:0; }
body.tb-ui .tbui-dl-big .tbui-dl-s{ margin-top:6px; font-size:14px; }
body.tb-ui .tbui-dl-big .tbui-dl-f{ margin-top:14px; padding-top:14px; border-top:1px solid var(--tb-line-2); gap:16px; }
body.tb-ui .tbui-dl-big .tbui-dl-now{ font-size:30px; letter-spacing:-.8px; }
body.tb-ui .tbui-dl-big .tbui-dl-pr s{ font-size:14px; }
body.tb-ui .tbui-dl-big .tbui-dl-m{ margin-top:2px; font-size:14px; }
body.tb-ui .tbui-dl-big .tbui-dl-cart{ width:auto; height:48px; padding:0 22px; background:var(--tb-blue); color:#fff !important; }
body.tb-ui .tbui-dl-big .tbui-dl-cart:hover{ background:var(--tb-blue-d); }
body.tb-ui .tbui-dl-big .tbui-dl-cart span{ display:inline; }
/* Mobil PC zolağı və kredit kartları — yalnız ≤1024 */
body.tb-ui .tbui-pcm, body.tb-ui .tbui-kcm{ display:none; }
@media (max-width:1024px){
body.tb-ui .tbui-top{ grid-template-columns:minmax(0,1fr); }
body.tb-ui .tbui-pc, body.tb-ui .tbui-kb{ display:none; }
body.tb-ui .tbui-sl-nav{ display:none; }
body.tb-ui .tbui-deals{ margin-left:-15px; margin-right:-15px; border-radius:0; padding:18px 0 18px 15px; }
body.tb-ui .tbui-deals .tbui-sec-h{ padding-right:15px; }
body.tb-ui .tbui-dl-grid{ display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-right:15px; scroll-padding:0 15px; }
body.tb-ui .tbui-dl-grid::-webkit-scrollbar{ display:none; }
body.tb-ui .tbui-dl-grid .tbui-dl{ flex:none; width:180px; padding:10px; border-radius:16px; scroll-snap-align:start; }
body.tb-ui .tbui-dl-grid .tbui-dl-img{ flex:none; height:124px; min-height:0; border-radius:12px; }
body.tb-ui .tbui-dl-grid .tbui-dl-img img{ position:static; width:82%; height:82%; }
body.tb-ui .tbui-dl-tag{ display:none; }
body.tb-ui .tbui-dl-grid .tbui-dl-n{ margin-top:8px; font-size:13px; font-weight:700; letter-spacing:0; line-height:1.3; min-height:34px; }
body.tb-ui .tbui-dl-s{ display:none; }
body.tb-ui .tbui-dl-grid .tbui-dl-f{ flex-direction:column; align-items:stretch; gap:8px; margin-top:auto; padding-top:6px; border-top:0; }
body.tb-ui .tbui-dl-grid .tbui-dl-now{ font-size:16px; letter-spacing:-.2px; }
body.tb-ui .tbui-dl-grid .tbui-dl-pr s{ font-size:11px; }
body.tb-ui .tbui-dl-grid .tbui-dl-m{ margin-top:0; font-size:11.5px; }
body.tb-ui .tbui-dl-grid .tbui-dl-cart{ width:auto; height:38px; padding:0; border-radius:10px; background:var(--tb-blue-soft); color:var(--tb-blue) !important; font-size:13px; }
body.tb-ui .tbui-dl-grid .tbui-dl-cart svg{ display:none; }
body.tb-ui .tbui-dl-grid .tbui-dl-cart span{ display:inline; }
body.tb-ui .tbui-pcm{
display:block; margin-top:24px; padding:14px; border-radius:20px; color:var(--tb-ink); border:1px solid #E6E9F2;
background:radial-gradient(90% 70% at 100% 0%, #E9E2FF 0%, rgba(233,226,255,0) 65%), radial-gradient(80% 60% at 0% 100%, #DDF5EE 0%, rgba(221,245,238,0) 65%), #F7F8FC;
}
body.tb-ui .tbui-pcm-e{ display:block; font-size:10.5px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; color:#0E9F6E; }
body.tb-ui .tbui-pcm-h{ display:block; margin-top:2px; font-size:18px; font-weight:800; letter-spacing:-.3px; }
body.tb-ui .tbui-pcm-sub{ display:block; margin-top:2px; font-size:12px; color:var(--tb-muted); }
body.tb-ui .tbui-pcm-chain{ display:flex; align-items:flex-start; margin-top:12px; }
body.tb-ui .tbui-pcm-n{ position:relative; flex:1 1 0; display:flex; flex-direction:column; align-items:center; gap:5px; }
body.tb-ui .tbui-pcm-n + .tbui-pcm-n::before{ content:""; position:absolute; top:17px; left:calc(-50% + 22px); width:calc(100% - 44px); height:2px; background:#D5DBEA; }
body.tb-ui .tbui-pcm-n.is-done::before{ background:#12B886; }
body.tb-ui .tbui-pcm-n i{ width:36px; height:36px; box-sizing:border-box; border-radius:50%; background:#fff; border:1px solid #E1E5EE; color:var(--tb-ink-2); display:flex; align-items:center; justify-content:center; }
body.tb-ui .tbui-pcm-n.is-done i{ background:#12B886; border-color:#12B886; color:#fff; }
body.tb-ui .tbui-pcm-n small{ font-size:10.5px; font-weight:700; color:var(--tb-muted); white-space:nowrap; }
body.tb-ui .tbui-pcm-n.is-done small{ color:#0E9F6E; }
body.tb-ui .tbui-pcm-cta{ margin-top:12px; height:48px; border-radius:13px; font-size:15px; }
body.tb-ui .tbui-kcm{ display:block; margin:28px -15px 0; padding:16px 0 16px 15px; background:#F3F6FF; }
body.tb-ui .tbui-kcm-h{ font-size:19px; font-weight:800; letter-spacing:-.4px; color:var(--tb-ink); padding-right:15px; }
body.tb-ui .tbui-kcm-sub{ margin-top:2px; font-size:12.5px; color:#4A5367; padding-right:15px; }
body.tb-ui .tbui-kcm-list{ display:flex; gap:10px; margin-top:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-right:15px; scroll-padding:0 15px; }
body.tb-ui .tbui-kcm-list::-webkit-scrollbar{ display:none; }
body.tb-ui .tbui-kcm-c{ flex:none; width:300px; max-width:calc(100vw - 60px); box-sizing:border-box; background:#fff; border:1px solid #E1E8FB; border-radius:18px; padding:14px; scroll-snap-align:start; }
body.tb-ui .tbui-kcm-top{ display:flex; gap:12px; align-items:center; }
body.tb-ui .tbui-kcm-t{ flex:1; min-width:0; }
body.tb-ui .tbui-kcm-l{ display:block; font-size:12px; font-weight:700; color:var(--tb-muted); }
body.tb-ui .tbui-kcm-a{ display:block; margin-top:2px; font-size:24px; font-weight:800; letter-spacing:-.6px; line-height:1.1; color:var(--tb-blue); }
body.tb-ui .tbui-kcm-a small{ font-size:13px; font-weight:700; letter-spacing:0; color:var(--tb-muted); }
body.tb-ui .tbui-kcm-n{ margin-top:6px; font-size:13px; font-weight:600; line-height:1.35; color:#26304A; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.tb-ui .tbui-kcm-img{ flex:none; width:84px; height:84px; border-radius:14px; background:var(--tb-well); display:flex; align-items:center; justify-content:center; }
body.tb-ui .tbui-kcm-img img{ width:84%; height:84%; object-fit:contain; mix-blend-mode:multiply; }
body.tb-ui .tbui-kcm-cta{ margin-top:12px; height:44px; border-radius:12px; background:var(--tb-blue); color:#fff !important; font-size:14.5px; font-weight:700; display:flex; align-items:center; justify-content:center; }
}
@media (max-width:767px){
body.tb-ui .tbui-slider{ aspect-ratio:768/496; border-radius:18px; }
body.tb-ui .tbui-slider.is-mhide, body.tb-ui .tbui-top.is-mempty{ display:none; }
body.tb-ui .tbui-sl-dots{ bottom:8px; gap:6px; }
body.tb-ui .tbui-sl-dots button{ width:6px; height:6px; }
body.tb-ui .tbui-sl-dots button.is-on{ width:20px; }
body.tb-ui .tbui-sec-cats{ margin-top:14px; }
body.tb-ui .tbui-sec-cats .tbui-sec-h{ display:none; }
body.tb-ui .tbui-cats{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 10px; }
body.tb-ui .tbui-cat:not(.is-m){ display:none; }
body.tb-ui .tbui-cat{ gap:6px; }
body.tb-ui .tbui-cat-ic{ aspect-ratio:auto; height:64px; border-radius:16px; }
body.tb-ui .tbui-cat-ic svg{ width:28px; height:28px; }
body.tb-ui .tbui-deals{ margin-top:18px; }
}
/* PC qurucu addım zənciri — veb blokunda da (mobil zolaqdakı ilə eyni) */
body.tb-ui .tbui-pcm-chain{ display:flex; align-items:flex-start; }
body.tb-ui .tbui-pcm-n{ position:relative; flex:1 1 0; display:flex; flex-direction:column; align-items:center; gap:5px; }
body.tb-ui .tbui-pcm-n + .tbui-pcm-n::before{ content:""; position:absolute; top:17px; left:calc(-50% + 22px); width:calc(100% - 44px); height:2px; background:#D5DBEA; }
body.tb-ui .tbui-pcm-n.is-done::before{ background:#12B886; }
body.tb-ui .tbui-pcm-n i{ width:36px; height:36px; box-sizing:border-box; border-radius:50%; background:#fff; border:1px solid #E1E5EE; color:var(--tb-ink-2); display:flex; align-items:center; justify-content:center; }
body.tb-ui .tbui-pcm-n.is-done i{ background:#12B886; border-color:#12B886; color:#fff; }
body.tb-ui .tbui-pcm-n small{ font-size:10.5px; font-weight:700; color:var(--tb-muted); white-space:nowrap; }
body.tb-ui .tbui-pcm-n.is-done small{ color:#0E9F6E; }
body.tb-ui .tbui-pc-chain{ margin:auto 0 18px; }
body.tb-ui .tbui-pc-chain + .tbui-pc-cta{ margin-top:0; }
body.tb-ui .tbui-pc > .tbui-pc-card{ margin-bottom:0; }
@media (min-width:1025px){ body.tb-ui .tbui-home{ padding-top:4px; } }
/* Mobil kart eni: ~1.8 kart görünür (əvvəl 164–180px — dar idi) */
@media (max-width:767px){
body.tb-ui .tbui-dl-grid .tbui-dl{ width:min(220px, calc((100vw - 42px) / 1.8)); }
body.tb-ui .tbui-dl-grid{ gap:12px; }
}
/* Kateqoriya kafelləri yığcam (22.09: «ölçüsünü bir az kiçilt») */
@media (min-width:768px){ body.tb-ui .tbui-cat{ gap:8px; } body.tb-ui .tbui-cat-l{ font-size:14px; } }
/* Brend sırası (2-ci məhsul sırasından sonra) */
body.tb-ui .tbui-br-list{ display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:12px; }
body.tb-ui .tbui-br{ height:76px; border-radius:16px; border:1px solid var(--tb-line); background:#fff; display:flex; align-items:center; justify-content:center; padding:10px 14px; transition:border-color .15s ease, box-shadow .15s ease; }
body.tb-ui .tbui-br:hover{ border-color:#D5DBEA; box-shadow:0 6px 18px rgba(11,18,32,.06); }
body.tb-ui .tbui-br img{ max-width:100%; max-height:44px; width:auto; height:auto; object-fit:contain; filter:grayscale(1); opacity:.75; transition:filter .15s ease, opacity .15s ease; }
body.tb-ui .tbui-br:hover img{ filter:none; opacity:1; }
@media (max-width:1024px){
body.tb-ui .tbui-br-list{ display:flex; gap:10px; overflow-x:auto; scrollbar-width:none; margin:0 -15px; padding:0 15px; scroll-snap-type:x mandatory; }
body.tb-ui .tbui-br-list::-webkit-scrollbar{ display:none; }
body.tb-ui .tbui-br{ flex:none; width:108px; height:64px; scroll-snap-align:start; }
body.tb-ui .tbui-br img{ max-height:36px; filter:none; opacity:1; }
}
/* Brend kafeli: loqo + ad (bəzi loqolar yalnız işarədir — Asus «A», Kingston) */
body.tb-ui .tbui-br{ flex-direction:column; gap:6px; height:92px; padding:10px; }
body.tb-ui .tbui-br img{ max-height:34px; filter:none; opacity:1; }
body.tb-ui .tbui-br span{ font-size:12.5px; font-weight:700; color:var(--tb-ink-2); line-height:1; }
@media (max-width:1024px){ body.tb-ui .tbui-br{ height:80px; } body.tb-ui .tbui-br img{ max-height:28px; } }
/* Brendlər: 8 ədəd, loqolar eyni qutuda (kənar boşluğu serverdə kəsilir — tbui_brand_logo) */
body.tb-ui .tbui-br-list{ grid-template-columns:repeat(8,minmax(0,1fr)); }
body.tb-ui .tbui-br{ gap:8px; height:96px; }
body.tb-ui .tbui-br img{ width:auto; height:auto; max-width:96px; max-height:32px; object-fit:contain; }
@media (max-width:1024px){ body.tb-ui .tbui-br{ width:112px; height:84px; } body.tb-ui .tbui-br img{ max-width:80px; max-height:28px; } }
body.tb-ui .tbui-br.is-mark img{ max-height:30px; }
/* «Son ədədlər» sırası — ağ fon (boz bölmələrin arasında), başlıq üstündə narıncı işarə */
body.tb-ui .tbui-low{ margin-top:44px; }
body.tb-ui .tbui-low-h{ align-items:flex-end; }
body.tb-ui .tbui-low-e{ display:flex; align-items:center; gap:8px; font-size:12px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#C2410C; margin-bottom:6px; }
body.tb-ui .tbui-low-e::before{ content:""; width:8px; height:8px; border-radius:4px; background:#F97316; box-shadow:0 0 0 4px rgba(249,115,22,.16); }
@media (max-width:767px){
body.tb-ui .tbui-low{ margin-top:24px; }
body.tb-ui .tbui-low-e{ font-size:11px; letter-spacing:1.2px; margin-bottom:4px; }
}
/* ===== «Hazır dəstlər» (kombo) — «Həftənin təklifləri»nin altında (kətan «Ana səhifə — Kombo bloku», 23.09) ===== */
body.tb-ui .tbui-hd{ margin-top:44px; }
body.tb-ui .tbui-hd-h{ align-items:flex-end; }
body.tb-ui .tbui-hd-e{ display:block; font-size:12px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:var(--tb-green); margin-bottom:6px; }
body.tb-ui .tbui-hd-sub{ display:block; margin-top:6px; font-size:15px; color:var(--tb-muted); }
body.tb-ui .tbui-hd-chips{ display:flex; gap:8px; margin:16px 0 14px; flex-wrap:wrap; }
body.tb-ui .tbui-hd-chip{ height:38px; padding:0 18px; border-radius:19px; border:1px solid var(--tb-line); background:#fff; font-size:14px; font-weight:600; color:var(--tb-ink); cursor:pointer; line-height:1; }
body.tb-ui .tbui-hd-chip span{ color:var(--tb-muted); font-weight:500; }
body.tb-ui .tbui-hd-chip:hover{ border-color:var(--tb-ink); }
body.tb-ui .tbui-hd-chip.is-on{ background:var(--tb-ink); border-color:var(--tb-ink); color:#fff; font-weight:700; }
body.tb-ui .tbui-hd-chip.is-on span{ color:rgba(255,255,255,.66); }
body.tb-ui .tbui-hd-set{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:16px; align-items:stretch; }
body.tb-ui .tbui-hd-set[hidden]{ display:none; }
body.tb-ui .tbui-hd-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:16px; min-width:0; }
body.tb-ui .tbui-hd-c{ background:#fff; border:1px solid var(--tb-line); border-radius:20px; padding:12px; display:flex; flex-direction:column; min-width:0; }
body.tb-ui .tbui-hd-img{ position:relative; height:112px; border-radius:14px; background:var(--tb-well); display:flex; align-items:center; justify-content:center; gap:4px; overflow:hidden; }
body.tb-ui .tbui-hd-img img{ width:30%; height:80%; object-fit:contain; mix-blend-mode:multiply; }
body.tb-ui .tbui-hd-save{ position:absolute; right:10px; top:10px; font-size:12px; font-weight:800; color:var(--tb-green); background:#E7F6EF; padding:5px 9px; border-radius:8px; white-space:nowrap; }
body.tb-ui .tbui-hd-top{ position:absolute; left:12px; top:12px; font-size:12px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:#fff; background:var(--tb-ink); padding:5px 10px; border-radius:8px; }
body.tb-ui .tbui-hd-plus{ font-size:26px; font-weight:300; color:#A7AEB8; }
body.tb-ui .tbui-hd-b{ display:flex; flex-direction:column; flex:1; min-width:0; }
body.tb-ui .tbui-hd-k{ margin-top:10px; font-size:11px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:var(--tb-muted); }
body.tb-ui .tbui-hd-n{ margin-top:4px; font-size:14px; font-weight:800; line-height:1.35; color:var(--tb-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.tb-ui .tbui-hd-n:hover{ color:var(--tb-blue); }
body.tb-ui .tbui-hd-f{ margin-top:auto; padding-top:10px; display:flex; align-items:flex-end; gap:8px; }
body.tb-ui .tbui-hd-p{ flex:1; min-width:0; }
body.tb-ui .tbui-hd-pr{ display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; }
body.tb-ui .tbui-hd-now{ font-size:18px; font-weight:800; letter-spacing:-.3px; color:var(--tb-ink); }
body.tb-ui .tbui-hd-pr s{ font-size:11.5px; color:var(--tb-faint); }
body.tb-ui .tbui-hd-m{ display:block; margin-top:2px; font-size:12px; font-weight:700; color:var(--tb-blue); }
body.tb-ui .tbui-hd-btns{ display:flex; gap:8px; align-items:center; }
body.tb-ui .tbui-hd-cart{ display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 14px; border-radius:12px; border:1px solid var(--tb-ink); background:#fff; color:var(--tb-ink) !important; font-size:13.5px; font-weight:700; white-space:nowrap; }
body.tb-ui .tbui-hd-cart:hover{ background:var(--tb-well); }
body.tb-ui .tbui-hd-cart.loading{ opacity:.6; }
body.tb-ui .tbui-hd-c .added_to_cart{ display:none !important; }
body.tb-ui .tbui-hd-more{ display:inline-flex; align-items:center; height:48px; padding:0 18px; border-radius:12px; border:1px solid var(--tb-line); color:var(--tb-ink); font-size:15px; font-weight:700; }
body.tb-ui .tbui-hd-more:hover{ border-color:var(--tb-ink); }
/* Aparıcı kart */
body.tb-ui .tbui-hd-c.is-lead{ padding:16px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-img{ height:auto; flex:1; min-height:260px; border-radius:16px; gap:12px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-img img{ width:34%; height:70%; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-save{ font-size:16px; padding:8px 14px; border-radius:10px; right:16px; top:16px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-k{ margin-top:14px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-n{ font-size:21px; letter-spacing:-.3px; line-height:1.25; }
body.tb-ui .tbui-hd-list{ display:flex; flex-direction:column; gap:7px; margin-top:12px; }
body.tb-ui .tbui-hd-it{ display:flex; align-items:center; gap:10px; min-width:0; }
body.tb-ui .tbui-hd-it img{ width:34px; height:34px; object-fit:contain; border-radius:8px; background:var(--tb-line-2); mix-blend-mode:multiply; }
body.tb-ui .tbui-hd-it-n{ flex:1; min-width:0; font-size:14px; color:var(--tb-ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.tb-ui .tbui-hd-it-p{ font-size:14px; color:var(--tb-muted); white-space:nowrap; }
body.tb-ui .tbui-hd-ok{ display:flex; align-items:center; gap:8px; margin-top:10px; font-size:13px; font-weight:600; color:var(--tb-green); }
body.tb-ui .tbui-hd-ok::before{ content:""; width:8px; height:8px; border-radius:4px; background:var(--tb-green); }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-f{ margin-top:14px; padding-top:14px; border-top:1px solid var(--tb-line-2); gap:16px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-now{ font-size:30px; letter-spacing:-.8px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-pr s{ font-size:14px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-m{ font-size:14px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-cart{ height:48px; padding:0 22px; border-color:var(--tb-blue); background:var(--tb-blue); color:#fff !important; font-size:15px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-cart:hover{ background:var(--tb-blue-d); border-color:var(--tb-blue-d); }
@media (max-width:1024px){
body.tb-ui .tbui-hd-set{ grid-template-columns:minmax(0,1fr); }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-img{ min-height:200px; }
}
@media (max-width:767px){
body.tb-ui .tbui-hd{ margin-top:24px; }
body.tb-ui .tbui-hd-sub{ font-size:13px; }
body.tb-ui .tbui-hd-chips{ margin:12px 0; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding-right:15px; }
body.tb-ui .tbui-hd-chips::-webkit-scrollbar{ display:none; }
body.tb-ui .tbui-hd-chip{ flex:none; height:34px; padding:0 14px; font-size:13px; }
/* yana sürüşən sıra: aparıcı kart da eyni ölçüdə */
body.tb-ui .tbui-hd-set{ display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-right:15px; scroll-padding:0 15px; }
body.tb-ui .tbui-hd-set::-webkit-scrollbar{ display:none; }
body.tb-ui .tbui-hd-grid{ display:contents; }
body.tb-ui .tbui-hd-c{ flex:none; width:230px; padding:10px; border-radius:16px; scroll-snap-align:start; }
body.tb-ui .tbui-hd-c.is-lead{ padding:10px; }
body.tb-ui .tbui-hd-img{ height:132px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-img{ flex:none; height:132px; min-height:0; border-radius:12px; gap:4px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-img img{ width:30%; height:80%; }
body.tb-ui .tbui-hd-top, body.tb-ui .tbui-hd-list, body.tb-ui .tbui-hd-ok, body.tb-ui .tbui-hd-more{ display:none; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-save{ font-size:12px; padding:5px 9px; border-radius:8px; right:10px; top:10px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-k{ margin-top:10px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-n{ font-size:14px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-f{ margin-top:auto; padding-top:10px; border-top:0; gap:8px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-now{ font-size:18px; letter-spacing:-.3px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-pr s{ font-size:11.5px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-m{ font-size:12px; }
body.tb-ui .tbui-hd-f{ flex-direction:column; align-items:stretch; gap:8px; }
body.tb-ui .tbui-hd-btns{ width:100%; }
body.tb-ui .tbui-hd-cart{ width:100%; height:42px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-cart{ height:42px; padding:0 14px; font-size:13.5px; }
}
/* Kiçik kartlarda düymə bütün enlə (qiymət və taksit sətri yuxarıda) — canlı yoxlama 23.09 */
body.tb-ui .tbui-hd-c:not(.is-lead) .tbui-hd-f{ flex-direction:column; align-items:stretch; gap:10px; }
body.tb-ui .tbui-hd-c:not(.is-lead) .tbui-hd-btns{ width:100%; }
body.tb-ui .tbui-hd-c:not(.is-lead) .tbui-hd-cart{ width:100%; }
body.tb-ui .tbui-hd-m{ white-space:nowrap; }
body.tb-ui .tbui-hd-chip{ text-transform:none; }
/* Bölgü «Həftənin təklifləri» qəlibi ilə eyni (user 23.09): 1,25fr + 2 sütun, aparıcı kart iki sətir boyu */
body.tb-ui .tbui-hd-set{ grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(0,1fr); }
body.tb-ui .tbui-hd-grid{ display:contents; }
body.tb-ui .tbui-hd-set.is-n5 .tbui-hd-c.is-lead, body.tb-ui .tbui-hd-set.is-n4 .tbui-hd-c.is-lead{ grid-row:1 / 3; }
body.tb-ui .tbui-hd-set.is-n3 .tbui-hd-c.is-lead{ grid-row:auto; }
/* Aparıcı kart daha dardır — başlıq və alt hissə ona uyğunlaşır */
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-n{ font-size:19px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-img{ min-height:200px; gap:6px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-img img{ width:30%; height:66%; }
body.tb-ui .tbui-hd-plus{ font-size:20px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-f{ flex-direction:column; align-items:stretch; gap:12px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-btns{ width:100%; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-more{ flex:0 0 auto; height:46px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-cart{ flex:1; height:46px; }
body.tb-ui .tbui-hd-it-n{ font-size:13px; }
body.tb-ui .tbui-hd-it-p{ font-size:13px; }
@media (max-width:1024px){
body.tb-ui .tbui-hd-set{ grid-template-columns:repeat(2,minmax(0,1fr)); }
body.tb-ui .tbui-hd-set .tbui-hd-c.is-lead{ grid-row:auto; grid-column:1 / -1; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-img{ min-height:220px; }
}
@media (max-width:767px){
body.tb-ui .tbui-hd-set{ display:flex; grid-template-columns:none; }
body.tb-ui .tbui-hd-set .tbui-hd-c.is-lead{ grid-column:auto; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-img{ min-height:0; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-n{ font-size:14px; }
}
/* Kiçik kartlar geniş olduğuna görə şəkil sahəsi hündür, şəkillər böyük (23.09) */
body.tb-ui .tbui-hd-c:not(.is-lead) .tbui-hd-img{ height:150px; gap:8px; }
body.tb-ui .tbui-hd-c:not(.is-lead) .tbui-hd-img img{ width:26%; height:86%; }
@media (max-width:767px){ body.tb-ui .tbui-hd-c:not(.is-lead) .tbui-hd-img{ height:132px; gap:4px; } body.tb-ui .tbui-hd-c:not(.is-lead) .tbui-hd-img img{ width:30%; height:80%; } }
/* Qənaət nişanı: şəklin üstündən (yaşıl) qiymət sətrinə keçdi, qırmızı — user 23.09 */
body.tb-ui .tbui-hd-save{ display:none; }
body.tb-ui .tbui-hd-saveb{ display:inline-flex; align-items:center; background:var(--tb-red); color:#fff; font-size:12px; font-weight:800; letter-spacing:-.1px; padding:4px 9px; border-radius:8px; white-space:nowrap; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-saveb{ font-size:13.5px; padding:5px 11px; border-radius:9px; }
body.tb-ui .tbui-hd-pr{ row-gap:6px; }
/* Qiymət qurğusu (UI/UX, 23.09): 1) böyük qiymət 2) köhnə qiymət + «Qənaət X ₼» yumşaq qırmızı nişan 3) taksit.
Əvvəl üçü bir sətirdə idi — sıxışıq görünürdü. */
body.tb-ui .tbui-hd-old{ display:flex; align-items:center; gap:8px; margin-top:3px; flex-wrap:wrap; row-gap:4px; }
body.tb-ui .tbui-hd-old s{ font-size:12.5px; color:var(--tb-faint); }
body.tb-ui .tbui-hd-saveb{ display:inline-flex; align-items:center; background:var(--tb-red-soft); color:var(--tb-red); font-size:12px; font-weight:800; letter-spacing:-.1px; padding:4px 9px; border-radius:8px; white-space:nowrap; }
body.tb-ui .tbui-hd-m{ margin-top:6px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-old{ margin-top:5px; gap:10px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-old s{ font-size:14px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-saveb{ font-size:13.5px; padding:5px 11px; border-radius:9px; }
@media (max-width:767px){
body.tb-ui .tbui-hd-old{ gap:6px; }
body.tb-ui .tbui-hd-old s{ font-size:11.5px; }
body.tb-ui .tbui-hd-saveb{ font-size:11.5px; padding:3px 8px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-saveb{ font-size:11.5px; padding:3px 8px; border-radius:8px; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-old s{ font-size:11.5px; }
}
/* Çiplər sayta uyğun (mavi seçim) + «Ən böyük qənaət» nişanı qırmızı ailəsində — user 23.09 */
body.tb-ui .tbui-hd-chip.is-on{ background:var(--tb-blue); border-color:var(--tb-blue); color:#fff; }
body.tb-ui .tbui-hd-chip.is-on span{ color:rgba(255,255,255,.72); }
body.tb-ui .tbui-hd-chip:hover{ border-color:var(--tb-blue); color:var(--tb-blue); }
body.tb-ui .tbui-hd-chip.is-on:hover{ background:var(--tb-blue-d); border-color:var(--tb-blue-d); color:#fff; }
body.tb-ui .tbui-hd-top{ background:var(--tb-red); color:#fff; font-size:11px; letter-spacing:.6px; }
/* ===== «Tövsiyə PC dəstləri» — kateqoriyalardan sonra (kətan «Ana səhifə — Tövsiyə PC dəstləri», 23.09) ===== */
body.tb-ui .tbui-pcr{ margin-top:44px; }
body.tb-ui .tbui-pcr-head{ align-items:flex-end; }
body.tb-ui .tbui-pcr-e{ display:block; font-size:12px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:var(--tb-blue); margin-bottom:6px; }
body.tb-ui .tbui-pcr-s{ display:block; margin-top:6px; font-size:15px; color:var(--tb-muted); }
body.tb-ui .tbui-pcr-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; margin-top:16px; }
body.tb-ui .tbui-pcr-c{ border:1.5px solid var(--tb-line); border-radius:20px; background:#fff; overflow:hidden; display:flex; flex-direction:column; min-width:0; }
body.tb-ui .tbui-pcr-c.is-lead{ border-color:var(--tb-blue); }
body.tb-ui .tbui-pcr-top{ height:38px; background:var(--tb-well); display:flex; align-items:center; padding:0 14px; }
body.tb-ui .tbui-pcr-top span{ font-size:11px; font-weight:800; letter-spacing:1.1px; text-transform:uppercase; color:var(--tb-muted); }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-top{ background:var(--tb-blue); }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-top span{ color:#fff; }
body.tb-ui .tbui-pcr-b{ padding:14px; display:flex; flex-direction:column; gap:12px; flex:1; min-width:0; }
body.tb-ui .tbui-pcr-img{ height:196px; border-radius:14px; background:var(--tb-well); border:1px solid var(--tb-line-2); display:flex; align-items:center; justify-content:center; }
body.tb-ui .tbui-pcr-img img{ width:auto; max-width:82%; max-height:88%; object-fit:contain; mix-blend-mode:multiply; }
body.tb-ui .tbui-pcr-h{ display:flex; flex-direction:column; gap:2px; min-height:44px; }
body.tb-ui .tbui-pcr-n{ font-size:17.5px; font-weight:800; letter-spacing:-.3px; line-height:1.25; color:var(--tb-ink); }
body.tb-ui .tbui-pcr-n:hover{ color:var(--tb-blue); }
body.tb-ui .tbui-pcr-sub{ font-size:12.5px; color:var(--tb-faint); }
body.tb-ui .tbui-pcr-spec{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
body.tb-ui .tbui-pcr-spec span{ background:#F7F8F9; border-radius:10px; padding:8px 10px; display:flex; flex-direction:column; gap:1px; min-width:0; }
body.tb-ui .tbui-pcr-spec small{ font-size:9.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:#9AA1AB; }
body.tb-ui .tbui-pcr-spec b{ font-size:12.5px; font-weight:700; color:var(--tb-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.tb-ui .tbui-pcr-fps{ background:#F7F8F9; border-radius:14px; padding:12px; display:flex; flex-direction:column; gap:9px; }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-fps{ background:#F7F9FF; border:1px solid #E3EAFB; }
body.tb-ui .tbui-pcr-fps-h{ display:flex; align-items:center; justify-content:space-between; }
body.tb-ui .tbui-pcr-fps-h span:first-child{ font-size:10.5px; font-weight:800; letter-spacing:.9px; text-transform:uppercase; color:var(--tb-faint); }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-fps-h span:first-child{ color:var(--tb-blue); }
body.tb-ui .tbui-pcr-fps-h span:last-child{ font-size:10.5px; font-weight:700; color:#A7AEB8; }
body.tb-ui .tbui-pcr-hero{ display:flex; align-items:flex-end; gap:10px; }
body.tb-ui .tbui-pcr-hero b{ font-size:32px; font-weight:800; letter-spacing:-1.2px; line-height:1; color:var(--tb-ink); }
body.tb-ui .tbui-pcr-hero b.is-low{ color:#8A5A00; }
body.tb-ui .tbui-pcr-hero-n{ flex:1; font-size:12.5px; font-weight:800; padding-bottom:3px; }
body.tb-ui .tbui-pcr-verdict{ background:#E7F6EF; color:#0E6B4C; font-size:10.5px; font-weight:800; padding:5px 9px; border-radius:7px; white-space:nowrap; }
body.tb-ui .tbui-pcr-verdict.is-low{ background:#FCF3E3; color:#8A5A00; }
body.tb-ui .tbui-pcr-bar{ height:6px; border-radius:3px; background:#E7E9ED; display:block; flex:1; overflow:hidden; }
body.tb-ui .tbui-pcr-bar.is-hero{ height:8px; border-radius:4px; }
body.tb-ui .tbui-pcr-bar > span{ display:block; height:100%; border-radius:4px; background:var(--tb-blue); }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-bar{ background:#E3EAFB; }
body.tb-ui .tbui-pcr-row{ display:flex; align-items:center; gap:8px; }
body.tb-ui .tbui-pcr-g{ width:60px; font-size:12px; color:var(--tb-ink-2); }
body.tb-ui .tbui-pcr-row b{ width:34px; text-align:right; font-size:12.5px; font-weight:800; }
body.tb-ui .tbui-pcr-f{ margin-top:auto; padding-top:12px; border-top:1px solid var(--tb-line-2); display:flex; flex-direction:column; gap:10px; }
body.tb-ui .tbui-pcr-pr{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
body.tb-ui .tbui-pcr-now{ font-size:25px; font-weight:800; letter-spacing:-.6px; color:var(--tb-ink); }
body.tb-ui .tbui-pcr-pr s{ font-size:13px; color:#A7AEB8; }
body.tb-ui .tbui-pcr-m{ margin-left:auto; font-size:12px; font-weight:700; color:var(--tb-blue); white-space:nowrap; }
body.tb-ui .tbui-pcr-cart{
display:flex; align-items:center; justify-content:center; height:48px; border-radius:13px;
border:1.5px solid #D9DDE3; background:#fff; color:var(--tb-ink) !important; font-size:15px; font-weight:800;
}
body.tb-ui .tbui-pcr-cart:hover{ background:var(--tb-well); }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-cart{ border-color:var(--tb-blue); background:var(--tb-blue); color:#fff !important; }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-cart:hover{ background:var(--tb-blue-d); border-color:var(--tb-blue-d); }
body.tb-ui .tbui-pcr-cart.loading{ opacity:.6; }
body.tb-ui .tbui-pcr-c .added_to_cart{ display:none !important; }
body.tb-ui .tbui-pcr-note{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
body.tb-ui .tbui-pcr-note span{ font-size:11px; color:#A7AEB8; }
body.tb-ui .tbui-pcr-note a{ font-size:12.5px; font-weight:700; color:var(--tb-blue); white-space:nowrap; }
body.tb-ui .tbui-pcr-trust{ margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--tb-well); border-radius:16px; padding:16px 20px; }
body.tb-ui .tbui-pcr-trust > div{ display:flex; gap:26px; align-items:center; flex-wrap:wrap; }
body.tb-ui .tbui-pcr-trust span{ display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color:var(--tb-ink-2); }
body.tb-ui .tbui-pcr-trust span::before{ content:""; width:8px; height:8px; border-radius:4px; background:var(--tb-green); }
body.tb-ui .tbui-pcr-trust > a{ display:inline-flex; align-items:center; height:44px; padding:0 18px; border-radius:12px; border:1px solid #D9DDE3; color:var(--tb-ink); font-size:14px; font-weight:700; white-space:nowrap; }
body.tb-ui .tbui-pcr-trust > a:hover{ border-color:var(--tb-ink); }
@media (max-width:1024px){
body.tb-ui .tbui-pcr-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
body.tb-ui .tbui-pcr-trust{ flex-direction:column; align-items:flex-start; gap:12px; }
}
@media (max-width:767px){
body.tb-ui .tbui-pcr{ margin-top:24px; }
body.tb-ui .tbui-pcr-s{ font-size:13px; }
body.tb-ui .tbui-pcr-grid{ display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; /* scroll auditi: 9 px şaquli daşma barmaq sürüşməsini udurdu */ scroll-snap-type:x mandatory; scrollbar-width:none; padding-right:15px; scroll-padding:0 15px; }
body.tb-ui .tbui-pcr-grid::-webkit-scrollbar{ display:none; }
body.tb-ui .tbui-pcr-c{ flex:none; width:268px; border-radius:16px; scroll-snap-align:start; }
body.tb-ui .tbui-pcr-b{ padding:10px; gap:9px; }
body.tb-ui .tbui-pcr-img{ height:158px; border-radius:12px; }
body.tb-ui .tbui-pcr-n{ font-size:15.5px; }
body.tb-ui .tbui-pcr-h{ min-height:40px; }
body.tb-ui .tbui-pcr-hero b{ font-size:26px; }
body.tb-ui .tbui-pcr-now{ font-size:21px; }
body.tb-ui .tbui-pcr-cart{ height:44px; font-size:14.5px; }
body.tb-ui .tbui-pcr-note{ flex-direction:column; align-items:flex-start; gap:4px; }
body.tb-ui .tbui-pcr-trust{ margin-top:12px; padding:12px 14px; }
body.tb-ui .tbui-pcr-trust > div{ flex-direction:column; align-items:flex-start; gap:7px; }
body.tb-ui .tbui-pcr-trust span{ font-size:12.5px; }
body.tb-ui .tbui-pcr-trust > a{ width:100%; justify-content:center; }
}
/* Mobildə sıra tövsiyə olunan kartla başlayır (kətan) */
@media (max-width:767px){ body.tb-ui .tbui-pcr-c.is-lead{ order:-1; } }
@media (max-width:767px){ body.tb-ui .tbui-pcr-hero-y{ display:none; } }
/* Mobil kart bir ekrana sığmalıdır (user: iPhone 15 Pro Max, 23.09) — hündürlük ~738 → ~575 px */
@media (max-width:767px){
body.tb-ui .tbui-pcr-c{ width:262px; }
body.tb-ui .tbui-pcr-top{ height:30px; padding:0 11px; }
body.tb-ui .tbui-pcr-top span{ font-size:10px; letter-spacing:.9px; }
body.tb-ui .tbui-pcr-b{ padding:9px; gap:8px; }
body.tb-ui .tbui-pcr-img{ height:118px; border-radius:11px; }
body.tb-ui .tbui-pcr-h{ min-height:0; gap:1px; }
body.tb-ui .tbui-pcr-n{ font-size:14.5px; line-height:1.2; }
body.tb-ui .tbui-pcr-sub{ font-size:11px; }
body.tb-ui .tbui-pcr-spec{ gap:5px; }
body.tb-ui .tbui-pcr-spec span{ padding:5px 7px; border-radius:8px; }
body.tb-ui .tbui-pcr-spec small{ font-size:8.5px; letter-spacing:.4px; }
body.tb-ui .tbui-pcr-spec b{ font-size:11px; }
body.tb-ui .tbui-pcr-fps{ padding:9px; gap:7px; border-radius:11px; }
body.tb-ui .tbui-pcr-fps-h{ display:none; }
body.tb-ui .tbui-pcr-hero b{ font-size:23px; letter-spacing:-.8px; }
body.tb-ui .tbui-pcr-hero-n{ font-size:11px; padding-bottom:1px; }
body.tb-ui .tbui-pcr-verdict{ font-size:9.5px; padding:3px 7px; }
body.tb-ui .tbui-pcr-bar.is-hero{ height:7px; }
body.tb-ui .tbui-pcr-fps .tbui-pcr-row:last-of-type{ display:none; } /* mobildə bir dəstək oyunu bəsdir */
body.tb-ui .tbui-pcr-g{ width:48px; font-size:11px; }
body.tb-ui .tbui-pcr-row b{ font-size:11.5px; }
body.tb-ui .tbui-pcr-f{ padding-top:8px; gap:7px; }
body.tb-ui .tbui-pcr-now{ font-size:19px; letter-spacing:-.4px; }
body.tb-ui .tbui-pcr-pr s{ font-size:11px; }
body.tb-ui .tbui-pcr-m{ font-size:11px; }
body.tb-ui .tbui-pcr-cart{ height:42px; border-radius:11px; font-size:14px; }
body.tb-ui .tbui-pcr-note{ flex-direction:row; align-items:center; justify-content:space-between; gap:6px; }
body.tb-ui .tbui-pcr-note span{ font-size:9.5px; }
body.tb-ui .tbui-pcr-note a{ font-size:11px; }
body.tb-ui .tbui-pcr-head h2{ font-size:22px; }
body.tb-ui .tbui-pcr-s{ font-size:12px; }
}
/* Veb: kartlar bir az kiçildi (user 23.09) — kart ~758 → ~640 px; başlıq tək sətir «Tövsiyə» */
@media (min-width:768px){
body.tb-ui .tbui-pcr-grid{ gap:14px; margin-top:12px; }
body.tb-ui .tbui-pcr-c{ border-radius:18px; }
body.tb-ui .tbui-pcr-top{ height:34px; padding:0 13px; }
body.tb-ui .tbui-pcr-top span{ font-size:10.5px; }
body.tb-ui .tbui-pcr-b{ padding:12px; gap:10px; }
body.tb-ui .tbui-pcr-img{ height:164px; border-radius:12px; }
body.tb-ui .tbui-pcr-h{ min-height:40px; }
body.tb-ui .tbui-pcr-n{ font-size:16px; }
body.tb-ui .tbui-pcr-sub{ font-size:12px; }
body.tb-ui .tbui-pcr-spec span{ padding:7px 9px; border-radius:9px; }
body.tb-ui .tbui-pcr-spec small{ font-size:9px; }
body.tb-ui .tbui-pcr-spec b{ font-size:12px; }
body.tb-ui .tbui-pcr-fps{ padding:10px; gap:8px; border-radius:12px; }
body.tb-ui .tbui-pcr-fps-h span{ font-size:10px; }
body.tb-ui .tbui-pcr-hero b{ font-size:27px; letter-spacing:-1px; }
body.tb-ui .tbui-pcr-hero-n{ font-size:12px; }
body.tb-ui .tbui-pcr-verdict{ font-size:10px; padding:4px 8px; }
body.tb-ui .tbui-pcr-bar.is-hero{ height:7px; }
body.tb-ui .tbui-pcr-g{ font-size:11.5px; width:56px; }
body.tb-ui .tbui-pcr-row b{ font-size:12px; }
body.tb-ui .tbui-pcr-f{ padding-top:10px; gap:8px; }
body.tb-ui .tbui-pcr-now{ font-size:22px; }
body.tb-ui .tbui-pcr-pr s{ font-size:12px; }
body.tb-ui .tbui-pcr-m{ font-size:11.5px; }
body.tb-ui .tbui-pcr-cart{ height:44px; border-radius:12px; font-size:14.5px; }
body.tb-ui .tbui-pcr-note span{ font-size:10.5px; }
body.tb-ui .tbui-pcr-note a{ font-size:12px; }
}
body.tb-ui .tbui-pcr-head{ align-items:center; }
/* ─────────── §20. «Gaming PC-ni özün yığ» — kənar boyunca qaçan şüa ───────────
Blok ekrana girəndə şüa 2 dövrə vurur, sonra yerindəcə sönür; kursor üstünə
gələndə QALDIĞI BUCAQDAN davam edir. Bucaq home.js-də saxlanılır və --tba
dəyişəni ilə ötürülür — CSS animasiyası bucağı hər dəfə sıfırlayırdı.
Sinfi home.js qoyur, yüklənmə bitəndən sonra, ona görə LCP-yə toxunmur. */
body.tb-ui .tbui-pc-beam{
--tba:0deg;
position:absolute; inset:0; z-index:3; pointer-events:none; border-radius:24px;
opacity:0; transition:opacity .9s ease;
}
body.tb-ui .is-tbbeam-on .tbui-pc-beam{ opacity:1; transition-duration:.35s; }
/* Xətt: konik qradiyent 1.6 px halqaya maskalanır */
body.tb-ui .tbui-pc-beam::before{
content:""; position:absolute; inset:0; box-sizing:border-box; border-radius:inherit; padding:1.6px;
background:conic-gradient(from var(--tba), rgba(21,80,224,0) 0deg, rgba(21,80,224,0) 196deg, rgba(18,184,134,.5) 256deg, rgba(108,139,255,.95) 302deg, #1550E0 342deg, rgba(21,80,224,0) 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask-composite:exclude;
}
/* Ambians: eyni şüanın bulanıq kopyası, yalnız kartdan BAYIRDA (maska içəridəki hissəni kəsir) */
body.tb-ui .tbui-pc-beam::after{
content:""; position:absolute; inset:-10px; box-sizing:border-box; border-radius:34px; padding:11px; opacity:.5; filter:blur(12px);
background:conic-gradient(from var(--tba), rgba(21,80,224,0) 0deg, rgba(21,80,224,0) 196deg, rgba(18,184,134,.45) 256deg, rgba(108,139,255,.9) 302deg, #1550E0 342deg, rgba(21,80,224,0) 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask-composite:exclude;
}
@media (max-width:1024px){
body.tb-ui .tbui-pcm .tbui-pc-beam{ border-radius:20px; }
body.tb-ui .tbui-pcm .tbui-pc-beam::after{ border-radius:30px; }
}
@media (prefers-reduced-motion:reduce){
body.tb-ui .tbui-pc-beam{ display:none; }
}
/* Seçilmiş PC kartı da şüa alır (§20). Şüa kənardan bayıra çıxdığı üçün
`overflow:hidden` götürülür — üst zolaq öz künc radiusunu daşıyır. */
body.tb-ui .tbui-pcr-c.is-lead{ position:relative; overflow:visible; }
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-top{ border-radius:18.5px 18.5px 0 0; }
body.tb-ui .tbui-pcr-c .tbui-pc-beam{ border-radius:20px; }
body.tb-ui .tbui-pcr-c .tbui-pc-beam::after{ border-radius:30px; }
@media (max-width:1024px){
body.tb-ui .tbui-pcr-c.is-lead .tbui-pcr-top{ border-radius:14.5px 14.5px 0 0; }
body.tb-ui .tbui-pcr-c .tbui-pc-beam{ border-radius:16px; }
body.tb-ui .tbui-pcr-c .tbui-pc-beam::after{ border-radius:26px; }
}
/* ═══════════ UI/UX M6 (24.09): planşet və geniş ekran ═══════════ */
/* PLN-07: «Tövsiyə» 768–1024 px — 900+ 3 sütun, 768–899 yana sürüşən sıra (mobildəki kimi); tək qalan 3-cü kart yox */
@media (min-width:900px) and (max-width:1024px){
body.tb-ui .tbui-pcr-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
body.tb-ui .tbui-pcr-b{ padding:12px; }
body.tb-ui .tbui-pcr-img{ height:160px; }
body.tb-ui .tbui-pcr-hero b{ font-size:28px; }
body.tb-ui .tbui-pcr-now{ font-size:22px; }
}
@media (min-width:768px) and (max-width:899px){
body.tb-ui .tbui-pcr-grid{ display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; /* scroll auditi: 9 px şaquli daşma barmaq sürüşməsini udurdu */ scroll-snap-type:x mandatory; scrollbar-width:none; margin-right:-15px; padding-right:15px; scroll-padding:0 15px; }
body.tb-ui .tbui-pcr-grid::-webkit-scrollbar{ display:none; }
body.tb-ui .tbui-pcr-c{ flex:none; width:300px; scroll-snap-align:start; }
}
/* PLN-12: «Hazır dəstlər» aparıcı kart 768–1024 px-də üfüqi — şəkil solda, siyahı + qiymət sağda.
Kök səbəb: .is-n4/.is-n5 aparıcını vebdəki kimi 2 sıraya uzadırdı (grid-row 1/3), sıralar da bərabər (1fr) — kart 994×789 olurdu */
@media (min-width:768px) and (max-width:1024px){
body.tb-ui .tbui-hd-set{ grid-auto-rows:auto; }
body.tb-ui .tbui-hd-set:is(.is-n4, .is-n5) .tbui-hd-c.is-lead{ grid-row:auto; }
body.tb-ui .tbui-hd-c.is-lead{ display:grid; grid-template-columns:minmax(0,44%) minmax(0,1fr); gap:20px; align-items:stretch; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-img{ min-height:0; height:auto; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-b{ display:flex; flex-direction:column; min-width:0; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-k{ margin-top:0; }
body.tb-ui .tbui-hd-c.is-lead .tbui-hd-f{ margin-top:auto; }
}
/* PLN-13: kredit blokunda məhsul adı 1025–1439 px-də 2 sətrə qədər (kod kəsilmir); yer əvvəlcədən ayrılır — dəyişəndə blok sıçramır */
@media (min-width:1025px) and (max-width:1439px){
body.tb-ui .tbui-kb-n{ white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.3; min-height:2.6em; }
}
/* ═══════════ UI/UX M7 (24.09): boş vəziyyət səhifələri (404, nəticəsiz axtarış, boş səbət) ═══════════ */
/* BOS-12: səhifə səviyyəli boş vəziyyət — bölmə kartları eyni fon/radius (H1 32/24 öz fayllarında) */
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-row{ background:var(--tb-well); border-radius:var(--tb-r); }
/* BOS-08: «Kateqoriyalar» da eyni kartda — üç bölmənin başlığı bir sol xətdə (x = kart + 24) */
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-sec-cats{ background:var(--tb-well); border-radius:var(--tb-r); padding:24px 24px 28px; }
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-sec-cats .tbui-cat-ic{ background:#fff; }
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-sec-cats .tbui-cat:hover .tbui-cat-ic{ background:#fff; box-shadow:0 0 0 1px var(--tb-btn-line); }
@media (max-width:767px){
/* BOS-02: «Çox alınanlar» mobildə səliqəli 2 sütun (4 məhsul) — kəsilən 2-ci kart yox */
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-rail{
grid-auto-flow:row !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; grid-auto-columns:auto !important;
gap:10px !important; overflow:visible !important; margin:0 !important; padding:0 15px 0 0 !important;
}
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-rail > .product-grid-item:nth-child(n+5){ display:none !important; }
/* BOS-04 + BOS-13: kateqoriyaların başlığı mobildə də görünür; 8 kafel 4 + 4 (boş xana yox) */
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-sec-cats{ margin-left:-15px; margin-right:-15px; border-radius:0; padding:18px 15px 20px; }
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-sec-cats .tbui-sec-h{ display:flex; }
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-cats{ grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px 8px; }
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-cat-ic{ height:60px; border-radius:var(--tb-r-sm); }
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-cat-ic svg{ width:26px; height:26px; }
body.tb-ui :is(.tbui-404, .tbui-c0) .tbui-cat-l{ font-size:12.5px; line-height:1.25; }
}
/* ═══════════ UI/UX M7 (24.09): ana səhifə ═══════════ */
/* ANA-03: mobil PC blokunda (.tbui-pcm) qaçan şüa kartın yox, səhifənin kənarına yayılırdı (kart position:static idi) — şüa kartın özünə bağlanır */
body.tb-ui .tbui-pcm{ position:relative; }
body.tb-ui .tbui-pcm > .tbui-pc-beam{ border-radius:inherit; }
/* ANA-05: mobil brend sırası digər bölmələr kimi 15 px-dən başlayır (scroll-snap kənara yapışdırırdı) */
@media (max-width:767px){
body.tb-ui .tbui-br-list{ scroll-padding-left:15px; scroll-padding-right:15px; }
}
/* /wp-content/plugins/techbar-ui/assets/search.css */
/* TechBar UI — başlıq axtarışı (kətan 19). search.js ilə birlikdə. */
.tb-ui .tbs-wrap{position:relative}
.tb-ui .tbs-wrap .search-results-wrapper{display:none!important}
.tbs-panel{position:absolute;left:0;top:calc(100% + 10px);z-index:1000;width:max(100%,780px);max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--tb-line,#ECEEF2);border-radius:18px;box-shadow:0 24px 60px rgba(11,18,32,.18);overflow:hidden;font-family:inherit;color:var(--tb-ink,#0B1220);text-align:left}
.tbs-panel[hidden],.tbs-m[hidden],.tbs-m [hidden]{display:none!important}
.tbs-panel a,.tbs-m a,.tbs-panel a:hover,.tbs-m a:hover,.tbs-panel a:focus,.tbs-m a:focus{text-decoration:none;color:inherit}
.tbs-h{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--tb-faint,#8A93A3)}
.tbs-h span{margin-left:auto;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.tbs-clr{margin-left:auto;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--tb-blue,#1550E0);cursor:pointer}
.tbs-sec+.tbs-sec{margin-top:16px}
.tbs-grid{display:grid;grid-template-columns:250px minmax(0,1fr)}
.tbs-side,.tbs-main{max-height:min(620px,calc(100vh - 150px));overscroll-behavior:contain}
.tbs-grid.is-one{grid-template-columns:minmax(0,1fr)}
.tbs-grid.is-empty{grid-template-columns:280px minmax(0,1fr)}
.tbs-side{padding:16px 16px;border-right:1px solid #F1F3F6;background:#FBFBFC;overflow:auto}
.tbs-main{padding:12px 0 0;overflow:auto;display:flex;flex-direction:column}
.tbs-grid.is-empty .tbs-main{padding:16px 20px}
.tbs-main>.tbs-h-p{padding:0 20px}
.tbs-term{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 10px;border-radius:10px}
.tbs-term:hover,.tbs-term.is-act{background:var(--tb-blue-soft,#EEF3FF)}
.tbs-tn{flex:1;min-width:0;font-size:14.5px;font-weight:700;line-height:1.3}
.tbs-cnt{flex:none;padding:1px 8px;border:1px solid var(--tb-line,#ECEEF2);border-radius:10px;background:#fff;font-size:12px;font-weight:800;color:var(--tb-muted,#5B6475)}
.tbs-av{flex:none;width:28px;height:28px;border-radius:8px;background:var(--tb-ink,#0B1220);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;text-transform:uppercase}
.tbs-it{display:flex;align-items:center;gap:14px;padding:10px 20px;border-top:1px solid #F1F3F6}
.tbs-it:hover,.tbs-it.is-act{background:var(--tb-well,#F4F5F7)}
.tbs-th{flex:none;width:56px;height:56px;border-radius:12px;background:var(--tb-well,#F4F5F7);display:flex;align-items:center;justify-content:center;overflow:hidden}
.tbs-th img{width:46px!important;height:46px!important;max-width:none;object-fit:contain;mix-blend-mode:multiply}
.tbs-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.tbs-n{font-size:14.5px;font-weight:600;line-height:1.35;color:var(--tb-ink,#0B1220);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tbs-n b{font-weight:800}
.tbs-meta{display:flex;gap:8px;align-items:center}
.tbs-pill{display:inline-block;padding:2px 8px;border-radius:8px;font-size:12px;font-weight:800;line-height:1.4;background:#FFF4DB;color:#8A5A00}
.tbs-pill.is-in,.tbs-pill.is-low{background:#E3F5EC;color:#0E6B4C}
.tbs-pill.is-order{background:var(--tb-blue-soft,#EEF3FF);color:#1A3A8F}
.tbs-pill.is-out{background:#F1F3F6;color:var(--tb-muted,#5B6475)}
.tbs-pr{flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.tbs-pr b{font-size:16px;font-weight:800;white-space:nowrap}
.tbs-pr s{font-size:12.5px;color:var(--tb-faint,#8A93A3);white-space:nowrap}
.tbs-all{position:sticky;bottom:0;display:block;margin-top:auto;padding:14px 20px;border-top:1px solid var(--tb-line,#ECEEF2);background:#fff;font-size:15px;font-weight:800;color:var(--tb-blue,#1550E0)!important;text-align:center}
.tbs-all:hover,.tbs-all.is-act{background:var(--tb-blue-soft,#EEF3FF)}
.tbs-keys{padding:0 20px 10px;background:#fff;font-size:12px;color:var(--tb-faint,#8A93A3);text-align:center}
.tbs-fix{padding:11px 20px;background:#FFF7E6;border-bottom:1px solid #F6E3BC;font-size:14px;color:#6B4A00}
.tbs-rec{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 8px;border-radius:10px;font-size:15px;font-weight:600}
.tbs-rec svg{flex:none;color:var(--tb-faint,#8A93A3)}
.tbs-rec:hover,.tbs-rec.is-act{background:var(--tb-well,#F4F5F7)}
.tbs-chips{display:flex;flex-wrap:wrap;gap:8px}
.tbs-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid #E6E9EE;border-radius:18px;background:#fff;font-size:13.5px;font-weight:700;color:#3A4353!important}
.tbs-chip:hover,.tbs-chip.is-act{border-color:var(--tb-blue,#1550E0);color:var(--tb-blue,#1550E0)!important}
.tbs-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tbs-cat{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--tb-well,#F4F5F7)}
.tbs-cat:hover,.tbs-cat.is-act{background:var(--tb-blue-soft,#EEF3FF)}
.tbs-ci{flex:none;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--tb-blue,#1550E0);display:flex;align-items:center;justify-content:center}
.tbs-cn{display:block;font-size:14px;font-weight:800;line-height:1.25}
.tbs-cc{display:block;font-size:12.5px;color:var(--tb-muted,#5B6475)}
.tbs-tip{margin-top:14px;padding:11px 14px;border:1px dashed #D5DAE2;border-radius:14px;font-size:13.5px;color:var(--tb-muted,#5B6475)}
.tbs-tip b{color:var(--tb-ink,#0B1220)}
.tbs-none{padding:24px}
.tbs-none-t{font-size:18px;font-weight:800}
.tbs-none p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:var(--tb-muted,#5B6475)}
.tbs-none-b{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 20px}
.tbs-wa,.tbs-sec-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;font-size:14.5px;font-weight:800}
.tbs-wa{background:#12805C;color:#fff!important}
.tbs-sec-btn{border:1px solid #E6E9EE}
.tbs-wa.is-act,.tbs-sec-btn.is-act{outline:2px solid var(--tb-blue,#1550E0);outline-offset:2px}
/* Mobil — tam ekran */
html.tbs-lock,html.tbs-lock body{overflow:hidden!important}
.tbs-m{position:fixed;inset:0;z-index:100000;background:#fff;display:flex;flex-direction:column;font-family:Nunito,system-ui,sans-serif;color:var(--tb-ink,#0B1220)}
.tbs-m-bar{flex:none;display:flex;align-items:center;gap:6px;margin:0;padding:10px 12px;border-bottom:1px solid var(--tb-line,#ECEEF2)}
.tbs-m .tbs-m-back,.tbs-m .tbs-m-x{flex:none;display:flex!important;align-items:center;justify-content:center;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--tb-ink,#0B1220)!important;cursor:pointer}
.tbs-m .tbs-m-back{width:44px!important;height:44px!important}
.tbs-m .tbs-m-back svg,.tbs-m .tbs-m-x svg{display:block;width:22px;height:22px;flex:none}
.tbs-m .tbs-m-x svg{width:13px;height:13px}
.tbs-m-f{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:46px;margin:0;padding:0 6px 0 12px;border-radius:14px;background:var(--tb-well,#F4F5F7);color:var(--tb-muted,#5B6475)}
.tbs-m-f input[type=search]{flex:1;min-width:0;height:40px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none;font:600 16px/1 Nunito,system-ui,sans-serif;color:var(--tb-ink,#0B1220);-webkit-appearance:none;appearance:none}
.tbs-m-f input::-webkit-search-cancel-button{display:none}
.tbs-m .tbs-m-x{width:32px!important;height:32px!important;border-radius:16px!important;background:#E6E9EE!important}
.tbs-m-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:14px 0 16px}
.tbs-m-body>.tbs-sec{padding:0 16px}
.tbs-m-body .tbs-rec{min-height:46px;padding:0;border-bottom:1px solid #F1F3F6;border-radius:0}
.tbs-m-body .tbs-chip{min-height:38px}
.tbs-m-body .tbs-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tbs-m-body .tbs-cat{padding:10px;gap:10px}
.tbs-m-body .tbs-ci{width:34px;height:34px}
.tbs-m-body .tbs-cn{font-size:13.5px}
.tbs-m-body .tbs-fix{margin:-14px 0 12px;padding:10px 16px}
.tbs-mchips{display:flex;gap:8px;overflow-x:auto;padding:0 16px 4px;scrollbar-width:none}
.tbs-mchips::-webkit-scrollbar{display:none}
.tbs-mchip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;border-radius:19px;background:var(--tb-well,#F4F5F7);font-size:13.5px;font-weight:800}
.tbs-mchip span{font-weight:700;opacity:.65}
.tbs-mchip.is-main{background:var(--tb-ink,#0B1220);color:#fff!important}
.tbs-m-body .tbs-h-p{margin:14px 16px 4px}
.tbs-m-body .tbs-it{padding:10px 16px;gap:12px}
.tbs-m-body .tbs-th{width:60px;height:60px}
.tbs-m-body .tbs-th img{width:50px!important;height:50px!important}
.tbs-m-body .tbs-n{font-size:14px}
.tbs-m-body .tbs-pr b{font-size:15px}
.tbs-m-body .tbs-none{padding:24px 16px;text-align:center}
.tbs-m-body .tbs-none-b{justify-content:center}
.tbs-m-body .tbs-none .tbs-h,.tbs-m-body .tbs-none .tbs-chips{text-align:left;justify-content:flex-start}
.tbs-m-foot{flex:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--tb-line,#ECEEF2);background:#fff}
.tbs-m-all{display:flex;align-items:center;justify-content:center;height:50px;border-radius:14px;background:var(--tb-blue,#1550E0);color:#fff!important;font-size:15.5px;font-weight:800}
/* UI/UX M5 (AXT-01/08/10/11) */
.tbs-m .tbs-m-x[hidden]{display:none!important}
.tbs-chips{flex-wrap:wrap}
.tb-ui .tbs-chip{flex:0 0 auto;border-color:#D5DAE3!important}
.tbs-cat{align-items:center;min-height:64px}
.tbs-cat>span:last-child{display:flex;flex-direction:column;justify-content:center}
.tbs-ci svg{width:20px;height:20px}
.tb-ui .tbs-wrap input[name=s]:focus{box-shadow:0 0 0 2px var(--tb-blue,#1550E0)!important;border-color:var(--tb-blue,#1550E0)!important}
.tbs-dx{position:absolute;right:52px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:#E6E9EE!important;color:var(--tb-ink,#0B1220);cursor:pointer;z-index:3;box-shadow:none!important}
.tbs-dx[hidden]{display:none!important}
.tbs-dx svg{width:12px;height:12px}
@media (max-width:1100px){.tbs-panel{width:max(100%,680px)}.tbs-grid,.tbs-grid.is-empty{grid-template-columns:220px minmax(0,1fr)}.tbs-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* /wp-content/plugins/techbar-ui/assets/acc-code.css */
/* TechBar UI — e-poçt kodu ilə giriş bloku (kabinet səhifəsi + başlıqdakı «Hesab» paneli). Prefiks tbac-.
Qonaqlara bütün səhifələrdə yüklənir (panel üçün) — kiçik saxla; kabinetin qalan stili account.css-dədir. */
body.tb-ui .tbac-code{display:flex;flex-direction:column;gap:14px}
body.tb-ui .tbac-step{display:flex;flex-direction:column;gap:10px;margin:0}
body.tb-ui .tbac-step[hidden],body.tb-ui .tbac-box[hidden]{display:none!important}
body.tb-ui .tbac-lab{display:block;margin:0;font-size:13.5px;font-weight:700;color:var(--tb-ink)}
body.tb-ui .tbac-in{width:100%;height:50px;box-sizing:border-box;margin:0;border:1px solid #D8DDE5!important;border-radius:12px!important;padding:0 14px!important;background:#fff!important;box-shadow:none!important;font:inherit;font-size:16px!important;color:var(--tb-ink)!important}
body.tb-ui .tbac-in:focus{outline:2px solid var(--tb-blue);outline-offset:0;border-color:var(--tb-blue)!important}
body.tb-ui .tbac-otp{height:58px;padding-left:.55em!important;font-size:26px!important;font-weight:700;letter-spacing:.55em;text-align:center;font-variant-numeric:tabular-nums}
body.tb-ui .tbac-otp::placeholder{color:#C4CBD6;letter-spacing:.55em}
body.tb-ui .tbac-hint,body.tb-ui .tbac-note{display:block;margin:0;font-size:12.5px;line-height:1.5;color:var(--tb-muted)}
body.tb-ui .tbac-lead{margin:0;font-size:14.5px;line-height:1.55;color:var(--tb-ink-2)}
body.tb-ui .tbac-lead b{color:var(--tb-ink)}
body.tb-ui .tbac-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;height:auto;margin:0;padding:0 22px;border:0!important;border-radius:13px!important;background:var(--tb-blue)!important;box-shadow:none!important;color:#fff!important;font:inherit;font-size:15.5px!important;font-weight:700!important;line-height:1.2;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;cursor:pointer}
body.tb-ui .tbac-btn:hover{background:var(--tb-blue-d)!important;color:#fff!important}
body.tb-ui .tbac-btn[disabled],body.tb-ui .tbac-btn.is-busy{opacity:.6;cursor:default}
body.tb-ui .tbac-link{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font:inherit;font-size:13.5px!important;font-weight:700!important;color:var(--tb-blue)!important;text-transform:none!important;text-decoration:none!important;cursor:pointer}
body.tb-ui .tbac-link[disabled]{opacity:1!important;color:#6B7485!important;font-weight:600!important;cursor:default}
body.tb-ui .tbac-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px}
body.tb-ui .tbac-row .tbac-link{white-space:nowrap}
body.tb-ui .tbac-msg{margin:0;font-size:13.5px;line-height:1.45;color:var(--tb-green)}
body.tb-ui .tbac-msg:empty{display:none}
body.tb-ui .tbac-msg.is-bad{color:var(--tb-red)}
body.tb-ui .tbac-alt-link{align-self:center;padding:6px 0;font-size:13.5px;font-weight:700;color:var(--tb-blue)!important}
/* Başlıq paneli (Woodmart .login-form-side qabığı saxlanır — açılıb-bağlanması temanın JS-idir) */
body.tb-ui .tbac-side .wd-heading .title{font-size:20px;font-weight:800;letter-spacing:-.01em;text-transform:none}
body.tb-ui .tbac-side-in{padding:20px}
body.tb-ui .tbac-side-in .tbac-hint{margin-top:-2px}
body.tb-ui .tbac-alt{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--tb-well);font-size:14px}
body.tb-ui .tbac-alt a{font-weight:700;color:var(--tb-blue)!important}
body.tb-ui .tbac-code :is(a,button,input):focus-visible,body.tb-ui .tbac-side :is(a,button,input):focus-visible{outline:2px solid var(--tb-blue)!important;outline-offset:2px}
/* /wp-content/plugins/techbar-ui/assets/mcart.css */
/* TechBar UI — yan səbət v3 (23.09). Kətan: «Yan səbət — dizayn təklifi».
Woodmart quruluşu saxlanır: .wd-heading + .shopping-cart-widget-body + .shopping-cart-widget-footer. */
/* ── panel və başlıq ── */
body.tb-ui .cart-widget-side{ width:420px !important; max-width:100vw; }
body.tb-ui .cart-widget-side .wd-heading{ padding:0 18px !important; min-height:60px; border-bottom:1px solid var(--tb-line); }
body.tb-ui .cart-widget-side .wd-heading .title{ font-size:18px !important; font-weight:700 !important; color:var(--tb-ink) !important; }
body.tb-ui .cart-widget-side .close-side-widget{ color:var(--tb-ink-2) !important; }
/* ── yuxarı zolaq ── */
body.tb-ui .tbs-mc-top{ padding:11px 18px; background:#F7F9FC; border-bottom:1px solid var(--tb-line); display:flex; flex-direction:column; gap:8px; }
body.tb-ui .tbs-mc-top.is-ok{ flex-direction:row; align-items:center; gap:9px; background:#EAF6F0; color:var(--tb-green); }
body.tb-ui .tbs-mc-top.is-ok span{ font-size:12.5px; font-weight:600; }
body.tb-ui .tbs-mc-top-row{ display:flex; align-items:center; gap:9px; color:var(--tb-amber); }
body.tb-ui .tbs-mc-top-row span{ font-size:13px; font-weight:500; color:var(--tb-ink); }
body.tb-ui .tbs-mc-top-row b{ font-weight:800; }
body.tb-ui .tbs-mc-bar{ display:block; height:6px; border-radius:3px; background:#E3E7EE; overflow:hidden; }
body.tb-ui .tbs-mc-bar b{ display:block; height:100%; border-radius:3px; background:var(--tb-blue); }
/* ── sətirlər: 168 → ~92 px ── */
body.tb-ui .cart-widget-side ul.cart_list li.woocommerce-mini-cart-item{
padding:12px 18px !important; margin:0 !important; border-bottom:1px solid var(--tb-line-2) !important;
display:grid !important; grid-template-columns:60px 1fr; gap:12px; align-items:start;
}
body.tb-ui .cart-widget-side ul.cart_list li.woocommerce-mini-cart-item::before,
body.tb-ui .cart-widget-side ul.cart_list li.woocommerce-mini-cart-item::after{ content:none !important; }
body.tb-ui .cart-widget-side .cart-item-image{ width:60px !important; height:60px !important; margin:0 !important; border-radius:10px; overflow:hidden; background:var(--tb-well); }
body.tb-ui .cart-widget-side .cart-item-image img{ width:100% !important; height:100% !important; object-fit:contain; mix-blend-mode:multiply; }
body.tb-ui .cart-widget-side .cart-item-link{ z-index:1; }
body.tb-ui .cart-widget-side .remove_from_cart_button{
position:absolute !important; right:14px !important; top:12px !important; z-index:3;
width:22px !important; height:22px !important; line-height:20px !important; font-size:15px !important;
color:#A6ADBA !important; background:transparent !important; border:0 !important; opacity:1 !important;
}
body.tb-ui .cart-widget-side .remove_from_cart_button:hover{ color:var(--tb-red) !important; }
body.tb-ui .cart-widget-side li.woocommerce-mini-cart-item{ position:relative; }
body.tb-ui .cart-widget-side .cart-info{
display:grid !important; grid-template-columns:1fr auto auto; column-gap:10px; row-gap:6px; align-items:center; padding-right:22px;
}
body.tb-ui .cart-widget-side .cart-info .wd-entities-title{
grid-column:1 / -1; margin:0 !important; font-size:13.5px !important; line-height:1.35 !important; font-weight:500 !important;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
body.tb-ui .cart-widget-side .cart-info .wd-entities-title a{ color:var(--tb-ink) !important; }
body.tb-ui .cart-widget-side .cart-info .wd-product-detail{ display:none !important; }
body.tb-ui .cart-widget-side .tbs-mc-stock{ grid-column:1; grid-row:2; font-size:11.5px; font-weight:600; color:var(--tb-green); }
body.tb-ui .cart-widget-side .tbs-mc-stock.is-vendor{ color:var(--tb-ink-2); }
body.tb-ui .cart-widget-side .tbs-mc-stock.is-order{ color:var(--tb-amber); }
body.tb-ui .cart-widget-side .tbs-mc-stock.is-out{ color:var(--tb-red); }
body.tb-ui .cart-widget-side .cart-info .tbs-mc-line{
grid-column:3; grid-row:2; font-size:15px !important; font-weight:700 !important; color:var(--tb-ink) !important; text-align:right; white-space:nowrap;
}
body.tb-ui .cart-widget-side .cart-info .quantity{
grid-column:2; grid-row:2; display:inline-flex !important; align-items:center; height:30px; margin:0 !important;
border:1px solid var(--tb-line); border-radius:9px; background:#FBFCFD; overflow:hidden;
}
body.tb-ui .cart-widget-side .cart-info .quantity input.qty{
width:28px !important; height:28px !important; min-height:0 !important; padding:0 !important; border:0 !important;
background:transparent !important; font-size:13px !important; font-weight:600 !important; color:var(--tb-ink) !important; text-align:center;
}
body.tb-ui .cart-widget-side .cart-info .quantity input.btn{
width:26px !important; height:28px !important; min-height:0 !important; padding:0 !important; border:0 !important;
background:transparent !important; color:var(--tb-ink-2) !important; font-size:14px !important; line-height:1 !important;
}
body.tb-ui .cart-widget-side .cart-info .quantity input.btn:hover{ color:var(--tb-blue) !important; background:var(--tb-blue-soft) !important; }
/* stoksuz sətir */
body.tb-ui .cart-widget-side li.tbs-mc-out{ background:#FAFBFC; }
body.tb-ui .cart-widget-side li.tbs-mc-out .cart-item-image{ opacity:.55; }
body.tb-ui .cart-widget-side li.tbs-mc-out .wd-entities-title a{ color:var(--tb-muted) !important; }
body.tb-ui .cart-widget-side li.tbs-mc-out .tbs-mc-line{ color:#A6ADBA !important; text-decoration:line-through; }
body.tb-ui .cart-widget-side li.tbs-mc-out .quantity{ display:none !important; }
body.tb-ui .cart-widget-side .tbs-mc-wl{
grid-column:1 / -1; grid-row:3; justify-self:start; padding:0; border:0; background:none; cursor:pointer;
font:inherit; font-size:11.5px; font-weight:600; color:var(--tb-blue);
}
body.tb-ui .cart-widget-side .tbs-mc-wl:hover{ text-decoration:underline; }
/* ── aksesuar təklifi (siyahının sonunda) ── */
body.tb-ui .cart-widget-side li.tbs-acc{
padding:14px 18px 16px !important; border-bottom:0 !important; display:block !important; background:#FBFCFD;
}
body.tb-ui .cart-widget-side li.tbs-acc::before{ content:none !important; }
body.tb-ui .tbs-acc-t{ display:block; margin-bottom:10px; font-size:13px; font-weight:700; color:var(--tb-ink); }
body.tb-ui .tbs-acc-row{ display:flex; align-items:center; gap:11px; padding:6px 0; }
body.tb-ui .tbs-acc-img{ width:42px; height:42px; flex:none; border-radius:9px; background:var(--tb-well); overflow:hidden; display:block; }
body.tb-ui .tbs-acc-img img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
body.tb-ui .tbs-acc-info{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:1px; }
body.tb-ui .tbs-acc-ad{ font-size:12.5px; color:var(--tb-ink) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.tb-ui .tbs-acc-info b{ font-size:12.5px; font-weight:700; color:var(--tb-ink); }
body.tb-ui .cart-widget-side .tbs-acc-add{
flex:none; height:32px !important; line-height:30px !important; padding:0 13px !important; margin:0 !important;
border:1px solid #CBDCFA !important; border-radius:9px !important; background:var(--tb-blue-soft) !important;
color:var(--tb-blue) !important; font-size:12.5px !important; font-weight:700 !important; text-transform:none !important; box-shadow:none !important;
}
body.tb-ui .cart-widget-side .tbs-acc-add:hover{ background:var(--tb-blue) !important; color:#fff !important; }
body.tb-ui .cart-widget-side .tbs-acc-row .added_to_cart{ display:none !important; }
/* ── alt blok ── */
body.tb-ui .cart-widget-side .shopping-cart-widget-footer{ padding:14px 18px 18px !important; border-top:1px solid var(--tb-line); }
body.tb-ui .cart-widget-side .woocommerce-mini-cart__total{ display:none !important; } /* «Qiymət:» — yerinə öz cəm blokumuz */
body.tb-ui .tbs-sum{ display:flex; flex-direction:column; gap:6px; margin-bottom:9px; }
body.tb-ui .tbs-sum-r{ display:flex; align-items:baseline; justify-content:space-between; font-size:13px; color:var(--tb-muted); }
body.tb-ui .tbs-sum-r span:last-child{ font-size:14px; color:var(--tb-ink-2); }
body.tb-ui .tbs-sum-r span.is-free{ color:var(--tb-green); font-weight:600; }
body.tb-ui .tbs-sum-line{ height:1px; background:var(--tb-line); }
body.tb-ui .tbs-sum-r.is-total span:first-child{ font-size:15px; font-weight:700; color:var(--tb-ink); }
body.tb-ui .tbs-sum-r.is-total span:last-child{ font-size:25px; font-weight:800; color:var(--tb-ink); }
body.tb-ui .tbs-chips{ display:flex; gap:7px; margin-bottom:6px; }
/* Məlumat qutuları (seçim deyil — çərçivə/seçilmiş görünüş yoxdur; UI/UX M1, PNC-07) */
body.tb-ui .tbs-chip{
flex:1 1 0; min-width:0; border:0; border-radius:10px; padding:7px 8px; background:#F4F6FA;
display:flex; flex-direction:column; align-items:flex-start; gap:1px; text-align:left; cursor:default;
}
body.tb-ui .tbs-chip i{ font-style:normal; font-size:11px; font-weight:600; color:var(--tb-muted); white-space:nowrap; }
body.tb-ui .tbs-chip > span{ font-size:12px; font-weight:500; color:var(--tb-ink); white-space:nowrap; }
body.tb-ui .tbs-chip b{ font-size:12.5px; font-weight:700; color:var(--tb-ink); white-space:nowrap; }
body.tb-ui .tbs-chips-note{ display:block; margin-bottom:9px; font-size:10.5px; color:var(--tb-faint); text-align:center; }
body.tb-ui .cart-widget-side .woocommerce-mini-cart__buttons{ margin:0 !important; display:flex; flex-direction:column; gap:8px; }
body.tb-ui .cart-widget-side .tbs-mc-go{
height:54px !important; line-height:54px !important; padding:0 !important; margin:0 !important; width:100% !important;
border:0 !important; border-radius:13px !important; background:var(--tb-blue) !important; color:#fff !important;
font-size:15.5px !important; font-weight:700 !important; text-align:center; text-transform:none !important; box-shadow:none !important;
}
body.tb-ui .cart-widget-side .tbs-mc-go:hover{ background:var(--tb-blue-d) !important; }
body.tb-ui .tbs-mc-links{ display:flex; align-items:center; justify-content:center; gap:10px; }
body.tb-ui .cart-widget-side .tbs-mc-links a,
body.tb-ui .cart-widget-side .tbs-mc-links button{
display:inline !important; width:auto !important; height:auto !important; min-height:0 !important; line-height:1.4 !important;
border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important;
padding:0 !important; margin:0 !important; font:inherit; font-size:13px !important; font-weight:600 !important;
letter-spacing:0 !important; text-transform:none !important; cursor:pointer;
color:var(--tb-blue) !important; text-decoration:none !important;
}
body.tb-ui .cart-widget-side .tbs-mc-links .tbs-mc-close{ color:var(--tb-muted) !important; font-weight:400 !important; }
body.tb-ui .tbs-mc-links a:hover, body.tb-ui .tbs-mc-links button:hover{ text-decoration:underline !important; }
body.tb-ui .tbs-mc-dot{ color:#D8DDE5; }
body.tb-ui .tbs-mc-trust{ display:block; margin-top:4px; font-size:11px; color:var(--tb-faint); text-align:center; }
/* ── boş səbət ── */
body.tb-ui .cart-widget-side .wd-empty-mini-cart{ display:none !important; }
body.tb-ui .cart-widget-side .shopping-cart-widget-footer.wd-cart-empty{ display:none !important; }
body.tb-ui .tbs-mc-empty{ padding:44px 22px; display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; }
body.tb-ui .tbs-mc-empty-ico{ width:64px; height:64px; border-radius:50%; background:var(--tb-blue-soft); color:var(--tb-blue); display:flex; align-items:center; justify-content:center; }
body.tb-ui .tbs-mc-empty-t{ font-size:16px; font-weight:700; color:var(--tb-ink); }
body.tb-ui .tbs-mc-empty-p{ font-size:12.5px; line-height:1.5; color:var(--tb-muted); max-width:260px; }
body.tb-ui .tbs-mc-empty-links{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:4px; }
body.tb-ui .tbs-mc-empty-links a{
height:38px; padding:0 14px; display:inline-flex; align-items:center;
border:1px solid var(--tb-line); border-radius:11px; font-size:12.5px; font-weight:600; color:var(--tb-ink) !important;
}
body.tb-ui .tbs-mc-empty-links a:hover{ border-color:var(--tb-blue); color:var(--tb-blue) !important; }
/* ── mobil ── */
@media (max-width:767px){
body.tb-ui .cart-widget-side{ width:100vw !important; }
body.tb-ui .cart-widget-side ul.cart_list li.woocommerce-mini-cart-item{ padding:11px 16px !important; grid-template-columns:56px 1fr; gap:11px; }
body.tb-ui .cart-widget-side .cart-item-image{ width:56px !important; height:56px !important; }
body.tb-ui .cart-widget-side .cart-info .wd-entities-title{ font-size:13px !important; }
body.tb-ui .cart-widget-side .tbs-mc-line{ font-size:14.5px !important; }
body.tb-ui .cart-widget-side .shopping-cart-widget-footer{ padding:12px 16px 16px !important; }
body.tb-ui .tbs-sum-r.is-total span:last-child{ font-size:23px; }
body.tb-ui .tbs-chip i{ font-size:10.5px; }
body.tb-ui .tbs-chip b{ font-size:12px; }
body.tb-ui .tbs-mc-trust{ display:none; }
/* mobil alt blok yığcam: detal sətirləri gizli, çatdırılma «Cəmi» sətrində */
body.tb-ui .tbs-sum-r:not(.is-total),
body.tb-ui .tbs-sum-line,
body.tb-ui .tbs-chips-note{ display:none !important; }
body.tb-ui .tbs-sum{ margin-bottom:8px; }
body.tb-ui .tbs-sum.is-free .tbs-sum-r.is-total span:first-child::after{
content:" · çatdırılma pulsuz"; font-size:12px; font-weight:400; color:var(--tb-muted);
}
body.tb-ui .tbs-chips{ margin-bottom:9px; }
}
/* ── UI/UX M2 (24.09) ── */
/* PNC-02: tövsiyə şəkli çərçivədən çıxmasın */
body.tb-ui .cart-widget-side .tbs-acc-img img{ width:100% !important; height:100% !important; max-width:100% !important; min-width:0 !important; object-fit:contain !important; margin:0 !important; }
/* PNC-14: qiymətə sabit en — say bloku hər sətirdə eyni yerdə */
body.tb-ui .cart-widget-side .cart-info .tbs-mc-line{ min-width:72px; }
/* PNC-14, PNC-04: «−» «+» ilə eyni ölçüdə */
body.tb-ui .cart-widget-side .cart-info .quantity input.btn{ font-size:17px !important; font-weight:500 !important; }
/* PNC-22: alt blok yığcam — çip qeydi və zəmanət bir sətirdə deyil, qeyd gizli; çiplər kiçik */
body.tb-ui .tbs-chips-note{ display:none !important; }
body.tb-ui .tbs-chip{ padding:6px 8px; }
body.tb-ui .tbs-sum{ gap:4px; margin-bottom:8px; }
body.tb-ui .cart-widget-side .shopping-cart-widget-footer{ padding-top:12px !important; }
body.tb-ui .cart-widget-side .tbs-mc-go{ height:50px !important; line-height:50px !important; }
/* PNC-04: mobil — say düymələri, silmə və «Bağla» barmaq üçün ≥40–44 px */
@media (max-width:767px){
body.tb-ui .cart-widget-side .cart-info .quantity{ height:38px; }
body.tb-ui .cart-widget-side .cart-info .quantity input.btn{ width:40px !important; height:36px !important; }
body.tb-ui .cart-widget-side .cart-info .quantity input.qty{ width:30px !important; height:36px !important; font-size:16px !important; }
body.tb-ui .cart-widget-side .remove_from_cart_button{ width:44px !important; height:44px !important; line-height:44px !important; right:4px !important; top:2px !important; text-align:center; }
body.tb-ui .cart-widget-side .close-side-widget, body.tb-ui .cart-widget-side .close-side-widget a{ min-height:44px; display:inline-flex !important; align-items:center; }
body.tb-ui .cart-widget-side .cart-info{ padding-right:30px; }
}