/* =========================================================
   Motoroil Dizayn — WooCommerce məhsul kartları (D üslubu)
   Druco temasının kartlarını (section.product) yenidən rəngləyir.
   ========================================================= */
body.mod-cards .products section.product{font-family:Montserrat,system-ui,sans-serif}
body.mod-cards .products section.product .product-wrapper{
  position:relative;height:100%;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--mod-card-line);border-radius:20px;overflow:hidden;
  box-shadow:var(--mod-shadow);padding:0!important;margin:0;
  transition:transform .2s,box-shadow .2s,border-color .2s}
body.mod-cards .products section.product:hover .product-wrapper{transform:translateY(-6px);box-shadow:0 22px 44px rgba(20,20,22,.16);border-color:var(--mod-gold)}

/* Qızılı zolaq + şəkil */
body.mod-cards .products section.product .thumbnail-wrapper{
  background:var(--mod-gold-grad) top/100% 100px no-repeat,#fff!important;
  padding:52px 14px 0!important;margin:0!important;border-radius:0!important;position:relative}
/* şəklin ağ fonu qızılı zolaqla qarışsın deyə (mix-blend) z-index sıfırlanır */
body.mod-cards .products section.product .thumbnail-wrapper > a,body.mod-cards .products section.product .thumbnail-wrapper img{z-index:auto!important}
body.mod-cards .products section.product .thumbnail-wrapper figure{background:transparent!important;margin:0!important;padding:0!important;display:flex;justify-content:center}
body.mod-cards .products section.product .thumbnail-wrapper img{
  width:190px!important;height:190px!important;object-fit:contain;mix-blend-mode:multiply;
  transform:none!important;opacity:1!important}
body.mod-cards .products section.product .thumbnail-wrapper figure.has-back-image img.product-image-back{display:none!important}

/* Nişanlar: SAE (JS əlavə edir) + həcm */
body.mod-cards .mod-chiprow{position:absolute;top:12px;left:12px;right:12px;z-index:5;display:flex;gap:6px;pointer-events:none}
body.mod-cards .mod-chiprow span,
body.mod-cards .mod-chiprow .ystar-product-attribute-image-catalog{
  position:static!important;display:inline-flex!important;align-items:center;white-space:nowrap;
  font:700 12px/1 Montserrat,sans-serif!important;padding:6px 9px!important;border-radius:8px!important;
  background:#fff!important;color:var(--mod-navy)!important;border:0!important;width:auto!important;height:auto!important;
  min-width:0!important;box-shadow:none!important;transform:none!important}
