/* Owner revision: white page and card surfaces, olive / ochre accents.
 * Only the Polunek document imports this file.
 * Existing storefront variables keep their semantic roles; product media and logos
 * retain their original colors. Page-specific composition lives in home-design.css. */
.tenant-polunek {
    --pk-page-bg: #fff;
    --pk-surface: #fff;
    --pk-surface-hover: #f6f8f4;
    --pk-cream: #f5f0e6;
    --pk-olive: #344032;
    --pk-olive-hover: #283326;
    --pk-ochre: #ae7425;
    --pk-ochre-text: #875619;
    --pk-ochre-light: #cda96c;
    --pk-control: #787c6c;
    --pk-green: var(--pk-olive);
    --pk-ink: #222c22;
    --pk-muted: #5c6255;
    --pk-line: #e0e5dd;
    --pk-paper: var(--pk-surface);
    --green: var(--pk-olive);
    --line: var(--pk-line);
    --polunek-page-width: min(1440px, calc(100% - 80px));
    --polunek-page-gutter: max(calc((100% - 1440px) / 2), 40px);
    background: var(--pk-page-bg);
    color: var(--pk-ink);
}
.tenant-polunek :is(.polunek-topbar,.polunek-header) {
    --polunek-header-green: var(--pk-olive);
    --polunek-header-line: var(--pk-line);
}
.tenant-polunek .polunek-topbar { background: var(--pk-olive); color: var(--pk-cream); font-size: 12px; }
.tenant-polunek .polunek-topbar__inner { min-height: 44px; }
.tenant-polunek .polunek-topbar__links a { min-height: 44px; }
.tenant-polunek .polunek-topbar__meta { color: var(--pk-cream); font-size: 12px; }
.tenant-polunek .polunek-topbar .polunek-header-icon { color: var(--pk-ochre-light); }
.tenant-polunek .polunek-header { background: var(--pk-surface); box-shadow: none; }
.tenant-polunek .polunek-header .brand,
.tenant-polunek .polunek-header .polunek-nav,
.tenant-polunek .polunek-header .polunek-nav__inner { border-color: var(--pk-line); }
.tenant-polunek .polunek-search { background: var(--pk-surface); border-color: var(--pk-control); }
.tenant-polunek .polunek-search input { color: var(--pk-ink); font-size: 16px; }
.tenant-polunek .polunek-search input::placeholder { color: var(--pk-muted); }
.tenant-polunek .polunek-search:focus-within { border-color: var(--pk-olive); outline: 2px solid var(--pk-olive); outline-offset: 3px; box-shadow: none; }
.tenant-polunek .polunek-search button { color: var(--pk-olive); }
.tenant-polunek .polunek-search button:hover { background: var(--pk-surface-hover); }
.tenant-polunek .polunek-header__action-label b { font-size: 14px; }
.tenant-polunek .polunek-header .cart-badge { color: var(--pk-cream); border-color: var(--pk-cream); }
.tenant-polunek .polunek-categories__panel { background: var(--pk-surface); }
.tenant-polunek .polunek-categories__panel a:hover { background: var(--pk-surface-hover); }
.tenant-polunek .polunek-categories__heading { color: var(--pk-muted); }
.tenant-polunek :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
    outline: 3px solid var(--pk-olive); outline-offset: 3px;
}
.tenant-polunek :is(.polunek-help summary,.polunek-categories summary,.polunek-home-categories__link,.polunek-product-list,.polunek-comparison__scroll):focus-visible { outline: 3px solid var(--pk-olive); outline-offset: 3px; }
.tenant-polunek .polunek-topbar a:focus-visible { outline-color: var(--pk-ochre-light); }
.tenant-polunek :is(.pk-button,.polunek-home-button) {
    min-height: 48px; padding: 12px 20px; border-radius: 4px;
    background: var(--pk-olive); border-color: var(--pk-olive); color: var(--pk-cream);
    font-size: 14px; line-height: 1.5;
}
.tenant-polunek :is(.pk-button,.polunek-home-button):hover { background: var(--pk-olive-hover); border-color: var(--pk-olive-hover); color: var(--pk-cream); }
.tenant-polunek :is(.pk-button--outline,.polunek-home-button--light) { background: var(--pk-surface); border-color: var(--pk-control); color: var(--pk-olive); }
.tenant-polunek :is(.pk-button--outline,.polunek-home-button--light):hover { background: var(--pk-surface-hover); color: var(--pk-olive); }
.tenant-polunek :is(.pk-shell,.pk-auth,.pk-checkout,.pk-cart) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { background: var(--pk-surface); border-color: var(--pk-control); }
.tenant-polunek .polunek-home-text-link { min-height: 44px; color: var(--pk-olive); font-size: 14px; }
.tenant-polunek .polunek-home-kicker { color: var(--pk-ochre-text); font-size: 12px; letter-spacing: .12em; }
.tenant-polunek .polunek-product { background: var(--pk-surface); border-color: var(--pk-line); border-radius: 4px; }
.tenant-polunek .polunek-product:hover { border-color: var(--pk-control); }
.tenant-polunek .polunek-product__image { background: #fff; }
.tenant-polunek .polunek-product__category,
.tenant-polunek .polunek-product__price small { color: var(--pk-muted); }
.tenant-polunek .polunek-product__specs span { background: transparent; border-color: var(--pk-line); color: var(--pk-muted); }
.tenant-polunek .polunek-product__stock { color: var(--pk-olive); }
.tenant-polunek .polunek-product__stock--muted { color: var(--pk-ochre-text); }
.tenant-polunek .pk-product-grid .polunek-product__cta { padding-inline: 12px; gap: 8px; }
.tenant-polunek .polunek-newsletter { grid-template-columns: 1fr 1fr; gap: 40px; padding: 32px; background: var(--pk-surface); border-color: var(--pk-line); border-radius: 4px; }
.tenant-polunek .polunek-newsletter__intro > svg { color: var(--pk-olive); }
.tenant-polunek .polunek-newsletter h2 { font-size: 22px; text-transform: none; color: var(--pk-olive); }
.tenant-polunek .polunek-newsletter__intro p { font-size: 14px; color: var(--pk-muted); }
.tenant-polunek .polunek-newsletter__label { display: block; margin-bottom: 8px; color: var(--pk-ink); font-size: 14px; font-weight: 600; }
.tenant-polunek .polunek-newsletter__fields { gap: 8px; }
.tenant-polunek .polunek-newsletter__fields input { min-height: 48px; border: 1px solid var(--pk-control); border-radius: 4px; background: var(--pk-surface); color: var(--pk-ink); font-size: 16px; }
.tenant-polunek .polunek-newsletter__fields input::placeholder { color: var(--pk-muted); }
.tenant-polunek .polunek-newsletter__fields button { border-radius: 4px; font-size: 14px; }
.tenant-polunek .polunek-newsletter__note { color: var(--pk-muted); font-size: 14px; line-height: 1.6; margin-top: 10px; }
.tenant-polunek .polunek-newsletter__status { color: var(--pk-olive); font-size: 14px; }
.tenant-polunek .polunek-newsletter__status[data-error=true] { color: #a33a2e; }
.tenant-polunek .polunek-newsletter__signature { display: none; }
.tenant-polunek .pk-footer { background: var(--pk-olive); color: var(--pk-cream); margin-top: 48px; padding-bottom: 24px; }
.tenant-polunek .pk-footer__intro { padding: 32px 0; margin-bottom: 32px; border-color: #787c6c; }
.tenant-polunek .pk-footer__intro h2 { font-size: 32px; margin-top: 8px; }
.tenant-polunek .pk-footer .pk-eyebrow,
.tenant-polunek .pk-footer__intro h2 em { color: var(--pk-ochre-light); }
.tenant-polunek .pk-footer .polunek-home-footer__grid { gap: 32px; }
.tenant-polunek .pk-footer :is(.polunek-home-footer__brand p,nav > a,nav h2,.pk-footer__help p,.pk-footer__help > span,.pk-footer__email,.polunek-home-footer__bottom,.polunek-home-footer__bottom > a) { color: var(--pk-cream); font-size: 14px; }
.tenant-polunek .pk-footer nav h2 { font-size: 13px; margin-bottom: 16px; }
.tenant-polunek .pk-footer nav > a { margin: 0; min-height: 36px; padding: 6px 0; }
.tenant-polunek .pk-footer__help a { color: var(--pk-cream); border-color: var(--pk-ochre-light); min-height: 44px; }
.tenant-polunek .pk-footer a:focus-visible { outline: 3px solid var(--pk-ochre-light); outline-offset: 4px; }
.tenant-polunek .pk-footer .polunek-home-footer__bottom { border-color: var(--pk-control); }
.tenant-polunek .pk-footer .polunek-home-footer__bottom svg { color: var(--pk-ochre-light); }
/* Footer links retain contrast in every state, including older shared hover rules. */
.tenant-polunek .pk-footer a:is(:hover,:focus-visible),
.tenant-polunek .pk-footer nav > a:is(:hover,:focus-visible) { color: #fff; text-decoration: none; }
.tenant-polunek .pk-footer nav > a { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: fit-content; max-width: 100%; min-height: 44px; padding-right: 8px; }
.tenant-polunek .pk-footer nav > a > svg { flex: 0 0 16px; color: var(--pk-ochre-light); opacity: .6; }
.tenant-polunek .pk-footer nav > a:is(:hover,:focus-visible) > svg { color: #fff; opacity: 1; }
.tenant-polunek .pk-footer__link-label { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.tenant-polunek .pk-footer nav > a:is(:hover,:focus-visible) .pk-footer__link-label { text-decoration-color: currentColor; }
.tenant-polunek .pk-footer :is(.pk-footer__email,.pk-footer__help a,.polunek-home-footer__bottom a):is(:hover,:focus-visible) { text-decoration: underline; text-underline-offset: 5px; }
.tenant-polunek .pk-footer .polunek-home-footer__bottom a:is(:hover,:focus-visible) svg { color: #fff; }
@media (prefers-reduced-motion: no-preference) {
    .tenant-polunek .pk-footer nav > a > svg { transition: transform .18s ease, opacity .18s ease, color .18s ease; }
    .tenant-polunek .pk-footer__link-label { transition: text-decoration-color .18s ease; }
    .tenant-polunek .pk-footer nav > a:is(:hover,:focus-visible) > svg { transform: translateX(3px); }
}
@media (max-width: 1200px) {
    .tenant-polunek { --polunek-page-width: calc(100% - 48px); --polunek-page-gutter: 24px; }
}
@media (max-width: 900px) {
    .tenant-polunek .polunek-newsletter { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 620px) {
    .tenant-polunek { --polunek-page-width: calc(100% - 32px); --polunek-page-gutter: 16px; }
    .tenant-polunek .polunek-topbar { font-size: 11px; }
    .tenant-polunek .polunek-header__action { width: 44px; }
    .tenant-polunek .polunek-newsletter { padding: 24px; }
    .tenant-polunek .polunek-newsletter__fields { flex-direction: column; }
    .tenant-polunek .pk-footer .polunek-home-footer__grid { grid-template-columns: 1fr; }
    .tenant-polunek .pk-footer nav > a { min-height: 44px; display: flex; align-items: center; }
    .tenant-polunek .pk-footer__intro { padding-block: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .tenant-polunek *, .tenant-polunek *::before, .tenant-polunek *::after { scroll-behavior: auto; transition: none; animation: none; }
}