.h-logo {
  --logo-w: 180px;
  --pad: 20px;
  --tri-color: #fff;
  --tri-h: 80px;
  --shadow-alpha: .1;
  --shadow-blur: 18px;
  --shadow-shift: 8px;
  position: relative;
  isolation: isolate;
}
/* Gwiazdka po lewej, tekst obok, dopisek mniejszy */
.loyalty-box{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  padding:.75rem 1rem;
  border:1px solid #eee;
  border-radius:.5rem;
  background:#fafafa;
  line-height:1.4;
}
.loyalty-box--muted{
  opacity:.9;
}
.loyalty-icon{
  font-size:28px;
  line-height:1;
  /* opcjonalnie kolor gwiazdki: */
  color:#f5b301;
  margin-top:2px; /* lekkie wyrównanie do tekstu */
}
.loyalty-content{
  flex:1 1 auto;
}
.loyalty-text{
  font-size:14.5px;
}
.loyalty-note{
  margin-top:.35rem;
  font-size:12.5px;
  opacity:.8;
}
#send_aap_button {
  border: 1px solid;
}
.inpost-shipping-button {
background: #004E42 !important;
  color: white !important;
  box-shadow: 2px 2px 0px #000;
}
/* biały trójkąt (niski, szeroki) */
@media(min-width:768px){
  .h-logo img{
  max-width: var(--logo-w) !important;
  position: absolute;
  left: 50%;
  bottom: -50px;
  transform: translateX(-50%);
  z-index: 1;
  background: transparent;
  padding: var(--pad);
  display: block;
}
.h-logo::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -98px; /* jak u Ciebie */
  width: calc(var(--logo-w) + var(--pad) * 2);
  height: var(--tri-h);
  transform: translateX(-50%);
  background: var(--tri-color);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index: 0;
  border-radius: 6px;
  /* usuwamy box-shadow, bo chcemy cień tylko na dole */
  /* box-shadow: none; */
}

/* CIEŃ tylko na dole (pod trójkątem) */
.h-logo::after{
  content:"";
  position:absolute;
  left:50%;
  bottom: calc(-98px - var(--shadow-shift));  /* przesuwamy cień w dół */
  width: calc(var(--logo-w) + var(--pad) * 2);
  height: var(--tri-h);
  transform: translateX(-50%);
  z-index: -1; /* cień pod trójkątem; działa dzięki isolation:isolate */
  background: rgba(0,0,0,var(--shadow-alpha));
  clip-path: polygon(50% 100%, 0 0, 100% 0);  /* ten sam kształt co trójkąt */
  filter: blur(var(--shadow-blur));
  /* maska: zostawiamy widoczną tylko dolną część (żeby nie brudzić góry) */
  -webkit-mask:
    linear-gradient(to bottom, transparent 0 55%, #000 75% 100%);
          mask:
    linear-gradient(to bottom, transparent 0 55%, #000 75% 100%);
  pointer-events: none;
}
}
.sub-title-widget {
	font-family: var(--font-family-tertiary);
}
h4.title_block {
	font-family: var(--font-family-tertiary) !important;
}
.h-logoo img {
	max-width: 150px !important;
}
//* ——— reset i layout TYLKO w stopce ——— */
#footer .block-social ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;   /* pionowo */
  gap: 10px;
  align-items: flex-start;
}

/* wyłącz globalne wymiary/line-height, pokaż normalny li */
#footer .block-social li{
  display: block !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  font-size: 16px;
  color: #004e42;
  position: static; /* globale dawały relative */
  text-align: left; /* zamiast center */
}

/* wyłącz STARE ikony z :before na LI (facebook/instagram) */
#footer .block-social li::before,
#footer .block-social li.facebook::before,
#footer .block-social li.instagram::before{
  content: none !important;
}

/* globalnie było display:none + text-indent — cofamy to */
#footer .block-social li a{
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  text-indent: 0 !important;
  overflow: visible !important;
  color: #004e42 !important;
  font-weight: 300;
  text-decoration: none;
  line-height: 1.2;
}

