/*
Theme Name: let it bloom
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 5.6
*/
/* 260907: versijas bumps (ātrā skata nosvītrotās cenas svītra cauri cipariem). */

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* 3:2 landscape */
.ratio-3-2 .banner-bg,
.ratio-3-2 .image-cover,
.ratio-3-2 .image-bg {
  padding-top: 66.6667% !important;
}

/* 2:3 portrait */
.ratio-2-3 .banner-bg,
.ratio-2-3 .image-cover,
.ratio-2-3 .image-bg {
  padding-top: 150% !important;
}

/* Enable true aspect ratio cropping for Flatsome boxes */
.ratio-3-2 .box-image,
.ratio-2-3 .box-image {
  position: relative;
  overflow: hidden;
}

.ratio-3-2 .box-image::before {
  content: "";
  display: block;
  padding-top: 66.6667%;
}

.ratio-2-3 .box-image::before {
  content: "";
  display: block;
  padding-top: 150%;
}

.ratio-3-2 .box-image img,
.ratio-2-3 .box-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 3:2 banners: force correct height and ignore Flatsome height-fix image ratio */
.banner.ratio-3-2 {
  position: relative;
}

.banner.ratio-3-2::before {
  content: "";
  display: block;
  padding-top: 66.6667%;
}

/* make inner fill absolute to sit on top of the ratio box */
.banner.ratio-3-2>.banner-inner.fill {
  position: absolute;
  inset: 0;
}

/* prevent invisible height-fix from setting huge height */
.banner.ratio-3-2>.height-fix {
  display: none !important;
}

/* make background image cover */
.banner.ratio-3-2 .banner-bg img.bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner.ratio-2-3 {
  position: relative;
}

.banner.ratio-2-3::before {
  content: "";
  display: block;
  padding-top: 150%;
}

.banner.ratio-2-3>.banner-inner.fill {
  position: absolute;
  inset: 0;
}

.banner.ratio-2-3>.height-fix {
  display: none !important;
}

.banner.ratio-2-3 .banner-bg img.bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 260903: UX Builder jaunam Banner (Add to Column > Banner) pats ieliek
   Height 500px. Ratio banerim augstumu dod ::before, un Flatsome inline
   #banner-x { padding-top: 500px } tam pieskaitītos klāt (Sandras gadījums:
   500px + 66,67% = gandrīz kvadrāts). Ratio klase ir vienīgais augstuma
   avots, tāpēc Flatsome augstumu apklusinām. */
.banner.ratio-3-2,
.banner.ratio-2-3 {
  padding-top: 0 !important;
}

/* 260903: ratio-row pāris (guļus bilde 8/12 + stāvus bilde 4/12). Kamēr guļus
   bilde bija Image, platā kolonna stiepās līdz stāvās bildes augstumam (sk.
   .ratio-row .col.large-8 .img augstāk). Portfolio bildes pārtaisot uz Banner
   (hotspotiem), 3:2 ::before dotu 549px pret 595px un apakšmalas izšķirtos.
   Tāpēc platajā kolonnā ratio baneris pilda kolonnas augstumu; mobilajā
   kolonnas stāv viena zem otras un ratio paliek. */
@media (min-width: 850px) {
  .ratio-row > .col.large-8 > .col-inner > .banner.ratio-3-2 {
    height: 100%;
  }

  .ratio-row > .col.large-8 > .col-inner > .banner.ratio-3-2::before {
    display: none;
  }
}

.header-cart-icon img[width="1"][height="1"] {
  width: 22px;
}

.header-social-icons {
  margin-top: 30px;
}

.header-social-icons a.icon:not(.button) {
  font-size: 1.8em;
}

[data-icon-label]:after {
  background: #000;
}

