/* Protirki category landing */
.wcps-category-page--protirki {
    --protirki-bg: #fff8ee;
    --protirki-bg-soft: #f7ead8;
    --protirki-paper: #fffaf2;
    --protirki-panel: #fffdf7;
    --protirki-ink: #2b1c16;
    --protirki-text: #4d3830;
    --protirki-muted: #806a5c;
    --protirki-line: rgba(101, 69, 51, 0.16);
    --protirki-tomato: #b73528;
    --protirki-tomato-deep: #8f241d;
    --protirki-olive: #68783d;
    --protirki-olive-deep: #455322;
    --protirki-metal: #8d938d;
    --protirki-shadow: 0 22px 58px rgba(93, 48, 29, 0.13);
    --protirki-shadow-deep: 0 30px 78px rgba(69, 35, 24, 0.2);
    --protirki-ease: cubic-bezier(0.23, 1, 0.32, 1);
    background:
        radial-gradient(circle at 12% 5%, rgba(183, 53, 40, 0.12), transparent 30rem),
        radial-gradient(circle at 92% 8%, rgba(104, 120, 61, 0.14), transparent 34rem),
        linear-gradient(180deg, var(--protirki-bg), var(--protirki-bg-soft) 58%, var(--protirki-bg));
    color: var(--protirki-ink);
    font-family: var(--font-sans);
    overflow-x: clip;
    padding: 0 0 76px;
}

.wcps-category-page--protirki *,
.wcps-category-page--protirki *::before,
.wcps-category-page--protirki *::after {
    box-sizing: border-box;
}

.wcps-category-page--protirki img,
.wcps-category-page--protirki svg,
.wcps-category-page--protirki video {
    display: block;
    max-width: 100%;
}

.wcps-category-page--protirki [hidden] {
    display: none !important;
}

.wcps-category-page--protirki p,
.wcps-category-page--protirki figure {
    margin: 0;
}

.wcps-category-page--protirki h1,
.wcps-category-page--protirki h2,
.wcps-category-page--protirki h3 {
    color: var(--protirki-ink);
    font-family: var(--font-serif);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
}

.wcps-category-page--protirki .wcps-protirki-shell {
    margin: 0 auto;
    max-width: min(1180px, calc(100vw - 40px));
    overflow-wrap: break-word;
    padding-top: 24px;
}

.wcps-category-page--protirki .wcps-category-breadcrumbs {
    color: rgba(75, 56, 48, 0.68);
    font-size: 0.94rem;
}

.wcps-category-page--protirki .wcps-category-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.wcps-category-page--protirki .wcps-category-breadcrumbs li + li::before {
    color: rgba(75, 56, 48, 0.44);
    content: "/";
    margin-right: 8px;
}

.wcps-category-page--protirki .wcps-category-breadcrumbs a {
    color: inherit;
    text-decoration: none;
}

.wcps-category-page--protirki .wcps-category-breadcrumbs a:hover {
    text-decoration: underline;
}

.wcps-category-page--protirki [id^="wcps-protirki-"] {
    scroll-margin-top: 96px;
}

.wcps-category-page--protirki a:focus-visible,
.wcps-category-page--protirki button:focus-visible,
.wcps-category-page--protirki summary:focus-visible,
.wcps-category-page--protirki [tabindex]:focus-visible {
    outline: 3px solid rgba(183, 53, 40, 0.42);
    outline-offset: 3px;
}

.wcps-category-page--protirki .wcps-protirki-eyebrow {
    align-items: center;
    color: var(--protirki-tomato-deep);
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 700;
    gap: 9px;
    letter-spacing: 0;
    line-height: 1.35;
    text-transform: uppercase;
}

.wcps-category-page--protirki .wcps-protirki-eyebrow::before {
    background: var(--protirki-tomato);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(183, 53, 40, 0.12);
    content: "";
    flex: 0 0 7px;
    height: 7px;
    width: 7px;
}

.wcps-category-page--protirki .wcps-protirki-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--font-sans);
    font-size: 0.88rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    min-height: 48px;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    transition:
        background-color 220ms var(--protirki-ease),
        border-color 220ms var(--protirki-ease),
        box-shadow 220ms var(--protirki-ease),
        color 220ms var(--protirki-ease),
        transform 220ms var(--protirki-ease);
}

.wcps-category-page--protirki .wcps-protirki-button:hover {
    transform: translateY(-2px);
}

.wcps-category-page--protirki .wcps-protirki-button--primary {
    background: linear-gradient(135deg, var(--protirki-tomato), var(--protirki-tomato-deep));
    box-shadow: 0 16px 34px rgba(183, 53, 40, 0.24);
    color: var(--protirki-panel);
}

.wcps-category-page--protirki .wcps-protirki-button--primary:hover {
    box-shadow: 0 20px 46px rgba(183, 53, 40, 0.32);
    color: var(--protirki-panel);
}

.wcps-category-page--protirki .wcps-protirki-button--ghost,
.wcps-category-page--protirki .wcps-protirki-button--secondary {
    background: rgba(255, 253, 247, 0.72);
    border-color: var(--protirki-line);
    color: var(--protirki-ink);
}

.wcps-category-page--protirki .wcps-protirki-button--ghost:hover,
.wcps-category-page--protirki .wcps-protirki-button--secondary:hover {
    background: rgba(255, 253, 247, 0.96);
    border-color: rgba(183, 53, 40, 0.34);
    color: var(--protirki-ink);
}

.wcps-category-page--protirki .wcps-protirki-inline-link {
    color: var(--protirki-tomato-deep);
    font-weight: 700;
    text-decoration: none;
}

.wcps-category-page--protirki .wcps-protirki-inline-link:hover {
    text-decoration: underline;
}

.wcps-category-page--protirki .wcps-protirki-section,
.wcps-category-page--protirki .wcps-protirki-faq,
.wcps-category-page--protirki .wcps-protirki-final {
    margin-top: clamp(44px, 5.5vw, 78px);
}

.wcps-category-page--protirki .wcps-protirki-section__head,
.wcps-category-page--protirki .wcps-protirki-faq__head {
    align-items: end;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.52fr);
    margin-bottom: 34px;
}

.wcps-category-page--protirki .wcps-protirki-section__head h2,
.wcps-category-page--protirki .wcps-protirki-faq__head h2 {
    font-size: clamp(2.4rem, 5.2vw, 4.25rem);
    max-width: 15ch;
}

.wcps-category-page--protirki .wcps-protirki-faq__head {
    grid-template-columns: 1fr;
}

.wcps-category-page--protirki .wcps-protirki-faq__head h2 {
    max-width: none;
}

.wcps-category-page--protirki .wcps-protirki-section__head p,
.wcps-category-page--protirki .wcps-protirki-faq__head p {
    color: var(--protirki-muted);
    font-size: clamp(1rem, 1.35vw, 1.12rem);
    line-height: 1.55;
}

body.no-protirki-entry-scroll {
    overflow: hidden;
}

/* Hero */
.wcps-category-page--protirki .wcps-protirki-entry-dock {
    background:
        radial-gradient(circle at 78% 38%, rgba(43, 28, 22, 0.055), transparent 30rem),
        radial-gradient(circle at 20% 18%, rgba(183, 53, 40, 0.06), transparent 28rem),
        linear-gradient(180deg, #fffefd 0%, #fffaf1 100%);
    display: block;
    inset: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity 940ms cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 2147483000;
}

.wcps-category-page--protirki .wcps-protirki-entry-dock::before {
    background:
        linear-gradient(105deg, rgba(43, 28, 22, 0.055) 1px, transparent 1px),
        linear-gradient(0deg, rgba(43, 28, 22, 0.035) 1px, transparent 1px);
    background-size: 42px 42px;
    content: "";
    inset: 0;
    opacity: 0.45;
    position: absolute;
}

.wcps-category-page--protirki .wcps-protirki-entry-dock[hidden] {
    display: none !important;
}

.wcps-category-page--protirki.is-protirki-entry-active .wcps-protirki-entry-dock {
    opacity: 1;
}

.wcps-category-page--protirki.is-protirki-entry-exiting .wcps-protirki-entry-dock {
    opacity: 0;
    transition-duration: 1180ms;
    transition-timing-function: cubic-bezier(0.45, 0, 0.2, 1);
}

.wcps-category-page--protirki .wcps-protirki-entry-type {
    display: block;
    left: max(-18vw, -260px);
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0) rotate(-3deg);
    width: 112vw;
    z-index: 0;
}

.wcps-category-page--protirki .wcps-protirki-entry-type__line {
    color: rgba(28, 25, 22, 0.18);
    display: block;
    font-family: var(--font-sans);
    font-size: clamp(3.9rem, 8.7vw, 10.8rem);
    font-weight: 700;
    line-height: 0.94;
    margin-left: var(--entry-type-shift, 0);
    opacity: 0;
    position: relative;
    text-transform: uppercase;
    transform: translate3d(var(--entry-type-start-x, -120px), var(--entry-type-start-y, 26px), 0);
    transition:
        opacity 760ms cubic-bezier(0.19, 1, 0.22, 1),
        transform 760ms cubic-bezier(0.19, 1, 0.22, 1);
    white-space: nowrap;
}