body.mod-cards .mod-chiprow .mod-sae-chip{background:var(--mod-navy)!important;color:var(--mod-gold)!important;font-weight:800!important}
body.mod-cards .products section.product .product-label{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;z-index:6}
body.mod-cards .products section.product .product-label > *{background:var(--mod-red)!important;color:#fff!important;border-radius:8px!important;font:800 12px/1 Montserrat,sans-serif!important;padding:6px 9px!important}

/* Mətn hissəsi */
body.mod-cards .products section.product .meta-wrapper{
  display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 8px;
  padding:12px 14px 14px!important;margin:0!important;text-align:left!important;flex:1}
body.mod-cards .products section.product .meta-wrapper > *{margin:0!important}
body.mod-cards .products section.product .heading-title.product-name{flex-basis:100%;font:700 15px/1.3 Montserrat,sans-serif!important;color:var(--mod-ink)!important;min-height:39px}
body.mod-cards .products section.product .heading-title.product-name a{color:inherit!important;text-decoration:none!important}
body.mod-cards .products section.product .heading-title.product-name{text-transform:none!important}
body.mod-cards .products section.product .loop-add-to-cart a.button{text-decoration:none!important}
body.mod-cards .products section.product .heading-title.product-name a:hover{color:var(--mod-gold-3)!important}
body.mod-cards .products section.product .star-rating{flex-basis:100%;color:var(--mod-gold)}
body.mod-cards .products section.product .price{
  flex:1;display:flex!important;flex-direction:column-reverse;align-items:flex-start;
  font:800 19px/1.15 Montserrat,sans-serif!important;color:var(--mod-price)!important}
body.mod-cards .products section.product .price ins{text-decoration:none;background:none;color:var(--mod-price)!important}
body.mod-cards .products section.product .price del{font-size:12px;font-weight:500;color:var(--mod-muted)!important;opacity:1}
body.mod-cards .products section.product .price .woocommerce-Price-amount,body.mod-cards .products section.product .price bdi,body.mod-cards .products section.product .price .woocommerce-Price-currencySymbol{color:inherit!important}

/* Səbətə at düyməsi */
body.mod-cards .products section.product .product-group-button-meta{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;margin:0!important;display:block!important}
body.mod-cards .products section.product .loop-add-to-cart{margin:0!important}
body.mod-cards .products section.product .loop-add-to-cart a.button{
  display:inline-flex!important;align-items:center;gap:6px;width:auto!important;height:auto!important;min-width:0!important;
  background:var(--mod-navy)!important;color:#fff!important;border:0!important;border-radius:12px!important;
  padding:10px 12px!important;font:700 12.5px/1.2 Montserrat,sans-serif!important;text-transform:none!important;
  letter-spacing:0!important;box-shadow:none!important;transition:background .2s}
body.mod-cards .products section.product .loop-add-to-cart a.button::before{
  content:"";display:inline-block;width:16px;height:16px;flex:none;position:static!important;
  background:currentColor;font-size:0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E") center/contain no-repeat}
body.mod-cards .products section.product .loop-add-to-cart a.button::after{content:"Səbətə";position:static!important;display:inline!important;background:none!important;border:0!important;width:auto!important;height:auto!important;font:inherit!important;color:inherit!important;animation:none!important;transform:none!important;opacity:1!important}
body.mod-cards .products section.product .loop-add-to-cart a.button.loading::after{content:"…"}
body.mod-cards .products section.product .loop-add-to-cart a.button.added::after{content:"Səbətdə ✓"}
body.mod-cards .products section.product .loop-add-to-cart a.button .ts-tooltip{display:none!important}
body.mod-cards .products section.product:hover .loop-add-to-cart a.button{background:var(--mod-gold)!important;color:var(--mod-navy)!important}
body.mod-cards .products section.product .added_to_cart{display:none!important}

/* Şəklin üstündəki "seçilmiş / tez bax" düymələri — qızılı zolaqda kiçik */
body.mod-cards .products section.product .thumbnail-wrapper .product-group-button{top:auto!important;bottom:8px!important;right:8px!important}

@media (max-width:767px){
  body.mod-cards .products section.product .thumbnail-wrapper{background-size:100% 84px;padding-top:44px!important}
  body.mod-cards .products section.product .thumbnail-wrapper img{width:150px!important;height:150px!important}
  body.mod-cards .products section.product .loop-add-to-cart a.button::after{content:none}
  body.mod-cards .products section.product .loop-add-to-cart a.button{padding:10px!important}
  body.mod-cards .products section.product .heading-title.product-name{font-size:14px!important}
}

/* =========================================================
   Sıralama paneli ("Orta reytinq") — düymələr kimi
   ========================================================= */
body.mod-cards .before-loop-wrapper{display:block!important;margin:0 0 20px!important;padding:0!important;float:none!important;width:100%!important}
body.mod-cards .woocommerce-ordering{
  display:flex!important;align-items:center;gap:12px;flex-wrap:wrap;float:none!important;width:100%!important;margin:0!important;
  background:#fff;border:1px solid var(--mod-card-line);border-radius:16px;box-shadow:var(--mod-shadow);padding:10px 12px!important;font-family:Montserrat,sans-serif}
body.mod-cards .woocommerce-ordering select{display:none!important}
body.mod-cards .woocommerce-ordering .orderby-label{
  display:inline-flex!important;align-items:center;gap:8px;font:800 13px/1 Montserrat,sans-serif!important;color:var(--mod-navy)!important;
  padding:0 12px 0 4px!important;border-right:1px solid var(--mod-line);text-transform:none!important;margin:0!important;position:static!important}
body.mod-cards .woocommerce-ordering .orderby-label::before{
  content:"";width:18px;height:18px;background:var(--mod-gold);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h13M3 12h9M3 18h5M18 4v16M15 17l3 3 3-3'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h13M3 12h9M3 18h5M18 4v16M15 17l3 3 3-3'/%3E%3C/svg%3E") center/contain no-repeat}
body.mod-cards .woocommerce-ordering ul.orderby{display:block!important;margin:0!important;padding:0!important;list-style:none;position:static!important;border:0!important;background:none!important;width:auto!important;flex:1}
body.mod-cards .woocommerce-ordering ul.orderby > li{position:static!important;display:block!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
body.mod-cards .woocommerce-ordering .orderby-current{display:none!important}
body.mod-cards .woocommerce-ordering ul.dropdown{
  display:flex!important;flex-wrap:wrap;gap:6px;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;
  box-shadow:none!important;border:0!important;background:none!important;padding:0!important;margin:0!important;width:auto!important;min-width:0!important;list-style:none}
body.mod-cards .woocommerce-ordering ul.dropdown li{margin:0!important;padding:0!important;border:0!important;background:none!important;list-style:none}
body.mod-cards .woocommerce-ordering ul.dropdown li::before{display:none!important}
body.mod-cards .woocommerce-ordering ul.dropdown a{
  display:inline-flex!important;align-items:center;padding:8px 14px!important;border-radius:20px!important;border:1.5px solid var(--mod-line)!important;
  background:#fff!important;color:var(--mod-ink)!important;font:600 13px/1.2 Montserrat,sans-serif!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap;transition:border-color .15s}
body.mod-cards .woocommerce-ordering ul.dropdown a:hover{border-color:var(--mod-gold)!important}
body.mod-cards .woocommerce-ordering ul.dropdown a.current{background:var(--mod-navy)!important;border-color:var(--mod-navy)!important;color:var(--mod-gold)!important;font-weight:700!important}
@media (max-width:767px){
  body.mod-cards .woocommerce-ordering ul.dropdown{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px!important}
  body.mod-cards .woocommerce-ordering .orderby-label{border:0}
}

/* =========================================================
   Ana səhifə: "Mühərrik yağı brendləri" — böyük loqolar
   ========================================================= */
body.mod-cards .ts-product-brand-wrapper .shortcode-title{font:800 26px/1.2 Montserrat,sans-serif!important;text-transform:none!important;letter-spacing:-.4px!important}
body.mod-cards .ts-product-brand-wrapper .mo-brand-grid .swiper-wrapper,
body.mod-cards .ts-product-brand-wrapper.mod-brand-big .swiper-wrapper{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;transform:none!important;width:auto!important}
body.mod-cards .ts-product-brand-wrapper .swiper-slide.mod-bslide{width:auto!important;height:auto!important;margin:0!important;border:1px solid var(--mod-card-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 18px rgba(20,20,22,.06);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
body.mod-cards .ts-product-brand-wrapper .swiper-slide.mod-bslide:hover{transform:translateY(-4px);border-color:var(--mod-gold)!important;box-shadow:0 18px 34px rgba(20,20,22,.14)}
body.mod-cards .ts-product-brand-wrapper .mod-bslide a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:16px!important;height:100%;text-decoration:none!important}
body.mod-cards .ts-product-brand-wrapper .mod-bslide picture{display:flex;align-items:center;justify-content:center;width:100%;height:120px;overflow:hidden;border-radius:12px;background:#fff}
body.mod-cards .ts-product-brand-wrapper .mod-bslide img,body.mod-cards .mo-brands .mo-brand-grid .item.mod-bslide img{width:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;height:120px!important;object-fit:contain!important;transform:scale(1.45);transform-origin:center}
body.mod-cards .ts-product-brand-wrapper .mod-bname{margin-top:10px;font:800 13px/1.2 Montserrat,sans-serif;letter-spacing:1.2px;color:var(--mod-ink);text-transform:uppercase;text-align:center}
body.mod-cards .ts-product-brand-wrapper .mod-bslide:hover .mod-bname{color:var(--mod-gold-3)}
body.mod-cards .ts-product-brand-wrapper.mod-brand-big .swiper-button-prev,body.mod-cards .ts-product-brand-wrapper.mod-brand-big .swiper-button-next{display:none!important}
@media (max-width:767px){
  body.mod-cards .ts-product-brand-wrapper .mo-brand-grid .swiper-wrapper,body.mod-cards .ts-product-brand-wrapper.mod-brand-big .swiper-wrapper{grid-template-columns:repeat(2,1fr)!important}
  body.mod-cards .ts-product-brand-wrapper .mod-bslide picture,body.mod-cards .ts-product-brand-wrapper .mod-bslide img{height:96px!important}
}
/* 1.7.2: brend başlığı solda, kartlar bütün eni tutur */
body.mod-cards .ts-product-brand-wrapper.mod-brand-big .shortcode-heading-wrapper{text-align:left!important;justify-content:flex-start!important}
body.mod-cards .ts-product-brand-wrapper.mod-brand-big .mo-brand-grid{width:100%!important;max-width:none!important;overflow:visible!important}
@media (min-width:1200px){body.mod-cards .ts-product-brand-wrapper.mod-brand-big .swiper-wrapper{grid-template-columns:repeat(5,1fr)!important}}
/* 1.7.3: brend kartları bütün eni bərabər tutur (6 / 4 / 2 sütun), son sıra ortada */
body.mod-cards .ts-product-brand-wrapper.mod-brand-big .mo-brand-grid{display:block!important;margin:0!important;width:100%!important}
body.mod-cards .ts-product-brand-wrapper.mod-brand-big .swiper-wrapper{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:14px!important;width:100%!important;transform:none!important}
body.mod-cards .ts-product-brand-wrapper.mod-brand-big .swiper-slide.mod-bslide{flex:0 0 calc((100% - 70px)/6)!important;max-width:calc((100% - 70px)/6)!important}
@media(max-width:1100px){body.mod-cards .ts-product-brand-wrapper.mod-brand-big .swiper-slide.mod-bslide{flex-basis:calc((100% - 42px)/4)!important;max-width:calc((100% - 42px)/4)!important}}
@media(max-width:767px){body.mod-cards .ts-product-brand-wrapper.mod-brand-big .swiper-slide.mod-bslide{flex-basis:calc((100% - 14px)/2)!important;max-width:calc((100% - 14px)/2)!important}}
/* 1.7.4: geniş ekranda sağ-sol boşluqlar yoxdur */
@media(min-width:1024px){
body.mod-on .mod-wrap,body.mod-on .mod-catban .mod-wrap{width:calc(100% - 80px)!important;max-width:none!important}
body.mod-on .mo-width,body.mod-on .page-container{max-width:none!important;padding-left:40px!important;padding-right:40px!important}
}
@media(min-width:1500px){
body.mod-cards .woocommerce .products section.product,body.mod-cards .products section.product{width:25%!important;flex:0 0 25%!important;max-width:25%!important}
body.mod-cards .ts-product-brand-wrapper.mod-brand-big .swiper-slide.mod-bslide{flex:0 0 calc((100% - 98px)/8)!important;max-width:calc((100% - 98px)/8)!important}
}