.nav-column>li>a,
.nav-dropdown>li>a,
.nav-vertical-fly-out>li>a,
.nav>li>a {
  color: #000;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea,
.wpcf7-form select {
  border: none;
  border-bottom: 1px solid #000;
  box-shadow: none;
  font-size: 15.5px;
  font-weight: 500;
  text-transform: none;
  height: 1.507em;
  padding-left: 2px;
}

textarea {
  min-height: 88px;
}

/*textarea::placeholder, input::placeholder{ color: #000; }*/
.button.is-outline {
  line-height: 38px;
  border: 1px solid;
  font-weight: normal;
  min-width: 200px;
}

.button.is-outline span {
  line-height: normal;
}

.button.white {
  line-height: 38px;
  border: 1px solid;
  font-weight: normal;
  min-width: 200px;
  color: #000 !important;
}

.button.white:hover {
  background: #000 !important;
  color: #fff !important;
}

.res-text {
  font-size: initial;
}

.button.icon.circle.back-to-top,
.button.icon.round.back-to-top {
  min-width: 2.5em;
  border-radius: 0 !important;
}



/* 3:2 landscape */
.ratio-3-2 .banner-bg,
.ratio-3-2 .image-cover,
.ratio-3-2 .image-bg {
  padding-top: 66.6667% !important;
}

/* 2:3 portrait */
.ratio-2-3 .banner-bg,
.ratio-2-3 .image-cover,
.ratio-2-3 .image-bg {
  padding-top: 150% !important;
}

/* ===== Generic ratios ===== */
.img[class*="ratio-"] {
  position: relative;
  overflow: hidden;
}

.img[class*="ratio-"]::before {
  content: "";
  display: block;
}

.img.ratio-3-2::before {
  padding-top: 66.6667%;
}

.img.ratio-2-3::before {
  padding-top: 150%;
}

.img.ratio-16-9::before {
  padding-top: 56.25%;
}

.img[class*="ratio-"]>.img-inner {
  position: absolute;
  inset: 0;
}

.img[class*="ratio-"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 1) Ряд робимо flex, щоб колонки тягнулися по висоті */
.ratio-row {
  align-items: stretch;
}

.ratio-row>.col>.col-inner {
  height: 100%;
}

.ratio-row .col.large-8 .img,
.ratio-row .col.large-8 .img .img-inner {
  height: 100%;
}

.ratio-row .col.large-8 .img .img-inner {
  position: relative;
  overflow: hidden;
}

.ratio-row .col.large-8 .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*.ratio-row .col.large-8 .img .img-inner{ padding-top: 72.5%; }
.ratio-row .col.large-8 .img .img-inner{
  position:absolute;
  inset:0;
}
.ratio-row .col.large-8  img{
  width:100%;
  height:100%;
  object-fit:cover;
}*/
/*.nav-size-medium>li>a{ font-size: 16pt;  }
.promo-baner .banner-layers.container{   max-width: 100%; }
.text h1, h1 { font-size: 36pt; font-weight: normal;}
.text h2, h2{ font-size: 22pt; font-weight: normal;}
.text h3, h3{ font-size: 18pt; font-weight: normal;}
.text , .text p, .text ul{ font-size: 16pt;  }

.button.is-outline, .button.white{  font-size: 18pt;  }
.number-count h1{ font-size: 60pt; }

@media (max-width: 1699.98px){
    .text h1, h1{ font-size: 30pt; }
    .text h2, h2{ font-size: 18pt; }
    .text h3, h3{ font-size: 16t; }
    .text , .text p, .text ul{ font-size: 14pt;  }

    .button.is-outline, .button.white{  font-size: 14pt;  }
    .number-count h1{ font-size: 50pt;  }
}

@media (max-width: 1199.98px){
     .text h1, h1{ font-size: 28pt; }
    .text h2, h2{ font-size: 17pt; }
    .text h3, h3{ font-size: 15t; }
    .text , .text p, .text ul{ font-size: 14pt;  }
    .button.is-outline, .button.white{  font-size: 14pt;  }
    .number-count h1{ font-size: 40pt;  }
}

@media (max-width: 991.98px){
   .text h1, h1{ font-size: 24pt; }
    .text h2, h2{ font-size: 16pt; }
    .text h3, h3{ font-size: 14pt; }
    .text , .text p, .text ul{ font-size: 13pt;  }
    .button.is-outline, .button.white{  font-size: 13pt;  }
    .number-count h1{ font-size: 30pt;  }
}
@media (max-width: 768.98px){
    .text h1, h1{ font-size: 22pt; }
    .text h2, h2{ font-size: 15pt; }
    .text h3, h3{ font-size: 13pt; }
    .text , .text p, .text ul{ font-size: 12pt;  }
    .button.is-outline, .button.white{  font-size: 12pt;  }
    .number-count h1{ font-size: 28pt;  }

 
}*/

/* =========================
   Tablet/Mobile overrides
   ratio-2-3 behaves like 3-2
   ========================= */
@media (max-width: 849px) {

  /* 1) BANNERS: keep like you have (optional to keep here for clarity) */
  /*  .banner.ratio-2-3::before{ padding-top:66.6667% !important; }
  .banner.ratio-2-3 > .height-fix{ display:none !important; }
  .ratio-2-3 .banner-bg,
  .ratio-2-3 .image-cover,
  .ratio-2-3 .image-bg{ padding-top:66.6667% !important; }*/

  /* 2) BOXES: also already have */
  /*  .ratio-2-3 .box-image::before{ padding-top:66.6667% !important; }*/

  /* 3) ✅ IMAGES (UX Builder element .img): switch 2:3 -> 3:2 */
  /*  .img.ratio-2-3::before{ padding-top:66.6667% !important; }*/

  /* safety: if Flatsome adds padding somewhere inside, keep it clean */
  /*  .img.ratio-2-3 > .img-inner{ inset:0; }*/
  /*  .img.ratio-2-3 img{ height:100%; object-fit:cover; }*/


  .ratio-row .col.large-8 .img img {
    position: static;
    /* 🔑 ключовий момент */
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .ratio-row .col.large-8 .img {
    position: relative;
  }

  .ratio-row .col.large-8 .img .img-inner {
    position: relative;
    inset: auto;
    height: auto;
  }

  /*  .ratio-3-2 .banner-bg, .ratio-3-2 .image-cover, .ratio-3-2 .image-bg{     padding-top: 420px !important; }*/
}

.img[class*="ratio-"] .img-inner {
  padding-top: 0 !important;
  /* якщо десь підмішується */
}

@media (max-width: 549px) {

  /* ======================
     MOBILE DEFAULT: keep ratios (do NOT force all .img to 150%)
     ====================== */

  /* --- BANNERS: якщо хочеш їх 2:3 на мобільному --- */
  /*.banner.ratio-2-3::before{ padding-top:150% !important; }
  .banner.ratio-2-3 > .height-fix{ display:none !important; }
  .ratio-2-3 .banner-bg,
  .ratio-2-3 .image-cover,
  .ratio-2-3 .image-bg{ padding-top:150% !important; }*/

  /* --- BOXES: якщо хочеш 2:3 тільки там, де ratio-2-3 --- */
  /*  .ratio-2-3 .box-image::before{ padding-top:150% !important; }*/

  /* --- UX .img: тільки для ratio-2-3 (а не для всіх ratio) --- */
  /*  .img.ratio-2-3::before{ padding-top:150% !important; }*/

  /* generic cover fill for ratio images */
  /*.img[class*="ratio-"]{ position:relative; overflow:hidden; }
  .img[class*="ratio-"] > .img-inner{ position:absolute; inset:0; }
  .img[class*="ratio-"] img{ width:100%; height:100%; object-fit:cover; }*/

  /* ======================
     SPECIAL: ratio-row on mobile => 3:2 for BOTH columns
     ====================== */

  /* override BOTH ratio-2-3 and ratio-3-2 inside ratio-row to 3:2 */
  /*.ratio-row .img.ratio-2-3::before,
  .ratio-row .img.ratio-3-2::before{
    padding-top:66.6667% !important;
  }*/

  /* if large-8 image doesn't have ratio class, still force 3:2 */
  /*  .ratio-row .col.large-8 .img:not([class*="ratio-"])::before{
    content:"";
    display:block;
    padding-top:66.6667% !important;
  }*/
}

@media (max-width: 549px) {

  /* --- BANNERS (any ratio becomes 2:3) --- */
  /*.banner[class*="ratio-"]::before{
    padding-top: 150% !important;
  }*/

  /* 260831 (#70): te agrāk stāvēja `.banner > .height-fix { display:none }`
     visiem baneriem. Baneriem ar ratio-3-2 vai ratio-2-3 augstumu dod ::before
     padding-top, tāpēc tiem nekas nemainījās, bet banerim BEZ ratio klases
     height-fix ir vienīgais augstuma avots, tāpēc telefonā tāds baneris sabruka
     līdz dažiem pikseļiem (Dārzs Āgenskalnā, banner-1561621251, vertikālā
     bilde 1333x2000). Ratio baneriem height-fix jau ir paslēpts bez nosacījuma
     (sk. .banner.ratio-3-2 > .height-fix un .banner.ratio-2-3 > .height-fix),
     tāpēc šī kārtula bija tikai slazds jaunām UX Builder bildēm. */

  /*.banner[class*="ratio-"] .banner-bg,
  .banner[class*="ratio-"] .image-cover,
  .banner[class*="ratio-"] .image-bg{
    padding-top: 150% !important;
  }*/

  /* --- Flatsome boxes / product images --- */
  /*.box-image::before{
    padding-top: 150% !important;
  }*/

  /* --- UX Builder images (.img) any ratio -> 2:3 --- */
  /*.img[class*="ratio-"]::before{
    padding-top: 150% !important;
  }*/

  /* keep cover behavior */
  /*.img[class*="ratio-"] > .img-inner{
    position:absolute;
    inset:0;
  }
  .img[class*="ratio-"] img{
    width:100%;
    height:100%;
    object-fit:cover;
  }*/

  /* --- ratio-row: on mobile we want it ratio-box again (not "height:auto") --- */
  .ratio-row .col.large-8 .img img {
    position: static !important;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ratio-row .col.large-8 .img .img-inner {
    position: static !important;
    inset: 0;
    height: 100% !important;
  }

  /*  .container .section, .row .section{
    padding-left: 0; padding-right: 0;
  }
  .row-full-width{     width: auto !important;
    max-width: 100vw !important; }*/


  /* --- PLP hero if you use it --- */
  /*.plp-hero[class*="ratio-"]::before{
    padding-top:150% !important;
  }*/

  /* --- promo tiles media (category promos) --- */
  /*.tax-product_cat .promo-tile .promo-media::before{
    padding-top:150% !important;
  }*/

  /*.ratio-row .col.large-8 .img::before{
    content:"";
    display:block;
   padding-top: 150% !important;
  }*/
}


.nav-size-medium>li>a {
  font-size: 16px;
  font-weight: 500;
}

.promo-baner .banner-layers.container {
  max-width: 100%;
}

.text h1,
h1 {
  font-size: 36px;
  font-weight: normal;
}

/*.text .h1{ font-size: 32px; font-weight: normal;}*/
/*.text h2, h2{ font-size: 22px; font-weight: normal;}*/
.text h2,
h2 {
  font-size: 32px;
  font-weight: normal;
}

.text h3,
h3 {
  font-size: 22px;
  font-weight: normal;
}

.text h4,
h4 {
  font-size: 18px;
  font-weight: normal;
}

.text hr {
  color: #000;
  border-color: #000;
  opacity: 1;
  margin-top: 25px;
}

.text,
.text p,
.text ul,
input,
textarea,
select {
  font-size: 18px;
  line-height: 1.2;
  text-align: justify;
}

.text .h1,
.text .h2,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5 {
  text-align: left;
}

.product p {
  font-size: 15.5px;
  line-height: 1.2;
  color: #000;
}

.product p.in-stock {
  color: #000;
}

.product p.out-of-stock {
  display: inline-block;
  height: 40px;
  padding: 10px;
  border: 1px solid #000;
}

.pp-series__cta.button.primary {
  margin-right: 0;
}

.text.text-sm,
.text.text-sm p {
  font-size: 13.5px;
}

.button.is-outline,
.button.white {
  font-size: 16px;
}

.button.icon.circle.is-outline,
.button.icon.round.is-outline {
  min-width: 40px;
  height: 40px;
  width: 40px;
  padding-top: 1px;
}

footer .button.icon.circle.is-outline:hover,
footer .button.icon.round.is-outline:hover {
  background: #fff !important;
  color: #000 !important;
}

footer .button.icon.circle.is-outline:hover i {
  color: #000 !important;
}

.number-count h1 {
  font-size: 60px;
}

/*.max-width-450{ max-width: 450px; }*/
h2[data-line-height=s] {
  margin-bottom: .35rem;
  text-align: left;
}

a.plain,
.nav-vertical>li>ul li a {
  color: #000;
}

.height-space-between .col-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;

}

.header-nav-main.nav-right li.current-dropdown>.nav-dropdown {
  right: -15px;
  left: auto;
}

.quantity input[type=number] {
  height: 100%;
  border: 1px solid #ddd;
}

.woocommerce-cart-form .quantity input[type=number] {
  height: 35.5px;
  border: 1px solid #ddd;
}

.woocommerce-cart-form dl.variation {
  color: #000;
}

.woocommerce-cart-form dl.variation p {
  margin-bottom: 5px;
}

.select2-container .select2-choice>.select2-chosen,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-selection {
  line-height: 1.507em;
}

.woocommerce-checkout-review-order td {
  color: #000;
}

.woocommerce-billing-fields {
  border: none;
}

.wishlist-in-stock {
  color: #000;
}

@media (max-width: 1199.98px) {

  .text h1,
  h1 {
    font-size: clamp(24px, 3vw, 36px);
  }

  .text h2,
  h2 {
    font-size: clamp(22px, 2.6vw, 32px);
  }

  .text h3,
  h3,
  .off-canvas-center .nav-vertical>li>a {
    font-size: 22px;
  }

  .text h4,
  h4 {
    font-size: clamp(14px, 1.6vw, 18px);
  }

  .text,
  .text p,
  .text ul,
  .product p,
  input,
  textarea {
    font-size: 16px;
  }

  .text.text-sm,
  .text.text-sm p {
    font-size: clamp(11.5px, 1vw, 13.5px);
  }

  .nav-size-medium>li>a {
    font-size: clamp(14px, 1.3vw, 16px);
  }

  .button.is-outline,
  .button.white {
    font-size: clamp(14px, 1.3vw, 16px);
  }

  .number-count h1 {
    font-size: clamp(36px, 6vw, 60px);
  }
}

@media (max-width: 849px) {
  .max-width-450 {
    max-width: 100%;
  }

  .header #logo img,
  .header .stuck #logo img {
    max-height: 70px !important;
  }

  .absolute-footer .container .footer-primary {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/*    .section-content h1{ font-size: 24pt; }
    .section-content h2{ font-size: 16pt; }
    .section-content h3{ font-size: 14pt; }*/

@media (max-width: 549px) {

  .header #logo img,
  .header .stuck #logo img {
    max-height: 50px !important;
  }
}

.woocommerce-breadcrumb {
  margin-bottom: 40px;
}

h1.product-title {
  font-size: clamp(16px, 1.9vw, 22px);
  font-weight: normal;
}

/* Baiba #64: mobilajā clamp nogrieza virsrakstu līdz 16px, tikpat, cik cena un
   apraksts, tāpēc produkta nosaukums saplūda ar tekstu. Mobilajā dodam to pašu
   22px, kas datorā, un biezākos burtus (Archivo 600 ir ielādēts). Datora skats
   nemainās. */
@media only screen and (max-width: 849px) {
  h1.product-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
  }
}

.product-small p.name.product-title.woocommerce-loop-product__title {
  font-size: clamp(13px, 1.2vw, 15.5px);
  font-weight: normal;
  margin-bottom: 0;
}

.product-small p.category.uppercase.is-smaller.no-text-overflow.product-cat {
  display: none;
}

/* Baiba #66: Flatsome apaļo "Sale" birku liek 30px no bildes augšas, bet ar
   margin-left: -0.4em pāri kreisajai malai, tāpēc aplis izskatās nogriezts
   (mobilajā uz 160px platas bildes tas krīt acīs visvairāk). Vienāda 12px
   atkāpe no augšas un kreisās malas, viss aplis bildes iekšpusē. Attiecas gan
   uz mobilo, gan datoru. */
.badge-container.absolute.left.top {
  margin: 12px 0 0;
}

.badge-container.absolute.left.top .badge.badge-circle {
  margin-left: 12px;
}

/* #82 (Sandras 01.09 5. un 6. p.): birkā tagad stāv atlaides procents, nevis
   vārds "Sale" (slēdzis functions.php, lib_sale_bubble_procenti). Flatsome apļa
   forma ir 2.8em plata un 2.8em augsta, tāpēc "-22%" tajā vai nu neietilpst, vai
   sanāk mikroskopiskiem burtiem. Aplis kļūst par noapaļotu taisnstūri, kas aug
   līdz ar tekstu: 2px noapaļojums atbilst pārējai lapai, kur pogas un izmēru
   izvēle ir taisnstūri. Novietojums nemainās — tā pati 12px atkāpe no #66.

   Krāsa iet caur mainīgo apzināti: Sandrai piedāvāti divi varianti, un pāreja
   uz sarkano birku ir viena rinda šeit, nevis meklēšana pa visu failu. */
:root {
  --lib-akcijas-krasa: #0a0a0a;
}

.badge-container.absolute.left.top .badge.badge-circle {
  height: auto;
  width: auto;
}

.badge-container.absolute.left.top .badge.badge-circle .badge-inner {
  background-color: var(--lib-akcijas-krasa);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1;
  padding: 7px 10px;
}

@media only screen and (max-width: 549px) {
  .badge-container.absolute.left.top .badge.badge-circle .badge-inner {
    font-size: 13px;
    padding: 6px 8px;
  }
}

/* #82: vecā cena. Flatsome to zīmē ar opacity:.6, kas uz baltas dod aptuveni
   #6a6a6a — kopā ar sīkiem cipariem svītra saplūst ar tekstu. Fiksēts, mazliet
   tumšāks pelēkais: vecā cena joprojām ir klusāka par jauno, bet svītra ir
   redzama. Galveno darbu tomēr izdara izmērs zemāk, ne šī krāsa. */
.price del,
.price del span.amount,
del span.amount {
  color: #5f5f5f;
  opacity: 1;
}

/* #82: produkta lapas cena. Šis PDP šablons ir pilnībā pārbūvēts un cena nesēž
   Flatsome `.product-info` iekšpusē, tāpēc `.product-info .price` 1.5em nekad
   nav nostrādājis un cena bija tikpat liela kā apraksts. Cena tagad ir 22px un
   biezāka par pārējo tekstu, gan diapazons virsraksta apakšā, gan konkrētās
   variācijas cena zem izmēra izvēles. */
.pp-pdp-nap__right .price,
.pp-pdp-nap__right .woocommerce-variation-price .price {
  color: #0a0a0a;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

.pp-pdp-nap__right .price del,
.pp-pdp-nap__right .price del span.amount {
  font-size: 17px;
  font-weight: 400;
}

/* #82: jaunā cena. Krāsa nāk no tā paša mainīgā, kas birkai, lai abi akcijas
   signāli lapā vienmēr ir vienā krāsā. Melnajā variantā tas ir parastais teksta
   melnais, tāpēc lapa neizskatās citāda; sarkanajā variantā līdz ar birku
   pārkrāsojas arī cena. Apzināti tikai plāksnītē un produkta lapā — grozā un
   kājenē cena paliek, kā bija. */
.product-small .price ins,
.product-small .price ins span.amount,
.pp-pdp-nap__right .price ins,
.pp-pdp-nap__right .price ins span.amount {
  color: var(--lib-akcijas-krasa);
  font-weight: 600;
}

/* #89: akcijas birka produkta lapā (functions.php lib_pdp_akcijas_birka).
   Sēž iekš <p class="price"> uzreiz aiz cenas diapazona, tā pati forma un
   krāsa kā kataloga birkai, lai abi akcijas signāli lapā ir vienādi. Pēc
   izmēra izvēles custom.js maina tekstu vai paslēpj (is-hidden). */
.pp-pdp-nap__right .price .lib-pdp-birka {
  display: inline-block;
  background-color: var(--lib-akcijas-krasa);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1;
  margin-left: 10px;
  padding: 6px 9px;
  vertical-align: middle;
  white-space: nowrap;
}

.pp-pdp-nap__right .price .lib-pdp-birka.is-hidden {
  display: none;
}

.product-short-description {
  font-size: clamp(13px, 1.2vw, 15.5px);
}

.plp-cat-header {
  margin-bottom: 24px;
}

.plp-cat-header .row {
  align-items: center;
}

/* #39: garš ievada teksts nedrīkst nobīdīt hero bildi uz leju — bilde vienmēr
   pieguļ augšai; kategorijās, kur bilde garāka par tekstu, nekas nemainās. */
.plp-cat-header .row > .col:first-child {
  align-self: flex-start;
}

.plp-cat-intro {
  /*  max-width: 920px;*/
  margin: 0 auto;
  /*  text-align: center;*/
  padding: 26px 20px 10px;
}

.plp-cat-title {
  margin: 0 0 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.plp-cat-desc {
  opacity: .85;
}

.plp-hero {
  position: relative;
  overflow: hidden;
}

.plp-hero.ratio-16-9::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.plp-hero.ratio-3-2::before {
  content: "";
  display: block;
  padding-top: 66.6667%;
}

.plp-hero.ratio-2-3::before {
  content: "";
  display: block;
  padding-top: 150%;
}

.plp-hero-inner {
  position: absolute;
  inset: 0;
}

.plp-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



/* promo tile base */
.products.row .promo-tile .promo-link {
  display: block;
  position: relative;
  overflow: hidden;
}

.promo-tile .promo-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.height-space-between .col-inner {
  height: 100%;
}

.height-space-between .col-inner .button {
  margin-top: 25px;
}

/*.archive.post-type-archive.post-type-archive-product .shop-container .products.row-small.large-columns-4.equalize-box {
  display: none !important;
}*/

/* ====== Flatsome PLP grid → CSS Grid (enables true 2x2 + stacking) ====== */
/*.tax-product_cat .products.row{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 19.6px; 
}*/

/* disable Flatsome flex sizing/paddings on cols */
/*.tax-product_cat .products.row > .col{
  flex: none !important;
  max-width: none !important;
  width: auto !important;
  padding: 0 !important;  
}*/

/* promo sizing */
/*.tax-product_cat .products.row > .col.promo-2x2{
  grid-column: span 2;
  grid-row: span 2;
}
.tax-product_cat .products.row > .col.promo-1x1{
  grid-column: span 1;
}*/

/* responsive */
/*@media (max-width: 849px){
  .tax-product_cat .products.row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tax-product_cat .products.row > .col.promo-2x2{
    grid-column: span 2;
    grid-row: span 1;
  }
}*/
/* ===== PLP (tax product_cat) products grid: match Flatsome breakpoints ===== */
.tax-product_cat .products.row,
.woocommerce-shop .products.row {
  display: grid !important;
  gap: 40px;
  grid-auto-flow: row;
  grid-auto-rows: auto;
}

.woocommerce-shop .products.row.row-small>.col .is-xsmall {
  font-size: .7em;
}

.woocommerce-shop .products.row.row-small>.col .is-xsmall .box-text.text-center {
  padding-bottom: 0;
}

/* Desktop: >= 850px (Flatsome "large") */
/*@media (min-width: 850px){
  .tax-product_cat .products.row{
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
  }
}*/


/* kill Flatsome col sizing/padding inside products grid */
.tax-product_cat .products.row>.col,
.woocommerce-shop .products.row>.col {
  flex: none !important;
  max-width: none !important;
  width: auto !important;
  padding: 0 !important;
  /* gap керує відступом */
}

/* IMPORTANT: row-small adds padding to > .col, disable it only for this grid */
.tax-product_cat .products.row.row-small>.col,
.woocommerce-shop .products.row.row-small>.col {
  padding: 0 !important;
}



/* promo ratio + cover (під вашу розмітку з .promo-media) */
.tax-product_cat .promo-tile .promo-link,
.woocommerce-shop .promo-tile .promo-link {
  display: block;
}

.tax-product_cat .promo-tile .promo-media,
.woocommerce-shop .promo-tile .promo-media {
  display: block;
  position: relative;
  overflow: hidden;
}

.tax-product_cat .promo-tile .promo-media::before,
.woocommerce-shop .promo-tile .promo-media::before {
  content: "";
  display: block;
  padding-top: 150%;
  /* 2:3 */
}

.tax-product_cat .promo-tile .promo-media img,
.woocommerce-shop .promo-tile .promo-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* ===== Base product ratio: 2:3 for ALL products ===== */
.tax-product_cat .products.row .product-small .box-image,
.woocommerce-shop .products.row .product-small .box-image {
  position: relative;
  overflow: hidden;
}

.tax-product_cat .products.row .product-small .box-image::before,
.woocommerce-shop .products.row .product-small .box-image::before {
  content: "";
  display: block;
  padding-top: 125%;
}

.tax-product_cat .products.row .product-small .box-image img,
.woocommerce-shop .products.row .product-small .box-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*  padding: 40px;*/
  /*      background-color: #f7f7f7;*/
}

/*.product-gallery-slider img{ padding: 40px; }*/
/* Woo: тільки головне зображення товару (перше в галереї) */
.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child a {
  display: block;
  background: #fff;
  padding: 40px;
  /* регулює “кількість білого” */
  box-sizing: border-box;
}

/* щоб картинка масштабувалась нормально */
.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img {
  display: block;
  width: 100%;
  height: auto;
}

/* reverse pattern: big promo on the right (columns 2-3) */
.tax-product_cat .products.row>.col.promo-2x2.promo-right,
.woocommerce-shop .products.row>.col.promo-2x2.promo-right {
  grid-column: 2 / span 2;
}



/* promo sizing: 2x2 is true 2 cols x 2 rows */
.tax-product_cat .products.row>.col.promo-2x2,
.woocommerce-shop .products.row>.col.promo-2x2 {
  grid-column: span 2;
  grid-row: span 2;
}

/* Desktop: promo-right → last 2 columns in 4-col grid */
@media (min-width: 850px) {

  .tax-product_cat .products.row>.col.promo-2x2.promo-right,
  .woocommerce-shop .products.row>.col.promo-2x2.promo-right {
    grid-column: 3 / span 2;
  }
}

@media (min-width: 550px) and (max-width: 849px) {

  .tax-product_cat .products.row>.col.promo-2x2.promo-right,
  .woocommerce-shop .products.row>.col.promo-2x2.promo-right {
    grid-column: 2 / span 2;
  }
}

/* reverse pattern: big promo on the right (columns 2-3) for 3-col layouts only */
/*@media (min-width: 550px){
  .tax-product_cat .products.row > .col.promo-2x2.promo-right,
  .woocommerce-shop .products.row > .col.promo-2x2.promo-right{
    grid-column: 2 / span 2;
  }
}*/

/* on mobile: promo full width, not 2 rows (avoid huge scroll) */
@media (max-width: 549px) {

  .tax-product_cat .products.row>.col.promo-2x2,
  .woocommerce-shop .products.row>.col.promo-2x2 {
    grid-column: span 2;
    grid-row: span 1;
  }

  .tax-product_cat .products.row>.col.promo-2x2.promo-right,
  .woocommerce-shop .products.row>.col.promo-2x2.promo-right {
    grid-column: span 2;
    /* щоб не намагалось стати "справа" */
  }
}






/* ===== Minimal modal (Flatsome-friendly) ===== */
.lb-modal {
  display: none;
}

.lb-modal.is-open {
  display: block;
}

.lb-modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .55);
  z-index: 9998;
}