/* kółko z obramowaniem, przezroczyste tło; ikona w kolorze */
#footer .block-social li a::before{
  content: "";
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 50%;
  border: 1px solid #004e42;
  background: transparent no-repeat center / 18px 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
}

/* tekst po prawej */
#footer .block-social li a span{
  white-space: nowrap;
}

/* ——— konkretne ikonki ——— */
#footer .block-social li.facebook a::before{
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'>\
<path fill='%23004e42' d='M279.14 288l14.22-92.66h-88.91V117.09c0-25.35 12.42-50.06 52.24-50.06H295V6.26S262.43 0 231.36 0c-73.22 0-121.42 44.38-121.42 124.72v70.62H22.89V288h87.05v224h107.77V288z'/>\
</svg>");
}

#footer .block-social li.instagram a::before{
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'>\
<path fill='%23004e42' d='M224 202.7A53.3 53.3 0 1 0 277.3 256 53.4 53.4 0 0 0 224 202.7Zm124.7-41a54 54 0 0 0-30.3-30.3C303.6 124 256 123.5 224 123.5s-79.6.5-94.4 7.9a54 54 0 0 0-30.3 30.3C92 173.4 91.5 221 91.5 253s.5 79.6 7.8 94.4a54 54 0 0 0 30.3 30.3C143.4 385 191 385.5 223 385.5s79.6-.5 94.4-7.9a54 54 0 0 0 30.3-30.3c7.4-14.8 7.9-62.4 7.9-94.4s-.5-79.6-7.9-94.4ZM224 338a82 82 0 1 1 82-82 82 82 0 0 1-82 82Zm85.4-148.9a19.1 19.1 0 1 1 19.1-19.1 19.1 19.1 0 0 1-19.1 19.1Z'/>\
</svg>");
}

/* hover (opcjonalnie) */
#footer .block-social li a:hover{
  text-decoration: underline;
}
#footer .block-social li a:hover::before{
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.15);
}
#footer .block-social li a {
  display: block;
  position: relative !important;
}
/* ===== #footer: e-mail i telefon z fontem Themify ===== */
#footer a.f-email,
#footer a.f-phone{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #004e42 !important;
  text-decoration: none;
  font-weight: 200;
  line-height: 1.2;
  margin-right: 16px;
}

/* kółko z obramowaniem 1px (bez wypełnienia) */
#footer a.f-email::before,
#footer a.f-phone::before{
  content: "";
  width: 40px; height: 40px; flex: 0 0 40px;
  border-radius: 50%;
  border: 1px solid #004e42;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
}

/* glif Themify wewnątrz kółka */
#footer a.f-email::after,
#footer a.f-phone::after{
  position: absolute;
  left: 0; /* wyśrodkowanie względem kółka (::before) */
  width: 40px; text-align: center;
  line-height: 40px;
  font-family: "themify" !important;
  font-size: 18px;
  color: #004e42;
  speak: none;
}

/* — mapowanie glifów (sprawdź w razie czego w themify-icons.css) — */
#footer a.f-email::after{ content: "\e75a"; }   /* ti-email */
#footer a.f-phone::after{ content: "\e621"; }   /* ti-mobile / phone */

/* hover */
#footer a.f-email:hover,
#footer a.f-phone:hover{ text-decoration: underline; }
.ikonykontakt {
	margin-top: 20px;
}
#onasstart .block_content {
  padding: 20px;
  border: 1px solid #ddd;
  font-size: 17px;
}
#onasstart img {
  margin-bottom: 25px;
  max-width: 200px;
  height: auto;
}
/* Podstawowe tło sekcji */
#onasstart {
  /* USTAWIENIA DO EDYCJI */
  --bg-url: url("https://saltandmore.pl/img/cms/bg_footer.jpg");
  /* 0,0,0 = czarny (przyciemnia), 255,255,255 = biały (rozjaśnia) */
  --overlay-rgb: 0, 0, 0;
  /* Siła nakładki: 0 = brak, 1 = pełne krycie */
