/* /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/pdp.css */ /* TechBar Catalog UI — məhsul səhifəsi. * 1) köhnə mu-plugins/techbar-pdp-compact.php v1.2.0 2) techbar-pdp-meta.php v1.0.0 3) mobil alt panel (functions.php) 4) yeni: stok sətri, aylıq, WhatsApp, oxşar məhsullar */ /* ===== 1. pdp-compact ===== */ /* ========== UNIFORM BLOK BOŞLUĞU = 14px — YALNIZ MASAÜSTÜ ========== (mobildə temanın öz margin-ları ilə TOPLANIB boşluqları böyüdürdü) */ @media(min-width:769px){ body.tbnew .elementor-widget-wd_single_product_title, body.tbnew .elementor-widget-wd_single_product_meta, body.tbnew .elementor-widget-wd_single_product_short_description, body.tbnew .elementor-widget-wd_single_product_price{margin-top:0!important;margin-bottom:14px!important} body.tbnew .elementor-widget-wd_single_product_add_to_cart{margin-top:0!important} } /* başlıq: 34 → 28px — yalnız masaüstü (mobildə temanın öz responsive ölçüsü qalır) */ @media(min-width:769px){ body.tbnew .elementor-widget-wd_single_product_title h1, body.tbnew .wd-single-title h1, body.tbnew h1.product_title{font-size:28px!important;line-height:1.18!important;margin:2px 0 0!important;font-weight:700!important} } /* badge-lər: kiçik, sıx, bir sıra */ body.tbnew .tb-badge, body.tbnew .free-shipping-button{font-size:11px!important;padding:3px 8px!important;line-height:1.5!important; margin:0 4px 4px 0!important;border-radius:5px!important} body.tbnew .tb-badge svg,body.tbnew .tb-badge i{transform:scale(.9)} /* meta (stok/SKU): sıx sətirlər */ body.tbnew .elementor-widget-wd_single_product_meta{font-size:13px!important} body.tbnew .wd-single-product-meta{font-size:13px!important} body.tbnew .wd-single-product-meta>*{margin:0!important;line-height:1.22!important} /* qısa təsvir bölməsi */ body.tbnew .elementor-widget-wd_single_product_short_description, body.tbnew .wd-single-short-description{line-height:1.4!important} /* banner: tema mt:15 + konteyner mt:9 kompensasiyası — yalnız masaüstü (mobildə 4px-ə sıxılırdı) */ @media(min-width:769px){ body.tbnew .elementor-widget-wd_single_product_short_description>.elementor-widget-container{margin-top:0!important} body.tbnew .techbar-product-banner{margin-top:-20px!important} } body.tbnew .techbar-product-banner{margin-bottom:14px!important} /* texniki göstərici mətni: 13px */ body.tbnew .woocommerce-product-details__short-description, body.tbnew .woocommerce-product-details__short-description p{font-size:13px!important;line-height:1.45!important;margin:0!important} /* çatdırılma qutusunun padding-i */ body.tbnew .elementor-widget-wd_single_product_short_description [style*="background"]{padding:6px 11px!important} /* qiymət: BİR SƏTİRDƏ — yeni böyük solda, köhnə üstüxətli sağda */ body.tbnew .elementor-widget-wd_single_product_price{width:auto!important;max-width:100%!important} body.tbnew .elementor-widget-wd_single_product_price .price{display:flex!important;align-items:baseline!important; gap:14px!important;flex-wrap:nowrap!important;width:max-content!important;max-width:100%!important;white-space:nowrap!important; font-size:26px!important;line-height:1.1!important;margin:0!important} body.tbnew .elementor-widget-wd_single_product_price .price ins{order:1;text-decoration:none!important;background:none!important} body.tbnew .elementor-widget-wd_single_product_price .price del{order:2} body.tbnew .elementor-widget-wd_single_product_price .price del, body.tbnew .elementor-widget-wd_single_product_price .price del .amount{font-size:16px!important} body.tbnew .elementor-widget-wd_single_product_price p{margin:0!important} /* qiymət widget-inin altındakı boş sahə → qiymət→düymə 14px (masaüstü) */ @media(min-width:769px){ body.tbnew .elementor-widget-wd_single_product_price{margin-bottom:-6px!important} } /* düymələr: kompakt 44px + hover (rənglər toxunulmur) */ body.tbnew .single_add_to_cart_button, body.tbnew #wd-add-to-cart.wd-buy-now-btn{min-height:44px!important;padding:8px 22px!important; font-size:14px!important;font-weight:800!important;border-radius:7px!important; display:inline-flex!important;align-items:center;justify-content:center;transition:filter .15s} body.tbnew .single_add_to_cart_button:hover, body.tbnew #wd-add-to-cart:hover{filter:brightness(1.06)} body.tbnew .quantity .qty{height:44px!important} /* düymə → kredit: 14px (masaüstü) */ @media(min-width:769px){ body.tbnew form.cart{margin-bottom:14px!important} body.tbnew .kredit-taksit-row{margin-top:0!important} body.tbnew .kredit-taksit{margin-top:14px!important} } /* ===== MOBİL: bərabər 14px ritm (temanın öz margin-ları: 8,35,14,0,20,30,25,55 idi) ===== */ @media(max-width:768px){ /* h1→meta: 8→14 */ body.tbnew .elementor-widget-wd_single_product_meta{margin-top:6px!important} /* meta→banner: 35→14 (meta-nın +6-sı nəzərə alınıb) */ body.tbnew .techbar-product-banner{margin-top:-15px!important} /* specs→price: 0→14 ; price→düymə: 20→14 */ body.tbnew .elementor-widget-wd_single_product_price{margin-top:14px!important;margin-bottom:-6px!important} /* düymə→kart1: 30→14 (temanın .kredit-taksit mt:30-u əvəzlənir) */ body.tbnew .kredit-taksit{margin-top:14px!important} /* kart1→kart2: 25→14 ; kart2→akkordeon: 55→~19 (bölmə paddinqi kompensasiya) */ body.tbnew .kredit-taksit-row{gap:14px!important;margin-bottom:-36px!important} } /* ===== MOBİL: kart şəkillərinin əzilməsi + dağılması (temanın öz baqı) ===== Loqolar 32×32/1024×1024 → 40×25 "fill" ilə əzilirdi; kart şəkli 622×380 → 65×25. space-around isə onları kartın eninə səpələyirdi. */ @media(max-width:768px){ body.tbnew .kredit-taksit-row img{object-fit:contain!important;height:28px!important;width:auto!important;max-width:64px!important} body.tbnew .kredit-taksit-row .taksit-wrap:last-child img{height:36px!important;max-width:88px!important} /* paylanma temanın öz space-around-u ilə qalır (Ilkin: balanslı görünüş) — yalnız şaquli mərkəzləmə */ body.tbnew .kredit-taksit-row .left{align-items:center!important} } /* ödəniş üsulları mətn bloku */ body.tbnew .elementor-widget-wd_text_block{margin-bottom:4px!important} /* ===== SOL TƏRƏF (qalereya): sağ sütunla bərabər, fold-a sığır ===== */ body.tbnew .wd-single-gallery .wd-carousel .wd-slide img, body.tbnew .woocommerce-product-gallery__image img{max-height:470px!important;width:100%!important; object-fit:contain!important;margin:0 auto!important} body.tbnew .wd-single-gallery .wd-gallery-thumb{max-height:470px!important;overflow:hidden} body.tbnew .wd-gallery-thumb img{max-height:88px!important;object-fit:contain!important} /* Mobildə yapışqan bar ƏLAVƏ ETMİRİK — temanın öz #mobile-bottom-bar-ı var (qiymət + kredit + Müraciət, z-index 999999). Dublikat yaratmamaq üçün çıxarıldı. */ /* ========== L2 (Klaster L, 2026-07-19): WhatsApp düyməsi toqquşmaları ========== Sübut (skrinşotlar pdp-analiz-2026-07-19/): 1600×900-də 24 ay "Müraciət et"i, 1024×768-də taksit qutusunu, 812×375-də H1-i, 768 portretdə akkordeon başlığını örtürdü. Həll: PDP-də sol-alt künc (sağ-alt = konversiya zonasıdır: taksit + Müraciət et), ≤1024-də mobil toolbar-dan yuxarı, alçaq ekranda (landşaft telefon) yalnız ikon. Mobil portretdə (≤~600) plagin düyməni onsuz da göstərmir — qayda zərərsizdir. ROLLBACK: bu bloku sil. */ body.tbnew .qlwapp__container--bottom-right{right:auto!important;left:18px!important;bottom:14px!important} @media(max-width:1024px){ body.tbnew .qlwapp__container--bottom-right{bottom:104px!important} } @media(max-height:520px){ body.tbnew .qlwapp__container--bottom-right{bottom:100px!important} body.tbnew .qlwapp__button--button .qlwapp__text{display:none!important} body.tbnew .qlwapp__button--button{padding:11px!important;border-radius:50%!important} body.tbnew .qlwapp__button--button .qlwapp__icon{margin:0!important;font-size:22px!important} } /* ========== FAZA 2 (L3, 2026-07-20): mobil fold sıxlaşdırması ========== Ölçülmüş baza (375×812, staging): qiymət 1.15 ekran, ATC 1.20 ekran dərinlikdə; thumbs 88px, badge-lər 2 sətir, stok 2 sətir. Hədəf: ATC ≈1 ekran. ROLLBACK: bu bloku sil (+title.php-dəki .tb-badges wrapper-i). */ @media(max-width:768px){ /* badge-lər: sığmayanda ikinci sətrə düşür. (18.09: əvvəl tək sətir + yana sürüşən zolaq idi; «Rəsmi zəmanət» və «2 iş gününə çatdırılma» əlavə olunandan sonra kiçik ekranda sürüşmə yaranırdı — user istəmir.) */ body.tbnew .tb-badges{display:flex;flex-wrap:wrap;overflow:visible;gap:5px 6px; padding-bottom:2px;margin:0 0 6px} body.tbnew .tb-badges .tb-badge{flex:0 0 auto;white-space:nowrap;margin:0!important} /* qalereya thumb-ları: 88 → 52px */ body.tbnew .wd-gallery-thumb img{max-height:52px!important} body.tbnew .wd-single-gallery .wd-gallery-thumb{max-height:60px!important} /* stok: 2 sətir → 1 sətir */ body.tbnew .stock_status_custom{flex-direction:row!important;flex-wrap:wrap;gap:4px 14px!important} body.tbnew .stock_row{font-size:12px!important} /* SKU + baxış sayı: mərkəzlənmiş sütun → sol, tək sətir */ body.tbnew .sku_wrapper_custom{width:100%!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;margin-top:2px!important} } /* ===== 2. pdp-meta ===== */ /* ═══════════ STOK STATUSU — pill ═══════════ */ /* ⚠️ Valideyn `.product_meta.wd-layout-default` ARTIQ flex-row + space-between + gap:10px-dir → stok SOLDA, SKU SAĞDA, eyni sətirdə. Bu blokların öz margin-i OLMAMALIDIR (yoxsa sətir qırılır və blok hündürlüyü artır — ölçüldü: width:100% verdikdə +23px) */ body.tbnew .stock_status_custom{ display:flex !important; flex-direction:row !important; flex-wrap:wrap; gap:7px !important; margin:0 !important; padding:0 !important; } body.tbnew .stock_status_custom .stock_row{ display:inline-flex !important; align-items:center; gap:6px; margin:0 !important; padding:6px 11px !important; font-size:12.5px !important; font-weight:600 !important; line-height:1 !important; letter-spacing:.005em; border-radius:20px; background:#F1F5FA; color:#5C6A83; white-space:nowrap; } /* ALL CAPS → cümlə hərfi (mətn dəyişmir, yalnız göstərilir) */ body.tbnew .stock_status_custom .stock_row > span{ display:inline-block; text-transform:lowercase !important; line-height:1 !important; } body.tbnew .stock_status_custom .stock_row > span::first-letter{ text-transform:uppercase; } body.tbnew .stock_status_custom .stock_row > span:first-child{ font-weight:600; opacity:.85; } body.tbnew .stock_status_custom .stock_in, body.tbnew .stock_status_custom .stock_out{ font-weight:700 !important; } /* vəziyyət nöqtəsi — pill-in ƏVVƏLİNDƏ (dəyərin ::before-una qoysaq ::first-letter nöqtəyə düşür və "Mövcuddur" kiçik hərflə qalır — ölçüldü) */ body.tbnew .stock_status_custom .stock_row::before{ content:""; display:inline-block; flex:0 0 auto; width:6px; height:6px; border-radius:50%; background:currentColor; } body.tbnew .stock_status_custom .stock_in{ color:#237C53 !important; } body.tbnew .stock_status_custom .stock_out{ color:#C0392B !important; } /* pill fonu vəziyyətə görə (:has dəstəkləyən brauzerdə; yoxsa neytral fon qalır — hər halda oxunaqlı) */ body.tbnew .stock_status_custom .stock_row:has(.stock_in){ background:#E8F6EF; color:#237C53; } body.tbnew .stock_status_custom .stock_row:has(.stock_out){ background:#FDECEC; color:#C0392B; } /* ═══════════ SKU + BAXIŞ — zərif meta sətri ═══════════ */ body.tbnew .sku_wrapper_custom{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-end !important; gap:14px !important; width:auto !important; margin:0 !important; padding:0 !important; font-size:12px !important; line-height:1 !important; } body.tbnew .sku_wrapper_custom .sku_left{ display:inline-flex !important; align-items:center; gap:5px; margin:0 !important; padding:0 !important; } body.tbnew .sku_wrapper_custom .meta-label{ font-size:11.5px !important; font-weight:500 !important; color:#A6B2C6 !important; text-transform:none !important; letter-spacing:0 !important; } body.tbnew .sku_wrapper_custom .sku{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace !important; font-size:11.5px !important; font-weight:600 !important; color:#6B7A93 !important; letter-spacing:.01em; } body.tbnew .product_views_custom{ display:inline-flex !important; align-items:center; gap:4px; margin:0 !important; padding:0 !important; color:#A6B2C6 !important; } body.tbnew .product_views_custom .view_icon{ width:13px !important; height:13px !important; stroke:currentColor !important; opacity:.9; } body.tbnew .product_views_custom .view_count{ font-size:11.5px !important; font-weight:600 !important; color:#A6B2C6 !important; } /* ═══════════ ÇATDIRILMA BANNERİ — yığcam, sol aksent ═══════════ */ body.tbnew .techbar-product-banner .tb-banner-inner{ display:flex !important; align-items:center; gap:11px !important; background:#F2F7FF !important; border-left:3px solid #1A62E7; border-radius:9px !important; padding:11px 14px !important; margin:0 !important; } body.tbnew .techbar-product-banner img{ width:22px !important; height:22px !important; flex:0 0 auto; object-fit:contain; } body.tbnew .techbar-product-banner .tb-delivery-text{ font-size:13.5px !important; font-weight:600 !important; color:#3D4C66 !important; line-height:1.35 !important; } /* ═══════════ SPESİFİKASİYA SƏTRİ — oxunaqlı ritm ═══════════ */ body.tbnew .woocommerce-product-details__short-description, body.tbnew .woocommerce-product-details__short-description p{ font-size:13px !important; line-height:1.62 !important; color:#5C6A83 !important; margin:0 !important; letter-spacing:.002em; } /* ═══════════ MOBİL ═══════════ */ @media(max-width:768px){ body.tbnew .stock_status_custom{ gap:6px !important; } body.tbnew .stock_status_custom .stock_row{ font-size:11.5px !important; padding:5px 9px !important; gap:5px; } /* mobildə alt-alta (pdp-compact davranışı) — SKU sola hizalanır */ body.tbnew .sku_wrapper_custom{ width:100% !important; justify-content:flex-start !important; gap:12px !important; } body.tbnew .techbar-product-banner .tb-banner-inner{ gap:9px !important; padding:9px 12px !important; border-radius:8px !important; } body.tbnew .techbar-product-banner img{ width:19px !important; height:19px !important; } body.tbnew .techbar-product-banner .tb-delivery-text{ font-size:12.5px !important; line-height:1.3 !important; } body.tbnew .woocommerce-product-details__short-description, body.tbnew .woocommerce-product-details__short-description p{ line-height:1.55 !important; } } /* ===== 3. Mobil alt panel ===== */ html, body { overflow-x: hidden; } body { transform: none !important; } .wd-page-wrapper, .website-wrapper, .elementor-section, .elementor-container, .elementor { transform: none !important; } #mobile-bottom-bar { position: fixed !important; bottom: 0; left: 0; width: 100%; height: 70px; background: #fff; border-top: 1px solid #eee; display: flex !important; align-items: center; justify-content: space-around; padding: 10px; z-index: 999999; -webkit-transform: translateZ(0); transform: translateZ(0); } #mobile-bottom-bar .price del, #mobile-bottom-bar .price ins { display: block !important; } #mobile-bottom-bar .price del { opacity: 0.6; font-size: 13px; } #mobile-bottom-bar .price ins { font-weight: 600; font-size: 16px; } /* L4: bar daxili yeni elementlər */ #mobile-bottom-bar { justify-content: space-between; gap: 8px; } .tb-bar-kredit { display: flex; flex-direction: column; gap: 1px; font-size: 12px; line-height: 1.25; color: #1d9a06; border: 1px solid #36C419; border-radius: 6px; padding: 5px 8px; text-decoration: none; white-space: nowrap; text-align: center; flex: 0 0 auto; } .tb-bar-kredit small { font-size: 10px; color: #4caf50; } #mobile-bottom-bar .tb-bar-atc { background: #1A62E7 !important; color: #fff !important; border: 0 !important; border-radius: 6px !important; padding: 11px 12px !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; white-space: nowrap; flex: 1 1 auto; max-width: 170px; min-height: 0 !important; cursor: pointer; } #mobile-bottom-bar .tb-bar-atc:hover, #mobile-bottom-bar .tb-bar-atc:focus { background: #1450c8 !important; color: #fff !important; } .price-box{ display: flex; flex-direction: column; } @media (min-width: 768px) { #mobile-bottom-bar { display: none !important; } } /* ===== 4. TechBar Catalog UI əlavələri ===== */ .tbcu-stock{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;font-weight:600;margin:0 0 10px;color:#1d2433;} .tbcu-stock .tbcu-dot{width:9px;height:9px;border-radius:50%;background:#16a34a;flex:none;box-shadow:0 0 0 3px rgba(22,163,74,.15);} .tbcu-stock.is-order .tbcu-dot{background:#1a62e7;box-shadow:0 0 0 3px rgba(26,98,231,.15);} .tbcu-stock.is-out{color:#b42318;} .tbcu-stock.is-out .tbcu-dot{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.15);} .tbcu-stock .tbcu-stock-alt{font-weight:600;color:#1a62e7;text-decoration:underline;} /* İki hissəli stok sətri: «Mağazada var/yoxdur» · «Anbarda var» (18.09 — köhnə MAĞAZADA/ANBARDA məlumatı geri qaytarıldı) */ .tbcu-stock.tbcu-stock-2{gap:6px 18px;} .tbcu-stock .tbcu-st{display:inline-flex;align-items:center;gap:8px;} .tbcu-stock .tbcu-st.is-no{color:#8a94a6;font-weight:500;} .tbcu-stock .tbcu-st.is-no .tbcu-dot{background:#c4cad6;box-shadow:0 0 0 3px rgba(196,202,214,.3);} .tbcu-stock .tbcu-st-note{font-weight:500;color:#5b6577;} /* Stoksuz məhsulda «Stokda yoxdur» yalnız stok sətrində yazılır — qalereya üstündəki Woodmart etiketi təkrar idi. */ .woocommerce-product-gallery .product-labels .product-label.out-of-stock{display:none !important;} .wd-single-price .price:has(.tbcu-pdp-monthly){flex-wrap:wrap;} .tbcu-pdp-monthly{display:block;order:99;flex:0 0 100%;width:100%;margin-top:4px;font-size:14px;font-weight:500;line-height:1.3;} .tbcu-stock .tbcu-wa-ask{margin:0;padding:4px 10px;font-size:13px;} .tbcu-pdp-monthly a{color:#1a62e7;text-decoration:none;} .tbcu-pdp-monthly a:hover{text-decoration:underline;} .tbcu-pdp-monthly b{font-weight:700;} .tbcu-wa-ask{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 14px;border-radius:8px;border:1px solid #25d366;color:#128c4a;background:#effcf4;font-weight:600;font-size:14px;text-decoration:none;} .tbcu-wa-ask:hover{background:#dff7e8;color:#0d6e3a;} /* /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/pdp.css */ /* TechBar UI — məhsul səhifəsi (Mərhələ 2). Yalnız məhsul səhifəsində yüklənir, body.tb-ui altında. Kredit bloku, FPS, akkordeonlar və düymələr eyni işləyir — burada yalnız görünüş. */ /* Qalereya: boz yer, ağ fon qarışır */ body.tb-ui.single-product .wd-single-gallery .woocommerce-product-gallery__image, body.tb-ui.single-product .wd-single-gallery .product-image-wrap{ background:var(--tb-well) !important; border-radius:20px !important; overflow:hidden; } body.tb-ui.single-product .wd-single-gallery .woocommerce-product-gallery__image img, body.tb-ui.single-product .wd-single-gallery .product-image-wrap img{ mix-blend-mode:multiply; } body.tb-ui.single-product .wd-single-gallery .wd-gallery-thumb .wd-carousel-item, body.tb-ui.single-product .wd-single-gallery .thumbnails .wd-carousel-item{ background:var(--tb-well) !important; border-radius:12px !important; overflow:hidden; border:1px solid transparent !important; } body.tb-ui.single-product .wd-single-gallery .wd-gallery-thumb img, body.tb-ui.single-product .wd-single-gallery .thumbnails img{ mix-blend-mode:multiply; opacity:1 !important; } body.tb-ui.single-product .wd-single-gallery .wd-gallery-thumb .wd-active, body.tb-ui.single-product .wd-single-gallery .thumbnails .wd-active{ border-color:var(--tb-ink) !important; } /* Nişanlar: rəngli bloklar → neytral faktlar. Kredit/taksit nişanı çıxır (ödəniş bloku var), «2 iş gününə» stok sətrində var */ body.tb-ui.single-product .tb-badges{ display:flex !important; flex-wrap:wrap; gap:6px 16px !important; margin:0 0 12px !important; } body.tb-ui.single-product .tb-badges .tb-badge{ background:transparent !important; color:var(--tb-ink-2) !important; padding:0 !important; border-radius:0 !important; box-shadow:none !important; font-size:13.5px !important; font-weight:600 !important; line-height:20px !important; display:inline-flex !important; align-items:center; gap:6px; } body.tb-ui.single-product .tb-badges .tb-badge i{ color:var(--tb-muted) !important; font-size:13px !important; } body.tb-ui.single-product .tb-badges .tb-badge svg path{ fill:var(--tb-muted) !important; } body.tb-ui.single-product .tb-badges .tb-badge[style*="f97316"], body.tb-ui.single-product .tb-badges .tb-badge[style*="ff0000"]{ display:none !important; } /* Başlıq, stok, qısa təsvir */ body.tb-ui.single-product .product_title.entry-title{ font-size:30px !important; line-height:1.2 !important; font-weight:700 !important; letter-spacing:-.7px !important; color:var(--tb-ink) !important; } body.tb-ui.single-product .tbcu-stock{ font-size:14.5px; margin:8px 0 12px; } body.tb-ui.single-product .tbcu-stock .tbcu-dot{ background:var(--tb-green); box-shadow:none; width:8px; height:8px; } body.tb-ui.single-product .tbcu-stock .tbcu-st.is-yes{ color:var(--tb-green); } body.tb-ui.single-product .tbcu-stock .tbcu-st.is-no .tbcu-dot{ background:#C9CED8; } body.tb-ui.single-product .wd-single-meta .sku_wrapper{ color:var(--tb-faint) !important; font-size:12.5px !important; } body.tb-ui.single-product .wd-single-short-desc, body.tb-ui.single-product .wd-single-short-desc p{ color:var(--tb-muted) !important; font-size:14px !important; line-height:1.55 !important; } /* Qiymət + taksit sətri */ body.tb-ui.single-product .wd-single-price .price{ display:flex !important; align-items:baseline; flex-wrap:wrap; gap:0 12px; font-size:40px !important; line-height:1.1 !important; font-weight:800 !important; letter-spacing:-1.2px !important; color:var(--tb-ink) !important; font-variant-numeric:tabular-nums; } body.tb-ui.single-product .wd-single-price .price ins{ order:1; text-decoration:none !important; color:var(--tb-ink) !important; font-weight:800 !important; } body.tb-ui.single-product .wd-single-price .price del{ order:2; font-size:18px !important; font-weight:500 !important; letter-spacing:0 !important; color:var(--tb-faint) !important; opacity:1 !important; } body.tb-ui.single-product .wd-single-price .price del *{ color:inherit !important; font-size:inherit !important; font-weight:inherit !important; } body.tb-ui .tbui-pdp-monthly{ display:flex; align-items:center; gap:8px; margin:10px 0 4px; } body.tb-ui .tbui-pdp-monthly .tbui-chip{ font-size:13px; font-weight:700; line-height:1; color:var(--tb-blue); background:var(--tb-blue-soft); padding:6px 9px; border-radius:6px; } body.tb-ui .tbui-pdp-monthly .tbui-mo{ font-size:17px; font-weight:700; color:var(--tb-ink); font-variant-numeric:tabular-nums; } body.tb-ui .tbui-pdp-monthly .tbui-mo small{ font-size:13px; font-weight:500; color:var(--tb-muted); } /* Səbət düymələri: say seçici gizli (say səbətdə dəyişir), «İndi al» çərçivəli */ body.tb-ui.single-product .wd-single-add-cart form.cart{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; margin:18px 0 0 !important; } body.tb-ui.single-product .wd-single-add-cart form.cart .quantity{ display:none !important; } 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{ width:100% !important; height:56px !important; min-height:0 !important; margin:0 !important; border-radius:14px !important; font-size:16px !important; font-weight:700 !important; text-transform:none !important; letter-spacing:0 !important; box-shadow:none !important; } body.tb-ui.single-product .wd-single-add-cart .single_add_to_cart_button{ background:var(--tb-blue) !important; color:#fff !important; border:0 !important; } body.tb-ui.single-product .wd-single-add-cart .single_add_to_cart_button:hover{ background:var(--tb-blue-d) !important; } body.tb-ui.single-product .wd-single-add-cart .wd-buy-now-btn{ background:#fff !important; color:var(--tb-ink) !important; border:1px solid #D5DAE3 !important; font-weight:600 !important; } body.tb-ui.single-product .wd-single-add-cart .wd-buy-now-btn:hover{ border-color:var(--tb-ink) !important; } /* «Hissə-hissə ödə» (techbar-kredit) — yalnız görünüş; düymələr, məbləğlər və pəncərə eyni işləyir */ body.tb-ui .tbk-pp{ margin:22px 0 0 !important; padding:18px 0 0 !important; border:0 !important; border-top:1px solid var(--tb-line) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } body.tb-ui .tbk-pp .tbk-pp-h{ padding:0 0 10px !important; background:transparent !important; border:0 !important; } body.tb-ui .tbk-pp .tbk-pp-h b{ font-size:18px !important; font-weight:700 !important; letter-spacing:-.2px; color:var(--tb-ink) !important; } body.tb-ui .tbk-pp .tbk-pp-h span{ background:transparent !important; color:var(--tb-muted) !important; font-size:13px !important; font-weight:600 !important; padding:0 !important; border:0 !important; } body.tb-ui .tbk-pp .tbk-pr{ margin:0 0 8px !important; padding:14px 16px !important; background:#fff !important; border:1px solid #E6E9EE !important; border-radius:14px !important; box-shadow:none !important; } body.tb-ui .tbk-pp .tbk-pr:hover, body.tb-ui .tbk-pp .tbk-pr[aria-expanded="true"]{ border-color:var(--tb-blue) !important; background:#F5F8FF !important; } body.tb-ui .tbk-pp .tbk-pr .tbk-t b{ font-size:15px !important; font-weight:700 !important; color:var(--tb-ink) !important; } body.tb-ui .tbk-pp .tbk-pr .tbk-t small{ font-size:13px !important; color:var(--tb-muted) !important; } body.tb-ui .tbk-pp .tbk-pr .tbk-v b{ font-size:16px !important; font-weight:800 !important; color:var(--tb-ink) !important; font-variant-numeric:tabular-nums; } body.tb-ui .tbk-pp .tbk-pr .tbk-v small{ color:var(--tb-faint) !important; } body.tb-ui .tbk-pp .tbk-pr .tbk-ic{ background:var(--tb-well) !important; color:var(--tb-ink) !important; } body.tb-ui .tbk-pp .tbk-chip{ border-radius:12px !important; border:1px solid #E6E9EE !important; background:#fff !important; color:var(--tb-ink) !important; } body.tb-ui .tbk-pp .tbk-chip.is-on{ border-color:var(--tb-blue) !important; background:#F5F8FF !important; box-shadow:inset 0 0 0 1px var(--tb-blue) !important; } body.tb-ui .tbk-pp .tbk-cta{ background:var(--tb-ink) !important; color:#fff !important; border-radius:12px !important; } /* «WhatsApp-da soruş» — nazik xətli sətir */ body.tb-ui.single-product .tbcu-wa-ask{ display:flex !important; align-items:center; gap:10px; width:100%; margin:14px 0 0 !important; padding:14px 0 !important; border:0 !important; border-top:1px solid var(--tb-line) !important; border-bottom:1px solid var(--tb-line) !important; border-radius:0 !important; background:transparent !important; color:var(--tb-ink) !important; font-size:15px !important; font-weight:700 !important; box-shadow:none !important; } body.tb-ui.single-product .tbcu-wa-ask svg{ color:var(--tb-green) !important; fill:var(--tb-green) !important; } body.tb-ui.single-product .tbcu-wa-ask::after{ content:"›"; margin-left:auto; font-size:22px; line-height:1; color:var(--tb-faint); } /* Texniki göstəricilər / Ümumi məlumat / Oyun performansı (techbar-combo akkordeonları) — qutu yox, xətt */ body.tb-ui #kmp-acc-row{ gap:40px !important; margin:40px 0 !important; } body.tb-ui #kmp-acc-row .kmp-acc-item{ border:0 !important; border-top:1px solid var(--tb-line) !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; } body.tb-ui #kmp-acc-row .kmp-acc-head{ padding:18px 0 12px !important; font-size:20px !important; font-weight:700 !important; letter-spacing:-.3px; color:var(--tb-ink) !important; } body.tb-ui #kmp-acc-row .kmp-acc-head:hover{ background:transparent !important; } body.tb-ui #kmp-acc-row .kmp-acc-head h4{ font-size:inherit !important; font-weight:inherit !important; margin:0 !important; color:inherit !important; } body.tb-ui #kmp-acc-row .kmp-acc-body{ padding:0 0 6px !important; } body.tb-ui #kmp-acc-row .kmp-acc-body table.shop_attributes th{ color:var(--tb-muted) !important; font-weight:500 !important; font-size:14.5px !important; border-bottom:1px solid var(--tb-line-2) !important; padding:11px 10px 11px 0 !important; } body.tb-ui #kmp-acc-row .kmp-acc-body table.shop_attributes td{ color:var(--tb-ink) !important; font-weight:600 !important; font-size:14.5px !important; border-bottom:1px solid var(--tb-line-2) !important; padding:11px 0 !important; } body.tb-ui #kmp-acc-row .kmp-desc .kmp-acc-body{ font-size:15.5px !important; line-height:1.65 !important; color:var(--tb-ink-2) !important; } body.tb-ui #kmp-acc-row .kmp-acc-item.preview .kmp-acc-body::after{ background:linear-gradient(rgba(255,255,255,0),#fff) !important; } body.tb-ui #kmp-acc-row .kmp-acc-more{ margin:10px 0 14px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:var(--tb-blue) !important; font-size:15px !important; font-weight:700 !important; } body.tb-ui #kmp-acc-row .kmp-acc-more:hover{ background:transparent !important; color:var(--tb-blue-d) !important; } /* FPS bloku (techbar-fps): rəngli rəqəmlər → mürəkkəb, zolaq qara, seçici boz fonda */ body.tb-ui .tbfps{ border:0 !important; box-shadow:none !important; border-radius:0 !important; padding:6px 0 0 !important; background:transparent !important; } body.tb-ui .tbfps .tbfps-chip{ background:var(--tb-well) !important; color:var(--tb-ink) !important; border:0 !important; font-weight:700 !important; } body.tb-ui .tbfps .tbfps-title svg{ color:var(--tb-ink) !important; } body.tb-ui .tbfps .tbfps-tabs{ background:var(--tb-well) !important; border-radius:14px !important; padding:4px !important; } body.tb-ui .tbfps .tbfps-tabs label{ font-size:14px !important; font-weight:700 !important; color:var(--tb-muted) !important; border-radius:10px !important; padding:9px 6px !important; } body.tb-ui #tbfps-r0:checked ~ .tbfps-tabs label[for=tbfps-r0], body.tb-ui #tbfps-r1:checked ~ .tbfps-tabs label[for=tbfps-r1], body.tb-ui #tbfps-r2:checked ~ .tbfps-tabs label[for=tbfps-r2]{ background:#fff !important; color:var(--tb-ink) !important; box-shadow:0 1px 2px rgba(11,18,32,.10) !important; } body.tb-ui .tbfps .tbfps-card{ background:transparent !important; border:0 !important; border-bottom:1px solid var(--tb-line-2) !important; border-radius:0 !important; padding:9px 0 !important; box-shadow:none !important; } body.tb-ui .tbfps .tbfps-img{ border:0 !important; border-radius:8px !important; background:#1B2230; } body.tb-ui .tbfps .tbfps-gn{ color:var(--tb-ink) !important; font-weight:600 !important; } body.tb-ui .tbfps .tbfps-bar{ background:var(--tb-line) !important; height:3px !important; border-radius:2px !important; } body.tb-ui .tbfps .tbfps-bar i{ background:var(--tb-ink) !important; height:3px !important; border-radius:2px !important; } body.tb-ui .tbfps .tbfps-fps{ color:var(--tb-ink) !important; font-weight:800 !important; font-variant-numeric:tabular-nums; } body.tb-ui .tbfps .tbfps-fps small{ color:var(--tb-muted) !important; } /* Əlaqəli məhsullar başlığı */ body.tb-ui.single-product .elementor-widget-wd_products .woodmart-title-container{ font-size:24px !important; } /* Mobil */ @media (max-width:767px){ body.tb-ui #mobile-bottom-bar.tbui-bar{ height:auto !important; min-height:76px; padding:10px 16px calc(10px + env(safe-area-inset-bottom)) !important; gap:14px !important; background:rgba(255,255,255,.97) !important; border-top:1px solid var(--tb-line) !important; justify-content:space-between !important; } body.tb-ui #mobile-bottom-bar.tbui-bar .price{ font-size:20px !important; font-weight:800 !important; letter-spacing:-.4px; color:var(--tb-ink) !important; line-height:1.15; } body.tb-ui #mobile-bottom-bar.tbui-bar .price *{ font-size:inherit !important; font-weight:inherit !important; color:inherit !important; } body.tb-ui #mobile-bottom-bar.tbui-bar .tbui-bar-sub{ display:block; margin-top:2px; font-size:12.5px; color:var(--tb-muted); font-variant-numeric:tabular-nums; white-space:nowrap; } body.tb-ui #mobile-bottom-bar.tbui-bar .tb-bar-atc{ flex:1 1 auto !important; max-width:none !important; height:52px !important; border-radius:14px !important; font-size:16px !important; font-weight:700 !important; background:var(--tb-blue) !important; } body.tb-ui.single-product .product_title.entry-title{ font-size:23px !important; letter-spacing:-.4px !important; } body.tb-ui.single-product .wd-single-price .price{ font-size:32px !important; letter-spacing:-.8px !important; } body.tb-ui.single-product .wd-single-price .price del{ font-size:16px !important; } body.tb-ui.single-product .wd-single-add-cart form.cart{ grid-template-columns:1fr; } 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{ height:54px !important; } body.tb-ui #kmp-acc-row{ gap:0 !important; margin:28px 0 !important; } body.tb-ui #kmp-acc-row .kmp-acc-head{ font-size:18px !important; } } body.tb-ui #mobile-bottom-bar.tbui-bar .tb-bar-atc{ text-transform:none !important; letter-spacing:0 !important; } /* ═══════════ Məhsul səhifəsi kətana 1:1 (templates/single-product.php, .tbp) ═══════════ */ body.tb-ui .tbp-wrap{ max-width:var(--wd-container-w, 1222px); margin:0 auto; padding:0 15px 64px; box-sizing:border-box; } body.tb-ui .tbp-crumbs{ margin:20px 0 0; font-size:14px; color:var(--tb-muted); } body.tb-ui .tbp-crumbs .woocommerce-breadcrumb, body.tb-ui .tbp-crumbs .wd-breadcrumbs{ margin:0; font-size:14px; } body.tb-ui .tbp-crumbs a{ color:var(--tb-muted) !important; } body.tb-ui .tbp-top{ display:grid; grid-template-columns:minmax(0, 1fr) 460px; gap:28px; margin-top:20px; align-items:start; } /* Kətan 25: iki müstəqil sütun — sol axın (qalereya, FPS, tərkib), sağ alış sütunu. Boş sahə yarana bilmir. */ body.tb-ui .tbp-lcol{ display:grid; grid-template-columns:minmax(0, 1fr); align-content:start; gap:22px; min-width:0; } body.tb-ui .tbp-rcol{ display:grid; grid-template-columns:minmax(0, 1fr); align-content:start; gap:14px; min-width:0; } body.tb-ui .tbp-lcol > *,body.tb-ui .tbp-rcol > *{ min-width:0; max-width:100%; } body.tb-ui .tbp-lcol{ align-self:stretch; } /* SEO M2 (ONP-4): HTML-də sağ sütun (H1) birinci gəlir — vizual yer açıq verilir (≤1024 px sütunlar display:contents, orada order işləyir). */ body.tb-ui .tbp-top > .tbp-lcol{ grid-column:1; grid-row:1; } body.tb-ui .tbp-top > .tbp-rcol{ grid-column:2; grid-row:1; } /* Sol sütunda yalnız qalereya varsa (noutbuk, aksesuar) — əvvəlki kimi sürüşəndə yuxarıda qalır. Yalnız iki sütunda (≥900): 768–899 tək sütundur, orada yapışqan qalereya məzmunu örtürdü (iPhone üfüqi, iPad portret; Paket 5 V1). */ @media (min-width:900px){ body.tb-ui .tbp-lcol > .tbp-gal:only-child{ position:sticky; top:20px; } } /* Qalereya: boz yer, 28px künc, kiçik şəkillər solda (Woodmart thumbs-position-left) */ body.tb-ui .tbp-gal{ position:relative; min-width:0; } body.tb-ui .tbp-gal .product-labels{ display:none !important; } body.tb-ui .tbp-off{ position:absolute; left:124px; top:20px; z-index:5; font-size:13px; font-weight:700; color:var(--tb-red); background:var(--tb-red-soft); padding:4px 10px; border-radius:8px; } body.tb-ui .tbp-gal .woocommerce-product-gallery{ margin:0 !important; width:100% !important; } body.tb-ui .tbp-gal .wd-gallery-images .wd-carousel-item figure, body.tb-ui .tbp-gal .wd-gallery-images .woocommerce-product-gallery__image{ background:var(--tb-well); border-radius:28px; overflow:hidden; display:flex; align-items:center; justify-content:center; aspect-ratio:1 / 1; max-height:620px; } body.tb-ui .tbp-gal .wd-gallery-images img{ mix-blend-mode:multiply; object-fit:contain; width:80% !important; height:80% !important; max-height:560px; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item{ border-radius:16px; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item > *, body.tb-ui .tbp-gal .wd-gallery-thumb img{ background:var(--tb-well); border-radius:16px; mix-blend-mode:multiply; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item{ border:1px solid transparent; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item.wd-thumb-active{ border-color:var(--tb-ink); } /* Məlumat sütunu — ardıcıllıq kətandakı kimi (forma/kredit bloku plaginlərdən gəlir, yerləri CSS ilə) */ body.tb-ui .tbp-sum{ display:flex; flex-direction:column; min-width:0; margin:0 !important; padding:0 !important; width:auto !important; float:none !important; } body.tb-ui .tbp-kicker{ order:1; font-size:14px; font-weight:600; color:var(--tb-muted); } body.tb-ui .tbp-title{ order:2; margin:8px 0 0 !important; font-size:30px !important; font-weight:700 !important; letter-spacing:-.7px; line-height:1.2 !important; color:var(--tb-ink) !important; } body.tb-ui .tbp-stock{ order:3; margin-top:12px; display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; font-size:15px; } body.tb-ui .tbp-stock .tbcu-stock{ margin:0 !important; } body.tb-ui .tbp-sku{ font-size:13px; color:var(--tb-faint); font-variant-numeric:tabular-nums; } body.tb-ui .tbp-price{ order:4; margin-top:24px; display:flex; align-items:baseline; gap:12px; } body.tb-ui .tbp-now{ font-size:42px; font-weight:800; letter-spacing:-1.2px; line-height:1; color:var(--tb-ink); font-variant-numeric:tabular-nums; } body.tb-ui .tbp-was{ font-size:18px; color:var(--tb-faint); font-variant-numeric:tabular-nums; } body.tb-ui .tbp-monthly{ order:5; margin-top:12px; display:flex; align-items:center; gap:8px; } body.tb-ui .tbp-monthly .tbui-chip{ font-size:13px; font-weight:700; color:var(--tb-blue); background:var(--tb-blue-soft); padding:4px 9px; border-radius:6px; } body.tb-ui .tbp-monthly .tbui-mo{ font-size:17px; font-weight:700; color:var(--tb-ink); font-variant-numeric:tabular-nums; } body.tb-ui .tbp-monthly small{ font-size:13px; font-weight:500; color:var(--tb-muted); } /* Ödəniş seçimi (techbar-kredit bloku — funksiyası eyni, yalnız görünüş) */ body.tb-ui .tbp-sum .tbk-pp{ order:6; margin:24px 0 0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; } body.tb-ui .tbp-sum .tbk-pp-h{ display:flex; align-items:baseline; justify-content:space-between; margin:0 0 8px !important; font-size:15px; } body.tb-ui .tbp-sum .tbk-pp-h b{ font-weight:800; color:var(--tb-ink); } body.tb-ui .tbp-sum .tbk-pp-h span{ font-size:13px; color:var(--tb-muted); } body.tb-ui .tbp-sum .tbk-pr{ width:100%; margin:0 0 8px !important; padding:13px 16px !important; box-sizing:border-box; border:1px solid #E6E9EE !important; border-radius:14px !important; background:#fff !important; box-shadow:none !important; display:flex; align-items:center; gap:12px; text-align:left; min-height:0; } body.tb-ui .tbp-sum .tbk-pr:hover{ border-color:var(--tb-blue) !important; background:#F5F8FF !important; } body.tb-ui .tbp-sum .tbk-t b{ font-size:15px; font-weight:700; color:var(--tb-ink); } body.tb-ui .tbp-sum .tbk-t small{ font-size:13px; color:var(--tb-muted); } body.tb-ui .tbp-sum .tbk-v b{ font-size:15px; font-weight:700; color:var(--tb-ink); font-variant-numeric:tabular-nums; } /* Düymələr: Səbətə əlavə et (mavi) + İndi al (çərçivəli), say seçicisi gizli */ body.tb-ui .tbp-sum form.cart{ order:7; margin:10px 0 0 !important; display:grid !important; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:10px; padding:0 !important; border:0 !important; } body.tb-ui .tbp-sum form.cart .quantity{ display:none !important; } body.tb-ui .tbp-sum form.cart .single_add_to_cart_button, body.tb-ui .tbp-sum form.cart .wd-buy-now-btn{ width:100% !important; height:56px !important; margin:0 !important; border-radius:14px !important; font-size:16px !important; font-weight:700 !important; text-transform:none !important; letter-spacing:0 !important; box-shadow:none !important; } body.tb-ui .tbp-sum form.cart .single_add_to_cart_button{ background:var(--tb-blue) !important; color:#fff !important; border:0 !important; } body.tb-ui .tbp-sum form.cart .single_add_to_cart_button:hover{ background:var(--tb-blue-d) !important; } body.tb-ui .tbp-sum form.cart .wd-buy-now-btn{ background:#fff !important; color:var(--tb-ink) !important; border:1px solid #D5DAE3 !important; font-weight:600 !important; } body.tb-ui .tbp-sum form.cart .wd-buy-now-btn:hover{ border-color:var(--tb-ink) !important; } /* Kombo/kompaniya/variant formalarında əlavə sahələr tam en */ body.tb-ui .tbp-sum form.cart > *:not(.quantity):not(.single_add_to_cart_button):not(.wd-buy-now-btn){ grid-column:1 / -1; } body.tb-ui .tbp-wish{ order:8; margin-top:10px; } body.tb-ui .tbp-wish:empty{ display:none; } body.tb-ui .tbp-wish a{ font-size:14px; font-weight:600; color:var(--tb-ink-2) !important; } body.tb-ui .tbp-facts{ order:9; list-style:none; margin:20px 0 0 !important; padding:18px 0 0 !important; border-top:1px solid var(--tb-line); display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px 12px; } body.tb-ui .tbp-facts li{ display:flex; align-items:center; gap:9px; margin:0; padding:0; font-size:14px; color:var(--tb-ink-2); } body.tb-ui .tbp-facts li::before{ display:none; } body.tb-ui .tbp-facts svg{ color:var(--tb-muted); flex-shrink:0; } body.tb-ui .tbp-sum .tbcu-wa-ask{ order:10; margin:18px 0 0 !important; padding:0 !important; border:0 !important; background:transparent !important; display:flex; align-items:center; gap:10px; font-size:14px; font-weight:700; color:var(--tb-green) !important; } /* Bölmələr */ body.tb-ui .tbp-sec{ margin-top:56px; } body.tb-ui .tbp-h{ margin:0 0 10px !important; font-size:24px !important; font-weight:700 !important; letter-spacing:-.5px; color:var(--tb-ink) !important; text-transform:none !important; } body.tb-ui .tbp-info{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:72px; } body.tb-ui .tbp-info > .tbp-sec:only-child{ grid-column:1 / -1; } body.tb-ui .tbp-specs table{ width:100%; margin:0 !important; border:0 !important; border-collapse:collapse; } body.tb-ui .tbp-specs tr{ border-bottom:1px solid var(--tb-line-2); } body.tb-ui .tbp-specs th, body.tb-ui .tbp-specs td{ padding:12px 0 !important; border:0 !important; background:transparent !important; font-size:15px !important; text-align:left !important; vertical-align:top; } body.tb-ui .tbp-specs th{ width:44%; padding-right:16px !important; font-weight:400 !important; color:var(--tb-muted) !important; text-transform:none !important; letter-spacing:0 !important; } body.tb-ui .tbp-specs td{ font-weight:600 !important; color:var(--tb-ink) !important; } body.tb-ui .tbp-specs td p{ margin:0 !important; } body.tb-ui .tbp-specs td a{ color:inherit !important; } body.tb-ui .tbp-specs.is-long:not(.is-open) tr:nth-child(n+7){ display:none; } body.tb-ui .tbp-more{ margin-top:14px; padding:0; border:0; background:transparent !important; box-shadow:none !important; min-height:0; height:auto; font-family:inherit; font-size:15px; font-weight:700; color:var(--tb-blue) !important; text-transform:none; letter-spacing:0; cursor:pointer; } body.tb-ui .tbp-more::after{ content:" ›"; } body.tb-ui .tbp-desc{ font-size:16px; line-height:1.65; color:var(--tb-ink-2); position:relative; } body.tb-ui .tbp-about:not(.is-open) .tbp-desc{ max-height:260px; overflow:hidden; } body.tb-ui .tbp-about:not(.is-open) .tbp-desc::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:64px; background:linear-gradient(rgba(255,255,255,0), #fff); } body.tb-ui .tbp-desc h2, body.tb-ui .tbp-desc h3, body.tb-ui .tbp-desc h4{ font-size:17px !important; font-weight:700 !important; margin:16px 0 6px !important; color:var(--tb-ink) !important; } body.tb-ui .tbp-desc p{ margin:0 0 10px; } /* Oxşar məhsullar: kart şablonu ümumidir (tbui kartı) */ body.tb-ui .tbp-rel{ margin-top:56px; } body.tb-ui .tbp-rel .wd-el-title, body.tb-ui .tbp-rel .title, body.tb-ui .tbp-rel > * > h2, body.tb-ui .tbp-rel .related-products > h2{ font-size:24px !important; font-weight:700 !important; letter-spacing:-.5px; text-transform:none !important; color:var(--tb-ink) !important; } body.tb-ui .tbp-rel .title-line::after, body.tb-ui .tbp-rel .wd-el-title::after{ display:none !important; } @media (max-width:1024px){ body.tb-ui .tbp-wrap{ padding:0 16px 40px; } body.tb-ui .tbp-crumbs{ margin-top:12px; font-size:13px; } body.tb-ui .tbp-top{ grid-template-columns:minmax(0, 1fr); gap:18px; margin-top:12px; } /* Mobildə sütunlar açılır, sıra: qalereya → alış → FPS xülasəsi → oyun → tərkib → uyğunluq → göstəricilər */ body.tb-ui .tbp-lcol,body.tb-ui .tbp-rcol{ display:contents; } body.tb-ui .tbp-gal{ order:1; } body.tb-ui .tbp-sum{ order:2; } body.tb-ui .tbpm{ order:3; } body.tb-ui .tbp-fpscell{ order:4; } body.tb-ui .tbpc{ order:5; } body.tb-ui .tbpf{ order:6; } body.tb-ui .tbp-kscell{ order:7; } body.tb-ui .tbpq{ order:8; } body.tb-ui .tbp-off{ left:14px; top:14px; } body.tb-ui .tbp-gal .wd-gallery-images .wd-carousel-item figure, body.tb-ui .tbp-gal .wd-gallery-images .woocommerce-product-gallery__image{ border-radius:24px; } body.tb-ui .tbp-title{ font-size:23px !important; letter-spacing:-.4px; } body.tb-ui .tbp-now{ font-size:34px; } /* Mobildə düymələr ödəniş seçimindən əvvəl (kətan) */ body.tb-ui .tbp-sum form.cart{ order:6; margin-top:18px !important; grid-template-columns:minmax(0, 1fr); } body.tb-ui .tbp-wish{ order:7; } body.tb-ui .tbp-facts{ order:8; } body.tb-ui .tbp-sum .tbk-pp{ order:9; } body.tb-ui .tbp-sum .tbcu-wa-ask{ order:10; } body.tb-ui .tbp-sec{ margin-top:36px; } body.tb-ui .tbp-info{ grid-template-columns:minmax(0, 1fr); gap:0; } body.tb-ui .tbp-h{ font-size:20px !important; } body.tb-ui .tbp-specs th, body.tb-ui .tbp-specs td{ font-size:14px !important; padding:10px 0 !important; } body.tb-ui .tbp-about:not(.is-open) .tbp-desc{ max-height:180px; } body.tb-ui .tbp-desc{ font-size:15px; } } /* Düzəlişlər (ölçüdən sonra) */ body.tb-ui.single-product main.wd-content-layout{ padding-top:0 !important; } /* Kiçik şəkillər: şaquli karuseldə 5 yer — kvadrata yaxın qutular */ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel{ --wd-col-lg:5 !important; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item{ display:flex !important; align-items:center; justify-content:center; background:var(--tb-well); border-radius:16px; overflow:hidden; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item img{ width:78% !important; height:78% !important; object-fit:contain; background:transparent; } /* Göstəricilər: ad | dəyər, yığcam sətirlər */ body.tb-ui .tbp-specs tr{ display:flex !important; align-items:baseline; gap:16px; padding:11px 0; } body.tb-ui .tbp-specs th, body.tb-ui .tbp-specs td{ display:block !important; padding:0 !important; line-height:1.4 !important; margin:0 !important; } body.tb-ui .tbp-specs th{ flex:0 0 44%; width:auto !important; } body.tb-ui .tbp-specs td{ flex:1 1 auto; min-width:0; text-align:left !important; } body.tb-ui .tbp-specs .wd-attr-name, body.tb-ui .tbp-specs .wd-attr-name-label{ display:inline !important; margin:0 !important; } /* Oxşar məhsullar: çərçivəli boz qutu yox — saytın qalan kartları kimi */ body.tb-ui .tbp-rel .wd-products-with-bg, body.tb-ui .tbp-rel .products-bordered-grid{ background:transparent !important; --wd-prod-bg:transparent; --wd-bordered-bg:transparent; } body.tb-ui .tbp-rel .products-bordered-grid .wd-product, body.tb-ui .tbp-rel .products-bordered-grid .wd-carousel-item, body.tb-ui .tbp-rel .products-bordered-grid .wd-carousel-wrap{ border:0 !important; box-shadow:none !important; background:transparent !important; } body.tb-ui .tbp-rel .products-bordered-grid .wd-carousel-inner, body.tb-ui .tbp-rel .products-bordered-grid .wd-carousel{ border:0 !important; background:transparent !important; box-shadow:none !important; } body.tb-ui .tbp-rel .products-bordered-grid{ border:0 !important; } body.tb-ui .tbp-rel .products-bordered-grid .wd-carousel-wrap::before, body.tb-ui .tbp-rel .products-bordered-grid .wd-carousel-wrap::after{ display:none !important; } body.tb-ui .tbp-specs.is-long:not(.is-open) tr:nth-child(n+7){ display:none !important; } body.tb-ui .tbp-short{ font-weight:600; color:var(--tb-ink); margin:0 0 12px; } /* 22.09 dolğunluq: qısa göstəricilər adın altında, cədvəl yığcam (10 sətir), qalereya sütunu doldurur */ body.tb-ui .tbp-shortline{ order:3; margin-top:12px; font-size:14.5px; line-height:1.55; color:var(--tb-ink-2); } body.tb-ui .tbp-shortline p{ margin:0 !important; } body.tb-ui .tbp-stock{ order:3; } body.tb-ui .tbp-specs tr{ padding:8px 0 !important; } body.tb-ui .tbp-specs th, body.tb-ui .tbp-specs td{ font-size:14.5px !important; } body.tb-ui .tbp-specs.is-long:not(.is-open) tr:nth-child(n+7){ display:flex !important; } body.tb-ui .tbp-specs.is-long:not(.is-open) tr:nth-child(n+11){ display:none !important; } @media (min-width:1025px){ body.tb-ui .tbp-gal .wd-gallery-images .wd-carousel-item figure, body.tb-ui .tbp-gal .wd-gallery-images .woocommerce-product-gallery__image{ aspect-ratio:auto !important; width:100% !important; height:620px; max-height:none; } } body.tb-ui .tbp-specs table, body.tb-ui .tbp-specs tbody{ display:block !important; overflow:visible !important; height:auto !important; } /* 22.09 təkliflər: çatdırılma sətri, göstərici kafelləri (veb), aşağıda yapışan alış paneli (veb) */ body.tb-ui .tbp-deliv{ order:3; list-style:none; margin:12px 0 0 !important; padding:0 !important; display:flex; flex-direction:column; gap:6px; } body.tb-ui .tbp-deliv li{ display:flex; align-items:center; gap:8px; margin:0; padding:0; font-size:14px; color:var(--tb-ink-2); } body.tb-ui .tbp-deliv li::before{ display:none; } body.tb-ui .tbp-deliv svg{ color:var(--tb-muted); flex-shrink:0; } body.tb-ui .tbp-deliv b{ font-weight:700; color:var(--tb-ink); } body.tb-ui .tbp-keyspecs{ list-style:none; margin:16px 0 0 !important; padding:0 !important; display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:10px; } body.tb-ui .tbp-keyspecs li{ margin:0; padding:14px 12px; border-radius:16px; background:var(--tb-well); display:flex; flex-direction:column; gap:4px; min-width:0; } body.tb-ui .tbp-keyspecs li::before{ display:none; } body.tb-ui .tbp-keyspecs svg{ color:var(--tb-ink-2); margin-bottom:4px; } body.tb-ui .tbp-ks-k{ font-size:12.5px; color:var(--tb-muted); } body.tb-ui .tbp-ks-v{ font-size:14px; font-weight:700; color:var(--tb-ink); line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } body.tb-ui .tbp-sticky{ display:none; } @media (min-width:1025px){ body.tb-ui .tbp-sticky{ display:block; position:fixed; left:0; right:0; bottom:0; z-index:390; background:#fff; border-top:1px solid var(--tb-line); box-shadow:0 -8px 24px rgba(11,18,32,.08); transform:translateY(100%); transition:transform .2s ease; } body.tb-ui .tbp-sticky.is-on{ transform:none; } body.tb-ui .tbp-sticky-in{ max-width:var(--wd-container-w, 1222px); margin:0 auto; padding:10px 15px; box-sizing:border-box; display:flex; align-items:center; gap:14px; } body.tb-ui .tbp-sticky img{ width:44px; height:44px; object-fit:contain; border-radius:10px; background:var(--tb-well); mix-blend-mode:multiply; } body.tb-ui .tbp-sticky-n{ flex:1 1 auto; min-width:0; font-size:15px; font-weight:700; color:var(--tb-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } body.tb-ui .tbp-sticky-p{ font-size:22px; font-weight:800; color:var(--tb-ink); font-variant-numeric:tabular-nums; } body.tb-ui .tbp-sticky-b{ height:46px; padding:0 24px; border:0; border-radius:12px; background:var(--tb-blue) !important; color:#fff !important; font-family:inherit; font-size:15px; font-weight:700; text-transform:none; letter-spacing:0; cursor:pointer; } body.tb-ui .tbp-sticky-b:hover{ background:var(--tb-blue-d) !important; } } @media (max-width:1024px){ body.tb-ui .tbp-keyspecs{ display:none; } } /* 22.09 user: «şəkil hissəsi çox böyükdür» — qalereya/məlumat balansı ~52/48, şəkil 500px */ @media (min-width:1025px){ body.tb-ui .tbp-top{ grid-template-columns:minmax(0, 1.08fr) minmax(0, 1fr); gap:48px; } body.tb-ui .tbp-gal .wd-gallery-images .wd-carousel-item figure, body.tb-ui .tbp-gal .wd-gallery-images .woocommerce-product-gallery__image{ height:500px !important; } body.tb-ui .tbp-gal .wd-gallery-images img{ max-height:440px; } body.tb-ui .tbp-sum{ max-width:560px; } } @media (max-width:1024px){ body.tb-ui .tbp-gal .wd-gallery-images .wd-carousel-item figure, body.tb-ui .tbp-gal .wd-gallery-images .woocommerce-product-gallery__image{ aspect-ratio:auto !important; height:min(86vw, 340px) !important; } } /* Şəkil boz qutunun ortasında: şəkil içindədir (Woodmart) — link də mərkəzləşdirir */ body.tb-ui .tbp-gal .wd-gallery-images .wd-carousel-item figure > a, body.tb-ui .tbp-gal .wd-gallery-images .woocommerce-product-gallery__image > a{ display:flex !important; align-items:center; justify-content:center; width:100%; height:100%; } body.tb-ui .tbp-gal .wd-gallery-images .wd-carousel-item figure > a > img{ margin:0 auto !important; } /* 22.09: kiçik şəkillər arasında boşluq (fon elementdən şəklin özünə keçir), endirim nişanı böyük şəklin içində */ @media (min-width:1025px){ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item{ background:transparent !important; border:0 !important; padding:5px 0 !important; box-sizing:border-box; border-radius:0; overflow:visible; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item img{ width:100% !important; height:100% !important; padding:10px; box-sizing:border-box; object-fit:contain; background:var(--tb-well) !important; border:1px solid transparent; border-radius:16px; mix-blend-mode:normal; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item.wd-thumb-active img{ border-color:var(--tb-ink); } body.tb-ui .tbp-off{ left:148px; top:16px; } } /* 22.09 user: uzun dəyər kafeldə kəsilirdi → 3 sütun, dəyər tam yazılır (kəsilmə yox) */ body.tb-ui .tbp-keyspecs{ grid-template-columns:repeat(3, minmax(0, 1fr)); } body.tb-ui .tbp-keyspecs li{ flex-direction:row; align-items:flex-start; gap:12px; padding:14px; } body.tb-ui .tbp-keyspecs svg{ margin:2px 0 0; flex-shrink:0; } body.tb-ui .tbp-keyspecs li > span{ display:block; } body.tb-ui .tbp-ks-k{ display:block; } body.tb-ui .tbp-ks-v{ display:block !important; -webkit-line-clamp:unset; overflow:visible; overflow-wrap:anywhere; margin-top:2px; } body.tb-ui .tbp-keyspecs li{ display:grid; grid-template-columns:22px minmax(0, 1fr); grid-template-rows:auto auto; column-gap:12px; } body.tb-ui .tbp-keyspecs li svg{ grid-row:1 / 3; } body.tb-ui .tbp-keyspecs li{ row-gap:2px; align-content:start; } /* kiçik şəkil: boz fon elementdə (content-box — aralıq qalır), şəkil multiply → ağ fonu görünmür */ @media (min-width:1025px){ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item{ background:var(--tb-well) !important; background-clip:content-box !important; border-radius:16px !important; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item img{ background:transparent !important; mix-blend-mode:multiply; } } /* ═══ 22.09 bütövlük: nişanlar adın üstündə, alış kartı, yapışan qalereya, kafellər tam en ═══ */ body.tb-ui .tbp-chips{ order:1; list-style:none; margin:0 0 4px !important; padding:0 !important; display:flex; flex-wrap:wrap; gap:6px; } body.tb-ui .tbp-chips li{ display:inline-flex; align-items:center; gap:6px; margin:0; padding:0 10px; height:28px; border-radius:8px; background:var(--tb-well); font-size:12.5px; font-weight:600; color:var(--tb-ink-2); } body.tb-ui .tbp-chips li::before{ display:none; } body.tb-ui .tbp-chips svg{ color:var(--tb-muted); } body.tb-ui .tbp-title{ margin-top:10px !important; } /* Alış kartı: qiymət → taksit → ödəniş seçimi → düymələr → istək siyahısı → WhatsApp */ body.tb-ui .tbp-buy{ order:5; margin-top:20px; padding:22px; border:1px solid var(--tb-line); border-radius:20px; display:flex; flex-direction:column; } body.tb-ui .tbp-buy .tbp-price{ order:1; margin-top:0; } body.tb-ui .tbp-buy .tbp-monthly{ order:2; } body.tb-ui .tbp-buy .tbk-pp{ order:3; margin-top:18px !important; } body.tb-ui .tbp-buy form.cart{ order:4; margin-top:6px !important; } body.tb-ui .tbp-buy .tbp-wish{ order:5; margin-top:12px; } body.tb-ui .tbp-buy .tbcu-wa-ask{ order:6; margin:12px 0 0 !important; padding-top:14px !important; border-top:1px solid var(--tb-line-2) !important; font-size:14px; } body.tb-ui .tbp-buy .tbcu-wa-ask::before{ content:"Sualınız var?"; font-weight:500; color:var(--tb-muted); margin-right:2px; } @media (min-width:1025px){ /* Qalereya yapışır — sağ sütun sürüşəndə solda boşluq qalmır */ body.tb-ui .tbp-gal{ position:sticky; top:20px; align-self:start; } } /* Əsas göstəricilər: kafellər tam en, bir sıra — boş xana yox (flex, son sıra genişlənir) */ body.tb-ui .tbp-overview .tbp-keyspecs{ display:flex !important; flex-wrap:wrap; gap:12px; margin:6px 0 0 !important; } body.tb-ui .tbp-overview .tbp-keyspecs li{ flex:1 1 180px; } body.tb-ui .tbp-overview + .tbp-info .tbp-sec{ margin-top:40px; } @media (max-width:1024px){ body.tb-ui .tbp-buy{ padding:16px; border-radius:18px; } body.tb-ui .tbp-buy form.cart{ order:3; margin-top:14px !important; } body.tb-ui .tbp-buy .tbp-wish{ order:4; } body.tb-ui .tbp-buy .tbk-pp{ order:5; } body.tb-ui .tbp-overview .tbp-keyspecs{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; } body.tb-ui .tbp-overview .tbp-keyspecs li:last-child:nth-child(odd){ grid-column:1 / -1; } } /* Məhsul səhifəsində başlıq menyusunda kateqoriya «aktiv» görünmür (məhsul bir neçə kateqoriyadadır — səhv bənd işıqlanırdı) */ body.tb-ui.single-product .whb-header-bottom .wd-nav-main > li[class*="current"] > a{ background:transparent !important; color:var(--tb-ink-2) !important; } /* ═══ 22.09 ad → qiymət arası sakit: stok+kod bir sətir, göstəricilər 2 sətir, çatdırılma alış kartında ═══ */ body.tb-ui .tbp-stock{ margin-top:12px; gap:4px 14px; font-size:13.5px; } body.tb-ui .tbp-stock .tbcu-stock, body.tb-ui .tbp-stock .tbcu-st{ font-size:13.5px !important; } body.tb-ui .tbp-sku{ font-size:13.5px; color:var(--tb-muted); } body.tb-ui .tbp-shortline{ order:3; margin-top:10px; } body.tb-ui .tbp-shortline-t{ font-size:14px; line-height:1.55; color:var(--tb-muted); } /* tam göstərilir (user 22.09: «qısa təsvir tam görünsün, mobildə də») */ body.tb-ui .tbp-shortline-t p{ margin:0 !important; display:inline; } body.tb-ui .tbp-sep{ margin:0 6px; color:var(--tb-faint); } body.tb-ui a.tbp-shortline-more{ display:inline-block; margin-top:4px; font-size:13.5px; font-weight:700; color:var(--tb-blue) !important; } body.tb-ui .tbp-anchor{ display:block; position:relative; top:-90px; } /* Çatdırılma alış kartının içində, sakit */ body.tb-ui .tbp-buy .tbp-deliv{ order:6; margin:14px 0 0 !important; gap:8px; } body.tb-ui .tbp-buy .tbp-deliv li{ font-size:13.5px; color:var(--tb-muted); } body.tb-ui .tbp-buy .tbp-deliv b{ font-weight:600; color:var(--tb-ink-2); } body.tb-ui .tbp-buy .tbcu-wa-ask{ order:7; } @media (max-width:1024px){ body.tb-ui .tbp-buy .tbp-deliv{ order:5; } body.tb-ui .tbp-buy .tbk-pp{ order:6; } body.tb-ui .tbp-buy .tbcu-wa-ask{ order:7; } } /* ═══ 22.09 mobil sadələşdirmə (kətan «8 · Məhsul səhifəsi mobil v2») ═══ */ body.tb-ui .tbp-pp-row, body.tb-ui .tbp-acc{ display:none; } @media (max-width:1024px){ /* 1) alt panel yalnız kartdakı düymə ekrandan çıxanda; «və ya 12 × …» sətri yoxdur */ body.tb-ui.single-product #mobile-bottom-bar{ transform:translateY(110%); transition:transform .2s ease; } body.tb-ui.single-product.tbp-bar-on #mobile-bottom-bar{ transform:none; } body.tb-ui.single-product #mobile-bottom-bar .tbui-bar-sub{ display:none !important; } /* 5) alış kartı: Səbətə (tam en) → [İndi al][♡] bir sırada */ body.tb-ui .tbp-buy{ display:grid !important; grid-template-columns:minmax(0, 1fr) 50px; column-gap:8px; } body.tb-ui .tbp-buy > *{ grid-column:1 / -1; } body.tb-ui .tbp-buy form.cart{ display:contents !important; } body.tb-ui .tbp-buy form.cart > *{ grid-column:1 / -1; } body.tb-ui .tbp-buy form.cart .single_add_to_cart_button{ order:3; margin-top:14px !important; } body.tb-ui .tbp-buy form.cart .wd-buy-now-btn{ order:4; grid-column:1 !important; margin-top:8px !important; height:50px !important; } body.tb-ui .tbp-buy .tbp-wish{ order:4; grid-column:2 !important; margin-top:8px !important; } body.tb-ui .tbp-wish .wd-wishlist-btn, body.tb-ui .tbp-wish .wd-wishlist-btn a{ margin:0 !important; } body.tb-ui .tbp-wish .wd-wishlist-btn a{ width:50px; height:50px; box-sizing:border-box; border:1px solid #D5DAE3; border-radius:14px; display:flex !important; align-items:center; justify-content:center; padding:0 !important; } body.tb-ui .tbp-wish .wd-wishlist-btn a > span{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } body.tb-ui .tbp-wish .wd-wishlist-btn a::before{ margin:0 !important; font-size:20px; } /* 6) çatdırılma bir sətir, iş saatı gizli */ body.tb-ui .tbp-buy .tbp-deliv{ order:5; flex-direction:row; flex-wrap:wrap; gap:4px 12px; margin-top:12px !important; } body.tb-ui .tbp-hours{ display:none; } /* 2) «Hissə-hissə ödə» bir sətir; blok yalnız açılanda */ body.tb-ui .tbp-pp-row{ order:6; display:flex; align-items:center; gap:10px; margin-top:12px; padding:12px 14px; width:100%; box-sizing:border-box; border:1px solid #E6E9EE; border-radius:14px; background:#fff !important; box-shadow:none !important; min-height:0; height:auto; font-family:inherit; font-size:15px; font-weight:400; color:var(--tb-muted); text-align:left; text-transform:none; letter-spacing:0; cursor:pointer; } body.tb-ui .tbp-pp-row b{ font-weight:800; color:var(--tb-ink); } body.tb-ui .tbp-pp-row > span:first-child{ flex:1 1 auto; } body.tb-ui .tbp-pp-arr{ font-size:18px; color:var(--tb-faint); transition:transform .2s; } body.tb-ui .tbp-buy.is-pp .tbp-pp-arr{ transform:rotate(90deg); } body.tb-ui .tbp-buy .tbk-pp{ order:7; margin-top:8px !important; } body.tb-ui .tbp-buy:not(.is-pp) .tbk-pp{ display:none !important; } body.tb-ui .tbp-buy .tbk-pp .tbk-pp-h{ display:none !important; } body.tb-ui .tbp-buy .tbcu-wa-ask{ order:8; } /* 4) texniki göstəricilər və təsvir — bağlı akkordeon (mətn səhifədə qalır) */ body.tb-ui .tbp-info{ margin-top:24px; border-top:1px solid var(--tb-line); } body.tb-ui .tbp-info .tbp-sec{ margin-top:0 !important; } body.tb-ui .tbp-specs .tbp-h, body.tb-ui .tbp-about .tbp-h{ display:none !important; } body.tb-ui .tbp-acc{ display:flex; align-items:center; width:100%; height:54px; margin:0; padding:0; border:0; border-bottom:1px solid var(--tb-line) !important; border-radius:0; background:transparent !important; box-shadow:none !important; min-height:0; font-family:inherit; font-size:16px; font-weight:700; color:var(--tb-ink) !important; text-transform:none; letter-spacing:0; text-align:left; cursor:pointer; } body.tb-ui .tbp-acc::after{ content:"⌄"; margin-left:auto; font-size:18px; color:var(--tb-muted); transition:transform .2s; } body.tb-ui .tbp-sec.is-open .tbp-acc::after{ transform:rotate(180deg); } body.tb-ui .tbp-specs .tbp-more, body.tb-ui .tbp-about .tbp-more{ display:none !important; } body.tb-ui .tbp-specs:not(.is-open) .tbp-specs-t{ display:none; } body.tb-ui .tbp-specs.is-open tr{ display:flex !important; } body.tb-ui .tbp-about:not(.is-open) .tbp-desc{ display:none; } body.tb-ui .tbp-about.is-open .tbp-desc{ max-height:none !important; margin:12px 0; } body.tb-ui .tbp-about.is-open .tbp-desc::after{ display:none; } /* 7) «yuxarı qalx» düyməsi yoxdur */ body.tb-ui.single-product .scrollToTop{ display:none !important; } } @media (max-width:1024px){ body.tb-ui .tbp-acc::after{ content:""; width:8px; height:8px; margin:0 6px 4px auto; border-right:2px solid var(--tb-muted); border-bottom:2px solid var(--tb-muted); transform:rotate(45deg); font-size:0; } body.tb-ui .tbp-sec.is-open .tbp-acc::after{ transform:rotate(-135deg); margin-bottom:-4px; } } /* ═══ 22.09 qiymət bloku: bir qiymət, bir aylıq rəqəm; çatdırılma və WhatsApp kartdan kənarda ═══ */ body.tb-ui .tbp-now{ font-size:40px; font-weight:800; letter-spacing:-1.2px; } body.tb-ui .tbp-cur{ font-size:.62em; font-weight:700; letter-spacing:0; } body.tb-ui .tbp-was{ font-size:15px; } body.tb-ui .tbp-monthly{ display:block; margin-top:8px; font-size:14.5px; font-weight:600; color:var(--tb-blue); } body.tb-ui .tbp-monthly b{ font-weight:800; font-variant-numeric:tabular-nums; } body.tb-ui .tbp-sum > .tbp-deliv{ order:6; margin:16px 0 0 !important; flex-direction:column; gap:8px; } body.tb-ui .tbp-sum > .tbp-deliv li{ font-size:13.5px; color:var(--tb-muted); } body.tb-ui .tbp-sum > .tbp-deliv b{ font-weight:600; color:var(--tb-ink-2); } body.tb-ui .tbp-sum > .tbcu-wa-ask{ order:7; margin:12px 0 0 !important; font-size:14px; } body.tb-ui .tbp-sum > .tbcu-wa-ask::before{ content:"Sualınız var?"; font-weight:500; color:var(--tb-muted); margin-right:2px; } body.tb-ui .tbp-pp-row > span:first-child{ display:flex; flex-direction:column; gap:1px; } body.tb-ui .tbp-pp-row small{ font-size:12.5px; color:var(--tb-muted); font-weight:400; } @media (max-width:1024px){ body.tb-ui .tbp-now{ font-size:34px; } body.tb-ui .tbp-sum > .tbp-deliv{ padding:0 4px !important; } body.tb-ui .tbp-sum > .tbcu-wa-ask{ padding:0 4px !important; } } /* ═══ 22.09 responsiv: telefon yan boşluğu, planşetdə 2 sütun (900–1024), planşetdə yapışan panel (768–1024) ═══ */ @media (max-width:1024px){ body.tb-ui .tbp-wrap{ padding-left:0 !important; padding-right:0 !important; } /* konteynerin 15px-i kifayətdir (əvvəl 15+16) */ } @media (min-width:900px) and (max-width:1024px){ body.tb-ui .tbp-top{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:28px; } body.tb-ui .tbp-gal{ position:sticky; top:16px; align-self:start; } body.tb-ui .tbp-gal .wd-gallery-images .wd-carousel-item figure, body.tb-ui .tbp-gal .wd-gallery-images .woocommerce-product-gallery__image{ height:420px !important; } body.tb-ui .tbp-title{ font-size:26px !important; } } @media (min-width:768px) and (max-width:1024px){ body.tb-ui .tbp-sticky{ display:block; position:fixed; left:0; right:0; bottom:0; z-index:390; background:#fff; border-top:1px solid var(--tb-line); box-shadow:0 -8px 24px rgba(11,18,32,.08); transform:translateY(100%); transition:transform .2s ease; } body.tb-ui .tbp-sticky.is-on{ transform:none; } body.tb-ui .tbp-sticky-in{ padding:10px 16px; display:flex; align-items:center; gap:12px; } body.tb-ui .tbp-sticky img{ width:40px; height:40px; object-fit:contain; border-radius:10px; background:var(--tb-well); mix-blend-mode:multiply; } body.tb-ui .tbp-sticky-n{ flex:1 1 auto; min-width:0; font-size:14px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } body.tb-ui .tbp-sticky-p{ font-size:19px; font-weight:800; font-variant-numeric:tabular-nums; } body.tb-ui .tbp-sticky-b{ height:44px; padding:0 20px; border:0; border-radius:12px; background:var(--tb-blue) !important; color:#fff !important; font-family:inherit; font-size:15px; font-weight:700; text-transform:none; } } body.tb-ui .tbp-sum .tbp-low{ order:2; margin-top:8px; } /* adın (order 2) altında, stok sətrindən (3) əvvəl */ /* ═══ Stoksuz məhsul vəziyyəti (kətan səh. 14) ═══ */ body.tb-ui .tbp-sum .tbo-line{ display:flex; align-items:center; gap:8px; font-size:14.5px; color:var(--tb-muted); } body.tb-ui .tbo-line b{ color:var(--tb-ink-2); font-weight:800; } body.tb-ui .tbo-dot{ width:8px; height:8px; border-radius:4px; background:var(--tb-faint); flex:none; } body.tb-ui .tbo-sep{ color:#C4CAD4; } body.tb-ui .tbp-sum .tbo-card{ order:4; margin-top:16px; border:1px solid var(--tb-line); border-radius:20px; padding:20px; } body.tb-ui .tbo-card-h{ font-size:17px; font-weight:800; color:var(--tb-ink); } body.tb-ui .tbo-card-s{ margin-top:2px; font-size:13.5px; color:var(--tb-muted); line-height:1.45; } body.tb-ui .tbo-form{ margin:14px 0 0; display:flex; flex-wrap:wrap; gap:8px; } body.tb-ui .tbo-phone{ flex:1 1 200px; display:flex; align-items:center; height:50px; border:1px solid #DCE0E8; border-radius:14px; overflow:hidden; background:#fff; } body.tb-ui .tbo-pre{ padding:0 14px; height:100%; display:flex; align-items:center; background:var(--tb-well); font-size:15px; font-weight:700; color:var(--tb-ink-2); border-right:1px solid #DCE0E8; } body.tb-ui .tbo-phone input{ flex:1 1 auto; min-width:0; height:100% !important; border:0 !important; padding:0 14px !important; font-family:inherit; font-size:15px !important; outline:none; background:transparent !important; box-shadow:none !important; margin:0 !important; } body.tb-ui .tbo-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; } body.tb-ui .tbo-btn{ height:50px; padding:0 22px; border:0; border-radius:14px; background:var(--tb-blue); color:#fff; font-family:inherit; font-size:15px; font-weight:800; cursor:pointer; white-space:nowrap; } body.tb-ui .tbo-btn:hover{ background:var(--tb-blue-d); } body.tb-ui .tbo-btn:disabled{ opacity:.6; } body.tb-ui .tbo-msg{ flex:1 1 100%; font-size:13.5px; font-weight:700; color:var(--tb-green); } body.tb-ui .tbo-msg:empty{ display:none; } body.tb-ui .tbo-msg.is-err{ color:var(--tb-red); } body.tb-ui .is-ok .tbo-phone, body.tb-ui .is-ok .tbo-btn{ display:none; } body.tb-ui .is-ok .tbo-msg{ padding:12px 14px; border-radius:12px; background:#E7F6EF; } body.tb-ui .is-ok .tbo-msg::before{ content:"\2713 "; } body.tb-ui .tbo-card-r{ margin-top:12px; display:flex; gap:8px; align-items:stretch; } body.tb-ui .tbo-card-r .tbcu-wa-ask{ flex:1 1 auto; margin:0 !important; height:46px; border:1px solid #DCE0E8 !important; border-radius:13px !important; display:flex !important; align-items:center; justify-content:center; gap:8px; font-size:14.5px; font-weight:700; color:var(--tb-ink) !important; background:#fff !important; } body.tb-ui .tbo-card-r .tbp-wish{ margin:0; } body.tb-ui .tbo-card-r .tbp-wish a, body.tb-ui .tbo-card-r .tbp-wish .wd-wishlist-btn{ width:46px; height:46px; border:1px solid #DCE0E8; border-radius:13px; display:flex; align-items:center; justify-content:center; } /* Təklif edirik */ body.tb-ui .tbp-sum .tbo-offer{ order:5; margin-top:20px; } body.tb-ui .tbo-offer-h{ display:flex; align-items:baseline; gap:10px; } body.tb-ui .tbo-offer-h h2{ margin:0; font-size:20px; font-weight:800; letter-spacing:-.4px; color:var(--tb-ink); text-transform:none; } body.tb-ui .tbo-offer-s{ font-size:13.5px; color:var(--tb-muted); } body.tb-ui .tbo-offer-h a{ margin-left:auto; font-size:14px; font-weight:700; color:var(--tb-blue); white-space:nowrap; } body.tb-ui .tbo-list{ margin-top:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } body.tb-ui .tbo-c{ background:#fff; border:1px solid var(--tb-line); border-radius:18px; padding:10px; display:flex; gap:12px; min-width:0; } body.tb-ui .tbo-c-img{ position:relative; width:104px; height:104px; flex:none; border-radius:12px; background:var(--tb-well); display:flex; align-items:center; justify-content:center; } body.tb-ui .tbo-c-img img{ width:84%; height:84%; object-fit:contain; mix-blend-mode:multiply; } body.tb-ui .tbo-c-pill{ position:absolute; left:5px; bottom:5px; font-size:10.5px; font-weight:700; padding:2px 6px; border-radius:6px; background:#fff; color:var(--tb-green); } body.tb-ui .tbo-c-pill.is-vendor, body.tb-ui .tbo-c-pill.is-order{ color:var(--tb-amber); } body.tb-ui .tbo-c-b{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; } body.tb-ui .tbo-c-n{ font-size:13.5px; font-weight:700; line-height:1.3; color:var(--tb-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } body.tb-ui .tbo-c-pr{ margin-top:4px; display:flex; align-items:baseline; gap:6px; } body.tb-ui .tbo-c-pr b{ font-size:17px; font-weight:800; color:var(--tb-ink); } body.tb-ui .tbo-c-pr s{ font-size:11px; color:var(--tb-faint); } body.tb-ui .tbo-c-m{ font-size:11.5px; font-weight:700; color:var(--tb-blue); } body.tb-ui .tbo-c-add{ margin-top:auto; height:34px; border-radius:10px; background:var(--tb-blue-soft); color:var(--tb-blue) !important; font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:6px; } body.tb-ui .tbo-c-add:hover{ background:#DDE7FF; } body.tb-ui .tbo-c-add.added, body.tb-ui .tbo-c-b .added_to_cart{ display:none !important; } body.tb-ui .tbo-c-add.loading{ opacity:.6; } @media (max-width:1024px){ body.tb-ui .tbp-sum .tbo-card{ order:4; padding:14px; border-radius:18px; } body.tb-ui .tbo-phone{ flex:1 1 100%; height:48px; } body.tb-ui .tbo-btn{ flex:1 1 100%; height:48px; } body.tb-ui .tbp-sum .tbo-offer{ margin-top:18px; } body.tb-ui .tbo-list{ display:flex; gap:10px; overflow-x:auto; scrollbar-width:none; margin:12px -15px 0; padding:0 15px; scroll-snap-type:x mandatory; } body.tb-ui .tbo-list::-webkit-scrollbar{ display:none; } body.tb-ui .tbo-c{ flex:none; width:206px; flex-direction:column; scroll-snap-align:start; border-radius:16px; } body.tb-ui .tbo-c-img{ width:100%; height:130px; } body.tb-ui .tbo-c-n{ margin-top:8px; height:35px; } body.tb-ui .tbo-c-add{ margin-top:8px; height:38px; } } /* stoksuz kartında istək düyməsi yalnız ikon (vebdə də) */ body.tb-ui .tbo-card-r .tbp-wish{ order:0; margin:0 !important; } body.tb-ui .tbo-card-r .tbp-wish .wd-wishlist-btn, body.tb-ui .tbo-card-r .tbp-wish .wd-wishlist-btn a{ margin:0 !important; } body.tb-ui .tbo-card-r .tbp-wish .wd-wishlist-btn a{ width:46px; height:46px; box-sizing:border-box; border:1px solid #DCE0E8; border-radius:13px; display:flex !important; align-items:center; justify-content:center; padding:0 !important; } body.tb-ui .tbo-card-r .tbp-wish .wd-wishlist-btn a > span{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } body.tb-ui .tbo-card-r .tbp-wish .wd-wishlist-btn a::before{ margin:0 !important; font-size:20px; } body.tb-ui .tbo-btn, body.tb-ui .tbui-nm .tbo-btn{ text-transform:none !important; letter-spacing:0 !important; } /* Stoksuz kart — səliqə (user 22.09): WhatsApp sətrində ox yox, ürək sağda; təkliflər standart şaquli kart */ body.tb-ui .tbo-card-r{ gap:8px; } body.tb-ui .tbo-card-r .tbcu-wa-ask{ order:0; justify-content:center !important; padding:0 14px !important; } body.tb-ui .tbo-card-r .tbcu-wa-ask::after, body.tb-ui .tbo-card-r .tbcu-wa-ask .tbcu-wa-arr{ display:none !important; } body.tb-ui .tbo-card-r .tbp-wish{ order:1; } body.tb-ui .tbo-list{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } body.tb-ui .tbo-c{ flex-direction:column; gap:0; padding:10px; border-radius:16px; } body.tb-ui .tbo-c-img{ width:100%; height:150px; } body.tb-ui .tbo-c-img img{ width:76%; height:82%; } body.tb-ui .tbo-c-pill{ left:8px; bottom:8px; font-size:11px; padding:3px 8px; border-radius:7px; } body.tb-ui .tbo-c-b{ margin-top:10px; } body.tb-ui .tbo-c-n{ font-size:14px; min-height:36px; } body.tb-ui .tbo-c-pr{ margin-top:8px; padding-top:8px; border-top:1px solid var(--tb-line-2); } body.tb-ui .tbo-c-pr b{ font-size:18px; } body.tb-ui .tbo-c-pr s{ font-size:11.5px; } body.tb-ui .tbo-c-m{ font-size:12px; margin-top:1px; } body.tb-ui .tbo-c-add{ margin-top:10px; height:40px; border-radius:11px; font-size:13.5px; } @media (max-width:1024px){ body.tb-ui .tbo-c{ width:206px; } body.tb-ui .tbo-c-img{ height:130px; } } /* ═══════════ UI/UX M4 (24.09) — alış bloku, yapışan panellər, ilk ekran. Tokenlər: ui.css §1 ═══════════ */ /* H1 digər səhifələrlə eyni: 32/24, 800 (DSN-03 qalığı) */ body.tb-ui .tbp-title, body.tb-ui.single-product .product_title.entry-title.tbp-title{ font-size:var(--tb-h1) !important; font-weight:800 !important; letter-spacing:-.6px !important; line-height:1.2 !important; } /* MHS-21: model kodu defisdən qırılmasın (başlıq və göstərici kafelləri) */ body.tb-ui .tbp-title, body.tb-ui .tbp-ks-v{ overflow-wrap:normal; word-break:normal; hyphens:manual; } /* MHS-36: sağ sütun konteynerin sağ kənarına qədər (1329 → 1405) */ @media (min-width:1025px){ body.tb-ui .tbp-sum{ max-width:none; } } /* MHS-03 (Veb A): qiymət → aylıq → düymələr → istək → «Hissə-hissə ödə» */ @media (min-width:1025px){ body.tb-ui .tbp-buy form.cart{ order:3; margin-top:16px !important; } body.tb-ui .tbp-buy .tbp-wish{ order:4; } body.tb-ui .tbp-buy .tbk-pp{ order:5; margin-top:20px !important; padding-top:18px !important; border-top:1px solid var(--tb-line-2) !important; } } /* MHS-48: aylıq sətri olmayan (ucuz) məhsulda qiymət düyməyə yapışmasın */ body.tb-ui .tbp-buy .tbp-price{ margin-bottom:2px; } /* MHS-07: iki düymə eyni — r12, 56 px, 16/700 (catalog-ui #wd-add-to-cart 7 px-i ID ilə verirdi) */ 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 .tbp-sum form.cart #wd-add-to-cart.wd-buy-now-btn{ height:56px !important; min-height:56px !important; border-radius:var(--tb-r-sm) !important; font-size:16px !important; font-weight:700 !important; padding:0 18px !important; } body.tb-ui .tbp-sum form.cart #wd-add-to-cart.wd-buy-now-btn{ border:1px solid var(--tb-btn-line) !important; } /* MHS-24: «Kreditlə al» / «Kartla taksit» sətirləri — ikon sahəsi sabit 64 px, hündürlük eyni */ body.tb-ui .tbp-sum .tbk-pr{ min-height:68px !important; border-radius:var(--tb-r-sm) !important; } body.tb-ui .tbp-sum .tbk-pr > .tbk-logos{ flex:0 0 64px; width:64px; display:flex; align-items:center; justify-content:flex-start; gap:4px; } body.tb-ui .tbp-sum .tbk-pr > .tbk-ic{ flex:0 0 40px; margin-right:24px; } body.tb-ui .tbp-sum .tbk-pr > .tbk-t{ flex:1 1 auto; min-width:0; } /* MHS-41: «WhatsApp-da soruş» — M3 WhatsApp düyməsi (ağ, yaşıl, 48 px); ox yoxdur */ body.tb-ui .tbp-sum > .tbcu-wa-ask{ align-self:flex-start; width:auto !important; display:inline-flex !important; min-height:48px; padding:0 18px !important; margin-top:14px !important; gap:8px; border:1px solid var(--tb-btn-line) !important; border-radius:var(--tb-r-sm) !important; background:#fff !important; color:var(--tb-green) !important; font-size:15px !important; font-weight:800 !important; } body.tb-ui .tbp-sum > .tbcu-wa-ask:hover{ border-color:var(--tb-green) !important; background:var(--tb-green-soft) !important; } body.tb-ui .tbp-sum > .tbcu-wa-ask::after{ display:none !important; } body.tb-ui .tbp-sum > .tbcu-wa-ask::before{ font-weight:600 !important; color:var(--tb-muted) !important; } /* MHS-19 + MHS-29: veb yapışan panel — aylıq sətir + «Kreditlə al»; panel açıq olanda footer örtülmür */ @media (min-width:768px){ body.tb-ui .tbp-sticky{ background:#fff !important; } body.tb-ui .tbp-sticky-pr{ display:flex; flex-direction:column; align-items:flex-end; line-height:1.15; } body.tb-ui .tbp-sticky-m{ margin-top:2px; font-size:13px; font-weight:600; color:var(--tb-blue); white-space:nowrap; font-variant-numeric:tabular-nums; } body.tb-ui .tbp-sticky-m b{ font-weight:800; } body.tb-ui .tbp-sticky-k{ height:46px; padding:0 20px; border:1px solid var(--tb-btn-line); border-radius:var(--tb-r-sm); background:#fff !important; color:var(--tb-ink) !important; font-family:inherit; font-size:15px; font-weight:700; text-transform:none; letter-spacing:0; cursor:pointer; white-space:nowrap; } body.tb-ui .tbp-sticky-k:hover{ border-color:var(--tb-ink); } body.tb-ui .tbp-sticky-b{ border-radius:var(--tb-r-sm) !important; white-space:nowrap; } body.tb-ui.single-product.tbp-bar-on{ padding-bottom:68px; } } @media (min-width:768px) and (max-width:1024px){ body.tb-ui .tbp-sticky-m, body.tb-ui .tbp-sticky-k{ display:none; } } @media (max-width:1024px){ /* MHS-02 (Mobil B): ad → stok → qiymət+düymə ilk ekranda; qısa göstəricilər və nişanlar alış kartından sonra */ body.tb-ui .tbp-sum .tbp-title{ order:1; margin-top:0 !important; } body.tb-ui .tbp-sum .tbp-low{ order:2; } body.tb-ui .tbp-sum .tbp-stock{ order:2; margin-top:8px; } body.tb-ui .tbp-sum .tbp-buy, body.tb-ui .tbp-sum .tbo-card{ order:3; margin-top:12px; } body.tb-ui .tbp-sum > .tbp-deliv{ order:4; } body.tb-ui .tbp-sum .tbo-offer{ order:4; } body.tb-ui .tbp-sum .tbp-shortline{ order:5; margin-top:16px; } body.tb-ui .tbp-sum .tbp-chips{ order:6; margin-top:12px !important; } body.tb-ui .tbp-sum > .tbcu-wa-ask{ order:7; } /* MHS-39: çatdırılma və WhatsApp sətirləri səhifənin 15 px xəttində */ body.tb-ui .tbp-sum > .tbp-deliv, body.tb-ui .tbp-sum > .tbcu-wa-ask{ padding-left:0 !important; padding-right:0 !important; } body.tb-ui .tbp-sum > .tbcu-wa-ask{ padding:0 18px !important; } body.tb-ui .tbp-pp-row{ border-radius:var(--tb-r-sm); border-color:var(--tb-btn-line); } /* MHS-46/18: iş saatı mobildə də görünür */ body.tb-ui .tbp-hours{ display:inline; } /* MHS-07: mobildə üç düymə eyni hündürlükdə (52) */ body.tb-ui .tbp-buy form.cart .single_add_to_cart_button, body.tb-ui .tbp-buy form.cart .wd-buy-now-btn, body.tb-ui .tbp-buy form.cart #wd-add-to-cart.wd-buy-now-btn{ height:52px !important; min-height:52px !important; } body.tb-ui .tbp-wish .wd-wishlist-btn a{ width:52px; height:52px; border-radius:var(--tb-r-sm); border-color:var(--tb-btn-line); } body.tb-ui .tbp-buy{ grid-template-columns:minmax(0, 1fr) 52px; } /* MHS-40: alt panel tam ağ, yuxarıda yüngül kölgə; MHS-29: açıq olanda footerin sonu örtülmür */ body.tb-ui #mobile-bottom-bar.tbui-bar{ background:#fff !important; box-shadow:0 -6px 20px rgba(11,18,32,.08) !important; } body.tb-ui.single-product.tbp-bar-on{ padding-bottom:calc(80px + env(safe-area-inset-bottom)); } body.tb-ui #mobile-bottom-bar .tb-bar-atc{ border-radius:var(--tb-r-sm) !important; } } @media (max-width:767px){ body.tb-ui .tbp-gal .wd-gallery-images .wd-carousel-item figure, body.tb-ui .tbp-gal .wd-gallery-images .woocommerce-product-gallery__image{ height:270px !important; } } /* ═══ UI/UX M4 — göstəricilər, mətn qırılması, qalereya, karusellər ═══ */ body.tb-ui .tbp-nw{ white-space:nowrap; } /* MHS-05: dəstin qısa göstəricilərində hər hissənin adı öz sətrində */ body.tb-ui .tbp-shortline-t strong{ display:block; margin-top:8px; color:var(--tb-ink-2); font-weight:700; } body.tb-ui .tbp-shortline-t strong:first-child, body.tb-ui .tbp-shortline-t p:first-child > strong:first-child{ margin-top:0; } body.tb-ui .tbp-shortline-t strong + br{ display:none; } /* MHS-23: «Bütün N göstərici» linki cədvəldən ayrı */ body.tb-ui .tbp-specs .tbp-more{ margin-top:18px !important; top:0 !important; } /* MHS-11/26: göstərici az (≤2) və ya yox — bir sütun, mətn oxunaqlı endə */ body.tb-ui .tbp-info.is-few{ grid-template-columns:minmax(0, 1fr); gap:0; } body.tb-ui .tbp-info.is-few .tbp-specs table{ max-width:720px; } body.tb-ui .tbp-desc{ max-width:760px; } /* MHS-10: seçilmiş kiçik şəkil solğun deyil — tam rəngli + 2 px mavi çərçivə */ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item, body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item img{ opacity:1 !important; } @media (min-width:1025px){ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item img{ border-width:2px !important; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item.wd-thumb-active img{ border-color:var(--tb-blue) !important; } } @media (max-width:1024px){ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item{ border-width:2px !important; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item.wd-thumb-active{ border-color:var(--tb-blue) !important; } } /* MHS-44: köhnə Woodmart oxları/nöqtələri → dizayn sistemi (lazım olmayan ox gizli) */ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-nav-arrows .wd-btn-arrow.wd-lock{ display:none !important; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-arrow-inner{ background:var(--tb-well) !important; border-radius:var(--tb-r-sm) !important; color:var(--tb-ink-2) !important; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-arrow-inner::after, body.tb-ui .tbp-gal .wd-gallery-thumb .wd-arrow-inner::before{ color:var(--tb-ink-2) !important; } body.tb-ui .tbp-rel .wd-nav-pagin li span, body.tb-ui .tbp-wrap .wd-nav-pagin li span{ background:#D5DAE3 !important; border:0 !important; } body.tb-ui .tbp-wrap .wd-nav-pagin li.wd-active span, body.tb-ui .tbp-wrap .wd-nav-pagin li.active span{ background:var(--tb-blue) !important; } /* MHS-32: kartlar başlıqla bir xətdə (35 → 1405) — karuselin 10 px daxili boşluğu kənara çıxır */ @media (min-width:1025px){ body.tb-ui .tbp-rel .wd-carousel-inner{ margin-inline:-10px; } } /* MHS-32: oxşar məhsullar oxları konteynerin kənarında, kartların ortasında; 44 px ağ dairə */ @media (min-width:1025px){ body.tb-ui .tbp-rel .wd-carousel-container{ position:relative; } body.tb-ui .tbp-rel .wd-btn-arrow{ width:44px !important; height:44px !important; } body.tb-ui .tbp-rel .wd-btn-arrow.wd-prev{ left:-22px !important; right:auto !important; } body.tb-ui .tbp-rel .wd-btn-arrow.wd-next{ right:-22px !important; left:auto !important; } body.tb-ui .tbp-rel .wd-btn-arrow .wd-arrow-inner{ width:44px; height:44px; border-radius:50%; background:#fff !important; border:1px solid var(--tb-btn-line); box-shadow:0 4px 14px rgba(11,18,32,.08); color:var(--tb-ink) !important; } body.tb-ui .tbp-rel .wd-btn-arrow.wd-disabled{ opacity:0 !important; pointer-events:none; } } @media (max-width:1024px){ /* MHS-37: mobil miniatür oxları gizli (sürüşdürmə kifayətdir) */ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-nav-arrows{ display:none !important; } /* MHS-30: mobil oxşar məhsullar — oxlar gizli, 3-cü kartdan hissə görünür */ body.tb-ui .tbp-rel .wd-nav-arrows, body.tb-ui .tbp-rel .wd-btn-arrow{ display:none !important; } body.tb-ui .tbp-rel .wd-carousel{ --wd-col-sm:2.25 !important; --wd-col-md:3.25 !important; } /* MHS-28: «Təklif edirik» karuseli 15 px xəttindən başlayır */ body.tb-ui .tbo-list{ padding-left:15px !important; padding-right:15px !important; scroll-padding-inline:15px; } /* MHS-31: əsas göstəricilər — 5-ci kafel tək qalıb uzanmır; ikon yuxarıda, dəyərə tam en */ body.tb-ui .tbp-overview .tbp-keyspecs li:last-child:nth-child(odd){ grid-column:auto; } body.tb-ui .tbp-overview .tbp-keyspecs li{ grid-template-columns:minmax(0, 1fr); row-gap:4px; } body.tb-ui .tbp-overview .tbp-keyspecs li svg{ grid-row:auto; } /* MHS-38: açılan göstəricilər cədvəlində sətirlər eyni hündürlükdə, mətn ortada */ body.tb-ui .tbp-specs.is-open tr{ align-items:center !important; padding:12px 0 !important; min-height:0; } body.tb-ui .tbp-specs th p, body.tb-ui .tbp-specs td p, body.tb-ui .tbp-specs th > *, body.tb-ui .tbp-specs td > *{ margin-top:0 !important; margin-bottom:0 !important; } } /* MHS-37: mobil miniatürlər — fon və çərçivə şəklin öz qutusunda (5 px aralıq qalır), zolaq 15 px xəttində */ @media (max-width:1024px){ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item{ background:transparent !important; border:0 !important; border-radius:0 !important; overflow:visible !important; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item img{ width:100% !important; height:100% !important; padding:6px; box-sizing:border-box; object-fit:contain; background:var(--tb-well) !important; border:2px solid transparent; border-radius:var(--tb-r-sm) !important; mix-blend-mode:multiply; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item.wd-thumb-active img{ border-color:var(--tb-blue); } } /* CLS: H1 800 qalınlıqda, Nunito gələnə qədər Windows Arial Black-ə keçirdi (eni ~13% böyük → əlavə sətir, blok 23 px sürüşürdü). Ehtiyat şrift Arial Bold — eni Nunito 700/800 ilə ±3% (UI/UX M4). */ @font-face{ font-family:"Nunito Fallback"; src:local("Arial Bold"), local("Arial-BoldMT"), local("Arial"); font-weight:100 900; } body.tb-ui .tbp-title, body.tb-ui.single-product .product_title.entry-title.tbp-title{ font-family:Nunito, "Nunito Fallback", Arial, sans-serif !important; } /* CLS: qısa göstərici sətri Nunito gələnə qədər Arial-da ~1% enli çıxır → sərhəddə əlavə sətir (22 px sürüşmə). Ehtiyat Arial 99% ölçüdə. */ @font-face{ font-family:"Nunito Fallback Text"; src:local("Arial"), local("ArialMT"); font-weight:100 500; size-adjust:98.8%; } @font-face{ font-family:"Nunito Fallback Text"; src:local("Arial Bold"), local("Arial-BoldMT"); font-weight:600 900; size-adjust:98.8%; } body.tb-ui .tbp-sum .tbp-shortline, body.tb-ui .tbp-sum .tbp-stock{ font-family:Nunito, "Nunito Fallback Text", Arial, sans-serif; } /* UI/UX M5 (DSN-05): qırıntı bütün səhifələrdə 13 px */ body.tb-ui .tbp-crumbs, body.tb-ui .tbp-crumbs .woocommerce-breadcrumb, body.tb-ui .tbp-crumbs .wd-breadcrumbs{ font-size:13px !important; } /* ═══════════ UI/UX M6 (24.09): planşet ═══════════ */ /* PLN-03: yapışan paneldə düymə sıxılmır, bir sətir */ @media (min-width:768px) and (max-width:1024px){ body.tb-ui .tbp-sticky-b{ flex:none; min-width:150px; white-space:nowrap; } body.tb-ui .tbp-sticky-pr{ flex:none; } } /* PLN-06: PC səhifəsi 900–1024 px — sütunlar açılmır (şahmat düzülüşü yox): solda qalereya + oyun + tərkib, sağda alış + FPS + kimə + suallar */ @media (min-width:900px) and (max-width:1024px){ body.tb-ui .tbp-top.has-fps > .tbp-lcol{ display:grid; grid-column:1; grid-row:1; gap:22px; } body.tb-ui .tbp-top.has-fps > .tbp-rcol{ display:grid; grid-column:2; grid-row:1; gap:14px; } body.tb-ui .tbp-top.has-fps .tbp-gal{ position:relative; top:auto; } } /* PLN-14: 768–1024 px-də qalereya miniatürləri kvadrat, sola düzülür (768-də 249×54 zolaq idi) */ @media (min-width:768px) and (max-width:1024px){ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel{ --wd-col-sm:8 !important; --wd-col-md:8 !important; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item{ aspect-ratio:1 / 1; height:auto !important; } body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel-item img{ height:78% !important; } } @media (min-width:900px) and (max-width:1024px){ body.tb-ui .tbp-gal .wd-gallery-thumb .wd-carousel{ --wd-col-md:5 !important; } } /* UI/UX M8 (MHS-45): H1-in sonundakı model kodu — ayrıca kiçik boz sətir (H1 mətni eynidir) */ body.tb-ui .tbp-title .tbp-code{ display:block; margin-top:6px; font-size:14px; font-weight:500; letter-spacing:0; line-height:1.4; color:var(--tb-muted,#5B6475); } /* /wp-content/plugins/techbar-ui/assets/search.css */ /* TechBar UI — başlıq axtarışı (kətan 19). search.js ilə birlikdə. */ .tb-ui .tbs-wrap{position:relative} .tb-ui .tbs-wrap .search-results-wrapper{display:none!important} .tbs-panel{position:absolute;left:0;top:calc(100% + 10px);z-index:1000;width:max(100%,780px);max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--tb-line,#ECEEF2);border-radius:18px;box-shadow:0 24px 60px rgba(11,18,32,.18);overflow:hidden;font-family:inherit;color:var(--tb-ink,#0B1220);text-align:left} .tbs-panel[hidden],.tbs-m[hidden],.tbs-m [hidden]{display:none!important} .tbs-panel a,.tbs-m a,.tbs-panel a:hover,.tbs-m a:hover,.tbs-panel a:focus,.tbs-m a:focus{text-decoration:none;color:inherit} .tbs-h{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--tb-faint,#8A93A3)} .tbs-h span{margin-left:auto;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none} .tbs-clr{margin-left:auto;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--tb-blue,#1550E0);cursor:pointer} .tbs-sec+.tbs-sec{margin-top:16px} .tbs-grid{display:grid;grid-template-columns:250px minmax(0,1fr)} .tbs-side,.tbs-main{max-height:min(620px,calc(100vh - 150px));overscroll-behavior:contain} .tbs-grid.is-one{grid-template-columns:minmax(0,1fr)} .tbs-grid.is-empty{grid-template-columns:280px minmax(0,1fr)} .tbs-side{padding:16px 16px;border-right:1px solid #F1F3F6;background:#FBFBFC;overflow:auto} .tbs-main{padding:12px 0 0;overflow:auto;display:flex;flex-direction:column} .tbs-grid.is-empty .tbs-main{padding:16px 20px} .tbs-main>.tbs-h-p{padding:0 20px} .tbs-term{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 10px;border-radius:10px} .tbs-term:hover,.tbs-term.is-act{background:var(--tb-blue-soft,#EEF3FF)} .tbs-tn{flex:1;min-width:0;font-size:14.5px;font-weight:700;line-height:1.3} .tbs-cnt{flex:none;padding:1px 8px;border:1px solid var(--tb-line,#ECEEF2);border-radius:10px;background:#fff;font-size:12px;font-weight:800;color:var(--tb-muted,#5B6475)} .tbs-av{flex:none;width:28px;height:28px;border-radius:8px;background:var(--tb-ink,#0B1220);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;text-transform:uppercase} .tbs-it{display:flex;align-items:center;gap:14px;padding:10px 20px;border-top:1px solid #F1F3F6} .tbs-it:hover,.tbs-it.is-act{background:var(--tb-well,#F4F5F7)} .tbs-th{flex:none;width:56px;height:56px;border-radius:12px;background:var(--tb-well,#F4F5F7);display:flex;align-items:center;justify-content:center;overflow:hidden} .tbs-th img{width:46px!important;height:46px!important;max-width:none;object-fit:contain;mix-blend-mode:multiply} .tbs-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px} .tbs-n{font-size:14.5px;font-weight:600;line-height:1.35;color:var(--tb-ink,#0B1220);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .tbs-n b{font-weight:800} .tbs-meta{display:flex;gap:8px;align-items:center} .tbs-pill{display:inline-block;padding:2px 8px;border-radius:8px;font-size:12px;font-weight:800;line-height:1.4;background:#FFF4DB;color:#8A5A00} .tbs-pill.is-in,.tbs-pill.is-low{background:#E3F5EC;color:#0E6B4C} .tbs-pill.is-order{background:var(--tb-blue-soft,#EEF3FF);color:#1A3A8F} .tbs-pill.is-out{background:#F1F3F6;color:var(--tb-muted,#5B6475)} .tbs-pr{flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end} .tbs-pr b{font-size:16px;font-weight:800;white-space:nowrap} .tbs-pr s{font-size:12.5px;color:var(--tb-faint,#8A93A3);white-space:nowrap} .tbs-all{position:sticky;bottom:0;display:block;margin-top:auto;padding:14px 20px;border-top:1px solid var(--tb-line,#ECEEF2);background:#fff;font-size:15px;font-weight:800;color:var(--tb-blue,#1550E0)!important;text-align:center} .tbs-all:hover,.tbs-all.is-act{background:var(--tb-blue-soft,#EEF3FF)} .tbs-keys{padding:0 20px 10px;background:#fff;font-size:12px;color:var(--tb-faint,#8A93A3);text-align:center} .tbs-fix{padding:11px 20px;background:#FFF7E6;border-bottom:1px solid #F6E3BC;font-size:14px;color:#6B4A00} .tbs-rec{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 8px;border-radius:10px;font-size:15px;font-weight:600} .tbs-rec svg{flex:none;color:var(--tb-faint,#8A93A3)} .tbs-rec:hover,.tbs-rec.is-act{background:var(--tb-well,#F4F5F7)} .tbs-chips{display:flex;flex-wrap:wrap;gap:8px} .tbs-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid #E6E9EE;border-radius:18px;background:#fff;font-size:13.5px;font-weight:700;color:#3A4353!important} .tbs-chip:hover,.tbs-chip.is-act{border-color:var(--tb-blue,#1550E0);color:var(--tb-blue,#1550E0)!important} .tbs-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .tbs-cat{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--tb-well,#F4F5F7)} .tbs-cat:hover,.tbs-cat.is-act{background:var(--tb-blue-soft,#EEF3FF)} .tbs-ci{flex:none;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--tb-blue,#1550E0);display:flex;align-items:center;justify-content:center} .tbs-cn{display:block;font-size:14px;font-weight:800;line-height:1.25} .tbs-cc{display:block;font-size:12.5px;color:var(--tb-muted,#5B6475)} .tbs-tip{margin-top:14px;padding:11px 14px;border:1px dashed #D5DAE2;border-radius:14px;font-size:13.5px;color:var(--tb-muted,#5B6475)} .tbs-tip b{color:var(--tb-ink,#0B1220)} .tbs-none{padding:24px} .tbs-none-t{font-size:18px;font-weight:800} .tbs-none p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:var(--tb-muted,#5B6475)} .tbs-none-b{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 20px} .tbs-wa,.tbs-sec-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;font-size:14.5px;font-weight:800} .tbs-wa{background:#12805C;color:#fff!important} .tbs-sec-btn{border:1px solid #E6E9EE} .tbs-wa.is-act,.tbs-sec-btn.is-act{outline:2px solid var(--tb-blue,#1550E0);outline-offset:2px} /* Mobil — tam ekran */ html.tbs-lock,html.tbs-lock body{overflow:hidden!important} .tbs-m{position:fixed;inset:0;z-index:100000;background:#fff;display:flex;flex-direction:column;font-family:Nunito,system-ui,sans-serif;color:var(--tb-ink,#0B1220)} .tbs-m-bar{flex:none;display:flex;align-items:center;gap:6px;margin:0;padding:10px 12px;border-bottom:1px solid var(--tb-line,#ECEEF2)} .tbs-m .tbs-m-back,.tbs-m .tbs-m-x{flex:none;display:flex!important;align-items:center;justify-content:center;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--tb-ink,#0B1220)!important;cursor:pointer} .tbs-m .tbs-m-back{width:44px!important;height:44px!important} .tbs-m .tbs-m-back svg,.tbs-m .tbs-m-x svg{display:block;width:22px;height:22px;flex:none} .tbs-m .tbs-m-x svg{width:13px;height:13px} .tbs-m-f{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:46px;margin:0;padding:0 6px 0 12px;border-radius:14px;background:var(--tb-well,#F4F5F7);color:var(--tb-muted,#5B6475)} .tbs-m-f input[type=search]{flex:1;min-width:0;height:40px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none;font:600 16px/1 Nunito,system-ui,sans-serif;color:var(--tb-ink,#0B1220);-webkit-appearance:none;appearance:none} .tbs-m-f input::-webkit-search-cancel-button{display:none} .tbs-m .tbs-m-x{width:32px!important;height:32px!important;border-radius:16px!important;background:#E6E9EE!important} .tbs-m-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:14px 0 16px} .tbs-m-body>.tbs-sec{padding:0 16px} .tbs-m-body .tbs-rec{min-height:46px;padding:0;border-bottom:1px solid #F1F3F6;border-radius:0} .tbs-m-body .tbs-chip{min-height:38px} .tbs-m-body .tbs-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .tbs-m-body .tbs-cat{padding:10px;gap:10px} .tbs-m-body .tbs-ci{width:34px;height:34px} .tbs-m-body .tbs-cn{font-size:13.5px} .tbs-m-body .tbs-fix{margin:-14px 0 12px;padding:10px 16px} .tbs-mchips{display:flex;gap:8px;overflow-x:auto;padding:0 16px 4px;scrollbar-width:none} .tbs-mchips::-webkit-scrollbar{display:none} .tbs-mchip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;border-radius:19px;background:var(--tb-well,#F4F5F7);font-size:13.5px;font-weight:800} .tbs-mchip span{font-weight:700;opacity:.65} .tbs-mchip.is-main{background:var(--tb-ink,#0B1220);color:#fff!important} .tbs-m-body .tbs-h-p{margin:14px 16px 4px} .tbs-m-body .tbs-it{padding:10px 16px;gap:12px} .tbs-m-body .tbs-th{width:60px;height:60px} .tbs-m-body .tbs-th img{width:50px!important;height:50px!important} .tbs-m-body .tbs-n{font-size:14px} .tbs-m-body .tbs-pr b{font-size:15px} .tbs-m-body .tbs-none{padding:24px 16px;text-align:center} .tbs-m-body .tbs-none-b{justify-content:center} .tbs-m-body .tbs-none .tbs-h,.tbs-m-body .tbs-none .tbs-chips{text-align:left;justify-content:flex-start} .tbs-m-foot{flex:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--tb-line,#ECEEF2);background:#fff} .tbs-m-all{display:flex;align-items:center;justify-content:center;height:50px;border-radius:14px;background:var(--tb-blue,#1550E0);color:#fff!important;font-size:15.5px;font-weight:800} /* UI/UX M5 (AXT-01/08/10/11) */ .tbs-m .tbs-m-x[hidden]{display:none!important} .tbs-chips{flex-wrap:wrap} .tb-ui .tbs-chip{flex:0 0 auto;border-color:#D5DAE3!important} .tbs-cat{align-items:center;min-height:64px} .tbs-cat>span:last-child{display:flex;flex-direction:column;justify-content:center} .tbs-ci svg{width:20px;height:20px} .tb-ui .tbs-wrap input[name=s]:focus{box-shadow:0 0 0 2px var(--tb-blue,#1550E0)!important;border-color:var(--tb-blue,#1550E0)!important} .tbs-dx{position:absolute;right:52px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:#E6E9EE!important;color:var(--tb-ink,#0B1220);cursor:pointer;z-index:3;box-shadow:none!important} .tbs-dx[hidden]{display:none!important} .tbs-dx svg{width:12px;height:12px} @media (max-width:1100px){.tbs-panel{width:max(100%,680px)}.tbs-grid,.tbs-grid.is-empty{grid-template-columns:220px minmax(0,1fr)}.tbs-cats{grid-template-columns:repeat(2,minmax(0,1fr))}} /* /wp-content/plugins/techbar-ui/assets/acc-code.css */ /* TechBar UI — e-poçt kodu ilə giriş bloku (kabinet səhifəsi + başlıqdakı «Hesab» paneli). Prefiks tbac-. Qonaqlara bütün səhifələrdə yüklənir (panel üçün) — kiçik saxla; kabinetin qalan stili account.css-dədir. */ body.tb-ui .tbac-code{display:flex;flex-direction:column;gap:14px} body.tb-ui .tbac-step{display:flex;flex-direction:column;gap:10px;margin:0} body.tb-ui .tbac-step[hidden],body.tb-ui .tbac-box[hidden]{display:none!important} body.tb-ui .tbac-lab{display:block;margin:0;font-size:13.5px;font-weight:700;color:var(--tb-ink)} body.tb-ui .tbac-in{width:100%;height:50px;box-sizing:border-box;margin:0;border:1px solid #D8DDE5!important;border-radius:12px!important;padding:0 14px!important;background:#fff!important;box-shadow:none!important;font:inherit;font-size:16px!important;color:var(--tb-ink)!important} body.tb-ui .tbac-in:focus{outline:2px solid var(--tb-blue);outline-offset:0;border-color:var(--tb-blue)!important} body.tb-ui .tbac-otp{height:58px;padding-left:.55em!important;font-size:26px!important;font-weight:700;letter-spacing:.55em;text-align:center;font-variant-numeric:tabular-nums} body.tb-ui .tbac-otp::placeholder{color:#C4CBD6;letter-spacing:.55em} body.tb-ui .tbac-hint,body.tb-ui .tbac-note{display:block;margin:0;font-size:12.5px;line-height:1.5;color:var(--tb-muted)} body.tb-ui .tbac-lead{margin:0;font-size:14.5px;line-height:1.55;color:var(--tb-ink-2)} body.tb-ui .tbac-lead b{color:var(--tb-ink)} body.tb-ui .tbac-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;height:auto;margin:0;padding:0 22px;border:0!important;border-radius:13px!important;background:var(--tb-blue)!important;box-shadow:none!important;color:#fff!important;font:inherit;font-size:15.5px!important;font-weight:700!important;line-height:1.2;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;cursor:pointer} body.tb-ui .tbac-btn:hover{background:var(--tb-blue-d)!important;color:#fff!important} body.tb-ui .tbac-btn[disabled],body.tb-ui .tbac-btn.is-busy{opacity:.6;cursor:default} body.tb-ui .tbac-link{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font:inherit;font-size:13.5px!important;font-weight:700!important;color:var(--tb-blue)!important;text-transform:none!important;text-decoration:none!important;cursor:pointer} body.tb-ui .tbac-link[disabled]{opacity:1!important;color:#6B7485!important;font-weight:600!important;cursor:default} body.tb-ui .tbac-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px} body.tb-ui .tbac-row .tbac-link{white-space:nowrap} body.tb-ui .tbac-msg{margin:0;font-size:13.5px;line-height:1.45;color:var(--tb-green)} body.tb-ui .tbac-msg:empty{display:none} body.tb-ui .tbac-msg.is-bad{color:var(--tb-red)} body.tb-ui .tbac-alt-link{align-self:center;padding:6px 0;font-size:13.5px;font-weight:700;color:var(--tb-blue)!important} /* Başlıq paneli (Woodmart .login-form-side qabığı saxlanır — açılıb-bağlanması temanın JS-idir) */ body.tb-ui .tbac-side .wd-heading .title{font-size:20px;font-weight:800;letter-spacing:-.01em;text-transform:none} body.tb-ui .tbac-side-in{padding:20px} body.tb-ui .tbac-side-in .tbac-hint{margin-top:-2px} body.tb-ui .tbac-alt{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--tb-well);font-size:14px} body.tb-ui .tbac-alt a{font-weight:700;color:var(--tb-blue)!important} body.tb-ui .tbac-code :is(a,button,input):focus-visible,body.tb-ui .tbac-side :is(a,button,input):focus-visible{outline:2px solid var(--tb-blue)!important;outline-offset:2px} /* /wp-content/plugins/techbar-ui/assets/mcart.css */ /* TechBar UI — yan səbət v3 (23.09). Kətan: «Yan səbət — dizayn təklifi». Woodmart quruluşu saxlanır: .wd-heading + .shopping-cart-widget-body + .shopping-cart-widget-footer. */ /* ── panel və başlıq ── */ body.tb-ui .cart-widget-side{ width:420px !important; max-width:100vw; } body.tb-ui .cart-widget-side .wd-heading{ padding:0 18px !important; min-height:60px; border-bottom:1px solid var(--tb-line); } body.tb-ui .cart-widget-side .wd-heading .title{ font-size:18px !important; font-weight:700 !important; color:var(--tb-ink) !important; } body.tb-ui .cart-widget-side .close-side-widget{ color:var(--tb-ink-2) !important; } /* ── yuxarı zolaq ── */ body.tb-ui .tbs-mc-top{ padding:11px 18px; background:#F7F9FC; border-bottom:1px solid var(--tb-line); display:flex; flex-direction:column; gap:8px; } body.tb-ui .tbs-mc-top.is-ok{ flex-direction:row; align-items:center; gap:9px; background:#EAF6F0; color:var(--tb-green); } body.tb-ui .tbs-mc-top.is-ok span{ font-size:12.5px; font-weight:600; } body.tb-ui .tbs-mc-top-row{ display:flex; align-items:center; gap:9px; color:var(--tb-amber); } body.tb-ui .tbs-mc-top-row span{ font-size:13px; font-weight:500; color:var(--tb-ink); } body.tb-ui .tbs-mc-top-row b{ font-weight:800; } body.tb-ui .tbs-mc-bar{ display:block; height:6px; border-radius:3px; background:#E3E7EE; overflow:hidden; } body.tb-ui .tbs-mc-bar b{ display:block; height:100%; border-radius:3px; background:var(--tb-blue); } /* ── sətirlər: 168 → ~92 px ── */ body.tb-ui .cart-widget-side ul.cart_list li.woocommerce-mini-cart-item{ padding:12px 18px !important; margin:0 !important; border-bottom:1px solid var(--tb-line-2) !important; display:grid !important; grid-template-columns:60px 1fr; gap:12px; align-items:start; } body.tb-ui .cart-widget-side ul.cart_list li.woocommerce-mini-cart-item::before, body.tb-ui .cart-widget-side ul.cart_list li.woocommerce-mini-cart-item::after{ content:none !important; } body.tb-ui .cart-widget-side .cart-item-image{ width:60px !important; height:60px !important; margin:0 !important; border-radius:10px; overflow:hidden; background:var(--tb-well); } body.tb-ui .cart-widget-side .cart-item-image img{ width:100% !important; height:100% !important; object-fit:contain; mix-blend-mode:multiply; } body.tb-ui .cart-widget-side .cart-item-link{ z-index:1; } body.tb-ui .cart-widget-side .remove_from_cart_button{ position:absolute !important; right:14px !important; top:12px !important; z-index:3; width:22px !important; height:22px !important; line-height:20px !important; font-size:15px !important; color:#A6ADBA !important; background:transparent !important; border:0 !important; opacity:1 !important; } body.tb-ui .cart-widget-side .remove_from_cart_button:hover{ color:var(--tb-red) !important; } body.tb-ui .cart-widget-side li.woocommerce-mini-cart-item{ position:relative; } body.tb-ui .cart-widget-side .cart-info{ display:grid !important; grid-template-columns:1fr auto auto; column-gap:10px; row-gap:6px; align-items:center; padding-right:22px; } body.tb-ui .cart-widget-side .cart-info .wd-entities-title{ grid-column:1 / -1; margin:0 !important; font-size:13.5px !important; line-height:1.35 !important; font-weight:500 !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } body.tb-ui .cart-widget-side .cart-info .wd-entities-title a{ color:var(--tb-ink) !important; } body.tb-ui .cart-widget-side .cart-info .wd-product-detail{ display:none !important; } body.tb-ui .cart-widget-side .tbs-mc-stock{ grid-column:1; grid-row:2; font-size:11.5px; font-weight:600; color:var(--tb-green); } body.tb-ui .cart-widget-side .tbs-mc-stock.is-vendor{ color:var(--tb-ink-2); } body.tb-ui .cart-widget-side .tbs-mc-stock.is-order{ color:var(--tb-amber); } body.tb-ui .cart-widget-side .tbs-mc-stock.is-out{ color:var(--tb-red); } body.tb-ui .cart-widget-side .cart-info .tbs-mc-line{ grid-column:3; grid-row:2; font-size:15px !important; font-weight:700 !important; color:var(--tb-ink) !important; text-align:right; white-space:nowrap; } body.tb-ui .cart-widget-side .cart-info .quantity{ grid-column:2; grid-row:2; display:inline-flex !important; align-items:center; height:30px; margin:0 !important; border:1px solid var(--tb-line); border-radius:9px; background:#FBFCFD; overflow:hidden; } body.tb-ui .cart-widget-side .cart-info .quantity input.qty{ width:28px !important; height:28px !important; min-height:0 !important; padding:0 !important; border:0 !important; background:transparent !important; font-size:13px !important; font-weight:600 !important; color:var(--tb-ink) !important; text-align:center; } body.tb-ui .cart-widget-side .cart-info .quantity input.btn{ width:26px !important; height:28px !important; min-height:0 !important; padding:0 !important; border:0 !important; background:transparent !important; color:var(--tb-ink-2) !important; font-size:14px !important; line-height:1 !important; } body.tb-ui .cart-widget-side .cart-info .quantity input.btn:hover{ color:var(--tb-blue) !important; background:var(--tb-blue-soft) !important; } /* stoksuz sətir */ body.tb-ui .cart-widget-side li.tbs-mc-out{ background:#FAFBFC; } body.tb-ui .cart-widget-side li.tbs-mc-out .cart-item-image{ opacity:.55; } body.tb-ui .cart-widget-side li.tbs-mc-out .wd-entities-title a{ color:var(--tb-muted) !important; } body.tb-ui .cart-widget-side li.tbs-mc-out .tbs-mc-line{ color:#A6ADBA !important; text-decoration:line-through; } body.tb-ui .cart-widget-side li.tbs-mc-out .quantity{ display:none !important; } body.tb-ui .cart-widget-side .tbs-mc-wl{ grid-column:1 / -1; grid-row:3; justify-self:start; padding:0; border:0; background:none; cursor:pointer; font:inherit; font-size:11.5px; font-weight:600; color:var(--tb-blue); } body.tb-ui .cart-widget-side .tbs-mc-wl:hover{ text-decoration:underline; } /* ── aksesuar təklifi (siyahının sonunda) ── */ body.tb-ui .cart-widget-side li.tbs-acc{ padding:14px 18px 16px !important; border-bottom:0 !important; display:block !important; background:#FBFCFD; } body.tb-ui .cart-widget-side li.tbs-acc::before{ content:none !important; } body.tb-ui .tbs-acc-t{ display:block; margin-bottom:10px; font-size:13px; font-weight:700; color:var(--tb-ink); } body.tb-ui .tbs-acc-row{ display:flex; align-items:center; gap:11px; padding:6px 0; } body.tb-ui .tbs-acc-img{ width:42px; height:42px; flex:none; border-radius:9px; background:var(--tb-well); overflow:hidden; display:block; } body.tb-ui .tbs-acc-img img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; } body.tb-ui .tbs-acc-info{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:1px; } body.tb-ui .tbs-acc-ad{ font-size:12.5px; color:var(--tb-ink) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } body.tb-ui .tbs-acc-info b{ font-size:12.5px; font-weight:700; color:var(--tb-ink); } body.tb-ui .cart-widget-side .tbs-acc-add{ flex:none; height:32px !important; line-height:30px !important; padding:0 13px !important; margin:0 !important; border:1px solid #CBDCFA !important; border-radius:9px !important; background:var(--tb-blue-soft) !important; color:var(--tb-blue) !important; font-size:12.5px !important; font-weight:700 !important; text-transform:none !important; box-shadow:none !important; } body.tb-ui .cart-widget-side .tbs-acc-add:hover{ background:var(--tb-blue) !important; color:#fff !important; } body.tb-ui .cart-widget-side .tbs-acc-row .added_to_cart{ display:none !important; } /* ── alt blok ── */ body.tb-ui .cart-widget-side .shopping-cart-widget-footer{ padding:14px 18px 18px !important; border-top:1px solid var(--tb-line); } body.tb-ui .cart-widget-side .woocommerce-mini-cart__total{ display:none !important; } /* «Qiymət:» — yerinə öz cəm blokumuz */ body.tb-ui .tbs-sum{ display:flex; flex-direction:column; gap:6px; margin-bottom:9px; } body.tb-ui .tbs-sum-r{ display:flex; align-items:baseline; justify-content:space-between; font-size:13px; color:var(--tb-muted); } body.tb-ui .tbs-sum-r span:last-child{ font-size:14px; color:var(--tb-ink-2); } body.tb-ui .tbs-sum-r span.is-free{ color:var(--tb-green); font-weight:600; } body.tb-ui .tbs-sum-line{ height:1px; background:var(--tb-line); } body.tb-ui .tbs-sum-r.is-total span:first-child{ font-size:15px; font-weight:700; color:var(--tb-ink); } body.tb-ui .tbs-sum-r.is-total span:last-child{ font-size:25px; font-weight:800; color:var(--tb-ink); } body.tb-ui .tbs-chips{ display:flex; gap:7px; margin-bottom:6px; } /* Məlumat qutuları (seçim deyil — çərçivə/seçilmiş görünüş yoxdur; UI/UX M1, PNC-07) */ body.tb-ui .tbs-chip{ flex:1 1 0; min-width:0; border:0; border-radius:10px; padding:7px 8px; background:#F4F6FA; display:flex; flex-direction:column; align-items:flex-start; gap:1px; text-align:left; cursor:default; } body.tb-ui .tbs-chip i{ font-style:normal; font-size:11px; font-weight:600; color:var(--tb-muted); white-space:nowrap; } body.tb-ui .tbs-chip > span{ font-size:12px; font-weight:500; color:var(--tb-ink); white-space:nowrap; } body.tb-ui .tbs-chip b{ font-size:12.5px; font-weight:700; color:var(--tb-ink); white-space:nowrap; } body.tb-ui .tbs-chips-note{ display:block; margin-bottom:9px; font-size:10.5px; color:var(--tb-faint); text-align:center; } body.tb-ui .cart-widget-side .woocommerce-mini-cart__buttons{ margin:0 !important; display:flex; flex-direction:column; gap:8px; } body.tb-ui .cart-widget-side .tbs-mc-go{ height:54px !important; line-height:54px !important; padding:0 !important; margin:0 !important; width:100% !important; border:0 !important; border-radius:13px !important; background:var(--tb-blue) !important; color:#fff !important; font-size:15.5px !important; font-weight:700 !important; text-align:center; text-transform:none !important; box-shadow:none !important; } body.tb-ui .cart-widget-side .tbs-mc-go:hover{ background:var(--tb-blue-d) !important; } body.tb-ui .tbs-mc-links{ display:flex; align-items:center; justify-content:center; gap:10px; } body.tb-ui .cart-widget-side .tbs-mc-links a, body.tb-ui .cart-widget-side .tbs-mc-links button{ display:inline !important; width:auto !important; height:auto !important; min-height:0 !important; line-height:1.4 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; padding:0 !important; margin:0 !important; font:inherit; font-size:13px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; cursor:pointer; color:var(--tb-blue) !important; text-decoration:none !important; } body.tb-ui .cart-widget-side .tbs-mc-links .tbs-mc-close{ color:var(--tb-muted) !important; font-weight:400 !important; } body.tb-ui .tbs-mc-links a:hover, body.tb-ui .tbs-mc-links button:hover{ text-decoration:underline !important; } body.tb-ui .tbs-mc-dot{ color:#D8DDE5; } body.tb-ui .tbs-mc-trust{ display:block; margin-top:4px; font-size:11px; color:var(--tb-faint); text-align:center; } /* ── boş səbət ── */ body.tb-ui .cart-widget-side .wd-empty-mini-cart{ display:none !important; } body.tb-ui .cart-widget-side .shopping-cart-widget-footer.wd-cart-empty{ display:none !important; } body.tb-ui .tbs-mc-empty{ padding:44px 22px; display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; } body.tb-ui .tbs-mc-empty-ico{ width:64px; height:64px; border-radius:50%; background:var(--tb-blue-soft); color:var(--tb-blue); display:flex; align-items:center; justify-content:center; } body.tb-ui .tbs-mc-empty-t{ font-size:16px; font-weight:700; color:var(--tb-ink); } body.tb-ui .tbs-mc-empty-p{ font-size:12.5px; line-height:1.5; color:var(--tb-muted); max-width:260px; } body.tb-ui .tbs-mc-empty-links{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:4px; } body.tb-ui .tbs-mc-empty-links a{ height:38px; padding:0 14px; display:inline-flex; align-items:center; border:1px solid var(--tb-line); border-radius:11px; font-size:12.5px; font-weight:600; color:var(--tb-ink) !important; } body.tb-ui .tbs-mc-empty-links a:hover{ border-color:var(--tb-blue); color:var(--tb-blue) !important; } /* ── mobil ── */ @media (max-width:767px){ body.tb-ui .cart-widget-side{ width:100vw !important; } body.tb-ui .cart-widget-side ul.cart_list li.woocommerce-mini-cart-item{ padding:11px 16px !important; grid-template-columns:56px 1fr; gap:11px; } body.tb-ui .cart-widget-side .cart-item-image{ width:56px !important; height:56px !important; } body.tb-ui .cart-widget-side .cart-info .wd-entities-title{ font-size:13px !important; } body.tb-ui .cart-widget-side .tbs-mc-line{ font-size:14.5px !important; } body.tb-ui .cart-widget-side .shopping-cart-widget-footer{ padding:12px 16px 16px !important; } body.tb-ui .tbs-sum-r.is-total span:last-child{ font-size:23px; } body.tb-ui .tbs-chip i{ font-size:10.5px; } body.tb-ui .tbs-chip b{ font-size:12px; } body.tb-ui .tbs-mc-trust{ display:none; } /* mobil alt blok yığcam: detal sətirləri gizli, çatdırılma «Cəmi» sətrində */ body.tb-ui .tbs-sum-r:not(.is-total), body.tb-ui .tbs-sum-line, body.tb-ui .tbs-chips-note{ display:none !important; } body.tb-ui .tbs-sum{ margin-bottom:8px; } body.tb-ui .tbs-sum.is-free .tbs-sum-r.is-total span:first-child::after{ content:" · çatdırılma pulsuz"; font-size:12px; font-weight:400; color:var(--tb-muted); } body.tb-ui .tbs-chips{ margin-bottom:9px; } } /* ── UI/UX M2 (24.09) ── */ /* PNC-02: tövsiyə şəkli çərçivədən çıxmasın */ body.tb-ui .cart-widget-side .tbs-acc-img img{ width:100% !important; height:100% !important; max-width:100% !important; min-width:0 !important; object-fit:contain !important; margin:0 !important; } /* PNC-14: qiymətə sabit en — say bloku hər sətirdə eyni yerdə */ body.tb-ui .cart-widget-side .cart-info .tbs-mc-line{ min-width:72px; } /* PNC-14, PNC-04: «−» «+» ilə eyni ölçüdə */ body.tb-ui .cart-widget-side .cart-info .quantity input.btn{ font-size:17px !important; font-weight:500 !important; } /* PNC-22: alt blok yığcam — çip qeydi və zəmanət bir sətirdə deyil, qeyd gizli; çiplər kiçik */ body.tb-ui .tbs-chips-note{ display:none !important; } body.tb-ui .tbs-chip{ padding:6px 8px; } body.tb-ui .tbs-sum{ gap:4px; margin-bottom:8px; } body.tb-ui .cart-widget-side .shopping-cart-widget-footer{ padding-top:12px !important; } body.tb-ui .cart-widget-side .tbs-mc-go{ height:50px !important; line-height:50px !important; } /* PNC-04: mobil — say düymələri, silmə və «Bağla» barmaq üçün ≥40–44 px */ @media (max-width:767px){ body.tb-ui .cart-widget-side .cart-info .quantity{ height:38px; } body.tb-ui .cart-widget-side .cart-info .quantity input.btn{ width:40px !important; height:36px !important; } body.tb-ui .cart-widget-side .cart-info .quantity input.qty{ width:30px !important; height:36px !important; font-size:16px !important; } body.tb-ui .cart-widget-side .remove_from_cart_button{ width:44px !important; height:44px !important; line-height:44px !important; right:4px !important; top:2px !important; text-align:center; } body.tb-ui .cart-widget-side .close-side-widget, body.tb-ui .cart-widget-side .close-side-widget a{ min-height:44px; display:inline-flex !important; align-items:center; } body.tb-ui .cart-widget-side .cart-info{ padding-right:30px; } } /* /wp-content/plugins/techbar-ui/assets/fps.css */ /* TechBar UI — oyun performansı (kətan 24, kompakt). Blok qalereyanın altında, sol sütunda; sağında «Əsas göstəricilər» kartı. Rezolyusiya keçidi yalnız CSS ilə (radio + label), JS yoxdur. */ /* Məhsul səhifəsində iki sütunun 2-ci sırası */ body.tb-ui .tbp-fpscell{min-width:0} body.tb-ui .tbp-kscell{min-width:0;display:flex;flex-direction:column;border:1px solid var(--tb-line,#ECEEF2);border-radius:20px;padding:16px 18px} body.tb-ui .tbp-kscell .tbp-h{margin:0 0 10px!important;font-size:18px} body.tb-ui .tbp-kscell .tbp-keyspecs{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;margin:0!important} body.tb-ui .tbp-kscell .tbp-keyspecs li{flex-direction:row!important;align-items:center;gap:12px;padding:9px 11px!important;border-radius:12px;background:#FBFBFC} body.tb-ui .tbp-kscell .tbp-keyspecs svg{margin:0!important;flex-shrink:0;color:var(--tb-faint,#8A93A3)} body.tb-ui .tbp-kscell .tbp-ks-k{width:104px;flex-shrink:0;font-size:12.5px;color:var(--tb-faint,#8A93A3)} body.tb-ui .tbp-kscell .tbp-ks-v{flex-grow:1;min-width:0;font-size:14px;font-weight:800;color:var(--tb-ink,#0B1220)} body.tb-ui .tbp-kscell-more{margin-top:auto;padding-top:12px;font-size:12.5px;font-weight:800;color:var(--tb-blue,#1550E0)!important} /* Sol sütunda qalereyadan sonra bloklar var — «yapışqan» qalereya onların üstünə minməsin. */ body.tb-ui .tbp-lcol .tbp-gal:not(:only-child){position:static!important;top:auto!important} /* Blokun özü */ .tbfp{border:1px solid var(--tb-line,#ECEEF2);border-radius:20px;padding:16px 18px;background:#fff} .tbfp>.tbfp-r{position:absolute;opacity:0;pointer-events:none} .tbfp-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .tbfp-t{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .tbfp .tbp-h{margin:0!important;font-size:18px} .tbfp-badge{display:inline-flex;align-items:center;height:23px;padding:0 9px;border-radius:12px;background:var(--tb-blue-soft,#EEF3FF);color:#1A3A8F;font-size:11px;font-weight:800;white-space:nowrap} .tbfp-tabs{margin-left:auto;display:flex;gap:3px;padding:3px;border-radius:11px;background:var(--tb-well,#F4F5F7)} .tbfp-tabs label{display:flex;align-items:center;justify-content:center;min-width:64px;height:30px;padding:0 14px;border-radius:9px;font-size:13px;font-weight:800;color:var(--tb-muted,#5B6475);cursor:pointer;user-select:none} .tbfp .tbfp-r1:checked~.tbfp-head .tbfp-tabs label[for$="-a"],.tbfp .tbfp-r2:checked~.tbfp-head .tbfp-tabs label[for$="-b"]{background:#fff;color:var(--tb-ink,#0B1220);box-shadow:0 1px 3px rgba(11,18,32,.12)} .tbfp-sub{display:none} .tbfp-panel{display:none;margin-top:9px} .tbfp .tbfp-r1:checked~.tbfp-p1,.tbfp .tbfp-r2:checked~.tbfp-p2{display:block} .tbfp-sum{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:11px;border:1px solid;font-size:13.5px;line-height:1.4} .tbfp-sum svg{flex:none;width:17px;height:17px} .tbfp-sum p{margin:0!important} .tbfp-sum.is-ok{background:#E3F5EC;border-color:#BFE5D3;color:#0E6B4C} .tbfp-sum.is-warn{background:#FFF7E6;border-color:#F6E3BC;color:#6B4A00} .tbfp-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tbfp-card{border:1px solid var(--tb-line,#ECEEF2);border-radius:12px;overflow:hidden;background:#fff} .tbfp-card img{display:block;width:100%!important;height:auto!important;aspect-ratio:320/150;object-fit:cover;background:var(--tb-well,#F4F5F7);margin:0!important;border:0!important;box-shadow:none!important} .tbfp-c{padding:7px 9px 9px} .tbfp-n{font-size:11.5px;font-weight:800;color:var(--tb-muted,#5B6475);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tbfp-f{margin-top:1px;font-size:21px;font-weight:800;letter-spacing:-.4px;line-height:1.15} .tbfp-f span{margin-left:3px;font-size:9.5px;font-weight:800;color:var(--tb-faint,#8A93A3)} .tbfp-bar{margin-top:5px;height:4px;border-radius:2px;background:#F1F3F6;overflow:hidden} .tbfp-bar i{display:block;height:4px;border-radius:2px} .tbfp-note{display:none} .tbfp-fine{display:flex;align-items:flex-start;gap:7px;margin:11px 0 0!important;padding-top:10px;border-top:1px solid #F1F3F6;font-size:11.5px;line-height:1.55;color:var(--tb-muted,#5B6475)} .tbfp-fine svg{flex:none;margin-top:1px;color:var(--tb-faint,#8A93A3)} @media (max-width:1024px){ body.tb-ui .tbp-kscell{display:none} /* mobildə göstəricilər onsuz da aşağıda cədvəldədir */ .tbfp-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:767px){ .tbfp{padding:14px 12px;border-radius:18px} .tbfp-tabs{width:100%;margin:8px 0 0} .tbfp-tabs label{flex:1;min-width:0;height:38px} .tbfp-sum{font-size:13px} .tbfp-grid{grid-template-columns:1fr;gap:0} .tbfp-card{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid #F1F3F6;border-radius:0;padding:8px 0} .tbfp-card img{width:62px!important;height:29px!important;flex:none;border-radius:7px} .tbfp-c{flex:1;min-width:0;padding:0;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px} .tbfp-n{grid-column:1;grid-row:1;font-size:13px;color:var(--tb-ink,#0B1220)} .tbfp-f{grid-column:2;grid-row:1/span 2;margin:0;font-size:19px;text-align:right} .tbfp-f span{display:block;margin:0;font-size:9.5px} .tbfp-bar{grid-column:1;grid-row:2;margin-top:4px} } /* ═══════════ UI/UX M6 (24.09): planşet ═══════════ */ /* PLN-11: 768–1024 px-də «Oyun performansı» yığcam siyahı (mobildəki sətir görünüşü, 2 sütun) — 768-də 1142 px idi */ @media (min-width:768px) and (max-width:1024px){ .tbfp-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:0} .tbfp-card{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid #F1F3F6;border-radius:0;padding:8px 0} .tbfp-card img{width:62px!important;height:29px!important;flex:none;border-radius:7px} .tbfp-c{flex:1;min-width:0;padding:0;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px} .tbfp-n{grid-column:1;grid-row:1;font-size:13px;color:var(--tb-ink,#0B1220)} .tbfp-f{grid-column:2;grid-row:1/span 2;margin:0;font-size:19px;text-align:right} .tbfp-f span{display:block;margin:0;font-size:9.5px} .tbfp-bar{grid-column:1;grid-row:2;margin-top:4px} } /* /wp-content/plugins/techbar-ui/assets/aydin-sifaris.css */ /* Aydın — təşəkkür səhifəsi və «Sifarişimi izlə» (aydin-sifaris.js). */ .ayds-av{position:relative;flex:none;border-radius:50%;overflow:hidden;background:#E5EDFD;box-shadow:0 0 0 2px #1860E8} .ayds-av img{position:absolute;display:block;max-width:none} .ayds-bub{position:relative;box-sizing:border-box;padding:11px 34px 12px 14px;border-radius:14px 14px 14px 4px;background:#EAF0FF;color:#0F1A33; font:700 15px/1.45 "Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left;animation:aydsGir .25s ease-out} .ayds-bub b{color:#1860E8;font-weight:800} .ayds-bub .ayds-x{position:absolute;top:7px;right:7px;width:22px;height:22px;min-height:0;padding:0;border:0;border-radius:50%; background:transparent;color:#8A94AD;font:700 14px/22px sans-serif;text-align:center;cursor:pointer} .ayds-bub .ayds-x:hover{background:#DCE6FB;color:#0F1A33} .ayds-bub .ayds-x:focus-visible{outline:2px solid #1860E8;outline-offset:2px} @keyframes aydsGir{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}} /* təşəkkür: ✓ dairəsinin yerinə Aydının üzü, ✓ nişanı küncdə */ .ayds-on .tbty-ok{display:none!important} .ayds-hero-av{position:relative;flex:none;width:86px;height:86px} .ayds-hero-av .ayds-av{box-shadow:0 0 0 3px #22A06B} .ayds-hero-av::after{content:"";position:absolute;right:-4px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:#22A06B center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");box-shadow:0 0 0 3px #fff} .ayds-hero-bub{margin-top:12px;max-width:640px} /* izləmə: başlıqdan sonra sətir */ .ayds-row{display:flex;align-items:center;gap:12px;margin:0 0 16px;max-width:820px} .ayds-row .ayds-bub{flex:1;min-width:0} @media (max-width:759px){ .ayds-hero-bub{margin-left:auto;margin-right:auto;font-size:14.5px} .ayds-row .ayds-bub{font-size:14.5px} } @media (prefers-reduced-motion:reduce){.ayds-bub{animation:none!important}} /* /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/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/woo-single-prod-el-base.min.css */ .wd-product-brands{display:flex;justify-content:var(--content-align, var(--wd-align));align-items:center;flex-wrap:wrap;gap:10px}.wd-product-brands img{max-width:90px;width:100%}.wd-product-brands a{display:inline-block}.wd-product-brands a:hover{opacity:.5}.product_meta{--wd-link-color: var(--wd-text-color);display:flex;align-items:center;justify-content:var(--wd-align);flex-wrap:wrap;gap:10px}.product_meta>span{flex:1 1 100%}.product_meta .meta-label{color:var(--color-gray-800);font-weight:600}.product_meta .meta-sep{display:inline-block;margin:0 2px}.product_meta.wd-layout-inline>span{flex:0 1 auto}.product_title{font-size:34px;line-height:1.2;--page-title-display: block}.woocommerce-product-rating .star-rating{margin-inline-end:5px}.woocommerce-review-link{color:var(--color-gray-500);vertical-align:middle}.woocommerce-review-link:hover{color:var(--color-gray-900)}@media (max-width: 1024px){.woocommerce-breadcrumb .wd-last-link{--wd-link-color: var(--color-gray-900);font-weight:600}.woocommerce-breadcrumb .wd-last-link ~ span{display:none}.product_title{font-size:24px}}@media (max-width: 768.98px){.wd-product-brands img{max-width:70px}.product_title{font-size:20px}} /* /wp-content/themes/woodmart/css/parts/woo-mod-stock-status.min.css */ p.stock{font-weight:600;line-height:1.2}p.stock.out-of-stock{color:#B50808}p.stock.wd-style-default:is(.available-on-backorder,.in-stock){color:var(--color-gray-800)}p.stock.wd-style-default.in-stock:before{margin-inline-end:5px;color:var(--wd-primary-color);content:"\f107";font-family:"woodmart-font"}p.stock:is(.wd-style-bordered,.wd-style-with-bg) span{display:inline-block;padding:8px 12px;border-radius:calc(var(--wd-brd-radius) / 1.5)}p.stock.wd-style-bordered span{border:1px solid #85B951;color:var(--color-gray-800)}p.stock.wd-style-bordered span:before{content:"";display:inline-block;margin-inline-end:8px;width:8px;height:8px;border-radius:50%;background-color:#85B951;vertical-align:baseline}p.stock.wd-style-bordered.out-of-stock span{border-color:#E22D2D}p.stock.wd-style-bordered.out-of-stock span:before{background-color:#E22D2D}p.stock.wd-style-with-bg:is(.available-on-backorder,.in-stock) span{background-color:#F1F7EB;color:#85B951}p.stock.wd-style-with-bg.in-stock span:before{margin-inline-end:5px;content:"\f107";font-family:"woodmart-font"}p.stock.wd-style-with-bg.out-of-stock span{background-color:#F8E7E7} /* /wp-content/themes/woodmart/css/parts/woo-mod-shop-attributes.min.css */ .shop_attributes{margin-bottom:0;overflow:hidden;--wd-attr-v-gap: 30px;--wd-attr-h-gap: 30px;--wd-attr-col: 1;--wd-attr-brd-width: 1px;--wd-attr-brd-style: solid;--wd-attr-brd-color: var(--brdcolor-gray-300);--wd-attr-img-width: 24px}.shop_attributes tbody{display:grid;grid-template-columns:repeat(var(--wd-attr-col), 1fr);margin-bottom:calc(-1 * (var(--wd-attr-v-gap) + var(--wd-attr-brd-width)));column-gap:var(--wd-attr-h-gap)}.shop_attributes tr{display:flex;align-items:center;gap:10px 20px;justify-content:space-between;padding-bottom:calc(var(--wd-attr-v-gap) / 2);margin-bottom:calc(var(--wd-attr-v-gap) / 2);border-bottom:var(--wd-attr-brd-width) var(--wd-attr-brd-style) var(--wd-attr-brd-color)}.shop_attributes :is(th,td){padding:0;border:none}.shop_attributes th{display:flex;flex:0 0 auto;font-family:var(--wd-text-font)}.shop_attributes td{text-align:end}.shop_attributes p{margin-bottom:0}.shop_attributes :is(.wd-attr-name,.wd-attr-term){display:inline-flex;align-items:center;gap:10px}.shop_attributes .wd-attr-name-img{width:var(--wd-attr-img-width)}.shop_attributes .wd-hint{--wd-hint-bg: var(--bgcolor-gray-300);--wd-hint-color: var(--color-gray-800);--wd-hint-size: calc(var(--wd-text-font-size) - 3px);margin-inline-start:-6px} /* /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; } }