.lb-modal__panel {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  max-height: calc(100vh - 40px);
  overflow: auto;
  border-radius: 0px;
  padding: 40px 25px 15px;
  width: min(900px, 66vw);
  /* default 2/3 */
}

/* width presets */
.plp-modal.w-1-3 .lb-modal__panel {
  width: min(520px, 33vw);
}

.plp-modal.w-2-3 .lb-modal__panel {
  width: min(900px, 66vw);
}

/* layout: left heading / right form */
.lb-modal__grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 28px;
  align-items: start;
}

.lb-modal__left h2 {
  margin: 0 0 15px;
  text-transform: uppercase;
  /*  letter-spacing:.08em;*/
}

.lb-modal__left .muted {
  margin: 0;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  color: #000;
}

.lb-modal__close {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 28px;
  line-height: 1;
  background: transparent;
  border: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  padding: 0;
  min-height: 20px;
  margin: 0;
}

/* Mobile */
@media (max-width: 849px) {
  .lb-modal__panel {
    width: calc(100vw - 24px);
    padding: 18px;
  }

  .lb-modal__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .lb-modal__left {
    margin-bottom: 15px;
  }

  /*  .lb-modal__left h2{margin-bottom: 15px;}*/
  .select-resize-ghost,
  .select2-container .select2-choice,
  .select2-container .select2-selection,
  input[type=date],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=url],
  select,
  textarea,
  .wpcf7-form select {
    font-size: clamp(14px, 1.6vw, 15.5px);
  }

  .plp-modal.w-2-3 .lb-modal__panel {
    width: min(900px, 90vw);
  }
}

