/* ==========================================================================
   staklems.lt: katalogas, prekės puslapis, mobilus (child tema, assets/css/scg-shop.css)
   Kraunamas PO scg-legacy.css, todėl perrašo senas taisykles.
   Dizainas sutampa su pagrindiniu puslapiu (spalvos, šriftas, kortelės).
   ========================================================================== */
:root {
  --scg-navy: #004268; --scg-navy-dark: #002a43; --scg-ink: #0a2233; --scg-text: #101820;
  --scg-body: #3d4852; --scg-muted: #56616b; --scg-line: #e1e4e7; --scg-bg: #f3f4f5;
  --scg-tint: #eef3f7; --scg-orange: #ec6830; --scg-btn: #c94a14; --scg-btn-hover: #a93c0f;
  --scg-green: #1c7a3e; --scg-font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---------- Šriftas visoje svetainėje (DM Sans jau kraunamas temos) ---------- */
html body, html body .nav, html body input, html body select, html body textarea, html body button,
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .product-title, html body .product_title, html body .price, html body .woocommerce-breadcrumb {
  font-family: var(--scg-font) !important;
}

/* ==========================================================================
   1. ŽENKLELIAI PREKIŲ KORTELĖSE
   ========================================================================== */
.product-small .box-image, .product-small.box { position: relative; }
html body .custom-stock-badge-top-right {
  position: absolute; top: 10px; right: 10px; z-index: 12;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 9px; border-radius: 20px; box-shadow: none;
  font: 700 11px/1.3 var(--scg-font); white-space: nowrap; letter-spacing: 0;
}
html body .custom-stock-badge-top-right::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
html body .custom-stock-badge-top-right.in-stock { background: #e7f5ec; color: var(--scg-green); }
html body .custom-stock-badge-top-right.out-of-stock { background: #fff6dc; color: #8a5a00; }
html body .badge-overlay { position: absolute; top: 40px; right: 10px; z-index: 11; display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
html body .badge-overlay img { height: 22px; width: auto; }
.scg-iso-letter { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px; font: 700 12px/1 var(--scg-font); color: #fff; background: #6b7278; }
html body .brand-logo { position: absolute; top: 10px; left: 10px; z-index: 10; }
html body .brand-logo img { width: auto; max-width: 54px; max-height: 22px; height: auto; object-fit: contain; }

/* ==========================================================================
   2. PREKIŲ KORTELĖS (katalogas, susijusios prekės, paieška)
   ========================================================================== */
html body :is(.products, .related) .product-small.col > .col-inner {
  height: 100%; background: #fff; border: 1px solid var(--scg-line) !important; border-radius: 16px !important;
  overflow: hidden; box-shadow: none !important; transition: border-color .15s, box-shadow .15s;
}
html body :is(.products, .related) .product-small.col > .col-inner:hover { border-color: #c9d3db !important; box-shadow: 0 10px 28px rgba(10,34,51,.08) !important; }
html body :is(.products, .related) .product-small .box { display: flex !important; flex-direction: column; height: 100%; min-height: 0 !important; border: 0 !important; background: transparent; cursor: pointer; }
html body :is(.products, .related) .product-small .box-image {
  height: 200px !important; min-height: 200px !important; margin: 0 !important; padding: 40px 16px 10px !important;
  background: #fff !important; box-shadow: none !important; box-sizing: border-box;
}
html body :is(.products, .related) .product-small .box-image img { width: 100% !important; height: 100% !important; max-height: 150px !important; object-fit: contain !important; margin: 0 auto !important; }
html body :is(.products, .related) .product-small .box-text,
html body :is(.products, .related) .product-small:hover .box-text {
  position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important;
  flex-grow: 1; min-height: 0 !important; padding: 12px 16px 16px !important;
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  text-align: left !important; background: #fff !important; transition: none !important;
}
html body :is(.products, .related) .product-small .title-wrapper { flex-grow: 0; }
html body :is(.products, .related) .product-small .product-cat {
  display: block !important; margin: 0 0 4px !important; opacity: 1 !important;
  font: 700 11px/1.3 var(--scg-font) !important; text-transform: uppercase; letter-spacing: .05em; color: var(--scg-muted) !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html body :is(.products, .related) .product-small .name.product-title { min-height: 0 !important; height: auto !important; margin: 0 0 6px !important; }
html body :is(.products, .related) .product-small .name.product-title a {
  font: 700 15px/1.35 var(--scg-font) !important; color: var(--scg-ink) !important; text-transform: none !important;
  white-space: normal !important; overflow-wrap: anywhere;
}
html body :is(.products, .related) .product-small .name.product-title a:hover { color: var(--scg-btn) !important; }
html body :is(.products, .related) .product-small .short-description-products {
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 13px !important; line-height: 1.45 !important; color: var(--scg-muted) !important;
}
html body :is(.products, .related) .product-small .short-description-products br { display: none; }
html body :is(.products, .related) .product-small .price-wrapper {
  display: flex !important; flex-direction: column; gap: 6px !important; height: auto !important; min-height: 0 !important;
  margin-top: auto !important; padding-top: 10px; border-top: 1px solid #eef0f2;
}
html body :is(.products, .related) .product-small .price-wrapper > div { display: block !important; order: -1; border: 0; padding: 0; }
html body :is(.products, .related) .product-small .price-wrapper > .price { order: 2; }
html body :is(.products, .related) .product-small .price { display: block; margin: 0 !important; font-size: 12px !important; line-height: 1.3 !important; color: var(--scg-muted) !important; }
html body :is(.products, .related) .product-small .price .amount { font: 700 20px/1.15 var(--scg-font) !important; color: var(--scg-ink) !important; letter-spacing: -.01em; }
html body :is(.products, .related) .product-small .woocommerce-price-suffix { display: inline !important; margin-left: 4px !important; font-size: 12px !important; font-weight: 400 !important; color: var(--scg-muted) !important; }
html body :is(.products, .related) .product-small .price del .amount { font-size: 13px !important; font-weight: 400 !important; color: var(--scg-muted) !important; }
html body :is(.products, .related) .product-small .price ins { text-decoration: none; }
html body :is(.products, .related) .product-small .tinvwl-loop-button-wrapper { margin: 0 !important; padding: 0 16px 14px !important; text-align: left; }
html body :is(.products, .related) .product-small .tinvwl_add_to_wishlist_button { font-size: 12px !important; color: var(--scg-muted) !important; }
html body :is(.products, .related) .product-small .name a::after { display: none !important; content: none !important; }

/* Subkategorijų kortelės kataloge */
html body .products .product-category .col-inner { border: 1px solid var(--scg-line) !important; border-radius: 16px !important; overflow: hidden; background: #fff; transition: border-color .15s, box-shadow .15s; }
html body .products .product-category .col-inner:hover { border-color: var(--scg-navy) !important; box-shadow: 0 10px 28px rgba(10,34,51,.08); }
html body .products .product-category .header-title { font: 700 15px/1.35 var(--scg-font) !important; color: var(--scg-ink) !important; text-transform: none !important; }

/* Kategorijų greitos nuorodos (scg-category-nav) */
html body .scg-category-nav a { border-radius: 8px !important; border-color: var(--scg-line) !important; background: #fff !important; color: var(--scg-navy) !important; font: 700 13px/1.4 var(--scg-font) !important; }
html body .scg-category-nav a:hover { background: var(--scg-navy) !important; border-color: var(--scg-navy) !important; color: #fff !important; }

/* ==========================================================================
   3. KATALOGO PUSLAPIS
   ========================================================================== */
html body.woocommerce.archive #main, html body.post-type-archive-product #main, html body.search #main { background: var(--scg-bg); }
html body .shop-page-title.category-page-title { background: #fff !important; border-bottom: 1px solid var(--scg-line); margin-bottom: 24px; }
html body .shop-page-title .page-title-inner { padding-top: 26px !important; padding-bottom: 22px !important; align-items: flex-end !important; min-height: 0 !important; }
html body .shop-page-title h1.shop-page-title {
  order: 2; margin: 6px 0 0 !important; text-transform: none !important; letter-spacing: -.02em !important;
  font: 700 32px/1.15 var(--scg-font) !important; color: var(--scg-ink) !important;
}
html body .shop-page-title .page-title-inner > .flex-col.flex-grow { display: flex; flex-direction: column; }
html body .shop-page-title .page-title-inner > .flex-col.flex-grow > .is-small { order: 1; }
html body .shop-page-title .page-title-inner > .flex-col.flex-grow > .category-filtering { order: 3; }
html body .woocommerce-breadcrumb, html body .woocommerce-breadcrumb a { font: 400 13px/1.5 var(--scg-font) !important; text-transform: none !important; color: var(--scg-muted) !important; letter-spacing: 0 !important; }
html body .woocommerce-breadcrumb a:hover { color: var(--scg-btn) !important; }
html body .woocommerce-breadcrumb .divider { margin: 0 6px !important; opacity: .5; }
html body .woocommerce-result-count { font-size: 13px !important; color: var(--scg-muted) !important; margin: 0 14px 0 0 !important; text-transform: none !important; }
html body .woocommerce-ordering, html body .woocommerce-ordering select { margin: 0 !important; }
html body .woocommerce-ordering select {
  height: 44px !important; padding: 0 36px 0 14px !important; border: 1px solid var(--scg-line) !important; border-radius: 10px !important;
  background-color: #fff !important; box-shadow: none !important; font: 700 14px/1 var(--scg-font) !important; color: var(--scg-ink) !important; text-transform: none !important;
}

/* Šoninė juosta: filtrai kaip kortelės */
html body #shop-sidebar .widget {
  background: #fff; border: 1px solid var(--scg-line); border-radius: 14px; padding: 16px 18px !important; margin-bottom: 14px !important;
}
html body #shop-sidebar .widget-title, html body #shop-sidebar .widget .is-divider + * { text-transform: none !important; }
html body #shop-sidebar .widget-title, html body #shop-sidebar .widget > h3, html body #shop-sidebar .widget > span.widget-title {
  display: block; margin: 0 0 10px !important; font: 700 15px/1.3 var(--scg-font) !important; color: var(--scg-ink) !important; letter-spacing: 0 !important;
}
html body #shop-sidebar .widget .is-divider { display: none !important; }
html body #shop-sidebar .widget ul li { padding: 0 !important; border: 0 !important; margin: 0 !important; }
html body #shop-sidebar .widget ul li > a { display: flex; align-items: center; gap: 8px; padding: 7px 0 !important; font-size: 14px !important; color: var(--scg-body) !important; }
html body #shop-sidebar .widget ul li > a:hover, html body #shop-sidebar .widget ul li.chosen > a, html body #shop-sidebar .widget ul li.current-cat > a { color: var(--scg-navy) !important; font-weight: 700; }
html body #shop-sidebar .widget .count { margin-left: auto !important; padding: 1px 8px; border-radius: 20px; background: var(--scg-tint); color: var(--scg-muted) !important; font-size: 12px !important; opacity: 1 !important; }
html body #shop-sidebar .widget_layered_nav ul li > a::before {
  content: ""; flex-shrink: 0; width: 18px; height: 18px; border: 2px solid #c9cfd4; border-radius: 5px; background: #fff; transition: border-color .15s, background .15s;
}
html body #shop-sidebar .widget_layered_nav ul li.chosen > a::before { border-color: var(--scg-navy); background: var(--scg-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat; }

/* Puslapiavimas */
html body .woocommerce-pagination ul li .page-number { min-width: 42px; height: 42px; line-height: 40px; border-radius: 10px !important; border: 1px solid var(--scg-line) !important; background: #fff; color: var(--scg-ink) !important; font-weight: 700; }
html body .woocommerce-pagination ul li .page-number.current, html body .woocommerce-pagination ul li .page-number:hover { background: var(--scg-navy) !important; border-color: var(--scg-navy) !important; color: #fff !important; }

/* ==========================================================================
   4. PREKĖS PUSLAPIS
   ========================================================================== */
html body.single-product #main { background: var(--scg-bg); }
html body.single-product .product-title.product_title {
  font: 700 32px/1.15 var(--scg-font) !important; letter-spacing: -.02em !important; color: var(--scg-ink) !important; text-transform: none !important; margin-bottom: 8px !important;
}
html body.single-product .product-page-price { margin: 4px 0 14px !important; color: var(--scg-muted) !important; font-size: 14px !important; }
html body.single-product .product-page-price .amount { font: 700 32px/1.1 var(--scg-font) !important; color: var(--scg-ink) !important; letter-spacing: -.01em; }
html body.single-product .product-page-price .woocommerce-price-suffix { font-size: 14px !important; color: var(--scg-muted) !important; margin-left: 6px; }
html body.single-product .product-short-description { font-size: 15px !important; line-height: 1.6 !important; color: var(--scg-body) !important; }
html body.single-product p.stock {
  display: inline-flex !important; align-items: center; gap: 8px; margin: 4px 0 14px !important; padding: 6px 12px !important;
  border-radius: 20px !important; font: 700 13px/1.3 var(--scg-font) !important;
}
html body.single-product p.stock::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
html body.single-product p.stock.in-stock { background: #e7f5ec !important; color: var(--scg-green) !important; }
html body.single-product p.stock.available-on-backorder, html body.single-product p.stock.out-of-stock { background: #fff6dc !important; color: #8a5a00 !important; }
html body.single-product form.cart { display: flex !important; flex-wrap: wrap; gap: 12px; align-items: stretch; }
html body.single-product form.cart .quantity { margin: 0 !important; height: 52px; border: 1px solid var(--scg-line); border-radius: 10px; overflow: hidden; background: #fff; display: inline-flex !important; }
html body.single-product form.cart .quantity input { height: 50px !important; border: 0 !important; box-shadow: none !important; font-weight: 700 !important; }
html body.single-product form.cart .quantity .button { height: 50px !important; border: 0 !important; background: #fff !important; color: var(--scg-ink) !important; }
html body.single-product form.cart .single_add_to_cart_button.button, html body.single-product .single_add_to_cart_button {
  flex-grow: 1; min-width: 200px; height: 52px; margin: 0 !important; padding: 0 28px !important; border-radius: 10px !important;
  background: var(--scg-btn) !important; border: 0 !important; color: #fff !important; box-shadow: none !important;
  font: 700 16px/1 var(--scg-font) !important; text-transform: none !important; letter-spacing: 0 !important;
}
html body.single-product form.cart .single_add_to_cart_button.button:hover { background: var(--scg-btn-hover) !important; }
html body.single-product .variations select { height: 46px; border-radius: 10px !important; border: 1px solid var(--scg-line) !important; }

/* Akordeonas (Aprašymas, Specifikacijos ...) */
html body.single-product .product-page-accordian .accordion-item { background: #fff; border: 1px solid var(--scg-line) !important; border-radius: 14px !important; margin-bottom: 10px; overflow: hidden; }
html body.single-product .product-page-accordian .accordion-title {
  padding: 16px 20px !important; border: 0 !important; background: #fff !important;
  font: 700 16px/1.3 var(--scg-font) !important; color: var(--scg-ink) !important; text-transform: none !important;
}
html body.single-product .product-page-accordian .accordion-title.active { background: var(--scg-tint) !important; }
html body.single-product .product-page-accordian .accordion-inner { padding: 18px 20px !important; }
html body.single-product .product-page-accordian table { font-size: 14px; }
html body.single-product .product-page-accordian table th { background: var(--scg-tint); color: var(--scg-ink); font-weight: 700; text-transform: none; }

/* Susijusios prekės: antraštė */
html body.single-product .related > h3, html body.single-product .related .product-section-title {
  font: 700 26px/1.2 var(--scg-font) !important; text-transform: none !important; letter-spacing: -.01em !important; color: var(--scg-ink) !important;
}

/* Užklausos forma (Contact Form 7) */
html body .wpcf7 input[type="text"], html body .wpcf7 input[type="email"], html body .wpcf7 input[type="tel"], html body .wpcf7 textarea {
  border: 1px solid #c9cfd4 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; padding: 0 14px !important; font-size: 15px !important;
}
html body .wpcf7 input[type="text"], html body .wpcf7 input[type="email"], html body .wpcf7 input[type="tel"] { height: 48px !important; }
html body .wpcf7 textarea { padding: 12px 14px !important; }
html body .wpcf7 input:focus, html body .wpcf7 textarea:focus { border-color: var(--scg-navy) !important; box-shadow: 0 0 0 3px rgba(0,66,104,.15) !important; }
html body .wpcf7 .wpcf7-submit { height: 52px; padding: 0 30px !important; border-radius: 10px !important; background: var(--scg-btn) !important; border: 0 !important; color: #fff !important; font: 700 16px/1 var(--scg-font) !important; text-transform: none !important; }

/* Kortelių lygiavimas (Flatsome centruoja) */
html body :is(.products, .related) .product-small .price-wrapper, html body :is(.products, .related) .product-small .title-wrapper { align-self: stretch !important; width: 100% !important; align-items: flex-start !important; text-align: left !important; }
html body :is(.products, .related) .product-small .price, html body :is(.products, .related) .product-small .short-description-products { text-align: left !important; }
html body :is(.products, .related) .product-small .price-wrapper > div:empty, html body :is(.products, .related) .product-small .price-wrapper::before, html body :is(.products, .related) .product-small .price-wrapper::after, html body :is(.products, .related) .product-small .price::before { display: none !important; }
html body .shop-page-title .page-title-inner > .flex-col { border: 0 !important; }
html body .shop-page-title .page-title-inner > .flex-col.flex-grow { display: flex !important; flex-direction: column !important; }
html body.single-product .product-page-price .amount { color: var(--scg-ink) !important; }
html body.single-product .related .product-small .price .amount, html body.single-product .related .product-small .price bdi { color: var(--scg-ink) !important; }

/* Lipni pirkimo juosta telefone (kuriama scg-site.js) */
.scg-buybar { display: none; }

/* ==========================================================================
   5. MOBILUS
   ========================================================================== */
@media (max-width: 849px) {
  /* Katalogo antraštė: kelias, pavadinimas, filtrai ir rikiavimas vienoje eilutėje */
  /* Antraštė kaip tinklelis: kelias, pavadinimas, tada [Filtruoti][Rikiuoti] vienoje eilutėje */
  html body .shop-page-title .page-title-inner { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 10px; align-items: center !important; padding: 16px 15px 14px !important; }
  html body .shop-page-title .page-title-inner > .flex-col, html body .shop-page-title .page-title-inner > .flex-col.flex-grow { display: contents !important; }
  html body .shop-page-title .page-title-inner .is-small, html body .shop-page-title h1.shop-page-title { grid-column: 1 / -1; }
  html body .shop-page-title .page-title-inner .is-small { order: 1; min-width: 0; }
  html body .shop-page-title h1.shop-page-title { order: 2; }
  html body .category-filtering { order: 3; }
  html body .woocommerce-ordering { order: 4; }
  html body .woocommerce-result-count, html body .category-filtering .inline-block, html body .category-filtering .filter-button::after { display: none !important; }
  html body .shop-page-title h1.shop-page-title { font-size: 24px !important; text-align: left !important; margin: 4px 0 12px !important; }
  html body .shop-page-title .woocommerce-breadcrumb { text-align: left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
  html body .shop-page-title .page-title-inner > .flex-col.flex-grow > .is-small { width: 100%; }
  html body .category-filtering { display: block !important; width: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  html body .category-filtering .filter-button {
    display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 46px;
    border: 2px solid var(--scg-navy); border-radius: 10px; color: var(--scg-navy) !important; font: 700 15px/1 var(--scg-font) !important; text-transform: none !important;
  }
  html body .category-filtering .filter-button strong { font-weight: 700; }
  html body .shop-page-title .page-title-inner > .flex-col:not(.flex-grow) { margin: 0 !important; }
  html body .woocommerce-ordering { width: 100%; }
  html body .woocommerce-ordering select { width: 100% !important; height: 46px !important; }

  /* Du stulpeliai prekių telefone */
  html body :is(.products, .related .row).row:not(.row-slider):not(.slider) > .product-small.col { flex-basis: 50% !important; max-width: 50% !important; padding: 0 5px 10px !important; }
  html body :is(.products, .related .row).row:not(.row-slider):not(.slider) { margin-left: -5px !important; margin-right: -5px !important; }
  html body.single-product .product-page-accordian, html body.single-product .related { padding-left: 12px !important; padding-right: 12px !important; }
  html body.single-product .product-page-accordian table { display: block; overflow-x: auto; }
  html body :is(.products, .related) .product-small.col > .col-inner { border-radius: 12px !important; }
  html body :is(.products, .related) .product-small .box-image { height: 150px !important; min-height: 150px !important; padding: 32px 8px 28px !important; }
  html body :is(.products, .related) .product-small .box-image img { max-height: 90px !important; }
  html body :is(.products, .related) .product-small .box-text { padding: 8px 10px 12px !important; }
  html body :is(.products, .related) .product-small .product-cat, html body :is(.products, .related) .product-small .short-description-products { display: none !important; }
  html body :is(.products, .related) .product-small .name.product-title a { font-size: 13px !important; }
  html body :is(.products, .related) .product-small .price .amount { font-size: 16px !important; }
  html body :is(.products, .related) .product-small .woocommerce-price-suffix { display: block !important; margin: 2px 0 0 !important; font-size: 11px !important; }
  html body :is(.products, .related) .product-small .tinvwl-loop-button-wrapper { padding: 0 10px 10px !important; }
  /* Sandėlio ženklelis telefone: po nuotrauka kairėje, kad neužliptų ant gamintojo logotipo */
  html body .custom-stock-badge-top-right { top: 110px !important; left: 8px; right: auto !important; font-size: 10px; padding: 3px 7px; max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; }
  html body .badge-overlay { top: 32px; right: 8px; }
  html body .badge-overlay img, html body .scg-iso-letter { height: 18px; width: auto; }
  html body .scg-iso-letter { width: 18px; font-size: 11px; }
  html body .brand-logo { top: 8px; left: 8px; }
  html body .brand-logo img { max-width: 42px; max-height: 18px; }

  /* Prekės puslapis */
  html body.single-product .product-title.product_title { font-size: 24px !important; }
  html body.single-product .product-page-price .amount { font-size: 26px !important; }
  html body.single-product form.cart .quantity { flex: 0 0 auto; }
  html body.single-product form.cart .single_add_to_cart_button.button, html body.single-product .single_add_to_cart_button { min-width: 0; }

  /* Lipni pirkimo juosta */
  .scg-buybar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 990; display: flex; align-items: center; gap: 12px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--scg-line);
    box-shadow: 0 -8px 24px rgba(10,34,51,.08); transform: translateY(110%); transition: transform .2s;
  }
  .scg-buybar.is-visible { transform: none; }
  .scg-buybar__info { flex-grow: 1; min-width: 0; }
  .scg-buybar__name { font: 700 13px/1.25 var(--scg-font); color: var(--scg-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .scg-buybar__price { font: 700 17px/1.2 var(--scg-font); color: var(--scg-ink); }
  .scg-buybar__price .woocommerce-price-suffix { font-size: 11px; font-weight: 400; color: var(--scg-muted); }
  .scg-buybar__btn { flex-shrink: 0; height: 48px; padding: 0 20px; border: 0; border-radius: 10px; background: var(--scg-btn); color: #fff; font: 700 15px/1 var(--scg-font); text-transform: none !important; letter-spacing: 0 !important; margin: 0 !important; }
  body.scg-has-buybar .cky-btn-revisit-wrapper { bottom: 92px !important; }
  body.scg-has-buybar #footer, body.scg-has-buybar .absolute-footer { padding-bottom: 80px; }
}
@media (prefers-reduced-motion: reduce) { .scg-buybar { transition: none; } }

/* ==========================================================================
   v3 PATAISYMAI (2026-11-12): platesnis puslapis, kortelės be persidengimų,
   ramūs hover efektai, filtrai, meniu (kompiuteris ir telefonas)
   ========================================================================== */

/* ---------- 6. Platesnis puslapis (buvo ~1250 px) ---------- */
@media (min-width: 1200px) {
  html body .container, html body .row:not(.row-collapse):not(.row-full-width), html body .page-title-inner, html body .scg-category-nav {
    max-width: 1400px !important;
  }
}

/* ---------- 7. Prekių kortelės: nuotrauka savo vietoje, ženkleliai nepersidengia ---------- */
html body :is(.products, .related) .product-small .box-image { height: 210px !important; min-height: 210px !important; padding: 40px 18px 12px !important; overflow: hidden !important; }
html body :is(.products, .related) .product-small .box-image .image-zoom-fade,
html body :is(.products, .related) .product-small .box-image a { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 100% !important; position: static !important; }
html body :is(.products, .related) .product-small .box-image img {
  position: static !important; inset: auto !important; transform: none; width: 100% !important; height: 100% !important; max-height: 158px !important;
  object-fit: contain !important; opacity: 1 !important; transition: transform .3s ease !important;
}
/* Antra „hover“ nuotrauka ir Flatsome įrankiai virš nuotraukos: išjungta */
html body :is(.products, .related) .product-small .box-image .back-image,
html body :is(.products, .related) .product-small .box-image img + img,
html body :is(.products, .related) .product-small .image-tools { display: none !important; }
/* Ramus hover: tik rėmelis, šešėlis ir labai lengvas nuotraukos priartinimas */
html body :is(.products, .related) .product-small.col > .col-inner { transition: border-color .2s, box-shadow .2s !important; transform: none !important; }
html body :is(.products, .related) .product-small.col > .col-inner:hover { border-color: #b8c7d2 !important; box-shadow: 0 12px 28px rgba(10,34,51,.09) !important; transform: none !important; }
html body :is(.products, .related) .product-small.col:hover .box-image img { transform: scale(1.04) !important; }
html body :is(.products, .related) .product-small:hover .box-text { background: #fff !important; }
html body :is(.products, .related) .product-small .name.product-title a {
  display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* Viršutinė kortelės eilutė: gamintojas kairėje, ISO medžiagos dešinėje */
html body .product-small .brand-logo { top: 12px !important; left: 12px !important; height: 20px; display: flex; align-items: center; }
html body .product-small .brand-logo img { max-width: 58px !important; max-height: 20px !important; }
html body .product-small .badge-overlay { top: 10px !important; right: 12px !important; flex-wrap: nowrap !important; }
html body .product-small .badge-overlay img, html body .product-small .scg-iso-letter { height: 22px !important; width: auto; }
html body .product-small .badge-container { display: none !important; } /* Flatsome „Sale“ ženklelis kairėje, kur gamintojo logotipas */

/* Sandėlio būsena: tekste po nuotrauka (perkelta iš nuotraukos srities) */
html body .scg-stock { display: flex; width: fit-content; align-items: center; gap: 6px; margin: 0 0 6px; font: 700 12px/1.3 var(--scg-font); text-align: left; align-self: flex-start; }
html body .scg-stock::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
html body .scg-stock.in-stock { color: var(--scg-green); }
html body .scg-stock.out-of-stock { color: #8a5a00; }
html body .custom-stock-badge-top-right { display: none !important; } /* senas ženklelis, jei liktų podėlyje */

/* ---------- 8. Filtrai šoninėje juostoje ---------- */
html body #shop-sidebar .select2-container { width: 100% !important; }
html body #shop-sidebar .select2-container .select2-selection {
  min-height: 44px !important; border: 1px solid #c9cfd4 !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important;
}
html body #shop-sidebar .select2-selection__rendered { line-height: 42px !important; padding: 0 34px 0 12px !important; font-size: 14px !important; color: var(--scg-ink) !important; }
html body #shop-sidebar .select2-selection__placeholder { color: var(--scg-muted) !important; }
html body #shop-sidebar .select2-selection__arrow { height: 42px !important; right: 8px !important; }
html body #shop-sidebar .select2-selection--multiple .select2-search__field { height: 40px !important; margin: 0 !important; padding: 0 12px !important; font-size: 14px !important; box-shadow: none !important; }
html body #shop-sidebar .select2-selection--multiple .select2-selection__choice { margin: 6px 0 0 6px !important; border: 0 !important; border-radius: 6px !important; background: var(--scg-tint) !important; color: var(--scg-navy) !important; font-size: 13px; }
html body #shop-sidebar .woocommerce-widget-layered-nav-dropdown__submit {
  display: block; width: 100%; height: 40px; margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important;
  background: var(--scg-navy) !important; color: #fff !important; font: 700 14px/40px var(--scg-font) !important; text-transform: none !important; letter-spacing: 0 !important;
}
html body #shop-sidebar .woocommerce-widget-layered-nav-dropdown__submit:hover { background: var(--scg-navy-dark) !important; }
html body #shop-sidebar li:has(> .ux-swatch-widget-layered-nav-list__graphic) > a::before,
html body #shop-sidebar li:has(.ux-swatch) > a::before { display: none !important; }
html body #shop-sidebar .woocommerce-widget-layered-nav-list__item { display: flex; align-items: center; gap: 8px; }
html body #shop-sidebar .ux-swatch__img { width: 22px !important; height: 22px !important; border-radius: 4px; }
html body #shop-sidebar .product-categories li > a { text-transform: none !important; }
html body #shop-sidebar .widget ul ul { margin-left: 10px !important; padding-left: 10px !important; border-left: 2px solid var(--scg-tint); }

/* ---------- 9. Subkategorijų nuorodos (scg-category-nav) ---------- */
html body .scg-category-nav { gap: 8px !important; padding: 18px 15px 6px !important; margin: 0 auto !important; }
html body .scg-category-nav a { padding: 8px 14px !important; transition: background .15s, color .15s, border-color .15s; }

/* ---------- 10. Viršutinis meniu ir išskleidžiamas meniu (kompiuteris) ----------
   Seni stiliai naudoja #header, todėl čia taip pat #header. */
@media (min-width: 850px) {
  html body #header #wide-nav .header-bottom-nav > li > a { position: relative; transition: color .15s; }
  html body #header #wide-nav .header-bottom-nav > li > a::after {
    content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0;
    background: var(--scg-orange); transform: scaleX(0); transition: transform .2s;
  }
  html body #header #wide-nav .header-bottom-nav > li:hover > a::after, html body #header #wide-nav .header-bottom-nav > li.current-dropdown > a::after,
  html body #header #wide-nav .header-bottom-nav > li.active > a::after, html body #header #wide-nav .header-bottom-nav > li.current-menu-ancestor > a::after,
  html body #header #wide-nav .header-bottom-nav > li.current-product_cat-ancestor > a::after { transform: scaleX(1); }
  html body #header #wide-nav .header-bottom-nav > li > a, html body #header #wide-nav .header-bottom-nav > li:hover > a,
  html body #header #wide-nav .header-bottom-nav > li.current-dropdown > a, html body #header #wide-nav .header-bottom-nav > li > a:focus-visible { background: transparent !important; color: #fff !important; }

  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 2px 20px !important;
    width: 540px !important; min-width: 0 !important; padding: 16px !important; border: 1px solid var(--scg-line) !important;
    border-radius: 14px !important; box-shadow: 0 18px 40px rgba(10,34,51,.14) !important; background: #fff !important;
  }
  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown:has(ul) {
    width: 640px !important; gap: 14px 24px !important; padding: 22px !important;
  }
  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown:has(ul):has(> li:nth-child(3)) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: min(900px, calc(100vw - 40px)) !important;
  }
  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown::before, html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown::after { display: none !important; }
  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown > li { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown > li > a {
    display: block !important; padding: 10px 12px !important; margin: 0 !important; border: 0 !important; border-radius: 8px !important;
    font: 700 15px/1.3 var(--scg-font) !important; color: var(--scg-ink) !important; background: transparent !important;
    text-transform: none !important; letter-spacing: 0 !important;
  }
  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown:has(ul) > li > a { padding: 6px 12px 8px !important; margin-bottom: 4px !important; border-bottom: 1px solid var(--scg-line) !important; border-radius: 0 !important; color: var(--scg-navy) !important; }
    html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown > li > ul { display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; position: static !important; }
  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown > li > ul > li > a {
    display: block !important; padding: 7px 12px !important; margin: 0 !important; border: 0 !important; border-radius: 6px !important;
    font: 400 14px/1.35 var(--scg-font) !important; color: var(--scg-body) !important; background: transparent !important;
    text-transform: none !important;
  }
  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown a:hover,
  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown a:focus-visible { background: var(--scg-tint) !important; color: var(--scg-navy) !important; }
  html body #header #wide-nav .header-bottom-nav > li.menu-item > .nav-dropdown > li > ul > li > a:hover { color: var(--scg-btn) !important; background: #fff6f1 !important; }
  /* Paskutiniai meniu punktai: išskleidžiamas meniu lygiuojamas dešinėje, kad neišlįstų už ekrano */
  html body #header #wide-nav .header-bottom-nav > li.menu-item:nth-last-child(-n+2) > .nav-dropdown { left: auto !important; right: 0 !important; }
}

/* ---------- 11. Telefono meniu ---------- */
html body .mobile-sidebar .nav-sidebar > li { border-bottom: 1px solid #eef0f2 !important; }
html body .mobile-sidebar .nav-sidebar > li > a {
  display: flex !important; align-items: center; min-height: 54px; padding: 0 56px 0 20px !important;
  font: 700 16px/1.3 var(--scg-font) !important; color: var(--scg-ink) !important; text-transform: none !important; letter-spacing: 0 !important;
}
html body .mobile-sidebar .nav-sidebar > li > button.toggle { width: 54px !important; height: 54px !important; margin: 0 !important; right: 0; top: 0; opacity: 1 !important; color: var(--scg-navy) !important; }
html body .mobile-sidebar .nav-sidebar > li.active { background: linear-gradient(var(--scg-tint), var(--scg-tint)) top / 100% 54px no-repeat; }
html body .mobile-sidebar .nav-sidebar > li.active > a { color: var(--scg-navy) !important; background: transparent !important; }
html body .mobile-sidebar .nav-sidebar ul.children, html body .mobile-sidebar .nav-sidebar ul.sub-menu { padding: 2px 0 10px 20px !important; margin: 0 !important; }
html body .mobile-sidebar .nav-sidebar ul li > a {
  display: block !important; padding: 9px 20px 9px 12px !important; font: 400 15px/1.35 var(--scg-font) !important;
  color: var(--scg-body) !important; text-transform: none !important; letter-spacing: 0 !important; border-left: 2px solid var(--scg-tint);
}
html body .mobile-sidebar .nav-sidebar ul li.menu-item-has-children > a { font-weight: 700 !important; color: var(--scg-ink) !important; }
html body .mobile-sidebar .nav-sidebar ul ul { padding: 0 0 8px !important; margin: 0 !important; }
html body .mobile-sidebar .nav-sidebar ul ul li { margin: 0 !important; padding: 0 !important; }
html body .mobile-sidebar .nav-sidebar ul ul li > a { padding: 8px 16px 8px 26px !important; font-size: 14px !important; }
html body .mobile-sidebar .nav-sidebar ul li { margin: 0 !important; }
html body .mobile-sidebar .nav-sidebar > li:not(.menu-item-has-children) > a .icon-heart,
html body .mobile-sidebar .nav-sidebar > li:not(.menu-item-has-children) > a .icon-user { color: var(--scg-navy); }

/* ---------- 12. Mobilūs pataisymai ---------- */
@media (max-width: 849px) {
  /* Subkategorijos: viena slenkama eilutė vietoj viso ekrano */
  html body .scg-category-nav { flex-wrap: nowrap !important; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 12px 15px 4px !important; }
  html body .scg-category-nav::-webkit-scrollbar { display: none; }
  html body .scg-category-nav a { flex: 0 0 auto; white-space: nowrap; }

  html body :is(.products, .related) .product-small .box-image { height: 150px !important; min-height: 150px !important; padding: 34px 8px 8px !important; }
  html body :is(.products, .related) .product-small .box-image img { max-height: 104px !important; }
  html body .product-small .brand-logo { top: 9px !important; left: 9px !important; }
  html body .product-small .brand-logo img { max-width: 44px !important; max-height: 16px !important; }
  html body .product-small .badge-overlay { top: 8px !important; right: 9px !important; gap: 3px; }
  html body .product-small .badge-overlay img, html body .product-small .scg-iso-letter { height: 18px !important; }
  html body .scg-stock { font-size: 11px; margin-bottom: 4px; }
  html body :is(.products, .related) .product-small .name.product-title a { -webkit-line-clamp: 3; }
  html body :is(.products, .related) .product-small.col:hover .box-image img { transform: none !important; }
}

/* ---------- 13. Prekės puslapis: aprašymas ir užklausos forma lygiuojami su viršutine dalimi ---------- */
html body .scg-product-template > .section-content > .row:not(.scg-product-main):not(.related) {
  max-width: min(1368px, calc(100% - 32px)) !important; margin-left: auto !important; margin-right: auto !important;
}
html body .scg-product-template .row-box-shadow-2 { border: 1px solid var(--scg-line); border-radius: 16px; box-shadow: none !important; background: #fff; }
html body .scg-product-template .row-box-shadow-2 > .col > .col-inner { box-shadow: none !important; padding: 28px !important; }
html body .scg-product-template .row-box-shadow-2 h2 { text-align: left !important; font: 700 24px/1.25 var(--scg-font) !important; color: var(--scg-ink) !important; margin: 0 0 6px !important; text-transform: none !important; }
html body .scg-product-template .row-box-shadow-2 .is-divider, html body .scg-product-template .row-box-shadow-2 hr { display: none !important; }
html body .wpcf7 input[type="submit"], html body .wpcf7 .wpcf7-submit { text-transform: none !important; letter-spacing: 0 !important; }
html body .scg-product-main .product-page-accordian { margin-left: 16px; margin-right: 16px; }
@media (max-width: 849px) {
  html body .scg-product-main .product-page-accordian { margin-left: 0; margin-right: 0; }
  html body .product-page-accordian table :is(td, th) { padding: 10px 12px !important; font-size: 13px !important; line-height: 1.35 !important; }
  html body .product-page-accordian table :is(td, th):first-child { white-space: nowrap !important; }
}

/* ---------- 14. v3.1: akordeono rodyklės ir puslapiavimas ---------- */
/* Flatsome rodyklė (absoliučiai kairėje) užlipdavo ant pavadinimo, paliekamas tik +/- dešinėje */
html body .product-page-accordian .accordion-title > button.toggle { display: none !important; }

/* Puslapiavimas: balti mygtukai, mėlynas tik dabartinis puslapis, viena eilutė */
html body .woocommerce-pagination ul.page-numbers { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 24px 0 8px !important; padding: 0 !important; }
html body .woocommerce-pagination ul.page-numbers > li { margin: 0 !important; padding: 0 !important; }
html body .woocommerce-pagination ul li .page-number, html body .woocommerce-pagination ul li .page-number.next, html body .woocommerce-pagination ul li .page-number.prev {
  display: inline-flex !important; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 6px !important; line-height: 1 !important;
  background: #fff !important; border: 1px solid var(--scg-line) !important; border-radius: 10px !important; color: var(--scg-ink) !important; font: 700 15px/1 var(--scg-font) !important; transition: border-color .15s, color .15s, background .15s;
}
html body .woocommerce-pagination ul li .page-number.next, html body .woocommerce-pagination ul li .page-number.prev { color: var(--scg-navy) !important; font-size: 20px !important; }
html body .woocommerce-pagination ul li a.page-number:hover { background: #fff !important; border-color: var(--scg-navy) !important; color: var(--scg-navy) !important; }
html body .woocommerce-pagination ul li .page-number.current { background: var(--scg-navy) !important; border-color: var(--scg-navy) !important; color: #fff !important; }
html body .woocommerce-pagination ul li .page-number.dots { border-color: transparent !important; background: transparent !important; min-width: 20px; }
@media (max-width: 549px) {
  html body .woocommerce-pagination ul.page-numbers { gap: 4px; }
  html body .woocommerce-pagination ul li .page-number, html body .woocommerce-pagination ul li .page-number.next, html body .woocommerce-pagination ul li .page-number.prev { min-width: 34px; height: 38px; padding: 0 4px !important; font-size: 14px !important; border-radius: 8px !important; }
}