.pk-perevaru {
--pk-green: #315c49;
--pk-green-dark: #203f32;
--pk-green-soft: #e9f1ed;
--pk-green-action: #dcebe3;
--pk-ink: #1f2924;
--pk-muted: #596860;
--pk-border: #d5dfda;
--pk-surface: #f5f8f6;
--pk-warm: #fff7e8;
--pk-danger: #9f2f2f;
color: var(--pk-ink);
margin: 0 auto 4rem;
max-width: 1180px;
}
body.pk-perevaru-calculator-page #primary {
float: none;
margin-right: 0;
width: 100%;
}
body.pk-perevaru-calculator-page #secondary { display: none; }
body.pk-perevaru-calculator-page #main { margin-bottom: 0; }
.pk-perevaru *,
.pk-perevaru *::before,
.pk-perevaru *::after { box-sizing: border-box; }
.pk-perevaru [hidden] { display: none !important; }
.pk-perevaru h2,
.pk-perevaru h3,
.pk-perevaru h4,
.pk-perevaru p { margin-top: 0; }
.pk-perevaru button,
.pk-perevaru input,
.pk-perevaru select,
.pk-perevaru textarea { font: inherit; }
.pk-perevaru button { cursor: pointer; }
.pk-perevaru input[type="checkbox"],
.pk-perevaru input[type="radio"] { accent-color: var(--pk-green); }
.pk-perevaru input:focus-visible,
.pk-perevaru select:focus-visible,
.pk-perevaru textarea:focus-visible,
.pk-perevaru summary:focus-visible,
.pk-perevaru button:focus-visible,
.pk-perevaru a:focus-visible {
outline: 3px solid #e9a923;
outline-offset: 3px;
}
.pk-perevaru__hero {
align-items: center;
background: linear-gradient(135deg, #eef4f0 0%, #f9fbfa 68%, #fff7e8 100%);
border: 1px solid var(--pk-border);
border-radius: 20px;
display: grid;
gap: clamp(1.5rem, 4vw, 3.5rem);
grid-template-columns: minmax(0, 1.3fr) minmax(240px, .7fr);
overflow: hidden;
padding: clamp(1.5rem, 5vw, 4rem);
}
.pk-perevaru__hero:has(.pk-perevaru__intro:only-child) { grid-template-columns: 1fr; }
.pk-perevaru__intro h2 {
font-size: clamp(2rem, 5vw, 3.6rem);
letter-spacing: -.035em;
line-height: 1.04;
margin-bottom: 1rem;
max-width: 17ch;
}
.pk-perevaru__intro > p:not(.pk-perevaru__eyebrow) {
font-size: clamp(1rem, 2vw, 1.18rem);
line-height: 1.65;
max-width: 66ch;
}
.pk-perevaru__eyebrow,
.pk-perevaru__step-heading > span,
.pk-perevaru__live-label {
color: var(--pk-green);
display: block;
font-size: .78rem;
font-weight: 800;
letter-spacing: .08em;
margin-bottom: .55rem;
text-transform: uppercase;
}
.pk-perevaru__benefits {
display: grid;
gap: .8rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 1.6rem;
}
.pk-perevaru__benefits > div {
background: rgba(255,255,255,.72);
border: 1px solid rgba(49,92,73,.16);
border-radius: 12px;
padding: 1rem;
}
.pk-perevaru__benefits strong,
.pk-perevaru__benefits span { display: block; }
.pk-perevaru__benefits strong { font-size: .94rem; line-height: 1.3; }
.pk-perevaru__benefits span { color: var(--pk-muted); font-size: .82rem; line-height: 1.45; margin-top: .35rem; }
.pk-perevaru__hero-visual { margin: 0; text-align: center; }
.pk-perevaru__hero-visual img { height: auto; max-width: 100%; }
.pk-perevaru__hero-visual figcaption { color: var(--pk-muted); font-size: .75rem; margin-top: .5rem; }
.pk-perevaru__success,
.pk-perevaru__error {
border-radius: 12px;
margin: 1.25rem 0;
padding: 1rem 1.25rem;
}
.pk-perevaru__success { background: #e8f5ec; border-left: 4px solid #34844e; }
.pk-perevaru__success strong,
.pk-perevaru__success span { display: block; }
.pk-perevaru__success span { margin-top: .25rem; }
.pk-perevaru__error { background: #fff0f0; border-left: 4px solid var(--pk-danger); }
.pk-perevaru__progress { margin: 1.25rem 0; }
.pk-perevaru__progress ol {
display: grid;
gap: .75rem;
grid-template-columns: repeat(4, 1fr);
list-style: none;
margin: 0;
padding: 0;
}
.pk-perevaru__progress li {
border-bottom: 3px solid var(--pk-border);
color: var(--pk-muted);
font-size: .86rem;
font-weight: 700;
}
.pk-perevaru__progress li button {
align-items: center;
background: transparent;
border: 0;
color: inherit;
display: flex;
gap: .55rem;
min-height: 3.25rem;
padding: .65rem .25rem .8rem;
text-align: left;
width: 100%;
}
.pk-perevaru__progress li button:disabled { cursor: default; opacity: 1; }
.pk-perevaru__progress li:not([aria-current="step"]) button:not(:disabled):hover { color: var(--pk-green-dark); }
.pk-perevaru__progress li:not([aria-current="step"]) button:not(:disabled):hover span:first-child { transform: translateY(-1px); }
.pk-perevaru__progress li button > span:last-child { min-width: 0; }
.pk-perevaru__progress li button > span:first-child {
transition: transform .16s ease;
}
.pk-perevaru__progress li button > span:first-child {
align-items: center;
background: #eef2f0;
border-radius: 50%;
display: inline-flex;
height: 1.7rem;
justify-content: center;
width: 1.7rem;
}
.pk-perevaru__progress li[aria-current="step"] { border-color: var(--pk-green); color: var(--pk-green-dark); }
.pk-perevaru__progress li[aria-current="step"] button > span:first-child { background: var(--pk-green); color: #fff; }
.pk-perevaru__progress li.is-complete button > span:first-child { background: var(--pk-green-soft); color: var(--pk-green-dark); }
.pk-perevaru__progress li.is-complete { border-color: #86a795; }
.pk-perevaru__step {
background: #fff;
border: 1px solid var(--pk-border);
border-radius: 18px;
box-shadow: 0 12px 34px rgba(33,61,49,.06);
padding: clamp(1.25rem, 4vw, 2.5rem);
}
.pk-perevaru__step-heading { margin-bottom: 1.4rem; }
.pk-perevaru__step-heading h3 { font-size: clamp(1.45rem, 3vw, 2.15rem); margin-bottom: .55rem; }
.pk-perevaru__step-heading p { color: var(--pk-muted); line-height: 1.55; margin-bottom: 0; max-width: 72ch; }
.pk-perevaru fieldset { border: 0; margin: 0; min-width: 0; padding: 0; }
.pk-perevaru legend,
.pk-perevaru label { font-weight: 700; }
.pk-perevaru legend { font-size: 1.05rem; margin-bottom: .8rem; }
.pk-perevaru input[type="text"],
.pk-perevaru input[type="email"],
.pk-perevaru input[type="tel"],
.pk-perevaru input[type="number"],
.pk-perevaru select,
.pk-perevaru textarea {
background: #fff;
border: 1px solid #87958e;
border-radius: 8px;
color: var(--pk-ink);
display: block;
min-height: 3rem;
padding: .65rem .75rem;
width: 100%;
}
.pk-perevaru textarea { min-height: 5rem; resize: vertical; }
.pk-perevaru__profile-form { max-width: 820px; }
.pk-perevaru label > small { color: var(--pk-muted); font-weight: 400; }
.pk-perevaru__field-group { margin-bottom: 1.3rem !important; }
.pk-perevaru__field-hint { color: var(--pk-muted); font-size: .82rem; margin: .55rem 0 0; }
.pk-perevaru__contact-grid { display: grid; gap: .85rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pk-perevaru__counter-list {
border: 1px solid var(--pk-border);
border-radius: 12px;
overflow: hidden;
}
.pk-perevaru__counter {
align-items: center;
background: #fff;
border-bottom: 1px solid var(--pk-border);
display: grid;
gap: 1rem;
grid-template-columns: minmax(0, 1fr) auto;
padding: .55rem .7rem .55rem .9rem;
}
.pk-perevaru__counter label { font-size: .9rem; line-height: 1.35; margin: 0; }
.pk-perevaru__number-stepper {
align-items: stretch;
background: #fff;
border: 1px solid #87958e;
border-radius: 10px;
display: inline-grid;
flex: 0 0 auto;
grid-template-columns: 2.75rem 3.25rem 2.75rem;
overflow: hidden;
}
.pk-perevaru__number-stepper button {
align-items: center;
background: var(--pk-surface);
border: 0;
color: var(--pk-green-dark);
display: flex;
font-size: 1.35rem;
font-weight: 800;
justify-content: center;
min-height: 2.75rem;
min-width: 2.75rem;
padding: 0;
}
.pk-perevaru__number-stepper button:hover:not(:disabled) { background: var(--pk-green-soft); }
.pk-perevaru__number-stepper [data-stepper-decrease] { color: #68756e; }
.pk-perevaru__number-stepper [data-stepper-increase] { background: var(--pk-green-action); color: var(--pk-green-dark); }
.pk-perevaru__number-stepper button:focus-visible { outline: 3px solid #e9a923; outline-offset: -3px; position: relative; z-index: 1; }
.pk-perevaru__number-stepper button:disabled { color: #9aa59f; cursor: not-allowed; opacity: .55; }
.pk-perevaru .pk-perevaru__number-stepper input[type="number"] {
appearance: textfield;
border: 0;
border-left: 1px solid var(--pk-border);
border-radius: 0;
border-right: 1px solid var(--pk-border);
font-variant-numeric: tabular-nums;
font-weight: 800;
min-height: 2.75rem;
padding: .35rem .2rem;
text-align: center;
width: 3.25rem;
}
.pk-perevaru .pk-perevaru__number-stepper input[type="number"]::-webkit-inner-spin-button,
.pk-perevaru .pk-perevaru__number-stepper input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0; }
.pk-perevaru__household-summary {
align-items: center;
background: var(--pk-surface);
display: flex;
font-size: .82rem;
justify-content: space-between;
padding: .6rem .9rem;
}
.pk-perevaru__household-summary strong { color: var(--pk-green-dark); }
.pk-perevaru__household-summary strong.is-invalid { color: #a22b1f; }
.pk-perevaru__household-summary span { color: var(--pk-muted); }
.pk-perevaru__day-options { display: grid; gap: .75rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pk-perevaru__day-option {
background: #fff;
border: 1px solid #8a9790;
border-radius: 10px;
color: var(--pk-ink);
min-height: 3.5rem;
padding: .55rem;
}
.pk-perevaru__day-option strong,
.pk-perevaru__day-option small { display: block; }
.pk-perevaru__day-option strong { line-height: 1.15; }
.pk-perevaru__day-option small { color: var(--pk-green); font-size: .72rem; margin-top: .2rem; }
.pk-perevaru__day-option[aria-pressed="true"] { background: var(--pk-green); border: 2px solid var(--pk-green); color: #fff; }
.pk-perevaru__day-option[aria-pressed="true"] small { color: rgba(255,255,255,.84); }
.pk-perevaru__custom-days-panel {
align-items: center;
background: var(--pk-green-soft);
border-left: 3px solid var(--pk-green);
border-radius: 10px;
display: flex;
gap: 1rem;
justify-content: space-between;
margin-top: .75rem;
padding: .55rem .7rem .55rem .9rem;
}
.pk-perevaru__custom-days-panel[hidden] { display: none; }
.pk-perevaru__custom-days-panel label { font-size: .9rem; margin: 0; }
.pk-perevaru__choice-row { display: flex; flex-wrap: wrap; gap: .65rem; }
.pk-perevaru__choice-row label { margin: 0; }
.pk-perevaru__choice-row input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.pk-perevaru__choice-row label > span {
background: #fff;
border: 1px solid #87958e;
border-radius: 999px;
display: block;
padding: .65rem 1rem;
}
.pk-perevaru__choice-row input:checked + span { background: var(--pk-green); border-color: var(--pk-green); color: #fff; }
.pk-perevaru__choice-row input:focus-visible + span { outline: 3px solid #e9a923; outline-offset: 3px; }
.pk-perevaru__optional-block,
.pk-perevaru__form-details {
background: var(--pk-surface);
border: 1px solid var(--pk-border);
border-radius: 10px;
margin-bottom: 1.5rem;
padding: 1rem;
}
.pk-perevaru__check { align-items: flex-start; display: flex !important; gap: .65rem; line-height: 1.4; }
.pk-perevaru__check input { flex: 0 0 auto; height: 1.15rem; margin-top: .14rem; width: 1.15rem; }
.pk-perevaru__pet-fields { display: grid; gap: .75rem; grid-template-columns: 2fr 1fr; margin-top: 1rem; }
.pk-perevaru__pet-count > label { display: block; margin-bottom: .25rem; }
.pk-perevaru .button,
.pk-perevaru__add-products,
.pk-perevaru__removed-reason button {
align-items: center;
border: 1px solid var(--pk-green);
border-radius: 8px;
display: inline-flex;
font-weight: 750;
justify-content: center;
line-height: 1.2;
min-height: 2.8rem;
padding: .7rem 1rem;
text-decoration: none;
}
.pk-perevaru .button { background: #fff; color: var(--pk-green-dark); }
.pk-perevaru .button.alt,
.pk-perevaru__primary-action { background: var(--pk-green) !important; color: #fff !important; }
.pk-perevaru .button:hover { filter: brightness(.94); }
.pk-perevaru__primary-action { margin-top: .25rem; min-height: 3.2rem !important; }
.pk-perevaru__step-actions { display: flex; gap: .75rem; justify-content: space-between; margin-top: 1.2rem; }
.pk-perevaru__tier-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pk-perevaru__tier-card {
border: 1px solid var(--pk-border);
border-radius: 14px;
cursor: pointer;
display: flex;
flex-direction: column;
gap: .45rem;
min-height: 12.5rem;
padding: 1rem;
position: relative;
}
.pk-perevaru__tier-card input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.pk-perevaru__tier-card:has(input:checked) { background: var(--pk-green-soft); border: 2px solid var(--pk-green); padding: calc(1rem - 1px); }
.pk-perevaru__tier-card:has(input:focus-visible) { outline: 3px solid #e9a923; outline-offset: 3px; }
.pk-perevaru__tier-card > strong { font-size: 1.16rem; }
.pk-perevaru__tier-card > small { color: var(--pk-muted); line-height: 1.4; }
.pk-perevaru__tier-price { color: var(--pk-green-dark); font-weight: 800; }
.pk-perevaru__tier-footer { align-items: center; display: flex; gap: .5rem; justify-content: space-between; margin-top: auto; }
.pk-perevaru__tier-count { font-size: .78rem; line-height: 1.35; }
.pk-perevaru__tier-status { background: var(--pk-surface); border-radius: 999px; color: var(--pk-green-dark); flex: 0 0 auto; font-size: .7rem; font-weight: 800; padding: .3rem .55rem; }
.pk-perevaru__tier-card:has(input:checked) .pk-perevaru__tier-status { background: var(--pk-green); color: #fff; }
.pk-perevaru__badge { align-self: flex-start; background: var(--pk-green); border-radius: 999px; color: #fff; font-size: .68rem; font-weight: 800; padding: .27rem .52rem; }
.pk-perevaru__tier-card.is-recommended .pk-perevaru__badge { position: absolute; right: .8rem; top: .8rem; }
.pk-perevaru__tier-card.is-recommended > strong { padding-right: 5.5rem; }
.pk-perevaru__step[data-journey-step="2"] .pk-perevaru__step-heading { margin-bottom: 1rem; }
.pk-perevaru__customizer-layout { align-items: start; display: grid; gap: 1.25rem; grid-template-columns: minmax(0, 1fr) 290px; }
.pk-perevaru__coverage { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1rem; }
.pk-perevaru__coverage span { background: var(--pk-green-soft); border-radius: 999px; color: var(--pk-green-dark); font-size: .76rem; font-weight: 700; padding: .38rem .65rem; }
.pk-perevaru__coverage span.needs-attention { background: #fff0df; color: #814b0d; }
.pk-perevaru__add-products { background: #fff; color: var(--pk-green-dark); margin-bottom: 1rem; width: 100%; }
.pk-perevaru__add-products::before { content: "+"; font-size: 1.2rem; margin-right: .45rem; }
.pk-perevaru__add-products[aria-expanded="true"]::before { content: "−"; }
.pk-perevaru__add-products--compact { margin: 0; width: auto; }
.pk-perevaru__product-category {
background: #fff;
border: 1px solid var(--pk-border);
border-radius: 12px;
margin-bottom: .65rem;
overflow: clip;
}
.pk-perevaru__product-category[open] { border-color: #82a18f; box-shadow: 0 7px 22px rgba(33,61,49,.07); }
.pk-perevaru__product-category[open] > summary { background: var(--pk-green-soft); }
.pk-perevaru__product-category > summary { align-items: center; cursor: pointer; display: flex; font-weight: 800; gap: 1rem; justify-content: space-between; padding: 1rem; }
.pk-perevaru__product-category > summary:hover { background: var(--pk-surface); }
.pk-perevaru__category-title { line-height: 1.3; }
.pk-perevaru__category-meta { align-items: center; display: flex; flex: 0 0 auto; gap: .55rem; }
.pk-perevaru__category-meta small { color: var(--pk-muted); font-weight: 500; }
.pk-perevaru__category-meta > span {
background: var(--pk-green-soft);
border-radius: 999px;
color: var(--pk-green-dark);
font-size: .7rem;
min-width: 4.2rem;
padding: .3rem .5rem;
text-align: center;
}
.pk-perevaru__category-meta > span.needs-attention { background: #fff0df; color: #814b0d; }
.pk-perevaru__product-cards { display: grid; gap: .75rem; padding: 0 1rem 1rem; }
.pk-perevaru__product-cards--extras { background: #fbfdfc; padding-top: 1rem; }
.pk-perevaru__category-extras {
background: var(--pk-green-action);
border: 0;
border-top: 1px solid var(--pk-border);
color: var(--pk-green-dark);
font-weight: 750;
min-height: 3rem;
padding: .75rem 1rem;
text-align: left;
width: 100%;
}
.pk-perevaru__category-extras:hover { background: var(--pk-green-soft); }
.pk-perevaru__category-extras::before { content: "+"; font-size: 1.1rem; margin-right: .45rem; }
.pk-perevaru__category-extras[aria-expanded="true"]::before { content: "−"; }
.pk-perevaru__catalog-footer {
align-items: center;
background: var(--pk-surface);
border: 1px solid var(--pk-border);
border-radius: 12px;
display: flex;
gap: 1rem;
justify-content: space-between;
margin-top: 1rem;
padding: 1rem;
}
.pk-perevaru__catalog-footer strong,
.pk-perevaru__catalog-footer span { display: block; }
.pk-perevaru__catalog-footer > div > span { color: var(--pk-muted); font-size: .8rem; line-height: 1.4; margin-top: .2rem; }
.pk-perevaru__product-card {
align-items: start;
background: #fff;
border: 1px solid var(--pk-border);
border-radius: 12px;
display: grid;
gap: 1rem;
grid-template-columns: 72px minmax(0, 1fr) 150px;
padding: 1rem;
}
.pk-perevaru__product-card.is-selected { border-color: #aac3b6; box-shadow: inset 4px 0 0 #6f9984; }
.pk-perevaru__product-card.is-owned { background: #f1f4f2; border-color: #cdd5d1; box-shadow: inset 4px 0 0 #9aa59f; }
.pk-perevaru__product-card > img,
.pk-perevaru__product-placeholder { border-radius: 8px; height: 72px; object-fit: contain; width: 72px; }
.pk-perevaru__product-placeholder { align-items: center; background: var(--pk-green-soft); color: var(--pk-green); display: flex; font-size: 1.4rem; justify-content: center; }
.pk-perevaru__product-main > small { color: var(--pk-green); display: block; font-size: .72rem; font-weight: 700; margin-bottom: .25rem; }
.pk-perevaru__product-main h4 { font-size: 1rem; line-height: 1.35; margin-bottom: .35rem; }
.pk-perevaru__product-main > p,
.pk-perevaru__product-main details p { color: var(--pk-muted); font-size: .82rem; line-height: 1.45; margin-bottom: .45rem; }
.pk-perevaru__product-main details summary { color: var(--pk-green); cursor: pointer; font-size: .78rem; font-weight: 700; }
.pk-perevaru__product-main details p { margin-top: .4rem; }
.pk-perevaru__product-controls { align-items: end; display: grid; gap: .6rem; grid-template-columns: minmax(0, 1fr) auto; }
.pk-perevaru__switch { align-items: center; display: flex; font-size: .78rem; gap: .4rem; }
.pk-perevaru__switch { grid-column: 1 / -1; }
.pk-perevaru__switch input { height: 1rem; width: 1rem; }
.pk-perevaru__product-quantity { display: grid; font-size: .72rem; gap: .25rem; }
.pk-perevaru__product-quantity > label { font-size: .72rem; margin: 0; }
.pk-perevaru__product-quantity > small { color: var(--pk-muted); font-size: .68rem; font-weight: 500; line-height: 1.25; }
.pk-perevaru__product-stepper { grid-template-columns: 2.4rem 3rem 2.4rem; }
.pk-perevaru__product-stepper button { min-height: 2.5rem; min-width: 2.4rem; }
.pk-perevaru .pk-perevaru__product-stepper input[type="number"] { min-height: 2.5rem; width: 3rem; }
.pk-perevaru__product-controls > strong { color: var(--pk-green-dark); font-size: .9rem; }
.pk-perevaru__removed-reason,
.pk-perevaru__product-warning { grid-column: 2 / -1; }
.pk-perevaru__removed-reason { align-items: center; background: var(--pk-surface); border-radius: 8px; display: flex; flex-wrap: wrap; gap: .45rem; padding: .7rem; }
.pk-perevaru__removed-reason span { font-size: .82rem; font-weight: 700; margin-right: auto; }
.pk-perevaru__removed-reason button { background: #fff; color: var(--pk-green-dark); font-size: .76rem; min-height: 2rem; padding: .35rem .55rem; }
.pk-perevaru__product-warning { background: #fff4e6; border-left: 3px solid #d27a14; color: #6d430f; font-size: .8rem; margin: 0; padding: .6rem .75rem; }
.pk-perevaru__live-summary,
.pk-perevaru__request-summary {
background: var(--pk-green-dark);
border-radius: 14px;
color: #fff;
padding: 1.25rem;
}
.pk-perevaru__live-summary { position: sticky; top: 1.25rem; }
.pk-perevaru__live-summary > strong,
.pk-perevaru__request-summary > strong { display: block; font-size: 1.55rem; line-height: 1.2; }
.pk-perevaru__live-summary > small { color: rgba(255,255,255,.72); }
.pk-perevaru__live-summary dl { border-bottom: 1px solid rgba(255,255,255,.2); border-top: 1px solid rgba(255,255,255,.2); margin: 1rem 0; padding: .55rem 0; }
.pk-perevaru__live-summary dl div { display: flex; font-size: .83rem; justify-content: space-between; padding: .3rem 0; }
.pk-perevaru__live-summary dd { font-weight: 700; margin: 0; }
.pk-perevaru__live-summary p { font-size: .77rem; line-height: 1.5; }
.pk-perevaru__live-summary [data-trolley-suggestion] { background: rgba(255,255,255,.1); border-radius: 8px; padding: .7rem; }
.pk-perevaru__estimate-copy { color: rgba(255,255,255,.72); margin-bottom: 0; }
.pk-perevaru__summary-action { background: #fff !important; border-color: #fff !important; color: var(--pk-green-dark) !important; margin-top: 1rem; width: 100%; }
.pk-perevaru__final-layout { align-items: start; display: grid; gap: 1.25rem; grid-template-columns: minmax(0, 1fr) 300px; }
.pk-perevaru__quote-assurances { display: flex; flex-wrap: wrap; gap: .45rem; margin: -.55rem 0 1.25rem; }
.pk-perevaru__quote-assurances span { background: var(--pk-green-soft); border-radius: 999px; color: var(--pk-green-dark); font-size: .76rem; font-weight: 700; padding: .4rem .65rem; }
.pk-perevaru__quote-form { display: grid; gap: 1.25rem; }
.pk-perevaru__quote-form > label { display: block; }
.pk-perevaru__quote-form > label textarea,
.pk-perevaru__quote-form > label input { margin-top: .35rem; }
.pk-perevaru__quote-form fieldset { border-bottom: 1px solid var(--pk-border); padding-bottom: 1.25rem; }
.pk-perevaru__quote-form [data-courier-location] { margin-top: 1rem; }
.pk-perevaru__form-details summary { cursor: pointer; font-weight: 800; }
.pk-perevaru__form-details summary small { color: var(--pk-muted); font-size: .76rem; font-weight: 500; }
.pk-perevaru__form-details > div,
.pk-perevaru__form-details > label { margin-top: 1rem; }
.pk-perevaru__diet-options { display: flex; flex-wrap: wrap; gap: .8rem; }
.pk-perevaru__nonbinding { color: var(--pk-muted); font-size: .82rem; line-height: 1.45; margin: -.5rem 0 0; }
.pk-perevaru__quote-form > .pk-perevaru__primary-action { width: 100%; }
.pk-perevaru__quote-form input:user-valid:not([type="checkbox"]):not([type="radio"]),
.pk-perevaru__quote-form textarea:user-valid { background: #fbfdfc; border-color: #6f9984; }
.pk-perevaru__quote-form input:user-invalid:not([type="checkbox"]):not([type="radio"]),
.pk-perevaru__quote-form textarea:user-invalid { background: #fffafa; border-color: var(--pk-danger); }
.pk-perevaru__request-summary { position: sticky; top: 1.25rem; }
.pk-perevaru__request-summary > span { color: rgba(255,255,255,.72); display: block; font-size: .78rem; margin-bottom: .45rem; }
.pk-perevaru__request-summary > p { border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: .85rem; }
.pk-perevaru__request-summary ul { font-size: .78rem; line-height: 1.45; margin: 0; max-height: 24rem; overflow: auto; padding-left: 1.2rem; }
.pk-perevaru__request-summary li { margin-bottom: .4rem; }
.pk-perevaru__pending { color: var(--pk-muted); padding: 1rem; }
@media (min-width: 901px) {
.pk-perevaru__step[data-journey-step="2"] { padding-block: 1rem; }
}
@media (max-width: 900px) {
.pk-perevaru__hero { grid-template-columns: 1fr; }
.pk-perevaru__hero-visual { margin: 0 auto; max-width: 420px; }
.pk-perevaru__benefits { grid-template-columns: 1fr; }
.pk-perevaru__tier-grid { grid-template-columns: 1fr; }
.pk-perevaru__tier-card { min-height: 0; }
.pk-perevaru__customizer-layout,
.pk-perevaru__final-layout { grid-template-columns: 1fr; }
.pk-perevaru__live-summary,
.pk-perevaru__request-summary { position: static; }
}
@media (max-width: 640px) {
.pk-perevaru__hero,
.pk-perevaru__step { border-radius: 12px; padding: 1.15rem; }
.pk-perevaru__progress ol { gap: .25rem; }
.pk-perevaru__progress li { font-size: .68rem; text-align: center; }
.pk-perevaru__progress li button { flex-direction: column; gap: .3rem; justify-content: flex-start; text-align: center; }
.pk-perevaru__contact-grid { grid-template-columns: 1fr; }
.pk-perevaru__day-options { grid-template-columns: repeat(4, 1fr); gap: .45rem; }
.pk-perevaru .pk-perevaru__day-option { font-size: .8rem; line-height: 1.15; min-height: 3.75rem; padding: .4rem .2rem; }
.pk-perevaru .pk-perevaru__day-option strong { font-size: .8rem; white-space: nowrap; }
.pk-perevaru .pk-perevaru__day-option small { font-size: .62rem; white-space: nowrap; }
.pk-perevaru__counter { gap: .55rem; padding-left: .7rem; }
.pk-perevaru__product-card { grid-template-columns: 56px minmax(0, 1fr); padding: .8rem; }
.pk-perevaru__product-card > img,
.pk-perevaru__product-placeholder { height: 56px; width: 56px; }
.pk-perevaru__product-controls,
.pk-perevaru__removed-reason,
.pk-perevaru__product-warning { grid-column: 1 / -1; }
.pk-perevaru__product-controls { align-items: end; grid-template-columns: 1fr auto; }
.pk-perevaru__product-controls > strong { text-align: right; }
.pk-perevaru__step-actions { flex-direction: column-reverse; }
.pk-perevaru__step-actions .button { width: 100%; }
.pk-perevaru__product-category > summary { align-items: flex-start; padding: .9rem .8rem; }
.pk-perevaru__category-meta { align-items: flex-end; flex-direction: column; gap: .3rem; }
.pk-perevaru__category-meta > span { min-width: 3.8rem; }
.pk-perevaru__product-cards { padding: 0 .65rem .75rem; }
.pk-perevaru__catalog-footer { align-items: stretch; flex-direction: column; }
.pk-perevaru__add-products--compact { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.pk-perevaru *, .pk-perevaru *::before, .pk-perevaru *::after { scroll-behavior: auto !important; transition: none !important; }
}