/* CF7 "labels left" */
.cf7-grid .cf7-row {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

@media (max-width: 549px) {
  .cf7-grid .cf7-row {
    grid-template-columns: 1fr;
  }

}

.form-img-attachment {
  height: 355px;
  object-fit: cover;
}

.footer-logo {
  filter: invert(1);
  max-width: 200px;
}

.absolute-footer .container .footer-primary {
  width: 100%;
  display: flex;
  font-size: .85em;
  align-items: center;
  justify-content: center;
}

.absolute-footer ul {
  border: none;
}

.lib-menu li,
.lib-menu li a {
  border: none !important;
}

#menu-footer-menu {
  margin-bottom: 0;
}

.header .stuck .header-main .nav>li>a {
  line-height: 16px;
}

.col-inner p {
  margin-bottom: 1rem;
}

.category-page-row {
  max-width: 100%;
  padding: 0 5px;
}

.category-page-row .row.row-small {
  max-width: 100%;
}

.category-page-title .woocommerce-breadcrumb {
  display: none;
}

.category-page-title {
  display: none;
}

.shop-page-title .page-title-inner {
  width: 100%;
  max-width: 100%;
}

.product-main .content-row,
.product-footer .container,
.related-products-wrapper .product-section-title,
.related-products-wrapper .row {
  max-width: 100%;
  max-width: 1980px;
}

.product-container {
  max-width: 1980px;
  margin: 0 auto;
}

.product-section {
  border: none;
}

/* Shop categories grid */
.plp-shop-cats {
  /*  max-width: 1080px;*/
  margin: 18px auto 0;
  padding: 0 15px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 19.6px;
}

.plp-shop-cat {
  display: block;
  text-decoration: none;
  color: inherit;
}

.plp-shop-cat-media {
  display: block;
  position: relative;
  overflow: hidden;
}

/*.plp-shop-cat-media::before{
  content:"";
  display:block;
  padding-top:66.6667%; 
}*/

.plp-shop-cat-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.plp-shop-cat-title {
  display: block;
  margin-top: 10px;
  font-size: clamp(14px, 1.8vw, 17px);
  font-weight: normal;
  text-transform: uppercase;
}

@media (max-width: 849px) {
  .plp-shop-cats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.woocommerce-shop .woocommerce-breadcrumb {
  display: none;
}

.tax-product_cat .products.row,
.woocommerce-shop .products.row {
  margin: 0;
}

.woocommerce-shop .col.large-9 .row-full-width {
  width: auto;
  max-width: max-content !important;
}

#shop-sidebar {
  padding: 15px;
}

.widget .is-divider {
  display: none;
}

.button.facebook:hover,
.button.facebook:not(.is-outline),
.button.instagram:hover,
.button.instagram:not(.is-outline) {
  color: #fff !important;
  background-color: #000 !important;
}

@media screen and (min-width: 850px) {
  .presse-row .large-3 {
    flex-basis: 20%;
    max-width: 20%;
  }

}

.presse-row {
  padding-top: 30px;
  padding-bottom: 30px;
}

.button.alt,
input[type=submit],
.button.checkout,
.checkout-button,
.secondary,
.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
  background: #000;
  color: #FFF;
  border: 1px solid #000;
  box-shadow: none;
}

/* Hover inversija tikai ierīcēm ar peli — skārienekrānā pirmais pieskāriens
   citādi tikai "uzvelk" balto hover stāvokli bez klikšķa (quick 260721-rtu). */
@media (hover: hover) {
  .button.alt:hover,
  input[type=submit]:hover,
  .button.checkout:hover,
  .checkout-button:hover,
  .secondary:hover,
  .widget_shopping_cart .woocommerce-mini-cart__buttons .button:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    box-shadow: none;
  }
}

.social-button,
.social-icons .button.icon:hover,
.social-icons .button.icon:not(.is-outline) {
  background: #000 !important;
  border-color: #000 !important;
}

.widget_shopping_cart_content .quantity input[type=number] {
  height: 34px;
}

/*.border.text{
  border: 1px solid #000;
}*/

.header-bottom {
  background: #FFF;
}

#wide-nav .sub-menu.nav-dropdown,
.nav-dropdown-has-border .menu-item-design-full-width .nav-dropdown {
  border: none;
  box-shadow: 0 16px 16px rgba(50, 50, 50, .3);
  padding-top: 15px;
}

.header-nav-main>.menu-item-design-full-width>.nav-dropdown {
  margin-top: -30px;
  padding-top: 30px;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a,
.ux-menu-link__link {
  font-style: normal;
  /*    font-size: 16px;*/
  font-size: clamp(14px, 1.3vw, 16px);
  font-weight: 500 !important;
  text-transform: uppercase;
  border-bottom-color: #000;
}

.nav>li {
  margin: 0 10px;
}

@media (min-width: 850px) {

  /* 1) прибираємо те, що найчастіше вбиває sticky */
  .single-product .page-wrapper,
  .single-product #main,
  .single-product .shop-container,
  .single-product .product-main,
  .single-product .product-main .row,
  .single-product .product-main .col {
    overflow: visible !important;
  }

  /* 2) сам sticky */
  .single-product .product-main .product-summary {
    position: sticky;
    top: 120px;
    /* під ваш хедер */
    align-self: flex-start;
    /* якщо це flex */
  }

  .single-product .product-main .product-summary .summary {
    position: sticky;
    top: 120px;
  }
}

.single-product .tabs-under-gallery {
  margin-top: 20px;
}

@media (min-width: 850px) {
  .single-product .tabs-under-gallery .woocommerce-tabs {
    margin-top: 10px;
  }

}

@media (min-width: 850px) and (max-width:1199px) {
  .single-product .product-main .product-summary {
    max-width: 33.3%;
  }
}

@media (max-width: 849px) {
  .single-product .product-main>.content-row {
    flex-direction: column-reverse;
  }
}

.mega-links-horizontal {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
}




/* контейнер всередині mega menu */
.veikals-mega__grid {
  display: block;
  /*  grid-template-columns: 280px 1fr;*/
  /*  gap: 32px;*/
  /*  padding: 20px 0;*/
}

.veikals-mega__nav {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-transform: uppercase;
  padding-bottom: 20px;
}

/* мобільний: робимо в один стовпець */
@media (min-width: 850px) {
  .sticky-add-to-cart-wrapper {
    display: none !important;
  }
}

.same-series h3 {
  text-transform: uppercase;
  margin-top: 50px;
}


.promo-tile.promo-type-text .promo-link {
  display: block;
  height: 100%;
}

.promo-tile.promo-type-text .promo-text {
  height: 100%;
  padding: 18px;
  /*  border:1px solid rgba(0,0,0,.08);*/
  border-radius: 0px;
}

.promo-tile.promo-type-text .promo-text p:last-child {
  margin-bottom: 0;
}

.promo-tile.promo-type-text,
.woocommerce-shop .promo-tile.promo-type-text {
  display: flex;
  padding-bottom: 30px !important;
}

#shop-sidebar .woocommerce-widget-layered-nav .is-divider {
  display: none;
}