.wcps-category-page--protirki .wcps-protirki-entry-type__line::before,
.wcps-category-page--protirki .wcps-protirki-entry-type__line::after {
    content: attr(data-noise);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0, 0, 0);
    transition:
        opacity 760ms cubic-bezier(0.19, 1, 0.22, 1),
        transform 760ms cubic-bezier(0.19, 1, 0.22, 1);
}

.wcps-category-page--protirki .wcps-protirki-entry-type__line::before {
    color: rgba(28, 25, 22, 0.07);
}

.wcps-category-page--protirki .wcps-protirki-entry-type__line::after {
    color: rgba(183, 53, 40, 0.055);
}

.wcps-category-page--protirki .wcps-protirki-entry-type__line:nth-child(2n) {
    --entry-type-shift: clamp(42px, 9vw, 150px);
    --entry-type-start-x: -88px;
    --entry-type-start-y: -22px;
    color: rgba(75, 72, 66, 0.14);
}

.wcps-category-page--protirki .wcps-protirki-entry-type__line:nth-child(3n) {
    --entry-type-shift: clamp(96px, 20vw, 320px);
    color: rgba(26, 25, 23, 0.12);
}

.wcps-category-page--protirki .wcps-protirki-entry-type__line:nth-child(4n) {
    --entry-type-shift: clamp(-86px, -6vw, -38px);
}

.wcps-category-page--protirki .wcps-protirki-entry-type__line:nth-child(5n) {
    color: rgba(183, 53, 40, 0.09);
}

.wcps-category-page--protirki .wcps-protirki-entry-type__line:nth-child(n + 9) {
    display: none;
}

.wcps-category-page--protirki.is-protirki-entry-intro .wcps-protirki-entry-type__line {
    animation: wcpsProtirkiTypeDrift 3200ms linear infinite;
    opacity: 0.9;
    transform: translate3d(0, 0, 0);
}

.wcps-category-page--protirki.is-protirki-entry-intro .wcps-protirki-entry-type__line::before {
    opacity: 0.38;
    transform: translate3d(-0.08em, -0.035em, 0);
}

.wcps-category-page--protirki.is-protirki-entry-intro .wcps-protirki-entry-type__line::after {
    opacity: 0.42;
    transform: translate3d(0.11em, 0.05em, 0);
}

.wcps-category-page--protirki.is-protirki-entry-intro .wcps-protirki-entry-type__line:nth-child(2) {
    transition-delay: 70ms;
}

.wcps-category-page--protirki.is-protirki-entry-intro .wcps-protirki-entry-type__line:nth-child(3) {
    transition-delay: 120ms;
}

.wcps-category-page--protirki.is-protirki-entry-intro .wcps-protirki-entry-type__line:nth-child(4) {
    transition-delay: 170ms;
}

.wcps-category-page--protirki.is-protirki-entry-intro .wcps-protirki-entry-type__line:nth-child(5) {
    transition-delay: 220ms;
}

.wcps-category-page--protirki.is-protirki-entry-intro .wcps-protirki-entry-type__line:nth-child(6) {
    transition-delay: 270ms;
}

.wcps-category-page--protirki.is-protirki-entry-intro .wcps-protirki-entry-type__line:nth-child(n + 7) {
    transition-delay: 320ms;
}

.wcps-category-page--protirki.is-protirki-entry-docked .wcps-protirki-entry-type__line {
    opacity: 0;
    transition-duration: 360ms;
}

.wcps-category-page--protirki.is-protirki-entry-revealing .wcps-protirki-entry-type__line,
.wcps-category-page--protirki.is-protirki-entry-exiting .wcps-protirki-entry-type__line {
    animation: none;
    opacity: 0;
}

.wcps-category-page--protirki.is-protirki-entry-revealing .wcps-protirki-entry-type__line::before,
.wcps-category-page--protirki.is-protirki-entry-revealing .wcps-protirki-entry-type__line::after,
.wcps-category-page--protirki.is-protirki-entry-exiting .wcps-protirki-entry-type__line::before,
.wcps-category-page--protirki.is-protirki-entry-exiting .wcps-protirki-entry-type__line::after {
    opacity: 0;
}

.wcps-category-page--protirki .wcps-protirki-entry-dock__image {
    display: block;
    filter: drop-shadow(0 34px 50px rgba(65, 42, 28, 0.24));
    height: auto;
    max-height: 78svh;
    object-fit: contain;
    opacity: 0;
    position: absolute;
    right: clamp(-10px, 4.4vw, 72px);
    top: clamp(50px, 8.2svh, 94px);
    transform: translate3d(42vw, 24px, 0) scale(0.92);
    transform-origin: center center;
    transition:
        opacity 860ms cubic-bezier(0.19, 1, 0.22, 1),
        transform 1040ms cubic-bezier(0.19, 1, 0.22, 1);
    width: clamp(390px, 40vw, 620px);
    will-change: opacity, transform;
    z-index: 2;
}

