@font-face {
font-family: 'Pangaia';
src: url(//raty.tabell.eu/wp-content/uploads/fonts/PPPangaia-Ultralight.woff2) format('woff2');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Pangaia';
src: url(//raty.tabell.eu/wp-content/uploads/fonts/PPPangaia-MediumItalic.woff2) format('woff2');
font-weight: 500;
font-style: italic;
font-display: swap;
}
:root {
--tabell-tekst: #1A1A1A;
--tabell-tekst-mniej: #6B6B6B;
--tabell-linia: #E5E3E0;
--tabell-tlo-mocne: #0A0A0A;
} .tabell-naglowek {
display: flex;
align-items: center; padding: 3.2rem clamp(1rem, 5vw, 4rem) 1.4rem;
border-bottom: 1px solid var(--tabell-linia);
background: #fff;
}
.tabell-naglowek-link {
display: inline-flex;
line-height: 0;
}
.tabell-naglowek-logo {
width: 140px;
height: auto;
display: block;
}
@media (max-width: 600px) {
.tabell-naglowek-logo {
width: 108px;
}
}  .single-product .feature-section .heading.l,
body.single-product h2.heading.l {
font-family: 'Pangaia', Georgia, serif;
font-weight: 200;
font-size: clamp(1.8rem, 3.6vw, 2.8rem);
line-height: 1.08;
letter-spacing: -0.015em;
color: var(--tabell-tekst);
margin-bottom: 1.25rem;
} .single-product .feature-content-wrapper > .body-text.m.c-t-neutral-100:first-child {
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 0.72rem;
font-weight: 500;
color: var(--tabell-tekst-mniej);
margin-bottom: 0.85rem;
} .single-product .feature-content-wrapper .body-text.m.s-m-b-24 {
font-size: 1rem;
line-height: 1.7;
color: var(--tabell-tekst-mniej);
max-width: 46ch;
margin-bottom: 2rem;
} .single-product .feature-content-wrapper .heading.s {
font-family: 'Pangaia', Georgia, serif;
font-weight: 200;
font-size: clamp(1.6rem, 2.6vw, 2.1rem);
color: var(--tabell-tekst);
padding-top: 1.5rem;
border-top: 1px solid var(--tabell-linia);
margin-bottom: 1.75rem;
} .single-product .feature-section {
padding-top: clamp(2rem, 5vw, 4.5rem);
padding-bottom: clamp(2rem, 5vw, 4.5rem);
}
.single-product .feature-grid-3.produkt {
gap: clamp(1.5rem, 4vw, 4rem);
align-items: start;
}
@media (min-width: 992px) {
.single-product .feature-grid-3.produkt {
grid-template-columns: 1fr 1.2fr;
}
} .single-product .image-100 {
border-radius: 10px;
} .single-product .w-commerce-commercebuynowbutton.button.medium {
background-color: var(--tabell-tlo-mocne);
border-radius: 999px;
padding: 1rem 2.25rem;
font-size: 0.95rem;
letter-spacing: 0.01em;
transition: opacity 0.2s ease;
}
.single-product .w-commerce-commercebuynowbutton.button.medium:hover {
opacity: 0.82;
}  .tabell-lista-pozycji {
display: block;
}
.tabell-pozycja {
display: flex;
gap: 1rem;
align-items: flex-start;
padding: 1.1rem 0;
border-bottom: 1px solid var(--tabell-linia);
}
.tabell-pozycja:last-of-type {
border-bottom: none;
}
.tabell-pozycja .w-commerce-commercecartitemimage {
width: 76px;
height: 76px;
object-fit: cover;
border-radius: 8px;
flex: 0 0 auto;
}
.tabell-pozycja .w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex: 1 1 auto;
min-width: 0;
}
.tabell-pozycja .w-commerce-commercecartproductname {
font-size: 1rem;
line-height: 1.35;
margin-bottom: 0.3rem;
color: var(--tabell-tekst);
}
.tabell-pozycja-link {
color: inherit;
text-decoration: none;
}
.tabell-pozycja-link:hover {
text-decoration: underline;
}
.tabell-pozycja .w-commerce-commercecheckoutorderitemquantitywrapper {
display: flex;
font-size: 0.85rem;
color: var(--tabell-tekst-mniej);
}
.tabell-pozycja-cena {
font-weight: 600;
white-space: nowrap;
text-align: right;
flex: 0 0 auto;
color: var(--tabell-tekst);
}
.tabell-pozycja-opcje {
list-style: none;
margin: 0 0 0.3rem;
padding: 0;
font-size: 0.82rem;
color: var(--tabell-tekst-mniej);
} .tabell-usun-pozycje {
display: inline-block;
margin-top: 0.45rem;
font-size: 0.82rem;
color: #C0261C;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.15s ease;
}
.tabell-usun-pozycje:hover {
color: #8E1C15;
} .tabell-wroc-wrapper {
padding-top: 1.1rem;
margin-top: 0.4rem;
border-top: 1px solid var(--tabell-linia);
}
.tabell-wroc-link {
font-size: 0.9rem;
color: var(--tabell-tekst-mniej);
text-decoration: none;
transition: color 0.15s ease;
}
.tabell-wroc-link:hover {
color: var(--tabell-tekst);
} .tabell-koszyk-pusty {
padding: 2rem 0;
text-align: center;
}
.tabell-koszyk-pusty .w-commerce-commercecartproductname {
font-family: 'Pangaia', Georgia, serif;
font-weight: 200;
font-size: 1.6rem;
margin-bottom: 0.6rem;
}
.tabell-wroc-btn {
display: inline-block;
margin-top: 1.1rem;
background-color: var(--tabell-tlo-mocne);
color: #fff;
border-radius: 999px;
padding: 0.85rem 2rem;
text-decoration: none;
} .woocommerce-checkout .w-commerce-commercecheckoutsummaryblockheader .heading,
.woocommerce-checkout .w-commerce-commercecheckoutblockheader .heading {
font-family: 'Pangaia', Georgia, serif;
font-weight: 200;
font-size: 1.45rem;
letter-spacing: -0.01em;
} .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message {
border-left: 3px solid var(--tabell-tlo-mocne);
background: #F7F6F4;
padding: 0.9rem 1.1rem;
margin-bottom: 1.2rem;
font-size: 0.92rem;
border-radius: 6px;
}
.tabell-cofnij {
color: var(--tabell-tekst);
text-decoration: underline;
text-underline-offset: 3px;
margin-left: 0.35rem;
}
@media (max-width: 600px) {
.tabell-pozycja {
flex-wrap: wrap;
}
.tabell-pozycja-cena {
width: 100%;
text-align: left;
padding-left: calc(76px + 1rem);
}
}  .woocommerce-checkout .w-commerce-commercecheckoutplaceorderbutton,
.woocommerce-checkout input[type="submit"].w-commerce-commercecheckoutplaceorderbutton,
.woocommerce-checkout #place_order {
background-color: var(--tabell-tlo-mocne);
color: #fff;
border: none;
border-radius: 999px;
padding: 1rem 2.25rem;
font-size: 0.95rem;
letter-spacing: 0.01em;
width: 100%;
cursor: pointer;
transition: opacity 0.2s ease;
}
.woocommerce-checkout .w-commerce-commercecheckoutplaceorderbutton:hover,
.woocommerce-checkout #place_order:hover {
opacity: 0.82;
} .woocommerce-checkout .w-commerce-commercecheckoutorderitemswrapper.w-commerce-commercecheckoutorderitemswrapper,
.woocommerce-checkout .w-commerce-commercecheckoutcustomerinfowrapper.w-commerce-commercecheckoutcustomerinfowrapper,
.woocommerce-checkout .w-commerce-commercecheckoutbillingaddresswrapper.w-commerce-commercecheckoutbillingaddresswrapper,
.woocommerce-checkout .w-commerce-commercecheckoutshippingaddresswrapper.w-commerce-commercecheckoutshippingaddresswrapper,
.woocommerce-checkout .w-commerce-commercecheckoutshippingmethodswrapper.w-commerce-commercecheckoutshippingmethodswrapper,
.woocommerce-checkout .w-commerce-commercecheckoutpaymentinfowrapper.w-commerce-commercecheckoutpaymentinfowrapper,
.woocommerce-checkout .w-commerce-commercecheckoutordersummarywrapper.w-commerce-commercecheckoutordersummarywrapper {
border-radius: 12px;
overflow: hidden;
} .woocommerce-checkout .w-commerce-commercecheckoutsummaryblockheader,
.woocommerce-checkout .w-commerce-commercecheckoutblockheader,
.woocommerce-checkout .w-commerce-commercecheckoutblockcontent {
border-radius: 0;
} .woocommerce-checkout .w-commerce-commercecheckoutemailinput,
.woocommerce-checkout .w-commerce-commercecheckoutshippingfullname,
.woocommerce-checkout .w-commerce-commercecheckoutshippingstreetaddress,
.woocommerce-checkout .w-commerce-commercecheckoutshippingstreetaddressoptional,
.woocommerce-checkout .w-commerce-commercecheckoutshippingcity,
.woocommerce-checkout .w-commerce-commercecheckoutshippingstateprovince,
.woocommerce-checkout .w-commerce-commercecheckoutshippingzippostalcode,
.woocommerce-checkout .w-commerce-commercecheckoutshippingcountryselector,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
border-radius: 8px;
} .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p,
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-privacy-policy-text p {
font-size: 11.2px;
line-height: 1.75;
} .woocommerce-checkout #payment,
.woocommerce-checkout #payment.w-commerce-commercecheckoutpaymentinfowrapper {
border-radius: 12px;
overflow: hidden;
}