.row-full-width {
  max-width: 100vw !important;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
  width: 100%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
}

.container .section,
.row .section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sub-menu.nav-dropdown>.row-full-width>.col.large-12 {
  padding-left: 0;
  padding-right: 0;
}

.sub-menu.nav-dropdown>.row-full-width {
  max-width: calc(85rem + 30px) !important;
  margin-left: auto;
  margin-right: auto;
}

.shop-page-title,
.category-page-title {
  max-width: 85rem !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
  max-width: 85rem !important;
  margin-left: auto;
  margin-right: auto;
}

/* Hotspoti portfolio bildēs: balts pulsējošs punkts (Instagram stils).
   Ginta izvēle 31.08, variants A no dizaina parauga. */
.hotspot i {
  display: none;
}

.hotspot {
  position: relative;
  width: 15px;
  height: 15px;
  background-color: #fff !important;
  opacity: 1;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .35), 0 1px 6px rgba(0, 0, 0, .45);
}

.hotspot::after {
  content: "";
  position: absolute;
  top: -9px;
  right: -9px;
  bottom: -9px;
  left: -9px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, .85);
  animation: lb-hotspot-pulse 2.2s ease-out infinite;
  pointer-events: none;
}

@keyframes lb-hotspot-pulse {
  0% {
    transform: scale(.55);
    opacity: .9;
  }

  70%,
  100% {
    transform: scale(1.25);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hotspot::after {
    animation: none;
    transform: scale(.9);
    opacity: .5;
  }
}

/* Skārienekrānos hover nav, un Flatsome quick-view hotspotiem uz mobilā
   tooltipster nemaz nepieliek, tāpēc birku zīmē šis ::before. Birka stāv
   PASLĒPTA, līdz punktam pieskaras (Baibas piezīme #68, 31.08), tā bilde
   paliek tīra. Klasi lb-birka-open liek custom.js, kas arī <html> pieliek
   lb-hotspot-tap tikai skārienierīcēs; galddatorā paliek Flatsome hover birka.
   Saturs nāk no aria-label (= produkta nosaukums, ko saliek ux_hotspot).
   Malējiem punktiem (x0..x20 / x80..x100) birku pievelk pie punkta malas,
   lai tā nelien ārpus bildes. */
html.lb-hotspot-tap .hotspot-wrapper.lb-birka-open {
  z-index: 5;
}

html.lb-hotspot-tap .hotspot.lb-birka-open::before {
  content: attr(aria-label);
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 150px;
  background: rgba(17, 17, 17, .85);
  color: #fff;
  font-size: 11px;
  line-height: 1.35;
  font-weight: normal;
  text-align: center;
  text-transform: none;
  letter-spacing: normal;
  white-space: normal;
  padding: 5px 9px;
  border-radius: 0;
}

html.lb-hotspot-tap .hotspot-wrapper.x0 .hotspot.lb-birka-open::before,
html.lb-hotspot-tap .hotspot-wrapper.x5 .hotspot.lb-birka-open::before,
html.lb-hotspot-tap .hotspot-wrapper.x10 .hotspot.lb-birka-open::before,
html.lb-hotspot-tap .hotspot-wrapper.x15 .hotspot.lb-birka-open::before,
html.lb-hotspot-tap .hotspot-wrapper.x20 .hotspot.lb-birka-open::before {
  left: -6px;
  transform: none;
  text-align: left;
}

html.lb-hotspot-tap .hotspot-wrapper.x80 .hotspot.lb-birka-open::before,
html.lb-hotspot-tap .hotspot-wrapper.x85 .hotspot.lb-birka-open::before,
html.lb-hotspot-tap .hotspot-wrapper.x90 .hotspot.lb-birka-open::before,
html.lb-hotspot-tap .hotspot-wrapper.x95 .hotspot.lb-birka-open::before,
html.lb-hotspot-tap .hotspot-wrapper.x100 .hotspot.lb-birka-open::before {
  left: auto;
  right: -6px;
  transform: none;
  text-align: right;
}

/* Birka pie punkta: tumšs čips ar produkta nosaukumu, kā paraugā */
.tooltipster-default {
  --tooltip-bg-color: rgba(17, 17, 17, .85);
  --tooltip-color: #fff;
}

.tooltipster-sidetip.tooltipster-default .tooltipster-box {
  border: 0;
  border-radius: 6px;
}

.tooltipster-sidetip.tooltipster-default .tooltipster-content {
  font-family: inherit;
  font-size: 13px;
  line-height: 1.4;
  padding: 7px 12px;
}


@media (hover: hover) {
  .primary:hover {
    background: #FFF;
    color: #000;
    border-color: #000;
    box-shadow: none;
  }
}

.button.primary,
input[type=submit] {
  min-width: 220px;
  border: 1px solid #000;
  font-weight: normal;
  height: 40px;
  font-size: clamp(13px, 1.2vw, 15.5px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a {
  font-weight: 500 !important;
}

.header-nav-main>.horizontal-sub-menu>.nav-dropdown {
  display: flex;
  gap: 2rem;
  min-height: 90px;
  height: 100%;
  border: none;
  box-shadow: 0 16px 16px rgba(50, 50, 50, .3);
}

.header-nav-main>.horizontal-sub-menu>.nav-dropdown li a {
  border-bottom: none;
}

.ux-swatch {
  box-shadow: 0 0 0 1px #000;
  color: #000;
}

.variations_form .ux-swatch.selected {
  box-shadow: 0 0 0 2px #000;
}

.variations th.label,
.woocommerce-Price-amount {
  font-size: 15.5px;
}

/* Baiba 7.09: vecās cenas svītra ātrajā skatā gāja zem cipariem. Summas visur ir
   15.5px (rinda augstāk), bet <del>, kas svītru zīmē, manto konteinera izmēru:
   Flatsome ātrajā skatā .price ir 21.6px, kartītē 14.4px, un svītra nostājas
   lielā vai mazā fonta augstumā, ne cauri 15.5px cipariem. <del> un <ins> tāpēc
   ņem to pašu izmēru kā summas. Produkta lapa (.pp-pdp-nap__right) savus 17/22px
   patur ar augstāku specifiku. */
.price del,
.price ins {
  font-size: 15.5px;
}

.ux-swatch:hover:not(.selected):not(.disabled) {
  box-shadow: 0 0 0 1px #000;
}

.category-filter-row {
  padding-left: 5px;
}

#woocommerce-ordering {
  padding-right: 5px;
}

.filter-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.filter-button strong {
  font-weight: 500;
}

.wishlist-button.is-outline.wishlist-added {
  background: #000;
}

li.account-item ul a {
  text-transform: uppercase;
}





.veikals-mega .veikals-mega__nav {
  padding: 20px 0 30px !important;
}

.veikals-mega__nav>li.is-active>a {
  opacity: 1;
  font-weight: 600
}

.veikals-mega__nav>li>a {
  opacity: 1;
}

li.current-dropdown.horizontal-sub-menu>.nav-dropdown {
  inset-block-start: 50px !important;
}



.slider-wrapper {
  max-width: 85rem;
  margin: 0 auto;
}



.shop-top-filters {
  display: flex;
  gap: 24px;
  align-items: flex-end;
  margin-bottom: 32px;
  flex-wrap: wrap;
}

.shop-top-filters__item {
  min-width: 220px;
}

.shop-top-filters__item label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 6px;
  opacity: .7;
}

/* селекти Woo */
.shop-top-filters select {
  width: 100%;
  padding: 10px 12px;
}


.pp-series__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin: 24px 0 12px;
}

.pp-series__block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
  margin: 24px 0 40px;
}

.pp-series__block.is-img-right .pp-series__mood {
  order: 2;
}

.pp-series__block.is-img-right .pp-series__products {
  order: 1;
}

.pp-series__mood img {
  width: 100%;
  height: auto;
  display: block;
}

/* якщо mood нема — робимо 1 колонку */
.pp-series__block.no-mood {
  grid-template-columns: 1fr;
}

.pp-cols-2 .pp-series__block.no-mood .products.row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shop-container {
  margin-bottom: 40px;
}

/* 2 колонки товарів всередині блоку серії */
.pp-series__products ul.products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
}

/* прибираємо flatsome/woo колонки/float/flex якщо вони заважають */
.pp-series__products ul.products>li {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}

.pp-series__mood {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-bottom: 40px;
}

/* якщо картинка є */
.pp-series__mood img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 849px) {
  .pp-series__block {
    grid-template-columns: 1fr;
  }

  .pp-series__products ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 549px) {
  .pp-series__products ul.products {
    grid-template-columns: 1fr;
  }

  .pp-filter--full {
    grid-column: 1 / -1;
  }
}


.share-icons .button.icon.circle.is-outline,
.button.icon.round.is-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;
}



.pp-filterbar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 22px 28px;
  margin: 24px 0 32px;
}

.pp-filter__label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  opacity: .7;
  margin-bottom: 8px;
}

.pp-filter__items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px 14px;
}