--overlay-opacity: 0.65;
  color: #fff;
  text-shadow: 1px 1px 3px black;
  position: relative;
  background: center / cover no-repeat var(--bg-url);
  min-height: 380px;        /* dostosuj do potrzeb */
  padding: 60px 20px;
  overflow: clip;           /* czyści pseudo-element na iOS */
}

/* Nakładka (przyciemnia/rozjaśnia) */
#onasstart::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(var(--overlay-rgb), var(--overlay-opacity)) !important;
  pointer-events: none;
}

/* Przykładowe modyfikatory – możesz je dodawać/usuwać w klasach */
#onasstart.is-darker      { --overlay-opacity: 0.75; }          /* mocniejsze przyciemnienie */
#onasstart.is-lighter     { --overlay-rgb: 255, 255, 255; --overlay-opacity: 0.25; } /* delikatne rozjaśnienie */
#onasstart.overlay-none   { --overlay-opacity: 0; }              /* bez nakładki */

/* Czytelność tekstu na małych ekranach */
@media (max-width: 768px) {
  #onasstart { min-height: 300px; padding: 48px 16px; }
}
#restcowork {
  --bg-url: url("https://saltandmore.pl/img/cms/bg_cowork.jpg");
  --overlay-rgb: 0, 78, 66; /* #004e42 */
  --overlay-opacity: 0.70;

  position: relative;
  background: center / cover no-repeat var(--bg-url);
}

#restcowork::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(var(--overlay-rgb), var(--overlay-opacity)) !important;
  pointer-events: none;
}
#oryginalna {
  font-size: 30px;
  color: white;
  text-align: center;
  background: #004e42;
  font-family: var(--font-family-tertiary);
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: 800;
  position: relative;
  z-index: 5;
  --arrow-size: 16px;
  padding-bottom: calc(48px + var(--arrow-size));
}
#oryginalna::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom: calc(-1 * var(--arrow-size));
  width:0;height:0;
  border-left: var(--arrow-size) solid transparent;
  border-right: var(--arrow-size) solid transparent;
  border-top: var(--arrow-size) solid #004e42;
  z-index: 6;                 /* grot nad wszystkim */
}
.blog-detail .blog-description {
  line-height: 30px;
}
.blog-description h2, h3 {
  padding: 15px 0 5px;
}
.blog-detail {
  color: #111;
}
.blog-detail .blog-description {
  padding: 30px;
  background: #f9f9f9;
  margin: 0 0 30px;
}
.blog-description ol {
  list-style: url;
}
.blog-description ul {
  list-style: disc;
}
.blog-comment-block {
  background: #F4EEE5;
}
.p-info {
  padding: 0px 15px 15px 15px;
}
@media (min-width: 992px) {
.mobilemenuitem {
  display:none !important;
}
}
#kontaktu .block-social ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;   /* pionowo */
  gap: 10px;
  align-items: flex-start;
}

/* wyłącz globalne wymiary/line-height, pokaż normalny li */
#kontaktu .block-social li{
  display: block !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  font-size: 16px;
  color: #004e42;
  position: static; /* globale dawały relative */
  text-align: left; /* zamiast center */
}

/* wyłącz STARE ikony z :before na LI (facebook/instagram) */
#kontaktu .block-social li::before,
#kontaktu .block-social li.facebook::before,
#kontaktu .block-social li.instagram::before{
  content: none !important;
}

/* globalnie było display:none + text-indent — cofamy to */
#kontaktu .block-social li a{
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  text-indent: 0 !important;
  overflow: visible !important;
  color: #004e42 !important;
  font-weight: 300;
  text-decoration: none;
  line-height: 1.2;
}

