/* =============================================================
   noutbuk.com.az — sayt şriftləri
   -------------------------------------------------------------
   Mulish (Google Fonts) əvəzinə Inter işlədilir.
   Inter DLE-nin öz tərkibindədir: /public/fonts/inter/
   Variable font (100–900), latin + latin-ext alt çoxluqları ilə —
   ə, Ə, ğ, Ğ, ş, Ş, İ və ₼ simvolları tam dəstəklənir.
   Xarici sorğu yoxdur.

   Tema şriftləri CSS dəyişənləri ilə təyin edir, ona görə
   aşağıdakı 5 dəyişəni yönləndirmək bütün sayta kifayət edir.
   Bu fayl css.tpl-də ən sonda qoşulur ki, tema faylından sonra gəlsin.
   ============================================================= */



body, input, select, textarea, button, h1, h2, h3, h4, h5, h6{font-family: var(--ts-pr-font-family)}

/* Tema məzmun konteynerinə məcburi 320px hündürlük verir. */
.page-container{min-height:0}

/* ============================================================
   Məhsul qalereyası (js/gallery.js)
   ============================================================ */
/* ---- Əsas şəkil ---- */
.main-image-wrapper{position:relative;border:1px solid var(--ts-border,#e6e9ee);border-radius:16px;background:#fff;padding:18px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.main-image-wrapper:hover{border-color:#d3dae4;box-shadow:0 10px 28px -16px rgba(16,24,40,.28)}
.pg-main{display:block;cursor:zoom-in}
.woocommerce div.product div.images #main-image, #main-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:transparent;border:0;border-radius:0;transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.main-image-wrapper:hover #main-image{transform:scale(1.02)}
/* stok nişanı şəklin içində */
.main-image-wrapper .product-label{position:absolute;top:14px;left:14px;z-index:3}

/* ---- Kiçik şəkillər zolağı ---- */
.thumbnail-slider-wrapper{position:relative;margin-top:14px;padding:0 44px}
.woocommerce div.product div.images .flex-control-thumbs, .flex-control-nav{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;list-style:none;margin:0;padding:2px;width:100%}
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar, .flex-control-nav::-webkit-scrollbar{display:none}
.woocommerce div.product div.images .flex-control-thumbs li, .flex-control-nav li{width:auto;float:none;list-style:none;margin:0;min-width:0;flex:0 0 calc((100% - 4 * 10px) / 5);scroll-snap-align:start}
.woocommerce div.product div.images .flex-control-thumbs li img, .pg-thumb{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1/1;object-fit:cover;cursor:pointer;margin:0;opacity:1;background:#fff;border:1px solid var(--ts-border,#e6e9ee);border-radius:12px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.woocommerce div.product div.images .flex-control-thumbs li img:hover, .pg-thumb:hover{border-color:#b9c6d6;transform:translateY(-2px)}
.woocommerce div.product div.images .flex-control-thumbs li img.is-active, .pg-thumb.is-active{opacity:1;border-color:var(--ts-primary-color,#0068c8);box-shadow:0 0 0 3px rgba(0,104,200,.16)}

/* ---- Oxlar ---- */

/* ox işarəsi — mətn deyil, çəkilmiş bucaq */
.thumbnail-slider-wrapper .prev-arrow::before, .thumbnail-slider-wrapper .next-arrow::before{content:"";width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor}
.thumbnail-slider-wrapper .prev-arrow::before{transform:rotate(135deg);margin-left:3px}
.thumbnail-slider-wrapper .next-arrow::before{transform:rotate(-45deg);margin-right:3px}
.thumbnail-slider-wrapper .prev-arrow{left:0}
.thumbnail-slider-wrapper .next-arrow{right:0}
.thumbnail-slider-wrapper .prev-arrow:hover, .thumbnail-slider-wrapper .next-arrow:hover{background:var(--ts-primary-color,#0068c8);border-color:var(--ts-primary-color,#0068c8);color:#fff}
.thumbnail-slider-wrapper .prev-arrow[disabled], .thumbnail-slider-wrapper .next-arrow[disabled]{opacity:.3;cursor:default;box-shadow:none}
.thumbnail-slider-wrapper .prev-arrow[disabled]:hover, .thumbnail-slider-wrapper .next-arrow[disabled]:hover{background:#fff;border-color:var(--ts-border,#e6e9ee);color:#3d4757}
/* şəkil bir dənədirsə oxlar lazım deyil */
.thumbnail-slider-wrapper.no-scroll{padding:0}
.thumbnail-slider-wrapper.no-scroll .prev-arrow, .thumbnail-slider-wrapper.no-scroll .next-arrow{display:none}

@media (max-width:991px){
	.woocommerce div.product div.images .flex-control-thumbs li,
	.flex-control-nav li{flex:0 0 calc((100% - 3 * 10px) / 4)}
}
@media (max-width:767px){
	.main-image-wrapper{padding:12px;border-radius:14px}
	.thumbnail-slider-wrapper{padding:0 38px}
	.woocommerce div.product div.images .flex-control-thumbs li,
	.flex-control-nav li{flex:0 0 calc((100% - 2 * 8px) / 3)}
	.woocommerce div.product div.images .flex-control-thumbs,
	.flex-control-nav{gap:8px}
	.thumbnail-slider-wrapper .prev-arrow,
	.thumbnail-slider-wrapper .next-arrow{width:32px;height:32px}
}


/* ---- Lightbox ---- */
.pg-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center}
.pg-lightbox.is-open{display:flex}
.pg-lb-stage{max-width:92vw;max-height:88vh;display:flex;align-items:center;justify-content:center}
.pg-lb-stage img{max-width:92vw;max-height:88vh;width:auto;height:auto;display:block}
.pg-lightbox button{position:absolute;background:transparent;border:0;color:#fff;cursor:pointer;line-height:1;padding:12px;opacity:.75;transition:opacity .2s}
.pg-lightbox button:hover{opacity:1}
.pg-lb-close{top:10px;right:14px;font-size:36px}
.pg-lb-prev{left:8px;top:50%;transform:translateY(-50%);font-size:52px}
.pg-lb-next{right:8px;top:50%;transform:translateY(-50%);font-size:52px}
.pg-lb-count{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;opacity:.7;font-size:14px}

@media (max-width:991px){
	.flex-control-nav li{flex:0 0 calc((100% - 4 * 8px) / 5)}
}
@media (max-width:767px){
	.flex-control-nav li{flex:0 0 calc((100% - 3 * 7px) / 4)}
	.flex-control-nav{gap:7px}
	.thumbnail-slider-wrapper .prev-arrow,
	.thumbnail-slider-wrapper .next-arrow{opacity:1;width:30px;height:30px}
	.pg-lb-prev,.pg-lb-next{font-size:38px}
}

/* ============================================================
   Üfüqi karusel — oxşar məhsullar (js/carousel.js)
   ============================================================ */



.rc-wrap{position:relative}
.rc-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:4px 2px 12px;scrollbar-width:none}
.rc-track::-webkit-scrollbar{display:none}

.rc-item{flex:0 0 auto;width:200px;scroll-snap-align:start}
@media (min-width:768px){.rc-item{width:220px}}

.rc-link{display:block;height:100%;border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff;color:inherit;text-decoration:none;transition:box-shadow .2s,border-color .2s}
.rc-link:hover{border-color:#ddd;box-shadow:0 4px 16px rgba(0,0,0,.08)}





.rc-cat{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#999;margin-bottom:4px}



/* Oxlar — qalereya oxları ilə eyni dil (mətn deyil, çəkilmiş bucaq) */

.rc-nav::before{content:"";width:9px;height:9px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor}
.rc-prev::before{transform:rotate(135deg);margin-left:3px}
.rc-next::before{transform:rotate(-45deg);margin-right:3px}
.rc-nav:hover:not(:disabled){background:var(--ts-primary-color,#0068c8);border-color:var(--ts-primary-color,#0068c8);color:#fff}
.rc-nav:disabled{opacity:.3;cursor:default;box-shadow:none}
.rc-prev{left:-18px}
.rc-next{right:-18px}
.rc-static .rc-nav{display:none}

@media (max-width:1240px){
	.rc-prev{left:-6px}
	.rc-next{right:-6px}
}
@media (max-width:767px){
	.rc-item{width:160px}
	.rc-nav{width:32px;height:32px}
	.rc-prev{left:-4px}
	.rc-next{right:-4px}
}

/* Stokdakı say nişanı — "tükənib" nişanından fərqləndirilir */


/* ============================================================
   DİZAYN QATI — 2026-09-07
   Tema 126 CSS dəyişəni ilə idarə olunur; burada onları yenidən
   kökləyirik. Markup dəyişmir, !important minimuma endirilib.
   ============================================================ */

/* ==========  01. Təməl — dəyişənlər, tipoqrafiya, radius  ========== */


body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Düymə və sahələr */
.button,.woocommerce .button,button,input[type="submit"], .loop-add-to-cart .button{border-radius:var(--r-sm);text-transform:none;transition:background .18s var(--ease),color .18s var(--ease),
	           border-color .18s var(--ease),box-shadow .18s var(--ease)}
input[type="text"],input[type="email"],input[type="password"], input[type="search"],input[type="tel"],select,textarea{border-radius:var(--r-sm);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus, input[type="search"]:focus,select:focus,textarea:focus{border-color:var(--ts-primary-color);box-shadow:0 0 0 3px var(--ts-primary-opacity);outline:none}

/* ==========  02. Məhsul kartları (siyahı və şəbəkə)  ========== */
.products .product .product-wrapper{border:1px solid var(--ts-border);border-radius:var(--r-md);background:var(--ts-product-bg-color);overflow:hidden;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),
	           transform .2s var(--ease)}
.products .product .product-wrapper:hover{border-color:#d7dbe3;box-shadow:var(--sh-2);transform:translateY(-2px)}

/* Şəkil sahəsi — vahid nisbət, məhsul tam görünür */
.products .product .thumbnail-wrapper{border-radius:0;background:#fafbfc}
.products .product .thumbnail-wrapper figure{margin:0}
.products .product .thumbnail-wrapper img{aspect-ratio:1/1;width:100%;height:100%;object-fit:cover;/* şəkil kartı tam doldurur */
	object-position:center;padding:0;display:block;transition:transform .35s var(--ease)}
.products .product .product-wrapper:hover .thumbnail-wrapper img{transform:scale(1.04)}

/* Mətn hissəsi */
.products .product .meta-wrapper{padding:2px 14px 14px}
.products .product .product-categories{font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--ts-gray-color);margin-bottom:6px}
.products .product .product-categories span{display:none}
.products .product .heading-title.product-name{font-size:14px;font-weight:600;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.products .product .heading-title.product-name a{color:var(--ts-heading-color)}
.products .product .heading-title.product-name a:hover{color:var(--ts-primary-color)}

/* Qiymət — cari qiymət öndə, köhnəsi arxa planda */
.products .product .price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.products .product .price ins{text-decoration:none;font-size:18px;font-weight:700}
.products .product .price del{font-size:13px;opacity:.65;font-weight:500}

/* Nişanlar — həb formalı, kiçik */
/* köhnə nişan ölçüsü ləğv edildi — bax: «3) Şəkil üstündəki nişanlar» */


/* Reytinq ulduzları — boş reytinqlər diqqəti yayındırmasın */
.products .product .woocommerce-product-rating{opacity:.75;transform:scale(.92);transform-origin:left center;margin-bottom:4px}

/* Qısa təsvir */
.products .product .short-description{font-size:12.5px;line-height:1.5;color:var(--ts-gray-color)}

/* Şəbəkə boşluqları bir az genişlənir */


/* ==========  03. Başlıq və axtarış  ========== */
.ts-header .header-middle{border-bottom:1px solid var(--ts-border)}
.header-sticky.is-sticky,.header-sticky.sticky{box-shadow:var(--sh-2)}

/* Axtarış sahəsi — vahid, yumşaq kənarlı blok */

.ts-search-by-category form:focus-within{border-color:var(--ts-primary-color);box-shadow:0 0 0 3px var(--ts-primary-opacity)}
.ts-search-by-category input[type="text"], .ts-search-by-category .select-category{border:0;border-radius:0;box-shadow:none;background:transparent}
.ts-search-by-category input[type="text"]:focus, .ts-search-by-category .select-category:focus{box-shadow:none;border-color:transparent}


/* Üst menyu — hover-də yumşaq fon */
.ts-header nav>ul.menu>li>a, .ts-header .top-header-menu ul>li>a{border-radius:var(--r-sm);padding:6px 10px;transition:background .16s var(--ease),color .16s var(--ease)}
.ts-header nav>ul.menu>li>a:hover, .ts-header .top-header-menu ul>li>a:hover{background:var(--ts-primary-opacity)}
.ts-header .ts-menu nav>ul,.ts-header nav>ul.menu{gap:0 22px}

/* Kateqoriya menyusunun başlığı */
.vertical-menu-heading{border-radius:var(--r-sm) var(--r-sm) 0 0}
.vertical-menu-wrapper .vertical-menu>ul>li>a{transition:color .16s var(--ease)}

/* Seçilmişlər sayğacı və «Yeni» nişanı */
.tini-wishlist .count-number,.today-deal .label{border-radius:var(--r-pill)}

/* ==========  04. Məhsul səhifəsi — quruluş, qiymət, xarakteristikalar  ========== */
@media (min-width:992px){
	.product-images-summary{display:flex;gap:44px;align-items:flex-start}
	.product-images-summary>.woocommerce-product-gallery,
	.product-images-summary>.summary{float:none;width:auto;margin:0}
	.product-images-summary>.woocommerce-product-gallery{flex:0 0 50%;max-width:50%}
	.product-images-summary>.summary{flex:1 1 0;min-width:0}
	/* tema 30px verir — 20px-ə salınıb (14.09.2026) */
	.woocommerce div.product div.summary,
	.product-images-summary>.summary{padding-left:20px}
}


.summary .cats-link{font-size:12px;color:var(--ts-gray-color);text-transform:uppercase;letter-spacing:.03em}

/* Stok nişanı — həb */
.summary .availability{display:inline-flex;align-items:center;border-radius:var(--r-pill);padding:3px 11px;font-size:12.5px;font-weight:600;margin-left:12px}
.summary .availability.in-stock{background:#e7f6ec;color:#0f7a34}
.summary .availability.out-of-stock{background:#f2f3f5;color:#6b7280}

/* Qiymət bloku — ayrıca kart */
.summary p.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;background:#f7f9fb;border:1px solid var(--ts-border);border-radius:var(--r-md);padding:14px 16px;margin:16px 0}
.summary p.price ins{text-decoration:none;font-size:30px;font-weight:800;line-height:1}
.summary p.price del{font-size:16px;opacity:.6;font-weight:500}

/* Parametrlər siyahısı — sətir-sətir, oxunaqlı */





/* Zəmanət / geri qaytarma bloku */
.ts-summary-custom-content{background:#f7f9fb;border-radius:var(--r-md);padding:14px 16px;margin:18px 0}
.ts-summary-custom-content ul{margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ts-summary-custom-content li{list-style:none;font-size:13.5px;line-height:1.5;padding-left:20px;position:relative;color:var(--ts-text-color)}
.ts-summary-custom-content li:before{content:"";position:absolute;left:4px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--ts-primary-color)}

/* ID / stok kodu / teqlər */

.meta-content .sku,.meta-content .tag-links a{color:var(--ts-text-color)}

/* Tablar — alt xətli müasir üslub */
.tabs.wc-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--ts-border);margin:0 0 20px;padding:0}
.tabs.wc-tabs li{list-style:none;margin:0}
.tabs.wc-tabs li a{display:block;padding:11px 16px;font-weight:600;font-size:15px;color:var(--ts-gray-color);border-bottom:2px solid transparent;transition:color .16s var(--ease),border-color .16s var(--ease)}
.tabs.wc-tabs li a:hover{color:var(--ts-text-color)}
.tabs.wc-tabs li.active a{color:var(--ts-primary-color);border-bottom-color:var(--ts-primary-color)}

/* Xüsusiyyətlər cədvəli (tab içində) */
.ts-dimensions-content ul li{display:flex;gap:10px;padding:9px 2px;border-bottom:1px solid var(--ts-border);list-style:none}
.ts-dimensions-content ul li:last-child{border-bottom:0}
.ts-dimensions-content ul li span:first-child{flex:0 0 42%;color:var(--ts-gray-color)}

/* ==========  05. Səhifələmə  ========== */
.navigation{margin:32px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pages{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pages a,.pages span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--ts-border);border-radius:var(--r-sm);background:#fff;box-shadow:none;font-size:14px;font-weight:600;color:var(--ts-text-color);transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}
.pages a:hover{border-color:var(--ts-primary-color);color:var(--ts-primary-color);background:#fff}
.pages span{background:var(--ts-primary-color);border-color:var(--ts-primary-color);color:#fff}
.page_next-prev{display:flex;gap:6px;box-shadow:none;background:transparent}
.page_next-prev>span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--ts-border);border-radius:var(--r-sm);transition:border-color .16s var(--ease)}
.page_next-prev>span:hover{border-color:var(--ts-primary-color)}

/* ==========  06. Yol izi (breadcrumbs)  ========== */
.breadcrumbs{padding:14px 0;font-size:13px}
.breadcrumbs:before{background:#f7f9fb}
.breadcrumbs a{color:var(--ts-gray-color)}
.breadcrumbs a:hover{color:var(--ts-primary-color)}
.breadcrumb-title-wrapper .heading-title{font-size:26px;line-height:1.25}

/* ==========  07. Kateqoriya səhifəsi və filtr paneli  ========== */

.product-per-page-form select,.before-loop-wrapper select{border:1px solid var(--ts-input-border);border-radius:var(--r-sm);padding:7px 10px;font-size:14px;background:#fff}
.filter-widget-area-button a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ts-input-border);border-radius:var(--r-sm);padding:8px 14px;font-weight:600;font-size:14px;color:var(--ts-text-color);transition:border-color .16s var(--ease),color .16s var(--ease)}
.filter-widget-area-button a:hover{border-color:var(--ts-primary-color);color:var(--ts-primary-color)}
.gridlist-toggle>span{opacity:.45;transition:opacity .16s var(--ease)}
.gridlist-toggle>span:hover,.gridlist-toggle>span.active{opacity:1}

/* Sol filtr paneli — kart görünüşü */
#left-sidebar aside{border:1px solid var(--ts-border);border-radius:var(--r-md);padding:16px;background:#fff}
.sidebar-header{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--ts-border)}
.product-on-sale-form label{font-size:14px;display:flex;align-items:center;gap:8px}

/* Kateqoriya təsviri (siyahının altında) */
.after-loop-wrapper{margin-top:32px;padding-top:24px;border-top:1px solid var(--ts-border);color:var(--ts-gray-color);font-size:14px;line-height:1.7}

/* ==========  08. (boş — köhnə altbilgi qaydaları 12-ci bölməyə keçdi)  ========== */
/* Köhnə Elementor əsaslı altbilgi qaydaları silindi — footer.tpl yenidən
   quruldu (08.09.2026), yeni üslublar §12-dədir. */

/* ==========  09. Şərhlər və formalar  ========== */
.com_list .comment{padding:16px 0;border-top:1px solid var(--ts-border)}
.com_list .comment:first-child{border-top:0}
#addcomments textarea,.feedback textarea,textarea.classic{border-radius:var(--r-sm);border:1px solid var(--ts-input-border);padding:12px}
.box .heading{font-size:18px;margin-bottom:14px}

/* Yuxarı qalx düyməsi */
#to-top .scroll-button{border-radius:var(--r-pill);box-shadow:var(--sh-2)}

/* ==========  10. Performans — məzmun sıçrayışının (CLS) qarşısı  ========== */
/* Əsas məhsul şəkli — ölçü atributu olmadığı üçün yüklənənə qədər
   səhifə sıçrayırdı; sabit nisbət bunun qarşısını alır */


/* Altbilgi loqosu */
.footer-container .elementor-widget-image img{height:auto}

/* ==========  11. Qiymət rəngi  ========== */
/* Qırmızı endirim rəngi kimi qalır (nişanlar, köhnə qiymət),
   cari qiymət isə tünd rəngə keçdi — daha müasir və oxunaqlı.
   Qırmızıya qaytarmaq üçün: --ts-product-price-color:#dd2831 */

.price ins,.price > .amount,.woocommerce-Price-amount{color:var(--ts-product-price-color)}
.price del,.price del .amount{color:#9ca3af}

/* ==========  12. Altbilgi  ========== */
.site-footer{--ft-bg:#0f1219;--ft-text:#9aa3b2;--ft-strong:#eef1f6;--ft-line:rgba(255,255,255,.09);--ft-accent:#4d9bff;background:var(--ft-bg);color:var(--ft-text);margin-top:44px;border-top:0;font-size:14px;line-height:1.65}
.site-footer .ft-inner{max-width:1200px;margin:0 auto;padding:36px 20px 20px}

/* --- üst blok: solda loqo, sağda mətn --- */
.site-footer .ft-top{display:flex;gap:48px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--ft-line)}
.site-footer .ft-brand{flex:0 0 210px;max-width:210px}
.site-footer .ft-brand img{width:100%;height:auto;display:block;filter:brightness(0) invert(1);opacity:.94}
.site-footer .ft-tagline{margin:9px 0 0;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#6b7688}
.site-footer .ft-about{flex:1;min-width:0}
.site-footer .ft-text{margin:0 0 16px;max-width:none;color:var(--ft-text);font-size:13.5px}

/* əlaqə vasitələri */
.site-footer .ft-meta{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px 28px}


.site-footer .ft-contacts{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:8px 26px;margin:0}
.site-footer .ft-contact{display:inline-flex;align-items:center;gap:9px;color:var(--ft-strong);font-size:15px;font-weight:600;text-decoration:none;transition:color .16s var(--ease,ease)}
.site-footer .ft-contact svg{width:17px;height:17px;flex:0 0 17px;fill:var(--ft-accent);transition:transform .16s var(--ease,ease)}
.site-footer .ft-contact:hover{color:var(--ft-accent)}
.site-footer .ft-contact:hover svg{transform:translateY(-1px)}

/* sosial düymələr */
.site-footer .ft-social{flex:0 0 auto;display:flex;gap:10px}
.site-footer .ft-soc{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:var(--ft-strong);font-size:15px;text-decoration:none;transition:background-color .18s var(--ease,ease),color .18s var(--ease,ease),transform .18s var(--ease,ease)}
.site-footer .ft-soc:hover{background:var(--ft-accent);color:#fff;transform:translateY(-2px)}

/* --- teqlər --- */
.site-footer .ft-tags{padding:18px 0;border-bottom:1px solid var(--ft-line)}
.site-footer .ft-tags-title{display:block;margin-bottom:9px;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#6b7688}
.site-footer .tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.site-footer .tagcloud a{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--ft-line);background:transparent;color:var(--ft-text);font-size:12.5px !important;text-decoration:none;transition:border-color .16s ease,color .16s ease,background-color .16s ease}
.site-footer .tagcloud a:hover{border-color:var(--ft-accent);color:#fff;background:rgba(77,155,255,.12)}

/* --- alt sətir: menyu + hüquqi --- */
.site-footer .ft-bottom{padding-top:16px}
.site-footer .ft-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin-bottom:12px}
.site-footer .ft-links a{color:var(--ft-text);text-decoration:none;font-size:13.5px;transition:color .16s ease}
.site-footer .ft-links a:hover{color:#fff}
.site-footer .ft-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-top:12px;border-top:1px solid var(--ft-line);font-size:13px;color:#6b7688}
.site-footer .ft-pay{color:#6b7688;text-decoration:none}
.site-footer .ft-pay:hover{color:var(--ft-accent)}

/* --- adaptiv --- */
@media (max-width:900px){
	.site-footer .ft-top{gap:24px;flex-direction:column;align-items:flex-start}
	.site-footer .ft-brand{flex:none;max-width:170px}
	.site-footer .ft-inner{padding:28px 16px 18px}
	.site-footer .ft-meta{flex-wrap:wrap}
}
@media (max-width:600px){
	.site-footer .ft-meta{align-items:flex-start;flex-direction:column;gap:14px}
	.site-footer .ft-contacts{flex-direction:column;gap:9px}
	.site-footer .ft-links{gap:8px 18px}
	.site-footer .ft-legal{flex-direction:column}
}

/* ==========  13. Üfüqi bölmə menyusu  ========== */

.cat-nav-bar > .container{position:relative;padding-top:0;padding-bottom:0}
.cat-nav{width:100%}

.cat-nav-list{display:flex;flex-wrap:wrap;align-items:stretch;list-style:none;margin:0;padding:0;gap:2px}
.cat-nav-item{position:relative;display:flex;align-items:center}


/* aktiv/hover altında incə xətt */
.cat-nav-link::after{content:"";position:absolute;left:15px;right:15px;bottom:6px;height:2px;border-radius:2px;background:var(--ts-primary-color,#0068c8);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .2s cubic-bezier(.2,.7,.3,1),opacity .2s ease}
.cat-nav-item:hover > .cat-nav-link, .cat-nav-item:focus-within > .cat-nav-link{color:var(--ts-primary-color,#0068c8)}
.cat-nav-item:hover > .cat-nav-link::after, .cat-nav-item:focus-within > .cat-nav-link::after{transform:scaleX(1);opacity:1}

/* açılan ox */
.cat-nav-caret{position:absolute;right:6px;top:50%;margin-top:-2px;width:7px;height:7px;pointer-events:none;border-right:1.6px solid #9aa3b2;border-bottom:1.6px solid #9aa3b2;transform:translateY(-50%) rotate(45deg);transition:border-color .16s ease,transform .18s ease}
.cat-nav-item:has(.cat-nav-caret) > .cat-nav-link{padding-right:26px}
.cat-nav-item:hover > .cat-nav-caret{border-color:var(--ts-primary-color,#0068c8)}

/* --- açılan panel --- */
.cat-nav-drop{position:absolute;top:100%;left:0;min-width:262px;max-width:min(660px,92vw);background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:16px;box-shadow:0 20px 48px -14px rgba(16,24,40,.24),0 6px 14px -6px rgba(16,24,40,.08);padding:8px;margin-top:4px;opacity:0;visibility:hidden;transform:translateY(8px) scale(.985);transform-origin:top left;transition:opacity .18s ease,transform .18s cubic-bezier(.2,.7,.3,1),visibility .18s;z-index:70}
/* paneli menyu bəndinə bağlayan görünməz körpü — siçan aşağı gedəndə bağlanmasın */
.cat-nav-drop::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
/* yuxarı ucda kiçik ox */
.cat-nav-drop::after{content:"";position:absolute;top:-5px;left:26px;width:10px;height:10px;background:#fff;border-left:1px solid rgba(16,24,40,.08);border-top:1px solid rgba(16,24,40,.08);transform:rotate(45deg);border-radius:2px 0 0 0}
.cat-nav-list:has(.cat-nav-item:nth-child(7)) .cat-nav-item:nth-last-child(-n+3) > .cat-nav-drop::after{left:auto;right:26px}
.cat-nav-item:hover > .cat-nav-drop, .cat-nav-item:focus-within > .cat-nav-drop{opacity:1;visibility:visible;transform:translateY(0)}
/* sağ kənara sığmayan panellər */
/* Sağa hizalama YALNIZ menyu uzun olanda (7+ bölmə). Saytda cəmi 3 üst bölmə var —
   köhnə qayda hamısını «sondan 3» sayıb sola açırdı, sol kənardakı blok ekrandan çıxırdı. (14.09.2026) */
.cat-nav-list:has(.cat-nav-item:nth-child(7)) .cat-nav-item:nth-last-child(-n+3) > .cat-nav-drop{left:auto;right:0}

.cat-sub-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:2px}
.cat-nav-drop:has(.cat-sub-item:nth-child(8)) .cat-sub-list{grid-template-columns:1fr 1fr;gap:2px 6px}
.cat-sub-item{list-style:none}
.cat-sub-item a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 20px;border-radius:10px;color:#3d4757;font-size:14px;line-height:1.35;text-decoration:none;transition:background-color .15s ease,color .15s ease,padding-left .15s ease}
/* sol tərəfdə açılan incə göstərici (nöqtə yox) */
.cat-sub-item a::before{content:"";position:absolute;left:9px;top:50%;width:3px;height:3px;border-radius:2px;background:var(--ts-primary-color,#0068c8);transform:translateY(-50%) scaleY(.6);opacity:0;transition:height .18s cubic-bezier(.2,.7,.3,1),opacity .15s ease,transform .18s ease}
.cat-sub-item a:hover{background:#f3f7fd;color:var(--ts-primary-color,#0068c8);padding-left:22px}
.cat-sub-item a:hover::before{height:16px;opacity:1;transform:translateY(-50%) scaleY(1)}
.cat-sub-item a > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* məhsul sayı — boş olanda tamamilə gizlənir (boş dairə qalmasın) */
.cat-sub-item em{flex:0 0 auto;font-style:normal;font-size:11.5px;font-weight:600;color:#98a2b3;letter-spacing:.01em}
.cat-sub-item em:empty{display:none}
.cat-sub-item a:hover em{color:var(--ts-primary-color,#0068c8)}

/* dar ekranda üfüqi sürüşmə */
@media (max-width:1100px){
	.cat-nav-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.cat-nav-list::-webkit-scrollbar{display:none}
	.cat-nav-link{padding:12px 12px;font-size:14px}
}

/* ==========  14. Mobil menyu  ========== */
#group-icon-header.mnav .ts-sidebar-content{display:flex;flex-direction:column;width:min(340px,88vw);height:100%;background:#fff;padding:0}
/* başlıq */
.mnav-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--ts-border,#e6e9ee);flex:0 0 auto}
.mnav-logo img{height:26px;width:auto;display:block}
.mnav .ts-sidebar-content > .mnav-head .close{position:static;width:34px;height:34px;border-radius:10px;background:#f3f5f8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.mnav-head .close::before,.mnav-head .close::after{content:"";position:absolute;width:14px;height:1.6px;background:#3d4757;border-radius:2px}
.mnav-head .close::before{transform:rotate(45deg)}
.mnav-head .close::after{transform:rotate(-45deg)}
.mnav-head .close{position:relative}

/* sürüşən hissə */
.mnav-scroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 10px 12px}
.mnav-section + .mnav-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--ts-border,#e6e9ee)}
.mnav-label{display:block;padding:8px 8px 6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#98a2b3}

/* bölmələr — akkordeon (JS-siz, <details>) */
.mnav-list,.mnav-sublist,.mnav-pages{list-style:none;margin:0;padding:0}
.mnav-det{border-radius:12px}
.mnav-det[open]{background:#f7f9fc}
.mnav-sum{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;color:#1c2430;transition:background-color .15s ease,color .15s ease}
.mnav-sum::-webkit-details-marker{display:none}
.mnav-sum:hover,.mnav-det[open] > .mnav-sum{color:var(--ts-primary-color,#0068c8)}
.mnav-arrow{flex:0 0 auto;width:8px;height:8px;margin-right:4px;border-right:1.7px solid #98a2b3;border-bottom:1.7px solid #98a2b3;transform:rotate(45deg);transition:transform .2s ease,border-color .15s ease}
.mnav-det[open] .mnav-arrow{transform:rotate(-135deg);border-color:var(--ts-primary-color,#0068c8)}
.mnav-body{padding:0 8px 10px}
.mnav-all{display:inline-block;margin:0 4px 6px;padding:5px 10px;border-radius:999px;background:rgba(0,104,200,.08);color:var(--ts-primary-color,#0068c8);font-size:12.5px;font-weight:600;text-decoration:none}
.mnav-sub a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:9px;color:#4b5563;font-size:14px;text-decoration:none}
.mnav-sub a:active,.mnav-sub a:hover{background:#eef4fc;color:var(--ts-primary-color,#0068c8)}
.mnav-sub em{font-style:normal;font-size:11.5px;font-weight:600;color:#98a2b3}
.mnav-sub em:empty{display:none}

/* səhifə linkləri */
.mnav-pages a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:10px;color:#3d4757;font-size:14.5px;text-decoration:none}
.mnav-pages a:active,.mnav-pages a:hover{background:#f3f7fd;color:var(--ts-primary-color,#0068c8)}
.mnav-new{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#12772e;border-radius:999px;padding:2px 8px}
.mnav-cnt{font-style:normal;font-size:11.5px;font-weight:700;color:#98a2b3;background:#f3f5f8;border-radius:999px;padding:1px 8px;min-width:22px;text-align:center}
.mnav-cnt:empty{display:none}

/* alt hissə */
.mnav-foot{flex:0 0 auto;padding:12px 16px 16px;border-top:1px solid var(--ts-border,#e6e9ee);background:#fbfcfe}
.mnav-call{display:flex;align-items:center;gap:11px;text-decoration:none;color:#1c2430;font-size:15px;font-weight:700}
.mnav-call svg{width:20px;height:20px;flex:0 0 20px;fill:var(--ts-primary-color,#0068c8)}
.mnav-call em{display:block;font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#98a2b3}
.mnav-soc{display:flex;gap:9px;margin-top:12px}
.mnav-soc a{width:38px;height:38px;border-radius:11px;background:#eef1f5;color:#3d4757;display:inline-flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;transition:background-color .16s ease,color .16s ease}
.mnav-soc a:active,.mnav-soc a:hover{background:var(--ts-primary-color,#0068c8);color:#fff}

/* ==========  15. Temadan gələn artıq siyahı nöqtələrinin ləğvi  ========== */
/* Ecomall teması bu üç seçicidə hər <li> qabağına dairəvi nöqtə qoyur.
   Xarakteristika siyahılarında və mobil menyuda artıq görünürdü. */
.ts-summary-custom-content ul li:before, .woocommerce .products .short-description ul li:before, .woocommerce-product-details__short-description ul li:before{content:none !important;display:none !important}
.ts-summary-custom-content ul li, .woocommerce .products .short-description ul li, .woocommerce-product-details__short-description ul li{padding-left:0;line-height:1.5}
/* mobil menyu və üfüqi bölmə menyusunda heç bir marker/nöqtə olmasın */
#group-icon-header li,#group-icon-header li::before,#group-icon-header li::marker, .cat-nav li,.cat-nav li::before,.cat-nav li::marker{list-style:none}
#group-icon-header li::before,.cat-nav li::before{content:none !important;display:none !important}
#group-icon-header li::marker,.cat-nav li::marker{content:"" !important}

/* ==========  16. Üstünlüklər zolağı (altbilgi üstü)  ========== */
.usp-strip{max-width:1200px;margin:44px auto 8px;padding:0 20px}
.usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.usp-card{display:flex;align-items:center;gap:14px;padding:18px 18px;border-radius:16px;background:#fff;border:1px solid var(--ts-border,#e6e9ee);text-decoration:none;color:inherit;transition:border-color .18s var(--ease,ease),box-shadow .18s var(--ease,ease),
	           transform .18s var(--ease,ease)}
.usp-card:hover{border-color:#cfd9e6;transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(16,24,40,.24)}
.usp-icon{flex:0 0 50px;width:50px;height:50px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:25px;line-height:1;color:var(--ts-primary-color,#0068c8);background:linear-gradient(145deg,rgba(0,104,200,.11),rgba(0,104,200,.045));transition:background .2s ease,color .2s ease,transform .2s var(--ease,ease)}
.usp-card:hover .usp-icon{background:var(--ts-primary-color,#0068c8);color:#fff;transform:scale(1.05)}
.usp-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.usp-text strong{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ts-heading-color,#0f1219)}
.usp-text > span{font-size:13px;line-height:1.5;color:var(--ts-gray-color,#6b7280)}
.usp-soon{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#a16207;background:#fef3c7;border-radius:999px;padding:2px 7px}

@media (max-width:1024px){
	.usp-grid{grid-template-columns:repeat(2,1fr)}
	.usp-strip{margin-top:32px}
}
@media (max-width:560px){
	.usp-grid{grid-template-columns:1fr;gap:10px}
	.usp-card{padding:14px;gap:12px}
	.usp-icon{flex:0 0 42px;width:42px;height:42px;font-size:21px;border-radius:12px}
}
/* hover-də tema `a` üçün alt xətt + yaşıl rəng verir — kart daxilində söndürülür */
.usp-card,.usp-card:hover,.usp-card:focus, .usp-card strong,.usp-card > span,.usp-card .usp-text > span{text-decoration:none !important}
.usp-card:hover .usp-text strong{color:var(--ts-primary-color,#0068c8)}
.usp-card:hover .usp-text > span{color:var(--ts-gray-color,#6b7280)}

/* ==========  17. Alət paneli, seçicilər, kiçik düzəlişlər  ========== */

/* 1) Alət paneli: checkbox + sırala yan-yana, sağa hizalı */
.product-per-page-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}


/* 2) Filtrin ÜSTÜNDƏKİ artıq xətt — blokun öz çərçivəsi saxlanılır */
#left-sidebar .sidebar-header{border-bottom:0;padding-bottom:0;min-height:0}
.catalog-filter > section:first-of-type .widget-title-wrapper{margin-top:0;border-top:0}

/* 3) Başlıqdakı «Bütün bölmələr» seçicisi */
.ts-search-by-category .select-category{appearance:none;-webkit-appearance:none;height:44px;max-width:190px;padding:0 32px 0 14px;border:0;border-right:1px solid var(--ts-border,#e6e9ee);border-radius:0;background:transparent;font-size:13.5px;font-weight:600;color:#3d4757;line-height:44px;cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%2398a2b3' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px}
.ts-search-by-category .select-category:focus{outline:none;color:var(--ts-primary-color,#0068c8)}
/* açılan siyahının özü — brauzer nəzarətindədir, yalnız sətirləri səliqələyirik */
.ts-search-by-category .select-category option{padding:8px 12px;font-size:14px;color:#1c2430;background:#fff}
.ts-search-by-category .select-category option:disabled{color:#98a2b3}

/* 4) Kiçik şəkillər — ölçü artıq qalereya bölməsində (bir cərgə slayd) */

/* 5) Qiymət bloku — tema seçicisi güclü olduğu üçün spesifikliyi qaldırırıq */
.woocommerce div.product .summary p.price, #primary .summary p.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;background:#f7f9fb;border:1px solid var(--ts-border,#e6e9ee);border-radius:var(--r-md,12px);padding:13px 16px !important;margin:10px 0 12px !important}
.woocommerce div.product .summary p.price ins, #primary .summary p.price ins{text-decoration:none;font-size:30px;font-weight:800;line-height:1.1;color:var(--ts-product-price-color,#111827);background:transparent}
.woocommerce div.product .summary p.price del, #primary .summary p.price del{font-size:16px;font-weight:500;color:#9ca3af;opacity:1}
.woocommerce div.product .summary p.price .woocommerce-Price-currencySymbol{font-size:.62em;font-weight:700;margin-left:2px}

/* 6) Xarakteristika sətirlərində dəyər link olanda artıq boşluq qalmasın */

.woocommerce-product-details__short-description ul li a, .woocommerce-product-details__short-description ul li a:hover{display:inline;padding:0;margin:0;border:0;line-height:inherit;vertical-align:baseline;background:transparent;box-shadow:none}
.woocommerce-product-details__short-description ul li a{color:var(--ts-primary-color,#0068c8);text-decoration:none}
.woocommerce-product-details__short-description ul li a:hover{text-decoration:underline}
.woocommerce-product-details__short-description ul li br{display:none}

/* ==========  18. Tema seçicilərini üstələyən qaydalar  ========== */

/* Xarakteristika siyahısı: tema `flex-flow:column wrap` verir — sətir iki sətrə
   keçəndə flex onu yeni sütuna atır və altda boş sahə qalır. Sadə blok edirik. */
.woocommerce-product-details__short-description ul{gap:0;display:block !important;flex-flow:initial !important;margin:18px 0;padding:0}
.woocommerce-product-details__short-description ul li{display:flex;align-items:flex-start;gap:10px;padding:9px 2px;line-height:1.5;border-bottom:1px solid var(--ts-border,#e6e9ee);position:static}
.woocommerce-product-details__short-description ul li:last-child{border-bottom:0}
.woocommerce-product-details__short-description ul li b{flex:0 0 42%;max-width:42%;font-weight:500;color:var(--ts-gray-color,#6b7280)}

/* Qalereya qaydaları yuxarıdakı «Məhsul qalereyası» bölməsindədir */

/* Başlıqdakı bölmə seçicisi — öz açılan siyahımız */

.ts-search-by-category .cat-select > select{display:none !important}

.cat-select-btn > span{overflow:hidden;text-overflow:ellipsis}
.cat-select-btn::after{content:"";flex:0 0 auto;width:7px;height:7px;margin-left:2px;border-right:1.6px solid #98a2b3;border-bottom:1.6px solid #98a2b3;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.cat-select.is-open .cat-select-btn{color:var(--ts-primary-color,#0068c8)}
.cat-select.is-open .cat-select-btn::after{transform:rotate(-135deg) translateY(-2px)}

.cat-select.is-open .cat-select-list{opacity:1;visibility:visible;transform:translateY(0)}
.cat-select-list li{padding:9px 12px;border-radius:9px;cursor:pointer;font-size:14px;color:#3d4757;white-space:nowrap;transition:background-color .13s ease,color .13s ease}
.cat-select-list li[data-depth="1"]{padding-left:26px;font-size:13.5px;color:#5b6675}
.cat-select-list li[data-depth="2"]{padding-left:40px;font-size:13.5px;color:#6b7280}
.cat-select-list li:hover{background:#f3f7fd;color:var(--ts-primary-color,#0068c8)}
.cat-select-list li.is-selected{background:rgba(0,104,200,.09);color:var(--ts-primary-color,#0068c8);font-weight:600}

/* ==========  19. Məhsul səhifəsi — bölmələr və rəylər  ========== */
.summary .product_title{font-size:26px;line-height:1.25;margin:2px 0 8px}
.summary .ts-product-ratings-stock{margin:0 0 4px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 0}
.summary .woocommerce-product-rating{display:flex;align-items:center;gap:8px;margin:0}
.summary .review-count{font-size:12.5px;color:var(--ts-gray-color,#6b7280)}

/* --- Tabların əvəzinə ardıcıl bölmələr --- */
.product-sections{margin:40px 0 0;display:flex;flex-direction:column;gap:22px}
.pd-section{border:1px solid var(--ts-border,#e6e9ee);border-radius:16px;background:#fff;padding:22px 24px}
.pd-section-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--ts-border,#e6e9ee);font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--ts-heading-color,#0f1219)}
.pd-count{font-size:12.5px;font-weight:700;color:var(--ts-primary-color,#0068c8);background:rgba(0,104,200,.09);border-radius:999px;padding:2px 10px}
.pd-section-body{font-size:14.5px;line-height:1.75;color:var(--ts-text-color,#3d4757)}
.pd-section-body > *:first-child{margin-top:0}
.pd-section-body > *:last-child{margin-bottom:0}
.pd-empty{margin:0 0 18px;padding:16px 18px;border-radius:12px;background:#f7f9fb;color:var(--ts-gray-color,#6b7280);font-size:14px}

/* --- Rəylər --- */


.pd-reviews .comment-item, .pd-reviews .comments-tree-list > li{border:1px solid var(--ts-border,#e6e9ee);border-radius:14px;padding:16px 18px;background:#fcfdfe;list-style:none}
.pd-reviews .comments-tree-list{margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.pd-reviews .title_comm{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13.5px}
.pd-reviews .title_comm a{color:var(--ts-heading-color,#0f1219);font-weight:700;text-decoration:none}
.pd-reviews .comment-date,.pd-reviews .comm-date{color:#98a2b3;font-size:12.5px}
.pd-reviews .text_comm,.pd-reviews .comment-text{font-size:14.5px;line-height:1.7}

/* --- Rəy yazma formu --- */
.pd-form{margin-top:22px;padding-top:20px;border-top:1px solid var(--ts-border,#e6e9ee)}
.pd-form .form-group{margin-bottom:14px}
.pd-form input[type="text"], .pd-form input[type="email"], .pd-form textarea, .pd-form .form-control{width:100%;padding:11px 14px;border:1px solid var(--ts-border,#e6e9ee);border-radius:10px;background:#fff;font:inherit;font-size:14.5px;color:var(--ts-text-color,#3d4757);transition:border-color .16s ease,box-shadow .16s ease}
.pd-form input:focus,.pd-form textarea:focus,.pd-form .form-control:focus{outline:none;border-color:var(--ts-primary-color,#0068c8);box-shadow:0 0 0 3px rgba(0,104,200,.12)}
.pd-form textarea{min-height:130px;resize:vertical}
.pd-form .btn,.pd-form button[type="submit"],.pd-form input[type="submit"]{padding:12px 26px;border:0;border-radius:10px;background:var(--ts-primary-color,#0068c8);color:#fff;font-size:14.5px;font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer;transition:background-color .16s ease,transform .16s ease}
.pd-form .btn:hover,.pd-form button[type="submit"]:hover,.pd-form input[type="submit"]:hover{background:#0056a8;transform:translateY(-1px)}

@media (max-width:767px){
	.product-sections{margin-top:28px;gap:16px}
	.pd-section{padding:18px 16px;border-radius:14px}
	.pd-section-title{font-size:17px;margin-bottom:14px;padding-bottom:12px}
}

/* Bölmə seçicisi — tema `.select-category + .search-table` qonşuluğuna güvənirdi,
   sarğı div-i o əlaqəni pozur; ayırıcı xətti özümüz qoyuruq. */

.ts-search-by-category .cat-select + .search-table{position:relative}
.ts-search-by-category .cat-select + .search-table::before{content:none}
.ts-search-by-category form{border:1px solid var(--ts-input-border);border-radius:var(--r-pill);background:#fff;transition:border-color .18s var(--ease),box-shadow .18s var(--ease);overflow:visible}

/* ==========  20. VAHİD DİZAYN SİSTEMİ — düymələr, kartlar, sahələr  ==========
   Sayt boyu forma dili birdir:
     • radius:  düymə/sahə 10px · kart 14px · böyük blok 16px · nişan tam yumru
     • düymə:   böyük hərf yox, 600 çəki, eyni hündürlük, eyni keçid
     • kart:    1px kənar #e8eaef, ağ fon, hover-də yumşaq kölgə
   ========================================================================== */
:root{--ts-pr-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;--ts-heading-font-family: var(--ts-pr-font-family);--ts-btn-font-family: var(--ts-pr-font-family);--ts-menu-font-family: var(--ts-pr-font-family);--ts-v-menu-font-family: var(--ts-pr-font-family);/* Mətn — saf qara (#000) sərtdir, yumşaq tünd daha müasirdir */
	--ts-text-color:#14171f;--ts-heading-color:#0f1219;--ts-gray-color:#6b7280;/* Kənarlar — bir az soyuq və yumşaq */
	--ts-border:#e8eaef;--ts-input-border:#dfe3ea;--ts-tag-border:#e8eaef;/* Inter-in öz tracking-i düzgündür — Mulish üçün qoyulmuş
	   0.025em / 0.05em aralıqları mətni köhnə göstərir */
	--ts-pr-letter-spacing:0;--ts-heading-letter-spacing:-0.011em;--ts-btn-letter-spacing:0.01em;--ts-menu-letter-spacing:0.01em;--ts-v-menu-letter-spacing:0.01em;--ts-pr-line-height:1.65em;--ts-heading-line-height:1.25em;/* Başlıqlar bir qədər kiçilir — 48px artıq iri görünür */
	--ts-h1-font-size:40px;--ts-h2-font-size:32px;--ts-h3-font-size:26px;--ts-h4-font-size:21px;--ts-h5-font-size:18px;--ts-h6-font-size:16px;/* Düymə: 800 çəki + böyük hərf köhnə üslubdur */
	--ts-btn-font-weight:600;--ts-menu-font-weight:600;--ts-v-menu-font-weight:600;/* Öz əlavə tokenlərimiz */
	--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--sh-1:0 1px 2px rgba(16,24,40,.04);--sh-2:0 4px 14px rgba(16,24,40,.07);--sh-3:0 10px 30px rgba(16,24,40,.10);--ease:cubic-bezier(.4,0,.2,1);--ts-h-gap:16px;--ts-v-gap:22px;--ts-product-price-color:#111827;--r-btn:10px;/* düymə və giriş sahələri */
	--r-card:14px;/* kart */
	--r-block:16px;/* böyük bloklar */
	--r-badge:999px;/* nişanlar */
	--btn-h:44px;--ease-ui:cubic-bezier(.2,.7,.3,1)}

/* ---- 20.1 Düymələr ---- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button, .woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt, .wp-block-search .wp-block-search__button,.wp-block-button__link, a.button,button.button,input[type="submit"], .pd-form .btn,.filter-widget-area-button a{min-height:var(--btn-h);padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-btn) !important;border:1px solid transparent;font-family:var(--ts-pr-font-family);font-size:14.5px !important;font-weight:600;line-height:1.2;letter-spacing:0 !important;text-transform:none !important;text-decoration:none;cursor:pointer;box-shadow:none;transition:background-color .18s var(--ease-ui),border-color .18s var(--ease-ui),
	           color .18s var(--ease-ui),transform .18s var(--ease-ui)}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover, a.button:hover,button.button:hover,input[type="submit"]:hover{transform:translateY(-1px)}
.woocommerce a.button:active,a.button:active,button.button:active,input[type="submit"]:active{transform:none}

/* əsas (mavi) düymə */
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt, .wp-block-button__link,.pd-form .btn, .search-button input[type="submit"], .ts-search-by-category .search-button input[type="submit"]{background-color:var(--ts-primary-color,#0068c8) !important;border-color:var(--ts-primary-color,#0068c8);color:#fff !important}
.search-button input[type="submit"]:hover{filter:brightness(.92)}

/* ikinci dərəcəli (kənarlı) düymə */
.woocommerce a.button:not(.alt),.filter-widget-area-button a{background-color:#fff;border-color:var(--ts-border,#e8eaef);color:var(--ts-heading-color,#0f1219)}
.woocommerce a.button:not(.alt):hover,.filter-widget-area-button a:hover{border-color:var(--ts-primary-color,#0068c8);color:var(--ts-primary-color,#0068c8);background-color:#fff}

/* məhsul kartındakı «Ətraflı» */
.products .product .loop-add-to-cart .button{width:100%;min-height:40px;padding:0 16px;background:var(--ts-primary-color,#0068c8) !important;border-color:var(--ts-primary-color,#0068c8);color:#fff !important;font-size:13.5px !important}
.products .product .loop-add-to-cart .button:hover{filter:brightness(.92)}
.products .product .product-group-button-meta{padding:0 14px 14px}

/* ---- 20.2 İkon düymələr (kartın üstündəki, hamısı eyni forma) ---- */
.product-group-button .button-in, .product-group-button .button-in > div, .product-group-button .button-in a, .product-group-button .button-in span.ts-tooltip{border-radius:var(--r-btn)}

.products .product .product-group-button .button-in:hover{background:var(--ts-primary-color,#0068c8);border-color:var(--ts-primary-color,#0068c8);color:#fff;transform:translateY(-2px)}

/* ---- 20.3 Giriş sahələri ---- */
input[type="text"],input[type="email"],input[type="password"],input[type="search"], input[type="tel"],input[type="url"],textarea,.form-control{min-height:var(--btn-h);padding:0 14px;border:1px solid var(--ts-input-border,#dfe3ea);border-radius:var(--r-btn);background:#fff;font-family:var(--ts-pr-font-family);font-size:14.5px;color:var(--ts-text-color,#14171f);transition:border-color .16s var(--ease-ui),box-shadow .16s var(--ease-ui)}
textarea{min-height:120px;padding:12px 14px;line-height:1.6;resize:vertical}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus, input[type="search"]:focus,input[type="tel"]:focus,input[type="url"]:focus, textarea:focus,.form-control:focus{outline:none;border-color:var(--ts-primary-color,#0068c8);box-shadow:0 0 0 3px rgba(0,104,200,.12)}

/* ---- 20.4 Kart və bloklar ---- */
.pd-section,.usp-card,.ts-summary-custom-content, .woocommerce div.product .summary p.price, #left-sidebar .widget-container,.catalog-filter > section{border-radius:var(--r-block)}
.products .product .product-wrapper,.rc-link, .pd-reviews .comments-tree-list > li{border-radius:var(--r-card)}
.cat-nav-drop,.cat-select-list,.mnav-det{border-radius:var(--r-block)}

/* ---- 20.5 Nişanlar (label) — hamısı tam yumru ---- */
/* nişanlar 22-ci bölmədə */
.availability,.usp-soon,.mnav-new,.mnav-cnt,.pd-count, .tagcloud a,.site-footer .tagcloud a,.catalog-instock{border-radius:var(--r-badge)}

/* ---- 20.6 Kölgə dili ---- */
.products .product .product-wrapper:hover,.usp-card:hover,.rc-link:hover{box-shadow:0 14px 30px -16px rgba(16,24,40,.26)}

/* ==========  21. Başlıqdakı axtarış — vahid oval blok  ========== */
/* forma bütöv bir həb: solda bölmə seçicisi, ortada input, sağda düymə */

.ts-search-by-category > form:focus-within{border-color:var(--ts-primary-color,#0068c8);box-shadow:0 0 0 3px rgba(0,104,200,.12)}

/* sol: bölmə seçicisi */


.ts-search-by-category .cat-select-btn:hover{background:#f7f9fb;transform:none}

/* orta: axtarış sahəsi */
.ts-search-by-category .search-table{flex:1 1 auto;min-width:0;display:flex}
.ts-search-by-category .search-table::before{content:none}
.ts-search-by-category .search-field{flex:1 1 auto;display:flex;align-items:stretch;min-width:0}
.ts-search-by-category .search-content input[type="text"], .ts-search-by-category .search-field input[type="text"]{flex:1 1 auto;min-width:0;height:100%;min-height:0;padding:0 16px;margin:0;border:0 !important;border-radius:0 !important;background:transparent;box-shadow:none !important;font-size:14.5px}
.ts-search-by-category .search-content input[type="text"]:focus{box-shadow:none !important}

/* sağ: axtar düyməsi — sağ tərəfdən ovala oturur */
.ts-search-by-category .search-button{flex:0 0 auto;display:flex;align-items:stretch;overflow:visible;width:auto}

.ts-search-by-category .search-button input[type="submit"]:hover{filter:brightness(.92)}

/* açılan siyahı hər şeyin üstündə qalsın */
.ts-header,.header-template,.header-sticky,.header-middle, .header-middle > .container,.ts-header .header-center{overflow:visible}
.ts-search-by-category{position:relative;z-index:120}
.ts-search-by-category .cat-select{display:flex;align-items:stretch;flex:0 0 auto;position:relative;z-index:130}

.cat-nav-bar{background:#fff;border-top:1px solid var(--ts-border,#e6e9ee);border-bottom:1px solid var(--ts-border,#e6e9ee);position:relative;z-index:60}

@media (max-width:991px){
	.ts-search-by-category > form{height:44px}
	.ts-search-by-category .cat-select-btn{padding:0 10px 0 16px;max-width:150px}
	.ts-search-by-category .search-button input[type="submit"]{padding:0 20px !important}
}

/* ==========  22. Nöqtəli düzəlişlər — 08.09.2026 (ikinci dəst)  ========== */

/* 1+2) Axtarış bloku: radius azaldıldı, seçicinin mətni şaquli mərkəzləndi */
.ts-search-by-category > form{display:flex;align-items:stretch;flex-wrap:nowrap;padding:0;overflow:visible;border:1px solid var(--ts-input-border,#dfe3ea);background:#fff;transition:border-color .18s var(--ease-ui),box-shadow .18s var(--ease-ui);border-radius:12px;height:46px}
.ts-search-by-category .cat-select-btn{height:100%;min-height:0;border:0;border-right:1px solid var(--ts-border,#e8eaef);background:transparent;font-size:13.5px !important;border-radius:11px 0 0 11px !important;padding:0 12px 0 16px;line-height:1;display:flex;align-items:center}
.ts-search-by-category .cat-select-btn > span{display:block;line-height:1.2;padding:0;overflow:hidden;text-overflow:ellipsis}
.ts-search-by-category .search-button input[type="submit"]{height:100%;min-height:0;margin:0;padding:0 30px !important;border:0 !important;background-color:var(--ts-primary-color,#0068c8) !important;color:#fff !important;font-size:14px !important;font-weight:700;letter-spacing:.01em !important;transform:none !important;border-radius:0 11px 11px 0 !important}
.cat-select-list{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;max-height:340px;overflow-y:auto;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid rgba(16,24,40,.08);box-shadow:0 20px 48px -14px rgba(16,24,40,.24),0 6px 14px -6px rgba(16,24,40,.08);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:500;border-radius:12px}

/* 3) Şəkil üstündəki nişanlar — hamısı eyni ölçü və forma.
   Tema ölçünü XARİCİ <span>-a verir (`.woocommerce .product-label>span`:
   min-width:42px, padding:4px 8px, border-radius:0 6px 6px 6px), ona görə
   düzəlişi məhz orada etmək lazımdır — daxili span yalnız mərkəzləyicidir. */
.woocommerce .product .product-label, .main-image-wrapper .product-label{display:flex;flex-flow:row wrap;gap:6px;align-items:flex-start}
.woocommerce .product-label > span, .woocommerce .product-label > span.onsale, .woocommerce .product-label > span.featured, .woocommerce .product-label > span.in-stock-count, .woocommerce .product-label > span.out-of-stock, .main-image-wrapper .product-label > span{min-width:0;height:22px;min-height:22px;padding:0 10px;border-radius:999px;font-family:var(--ts-pr-font-family);font-size:11px;font-weight:700;line-height:1 !important;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;vertical-align:top}
.woocommerce .product-label span span, .main-image-wrapper .product-label span span{display:flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;margin:0;line-height:1}
/* stokda qalan sayı — «tükənib»dən fərqlənsin */
.woocommerce .product .product-label .in-stock-count{background:#12772e;color:#fff}
.woocommerce .product .product-label .out-of-stock{background:#4b5563;color:#fff}

/* 4) Endirimdən əvvəlki (üstündən xətt çəkilən) qiymət — qırmızı */
.price del,.price del .amount,.price del .woocommerce-Price-amount, .woocommerce div.product .summary p.price del, .products .product .price del{color:#dd2831 !important;opacity:1;text-decoration:line-through;text-decoration-thickness:1.5px}

/* 5) Bölmə menyusunda ikonlar */
.cat-nav-link{display:flex;align-items:center;padding:13px 15px;font-size:14.5px;font-weight:600;letter-spacing:-.005em;color:#1c2430;text-decoration:none;white-space:nowrap;border-radius:9px;position:relative;transition:color .16s ease,background-color .16s ease;gap:8px}
.cat-nav-ico{flex:0 0 auto;width:18px;height:18px;object-fit:contain;opacity:.75}
.cat-nav-ico--def{display:none}
.cat-nav-item:hover .cat-nav-ico,.cat-nav-item.is-current .cat-nav-ico{opacity:1}
.cat-nav-item.is-current > .cat-nav-link{color:var(--ts-primary-color,#0068c8)}
.cat-nav-item.is-current > .cat-nav-link::after{transform:scaleX(1);opacity:1}

/* 6) «Yalnız stokda olanlar» və «Sırala» — eyni forma */
.before-loop-wrapper{padding:12px 0 16px;margin-bottom:18px;border-bottom:1px solid var(--ts-border);display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.catalog-instock,.catalog-sort{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 14px;margin:0;border:1px solid var(--ts-input-border,#dfe3ea);border-radius:10px;background:#fff;font-size:13.5px;font-weight:600;color:#4b5563;white-space:nowrap;cursor:pointer;transition:border-color .16s var(--ease-ui),background-color .16s var(--ease-ui),color .16s var(--ease-ui)}
.catalog-instock:hover,.catalog-sort:hover{border-color:#b9c6d6;color:#1c2430}
.catalog-sort > span{color:#98a2b3;font-weight:600}
.catalog-sort select{height:auto;min-height:0;padding:0 20px 0 0;margin:0;border:0 !important;background:transparent;box-shadow:none !important;font-size:13.5px;font-weight:600;color:#1c2430;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%2398a2b3' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:9px}
.catalog-sort select:focus{outline:none;box-shadow:none !important}
.catalog-instock.is-on{border-color:#a7e0ba;background:#f2fbf5;color:#12772e}

/* 7) Filtr: başlıq ilə seçimlər arasındakı boşluq azaldıldı */
#left-sidebar .widget-title-wrapper{margin-bottom:6px}
#left-sidebar .widget-title,#left-sidebar h3.widget-title{margin:0 0 4px;font-size:14px;font-weight:700;letter-spacing:-.01em}
.catalog-filter-options{margin-top:2px}
.catalog-filter > section{padding-bottom:16px;margin-bottom:16px}
.zuma{padding-bottom:16px}

/* ==========  23. Öz komponentlərimiz qlobal düymə qaydalarından kənardır  ==========
   §20-nin düymə qaydası səhvən bütün <button> elementlərinə düşürdü. Aşağıdakılar
   öz ölçüsünü geri alır. */
.thumbnail-slider-wrapper .prev-arrow, .thumbnail-slider-wrapper .next-arrow, .rc-nav,.cat-select-btn, .mnav .close,.mnav-head .close, .ts-floating-sidebar .close, .pg-lightbox button, .mnav-soc a,.ft-soc,.products .product .product-group-button .button-in{min-height:0 !important;padding:0 !important;font-size:0;letter-spacing:normal !important;text-transform:none !important}
.cat-select-btn{display:flex;align-items:center;gap:8px;height:44px;max-width:200px;border:0;border-right:1px solid var(--ts-border,#e6e9ee);background:transparent;cursor:pointer;font-weight:600;color:#3d4757;white-space:nowrap;overflow:hidden;padding:0 12px 0 16px !important;font-size:13.5px !important}
.mnav-soc a,.ft-soc{font-size:16px}
.pg-lightbox .pg-lb-close{font-size:36px}
.pg-lightbox .pg-lb-prev,.pg-lightbox .pg-lb-next{font-size:52px}
.thumbnail-slider-wrapper .prev-arrow, .thumbnail-slider-wrapper .next-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--ts-border,#e6e9ee);background:#fff;box-shadow:0 4px 14px -6px rgba(16,24,40,.32);cursor:pointer;font-size:0;color:#3d4757;opacity:1;transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease;width:36px;height:36px;border-radius:50% !important}
.rc-nav{position:absolute;top:calc(50% - 34px);transform:translateY(-50%);z-index:3;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--ts-border,#e6e9ee);background:#fff;box-shadow:0 4px 14px -6px rgba(16,24,40,.32);font-size:0;color:#3d4757;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease;width:38px;height:38px;border-radius:50% !important}
.products .product .product-group-button .button-in{border-radius:var(--r-btn) !important;background:rgba(255,255,255,.94);border:1px solid var(--ts-border,#e8eaef);box-shadow:0 4px 12px -6px rgba(16,24,40,.28);display:flex;align-items:center;justify-content:center;transition:background-color .18s var(--ease-ui),border-color .18s var(--ease-ui),
	           color .18s var(--ease-ui),transform .18s var(--ease-ui);width:38px;height:38px}
.products .product .product-group-button .product-defect,
.products .product .product-wrapper:hover .product-group-button .product-defect,
.products .product .product-group-button .product-defect:hover{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-btn);background:#facc15;border:1px solid #d9a600;color:#422006;box-shadow:0 4px 12px -6px rgba(16,24,40,.28);font:700 23px/1 Arial,sans-serif;transform:none!important;transition:none}
.mnav .close,.mnav-head .close{width:34px;height:34px;border-radius:10px !important}

/* select-lər öz ölçüsünü saxlayır */
.catalog-sort select,.cat-select select,.select-category{min-height:0}

/* ==========  24. Axtarış düyməsi blokdan böyük çıxırdı  ==========
   Tema `.ts-search-by-category .search-table .search-button input[type^=submit]`
   seçicisinə `padding:16px 30px!important` verir (spesifiklik 0,4,1) — düymə
   46px-lik həbdən hündür olurdu. Eyni spesifikliklə ləğv edirik. */
.ts-search-by-category .search-table .search-button{display:flex;align-items:stretch;height:100%;flex:0 0 auto;overflow:hidden;border-radius:0 11px 11px 0}
.ts-search-by-category .search-table .search-button input[type="submit"], .ts-search-by-category .search-table .search-button input[type^="submit"]{position:static;inset:auto;height:100%;min-height:0;width:auto;margin:0;padding:0 28px !important;border:0 !important;border-radius:0 !important;font-size:14px !important;font-weight:700;line-height:1;text-transform:none !important;letter-spacing:.01em !important;background-color:var(--ts-primary-color) !important;color:#fff !important;transform:none !important;box-shadow:none !important}
.ts-search-by-category .search-table .search-button input[type^="submit"]:hover{box-shadow:none !important;filter:brightness(.92)}
/* axtarış sahəsi və düymə eyni hündürlükdə dayansın */
.ts-search-by-category .search-table, .ts-search-by-category .search-field, .ts-search-by-category .search-content{height:100%;align-items:stretch}

/* ==========  25. Məhsul altındakı meta və paylaşma düymələri  ========== */
.meta-content{margin-top:18px;padding-top:16px;border-top:1px solid var(--ts-border,#e8eaef);display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--ts-gray-color,#6b7280)}
.meta-content .sku-wrapper,.meta-content .tags-link{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0}
.meta-content .sku-wrapper > span:first-child, .meta-content .tags-link > span:first-child{min-width:92px;color:#98a2b3}
.meta-content .sku{color:var(--ts-heading-color,#0f1219);font-weight:600}
.meta-content .tag-links a{display:inline-block;margin:0 6px 6px 0;padding:3px 11px;border:1px solid var(--ts-border,#e8eaef);border-radius:999px;font-size:12.5px;color:var(--ts-gray-color,#6b7280);text-decoration:none;transition:border-color .16s ease,color .16s ease,background-color .16s ease}
.meta-content .tag-links a:hover{border-color:var(--ts-primary-color);color:var(--ts-primary-color);background:#fff}

/* --- paylaşma --- */
.share-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.share-label{color:#98a2b3;font-size:13.5px;min-width:92px}
.share-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.share-btn{position:relative;width:38px;height:38px;padding:0 !important;min-height:0 !important;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ts-border,#e8eaef);border-radius:11px;background:#fff;color:#4b5563;cursor:pointer;text-decoration:none;transition:background-color .18s var(--ease-ui),border-color .18s var(--ease-ui),
	           color .18s var(--ease-ui),transform .18s var(--ease-ui)}
.share-btn svg{width:18px;height:18px;fill:currentColor;display:block}
.share-btn:hover{transform:translateY(-2px);color:#fff}
.share-btn.sh-wa:hover{background:#25d366;border-color:#25d366}
.share-btn.sh-tg:hover{background:#229ed9;border-color:#229ed9}
.share-btn.sh-fb:hover{background:#1877f2;border-color:#1877f2}
.share-btn.sh-cp:hover{background:#374151;border-color:#374151}

/* «Kopyalandı» balonu */
.share-copied{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:4px 10px;border-radius:8px;background:#111827;color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.share-btn.is-copied .share-copied{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

@media (max-width:600px){
	.share-label,.meta-content .sku-wrapper > span:first-child,
	.meta-content .tags-link > span:first-child{min-width:0}
	.share-row{gap:8px}
}

/* ==========  26. Oxşar məhsullar karuseli — son düzəlişlər  ========== */
/* 1) rəy blokundan aydın ayrılsın */
.related-carousel{margin:44px 0 8px;padding-top:32px;border-top:1px solid var(--ts-border,#e8eaef)}
.product-sections + .related-carousel{margin-top:36px}
.related-carousel h2{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0 0 18px}

/* 2) şəkil kartı tam doldursun */
.rc-img{align-items:center;justify-content:center;aspect-ratio:1/1;background:#fafbfc;overflow:hidden;display:block}
.rc-img img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .35s var(--ease-ui)}
.rc-link:hover .rc-img img{transform:scale(1.04)}

/* alt xətt heç yerdə çıxmasın */
.rc-link,.rc-link:hover,.rc-link:focus, .rc-link *,.rc-title,.rc-title a,.rc-price{text-decoration:none !important}
.rc-body{padding:12px 13px 15px}
.rc-title{font-size:14px;font-weight:600;line-height:1.4;margin:0 0 9px;color:var(--ts-heading-color,#0f1219);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.rc-link:hover .rc-title{color:var(--ts-primary-color)}
.rc-price{font-size:16px;font-weight:800;color:var(--ts-product-price-color,#111827)}

/* ==========  27. «Haqqında» bölməsinin məzmunu (redaktordan gələn HTML)  ==========
   Köhnə tab blokunda inline `<style>.elementor ul li p{display:inline}</style>` var idi;
   tablar ləğv olunanda o da getdi və `<li>` içindəki `<p>` sətri qırırdı. */
.pd-section-body .elementor ul li p, .pd-section-body li p, .product-content li p{display:inline;margin:0}
.pd-section-body p{margin:0 0 12px}
.pd-section-body p:last-child{margin-bottom:0}

/* redaktordan gələn siyahılar normal görünsün */
.pd-section-body ul,.pd-section-body ol{margin:0 0 14px;padding-left:20px;display:block}
.pd-section-body ul{list-style:disc}
.pd-section-body ol{list-style:decimal}
.pd-section-body li{display:list-item;list-style:inherit;margin:0 0 6px;padding:0;line-height:1.7}
.pd-section-body li::before{content:none !important}
.pd-section-body li:last-child{margin-bottom:0}

/* mətn daxilindəki digər elementlər */
.pd-section-body img{max-width:100%;height:auto;border-radius:10px;margin:8px 0}
.pd-section-body a{color:var(--ts-primary-color);text-decoration:none}
.pd-section-body a:hover{text-decoration:underline}
.pd-section-body table{width:100%;border-collapse:collapse;margin:12px 0}
.pd-section-body td,.pd-section-body th{border:1px solid var(--ts-border,#e8eaef);padding:8px 10px;font-size:14px}
.pd-section-body h2,.pd-section-body h3,.pd-section-body h4{margin:18px 0 8px;font-size:16px;font-weight:700}
.pd-section-body h2:first-child,.pd-section-body h3:first-child{margin-top:0}

/* ID və Stok kodu yan-yana (2 sütun) */
.meta-content .meta-cols{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}
.meta-content .meta-cols .sku-wrapper > span:first-child{min-width:auto;margin-right:2px}
@media (max-width:600px){
	.meta-content .meta-cols{grid-template-columns:1fr;gap:6px}
}

/* Zəmanət blokunda «Bizə yazın» — aydın keçid olduğu bilinsin */
.ts-summary-custom-content a{display:inline-flex;align-items:center;gap:5px;color:var(--ts-primary-color);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;transition:opacity .16s ease,gap .16s ease}
.ts-summary-custom-content a::after{content:"";width:11px;height:11px;flex:0 0 auto;background:currentColor;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h12.2l-4.6-4.6L14 6l7 7-7 7-1.4-1.4 4.6-4.6H5z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h12.2l-4.6-4.6L14 6l7 7-7 7-1.4-1.4 4.6-4.6H5z'/%3E%3C/svg%3E") no-repeat center/contain}
.ts-summary-custom-content a:hover{opacity:.8;gap:8px}

/* ==========  28. Rəy əlavə etmə forması — iki sütun  ========== */
.pd-reviews .pd-form{margin-top:24px;padding:22px;border:1px solid var(--ts-border,#e8eaef);border-radius:14px;background:#fafcfb}
.pd-form .box,.pd-form .box_in{padding:0;margin:0;border:0;background:transparent}
.pd-form .addcomment .plus_icon{display:none}
.pd-form .box_in > h3{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--ts-heading-color,#0f1219)}
.pd-form .cf-grid,.cf-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;float:none;width:auto}
.pd-form .cf-main{flex:1 1 360px;min-width:0;float:none;width:auto}
.pd-form .cf-side{flex:0 0 300px;max-width:100%}
.cf-main{min-width:0;max-width:100%;float:none;width:auto}
.cf-side{min-width:0;float:none;width:auto;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--ts-border,#e8eaef);border-radius:12px;background:#fff}
.cf-side .form-group{margin:0}
.cf-side label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#4b5563}
.cf-side input[type="text"]{width:100%}
.cf-side .form_submit{margin:2px 0 0;padding:0;text-align:left}
.cf-side .btn,.cf-side button[type="submit"]{width:100%;min-height:44px;padding:0 20px;border:0;border-radius:10px;background:var(--ts-primary-color);color:#fff;font-size:14.5px;font-weight:700;cursor:pointer;transition:filter .16s ease,transform .16s ease}
.cf-side .btn:hover,.cf-side button[type="submit"]:hover{filter:brightness(.92);transform:translateY(-1px)}
.cf-subscribe label{display:flex;align-items:center;gap:9px;margin:0;font-size:13.5px;font-weight:500;color:#4b5563;cursor:pointer}
.cf-subscribe input[type="checkbox"]{appearance:none;position:relative;width:18px;height:18px;flex:0 0 18px;margin:0;border:1.5px solid #c9cec9;border-radius:5px;background:#fff;cursor:pointer}
.cf-subscribe input[type="checkbox"]:checked{border-color:var(--ts-primary-color);background:var(--ts-primary-color)}
.cf-subscribe input[type="checkbox"]:checked::after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cf-main .comments-image-uploader-area{margin-top:10px;font-size:13.5px}
.cf-main .comments-image-uploader-area > a{color:var(--ts-primary-color);text-decoration:none;font-weight:600}
.cf-main .tox-tinymce{border-radius:12px !important;border-color:var(--ts-border,#e8eaef) !important}
.c-captcha img{display:block;margin-bottom:8px;border-radius:8px}

@media (max-width:780px){
	.pd-reviews .pd-form{padding:16px}
	.pd-form .cf-grid,.cf-grid{gap:16px}
	.pd-form .cf-side{flex:1 1 100%}
	.cf-side{padding:14px}
}


/* ==========  29. Yazılmış rəylərin görünüşü  ==========
   Köhnə DLE şablonundan gələn `.box`/`.comment` kölgəsi və faizli doldurma
   burada sıfırlanır; rəy kartı sıfırdan qurulur. Rəy YAZMA forması §28-dədir. */

/* tema qalıqları */
.pd-reviews .box,.pd-reviews .comment{box-shadow:none !important;border:0;border-radius:0;background:transparent;margin:0;padding:0;float:none;width:auto}
.pd-reviews .box_in{padding:0}
.pd-reviews .box > .heading{padding:0;margin:0;text-transform:none}

/* siyahı */
.pd-reviews .com_list{display:flex;flex-direction:column;gap:14px}
.pd-reviews .com_list:empty{display:none}
.pd-reviews .comments-tree-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pd-reviews .comments-tree-list > li{list-style:none;background:transparent;border:0;padding:0}
.pd-reviews .comments-tree-list .comments-tree-list{margin-top:12px;padding-left:20px;border-left:2px solid var(--ts-border,#e8eaef)}

/* bir rəy kartı */
.pd-reviews .cm-item{position:relative;background:#fff;border:1px solid var(--ts-border,#e8eaef);border-radius:14px;padding:18px 20px;box-shadow:0 5px 18px rgba(17,24,39,.035);overflow:hidden}
.pd-reviews .cm-item::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ts-primary-color,#078b2f)}
.cm-head{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.cm-avatar{flex:0 0 auto}
.cm-avatar .cover{display:block;width:42px;height:42px;border:2px solid #fff;border-radius:50%;background-size:cover;background-position:center;background-color:#eef1f5;font-size:0;overflow:hidden;box-shadow:0 0 0 1px var(--ts-border,#e8eaef)}
.cm-who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.cm-name{font-size:14px;font-weight:700;line-height:1.3;color:var(--ts-heading-color,#0f1219)}
.cm-date{font-size:12px;line-height:1.3;color:#98a2b3}
.cm-online{font-style:normal;color:#12772e;font-weight:600}
.cm-rate{flex:0 0 auto;display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}
.cm-rate .icon{width:16px;height:16px;fill:currentColor}
.cm-rate .ratingtypeplusminus{font-weight:700}
.cm-rate .ratingplus{color:#12772e}
.cm-rate .ratingminus{color:#dd2831}

/* mətn */
.cm-body{padding-left:54px;font-size:14.5px;line-height:1.7;color:var(--ts-text-color,#14171f);overflow-wrap:anywhere}
.cm-body p{margin:0 0 10px}
.cm-body p:last-child{margin:0}
.cm-post-title{margin:0 0 8px;font-size:14px;font-weight:700}
.cm-post-title a{color:var(--ts-primary-color);text-decoration:none}
.cm-images{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.cm-images img{max-width:110px;height:auto;border-radius:10px;border:1px solid var(--ts-border,#e8eaef)}
.cm-signature{margin-top:12px;padding-top:10px;border-top:1px dashed var(--ts-border,#e8eaef);font-size:12.5px;color:#98a2b3}

/* əməliyyatlar */
.pd-reviews .cm-actions{list-style:none;margin:14px 0 0 54px;padding:11px 0 0;border-top:1px solid var(--ts-border,#e8eaef);display:flex;flex-direction:row;flex-wrap:wrap;gap:7px}
.pd-reviews .cm-actions li{display:block;list-style:none;margin:0;padding:0}
.cm-actions li:empty{display:none}
.cm-actions a{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border-radius:7px;background:#f5f7f6;font-size:12.5px;color:#667085;text-decoration:none;cursor:pointer;transition:color .16s ease,background-color .16s ease}
.cm-actions a:hover{color:var(--ts-primary-color);background:#edf7ef}
.cm-actions .icon{width:15px;height:15px;fill:currentColor}
.cm-del a:hover{color:#dd2831}

@media (max-width:600px){
	.pd-reviews .cm-item{padding:15px}
	.cm-body{padding-left:0}
	.pd-reviews .cm-actions{margin-left:0;gap:6px}
}

/* rəy avatarı — ümumi `.avatar .cover` 100px bazasını üstələyir */
.cm-avatar .cover{width:38px;height:38px;text-indent:0;white-space:normal}

/* ---- Rəy əməliyyatları: DLE `<li>` içinə öz `<a>`-nı qoyur ---- */
.cm-actions li > a,
.cm-actions li > a:link,
.cm-actions li > a:visited{
	display:inline-flex;align-items:center;gap:6px;
	font-size:13px;line-height:1.2;color:#6b7280;text-decoration:none;
	min-height:30px;padding:5px 9px;margin:0;border:0;border-radius:7px;width:auto;height:auto;background:#f5f7f6;
	transition:color .16s ease,background-color .16s ease;
}
.cm-actions li > a:hover{color:var(--ts-primary-color);background:#edf7ef}
.cm-actions .cm-del > a:hover{color:#dd2831}
.cm-actions .icon{width:15px;height:15px;fill:currentColor;margin:0;flex:0 0 15px}
.cm-actions li:empty{display:none}
/* kütləvi seçim checkbox-u */
.cm-actions .cm-mass label{display:inline-flex;align-items:center;margin:0;cursor:pointer}
.cm-actions .cm-mass input[type="checkbox"]{
	appearance:none;-webkit-appearance:none;position:relative;
	width:16px;height:16px;margin:0;
	border:1.5px solid #c9cec9;border-radius:4px;background:#fff;cursor:pointer;
}
.cm-actions .cm-mass input[type="checkbox"]:checked{border-color:var(--ts-primary-color);background:var(--ts-primary-color)}
.cm-actions .cm-mass input[type="checkbox"]:checked::after{
	content:"";position:absolute;left:4.5px;top:1px;width:4px;height:8px;
	border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}
/* reytinq blokundakı link */
.cm-rate a{display:inline-flex;align-items:center;gap:5px;color:#6b7280;text-decoration:none;border:0}
.cm-rate a:hover{color:var(--ts-primary-color)}
.cm-rate .ratingtypeplus{font-weight:700}
/* ad linki */
.cm-name a{color:inherit;text-decoration:none}
.cm-name a:hover{color:var(--ts-primary-color)}
.cm-avatar a{display:block}
/* kütləvi əməliyyat paneli */
.pd-reviews .mass_comments_action{
	display:flex;align-items:center;gap:10px;flex-wrap:wrap;
	margin-top:14px;padding-top:12px;
	border-top:1px solid var(--ts-border,#e8eaef);
	font-size:13.5px;color:#6b7280;
}
.pd-reviews .mass_comments_action label{margin:0}
.pd-reviews .mass_comments_action select{min-height:36px;padding:0 10px;font-size:13.5px}
.pd-reviews .mass_comments_action button{
	min-height:36px;padding:0 16px;border:0;border-radius:9px;
	background:#eef1f5;color:#3d4757;font-size:13.5px;font-weight:600;cursor:pointer;
}
.pd-reviews .mass_comments_action button:hover{background:#e2e7ee}

/* ============================================================================
   MOBİL — yalnız ≤991px. Masaüstü görünüşə TOXUNMUR.
   ========================================================================== */

/* ---- 1. Kursor: klik oluna bilən ikonlarda əl işarəsi ---- */
.ts-mobile-icon-toggle,.ts-mobile-icon-toggle .icon,
.search-button.search-icon,.search-button.search-icon .icon,
.icon-menu-sticky-header,.icon-menu-sticky-header .icon,
.ts-floating-sidebar .close,.mnav-head .close,
.gridlist-toggle span,.filter-widget-area-button a{
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	user-select:none;
}

@media (max-width:991px){

	/* ---- 2. Başlıqdakı ikonların hizası və aralığı ---- */
	.ts-header .header-middle .header-right{
		display:flex;align-items:center;gap:4px;
	}
	.ts-header .header-middle .header-right > div{
		display:flex;align-items:center;justify-content:center;
		margin:0;padding:0;height:42px;min-width:42px;
	}
	.ts-header .header-right .search-button.search-icon .icon,
	.ts-header .header-right .ts-mobile-icon-toggle .icon,
	.ts-header .header-right .tini-wishlist{
		display:flex;align-items:center;justify-content:center;
		width:42px;height:42px;padding:0;border-radius:10px;line-height:1;
	}
	.ts-header .header-right .my-account-wrapper .account-control > a{
		display:flex;align-items:center;justify-content:center;
		width:42px;height:42px;padding:0;line-height:1;
	}
	/* mobildə hesab adı və «Sualınız var?» mətnləri yalnız ikon yerini şişirdir */
	.ts-header .header-right .my-account-wrapper .account-control > a > span{display:none}
	/* `.ts-header.device-show-hotline .hotline` tema qaydası güclüdür — üstələyirik */
	.ts-header.device-show-hotline .header-middle .header-right .hotline,
	.ts-header .header-middle .header-right .hotline{display:none !important}
	.ts-header .header-right .tini-wishlist .count-number{
		position:absolute;top:4px;right:4px;
		min-width:16px;height:16px;padding:0 4px;
		display:flex;align-items:center;justify-content:center;
		font-size:10px;font-weight:700;line-height:1;border-radius:999px;
	}
	.ts-header .header-right .my-wishlist-wrapper{position:relative}
	.ts-header .header-middle > .container{padding-top:8px;padding-bottom:8px}
	.ts-header .header-middle .logo img{max-height:30px;width:auto}

	/* mobil axtarış paneli — «MOBİL AXTARIŞ» bölməsində */

	/* ---- 4. Digər mobil düzəlişlər ---- */
	.products .product .meta-wrapper{padding:2px 10px 10px}
	.products .product .heading-title.product-name{font-size:13px;line-height:1.35}
	.products .product .price ins{font-size:15px}

	/* məhsul səhifəsi */
	.summary .product_title{font-size:20px;line-height:1.3}
	.woocommerce div.product .summary p.price{padding:12px 14px !important}
	.woocommerce div.product .summary p.price ins{font-size:24px}
	/* Mobil: sətir flex OLMASIN — linkə çevrilmiş xfield dəyərləri (məs. «14» və «FHD»)
	   flex elementi kimi hərəsi öz sətrinə düşürdü. Adi blok axınında yan-yana qalırlar.
	   (14.09.2026) */
	.woocommerce-product-details__short-description ul li{
		display:block;gap:0;padding:8px 2px;
	}
	.woocommerce-product-details__short-description ul li b{
		display:inline;flex:none;max-width:none;margin:0 6px 0 0;
	}
	.woocommerce-product-details__short-description ul li.bat-cap{display:block}

	/* Başlıq altı: stok nişanı şəkil üstünə köçürüldü, burada yalnız ulduzlar qalır. */
	.summary .ts-product-ratings-stock{
		display:flex;align-items:center;gap:8px;margin:2px 0 12px !important;
	}

	/* Mobil boşluqlar — bloklar arasında vahid ritm (14.09.2026) */
	.product-images-summary > .summary{margin-top:18px !important}
	.summary .product_title{margin:0 0 6px}
	.woocommerce div.product .summary p.price{margin:0 0 12px !important}
	.woocommerce-product-details__short-description ul{margin:14px 0 !important}
	.ts-summary-custom-content{margin:14px 0 !important;padding:14px 16px}
	.summary .meta-content{margin-top:14px !important;padding-top:14px}
	.product-sections{margin-top:20px;gap:14px}

	/* yol izi sətir sınmasın, sürüşsün */
	.breadcrumbs-container{
		display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;
		white-space:nowrap;scrollbar-width:none;font-size:12.5px;
	}
	.breadcrumbs-container::-webkit-scrollbar{display:none}
	.breadcrumbs-container{max-width:100%}

	/* Mobil kateqoriya başlığı speedbar-dan ayrı görünsün. */
	.breadcrumb-title-wrapper.breadcrumb-v1{
		background:#fff !important;
	}
	.breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs{
		margin:0 -10px !important;
		padding:12px 10px !important;
		background:var(--ts-breadcrumb-bg,#f7f9fb);
	}
	.breadcrumb-title-wrapper.breadcrumb-v1 .breadcrumbs:before{content:none !important}
	.breadcrumb-title-wrapper.breadcrumb-v1 .heading-title{
		margin:0 !important;
		padding:18px 0 14px !important;
		background:#fff;
		font-size:24px;
		line-height:1.25;
	}

	/* alət paneli */
	.before-loop-wrapper{gap:8px}
	.catalog-instock,.catalog-sort{height:38px;font-size:13px}

	/* toxunma hədəfləri ən azı 40px */
	.cm-actions a,.ft-links a,.mnav-pages a{min-height:36px}

	/* üfüqi daşma olmasın */
	html,body{overflow-x:hidden}
	.container{padding-left:14px;padding-right:14px}
}

/* Ana səhifə məhsul şəbəkəsi: telefon 2, planşet 3, kiçik desktop 4, geniş ekran 5 sütun. */
.ts-product-in-category-tab-wrapper .column-products,
.ts-product-in-category-tab-wrapper .column-products > .products{
	width:100% !important;
	max-width:100% !important;
	min-width:0 !important;
}
.ts-product-in-category-tab-wrapper .column-products > .products{
	display:grid !important;
	grid-template-columns:repeat(5,minmax(0,1fr)) !important;
	gap:16px !important;
}
.ts-product-in-category-tab-wrapper .column-products > .products > .product{
	width:100% !important;
	max-width:100% !important;
	min-width:0 !important;
	margin:0 !important;
}
@media (max-width:1279px){
	.ts-product-in-category-tab-wrapper .column-products > .products{
		grid-template-columns:repeat(4,minmax(0,1fr)) !important;
		gap:14px !important;
	}
}
@media (max-width:991px){
	.ts-product-in-category-tab-wrapper .column-products > .products{
		grid-template-columns:repeat(3,minmax(0,1fr)) !important;
		gap:12px !important;
	}
}
@media (max-width:767px){
	.ts-product-in-category-tab-wrapper .column-products > .products{
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
		gap:10px !important;
	}
}

@media (max-width:480px){
	.woocommerce .products{gap:10px}
	.products .product .heading-title.product-name{font-size:12.5px}
	.ts-header .header-middle .header-right{gap:2px}
	.ts-header .header-middle .logo img{max-height:26px}
}

@media (max-width:991px){
	/* loqo və ikonlar bir sətirdə — başlıq alçalır */
	.ts-header .header-middle > .container{
		display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;
	}
	.ts-header .header-middle .header-left{flex:0 0 auto;margin:0}
	.ts-header .header-middle .header-center{display:none}
	.ts-header .header-middle .header-right{flex:0 0 auto;margin-left:auto}

	/* kart düyməsi bir az alçaq və yığcam */
	.products .product .loop-add-to-cart .button{min-height:36px;font-size:12.5px !important;border-radius:9px !important}
	.products .product .product-group-button-meta{padding:0 10px 10px}
	.products .product .woocommerce-product-rating{transform:scale(.8);transform-origin:left center;margin:0 0 2px}
	.products .product .product-categories{font-size:10.5px;margin-bottom:2px}
	.products .product .price{margin-bottom:8px}
}

/* ============================================================================
   MOBİL AXTARIŞ PANELİ (öz markup-ımız — modules/mobile.tpl)
   ========================================================================== */
#ts-search-sidebar.msearch .ts-sidebar-content{
	width:100%;max-width:100%;padding:0;
	background:#fff;display:flex;flex-direction:column;
	transform:translateX(100%);
}
#ts-search-sidebar.msearch.active .ts-sidebar-content{transform:translateX(0)}

.msearch-head{
	flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
	height:54px;padding:0 16px;
	border-bottom:1px solid var(--ts-border,#e8eaef);
}
.msearch-title{font-size:15px;font-weight:700;color:var(--ts-heading-color,#0f1219)}
#ts-search-sidebar.msearch .msearch-head .close{
	position:static;width:36px;height:36px;margin:0;padding:0;
	border:0;border-radius:10px;background:#f3f5f8;
	display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
}
.msearch-head .close::before,.msearch-head .close::after{
	content:"";position:absolute;width:15px;height:1.8px;background:#3d4757;border-radius:2px;
}
.msearch-head .close{position:relative}
.msearch-head .close::before{transform:rotate(45deg)}
.msearch-head .close::after{transform:rotate(-45deg)}

.msearch-form{flex:0 0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}
.msearch-row{
	display:flex;align-items:stretch;height:48px;
	border:1px solid var(--ts-input-border,#dfe3ea);border-radius:12px;
	background:#fff;overflow:hidden;
	transition:border-color .16s ease,box-shadow .16s ease;
}
.msearch-row:focus-within{
	border-color:var(--ts-primary-color);box-shadow:0 0 0 3px rgba(0,104,200,.12);
}
.msearch-row{padding-left:12px}
.msearch-ico{flex:0 0 18px;width:18px;height:18px;fill:#98a2b3;align-self:center}
.msearch-input{
	flex:1 1 auto;min-width:0;height:100%;min-height:0;margin:0;
	padding:0 12px;border:0 !important;border-radius:0 !important;
	background:transparent;box-shadow:none !important;
	font-size:16px;color:var(--ts-text-color,#14171f);
}
.msearch-input:focus{box-shadow:none !important}
/* «Axtar» düyməsi ayrıca, tam en, ən altda */
.msearch-submit{
	width:100%;height:48px;min-height:0;margin:2px 0 0;padding:0 !important;
	display:flex;align-items:center;justify-content:center;
	border:0 !important;border-radius:12px !important;
	background:var(--ts-primary-color) !important;color:#fff !important;
	font-size:15px;font-weight:700;letter-spacing:.01em;cursor:pointer;
	text-transform:none !important;
}
.msearch-submit:hover{filter:brightness(.92)}

.msearch-cat{display:flex;flex-direction:column;gap:6px;margin:0}
.msearch-cat > span{font-size:12.5px;font-weight:600;color:#98a2b3}
.msearch-cat select{
	width:100%;height:46px;min-height:0;padding:0 36px 0 14px;
	border:1px solid var(--ts-input-border,#dfe3ea);border-radius:12px;
	background-color:#fff;font-size:15px;color:var(--ts-text-color,#14171f);
	appearance:none;-webkit-appearance:none;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%2398a2b3' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 14px center;background-size:11px;
}
#ts-search-sidebar.msearch .ts-search-result-container{
	flex:1 1 auto;overflow-y:auto;padding:0 16px 16px;
}

/* ============================================================================
   GİRİŞ / QEYDİYYAT / ŞİFRƏ BƏRPASI
   ========================================================================== */
#customer_login,.page_form__form{max-width:520px;margin:0 auto;width:100%}
#customer_login h2,.page_form__inner .title,.woocommerce .title.h1{
	margin:0 0 18px;font-size:22px;font-weight:700;
	color:var(--ts-heading-color,#0f1219);text-align:left;
}
#customer_login .u-column1,#customer_login .u-columns{width:100%;float:none;margin:0;padding:0}
.woocommerce-form-row,.page_form__form .form-group{
	display:flex;flex-direction:column;gap:6px;margin:0 0 14px;
}
.woocommerce-form-row label,.page_form__form label{
	font-size:13.5px;font-weight:600;color:#4b5563;margin:0;
}
.woocommerce-form-row .required{color:#dd2831;text-decoration:none}
.woocommerce-form-row input[type="text"],
.woocommerce-form-row input[type="email"],
.woocommerce-form-row input[type="password"],
.page_form__form input[type="text"]{width:100%}

/* şifrə sahəsi + göstər düyməsi */
.password-input{position:relative;display:block;width:100%}
.password-input input{width:100%;padding-right:46px !important}
.show-password-input{
	position:absolute;top:50%;right:6px;transform:translateY(-50%);
	width:34px;height:34px;min-height:0 !important;padding:0 !important;margin:0;
	display:flex;align-items:center;justify-content:center;
	border:0 !important;border-radius:8px !important;background:transparent !important;
	cursor:pointer;opacity:.55;transition:opacity .16s ease,background-color .16s ease;
}
.show-password-input::before{
	content:"";width:20px;height:20px;background:#3d4757;
	-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c-5 0-9.3 3.1-11 7 1.7 3.9 6 7 11 7s9.3-3.1 11-7c-1.7-3.9-6-7-11-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-8a3 3 0 1 0 0 6 3 3 0 0 0 0-6z'/%3E%3C/svg%3E") no-repeat center/contain;
	        mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c-5 0-9.3 3.1-11 7 1.7 3.9 6 7 11 7s9.3-3.1 11-7c-1.7-3.9-6-7-11-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-8a3 3 0 1 0 0 6 3 3 0 0 0 0-6z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.show-password-input.is-visible::before{
	-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4.3 3.3 3 21 20.7 19.7 22l-3-3A12 12 0 0 1 12 20c-5 0-9.3-3.1-11-8a12 12 0 0 1 4.2-5.3L2 4.3zM12 8a4 4 0 0 1 4 4c0 .5-.1 1-.3 1.4l-5.1-5.1c.4-.2.9-.3 1.4-.3zm0-3c5 0 9.3 3.1 11 8a12 12 0 0 1-3.4 4.6l-2.2-2.2A4 4 0 0 0 12 8c-.3 0-.6 0-.9.1L8.9 5.9C9.9 5.3 10.9 5 12 5z'/%3E%3C/svg%3E") no-repeat center/contain;
	        mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4.3 3.3 3 21 20.7 19.7 22l-3-3A12 12 0 0 1 12 20c-5 0-9.3-3.1-11-8a12 12 0 0 1 4.2-5.3L2 4.3zM12 8a4 4 0 0 1 4 4c0 .5-.1 1-.3 1.4l-5.1-5.1c.4-.2.9-.3 1.4-.3zm0-3c5 0 9.3 3.1 11 8a12 12 0 0 1-3.4 4.6l-2.2-2.2A4 4 0 0 0 12 8c-.3 0-.6 0-.9.1L8.9 5.9C9.9 5.3 10.9 5 12 5z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.show-password-input:hover{opacity:1;background:#f3f5f8 !important}

/* düymələr və alt linklər */
.woocommerce-form-login__submit,.page_form__form .btn,
.woocommerce-form-register__submit{width:100%;justify-content:center}
.woocommerce-LostPassword{
	display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;
	font-size:13.5px;
}
.woocommerce-LostPassword a{color:var(--ts-primary-color);text-decoration:none;font-weight:600}
.woocommerce-LostPassword a:hover{text-decoration:underline}
.regtext{
	margin:0 0 18px;padding:14px 16px;border-radius:12px;
	background:#f7f9fb;font-size:13.5px;line-height:1.6;color:#4b5563;
}
.regtext a{color:var(--ts-primary-color);text-decoration:none}
.c-captcha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.c-captcha input{flex:1 1 140px;min-width:0}
#result-registration{font-size:13px;margin-top:6px}
.page_form__form .form_submit{margin-top:6px;padding:0;border:0}

@media (max-width:600px){
	#customer_login h2,.page_form__inner .title,.woocommerce .title.h1{font-size:19px}
	.woocommerce-LostPassword{flex-direction:column;gap:8px}
}

/* ============================================================================
   MƏHSUL ŞƏBƏKƏSİ — əsl mexanizm: tema `--ts-columns` dəyişənindən istifadə edir
   `.woocommerce .products:not(.swiper){grid-template-columns:repeat(var(--ts-columns),1fr)}`
   Sütun sayı isə şablonda `style="--ts-columns: 5"` kimi INLINE verilir, ona görə
   yalnız dəyişənin özünü `!important` ilə əvəz etmək işləyir.
   ========================================================================== */
@media (max-width:1159px){
	[style*="--ts-columns"],.woocommerce,.main-products,.ts-shortcode{--ts-columns:4 !important}
}
@media (max-width:859px){
	[style*="--ts-columns"],.woocommerce,.main-products,.ts-shortcode{--ts-columns:3 !important}
}
@media (max-width:559px){
	[style*="--ts-columns"],.woocommerce,.main-products,.ts-shortcode{
		--ts-columns:2 !important;
		--ts-h-gap:10px !important;--ts-v-gap:10px !important;
	}
}
/* kateqoriya səhifəsində sol filtr varsa bir sütun az */
@media (min-width:1160px){
	.has-1-sidebar [style*="--ts-columns"],.has-1-sidebar .woocommerce.main-products{--ts-columns:4 !important}
}

/* ============================================================================
   ŞİFRƏ GÖSTƏR DÜYMƏSİ — tema öz WooCommerce şrift ikonunu `::after` ilə
   əlavə edir (`content:"\e010"`), bizimki isə `::before`-dur → iki ikon çıxırdı.
   ========================================================================== */
.woocommerce-page form .show-password-input::after,
.show-password-input::after{content:none !important;margin:0 !important;display:none !important}
.woocommerce-page form .show-password-input,
.show-password-input{
	position:absolute;top:50%;right:6px;left:auto;transform:translateY(-50%);
	width:34px;height:34px;min-height:0 !important;padding:0 !important;margin:0 !important;
	display:flex;align-items:center;justify-content:center;
	border:0 !important;border-radius:8px !important;background:transparent !important;
	cursor:pointer;opacity:.55;
}

/* Telefonda kart daha yığcam olsun */
@media (max-width:559px){
	.products .product .product-wrapper{border-radius:12px}
	.products .product .thumbnail-wrapper img{aspect-ratio:1/1}
	.products .product .meta-wrapper{padding:2px 9px 9px}
	.products .product .product-categories{font-size:10px;letter-spacing:.02em;margin-bottom:1px}
	.products .product .heading-title.product-name{font-size:12.5px;line-height:1.3;margin-bottom:4px}
	.products .product .woocommerce-product-rating{transform:scale(.72);transform-origin:left center;margin:0 0 1px}
	.products .product .price{margin-bottom:6px}
	.products .product .price ins{font-size:14.5px}
	.products .product .price del{font-size:12px}
	.products .product .loop-add-to-cart .button{min-height:32px;font-size:11.5px !important;border-radius:8px !important}
	.products .product .product-group-button-meta{padding:0 9px 9px}
	.woocommerce .product-label > span{height:19px;padding:0 8px;font-size:10px}
	.products .product .product-label{top:8px;left:8px;gap:4px}
}

/* Giriş/qeydiyyat: mətnlər sola hizalansın, linklər düymə kimi görünməsin */
#customer_login,#customer_login *,
.page_form__form,.page_form__form *{text-align:left}
.woocommerce-form-row label,.page_form__form label{
	text-align:left;display:block;width:100%;
}
.woocommerce-LostPassword{
	display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 20px;
	align-items:center;justify-content:flex-start;
	margin:16px 0 0;padding:14px 0 0;
	border-top:1px solid var(--ts-border,#e8eaef);
}
.woocommerce-LostPassword a{
	display:inline;width:auto;padding:0;border:0;background:none;
	color:var(--ts-primary-color);font-weight:600;font-size:13.5px;text-decoration:none;
}
.woocommerce-LostPassword a:hover{text-decoration:underline}
.woocommerce-form-login__submit,.woocommerce-form-register__submit{
	width:100%;justify-content:center;margin-top:4px;
}
@media (max-width:600px){
	.woocommerce-LostPassword{flex-direction:column;align-items:flex-start;gap:10px}
}


/* ============================================================
   30. HOVER RƏNGİ — yaşıl altxətt düzəlişi (10.09.2026)
   ------------------------------------------------------------
   vendor.css-in :root blokunda link hover rəngi yaşıla
   (rgb(12 117 13)) `!important` ilə təyin edilib — saytın HƏR
   yerində linkin üstünə gələndə yaşıl altxətt görünürdü.
   Aşağıda həmin dəyişənlər brend mavisinə qaytarılır.
   site.css vendor.css-dən SONRA qoşulduğu üçün bu blok üstələyir.
   ============================================================ */
:root{
	--ts-link-color:#0068c8!important;
	--ts-link-hover-color:#0068c8!important;
	--ts-hd-top-link-hover:#0068c8!important;
	--ts-hd-middle-link-hover:#0068c8!important;
	--ts-hd-bottom-link-hover:#0068c8!important;
	--ts-footer-link-hover-color:#0068c8!important;
	--ts-btn-hover-color:#0068c8!important;
	--ts-btn-hover-border:#0068c8!important;
	--ts-btn-special-hover-border:#0068c8!important;
}


/* ============================================================
   32. SOL FİLTR — boşluqlar (10.09.2026)
   ------------------------------------------------------------
   §22-nin 7-ci bəndindəki qaydalar İŞLƏMİRDİ. Səbəb spesifiklik:
   temada
     .woocommerce-page :is(#left-sidebar,#ts-filter-widget-area) .widget-title-wrapper{margin-bottom:25px}
     .woocommerce-page :is(#left-sidebar,#ts-filter-widget-area) .widget-container{padding-bottom:25px;margin-bottom:25px}
   qaydaları var. `:is()` öz arqumentlərinin ƏN YÜKSƏK spesifikliyini
   götürür — orada ID olduğu üçün qayda (1,2,0) sayılır və mənim
   `#left-sidebar .widget-title-wrapper` (1,1,0) qaydamı üstələyirdi.
   Aşağıda seçicilər tema ilə EYNİ spesifiklikdə yazılıb (1,2,0);
   site.css vendor.css-dən sonra qoşulduğu üçün sıraya görə qalib gəlir.
   ============================================================ */

/* başlıq ilə seçimlər arasındakı boşluq: 25px → 10px */
.woocommerce-page #left-sidebar .widget-title-wrapper,
.woocommerce-page #ts-filter-widget-area .widget-title-wrapper{margin-bottom:10px}

/* bölmələr arası boşluq: 25px → 14px */
.woocommerce-page #left-sidebar .widget-container,
.woocommerce-page #ts-filter-widget-area .widget-container{padding-bottom:14px;margin-bottom:14px}
.woocommerce-page #left-sidebar .widget-container:last-child,
.woocommerce-page #ts-filter-widget-area .widget-container:last-child{padding-bottom:0;margin-bottom:0}

/* başlığın öz alt boşluğu da sıfırlanır ki, 10px təmiz qalsın */
.woocommerce-page #left-sidebar .widget-title-wrapper .widget-title,
.woocommerce-page #ts-filter-widget-area .widget-title-wrapper .widget-title{margin-bottom:0}

/* seçim siyahısı başlığa yaxın başlasın */
.catalog-filter-options{margin-top:0}


/* ============================================================
   33. «SIRALA» + «YALNIZ STOKDA OLANLAR» — yenidən işlənib
   (10.09.2026)
   ------------------------------------------------------------
   ƏVVƏLKİ YANAŞMA GERİ ALINDI. §31-də nativ <select>-i gizlədib
   öz açılan siyahımızı qurmuşduq (başlıqdakı bölmə seçicisi kimi).
   O siyahı `position:absolute` idi və bağlı vəziyyətdə də
   (`visibility:hidden`) səhifənin SÜRÜŞMƏ SAHƏSİNƏ daxil olurdu —
   nəticədə brauzerdə üfüqi sürüşmə zolağı yaranırdı.
   `right:-13px` → `right:0` düzəlişi kifayət etmədi.

   İNDİKİ YANAŞMA: nativ <select> saxlanılır. Onun açılan pəncərəsini
   brauzer səhifədən KƏNARDA çəkir, ona görə heç bir halda sürüşmə
   yarada bilmir. Bağlı vəziyyət isə tam bizim nəzarətimizdədir.

   QEYD: burada `position:absolute` işlətmirik — bu, bilərəkdən belədir.
   ============================================================ */

/* ---- Sətrin özü ---- */
.before-loop-wrapper{padding:12px 0 16px;margin-bottom:18px;border-bottom:1px solid var(--ts-border,#e6e9ee);display:flex;align-items:center;flex-wrap:wrap;gap:10px}

/* ---- Hər iki idarəedici: eyni pill forması ----
   Pill YEGANƏ görünən qabdır. Select içəridə tam düzdür: öz fonu,
   çərçivəsi və radiusu yoxdur — əks halda «qutu içində qutu» görünürdü.
   Boşluqlar simmetrikdir: sol 14px, sağ 14px, ox mətndən 20px aralı. */
.catalog-instock,
.catalog-sort{display:inline-flex;align-items:center;height:40px;margin:0;padding:0 14px;border:1px solid var(--ts-input-border,#dfe3ea);border-radius:10px;background:#fff;font-size:13.5px;font-weight:600;color:#4b5563;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.catalog-instock{gap:9px}
.catalog-sort{gap:7px}
.catalog-instock:hover,
.catalog-sort:hover{border-color:#b9c6d6;background:#fcfdfe}

/* fokus halqası — klaviatura ilə naviqasiya üçün */
.catalog-sort:focus-within{border-color:var(--ts-primary-color,#0068c8);box-shadow:0 0 0 3px rgba(0,104,200,.13)}

/* ---- «Sırala:» yazısı ---- */
.catalog-sort > span{flex:0 0 auto;color:#9aa4b2;font-weight:600;font-size:13px;user-select:none}

/* ---- Nativ select: tam düz, pill-ə bitişik ---- */
.catalog-sort select{
	flex:0 1 auto;
	height:100%;
	min-height:0;
	max-width:none;
	width:auto;
	margin:0;
	padding:0 20px 0 0 !important;
	border:0 !important;
	border-radius:0;
	background-color:transparent !important;
	box-shadow:none !important;
	font-family:inherit;
	font-size:13.5px;
	font-weight:650;
	line-height:38px;
	color:#1c2430;
	cursor:pointer;
	appearance:none;-webkit-appearance:none;-moz-appearance:none;
	/* öz oxumuz — temanın `background-position:95% 50%` qaydasını əvəz edir */
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23667085' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:10px 7px;
	transition:color .16s ease;
}
.catalog-sort:hover select{color:#101828}
.catalog-sort select:focus{outline:none;box-shadow:none !important}
.catalog-sort select:focus-visible{outline:none}

/* açılan siyahının bəndləri — brauzerin icazə verdiyi qədər */
.catalog-sort select option{padding:8px 10px;font-size:13.5px;font-weight:600;color:#1c2430;background:#fff}
.catalog-sort select option:checked{font-weight:700;color:var(--ts-primary-color,#0068c8)}

/* ---- «Yalnız stokda olanlar» aktiv vəziyyət ---- */
.catalog-instock.is-on{border-color:#a7d3f5;background:#f2f8fe;color:#0057a8}
.catalog-instock.is-on:hover{background:#eaf4fd}

/* ---- Mobil ---- */
@media (max-width:559px){
	.before-loop-wrapper{gap:8px}
	.catalog-instock,
	.catalog-sort{height:38px;font-size:13px;padding:0 12px}
	.catalog-sort select{line-height:36px}
	.catalog-sort > span{display:none}          /* dar ekranda «Sırala:» yazısı gizlənir */
}


/* ============================================================
   34. «SIRALA» — öz açılan siyahımız (10.09.2026)
   ------------------------------------------------------------
   §33 bağlı vəziyyəti həll etdi, amma açılan siyahını brauzer
   çəkirdi (nativ <select> pəncərəsi CSS ilə bəzənmir).
   Burada siyahını özümüz qururuq — site.js → build().

   ⚠ ƏN VACİB QAYDA — TƏKRARLANMASIN:
   Siyahı BAĞLI vəziyyətdə `display:none` olmalıdır.
   Əvvəlki cəhddə (§31, silinib) `visibility:hidden` işlədilmişdi —
   belə element layout-dan çıxmır və `position:absolute` olduğu üçün
   səhifənin SÜRÜŞMƏ SAHƏSİNƏ daxil olur. Nəticədə bölmə
   səhifələrində üfüqi sürüşmə zolağı yaranmışdı.
   `display:none` isə heç bir yer tutmur — sürüşməyə təsir edə bilmir.
   Ona görə burada açılma animasiyası `transition` ilə yox,
   `@keyframes` ilə verilib (transition display:none-dan işləmir).

   PROQRESSİV TƏKMİLLƏŞDİRMƏ: JS işləməzsə, `.cat-select` sarğısı
   yaranmır, nativ select §33-dəki görünüşü ilə qalır və sıralama
   normal işləyir.
   ============================================================ */

/* nativ select gizlənir — YALNIZ sarğı qurulduqdan sonra */
.catalog-sort .cat-select > select{display:none !important}

/* sarğı: ölçüsü düymə ilə eyni, siyahı üçün mövqe bazası */
.catalog-sort .cat-select{position:relative;display:inline-flex;align-items:center;height:100%}

/* ---- Düymə: §33-dəki nativ select ilə eyni görünüş ---- */
.catalog-sort .cat-select-btn{
	display:inline-flex;align-items:center;
	height:100% !important;min-height:0 !important;max-width:none;
	margin:0;padding:0 20px 0 0 !important;
	border:0 !important;border-radius:0;
	background:transparent;
	font-family:inherit;font-size:13.5px !important;font-weight:650;
	line-height:1;color:#1c2430;white-space:nowrap;cursor:pointer;
	letter-spacing:normal !important;text-transform:none !important;
	transition:color .16s ease;
}
.catalog-sort .cat-select-btn > span{display:block;overflow:visible;text-overflow:clip}
.catalog-sort:hover .cat-select-btn{color:#101828}

/* ox — §33-dəki ilə eyni ölçü və mövqe */
.catalog-sort .cat-select-btn::after{
	content:"";position:static;flex:0 0 10px;width:10px;height:7px;margin-left:10px;
	border:0;background:#667085;
	clip-path:polygon(0 0,100% 0,50% 100%);
	transform:none;
	transition:transform .18s ease,background-color .18s ease;
}
.catalog-sort .cat-select.is-open .cat-select-btn::after{transform:rotate(180deg)}

/* ---- Açılan siyahı ---- */
@keyframes catalogSortIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

.catalog-sort .cat-select-list{
	display:none;                 /* ⚠ bağlı vəziyyət — dəyişdirmə */
	position:absolute;top:calc(100% + 9px);right:0;left:auto;
	min-width:100%;width:max-content;max-width:260px;
	max-height:none;overflow:visible;
	margin:0;padding:6px;
	list-style:none;
	background:#fff;
	border:1px solid rgba(16,24,40,.08);
	border-radius:12px;
	box-shadow:0 16px 40px -14px rgba(16,24,40,.26),0 3px 10px -5px rgba(16,24,40,.08);
	opacity:1;visibility:visible;transform:none;
	z-index:520;
}
.catalog-sort .cat-select.is-open .cat-select-list{
	display:block;
	animation:catalogSortIn .16s ease both;
}

.catalog-sort .cat-select-list li{
	display:flex;align-items:center;gap:9px;
	padding:9px 12px 9px 10px;margin:0;
	border-radius:8px;
	font-size:13.5px;font-weight:600;line-height:1.35;
	color:#3d4757;white-space:nowrap;cursor:pointer;
	list-style:none !important;
	transition:background-color .13s ease,color .13s ease;
}
/* tik yeri — seçilməmiş bənddə görünmür, amma yer tutur (sıra sürüşməsin) */
.catalog-sort .cat-select-list li::before{
	content:"";flex:0 0 14px;width:14px;height:14px;
	background:currentColor;opacity:0;
	-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 12.4 2.4 8.6l1.3-1.3 2.5 2.5 6.1-6.1 1.3 1.3z'/%3E%3C/svg%3E") center/14px no-repeat;
	mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 12.4 2.4 8.6l1.3-1.3 2.5 2.5 6.1-6.1 1.3 1.3z'/%3E%3C/svg%3E") center/14px no-repeat;
	transition:opacity .13s ease;
}
.catalog-sort .cat-select-list li:hover{background:#f2f6fb;color:#1c2430}
.catalog-sort .cat-select-list li.is-selected{color:var(--ts-primary-color,#0068c8);background:rgba(0,104,200,.07)}
.catalog-sort .cat-select-list li.is-selected::before{opacity:1}

/* açıq vəziyyətdə pill vurğulanır */
.catalog-sort:has(.cat-select.is-open){border-color:var(--ts-primary-color,#0068c8);box-shadow:0 0 0 3px rgba(0,104,200,.13);background:#fff}

@media (max-width:559px){
	.catalog-sort .cat-select-list{right:auto;left:0;max-width:calc(100vw - 40px)}
}

/* =========================================================================
   §35 — Konfiqurator kartı: qiymət + RAM + yaddaş seçimi
   -------------------------------------------------------------------------
   Kart JS tərəfindən qurulur (.opt-group): mövcud p.price elementi və
   qurulmuş .opt-picker sətirləri ora KÖÇÜRÜLÜR — təkrar qiymət yaradılmır.
   Çərçivə/fon kartındır, sətirlər yalnız nazik ayırıcı ilə bölünür.

   Tema .summary daxilindəki div və button elementlərinə güclü sıfırlama
   tətbiq edir (padding/margin sıfırlanır, button sərhədi yaşıl olur), ona
   görə seçicilər .product-images-summary .summary altında verilir və
   sıfırlanan xassələrdə !important işlədilir.
   Qeyd: --ts-primary-color vendor.css-də YAŞIL təyin olunub, ona görə
   burada literal mavi (#0068c8) işlədilir.
   ========================================================================= */
.opt-picker{display:none}
.opt-picker .rp-d{display:none !important}

/* ---- kart ---- */
.product-images-summary .summary .opt-group{
	box-sizing:border-box;
	/* tema .summary daxilindəki div-lərin padding/margin-ini sıfırlayır → !important.
	   Alt marj kiçikdir, çünki xüsusiyyət siyahısının ul-u onsuz da 18px
	   yuxarı marj verir (site.css §? — `short-description ul{margin:18px 0}`).
	   22px + 18px = 40px çox idi; 4px + 18px = 22px. */
	margin:0 0 4px !important;
	padding:16px 18px !important;
	border:1px solid #e2e6ec;
	border-radius:14px;
	background:#fbfcfe;
}
/* qiymət kartın başında — temanın öz stilləri qalır, yalnız boşluq tənzimlənir */
.product-images-summary .summary .opt-group > p.price{
	margin:0 0 12px !important;
	padding:0 0 12px !important;
	border-bottom:1px solid #e8ecf2;
}

/* ---- sətir: başlıq solda, düymələr sağda ---- */
/* Sətir qaydası .opt-group-dan ASILI DEYİL: qruplaşdırma hər hansı səbəbdən
   alınmasa, seçicilər yenə görünür (sadəcə kart çərçivəsi olmur). */
.product-images-summary .summary .opt-picker.is-ready{
	display:flex;
	align-items:center;
	gap:14px;
	flex-wrap:wrap;
	margin:0 !important;
	padding:0 !important;
	border:0;
	background:none;
}
.product-images-summary .summary .opt-picker.is-ready + .opt-picker.is-ready{
	margin-top:12px !important;
	padding-top:12px !important;
	border-top:1px solid #e8ecf2;
}

.product-images-summary .summary .opt-picker .rp-head{
	display:flex;align-items:center;gap:8px;
	flex:0 0 auto;min-width:108px;
	margin:0 !important;padding:0 !important;
}
.product-images-summary .summary .opt-picker .rp-title{font-size:13px;font-weight:700;letter-spacing:.01em;color:#101828;white-space:nowrap}
.product-images-summary .summary .opt-picker .rp-diff{font-size:12.5px;font-weight:700;white-space:nowrap}
.product-images-summary .summary .opt-picker .rp-diff.is-up{color:#b54708}
.product-images-summary .summary .opt-picker .rp-diff.is-down{color:#0a7a3d}

.product-images-summary .summary .opt-picker .rp-opts{
	display:flex;flex-wrap:wrap;gap:6px;
	flex:1 1 auto;justify-content:flex-end;
	margin:0 !important;padding:0 !important;
}

/* ---- düymə ---- */
.product-images-summary .summary .opt-picker .rp-opt{
	display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
	min-width:62px;min-height:0;height:auto;
	margin:0 !important;
	padding:7px 12px 6px !important;
	border:1.5px solid #dfe3ea !important;
	border-radius:9px !important;
	background:#fff !important;
	font-size:13.5px;font-weight:650;line-height:1.15;
	color:#101828 !important;
	text-transform:none;letter-spacing:0;
	box-shadow:none;
	cursor:pointer;
	transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.product-images-summary .summary .opt-picker .rp-opt:hover{
	border-color:#0068c8 !important;background:#fff !important;color:#101828 !important;
}
.product-images-summary .summary .opt-picker .rp-opt.is-active{
	border-color:#0068c8 !important;background:#f2f8ff !important;
	box-shadow:0 0 0 3px rgba(0,104,200,.12);
}
.product-images-summary .summary .opt-picker .rp-opt em{
	display:block;margin:2px 0 0 !important;padding:0 !important;
	font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.02em;
	text-transform:uppercase;color:#667085;
}
.product-images-summary .summary .opt-picker .rp-opt.is-active em{color:#0068c8}

/* ---- izah mətni: kartda bir dəfə ---- */
.product-images-summary .summary .opt-group > .rp-note{
	margin:12px 0 0 !important;padding:0 !important;
	font-size:12px;line-height:1.5;color:#667085;
}

/* ---- mobil: başlıq düymələrin üstünə ---- */
@media (max-width:559px){
	.product-images-summary .summary .opt-group{padding:14px 15px !important}
	.product-images-summary .summary .opt-picker.is-ready{flex-direction:column;align-items:stretch;gap:8px}
	.product-images-summary .summary .opt-picker .rp-head{justify-content:space-between;min-width:0}
	.product-images-summary .summary .opt-picker .rp-opts{justify-content:flex-start}
	.product-images-summary .summary .opt-picker .rp-opt{flex:1 1 calc(25% - 5px);min-width:0;padding:7px 6px 6px !important}
}

/* =========================================================================
   §36 — Admin üçün "Redaktə" düyməsi (başlığın yanında)
   -------------------------------------------------------------------------
   DLE [edit] teqi öz <a>-sını əlavə edir, ona görə stil .product_title a
   üzərindən verilir. İcazəsi olmayan istifadəçidə teq tamamilə silinir.
   ========================================================================= */
.product_title .adm-edit{display:none}
.product_title a{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:12px;padding:5px 11px;border:1px solid #dfe3ea;border-radius:9px;background:#fff;font-size:12.5px;font-weight:650;line-height:1;color:#475467;text-decoration:none !important;white-space:nowrap;transition:.16s ease}
.product_title a .adm-edit{display:inline-flex;align-items:center;gap:6px}
.product_title a svg{width:14px;height:14px;fill:currentColor;flex:0 0 auto}
.product_title a i{font-style:normal}
.product_title a:hover{border-color:#0068c8;color:#0068c8;background:#f4f9ff}
@media (max-width:559px){
	.product_title a{margin-left:8px;padding:4px 9px;font-size:12px}
	.product_title a i{display:none}
}

/* =========================================================================
   §37 — Səhifələnmə grid-in içində tam sətir tutsun
   -------------------------------------------------------------------------
   {navigation} DLE tərəfindən {content}-in sonuna əlavə olunur, {content}
   isə .products grid-inin içindədir — ona görə səhifələnmə elanların
   yanına düşürdü.
   ========================================================================= */
.products .navigation,
#dle-content > .navigation,
.woocommerce .products > .navigation{grid-column:1 / -1;width:100%;float:none;clear:both;justify-content:center;margin:34px 0 8px}
.products .navigation .pages{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.after-loop-wrapper{clear:both}

/* =========================================================================
   §38 — Elan səhifəsi: şəkil və mətn bloku arasındakı məsafə
   -------------------------------------------------------------------------
   1) gap 44px → 20px (temanın .summary padding-left:30px-i üstünə gəlirdi).
   2) vendor.css-dəki .product-images-summary:after{content:'';display:table}
      flex konteynerdə AYRICA FLEX ELEMENTİNƏ çevrilirdi və sonuncu gap
      (44px) mətn blokunun sağında boş yer kimi qalırdı. Clearfix flex
      layout-da onsuz da lazım deyil.
   ========================================================================= */
.product-images-summary{gap:20px}
.product-images-summary::after,
.product-images-summary::before{content:none !important;display:none !important}
.product-images-summary>.summary{padding-right:0}
@media (max-width:1023px){
	.product-images-summary{gap:16px}
}

/* =========================================================================
   §39 — Batareya tutumu sətri (admin qrupları üçün) və şəkil üstü nişanlar
   ========================================================================= */
.woocommerce-product-details__short-description li.bat-cap .bat-now{font-variant-numeric:tabular-nums}
.woocommerce-product-details__short-description li.bat-cap .bat-full{font-variant-numeric:tabular-nums}
.woocommerce-product-details__short-description li.bat-cap .bat-sep{color:#98a2b3}
.woocommerce-product-details__short-description li.bat-cap .bat-pct{display:none;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4;vertical-align:middle}
.woocommerce-product-details__short-description li.bat-cap.is-ready .bat-pct{display:inline-block}
.woocommerce-product-details__short-description li.bat-cap .bat-pct.is-good{background:#e7f7ed;color:#0a7a3d}
.woocommerce-product-details__short-description li.bat-cap .bat-pct.is-mid{background:#fff4e5;color:#b54708}
.woocommerce-product-details__short-description li.bat-cap .bat-pct.is-low{background:#fdecec;color:#b42318}

/* nişan qutusu boşdursa görünməsin (yeni deyil, sensor yox, say yox, stokda var) */
.main-image-wrapper .product-label:empty{display:none}

/* =========================================================================
   §40 — «Oxşar məhsullar» karuselində şəkil üstü nişanlar
   -------------------------------------------------------------------------
   .rc-gone — stokda bitmiş elan. JS onu DOM-dan silir; bu qayda JS işləməsə
   də elementin görünməməsi üçün ehtiyat kimi saxlanılır.
   ========================================================================= */
.rc-item.rc-gone{display:none !important}
.related-carousel[hidden]{display:none !important}

.rc-img{position:relative}
.rc-img .product-label{position:absolute;top:8px;left:8px;z-index:3;display:flex;flex-flow:row wrap;gap:5px;align-items:flex-start;margin:0;padding:0}
.rc-img .product-label:empty{display:none}
.rc-img .product-label > span{min-width:0;height:19px;min-height:19px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700;line-height:1 !important;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
.rc-img .product-label span span{display:flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;margin:0;line-height:1}
/* .featured (Touch) üçün rəng yazılmır — vendor.css-dəki
   `.product-label .featured{background:var(--ts-hot-label-bg)}` qaydası burada da
   işləyir, beləliklə nişan elan səhifəsi və ana səhifə ilə eyni rəngdə qalır. */
.rc-img .product-label .in-stock-count{background:#12772e;color:#fff}

/* =========================================================================
   §41 — WhatsApp sifariş düyməsi (fullstory.tpl → a.wa-order)
   -------------------------------------------------------------------------
   Rəng saytın öz palitrasındadır (#0068c8) — kartdakı aktiv seçim və digər
   əsas elementlərlə eyni. WhatsApp yaşılı və parıltılı kölgə işlədilmir.
   Tema .summary daxilindəki elementlərin padding/margin-ini sıfırlayır və
   <a> üçün öz rənglərini qoyur → sıfırlanan xassələr !important ilə verilir.
   ========================================================================= */
.product-images-summary .summary a.wa-order{
	display:flex;align-items:center;justify-content:center;gap:10px;
	box-sizing:border-box;width:100%;
	margin:0 0 20px !important;
	padding:14px 20px !important;
	border:1px solid #0068c8 !important;
	border-radius:12px !important;
	background:#0068c8 !important;
	color:#fff !important;
	font-size:15.5px;font-weight:700;line-height:1.2;letter-spacing:.01em;
	text-align:center;text-decoration:none !important;text-transform:none;
	box-shadow:none !important;
	transition:background .16s ease,border-color .16s ease;
}
.product-images-summary .summary a.wa-order:hover{
	background:#0057a8 !important;border-color:#0057a8 !important;color:#fff !important;
	box-shadow:none !important;
}
.product-images-summary .summary a.wa-order:active{background:#004d95 !important}
.product-images-summary .summary a.wa-order svg{
	width:20px;height:20px;flex:0 0 auto;fill:currentColor;
}
.product-images-summary .summary a.wa-order span{
	display:inline;margin:0 !important;padding:0 !important;color:inherit;
}
@media (max-width:559px){
	.product-images-summary .summary a.wa-order{padding:13px 16px !important;font-size:15px}
}

/* =========================================================================
   §42 — Elan səhifəsi: qalereya sürüşmə boyu ekranda qalır (sticky)
   -------------------------------------------------------------------------
   SƏBƏB: sağ sütun (başlıq + qiymət kartı + xüsusiyyətlər + meta) soldan
   xeyli uzun olur. 1440px-də ölçülüb: qalereya 632px, sağ sütun 1251px —
   yəni 619px fərq. Nəticədə sürüşdürəndə solda böyük boş sahə qalırdı.

   ŞƏRTLƏR (hamısı yoxlanılıb):
   · .product-images-summary artıq `align-items:flex-start` ilə flex-dir,
     yəni qalereya dartılmır — sticky üçün bu vacibdir.
   · Ata elementlərin heç birində sticky-ni sındıran `overflow` yoxdur.
   · Sayt başlığı sürüşəndə yapışmır (position:relative, yuxarı çıxır),
     ona görə üstdən 20px kifayətdir.

   min-height şərti: alçaq ekranlarda (qalereya ekrandan hündür olanda)
   sticky «ilişmiş» hiss yaradır — ona görə yalnız 700px+ hündürlükdə.
   ========================================================================= */
@media (min-width:1024px) and (min-height:700px){
	.product-images-summary > .woocommerce-product-gallery{
		/* vendor.css: `.woocommerce div.product div.images.woocommerce-product-gallery
		   {position:relative}` — spesifikliyi (0,4,2), bizimki (0,2,0).
		   Ona görə position !important ilə verilir. */
		position:sticky !important;
		top:20px;
		align-self:flex-start;
	}
}

/* =========================================================================
   §43 — «Seçməzdən əvvəl oxuyun» — məhsuldan məqaləyə çarpaz keçid
   -------------------------------------------------------------------------
   Blok main.tpl-dədir, fullstory.tpl-də deyil: [category=N] teqi YALNIZ
   main.tpl-də emal olunur (engine/modules/main.php:181).
   27-dən başqa bütün kateqoriyalar örtülüb, yəni siyahı boş qalmır.

   QURULUŞ (sadə, iki element):
     section.pr-reads  →  h2 + ul.pr-reads-list (3 x li > a)
   Sarğı: `div.page-container.no-sidebar.pr-reads-wrap` — səhifənin öz
   konteyneri, yəni blok digər bölmələrlə eyni xətdə durur. Konteynerin
   üst/alt paddingi sıfırlanır (tema 35px verir).

   GÖRÜNÜŞ: rəylər bölməsi ilə eyni xarici çərçivə və başlıq ayırıcısı.
   Daxildəki üç keçid masaüstündə bərabər sütunlar şəklində qalır.
   ========================================================================= */
#main > .page-container.pr-reads-wrap{padding-top:0 !important;padding-bottom:0 !important}
.pr-reads{flex:1 1 100%;width:100%;min-width:0;margin:28px 0 0;padding:22px 24px;border:1px solid var(--ts-border,#e6e9ee);border-radius:16px;background:#fff;box-sizing:border-box}
.pr-reads h2{margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--ts-border,#e6e9ee);font-size:19px;font-weight:700;letter-spacing:-.01em;color:#101828}
.pr-reads-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.pr-reads-list li{margin:0;padding:0;list-style:none}
.pr-reads-list li::before,.pr-reads-list li::marker{content:none !important;display:none !important}
.pr-reads-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;height:100%;padding:14px 16px;background:#f8fafc;border:1px solid var(--ts-border,#e6e9ee);border-radius:11px;font-size:14.5px;font-weight:600;line-height:1.4;color:#101828;text-decoration:none !important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.pr-reads-list a::after{content:"\203A";flex:0 0 auto;font-size:18px;line-height:1;color:#98a2b3;transition:color .18s ease,transform .18s ease}
.pr-reads-list a:hover{border-color:#0068c8;color:#0068c8;background:#fff;box-shadow:0 6px 16px -12px rgba(16,24,40,.5);transform:translateY(-1px)}
.pr-reads-list a:hover::after{color:#0068c8;transform:translateX(2px)}
body:has(.pr-reads) .site-footer{margin-top:16px}
@media (max-width:767px){
	.pr-reads{margin-top:20px;padding:18px 16px}
	.pr-reads h2{font-size:17px;margin-bottom:16px;padding-bottom:12px}
	.pr-reads-list{grid-template-columns:1fr}
	.pr-reads-list li,.pr-reads-list a{width:100%;box-sizing:border-box}
}

/* =========================================================================
   §45 — Elan səhifəsi mobil düzülüş: sağ sütun float-dan çıxarılır (14.09.2026)
   -------------------------------------------------------------------------
   SƏBƏB: 992px-dən aşağıda §04 flex qaydası işləmir və temanın öz qaydaları
   qalır: `.woocommerce div.product div.summary{float:right;width:46%;
   display:flex;flex-flow:row wrap;align-items:center}`. 767px-dən aşağıda
   vendor.css eni 100% edir, amma `float` və `display:flex` qalır — nəticədə
   xarakteristikalar bloku ilə «Haqqında» mətni üst-üstə düşürdü.
   HƏLL: mobil/planşetdə hər iki sütun adi blok axınına qaytarılır.
   ========================================================================= */
@media (max-width:991px){
	.product-images-summary{display:block}
	.product-images-summary > .woocommerce-product-gallery,
	.product-images-summary > .summary{
		float:none !important;
		clear:both !important;
		width:100% !important;
		max-width:100% !important;
		padding-left:0 !important;
		padding-right:0 !important;
		display:block !important;
	}
	.product-images-summary > .summary{margin-top:22px !important}
	.product-images-summary > .summary > *{width:100% !important;max-width:100%}
}

/* ===== 46. Mobildə yeri dəyişdirilmiş «Haqqında» bölməsi (js/site.js) =====
   DİQQƏT: blok `.summary` daxilinə köçürülür, tema isə orada bütün div-lərin
   padding/margin-ini sıfırlayır (layihənin məlum tələsi) — ona görə hər ölçü
   `!important` ilə verilir. Seçici də `.product-images-summary .summary` ilə
   gücləndirilib ki, temanın 4-5 səviyyəli seçicilərini üstələsin. */
.product-images-summary .summary .pd-section.pd-moved,
.pd-section.pd-moved{
	margin:16px 0 0 !important;
	padding:18px 16px !important;
	border:1px solid var(--ts-border,#e6e9ee) !important;
	border-radius:var(--r-block,16px) !important;
	background:#fff !important;
	box-sizing:border-box;
}
.product-images-summary .summary .pd-section.pd-moved .pd-section-title,
.pd-section.pd-moved .pd-section-title{font-size:17px !important;margin:0 0 12px !important;padding:0 0 12px !important}
.product-images-summary .summary .pd-section.pd-moved .pd-section-body,
.pd-section.pd-moved .pd-section-body{font-size:14.5px;margin:0 !important;padding:0 !important}
.product-images-summary .summary .pd-section.pd-moved .pd-section-body > *,
.pd-section.pd-moved .pd-section-body > *{padding-left:0 !important;padding-right:0 !important}


/* =========================================================================
   §47 — Səhifə altı boşluqlar (14.09.2026)
   -------------------------------------------------------------------------
   1) «Seçməzdən əvvəl oxuyun» bloku `#main > .page-container` olduğu üçün
      temadan 35px üst padding alırdı, üstəlik `.pr-reads` özü 38px marj
      verirdi — cəmi ~73px. İndi konteynerin paddingi sıfırlanır, yalnız
      blokun öz 24px marjı qalır.
   2) Altbilgi ilə məzmun arası 44px → 28px.
   3) Başlıqsız səhifələrdə (Haqqımızda, Zəmanət və s.) temanın
      `#main>.no-title+.page-container{padding-top:50px}` qaydası 24px-ə salınır.
   ========================================================================= */
.site-footer{margin-top:28px}
#main > .no-title + .page-container{padding-top:24px}

@media (max-width:991px){
	.site-footer{margin-top:22px}
	#main > .no-title + .page-container{padding-top:14px}
}

/* =========================================================================
   §48 — Elan səhifəsi: qalereya/sağ sütunun alt marjı (14.09.2026)
   -------------------------------------------------------------------------
   Tema `.woocommerce div.product div.images, .woocommerce div.product div.summary`
   elementlərinə `margin-bottom:var(--ts-section-gap)` verir — dəyişən ekran
   ölçüsündən asılı olaraq 60/80/100px-dir. Nəticədə «Haqqında», «Rəylər» və
   «Seçməzdən əvvəl oxuyun» bloklarından əvvəl həddindən artıq boşluq qalırdı.
   ========================================================================= */
.woocommerce div.product div.images,
.woocommerce div.product div.summary,
.product-images-summary > .woocommerce-product-gallery,
.product-images-summary > .summary{margin-bottom:0 !important}
.product-sections{margin-top:28px}

@media (max-width:991px){
	.product-sections{margin-top:20px}
}


/* =========================================================================
   §49 — Teq səhifəsi: sol filtr paneli söndürülür (14.09.2026)
   -------------------------------------------------------------------------
   Teq səhifəsi `main.tpl`-də `[available=cat|dle_filter|xfsearch|tags]`
   blokundan keçir və filtrli («has-1-sidebar») düzülüşü alır. Şablonu
   təkrarlamamaq üçün bədənə `tag-page` sinfi verilib, panel CSS ilə söndürülür.
   ========================================================================= */
body.tag-page #left-sidebar{display:none !important}
body.tag-page .filter-widget-area-button,
body.tag-page .ts-active-filters{display:none !important}
body.tag-page .has-1-sidebar #main-content{width:100% !important}
body.tag-page .has-1-sidebar .woocommerce.main-products.grid{--ts-columns:5 !important}

@media (max-width:1159px){
	body.tag-page .has-1-sidebar .woocommerce.main-products.grid{--ts-columns:4 !important}
}
@media (max-width:859px){
	body.tag-page .has-1-sidebar .woocommerce.main-products.grid{--ts-columns:3 !important}
}
@media (max-width:559px){
	body.tag-page .has-1-sidebar .woocommerce.main-products.grid{--ts-columns:2 !important}
}

/* =========================================================================
   §50 — Teq səhifəsi: məhsul və məqalə qrupları (PATCH 009b) (14.09.2026)
   -------------------------------------------------------------------------
   Nüvə qarışıq siyahını iki bölməyə ayırır: əvvəl məhsullar (öz şəbəkəsi),
   sonra məqalələr (blog şəbəkəsi `.bl-list`). Hər ikisi `main.tpl`-dəki
   `#dle-content` daxilində olduğuna görə xarici şəbəkə söndürülür.
   ========================================================================= */
body.tag-page #dle-content{display:block !important}
body.tag-page #dle-content > .woocommerce.main-products{display:block}
.tg-page-head{margin:0 0 22px;padding:22px 24px;border:1px solid #e5e8ee;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(15,18,25,.04)}
.tg-page-head h1{margin:0;color:var(--ts-heading-color,#0f1219);font-size:28px;line-height:1.2;letter-spacing:-.02em}
.tg-page-head p{margin:7px 0 0;color:#626a76;font-size:14px;line-height:1.55}
.tg-sec + .tg-sec{margin-top:36px}
.tg-title{margin:0 0 16px;font-size:20px;font-weight:750;letter-spacing:-.01em;color:var(--ts-heading-color,#0f1219)}
.tg-grid{--ts-columns:5 !important}
.tg-blog-list{padding-bottom:0}

@media (max-width:1159px){
	.tg-grid{--ts-columns:4 !important}
	.tg-title{font-size:18px}
}
@media (max-width:859px){
	.tg-grid{--ts-columns:3 !important}
	.tg-sec + .tg-sec{margin-top:26px}
}
@media (max-width:559px){
	.tg-grid{--ts-columns:2 !important}
	.tg-sec + .tg-sec{margin-top:26px}
}

/* =========================================================================
   §51 — Axtarış nəticələri səhifəsi (14.09.2026)
   -------------------------------------------------------------------------
   Axtarış `search.php` → `show.custom.php` → `searchresult.tpl` yolundan keçir
   (show.short.php DEYİL). Sarğı və qruplaşma nüvədə: PATCH 010 / 010b.

   OVERFLOW SƏBƏBİ: tema 500–1279px aralığında şəbəkəni
   `repeat(var(--ts-columns),1fr)` ilə qurur. `1fr`-in minimum eni `auto`-dur,
   ona görə uzun məzmun sütunu şişirdib konteynerdən çıxarır. Düzəlişi
   `minmax(0,1fr)`-dir.
   ========================================================================= */
.srch-title{margin:0 0 20px;font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--ts-heading-color,#0f1219)}
body.search-page .page-container{width:calc(100% - 40px);max-width:1410px;margin-right:auto;margin-left:auto;padding-top:30px;padding-bottom:48px;box-sizing:border-box}
body.search-page #main-content{width:100%;min-width:0}
.searchpage{display:block;width:100%;margin:0 0 32px;border:1px solid #e5e8ee;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(15,18,25,.05);overflow:hidden;box-sizing:border-box}
.searchpage .box_in{padding:24px}
.search-page-head{margin-bottom:18px}
.search-page-head .title{margin:0;font-size:20px;line-height:1.3;font-weight:750;color:var(--ts-heading-color,#0f1219)}
.search-page-head p{margin:6px 0 0;color:#6b7280;font-size:14px}
.search-page-form{display:flex;align-items:stretch;gap:10px}
.search-page-field{flex:1;min-width:0}
.search-page-field input[type="text"]{display:block;width:100%;height:48px;margin:0;padding:0 16px;border:1px solid #d9dee7;border-radius:10px;background:#fff;color:#171a21;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.search-page-field input[type="text"]:focus{border-color:var(--ts-primary-color,#e11d48);box-shadow:0 0 0 3px rgba(225,29,72,.1)}
.search-page-submit{flex:0 0 auto;min-width:120px;height:48px;padding:0 24px;border:0;border-radius:10px;background:var(--ts-primary-color,#e11d48);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:filter .2s,transform .2s}
.search-page-submit:hover{filter:brightness(.94)}
.search-page-submit:active{transform:translateY(1px)}
.search_result_num{margin-top:16px;padding:11px 14px;border-radius:9px;background:#f5f6f8;color:#555d69;font-size:13px}
body.search-page .tg-sec{padding:24px;border:1px solid #e5e8ee;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(15,18,25,.04)}
body.search-page .tg-sec + .tg-sec{margin-top:28px}
body.search-page .tg-title{padding-bottom:14px;border-bottom:1px solid #eceef2}
.srch-grid .products,
body.tag-page .tg-grid .products{grid-template-columns:repeat(var(--ts-columns),minmax(0,1fr)) !important}

/* Axtarışda sol panel yoxdur — geniş ekranlarda 5 sütun */
body.search-page .srch-grid{--ts-columns:5 !important}

.home-seo-intro{width:100%;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid #e8ebef;box-sizing:border-box}
.home-seo-intro h1{margin:0;color:var(--ts-heading-color,#0f1219);font-size:30px;line-height:1.2;letter-spacing:-.025em}
.home-seo-intro p{max-width:760px;margin:8px 0 0;color:#626a76;font-size:14px;line-height:1.6}

@media (max-width:1159px){
	body.search-page .srch-grid{--ts-columns:4 !important}
}
@media (max-width:859px){
	body.search-page .srch-grid{--ts-columns:3 !important}
}
@media (max-width:767px){
	.home-seo-intro{margin-bottom:18px;padding-bottom:14px}
	.home-seo-intro h1{font-size:23px}
	.home-seo-intro p{font-size:13px}
	.tg-page-head{margin-bottom:16px;padding:17px 18px;border-radius:12px}
	.tg-page-head h1{font-size:23px}
	body.search-page .page-container{padding-top:20px;padding-bottom:32px}
	body.search-page .page-container{width:calc(100% - 24px)}
	.srch-title{font-size:22px;margin-bottom:14px}
	.searchpage{margin-bottom:22px;border-radius:12px}
	.searchpage .box_in{padding:16px}
	.search-page-form{display:block}
	.search-page-submit{width:100%;margin-top:10px}
	body.search-page .tg-sec{padding:16px;border-radius:12px}
	body.search-page .tg-sec + .tg-sec{margin-top:20px}
}
@media (max-width:559px){
	body.search-page .srch-grid{--ts-columns:2 !important}
}

/* İstifadəçi profili */
.profile-page{width:calc(100% - 40px);max-width:1410px;margin-right:auto;margin-left:auto;overflow:hidden;border:1px solid #e5e8ee;border-radius:18px;background:#fff;box-shadow:0 10px 34px rgba(15,18,25,.06);box-sizing:border-box}
.profile-page .profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:28px;background:linear-gradient(135deg,#f4f8f4 0%,#fff 58%,#f7f8fa 100%);border-bottom:1px solid #e8ebef;margin:0}
.profile-page .profile-avatar{position:static;width:88px;height:88px}
.profile-page .profile-avatar .cover{display:block;width:88px;height:88px;border:4px solid #fff;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 6px 20px rgba(15,18,25,.14);font-size:0}
.profile-identity{min-width:0}.profile-eyebrow{display:block;margin-bottom:5px;color:#6b7280;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.profile-identity h1{margin:0;font-size:28px;line-height:1.15;overflow-wrap:anywhere}.profile-presence{margin-top:7px;color:#606773;font-size:13px}.profile-presence .is-online{color:#08783e;font-weight:700}
.profile-page .profile-tabs{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;font-size:14px}
.profile-page .profile-tabs li{display:block;margin:0}.profile-page .profile-tabs a{display:flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;color:#262b33;text-decoration:none!important;font-weight:700}
.profile-page .profile-tabs .active a{border-color:#0c750d;background:#0c750d;color:#fff}.profile-page .profile-tabs .cixis a.log-out{border-color:#0c750d!important;border-radius:10px!important;background:#0c750d;color:#fff}.profile-page .profile-tabs .cixis a.log-out:hover{background:#09630a;border-color:#09630a!important;color:#fff}
.profile-page .profile-tabs li:not(.active):not(.cixis) a:hover,
.profile-page .profile-tabs li:not(.active):not(.cixis) a:focus,
.profile-page .profile-tabs li:not(.active):not(.cixis) a:active{border-color:#cfd5dc;background:#f5f7f6;color:#262b33!important;box-shadow:none;outline:none}
.profile-page .profile-tabs .active a:hover,
.profile-page .profile-tabs .active a:focus,
.profile-page .profile-tabs .active a:active,
.profile-page .profile-tabs .cixis a.log-out:focus,
.profile-page .profile-tabs .cixis a.log-out:active{color:#fff!important}
.profile-page .profile-content{padding:28px}.profile-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.profile-panel{padding:22px;border:1px solid #e5e8ee;border-radius:14px;background:#fff}.profile-panel h2{margin:0 0 17px;font-size:17px;line-height:1.3}
.profile-details{margin:0}.profile-details>div{display:grid;grid-template-columns:minmax(110px,.7fr) 1fr;gap:16px;padding:11px 0;border-bottom:1px solid #eef0f3}.profile-details>div:last-child{border-bottom:0}.profile-details dt{color:#757d89;font-size:13px}.profile-details dd{margin:0;color:#20242b;font-weight:650;text-align:right}
.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-stats>div{display:flex;min-height:100px;padding:15px;border-radius:11px;background:#f6f7f8;flex-direction:column;justify-content:center}.profile-stats strong{font-size:24px;line-height:1.1;color:#11151b}.profile-stats span{margin-top:5px;color:#626a76;font-size:12px}.profile-stats small{margin-top:5px}.profile-stats small a{font-size:12px;font-weight:700}
.profile-about{margin-top:20px}.profile-about>div:empty:after{content:'Məlumat daxil edilməyib';color:#858c96}.profile-page #user2{padding-top:4px}.profile-page #user2 .addform{max-width:820px}.profile-page #user2 .form-group{margin-bottom:18px}.profile-page #user2 input.wide,.profile-page #user2 textarea.wide,.profile-page #user2 select{width:100%;max-width:none;border-radius:9px}

/* Bütün teqlər kataloqu */
.tags-directory{width:calc(100% - 40px);max-width:1410px;margin-right:auto;margin-left:auto;border:1px solid #e5e8ee;border-radius:18px;background:#fff;box-shadow:0 10px 34px rgba(15,18,25,.05);overflow:hidden;box-sizing:border-box}
.tags-directory>.box_in{padding:28px}.tags-directory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #e9ecf0}.tags-directory-head>div{min-width:0}
.tags-directory-eyebrow{display:block;margin-bottom:6px;color:#0c750d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tags-directory-head .title{margin:0;font-size:28px;line-height:1.2}.tags-directory-head p{max-width:650px;margin:7px 0 0;color:#6b7280;font-size:14px}
.tags-directory-search{display:block;flex:0 1 360px;min-width:0;max-width:100%}.tags-directory-search>span{display:block;margin-bottom:7px;color:#4e5662;font-size:12px;font-weight:700}.tags-directory-search input{display:block;width:100%;max-width:100%;height:46px;margin:0;padding:0 14px;border:1px solid #d9dee6;border-radius:10px;background:#fff;font-size:14px;outline:none;box-sizing:border-box}.tags-directory-search input:focus{border-color:#0c750d;box-shadow:0 0 0 3px rgba(12,117,13,.1)}
.tags-directory-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tags-directory-list>span{display:block!important;margin:0!important;min-width:0}.tags-directory-list>span>a{display:flex!important;align-items:center;min-height:48px;padding:10px 13px!important;border:1px solid #e4e7eb!important;border-radius:10px!important;background:#fafbfb!important;color:#2b3038!important;font-size:13px!important;font-weight:650;text-decoration:none!important;overflow-wrap:anywhere;transition:border-color .2s,background .2s,color .2s,transform .2s}.tags-directory-list>span>a:hover{border-color:#0c750d!important;background:#f2f8f2!important;color:#0c750d!important;box-shadow:none!important;transform:translateY(-1px)}.tags-directory-list>span[hidden]{display:none!important}.tags-directory-empty{padding:22px;border-radius:10px;background:#f5f6f7;color:#69717c;text-align:center}

@media(max-width:991px){.profile-page .profile-hero{grid-template-columns:auto 1fr}.profile-page .profile-tabs{grid-column:1/-1}.profile-overview{grid-template-columns:1fr}.tags-directory-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tags-directory-head{align-items:stretch;flex-direction:column}.tags-directory-search{flex-basis:auto;width:100%}}
@media(max-width:767px){.profile-page,.tags-directory{width:calc(100% - 24px);border-radius:12px}.profile-page .profile-hero{padding:18px;gap:14px}.profile-page .profile-avatar,.profile-page .profile-avatar .cover{width:68px;height:68px}.profile-identity h1{font-size:22px}.profile-page .profile-tabs{width:100%;overflow-x:auto;padding-bottom:2px}.profile-page .profile-tabs a{white-space:nowrap}.profile-page .profile-content,.tags-directory>.box_in{padding:16px}.profile-panel{padding:16px}.profile-details>div{display:block}.profile-details dd{margin-top:4px;text-align:left}.tags-directory-head{gap:18px;padding-bottom:18px;margin-bottom:18px}.tags-directory-head .title{font-size:23px}.tags-directory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media(max-width:420px){.profile-stats{grid-template-columns:1fr}.tags-directory-list{grid-template-columns:1fr}}

/* Seçdiklərim səhifəsi */
.favorites-page,.favorites-guest-page{width:calc(100% - 40px);max-width:1410px;margin-right:auto;margin-left:auto;box-sizing:border-box}
.favorites-page #main-content,.favorites-guest-page #main-content{width:100%;min-width:0}
.favorites-catalog{width:100%;min-width:0;padding:24px;border:1px solid #e5e8ee;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(15,18,25,.04);box-sizing:border-box}
.favorites-heading{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid #eceef2}
.favorites-heading h1{margin:0;font-size:25px;line-height:1.25;color:var(--ts-heading-color,#0f1219)}
.favorites-products,.favorites-products>.products{width:100%!important;max-width:100%!important;min-width:0!important}
.favorites-products>.products{display:block!important}
.favorites-products>.products>.tg-sec{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.favorites-products>.products>.tg-sec>.woocommerce{width:100%!important;max-width:100%!important;min-width:0!important}
.favorites-products>.products>.tg-sec .products{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
.favorites-products>.products>.tg-sec .products>.product{float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
.favorites-products .product-wrapper,.favorites-products .thumbnail-wrapper,.favorites-products .meta-wrapper{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
.favorites-products>.products>.navigation{grid-column:1/-1}
.favorites-guest-page #main-content>.box{margin:0;padding:22px 24px;border:1px solid #f1c8bd;border-radius:14px;background:#fff5f1;box-shadow:0 8px 24px rgba(120,45,20,.06);box-sizing:border-box}
.favorites-guest-page #main-content>.box .box_in{padding:0}
.favorites-guest-page #main-content>.box .heading{margin:0 0 6px;color:#7a2f20;font-size:17px}
.favorites-guest-page #main-content>.box p{margin:0;color:#5f4038;line-height:1.6}
@media(max-width:1199px){.favorites-products>.products>.tg-sec .products{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:899px){.favorites-products>.products>.tg-sec .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){.favorites-page,.favorites-guest-page{width:calc(100% - 24px)}.favorites-catalog{padding:16px;border-radius:12px}.favorites-heading{margin-bottom:16px;padding-bottom:13px}.favorites-heading h1{font-size:22px}.favorites-products>.products>.tg-sec .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.favorites-guest-page #main-content>.box{padding:18px;border-radius:12px}}

/* İstifadəçinin elanları və son rəyləri */
.user-news-container,.last-comments-container{width:calc(100% - 40px);max-width:1410px;margin-right:auto;margin-left:auto;padding-top:30px;padding-bottom:48px;box-sizing:border-box}
.user-news-container #main-content,.last-comments-container #main-content{width:100%;min-width:0}
.user-news-page,.last-comments-page{width:100%;min-width:0;padding:26px;border:1px solid #e5e8ee;border-radius:18px;background:#fff;box-shadow:0 10px 34px rgba(15,18,25,.05);box-sizing:border-box}
.account-list-head{margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid #e9ecf0}
.account-list-head>span{display:block;margin-bottom:6px;color:#0c750d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.account-list-head h1{margin:0;color:#171b22;font-size:27px;line-height:1.2;letter-spacing:-.02em}
.user-news-page .ts-product-in-category-tab-wrapper.user-news-grid{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden}
.user-news-grid .column-content,.user-news-grid .column-products{width:100%!important;max-width:100%!important;min-width:0!important}
.user-news-grid .column-products>.products{width:100%!important;max-width:100%!important;min-width:0!important}
.user-news-grid .column-products>.products>.product{float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
.user-news-grid .product-wrapper,.user-news-grid .thumbnail-wrapper,.user-news-grid .meta-wrapper{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
.user-news-grid .product-categories,.user-news-grid .product-name,.user-news-grid .product-name a{max-width:100%;overflow-wrap:anywhere;white-space:normal}
.user-news-grid .thumbnail-wrapper img{display:block;width:100%!important;max-width:100%!important;height:auto;box-sizing:border-box}
.user-news-grid .products>.navigation{grid-column:1/-1}

.last-comments-page #dle-comments-list{display:flex;flex-direction:column;gap:14px}
.last-comments-page .cm-item{position:relative;width:100%;margin:0;padding:18px 20px;border:1px solid #e5e8ee;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(17,24,39,.035);overflow:hidden;box-sizing:border-box}
.last-comments-page .cm-item:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#0c750d}
.last-comments-page .cm-actions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0 54px;padding:11px 0 0;border-top:1px solid #e8eaef;list-style:none}
.last-comments-page .cm-actions li{margin:0;padding:0;list-style:none}
.last-comments-page>.navigation{padding:24px 0 0!important}

@media(max-width:1199px){.user-news-grid .column-products>.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:899px){.user-news-grid .column-products>.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){
	.user-news-container,.last-comments-container{width:calc(100% - 24px);padding-top:18px;padding-bottom:32px}
	.user-news-page,.last-comments-page{padding:16px;border-radius:12px}
	.account-list-head{margin-bottom:18px;padding-bottom:14px}.account-list-head h1{font-size:22px}
	.user-news-grid .column-products>.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
	.user-news-grid .product-categories{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.last-comments-page .cm-item{padding:15px}.last-comments-page .cm-actions{margin-left:0}
}