.pp-filter__item {
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.pp-filter__item:hover {
  /*  border-bottom-color: currentColor;*/
}

.pp-filter__clear {
  /*  font-size: 14px;*/
  /*  text-decoration: underline;*/
}


@media (max-width: 1024px) {
  .pp-filterbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .pp-filterbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pp-filter.pp-filter-button {
    grid-column: 1 / -1;
  }
}

/*.page-title-inner{ display: none; }*/
.page-title .category-filtering {
  display: none !important;
}

/* 1) Ховаємо breadcrumbs */
.woocommerce-breadcrumb,
.breadcrumbs {
  display: none !important;
}

/* 2) Ховаємо сортування */
.woocommerce-ordering {
  display: none !important;
}

/* 3) Ховаємо зайве у header toolbar (якщо там є щось ще) */
.page-title .flex-col.flex-grow .is-medium {
  display: none !important;
}

/* блок під breadcrumbs */
.category-filter-row {
  justify-content: flex-start;
}

/* 4) Залишаємо тільки кнопку Filter */
.category-filtering {
  display: block !important;
}

.category-filtering .filter-button {
  display: inline-flex !important;
}



.shop-container {
  max-width: 85rem !important;
  padding: 0 15px;
  margin-left: auto;
  margin-right: auto;
}

.shop-container .container:last-child .is-divider {
  display: none;
}




.pp-selected {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 12px 0 20px;
}

.pp-selected__label {
  font-size: 12px;
  opacity: .7;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding-top: 8px;
}

.pp-selected__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pp-chip {
  font-size: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(0, 0, 0, 1);
  border-radius: 0;
  text-decoration: none;
}

.pp-chip:hover {
  color: #FFF;
  background: #000;
}

.pp-chip--clear {
  color: #FFF;
  background: #000;
}

.pp-chip--clear:hover {
  color: #000;
  background: #fff;
}

.veikals-mega-auto {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 60px;
  padding-bottom: 40px;
}

.ux-menu-column .col-inner {
  padding-right: 2px !important;
}

.veikals-mega-auto__cats {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu-item-type-custom .ux-menu-link__link {
  display: block;
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.veikals-mega-auto__cat a,
.menu-item-has-block .ux-menu-link__link a {
  display: block;
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  text-transform: uppercase;
}

.veikals-mega-auto__cat a:hover,
.menu-item-type-custom .ux-menu-link__link:hover {
  background: #000;
  color: #FFF;
}

.no-h-padding {
  padding-bottom: 10px !important;
}

/*.veikals-mega-auto__cat.is-active a{
  font-weight:700;
}*/

.veikals-mega-auto__panel {
  display: none;
}

.veikals-mega-auto__panel.is-active {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 40px;
}

.veikals-mega-auto__series-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.veikals-mega-auto__series-item a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  text-decoration: none;
}

/*.veikals-mega-auto__series-item.is-active a{
  font-weight:700;
}*/

.veikals-mega-auto__imgset {
  display: none;
}

.veikals-mega-auto__imgset.is-active {
  display: grid;
  grid-template-columns: 1fr 2.055fr;
  gap: 0 30px;
  align-items: start;
  overflow: hidden;
}

.veikals-mega-auto__imgset img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* якщо ваші ratio-* не дають висоту - підстрахуємо */
.img-vertical {
  aspect-ratio: 2/3;
  overflow: hidden;
}

.img-horizontal {
  aspect-ratio: 3/2;
  overflow: hidden;
  height: 100%;
  object-fit: cover;
}

.img-vertical img,
.img-horizontal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.veikals-submega__preview {
  display: none;
}

.veikals-submega__preview.is-active {
  display: block;
}





/*checkboxes on filter*/
.pp-filter__item {
  position: relative;
  padding-left: 28px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

/* квадратик */
.pp-filter__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  transform: translateY(-50%);
  background: #fff;
}

/* галочка */
.pp-filter__item::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 50%;
  width: 8px;
  height: 8px;
  background: #000;
  transform: translateY(-50%) scale(0);
  transition: transform .15s ease;
}

/* активний стан */
.pp-filter__item.is-active::after {
  transform: translateY(-50%) scale(1);
}

.off-canvas .nav-vertical li li>a {
  text-transform: uppercase;
  font-weight: 500;
}





.pp-loop-diametrs {
  /*  margin-top: 6px;*/
  font-size: 1em;
  color: #000;
  /*  opacity: .8;*/
  line-height: 1.2;
  margin-bottom: 6px;
}

/*.pp-loop-diametrs__label{ opacity:.7; }*/
.makecommerce-payment-methods .form-select {
  height: auto;
}

.woocommerce-checkout .col-inner p {
  margin-bottom: 0;
}

.product-small .box-text {
  padding-bottom: 0;
  padding-top: 0.5rem;
}

.pp-pdp-tabs-block .woocommerce-tabs {
  padding: 0;
}

.pp-linked-slider__title {
  text-transform: uppercase;
}

.pp-horizontal-image-wrap {
  margin: 40px 0;
}

.pp-horizontal-image-wrap img {
  width: 100%;
  display: block;
}

.woocommerce-pagination {
  margin-bottom: 40px;
}

.nav-pagination>li>a,
.nav-pagination>li>span {
  border-radius: 0;
  border: 1px solid;
  line-height: 2.2em;
  font-weight: normal;
}

.woocommerce-Tabs-panel--pp_question form {
  max-width: 450px;
}

.variations_form .ux-swatch.selected {
  background: #000;
  color: #FFF;
  box-shadow: none !important;
}

@media (min-width: 550px) {
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4%;
  }

  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row {
    max-width: 48%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    margin-bottom: 15px;
  }

  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row input {
    margin-bottom: 5px;
  }

  .woocommerce-checkout .woocommerce-additional-fields textarea {
    min-height: 40px;
    font-size: 15.5px;
    text-transform: none;
  }

  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_customer_type_field {
    max-width: 100%;
  }

}

.nav-line>li>a:before {
  content: none;
}

/*.pp-inline-filters[hidden]{ display: none  !important; }*/
.pp-inline-filters {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px 60px;
  margin-top: 30px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .35s ease, opacity .25s ease;

}

.button.invoice {
  min-width: 220px;
  margin-right: 0;
}

/*.pp-inline-filters.is-open {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px 60px;
  margin-top: 30px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .35s ease, opacity .25s ease;
}*/

/* відкритий стан */
#pp-inline-filters.is-open {
  opacity: 1;
  max-height: 2000px;
  /* велике число — щоб вліз контент */
}

/*.widget>ul>li+li, ul.menu>li+li{
      border-top: 1px solid #000;
}*/
@media (max-width: 1199px) {
  .pp-inline-filters {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 849px) {
  .pp-inline-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .woocommerce-checkout .woocommerce-order.row {
    display: flex;
    flex-direction: column-reverse;
  }

  .woocommerce-column.woocommerce-column--shipping-address {
    margin-top: 20px;
  }
}

@media (max-width: 549px) {
  .pp-inline-filters {
    grid-template-columns: 1fr;
    gap: 5px;
    margin-top: 0;
  }

  .pp-series__head {
    flex-wrap: wrap;
  }

  .button.invoice {
    min-width: 100%;
  }
}

.widget.woocommerce.widget_price_filter {
  display: none;
}

.widget>ul>li>a,
.widget>ul>li>span:first-child,
ul.menu>li>a,
ul.menu>li>span:first-child {
  font-size: clamp(13px, 1.2vw, 15.5px);
}

.pp-inline-filters .widget>ul>li>a {
  font-size: clamp(13px, 1.2vw, 15px);
}

.woocommerce-widget-layered-nav-list li,
.widget_product_categories li {
  display: flex;
  font-size: clamp(13px, 1.2vw, 15.5px);
}

.woocommerce-widget-layered-nav-list li .count,
.widget_product_categories li .count {
  font-size: 13.5px;
  margin-left: auto;
}

.widget li.chosen a:before {
  font-size: 12px;
  background: none;
  border: none;
}

/*.widget.woocommerce   {  font-size: clamp(14px, 1.8vw, 17px); }*/
span.widget-title {
  font-size: clamp(14.5px, 1.8vw, 17px);
  font-weight: 400;
  display: block;
  margin-bottom: 15px;
  opacity: 0.7;
}

.ux-swatch-widget-layered-nav-list__graphic {
  border: 1px solid #000;
}

.content-area .col-inner p {
  margin-bottom: 5px;
  line-height: 1.15;
  line-height: 1.2;
}

.content-area .col-inner ul {
  margin-bottom: 5px;
}

.content-area .col-inner ul li {
  margin-bottom: 5px;
}


.mfp-bg.off-canvas-center:not(.dark) {
  opacity: .99;
}

/* #45: platas (ainavas) galerijas bildes ātrajā apskatē atstāja baltu joslu
   tikai zem bildes; centrējot galeriju kolonnā, atlikums sadalās vienmērīgi. */
.product-quick-view-container .product-gallery {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.widget_price_filter .price_slider_amount .button {
  background: #000;
  border-radius: 0;
}

/* Desktop: >= 850px → 4 columns */
@media (min-width: 850px) {

  .tax-product_cat .products.row,
  .woocommerce-shop .products.row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* ТІЛЬКИ puku-podi і її серії */
  .pp-cols-2 .products.row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Всі інші категорії/шоп */
  .pp-cols-4 .products.row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Tablet: 550px–849px (Flatsome "medium") */
@media (min-width: 550px) and (max-width: 849px) {

  .tax-product_cat .products.row,
  .woocommerce-shop .products.row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    /* як Products per row - Tablet = 3 */
  }
}

/* Mobile: <= 549px (Flatsome "small") */
@media (max-width: 549px) {

  .tax-product_cat .products.row,
  .woocommerce-shop .products.row,
  .pp-cols-2 .pp-series__block.no-mood .products.row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /* як Products per row - Mobile = 2 */
  }
}





@media (min-width: 850px) {
  .pp-pdp-nap__middle .pp-pdp-nap__gallery-item:first-child {
    display: none;
  }
}

@media (max-width: 849px) {
  .single-product-main-image {
    max-height: 500px;
    width: auto;
    text-align: center;
    background: #f7f7f7;
  }

  .single-product-main-image img {
    max-height: 500px;
    width: auto;
  }

  .pp-pdp-nap__middle .pp-pdp-nap__gallery {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
  }

  .pp-pdp-nap__middle .pp-pdp-nap__gallery-item {
    flex: 0 0 80%;
    scroll-snap-align: start;
  }

  .pp-pdp-nap__middle .pp-pdp-nap__gallery-item img {
    width: 100%;
    height: auto;
    height: 500px;
    object-fit: cover;
    display: block;
  }

  .pp-pdp-nap__left {
    display: none;
  }
}

@media (max-width: 549px) {

  .single-product-main-image,
  .single-product-main-image img {
    max-height: 400px;
  }

  .cart_totals,
  .shipping-calculator-button,
  .woocommerce-shipping-destination,
  .shipping__list_label,
  .shipping__table--multiple .shipping__list_label,
  .woocommerce-bacs-bank-details,
  .woocommerce-order-overview,
  .shop_table tfoot th {
    font-size: 13.5px;
  }

  .pp-pdp-nap__middle .pp-pdp-nap__gallery-item img {
    height: 400px;
    object-position: bottom;
  }

  .cart_totals tbody th,
  .cart_totals tbody th {
    font-size: 13.5px;
    color: #000;
  }

  .woocommerce-widget-layered-nav-list li .count,
  .widget_product_categories li .count {
    font-size: 12px;
  }

  .woocommerce-bacs-bank-details {
    margin-bottom: 15px;
  }

  button#place_order,
  .checkout-button {
    padding: 5px;
  }

  #pp-inline-filters {
    display: block;
    /* на моб — одна колонка, але accordion */
  }

  #pp-inline-filters aside.widget {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px;

  }

  /* заголовок як кнопка */
  #pp-inline-filters .widget-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    padding: 10px 0;
    margin: 0;
  }

  /* стрілка */
  .cart_totals tbody td,
  .cart_totals label {
    color: #000;
  }


  /* прибрати divider під title (бо він виглядає дивно в accordion) */
  #pp-inline-filters .is-divider {
    display: none !important;
  }

  #pp-inline-filters .pp-acc-body {
    display: none;
  }

  #pp-inline-filters .pp-acc-open .pp-acc-body {
    display: block;
  }

  #pp-inline-filters .widget-title {
    cursor: pointer;
  }

  #pp-inline-filters .widget>.widget-title {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    user-select: none;
  }

  /*  #pp-inline-filters .widget>.widget-title:after {
    content: "▾";
    transition: transform .2s ease;
  }*/

  /*  #pp-inline-filters .widget.pp-acc-open>.widget-title:after {
    transform: rotate(180deg);
  }*/

  .plp-cat-intro {
    padding: 0;
  }
}