/* kółko z obramowaniem, przezroczyste tło; ikona w kolorze */
#kontaktu .block-social li a::before{
  content: "";
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 50%;
  border: 1px solid #004e42;
  background: transparent no-repeat center / 18px 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
}

/* tekst po prawej */
#kontaktu .block-social li a span{
  white-space: nowrap;
}

/* ——— konkretne ikonki ——— */
#kontaktu .block-social li.facebook a::before{
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'>\
<path fill='%23004e42' d='M279.14 288l14.22-92.66h-88.91V117.09c0-25.35 12.42-50.06 52.24-50.06H295V6.26S262.43 0 231.36 0c-73.22 0-121.42 44.38-121.42 124.72v70.62H22.89V288h87.05v224h107.77V288z'/>\
</svg>");
}

#kontaktu .block-social li.instagram a::before{
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'>\
<path fill='%23004e42' d='M224 202.7A53.3 53.3 0 1 0 277.3 256 53.4 53.4 0 0 0 224 202.7Zm124.7-41a54 54 0 0 0-30.3-30.3C303.6 124 256 123.5 224 123.5s-79.6.5-94.4 7.9a54 54 0 0 0-30.3 30.3C92 173.4 91.5 221 91.5 253s.5 79.6 7.8 94.4a54 54 0 0 0 30.3 30.3C143.4 385 191 385.5 223 385.5s79.6-.5 94.4-7.9a54 54 0 0 0 30.3-30.3c7.4-14.8 7.9-62.4 7.9-94.4s-.5-79.6-7.9-94.4ZM224 338a82 82 0 1 1 82-82 82 82 0 0 1-82 82Zm85.4-148.9a19.1 19.1 0 1 1 19.1-19.1 19.1 19.1 0 0 1-19.1 19.1Z'/>\
</svg>");
}

/* hover (opcjonalnie) */
#kontaktu .block-social li a:hover{
  text-decoration: underline;
}
#kontaktu .block-social li a:hover::before{
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.15);
}
#kontaktu .block-social li a {
  display: block;
  position: relative !important;
}
/* ===== #kontaktu: e-mail i telefon z fontem Themify ===== */
#kontaktu a.f-email,
#kontaktu a.f-phone{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #004e42 !important;
  text-decoration: none;
  font-weight: 200;
  line-height: 1.2;
  margin-right: 16px;
}

/* kółko z obramowaniem 1px (bez wypełnienia) */
#kontaktu a.f-email::before,
#kontaktu a.f-phone::before{
  content: "";
  width: 40px; height: 40px; flex: 0 0 40px;
  border-radius: 50%;
  border: 1px solid #004e42;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
}

/* glif Themify wewnątrz kółka */
#kontaktu a.f-email::after,
#kontaktu a.f-phone::after{
  position: absolute;
  left: 0; /* wyśrodkowanie względem kółka (::before) */
  width: 40px; text-align: center;
  line-height: 40px;
  font-family: "themify" !important;
  font-size: 18px;
  color: #004e42;
  speak: none;
}

/* — mapowanie glifów (sprawdź w razie czego w themify-icons.css) — */
#kontaktu a.f-email::after{ content: "\e75a"; }   /* ti-email */
#kontaktu a.f-phone::after{ content: "\e621"; }   /* ti-mobile / phone */