.wcps-category-page--protirki.is-protirki-entry-intro .wcps-protirki-entry-dock__image {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.wcps-category-page--protirki .wcps-protirki-hero {
    min-height: clamp(560px, 68svh, 720px);
    padding: clamp(30px, 4.4vw, 58px) 0 clamp(24px, 4vw, 48px);
}

.wcps-category-page--protirki .wcps-protirki-hero__grid {
    align-items: center;
    display: grid;
    gap: clamp(34px, 6vw, 82px);
    grid-template-columns: minmax(0, 1.02fr) minmax(430px, 0.98fr);
}

.wcps-category-page--protirki .wcps-protirki-hero__breadcrumbs {
    color: rgba(75, 56, 48, 0.48);
    font-size: 0.82rem;
    margin-bottom: clamp(8px, 1.2vw, 14px);
}

.wcps-category-page--protirki .wcps-protirki-hero__content {
    display: grid;
    gap: 22px;
    margin-top: clamp(-18px, -1.4vw, -10px);
    min-width: 0;
}

.wcps-category-page--protirki .wcps-protirki-hero h1 {
    font-size: clamp(3rem, 6.8vw, 5.75rem);
    line-height: 0.98;
    max-width: 13.5ch;
}

.wcps-category-page--protirki .wcps-protirki-hero__lead {
    color: var(--protirki-text);
    font-size: clamp(1.08rem, 1.55vw, 1.34rem);
    line-height: 1.55;
    max-width: 38rem;
}

.wcps-category-page--protirki .wcps-protirki-hero__actions,
.wcps-category-page--protirki .wcps-protirki-final__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.wcps-category-page--protirki .wcps-protirki-hero__stage {
    min-height: 610px;
    position: relative;
    isolation: isolate;
}

.wcps-category-page--protirki .wcps-protirki-stage__halo {
    background:
        radial-gradient(circle at 62% 28%, rgba(255, 253, 247, 0.86), transparent 28%),
        radial-gradient(circle at 35% 67%, rgba(183, 53, 40, 0.2), transparent 30%),
        linear-gradient(135deg, rgba(183, 53, 40, 0.22), rgba(104, 120, 61, 0.18));
    border-radius: 52% 48% 45% 55%;
    inset: 9% 2% 6% 6%;
    position: absolute;
    transform: rotate(-7deg);
    z-index: -2;
}

.wcps-category-page--protirki .wcps-protirki-stage__shadow {
    background: radial-gradient(ellipse at center, rgba(67, 35, 23, 0.32), transparent 68%);
    border-radius: 50%;
    bottom: 8%;
    filter: blur(14px);
    height: 52px;
    left: 20%;
    position: absolute;
    right: 17%;
    z-index: -1;
}

.wcps-category-page--protirki .wcps-protirki-stage__product {
    animation: wcpsProtirkiFloatProduct 5.7s var(--protirki-ease) infinite;
    align-items: center;
    display: flex;
    inset: -7% -24% 5% -13%;
    justify-content: center;
    opacity: 1;
    position: absolute;
    transition: opacity 760ms cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 1;
}

.wcps-category-page--protirki .wcps-protirki-entry-landing {
    aspect-ratio: var(--wcps-protirki-entry-aspect);
    display: block;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: clamp(680px, 62vw, 840px);
}

.wcps-category-page--protirki.is-protirki-entry-active .wcps-protirki-stage__product,
.wcps-category-page--protirki.is-protirki-entry-docked .wcps-protirki-stage__product {
    animation-play-state: paused;
    opacity: 0;
}

.wcps-category-page--protirki.is-protirki-entry-complete .wcps-protirki-stage__product {
    animation-play-state: paused;
    opacity: 1;
}

.wcps-category-page--protirki .wcps-protirki-stage__product-image {
    filter: drop-shadow(0 30px 36px rgba(54, 31, 19, 0.2));
    height: auto;
    max-height: 100%;
    object-fit: contain;
    width: clamp(680px, 62vw, 840px);
}

.wcps-category-page--protirki .wcps-protirki-hero__content,
.wcps-category-page--protirki .wcps-protirki-stage__halo,
.wcps-category-page--protirki .wcps-protirki-stage__shadow,
.wcps-category-page--protirki .wcps-protirki-stage__grain {
    opacity: 1;
    transition:
        filter 900ms cubic-bezier(0.19, 1, 0.22, 1),
        opacity 900ms cubic-bezier(0.19, 1, 0.22, 1);
}

.wcps-category-page--protirki .wcps-protirki-hero__content {
    transform: translate3d(0, 0, 0);
    transition:
        filter 900ms cubic-bezier(0.19, 1, 0.22, 1),
        opacity 900ms cubic-bezier(0.19, 1, 0.22, 1),
        transform 900ms cubic-bezier(0.19, 1, 0.22, 1);
}

.wcps-category-page--protirki.is-protirki-entry-active:not(.is-protirki-entry-revealing) .wcps-protirki-hero__content,
.wcps-category-page--protirki.is-protirki-entry-active:not(.is-protirki-entry-revealing) .wcps-protirki-stage__halo,
.wcps-category-page--protirki.is-protirki-entry-active:not(.is-protirki-entry-revealing) .wcps-protirki-stage__shadow,
.wcps-category-page--protirki.is-protirki-entry-active:not(.is-protirki-entry-revealing) .wcps-protirki-stage__grain {
    filter: blur(8px);
    opacity: 0;
}

.wcps-category-page--protirki.is-protirki-entry-active:not(.is-protirki-entry-revealing) .wcps-protirki-hero__content {
    transform: translate3d(0, 14px, 0);
}

.wcps-category-page--protirki .wcps-protirki-stage__grain {
    animation: wcpsProtirkiFloatSmall 6.2s var(--protirki-ease) infinite;
    position: absolute;
    z-index: 2;
}

.wcps-category-page--protirki .wcps-protirki-stage__grain {
    border: 1px solid rgba(183, 53, 40, 0.18);
    border-radius: 50%;
}

.wcps-category-page--protirki .wcps-protirki-stage__grain--one {
    height: 128px;
    right: 11%;
    top: 7%;
    width: 128px;
}

.wcps-category-page--protirki .wcps-protirki-stage__grain--two {
    border-color: rgba(104, 120, 61, 0.22);
    bottom: 10%;
    height: 86px;
    left: 0;
    width: 86px;
}

/* 360 proof */
.wcps-category-page--protirki .wcps-protirki-360 {
    background:
        linear-gradient(135deg, rgba(255, 253, 247, 0.8), rgba(244, 200, 183, 0.22)),
        var(--protirki-paper);
    border: 1px solid var(--protirki-line);
    border-radius: 8px;
    box-shadow: var(--protirki-shadow);
    padding: clamp(26px, 5vw, 48px);
}

.wcps-category-page--protirki .wcps-protirki-360__layout {
    align-items: center;
    display: grid;
    gap: clamp(28px, 5vw, 58px);
    grid-template-columns: minmax(260px, 0.48fr) minmax(420px, 0.82fr);
}

.wcps-category-page--protirki .wcps-protirki-360__intro {
    display: grid;
    gap: 15px;
    min-width: 0;
}

.wcps-category-page--protirki .wcps-protirki-360__intro h2 {
    font-size: clamp(2.15rem, 4.2vw, 3.65rem);
    max-width: 13ch;
}

.wcps-category-page--protirki .wcps-protirki-360__intro > p:not(.wcps-protirki-eyebrow) {
    color: var(--protirki-muted);
    line-height: 1.55;
    max-width: 45ch;
}

.wcps-category-page--protirki .wcps-protirki-360__hint {
    background: rgba(104, 120, 61, 0.1);
    border: 1px solid rgba(104, 120, 61, 0.18);
    border-radius: 8px;
    color: var(--protirki-ink);
    font-size: 0.92rem;
    font-weight: 700;
    padding: 12px 14px;
}

.wcps-category-page--protirki .wcps-protirki-360__stage {
    display: grid;
    gap: 12px;
    margin: 0;
    min-width: 0;
}

.wcps-category-page--protirki .wcps-protirki-360__media {
    aspect-ratio: 1 / 1;
    background:
        radial-gradient(circle at 50% 72%, rgba(183, 53, 40, 0.09), transparent 34%),
        linear-gradient(135deg, rgba(104, 120, 61, 0.08), rgba(255, 253, 247, 0.2)),
        var(--protirki-panel);
    border: 1px solid var(--protirki-line);
    border-radius: 8px;
    cursor: grab;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    user-select: none;
}

.wcps-category-page--protirki .wcps-protirki-360__drag {
    align-items: end;
    bottom: clamp(14px, 4.8%, 26px);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    left: clamp(14px, 4.8%, 26px);
    opacity: 0.78;
    pointer-events: none;
    position: absolute;
    right: clamp(14px, 4.8%, 26px);
    transition: opacity 180ms var(--protirki-ease), transform 180ms var(--protirki-ease);
    z-index: 2;
}

.wcps-category-page--protirki .wcps-protirki-360__drag-label {
    background: rgba(255, 250, 242, 0.84);
    border: 1px solid rgba(183, 53, 40, 0.18);
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(93, 48, 29, 0.08);
    color: var(--protirki-tomato-deep);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    padding: 9px 14px 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.wcps-category-page--protirki .wcps-protirki-360__drag-arrow {
    align-self: center;
    color: rgba(183, 53, 40, 0.9);
    height: clamp(28px, 5vw, 40px);
    position: relative;
}

.wcps-category-page--protirki .wcps-protirki-360__drag-arrow::before,
.wcps-category-page--protirki .wcps-protirki-360__drag-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
}

.wcps-category-page--protirki .wcps-protirki-360__drag-arrow--left {
    transform: translateY(2px);
}

.wcps-category-page--protirki .wcps-protirki-360__drag-arrow--left::before {
    border-bottom: 3px solid currentColor;
    border-left: 3px solid currentColor;
    height: 14px;
    left: 0;
    transform: translateY(-50%) rotate(45deg);
    width: 14px;
}

.wcps-category-page--protirki .wcps-protirki-360__drag-arrow--left::after {
    border-top: 3px solid currentColor;
    left: 8px;
    right: 0;
    transform: translateY(-50%);
}

.wcps-category-page--protirki .wcps-protirki-360__drag-arrow--right {
    transform: translateY(2px);
}

.wcps-category-page--protirki .wcps-protirki-360__drag-arrow--right::before {
    border-top: 3px solid currentColor;
    left: 0;
    right: 8px;
    transform: translateY(-50%);
}

.wcps-category-page--protirki .wcps-protirki-360__drag-arrow--right::after {
    border-right: 3px solid currentColor;
    border-top: 3px solid currentColor;
    height: 14px;
    right: 0;
    transform: translateY(-50%) rotate(45deg);
    width: 14px;
}

.wcps-category-page--protirki .wcps-protirki-360.has-interacted .wcps-protirki-360__drag,
.wcps-category-page--protirki .wcps-protirki-360.is-dragging .wcps-protirki-360__drag {
    opacity: 0;
    transform: translateY(8px);
}

.wcps-category-page--protirki .wcps-protirki-360.is-dragging .wcps-protirki-360__media {
    cursor: grabbing;
}

.wcps-category-page--protirki .wcps-protirki-360__image,
.wcps-category-page--protirki .wcps-protirki-360__video {
    display: block;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    width: 100%;
}

/* Catalog */
.wcps-category-page--protirki .wcps-protirki-empty {
    background: var(--protirki-panel);
    border: 1px dashed var(--protirki-line);
    border-radius: 8px;
    color: var(--protirki-muted);
    padding: 32px;
    text-align: center;
}

.wcps-category-page--protirki .wcps-protirki-catalog__groups {
    display: grid;
    gap: 24px;
}

.wcps-category-page--protirki .wcps-protirki-catalog__group {
    align-items: start;
    display: grid;
    gap: 22px;
    grid-template-columns: 1fr;
    justify-content: center;
}

.wcps-category-page--protirki .wcps-protirki-catalog__group--mirta {
    grid-template-columns: minmax(0, 680px) minmax(280px, 340px);
}

.wcps-category-page--protirki .wcps-protirki-catalog__group--tomatto {
    grid-template-columns: 1fr;
}

.wcps-category-page--protirki .wcps-protirki-catalog__group + .wcps-protirki-catalog__group {
    border-top: 1px solid rgba(101, 69, 51, 0.14);
    padding-top: 30px;
}

.wcps-category-page--protirki .wcps-protirki-catalog__panel {
    align-self: center;
    align-content: center;
    background: rgba(255, 250, 242, 0.72);
    border: 1px solid var(--protirki-line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    max-width: 760px;
    min-height: 0;
    padding: 24px 24px;
    width: 100%;
}

.wcps-category-page--protirki .wcps-protirki-catalog__group--mirta .wcps-protirki-catalog__panel {
    background: rgba(247, 250, 239, 0.76);
    border-color: rgba(115, 125, 80, 0.28);
    margin-left: auto;
    order: 2;
}

.wcps-category-page--protirki .wcps-protirki-catalog__group--tomatto .wcps-protirki-catalog__panel {
    background: rgba(255, 246, 242, 0.76);
    border-color: rgba(183, 53, 40, 0.22);
    justify-self: center;
}

.wcps-category-page--protirki .wcps-protirki-catalog__group-title {
    color: var(--protirki-ink);
    font-size: clamp(1.7rem, 3vw, 2.15rem);
    line-height: 1.02;
    margin: 0;
}

.wcps-category-page--protirki .wcps-protirki-catalog__group--mirta .wcps-protirki-catalog__group-title {
    color: var(--protirki-olive);
}

.wcps-category-page--protirki .wcps-protirki-catalog__group--tomatto .wcps-protirki-catalog__group-title {
    color: var(--protirki-tomato-deep);
}

.wcps-category-page--protirki .wcps-protirki-catalog__origin {
    align-items: center;
    align-self: start;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(101, 69, 51, 0.14);
    border-radius: 8px;
    color: var(--protirki-ink);
    display: inline-flex;
    font-size: 0.94rem;
    font-weight: 600;
    gap: 8px;
    justify-self: start;
    line-height: 1.25;
    max-width: 100%;
    padding: 7px 11px;
    width: max-content;
}

.wcps-category-page--protirki .wcps-protirki-catalog__group--mirta .wcps-protirki-catalog__origin {
    background: rgba(250, 252, 245, 0.92);
    border-color: rgba(115, 125, 80, 0.24);
    color: var(--protirki-olive-deep);
}

.wcps-category-page--protirki .wcps-protirki-catalog__group--tomatto .wcps-protirki-catalog__origin {
    background: rgba(255, 248, 244, 0.92);
    border-color: rgba(183, 53, 40, 0.18);
    color: var(--protirki-tomato-deep);
}

.wcps-category-page--protirki .wcps-protirki-catalog__flag {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(43, 28, 22, 0.12);
    display: block;
    flex: 0 0 auto;
    height: 15px;
    overflow: hidden;
    width: 22px;
}

.wcps-category-page--protirki .wcps-protirki-catalog__flag--ru {
    background: linear-gradient(to bottom, #fff 0 33.333%, #215dcb 33.333% 66.666%, #d54d46 66.666% 100%);
}

.wcps-category-page--protirki .wcps-protirki-catalog__flag--it {
    background: linear-gradient(to right, #2b8b55 0 33.333%, #fff 33.333% 66.666%, #d54d46 66.666% 100%);
}

.wcps-category-page--protirki .wcps-protirki-catalog__group-text {
    color: var(--protirki-muted);
    font-size: 1rem;
    line-height: 1.58;
    margin: 0;
}

.wcps-category-page--protirki .wcps-protirki-product-grid.wcps-protirki-product-grid--brand {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 1040px;
    width: 100%;
}

.wcps-category-page--protirki .wcps-protirki-catalog__group--mirta .wcps-protirki-product-grid--brand {
    justify-self: end;
}

.wcps-category-page--protirki .wcps-protirki-catalog__group--tomatto .wcps-protirki-product-grid--brand {
    justify-self: center;
    margin-left: 0;
}

.wcps-category-page--protirki .wcps-protirki-product-grid {
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wcps-category-page--protirki .wcps-protirki-card__inner {
    background:
        linear-gradient(180deg, rgba(255, 253, 247, 0.94), rgba(255, 247, 236, 0.86)),
        var(--protirki-panel);
    border: 1px solid rgba(101, 69, 51, 0.13);
    border-radius: 8px;
    box-shadow: 0 20px 48px rgba(98, 53, 32, 0.12);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    transition:
        border-color 260ms var(--protirki-ease),
        box-shadow 260ms var(--protirki-ease),
        transform 260ms var(--protirki-ease);
}

.wcps-category-page--protirki .wcps-protirki-card__inner:hover {
    border-color: rgba(183, 53, 40, 0.24);
    box-shadow: var(--protirki-shadow-deep);
    transform: translateY(-6px);
}

.wcps-category-page--protirki .wcps-protirki-card__media {
    align-items: center;
    background: transparent;
    color: var(--protirki-olive);
    display: flex;
    height: auto;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.wcps-category-page--protirki .wcps-protirki-card--tomatto .wcps-protirki-card__media {
    color: var(--protirki-tomato-deep);
}

.wcps-category-page--protirki .wcps-protirki-card__image {
    display: block;
    height: auto;
    object-fit: contain;
    transition: none;
    width: 100%;
}

.wcps-category-page--protirki .wcps-protirki-card__image-placeholder {
    align-items: center;
    display: grid;
    justify-items: center;
    min-height: 260px;
    object-fit: contain;
    width: 100%;
}

.wcps-category-page--protirki .wcps-protirki-card__placeholder-bowl {
    aspect-ratio: 1.42;
    border: 3px solid currentColor;
    border-radius: 50% 50% 42% 42% / 34% 34% 66% 66%;
    display: block;
    opacity: 0.72;
    position: relative;
    width: min(340px, 88%);
}

.wcps-category-page--protirki .wcps-protirki-card__placeholder-bowl::before,
.wcps-category-page--protirki .wcps-protirki-card__placeholder-bowl::after {
    background: currentColor;
    border-radius: 999px;
    content: "";
    height: 4px;
    left: 18%;
    opacity: 0.65;
    position: absolute;
    right: 18%;
}

.wcps-category-page--protirki .wcps-protirki-card__placeholder-bowl::before {
    top: 38%;
}

.wcps-category-page--protirki .wcps-protirki-card__placeholder-bowl::after {
    top: 56%;
}

.wcps-category-page--protirki .wcps-protirki-card__diameter {
    background: rgba(43, 28, 22, 0.84);
    border: 1px solid rgba(255, 253, 247, 0.35);
    border-radius: 999px;
    color: var(--protirki-panel);
    font-weight: 700;
    padding: 7px 11px;
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 1;
}

.wcps-category-page--protirki .wcps-protirki-card__body {
    display: grid;
    gap: 12px;
    padding: 20px 22px 10px;
}

.wcps-category-page--protirki .wcps-protirki-card__title {
    display: -webkit-box;
    font-size: clamp(1.45rem, 2vw, 1.9rem);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.12;
    min-height: calc(1.45rem * 1.12 * 2);
    overflow: hidden;
}

.wcps-category-page--protirki .wcps-protirki-card__copy {
    color: var(--protirki-text);
    font-size: 1rem;
    line-height: 1.58;
}

.wcps-category-page--protirki .wcps-protirki-card__title a {
    color: inherit;
    text-decoration: none;
}

.wcps-category-page--protirki .wcps-protirki-card__title a:hover {
    text-decoration: underline;
}

.wcps-category-page--protirki .wcps-protirki-card__rating {
    justify-self: start;
}

.wcps-category-page--protirki .wcps-protirki-card__status {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    min-height: 20px;
}

.wcps-category-page--protirki .wcps-protirki-card__status .wcps-protirki-availability {
    margin-left: auto;
}

.wcps-category-page--protirki .wcps-protirki-card__footer {
    display: grid;
    gap: 12px;
    margin-top: auto;
    padding: 12px 22px 22px;
}

.wcps-category-page--protirki .wcps-protirki-price {
    color: var(--protirki-ink);
    font-size: 1.18rem;
    font-weight: 700;
}

.wcps-category-page--protirki .wcps-protirki-price--fallback {
    color: var(--protirki-muted);
    font-size: 0.98rem;
    font-weight: 700;
}

.wcps-category-page--protirki .wcps-protirki-availability {
    align-items: center;
    color: var(--protirki-muted);
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 700;
    gap: 7px;
}

.wcps-category-page--protirki .wcps-protirki-availability__dot {
    border-radius: 50%;
    height: 9px;
    width: 9px;
}

.wcps-category-page--protirki .wcps-protirki-availability--in-stock .wcps-protirki-availability__dot {
    background: var(--protirki-olive);
}

.wcps-category-page--protirki .wcps-protirki-availability--out-of-stock .wcps-protirki-availability__dot {
    background: rgba(43, 28, 22, 0.35);
}

/* Scenario tabs */
.wcps-category-page--protirki .wcps-protirki-scenario__layout {
    --protirki-scenario-accent: #b73528;
    --protirki-scenario-accent-rgb: 183, 53, 40;
    --protirki-scenario-accent-deep: #8f241d;
    --protirki-scenario-accent-soft: rgba(183, 53, 40, 0.1);
    --protirki-scenario-accent-surface: rgba(183, 53, 40, 0.08);
    --protirki-scenario-accent-border: rgba(183, 53, 40, 0.24);
    background:
        radial-gradient(circle at 24% 38%, rgba(var(--protirki-scenario-accent-rgb), 0.15), transparent 24rem),
        radial-gradient(circle at 56% 80%, rgba(var(--protirki-scenario-accent-rgb), 0.06), transparent 17rem),
        var(--protirki-paper);
    border: 1px solid var(--protirki-line);
    border-radius: 8px;
    box-shadow: var(--protirki-shadow);
    display: grid;
    gap: clamp(20px, 3vw, 34px);
    grid-template-columns: minmax(360px, 0.72fr) minmax(180px, 0.26fr) minmax(260px, 0.42fr);
    isolation: isolate;
    overflow: hidden;
    padding: clamp(24px, 4vw, 42px);
    position: relative;
}

.wcps-category-page--protirki .wcps-protirki-scenario__layout::before {
    background: radial-gradient(circle, rgba(var(--protirki-scenario-accent-rgb), 0.22), transparent 62%);
    content: "";
    filter: blur(22px);
    height: 70%;
    opacity: 0.78;
    pointer-events: none;
    position: absolute;
    right: 2rem;
    top: 12%;
    transform: scale(0.98);
    transition:
        background 260ms var(--protirki-ease),
        opacity 260ms var(--protirki-ease),
        transform 260ms var(--protirki-ease);
    width: 38%;
    z-index: 0;
}

.wcps-category-page--protirki .wcps-protirki-scenario__layout[data-protirki-scenario-active="tomaty"] {
    --protirki-scenario-accent: #b73528;
    --protirki-scenario-accent-rgb: 183, 53, 40;
    --protirki-scenario-accent-deep: #8f241d;
    --protirki-scenario-accent-soft: rgba(183, 53, 40, 0.1);
    --protirki-scenario-accent-surface: rgba(183, 53, 40, 0.08);
    --protirki-scenario-accent-border: rgba(183, 53, 40, 0.24);
}

.wcps-category-page--protirki .wcps-protirki-scenario__layout[data-protirki-scenario-active="yagody"] {
    --protirki-scenario-accent: #9e3f75;
    --protirki-scenario-accent-rgb: 158, 63, 117;
    --protirki-scenario-accent-deep: #7a2958;
    --protirki-scenario-accent-soft: rgba(158, 63, 117, 0.1);
    --protirki-scenario-accent-surface: rgba(158, 63, 117, 0.08);
    --protirki-scenario-accent-border: rgba(158, 63, 117, 0.24);
}

.wcps-category-page--protirki .wcps-protirki-scenario__layout[data-protirki-scenario-active="tvorog"] {
    --protirki-scenario-accent: #c69b44;
    --protirki-scenario-accent-rgb: 198, 155, 68;
    --protirki-scenario-accent-deep: #9b7427;
    --protirki-scenario-accent-soft: rgba(198, 155, 68, 0.1);
    --protirki-scenario-accent-surface: rgba(198, 155, 68, 0.08);
    --protirki-scenario-accent-border: rgba(198, 155, 68, 0.24);
}

.wcps-category-page--protirki .wcps-protirki-scenario__layout[data-protirki-scenario-active="kartofel"] {
    --protirki-scenario-accent: #9a7649;
    --protirki-scenario-accent-rgb: 154, 118, 73;
    --protirki-scenario-accent-deep: #795932;
    --protirki-scenario-accent-soft: rgba(154, 118, 73, 0.11);
    --protirki-scenario-accent-surface: rgba(154, 118, 73, 0.08);
    --protirki-scenario-accent-border: rgba(154, 118, 73, 0.24);
}

.wcps-category-page--protirki .wcps-protirki-scenario__layout[data-protirki-scenario-active="myagkie-ovoshchi"] {
    --protirki-scenario-accent: #6e8f4d;
    --protirki-scenario-accent-rgb: 110, 143, 77;
    --protirki-scenario-accent-deep: #4d6a31;
    --protirki-scenario-accent-soft: rgba(110, 143, 77, 0.11);
    --protirki-scenario-accent-surface: rgba(110, 143, 77, 0.08);
    --protirki-scenario-accent-border: rgba(110, 143, 77, 0.24);
}

.wcps-category-page--protirki .wcps-protirki-scenario__layout[data-protirki-scenario-active="pastila"] {
    --protirki-scenario-accent: #d36f47;
    --protirki-scenario-accent-rgb: 211, 111, 71;
    --protirki-scenario-accent-deep: #ae5431;
    --protirki-scenario-accent-soft: rgba(211, 111, 71, 0.11);
    --protirki-scenario-accent-surface: rgba(211, 111, 71, 0.08);
    --protirki-scenario-accent-border: rgba(211, 111, 71, 0.24);
}

.wcps-category-page--protirki .wcps-protirki-scenario__intro {
    align-content: start;
    display: grid;
    gap: 16px;
    min-width: 0;
    order: 3;
    position: relative;
    z-index: 1;
}

.wcps-category-page--protirki .wcps-protirki-scenario__intro h2 {
    font-size: clamp(2.15rem, 4.2vw, 3.65rem);
    max-width: 13ch;
}

.wcps-category-page--protirki .wcps-protirki-scenario__intro > p:not(.wcps-protirki-eyebrow) {
    color: var(--protirki-muted);
    line-height: 1.55;
}

.wcps-category-page--protirki .wcps-protirki-scenario__selector {
    align-content: stretch;
    display: grid;
    gap: 9px;
    min-width: 0;
    order: 2;
    position: relative;
    z-index: 1;
}

.wcps-category-page--protirki .wcps-protirki-scenario__option {
    background: rgba(255, 253, 247, 0.62);
    border: 1px solid var(--protirki-line);
    border-radius: 8px;
    color: var(--protirki-ink);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 5px;
    min-height: 58px;
    padding: 11px 13px;
    text-align: left;
    transition:
        background-color 190ms var(--protirki-ease),
        border-color 190ms var(--protirki-ease),
        color 190ms var(--protirki-ease),
        transform 190ms var(--protirki-ease);
}

.wcps-category-page--protirki .wcps-protirki-scenario__option:hover,
.wcps-category-page--protirki .wcps-protirki-scenario__option.is-active {
    background: var(--protirki-scenario-accent-soft);
    border-color: var(--protirki-scenario-accent-border);
    color: var(--protirki-scenario-accent-deep);
    transform: translateX(3px);
}

.wcps-category-page--protirki .wcps-protirki-scenario__option strong {
    font-weight: 700;
    line-height: 1.18;
}

.wcps-category-page--protirki .wcps-protirki-scenario__option span {
    color: var(--protirki-muted);
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.25;
}

.wcps-category-page--protirki .wcps-protirki-scenario__option.is-active span {
    color: var(--protirki-scenario-accent-deep);
}

.wcps-category-page--protirki .wcps-protirki-scenario__stage {
    display: grid;
    isolation: isolate;
    min-width: 0;
    order: 1;
    position: relative;
    z-index: 1;
}

.wcps-category-page--protirki .wcps-protirki-scenario__result {
    background:
        linear-gradient(180deg, rgba(255, 253, 247, 0.9), rgba(255, 253, 247, 0.82)),
        var(--protirki-scenario-accent-surface);
    border: 1px solid var(--protirki-scenario-accent-border);
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(var(--protirki-scenario-accent-rgb), 0.06);
    display: block;
    grid-area: 1 / 1;
    margin: 0;
    min-height: clamp(320px, 34vw, 460px);
    width: 100%;
    overflow: hidden;
    padding: 14px;
    position: relative;
    transition: opacity 260ms var(--protirki-ease), transform 260ms var(--protirki-ease);
    z-index: 1;
}

.wcps-category-page--protirki .wcps-protirki-scenario__result.is-changing {
    opacity: 0.72;
    transform: translateY(4px);
}

.wcps-category-page--protirki .wcps-protirki-scenario__result.is-active {
    z-index: 2;
}

.wcps-category-page--protirki .wcps-protirki-scenario__result.is-leaving {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    z-index: 1;
}

.wcps-category-page--protirki .wcps-protirki-scenario__image-wrap {
    aspect-ratio: 1 / 1;
    background:
        radial-gradient(circle at 50% 76%, rgba(var(--protirki-scenario-accent-rgb), 0.18), transparent 40%),
        radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.72), transparent 22%),
        var(--protirki-panel);
    border: 1px solid rgba(var(--protirki-scenario-accent-rgb), 0.16);
    border-radius: 8px;
    height: 100%;
    min-height: clamp(292px, 31vw, 430px);
    overflow: hidden;
}

.wcps-category-page--protirki .wcps-protirki-scenario__image {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

/* Benefits */
.wcps-category-page--protirki .wcps-protirki-benefits__layout {
    align-items: start;
    display: grid;
    gap: clamp(24px, 4vw, 44px);
    grid-template-columns: minmax(260px, 0.45fr) minmax(0, 0.86fr);
}

.wcps-category-page--protirki .wcps-protirki-benefits__intro {
    display: grid;
    gap: 16px;
    position: sticky;
    top: 108px;
}

.wcps-category-page--protirki .wcps-protirki-benefits__intro h2 {
    font-size: clamp(2.15rem, 4.8vw, 4rem);
    max-width: 13ch;
}

.wcps-category-page--protirki .wcps-protirki-benefits__intro p:not(.wcps-protirki-eyebrow) {
    color: var(--protirki-muted);
    line-height: 1.58;
}

.wcps-category-page--protirki .wcps-protirki-benefits__grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wcps-category-page--protirki .wcps-protirki-benefit {
    background: rgba(255, 253, 247, 0.72);
    border: 1px solid var(--protirki-line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 20px;
}

.wcps-category-page--protirki .wcps-protirki-benefit__mark {
    color: var(--protirki-tomato-deep);
    font-family: var(--font-serif);
    font-size: 2rem;
    line-height: 1;
}

.wcps-category-page--protirki .wcps-protirki-benefit h3 {
    font-size: 1.35rem;
    line-height: 1.1;
}

.wcps-category-page--protirki .wcps-protirki-benefit p {
    color: var(--protirki-muted);
    line-height: 1.5;
}

/* Guide and SEO */
.wcps-category-page--protirki .wcps-protirki-guide__box {
    background: rgba(255, 253, 247, 0.72);
    border: 1px solid var(--protirki-line);
    border-radius: 8px;
    display: grid;
    gap: 0;
    padding: clamp(24px, 4vw, 42px);
}

.wcps-category-page--protirki .wcps-protirki-guide__columns {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.48fr);
}

.wcps-category-page--protirki .wcps-protirki-guide__columns h3 {
    font-size: clamp(1.65rem, 3vw, 2.4rem);
    line-height: 1.05;
}

.wcps-category-page--protirki .wcps-protirki-guide__steps {
    counter-reset: protirki-step;
    display: grid;
    gap: 12px;
    list-style: none;
    margin: 18px 0 0;
    padding: 0;
}

.wcps-category-page--protirki .wcps-protirki-guide__steps li {
    border-top: 1px solid var(--protirki-line);
    display: grid;
    gap: 4px 16px;
    grid-template-columns: 44px minmax(0, 1fr);
    padding-top: 16px;
}

.wcps-category-page--protirki .wcps-protirki-guide__steps li::before {
    align-items: center;
    background: rgba(183, 53, 40, 0.1);
    border-radius: 50%;
    color: var(--protirki-tomato-deep);
    content: counter(protirki-step);
    counter-increment: protirki-step;
    display: inline-flex;
    font-family: var(--font-serif);
    font-size: 1.55rem;
    height: 44px;
    justify-content: center;
    line-height: 1;
    width: 44px;
}

.wcps-category-page--protirki .wcps-protirki-guide__steps strong {
    align-self: end;
    color: var(--protirki-ink);
}

.wcps-category-page--protirki .wcps-protirki-guide__steps p {
    color: var(--protirki-muted);
    grid-column: 2;
    line-height: 1.5;
}

.wcps-category-page--protirki .wcps-protirki-guide__limits {
    align-content: center;
    background: rgba(104, 120, 61, 0.09);
    border: 1px solid rgba(104, 120, 61, 0.18);
    border-radius: 8px;
    display: grid;
    gap: 16px;
    padding: clamp(20px, 4vw, 32px);
}

.wcps-category-page--protirki .wcps-protirki-guide__limits ul {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.wcps-category-page--protirki .wcps-protirki-guide__limits li {
    color: var(--protirki-muted);
    line-height: 1.5;
    padding-left: 18px;
    position: relative;
}

.wcps-category-page--protirki .wcps-protirki-guide__limits li::before {
    background: var(--protirki-olive);
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    top: 0.72em;
    width: 7px;
}

.wcps-category-page--protirki .wcps-protirki-shorts__grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wcps-category-page--protirki .wcps-protirki-shorts .wcps-protirki-section__head {
    display: block;
    margin-bottom: 12px;
}

.wcps-category-page--protirki .wcps-protirki-shorts .wcps-protirki-section__head h2 {
    font-size: 0.76rem;
    max-width: none;
}

.wcps-category-page--protirki .wcps-protirki-shorts__item {
    background:
        linear-gradient(180deg, rgba(255, 253, 247, 0.9), rgba(247, 250, 239, 0.72)),
        var(--protirki-panel);
    border: 1px solid rgba(101, 69, 51, 0.14);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(98, 53, 32, 0.1);
    display: grid;
    gap: 14px;
    overflow: hidden;
    padding: clamp(10px, 1.8vw, 16px);
}

.wcps-category-page--protirki .wcps-protirki-shorts__media-wrap {
    position: relative;
}

.wcps-category-page--protirki .wcps-protirki-shorts__media {
    aspect-ratio: 9 / 16;
    background: rgba(20, 14, 11, 0.92);
    border-radius: 6px;
    display: block;
    object-fit: contain;
    width: 100%;
}

.wcps-category-page--protirki .wcps-protirki-shorts__play {
    align-items: center;
    background: rgba(255, 253, 247, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    box-shadow: 0 16px 38px rgba(20, 14, 11, 0.24);
    color: var(--protirki-ink);
    cursor: pointer;
    display: inline-flex;
    height: 62px;
    justify-content: center;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
    width: 62px;
    z-index: 2;
}

.wcps-category-page--protirki .wcps-protirki-shorts__play span {
    border-bottom: 13px solid transparent;
    border-left: 19px solid currentColor;
    border-top: 13px solid transparent;
    display: block;
    height: 0;
    margin-left: 5px;
    width: 0;
}

.wcps-category-page--protirki .wcps-protirki-shorts__play:focus-visible {
    outline: 3px solid rgba(95, 123, 51, 0.42);
    outline-offset: 4px;
}

.wcps-category-page--protirki .wcps-protirki-shorts__item.is-playing .wcps-protirki-shorts__play {
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0.92);
    visibility: hidden;
}

.wcps-category-page--protirki .wcps-protirki-shorts__text {
    display: grid;
    gap: 6px;
    padding: 0 4px 2px;
}

.wcps-category-page--protirki .wcps-protirki-shorts__text h3 {
    font-family: var(--font-serif);
    font-size: clamp(1.32rem, 2vw, 1.75rem);
    line-height: 1.08;
}

.wcps-category-page--protirki .wcps-protirki-shorts__text p {
    color: var(--protirki-muted);
    line-height: 1.5;
}

.wcps-category-page--protirki .wcps-protirki-category-about__inner {
    background: rgba(255, 253, 247, 0.72);
    border: 1px solid var(--protirki-line);
    border-radius: 8px;
    display: grid;
    gap: 28px;
    grid-template-columns: 1fr;
    padding: clamp(24px, 4vw, 42px);
}

.wcps-category-page--protirki .wcps-protirki-category-about__inner h2 {
    font-size: clamp(1.65rem, 3vw, 2.4rem);
    line-height: 1.05;
}

.wcps-category-page--protirki .wcps-protirki-category-about__text {
    display: grid;
    column-gap: clamp(24px, 4vw, 52px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 12px;
}

.wcps-category-page--protirki .wcps-protirki-category-about__text p {
    color: var(--protirki-muted);
    line-height: 1.65;
}

.wcps-category-page--protirki .wcps-protirki-category-about__text strong {
    color: var(--protirki-ink);
}

/* Product videos, modal video and final */

.wcps-category-page--protirki .wcps-protirki-video-showcase__grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wcps-category-page--protirki .wcps-protirki-video-showcase__item {
    appearance: none;
    background:
        linear-gradient(180deg, rgba(255, 253, 247, 0.92), rgba(255, 247, 236, 0.84)),
        var(--protirki-panel);
    border: 1px solid rgba(101, 69, 51, 0.14);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(98, 53, 32, 0.1);
    color: var(--protirki-ink);
    cursor: pointer;
    display: grid;
    gap: 16px;
    padding: clamp(12px, 2vw, 18px);
    text-align: left;
    transition:
        border-color 220ms var(--protirki-ease),
        box-shadow 220ms var(--protirki-ease),
        transform 220ms var(--protirki-ease);
}

.wcps-category-page--protirki .wcps-protirki-video-showcase__item:hover {
    border-color: rgba(183, 53, 40, 0.26);
    box-shadow: var(--protirki-shadow);
    transform: translateY(-3px);
}

.wcps-category-page--protirki .wcps-protirki-video-showcase__thumb {
    aspect-ratio: 16 / 9;
    background:
        radial-gradient(circle at 50% 42%, rgba(183, 53, 40, 0.12), transparent 18rem),
        rgba(20, 14, 11, 0.9);
    border-radius: 6px;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.wcps-category-page--protirki .wcps-protirki-video-showcase__thumb img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.wcps-category-page--protirki .wcps-protirki-video-showcase__play {
    align-items: center;
    background: rgba(255, 250, 242, 0.94);
    border: 1px solid rgba(255, 253, 247, 0.72);
    border-radius: 50%;
    box-shadow: 0 18px 42px rgba(43, 28, 22, 0.24);
    color: var(--protirki-tomato-deep);
    display: inline-flex;
    height: clamp(58px, 7vw, 78px);
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: clamp(58px, 7vw, 78px);
    z-index: 1;
}

.wcps-category-page--protirki .wcps-protirki-video-showcase__play::before {
    border-bottom: 11px solid transparent;
    border-left: 18px solid currentColor;
    border-top: 11px solid transparent;
    content: "";
    display: block;
    margin-left: 5px;
}

.wcps-category-page--protirki .wcps-protirki-video-showcase__text {
    display: grid;
    gap: 7px;
}

.wcps-category-page--protirki .wcps-protirki-video-showcase__size {
    color: var(--protirki-tomato-deep);
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
}

.wcps-category-page--protirki .wcps-protirki-video-showcase__title {
    font-family: var(--font-serif);
    font-size: clamp(1.4rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.05;
}

.wcps-category-page--protirki .wcps-protirki-video-showcase__copy {
    color: var(--protirki-muted);
    font-size: 0.96rem;
    line-height: 1.5;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__poster {
    background:
        linear-gradient(135deg, rgba(247, 250, 239, 0.92), rgba(255, 250, 242, 0.84)),
        var(--protirki-panel);
    border: 1px solid rgba(104, 120, 61, 0.22);
    border-radius: 8px;
    box-shadow: 0 24px 62px rgba(69, 83, 34, 0.12);
    display: grid;
    gap: clamp(22px, 4vw, 40px);
    grid-template-columns: minmax(260px, 0.56fr) minmax(0, 0.94fr);
    overflow: hidden;
    padding: clamp(22px, 4vw, 38px);
    position: relative;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__content {
    align-content: center;
    display: grid;
    gap: 14px;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__content .wcps-protirki-eyebrow {
    color: var(--protirki-olive-deep);
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__content .wcps-protirki-eyebrow::before {
    background: var(--protirki-olive);
    box-shadow: 0 0 0 5px rgba(104, 120, 61, 0.13);
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__content h2 {
    color: var(--protirki-olive-deep);
    font-size: clamp(2.15rem, 4.7vw, 4rem);
    max-width: 11ch;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__content p:not(.wcps-protirki-eyebrow) {
    color: var(--protirki-muted);
    font-size: clamp(1rem, 1.35vw, 1.12rem);
    line-height: 1.58;
    max-width: 42ch;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__items {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__item {
    background: rgba(255, 253, 247, 0.78);
    border: 1px solid rgba(104, 120, 61, 0.18);
    border-radius: 8px;
    display: grid;
    gap: 14px;
    grid-template-rows: auto 1fr;
    min-width: 0;
    padding: clamp(14px, 2vw, 18px);
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__media {
    align-items: center;
    aspect-ratio: 1 / 0.82;
    background: rgba(247, 250, 239, 0.74);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__diameter {
    background: rgba(255, 253, 247, 0.9);
    border: 1px solid rgba(104, 120, 61, 0.2);
    border-radius: 999px;
    color: var(--protirki-olive-deep);
    font-size: 0.78rem;
    font-weight: 700;
    left: 10px;
    line-height: 1;
    padding: 7px 9px;
    position: absolute;
    top: 10px;
    z-index: 1;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__image {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__placeholder {
    align-items: center;
    display: flex;
    justify-content: center;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__body {
    display: grid;
    gap: 9px;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__body h3 {
    color: var(--protirki-ink);
    font-family: var(--font-sans);
    font-size: clamp(1.02rem, 1.55vw, 1.18rem);
    font-weight: 700;
    line-height: 1.18;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__rating {
    justify-self: start;
}

.wcps-category-page--protirki .wcps-protirki-mirta-expected__body p {
    color: var(--protirki-muted);
    font-size: 0.94rem;
    line-height: 1.45;
}

body.is-protirki-video-modal-open {
    overflow: hidden;
}

.wcps-category-page--protirki .wcps-protirki-video-modal {
    align-items: center;
    display: grid;
    inset: 0;
    justify-items: center;
    padding: clamp(16px, 4vw, 40px);
    position: fixed;
    z-index: 2147483500;
}

.wcps-category-page--protirki .wcps-protirki-video-modal[hidden] {
    display: none !important;
}

.wcps-category-page--protirki .wcps-protirki-video-modal__backdrop {
    background: rgba(20, 14, 11, 0.72);
    inset: 0;
    position: absolute;
}

.wcps-category-page--protirki .wcps-protirki-video-modal__dialog {
    background: #140e0b;
    border: 1px solid rgba(255, 250, 242, 0.18);
    border-radius: 8px;
    box-shadow: 0 32px 80px rgba(20, 14, 11, 0.42);
    display: grid;
    max-height: min(82vh, 820px);
    max-width: min(92vw, 1280px);
    outline: none;
    position: relative;
    width: auto;
    z-index: 1;
}

.wcps-category-page--protirki .wcps-protirki-video-modal__media {
    background: #140e0b;
    border-radius: 8px;
    display: block;
    height: auto;
    max-height: min(82vh, 820px);
    max-width: min(92vw, 1280px);
    object-fit: contain;
    width: auto;
}

.wcps-category-page--protirki .wcps-protirki-video-modal__close {
    align-items: center;
    appearance: none;
    background: #fffaf2;
    border: 2px solid rgba(20, 14, 11, 0.82);
    border-radius: 50%;
    color: var(--protirki-ink);
    cursor: pointer;
    display: inline-flex;
    font-size: 2.4rem;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    line-height: 1;
    padding: 0 0 5px;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 56px;
    z-index: 2;
}

.wcps-category-page--protirki .wcps-protirki-video-modal__close:hover {
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(20, 14, 11, 0.3);
}

.wcps-category-page--protirki .wcps-protirki-faq__list {
    display: grid;
    gap: 10px;
}

.wcps-category-page--protirki .wcps-protirki-faq__item,
.wcps-category-page--protirki .wcps-protirki-faq__more {
    background: rgba(255, 253, 247, 0.72);
    border: 1px solid var(--protirki-line);
    border-radius: 8px;
    overflow: hidden;
}

.wcps-category-page--protirki .wcps-protirki-faq__item summary,
.wcps-category-page--protirki .wcps-protirki-faq__more summary {
    color: var(--protirki-ink);
    cursor: pointer;
    font-weight: 700;
    list-style: none;
    padding: 18px 20px;
    position: relative;
}

.wcps-category-page--protirki .wcps-protirki-faq__item summary::after,
.wcps-category-page--protirki .wcps-protirki-faq__more summary::after {
    color: var(--protirki-tomato-deep);
    content: "+";
    font-size: 1.4rem;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.wcps-category-page--protirki .wcps-protirki-faq__item[open] summary::after,
.wcps-category-page--protirki .wcps-protirki-faq__more[open] summary::after {
    content: "−";
}

.wcps-category-page--protirki .wcps-protirki-faq__item summary::-webkit-details-marker,
.wcps-category-page--protirki .wcps-protirki-faq__more summary::-webkit-details-marker {
    display: none;
}

.wcps-category-page--protirki .wcps-protirki-faq__answer {
    padding: 0 20px 18px;
}

.wcps-category-page--protirki .wcps-protirki-faq__answer p {
    color: var(--protirki-muted);
    line-height: 1.58;
}

.wcps-category-page--protirki .wcps-protirki-faq__more-list {
    display: grid;
    gap: 10px;
    padding: 0 10px 10px;
}

.wcps-category-page--protirki .wcps-protirki-final__inner {
    background:
        radial-gradient(circle at 84% 20%, rgba(183, 53, 40, 0.18), transparent 22rem),
        linear-gradient(135deg, rgba(104, 120, 61, 0.15), rgba(255, 253, 247, 0.86)),
        var(--protirki-paper);
    border: 1px solid var(--protirki-line);
    border-radius: 8px;
    box-shadow: var(--protirki-shadow);
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.38fr);
    padding: clamp(24px, 5vw, 48px);
}

.wcps-category-page--protirki .wcps-protirki-final__inner h2 {
    font-size: clamp(2rem, 4.2vw, 3.55rem);
    margin-top: 8px;
    max-width: 16ch;
}

.wcps-category-page--protirki .wcps-protirki-final__inner p:not(.wcps-protirki-eyebrow) {
    color: var(--protirki-muted);
    line-height: 1.58;
    margin-top: 14px;
    max-width: 45rem;
}

.wcps-category-page--protirki .wcps-protirki-final__actions {
    align-content: center;
    justify-content: flex-end;
}

/* Reveal */
.wcps-category-page--protirki .wcps-protirki-reveal,
.wcps-category-page--protirki .wcps-protirki-section,
.wcps-category-page--protirki .wcps-protirki-faq,
.wcps-category-page--protirki .wcps-protirki-final {
    opacity: 1;
}

.wcps-category-page--protirki.js-protirki-reveal .wcps-protirki-reveal,
.wcps-category-page--protirki.js-protirki-reveal .wcps-protirki-section,
.wcps-category-page--protirki.js-protirki-reveal .wcps-protirki-faq,
.wcps-category-page--protirki.js-protirki-reveal .wcps-protirki-final {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 680ms var(--protirki-ease), transform 680ms var(--protirki-ease);
}

.wcps-category-page--protirki.js-protirki-reveal .wcps-protirki-reveal.is-visible,
.wcps-category-page--protirki.js-protirki-reveal .wcps-protirki-section.is-visible,
.wcps-category-page--protirki.js-protirki-reveal .wcps-protirki-faq.is-visible,
.wcps-category-page--protirki.js-protirki-reveal .wcps-protirki-final.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes wcpsProtirkiFloatProduct {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

    50% {
        transform: translate3d(0, -12px, 0) rotate(1deg);
    }
}

@keyframes wcpsProtirkiFloatSmall {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -10px, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wcps-category-page--protirki *,
    .wcps-category-page--protirki *::before,
    .wcps-category-page--protirki *::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
    }

    .wcps-category-page--protirki .wcps-protirki-entry-dock {
        display: none !important;
    }

    .wcps-category-page--protirki .wcps-protirki-stage__product {
        opacity: 1 !important;
    }
}

@keyframes wcpsProtirkiTypeDrift {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0.14em, -0.07em, 0);
    }

    100% {
        transform: translate3d(0.28em, -0.14em, 0);
    }
}

@media (max-width: 1080px) {
    .wcps-category-page--protirki .wcps-protirki-hero__grid {
        grid-template-columns: minmax(0, 0.72fr) minmax(420px, 0.86fr);
    }

    .wcps-category-page--protirki .wcps-protirki-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wcps-category-page--protirki .wcps-protirki-benefits__layout,
    .wcps-category-page--protirki .wcps-protirki-guide__columns {
        grid-template-columns: 1fr;
    }

    .wcps-category-page--protirki .wcps-protirki-benefits__intro {
        position: static;
    }
}

@media (max-width: 980px) {
    .wcps-category-page--protirki .wcps-protirki-hero {
        min-height: 0;
    }

    .wcps-category-page--protirki .wcps-protirki-hero__grid,
    .wcps-category-page--protirki .wcps-protirki-360__layout,
    .wcps-category-page--protirki .wcps-protirki-scenario__layout,
    .wcps-category-page--protirki .wcps-protirki-mirta-expected__poster,
    .wcps-category-page--protirki .wcps-protirki-category-about__inner {
        grid-template-columns: 1fr;
    }

    .wcps-category-page--protirki .wcps-protirki-hero__stage {
        justify-self: center;
        max-width: 680px;
        min-height: 560px;
        width: 100%;
    }

    .wcps-category-page--protirki .wcps-protirki-360__stage {
        justify-self: center;
        max-width: 680px;
        width: 100%;
    }

    .wcps-category-page--protirki .wcps-protirki-scenario__selector {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wcps-category-page--protirki .wcps-protirki-catalog__group {
        gap: 18px;
        grid-template-columns: 1fr;
    }

    .wcps-category-page--protirki .wcps-protirki-catalog__group--mirta .wcps-protirki-catalog__panel,
    .wcps-category-page--protirki .wcps-protirki-catalog__group--tomatto .wcps-protirki-catalog__panel {
        align-content: start;
        margin-left: 0;
        max-width: 100%;
        min-height: 0;
        order: 1;
        padding: 16px 18px;
    }

    .wcps-category-page--protirki .wcps-protirki-catalog__group--tomatto .wcps-protirki-catalog__panel {
        order: 2;
    }

    .wcps-category-page--protirki .wcps-protirki-catalog__origin {
        font-size: 0.88rem;
        padding: 6px 10px;
    }

    .wcps-category-page--protirki .wcps-protirki-product-grid--brand,
    .wcps-category-page--protirki .wcps-protirki-catalog__group--tomatto .wcps-protirki-product-grid--brand {
        margin-left: 0;
        order: 1;
    }
}

@media (max-width: 820px) {
    .wcps-category-page--protirki .wcps-protirki-section__head,
    .wcps-category-page--protirki .wcps-protirki-faq__head,
    .wcps-category-page--protirki .wcps-protirki-final__inner {
        grid-template-columns: 1fr;
    }

    .wcps-category-page--protirki .wcps-protirki-benefits__grid {
        grid-template-columns: 1fr;
    }

    .wcps-category-page--protirki .wcps-protirki-category-about__text {
        grid-template-columns: 1fr;
    }

    .wcps-category-page--protirki .wcps-protirki-final__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .wcps-category-page--protirki {
        padding-bottom: 52px;
    }

    .wcps-category-page--protirki .wcps-protirki-shell {
        max-width: calc(100vw - 28px);
        padding-top: 18px;
    }

    .wcps-category-page--protirki [id^="wcps-protirki-"] {
        scroll-margin-top: 236px;
    }

    .wcps-category-page--protirki .wcps-protirki-section,
    .wcps-category-page--protirki .wcps-protirki-faq,
    .wcps-category-page--protirki .wcps-protirki-final {
        margin-top: 36px;
    }

    .wcps-category-page--protirki .wcps-protirki-hero {
        padding: 18px 0 26px;
    }

    .wcps-category-page--protirki .wcps-protirki-hero h1 {
        font-size: clamp(2.35rem, 11vw, 3.15rem);
        max-width: 100%;
    }

    .wcps-category-page--protirki .wcps-protirki-hero__lead {
        font-size: 1rem;
        line-height: 1.48;
    }

    .wcps-category-page--protirki .wcps-protirki-product-grid,
    .wcps-category-page--protirki .wcps-protirki-scenario__selector,
    .wcps-category-page--protirki .wcps-protirki-mirta-expected__items,
    .wcps-category-page--protirki .wcps-protirki-shorts__grid,
    .wcps-category-page--protirki .wcps-protirki-video-showcase__grid {
        grid-template-columns: 1fr;
    }

    .wcps-category-page--protirki .wcps-protirki-product-grid.wcps-protirki-product-grid--brand {
        grid-template-columns: 1fr;
    }

    .wcps-category-page--protirki .wcps-protirki-hero__stage {
        min-height: 390px;
    }

    .wcps-category-page--protirki .wcps-protirki-entry-type {
        left: -58vw;
        top: 47%;
        width: 122vw;
    }

    .wcps-category-page--protirki .wcps-protirki-entry-type__line {
        font-size: clamp(3.3rem, 15.5vw, 5.9rem);
        line-height: 1;
    }

    .wcps-category-page--protirki .wcps-protirki-entry-type__line:nth-child(n + 6) {
        display: none;
    }

    .wcps-category-page--protirki .wcps-protirki-entry-dock__image {
        max-height: 64svh;
        right: -24vw;
        top: 18svh;
        transform: translate3d(54vw, 14px, 0) scale(0.9);
        width: clamp(300px, 86vw, 450px);
    }

    .wcps-category-page--protirki .wcps-protirki-stage__product {
        inset: -1% -20% 16%;
    }

    .wcps-category-page--protirki .wcps-protirki-entry-landing {
        width: clamp(500px, 126vw, 640px);
    }

    .wcps-category-page--protirki .wcps-protirki-stage__product-image {
        width: clamp(500px, 126vw, 640px);
    }

    .wcps-category-page--protirki .wcps-protirki-stage__shadow {
        bottom: 16%;
        left: 14%;
        right: 14%;
    }

    .wcps-category-page--protirki .wcps-protirki-stage__grain--one,
    .wcps-category-page--protirki .wcps-protirki-stage__grain--two {
        display: none;
    }

    .wcps-category-page--protirki .wcps-protirki-360,
    .wcps-category-page--protirki .wcps-protirki-scenario__layout,
    .wcps-category-page--protirki .wcps-protirki-guide__box,
    .wcps-category-page--protirki .wcps-protirki-category-about__inner,
    .wcps-category-page--protirki .wcps-protirki-final__inner {
        padding: 18px;
    }

    .wcps-category-page--protirki .wcps-protirki-360__intro h2,
    .wcps-category-page--protirki .wcps-protirki-section__head h2,
    .wcps-category-page--protirki .wcps-protirki-faq__head h2,
    .wcps-category-page--protirki .wcps-protirki-scenario__intro h2,
    .wcps-category-page--protirki .wcps-protirki-benefits__intro h2,
    .wcps-category-page--protirki .wcps-protirki-final__inner h2 {
        font-size: clamp(2rem, 9.2vw, 2.65rem);
        max-width: 100%;
    }

    .wcps-category-page--protirki .wcps-protirki-360__drag {
        bottom: 12px;
        gap: 8px;
        left: 12px;
        right: 12px;
    }

    .wcps-category-page--protirki .wcps-protirki-360__drag-label {
        font-size: 0.72rem;
        padding: 8px 12px 9px;
    }

    .wcps-category-page--protirki .wcps-protirki-360__drag-arrow {
        height: 24px;
    }

    .wcps-category-page--protirki .wcps-protirki-scenario__result {
        min-height: clamp(240px, 72vw, 360px);
        padding: 12px;
    }

    .wcps-category-page--protirki .wcps-protirki-scenario__image-wrap {
        min-height: clamp(216px, 66vw, 336px);
    }

    .wcps-category-page--protirki .wcps-protirki-card__media {
        height: auto;
    }

    .wcps-category-page--protirki .wcps-protirki-video-modal__dialog {
        max-height: 82vh;
        max-width: 92vw;
        width: 92vw;
    }

    .wcps-category-page--protirki .wcps-protirki-video-modal__media {
        max-height: 82vh;
    }

    .wcps-category-page--protirki .wcps-protirki-video-modal__close {
        height: 52px;
        right: -10px;
        top: -18px;
        width: 52px;
    }

    .wcps-category-page--protirki .wcps-protirki-hero__actions .wcps-protirki-button,
    .wcps-category-page--protirki .wcps-protirki-final__actions .wcps-protirki-button {
        min-height: 44px;
        width: 100%;
    }
}

@media (max-width: 430px) {
    .wcps-category-page--protirki .wcps-protirki-hero__stage {
        min-height: 340px;
    }

    .wcps-category-page--protirki .wcps-protirki-card__body,
    .wcps-category-page--protirki .wcps-protirki-card__footer {
        padding-left: 6px;
        padding-right: 6px;
    }
}