.woocommerce-bacs-bank-details {
  margin-bottom: 25px;
}

.shop-container .container {
  padding: 0;
}

.category-page-row .shop-container {
  padding: 0;
}

ul#menu-footer-menu>li>a {
  font-size: .85em;
}



.product-page-accordian form {
  max-width: 450px;
}

.veikals-mega-auto__cat a,
.menu-item-has-block .ux-menu-link__link a {
  font-size: clamp(14px, 1.3vw, 16px);
}

/* щоб блок з кнопкою завжди був новим рядком */
#pp-inline-filters .pp-inline-actions {
  width: 100%;
  flex-basis: 100%;
  margin-top: 14px;
  display: flex;
  justify-content: flex-start;
  /* або flex-end */
  gap: 10px;
}

/* сама кнопка не на всю ширину */
#pp-inline-filters .pp-apply-filters {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;


}

.pp-inline-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-start;
  margin-top: 12px;
}

/* підсвітка вибраних пунктів (щоб видно було pending) */
#pp-inline-filters a.is-active,
#pp-inline-filters li.chosen>a,
#pp-inline-filters li.woocommerce-widget-layered-nav-list__item--chosen>a {
  font-weight: 700;
  position: relative;
}

#pp-inline-filters li.is-active {
  padding-left: 5px;
  background: #000;
  padding-right: 5px;
}

#pp-inline-filters li.is-active a,
#pp-inline-filters li.is-active span {

  color: #fff;

}

.widget li.chosen a:before {
  content: none;
}

#pp-inline-filters a.is-active:before {
  color: currentColor;
  content: none;
  display: inline-block;
  margin-right: 5px;
  opacity: .6;
  position: relative;
  top: -2px;
  font-size: 10px;
}

/*#pp-inline-filters a.is-active:after{
  content:"";
  position:absolute;
  left:-10px;
  top:50%;
  width:6px;height:6px;
  border-radius:50%;
  transform:translateY(-50%);
  background: currentColor;
}*/
.cky-preference-center {
  border-radius: 0 !important;
}

.cky-consent-bar .cky-btn-reject,
.cky-consent-bar .cky-btn-customize,
.cky-prefrence-btn-wrapper .cky-btn-preferences,
.cky-prefrence-btn-wrapper .cky-btn-reject {
  background: #FFF !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  text-transform: uppercase;
  border-radius: 0;
}

.cky-consent-bar .cky-btn-reject:hover,
.cky-consent-bar .cky-btn-customize:hover,
.cky-prefrence-btn-wrapper .cky-btn-preferences:hover,
.cky-prefrence-btn-wrapper .cky-btn-reject:hover {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  opacity: 1;
}

.cky-prefrence-btn-wrapper .cky-btn-accept,
.cky-consent-bar .cky-btn-accept {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  text-transform: uppercase;
  border-radius: 0;
}

.cky-prefrence-btn-wrapper .cky-btn-accept:hover,
.cky-consent-bar .cky-btn-accept:hover {
  background: #FFF !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  opacity: 1;
}

.cky-revisit-bottom-left {
  background: #000 !important;
  box-shadow: 0 0 5px #fff;
}

.cky-preference-content-wrapper .cky-show-desc-btn {
  color: gray !important;
}

.chosen .ux-swatch-widget-layered-nav-list__graphic:before,
.woocommerce-widget-layered-nav-list__item:hover .ux-swatch-widget-layered-nav-list__graphic:before {
  content: none;
}

.banner .text h1 {
  line-height: 1.3;
}

.wpcf7 .wpcf7-not-valid-tip,
.wpcf7-response-output,
.woocommerce-error .message-container,
.woocommerce-error a .message-container,
.checkout-inline-error-message {
  font-style: italic;
  color: #666;
  font-size: .9em;
}

.woocommerce-billing-fields p.checkout-inline-error-message {
  margin-bottom: 5px;
}

.wpcf7 label.cf7-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  position: relative;
  margin-bottom: 15px;
}

.cf7-file input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.cf7-file-btn {
  border: 1px solid #000;
  background: #fff;
  color: #000;
  height: 40px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  max-width: 220px;
  min-width: 220px;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 400;
}

.cf7-file-btn:hover {
  background: #000;
  color: #fff;
}

.cf7-file-name {
  font-size: 14px;
  color: #666;
}

button#place_order,
.checkout-button {
  font-size: .97em;
  height: 40px;
}

.woocommerce-billing-fields h3,
.checkout-sidebar h3 {
  margin-bottom: 1.5em;
}

#billing_customer_type_field {
  margin-bottom: 1.5em;
}




.hide-title-form,
.save-title-form {
  width: 20px;
  display: inline-block;
  height: 20px;
}

.box-image .out-of-stock-label {
  display: none;
  top: 0;
  font-size: 1rem;
  left: 50%;
  padding: 5px;
  font-size: 13.5px;
  background: #000;
  opacity: 1;
  color: #fff;
}

.success-color {
  color: #000;
}


.row-slider .flickity-prev-next-button svg {
  border-radius: 50%;
  background-color: #fff;
}

table.shipping__table.shipping__table--multiple,
.shipping__table.shipping__table--multiple tbody {
  display: table;
  width: 100%;
}

address {
  font-style: normal;
  font-size: .9em;
}

.back-to-top.active {
  bottom: 15px;
  right: 65px;
}

form.wpcf7-form {
  display: flex;
  flex-direction: column;
}

form.wpcf7-form>p {
  order: 2
}

form.wpcf7-form>.wpcf7-response-output {
  order: 1;
  margin: 1rem 0 1.5rem;
  padding: 0.5em 1em;
  border-radius: 0;
}

section.woocommerce-order-details,
section.woocommerce-columns--addresses {
  margin-top: 40px;
}

h3.wc-bacs-bank-details-account-name {
  font-size: clamp(14px, 1.6vw, 18px);
}

ul.wc-bacs-bank-details li {
  font-size: .9em;
}

.woocommerce-table.woocommerce-table--custom-fields.shop_table.custom-fields {
  margin-top: 1rem;
}


.woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper .row {
  max-width: 98rem !important;
}

.woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper .text h1 {
  font-size: 20px;
}

.woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper .text p,
.woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper .text ul,
.woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper .text {
  font-size: 13px;
}



.message-container a.restore-item{
  font-weight: bold;
  text-decoration: underline;
}


/* ============================================================
   Adaptīvs checkout — boksēti aizpildāmie lauki (ar vieglu ēnu),
   viena kolonna, virsraksti ar mazajiem burtiem, adreses paslēpšana.
   Quick task 260603-n6b. Scoped TIKAI uz checkout.
   ============================================================ */

/* Paslēpj adreses lauku rindas pašizņemšanā (gan PHP sākotnēji, gan JS dzīvi) */
.lib-hide-pickup {
  display: none !important;
}

/* Boksēti, aizpildāmi lauki ar vieglu ieēnojumu (kā produkcijas paraugā) */
.woocommerce-checkout #customer_details .input-text,
.woocommerce-checkout #customer_details textarea,
.woocommerce-checkout #customer_details select,
.woocommerce-checkout #customer_details .select2-container .select2-selection {
  background: #f0f0f0;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);
  min-height: 50px;
  height: auto;
  padding: 13px 15px;
  font-weight: 400;
  color: #000;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.woocommerce-checkout #customer_details textarea {
  min-height: 96px;
  line-height: 1.5;
}