/* hover */
#kontaktu a.f-email:hover,
#kontaktu a.f-phone:hover{ text-decoration: underline; }
#kontaktu .h-logoo {
  display: none;
}
.pf-cards{
  display:grid;
  grid-template-columns:repeat(1,minmax(0,1fr));
  gap:12px;
}
.pf-card{
  background:#fff;
  border-radius:8px;
  padding:12px 14px;
}
.pf-card-title{
  color:black;
  font-weight:700;
  margin-bottom:6px;
  background:#ededed;
  border-radius:6px;
}
.pf-card-values{
  color:#333;
  line-height:1.55;
  padding:2px 2px 0;
}
@media(max-width:768px){
  .pf-cards{grid-template-columns:1fr;}
  .more-info-product {padding:0 !important}
}
.product-condition {
  display: none;
}
.product-unit-price {
  font-size: 15px;
  margin-top: 10px !important;
  font-weight: 200;
  text-transform: lowercase;
}
.pf-card-values{ white-space: pre-line; }
#send_AAP_form img {
  max-width: 160px;
  height: auto;
}
.telefonask a {
  font-size: 20px;
  color: #004e42;
  font-weight: 500;
}
.telefonask {
  margin: 20px 0;
  color: black;
  font-weight: bold;
}
/* Zielone full-bleed tło tylko dla sekcji akcesoriów */
.product-accessories {
  --acc-bg: #004E42;         /* ustaw swój zielony */
  position: relative;
  box-shadow: 0 0 0 100vmax var(--acc-bg);
  clip-path: inset(0 -100vmax);  /* pozwala "wylać" cień poza wrapper */
}

/* (opcjonalnie) trochę oddechu */
.product-accessories {
  padding-top: 20px;
  padding-bottom: 24px;
  background:#004E42;
}

/* upewnij się, że treść jest nad tłem */
.product-accessories * {
  position: relative;
  z-index: 1;
  color: white;
  font-size: 35px;
  text-transform: uppercase;
}
#product #wrapper {
  background: #F7F7F7;
}
.playfair {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
#product .card {
  background:transparent;
}
#product .card {
  box-shadow: none!important;
  border-bottom:1px solid #ddd;
}
.icon-bag {
  width: 30px;
  height: 30px;
  stroke-width: 1px;      /* cieńsza linia */
  stroke: currentColor;   /* dziedziczy kolor z przycisku */
  display: inline-block;
  vertical-align: middle; /* ładne wyrównanie */
}
.tax-shipping-delivery-label::before {
  content: "Ceny";
}
#product .products-accordion {
  margin: 0 0 3rem;
}
#checkout .h6.carrier-name {
  font-family: "Source Sans 3", sans-serif !important;
}
#checkout .payment-option label span.h6 {
  flex-grow: 1;
  font-family: "Source Sans 3", sans-serif !important;
}
#js-checkout-summary, section.js-current-step {
  border: 0px solid #e1e1e1 !important;
}
.leo-cart-item-info .product-price .unit-price-cart {
  color: #999;
  display: none !important;
}
  .ab-popup{max-width:880px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.12);font-family:Arial,Helvetica,sans-serif}
  .ab-row{display:flex;flex-wrap:wrap}
  .ab-left{flex:0 0 282px;max-width:282px}
  .ab-left img{display:block;width:282px;height:500px;object-fit:cover}
  .ab-right{flex:1 1 0;min-width:280px;padding:24px 28px}
  .ab-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#004e42;margin-bottom:8px;font-weight:700}
  .ab-title{font-size:24px;line-height:1.25;margin:0 0 10px;color:#111}
  .ab-sub{font-size:14.5px;line-height:1.55;color:#333;margin:0 0 14px}
  .ab-benefit{background:#f4f8f7;border-left:4px solid #004e42;border-radius:8px;padding:10px 12px;margin:0 0 16px;color:#1f3a36;font-size:14px}
  .ab-cart{background:#f7fbff;border:1px solid #e3eef6;border-radius:8px;padding:10px 12px;margin:0 0 18px}
  .ab-cta{display:inline-block;background:#004e42;color:#fff;text-decoration:none;border-radius:8px;padding:12px 18px;font-weight:700}
  .ab-cta:hover{opacity:.92}
  .ab-note{font-size:12px;color:#6b6f70;margin-top:10px}
  /* Mobile */
  @media (max-width:680px){
    .ab-left{flex:0 0 100%;max-width:100%}
    .ab-left img{width:100%;height:280px}
    .ab-right{padding:18px 16px}
    .ab-title{font-size:20px}
  }