/* /wp-content/plugins/elementor/assets/css/widget-heading.min.css */
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}
/* /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/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/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/gaming.css */
/* TechBar UI — Gaming Zone (/gaming-zone). home.css + archive.css üstündən; yalnız bu səhifədə yüklənir. */
/* ═══ Giriş bloku: tünd, ızgara + mavi/yaşıl işıq ═══ */
body.tb-ui .tbui-gz-hero{
position:relative; isolation:isolate; overflow:hidden; border-radius:28px; padding:44px 44px 44px 52px;
background:#0B1220; color:#fff;
display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:48px; align-items:center;
}
body.tb-ui .tbui-gz-hero::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-size:32px 32px;
background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
-webkit-mask-image:radial-gradient(90% 90% at 30% 40%, #000 20%, transparent 80%);
mask-image:radial-gradient(90% 90% at 30% 40%, #000 20%, transparent 80%);
}
body.tb-ui .tbui-gz-hero::after{
content:""; position:absolute; inset:0; z-index:-2; pointer-events:none;
background:
radial-gradient(45% 75% at 88% 18%, rgba(21,80,224,.62) 0%, rgba(21,80,224,0) 70%),
radial-gradient(40% 70% at 62% 115%, rgba(108,139,255,.30) 0%, rgba(108,139,255,0) 70%),
radial-gradient(35% 60% at -2% 105%, rgba(18,184,134,.26) 0%, rgba(18,184,134,0) 70%);
}
body.tb-ui .tbui-gz-e{ display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:800; letter-spacing:1.8px; text-transform:uppercase; color:#9DB7FF; }
body.tb-ui .tbui-gz-e i{ width:8px; height:8px; border-radius:50%; background:#12B886; box-shadow:0 0 0 4px rgba(18,184,134,.18); }
body.tb-ui .tbui-gz-h1{ margin:14px 0 0; font-size:52px; line-height:1.02; font-weight:800; letter-spacing:-1.8px; color:#fff; text-transform:none; }
body.tb-ui .tbui-gz-lead{ margin:14px 0 0; max-width:520px; font-size:17px; line-height:1.55; color:rgba(255,255,255,.72); }
body.tb-ui .tbui-gz-ctas{ display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
body.tb-ui .tbui-gz-btn{
height:52px; padding:0 22px; border-radius:14px; display:inline-flex; align-items:center; gap:10px;
font-size:15.5px; font-weight:800; color:#fff; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.04);
transition:background .15s ease, border-color .15s ease;
}
body.tb-ui .tbui-gz-btn:hover{ color:#fff; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.35); }
body.tb-ui .tbui-gz-btn.is-main{ background:var(--tb-blue); border-color:var(--tb-blue); box-shadow:0 10px 28px rgba(21,80,224,.45); }
body.tb-ui .tbui-gz-btn.is-main:hover{ background:#2A62F0; border-color:#2A62F0; }
body.tb-ui .tbui-gz-stats{ list-style:none; margin:34px 0 0; padding:22px 0 0; display:flex; gap:0; border-top:1px solid rgba(255,255,255,.12); }
body.tb-ui .tbui-gz-stats li{ margin:0; padding:0 28px; border-left:1px solid rgba(255,255,255,.12); }
body.tb-ui .tbui-gz-stats li:first-child{ padding-left:0; border-left:0; }
body.tb-ui .tbui-gz-stats b{ display:block; font-size:26px; font-weight:800; letter-spacing:-.6px; color:#fff; line-height:1.1; }
body.tb-ui .tbui-gz-stats span{ display:block; margin-top:4px; font-size:13px; color:rgba(255,255,255,.6); }
/* Seçilmiş Gaming PC */
body.tb-ui .tbui-gz-lead-card{
display:flex; flex-direction:column; padding:14px; border-radius:22px; background:#fff; color:var(--tb-ink);
box-shadow:0 24px 60px rgba(0,0,0,.35); transition:transform .2s ease;
}
body.tb-ui .tbui-gz-lead-card:hover{ transform:translateY(-3px); color:var(--tb-ink); }
body.tb-ui .tbui-gz-lc-img{ position:relative; display:flex; align-items:center; justify-content:center; height:230px; border-radius:16px; background:var(--tb-well); }
body.tb-ui .tbui-gz-lc-img img{ width:82%; height:88%; object-fit:contain; mix-blend-mode:multiply; }
body.tb-ui .tbui-gz-lc-k{ margin:14px 4px 0; font-size:11px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:var(--tb-blue); }
body.tb-ui .tbui-gz-lc-n{
margin:4px 4px 0; font-size:16px; font-weight:800; letter-spacing:-.2px; line-height:1.3;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
body.tb-ui .tbui-gz-lc-sp{ display:flex; flex-wrap:wrap; gap:6px; margin:10px 4px 0; }
body.tb-ui .tbui-gz-lc-sp em{ font-style:normal; font-size:12px; font-weight:700; color:var(--tb-ink-2); background:var(--tb-well); border-radius:8px; padding:4px 8px; }
body.tb-ui .tbui-gz-lc-f{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:14px 4px 2px; padding-top:12px; border-top:1px solid var(--tb-line); }
body.tb-ui .tbui-gz-lc-pr{ display:flex; align-items:baseline; gap:8px; }
body.tb-ui .tbui-gz-lc-pr b{ font-size:24px; font-weight:800; letter-spacing:-.6px; }
body.tb-ui .tbui-gz-lc-pr s{ font-size:13.5px; color:var(--tb-faint); }
body.tb-ui .tbui-gz-lc-m{ display:block; margin-top:2px; font-size:13px; font-weight:700; color:var(--tb-blue); }
body.tb-ui .tbui-gz-lc-go{ flex:none; width:44px; height:44px; border-radius:12px; background:var(--tb-blue); color:#fff; display:flex; align-items:center; justify-content:center; }
body.tb-ui .tbui-gz-lead-card:hover .tbui-gz-lc-go{ background:var(--tb-blue-d); }
/* ═══ Kateqoriyalar: ana səhifə kafelləri + stok sayı ═══ */
body.tb-ui .tbui-gz-cats-sec{ margin-top:36px; }
body.tb-ui .tbui-gz-cats .tbui-cat{ gap:0; }
body.tb-ui .tbui-gz-cats .tbui-cat-l{ margin-top:10px; }
body.tb-ui .tbui-gz-cat-n{ margin-top:2px; font-size:12.5px; color:var(--tb-faint); }
/* ═══ «Özün yığ»: ana səhifədəki blok, burada eninə ═══ */
body.tb-ui .tbui-pc.tbui-gz-build{ display:flex; flex-direction:row; align-items:center; gap:40px; padding:30px 32px; }
body.tb-ui .tbui-gz-build-t{ flex:none; width:300px; display:flex; flex-direction:column; }
body.tb-ui .tbui-gz-build .tbui-pc-h{ margin-top:4px; font-size:26px; letter-spacing:-.6px; }
body.tb-ui .tbui-gz-build .tbui-pc-sub{ font-size:14px; }
body.tb-ui .tbui-gz-build .tbui-pcm-chain{ flex:1 1 auto; min-width:0; }
body.tb-ui .tbui-gz-build .tbui-pc-cta{ flex:none; margin-top:0; padding:0 26px; }
/* ═══ PC hissələri ═══ */
body.tb-ui .tbui-gz-pgrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
body.tb-ui .tbui-gz-part{
display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:16px; border:1px solid var(--tb-line); background:#fff; color:var(--tb-ink);
transition:border-color .15s ease, box-shadow .15s ease;
}
body.tb-ui .tbui-gz-part:hover{ color:var(--tb-ink); border-color:#D6DDF0; box-shadow:0 8px 22px rgba(38,48,90,.07); }
body.tb-ui .tbui-gz-part-ic{ flex:none; width:48px; height:48px; border-radius:14px; 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-gz-part:hover .tbui-gz-part-ic{ background:var(--tb-blue-soft); color:var(--tb-blue); }
body.tb-ui .tbui-gz-part-t{ flex:1 1 auto; min-width:0; }
body.tb-ui .tbui-gz-part-n{ display:block; font-size:15.5px; font-weight:700; }
body.tb-ui .tbui-gz-part-m{ display:block; margin-top:2px; font-size:13px; color:var(--tb-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.tb-ui .tbui-gz-part-go{ flex:none; color:var(--tb-faint); transition:color .15s ease, transform .15s ease; }
body.tb-ui .tbui-gz-part:hover .tbui-gz-part-go{ color:var(--tb-blue); transform:translateX(2px); }
/* ═══ Planşet ═══ */
@media (max-width:1024px){
body.tb-ui .tbui-gz-hero{ grid-template-columns:minmax(0,1fr) 320px; gap:28px; padding:36px 32px; }
body.tb-ui .tbui-gz-h1{ font-size:42px; }
body.tb-ui .tbui-gz-lc-img{ height:190px; }
body.tb-ui .tbui-gz-stats li{ padding:0 18px; }
body.tb-ui .tbui-pc.tbui-gz-build{ flex-wrap:wrap; gap:22px; }
body.tb-ui .tbui-gz-build-t{ width:100%; }
body.tb-ui .tbui-gz-pgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* ═══ Mobil ═══ */
@media (max-width:767px){
body.tb-ui .tbui-gz-hero{ display:block; margin:0 -15px; border-radius:0 0 24px 24px; padding:28px 18px 20px; }
body.tb-ui .tbui-gz-e{ font-size:11px; }
body.tb-ui .tbui-gz-h1{ margin-top:10px; font-size:34px; letter-spacing:-1.1px; }
body.tb-ui .tbui-gz-lead{ font-size:15px; }
body.tb-ui .tbui-gz-ctas{ margin-top:20px; gap:10px; }
body.tb-ui .tbui-gz-btn{ flex:1 1 0; justify-content:center; height:48px; padding:0 12px; font-size:14.5px; }
body.tb-ui .tbui-gz-btn.is-main svg{ display:none; }
body.tb-ui .tbui-gz-stats{ margin-top:22px; padding-top:16px; justify-content:space-between; }
body.tb-ui .tbui-gz-stats li{ padding:0 10px; }
body.tb-ui .tbui-gz-stats b{ font-size:20px; }
body.tb-ui .tbui-gz-stats span{ font-size:11.5px; }
/* Seçilmiş PC mobildə yığcam sətir: şəkil solda */
body.tb-ui .tbui-gz-lead-card{ margin-top:20px; display:grid; grid-template-columns:108px minmax(0,1fr); column-gap:12px; padding:10px; border-radius:18px; }
body.tb-ui .tbui-gz-lc-img{ grid-row:1 / span 4; height:108px; border-radius:12px; }
body.tb-ui .tbui-gz-lc-img .tbui-dl-pill{ display:none; }
body.tb-ui .tbui-gz-lc-k{ margin:2px 0 0; font-size:10px; }
body.tb-ui .tbui-gz-lc-n{ margin:2px 0 0; font-size:14px; }
body.tb-ui .tbui-gz-lc-sp{ display:none; }
body.tb-ui .tbui-gz-lc-f{ margin:8px 0 0; padding-top:8px; }
body.tb-ui .tbui-gz-lc-pr b{ font-size:18px; }
body.tb-ui .tbui-gz-lc-go{ width:36px; height:36px; border-radius:10px; }
body.tb-ui .tbui-gz-cats-sec{ margin-top:24px; }
body.tb-ui .tbui-cats.tbui-gz-cats{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 8px; } /* 8 kafel = 2 tam sətir (ana səhifədə 3 sütun) */
body.tb-ui .tbui-gz-cats .tbui-cat-ic{ height:64px; border-radius:16px; }
body.tb-ui .tbui-gz-cats .tbui-cat-ic svg{ width:26px; height:26px; }
body.tb-ui .tbui-gz-cat-n{ font-size:11px; }
body.tb-ui .tbui-gz-cats .tbui-cat-l{ margin-top:7px; font-size:12px; line-height:1.25; }
body.tb-ui .tbui-pc.tbui-gz-build{ display:flex; flex-direction:column; align-items:stretch; gap:14px; padding:20px 16px 16px; border-radius:20px; }
body.tb-ui .tbui-gz-build .tbui-pc-beam{ border-radius:20px; }
body.tb-ui .tbui-gz-build .tbui-pc-h{ font-size:20px; }
body.tb-ui .tbui-gz-build .tbui-pc-sub{ font-size:12.5px; }
body.tb-ui .tbui-gz-build .tbui-pc-cta{ height:48px; }
body.tb-ui .tbui-gz-pgrid{ grid-template-columns:minmax(0,1fr); gap:8px; }
body.tb-ui .tbui-gz-part{ padding:10px 12px; gap:12px; border-radius:14px; }
body.tb-ui .tbui-gz-part-ic{ width:42px; height:42px; border-radius:12px; }
body.tb-ui .tbui-gz-part-ic svg{ width:22px; height:22px; }
}
/* UI/UX M5 (DSN-05): qırıntı H1-in üstündə — kataloqla eyni üslub */
body.tb-ui .tbc-bc{ margin:0 0 8px; }
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; }
/* /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; }
}
/* /wp-content/themes/woodmart/css/parts/base.min.css */
:root{--wd-text-line-height: 1.6;--wd-brd-radius: .001px;--wd-form-height: 42px;--wd-form-color: inherit;--wd-form-placeholder-color: inherit;--wd-form-bg: transparent;--wd-form-brd-color: rgba(0,0,0,0.1);--wd-form-brd-color-focus: rgba(0,0,0,0.15);--wd-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==);--wd-main-bgcolor: #fff;--wd-scroll-w: .001px;--wd-admin-bar-h: .001px;--wd-block-spacing: 20px;--wd-header-banner-mt: .001px;--wd-sticky-nav-w: .001px;--color-white: #fff;--color-gray-100: #f7f7f7;--color-gray-200: #f1f1f1;--color-gray-300: #bbb;--color-gray-400: #a5a5a5;--color-gray-500: #767676;--color-gray-600: #666;--color-gray-700: #555;--color-gray-800: #333;--color-gray-900: #242424;--bgcolor-black-rgb: 0,0,0;--bgcolor-white-rgb: 255,255,255;--bgcolor-white: #fff;--bgcolor-gray-100: #f7f7f7;--bgcolor-gray-200: #f7f7f7;--bgcolor-gray-300: #f1f1f1;--bgcolor-gray-400: rgba(187,187,187,0.4);--brdcolor-gray-200: rgba(0,0,0,0.075);--brdcolor-gray-300: rgba(0,0,0,0.105);--brdcolor-gray-400: rgba(0,0,0,0.12);--brdcolor-gray-500: rgba(0,0,0,0.2);--wd-start: start;--wd-end: end;--wd-center: center;--wd-stretch: stretch}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{line-height:1;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;overflow-x:hidden;overflow-y:scroll}ol,ul{list-style:none}caption{vertical-align:middle;text-align:left}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}a,button,input{touch-action:manipulation}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;padding:0;border:0}body{margin:0;background-color:#fff;color:var(--wd-text-color);text-rendering:optimizeLegibility;font-weight:var(--wd-text-font-weight);font-style:var(--wd-text-font-style);font-size:var(--wd-text-font-size);font-family:var(--wd-text-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--wd-text-line-height)}@supports (overflow: clip){body{overflow-x:clip}}:is(body){height:auto}p{margin-bottom:var(--wd-tags-mb, 20px)}a{color:var(--wd-link-color);text-decoration:none;transition:all .25s ease}a:is(:hover,:focus,:active){outline:none;text-decoration:none}a:hover{color:var(--wd-link-color-hover)}a:focus{outline:none}:is(h1,h2,h3,h4,h5,h6,.title) a{color:inherit}:is(h1,h2,h3,h4,h5,h6,.title) a:hover{color:var(--wd-link-color-hover)}label{display:block;margin-bottom:5px;color:var(--wd-title-color);vertical-align:middle;font-weight:400}em{font-style:italic}big{font-size:larger}abbr{border-bottom:1px dotted;color:#D62432;text-decoration:none}acronym{border-bottom:1px dotted;text-decoration:none}.required{border:none;color:#E01020;font-size:16px;line-height:1}abbr[title]{border:none}dl{margin-bottom:20px;margin-bottom:20px}strong,b{font-weight:600}mark{display:inline-block;padding:5px 8px;background-color:#f7f7f7;color:#242424;font-weight:600;line-height:1}code,kbd{padding:2px 5px}code,kbd,pre,samp{-webkit-hyphens:none;hyphens:none;font-family:monospace, serif}ins{text-decoration:none}pre{overflow:auto;margin-bottom:20px;padding:20px;background:#f7f7f7;text-align:left;white-space:pre;white-space:pre-wrap;word-wrap:break-word}dfn{font-style:italic}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:1}sup{top:-.25em}sub{bottom:-.25em}var{font-style:italic}small{font-size:80%}hr{margin-top:20px;margin-bottom:20px;border:none;border-bottom:1px solid currentColor;opacity:.2}iframe,embed{max-width:100%}blockquote{margin-bottom:20px;padding-left:30px;border-left:2px solid var(--wd-primary-color);text-align:left;font-size:110%;--wd-tags-mb: 10px}blockquote cite{display:block;margin-top:10px;color:var(--wd-primary-color);font-weight:600;font-size:90%}blockquote cite a{color:inherit}cite{font-style:italic}address{margin-bottom:20px;font-style:italic;font-size:110%;line-height:1.8}fieldset{margin-bottom:20px;padding:20px 40px;border:2px solid var(--brdcolor-gray-300);border-radius:var(--wd-brd-radius)}fieldset legend{margin-bottom:0;padding-right:15px;padding-left:15px;width:auto}legend{text-transform:uppercase;font-size:22px}video{display:block}audio,canvas,progress{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}img{max-width:100%;height:auto;border:0;vertical-align:middle}.svg-icon{display:inline-block}.svg-icon svg{width:inherit !important;height:inherit !important}svg:not(:root){overflow:hidden}:is(.wd-custom-icon,picture.wd-custom-icon img){max-width:38px}h1{font-size:28px}h2{font-size:24px}h3{font-size:22px}h4{font-size:18px}h5{font-size:16px}h6{font-size:12px}.wd-entities-title a{color:inherit}.wd-el-title{display:flex !important;align-items:center;gap:10px;font-size:22px}.wd-el-title .img-wrapper{display:flex;flex:0 0 auto}.wd-el-title .img-wrapper img{min-width:18px}.wd-label{color:var(--color-gray-800);font-weight:600}legend,h1,h2,h3,h4,h5,h6,.title{display:block;margin-bottom:var(--wd-tags-mb, 20px);color:var(--wd-title-color);text-transform:var(--wd-title-transform);font-weight:var(--wd-title-font-weight);font-style:var(--wd-title-font-style);font-family:var(--wd-title-font);line-height:1.4}.wd-entities-title{display:block;color:var(--wd-entities-title-color);word-wrap:break-word;font-weight:var(--wd-entities-title-font-weight);font-style:var(--wd-entities-title-font-style);font-family:var(--wd-entities-title-font);text-transform:var(--wd-entities-title-transform);line-height:1.4}a.wd-entities-title:hover,.wd-entities-title a:hover{color:var(--wd-entities-title-color-hover)}:is(ul,ol){margin-bottom:var(--list-mb);padding-left:var(--li-pl);--list-mb: 20px;--li-mb: 10px;--li-pl: 17px}:is(ul,ol) li{margin-bottom:var(--li-mb)}:is(ul,ol) li:last-child{margin-bottom:0}li>:is(ul,ol){margin-top:var(--li-mb);margin-bottom:0}ul{list-style:disc}ol{list-style:decimal}dl dt{color:var(--color-gray-800);font-weight:600}dl dd{margin-bottom:20px}.unordered-list ul,.unordered-list ol{margin-left:20px}.unordered-list li:before{margin-right:10px;font-size:8px;content:"\f113";font-family:"woodmart-font"}.unordered-list,.wd-sub-menu,.textwidget .menu,.unordered-list ul,.wd-sub-menu ul,.textwidget .menu ul,.unordered-list ol,.wd-sub-menu ol,.textwidget .menu ol,.wd-nav,nav[class*="-pagination"] ul{list-style:none;--li-pl: 0}.wd-sub-menu,.wd-sub-menu ul,.wd-sub-menu ol,.wd-nav,nav[class*="-pagination"] ul{--list-mb: 0;--li-mb: 0}.wd-align{text-align:var(--wd-align)}.text-center{--content-align: center;--wd-align: center;--text-align: center;text-align:var(--text-align)}.text-right{--text-align: right;text-align:var(--text-align);--content-align: flex-end;--wd-align: flex-end}.text-left{--text-align: left;text-align:var(--text-align);--content-align: flex-start;--wd-align: flex-start}[class*="color-scheme-light"]{--color-white: #000;--color-gray-100: rgba(255,255,255,0.1);--color-gray-200: rgba(255,255,255,0.2);--color-gray-300: rgba(255,255,255,0.5);--color-gray-400: rgba(255,255,255,0.6);--color-gray-500: rgba(255,255,255,0.7);--color-gray-600: rgba(255,255,255,0.8);--color-gray-700: rgba(255,255,255,0.9);--color-gray-800: #fff;--color-gray-900: #fff;--bgcolor-black-rgb: 255,255,255;--bgcolor-white-rgb: 0,0,0;--bgcolor-white: #0f0f0f;--bgcolor-gray-100: #0a0a0a;--bgcolor-gray-200: #121212;--bgcolor-gray-300: #141414;--bgcolor-gray-400: #171717;--brdcolor-gray-200: rgba(255,255,255,0.1);--brdcolor-gray-300: rgba(255,255,255,0.15);--brdcolor-gray-400: rgba(255,255,255,0.25);--brdcolor-gray-500: rgba(255,255,255,0.3);--wd-text-color: rgba(255,255,255,0.8);--wd-title-color: #fff;--wd-widget-title-color: var(--wd-title-color);--wd-entities-title-color: #fff;--wd-entities-title-color-hover: rgba(255,255,255,0.8);--wd-link-color: rgba(255,255,255,0.9);--wd-link-color-hover: #fff;--wd-form-brd-color: rgba(255,255,255,0.2);--wd-form-brd-color-focus: rgba(255,255,255,0.3);--wd-form-placeholder-color: rgba(255,255,255,0.6);--wd-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KSI+PHBhdGggZD0iTTYgOWw2IDYgNi02Ii8+PC9zdmc+);--wd-main-bgcolor: #1a1a1a;color:var(--wd-text-color)}.color-scheme-dark{--color-white: #fff;--color-gray-100: #f7f7f7;--color-gray-200: #f1f1f1;--color-gray-300: #bbb;--color-gray-400: #a5a5a5;--color-gray-500: #767676;--color-gray-600: #666;--color-gray-700: #555;--color-gray-800: #333;--color-gray-900: #242424;--bgcolor-black-rgb: 0,0,0;--bgcolor-white-rgb: 255,255,255;--bgcolor-white: #fff;--bgcolor-gray-100: #f7f7f7;--bgcolor-gray-200: #f7f7f7;--bgcolor-gray-300: #f1f1f1;--bgcolor-gray-400: rgba(187,187,187,0.4);--brdcolor-gray-200: rgba(0,0,0,0.075);--brdcolor-gray-300: rgba(0,0,0,0.105);--brdcolor-gray-400: rgba(0,0,0,0.12);--brdcolor-gray-500: rgba(0,0,0,0.2);--wd-text-color: #767676;--wd-title-color: #242424;--wd-entities-title-color: #333;--wd-entities-title-color-hover: rgba(51,51,51,0.65);--wd-link-color: #333;--wd-link-color-hover: #242424;--wd-form-brd-color: rgba(0,0,0,0.1);--wd-form-brd-color-focus: rgba(0,0,0,0.15);--wd-form-placeholder-color: #767676;color:var(--wd-text-color)}.wd-fill{position:absolute;inset:0}.wd-hide{display:none !important}.wd-set-mb{--wd-mb: 15px}.wd-set-mb>*{margin-bottom:var(--wd-mb)}.reset-last-child>*:last-child{margin-bottom:0}.clear{clear:both;width:100%}@keyframes wd-rotate{100%{transform:rotate(360deg)}}@keyframes wd-fadeIn{from{opacity:0}to{opacity:1}}@keyframes wd-fadeInBottomShort{from{transform:translate3d(0, 20px, 0)}to{transform:none}}table{margin-bottom:35px;width:100%;border-spacing:0;border-collapse:collapse;line-height:1.4}table th{padding:15px 10px;border-bottom:2px solid var(--brdcolor-gray-200);color:var(--wd-title-color);text-transform:uppercase;font-size:16px;font-weight:var(--wd-title-font-weight);font-style:var(--wd-title-font-style);font-family:var(--wd-title-font);vertical-align:middle;text-align:start}table td{padding:15px 12px;border-bottom:1px solid var(--brdcolor-gray-300);vertical-align:middle;text-align:start}table :is(tbody,tfoot) th{border-bottom:1px solid var(--brdcolor-gray-300);text-transform:none;font-size:inherit}.responsive-table{overflow-x:auto;margin-bottom:35px}.responsive-table table{margin-bottom:0}.responsive-table .responsive-table{overflow-x:visible;margin-bottom:0}input[type='email'],input[type='search'],input[type='number'],input[type='url'],input[type='tel'],input[type='text'],input[type='password'],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type='email'],input[type='date'],input[type='search'],input[type='number'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea,select{padding:0 15px;max-width:100%;width:100%;height:var(--wd-form-height);border:var(--wd-form-brd-width) solid var(--wd-form-brd-color);border-radius:var(--wd-form-brd-radius);background-color:var(--wd-form-bg);box-shadow:none;color:var(--wd-form-color);vertical-align:middle;font-size:14px;transition:border-color .5s ease}input[type='email']:focus,input[type='date']:focus,input[type='search']:focus,input[type='number']:focus,input[type='text']:focus,input[type='tel']:focus,input[type='url']:focus,input[type='password']:focus,textarea:focus,select:focus{outline:none;border-color:var(--wd-form-brd-color-focus);transition:border-color .4s ease}::-webkit-input-placeholder{color:var(--wd-form-placeholder-color)}::-moz-placeholder{color:var(--wd-form-placeholder-color)}:-moz-placeholder{color:var(--wd-form-placeholder-color)}input[type="radio"],input[type="checkbox"]{box-sizing:border-box;margin-top:0;padding:0;vertical-align:middle;margin-inline-end:5px}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="number"]{padding:0;text-align:center}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="date"]::-webkit-inner-spin-button{display:none}input[type="date"]::-webkit-calendar-picker-indicator{opacity:0}input[type="date"]::-webkit-clear-button{position:relative;right:5px;width:30px;opacity:.4;filter:grayscale(100%)}[class*="color-scheme-light"] input[type="date"]::-webkit-clear-button{opacity:.6;filter:grayscale(100%) invert(100%) saturate(800%)}html:not(.browser-Firefox) input[type="date"]{background:no-repeat url("/wp-content/themes/woodmart/inc/admin/assets/images/calend-d.svg") right 15px top 50%;background-size:auto 14px}html:not(.browser-Firefox) [class*="color-scheme-light"] input[type='date']{background-image:url("/wp-content/themes/woodmart/inc/admin/assets/images/calend-l.svg")}textarea{overflow:auto;padding:10px 15px;min-height:190px;resize:vertical}select{padding-right:30px;background-image:var(--wd-form-chevron);background-position:right 10px top 50%;background-size:auto 18px;background-repeat:no-repeat}select option{background-color:var(--bgcolor-white)}input:-webkit-autofill{border-color:var(--wd-form-brd-color);-webkit-box-shadow:0 0 0 1000px var(--wd-form-bg) inset;-webkit-text-fill-color:var(--wd-form-color)}input:focus:-webkit-autofill{border-color:var(--wd-form-brd-color-focus)}:is(.btn,.button,button,[type=submit],[type=button]){position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;outline:none;border-radius:var(--btn-brd-radius, 0px);vertical-align:middle;text-align:center;text-decoration:none;text-shadow:none;line-height:1.2;cursor:pointer;transition:all .25s ease;color:var(--btn-color, #3E3E3E);border:var(--btn-brd-width, 0px) var(--btn-brd-style, solid) var(--btn-brd-color, #E9E9E9);background-color:var(--btn-bgcolor, #F3F3F3);box-shadow:var(--btn-box-shadow, unset);text-transform:var(--btn-transform, uppercase);font-weight:var(--btn-font-weight, 600);font-family:var(--btn-font-family, inherit);font-style:var(--btn-font-style, unset);padding:var(--btn-padding, 5px 20px);min-height:var(--btn-height, 42px);font-size:var(--btn-font-size, 13px)}:is(.btn,.button,button,[type=submit],[type=button]):hover{color:var(--btn-color-hover, var(--btn-color, #3E3E3E));border-color:var(--btn-brd-color-hover, var(--btn-brd-color, #e0e0e0));background-color:var(--btn-bgcolor-hover, var(--btn-bgcolor, #e0e0e0));box-shadow:var(--btn-box-shadow-hover, var(--btn-box-shadow, unset))}button[disabled],input[disabled]{opacity:0.6 !important;cursor:default !important}[class*="wd-grid"]{--wd-col: var(--wd-col-lg);--wd-gap: var(--wd-gap-lg);--wd-col-lg: 1;--wd-gap-lg: 20px}.wd-grid-g{display:grid;grid-template-columns:repeat(var(--wd-col), minmax(0, 1fr));gap:var(--wd-gap)}.wd-grid-g>.wd-wider{grid-column:auto/span 2;grid-row:auto/span 2}.wd-grid-col{grid-column:auto/span var(--wd-col)}[class*="wd-grid-f"]{display:flex;flex-wrap:wrap;gap:var(--wd-gap)}.wd-grid-f-col{gap:0;margin:0 calc(var(--wd-gap) / -2) calc(var(--wd-gap) * -1)}.wd-grid-f-col>.wd-col{width:100%;min-height:1px;flex:0 0 calc(100% / var(--wd-col) * var(--wd-col-wider, 1));max-width:calc(100% / var(--wd-col) * var(--wd-col-wider, 1));padding-inline:calc(var(--wd-gap) / 2);margin-bottom:var(--wd-gap)}.wd-grid-f-col>.wd-wider{--wd-col-wider: 2}.wd-grid-f-stretch>.wd-col{flex:1 1 var(--wd-f-basis, 200px);width:var(--wd-f-basis, 200px)}.wd-grid-f-stretch>.wd-col-auto{flex:0 0 auto;width:auto}.wd-grid-f-inline>.wd-col{flex:0 0 var(--wd-f-basis, auto)}.wd-loader:after{content:"";display:inline-block;width:30px;height:30px;border:1px solid rgba(0,0,0,0);border-left-color:var(--color-gray-900);border-radius:50%;vertical-align:middle;animation:wd-rotate 450ms infinite linear var(--wd-anim-state, paused)}.wd-scroll-content{overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:50vh}.browser-Firefox .wd-scroll-content{scrollbar-width:thin}.wd-dropdown{--wd-align: var(--wd-start);position:absolute;top:100%;left:0;z-index:380;margin-top:15px;margin-right:0;margin-left:calc(var(--nav-gap, .001px) / 2 * -1);background-color:var(--bgcolor-white);background-position:bottom right;background-clip:border-box;background-repeat:no-repeat;box-shadow:0 0 3px rgba(0,0,0,0.15);text-align:var(--wd-align);border-radius:var(--wd-brd-radius);visibility:hidden;opacity:0;transition:opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1),visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1),transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);transform:translateY(15px) translateZ(0);pointer-events:none}.wd-dropdown:after{content:"";position:absolute;inset-inline:0;bottom:100%;height:15px}.whb-col-right .wd-dropdown-menu.wd-design-default{right:0;left:auto;margin-left:0;margin-right:calc(var(--nav-gap, .001px) / 2 * -1)}.wd-event-hover:hover>.wd-dropdown,.wd-event-click.wd-opened>.wd-dropdown,.wd-dropdown.wd-opened{visibility:visible;opacity:1;transform:none !important;pointer-events:visible;pointer-events:unset}.wd-dropdown-menu{min-height:min(var(--wd-dropdown-height, unset), var(--wd-content-h, var(--wd-dropdown-height, unset)));width:var(--wd-dropdown-width);background-image:var(--wd-dropdown-bg-img)}.wd-dropdown-menu .wd-dropdown-inner{overflow:inherit;height:min(var(--wd-dropdown-height, unset), var(--wd-content-h))}.wd-dropdown-menu.wd-scroll>.wd-scroll-content{max-height:none;border-radius:inherit}.dropdowns-loading .dropdown-load-ajax.menu-mega-dropdown:not(.dropdown-with-height)>.wd-dropdown-menu{min-height:400px}.dropdowns-loaded .dropdown-load-ajax>.wd-dropdown-menu>.container{animation:wd-fadeIn .3s ease}.dropdown-html-placeholder{display:flex;align-items:center;justify-content:center;background-color:rgba(var(--bgcolor-white-rgb), 0.6);border-radius:var(--wd-brd-radius)}.dropdown-html-placeholder:after{content:"";display:inline-block;width:32px;height:32px;border:1px solid rgba(0,0,0,0);border-left-color:var(--color-gray-900);border-radius:50%;vertical-align:middle;animation:wd-rotate 450ms infinite linear var(--wd-anim-state, paused)}.dropdowns-loading .dropdown-html-placeholder:after{--wd-anim-state: running}.wd-dropdown-menu.wd-design-default{padding:var(--wd-dropdown-padding, 12px 20px);--wd-dropdown-width: 220px}.wd-dropdown-menu.wd-design-default>.container{padding:0;width:auto}.wd-dropdown-menu.wd-design-default .wd-dropdown{top:0;left:100%;padding:var(--wd-dropdown-padding, 12px 20px);width:var(--wd-dropdown-width);margin:0 0 0 var(--wd-dropdown-padding, 20px)}.wd-dropdown-menu.wd-design-default .wd-dropdown:after{top:0;right:100%;bottom:0;left:auto;width:var(--wd-dropdown-padding, 20px);height:auto}.wd-dropdown-menu.wd-design-default .menu-item-has-children>a:after{margin-left:auto;color:rgba(82,82,82,0.45);font-weight:600;font-size:55%;line-height:1;font-family:"woodmart-font";content:"\f113"}.wd-dropdown-menu.wd-design-default.color-scheme-light .menu-item-has-children>a:after{color:rgba(255,255,255,0.6)}.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height)>.container>.wd-grid-f-inline{--wd-f-basis: 200px}.wd-dropdown-menu.wd-design-full-width{--wd-dropdown-width: 100vw}:is(.wd-nav-sticky,.wd-header-nav) .wd-dropdown-menu.wd-design-full-width{border-radius:0}.wd-dropdown-menu.wd-design-sized:not(.wd-scroll),.wd-dropdown-menu.wd-design-sized.wd-scroll .wd-dropdown-inner{padding:var(--wd-dropdown-padding, 30px)}.wd-dropdown-menu.wd-design-full-width:not(.wd-scroll),.wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner{padding-block:var(--wd-dropdown-padding, 30px);padding-left:calc(var(--wd-scroll-w) + var(--wd-sticky-nav-w))}.wd-dropdown-menu.wd-design-sized:not(.wd-scroll)>.container,.wd-dropdown-menu.wd-design-sized.wd-scroll .wd-dropdown-inner>.container{padding:0;max-width:none}.wd-side-hidden{--wd-side-hidden-w: 340px;position:fixed;inset-block:var(--wd-admin-bar-h) 0;z-index:500;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:min(var(--wd-side-hidden-w), 100vw);background-color:var(--bgcolor-white);transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1)}.wd-side-hidden.wd-left{right:auto;left:0;transform:translate3d(-100%, 0, 0)}.wd-side-hidden.wd-right{right:0;left:auto;transform:translate3d(100%, 0, 0)}.wd-side-hidden.wd-opened{transform:none}.wd-sub-menu{--sub-menu-color: #838383;--sub-menu-color-hover: var(--wd-primary-color)}.wd-sub-menu li{position:relative}.wd-sub-menu li>a{position:relative;display:flex;align-items:center;padding-top:8px;padding-bottom:8px;color:var(--sub-menu-color);font-size:14px;line-height:1.3}.wd-sub-menu li>a .wd-nav-icon{margin-inline-end:7px;font-size:115%}.wd-sub-menu li>a .menu-label{position:relative;margin-top:-20px;align-self:flex-start}.wd-sub-menu li>a:hover{color:var(--sub-menu-color-hover)}[class*="color-scheme-light"] .wd-sub-menu{--sub-menu-color: rgba(255,255,255,0.6);--sub-menu-color-hover: #fff}.widget .wd-sub-menu{--li-mb: 0}.widget .wd-sub-menu ul{--li-mb: 0}.wd-sub-accented.wp-block-wd-menu-list>li{margin-block:-8px}.wd-sub-accented>li>a{--sub-menu-color: #333;--sub-menu-color-hover: var(--wd-primary-color);text-transform:uppercase;font-weight:600}.wd-sub-accented.color-scheme-light>li>a,[class*="color-scheme-light"] .wd-sub-accented>li>a{--sub-menu-color: #fff;--sub-menu-color-hover: rgba(255,255,255,0.6)}.wd-color-light .searchform{--wd-form-brd-color: rgba(255,255,255,0.2);--wd-form-brd-color-focus: rgba(255,255,255,0.3);--wd-form-color: rgba(255,255,255,0.8)}.wd-color-dark .searchform{--wd-form-brd-color: rgba(0,0,0,0.1);--wd-form-brd-color-focus: rgba(0,0,0,0.15);--wd-form-color: #767676;--wd-form-placeholder-color: var(--wd-form-color)}.create-nav-msg a{font-weight:600}.wd-nav-img,.wd-sub-menu li>a img{flex:0 0 auto;display:inline-block;width:var(--nav-img-width, auto) !important;height:var(--nav-img-height, auto) !important;max-height:var(--nav-img-height, 18px);margin-inline-end:7px;object-fit:contain;object-position:50% 50%;line-height:0}picture.wd-nav-img img{width:inherit;height:inherit;max-height:inherit;object-fit:contain;object-position:50% 50%}.wd-nav{--nav-gap: 20px;display:inline-flex;flex-wrap:wrap;justify-content:var(--text-align, var(--wd-align));text-align:left;gap:1px var(--nav-gap)}.wd-nav>li{position:relative}.wd-nav>li>a{position:relative;display:flex;align-items:center;flex-direction:row;text-transform:uppercase;font-weight:600;font-size:13px;line-height:1.2}.wd-nav>li>a .wd-nav-icon{margin-right:7px;font-size:115%}.wd-nav>li>a .menu-label{left:calc(100% - 30px);margin-left:0}.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after{margin-left:4px;font-weight:normal;font-style:normal;font-size:clamp(6px, 50%, 18px);order:3;content:"\f129";font-family:"woodmart-font"}.wd-nav li.color-primary{--nav-color: var(--wd-primary-color);--nav-color-hover: var(--wd-primary-color);--nav-color-active: var(--wd-primary-color)}.widget .wd-nav{--li-mb: 0}.wd-nav.wd-gap-m{--nav-gap: 30px}.wd-nav.wd-gap-l{--nav-gap: 40px}.wd-nav-opener{position:relative;z-index:1;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:50px;color:var(--color-gray-900);cursor:pointer;transition:all .25s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}.wd-nav-opener:after{font-weight:400;font-size:12px;transition:transform .25s ease;content:"\f113";font-family:"woodmart-font"}.wd-nav-opener:hover{color:var(--color-gray-900)}.wd-nav-opener.wd-active{color:var(--color-gray-700)}.wd-nav-opener.wd-active:after{transform:rotate(90deg)}.wd-nav[class*="wd-style-"]{--nav-color: #333;--nav-color-hover: rgba(51,51,51,0.7);--nav-color-active: rgba(51,51,51,0.7);--nav-chevron-color: rgba(82, 82, 82, .45)}.wd-nav[class*="wd-style-"]>li>a{color:var(--nav-color)}.wd-nav[class*="wd-style-"]>li:hover>a{color:var(--nav-color-hover)}.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a{color:var(--nav-color-active)}.wd-nav[class*="wd-style-"]>li:is(.wd-has-children,.menu-item-has-children)>a:after{color:var(--nav-chevron-color)}:is(.color-scheme-light,.whb-color-light) .wd-nav[class*="wd-style-"]{--nav-color: #fff;--nav-color-hover: rgba(255,255,255,0.8);--nav-color-active: rgba(255,255,255,0.8);--nav-chevron-color: rgba(255,255,255,0.6)}.wd-nav.wd-style-default{--nav-color-hover: var(--wd-primary-color);--nav-color-active: var(--wd-primary-color)}.wd-nav:is(.wd-style-bordered,.wd-style-separated)>li{display:flex;flex-direction:row}.wd-nav:is(.wd-style-bordered,.wd-style-separated)>li:not(:last-child):after{content:"";position:relative;inset-inline-end:calc((var(--nav-gap) / 2) * -1);border-right:1px solid rgba(0,0,0,0.105)}:is(.color-scheme-light,.whb-color-light) .wd-nav:is(.wd-style-bordered,.wd-style-separated)>li:not(:last-child):after{border-color:rgba(255,255,255,0.25)}.wd-nav.wd-style-separated>li{align-items:center}.wd-nav.wd-style-separated>li:not(:last-child):after{height:18px}.wd-nav.wd-style-bordered>li{align-items:stretch}.wd-nav.wd-style-bg{--nav-color-hover: var(--wd-primary-color) !important;--nav-gap: 5px}.wd-nav.wd-style-bg>li>a{padding-inline:12px}.wd-nav.wd-style-bg>li>a span,.wd-nav.wd-style-bg>li>a:after{z-index:2}.wd-nav.wd-style-bg>li>a:before{content:'';position:absolute;inset:0;visibility:hidden;opacity:0;border-radius:40px;background-color:var(--wd-primary-color);transition:all .25s ease}.wd-nav.wd-style-bg>li:is(:hover,.current-menu-item,.wd-active,.active)>a{color:var(--nav-color-hover)}.wd-nav.wd-style-bg>li:is(:hover,.current-menu-item,.wd-active,.active)>a:before{visibility:visible;opacity:.25}.wd-nav.wd-style-bg.wd-gap-m{--nav-gap: 15px}.wd-nav.wd-style-bg.wd-gap-l{--nav-gap: 25px}.wd-nav[class*="wd-style-underline"] .nav-link-text{position:relative;display:inline-block;padding-block:1px;line-height:1.2}.wd-nav[class*="wd-style-underline"] .nav-link-text:after{content:'';position:absolute;top:100%;left:0;width:0;height:2px;background-color:var(--wd-primary-color);transition:width 0.4s cubic-bezier(0.19, 1, 0.22, 1)}.wd-nav[class*="wd-style-underline"]>li:is(:hover,.current-menu-item,.wd-active,.active)>a .nav-link-text:after{width:100%}.whb-top-bar .wd-nav>li>a .menu-label,.whb-clone .wd-nav>li>a .menu-label{position:static;margin-top:0;margin-inline-start:5px;opacity:1;align-self:center}.whb-top-bar .wd-nav>li>a .menu-label:before,.whb-clone .wd-nav>li>a .menu-label:before{content:none}.tooltip{--wd-tooltip-bg: rgba(0,0,0,0.9);--wd-tooltip-color: #fff;position:absolute;z-index:1110;opacity:0;pointer-events:none}.tooltip .tooltip-inner{padding:7px 15px;max-width:200px;text-transform:none;font-weight:400;font-size:12px;background-color:var(--wd-tooltip-bg);color:var(--wd-tooltip-color);text-align:center;word-break:break-word;border-radius:calc(var(--wd-brd-radius) / 1.5)}.tooltip .tooltip-arrow{position:absolute;width:10px;height:10px;background-color:var(--wd-tooltip-bg)}.tooltip.top{margin-top:-8px}.tooltip.top .tooltip-arrow{top:calc(100% - 1px);left:50%;clip-path:polygon(0 0, 50% 50%, 100% 0);transform:translateX(-50%)}.tooltip.left{margin-left:-8px}.tooltip.left .tooltip-arrow{top:50%;left:calc(100% - 1px);clip-path:polygon(0 0, 50% 50%, 0 100%);transform:translateY(-50%)}.tooltip.right{margin-left:8px}.tooltip.right .tooltip-arrow{top:50%;right:calc(100% - 1px);clip-path:polygon(100% 0, 50% 50%, 100% 100%);transform:translateY(-50%)}.wd-tltp{position:relative}.wd-tltp .tooltip{margin:0}.wd-tltp .tooltip.top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px}.wd-tltp .tooltip.left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.wd-tltp .tooltip.right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.tooltip.in,.wd-tltp:hover .tooltip{pointer-events:unset;opacity:1;animation:wd-fadeIn .3s ease}.wd-notice,div.wpcf7-response-output,.mc4wp-alert,:is(.woocommerce-error,.woocommerce-message,.woocommerce-info){position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;margin-bottom:20px;padding-block:10px;padding-inline:65px 30px !important;min-height:60px;text-align:start;border:none;border-radius:var(--wd-brd-radius);outline:none !important}.wd-notice:before,div.wpcf7-response-output:before,.mc4wp-alert:before,:is(.woocommerce-error,.woocommerce-message,.woocommerce-info):before{position:absolute;top:calc(50% - 9px);left:24px;font-size:18px;line-height:18px;font-family:"woodmart-font"}.wd-notice a,div.wpcf7-response-output a,.mc4wp-alert a,:is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a{color:#fff;text-decoration:underline}.wd-notice a:hover,div.wpcf7-response-output a:hover,.mc4wp-alert a:hover,:is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a:hover{color:rgba(255,255,255,0.8)}.wd-notice p:last-child,div.wpcf7-response-output p:last-child,.mc4wp-alert p:last-child,:is(.woocommerce-error,.woocommerce-message,.woocommerce-info) p:last-child{margin-bottom:0}.wd-notice .amount,div.wpcf7-response-output .amount,.mc4wp-alert .amount,:is(.woocommerce-error,.woocommerce-message,.woocommerce-info) .amount{color:#fff}.wd-notice :is(.button,.wc-backward),div.wpcf7-response-output :is(.button,.wc-backward),.mc4wp-alert :is(.button,.wc-backward),:is(.woocommerce-error,.woocommerce-message,.woocommerce-info) :is(.button,.wc-backward){text-decoration:none;--btn-bgcolor: transparent;--btn-bgcolor-hover: transparent;--btn-brd-width: 2px;--btn-box-shadow-hover: none;--btn-height: none;--btn-padding: 0;--btn-brd-color: rgba(255,255,255,0.5);border-top:0;border-inline:0}.wd-notice.wd-success,.wpcf7 form.sent .wpcf7-response-output,.mc4wp-success,.woocommerce-message{background-color:var(--notices-success-bg);color:var(--notices-success-color)}.wd-notice.wd-success:before,.wpcf7 form.sent .wpcf7-response-output:before,.mc4wp-success:before,.woocommerce-message:before{content:"\f107"}.wd-notice.wd-warning,.wpcf7 form:not(.sent) .wpcf7-response-output,.mc4wp-error,.mc4wp-notice,:is(.woocommerce-error,.woocommerce-info){background-color:var(--notices-warning-bg);color:var(--notices-warning-color)}.wd-notice.wd-warning:before,.wpcf7 form:not(.sent) .wpcf7-response-output:before,.mc4wp-error:before,.mc4wp-notice:before,:is(.woocommerce-error,.woocommerce-info):before{content:"\f100"}.wd-notice.wd-info{background-color:#4D93D1;color:#fff}.wd-notice.wd-info:before{content:"\f100"}@keyframes wd-fadeInUpBig{from{transform:translate3d(0, 100%, 0)}to{transform:none}}@keyframes wd-fadeOutDownBig{from{transform:none}to{transform:translate3d(0, 100%, 0)}}.wd-close-side{position:fixed;background-color:rgba(0,0,0,0.7);opacity:0;pointer-events:none;transition:opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1),z-index 0s cubic-bezier(0.19, 1, 0.22, 1) 0.5s,top 0s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;z-index:400}.wd-close-side[class*="wd-location-header"]{z-index:389;top:var(--wd-admin-bar-h)}.header-banner-display .wd-close-side[class*="wd-location-header"]{top:calc(var(--wd-admin-bar-h) + var(--wd-header-banner-h, .001px))}.wd-close-side.wd-location-sticky-nav{z-index:392}.wd-close-side.wd-close-side-opened{opacity:1;pointer-events:unset;transition-delay:0s;pointer-events:unset}.wd-loop-footer{text-align:center;margin-top:30px}.wd-loop-footer:has(>a[style*="none"]),.wd-loop-footer:not(:has(a)){display:none}nav[class*="-pagination"] ul{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px}nav[class*="-pagination"] li .page-numbers{display:inline-flex;align-items:center;justify-content:center;padding-inline:5px;min-width:34px;height:34px;color:var(--color-gray-900);font-weight:600;font-size:14px;border-radius:calc(var(--wd-brd-radius) / 1.5);transition:all .2s ease}nav[class*="-pagination"] li .current{color:#fff;background-color:var(--wd-primary-color)}nav[class*="-pagination"] li :is(.next,.prev){font-size:0}nav[class*="-pagination"] li :is(.next,.prev):before{font-size:12px;content:"\f113";font-family:"woodmart-font"}nav[class*="-pagination"] li .prev:before{content:"\f114";font-family:"woodmart-font"}nav[class*="-pagination"] a:hover{background-color:var(--bgcolor-gray-300)}[class*="screen-reader"]{position:absolute !important;clip:rect(1px, 1px, 1px, 1px);transform:scale(0)}.wd-breadcrumbs>span{display:inline-block}.wd-breadcrumbs>span:last-child{--wd-link-color: var(--color-gray-900);font-weight:600;color:var(--color-gray-900)}.wd-breadcrumbs .wd-delimiter{margin-inline:8px}.wd-breadcrumbs .wd-delimiter:after{content:"/"}.wd-breadcrumbs .wd-delimiter:last-child{display:none}:is(.wd-breadcrumbs,.yoast-breadcrumb){--wd-link-color: var(--color-gray-500);--wd-link-color-hover: var(--color-gray-700)}.yoast-breadcrumb .breadcrumb_last{color:var(--color-gray-900)}.wd-action-btn{display:inline-flex;vertical-align:middle}.wd-action-btn>a{display:inline-flex;align-items:center;justify-content:center;color:var(--wd-action-color, var(--color-gray-800));cursor:pointer}.wd-action-btn>a:hover{color:var(--wd-action-color-hover, var(--color-gray-500))}.wd-action-btn>a:before{font-size:var(--wd-action-icon-size, 1.1em);transition:opacity .15s ease;font-family:"woodmart-font"}.wd-action-btn>a:after{position:absolute;top:calc(50% - .5em);left:0;opacity:0;transition:opacity .2s ease;font-size:var(--wd-action-icon-size, 1.1em);content:"";display:inline-block;width:1em;height:1em;border:1px solid rgba(0,0,0,0);border-left-color:var(--color-gray-900);border-radius:50%;vertical-align:middle;animation:wd-rotate 450ms infinite linear var(--wd-anim-state, paused)}.wd-action-btn>a.loading:before{opacity:0}.wd-action-btn>a.loading:after{opacity:1;--wd-anim-state: running}.wd-action-btn>a.added:before{content:"\f107"}.wd-action-btn.wd-style-icon{--wd-action-icon-size: 20px}.wd-action-btn.wd-style-icon>a{position:relative;flex-direction:column;width:50px;height:50px;font-weight:400;font-size:0 !important;line-height:0}.wd-action-btn.wd-style-icon>a:after{inset-inline-start:calc(50% - .5em)}.wd-action-btn.wd-style-text>a{position:relative;font-weight:600;line-height:1}.wd-action-btn.wd-style-text>a:before{margin-inline-end:.3em;font-weight:400}.wd-action-btn:empty{display:none}.wd-compare-icon>a:before{content:"\f128"}.wd-wishlist-icon>a:before{content:"\f106"}.wd-quick-view-icon>a:before{content:"\f130"}.wd-add-cart-icon>a:before{content:"\f123"}.wd-cross-icon>a:before{content:"\f112"}.wd-burger-icon>a:before{content:"\f15a"}.wd-heading{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:10px;padding:20px 15px;border-bottom:1px solid var(--brdcolor-gray-300)}.wd-heading>a{--wd-link-color: var(--wd-primary-color);--wd-link-color-hover: var(--wd-primary-color)}.wd-heading>a:hover{opacity:.7}.wd-heading .title{flex:1 1 auto;margin-bottom:0;font-size:130%}.wd-heading .wd-action-btn{flex:0 0 auto}.wd-heading .wd-action-btn.wd-style-text>a{height:25px}:is(.widget,.wd-widget,div[class^="vc_wp"]){line-height:1.4;--wd-link-color: var(--color-gray-500);--wd-link-color-hover: var(--color-gray-800)}:is(.widget,.wd-widget,div[class^="vc_wp"])>:is(ul,ol){margin-top:0}:is(.widget,.wd-widget,div[class^="vc_wp"]) :is(ul,ol){list-style:none;--list-mb: 0;--li-mb: 15px;--li-pl: 0}.widgettitle,.widget-title{margin-bottom:20px;color:var(--wd-widget-title-color);text-transform:var(--wd-widget-title-transform);font-weight:var(--wd-widget-title-font-weight);font-style:var(--wd-widget-title-font-style);font-size:var(--wd-widget-title-font-size);font-family:var(--wd-widget-title-font)}.widget{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--brdcolor-gray-300)}.widget:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.woodmart-author-information{line-height:inherit}.woodmart-author-information .author-avatar img{border-radius:50%}.textwidget>*:last-child{margin-bottom:0}:is(.wd-entry-content,.entry-content,.is-layout-flow,.is-layout-constrained,.is-layout-constrained>.wp-block-group__inner-container)>*{margin-block:0 var(--wd-block-spacing)}:is(.wd-entry-content,.entry-content,.is-layout-flow,.is-layout-constrained,.is-layout-constrained>.wp-block-group__inner-container)>*:last-child{margin-bottom:0}.wd-bg-parent{position:relative}:where(.wd-bg-parent>*){position:relative}.alignleft{float:left;margin-right:20px;margin-bottom:20px}.alignright{float:right;margin-left:20px;margin-bottom:20px}.aligncenter{display:block;clear:both;margin:0 auto 20px auto}:root .wd-custom-width{width:var(--wd-width, unset);max-width:100%}.wd-page-wrapper{position:relative;background-color:var(--wd-main-bgcolor)}body:not([class*="wrapper-boxed"]){background-color:var(--wd-main-bgcolor)}.wd-page-content{min-height:50vh;background-color:var(--wd-main-bgcolor)}.container,.container-fluid{width:100%;max-width:var(--wd-container-w);padding-inline:15px;margin-inline:auto}.container-fluid{max-width:none}.wd-content-layout{padding-block:40px}:where(.wd-content-layout>div){grid-column:auto/span var(--wd-col)}.wd-sidebar .wd-heading{display:none}.searchform[class*="wd-style-with-bg"] .searchsubmit{--btn-color: #fff;--btn-bgcolor: var(--wd-primary-color)}.searchform.wd-style-with-bg .searchsubmit{border-start-end-radius:var(--wd-form-brd-radius);border-end-end-radius:var(--wd-form-brd-radius)}.searchform.wd-style-with-bg-2 .searchsubmit{inset-inline-end:calc(var(--wd-form-brd-width) + 3px);width:calc(var(--wd-search-btn-w) - ((var(--wd-form-brd-width) + 3px) * 2));inset-block:calc(var(--wd-form-brd-width) + 3px);border-radius:var(--wd-form-brd-radius)}.searchform.wd-style-with-bg-2 .searchsubmit img{max-width:22px}.searchform.wd-style-with-bg-2 .searchsubmit:after{font-size:calc(var(--wd-form-height) / 2.5)}.searchform.wd-style-4 input[type="text"]{padding-inline:40px 15px}.searchform.wd-style-4 .searchsubmit{inset-inline-start:0;pointer-events:none;width:46px;--wd-form-height: 46px}.searchform.wd-style-4 .searchsubmit:after{font-size:16px}.searchform.wd-style-4 .wd-search-cat{inset-inline-end:0}.searchform.wd-style-4 .wd-search-cat>a{border-inline-end:none}.searchform.wd-style-4.wd-cat-style-default .wd-search-cat>a:after{margin-inline-end:15px}.wd-image{border-radius:var(--wd-brd-radius)}.wd-image img{border-radius:var(--wd-brd-radius)}.search-no-results .wd-page-title :is(.breadcrumbs,.yoast-breadcrumb){display:none}@media (min-width: 769px){.searchform.wd-with-cat.wd-style-4 input[type="text"]{padding-inline-end:var(--wd-search-cat-w)}}@media (min-width: 1025px){.wd-hide-lg{display:none !important}.wd-scrollbar.platform-Windows{--wd-scroll-w: 17px}.wd-scrollbar.platform-Windows.browser-Opera,.wd-scrollbar.platform-Mac{--wd-scroll-w: 15px}.wd-scroll{--scrollbar-track-bg: rgba(0,0,0,0.05);--scrollbar-thumb-bg: rgba(0,0,0,0.12)}.wd-scroll ::-webkit-scrollbar{width:5px}.wd-scroll ::-webkit-scrollbar-track{background-color:var(--scrollbar-track-bg)}.wd-scroll ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-bg)}[class*="color-scheme-light"] .wd-scroll,.wd-scroll.color-scheme-light{--scrollbar-track-bg: rgba(255,255,255,0.05);--scrollbar-thumb-bg: rgba(255,255,255,0.12)}.admin-bar{--wd-admin-bar-h: 32px}}@media (min-width: 1200px){.wrapper-full-width-content .container{max-width:100%}}@media (max-width: 1024px){@supports not (overflow: clip){body{overflow:hidden}}.wd-hide-md{display:none !important}[class*="wd-grid"]{--wd-col: var(--wd-col-md);--wd-gap: var(--wd-gap-md);--wd-col-md: var(--wd-col-lg);--wd-gap-md: var(--wd-gap-lg)}.wd-side-hidden{--wd-side-hidden-w: min(300px, 80vw)}html:has(.wd-side-hidden.wd-opened){overflow:hidden}.wd-nav-wrapper.wd-mb-action-swipe{overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;-webkit-mask-image:linear-gradient(to left, transparent, #000 70px);mask-image:linear-gradient(to left, transparent, #000 70px)}.wd-nav-wrapper.wd-mb-action-swipe .wd-nav{flex-wrap:nowrap}.wd-close-side{top:-150px}html:has(.wd-side-hidden.wd-opened,.mfp-wrap) #wpadminbar{z-index:400}#wpadminbar{position:absolute}}@media (max-width: 768.98px){.wd-hide-sm{display:none !important}[class*="wd-grid"]{--wd-col: var(--wd-col-sm);--wd-gap: var(--wd-gap-sm);--wd-col-sm: var(--wd-col-md);--wd-gap-sm: var(--wd-gap-md)}.sidebar-left{order:10}}@media (max-width: 576px){[class*="wd-grid"]{--wd-col: var(--wd-col-xs);--wd-gap: var(--wd-gap-xs);--wd-col-xs: var(--wd-col-sm);--wd-gap-xs: var(--wd-gap-sm)}}@media (min-width: 769px) and (max-width: 1024px){.wd-hide-md-sm{display:none !important}}
/* /wp-content/themes/woodmart/css/parts/helpers-wpb-elem.min.css */
.wd-z-index{position:relative;z-index:35}.wd-fontsize-xs{font-size:14px}.wd-fontsize-s{font-size:16px}.wd-fontsize-m{font-size:18px}.wd-fontsize-l{font-size:22px}.wd-fontsize-xl{font-size:26px}.wd-fontsize-xxl{font-size:36px}.wd-fontsize-xxxl{font-size:46px}.text-larger{font-size:110%}.font-text{font-family:var(--wd-text-font)}.font-primary{font-family:var(--wd-title-font)}.font-alt{font-style:var(--wd-alternative-font-style);font-family:var(--wd-alternative-font)}.wd-items-top{align-items:flex-start}.wd-items-middle{align-items:center}.wd-items-bottom{align-items:flex-end}.wd-justify-left{justify-content:left}.wd-justify-center{justify-content:center}.wd-justify-right{justify-content:right}.color-primary{color:var(--wd-primary-color)}.color-alt{color:var(--wd-alternative-color)}.color-title{color:var(--wd-title-color)}@media (max-width: 1024px){.wd-fontsize-xl,.wd-fontsize-xxl,.wd-fontsize-xxxl{font-size:22px}.text-larger{font-size:inherit}}
/* /wp-content/themes/woodmart/css/parts/widget-nav.min.css */
:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) ul li{display:block;color:var(--color-gray-300)}:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) ul li a{display:inline-block;padding-inline-end:2px}:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) ul li.current_page_item>a{color:var(--color-gray-800);font-weight:600}:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) li ul{margin-top:15px;padding-inline-start:15px}
/* /wp-content/themes/woodmart/css/parts/woo-widget-wd-layered-nav.min.css */
.wd-filter-list .count{padding-inline:5px;min-width:30px;height:20px;border:1px solid var(--brdcolor-gray-300);border-radius:35px;color:var(--color-gray-500);text-align:center;font-size:12px;line-height:18px;transition:color .25s ease, background-color .25s ease, border-color .25s ease;margin-inline-start:5px}.wd-filter-list .wc-layered-nav-term a:hover+.count,.wd-filter-list .wc-layered-nav-term.wd-active .count{color:#fff;background-color:var(--wd-primary-color);border-color:var(--wd-primary-color)}.wd-filter-list li{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.wd-filter-list a{display:flex;flex:1 1 auto;align-items:center;padding-block:5px}.wd-filter-list .wc-layered-nav-term.wd-active a{color:var(--color-gray-800);font-weight:600}.wd-filter-list.wd-scroll-content{padding-inline-end:5px}:is(.wd-widget-layered-nav-dropdown-form,.woocommerce-widget-layered-nav-dropdown){display:flex;flex-wrap:wrap;justify-content:flex-end}:is(.wd-widget-layered-nav-dropdown-form,.woocommerce-widget-layered-nav-dropdown) select[multiple="multiple"]{overflow:hidden;background-image:none}:is(.wd-widget-layered-nav-dropdown-form,.woocommerce-widget-layered-nav-dropdown) select[multiple="multiple"] option{margin-top:9px;padding:0;background-color:transparent}:is(.wd-widget-layered-nav-dropdown-form,.woocommerce-widget-layered-nav-dropdown) select[multiple="multiple"] option:not(:first-child){display:none}:is(.wd-widget-layered-nav-dropdown__submit,.woocommerce-widget-layered-nav-dropdown__submit){margin-top:20px;padding:5px 14px;min-height:36px;font-size:12px}@media (max-width: 1024px){.wd-filter-list.wd-scroll-content{padding-inline-end:10px}}
/* /wp-content/themes/woodmart/css/parts/woo-mod-swatches-base.min.css */
.wd-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wd-swatch-w);height:var(--wd-swatch-h);color:var(--color-gray-900);vertical-align:middle;text-align:center;font-weight:600;font-size:var(--wd-swatch-size);line-height:1;cursor:pointer;transition:all .25s ease}.wd-swatch :is(img,picture){display:block;max-height:100%;width:inherit;height:inherit;border-radius:inherit;object-fit:cover}.wd-swatch.wd-bg .wd-swatch-text{display:none}.wd-swatch.wd-text{min-width:1em;min-height:1em;width:auto;height:auto}.wd-swatch.wd-text .wd-swatch-text{padding:0 calc(var(--wd-swatch-size) / 5);font-size:var(--wd-swatch-text-size)}.wd-swatch.wd-linked{cursor:pointer !important}.wd-swatch-bg{display:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;border-radius:inherit}:is(body:not(.global-color-scheme-light),.color-scheme-dark) .wd-swatch.wd-bg .wd-swatch-bg:is(:not([style^="background-color"]),[style*="#ffffff"],[style*="#FFFFFF"],[style*="255,255,255"]):before{content:"";position:absolute;inset:0;border:1px solid var(--wd-swatch-brd-color);border-radius:inherit}[class*="wd-swatches"]{--wd-swatch-size: 25px;--wd-swatch-w: 1em;--wd-swatch-h: 1em;--wd-swatch-text-size: 16px;--wd-swatch-h-sp: 15px;--wd-swatch-v-sp: 10px;--wd-swatch-inn-sp: .001px;--wd-swatch-brd-color: var(--brdcolor-gray-200)}.wd-swatches-product{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:var(--text-align);vertical-align:middle;gap:var(--wd-swatch-v-sp) var(--wd-swatch-h-sp)}.wd-swatches-product+select{display:none}[class*="wd-swatches"].wd-size-xs{--wd-swatch-size: 20px;--wd-swatch-text-size: 14px}[class*="wd-swatches"].wd-size-m{--wd-swatch-size: 35px}[class*="wd-swatches"].wd-size-large{--wd-swatch-size: 45px;--wd-swatch-text-size: 18px}[class*="wd-swatches"].wd-size-xlarge{--wd-swatch-size: 70px;--wd-swatch-text-size: 24px}[class*="wd-swatches"].wd-size-xxl{--wd-swatch-size: 90px;--wd-swatch-text-size: 32px}.wd-swatches-grid{--wd-swatch-v-sp: 5px;--wd-swatch-h-sp: 8px}.wd-swatches-grid:is(.wd-size-xs,.wd-size-default){--wd-swatch-size: 15px;--wd-swatch-text-size: 14px}.wd-swatches-grid.wd-size-m{--wd-swatch-size: 20px}.wd-swatches-grid.wd-size-large{--wd-swatch-size: 25px;--wd-swatch-text-size: 16px}.wd-swatches-grid:is(.wd-size-xlarge,.wd-size-xxl){--wd-swatch-size: 35px;--wd-swatch-text-size: 18px}.wd-swatches-filter{--wd-swatch-h-sp: 10px}.wd-swatches-filter.wd-size-small{--wd-swatch-size: 15px;--wd-swatch-text-size: 14px}.wd-swatches-filter.wd-size-large{--wd-swatch-size: 35px}[class*="wd-swatches"].wd-shape-round .wd-swatch{border-radius:1em}[class*="wd-swatches"].wd-shape-rounded .wd-swatch{border-radius:5px}
/* /wp-content/themes/woodmart/css/parts/woo-mod-swatches-filter.min.css */
.wd-swatches-filter .wd-swatch{flex:0 0 auto}.wd-swatches-filter .wd-swatch.wd-bg:before{position:absolute;inset:var(--wd-swatch-inn-sp);display:flex;align-items:center;justify-content:center;border-radius:inherit;background-color:rgba(0,0,0,0.2);color:#fff;font-weight:400;font-size:calc(var(--wd-swatch-text-size) - 4px);opacity:0;transition:inherit;content:"\f112";font-family:"woodmart-font"}.wd-swatches-filter .wd-swatch-wrap.wd-active a:hover .wd-swatch.wd-bg:before{opacity:1}.wd-swatches-filter:not(.wd-bg-style-1) .wd-swatch-wrap.wd-active a:hover .wd-swatch.wd-bg:after{opacity:0}.wd-swatches-filter .wd-swatch.wd-text+span{display:none}.wd-swatches-brands .wd-swatch :is(img,picture){object-fit:contain}.wd-swatches-brands .wd-swatch.wd-bg{flex:1 0 auto;max-width:var(--wd-swatch-w);width:auto;height:var(--wd-swatch-h);border-radius:0}.wd-swatches-brands .wd-swatch.wd-bg:before{display:none}.wd-swatches-brands .wd-swatch-bg:before{border:none !important}.wd-swatches-brands :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-bg{opacity:.5}.wd-swatches-filter.wd-swatches-brands{--wd-swatch-h: 30px;--wd-swatch-w: 60px}.wd-swatches-filter.wd-swatches-brands.wd-size-small{--wd-swatch-w: 45px}.wd-swatches-filter.wd-swatches-brands.wd-size-large{--wd-swatch-h: 40px;--wd-swatch-w: 90px}.wd-swatch+.wd-filter-lable{margin-inline-start:10px}.wd-swatches-filter.wd-labels-off :is(.wd-swatch+span,.count){display:none}.wd-swatches-filter.wd-checkboxes-on li>a{position:relative}.wd-swatches-filter:is(.wd-layout-double,.wd-layout-inline){display:flex;align-items:center;flex-wrap:wrap;gap:var(--wd-swatch-v-sp) var(--wd-swatch-h-sp)}.wd-swatches-filter:is(.wd-layout-double,.wd-layout-inline) li{margin-bottom:0}.wd-swatches-filter:is(.wd-layout-double,.wd-layout-inline) a{padding:0;background:transparent !important}.wd-swatches-filter:is(.wd-layout-double,.wd-layout-inline):is(.wd-bg-style-1,.wd-text-style-1){padding-bottom:5px}.wd-product-filters .wd-swatches-filter:is(.wd-layout-double,.wd-layout-inline){padding:10px}.wd-swatches-filter.wd-layout-double li{flex:0 1 calc(50% - var(--wd-swatch-h-sp) / 2)}.wd-swatches-filter.wd-checkboxes-on li>a:before{content:"";display:inline-block;margin-inline-end:8px;width:1em;height:1em;flex-shrink:0;border:2px solid var(--brdcolor-gray-300);vertical-align:middle;transition:all .2s ease}.wd-swatches-filter.wd-checkboxes-on li>a:after{position:absolute;top:calc(50% + 1px);transform:translateY(-50%);inset-inline-start:.2em;color:#fff;font-weight:400;font-size:.7em;opacity:0;content:"\f107";font-family:"woodmart-font"}.wd-swatches-filter.wd-checkboxes-on li>a:hover:before{border-color:var(--wd-primary-color)}.wd-swatches-filter.wd-checkboxes-on li.wd-active>a:before{background-color:var(--wd-primary-color);border-color:var(--wd-primary-color)}.wd-swatches-filter.wd-checkboxes-on li.wd-active>a:after{opacity:1}
/* /wp-content/themes/woodmart/css/parts/woo-widget-product-cat.min.css */
.widget_product_categories .count{padding-inline:5px;min-width:30px;height:20px;border:1px solid var(--brdcolor-gray-300);border-radius:35px;color:var(--color-gray-500);text-align:center;font-size:12px;line-height:18px;transition:color .25s ease, background-color .25s ease, border-color .25s ease;flex:0 0 auto}.widget_product_categories .product-categories li a:hover+.count,.widget_product_categories .product-categories li.current-cat>.count{color:#fff;background-color:var(--wd-primary-color);border-color:var(--wd-primary-color)}.widget_product_categories .widget-title{margin-bottom:10px}.widget_product_categories .product-categories{margin-bottom:-5px}.widget_product_categories .product-categories li{position:relative;display:flex;align-items:center;flex-wrap:wrap;margin-bottom:0}.widget_product_categories .product-categories li a{display:block;flex:1 1 calc(100% - 40px);padding-block:8px;padding-inline-end:5px;width:calc(100% - 40px);text-decoration:none}.widget_product_categories .product-categories li.current-cat>a{color:var(--color-gray-800);font-weight:600}.widget_product_categories .children{flex:1 1 auto;margin-top:0;padding-inline-start:15px;width:100%}.widget_product_categories .wd-cats-toggle{position:absolute;top:7px;inset-inline-end:-25px;width:22px;height:22px;border-radius:50%;color:#bbb;text-align:center;font-size:10px;font-weight:400;line-height:22px;cursor:pointer;transition:all .25s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}.widget_product_categories .wd-cats-toggle:after{content:"\f129";font-family:"woodmart-font"}.widget_product_categories .wd-cats-toggle.toggle-active{transform:rotate(180deg)}.rtl .widget_product_categories .wd-cats-toggle.toggle-active{transform:rotate(-180deg)}.widget_product_categories .wd-cats-toggle:hover,.widget_product_categories .wd-cats-toggle.toggle-active{background-color:var(--bgcolor-gray-300);color:var(--bgcolor-gray-500)}.categories-accordion-on .widget_product_categories .product-categories:has(.cat-item ul){padding-inline-end:25px}.categories-accordion-on .widget_product_categories .product-categories li{align-items:flex-start}.categories-accordion-on .widget_product_categories .count{margin-top:8px}.categories-accordion-on .widget_product_categories .children{display:none}.categories-accordion-on .widget_product_categories :is(.current-cat-parent,.current-cat)>.children{display:block}
/* /wp-content/themes/woodmart/css/parts/woo-widget-slider-price-filter.min.css */
.widget_price_filter .price_slider{margin-bottom:20px}.login-see-prices .widget_price_filter,.widget_price_filter :is(#min_price,#max_price){display:none}.widget_price_filter [class*="price_slider_amount"]{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px}.widget_price_filter [class*="price_slider_amount"] .button{order:2;padding:5px 14px;min-height:36px;font-size:12px;border-radius:var(--btn-default-brd-radius);color:var(--btn-default-color);box-shadow:var(--btn-default-box-shadow);background-color:var(--btn-default-bgcolor);text-transform:var(--btn-default-transform, var(--btn-transform, uppercase));font-weight:var(--btn-default-font-weight, var(--btn-font-weight, 600));font-family:var(--btn-default-font-family, var(--btn-font-family, inherit));font-style:var(--btn-default-font-style, var(--btn-font-style, unset))}.widget_price_filter [class*="price_slider_amount"] .button:hover{color:var(--btn-default-color-hover);box-shadow:var(--btn-default-box-shadow-hover);background-color:var(--btn-default-bgcolor-hover)}.widget_price_filter [class*="price_slider_amount"] .button:active{box-shadow:var(--btn-default-box-shadow-active);bottom:var(--btn-default-bottom-active)}.widget_price_filter [class*="price_slider_amount"] .price_label{order:1;color:var(--color-gray-500)}.widget_price_filter [class*="price_slider_amount"] .price_label>span{color:var(--color-gray-900);font-weight:600}.widget_price_filter [class*="price_slider_amount"] .clear{display:none}.widget_price_filter .ui-slider{position:relative}.widget_price_filter .ui-slider-horizontal{height:20px;border:none;background:none;cursor:pointer;z-index:1 !important}.widget_price_filter .ui-slider-horizontal:before{content:"";position:absolute;top:50%;inset-inline:0;margin-top:-1px;height:2px;background-color:var(--brdcolor-gray-300)}.widget_price_filter .ui-slider .ui-slider-range{position:absolute;top:50%;z-index:1;display:block;margin-top:-1px;height:2px;border:0;border-radius:0;background-image:none;background-color:var(--wd-primary-color)}.widget_price_filter .ui-slider .ui-slider-handle{position:absolute;top:50%;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:center;margin-top:-15px;margin-left:-15px;width:30px;height:30px;outline:none;border:none;border-radius:0;background:none;background-color:transparent !important;cursor:ew-resize}.widget_price_filter .ui-slider .ui-slider-handle:after{content:"";display:inline-block;width:4px;height:15px;background-color:var(--wd-primary-color)}.widget_price_filter .ui-slider-range-min{left:-1px}.widget_price_filter .ui-slider-range-max{right:-1px}
/* /wp-content/themes/woodmart/css/parts/int-elem-base.min.css */
.elementor-default i:not([class]){font-style:italic}.elementor .btn{box-shadow:var(--btn-box-shadow, unset)}.elementor .btn:hover{box-shadow:var(--btn-box-shadow-hover, var(--btn-box-shadow, unset))}.wd-button-wrapper .btn-style-link,.wd-button-wrapper .btn-style-bordered:not(:hover){background-color:transparent !important}.btn-full-width{width:100%}.rtl .btn-icon-pos-left{flex-direction:row}.rtl .btn-icon-pos-right{flex-direction:row-reverse}:is(.wd-entry-content,.entry-content)>.elementor{margin-bottom:0}.elementor-column-gap-no{--wd-el-column-gap: 0.001px}.elementor-column-gap-narrow{--wd-el-column-gap: 10px}.elementor-column-gap-default{--wd-el-column-gap: 20px}.elementor-column-gap-extended{--wd-el-column-gap: 30px}.elementor-column-gap-wide{--wd-el-column-gap: 40px}.elementor-column-gap-wider{--wd-el-column-gap: 60px}.elementor-section.wd-negative-gap>.elementor-container{margin-left:calc(var(--wd-el-column-gap) / 2 * -1);margin-right:calc(var(--wd-el-column-gap) / 2 * -1)}.elementor-section-boxed.wd-negative-gap .elementor-container{max-width:none}.e-con-boxed.wd-negative-gap{--container-max-width: none}[class*="wd-section-stretch"]{position:relative;min-width:calc(100vw - var(--wd-scroll-w) - var(--wd-sticky-nav-w));width:calc(100vw - var(--wd-scroll-w) - var(--wd-sticky-nav-w));left:calc(50% - 50vw + var(--wd-scroll-w) / 2 + var(--wd-sticky-nav-w) / 2)}[class*="wd-section-stretch"].wd-negative-gap{--padding-left: 15px;--padding-right: 15px}[class*="wd-section-stretch"].wd-negative-gap:where(.elementor-section){padding-inline:15px}.elementor-section.wd-section-stretch>.elementor-container{max-width:calc(var(--wd-container-w) - 30px + var(--wd-el-column-gap, .0001px))}.e-con-boxed.wd-section-stretch{--container-max-width: min(calc(var(--wd-container-w) - 30px))}.e-con-boxed.wd-section-stretch-content{--container-max-width: none}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:auto}}.wd-elementor-sticky-column{align-items:flex-start}.wd-elementor-sticky-column>.elementor-column-wrap{display:flex;align-items:flex-start;height:100%}.wd-sticky-spacer{opacity:0}.wd-divider .elementor-shape-fill{-webkit-transform:none;transform:none}.elementor-select-wrapper .select-caret-down-wrapper{display:none}.elementor-widget-text-editor{display:flex}.elementor-widget-text-editor .elementor-widget-container{width:100%;columns:inherit;column-gap:inherit}.elementor-widget-text-editor.text-left{justify-content:flex-start}.elementor-widget-text-editor.text-center{justify-content:center}.elementor-widget-text-editor.text-right{justify-content:flex-end}.elementor-widget-text-editor .elementor-widget-container>*:last-child,.elementor-text-editor>*:last-child{margin-bottom:0}.elementor-page .elementor-widget-woodmart_menu_anchor{margin-bottom:0}.wd-accordion-theme-style .elementor-accordion-item{border-top-width:2px;border-right-width:0 !important;border-left-width:0 !important}.elementor-tab-content>*:last-child{margin-bottom:0}.elementor-element svg.wd-icon,.img-wrapper .e-font-icon-svg{width:1em;height:1em;fill:currentColor}.wd-carousel-item.e-con{--padding-top: 0px;--padding-bottom: 0px}.wd-carousel-item.e-con.e-flex{flex:0 0 calc(100% / var(--wd-col))}:where(.e-con) .wd-width-100{width:100%}.wd-video-theme-style .elementor-custom-embed-image-overlay{overflow:hidden;transition:all 0.5s cubic-bezier(0, 0, 0.44, 1.18)}.wd-video-theme-style .elementor-custom-embed-image-overlay:after,.wd-video-theme-style .elementor-custom-embed-image-overlay:before,.wd-video-theme-style .elementor-custom-embed-image-overlay .elementor-custom-embed-play i:before{content:"";position:absolute;inset:0}.wd-video-theme-style .elementor-custom-embed-image-overlay:before{background:inherit;transition:inherit}.wd-video-theme-style .elementor-custom-embed-image-overlay:after{background-color:#000;transition:inherit;opacity:.15}.wd-video-theme-style .elementor-custom-embed-play{z-index:1;transition:inherit}.wd-video-theme-style .elementor-custom-embed-play i{display:flex;align-items:center;justify-content:center;width:1em;height:1em;font-family:unset;opacity:1;transition:inherit}.wd-video-theme-style .elementor-custom-embed-play i:before{border:.04em solid currentColor;border-radius:50%;opacity:.4;transition:inherit}.wd-video-theme-style .elementor-custom-embed-play i:after{margin-left:5px;font-size:.3em;transition:inherit;content:"\f101";font-family:"woodmart-font"}.wd-video-theme-style:hover .elementor-custom-embed-image-overlay:before{transform:scale(1.09)}.wd-video-theme-style:hover .elementor-custom-embed-image-overlay:after{opacity:.3}.wd-video-theme-style:hover .elementor-custom-embed-play i:before{opacity:.6}.wd-video-theme-style:hover .elementor-custom-embed-play i:after{transform:scale(0.8)}.products:not(.wd-img-width) .cat-design-alt img{width:revert-layer}.e-con :is(.wd-checkout-login,.wd-checkout-coupon){align-items:unset}.e-con :is(.wd-checkout-login,.wd-checkout-coupon) .elementor-widget-container{display:flex;flex-direction:column;align-items:var(--wd-align)}.wd-btn-align-center{--wd-btn-align: center}.wd-btn-align-right{--wd-btn-align: end}.wd-btn-align-full-width{--wd-btn-align: stretch}
/* /wp-content/themes/woodmart/css/parts/woocommerce-base.min.css */
.product-title{display:block;color:var(--wd-entities-title-color);word-wrap:break-word;font-weight:var(--wd-entities-title-font-weight);font-style:var(--wd-entities-title-font-style);font-family:var(--wd-entities-title-font);text-transform:var(--wd-entities-title-transform);line-height:1.4}.product-title a:hover,a.product-title:hover{color:var(--wd-entities-title-color-hover)}.wc-item-meta,.wc-item-meta ul,.wc-item-meta ol,ul.variation{list-style:none;--li-pl: 0}.wc-item-meta,.wc-item-meta ul,.wc-item-meta ol{--list-mb: 0;--li-mb: 0}.woocommerce-breadcrumb{display:inline-flex;align-items:center;flex-wrap:wrap}.amount{color:var(--wd-primary-color);font-weight:600}del .amount{color:var(--color-gray-300);font-weight:400}.price{color:var(--wd-primary-color)}.price .amount{font-size:inherit}.price del{color:var(--color-gray-300);font-size:90%}.price ins{padding:0;background-color:transparent;color:var(--wd-primary-color);text-decoration:none;opacity:1}.woocommerce-price-suffix{color:var(--color-gray-500)}.wd-price-unit{display:inline-block;margin-inline-start:4px;color:var(--color-gray-300)}.wd-price-unit:not(:last-child){margin-inline-end:2px}.wd-price-unit:before{content:"/";margin-inline-end:4px}a.login-to-prices-msg{color:var(--wd-primary-color);font-weight:600}a.login-to-prices-msg:hover{color:var(--wd-primary-color);opacity:.6}.woocommerce-notices-wrapper:empty{display:none}ul:is(.woocommerce-error,.woocommerce-message,.woocommerce-info){list-style:none;--li-pl: 0;align-items:stretch;flex-direction:column;justify-content:center}ul:is(.woocommerce-error,.woocommerce-message,.woocommerce-info) li{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;margin-bottom:0}.wd-wc-notices .woocommerce-notices-wrapper{display:flex;flex-direction:column;gap:20px}.wd-wc-notices .woocommerce-notices-wrapper>*{margin-bottom:0}.wd-wc-notices:has(.woocommerce-notices-wrapper:empty){display:none}ul.variation{font-size:90%;--li-mb: 5px;--list-mb: 0;--wd-tags-mb: 0}ul.variation p{display:inline}ul.variation .item-variation-name{color:var(--color-gray-800);font-weight:600}.wc-item-meta{margin-top:10px;font-size:90%}.wc-item-meta li>*{display:inline-block;margin-top:0 !important;margin-bottom:5px;vertical-align:middle}.wc-item-meta strong{color:var(--color-gray-800)}:is(.blockOverlay,.wd-loader-overlay):after{position:absolute;top:calc(50% - 13px);left:calc(50% - 13px);content:"";display:inline-block;width:26px;height:26px;border:1px solid rgba(0,0,0,0);border-left-color:var(--color-gray-900);border-radius:50%;vertical-align:middle;animation:wd-rotate 450ms infinite linear var(--wd-anim-state, paused);--wd-anim-state: running}.wd-loader-overlay{z-index:340;border-radius:inherit;animation:wd-fadeIn .6s ease both;background-color:rgba(var(--bgcolor-white-rgb), 0.6);border-radius:var(--wd-brd-radius)}.wd-loader-overlay:not(.wd-loading){display:none}.blockOverlay{z-index:340 !important;background-image:none !important;animation:wd-FadeInLoader .6s ease forwards}.blockOverlay:before{content:none !important}.global-color-scheme-light .blockOverlay{background-color:rgba(0,0,0,0.5) !important}@keyframes wd-FadeInLoader{from{opacity:0}to{opacity:.8}}.single_add_to_cart_button{border-radius:var(--btn-accented-brd-radius);color:var(--btn-accented-color);box-shadow:var(--btn-accented-box-shadow);background-color:var(--btn-accented-bgcolor);text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}.single_add_to_cart_button:hover{color:var(--btn-accented-color-hover);box-shadow:var(--btn-accented-box-shadow-hover);background-color:var(--btn-accented-bgcolor-hover)}.single_add_to_cart_button:active{box-shadow:var(--btn-accented-box-shadow-active);bottom:var(--btn-accented-bottom-active, 0)}.single_add_to_cart_button+.added_to_cart{display:none}.wd-buy-now-btn{border-radius:var(--btn-accented-brd-radius);color:var(--btn-accented-color);box-shadow:var(--btn-accented-box-shadow);background-color:var(--btn-accented-bgcolor);text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}.wd-buy-now-btn:hover{color:var(--btn-accented-color-hover);box-shadow:var(--btn-accented-box-shadow-hover);background-color:var(--btn-accented-bgcolor-hover)}.wd-buy-now-btn:active{box-shadow:var(--btn-accented-box-shadow-active);bottom:var(--btn-accented-bottom-active, 0)}form.cart{display:flex;flex-wrap:wrap;gap:10px;justify-content:var(--content-align)}form.cart>*{flex:1 1 100%}form.cart :where(.single_add_to_cart_button,.wd-buy-now-btn,.quantity){flex:0 0 auto}.wd-product-detail{font-size:90%;word-break:break-all;margin-top:5px}.woocommerce-product-details__short-description{margin-bottom:20px}.woocommerce-product-details__short-description>*:last-child{margin-bottom:0}.wd-hint{display:inline-block;vertical-align:middle;font-size:0;cursor:help}.wd-hint:before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:1.45em;height:1.45em;border-radius:50%;background-color:var(--wd-hint-bg, var(--wd-primary-color));color:var(--wd-hint-color, #fff);font-weight:600;font-size:var(--wd-hint-size, 14px)}.single_add_to_cart_button:before{content:"";position:absolute;inset:0;opacity:0;z-index:1;border-radius:inherit;background-color:inherit;box-shadow:inherit;transition:opacity 0s ease}.single_add_to_cart_button:after{position:absolute;top:calc(50% - 9px);inset-inline-start:calc(50% - 9px);opacity:0;z-index:2;transition:opacity 0s ease;content:"";display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,0);border-left-color:currentColor;border-radius:50%;vertical-align:middle;animation:wd-rotate 450ms infinite linear var(--wd-anim-state, paused)}.loading.single_add_to_cart_button:before{opacity:1;transition:opacity .25s ease}.loading.single_add_to_cart_button:after{opacity:1;transition:opacity .25s ease;--wd-anim-state: running}.wd-products-element{position:relative}.wd-products{position:relative;align-items:flex-start;transition:all .25s ease}.wd-products.wd-loading,.wd-content-layout.wd-loading .wd-products[data-source="main_loop"]{opacity:0;transform:translate3d(0, 30px, 0);pointer-events:none}
/* /wp-content/themes/woodmart/css/parts/mod-star-rating.min.css */
.star-rating{position:relative;display:inline-block;vertical-align:middle;white-space:nowrap;letter-spacing:2px;font-weight:400;color:#EABE12;width:fit-content;font-family:"woodmart-font"}.star-rating:before{content:"\f149" "\f149" "\f149" "\f149" "\f149";color:var(--color-gray-300)}.star-rating span{position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;width:100%;text-indent:99999px}.star-rating span:before{content:"\f148" "\f148" "\f148" "\f148" "\f148";position:absolute;top:0;inset-inline-start:0;text-indent:0}
/* /wp-content/themes/woodmart/css/parts/woo-el-track-order.min.css */
.track_order{display:flex;align-items:flex-end;flex-wrap:wrap;margin-inline:-5px}.track_order p{padding-inline:5px}.track_order p:first-child{flex:1 1 100%;margin-bottom:30px;max-width:100%;width:100%;text-align:center;font-size:110%}.track_order .button{min-width:130px}.track_order .form-row{float:none;width:auto}.track_order :is(.form-row-first,.form-row-last){flex:1 1 auto}.track_order .clear{display:none}button[name="track"]{border-radius:var(--btn-accented-brd-radius);color:var(--btn-accented-color);box-shadow:var(--btn-accented-box-shadow);background-color:var(--btn-accented-bgcolor);text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}button[name="track"]:hover{color:var(--btn-accented-color-hover);box-shadow:var(--btn-accented-box-shadow-hover);background-color:var(--btn-accented-bgcolor-hover)}button[name="track"]:active{box-shadow:var(--btn-accented-box-shadow-active);bottom:var(--btn-accented-bottom-active, 0)}
/* /wp-content/themes/woodmart/css/parts/woo-mod-block-notices.min.css */
div.wc-block-components-notice-banner{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;margin-bottom:20px;padding-block:10px;padding-inline:65px 30px !important;min-height:60px;text-align:start;border:none;border-radius:var(--wd-brd-radius);outline:none !important;font-size:inherit;align-content:center;margin-top:0}div.wc-block-components-notice-banner:before{position:absolute;top:calc(50% - 9px);left:24px;font-size:18px;line-height:18px;font-family:"woodmart-font"}div.wc-block-components-notice-banner a{color:#fff;text-decoration:underline}div.wc-block-components-notice-banner a:hover{color:rgba(255,255,255,0.8)}div.wc-block-components-notice-banner p:last-child{margin-bottom:0}div.wc-block-components-notice-banner .amount{color:#fff}div.wc-block-components-notice-banner :is(.button,.wc-backward){text-decoration:none;--btn-bgcolor: transparent;--btn-bgcolor-hover: transparent;--btn-brd-width: 2px;--btn-box-shadow-hover: none;--btn-height: none;--btn-padding: 0;--btn-brd-color: rgba(255,255,255,0.5);border-top:0;border-inline:0}div.wc-block-components-notice-banner.is-success{background-color:var(--notices-success-bg);color:var(--notices-success-color)}div.wc-block-components-notice-banner.is-success:before{content:"\f107"}div.wc-block-components-notice-banner:is(.is-info,.is-error){background-color:var(--notices-warning-bg);color:var(--notices-warning-color)}div.wc-block-components-notice-banner:is(.is-info,.is-error):before{content:"\f100"}div.wc-block-components-notice-banner>svg{display:none}div.wc-block-components-notice-banner ul{display:flex;gap:5px 7px;width:100%;margin:0 !important;list-style:none;--li-pl: 0;align-items:stretch;flex-direction:column;justify-content:center}div.wc-block-components-notice-banner ul li{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;margin-bottom:0}div.wc-block-components-notice-banner>div{display:flex;align-items:inherit;flex-wrap:wrap;gap:inherit}div.wc-block-components-notice-banner>div .button.wc-forward{border-bottom:2px solid rgba(255,255,255,0.3);color:#fff !important;text-decoration:none;opacity:1}div.wc-block-components-notice-banner>div .button.wc-forward:hover{border-color:#fff}
/* /wp-content/themes/woodmart/css/parts/header-base.min.css */
.wd-header-nav.wd-full-height .wd-nav>li>.wd-dropdown-menu{margin-top:0 !important}.wd-header-nav.wd-full-height .wd-nav>li>.wd-dropdown-menu:after{width:auto !important;height:auto !important}.wd-nav-mobile>li>a>.menu-label,.wd-nav-mobile>li>ul li>a>.menu-label{position:static;margin-top:0;margin-inline-start:5px;opacity:1;align-self:center}.wd-nav-mobile>li>a>.menu-label:before,.wd-nav-mobile>li>ul li>a>.menu-label:before{content:none}.whb-flex-row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.whb-column{display:flex;align-items:center;flex-direction:row;max-height:inherit}.whb-col-left,.whb-mobile-left{justify-content:flex-start;margin-left:-10px}.whb-col-right,.whb-mobile-right{justify-content:flex-end;margin-right:-10px}.whb-col-mobile{flex:1 1 auto;justify-content:center;margin-inline:-10px}.whb-clone .whb-general-header-inner{height:var(--wd-header-clone-h);max-height:var(--wd-header-clone-h)}.whb-flex-flex-middle .whb-col-center{flex:1 1 0%}.whb-flex-equal-sides :is(.whb-col-left,.whb-col-right){flex:1 1 0%}.whb-col-1 :is(.whb-flex-row,.whb-column){max-width:calc(100% + 20px);justify-content:center}.whb-col-1 :is(.whb-col-left,.whb-mobile-left){flex:1 1 auto;margin-inline:-10px}.whb-col-1 .wd-header-html{max-width:100%}.whb-general-header :is(.whb-mobile-left,.whb-mobile-right){flex:1 1 0%}.whb-empty-column+.whb-mobile-right{flex:1 1 auto}.wd-header-overlap .wd-content-layout:first-child{padding-top:0}.whb-overcontent{min-height:.2px}.whb-overcontent .whb-main-header{position:absolute}body:not(.single-product) .whb-overcontent,.whb-overcontent.whb-custom-header{margin-bottom:0;padding-top:0 !important}.whb-with-shadow{box-shadow:0 1px 8px rgba(0,0,0,0.1)}.whb-main-header{position:relative;top:0;right:0;left:0;z-index:390;backface-visibility:hidden;-webkit-backface-visibility:hidden}.whb-clone{position:fixed;z-index:391;visibility:hidden;opacity:0;transition:opacity .1s ease, visibility .1s ease, transform .3s ease;animation:wd-fadeOutUpBig .1s ease;pointer-events:none}.whb-clone .whb-flex-row{border:none}.whb-clone.whb-sticked{visibility:visible;opacity:1;animation:wd-fadeInDownBig .3s ease;pointer-events:visible;pointer-events:unset}.whb-clone.whb-sticked .whb-not-sticky-row{display:block}.whb-clone .wd-header-main-nav{text-align:center}.whb-clone.whb-hide-on-scroll{transform:translateY(-100%);animation:none}.whb-clone.whb-scroll-up{transform:none}.whb-sticky-prepared{padding-top:var(--wd-header-h)}.whb-sticky-prepared .whb-main-header{position:absolute}:root:has(.whb-sticky-prepared):not(:has(.whb-top-bar)){--wd-top-bar-h: .00001px;--wd-top-bar-sm-h: .00001px}:root:has(.whb-sticky-prepared):not(:has(.whb-general-header)){--wd-header-general-h: .00001px;--wd-header-general-sm-h: .00001px}:root:has(.whb-sticky-prepared):not(:has(.whb-header-bottom)){--wd-header-bottom-h: .00001px;--wd-header-bottom-sm-h: .00001px;--wd-header-bottom-brd-w: .00001px}.whb-scroll-stick .whb-flex-row{transition:height .2s ease, max-height .2s ease}.whb-scroll-stick.whb-sticked .whb-flex-row{transition-duration:.3s}.whb-scroll-stick:is(.whb-scroll-down,.whb-scroll-up) .whb-main-header{transition:transform .3s ease}.whb-scroll-stick.whb-scroll-down .whb-main-header{transform:translateY(-100%)}.whb-scroll-stick.whb-scroll-up .whb-main-header{transform:none}.whb-scroll-slide.whb-sticked .whb-main-header{animation:wd-fadeInDownBig .4s ease}.whb-scroll-slide:is(.whb-scroll-down,.whb-scroll-up) .whb-main-header{transition:transform .3s ease}.whb-scroll-slide.whb-hide-on-scroll.whb-sticked .whb-main-header{transform:translateY(-100%);animation:none}.whb-scroll-slide.whb-hide-on-scroll.whb-scroll-up .whb-main-header{transform:none}.whb-sticked .whb-main-header{position:fixed}.whb-sticked .whb-row{transition:background-color .3s ease}.whb-sticked .whb-not-sticky-row{display:none}.whb-sticky-shadow.whb-sticked .whb-main-header{box-shadow:0 1px 3px rgba(0,0,0,0.1)}.whb-sticky-shadow.whb-sticked .whb-row:last-child{border-bottom:none}.whb-sticky-shadow.whb-sticked .whb-row:last-child .whb-flex-row{border-bottom:none}.whb-sticky-shadow+.whb-clone{box-shadow:0 1px 3px rgba(0,0,0,0.1)}.whb-sticky-shadow+.whb-clone .whb-row{border-bottom:none}.whb-row{transition:background-color .2s ease}.whb-color-dark:not(.whb-with-bg){background-color:#fff}.whb-color-light:not(.whb-with-bg){background-color:#212121}body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg){background-color:transparent}.whb-row.whb-with-bdf,.whb-row.whb-with-bdf>.container{position:relative}.whb-row.whb-with-bdf:before{content:'';position:absolute;inset:0}@keyframes wd-fadeInDownBig{from{transform:translate3d(0, -100%, 0)}to{transform:none}}@keyframes wd-fadeOutUpBig{from{transform:none}to{transform:translate3d(0, -100%, 0)}}.wd-header-nav,.site-logo{padding-inline:10px}.wd-header-nav.wd-full-height,.wd-header-nav.wd-full-height :is(.wd-nav,.wd-nav>li,.wd-nav>li>a),.wd-header-divider.wd-full-height,.wd-header-divider.wd-full-height:before{height:100%}.wd-header-nav{flex:1 1 auto}.wd-header-nav.wd-inline{flex:0 0 auto;max-width:100%}.whb-color-light .wd-header-nav>span{color:rgba(255,255,255,0.8)}.wd-nav-main:not(.wd-offsets-calculated) .wd-dropdown:not(.wd-design-default){opacity:0;pointer-events:none}.platform-iOS .wd-nav-main:not(.wd-offsets-calculated) .wd-dropdown:not(.wd-design-default){transform:translateY(15px) translateZ(0)}.wd-nav-main>li>a,.wd-nav-secondary>li>a{height:40px;font-weight:var(--wd-header-el-font-weight);font-style:var(--wd-header-el-font-style);font-size:var(--wd-header-el-font-size);font-family:var(--wd-header-el-font);text-transform:var(--wd-header-el-transform)}.wd-header-sticky-nav .wd-tools-icon:before{content:"\f15a";font-family:"woodmart-font"}.whb-top-bar .wd-nav-secondary>li>a{font-weight:400;font-size:12px}.wd-nav-secondary:not(.wd-offsets-calculated) .wd-dropdown:not(.wd-design-default){opacity:0;pointer-events:none}.platform-iOS .wd-nav-secondary:not(.wd-offsets-calculated) .wd-dropdown:not(.wd-design-default){transform:translateY(15px) translateZ(0)}.site-logo{max-height:inherit}.wd-logo{max-height:inherit;transition:none}.wd-logo picture{max-height:inherit}.wd-logo picture img{max-width:inherit}.wd-logo img{padding-top:5px;padding-bottom:5px;max-height:inherit;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:800px}.wd-logo img[src$=".svg"]{height:100%}.wd-logo img[width]:not([src$=".svg"]){width:auto;object-fit:contain}.wd-switch-logo .wd-sticky-logo{display:none;animation:wd-fadeIn .5s ease}:is(.whb-sticked,.whb-clone) .wd-switch-logo .wd-main-logo{display:none}:is(.whb-sticked,.whb-clone) .wd-switch-logo .wd-sticky-logo{display:block}.wd-header-divider:before{content:"";display:block;height:18px;border-right:1px solid}.whb-color-dark .wd-header-divider:before{border-color:var(--wd-divider-color, rgba(0,0,0,0.105))}.whb-color-light .wd-header-divider:before{border-color:var(--wd-divider-color, rgba(255,255,255,0.25))}.whb-col-right .wd-header-divider:last-child,.whb-mobile-right .wd-header-divider:last-child,.whb-col-mobile .wd-header-divider:last-child{padding-right:10px}.whb-col-left .wd-header-divider:first-child,.whb-mobile-left .wd-header-divider:first-child,.whb-col-mobile .wd-header-divider:first-child{padding-left:10px}.whb-col-center .wd-header-divider:first-child{padding-left:10px}.whb-col-center .wd-header-divider:last-child{padding-right:10px}.wd-header-mobile-nav .wd-tools-icon:before{content:"\f15a";font-family:"woodmart-font"}.mobile-nav .wd-heading{position:relative;z-index:6;background-color:inherit}.mobile-nav .searchform{--wd-form-brd-width: 0;--wd-form-bg: transparent;--wd-form-color: var(--color-gray-500);--wd-form-placeholder-color: var(--color-gray-500);z-index:4;box-shadow:0 -1px 9px rgba(0,0,0,0.17)}.mobile-nav .searchform input[type="text"]{padding-right:50px;padding-left:20px;height:70px;font-weight:600}.mobile-nav .wd-dropdown-results{position:relative;z-index:4;border-radius:0;inset-inline:auto}.mobile-nav .autocomplete-suggestion{padding:10px 20px}.mobile-nav .create-nav-msg{padding:20px}.wd-nav-mobile{display:none;margin-inline:0;animation:wd-fadeIn 1s ease}.wd-nav-mobile>li{flex:1 1 100%;max-width:100%;width:100%}.wd-nav-mobile>li>a{color:var(--color-gray-800)}.wd-nav-mobile li.menu-item-has-children>a:after{content:none}.wd-nav-mobile li:active>a,.wd-nav-mobile li.opener-page>a{background-color:var(--bgcolor-gray-100)}.wd-nav-mobile li:is(.current-menu-item,.wd-active)>a{color:var(--wd-primary-color)}.wd-nav-mobile .wd-with-icon>a:before{margin-right:7px;font-weight:400;font-family:"woodmart-font"}.wd-nav-mobile .menu-item-account>a:before{content:"\f124"}.wd-nav-mobile .menu-item-wishlist>a:before{content:"\f106"}.wd-nav-mobile .menu-item-compare>a:before{content:"\f128"}.wd-nav-mobile.wd-active{display:block}.wd-nav-mobile:not(.wd-html-block-on) .menu-item-has-block .wd-nav-opener{display:none}.wd-nav-mobile.wd-html-block-on .wd-mob-nav-html-block{overflow:hidden;border-bottom:1px solid var(--brdcolor-gray-300);max-width:var(--wd-side-hidden-w)}.wd-nav-mobile.wd-html-block-on .menu-item-has-block .wd-negative-gap>.elementor-container{--wd-el-column-gap: .001px}.wd-nav-mobile>li,.wd-nav-mobile>li>ul li{display:flex;flex-wrap:wrap}.wd-nav-mobile>li>a,.wd-nav-mobile>li>ul li>a{flex:1 1 0%;padding:5px 20px;min-height:50px;border-bottom:1px solid var(--brdcolor-gray-300)}.wd-nav-mobile>li>:is(.wd-sub-menu,.sub-sub-menu),.wd-nav-mobile>li>ul li>:is(.wd-sub-menu,.sub-sub-menu){display:none;flex:1 1 100%;order:3}.wd-nav-mob-tab{--nav-gap: .001px;display:flex;margin:0;border-bottom:1px solid var(--brdcolor-gray-300);background-color:rgba(0,0,0,0.04)}.wd-nav-mob-tab>li{flex:1 0 50%;max-width:50%}.wd-nav-mob-tab>li>a{padding:0;height:100%;font-weight:900}.wd-nav-mob-tab>li.wd-active>a{background-color:rgba(0,0,0,0.05)}.wd-nav-mob-tab[class*="wd-style-underline"]{--nav-color: #909090;--nav-color-hover: #333;--nav-color-active: #333}.wd-nav-mob-tab[class*="wd-style-underline"] .nav-link-text{position:static;flex:1 1 auto;padding:18px 15px;text-align:center}.wd-nav-mob-tab[class*="wd-style-underline"] .nav-link-text:after{top:auto;bottom:-1px}.wd-nav-mob-tab[class*="wd-style-underline"]:after{top:auto;bottom:-1px}.wd-nav-mob-tab.wd-swap{flex-direction:row-reverse}.wd-nav-mob-tab:not(.wd-swap) li:first-child .nav-link-text:after,.wd-nav-mob-tab.wd-swap li:last-child .nav-link-text:after{right:0;left:auto}.mobile-nav .wd-nav-opener{border-left:1px solid var(--brdcolor-gray-300);border-bottom:1px solid var(--brdcolor-gray-300)}.widgetarea-mobile{padding:20px}.mobile-menu-widget{margin:0 -20px 20px -20px;padding:0 20px 20px 20px;border-bottom:1px solid var(--brdcolor-gray-300)}.mobile-menu-widget:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}@media (min-width: 1025px){.whb-top-bar-inner{height:var(--wd-top-bar-h);max-height:var(--wd-top-bar-h)}.whb-sticked .whb-top-bar-inner{height:var(--wd-top-bar-sticky-h);max-height:var(--wd-top-bar-sticky-h)}.whb-general-header-inner{height:var(--wd-header-general-h);max-height:var(--wd-header-general-h)}.whb-sticked:not(.whb-clone) .whb-general-header-inner{height:var(--wd-header-general-sticky-h);max-height:var(--wd-header-general-sticky-h)}.whb-header-bottom-inner{height:var(--wd-header-bottom-h);max-height:var(--wd-header-bottom-h)}.whb-sticked .whb-header-bottom-inner{height:var(--wd-header-bottom-sticky-h);max-height:var(--wd-header-bottom-sticky-h)}.whb-hidden-lg,.whb-hidden-desktop{display:none}.whb-clone,.whb-sticked .whb-main-header{top:var(--wd-admin-bar-h)}.wd-header-overlap .wd-page-title{padding-top:calc(var(--wd-header-h) + var(--wd-header-boxed-sp, 0.001px) + var(--wd-title-sp))}.single-product .whb-overcontent:not(.whb-custom-header){padding-top:calc(var(--wd-header-h) + var(--wd-header-boxed-sp, 0.001px))}.whb-full-width .whb-row>.container,.whb-full-width+.whb-clone .whb-row>.container{max-width:100%;width:clamp(var(--wd-container-w), 95%, 100%)}.wd-nav-mobile>li>a:hover{color:var(--wd-primary-color)}}@media (max-width: 1024px){.whb-top-bar-inner{height:var(--wd-top-bar-sm-h);max-height:var(--wd-top-bar-sm-h)}.whb-general-header-inner{height:var(--wd-header-general-sm-h);max-height:var(--wd-header-general-sm-h)}.whb-header-bottom-inner{height:var(--wd-header-bottom-sm-h);max-height:var(--wd-header-bottom-sm-h)}.whb-visible-lg,.whb-hidden-mobile{display:none}.wd-header-overlap .wd-page-title{padding-top:calc(var(--wd-header-sm-h) + var(--wd-title-sp))}.single-product .whb-overcontent:not(.whb-custom-header){padding-top:var(--wd-header-sm-h)}.whb-sticky-prepared{padding-top:var(--wd-header-sm-h)}}
/* /wp-content/themes/woodmart/css/parts/mod-tools.min.css */
.wd-tools-element{position:relative;--wd-count-size: 15px;--wd-header-el-color: #333;--wd-header-el-color-hover: rgba(51,51,51,.6)}.wd-tools-element>a{display:flex;align-items:center;justify-content:center;height:40px;color:var(--wd-header-el-color);line-height:1;padding-inline:10px}.wd-tools-element .wd-tools-icon{position:relative;display:flex;align-items:center;justify-content:center;font-size:0}.wd-tools-element .wd-tools-icon:before{font-size:20px}.wd-tools-element .wd-tools-text{margin-inline-start:8px;text-transform:var(--wd-header-el-transform);white-space:nowrap;font-weight:var(--wd-header-el-font-weight);font-style:var(--wd-header-el-font-style);font-size:var(--wd-header-el-font-size);font-family:var(--wd-header-el-font)}.wd-tools-element .wd-tools-count{z-index:1;width:var(--wd-count-size);height:var(--wd-count-size);border-radius:50%;text-align:center;letter-spacing:0;font-weight:400;line-height:var(--wd-count-size)}.wd-tools-element:hover>a{color:var(--wd-header-el-color-hover)}.wd-tools-element.wd-style-icon .wd-tools-text{display:none !important}.whb-top-bar .wd-tools-element{--wd-count-size: 13px}.whb-top-bar .wd-tools-element .wd-tools-icon:before{font-size:14px}.whb-top-bar .wd-tools-element .wd-tools-text{font-weight:400;font-size:12px}.whb-color-light .wd-tools-element{--wd-header-el-color: #fff;--wd-header-el-color-hover: rgba(255,255,255,0.8)}.wd-tools-custom-icon .wd-tools-icon:before,.wd-tools-custom-icon .wd-tools-icon:after{display:none}.wd-tools-custom-icon .wd-custom-icon{transition:all .25s ease}.wd-tools-custom-icon:hover .wd-custom-icon{opacity:.6}.wd-tools-element:is(.wd-design-2,.wd-design-5).wd-style-icon.wd-with-count{margin-inline-end:5px}.wd-tools-element:is(.wd-design-2,.wd-design-5).wd-style-text.wd-with-count .wd-tools-text{margin-inline-start:14px}.wd-tools-element:is(.wd-design-2,.wd-design-5) .wd-tools-count{position:absolute;top:-5px;inset-inline-end:-9px;background-color:var(--wd-primary-color);color:#fff;font-size:9px}.wd-tools-element.wd-design-1.wd-with-count .wd-tools-count{margin-inline-start:8px}.wd-tools-element.wd-design-1 .wd-tools-count{width:auto;height:auto;text-transform:var(--wd-header-el-transform);font-weight:var(--wd-header-el-font-weight);font-style:var(--wd-header-el-font-style);font-size:var(--wd-header-el-font-size);font-family:var(--wd-header-el-font);line-height:inherit}.wd-tools-element.wd-design-1 .subtotal-divider{display:inline}.wd-tools-element.wd-design-4{--wd-count-size: 19px}.wd-tools-element.wd-design-4.wd-with-count .wd-tools-count{margin-inline-start:6px}.wd-tools-element.wd-design-4 .wd-tools-count{display:inline-block;padding:0 2px;background-color:var(--wd-primary-color);color:#fff;font-weight:700;font-size:10px}.whb-top-bar .wd-tools-element.wd-design-4{--wd-count-size: 16px}.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8){--wd-count-size: 18px}.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-inner{position:relative}.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-inner .wd-tools-icon{position:static}.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-custom-icon{max-width:20px}.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-count{position:absolute;top:-3px;inset-inline-end:-7px;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,0.17);color:var(--wd-primary-color);font-size:11px}.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8){--wd-count-size: 13px}.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-custom-icon{max-width:14px}.wd-tools-element:is(.wd-design-6,.wd-design-7) :is(.wd-tools-inner,.wd-tools-icon){height:42px;border-radius:42px}.wd-tools-element:is(.wd-design-6,.wd-design-7) .wd-tools-inner{display:flex;align-items:center;padding:0 13px}.wd-tools-element:is(.wd-design-6,.wd-design-7):not(.wd-with-wrap) .wd-tools-icon{width:42px}.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7) :is(.wd-tools-inner,.wd-tools-icon){height:28px}.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7) .wd-tools-inner{padding:0 9px}.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7):not(.wd-with-wrap) .wd-tools-icon{width:28px}.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7) .wd-tools-count{font-size:9px}.wd-tools-element.wd-design-6>a>:is(.wd-tools-inner,.wd-tools-icon){border:1px solid rgba(0,0,0,0.105)}.whb-color-light .wd-tools-element.wd-design-6>a>:is(.wd-tools-inner,.wd-tools-icon){border-color:rgba(255,255,255,0.25)}.wd-tools-element.wd-design-7>a>:is(.wd-tools-inner,.wd-tools-icon){background-color:var(--wd-primary-color);color:#fff;transition:inherit}.wd-tools-element.wd-design-7:hover>a>:is(.wd-tools-inner,.wd-tools-icon){color:rgba(255,255,255,0.8)}
/* /wp-content/themes/woodmart/css/parts/header-el-base.min.css */
.whb-column>.info-box-wrapper,.wd-header-text,.whb-column>.wd-button-wrapper,.whb-column>.wd-social-icons,.wd-header-html{padding-inline:10px}.whb-column>.info-box-wrapper .wd-info-box{--ib-icon-sp: 10px}.wd-header-text{--wd-tags-mb: 10px;flex:1 1 auto}.wd-header-text p:first-child:empty{display:none}.wd-header-text.wd-inline{flex:0 0 auto}.whb-top-bar .wd-header-text{font-size:12px;line-height:1.2}.whb-color-light .wd-header-text{--wd-text-color: rgba(255,255,255,0.8);--wd-title-color: #fff;--wd-link-color: rgba(255,255,255,0.9);--wd-link-color-hover: #fff;color:var(--wd-text-color)}.wd-header-wishlist .wd-tools-icon:before{content:"\f106";font-family:"woodmart-font"}.wd-header-compare .wd-tools-icon:before{content:"\f128";font-family:"woodmart-font"}.wd-dropdown-compare a{justify-content:space-between}.wd-dropdown-compare .count{margin-inline-start:10px;color:var(--color-gray-300)}
/* /wp-content/themes/woodmart/css/parts/header-el-category-nav.min.css */
.wd-dropdown-cats,.wd-dropdown-cats .wd-dropdown-menu{margin-top:0 !important}.wd-dropdown-cats:after,.wd-dropdown-cats .wd-dropdown-menu:after{width:auto !important;height:auto !important}.whb-sticky-real.whb-sticked .wd-header-cats:not(:hover) .wd-dropdown-cats.wd-opened{visibility:hidden;opacity:0;transition:opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1),visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1),transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);transform:translateY(15px) translateZ(0);pointer-events:none}.whb-header-bottom .wd-header-cats,.whb-top-bar .wd-header-cats,.whb-header-bottom .wd-header-cats.wd-style-1 .menu-opener,.whb-top-bar .wd-header-cats.wd-style-1 .menu-opener{height:100%}.wd-header-cats{position:relative;margin-inline:10px}.whb-header-bottom .wd-header-cats{margin-top:calc(var(--wd-header-general-brd-w) * -1);margin-bottom:calc(var(--wd-header-bottom-brd-w) * -1);height:calc(100% + var(--wd-header-general-brd-w) + var(--wd-header-bottom-brd-w))}.wd-header-cats.wd-event-click{cursor:pointer}.wd-header-cats .menu-opener{position:relative;z-index:300;display:flex;align-items:center;max-width:320px;color:#333;line-height:1;transition:all .25s ease}.wd-header-cats .menu-opener .menu-open-label{text-transform:var(--wd-header-el-transform);font-weight:var(--wd-header-el-font-weight);font-style:var(--wd-header-el-font-style);font-size:var(--wd-header-el-font-size);font-family:var(--wd-header-el-font)}.wd-header-cats .menu-opener.color-scheme-light{color:#fff}.wd-header-cats .menu-opener:not(.has-bg){background-color:var(--wd-primary-color)}.wd-header-cats .menu-opener-icon:not(.custom-icon):after{font-size:18px;content:"\f15a";font-family:"woodmart-font"}.wd-header-cats .menu-opener-icon.custom-icon:empty{display:none}.wd-header-cats.wd-style-1 .menu-opener{padding:10px 15px;min-width:270px;height:50px;border-top-left-radius:var(--wd-brd-radius);border-top-right-radius:var(--wd-brd-radius)}.wd-header-cats.wd-style-1 .menu-opener:after{font-size:11px;margin-inline-start:auto;content:"\f129";font-family:"woodmart-font"}.wd-header-cats.wd-style-1 .menu-opener-icon{flex:0 0 auto;margin-inline-end:10px}.wd-dropdown-cats{right:0;z-index:299;min-width:270px;box-shadow:none}.wd-dropdown-cats,.wd-dropdown-cats .wd-nav-vertical,.wd-dropdown-cats .wd-nav-vertical>li:first-child>a{border-top-left-radius:0;border-top-right-radius:0}
/* /wp-content/themes/woodmart/css/parts/mod-nav-vertical.min.css */
.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width:not(.wd-scroll),.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner{padding:var(--wd-dropdown-padding, 30px)}.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-full-width,.wd-design-aside)>.container{padding:0;max-width:none}.wd-nav-vertical>li>a .menu-label{position:static;margin-top:0;margin-inline-start:5px;opacity:1;align-self:center;order:2}.wd-nav-vertical>li>a .menu-label:before{content:none}.wd-nav-vertical{position:relative;display:flex;border-radius:var(--wd-brd-radius);gap:0;--nav-chevron-color: rgba(82, 82, 82, .45);--nav-drop-sp: 0.001px}.wd-nav-vertical>li{flex:1 1 100%;max-width:100%;width:100%}.wd-nav-vertical>li>a{padding:12px 18px;color:var(--color-gray-800);text-transform:unset;font-size:14px;line-height:20px}.wd-nav-vertical>li:first-child>a{border-top-left-radius:var(--wd-brd-radius);border-top-right-radius:var(--wd-brd-radius)}.wd-nav-vertical>li:last-child>a{border-bottom-right-radius:var(--wd-brd-radius);border-bottom-left-radius:var(--wd-brd-radius)}.wd-nav-vertical>li.menu-mega-dropdown{position:static}.wd-nav-vertical>li.menu-item-has-children>a:after{margin-inline-start:auto;color:var(--nav-chevron-color);font-weight:normal;font-size:clamp(6px, 60%, 18px);content:"\f113"}.wd-nav-vertical .wd-dropdown-menu{margin:0;top:0;inset-inline-start:calc(100% + var(--nav-drop-sp));transform:translateX(-15px) translateY(0) translateZ(0)}.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width){min-height:100%}.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width) .wd-dropdown-inner{height:100%}.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-full-width,.wd-design-aside){--wd-dropdown-width: 800px}.wd-nav-vertical .wd-dropdown-menu.wd-design-aside{padding-inline-start:0}.wd-nav-vertical .wd-dropdown-menu:after{inset-block:0 auto;inset-inline-start:auto;inset-inline-end:100%;height:100%;width:var(--nav-drop-sp)}[class*="color-scheme-light"] .wd-nav-vertical{--nav-chevron-color: rgba(255,255,255,0.6)}
/* /wp-content/themes/woodmart/css/parts/mod-nav-vertical-design-default.min.css */
.wd-nav-vertical.wd-design-default{border:1px solid var(--brdcolor-gray-200)}.wd-nav-vertical.wd-design-default>li:is(.wd-opened,:hover)>a{background-color:var(--bgcolor-gray-200);color:var(--color-gray-700)}.wd-nav-vertical.wd-design-default>li:not(:last-child){border-bottom:1px solid var(--brdcolor-gray-200)}
/* /wp-content/themes/woodmart/css/parts/mod-dropdown-full-height.min.css */
.wd-dropdown-menu.wd-design-full-height .wd-dropdown-inner{padding:var(--wd-dropdown-padding, 30px);height:var(--wd-dropdown-height)}.wd-dropdown-menu.wd-design-full-height .wd-dropdown-inner>.container{padding:0;max-width:none}.wd-dropdown-menu.wd-design-full-height{--wd-dropdown-height: var(--wd-content-h)}
/* /wp-content/themes/woodmart/css/parts/header-mod-content-calc.min.css */
.whb-row .wd-dropdown-menu{--wd-content-h: calc(100vh - var(--wd-admin-bar-h) - var(--wd-header-banner-mt) - var(--wd-header-h) + var(--wd-dropdown-mt, .001px))}.whb-top-bar{--wd-header-h: var(--wd-top-bar-h)}.whb-general-header{--wd-header-h: calc(var(--wd-top-bar-h) + var(--wd-header-general-h))}.whb-general-header .wd-header-nav:not(.wd-full-height) .wd-dropdown-menu{--wd-dropdown-mt: calc(((var(--wd-header-general-h) - 40px) / 2) - 15px)}.whb-header-bottom{--wd-header-h: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) + var(--wd-header-bottom-h))}.whb-sticky-real.whb-sticked .whb-row{--wd-header-banner-mt: .001px;--wd-top-bar-h: var(--wd-top-bar-sticky-h);--wd-header-general-h: var(--wd-header-general-sticky-h);--wd-header-bottom-h: var(--wd-header-bottom-sticky-h)}.whb-clone .whb-general-header{--wd-header-banner-mt: .001px;--wd-header-h: var(--wd-header-clone-h)}.whb-clone .whb-general-header .wd-dropdown-menu{--wd-dropdown-mt: .001px !important}
/* /wp-content/themes/woodmart/css/parts/mod-nav-menu-label.min.css */
.menu-label{position:absolute;bottom:85%;z-index:1;display:inline-block;margin-inline-start:-20px;padding:2px 4px;border-radius:calc(var(--wd-brd-radius) / 1.5);background-color:var(--wd-label-color);color:#fff;vertical-align:middle;text-transform:uppercase;white-space:nowrap;font-weight:600;font-size:9px;font-family:var(--wd-text-font);line-height:12px}.menu-label:before{content:"";position:absolute;top:100%;inset-inline-start:10px;border:4px solid var(--wd-label-color);border-bottom-color:transparent !important;border-inline-end-color:transparent !important;border-inline-end-width:7px;border-inline-start-width:0}.menu-label-black{--wd-label-color: #000}.menu-label-orange{--wd-label-color: #FBBC34}.menu-label-blue{--wd-label-color: #00A1BE}.menu-label-grey{color:#333;--wd-label-color: #f1f1f1}.menu-label-white{color:#333;--wd-label-color: #fff}.menu-label-primary{--wd-label-color: var(--wd-primary-color)}.menu-label-secondary{--wd-label-color: var(--wd-alternative-color)}.menu-label-red{--wd-label-color: #D41212}.menu-label-green{--wd-label-color: #65B32E}
/* /wp-content/themes/woodmart/css/parts/header-el-search.min.css */
.whb-col-right .wd-search-dropdown{right:0;left:auto;margin-left:0;margin-right:calc(var(--nav-gap, .001px) / 2 * -1)}.wd-header-search .wd-tools-icon img,.wd-header-search .wd-tools-icon:before{transition:opacity .3s ease}.wd-header-search .wd-tools-icon:before{content:"\f130";font-family:"woodmart-font"}.wd-header-search .wd-tools-icon:after{position:relative;margin-inline-start:-20px;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;content:"\f112";font-family:"woodmart-font"}.wd-search-opened .wd-header-search .wd-tools-icon:after{opacity:1;transition:opacity .3s ease}.wd-search-opened .wd-header-search .wd-tools-icon img,.wd-search-opened .wd-header-search .wd-tools-icon:before{opacity:0;transition:none}.whb-top-bar .wd-header-search .wd-tools-icon:after{font-size:14px}.wd-search-dropdown{width:300px}.wd-search-dropdown input[type="text"]{height:70px !important;border:none}.form-style-underlined .wd-search-dropdown input[type="text"]{padding-left:15px}
/* /wp-content/themes/woodmart/css/parts/header-el-search-form.min.css */
.whb-color-light [class*="wd-header-search-form"] :is(.wd-style-default,.wd-style-with-bg-2){--wd-form-brd-color: rgba(255,255,255,0.2);--wd-form-brd-color-focus: rgba(255,255,255,0.3);--wd-form-color: rgba(255,255,255,0.8)}.whb-color-dark [class*="wd-header-search-form"] :is(.wd-style-default,.wd-style-with-bg-2){--wd-form-brd-color: rgba(0,0,0,0.1);--wd-form-brd-color-focus: rgba(0,0,0,0.15);--wd-form-color: #767676;--wd-form-placeholder-color: var(--wd-form-color)}[class*="wd-header-search-form"]{padding-inline:10px;flex:1 1 auto}[class*="wd-header-search-form"] input[type='text']{min-width:290px}.wd-header-search-form-mobile .searchform{--wd-form-height: 42px}.wd-header-search-form-mobile .searchform input[type="text"]{min-width:100%}[class*="wd-header-search-form"] .wd-style-with-bg{--wd-form-bg: #fff}.global-color-scheme-light [class*="wd-header-search-form"] .wd-style-with-bg{--wd-form-brd-color: rgba(0,0,0,0.1);--wd-form-brd-color-focus: rgba(0,0,0,0.15);--wd-form-color: #767676;--wd-form-placeholder-color: var(--wd-form-color)}
/* /wp-content/themes/woodmart/css/parts/wd-search-form.min.css */
.searchform{position:relative;--wd-search-btn-w: var(--wd-form-height);--wd-form-height: 46px}.searchform input[type="text"]{padding-right:var(--wd-search-btn-w)}.searchform .searchsubmit{--btn-color: var(--wd-form-color, currentColor);--btn-bgcolor: transparent;position:absolute;gap:0;inset-block:0;right:0;padding:0;width:var(--wd-search-btn-w);min-height:unset;border:none;box-shadow:none;font-weight:400;font-size:0;font-style:unset}.searchform .searchsubmit:hover:after,.searchform .searchsubmit:hover img{opacity:.7}.searchform .searchsubmit:after{font-size:calc(var(--wd-form-height) / 2.3);transition:opacity .2s ease;content:"\f130";font-family:"woodmart-font"}.searchform .searchsubmit img{max-width:24px;transition:opacity .2s ease}.searchform .searchsubmit:before{position:absolute;top:50%;left:50%;margin-top:calc((var(--wd-form-height) / 2.5) / -2);margin-left:calc((var(--wd-form-height) / 2.5) / -2);opacity:0;transition:opacity .1s ease;content:"";display:inline-block;width:calc(var(--wd-form-height) / 2.5);height:calc(var(--wd-form-height) / 2.5);border:1px solid rgba(0,0,0,0);border-left-color:currentColor;border-radius:50%;vertical-align:middle;animation:wd-rotate 450ms infinite linear var(--wd-anim-state, paused)}.searchform .searchsubmit.wd-with-img:after{content:none}.searchform.search-loading .searchsubmit:before{opacity:1;transition-duration:.2s;--wd-anim-state: running}.searchform.search-loading .searchsubmit:after,.searchform.search-loading .searchsubmit img{opacity:0;transition-duration:.1s}
/* /wp-content/themes/woodmart/css/parts/woo-mod-login-form.min.css */
.woocommerce-form-login>*:last-child{margin-bottom:0}.woocommerce-form-login:not(.hidden-form){display:block !important}.password-input{position:relative;display:block}.password-input input{padding-inline-end:var(--wd-form-height) !important}.show-password-input{display:flex;justify-content:center;align-items:center;position:absolute;top:0;inset-inline-end:0;width:var(--wd-form-height);height:var(--wd-form-height);cursor:pointer;font-size:16px;color:var(--color-gray-600);transition:all .25s ease}.show-password-input:hover{color:var(--color-gray-400)}.show-password-input:before{font-family:"woodmart-font";content:"\f11a"}.show-password-input.display-password:before{content:"\f11b"}.login-form-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px}.login-form-footer .lost_password{order:2;color:var(--wd-primary-color)}.login-form-footer .lost_password:hover{color:var(--wd-primary-color);text-decoration:underline;opacity:.7}.login-form-footer .woocommerce-form-login__rememberme{order:1;margin-bottom:0}:is(.register,.woocommerce-form-login) .button{width:100%;border-radius:var(--btn-accented-brd-radius);color:var(--btn-accented-color);box-shadow:var(--btn-accented-box-shadow);background-color:var(--btn-accented-bgcolor);text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}:is(.register,.woocommerce-form-login) .button:hover{color:var(--btn-accented-color-hover);box-shadow:var(--btn-accented-box-shadow-hover);background-color:var(--btn-accented-bgcolor-hover)}:is(.register,.woocommerce-form-login) .button:active{box-shadow:var(--btn-accented-box-shadow-active);bottom:var(--btn-accented-bottom-active, 0)}.wd-login-divider{display:flex;align-items:center;text-transform:uppercase}.wd-login-divider span{margin-inline:20px}.wd-login-divider:after,.wd-login-divider:before{content:"";flex:1 0 0;border-bottom:1px solid var(--brdcolor-gray-300)}
/* /wp-content/themes/woodmart/css/parts/header-el-my-account.min.css */
.wd-header-my-account .wd-tools-icon:before{content:"\f124";font-family:"woodmart-font"}.wd-account-style-text .wd-tools-icon{display:none !important}.wd-account-style-text .wd-tools-text{margin-left:0}.wd-account-style-icon:not(.wd-with-username) .wd-tools-text{display:none}@media (max-width: 1024px){.wd-header-my-account .wd-dropdown{display:none}}
/* /wp-content/themes/woodmart/css/parts/header-el-cart-side.min.css */
.cart-widget-side{display:flex;flex-direction:column}.cart-widget-side .widget_shopping_cart{position:relative;flex:1 1 100%}.cart-widget-side .widget_shopping_cart_content{display:flex;flex:1 1 auto;flex-direction:column;height:100%}.cart-widget-side .shopping-cart-widget-body{position:relative;flex:1 1 auto}.cart-widget-side .wd-scroll-content{position:absolute;inset:0;max-height:100%;overscroll-behavior:none}.cart-widget-side .woocommerce-mini-cart .mini_cart_item{margin-bottom:0;padding:15px;transition:background-color .3s ease}.cart-widget-side .woocommerce-mini-cart .mini_cart_item:hover{background-color:var(--bgcolor-gray-100)}.cart-widget-side .woocommerce-mini-cart .remove{top:13px;inset-inline-end:10px}.cart-widget-side .shopping-cart-widget-footer{flex:0 0 auto;padding-bottom:15px}.cart-widget-side .shopping-cart-widget-footer>*{padding-inline:15px}.cart-widget-side .woocommerce-mini-cart__total{margin-top:0}.cart-widget-side .wd-empty-mini-cart{margin-top:20px;padding-inline:15px}
/* /wp-content/themes/woodmart/css/parts/woo-mod-quantity.min.css */
div.quantity{--wd-form-height: 42px;display:inline-flex;vertical-align:top;white-space:nowrap;font-size:0}div.quantity input[type=number]::-webkit-inner-spin-button,div.quantity input[type=number]::-webkit-outer-spin-button,div.quantity input[type="number"]{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}div.quantity :is(input[type="number"],input[type="text"],input[type="button"]){display:inline-block;color:var(--wd-form-color)}div.quantity input[type="number"]{width:30px;border-radius:0;border-right:none;border-left:none}div.quantity input[type="text"]{width:var(--quantity-space, 80px);text-align:center}.browser-Firefox div.quantity input[type="number"]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}div.quantity input[type="button"]{padding:0 5px;min-width:25px;min-height:unset;height:var(--wd-form-height);border:var(--wd-form-brd-width) solid var(--wd-form-brd-color);background:var(--wd-form-bg);box-shadow:none}div.quantity input[type="button"]:hover{color:#fff;background-color:var(--wd-primary-color);border-color:var(--wd-primary-color)}div.quantity label{font-size:var(--wd-text-font-size)}div.quantity .minus{border-start-start-radius:var(--wd-form-brd-radius);border-end-start-radius:var(--wd-form-brd-radius)}div.quantity .plus{border-start-end-radius:var(--wd-form-brd-radius);border-end-end-radius:var(--wd-form-brd-radius)}div.quantity.hidden{display:none !important}.form-style-underlined div.quantity input[type="number"],.form-style-underlined div.quantity input[type="text"]{border-top-style:solid}
/* /wp-content/themes/woodmart/css/parts/header-el-cart.min.css */
.whb-col-right .wd-dropdown-cart{right:0;left:auto;margin-left:0;margin-right:calc(var(--nav-gap, .001px) / 2 * -1)}.wd-header-cart .wd-tools-icon:before{content:"\f105";font-family:"woodmart-font"}.wd-header-cart .wd-tools-icon.wd-icon-alt:before{content:"\f126";font-family:"woodmart-font"}.wd-header-cart :is(.wd-cart-subtotal,.subtotal-divider,.wd-tools-count){vertical-align:middle}.wd-header-cart .wd-cart-number>span,.wd-header-cart .subtotal-divider{display:none}.wd-header-cart .wd-cart-subtotal .amount{color:inherit;font-weight:inherit;font-size:inherit}.wd-header-cart:is(.wd-design-5,.wd-design-6,.wd-design-7):not(.wd-style-text) .wd-tools-text{display:none}.wd-header-cart.wd-design-2.wd-style-icon{margin-inline-end:5px}.wd-header-cart.wd-design-2 .wd-tools-text{margin-inline-start:15px}.wd-header-cart.wd-design-4 .wd-cart-number{display:inline-block;padding:0 2px;margin-inline-start:6px;width:19px;height:19px;border-radius:50%;background-color:var(--wd-primary-color);color:#fff;text-align:center;font-weight:700;font-size:10px;line-height:19px}.wd-header-cart.wd-design-4:not(.wd-style-text) .wd-tools-text{display:none}.whb-top-bar .wd-header-cart.wd-design-4 .wd-cart-number{width:16px;height:16px;line-height:16px}.wd-header-cart.wd-design-5:not(.wd-style-text){margin-inline-end:5px}.wd-header-cart.wd-design-5 .wd-tools-text{margin-inline-start:15px}.wd-dropdown-cart{padding:20px;width:330px}:is(.woocommerce-cart,.woocommerce-checkout) :is(.cart-widget-side,.wd-dropdown-cart){display:none}.wd-header-cart.wd-design-2 .wd-cart-number,.wd-header-cart.wd-design-5 .wd-cart-number{position:absolute;top:-5px;inset-inline-end:-9px;z-index:1;width:15px;height:15px;border-radius:50%;background-color:var(--wd-primary-color);color:#fff;text-align:center;letter-spacing:0;font-weight:400;font-size:9px;line-height:15px}.whb-top-bar .wd-header-cart.wd-design-2 .wd-cart-number,.whb-top-bar .wd-header-cart.wd-design-5 .wd-cart-number{width:13px;height:13px;line-height:13px}.wd-custom-dropdown{padding-inline:10px}@media (max-width: 1024px){.wd-dropdown-cart{display:none}}
/* /wp-content/themes/woodmart/css/parts/woo-widget-shopping-cart.min.css */
li:hover .cart-info .wd-entities-title{color:var(--wd-entities-title-color-hover)}.woocommerce-mini-cart>li{position:relative;display:flex;align-items:flex-start}.woocommerce-mini-cart>li a{margin-bottom:0}.woocommerce-mini-cart .remove{position:absolute;top:1px;right:0;z-index:2;width:20px;height:20px;border-radius:50%;color:var(--color-gray-800);text-align:center;font-size:0;line-height:20px}.woocommerce-mini-cart .remove:after{font-size:10px;content:"\f112";font-family:"woodmart-font"}.woocommerce-mini-cart .remove:hover{background-color:var(--bgcolor-white);box-shadow:0 0 3px rgba(0,0,0,0.1)}.woocommerce-mini-cart .blockOverlay{display:none !important}.cart-item-link{z-index:1;font-size:0}.cart-item-image{position:relative;flex:0 0 auto;overflow:hidden;margin-right:15px}.cart-item-image img{float:none !important;margin-right:0 !important;transition:opacity .6s ease}.cart-item-image:after{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);opacity:0;transition:opacity .6s ease;content:"";display:inline-block;width:20px;height:20px;border:1px solid rgba(0,0,0,0);border-left-color:var(--color-gray-900);border-radius:50%;vertical-align:middle;animation:wd-rotate 450ms infinite linear var(--wd-anim-state, paused)}.removing-process .cart-item-image:after,.wd-loading .cart-item-image:after{opacity:1;--wd-anim-state: running}.removing-process .cart-item-image img,.wd-loading .cart-item-image img{opacity:.2}.cart-info{flex:1 1 auto;padding-right:20px}.cart-info .wd-entities-title{transition:all .25s ease}.cart-info .wd-entities-title p{margin-block:5px;color:var(--wd-text-color);font-weight:var(--wd-text-font-weight);font-style:var(--wd-text-font-style);font-size:90%;font-family:var(--wd-text-font)}.cart-info ul.variation{margin-bottom:6px;--li-mb: 5px;--list-mb: 0}.cart-info span.quantity{display:block;color:var(--color-gray-300);font-size:90%}.cart-info div.quantity{--wd-form-height: 32px;position:relative;z-index:1;display:inline-flex;margin-bottom:8px;transition:opacity .6s ease}.cart-info li.wd-loading>a{pointer-events:none}.cart-info li.wd-loading div.quantity{opacity:.6;cursor:none;pointer-events:none}.cart-info .wd-product-detail{margin-bottom:5px}.shopping-cart-widget-footer>*{margin-bottom:10px}.shopping-cart-widget-footer>*:last-child{margin-bottom:0}.shopping-cart-widget-footer .woocommerce-mini-cart__total{margin-bottom:0}.woocommerce-mini-cart__total{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px;padding-block:15px;font-size:130%;border-top:1px solid var(--brdcolor-gray-300)}.woocommerce-mini-cart__total strong{color:var(--color-gray-900)}.woocommerce-mini-cart__total .woocommerce-Price-amount{flex-grow:1;text-align:right}.woocommerce-mini-cart__total .tax_label{margin-inline-start:5px}.woocommerce-mini-cart__buttons{display:block;text-align:center}.woocommerce-mini-cart__buttons>*{margin-bottom:10px;width:100%}.woocommerce-mini-cart__buttons>*:last-child{margin-bottom:0}.woocommerce-mini-cart__buttons .btn-cart{border-radius:var(--btn-default-brd-radius);color:var(--btn-default-color);box-shadow:var(--btn-default-box-shadow);background-color:var(--btn-default-bgcolor);text-transform:var(--btn-default-transform, var(--btn-transform, uppercase));font-weight:var(--btn-default-font-weight, var(--btn-font-weight, 600));font-family:var(--btn-default-font-family, var(--btn-font-family, inherit));font-style:var(--btn-default-font-style, var(--btn-font-style, unset))}.woocommerce-mini-cart__buttons .btn-cart:hover{color:var(--btn-default-color-hover);box-shadow:var(--btn-default-box-shadow-hover);background-color:var(--btn-default-bgcolor-hover)}.woocommerce-mini-cart__buttons .btn-cart:active{box-shadow:var(--btn-default-box-shadow-active);bottom:var(--btn-default-bottom-active)}.woocommerce-mini-cart__buttons .checkout{border-radius:var(--btn-accented-brd-radius);color:var(--btn-accented-color);box-shadow:var(--btn-accented-box-shadow);background-color:var(--btn-accented-bgcolor);text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}.woocommerce-mini-cart__buttons .checkout:hover{color:var(--btn-accented-color-hover);box-shadow:var(--btn-accented-box-shadow-hover);background-color:var(--btn-accented-bgcolor-hover)}.woocommerce-mini-cart__buttons .checkout:active{box-shadow:var(--btn-accented-box-shadow-active);bottom:var(--btn-accented-bottom-active, 0)}.wd-empty-mini-cart{padding-block:10px;text-align:center}.wd-empty-mini-cart:before{display:block;margin-bottom:20px;color:rgba(var(--bgcolor-black-rgb), 0.07);font-size:86px;line-height:1;content:"\f147";font-family:"woodmart-font"}.wd-empty-mini-cart .btn{padding:5px 14px;min-height:36px;font-size:12px;border-radius:var(--btn-accented-brd-radius);color:var(--btn-accented-color);box-shadow:var(--btn-accented-box-shadow);background-color:var(--btn-accented-bgcolor);text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}.wd-empty-mini-cart .btn:hover{color:var(--btn-accented-color-hover);box-shadow:var(--btn-accented-box-shadow-hover);background-color:var(--btn-accented-bgcolor-hover)}.wd-empty-mini-cart .btn:active{box-shadow:var(--btn-accented-box-shadow-active);bottom:var(--btn-accented-bottom-active, 0)}
/* /wp-content/themes/woodmart/css/parts/woo-widget-product-list.min.css */
.product_list_widget>li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--brdcolor-gray-300)}.product_list_widget>li:after{content:"";display:block;clear:both}.product_list_widget>li>a{display:block;margin-bottom:8px}.product_list_widget>li img{float:left;margin-right:15px;min-width:65px;max-width:65px;border-radius:calc(var(--wd-brd-radius) / 1.5)}.product_list_widget>li .widget-product-wrap{display:flex}.product_list_widget>li .widget-product-img{flex:0 0 auto;overflow:hidden;margin-right:15px}.product_list_widget>li .widget-product-img img{float:none;margin-right:0}.product_list_widget>li .widget-product-info{flex:1 1 auto}.product_list_widget>li .widget-product-info .price{display:block}.product_list_widget>li .wd-entities-title{margin-bottom:8px;font-size:inherit}.product_list_widget>li .star-rating{margin-bottom:4px;margin-right:5px}.product_list_widget>li .reviewer{display:block;color:var(--color-gray-300)}.product_list_widget>li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
/* /wp-content/themes/woodmart/css/parts/header-el-mobile-nav-drilldown.min.css */
.wd-drilldown-back{display:flex}.wd-drilldown-back a{display:flex;align-items:center;flex:1 1 0%;padding:5px 20px;min-height:50px;border-bottom:1px solid var(--brdcolor-gray-300)}.wd-drilldown-back .wd-nav-opener{border-inline-end:1px solid var(--brdcolor-gray-300);border-inline-start:none}.wd-drilldown-back .wd-nav-opener:after{content:"\f114"}.wd-nav.wd-layout-drilldown .wd-sub-accented [class*="sub-menu"]{display:block}.wd-nav.wd-layout-drilldown>li [class*="sub-menu"]>.menu-item>a,.wd-nav .wd-sub-menu .wd-drilldown-back>a,.wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link>a{font-size:13px;color:var(--color-gray-800);font-weight:600;text-transform:uppercase}@media (min-width: 1025px){.wd-nav.wd-layout-drilldown>li [class*="sub-menu"]>:is(.menu-item,.wd-drilldown-back,.woocommerce-MyAccount-navigation-link)>a:hover{color:var(--wd-primary-color)}.wd-nav.wd-layout-drilldown .wd-nav-opener:hover{background-color:var(--wd-primary-color);color:#fff}}
/* /wp-content/themes/woodmart/css/parts/header-el-mobile-nav-drilldown-slide.min.css */
.wd-drilldown-slide{position:relative;overflow:hidden}.wd-drilldown-slide.wd-drilldown-hide>li>:is(a,span),.wd-drilldown-slide .wd-drilldown-hide>li>:is(a,span){visibility:hidden;opacity:0;transition:all .3s ease;transform:translate3d(-50px, 0, 0)}.wd-drilldown-slide .menu-item{position:static}.wd-drilldown-slide .menu-item>[class*="sub-menu"]{position:absolute;top:0;inset-inline-start:calc(100% + 1px);width:100%;display:block;background-color:var(--bgcolor-white);transition:transform .3s ease;z-index:2;box-shadow:-1px 0px 0px 0px var(--brdcolor-gray-300)}.wd-drilldown-slide .menu-item>[class*="sub-menu"]:is(.wd-drilldown-show,.wd-drilldown-hide){transform:translate3d(calc(-100% - 1px), 0, 0)}
/* /wp-content/themes/woodmart/css/parts/woo-opt-grid-gallery.min.css */
.wd-product-grid-slider{display:flex;z-index:1}.wd-product-grid-slide{flex-grow:1}.wd-product-grid-slider-nav{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;z-index:4;--arrow-color: var(--color-gray-800);--arrow-color-hover: var(--color-gray-500);pointer-events:none}.wd-product-grid-slider-nav>div{display:flex;align-items:center;transition:inherit;width:30px;height:30px;opacity:0;visibility:hidden;transition:all .3s ease;color:var(--arrow-color);pointer-events:auto}.wd-product-grid-slider-nav>div:before{font-family:"woodmart-font";vertical-align:middle}.wd-product-grid-slider-nav>div:hover{color:var(--arrow-color-hover)}.wd-product-grid-slider-nav .wd-prev{transform:translateX(-25px);text-align:start;padding-inline-start:8px;justify-content:flex-start}.wd-product-grid-slider-nav .wd-prev:before{content:"\f114"}.wd-product-grid-slider-nav .wd-next{transform:translateX(25px);text-align:end;padding-inline-end:8px;justify-content:flex-end}.wd-product-grid-slider-nav .wd-next:before{content:"\f113"}.wd-product-grid-slider-pagin{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s ease;filter:invert(90%);opacity:0;visibility:hidden;pointer-events:none;z-index:2}.wd-product-grid-slider-dot{flex-grow:1;height:4px;background-color:#242424;transition:all .25s ease;opacity:.2}.wd-product-grid-slider-dot.wd-active{opacity:.6}.wd-product:not(:is(.product-swatched,.quick-shop-shown,.wd-variation-active,[class*="wd-loading"])):hover :is(.wd-product-grid-slider-nav>div,.wd-product-grid-slider-pagin){opacity:1;visibility:visible;transform:none}.wd-hover-quick .wd-add-btn .wd-product-grid-slider-pagin{bottom:100%}.wd-hover-base .wd-product-grid-slider-pagin{bottom:100%}@media (min-width: 1025px){.wd-product-grid-slider-nav.wd-hover-enabled{display:none}}@media (max-width: 1024px){.wd-product:not(:is(.product-swatched,.quick-shop-shown,.wd-variation-active,[class*="wd-loading"])) .wd-product-grid-slider-nav>div{opacity:1;visibility:visible;transform:none;width:40px;height:50px}:is(.wd-product-grid-slider,.wd-product-grid-slider-pagin){display:none}}
/* /wp-content/themes/woodmart/css/parts/woo-mod-product-labels.min.css */
.product-labels{position:absolute;top:7px;inset-inline-start:7px;z-index:1;display:flex;align-items:flex-start;flex-direction:column;gap:10px;max-width:50%;transition:all .3s ease;transform:translateZ(0)}.product-labels .label-with-img{padding:0;max-width:50px}.product-label{padding:5px 10px;min-width:50px;color:#fff;text-align:center;text-transform:uppercase;word-break:break-all;font-weight:600;font-size:12px;line-height:1.2}.product-label.onsale{background-color:var(--wd-primary-color);direction:ltr}.product-label.featured{background-color:#E22D2D}.product-label.new{background-color:#438E44}.product-label.out-of-stock{background-color:var(--bgcolor-white);color:var(--color-gray-900)}.product-label.attribute-label:not(.label-with-img){background-color:var(--bgcolor-white);color:var(--color-gray-900)}.labels-rounded-sm .product-label{border-radius:12px}@media (max-width: 576px){.product-labels{gap:5px}.product-label{padding-inline:5px;min-width:40px;font-size:10px}.product-label .label-with-img{padding-inline:0}}
/* /wp-content/themes/woodmart/css/parts/woo-mod-product-labels-rect.min.css */
.product-labels.labels-rectangular{top:15px;inset-inline-start:0}
/* /wp-content/themes/woodmart/css/parts/lib-magnific-popup.min.css */
.mfp-bg{position:fixed;z-index:1102;overflow:hidden;background-color:rgba(0,0,0,0.7);inset:0;opacity:0;transition:all 0.45s cubic-bezier(0.19, 1, 0.22, 1)}.mfp-bg.mfp-ready{opacity:1}.mfp-bg.mfp-removing{opacity:0}.mfp-wrap{position:fixed;z-index:1103;outline:none !important;inset:var(--wd-admin-bar-h) 0 0 0;-webkit-backface-visibility:hidden}.mfp-container{width:100%;height:100%;padding:0 15px;display:flex;align-items:center;justify-content:center}.mfp-content{position:relative;z-index:1105;margin-block:auto;width:100%}.mfp-hide{display:none !important}.mfp-s-ready .mfp-preloader,.mfp-s-error .mfp-content{display:none}.mfp-wrap ~ :is(.wd-close-side,.wd-side-hidden){z-index:900;pointer-events:none}.wd-popup{position:relative;display:none;margin:50px auto;padding:var(--wd-popup-padding, 30px);width:100%;max-width:var(--wd-popup-width, 800px);border-radius:var(--wd-brd-radius);background-color:var(--bgcolor-white)}.mfp-wrap .wd-popup{display:block}.wd-popup.wd-with-video{--wd-popup-padding: .001px;--wd-popup-width: 900px;background-color:#000;line-height:0}.wd-popup.wd-with-video :is(video,iframe){width:100%;border-radius:var(--wd-brd-radius)}.wd-popup.wd-with-video iframe{aspect-ratio:16 / 9}.wd-popup-slide-from-left .wd-popup{opacity:0;transition:opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1),transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);transform:translateX(-100px)}.wd-popup-slide-from-left.mfp-ready .wd-popup{opacity:1;transform:none}.wd-popup-slide-from-left.mfp-removing .wd-popup{opacity:0;transform:translateX(100px)}.wd-popup-slide-from-left.mfp-removing .mfp-close{display:none}button.mfp-close{position:absolute;top:-50px;inset-inline-end:-15px;gap:0;z-index:1104;padding:0;width:50px;height:50px;min-height:unset;background:none;color:#fff;font-weight:400;font-size:0;opacity:1;touch-action:manipulation;opacity:0;transition:all .25s ease, opacity 0s ease 0s}button.mfp-close:after{font-size:20px;content:"\f112";font-family:"woodmart-font"}button.mfp-close:hover{background-color:transparent;color:rgba(255,255,255,0.8)}.mfp-ready button.mfp-close{opacity:1;transition:all .25s ease, opacity .3s ease .35s}
/* /wp-content/themes/woodmart/css/parts/opt-widget-collapse.min.css */
.wd-widget-collapse .widget-title{position:relative;margin-bottom:0;padding-inline-end:22px;cursor:pointer;user-select:none}.wd-widget-collapse .widget-title ~ *{margin-top:20px}.wd-widget-collapse .widget-title:after{position:absolute;top:calc(50% - 12px);inset-inline-end:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--color-gray-800);font-weight:400;font-size:10px;transition:all .25s ease;content:"\f129";font-family:"woodmart-font"}.wd-widget-collapse.wd-opened .widget-title:after{background-color:#f1f1f1;transform:rotate(180deg)}.rtl .wd-widget-collapse.wd-opened .widget-title:after{transform:rotate(-180deg)}.wd-widget-collapse:not(.wd-opened-initially)>.widget-title ~ *{display:none}[class*="color-scheme-light"] .wd-widget-collapse.wd-opened .widget-title:after{background-color:#fff;color:#333}
/* /wp-content/themes/woodmart/css/parts/footer-base.min.css */
.footer-sidebar{padding-block:40px}[class*="color-scheme-light"] .footer-widget{--wd-link-color: rgba(255,255,255,0.6)}.wd-prefooter{padding-bottom:40px;background-color:var(--wd-main-bgcolor)}.wd-copyrights{--wd-tags-mb: 10px;padding-block:20px;border-top:1px solid var(--brdcolor-gray-300)}.wd-copyrights.wd-layout-two-columns>.wd-grid-g{--wd-col-lg: 2;--wd-col-md: 1}.wd-copyrights.wd-layout-centered{text-align:center}@media (min-width: 1025px){.sticky-footer-on :is(.wd-page-content,.wd-prefooter){position:relative;z-index:2}.sticky-footer-on .wd-footer{position:sticky;bottom:0}.wd-copyrights.wd-layout-two-columns .wd-col-end{text-align:right}}@media (max-width: 1024px){.wd-copyrights.wd-layout-two-columns{text-align:center}}
/* /wp-content/themes/woodmart/css/parts/opt-scrolltotop.min.css */
.scrollToTop{position:fixed;right:20px;bottom:20px;z-index:350;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:rgba(var(--bgcolor-white-rgb), 0.9);box-shadow:0 0 5px rgba(0,0,0,0.17);color:var(--color-gray-800);font-size:16px;opacity:0;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateX(100%)}.scrollToTop.button-show{opacity:1;transform:none;pointer-events:visible}.scrollToTop:after{content:"\f115";font-family:"woodmart-font"}.scrollToTop:hover{color:var(--color-gray-500)}.wd-search-opened .scrollToTop{display:none}@media (max-width: 1024px){.scrollToTop{right:12px;bottom:12px;width:40px;height:40px;font-size:14px}}
/* /wp-content/themes/woodmart/css/parts/opt-bottom-toolbar.min.css */
.wd-toolbar{position:fixed;inset-inline:0;bottom:0;z-index:350;display:flex;align-items:center;justify-content:space-between;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:5px;height:55px;background-color:var(--bgcolor-white);box-shadow:0 0 9px rgba(0,0,0,0.12)}.wd-toolbar>a{display:flex;align-items:center;justify-content:center}.wd-toolbar>a,.wd-toolbar>div{flex:1 0 20%}.wd-toolbar>a,.wd-toolbar>div a{height:45px}.wd-toolbar .wd-header-cart.wd-design-5:not(.wd-style-text){margin-inline-end:0}.wd-toolbar.wd-toolbar-label-show>a,.wd-toolbar.wd-toolbar-label-show>div a{position:relative;padding-bottom:15px}.wd-toolbar.wd-toolbar-label-show .wd-toolbar-label{display:block}.global-color-scheme-light .wd-toolbar a{color:#fff}.global-color-scheme-light .wd-toolbar a:hover{color:rgba(255,255,255,0.8)}.wd-toolbar-label{position:absolute;inset-inline:10px;bottom:3px;display:none;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:11px;line-height:1;padding:1px 0}.wd-toolbar-shop .wd-tools-icon:before{content:"\f146";font-family:"woodmart-font"}.wd-toolbar-blog .wd-tools-icon:before{content:"\f145";font-family:"woodmart-font"}.wd-toolbar-home .wd-tools-icon:before{content:"\f144";font-family:"woodmart-font"}.wd-toolbar-sidebar .wd-tools-icon:before{content:"\f15a";font-family:"woodmart-font"}.wd-toolbar-sidebar.wd-filter-icon .wd-tools-icon:before{content:"\f118"}.wd-toolbar-link .wd-tools-icon:before{content:"\f140";font-family:"woodmart-font"}.wd-toolbar-link .wd-custom-icon img{width:auto;height:20px}.wd-toolbar-shop-cat .wd-tools-icon:before{content:"\f15a";font-family:"woodmart-font"}body:not(:has(.wd-nav-side-hidden-mb-on)) .wd-toolbar-shop-cat{display:none}@media (min-width: 1025px){.wd-toolbar{display:none}}@media (max-width: 1024px){.sticky-toolbar-on{padding-bottom:55px}.sticky-toolbar-on .wd-sticky-btn{bottom:55px}.sticky-toolbar-on .scrollToTop{bottom:67px}.sticky-toolbar-on .wd-sticky-btn-shown.scrollToTop{bottom:calc(12px + 55px + var(--wd-sticky-btn-height))}}@media (max-width: 768.98px){.sticky-toolbar-on.wd-sticky-btn-on-mb{padding-bottom:calc(55px + var(--wd-sticky-btn-height))}}@media (min-width: 769px) and (max-width: 1024px){.sticky-toolbar-on.wd-sticky-btn-on{padding-bottom:calc(55px + var(--wd-sticky-btn-height))}}
/* /wp-content/uploads/2025/07/xts-header_331220-1752166046.css */
:root{
--wd-top-bar-h: 10px;
--wd-top-bar-sm-h: .00001px;
--wd-top-bar-sticky-h: .00001px;
--wd-top-bar-brd-w: .00001px;
--wd-header-general-h: 80px;
--wd-header-general-sm-h: 60px;
--wd-header-general-sticky-h: .00001px;
--wd-header-general-brd-w: .00001px;
--wd-header-bottom-h: 60px;
--wd-header-bottom-sm-h: 60px;
--wd-header-bottom-sticky-h: 60px;
--wd-header-bottom-brd-w: .00001px;
--wd-header-clone-h: .00001px;
--wd-header-brd-w: calc(var(--wd-top-bar-brd-w) + var(--wd-header-general-brd-w) + var(--wd-header-bottom-brd-w));
--wd-header-h: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) + var(--wd-header-bottom-h) + var(--wd-header-brd-w));
--wd-header-sticky-h: calc(var(--wd-top-bar-sticky-h) + var(--wd-header-general-sticky-h) + var(--wd-header-bottom-sticky-h) + var(--wd-header-clone-h) + var(--wd-header-brd-w));
--wd-header-sm-h: calc(var(--wd-top-bar-sm-h) + var(--wd-header-general-sm-h) + var(--wd-header-bottom-sm-h) + var(--wd-header-brd-w));
}
.whb-top-bar .wd-dropdown {
margin-top: -15px;
}
.whb-top-bar .wd-dropdown:after {
height: -5px;
}
.whb-header-bottom .wd-dropdown {
margin-top: 10px;
}
.whb-header-bottom .wd-dropdown:after {
height: 20px;
}
.whb-sticked .whb-header-bottom .wd-dropdown:not(.sub-sub-menu) {
margin-top: 10px;
}
.whb-sticked .whb-header-bottom .wd-dropdown:not(.sub-sub-menu):after {
height: 20px;
}
.whb-1yjd6g8pvqgh79uo6oce {
--wd-form-brd-radius: 35px;
}
.whb-1yjd6g8pvqgh79uo6oce .searchform {
--wd-form-height: 46px;
}
.whb-pib2kc048q2n444im8gr.info-box-wrapper div.wd-info-box {
--ib-icon-sp: 10px;
}
.whb-ao9406ic08x1lus1h7zu.info-box-wrapper div.wd-info-box {
--ib-icon-sp: 10px;
}
.whb-row .whb-7qrb5r43fmh57lkx4dry.wd-tools-element .wd-tools-inner, .whb-row .whb-7qrb5r43fmh57lkx4dry.wd-tools-element > a > .wd-tools-icon {
color: rgba(51, 51, 51, 1);
background-color: rgba(255, 255, 255, 1);
}
.whb-row .whb-7qrb5r43fmh57lkx4dry.wd-tools-element:hover .wd-tools-inner, .whb-row .whb-7qrb5r43fmh57lkx4dry.wd-tools-element:hover > a > .wd-tools-icon {
color: rgba(51, 51, 51, 0.7);
background-color: rgba(255, 255, 255, 1);
}
.whb-row .whb-ad86so27lcwwiziptdg2.wd-tools-element .wd-tools-inner, .whb-row .whb-ad86so27lcwwiziptdg2.wd-tools-element > a > .wd-tools-icon {
color: rgba(51, 51, 51, 1);
background-color: rgba(255, 255, 255, 1);
}
.whb-row .whb-ad86so27lcwwiziptdg2.wd-tools-element:hover .wd-tools-inner, .whb-row .whb-ad86so27lcwwiziptdg2.wd-tools-element:hover > a > .wd-tools-icon {
color: rgba(51, 51, 51, 0.7);
background-color: rgba(255, 255, 255, 1);
}
.whb-row .whb-j9nqf397yrj3s8c855md.wd-tools-element .wd-tools-inner, .whb-row .whb-j9nqf397yrj3s8c855md.wd-tools-element > a > .wd-tools-icon {
color: rgba(51, 51, 51, 1);
background-color: rgba(255, 255, 255, 1);
}
.whb-row .whb-j9nqf397yrj3s8c855md.wd-tools-element:hover .wd-tools-inner, .whb-row .whb-j9nqf397yrj3s8c855md.wd-tools-element:hover > a > .wd-tools-icon {
color: rgba(51, 51, 51, 0.7);
background-color: rgba(255, 255, 255, 1);
}
.whb-kv1cizir1p1hjpwwydal {
--wd-form-brd-radius: 35px;
}
.whb-kv1cizir1p1hjpwwydal .searchform {
--wd-form-height: 42px;
}
.whb-kv1cizir1p1hjpwwydal.wd-search-form.wd-header-search-form-mobile .searchform {
--wd-form-bg: rgba(255, 255, 255, 1);
}
.whb-header-bottom {
background-color: rgba(230, 239, 253, 1);
}
/* /wp-content/uploads/2026/09/xts-theme_settings_default-1789149099.css */
@font-face {
font-weight: normal;
font-style: normal;
font-family: "woodmart-font";
src: url("//techbar.az/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.0.6") format("woff2");
}
:root {
--wd-text-font: "Nunito", Arial, Helvetica, sans-serif;
--wd-text-font-weight: 400;
--wd-text-color: rgb(0,0,0);
--wd-text-font-size: 16px;
--wd-title-font: "Nunito", Arial, Helvetica, sans-serif;
--wd-title-font-weight: 400;
--wd-title-color: #242424;
--wd-entities-title-font: "Nunito", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight: 500;
--wd-entities-title-color: #333333;
--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
--wd-alternative-font: "Nunito", Arial, Helvetica, sans-serif;
--wd-widget-title-font: "Nunito", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight: 500;
--wd-widget-title-transform: capitalize;
--wd-widget-title-color: #333;
--wd-widget-title-font-size: 16px;
--wd-header-el-font: "Nunito", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight: 700;
--wd-header-el-transform: capitalize;
--wd-header-el-font-size: 13px;
--wd-brd-radius: 10px;
--wd-primary-color: rgb(6,6,68);
--wd-alternative-color: rgb(230,239,253);
--wd-link-color: rgb(30,115,190);
--wd-link-color-hover: rgb(30,115,190);
--btn-default-bgcolor: rgb(230,239,253);
--btn-default-bgcolor-hover: rgb(230,239,253);
--btn-default-color: rgb(26,98,231);
--btn-default-color-hover: rgb(213,38,36);
--btn-accented-bgcolor: rgb(26,98,231);
--btn-accented-bgcolor-hover: rgb(26,98,231);
--btn-transform: capitalize;
--wd-form-brd-width: 1px;
--notices-success-bg: rgb(0,26,196);
--notices-success-color: #fff;
--notices-warning-bg: rgb(237,225,0);
--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
background-color: #111111;
background-image: none;
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
--wd-prod-bg:rgb(255,255,255);
--wd-bordered-bg:rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
max-height: 223px;
}
.wd-page-title {
background-color: rgb(28,97,231);
background-image: none;
background-size: cover;
background-position: center center;
}
.wd-footer {
background-color: #ffffff;
background-image: none;
}
html .wd-nav-mobile > li > a {
text-transform: capitalize;
}
html .post.wd-post .post-title {
font-size: 18px;
}
.page .wd-page-content {
background-color: rgb(246,246,246);
background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
background-color: rgb(246,246,246);
background-image: none;
}
.woodmart-archive-blog .wd-page-content {
background-color: rgb(246,246,246);
background-image: none;
}
html .wd-buy-now-btn {
background: rgb(221,51,51);
}
html .wd-buy-now-btn:hover {
background: rgb(221,51,51);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
background-color: rgb(221,51,51);
}
.product-labels .product-label.new {
background-color: rgb(129,215,66);
color: rgb(0,0,0);
}
.product-labels .product-label.featured {
background-color: rgb(238,238,34);
color: rgb(0,0,0);
}
.product-labels .product-label.out-of-stock {
background-color: rgb(221,51,51);
color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}
@media (min-width: 1417px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1400px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}
rs-slides :is([data-type=text],[data-type=button]) {
font-family: Nunito !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Nunito !important;
}
.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;
}
@media (max-width: 767px) {
.wd-entities-title {
font-size: 9px !important;
}
}
.product-image-link {
width: 250px !important;
height: 250px !important;
}
@media only screen and (max-width: 768px) {
.woocommerce ul.products li.product .product-element-top,
.products .product .product-element-top {
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.woocommerce ul.products li.product img,
.products .product img {
object-fit: contain !important;
width: 100% !important;
height: 100% !important;
}
}
.woocommerce ul.products li.product,
.products .product {
display: flex;
flex-direction: column;
height: 100%;
}
.woocommerce ul.products li.product .product-content,
.products .product .product-content {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}
.products .product .product-brand {
min-height: 18px;
display: block;
}
.products .product .product-element-top {
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.products .product img {
object-fit: contain;
width: 100%;
height: 100%;
}
.wd-entities-title {
height: 45px;
}
.entry-title {
height: auto;
}
.button-stock-status {
color: white;
border: 2px solid;
padding: 2px 10px;
cursor: default;
display: inline-block;
text-align: center;
font-size: 13px;
line-height: 1.2;
transition: all 0.2s ease;
width:86px;
}
.button-stock-status:hover{
color:white;
}
.button-stock-status.in-stock {
background-color:white;
border-color:#ffab40;
color:#ffab40;
display: block;
position: static;
border-radius:4px;
width:55%;
padding:2px 0;
}
.button-stock-status.out-of-stock {
background-color: white;
color:#e53935;
border: 2px solid #e53935;
position: absolute !important;
top:0 !important;
left:0 !important;
border-radius:4px;
width:55%;
font-weight: bold;
z-index: 10;
}
.custom-buttons {
}
@media (max-width: 768px) {
.button-stock-status {
font-size: 13px;
padding: 6px 8px;
}
.wrap-price {
width: 100%;
}
}
.elementor-128 .elementor-element.elementor-element-a42bd77 {
max-width:100% !important;
--container-widget-width: 100% !important;
}
.taksit-container {
margin-left: 0;
display: flex;
flex-direction: column !important;
align-items: center;
text-align: center;
width:55% !important;
}
.taksit-price {
text-align: center !important;
}
@media (max-width: 480px) {
.button-stock-status {
font-size: 12px;
padding: 0 6px;
}
}
@media (max-width: 360px) {
.button-stock-status {
font-size: 10px;
padding: 2px 4px;
}
.in-stock{
width:50%
}
}
.wd-product.wd-hover-fw-button .wrap-price{
align-items:initial;
justify-content:space-between;
gap:0;
}
.wrap-price {
margin:0;
justify-content:space-between;
}
.wrap-price del,
.wrap-price ins {
display: block;
margin: 0;
line-height: 1.4;
}
.wrap-price del {
text-decoration: line-through;
color: #888;
font-size: 13px;
}
.wrap-price ins {
font-weight: bold;
color: #111;
font-size: 19px;
}
.taksit-container {
display: flex;
flex-direction: row;
background-color: #f9f9fb;
width: 64%;
border-radius: 4px;
font-family: 'Nunito', Arial, Helvetica, sans-serif;
}
.taksit-options {
display: flex;
justify-content: space-around;
flex-direction: row;
}
.taksit-options input[type="radio"] {
display: none;
}
.taksit-options label {
cursor: pointer;
color: #999;
padding: 4px 8px;
border-radius: 6px;
transition: 0.2s;
font-size: 12px;
}
.taksit-options input[type="radio"]:checked + label,
.taksit-options label.active {
color: #000;
font-weight: bold;
border: 1px solid #000;
background-color: #fff;
}
.taksit-price {
font-size: 15px;
font-weight: bold;
color: #003366;
color:#060644;
}
.price {
width:30%;
margin:0 !important;
position:relative;
top:0;
}
@media screen and (min-width: 1024px) {
.price{
width:23%;
}
}
@media (max-width: 480px) {
.taksit-container {
flex-direction: column;
justify-content:flex-start;
width:60%;
}
.taksit-options {
flex-direction: row;
justify-content: flex-start;
flex-wrap: nowrap;
}
.taksit-price {
font-size: 13px;
margin-top: 4px;
}
.wrap-price {
justify-content:flex-start;
align-items:flex-start;
}
.wd-product.wd-hover-fw-button .wrap-price {
align-items: flex-start;
}
}
a.in-stock {
font-family: Arial, sans-serif;
font-weight: bold;
width:36% !important;
margin-right:10px;
}
@media (min-width: 768px) {
.taksit-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 55%;
padding: 5px 0;
}
.taksit-options {
flex-direction: row;
justify-content: center;
width: 100%;
}
.taksit-price {
margin-top: 5px;
text-align: center;
font-size: 16px;
}
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.kredit-form input,
.kredit-form select {
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
cursor:pointer;
}
.kredit-form input:hover,
.kredit-form select:hover {
transform: translateY(-3px) !important ;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
cursor:pointer;
}
.sbmtbtn:hover{
background-color:blue !important;
}
.flatpickr-custom-year {
width: 80px;
height: 30px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 2px 6px;
margin-left: 8px;
background-color: white;
appearance: none;
}
.flatpickr-months .flatpickr-month {
justify-content: flex-start;
gap: 10px;
}
#menu-item-25261 {
--wd-dropdown-height: auto !important;
}
#menu-item-25261 .wd-dropdown-menu {
pointer-events: auto;
}
#menu-item-25261 .wd-sub-menu {
display: flex !important;
flex-direction: column !important;
}
.scrollToTop{
position: fixed;
bottom: 90px !important;
right: 35px !important;
z-index: 9999;
}
@media (max-width: 1024px) {
#qlwapp.qlwapp-bottom-right {
top: auto;
bottom: 37px;
}
.scrollToTop{
position: fixed;
bottom: 110px !important;
right: 25px !important;
z-index: 9999;
}
}
@media (max-width: 480px) {
.wrap-price ins {
font-size:14px !important;
}
}
.short-description {
max-height: none !important;
-webkit-line-clamp: 15 !important;
-webkit-box-orient: vertical !important;
display: -webkit-box !important;
}
body.no-padding-top .wd-content-layout {
padding-top: 0 !important;
}
@media (min-width: 1560px) {
.caseImg {
max-width: 85% !important;
}
}
@media (min-width: 1700px) {
.caseImg {
max-width: 73% !important;
margin:0 !important;
}
}
@media (min-width: 1920px) {
.caseImg {
max-width: 70% !important;
}
}
.caseImg {
margin: 0 !important;
}
.pcBuilderContainerLeft{
transition: top 0.3s ease;
}
.addButton{
background-color: #1A62E7;
padding:10px 31px;
}
.addButton:hover{
background-color: #1A62E7;
}
.pricess{
width:100%;
background-color:white;
font-size:26px;
}
.aClass{
cursor:pointer;
}
.pcBuilderContainerLeft{
top:220px;
}
.credit-modal{
max-width:800px;
}
.order-online{
color:#25D366 !important;
width:46% !important;
border-radius:4px;
cursor:pointer;
padding:2px 5px;
position: relative;
perspective: 1000;
animation: fixRepaint 0.1s;
font-weight:700;
transform: translateZ(0.1px);
backface-visibility: hidden;
will-change: transform, opacity;
}
@keyframes fixRepaint {
0% { opacity: 0.99; }
100% { opacity: 1; }
}
.order-online .online-tooltip {
visibility: hidden;
opacity: 0;
position: absolute;
bottom: 120%;
left: 50%;
transform: translateX(-50%);
background-color: #111;
color: #fff;
padding: 6px 10px;
border-radius: 6px;
white-space: nowrap;
font-size: 13px;
transition: opacity 0.2s ease;
z-index: 1000;
}
.order-online:hover .online-tooltip {
visibility: visible;
opacity: 1;
}
.custom-buttons{
display:flex !important;
flex-direction:row !important;
}
.cart-info .wd-product-detail{
margin-top:50px;
}
.flatpickr-calendar {
z-index: 9999 !important;
}
.elementor-widget-image img{
height: 100px;
}
.short-description {
height:70px;
max-height: 80px;
overflow: hidden;
}
.short-description{
font-size:12px;
}
.product-wrapper .short-description {
opacity: 1;
max-height: 0;
overflow: hidden;
transition: all 0.4s ease;
}
.product-wrapper:hover .short-description {
opacity: 1;
max-height: 200px;
}
@media (min-width: 422px) and (max-width: 480px) {
.custom-buttons{
justify-content:space-between !important;
}
a.in-stock{
margin-right:0;
width:45% !important;
padding:0 2px !important;
}
.button-stock-status{
font-size:12px;
}
.order-online{
padding:1px 6px;
width:51% !important;
}
.short-description{
display:none !important;
font-size:11px !important;
}
}
@media (max-width:374px){
a.in-stock{
width:48% !important;
margin-right:5px !important;
padding:2px 0 !important;
font-size:11px;
}
.order-online{
width:50% !important;
padding:3px 0 !important;
font-size:10px;
}
}
.button-stock-status.in-stock {
position: relative;
}
.button-stock-status.in-stock .credit-tooltip {
visibility: hidden;
opacity: 0;
background-color: #000;
color: #fff;
text-align: center;
padding: 5px 10px;
border-radius: 4px;
position: absolute;
z-index: 999;
bottom: 120%;
left: 50%;
transform: translateX(-50%);
transition: opacity 0.3s;
white-space: nowrap;
}
.button-stock-status.in-stock:hover .credit-tooltip {
visibility: visible;
opacity: 1;
}
#preloader {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
width: 100%;
height: 100%;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.loader img {
width: 300px;
animation: spin 2s linear infinite;
filter: none;
}
.loading-text {
font-size: 30px;
font-weight: bold;
color: #1A62E7;
letter-spacing: 1px;
text-align: center;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@media (min-width: 375px) and (max-width: 421px) {
a.in-stock {
font-size: 11px;
width:45% !important;
}
.order-online {
font-size: 11px;
padding:2px 0 0 0 !important;
width:48% !important;
display:flex;
}
}
.wd-popup.popup-quick-view .kredit-taksit,
.wd-popup.popup-quick-view .product_meta{
display: none !important;
}
.product-vendor-name{
display:none;
}
.posted_in{
display:none;
}
.elementor-element-populated{
padding:0 10px 20px 10px !important;
}
.qlwapp__container{
width:100% !important;
}
.qlwapp__button .qlwapp__button--button{
width:100% !important;
}
#menu-item-43884 > a {
position: relative;
overflow: visible !important;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.1);
opacity: 0.9;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.product-grid-item p {
font-size: 13px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: auto;
}
.elementor-container{
height:auto;
}
@media (max-width: 768px) {
.video-content {
display: none !important;
}
}
.qlwapp.qlwapp--woocommerce {
width: 100% !important;
max-width: 100% !important;
}
.qlwapp.qlwapp--woocommerce .qlwapp__container,
.qlwapp.qlwapp--woocommerce .qlwapp__button {
width: 100% !important;
max-width: 100% !important;
}
.left {
display: flex !important;
justify-content: center;
align-items: center;
position: relative;
width: 260px;
height:30px;
}
.left img {
top: 0;
left: 0;
height: auto;
}
.taksit-wrap{
height:auto !important;
display:flex;
flex-direction:column !important;
}
.right{
border: none !important;
}
.taksit-content{
width: 80%;
border-radius: 10px;
align-items:center;
display:flex !important;
justify-content:space-between !important;
padding:20px 0 !important;
border: 1px solid #e8e8e8;
height: 60px;
}
.taksit-header{
margin:auto;
}
.taksit-header h1 {
font-size: 24px;
font-weight: 700;
text-align: center;
color: #646464;
display: inline-block;
margin: 0;
}
.right p{
font-size:20px;
text-align: center;
color:#646464;
}
h3.wd-entities-title a {
font-size: 16px !important;
}
.center{
margin-left:15px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.center span{
border-radius:10px;
padding:10px 16px;
margin: 0 10px 0 0 !important;
cursor:pointer;
background-color: #f3f3f3;
}
.center span:first-child {
padding-left: 17px;
padding-right: 17px;
}
.right{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.right p{
font-size:28px !important;
margin:0;
font-weight:700;
}
.elementor-1101 .elementor-element.elementor-element-c8df3b4 {
padding: 20px 20px 0px 20px !important;
}
@media (max-width: 768px) {
.center span{
padding: 15px 9px 15px 10px;
font-size:14px;
}
.center span:first-child {
padding-left: 14px;
padding-right: 14px;
}
}
@media (max-width: 480px) {
.kredit-table .head {
font-size: 13px !important;
}
}
@media (max-width: 768px) {
.qlwapp__container.qlwapp__container--bottom-right {
bottom: 39px !important;
}
}
@media (max-width: 480px) {
section.elementor-element-0261246 {
display: none !important;
}
section.elementor-element-c8df3b4 {
display: none !important;
}
h3.wd-entities-title a {
font-size: 13px !important;
}
}
line-height: 1.3;
font-weight:700;
} */
.container.wd-slide-container.content-fixed {
height: 500px !important;
}
.wd-nav-img img,
img[alt="gaming pc ico"],
.wd-nav img {
width: auto !important;
height: auto !important;
max-width: 22px !important;
max-height: 22px !important;
}
a.woodmart-nav-link {
height: 32px !important;
line-height: 30px !important;
padding: 15 12px !important;
display: flex !important;
align-items: center !important;
overflow: hidden !important;
}
img.wd-nav-img {
margin: 0px 17px 0px 0px !important;
}
.wd-nav .elementor-widget-wrap.elementor-element-populated {
max-height: 460px;
overflow-y: auto !important;
overflow-x: hidden !important;
}
.wd-dropdown-menu.wd-dropdown {
width: calc(100vw - 605px) !important;
max-width: 930px !important;
left: 415px !important;
right: auto !important;
height: 600px;
}
#menu-item-43884 {
width: 160px !important;
}
@media (max-width: 480px) {
.wd-entities-title {
font-size:18px !important;
}
}
@media (max-width: 480px) {
.elementor-element-562428a {
display: none !important;
}
}
.product-element-bottom {
overflow: visible !important;
transform: none !important;
}
@media (min-width: 420px) and (max-width: 425px) {
.button-stock-status{
padding:0;
}
}
@media (min-width: 480px) and (max-width: 590px) {
a.in-stock {
width:39% !important;
}
}
.wd-carousel-container.wd-gallery-images {
height: auto !important;
overflow: hidden;
}
.elementor-column.elementor-col-50.elementor-top-column {
height: auto !important;
overflow: hidden;
}
.elementor-widget-container{
margin-top:9px;
}
#slider-119 {
margin-top: 10px;
}
.whb-flex-row.whb-header-bottom-inner {
margin-left: 8px;
}
.wd-tools-element.wd-style-icon .wd-tools-text {
display: inline !important;
}
.whb-header-bottom-inner .whb-column.whb-col-left.whb-visible-lg {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50px;
padding:0;
background-color: #fff;
transition: all 0.3s ease;
}
.whb-header-bottom-inner .whb-column.whb-col-left.whb-visible-lg:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.whb-col-right .wd-tools-text {
font-size: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
}
.nav-link-text{
font-size:15px !important;
}
.wd-nav-vertical>li>a{
padding:19px 18px;
}
.wd-tools-icon{
background-color: rgba(39, 97, 231, 1);
color:white;
}
.whb-column.whb-col-left.whb-visible-lg {
height: 50px;
display: flex;
margin-top:5px;
align-items: center;
justify-content: center;
}
.wd-menu ul {
border: none !important;
}
.wd-menu li {
border: none !important;
}
.wd-nav > .menu-item > a:hover {
color: #2761e7 !important;
}
.wd-nav > .menu-item > a:hover span,
.wd-nav > .menu-item > a:hover i {
color: #2761e7 !important;
}
a.woodmart-nav-link:hover::after {
color: #2761e7 !important;
}
@media (max-width: 480px) {
.wd-header-mobile-nav .wd-tools-text {
display: none;
}
.short-description {
display: none !important;
}
.autocomplete-suggestion h4,
.autocomplete-suggestion p,
.autocomplete-suggestion span,
.autocomplete-suggestion del,
.autocomplete-suggestion ins,
.autocomplete-suggestion strong {
font-size: 11px !important;
}
.autocomplete-suggestion h4 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom:5px;
}
.view-all-results span{
font-size:13px;
}
.whb-column.whb-col-left.whb-visible-lg,
.whb-column.whb-mobile-left.whb-hidden-lg,
.whb-column.whb-mobile-right.whb-hidden-lg {
display: none !important;
}
.whb-column.whb-mobile-center.whb-hidden-lg {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.wd-tools-icon{
background-color: #fff;
color:black;
}
}
.header-taksit{
margin:0;
font-size:20px;
font-weight: 600;
}
.monthly-price{
margin-bottom:0;
color: #646464;
font-weight:bold;
}
.header-taksit-v2{
margin:25px 0 0 0;
font-size:20px;
font-weight: 600;
}
.header-taksit-v2 + .taksit-wrap {
border: 2px solid #36C419;
}
.taksit-wrap-v2{
padding:16px 0 8px 0 !important;
height:auto !important;
display:flex;
flex-direction:column !important;
border-radius: 15px;
}
.taksit-content-v2{
display:flex !important;
justify-content:space-between !important;
padding:8px 16px !important;
padding-top:0 !important;
}
.left-v2{
flex-direction:row !important;
display:flex;
justify-content:center;
align-items:center;
}
.left-v2 img{
width:120px !important;
height:60px;
margin-left:10px;
border-width:0 !important;
}
.center-v2{
display:flex;
justify-content:center;
align-items:center;
}
.center-v2 span{
border-radius:10px;
padding:10px 16px;
margin: 0 10px 0 0 !important;
cursor:pointer;
background-color: #f3f3f3;
}
.center-v2 span:first-child {
padding-left: 19px;
padding-right: 19px;
}
.right-v2{
border: none !important;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.right-v2 p{
font-size:28px !important;
margin:0;
font-weight:700;
text-align: center;
color:#646464;
}
.monthly-price-v2{
margin-bottom:0;
color: #646464;
font-weight:bold;
}
.month-badge{
position: relative;
display: inline-block;
padding: 8px 12px;
}
.zero-percent-badge {
position: absolute;
top: -10px;
left: -12px;
background: linear-gradient(135deg, #36C419 0%, #29a10d 100%);
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 7px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
transform: rotate(0deg);
z-index: 10;
clip-path: polygon(
50% 0%, 58% 12%, 70% 5%, 76% 18%, 90% 12%, 88% 26%,
100% 30%, 92% 42%, 100% 50%, 92% 58%, 100% 70%, 88% 74%,
90% 88%, 76% 82%, 70% 95%, 58% 88%, 50% 100%, 42% 88%,
30% 95%, 24% 82%, 10% 88%, 12% 74%, 0% 70%, 8% 58%,
0% 50%, 8% 42%, 0% 30%, 12% 26%, 10% 12%, 24% 18%,
30% 5%, 42% 12%
);
}
.left img {
border-radius: 3px;
width:40px;
margin-right: 5px;
}
@media (max-width: 480px) {
#svnov{
padding: 8px 0px 8px 15px !important;
}
#operator{
padding:0 0 0 6px !important;
}
.taksit-content-v2 {
flex-direction: row !important;
padding: 6px 8px !important;
padding-top: 0 !important;
flex-wrap: nowrap !important;
justify-content: space-between;
align-items: center;
}
.left{
margin-left:16px;
}
.left-v2 img {
width: 70px !important;
height: 35px;
margin-left: 3px;
}
.center-v2 {
justify-content: center;
align-items: center;
flex-wrap: nowrap !important;
}
.center-v2 span {
border-radius: 6px;
padding: 4px 6px;
margin: 0 3px 0 0 !important;
font-size: 13px;
}
.center-v2 span:first-child {
padding-left: 6px;
padding-right: 6px;
}
.right-v2 p {
font-size: 18px !important;
font-weight: 700;
margin: 0;
}
.monthly-price-v2 {
font-size: 13px;
margin-bottom: 0;
}
.taksit-content {
flex-direction: row !important;
padding: 6px 8px !important;
padding-top: 0 !important;
flex-wrap: nowrap !important;
justify-content: space-between;
align-items: center;
}
.left img {
width: 40px;
height: 25px;
}
.center {
width:63%;
margin-left:-10px;
justify-content: center;
align-items: center;
flex-wrap: nowrap !important;
}
.center span {
border-radius: 6px;
padding: 4px 8px;
margin: 0 3px 0 0 !important;
font-size: 16px;
}
.center span:first-child {
padding-left: 8px;
padding-right: 8px;
}
.right p {
font-size: 16px !important;
font-weight: 700;
margin: 0;
}
.monthly-price {
font-size: 13px;
margin-bottom: 0;
}
.summary-button{
padding: 0 10px !important;
font-size:13px !important;
}
.summary-button-v2{
padding: 0 10px !important;
font-size:13px !important;
}
.zero-percent-badge {
position: absolute;
top: -6px;
left: -8px;
background: linear-gradient(135deg, #36C419 0%, #29a10d 100%);
color: #fff;
font-size: 8px;
font-weight: bold;
padding: 4px;
box-shadow: 0 2px 3px rgba(0,0,0,0.2);
transform: rotate(0deg);
z-index: 10;
clip-path: polygon(
50% 0%, 58% 12%, 70% 5%, 76% 18%, 90% 12%, 88% 26%,
100% 30%, 92% 42%, 100% 50%, 92% 58%, 100% 70%, 88% 74%,
90% 88%, 76% 82%, 70% 95%, 58% 88%, 50% 100%, 42% 88%,
30% 95%, 24% 82%, 10% 88%, 12% 74%, 0% 70%, 8% 58%,
0% 50%, 8% 42%, 0% 30%, 12% 26%, 10% 12%, 24% 18%,
30% 5%, 42% 12%
);
}
}
.elementor-1055
.elementor-element.elementor-element-4de83c8.elementor-column.elementor-element[data-element_type="column"]
> .elementor-widget-wrap.elementor-element-populated {
align-content: initial !important;
align-items: initial !important;
}
.taksit-summary{
display:flex;
justify-content:space-evenly;
align-items:center;
}
.summary-title{
margin:0 5px 0 0;
color: #646464;
font-weight:bold;
font-size:18px;
}
.summary-amount{
margin:0;
text-align:center;
font-size:18px;
text-align: center;
color:#646464;
font-weight:700;
}
.summary-button {
background-color: rgb(192, 39, 45);
color: #fff;
border: none;
padding: 12px 30px;
font-size: 16px;
font-weight: bold;
border-radius: 8px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background-color 0.4s, transform 0.2s, box-shadow 0.4s;
}
.summary-button::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.3);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: width 0.4s ease, height 0.4s ease;
}
.summary-button:hover {
background-color: rgb(160, 30, 35);
transform: scale(1.05);
box-shadow: 0 8px 20px rgba(192, 39, 45, 0.4);
color: #fff;
}
.summary-button:active::after {
width: 300px;
height: 300px;
}
.summary-text{
display:flex;
justify-content:center;
align-items:center;
}
#custom-taksit-wrap{
display:none !important;
}
.taksit-info{
display:none;
}
.summary-text-v2{
display:flex;
justify-content:center;
align-items:center;
}
.summary-button-v2 {
background-color: rgb(54, 196, 25);
color: #fff;
border: none;
padding: 12px 30px;
font-size: 16px;
font-weight: bold;
border-radius: 8px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background-color 0.4s, transform 0.2s, box-shadow 0.4s;
}
.summary-button-v2::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.3);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: width 0.4s ease, height 0.4s ease;
}
.summary-button-v2:hover {
background-color: rgb(44, 165, 20);
transform: scale(1.05);
box-shadow: 0 8px 20px rgba(54, 196, 25, 0.4);
color: #fff;
}
.summary-button-v2:active::after {
width: 300px;
height: 300px;
}
.taksit-summary-v2{
display:flex;
justify-content:space-evenly;
align-items:center;
}
.summary-title-v2{
margin:0 5px 0 0;
color: #646464;
font-weight:bold;
font-size:18px;
}
.summary-amount-v2{
margin:0;
text-align:center;
font-size:18px;
text-align: center;
color:#646464;
font-weight:700;
}
.kredit-wrap{
display:none;
}
.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-7587b72.elementor-hidden-desktop {
display: none !important;
}
.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-1560502.wd_sticky_offset_150 {
display: none !important;
}
.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-849fa95.elementor-hidden-desktop {
display: none !important;
}
.wow-title {
font-size: 28px;
color: #1a62e7;
white-space: nowrap;
overflow: hidden;
}
.image-wrapper {
position: relative;
display: inline-block;
padding: 10px;
border-radius: 20px;
background-size: 400% 400%;
animation: gradientBG 10s ease infinite;
box-shadow: 0 0 30px rgba(0,0,0,0.4), 0 0 60px rgba(255,255,255,0.2);
transition: transform 0.6s ease;
}
.image-wrapper:hover {
transform: scale(1.05) rotate(1deg);
box-shadow: 0 0 50px rgba(0,0,0,0.6), 0 0 100px rgba(255,255,255,0.3);
}
.image-wrapper img {
display: block;
border-radius: 15px;
max-width: 100%;
transition: transform 0.6s ease;
}
.image-wrapper:hover img {
transform: scale(1.08);
}
@keyframes gradientBG {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.info p {
position: relative;
font-size: 18px;
color: black;
padding: 10px;
border-radius: 10px;
}
#kreditForm input[type="text"],
#kreditForm select,
#kreditForm input[type="email"],
#kreditForm input[type="number"],
#kreditForm input[type="date"],
#kreditForm input[type="password"],
#kreditForm input[type="tel"] {
background: #f5f9ff;
border: 2px solid #cce6ff;
border-radius: 8px;
color: #003366;
padding: 8px;
width: 100%;
outline: none;
transition: border-color 0.3s, box-shadow 0.3s;
}
#kreditForm input::placeholder,
#kreditForm select option {
color: #99b3cc;
}
#kreditForm input:focus,
#kreditForm select:focus {
border-color: #3399ff;
box-shadow: 0 0 8px rgba(51, 153, 255, 0.2);
}
#kreditForm label {
font-family: 'Arial', sans-serif;
font-size: 14px;
color: #003366;
margin-top: 12px;
display: block;
}
#kreditForm input[type="checkbox"] {
accent-color: #3399ff;
transform: scale(1.1);
}
#kreditForm .sbmtbtn {
background: #3399ff;
color: white;
font-family: 'Arial', sans-serif;
font-weight: bold;
padding: 14px 40px;
border: none;
border-radius: 8px;
cursor: pointer;
margin-top: 20px;
transition: background 0.3s, transform 0.2s;
}
#kreditForm .sbmtbtn:hover {
background: #267acc;
transform: translateY(-2px);
}
#kreditForm p {
font-size: 13px;
color: #555;
line-height: 1.5;
margin-top: 10px;
}
.sbmtbtn {
display: block;
margin: 0 auto;
background: linear-gradient(135deg, #1a62e7, #4aa8ff);
color: #fff;
padding: 14px 40px;
border: none;
border-radius: 12px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
box-shadow: 0 8px 20px rgba(26, 98, 231, 0.4);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.sbmtbtn:hover {
background: linear-gradient(135deg, #4aa8ff, #1a62e7);
box-shadow: 0 12px 25px rgba(26, 98, 231, 0.6);
transform: translateY(-3px);
}
.sbmtbtn:active {
transform: translateY(0);
box-shadow: 0 6px 15px rgba(26, 98, 231, 0.4);
}
.sbmtbtn::after {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 60%);
opacity: 0;
transition: opacity 0.4s;
transform: rotate(25deg);
}
.sbmtbtn:hover::after {
opacity: 1;
}
#status-message.loading {
color:#c0272d;
animation: pulse 1s infinite;
}
#status-message.success {
color: #28a745;
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
body.woocommerce-checkout .taksit-wrap {
display: none;
}
#checkout-taksit-wrap {
gap: 20px;
align-items: center;
justify-content: space-between;
}
#checkout-taksit-wrap .center span {
cursor: pointer;
padding: 5px 10px;
border: 1px solid #ddd;
margin: 0 5px;
}
#checkout-taksit-wrap .center span:hover {
background-color: #eee;
}
#checkout-taksit-wrap img {
max-width: 100px;
}
#operator{
width:20% !important;
}
#svnov{
width:25% !important;
padding:12px 8px !important;
}
@media (max-width: 480px) {
.taksitInfo{
font-size:13px;
margin-bottom:3px !important;
}
} */
.custom-bold-18{
font-size:24px;
}
.info{
margin-top:20px !important;
}
#agree {
width: 18px !important;
height: 18px !important;
}
span.wd-entities-title {
font-size: 11px !important;
}
#readMore {
display: inline;
margin-left: 8px;
cursor: pointer;
}
.info p{
padding:2px;
font-size:16px;
}
.svimg{
margin-top:0 !important;
}
.g-recaptcha{
margin-bottom:15px;
}
.info{
gap:10px !important;
}
#svnov{
padding: 8px 0px 8px 15px !important;
}
body.modal-open {
overflow: hidden !important;
height: 100vh !important;
position: fixed !important;
width: 100%;
top: 0;
left: 0;
}
.kredit-form {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
max-height: 100vh;
}
.elementor-128 .elementor-element.elementor-element-0d39a8b {
margin: 20px 0px 20px 0px !important;
}
}
.kredit-form {
position: fixed;
inset: 0;
z-index: 9999;
background: rgba(0, 0, 0, 0.4);
flex-direction: column;
}
.kredit-form .wrap {
flex: 1;
overflow-y: auto;
background: white;
padding:15px 20px 120px 20px;
max-width: 100%;
box-sizing: border-box;
}
.kredit-form .info {
width: 100%;
flex-wrap: wrap;
gap: 40px;
justify-content: space-between;
}
.kredit-form form {
width: 100%;
}
.kredit-form input,
.kredit-form select {
width: 100%;
box-sizing: border-box;
padding: 12px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #ECEDF1;
}
.kredit-form label {
font-weight: 500;
display: block;
margin-bottom: 5px;
}
.kredit-form .close {
position: fixed;
top: 20px;
right: 20px;
cursor: pointer;
font-size: 30px;
color: #000;
z-index: 10000;
font-weight: bold;
background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.kredit-form {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.kredit-form .modal-content {
background: #fff;
max-width: 500px;
margin: 40px auto;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
@media (max-width: 768px) {
.kredit-form .modal-content {
margin: 20px 10px;
width: calc(100% - 20px);
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.whb-column.whb-col-left {
display: none !important;
}
.wd-tools-icon{
color:black;
background-color:White;
}
.qlwapp__container.qlwapp__container--bottom-right {
bottom: 39px !important;
}
}
@media (min-width: 481px) and (max-width: 1206px) {
.left{
margin:0;
}
.monthly-price{
width:110%;
font-size: 20px;
}
.right p{
font-size:25px !important;
}
.months-wrapper{
width:110%;
}
.center span{
padding:7px 8px;
}
.left-v2{
margin:0;
}
.center span:first-child {
padding:7px 9px !important;
}
.monthly-price-v2{
width:200%;
font-size: 20px;
}
.right-v2 p{
width:127%;
font-size:25px !important;
margin-right:50px;
}
.months-wrapper-v2{
width:110%;
}
.center-v2 span{
padding:7px 9px;
font-size:14px;
}
.left-v2 img{
margin-left:0;
}
.taksit-content-v2{
padding:8px 0 !important;
}
.center-v2{
width:110%;
justify-content:flex-start
}
.center-v2 span:first-child {
padding:7px 9px;
}
.left-v2 img {
width:200px !important;
}
}
@media (max-width: 768px) {
section.elementor-element-01e0df7 {
display: none !important;
}
.elementor-128 .elementor-element.elementor-element-0d39a8b {
margin: 20px 0px 20px 0px !important;
}
}
.elementor-element-509a879 {
display: none !important;
}
.elementor-element-435162d {
display: none !important;
}
.custom-highlight-label {
position: absolute;
top: 8px;
left: 8px;
background-color: #ff3b3b;
color: #fff;
font-size: 10px;
font-weight: 600;
padding: 2px 6px;
border-radius: 3px;
z-index: 10;
text-transform: uppercase;
}
.sendInfo{
width:40%;
}
.woocommerce-loop-product__title {
font-size: 16px !important;
line-height: 1.2;
height:40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.elementor-element-ddee561 {
display: none !important;
}
.elementor-element-b442902 {
display: none !important;
}
html:not(.wd-page-ready) .whb-clone,
html:not(.wd-page-ready) .whb-sticky-header,
html:not(.wd-page-ready) .wd-mobile-nav,
html:not(.wd-page-ready) .whb-row.whb-top-bar {
opacity: 0 !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
html:not(.wd-page-ready) .whb-row.whb-top-bar[style] {
display: none !important;
}
.elementor-element.elementor-element-4cd1eac {
display: none !important;
}
.elementor-element.elementor-element-5a3a18e {
display: none !important;
}
.elementor-element.elementor-element-72a0dcb {
display: none !important;
}
.wd-negative-gap.elementor-section.elementor-inner-section.elementor-element-d76bd8f {
display: none !important;
}
.woocommerce-loop-product__title a {
color: #000;
text-decoration: none;
transition: color 0.2s ease;
}
.woocommerce-loop-product__title a:hover {
color: #444;
}
.elementor-element[data-id="37f7fbb"] {
display: none !important;
}
.wd-negative-gap.elementor-section.elementor-inner-section.elementor-hidden-mobile,
.elementor-widget-divider {
display: none !important;
}
@media (min-width: 767.98px) {
body:not(.kredit-open) .single-product .elementor-top-section .elementor-container
> .elementor-column:has(.wd-single-title) {
max-height: calc(100vh - var(--header-offset, 160px));
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: none;
transform: translateZ(0);
will-change: transform;
contain: layout paint;
touch-action: pan-y;
scrollbar-width: none;
-ms-overflow-style: none;
}
body:not(.kredit-open) .single-product .elementor-top-section .elementor-container
> .elementor-column:has(.wd-single-title)::-webkit-scrollbar { display: none; }
html, body { scroll-behavior: auto !important; }
.single-product .elementor-top-section .elementor-container
> .elementor-column:has(.wd-single-title) {
max-height: calc(100vh - var(--header-offset, 160px));
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
}
.single-product .elementor-top-section .elementor-container
> .elementor-column:has(.wd-single-title)::-webkit-scrollbar { display: none; }
.single-product .elementor-top-section .elementor-container
> .elementor-column:has(.wd-single-title)[class*="wd_sticky"],
.single-product .wd-sticky-content,
.single-product .summary-inner.wd-sticky,
.single-product [class*="wd-sticky"] .wd-sticky-content {
position: static !important;
top: auto !important;
}
}
.elementor-element.elementor-element-781cda4 {
display: none !important;
}
.elementor-element[data-id="js-texniki-gostericiler-h1"] .elementor-heading-title{
font-weight: 500 !important;
}
.qlwapp__container{
width: fit-content !important;
max-width: none !important;
display: inline-flex !important;
background: transparent !important;
pointer-events: none !important;
z-index: 99999 !important;
}
.qlwapp__container > *,
.qlwapp__container a,
.qlwapp__container button,
.qlwapp__container .qlwapp__button{
pointer-events: auto !important;
}
.qlwapp__container--bottom-right{
left: auto !important;
right: 18px !important;
bottom: 18px !important;
top: auto !important;
}
.qlwapp__container--bottom-left{
right: auto !important;
left: 18px !important;
bottom: 18px !important;
top: auto !important;
}
.qlwapp__container--top-right{
left: auto !important;
right: 18px !important;
top: 18px !important;
bottom: auto !important;
}
.qlwapp__container--top-left{
right: auto !important;
left: 18px !important;
top: 18px !important;
bottom: auto !important;
}
@media (max-width: 768px){
.qlwapp__container--bottom-right{ right: 12px !important; bottom: 12px !important; }
.qlwapp__container--bottom-left{ left: 12px !important; bottom: 12px !important; }
.qlwapp__container--top-right{ right: 12px !important; top: 12px !important; }
.qlwapp__container--top-left{ left: 12px !important; top: 12px !important; }
}
} */
.wd-single-attrs table.shop_attributes {
width: 100%;
border-collapse: collapse;
}
.wd-single-attrs table.shop_attributes tbody {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.wd-single-attrs table.shop_attributes tr {
display: grid;
grid-template-columns: 120px auto;
align-items: center;
border-bottom: 1px solid #eee;
padding: 8px;
background: #fff;
}
.wd-single-attrs table.shop_attributes th,
.wd-single-attrs table.shop_attributes td {
display: block;
text-align: left;
padding: 5px;
}
@media (max-width: 768px) {
.wd-single-attrs table.shop_attributes tbody {
grid-template-columns: 1fr;
}
}
.wd-single-attrs table.shop_attributes th {
font-weight:700;
color: #777;
}
.woocommerce-product-attributes-item__value {
color: #323232;
}
@media (max-width: 378px) {
.taksit-content{
padding:0 !important;
}
.left {
margin-left: 4px;
width:60px;
}
.right{
width:21%;
}
}
.elementor-element.elementor-element-a9da439 {
display: none !important;
}
.product_meta .sku_wrapper {
display: flex !important;
justify-content: flex-start !important;
align-items: center;
gap: 5px;
text-align: left !important;
}
.elementor-element.elementor-element-adab882 {
display: none !important;
}
.elementor-element.elementor-element-24ce5a1 {
display: none !important;
}
.elementor-element.elementor-element-b406b5a {
display: none !important;
}
.elementor-element-378fa5f .elementor-widget-container {
width: 200px !important;
}
html.menu-open,
body.menu-open {
overflow: hidden !important;
height: 100vh;
}
.mobile-nav.wd-opened {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: #fff;
z-index: 9999;
}
@media (max-width: 991px) {
.mobile-nav.wd-side-hidden {
width: 100% !important;
left: 0 !important;
right: 0 !important;
}
}
@media (min-width: 992px) {
.mobile-nav.wd-side-hidden {
width: 400px;
left: auto;
}
}
@media (max-width: 768px) {
.wd-off-canvas-sidebar,
.wd-cart-side {
transform: translateX(100%) !important;
}
.wd-off-canvas-sidebar.wd-opened,
.wd-cart-side.wd-opened {
transform: translateX(0) !important;
}
}
@media (max-width: 768px) {
html, body {
overflow-x: hidden !important;
overscroll-behavior-x: none !important;
}
}
@media (max-width: 768px) {
.wd-cats-element .wd-grid-g {
--wd-col-sm: 5 !important;
--wd-gap-sm: 6px !important;
}
.wd-cats-element .category-image img {
width: 70px !important;
height: 70px !important;
object-fit: contain;
}
.wd-cats-element .wd-entities-title {
font-size: 7px !important;
line-height: 1.2 !important;
}
.wd-cats-element .hover-mask {
padding:10px 0 0 0 !important;
height:25px !important;
}
.elementor-widget:not(:last-child) {
margin-block-end: 0 !important;
}
.liner-continer{
display:none;
}
}
.elementor-column {
flex-direction:column;
}
#alt-kateqoriyalar .altcat-card {
margin-right: 30px;
}
@media (max-width: 768px) {
.image-wrapper{
width:80%;
}
.premium-kredit-box{
width:80%;
}
.infobottom{
flex-direction:column;
justify-content:center;
align-items: center;
}
.infobottom div{
margin-top: 10px;
}
.sendInfo{
width:80%;
}
.svimg{
width:65px !important;
}
.left{
width:360px;
justify-content: space-around;
}
.taksit-wrap{
width:100%;
}
.kredit-taksit-row{
display:flex;
flex-direction:column;
}
main.wd-content-layout.content-layout-wrapper.container {
padding-top: 0 !important;
}
}
.elementor-element-579c619b .elementor-widget-container {
margin-left: 40px;
}
.left-texts{
margin-left:20px;
}
.left-texts p {
font-size: 14px;
margin: 0 0 0 7px !important;
height:20px;
}
.left-texts p:nth-child(2) {
font-size:12px;
color: #777777;
}
.p-payment{
margin-bottom: 5px !important;
}
body.woocommerce-checkout .taksitInfo {
width: 470px;
}
body.woocommerce-checkout .right {
width: 250px;
}
body.woocommerce-checkout .taksit-wrap {
border: 1px solid #e8e8e8;
border-radius: 10px;
}
body.woocommerce-checkout .taksit-content {
border: none;
width:100%;
padding:50px 0 !important;
}
body.woocommerce-checkout .monthly-price {
width: 110px;
}
body.woocommerce-checkout .right p {
font-size: 24px !important;
}
.infobottom{
display:flex;
justify-content: space-evenly;
}
.p-payment{
margin:0 auto;
text-align:center;
}
.sendInfo{
background: #ffffff;
padding: 22px;
border-radius: 14px;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12);
animation: fadeIn .4s ease;
}
@media (min-width: 1025px) {
.form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 25px;
margin-bottom: 25px;
}
.form-submit-center {
text-align: center;
width: 100%;
grid-column: 1 / 3;
}
}
@media (max-width: 1024px) {
.form-grid {
display: block !important;
}
.form-submit-center {
grid-column: auto;
text-align: center;
}
}
body.single-product .elementor-widget-wrap.elementor-element-populated {
padding-bottom: 10px !important;
}
body.woocommerce-checkout .left {
flex-direction:column;
margin-top:30px;
}
body.woocommerce-checkout .left img{
margin-bottom:5px;
}
body.woocommerce-checkout .taksit-summary {
position: relative;
left: 70px;
display: inline-flex !important;
align-items: center;
gap: 20px;
width: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.woocommerce-checkout .summary-text {
display: flex;
align-items: center;
gap: 6px;
width: auto !important;
white-space: nowrap;
}
.woocommerce-checkout .cart-product-label a {
color: #000 !important;
text-decoration: none !important;
}
.woocommerce-checkout .cart-product-label a:hover {
color: #000 !important;
}
.sku_wrapper_custom {
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 60%;
flex-direction: column;
}
.sku_left {
display: flex;
align-items: center;
gap: 6px;
}
.product_views_custom {
display: flex;
align-items: center;
font-size: 15px;
color: #444;
gap: 6px;
}
.product_views_custom .view_icon {
position: relative;
top: 1px;
}
.product_views_custom .view_count {
display: flex;
align-items: center;
}
.elementor-element.elementor-element-5d8acf1 {
width: 100% !important;
max-width: none !important;
display: block;
}
.product-grid-item img{
margin:auto;
}
.stock_status_custom {
font-weight: 600;
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.stock_row {
display: flex;
gap: 6px;
font-size: 13px;
}
.stock_in {
color: #1dbf73;
font-weight: 600;
}
.stock_out {
color: #e11900;
font-weight: 600;
}
.single-product .wd-single-meta .product_meta {
justify-content: flex-start !important;
text-align: left !important;
}
.single-product .stock_status_custom {
align-items: flex-start !important;
}
.single-product .meta-main {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.single-product .meta-left-column,
.single-product .meta-right-column {
display: flex;
flex-direction: column;
gap: 6px;
}
.single-product .stock_row_inner {
display: flex;
gap: 6px;
}
.single-product .stock_in {
color: #1dbf73;
font-weight: 600;
}
.single-product .stock_out {
color: #e11900;
font-weight: 600;
}
.single-product .wd-single-meta .product_meta.wd-layout-default {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center;
width:100%;
}
.single-product .elementor-element-2d61532 {
width: 50% !important;
max-width: 50% !important;
margin: 0 auto;
}
.tb-badge{
display: inline-block;
color: white;
padding: 0 5px;
border-radius: 2px;
font-size: 14px;
text-decoration: none;
margin-bottom: 10px;
font-weight: bold;
}
.krprtv{
margin-left:4px;
}
@media (max-width: 480px) {
body.woocommerce-checkout .taksitInfo{
width:325px;
padding-bottom:40px;
}
.left{
align-items:flex-start;
margin-top:0 !important;
}
.right{
align-items:flex-start;
width:20% !important;
}
body.woocommerce-checkout .right p {
font-size: 17px !important;
}
.sku_wrapper_custom{
width:44%;
font-size:10px;
}
.stock_row{
font-size:10px;
}
.product_views_custom{
font-size:10px;
}
.view_icon{
width:13px;
}
.tb-badge{
font-size: 10px;
}
.tb-delivery-text {
font-size: 12px !important;
}
.techbar-product-banner img{
width:40px !important;
height:40px !important;
}
.tb-banner-inner{
gap:5px !important;
padding-inline:10px !important;
height:35px !important;
}
.tb-badge{
margin-bottom:0 !important;
}
.single-product .product_title.entry-title.wd-entities-title {
margin-top: 20px !important;
}
.single-product .woocommerce-product-details__short-description {
font-size: 13px !important;
}
}
body.page-id-63901 {
overflow-x: hidden;
}
@media (max-width: 768px) {
.qlwapp__container.qlwapp-is-mobile {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
}
.elementor-widget-container p.price del {
font-size: 26px !important;
vertical-align: middle !important;
}
.product-type-combo h1.product_title {
font-size: 24px !important;
}
.elementor-widget-container p.price del .amount {
font-size: 25px !important;
}
#techbar-combo-tabs > div:last-child {
font-size: 13px !important;
}
ul.wd-nav-main > li.item-with-label > a .menu-label,
ul.wd-nav-main > li.item-with-label:hover > a .menu-label {
color: #fff !important;
background-color: #e53935 !important; /* qırmızı fon sabit qalsın */
}
.kmp-acc-header{
margin-top:8px !important;
}
.kmp-acc-body{
padding:10px !important;
}
@media (max-width: 576px) {
@media (max-width: 767px) .wd-entities-title {
font-size: 9px !important;
}
}