/* select2 (valsts) — tāds pats boksēts izskats kā pārējiem laukiem */
.woocommerce-checkout #customer_details .select2-container--default .select2-selection--single {
  height: 50px;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);
  padding: 0 15px;
}
.woocommerce-checkout #customer_details .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: normal;
  color: #000;
}
.woocommerce-checkout #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px;
}

/* Fokuss — lauks "pamostas": balts fons, tumšāka mala */
.woocommerce-checkout #customer_details .input-text:focus,
.woocommerce-checkout #customer_details textarea:focus,
.woocommerce-checkout #customer_details select:focus {
  background: #fff;
  border-color: #999;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .06);
  outline: none;
}

/* Virsraksti checkout lapā — bez CAPS LOCK (normāls reģistrs, kā ierakstīts) */
.woocommerce-checkout h3:not(.uppercase),
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .woocommerce-checkout-review-order-table th {
  text-transform: none;
}

/* Formas lauki vienā kolonnā (katrs lauks pilnā platumā, viens zem otra).
   Skar tikai formas laukus (#customer_details), NE lapas izkārtojumu (forma | kopsavilkums). */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
  display: flex;
  flex-direction: column;
}
.woocommerce-checkout #customer_details .form-row {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  float: none;
  clear: both;
}

/* PDP add-to-cart in-flight feedback (quick 260721-rtu).
   Woo/Flatsome adds `.loading` to the button the instant the AJAX add-to-cart
   request fires, and removes it on completion (success or error) — covers
   both simple and variable product forms with one class-based rule, no JS.
   Same grey (#c5c5c5) as the existing `.lb-vf-loading`/`.disabled` inline
   rule in functions.php (Baiba #33 pre-JS-load window) — different classes,
   same colour, they coexist without conflict. Leave Flatsome's own ::after
   spinner untouched so it shows alongside the label below. */
.single_add_to_cart_button,
.add_to_cart_button {
  touch-action: manipulation; /* bez dubultpieskāriena zoom gaidīšanas telefonā */
}
.single_add_to_cart_button.loading {
  position: relative;
  background: #c5c5c5 !important;
  border-color: #c5c5c5 !important;
  color: transparent !important;
  cursor: progress;
}
.single_add_to_cart_button.loading::before {
  content: 'Pievienojam…';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

/* E-dāvanu kartes PDP summas lauks (quick 260826, mobilā UX).
   Līdz šim .lb-gift-amount stilu nebija vispār — lauks mantoja Flatsome
   plāno apakšsvītru un telefonā bija gandrīz neredzams. Tagad summas lauks
   sēž gaiši pelēkā kartītē ar baltu lauku un melnu rāmi, teksts 16px
   (zem 16px iOS pie fokusa tuvina lapu), stūri kantaini kā pārējām veikala
   pogām. Ātrās summu pogas renderē functions.php, .is-active stāvokli
   pārslēdz custom.js. "Kam un no kā" lauka vairs nav — karte netiek
   personalizēta (Ginta 26.08 precizējums).
   Specifika: Flatsome .product p pārsit vienkāršu klasi (tāpēc hint ar
   .product priekšā), Flatsome button 1em malas jānullē flex rindā, un
   Flatsome fiksētais input augstums jāatceļ ar height:auto. */
.lb-gift-fields {
  background: #f7f7f7;
  padding: 16px;
  margin: 0 0 24px;
}
.lb-gift-amount {
  margin: 0;
}
.lb-gift-amount label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #000;
}
.lb-gift-amount__quick {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.lb-gift-amount__quick-btn {
  flex: 1 1 0;
  margin: 0;
  min-height: 48px;
  padding: 10px 8px;
  border: 1px solid #000;
  border-radius: 0;
  background: #fff;
  color: #000;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  touch-action: manipulation; /* bez dubultpieskāriena zoom gaidīšanas telefonā */
}
.lb-gift-amount__quick-btn.is-active {
  background: #000;
  color: #fff;
}
.lb-gift-amount input#lb_gift_amount {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: auto;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #000;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  font-size: 16px;
  color: #000;
}
/* Skaitļa lauka bultiņu vadīklas nost — summu izvēlas ar pogām vai raksta. */
.lb-gift-amount input#lb_gift_amount::-webkit-outer-spin-button,
.lb-gift-amount input#lb_gift_amount::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.lb-gift-amount input#lb_gift_amount {
  -moz-appearance: textfield;
  appearance: textfield;
}
.product .lb-gift-amount__hint {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: #666;
}
/* WooCommerce kļūdas ziņa (quick 260826): Flatsome .alert-color te sanāca
   pelēks slīpraksts, kļūda izskatījās pēc parastas piezīmes un pazuda.
   Skaidra sarkana josla ar kreiso akcentu, bez slīpraksta. */
.woocommerce-error.message-wrapper .message-container {
  color: #b02b2b;
  font-style: normal;
  background: #fdf1f1;
  border-left: 3px solid #b02b2b;
  padding: 12px 16px;
  margin: 10px 0;
}
/* Kartīšu virsrakstu saites (quick 260830): JS custom.js ietin kartīšu
   virsrakstus saitē uz to pašu adresi, kur ved kartītes bilde. Krāsu
   mantojam no virsraksta; hoverī tas pats fade, kas banera bildei. */
.lb-card-title-link {
  color: inherit;
  transition: opacity 0.3s;
}
.lb-card-title-link:hover,
.lb-card-title-link:focus {
  color: inherit;
  opacity: 0.7;
}

/* Sākumlapas pirmais skats mobilajā (260830, Ginta lēmums pēc maketa):
   3:2 baneris telefonā bija apm. 240px strēmele; tagad bilde aizpilda ekrānu
   (100svh mīnus 70px galva) un apgriežas uz vertikālo automātiski. Zem burtiem
   viegls iekrāsojums, jo bildes būs dažādas un teksts jālasa uz jebkuras.
   Enkurs ir .promo-baner klase (izdzīvo UX Builder labojumus); bilde un teksts
   paliek satura pusē, šis tikai maina augstumu mobilajā. */

/* 260831 (#67): kad banerim uzliek fiksētu augstumu,
   fonam jāaizpilda tieši tas augstums. Iepriekš .banner-bg no .ratio-3-2
   mantoja padding-top: 66.6667%, kas 1440px platumā dod 960px kastes augstumu,
   un baneris to vienkārši nogrieza apakšā. Rezultāts uz zema portatīvā ekrāna:
   redzama tikai bildes augšdaļa, pati bilde izskatās iezūmēta. Tagad fons ir
   tieši banera augstumā, un object-fit: cover apgriež bildi pēc UX Builder
   fokusa punkta (object-position), kā jebkurā normālā hero banerī. */
.promo-baner .banner-bg {
  padding-top: 0 !important;
  height: 100% !important;
}

/* 260831 (Baibas 31.08 v2): iekrāsojums zem burtiem karājās pie teksta slāņa
   .banner-layers, un tam ir .container klase ar 85rem (1360px) griestiem, kas
   šajā failā uzlikti ar !important. Uz ekrāna, kas platāks par 1360px, bilde
   gāja visā platumā, bet iekrāsojums tikai vidus 1360 pikseļos, un abās malās
   parādījās vertikāla šuve. Tagad iekrāsojums karājas pie pašas bildes kastes
   .banner-bg, tātad tas pēc definīcijas ir tieši bildes izmērā jebkurā ekrānā.
   Zīmējas virs bildes un zem teksta slāņa, jo .banner-layers ir nākamais brālis. */
.promo-baner .banner-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.45) 100%);
  pointer-events: none;
}

@media only screen and (max-width: 849px) {
  /* Bilde līdz pašām ekrāna malām: tiešs 100vw platums (negatīvās atkāpes
     abās pusēs nestrādā, jo platumu nošķeļ rindas max-width) un kreisā mala
     pievilkta pie ekrāna malas. */
  .promo-baner {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: 0;
  }
  .promo-baner .banner {
    height: calc(100vh - 70px);
    height: calc(100svh - 70px);
  }
  .promo-baner .banner .height-fix {
    display: none;
  }
  /* Flatsome y95 pozīcija garajā banerī nogriež virsraksta otro rindu;
     pienaglojam teksta bloku pie apakšas. 64px atkāpe, lai sīkfailu apaļā
     poga kreisajā apakšējā stūrī neaizsedz tekstu. */
  .promo-baner .banner-layers .text-box {
    top: auto !important;
    bottom: 64px;
    transform: none !important;
  }
}

/* Sākumlapas pirmais skats datorā (260830, Ginta apstiprinājums pēc tā paša
   maketa): 3:2 baneris aug līdzi platumam, un portatīvajos (1366x768 u.c.)
   virsraksts palika zem pirmā ekrāna. Griesti ekrāna augstumā mīnus galva;
   lielajos ekrānos vizuāli gandrīz nemainās. Tas pats vieglais iekrāsojums
   zem burtiem kā mobilajā, jo bildes slaiderī mainīsies. */
@media only screen and (min-width: 850px) {
  /* Bilde līdz ekrāna malām arī datorā (tas pats 100vw triks kā mobilajā). */
  .promo-baner {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: 0;
  }
  /* Griesti ir divi: pirmais ekrāns (100vh mīnus galva) un pašas bildes
     dabiskā 3:2 kaste (66.6667vw). Uz augsta ekrāna nostrādā otrais, un bilde
     nav apgriezta nemaz; uz zema portatīvā nostrādā pirmais, un virsraksts
     paliek pirmajā skatā (260831, #67). */
  .promo-baner .banner {
    height: calc(100vh - 100px);
    max-height: 66.6667vw;
  }
  .promo-baner .banner .height-fix {
    display: none;
  }
}