:root{
--ko-op-zloto:        #b08a3e;
--ko-op-zloto-ciemne: #8a6d2f;
--ko-op-zloto-jasne:  #e7c874;
--ko-op-gwiazda:      #c9a24b;
--ko-op-gwiazda-tlo:  rgba(168,132,68,.22);
--ko-op-tekst:        #3a3128;
--ko-op-ciemny:       #1f1a14;
--ko-op-wyciszony:    #8a7a5f;
--ko-op-ramka:        rgba(168,132,68,.35);
--ko-op-ramka-lekka:  rgba(168,132,68,.22);
--ko-op-tlo:          linear-gradient(180deg, #fbf7ef 0%, #f3ecdf 100%);
--ko-op-karta:        rgba(255,255,255,.62);
--ko-op-serif:        "Playfair Display", Georgia, serif;
} .ko-gwiazdki{
position: relative;
display: inline-block;
line-height: 0;
font-size: 18px;
white-space: nowrap;
vertical-align: middle;
}
.ko-gwiazdki svg{
width: 1em;
height: 1em;
margin-right: .12em;
display: inline-block;
vertical-align: top;
}
.ko-gwiazdki svg:last-child{ margin-right: 0; }
.ko-gwiazdki__tlo svg{ fill: var(--ko-op-gwiazda-tlo); }
.ko-gwiazdki__zloto{
position: absolute;
left: 0; top: 0;
overflow: hidden;
white-space: nowrap;
}
.ko-gwiazdki__zloto svg{
fill: var(--ko-op-gwiazda);
filter: drop-shadow(0 1px 0 rgba(255,255,255,.6));
}
.ko-gwiazdki--ocena{ font-size: 18px; }
.ko-gwiazdki--karta{ font-size: 16px; }
.ko-gwiazdki--duze{  font-size: 26px; } .ko-ocena{
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 6px 10px;
margin: 2px 0 6px;
color: var(--ko-op-tekst);
text-decoration: none !important;
border: 0;
transition: color .18s ease;
}
.ko-ocena__wartosc{
font-family: var(--ko-op-serif);
font-size: 19px;
font-weight: 700;
line-height: 1;
color: var(--ko-op-zloto-ciemne);
}
.ko-ocena__liczba{
font-size: 12px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ko-op-wyciszony);
border-bottom: 1px solid var(--ko-op-ramka-lekka);
line-height: 1.4;
transition: color .18s ease, border-color .18s ease;
}
.ko-ocena:hover .ko-ocena__liczba,
.ko-ocena:focus-visible .ko-ocena__liczba{
color: var(--ko-op-zloto-ciemne);
border-color: var(--ko-op-zloto);
}
.ko-ocena__etykieta{
display: inline-block;
padding: 4px 10px;
border-radius: 999px;
border: 1px solid var(--ko-op-ramka);
background: rgba(255,255,255,.55);
font-family: var(--ko-op-serif);
font-size: 11px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
line-height: 1;
color: var(--ko-op-wyciszony);
} .ko-opinie{
position: relative;
margin: 8px 0 24px;
padding: 34px 36px 32px;
border-radius: 22px;
border: 1px solid var(--ko-op-ramka);
background: var(--ko-op-tlo);
color: var(--ko-op-tekst);
box-shadow:
0 10px 28px rgba(40,30,15,.10),
0 1px 0 rgba(255,255,255,.65) inset;
overflow: hidden;
scroll-margin-top: 120px;
}
.ko-opinie::before{
content: "";
position: absolute;
inset: 10px;
border-radius: 16px;
border: 1px solid rgba(168,132,68,.30);
pointer-events: none;
}
.ko-opinie::after{
content: "";
position: absolute;
right: -25%;
top: -45%;
width: 70%;
height: 120%;
background: radial-gradient(closest-side, rgba(212,175,55,.16), transparent 68%);
transform: rotate(-8deg);
pointer-events: none;
}
.ko-opinie > *{
position: relative;
z-index: 1;
}
.ko-opinie__naglowek{ max-width: 720px; }
.ko-opinie__nadtytul{
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 12px;
font-weight: 600;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--ko-op-zloto-ciemne);
}
.ko-opinie__nadtytul::before{
content: "";
width: 28px;
height: 1px;
background: linear-gradient(90deg, var(--ko-op-zloto), var(--ko-op-zloto-jasne));
}
.ko-opinie__tytul{
margin: 8px 0 0 !important;
font-family: var(--ko-op-serif) !important;
font-size: 30px;
font-weight: 700;
line-height: 1.2;
color: var(--ko-op-ciemny);
}
.ko-opinie__wstep{
margin: 10px 0 0;
font-size: 15px;
line-height: 1.6;
color: var(--ko-op-wyciszony);
}
.ko-opinie__uklad{
display: grid;
grid-template-columns: 290px minmax(0, 1fr);
gap: 28px;
align-items: start;
margin-top: 26px;
} .ko-opinie__panel{
padding: 24px 22px 20px;
border-radius: 16px;
border: 1px solid var(--ko-op-ramka);
background: var(--ko-op-karta);
text-align: center;
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}
.ko-opinie__srednia{
font-family: var(--ko-op-serif);
font-size: 58px;
font-weight: 700;
line-height: 1;
color: var(--ko-op-ciemny);
letter-spacing: -.01em;
}
.ko-opinie__z5{
font-size: 20px;
font-weight: 600;
color: var(--ko-op-wyciszony);
margin-left: 2px;
}
.ko-opinie__panel .ko-gwiazdki--duze{ margin-top: 10px; }
.ko-opinie__liczba{
margin-top: 10px;
font-size: 12px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ko-op-wyciszony);
}
.ko-opinie__rozklad{
list-style: none !important;
margin: 18px 0 0 !important;
padding: 0 !important;
text-align: left;
}
.ko-opinie__pasek{
display: grid;
grid-template-columns: 34px minmax(0,1fr) 22px;
align-items: center;
gap: 10px;
margin: 0 0 7px !important;
padding: 0 !important;
font-size: 13px;
color: var(--ko-op-tekst);
}
.ko-opinie__pasek-etykieta{
display: inline-flex;
align-items: center;
gap: 3px;
font-weight: 600;
}
.ko-opinie__pasek-etykieta svg{
width: 12px;
height: 12px;
fill: var(--ko-op-gwiazda);
}
.ko-opinie__pasek-tor{
display: block;
height: 8px;
border-radius: 999px;
background: var(--ko-op-gwiazda-tlo);
overflow: hidden;
}
.ko-opinie__pasek-wypelnienie{
display: block;
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, #d4a94f 0%, var(--ko-op-zloto) 100%);
}
.ko-opinie__pasek-ile{
text-align: right;
font-size: 12px;
color: var(--ko-op-wyciszony);
}
.ko-opinie__nota{
margin: 16px 0 0;
font-size: 12px;
line-height: 1.5;
color: var(--ko-op-wyciszony);
} .ko-opinie__lista{
display: grid;
gap: 16px;
align-content: start;
}
.ko-opinia{
padding: 20px 22px;
border-radius: 16px;
border: 1px solid var(--ko-op-ramka-lekka);
background: var(--ko-op-karta);
box-shadow: 0 6px 18px rgba(40,30,15,.06), 0 1px 0 rgba(255,255,255,.8) inset;
scroll-margin-top: 120px;
}
.ko-opinia__naglowek{
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.ko-opinia__awatar{
flex: 0 0 auto;
width: 46px;
height: 46px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--ko-op-zloto-jasne) 0%, var(--ko-op-zloto) 100%);
color: #fff;
font-family: var(--ko-op-serif);
font-size: 20px;
font-weight: 700;
box-shadow: 0 2px 6px rgba(138,109,47,.35), 0 1px 0 rgba(255,255,255,.5) inset;
}
.ko-opinia__meta{
flex: 1 1 200px;
min-width: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 12px;
}
.ko-opinia__autor{
font-family: var(--ko-op-serif);
font-size: 17px;
font-weight: 700;
color: var(--ko-op-ciemny);
}
.ko-opinia__weryfikacja{
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 11px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--ko-op-zloto-ciemne);
}
.ko-opinia__weryfikacja svg{
width: 14px;
height: 14px;
fill: currentColor;
}
.ko-opinia__data{
flex-basis: 100%;
font-size: 12px;
color: var(--ko-op-wyciszony);
}
.ko-opinia__naglowek .ko-gwiazdki--karta{ margin-left: auto; }
.ko-opinia__tresc{
margin: 14px 0 0;
font-size: 15px;
line-height: 1.65;
color: var(--ko-op-tekst);
}
.ko-opinia__tresc p{ margin: 0 0 10px; }
.ko-opinia__tresc p:last-child{ margin-bottom: 0; }
.ko-opinia__tresc--brak{
font-style: italic;
color: var(--ko-op-wyciszony);
} .ko-opinie__sklep{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 14px;
margin-top: 24px;
padding-top: 18px;
border-top: 1px solid var(--ko-op-ramka-lekka);
}
.ko-opinie__sklep-etykieta{
font-size: 12px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ko-op-wyciszony);
}
.ko-opinie__sklep-wartosc{
font-family: var(--ko-op-serif);
font-size: 19px;
font-weight: 700;
line-height: 1;
color: var(--ko-op-zloto-ciemne);
}
.ko-opinie__sklep-liczba{
font-size: 13px;
color: var(--ko-op-wyciszony);
} @media (max-width: 980px){
.ko-opinie__uklad{ grid-template-columns: 1fr; gap: 20px; }
.ko-opinie__panel{ max-width: 420px; }
}
@media (max-width: 640px){
.ko-opinie{ padding: 24px 18px 22px; border-radius: 18px; }
.ko-opinie::before{ inset: 7px; border-radius: 13px; }
.ko-opinie__tytul{ font-size: 24px; }
.ko-opinie__srednia{ font-size: 46px; }
.ko-opinie__panel{ max-width: none; padding: 20px 16px 16px; }
.ko-opinia{ padding: 16px 16px; }
.ko-opinia__naglowek .ko-gwiazdki--karta{ margin-left: 60px; }
.ko-ocena__wartosc{ font-size: 17px; }
}  body.home .ko-catbar-section {
display: none !important;
}
.ko-catbar {
position: relative;
width: 100%;
border-top: 1px solid rgba(201, 162, 90, .35);
border-bottom: 1px solid rgba(201, 162, 90, .35);
}
.ko-catbar__list {
display: flex;
justify-content: center;
align-items: center;
gap: 4px 30px;
margin: 0;
padding: 0 16px;
list-style: none;
flex-wrap: wrap;
}
.ko-catbar__list li {
margin: 0;
padding: 0;
flex: 0 0 auto;
}
.ko-catbar__list a {
position: relative;
display: block;
padding: 11px 0;
font-family: "Playfair Display", serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
color: #303030;
white-space: nowrap;
text-decoration: none;
transition: color .2s ease;
}
.ko-catbar__list a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 6px;
height: 1px;
background: linear-gradient(to right, transparent, #c9a25a, transparent);
transform: scaleX(0);
transition: transform .25s ease;
}
.ko-catbar__list a:hover,
.ko-catbar__list a:focus-visible,
.ko-catbar__list a.is-active {
color: #9a7432;
}
.ko-catbar__list a:hover::after,
.ko-catbar__list a:focus-visible::after,
.ko-catbar__list a.is-active::after {
transform: scaleX(1);
} @media (max-width: 1024px) {
.ko-catbar__list {
justify-content: flex-start;
flex-wrap: nowrap;
gap: 0 22px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 36px), transparent 100%);
mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 36px), transparent 100%);
}
.ko-catbar__list::-webkit-scrollbar {
display: none;
}
.ko-catbar__list li:last-child {
padding-right: 28px;
}
.ko-catbar__list a {
font-size: 15px;
padding: 10px 0;
}
}  .ko-partnerzy {
--ko-p-box-w: 170px;
--ko-p-box-h: 64px;
--ko-p-gap: 56px;
--ko-p-czas: 40s;
width: 100%;
overflow: hidden;
} .ko-partnerzy--sekcja {
padding: 56px 0 48px;
}
.ko-partnerzy__naglowek {
max-width: 760px;
margin: 0 auto 32px;
padding: 0 20px;
text-align: center;
} .ko-partnerzy .ko-partnerzy__tytul {
margin: 0 0 10px;
font-family: "Playfair Display", sans-serif;
font-size: clamp(28px, 3.2vw, 42px);
font-weight: 100;
line-height: 1.2;
letter-spacing: normal;
text-transform: none;
color: #2e2d2b;
}
.ko-partnerzy .ko-partnerzy__tytul::after {
content: "";
display: block;
width: 80px;
height: 1px;
margin: 16px auto 0;
background: linear-gradient(to right, transparent, #c9a25a, transparent);
}
.ko-partnerzy .ko-partnerzy__opis {
margin: 0;
font-family: "Lato", sans-serif;
font-size: 16px;
line-height: 1.6;
color: #5c5248;
} .ko-partnerzy--stopka {
--ko-p-box-w: 160px;
--ko-p-box-h: 62px;
--ko-p-gap: 64px;
--ko-p-czas: 50s;
--ko-zloto: #d4af6a;
position: relative;
padding: 36px 0 40px;
background:
radial-gradient(ellipse 70% 120% at 50% 0%, rgba(212, 175, 106, .14) 0%, transparent 60%),
linear-gradient(180deg, #2b231c 0%, #1e1914 100%);
} .ko-partnerzy--stopka::before,
.ko-partnerzy--stopka::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 4px;
border-top: 1px solid rgba(212, 175, 106, .7);
border-bottom: 1px solid rgba(212, 175, 106, .3);
-webkit-mask-image: linear-gradient(to right, transparent, #000 15%, #000 85%, transparent);
mask-image: linear-gradient(to right, transparent, #000 15%, #000 85%, transparent);
pointer-events: none;
}
.ko-partnerzy--stopka::before {
top: 8px;
}
.ko-partnerzy--stopka::after {
bottom: 8px;
transform: scaleY(-1);
}
.ko-partnerzy--stopka .ko-partnerzy__etykieta {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
margin: 0 0 24px;
padding: 0 20px;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 500;
font-style: normal;
line-height: 1;
letter-spacing: .34em;
text-transform: uppercase;
color: var(--ko-zloto);
}
.ko-partnerzy--stopka .ko-partnerzy__etykieta::before,
.ko-partnerzy--stopka .ko-partnerzy__etykieta::after {
content: "";
flex: 0 1 120px;
height: 1px;
background: linear-gradient(to right, transparent, var(--ko-zloto));
}
.ko-partnerzy--stopka .ko-partnerzy__etykieta::after {
background: linear-gradient(to left, transparent, var(--ko-zloto));
}
.ko-partnerzy--stopka .ko-partnerzy__etykieta span::before,
.ko-partnerzy--stopka .ko-partnerzy__etykieta span::after {
content: "\25C6";
display: inline-block;
font-size: 6px;
vertical-align: middle;
transform: translateY(-1px);
}
.ko-partnerzy--stopka .ko-partnerzy__etykieta span {
flex: 0 0 auto;
white-space: nowrap;
}
.ko-partnerzy--stopka .ko-partnerzy__etykieta span::before {
margin-right: 14px;
}
.ko-partnerzy--stopka .ko-partnerzy__etykieta span::after {
margin-left: 14px;
margin-right: -.34em;
} .ko-partnerzy--stopka .ko-partnerzy__el .ko-partnerzy__znak {
display: block;
width: min(var(--ko-p-box-w), calc(var(--ko-p-box-h) * var(--ko-proporcja, 2)));
height: var(--ko-p-box-h);
border-radius: 0;
background: linear-gradient(110deg, #9c7430 0%, #c9a25a 28%, #f6e3a8 45%, #d4af6a 58%, #a57c35 100%);
background-size: 260% 100%;
background-position: 100% 0;
-webkit-mask: var(--ko-logo) center / contain no-repeat;
mask: var(--ko-logo) center / contain no-repeat;
opacity: .85;
transition: background-position 1s ease, opacity .3s ease;
}
.ko-partnerzy--stopka .ko-partnerzy__el .ko-partnerzy__znak:hover,
.ko-partnerzy--stopka .ko-partnerzy__el .ko-partnerzy__znak:focus-visible {
background-position: 0 0;
opacity: 1;
} .ko-partnerzy--stopka .ko-partnerzy__el:focus-within {
outline: 1px solid var(--ko-zloto);
outline-offset: 6px;
} .ko-partnerzy__okno {
position: relative;
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}
.ko-partnerzy__tasma {
display: flex;
width: max-content;
animation: ko-partnerzy-przesun var(--ko-p-czas) linear infinite;
}
.ko-partnerzy__okno:hover .ko-partnerzy__tasma,
.ko-partnerzy__okno:focus-within .ko-partnerzy__tasma {
animation-play-state: paused;
}
.ko-partnerzy__lista {
display: flex;
align-items: center;
gap: var(--ko-p-gap);
margin: 0;
padding: 0 calc(var(--ko-p-gap) / 2);
list-style: none;
}
.ko-partnerzy__el {
flex: 0 0 auto;
margin: 0;
padding: 0;
}
.ko-partnerzy__el a {
display: flex;
align-items: center;
justify-content: center;
width: var(--ko-p-box-w);
height: var(--ko-p-box-h);
border-radius: 4px;
}
.ko-partnerzy__el a:focus-visible {
outline: 2px solid #c9a25a;
outline-offset: 4px;
}
.ko-partnerzy__el img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
opacity: .85;
transition: opacity .3s ease, transform .3s ease;
}
.ko-partnerzy__el a:hover img,
.ko-partnerzy__el a:focus-visible img {
opacity: 1;
transform: scale(1.05);
}
@keyframes ko-partnerzy-przesun {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
@media (max-width: 767px) {
.ko-partnerzy {
--ko-p-box-w: 120px;
--ko-p-box-h: 48px;
--ko-p-gap: 32px;
--ko-p-czas: 30s;
}
.ko-partnerzy--sekcja {
padding: 40px 0 32px;
}
.ko-partnerzy--stopka {
--ko-p-box-w: 110px;
--ko-p-box-h: 40px;
--ko-p-gap: 36px;
padding: 30px 0 32px;
}
.ko-partnerzy--stopka .ko-partnerzy__etykieta {
gap: 10px;
margin-bottom: 18px;
font-size: 10px;
letter-spacing: .28em;
}
.ko-partnerzy--stopka .ko-partnerzy__etykieta::before,
.ko-partnerzy--stopka .ko-partnerzy__etykieta::after {
flex-basis: 48px;
}
} @media (prefers-reduced-motion: reduce) {
.ko-partnerzy__tasma {
animation: none;
}
.ko-partnerzy__okno {
overflow-x: auto;
}
.ko-partnerzy__lista[aria-hidden="true"] {
display: none;
}
}  .ko-promo {
--ko-zloto: #d4af6a;
--ko-krem: #f4ece0;
position: fixed;
top: 136px;
left: 24px;
z-index: 9990; box-sizing: border-box;
width: 372px;
max-width: calc(100vw - 32px);
max-height: calc(100vh - 156px);
overflow-y: auto;
padding: 30px 28px 24px;
border: 1px solid rgba(212, 175, 106, .55);
border-radius: 14px;
background:
radial-gradient(ellipse 90% 60% at 0% 0%, rgba(212, 175, 106, .18) 0%, transparent 65%),
linear-gradient(165deg, #2f261e 0%, #1e1914 100%);
box-shadow: 0 0 0 4px rgba(30, 25, 20, .9), 0 0 0 5px rgba(212, 175, 106, .3), 0 24px 60px rgba(20, 14, 8, .45);
color: var(--ko-krem);
font-family: "Lato", sans-serif;
text-align: left; transform: translateX(calc(-100% - 60px));
opacity: 0;
visibility: hidden;
transition: transform .9s cubic-bezier(.16, 1, .3, 1), opacity .6s ease, visibility 0s linear .9s;
}
.ko-promo.is-open {
transform: none;
opacity: 1;
visibility: visible;
transition: transform .9s cubic-bezier(.16, 1, .3, 1), opacity .6s ease, visibility 0s;
}
.ko-promo * {
box-sizing: border-box;
}
.ko-promo p {
margin: 0;
} .ko-promo .ko-promo__x {
position: absolute;
top: 10px;
right: 10px;
width: 34px;
height: 34px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
cursor: pointer;
transition: background .2s ease;
}
.ko-promo .ko-promo__x::before,
.ko-promo .ko-promo__x::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 1.5px;
background: var(--ko-zloto);
transform: translate(-50%, -50%) rotate(45deg);
}
.ko-promo .ko-promo__x::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.ko-promo .ko-promo__x:hover,
.ko-promo .ko-promo__x:focus-visible {
background: rgba(212, 175, 106, .15);
} .ko-promo .ko-promo__etykieta {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: .28em;
text-transform: uppercase;
color: var(--ko-zloto);
}
.ko-promo .ko-promo__etykieta::after {
content: "";
flex: 0 0 48px;
height: 1px;
background: linear-gradient(to right, var(--ko-zloto), transparent);
}
.ko-promo .ko-promo__tytul {
margin-bottom: 12px;
padding-right: 18px;
font-family: "Playfair Display", Georgia, serif;
font-size: 25px;
font-weight: 400;
line-height: 1.2;
color: var(--ko-krem);
}
.ko-promo .ko-promo__proc {
display: block;
margin-bottom: 2px;
font-size: 54px;
font-weight: 600;
line-height: 1;
letter-spacing: -.01em;
background: linear-gradient(145deg, #f7e7b5, #e7c874 30%, #d4a94f 55%, #f3dc9a 75%, #c89b3c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
padding-right: .06em;
}
.ko-promo .ko-promo__opis {
margin-bottom: 16px;
font-size: 14px;
line-height: 1.55;
color: rgba(244, 236, 224, .82);
} .ko-promo .ko-promo__kod {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas: "opis przycisk" "kod przycisk";
align-items: center;
column-gap: 12px;
row-gap: 2px;
margin-bottom: 14px;
padding: 10px 10px 10px 16px;
border: 1px dashed rgba(212, 175, 106, .75);
border-radius: 10px;
background: rgba(212, 175, 106, .08);
}
.ko-promo .ko-promo__kod-opis {
grid-area: opis;
white-space: nowrap;
font-family: "Montserrat", sans-serif;
font-size: 10px;
font-weight: 600;
letter-spacing: .18em;
text-transform: uppercase;
color: rgba(244, 236, 224, .6);
}
.ko-promo .ko-promo__kod-wartosc {
grid-area: kod;
min-width: 0;
line-height: 1.2;
font-family: "Montserrat", sans-serif;
font-size: 22px;
font-weight: 700;
letter-spacing: .14em;
color: #f3dc9a;
}
.ko-promo .ko-promo__kopiuj {
grid-area: przycisk;
-webkit-appearance: none;
appearance: none;
margin: 0;
min-width: 92px;
line-height: 1.2;
padding: 8px 12px;
border: 1px solid rgba(212, 175, 106, .7);
border-radius: 20px;
background: transparent;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: .06em;
color: #f3dc9a;
cursor: pointer;
transition: background .2s ease, color .2s ease;
}
.ko-promo .ko-promo__kopiuj:hover,
.ko-promo .ko-promo__kopiuj:focus-visible,
.ko-promo .ko-promo__kopiuj.is-ok {
background: var(--ko-zloto);
color: #1e1914;
} .ko-promo .ko-promo__kategorie {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 16px;
padding: 0;
list-style: none;
}
.ko-promo .ko-promo__kategorie a {
display: block;
padding: 6px 12px;
border: 1px solid rgba(244, 236, 224, .22);
border-radius: 16px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 500;
color: var(--ko-krem);
text-decoration: none;
transition: border-color .2s ease, color .2s ease;
}
.ko-promo .ko-promo__kategorie a:hover,
.ko-promo .ko-promo__kategorie a:focus-visible {
border-color: var(--ko-zloto);
color: #f3dc9a;
} .ko-promo .ko-promo__cta.golden-custom-buttons {
display: flex;
width: 100%;
padding: 13px 20px;
font-size: 15px;
letter-spacing: .02em;
}
.ko-promo .ko-promo__info {
margin: 8px 0 16px;
font-size: 12px;
text-align: center;
color: rgba(244, 236, 224, .6);
}
.ko-promo .ko-promo__atuty {
display: grid;
gap: 6px;
margin: 0 0 14px;
padding: 14px 0 0;
border-top: 1px solid rgba(212, 175, 106, .25);
list-style: none;
font-size: 13px;
color: rgba(244, 236, 224, .85);
}
.ko-promo .ko-promo__atuty li {
position: relative;
padding-left: 22px;
}
.ko-promo .ko-promo__atuty li::before {
content: "";
position: absolute;
top: .3em;
left: 2px;
width: 9px;
height: 5px;
border-left: 1.5px solid var(--ko-zloto);
border-bottom: 1.5px solid var(--ko-zloto);
transform: rotate(-45deg);
}
.ko-promo .ko-promo__tel {
font-size: 13px;
line-height: 1.5;
color: rgba(244, 236, 224, .7);
}
.ko-promo .ko-promo__tel a {
font-weight: 700;
color: #f3dc9a;
text-decoration: none;
white-space: nowrap;
border-bottom: 1px solid rgba(212, 175, 106, .5);
}
.ko-promo .ko-promo__tel a:hover {
border-bottom-color: #f3dc9a;
} .ko-promo-jezyk {
position: fixed;
top: 42%;
left: 0;
z-index: 9989;
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 0;
height: auto;
margin: 0;
padding: 12px 10px 12px 8px;
border: 1px solid rgba(120, 80, 20, .45);
border-left: 0;
border-radius: 0 12px 12px 0;
line-height: 1;
white-space: nowrap;
background: linear-gradient(145deg, #f7e7b5, #e7c874, #d4a94f, #f3dc9a, #c89b3c);
box-shadow: inset 0 2px 3px rgba(255, 255, 255, .55), inset 0 -2px 4px rgba(120, 80, 20, .35), 0 4px 12px rgba(0, 0, 0, .22);
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 700;
color: #303030;
cursor: pointer;
transform: translateX(-110%);
transition: transform .6s cubic-bezier(.16, 1, .3, 1), padding .2s ease;
}
.ko-promo-jezyk span {
display: block;
letter-spacing: .02em;
}
.ko-promo-jezyk.is-on {
transform: none;
}
.ko-promo-jezyk:hover,
.ko-promo-jezyk:focus,
.ko-promo-jezyk:focus-visible {
padding-left: 12px;
background: linear-gradient(145deg, #f7e7b5, #e7c874, #d4a94f, #f3dc9a, #c89b3c);
color: #303030;
} .ko-promo .ko-promo__cta.golden-custom-buttons,
.ko-promo .ko-promo__cta.golden-custom-buttons:hover,
.ko-promo .ko-promo__cta.golden-custom-buttons:focus {
background: var(--ko-gold-bg);
cursor: pointer;
}
.ko-promo.is-dodany .ko-promo__info {
color: #f3dc9a;
} .ko-promo .ko-promo__pasek {
display: none;
} @media (max-width: 767px) {
.ko-promo {
top: 72px;
left: 8px;
right: 8px;
width: auto;
max-width: none;
max-height: none;
overflow: visible;
padding: 0;
border-radius: 12px;
box-shadow: 0 0 0 3px rgba(30, 25, 20, .9), 0 0 0 4px rgba(212, 175, 106, .3), 0 12px 30px rgba(20, 14, 8, .4);
transition: transform 1.4s cubic-bezier(.22, 1, .36, 1), opacity 1s ease, visibility 0s linear 1.4s;
}
.ko-promo.is-open {
transition: transform 1.4s cubic-bezier(.22, 1, .36, 1), opacity 1s ease, visibility 0s;
}
.ko-promo .ko-promo__pelne {
display: none;
}
.ko-promo .ko-promo__pasek {
display: flex;
align-items: center;
gap: 8px;
min-height: 58px;
padding: 8px 40px 8px 12px;
color: var(--ko-krem);
text-decoration: none;
}
.ko-promo .ko-promo__pasek-proc {
flex: 0 0 auto;
font-family: "Playfair Display", Georgia, serif;
font-size: 26px;
font-weight: 600;
line-height: 1.1;
background: linear-gradient(145deg, #f7e7b5, #e7c874 30%, #d4a94f 55%, #f3dc9a 75%, #c89b3c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
padding-right: .06em;
white-space: nowrap;
}
.ko-promo .ko-promo__pasek-tekst {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 2px;
min-width: 0;
font-size: 11px;
line-height: 1.25;
color: rgba(244, 236, 224, .75);
}
.ko-promo .ko-promo__pasek-tekst strong {
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 600;
color: var(--ko-krem);
}
.ko-promo .ko-promo__pasek-tekst b {
letter-spacing: .08em;
color: #f3dc9a;
}
.ko-promo .ko-promo__pasek-cta,
.ko-promo .ko-promo__pasek-cta:hover,
.ko-promo .ko-promo__pasek-cta:focus {
flex: 0 0 auto;
cursor: pointer;
line-height: 1.2;
white-space: nowrap;
-webkit-appearance: none;
appearance: none;
margin: 0;
padding: 8px 12px;
border: 1px solid rgba(120, 80, 20, .45);
border-radius: 20px;
background: linear-gradient(145deg, #f7e7b5, #e7c874, #d4a94f, #f3dc9a, #c89b3c);
box-shadow: inset 0 2px 3px rgba(255, 255, 255, .55), inset 0 -2px 4px rgba(120, 80, 20, .35);
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 700;
color: #303030;
}
.ko-promo .ko-promo__x {
top: 50%;
right: 4px;
transform: translateY(-50%);
}
}
@media (max-height: 640px) and (min-width: 768px) {
.ko-promo {
top: 24px;
max-height: calc(100vh - 48px);
}
}
@media (prefers-reduced-motion: reduce) {
.ko-promo,
.ko-promo.is-open,
.ko-promo-jezyk {
transform: none;
transition: opacity .2s ease, visibility 0s;
}
.ko-promo-jezyk:not(.is-on) {
opacity: 0;
}
}   .single-product .variations_form table.variations th.label label{
font-family: "Playfair Display", Georgia, serif;
font-size: 16px;
font-weight: 700;
color: var(--ko-calc-text);
}
.single-product .variations_form table.variations th.label .ko-wariant-wybrany{
display: block;
margin-top: 2px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 500;
color: var(--ko-calc-muted);
}
.single-product .variations_form table.variations th.label .ko-wariant-wybrany:empty{
display: none;
} .single-product .wapf .wapf-field-container.wapf-field-p:first-child .wapf-field-label label{
margin-bottom: 0;
}
.single-product .wapf .ko-kalk-nadtytul,
.single-product .wapf .ko-kalk-tytul,
.single-product .wapf .ko-kalk-lead{
display: block;
}
.single-product .wapf .ko-kalk-nadtytul{
margin-bottom: 4px;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--ko-calc-muted);
}
.single-product .wapf .ko-kalk-tytul{
font-family: "Playfair Display", Georgia, serif;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
color: var(--ko-calc-text);
}
.single-product .wapf .ko-kalk-lead{
margin-top: 8px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.55;
color: var(--ko-calc-muted);
}
.single-product .wapf .ko-kalk-lead-ikona{
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--ko-gold-bg);
border: 1px solid var(--ko-gold-border);
font-size: 11px;
font-weight: 700;
color: var(--ko-gold-text);
vertical-align: 1px;
} .single-product .wapf .wapf-field-group{
counter-reset: ko-krok;
}
.single-product .wapf .wapf-field-container.ko-krok:not(.ko-pole-stale){
counter-increment: ko-krok;
}
.single-product .wapf .wapf-field-container.ko-krok .wapf-field-label label{
position: relative;
} .single-product .wapf .wapf-field-container.ko-krok:not(.ko-pole-stale) .wapf-field-label label{
padding-left: 32px;
}
.single-product .wapf .wapf-field-container.ko-krok:not(.ko-pole-stale) .wapf-field-label label::before{
content: counter(ko-krok);
position: absolute;
left: 0;
top: -1px;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--ko-gold-bg);
border: 1px solid var(--ko-gold-border);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: var(--ko-gold-text);
}
.single-product .wapf .ko-kalk-dopisek{
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: var(--ko-calc-muted);
} .single-product .wapf .ko-podp-btn{
width: 22px;
height: 22px;
margin: 0 0 0 6px;
vertical-align: 1px;
padding: 0;
border-radius: 50%;
border: 1px solid var(--ko-calc-border);
background: rgba(255,255,255,.75);
color: var(--ko-calc-muted);
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
cursor: pointer;
display: inline-flex;
box-sizing: border-box;
align-items: center;
justify-content: center;
position: relative;
transition: background-color .18s ease, color .18s ease, border-color .18s ease;
} .single-product .wapf .ko-podp-btn::after{
content: "";
position: absolute;
inset: -10px;
}
.single-product .wapf .ko-podp-btn:hover,
.single-product .wapf .ko-podp-btn[aria-expanded="true"]{
background: var(--ko-gold-bg);
border-color: var(--ko-gold-border);
color: var(--ko-gold-text);
}
.single-product .wapf .ko-podp-btn:focus-visible{
outline: 2px solid var(--ko-gold-border);
outline-offset: 2px;
} .single-product .wapf .ko-podp{
display: block;
margin: -2px 0 14px;
padding: 0;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.65;
color: var(--ko-calc-muted);
animation: ko-podp-in .18s ease;
}
.single-product .wapf .wapf-field-container.ko-krok:not(.ko-pole-stale) .ko-podp{
padding-left: 32px;
}
.single-product .wapf .ko-podp strong{
color: var(--ko-calc-text);
}
.single-product .wapf .ko-podp[hidden]{
display: none;
}
.single-product .wapf .ko-podp strong{
font-weight: 600;
}
@keyframes ko-podp-in{
from{ opacity: 0; transform: translateY(-4px); }
to{ opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce){
.single-product .wapf .ko-podp{ animation: none; }
} .single-product .wapf .ko-kalk-stala{
padding: 3px 8px;
border-radius: 999px;
border: 1px solid var(--ko-calc-border);
background: rgba(255,255,255,.6);
font-family: "Montserrat", sans-serif;
font-size: 10px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ko-calc-muted);
}
.single-product .wapf .wapf-field-container.ko-pole-stale .wapf-radios{
opacity: 1;
}
.single-product .wapf .wapf-field-container.ko-pole-stale label.wapf-input-label{
cursor: default;
pointer-events: none;
background: rgba(255,255,255,.55);
box-shadow: none;
}
.single-product .wapf .wapf-field-container.ko-pole-stale label.wapf-input-label .wapf-custom{
display: none;
} .single-product .wapf .wapf-field-container.ko-krok .wapf-field-label{
flex-wrap: wrap;
}
.single-product .wapf .wapf-field-container.ko-krok .wapf-field-label > label{
flex: 1 1 100%;
}
.single-product .wapf .wapf-field-label > .ko-podp{
flex: 0 0 100%;
box-sizing: border-box;
} .single-product .variations_form table.variations th.label .woo-selected-variation-item-name{
display: none;
} .single-product .itper-action-wrapper{
margin-top: 18px;
}
.single-product .itper-action-wrapper .quantity{
position: relative;
}
.single-product .itper-action-wrapper .quantity label.screen-reader-text{
position: absolute !important;
top: auto; left: 2px;
bottom: 100%;
width: auto;
height: auto;
margin: 0 0 6px;
padding: 0;
overflow: visible;
clip: auto;
clip-path: none;
white-space: nowrap;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: .10em;
text-transform: uppercase;
color: var(--ko-calc-muted);
}  .ko-kolory {
display: flex;
align-items: center;
gap: 6px;
margin: 8px 0 4px;
line-height: 1;
}
.ko-kolory__probka {
display: inline-block;
width: 22px;
height: 22px;
border-radius: 50%;
overflow: hidden;
flex: 0 0 auto;
background: #F4EFE6;
box-shadow: 0 0 0 1px rgba(46, 45, 43, .18);
}
.ko-kolory__probka img {
display: block;
width: 100%;
height: 100%;
margin: 0 !important;
object-fit: cover;
}
.ko-kolory__wiecej {
margin-left: 2px;
font-size: 13px;
font-weight: 600;
color: #5C5248;
letter-spacing: .02em;
}   .single-product form.cart .woocommerce-variation-price{
display: none;
} .single-product #itper-fixed-total-box .itper-price:empty::before{
content: attr(data-podpowiedz);
font-size: 13px;
font-weight: 500;
letter-spacing: .02em;
opacity: .7;
} .single-product .woocommerce-variation-add-to-cart:has(.acf-rozmiary-box) #itper-fixed-total-box.itper-premium-totals{
width: 100%;
max-width: 100%;
}
.single-product form.cart .woocommerce-variation-add-to-cart:has(.acf-rozmiary-box) .itper-action-wrapper{
margin-top: 18px !important;
}  :root{
--ko-nt-krem:     #f3ecdf;
--ko-nt-zloto:    #e7c874;
--ko-nt-zloto-c:  #8a6d2f;
--ko-nt-espresso: linear-gradient(135deg, #2c241b 0%, #3b3026 55%, #2a221a 100%);
--ko-nt-medal:    linear-gradient(145deg, #f7e7b5 0%, #e7c874 30%, #c89b3c 70%, #a37a2c 100%);
--ko-nt-blad:     linear-gradient(145deg, #e09a7e 0%, #b75a3e 55%, #8c3a26 100%);
--ko-nt-ik-ok:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%232b2116' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ko-nt-ik-info:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='1.7' fill='%232b2116'/%3E%3Cpath d='M12 10.8v6.7' stroke='%232b2116' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
--ko-nt-ik-blad:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6.3v7.4' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.4' r='1.6' fill='%23fff'/%3E%3C/svg%3E");
--ko-nt-ik-x:     url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' stroke='%23e7c874' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
} body .woocommerce-notices-wrapper:not(:empty){
box-sizing: border-box;
width: min(100% - 32px, 1040px);
margin: 28px auto 0;
} body .ko-nt{
--nt-medal: var(--ko-nt-medal);
--nt-ikona: var(--ko-nt-ik-ok);
--nt-tytul: var(--ko-nt-zloto);
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto auto;
align-items: center;
gap: 4px 20px;
box-sizing: border-box;
width: 100%;
margin: 0 0 24px;
padding: 22px 22px 22px 24px;
border: 1px solid rgba(231,200,116,.45);
border-radius: 20px;
background:
radial-gradient(70% 140% at 0% 0%, rgba(231,200,116,.16) 0%, transparent 60%),
var(--ko-nt-espresso);
box-shadow:
0 22px 44px -18px rgba(30,20,8,.55),
0 3px 10px rgba(30,20,8,.12),
inset 0 1px 0 rgba(255,236,190,.12);
color: var(--ko-nt-krem);
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
list-style: none;
overflow-wrap: break-word;
animation: ko-nt-wejscie .5s cubic-bezier(.2,.7,.2,1) both;
} body .ko-nt::after{
content: "" !important;
display: block;
position: absolute;
inset: 6px;
border: 1px solid rgba(231,200,116,.18);
border-radius: 15px;
pointer-events: none;
} body .ko-nt::before{ content: none !important; display: none !important; }
body .ko-nt--info{ --nt-ikona: var(--ko-nt-ik-info); }
body .ko-nt--blad{
--nt-medal: var(--ko-nt-blad);
--nt-ikona: var(--ko-nt-ik-blad);
--nt-tytul: #f0b49c;
border-color: rgba(224,154,126,.45);
background:
radial-gradient(70% 140% at 0% 0%, rgba(224,154,126,.16) 0%, transparent 60%),
var(--ko-nt-espresso);
} body .ko-nt__medal{
grid-column: 1;
align-self: start;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--nt-ikona) center / 22px no-repeat, var(--nt-medal);
box-shadow:
0 0 0 4px rgba(42,34,26,.9),
0 0 0 5px rgba(231,200,116,.45),
0 8px 18px -4px rgba(0,0,0,.5),
inset 0 2px 3px rgba(255,255,255,.45);
} body .ko-nt__tresc{ grid-column: 2; min-width: 0; }
body .ko-nt .ko-nt__tytul{
margin: 0 0 3px;
font-family: "Playfair Display", Georgia, serif;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
letter-spacing: .01em;
color: var(--nt-tytul);
}
body .ko-nt__tekst,
body .ko-nt__lista{ color: rgba(243,236,223,.88); }
body .ko-nt__lista{ margin: 0 !important; padding: 0 !important; list-style: none !important; }
body .ko-nt__lista li{
position: relative;
margin: 0 !important;
padding: 3px 0 3px 16px !important;
list-style: none !important;
}
body .ko-nt__lista li::before{
content: "";
position: absolute;
left: 0;
top: .85em;
width: 6px;
height: 6px;
border-radius: 50%;
background: #e09a7e;
}
body .ko-nt strong{ color: #fff; font-weight: 600; }
body .ko-nt a:not(.button){
color: var(--ko-nt-zloto);
font-weight: 600;
text-decoration: underline;
text-decoration-color: rgba(231,200,116,.45);
text-underline-offset: 4px;
transition: color .2s ease, text-decoration-color .2s ease;
}
body .ko-nt a:not(.button):hover{ color: #f7e7b5; text-decoration-color: currentColor; } body .ko-nt__akcje{
grid-column: 3;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-end;
}
body .ko-nt__akcje .button.button,
body .ko-pusty-koszyk .button.button{
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
float: none;
margin: 0; padding: 10px 26px;
border: 1px solid var(--ko-gold-border, rgba(120,80,20,.45));
border-radius: 28px;
background: var(--ko-gold-bg, linear-gradient(145deg,#f7e7b5,#e7c874,#d4a94f,#f3dc9a,#c89b3c));
box-shadow: var(--ko-gold-shadow, inset 0 2px 3px rgba(255,255,255,.55), inset 0 -2px 4px rgba(120,80,20,.35), 0 4px 10px rgba(0,0,0,.22));
color: var(--ko-gold-text, #303030);
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: normal;
line-height: 1.6;
text-transform: none;
text-decoration: none;
white-space: nowrap;
transition: transform .2s ease, box-shadow .25s ease;
} body .ko-nt__akcje .button.button::after,
body .ko-pusty-koszyk .button.button::after{
content: "";
position: absolute;
top: 0;
left: -60%;
width: 40%;
height: 100%;
background: var(--ko-gold-shine, linear-gradient(120deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%));
transform: skewX(-20deg);
transition: left .6s ease;
pointer-events: none;
}
body .ko-nt__akcje .button.button:hover,
body .ko-pusty-koszyk .button.button:hover{
transform: translateY(-1px);
box-shadow: var(--ko-gold-shadow-hover, inset 0 2px 4px rgba(255,255,255,.65), inset 0 -2px 6px rgba(120,80,20,.45), 0 6px 16px rgba(0,0,0,.28));
}
body .ko-nt__akcje .button.button:hover::after,
body .ko-pusty-koszyk .button.button:hover::after{ left: 120%; }
body .ko-nt__akcje .button.button:focus-visible,
body .ko-pusty-koszyk .button.button:focus-visible{
outline: 2px solid var(--ko-nt-zloto);
outline-offset: 3px;
} body .ko-nt .ko-nt__zamknij{
grid-column: 4;
align-self: start;
position: relative;
z-index: 1;
width: 34px;
height: 34px;
margin: 0;
padding: 0;
border: 1px solid rgba(231,200,116,.35);
border-radius: 50%;
background: var(--ko-nt-ik-x) center / 16px no-repeat, rgba(255,255,255,.04);
cursor: pointer;
transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
body .ko-nt .ko-nt__zamknij:hover{
border-color: rgba(231,200,116,.75);
background-color: rgba(231,200,116,.12);
transform: rotate(90deg);
}
body .ko-nt .ko-nt__zamknij:focus-visible{ outline: 2px solid var(--ko-nt-zloto); outline-offset: 2px; }
body .ko-nt:focus{ outline: none; }
body .ko-nt:focus-visible{ box-shadow: 0 22px 44px -18px rgba(30,20,8,.55), 0 0 0 3px rgba(231,200,116,.45); } body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error):not(.ko-nt){
position: relative;
display: flow-root;
box-sizing: border-box;
margin: 0 0 24px;
padding: 18px 24px 18px 74px;
border: 1px solid rgba(231,200,116,.45);
border-radius: 20px;
background: var(--ko-nt-espresso);
box-shadow: 0 22px 44px -18px rgba(30,20,8,.55);
color: var(--ko-nt-krem);
font-family: "Lato", sans-serif;
font-size: 16px;
line-height: 1.6;
list-style: none;
animation: ko-nt-wejscie .5s cubic-bezier(.2,.7,.2,1) both;
}
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error):not(.ko-nt)::before{
content: "" !important;
position: absolute;
top: 50%;
left: 22px;
width: 36px;
height: 36px;
margin-top: -18px;
border-radius: 50%;
background: var(--ko-nt-ik-ok) center / 18px no-repeat, var(--ko-nt-medal);
box-shadow: 0 0 0 3px rgba(42,34,26,.9), 0 0 0 4px rgba(231,200,116,.45);
}
body .woocommerce-info:not(.ko-nt)::before{ background-image: var(--ko-nt-ik-info), var(--ko-nt-medal); }
body .woocommerce-error:not(.ko-nt)::before{ background: var(--ko-nt-ik-blad) center / 18px no-repeat, var(--ko-nt-blad); }
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error):not(.ko-nt) li{ margin: 0 !important; padding: 2px 0 !important; list-style: none !important; }
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error):not(.ko-nt) a:not(.button){ color: var(--ko-nt-zloto); font-weight: 600; }
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error):not(.ko-nt) strong{ color: #fff; }
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error):not(.ko-nt) .button.button{
float: right;
margin: -4px 0 -4px 18px;
padding: 9px 20px;
border: 1px solid var(--ko-gold-border, rgba(120,80,20,.45));
border-radius: 999px;
background: var(--ko-gold-bg, linear-gradient(145deg,#f7e7b5,#e7c874,#d4a94f,#f3dc9a,#c89b3c));
color: var(--ko-gold-text, #303030);
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 600;
} body .ko-pusty-koszyk{
position: relative;
box-sizing: border-box;
max-width: 640px;
margin: 24px auto 40px;
padding: 52px 40px 40px;
border: 1px solid rgba(168,132,68,.40);
border-radius: 26px;
background:
radial-gradient(90% 70% at 50% 0%, rgba(231,200,116,.28) 0%, transparent 65%),
linear-gradient(180deg, #fbf6ec 0%, #efe2c9 100%);
box-shadow: 0 30px 60px -28px rgba(60,42,18,.45), inset 0 1px 0 rgba(255,255,255,.85);
text-align: center;
color: #3a3128;
animation: ko-nt-wejscie .6s cubic-bezier(.2,.7,.2,1) both;
}
body .ko-pusty-koszyk::before{
content: "";
position: absolute;
inset: 9px;
border: 1px solid rgba(168,132,68,.25);
border-radius: 19px;
pointer-events: none;
}
body .ko-pusty-koszyk > *{ position: relative; }
body .ko-pusty-koszyk__medal{
display: inline-flex;
align-items: center;
justify-content: center;
width: 78px;
height: 78px;
margin-bottom: 18px;
border-radius: 50%;
background: var(--ko-nt-espresso);
color: var(--ko-nt-zloto);
box-shadow:
0 0 0 5px #f7efe0,
0 0 0 6px rgba(168,132,68,.5),
0 16px 30px -10px rgba(40,28,10,.55);
}
body .ko-pusty-koszyk__medal svg{ width: 32px; height: 32px; }
body .ko-pusty-koszyk__nadtytul{
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin: 0 0 8px;
color: var(--ko-nt-zloto-c);
font-family: "Lato", sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: .28em;
text-transform: uppercase;
}
body .ko-pusty-koszyk__nadtytul::before,
body .ko-pusty-koszyk__nadtytul::after{
content: "";
width: 34px;
height: 1px;
background: linear-gradient(90deg, transparent, #c89b3c);
}
body .ko-pusty-koszyk__nadtytul::after{ transform: scaleX(-1); }
body .ko-pusty-koszyk .ko-pusty-koszyk__tytul{
margin: 0 0 14px;
padding: 0;
border: 0;
background: none;
font-family: "Playfair Display", Georgia, serif;
font-size: 34px;
font-weight: 700;
line-height: 1.2;
color: #1f1a14;
}
body .ko-pusty-koszyk .ko-pusty-koszyk__tytul::before{ content: none !important; }
body .ko-pusty-koszyk__tekst{
max-width: 440px;
margin: 0 auto 28px;
color: #6b5d48;
font-family: "Lato", sans-serif;
font-size: 16px;
line-height: 1.75;
}
body .ko-pusty-koszyk__akcje{ margin: 0 0 26px; }
body .ko-pusty-koszyk .button.button{ padding: 12px 34px; font-size: 18px; }
body .ko-pusty-koszyk__kategorie{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
padding-top: 24px;
border-top: 1px solid rgba(168,132,68,.22);
}
body .ko-pusty-koszyk .ko-pusty-koszyk__kategorie a{
padding: 8px 18px;
border: 1px solid rgba(168,132,68,.38);
border-radius: 999px;
background: rgba(255,253,248,.6);
color: #3a3128 !important; font-family: "Playfair Display", Georgia, serif;
font-size: 14px;
text-decoration: none;
transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}
body .ko-pusty-koszyk .ko-pusty-koszyk__kategorie a:hover{
border-color: #b08a3e;
background: #fffdf8;
color: var(--ko-nt-zloto-c) !important;
} body :is(p.woocommerce-store-notice, p.demo_store){
padding: 13px 24px;
background: var(--ko-nt-espresso);
box-shadow: inset 0 -1px 0 rgba(231,200,116,.55), 0 6px 18px rgba(20,15,10,.28);
color: #efe4cf;
font-family: "Lato", sans-serif;
font-size: 14px;
line-height: 1.55;
letter-spacing: .03em;
}
body :is(p.woocommerce-store-notice, p.demo_store) a{
margin-left: 12px;
color: var(--ko-nt-zloto);
font-size: 11px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid rgba(231,200,116,.5);
}
body .woocommerce form .form-row.woocommerce-invalid label{ color: #9a3f2a; }
body .woocommerce form .form-row.woocommerce-invalid :is(.select2-container, input.input-text, select){
border-color: #b75a3e !important;
box-shadow: 0 0 0 3px rgba(183,90,62,.14);
}
body .checkout-inline-error-message{ margin: 6px 0 0; color: #9a3f2a; font-size: 13px; line-height: 1.4; }
body .woocommerce-password-strength{
margin-top: 8px;
padding: 7px 14px;
border: 1px solid rgba(168,132,68,.4);
border-radius: 999px;
background: #f7f0e2;
color: #3a3128;
font-size: 12px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
text-align: center;
}
body .woocommerce-password-strength:is(.short, .bad){ border-color: rgba(154,63,42,.4); background: #f8ebe4; color: #9a3f2a; }
body .woocommerce-password-strength.strong{ border-color: rgba(93,122,63,.45); background: #eef1e2; color: #4d6a33; }
body .wc-block-components-notice-banner{
padding: 18px 22px;
border: 1px solid rgba(231,200,116,.45);
border-radius: 20px;
background: var(--ko-nt-espresso);
color: var(--ko-nt-krem);
}
body .wc-block-components-notice-banner > svg{
padding: 5px;
border-radius: 50%;
fill: #2b2116;
background: var(--ko-nt-medal);
}
body .wc-block-components-notice-banner.is-error > svg{ fill: #fff; background: var(--ko-nt-blad); } @keyframes ko-nt-wejscie{
from{ opacity: 0; transform: translateY(-10px); }
to  { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce){
body .ko-nt,
body .ko-pusty-koszyk,
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error){ animation: none; }
}
@media (max-width: 700px){ body .ko-nt{
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 14px 14px;
padding: 18px 16px 18px 18px;
border-radius: 18px;
font-size: 15px;
}
body .ko-nt::after{ inset: 5px; border-radius: 13px; }
body .ko-nt__medal{ width: 38px; height: 38px; background-size: 19px, auto; }
body .ko-nt .ko-nt__tytul{ font-size: 17px; }
body .ko-nt .ko-nt__zamknij{ grid-column: 3; grid-row: 1; width: 30px; height: 30px; }
body .ko-nt__akcje{ grid-column: 1 / -1; grid-row: 2; }
body .ko-nt__akcje .button.button{ flex: 1 1 100%; }
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error):not(.ko-nt){ padding: 16px 18px 16px 64px; }
body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error):not(.ko-nt) .button.button{ float: none; display: flex; justify-content: center; margin: 0 0 10px; }
body .ko-pusty-koszyk{ margin: 12px auto 28px; padding: 40px 20px 28px; border-radius: 22px; }
body .ko-pusty-koszyk::before{ inset: 6px; border-radius: 17px; }
body .ko-pusty-koszyk .ko-pusty-koszyk__tytul{ font-size: 27px; }
body .ko-pusty-koszyk .button.button{ width: 100%; }
}  :root{
--ko-ti-zloto:        #b08a3e;
--ko-ti-zloto-ciemne: #8a6d2f;
--ko-ti-zloto-jasne:  #e7c874;
--ko-ti-tekst:        #3a3128;
--ko-ti-ciemny:       #1f1a14;
--ko-ti-wyciszony:    #8a7a5f;
--ko-ti-ramka:        rgba(168,132,68,.35);
--ko-ti-ramka-lekka:  rgba(168,132,68,.22); --ko-ti-tlo:          linear-gradient(180deg, #f7f0e2 0%, #ebdec6 100%);
--ko-ti-karta:        linear-gradient(180deg, #f7f0e2 0%, #ebdec6 100%);
--ko-ti-krem:         #f3e9d6;
--ko-ti-serif:        "Playfair Display", Georgia, serif;
--ko-ti-gwiazda:      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c9a24b' d='M12 2.6l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.4l-5.9 3.3 1.3-6.6L2.5 9.5l6.6-.8z'/%3E%3C/svg%3E");
--ko-ti-gwiazda-pol:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='p'%3E%3Cstop offset='50%25' stop-color='%23c9a24b'/%3E%3Cstop offset='50%25' stop-color='%23e9dcc0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url("https://kreatywne-okno.pl/wp-content/themes/hello-elementor-child/inc/%23p")' d='M12 2.6l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.4l-5.9 3.3 1.3-6.6L2.5 9.5l6.6-.8z'/%3E%3C/svg%3E");
--ko-ti-gwiazda-pusta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e9dcc0' d='M12 2.6l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.4l-5.9 3.3 1.3-6.6L2.5 9.5l6.6-.8z'/%3E%3C/svg%3E");
--ko-ti-odznaka:      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23b08a3e' d='M12 1.5l2.6 1.9 3.2-.1 1 3 2.6 1.9-1 3.1 1 3.1-2.6 1.9-1 3-3.2-.1L12 22.5l-2.6-1.9-3.2.1-1-3-2.6-1.9 1-3.1-1-3.1 2.6-1.9 1-3 3.2.1z'/%3E%3Cpath d='M7.8 12.3l2.8 2.8 5.6-5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
} .ti-widget.ti-widget.ti-goog img.ti-star{
object-position: -9999px 0 !important;
background: var(--ko-ti-gwiazda) center / contain no-repeat !important;
}
.ti-widget.ti-widget.ti-goog img.ti-star[src*="/h."]{ background-image: var(--ko-ti-gwiazda-pol) !important; }
.ti-widget.ti-widget.ti-goog img.ti-star[src*="/e."]{ background-image: var(--ko-ti-gwiazda-pusta) !important; } .ti-widget.ti-widget.ti-goog .ti-footer{
margin-top: 5px !important;
padding-right: 14px !important;
}
.ti-widget.ti-widget.ti-goog .ti-footer .ti-fade-container{
box-sizing: border-box;
height: 100%;
justify-content: center;
padding: 22px 16px 20px;
border-radius: 16px;
border: 1px solid var(--ko-ti-ramka);
background: var(--ko-ti-tlo);
box-shadow: 0 10px 26px rgba(40,30,15,.08), 0 1px 0 rgba(255,255,255,.8) inset;
}
@media (min-width: 768px){ .ti-widget.ti-widget.ti-goog .ti-widget-container{ align-items: stretch !important; }
.ti-widget.ti-widget.ti-goog .ti-footer{
align-self: stretch;
box-sizing: border-box;
margin-top: 0 !important;
padding-top: 5px !important; padding-bottom: 48px !important;
grid-template-rows: minmax(0, 1fr);
}
.ti-widget.ti-widget.ti-goog .ti-footer .ti-fade-container{ height: auto; }
}
.ti-widget.ti-widget.ti-goog .ti-rating-text strong.ti-rating-large{
display: block;
font-family: var(--ko-ti-serif) !important;
font-size: 22px !important;
font-weight: 700 !important;
letter-spacing: .08em;
line-height: 1.2;
color: var(--ko-ti-ciemny) !important;
}
.ti-widget.ti-widget.ti-goog .ti-footer .ti-stars{ margin: 8px 0 6px !important; }
.ti-widget.ti-widget.ti-goog .star-lg .ti-star{
width: 24px !important;
height: 24px !important;
margin-right: 3px !important;
}
.ti-widget.ti-widget.ti-goog .ti-footer .ti-rating-text,
.ti-widget.ti-widget.ti-goog .ti-footer .ti-rating-text span{
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ko-ti-wyciszony) !important;
}
.ti-widget.ti-widget.ti-goog .ti-footer .ti-rating-text span strong{
font-weight: 700 !important;
color: var(--ko-ti-zloto-ciemne) !important;
}
.ti-widget.ti-widget.ti-goog .ti-large-logo{
margin-top: 12px !important;
padding-top: 12px;
border-top: 1px solid var(--ko-ti-ramka-lekka);
}
.ti-widget.ti-widget.ti-goog .ti-large-logo img{
width: 96px !important;
height: 22px !important;
object-fit: contain !important;
} .ti-widget.ti-widget.ti-goog .ti-reviews-container-wrapper{
padding-top: 5px !important;
padding-bottom: 14px !important; }
.ti-widget.ti-widget.ti-goog .ti-review-item > .ti-inner{
height: 100%;
box-sizing: border-box;
padding: 20px 20px 16px !important;
border: 1px solid var(--ko-ti-ramka) !important;
border-radius: 16px !important;
background: var(--ko-ti-karta) !important;
box-shadow: 0 6px 18px rgba(40,30,15,.06), 0 1px 0 rgba(255,255,255,.8) inset !important;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.ti-widget.ti-widget.ti-goog .ti-review-item > .ti-inner:hover{
border-color: rgba(168,132,68,.55) !important;
box-shadow: 0 10px 24px rgba(40,30,15,.10), 0 1px 0 rgba(255,255,255,.8) inset !important;
transform: translateY(-2px);
}
.ti-widget.ti-widget.ti-goog .ti-profile-img img{
box-shadow: 0 0 0 2px var(--ko-ti-krem), 0 0 0 3px var(--ko-ti-ramka);
}
.ti-widget.ti-widget.ti-goog .ti-widget-container .ti-name{
font-family: var(--ko-ti-serif);
font-size: 16px;
font-weight: 700;
color: var(--ko-ti-ciemny);
}
.ti-widget.ti-widget.ti-goog .ti-widget-container .ti-date{
font-size: 12px;
color: var(--ko-ti-wyciszony);
}
.ti-widget.ti-widget.ti-goog .ti-platform-icon{ opacity: .85; }
.ti-widget.ti-widget.ti-goog .ti-review-item .ti-stars .ti-star{
width: 16px !important;
height: 16px !important;
margin-right: 2px !important;
} .ti-widget.ti-widget.ti-goog .ti-verified-review,
.ti-widget.ti-widget.ti-goog .ti-verified-review.ti-color-green,
.ti-widget.ti-widget.ti-goog .ti-verified-review.ti-color-black{
background: var(--ko-ti-odznaka) center / contain no-repeat !important;
} .ti-widget.ti-widget.ti-goog .ti-review-content{
color: var(--ko-ti-tekst);
}
.ti-widget.ti-widget.ti-goog .ti-read-more span{
font-size: 11px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--ko-ti-zloto-ciemne);
opacity: 1;
}
.ti-widget.ti-widget.ti-goog .ti-read-more span:hover{
color: var(--ko-ti-zloto);
text-decoration: none !important;
}
.ti-widget.ti-widget.ti-goog .ti-read-more:after{ background-color: var(--ko-ti-zloto) !important; } .ti-widget.ti-widget.ti-goog .ti-controls .ti-next,
.ti-widget.ti-widget.ti-goog .ti-controls .ti-prev{
width: 40px;
height: 40px;
border-radius: 50%;
outline: none;
border: 1px solid var(--ko-ti-ramka);
background: var(--ko-ti-krem);
box-shadow: 0 4px 12px rgba(40,30,15,.12), 0 1px 0 rgba(255,255,255,.8) inset;
}
.ti-widget.ti-widget.ti-goog .ti-controls .ti-next{ right: -8px; }
.ti-widget.ti-widget.ti-goog .ti-controls .ti-prev{ left: -8px; }
.ti-widget.ti-widget.ti-goog .ti-controls .ti-next:before,
.ti-widget.ti-widget.ti-goog .ti-controls .ti-prev:before{
width: 9px;
height: 9px;
border-color: var(--ko-ti-zloto-ciemne);
}
.ti-widget.ti-widget.ti-goog .ti-controls .ti-next:hover,
.ti-widget.ti-widget.ti-goog .ti-controls .ti-next:focus,
.ti-widget.ti-widget.ti-goog .ti-controls .ti-prev:hover,
.ti-widget.ti-widget.ti-goog .ti-controls .ti-prev:focus{
background: linear-gradient(145deg,#f7e7b5,#e7c874,#d4a94f,#f3dc9a,#c89b3c) !important;
border-color: rgba(120,80,20,.45);
outline: none !important;
box-shadow: inset 0 2px 3px rgba(255,255,255,.55), 0 6px 14px rgba(120,80,20,.25);
}
.ti-widget.ti-widget.ti-goog .ti-controls .ti-next:hover:before,
.ti-widget.ti-widget.ti-goog .ti-controls .ti-next:focus:before,
.ti-widget.ti-widget.ti-goog .ti-controls .ti-prev:hover:before,
.ti-widget.ti-widget.ti-goog .ti-controls .ti-prev:focus:before{
border-color: #303030 !important;
}
.ti-widget.ti-widget.ti-goog .ti-controls .ti-next:focus-visible,
.ti-widget.ti-widget.ti-goog .ti-controls .ti-prev:focus-visible{
outline: 2px solid var(--ko-ti-zloto-ciemne) !important;
outline-offset: 2px;
} .ti-widget.ti-widget.ti-goog .ti-verified-by-row{
box-sizing: border-box;
height: 28px; margin-top: 6px !important;
} .ti-widget.ti-widget.ti-goog .ti-verified-by-row > .ti-inner{
padding: 5px 14px !important;
line-height: 16px !important;
border-radius: 999px !important;
border: 1px solid var(--ko-ti-ramka-lekka) !important;
background: var(--ko-ti-krem) !important;
color: var(--ko-ti-wyciszony) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: .06em;
}
.ti-widget.ti-widget.ti-goog .ti-verified-by-row .ti-info-icon{ background-color: var(--ko-ti-zloto) !important; } .ti-widget.ti-widget.ti-goog .ti-tooltip,
.ti-widget.ti-widget.ti-goog .ti-verified-tooltip,
.ti-widget.ti-widget.ti-goog .ti-disclaimer{
background-color: var(--ko-ti-tekst) !important;
color: #fbf7ef !important;
border-radius: 8px;
--ti-border-arrow-color: var(--ko-ti-tekst);
} @media (max-width: 767px){
.ti-widget.ti-widget.ti-goog .ti-footer{ padding-right: 0 !important; }
.ti-widget.ti-widget.ti-goog .ti-footer .ti-fade-container{ padding: 18px 14px 16px; }
.ti-widget.ti-widget.ti-goog .ti-controls .ti-next{ right: 0; }
.ti-widget.ti-widget.ti-goog .ti-controls .ti-prev{ left: 0; }
}  .single-product .woo-variation-product-gallery {
--ko-galeria-bok: 560px;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
} .single-product .woo-variation-product-gallery .woo-variation-gallery-thumbnail-wrapper {
display: none !important;
} .single-product .woo-variation-product-gallery .woo-variation-gallery-slider-wrapper {
position: relative;
min-width: 0;
}
.single-product .woo-variation-product-gallery .wvg-single-gallery-image-container {
aspect-ratio: 3 / 4;
overflow: hidden;
border-radius: 16px;
background: #fff;
}
.single-product .woo-variation-product-gallery .wvg-single-gallery-image-container img {
width: 100% !important;
height: 100% !important;
display: block;
object-fit: cover;
object-position: center;
border-radius: 16px;
} .single-product .woo-variation-product-gallery .ko-obraz-wysoki .wvg-single-gallery-image-container img {
object-fit: contain;
} @media (min-width: 768px) { .single-product .woo-variation-product-gallery .woo-variation-gallery-container {
display: flex;
flex-direction: row !important;
align-items: flex-start;
gap: 14px;
}
.single-product .woo-variation-product-gallery .woo-variation-gallery-slider-wrapper {
order: 2;
flex: 1 1 auto;
max-width: var(--ko-galeria-bok);
}
.single-product .woo-variation-product-gallery .ko-wvg-miniatury {
order: 1;
flex: 0 0 84px;
display: flex;
flex-direction: column;
gap: 10px;
}
.single-product .woo-variation-product-gallery .ko-wvg-miniatura {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
padding: 0;
border: 0;
border-radius: 8px;
background: none;
cursor: pointer;
opacity: .65;
transition: opacity .18s ease, box-shadow .18s ease;
}
.single-product .woo-variation-product-gallery .ko-wvg-miniatura img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.single-product .woo-variation-product-gallery .ko-wvg-miniatura:hover,
.single-product .woo-variation-product-gallery .ko-wvg-miniatura:focus-visible,
.single-product .woo-variation-product-gallery .ko-wvg-miniatura.is-active {
opacity: 1;
box-shadow: 0 0 0 2px var(--ko-gold-border);
} } @media (max-width: 767px) {
.single-product .woo-variation-product-gallery .wvg-single-gallery-image-container {
aspect-ratio: 4 / 3;
}
.single-product .woo-variation-product-gallery .ko-wvg-miniatury {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 12px 0 0;
}
.single-product .woo-variation-product-gallery .ko-wvg-miniatury--jedna {
display: none;
}
.single-product .woo-variation-product-gallery .ko-wvg-miniatura {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 999px;
overflow: hidden;
flex: 0 0 auto;
background: rgba(120, 80, 20, .22);
transition: width .2s ease, background-color .2s ease;
cursor: pointer;
}
.single-product .woo-variation-product-gallery .ko-wvg-miniatura.is-active {
width: 22px;
background: var(--ko-gold-border);
}
.single-product .woo-variation-product-gallery .ko-wvg-miniatura img {
display: none;
}
} @media (max-width: 767px) {
.single-product .ko-galeria-przyklejona {
position: sticky !important;
top: 0;
z-index: 20;
background: var(--ko-tlo-strony, #F4EFE6);
padding-top: 8px;
padding-bottom: 10px;
box-shadow: 0 8px 12px -10px rgba(40, 30, 15, .35);
}
} .single-product .woo-variation-product-gallery .wvg-slider-prev-arrow,
.single-product .woo-variation-product-gallery .wvg-slider-next-arrow {
position: absolute;
top: 50%;
z-index: 3;
width: 34px;
height: 34px;
margin-top: -17px;
border-radius: 50%;
background: rgba(255, 255, 255, .72);
box-shadow: 0 1px 4px rgba(40, 30, 15, .12);
font-size: 0;
line-height: 0;
color: transparent;
cursor: pointer;
opacity: .8;
transition: opacity .2s ease, background-color .2s ease;
}
.single-product .woo-variation-product-gallery .wvg-slider-prev-arrow { left: 10px; right: auto; }
.single-product .woo-variation-product-gallery .wvg-slider-next-arrow { right: 10px; left: auto; } .single-product .woo-variation-product-gallery .wvg-slider-prev-arrow::before,
.single-product .woo-variation-product-gallery .wvg-slider-next-arrow::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
border-top: 1.5px solid #5a4320;
border-right: 1.5px solid #5a4320;
}
.single-product .woo-variation-product-gallery .wvg-slider-prev-arrow::before {
transform: translate(-35%, -50%) rotate(-135deg);
}
.single-product .woo-variation-product-gallery .wvg-slider-next-arrow::before {
transform: translate(-65%, -50%) rotate(45deg);
}
.single-product .woo-variation-product-gallery .wvg-slider-prev-arrow:hover,
.single-product .woo-variation-product-gallery .wvg-slider-next-arrow:hover {
opacity: 1;
background: rgba(255, 255, 255, .92);
}
.single-product .woo-variation-product-gallery .slick-disabled {
opacity: 0 !important;
pointer-events: none;
} @media (hover: hover) and (min-width: 1025px) {
.single-product .woo-variation-product-gallery .wvg-slider-prev-arrow,
.single-product .woo-variation-product-gallery .wvg-slider-next-arrow {
opacity: 0;
}
.single-product .woo-variation-product-gallery .woo-variation-gallery-slider-wrapper:hover .wvg-slider-prev-arrow:not(.slick-disabled),
.single-product .woo-variation-product-gallery .woo-variation-gallery-slider-wrapper:hover .wvg-slider-next-arrow:not(.slick-disabled) {
opacity: .8;
}
.single-product .woo-variation-product-gallery .woo-variation-gallery-slider-wrapper:hover .wvg-slider-prev-arrow:hover,
.single-product .woo-variation-product-gallery .woo-variation-gallery-slider-wrapper:hover .wvg-slider-next-arrow:hover {
opacity: 1;
}
} .single-product .woo-variation-product-gallery .woo-variation-gallery-trigger {
z-index: 4;
}